motif.ui.ts

// Shared Nuxt UI theme config (Motif / UniFi palette + Material Symbols icons).
//
// Single source of truth consumed by BOTH:
//   - app/app.config.ts        (the Nuxt app)
//   - .storybook/main.ts       (Storybook, via the @nuxt/ui/vite plugin's `ui` option)
//
// Color names map to the Tailwind scales defined in app/assets/css/main.css.
export const motifUi = {
  colors: {
    primary: 'motif-blue',
    secondary: 'motif-aqua',
    success: 'motif-green',
    info: 'motif-aqua',
    warning: 'motif-amber',
    error: 'motif-red',
    neutral: 'motif-gray',
  },
  icons: {
    arrowLeft: 'i-material-symbols-arrow-back',
    arrowRight: 'i-material-symbols-arrow-forward',
    check: 'i-material-symbols-check',
    chevronDoubleLeft: 'i-material-symbols-keyboard-double-arrow-left',
    chevronDoubleRight: 'i-material-symbols-keyboard-double-arrow-right',
    chevronDown: 'i-material-symbols-keyboard-arrow-down',
    chevronLeft: 'i-material-symbols-chevron-left',
    chevronRight: 'i-material-symbols-chevron-right',
    chevronUp: 'i-material-symbols-keyboard-arrow-up',
    close: 'i-material-symbols-close',
    ellipsis: 'i-material-symbols-more-horiz',
    external: 'i-material-symbols-open-in-new',
    folder: 'i-material-symbols-folder-outline',
    folderOpen: 'i-material-symbols-folder-open-outline',
    loading: 'i-material-symbols-progress-activity',
    minus: 'i-material-symbols-remove',
    plus: 'i-material-symbols-add',
    search: 'i-material-symbols-search',
  },
} as const