@salesmind-ai/design-system 0.3.1 → 0.3.3

package/dist/chunk-ECXBTUH6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/IntlProvider.tsx","../src/i18n/useMessage.ts","../src/i18n/messages.ts","../src/i18n/index.ts"],"names":["defineMessages"],"mappings":"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","sourcesContent":["/**\n * Design System IntlProvider\n *\n * Wraps react-intl's IntlProvider with design system defaults.\n * Components receive i18n context through this provider.\n *\n * @example\n * ```tsx\n * import { DSIntlProvider } from '@salesmind-ai/design-system';\n *\n * // With default English messages\n * <DSIntlProvider>\n *   <App />\n * </DSIntlProvider>\n *\n * // With custom locale and messages\n * <DSIntlProvider locale=\"fr\" messages={frenchMessages}>\n *   <App />\n * </DSIntlProvider>\n * ```\n */\n\nimport React from 'react';\nimport { IntlProvider, IntlConfig } from 'react-intl';\n\n/**\n * Default English messages (extracted from component defaults)\n * These serve as fallbacks when no messages are provided.\n */\nconst defaultMessages: Record<string, string> = {\n  // Common\n  'ds.common.loading': 'Loading...',\n  'ds.common.error': 'An error occurred',\n  'ds.common.retry': 'Retry',\n  'ds.common.cancel': 'Cancel',\n  'ds.common.confirm': 'Confirm',\n  'ds.common.close': 'Close',\n  'ds.common.save': 'Save',\n  'ds.common.delete': 'Delete',\n  'ds.common.edit': 'Edit',\n  'ds.common.submit': 'Submit',\n  'ds.common.required': 'Required',\n  'ds.common.optional': 'Optional',\n\n  // Alert\n  'ds.alert.dismissLabel': 'Dismiss alert',\n  'ds.alert.successTitle': 'Success',\n  'ds.alert.errorTitle': 'Error',\n  'ds.alert.warningTitle': 'Warning',\n  'ds.alert.infoTitle': 'Information',\n\n  // Toast\n  'ds.toast.dismissLabel': 'Dismiss notification',\n\n  // Dialog\n  'ds.dialog.closeLabel': 'Close dialog',\n\n  // Form\n  'ds.form.showPassword': 'Show password',\n  'ds.form.hidePassword': 'Hide password',\n  'ds.form.clearInput': 'Clear input',\n  'ds.form.invalidEmail': 'Please enter a valid email address',\n  'ds.form.passwordRequired': 'Password is required',\n\n  // Auth\n  'ds.auth.loginTitle': 'Sign in to your account',\n  'ds.auth.signupTitle': 'Create your account',\n  'ds.auth.forgotPasswordTitle': 'Reset your password',\n  'ds.auth.emailLabel': 'Email address',\n  'ds.auth.passwordLabel': 'Password',\n  'ds.auth.rememberMe': 'Remember me',\n  'ds.auth.forgotPassword': 'Forgot your password?',\n  'ds.auth.signIn': 'Sign in',\n  'ds.auth.signUp': 'Sign up',\n  'ds.auth.sendResetLink': 'Send reset link',\n  'ds.auth.backToLogin': 'Back to login',\n\n  // Navigation\n  'ds.nav.menuLabel': 'Navigation menu',\n  'ds.nav.toggleSidebar': 'Toggle sidebar',\n  'ds.nav.expandSubmenu': 'Expand submenu',\n  'ds.nav.collapseSubmenu': 'Collapse submenu',\n\n  // Report\n  'ds.report.confidenceLabel': 'Confidence score',\n  'ds.report.dataCoverageLabel': 'Data coverage',\n  'ds.report.insufficientData': 'Insufficient data',\n  'ds.report.exportPdf': 'Export as PDF',\n  'ds.report.exportCsv': 'Export as CSV',\n  'ds.report.exportPptx': 'Export as PowerPoint',\n\n  // Appearance\n  'ds.appearance.themeLabel': 'Theme',\n  'ds.appearance.darkTheme': 'Dark',\n  'ds.appearance.lightTheme': 'Light',\n  'ds.appearance.highContrastTheme': 'High contrast',\n  'ds.appearance.densityLabel': 'Density',\n  'ds.appearance.comfortableDensity': 'Comfortable',\n  'ds.appearance.compactDensity': 'Compact',\n\n  // Pagination\n  'ds.pagination.previous': 'Previous',\n  'ds.pagination.next': 'Next',\n  'ds.pagination.goToPreviousPage': 'Go to previous page',\n  'ds.pagination.goToNextPage': 'Go to next page',\n\n  // Calendar\n  'ds.calendar.previousMonth': 'Previous month',\n  'ds.calendar.nextMonth': 'Next month',\n\n  // Carousel\n  'ds.carousel.previousSlide': 'Previous slide',\n  'ds.carousel.nextSlide': 'Next slide',\n\n  // Methodology\n  'ds.methodology.title': 'Methodology',\n  'ds.methodology.sampleSize': 'Sample Size',\n  'ds.methodology.dataSources': 'Data Sources',\n  'ds.methodology.calculation': 'Calculation',\n};\n\nexport interface DSIntlProviderProps {\n  /**\n   * Locale identifier (e.g., 'en', 'fr', 'de')\n   * @default 'en'\n   */\n  locale?: string;\n\n  /**\n   * Translated messages for the locale.\n   * If not provided, defaults to English messages.\n   */\n  messages?: Record<string, string>;\n\n  /**\n   * Additional IntlProvider configuration\n   */\n  intlConfig?: Partial<IntlConfig>;\n\n  /**\n   * Child components\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Design System IntlProvider\n *\n * Provides internationalization context to all design system components.\n * Wrap your app with this provider to enable i18n support.\n */\nexport function DSIntlProvider({\n  locale = 'en',\n  messages,\n  intlConfig,\n  children,\n}: DSIntlProviderProps) {\n  // Merge provided messages with defaults (provided messages take precedence)\n  const mergedMessages = {\n    ...defaultMessages,\n    ...messages,\n  };\n\n  return (\n    <IntlProvider\n      locale={locale}\n      messages={mergedMessages}\n      defaultLocale=\"en\"\n      onError={(err) => {\n        // Only log missing translation errors in development\n        if (process.env.NODE_ENV === 'development') {\n          // Filter out \"MISSING_TRANSLATION\" errors for default messages\n          if (err.code !== 'MISSING_TRANSLATION') {\n            console.error(err);\n          }\n        }\n      }}\n      {...intlConfig}\n    >\n      {children}\n    </IntlProvider>\n  );\n}\n\nexport default DSIntlProvider;\n","/**\n * Design System Message Hooks\n *\n * Provides hooks for accessing internationalized messages in components.\n * These hooks are optional - components can still accept string props directly.\n *\n * @example\n * ```tsx\n * import { useMessage, commonMessages } from '@salesmind-ai/design-system';\n *\n * function MyComponent() {\n *   const t = useMessage();\n *   return <button>{t(commonMessages.save)}</button>;\n * }\n * ```\n */\n\nimport { useIntl, MessageDescriptor, PrimitiveType } from 'react-intl';\nimport { useCallback } from 'react';\n\n/**\n * Format message values type\n */\nexport type MessageValues = Record<string, PrimitiveType>;\n\n/**\n * Hook to get a message formatter function\n *\n * @returns A function that formats messages\n *\n * @example\n * ```tsx\n * const t = useMessage();\n * return <span>{t(commonMessages.loading)}</span>;\n * ```\n */\nexport function useMessage() {\n  const intl = useIntl();\n\n  const formatMessage = useCallback(\n    (descriptor: MessageDescriptor, values?: MessageValues): string => {\n      return intl.formatMessage(descriptor, values);\n    },\n    [intl],\n  );\n\n  return formatMessage;\n}\n\n/**\n * Hook to get the current locale\n *\n * @returns The current locale string (e.g., 'en', 'fr')\n *\n * @example\n * ```tsx\n * const locale = useLocale();\n * console.log(locale); // 'en'\n * ```\n */\nexport function useLocale(): string {\n  const intl = useIntl();\n  return intl.locale;\n}\n\n/**\n * Hook to check if RTL is needed for current locale\n *\n * @returns true if the current locale is RTL\n *\n * @example\n * ```tsx\n * const isRTL = useIsRTL();\n * return <div style={{ direction: isRTL ? 'rtl' : 'ltr' }}>...</div>;\n * ```\n */\nexport function useIsRTL(): boolean {\n  const locale = useLocale();\n\n  // RTL locales\n  const rtlLocales = [\n    'ar', // Arabic\n    'he', // Hebrew\n    'fa', // Persian/Farsi\n    'ur', // Urdu\n    'ps', // Pashto\n    'sd', // Sindhi\n    'yi', // Yiddish\n  ];\n\n  return rtlLocales.some((rtl) => locale === rtl || locale.startsWith(`${rtl}-`));\n}\n\n/**\n * Hook to get the current text direction\n *\n * @returns 'rtl' or 'ltr' based on locale\n *\n * @example\n * ```tsx\n * const dir = useTextDirection();\n * return <div dir={dir}>...</div>;\n * ```\n */\nexport function useTextDirection(): 'rtl' | 'ltr' {\n  const isRTL = useIsRTL();\n  return isRTL ? 'rtl' : 'ltr';\n}\n\n/**\n * Hook to format a number according to locale\n *\n * @returns A number formatter function\n *\n * @example\n * ```tsx\n * const formatNumber = useNumberFormat();\n * return <span>{formatNumber(1234.56)}</span>; // \"1,234.56\" in en-US\n * ```\n */\nexport function useNumberFormat() {\n  const intl = useIntl();\n\n  const formatNumber = useCallback(\n    (value: number, options?: Intl.NumberFormatOptions): string => {\n      return intl.formatNumber(value, options as Parameters<typeof intl.formatNumber>[1]);\n    },\n    [intl],\n  );\n\n  return formatNumber;\n}\n\n/**\n * Hook to format a date according to locale\n *\n * @returns A date formatter function\n *\n * @example\n * ```tsx\n * const formatDate = useDateFormat();\n * return <span>{formatDate(new Date())}</span>;\n * ```\n */\nexport function useDateFormat() {\n  const intl = useIntl();\n\n  const formatDate = useCallback(\n    (value: Date | number, options?: Intl.DateTimeFormatOptions): string => {\n      return intl.formatDate(value, options);\n    },\n    [intl],\n  );\n\n  return formatDate;\n}\n\n/**\n * Hook to format a relative time (e.g., \"2 days ago\")\n *\n * @returns A relative time formatter function\n *\n * @example\n * ```tsx\n * const formatRelative = useRelativeTime();\n * return <span>{formatRelative(-2, 'day')}</span>; // \"2 days ago\"\n * ```\n */\nexport function useRelativeTime() {\n  const intl = useIntl();\n\n  const formatRelativeTime = useCallback(\n    (\n      value: number,\n      unit: Intl.RelativeTimeFormatUnit,\n      options?: Intl.RelativeTimeFormatOptions,\n    ): string => {\n      return intl.formatRelativeTime(value, unit, options as Parameters<typeof intl.formatRelativeTime>[2]);\n    },\n    [intl],\n  );\n\n  return formatRelativeTime;\n}\n","/**\n * Design System Default Messages\n *\n * This file contains all user-facing strings used by design system components.\n * Components accept message props but fall back to these defaults.\n *\n * Format: react-intl MessageDescriptor\n * @see https://formatjs.io/docs/react-intl/api#message-descriptor\n */\n\nimport { defineMessages } from 'react-intl';\n\n/**\n * Common messages used across multiple components\n */\nexport const commonMessages = defineMessages({\n  loading: {\n    id: 'ds.common.loading',\n    defaultMessage: 'Loading...',\n    description: 'Generic loading state text',\n  },\n  error: {\n    id: 'ds.common.error',\n    defaultMessage: 'An error occurred',\n    description: 'Generic error message',\n  },\n  retry: {\n    id: 'ds.common.retry',\n    defaultMessage: 'Retry',\n    description: 'Retry action button text',\n  },\n  cancel: {\n    id: 'ds.common.cancel',\n    defaultMessage: 'Cancel',\n    description: 'Cancel action button text',\n  },\n  confirm: {\n    id: 'ds.common.confirm',\n    defaultMessage: 'Confirm',\n    description: 'Confirm action button text',\n  },\n  close: {\n    id: 'ds.common.close',\n    defaultMessage: 'Close',\n    description: 'Close action button text',\n  },\n  save: {\n    id: 'ds.common.save',\n    defaultMessage: 'Save',\n    description: 'Save action button text',\n  },\n  delete: {\n    id: 'ds.common.delete',\n    defaultMessage: 'Delete',\n    description: 'Delete action button text',\n  },\n  edit: {\n    id: 'ds.common.edit',\n    defaultMessage: 'Edit',\n    description: 'Edit action button text',\n  },\n  submit: {\n    id: 'ds.common.submit',\n    defaultMessage: 'Submit',\n    description: 'Submit action button text',\n  },\n  required: {\n    id: 'ds.common.required',\n    defaultMessage: 'Required',\n    description: 'Field required indicator',\n  },\n  optional: {\n    id: 'ds.common.optional',\n    defaultMessage: 'Optional',\n    description: 'Field optional indicator',\n  },\n});\n\n/**\n * Alert component messages\n */\nexport const alertMessages = defineMessages({\n  dismissLabel: {\n    id: 'ds.alert.dismissLabel',\n    defaultMessage: 'Dismiss alert',\n    description: 'Accessible label for alert dismiss button',\n  },\n  successTitle: {\n    id: 'ds.alert.successTitle',\n    defaultMessage: 'Success',\n    description: 'Default title for success alerts',\n  },\n  errorTitle: {\n    id: 'ds.alert.errorTitle',\n    defaultMessage: 'Error',\n    description: 'Default title for error alerts',\n  },\n  warningTitle: {\n    id: 'ds.alert.warningTitle',\n    defaultMessage: 'Warning',\n    description: 'Default title for warning alerts',\n  },\n  infoTitle: {\n    id: 'ds.alert.infoTitle',\n    defaultMessage: 'Information',\n    description: 'Default title for info alerts',\n  },\n});\n\n/**\n * Toast notification messages\n */\nexport const toastMessages = defineMessages({\n  dismissLabel: {\n    id: 'ds.toast.dismissLabel',\n    defaultMessage: 'Dismiss notification',\n    description: 'Accessible label for toast dismiss button',\n  },\n});\n\n/**\n * Dialog component messages\n */\nexport const dialogMessages = defineMessages({\n  closeLabel: {\n    id: 'ds.dialog.closeLabel',\n    defaultMessage: 'Close dialog',\n    description: 'Accessible label for dialog close button',\n  },\n});\n\n/**\n * Form component messages\n */\nexport const formMessages = defineMessages({\n  showPassword: {\n    id: 'ds.form.showPassword',\n    defaultMessage: 'Show password',\n    description: 'Toggle to show password text',\n  },\n  hidePassword: {\n    id: 'ds.form.hidePassword',\n    defaultMessage: 'Hide password',\n    description: 'Toggle to hide password text',\n  },\n  clearInput: {\n    id: 'ds.form.clearInput',\n    defaultMessage: 'Clear input',\n    description: 'Clear input field button',\n  },\n  invalidEmail: {\n    id: 'ds.form.invalidEmail',\n    defaultMessage: 'Please enter a valid email address',\n    description: 'Email validation error',\n  },\n  passwordRequired: {\n    id: 'ds.form.passwordRequired',\n    defaultMessage: 'Password is required',\n    description: 'Password required validation error',\n  },\n});\n\n/**\n * Auth component messages\n */\nexport const authMessages = defineMessages({\n  loginTitle: {\n    id: 'ds.auth.loginTitle',\n    defaultMessage: 'Sign in to your account',\n    description: 'Login page title',\n  },\n  signupTitle: {\n    id: 'ds.auth.signupTitle',\n    defaultMessage: 'Create your account',\n    description: 'Signup page title',\n  },\n  forgotPasswordTitle: {\n    id: 'ds.auth.forgotPasswordTitle',\n    defaultMessage: 'Reset your password',\n    description: 'Forgot password page title',\n  },\n  emailLabel: {\n    id: 'ds.auth.emailLabel',\n    defaultMessage: 'Email address',\n    description: 'Email field label',\n  },\n  passwordLabel: {\n    id: 'ds.auth.passwordLabel',\n    defaultMessage: 'Password',\n    description: 'Password field label',\n  },\n  rememberMe: {\n    id: 'ds.auth.rememberMe',\n    defaultMessage: 'Remember me',\n    description: 'Remember me checkbox label',\n  },\n  forgotPassword: {\n    id: 'ds.auth.forgotPassword',\n    defaultMessage: 'Forgot your password?',\n    description: 'Forgot password link text',\n  },\n  signIn: {\n    id: 'ds.auth.signIn',\n    defaultMessage: 'Sign in',\n    description: 'Sign in button text',\n  },\n  signUp: {\n    id: 'ds.auth.signUp',\n    defaultMessage: 'Sign up',\n    description: 'Sign up button text',\n  },\n  sendResetLink: {\n    id: 'ds.auth.sendResetLink',\n    defaultMessage: 'Send reset link',\n    description: 'Send password reset link button',\n  },\n  backToLogin: {\n    id: 'ds.auth.backToLogin',\n    defaultMessage: 'Back to login',\n    description: 'Back to login link text',\n  },\n});\n\n/**\n * Navigation component messages\n */\nexport const navigationMessages = defineMessages({\n  menuLabel: {\n    id: 'ds.nav.menuLabel',\n    defaultMessage: 'Navigation menu',\n    description: 'Accessible label for navigation menu',\n  },\n  toggleSidebar: {\n    id: 'ds.nav.toggleSidebar',\n    defaultMessage: 'Toggle sidebar',\n    description: 'Toggle sidebar button label',\n  },\n  expandSubmenu: {\n    id: 'ds.nav.expandSubmenu',\n    defaultMessage: 'Expand submenu',\n    description: 'Expand submenu button label',\n  },\n  collapseSubmenu: {\n    id: 'ds.nav.collapseSubmenu',\n    defaultMessage: 'Collapse submenu',\n    description: 'Collapse submenu button label',\n  },\n});\n\n/**\n * Report Engine component messages\n */\nexport const reportMessages = defineMessages({\n  confidenceLabel: {\n    id: 'ds.report.confidenceLabel',\n    defaultMessage: 'Confidence score',\n    description: 'Label for confidence indicator',\n  },\n  dataCoverageLabel: {\n    id: 'ds.report.dataCoverageLabel',\n    defaultMessage: 'Data coverage',\n    description: 'Label for data coverage badge',\n  },\n  insufficientData: {\n    id: 'ds.report.insufficientData',\n    defaultMessage: 'Insufficient data',\n    description: 'Message when data is insufficient for analysis',\n  },\n  exportPdf: {\n    id: 'ds.report.exportPdf',\n    defaultMessage: 'Export as PDF',\n    description: 'Export to PDF option',\n  },\n  exportCsv: {\n    id: 'ds.report.exportCsv',\n    defaultMessage: 'Export as CSV',\n    description: 'Export to CSV option',\n  },\n  exportPptx: {\n    id: 'ds.report.exportPptx',\n    defaultMessage: 'Export as PowerPoint',\n    description: 'Export to PowerPoint option',\n  },\n});\n\n/**\n * Appearance/Theme component messages\n */\nexport const appearanceMessages = defineMessages({\n  themeLabel: {\n    id: 'ds.appearance.themeLabel',\n    defaultMessage: 'Theme',\n    description: 'Theme selector label',\n  },\n  darkTheme: {\n    id: 'ds.appearance.darkTheme',\n    defaultMessage: 'Dark',\n    description: 'Dark theme option',\n  },\n  lightTheme: {\n    id: 'ds.appearance.lightTheme',\n    defaultMessage: 'Light',\n    description: 'Light theme option',\n  },\n  highContrastTheme: {\n    id: 'ds.appearance.highContrastTheme',\n    defaultMessage: 'High contrast',\n    description: 'High contrast theme option',\n  },\n  densityLabel: {\n    id: 'ds.appearance.densityLabel',\n    defaultMessage: 'Density',\n    description: 'Density selector label',\n  },\n  comfortableDensity: {\n    id: 'ds.appearance.comfortableDensity',\n    defaultMessage: 'Comfortable',\n    description: 'Comfortable density option',\n  },\n  compactDensity: {\n    id: 'ds.appearance.compactDensity',\n    defaultMessage: 'Compact',\n    description: 'Compact density option',\n  },\n});\n\n/**\n * Pagination component messages\n */\nexport const paginationMessages = defineMessages({\n  previous: {\n    id: 'ds.pagination.previous',\n    defaultMessage: 'Previous',\n    description: 'Pagination previous button label',\n  },\n  next: {\n    id: 'ds.pagination.next',\n    defaultMessage: 'Next',\n    description: 'Pagination next button label',\n  },\n  goToPreviousPage: {\n    id: 'ds.pagination.goToPreviousPage',\n    defaultMessage: 'Go to previous page',\n    description: 'Accessible label for previous page button',\n  },\n  goToNextPage: {\n    id: 'ds.pagination.goToNextPage',\n    defaultMessage: 'Go to next page',\n    description: 'Accessible label for next page button',\n  },\n});\n\n/**\n * Calendar component messages\n */\nexport const calendarMessages = defineMessages({\n  previousMonth: {\n    id: 'ds.calendar.previousMonth',\n    defaultMessage: 'Previous month',\n    description: 'Accessible label for previous month button',\n  },\n  nextMonth: {\n    id: 'ds.calendar.nextMonth',\n    defaultMessage: 'Next month',\n    description: 'Accessible label for next month button',\n  },\n});\n\n/**\n * Carousel component messages\n */\nexport const carouselMessages = defineMessages({\n  previousSlide: {\n    id: 'ds.carousel.previousSlide',\n    defaultMessage: 'Previous slide',\n    description: 'Accessible label for previous slide button',\n  },\n  nextSlide: {\n    id: 'ds.carousel.nextSlide',\n    defaultMessage: 'Next slide',\n    description: 'Accessible label for next slide button',\n  },\n});\n\n/**\n * Methodology component messages\n */\nexport const methodologyMessages = defineMessages({\n  title: {\n    id: 'ds.methodology.title',\n    defaultMessage: 'Methodology',\n    description: 'Methodology note title',\n  },\n  sampleSize: {\n    id: 'ds.methodology.sampleSize',\n    defaultMessage: 'Sample Size',\n    description: 'Methodology sample size label',\n  },\n  dataSources: {\n    id: 'ds.methodology.dataSources',\n    defaultMessage: 'Data Sources',\n    description: 'Methodology data sources label',\n  },\n  calculation: {\n    id: 'ds.methodology.calculation',\n    defaultMessage: 'Calculation',\n    description: 'Methodology calculation label',\n  },\n});\n\n/**\n * All messages combined for easy export\n */\nexport const allMessages = {\n  ...commonMessages,\n  ...alertMessages,\n  ...toastMessages,\n  ...dialogMessages,\n  ...formMessages,\n  ...authMessages,\n  ...navigationMessages,\n  ...reportMessages,\n  ...appearanceMessages,\n  ...paginationMessages,\n  ...calendarMessages,\n  ...carouselMessages,\n  ...methodologyMessages,\n};\n","/**\n * Design System Internationalization Module\n *\n * Provides i18n infrastructure for design system components.\n *\n * @module i18n\n */\n\n// Provider\nexport { DSIntlProvider, type DSIntlProviderProps } from './IntlProvider';\n\n// Hooks\nexport {\n  useMessage,\n  useLocale,\n  useIsRTL,\n  useTextDirection,\n  useNumberFormat,\n  useDateFormat,\n  useRelativeTime,\n  type MessageValues,\n} from './useMessage';\n\n// Messages\nexport {\n  commonMessages,\n  alertMessages,\n  toastMessages,\n  dialogMessages,\n  formMessages,\n  authMessages,\n  navigationMessages,\n  reportMessages,\n  appearanceMessages,\n  paginationMessages,\n  calendarMessages,\n  carouselMessages,\n  methodologyMessages,\n  allMessages,\n} from './messages';\n\n// Re-export react-intl types for convenience\nexport type { MessageDescriptor } from 'react-intl';\nexport { defineMessages, FormattedMessage, FormattedNumber, FormattedDate } from 'react-intl';\n"]}

package/dist/chunk-EFRAP5ES.js

@@ -0,0 +1,157 @@
+import { useAppearance } from './chunk-JPJN4YBC.js';
+import React from 'react';
+import clsx2 from 'clsx';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Sun, Moon } from 'lucide-react';
+
+var VoidBackground = React.forwardRef(
+  ({ showGrid = true, showGrain = true, className, children }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { ref, className: clsx2("void", className), children: [
+      /* @__PURE__ */ jsx("div", { className: "void__base", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs("div", { className: "void__orbs", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx("div", { className: "void__orb void__orb--warm" }),
+        /* @__PURE__ */ jsx("div", { className: "void__orb void__orb--purple" })
+      ] }),
+      showGrid && /* @__PURE__ */ jsx("div", { className: "void__grid", "aria-hidden": "true" }),
+      showGrain && /* @__PURE__ */ jsx("div", { className: "void__grain", "aria-hidden": "true" }),
+      children && /* @__PURE__ */ jsx("div", { className: "void__content", children })
+    ] });
+  }
+);
+VoidBackground.displayName = "VoidBackground";
+var ThemeSelector = ({ className, style }) => {
+  const { theme, setTheme } = useAppearance();
+  const handleThemeChange = (newTheme) => {
+    setTheme(newTheme);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: clsx2("ds-theme-selector", className), style, role: "group", "aria-label": "Theme Selector", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: clsx2("ds-theme-selector__btn", { "ds-theme-selector__btn--active": theme === "light" }),
+        onClick: () => handleThemeChange("light"),
+        "aria-pressed": theme === "light",
+        children: [
+          /* @__PURE__ */ jsx(Sun, { className: "ds-theme-selector__icon" }),
+          /* @__PURE__ */ jsx("span", { className: "ds-theme-selector__label", children: "Light" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: clsx2("ds-theme-selector__btn", { "ds-theme-selector__btn--active": theme === "light-contrast" }),
+        onClick: () => handleThemeChange("light-contrast"),
+        "aria-pressed": theme === "light-contrast",
+        children: [
+          /* @__PURE__ */ jsx(Sun, { className: "ds-theme-selector__icon" }),
+          /* @__PURE__ */ jsx("span", { className: "ds-theme-selector__label", children: "Light HC" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: clsx2("ds-theme-selector__btn", { "ds-theme-selector__btn--active": theme === "dark" }),
+        onClick: () => handleThemeChange("dark"),
+        "aria-pressed": theme === "dark",
+        children: [
+          /* @__PURE__ */ jsx(Moon, { className: "ds-theme-selector__icon" }),
+          /* @__PURE__ */ jsx("span", { className: "ds-theme-selector__label", children: "Dark" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: clsx2("ds-theme-selector__btn", { "ds-theme-selector__btn--active": theme === "dark-contrast" }),
+        onClick: () => handleThemeChange("dark-contrast"),
+        "aria-pressed": theme === "dark-contrast",
+        children: [
+          /* @__PURE__ */ jsx(Moon, { className: "ds-theme-selector__icon" }),
+          /* @__PURE__ */ jsx("span", { className: "ds-theme-selector__label", children: "Dark HC" })
+        ]
+      }
+    )
+  ] });
+};
+ThemeSelector.displayName = "ThemeSelector";
+var BRAND_PRESETS = [
+  { value: "default", label: "Warm Intelligence", color: "#f97316" },
+  { value: "salesmind", label: "SalesMind", color: "#ff005a" }
+];
+var ColorPicker = React.forwardRef(
+  ({ className, style }, ref) => {
+    const { brand, setBrand, customColor, setCustomColor } = useAppearance();
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: clsx2("ds-color-picker", className),
+        style,
+        role: "group",
+        "aria-label": "Brand Color",
+        children: [
+          BRAND_PRESETS.map(({ value, label, color }) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: clsx2("ds-color-picker__swatch", {
+                "ds-color-picker__swatch--active": brand === value
+              }),
+              onClick: () => setBrand(value),
+              "aria-label": `Switch to ${label} color scheme`,
+              "aria-pressed": brand === value,
+              title: label,
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "ds-color-picker__dot",
+                  style: { "--swatch-color": color }
+                }
+              )
+            },
+            value
+          )),
+          /* @__PURE__ */ jsxs(
+            "label",
+            {
+              className: clsx2("ds-color-picker__swatch", "ds-color-picker__swatch--custom", {
+                "ds-color-picker__swatch--active": brand === "custom"
+              }),
+              title: `Custom: ${customColor}`,
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "ds-color-picker__dot",
+                    style: { "--swatch-color": customColor }
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "color",
+                    value: customColor,
+                    onChange: (e) => setCustomColor(e.target.value),
+                    className: "ds-color-picker__native-input",
+                    "aria-label": "Pick a custom accent color"
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ColorPicker.displayName = "ColorPicker";
+
+export { ColorPicker, ThemeSelector, VoidBackground };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-EFRAP5ES.js.map

package/dist/chunk-EFRAP5ES.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/VoidBackground/VoidBackground.tsx","../src/components/ThemeSelector/ThemeSelector.tsx","../src/components/ColorPicker/ColorPicker.tsx"],"names":["clsx","jsx","jsxs","React"],"mappings":"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","sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport './VoidBackground.css';\n\nexport interface VoidBackgroundProps {\n  /** Show the engineered grid overlay */\n  showGrid?: boolean;\n  /** Show the film grain texture */\n  showGrain?: boolean;\n  /** Custom class name */\n  className?: string;\n  /** Child content rendered above the void */\n  children?: React.ReactNode;\n}\n\n/**\n * VoidBackground — The Void Signature Design System Level 0 Environment\n *\n * A four-layer atmospheric background system:\n * 1. Base Color — Deep purple-black (#08040a)\n * 2. Light Orbs — Radial gradients with mix-blend-mode: screen\n * 3. Engineered Grid — 80×80px with radial fade mask\n * 4. Film Grain — Static SVG noise for texture\n *\n * The Void is not decoration — it is the lighting engine for the UI.\n */\nexport const VoidBackground = React.forwardRef<HTMLDivElement, VoidBackgroundProps>(\n  ({ showGrid = true, showGrain = true, className, children }, ref) => {\n    return (\n      <div ref={ref} className={clsx('void', className)}>\n        {/* Layer 1: Base Color */}\n        <div className=\"void__base\" aria-hidden=\"true\" />\n\n        {/* Layer 2: Light Orbs (Infusion Engine) */}\n        <div className=\"void__orbs\" aria-hidden=\"true\">\n          <div className=\"void__orb void__orb--warm\" />\n          <div className=\"void__orb void__orb--purple\" />\n        </div>\n\n        {/* Layer 3: Engineered Grid */}\n        {showGrid && <div className=\"void__grid\" aria-hidden=\"true\" />}\n\n        {/* Layer 4: Film Grain */}\n        {showGrain && <div className=\"void__grain\" aria-hidden=\"true\" />}\n\n        {/* Content Layer */}\n        {children && <div className=\"void__content\">{children}</div>}\n      </div>\n    );\n  },\n);\n\nVoidBackground.displayName = 'VoidBackground';\n","import React from 'react';\nimport { Sun, Moon } from 'lucide-react';\nimport clsx from 'clsx';\nimport { useAppearance, Theme } from '../../theme/AppearanceProvider';\nimport './ThemeSelector.css';\n\nexport interface ThemeSelectorProps {\n    className?: string;\n    style?: React.CSSProperties;\n}\n\nexport const ThemeSelector: React.FC<ThemeSelectorProps> = ({ className, style }) => {\n    const { theme, setTheme } = useAppearance();\n\n    const handleThemeChange = (newTheme: Theme) => {\n        setTheme(newTheme);\n    };\n\n    return (\n        <div className={clsx('ds-theme-selector', className)} style={style} role=\"group\" aria-label=\"Theme Selector\">\n            <button\n                type=\"button\"\n                className={clsx('ds-theme-selector__btn', { 'ds-theme-selector__btn--active': theme === 'light' })}\n                onClick={() => handleThemeChange('light')}\n                aria-pressed={theme === 'light'}\n            >\n                <Sun className=\"ds-theme-selector__icon\" />\n                <span className=\"ds-theme-selector__label\">Light</span>\n            </button>\n\n            <button\n                type=\"button\"\n                className={clsx('ds-theme-selector__btn', { 'ds-theme-selector__btn--active': theme === 'light-contrast' })}\n                onClick={() => handleThemeChange('light-contrast')}\n                aria-pressed={theme === 'light-contrast'}\n            >\n                <Sun className=\"ds-theme-selector__icon\" />\n                <span className=\"ds-theme-selector__label\">Light HC</span>\n            </button>\n\n            <button\n                type=\"button\"\n                className={clsx('ds-theme-selector__btn', { 'ds-theme-selector__btn--active': theme === 'dark' })}\n                onClick={() => handleThemeChange('dark')}\n                aria-pressed={theme === 'dark'}\n            >\n                <Moon className=\"ds-theme-selector__icon\" />\n                <span className=\"ds-theme-selector__label\">Dark</span>\n            </button>\n\n            <button\n                type=\"button\"\n                className={clsx('ds-theme-selector__btn', { 'ds-theme-selector__btn--active': theme === 'dark-contrast' })}\n                onClick={() => handleThemeChange('dark-contrast')}\n                aria-pressed={theme === 'dark-contrast'}\n            >\n                <Moon className=\"ds-theme-selector__icon\" />\n                <span className=\"ds-theme-selector__label\">Dark HC</span>\n            </button>\n        </div>\n    );\n};\n\nThemeSelector.displayName = 'ThemeSelector';\n","import React from 'react';\nimport clsx from 'clsx';\nimport { useAppearance, Brand } from '../../theme/AppearanceProvider';\nimport './ColorPicker.css';\n\n/** Pre-configured brand presets shown as swatches. */\nconst BRAND_PRESETS: { value: Brand; label: string; color: string }[] = [\n  { value: 'default', label: 'Warm Intelligence', color: '#f97316' },\n  { value: 'salesmind', label: 'SalesMind', color: '#ff005a' },\n];\n\nexport interface ColorPickerProps {\n  /** Additional CSS class name. */\n  className?: string;\n  /** Inline styles. */\n  style?: React.CSSProperties;\n}\n\n/**\n * Compact brand/accent color picker.\n * Renders preset brand swatches and an optional custom color input.\n * Consumes the `useAppearance()` context for state.\n */\nexport const ColorPicker = React.forwardRef<HTMLDivElement, ColorPickerProps>(\n  ({ className, style }, ref) => {\n    const { brand, setBrand, customColor, setCustomColor } = useAppearance();\n\n    return (\n      <div\n        ref={ref}\n        className={clsx('ds-color-picker', className)}\n        style={style}\n        role=\"group\"\n        aria-label=\"Brand Color\"\n      >\n        {BRAND_PRESETS.map(({ value, label, color }) => (\n          <button\n            key={value}\n            type=\"button\"\n            className={clsx('ds-color-picker__swatch', {\n              'ds-color-picker__swatch--active': brand === value,\n            })}\n            onClick={() => setBrand(value)}\n            aria-label={`Switch to ${label} color scheme`}\n            aria-pressed={brand === value}\n            title={label}\n          >\n            <span\n              className=\"ds-color-picker__dot\"\n              style={{ '--swatch-color': color } as React.CSSProperties}\n            />\n          </button>\n        ))}\n\n        {/* Custom color — clicking the dot opens the native color picker */}\n        <label\n          className={clsx('ds-color-picker__swatch', 'ds-color-picker__swatch--custom', {\n            'ds-color-picker__swatch--active': brand === 'custom',\n          })}\n          title={`Custom: ${customColor}`}\n        >\n          <span\n            className=\"ds-color-picker__dot\"\n            style={{ '--swatch-color': customColor } as React.CSSProperties}\n          />\n          <input\n            type=\"color\"\n            value={customColor}\n            onChange={(e) => setCustomColor(e.target.value)}\n            className=\"ds-color-picker__native-input\"\n            aria-label=\"Pick a custom accent color\"\n          />\n        </label>\n      </div>\n    );\n  },\n);\n\nColorPicker.displayName = 'ColorPicker';\n"]}