@salesmind-ai/design-system 0.6.0 → 0.7.0

package/dist/chunk-S46SKHMD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Sidebar/Sidebar.tsx","../src/components/Shell/Shell.tsx"],"names":["React","clsx","jsx","jsxs"],"mappings":"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","sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport './Sidebar.css';\n\nexport interface SidebarProps {\n  /** Position of the sidebar */\n  position?: 'left' | 'right';\n  /** Width of the sidebar */\n  width?: number | string;\n  /** Whether the sidebar is collapsed */\n  collapsed?: boolean;\n  /** Custom class name */\n  className?: string;\n  /** Child content */\n  children?: React.ReactNode;\n}\n\n/**\n * Sidebar — Level 1 Glass Panel\n *\n * A floating sidebar that maintains 24px minimum distance from viewport edges.\n * Uses Signature Glass treatment with full optical stack.\n */\nexport const Sidebar = React.forwardRef<HTMLElement, SidebarProps>(\n  ({ position = 'left', width = 280, collapsed = false, className, children }, ref) => {\n    const style: React.CSSProperties = {\n      '--sidebar-width': typeof width === 'number' ? `${width}px` : width,\n    } as React.CSSProperties;\n\n    return (\n      <aside\n        ref={ref}\n        className={clsx(\n          'ds-sidebar',\n          `ds-sidebar--${position}`,\n          collapsed && 'ds-sidebar--collapsed',\n          className,\n        )}\n        style={style}\n      >\n        <div className=\"ds-sidebar__content\">{children}</div>\n      </aside>\n    );\n  },\n);\n\nSidebar.displayName = 'Sidebar';\n\n/* Sidebar Section */\nexport interface SidebarSectionProps {\n  title?: string;\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport const SidebarSection = React.forwardRef<HTMLDivElement, SidebarSectionProps>(\n  ({ title, className, children }, ref) => {\n    return (\n      <div ref={ref} className={clsx('ds-sidebar__section', className)}>\n        {title && <h3 className=\"ds-sidebar__section-title\">{title}</h3>}\n        {children}\n      </div>\n    );\n  },\n);\n\nSidebarSection.displayName = 'SidebarSection';\n\n/* Sidebar Item */\nexport interface SidebarItemProps {\n  /** Whether this item is active */\n  active?: boolean;\n  /** Icon element */\n  icon?: React.ReactNode;\n  /** Click handler */\n  onClick?: () => void;\n  /** Custom class name */\n  className?: string;\n  /** Child content */\n  children?: React.ReactNode;\n}\n\nexport const SidebarItem = React.forwardRef<HTMLButtonElement, SidebarItemProps>(\n  ({ active = false, icon, onClick, className, children }, ref) => {\n    return (\n      <button\n        ref={ref}\n        className={clsx('ds-sidebar__item', active && 'ds-sidebar__item--active', className)}\n        onClick={onClick}\n        type=\"button\"\n      >\n        {icon && <span className=\"ds-sidebar__item-icon\">{icon}</span>}\n        <span className=\"ds-sidebar__item-label\">{children}</span>\n      </button>\n    );\n  },\n);\n\nSidebarItem.displayName = 'SidebarItem';\n","import React, { useEffect, useState } from 'react';\nimport clsx from 'clsx';\nimport { Sidebar, SidebarSection, SidebarItem } from '../Sidebar/Sidebar';\nimport './Shell.css';\n\n// Icons\nconst HomeIcon = () => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" />\n    <polyline points=\"9,22 9,12 15,12 15,22\" />\n  </svg>\n);\nconst ChartIcon = () => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\" />\n    <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\" />\n    <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\" />\n  </svg>\n);\nconst UsersIcon = () => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" />\n    <circle cx=\"9\" cy=\"7\" r=\"4\" />\n    <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\" />\n    <path d=\"M16 3.13a4 4 0 0 1 0 7.75\" />\n  </svg>\n);\nconst SettingsIcon = () => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\" />\n  </svg>\n);\n\nimport type { NavPlacement } from '../../theme/AppearanceProvider';\n\nexport interface ShellProps {\n  /**\n   * Navigation placement.\n   * If undefined, reads from document.documentElement.dataset.nav\n   */\n  layout?: NavPlacement;\n  /** Custom class name */\n  className?: string;\n  /** Content */\n  children?: React.ReactNode;\n  /** Navigation items (optional - uses defaults if not provided) */\n  navItems?: NavItem[];\n  /** Active nav item key */\n  activeNav?: string;\n  /** Nav item click handler */\n  onNavChange?: (key: string) => void;\n  /** Title for the \"System\" sidebar section when navItems.length > 3. @default \"System\" */\n  systemSectionTitle?: string;\n}\n\nexport interface NavItem {\n  key: string;\n  label: string;\n  icon: React.ReactNode;\n}\n\nconst DEFAULT_NAV_ITEMS: NavItem[] = [\n  { key: 'dashboard', label: 'Dashboard', icon: <HomeIcon /> },\n  { key: 'analytics', label: 'Analytics', icon: <ChartIcon /> },\n  { key: 'contacts', label: 'Contacts', icon: <UsersIcon /> },\n  { key: 'settings', label: 'Settings', icon: <SettingsIcon /> },\n];\n\n/**\n * Read data-nav from HTML element\n */\nfunction getNavFromDocument(): NavPlacement {\n  if (typeof document === 'undefined') return 'left';\n  const nav = document.documentElement.getAttribute('data-nav');\n  if (nav === 'left' || nav === 'right' || nav === 'bottom') {\n    return nav;\n  }\n  return 'left';\n}\n\nexport const Shell = React.forwardRef<HTMLDivElement, ShellProps>(\n  (\n    {\n      layout,\n      className,\n      children,\n      navItems = DEFAULT_NAV_ITEMS,\n      activeNav = 'dashboard',\n      onNavChange,\n      systemSectionTitle = 'System',\n    },\n    ref,\n  ) => {\n    // Support both prop-driven and attribute-driven layout\n    const [computedLayout, setComputedLayout] = useState<NavPlacement>(\n      layout || getNavFromDocument(),\n    );\n\n    useEffect(() => {\n      if (layout) {\n        setComputedLayout(layout);\n        return;\n      }\n\n      // Watch for data-nav changes via MutationObserver\n      if (typeof document === 'undefined') return;\n\n      const observer = new MutationObserver((mutations) => {\n        mutations.forEach((mutation) => {\n          if (mutation.type === 'attributes' && mutation.attributeName === 'data-nav') {\n            setComputedLayout(getNavFromDocument());\n          }\n        });\n      });\n\n      observer.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['data-nav'],\n      });\n\n      // Initial read\n      setComputedLayout(getNavFromDocument());\n\n      return () => observer.disconnect();\n    }, [layout]);\n\n    const handleNavClick = (key: string) => {\n      onNavChange?.(key);\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={clsx('ds-shell', `ds-shell--${computedLayout}`, className)}\n        data-shell-layout={computedLayout}\n      >\n        {/* Sidebar Navigation */}\n        {(computedLayout === 'left' || computedLayout === 'right') && (\n          <Sidebar position={computedLayout}>\n            <SidebarSection>\n              {navItems.slice(0, 3).map((item) => (\n                <SidebarItem\n                  key={item.key}\n                  icon={item.icon}\n                  active={activeNav === item.key}\n                  onClick={() => handleNavClick(item.key)}\n                >\n                  {item.label}\n                </SidebarItem>\n              ))}\n            </SidebarSection>\n            {navItems.length > 3 && (\n              <SidebarSection title={systemSectionTitle}>\n                {navItems.slice(3).map((item) => (\n                  <SidebarItem\n                    key={item.key}\n                    icon={item.icon}\n                    active={activeNav === item.key}\n                    onClick={() => handleNavClick(item.key)}\n                  >\n                    {item.label}\n                  </SidebarItem>\n                ))}\n              </SidebarSection>\n            )}\n          </Sidebar>\n        )}\n\n        {/* Bottom Tab Bar Navigation */}\n        {computedLayout === 'bottom' && (\n          <nav className=\"ds-shell__tab-bar\">\n            {navItems.map((item) => (\n              <button\n                key={item.key}\n                className={clsx('ds-shell__tab-item', activeNav === item.key && 'ds-shell__tab-item--active')}\n                onClick={() => handleNavClick(item.key)}\n                aria-label={item.label}\n              >\n                {item.icon}\n              </button>\n            ))}\n          </nav>\n        )}\n\n        {/* Main Content Area */}\n        <main className=\"ds-shell__content\">{children}</main>\n      </div>\n    );\n  },\n);\n\nShell.displayName = 'Shell';\n"]}

package/dist/chunk-SFXTB7JL.js

@@ -0,0 +1,190 @@
+import { IntlProvider, useIntl } from 'react-intl';
+export { FormattedDate, FormattedMessage, FormattedNumber, defineMessages } from 'react-intl';
+import { jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+
+// src/i18n/IntlProvider.tsx
+var defaultMessages = {
+  // Common
+  "ds.common.loading": "Loading...",
+  "ds.common.error": "An error occurred",
+  "ds.common.retry": "Retry",
+  "ds.common.cancel": "Cancel",
+  "ds.common.confirm": "Confirm",
+  "ds.common.close": "Close",
+  "ds.common.save": "Save",
+  "ds.common.delete": "Delete",
+  "ds.common.edit": "Edit",
+  "ds.common.submit": "Submit",
+  "ds.common.required": "Required",
+  "ds.common.optional": "Optional",
+  // Alert
+  "ds.alert.dismissLabel": "Dismiss alert",
+  "ds.alert.successTitle": "Success",
+  "ds.alert.errorTitle": "Error",
+  "ds.alert.warningTitle": "Warning",
+  "ds.alert.infoTitle": "Information",
+  // Toast
+  "ds.toast.dismissLabel": "Dismiss notification",
+  // Dialog
+  "ds.dialog.closeLabel": "Close dialog",
+  // Form
+  "ds.form.showPassword": "Show password",
+  "ds.form.hidePassword": "Hide password",
+  "ds.form.clearInput": "Clear input",
+  "ds.form.invalidEmail": "Please enter a valid email address",
+  "ds.form.passwordRequired": "Password is required",
+  // Auth
+  "ds.auth.loginTitle": "Sign in to your account",
+  "ds.auth.signupTitle": "Create your account",
+  "ds.auth.forgotPasswordTitle": "Reset your password",
+  "ds.auth.emailLabel": "Email address",
+  "ds.auth.passwordLabel": "Password",
+  "ds.auth.rememberMe": "Remember me",
+  "ds.auth.forgotPassword": "Forgot your password?",
+  "ds.auth.signIn": "Sign in",
+  "ds.auth.signUp": "Sign up",
+  "ds.auth.sendResetLink": "Send reset link",
+  "ds.auth.backToLogin": "Back to login",
+  // Navigation
+  "ds.nav.menuLabel": "Navigation menu",
+  "ds.nav.toggleSidebar": "Toggle sidebar",
+  "ds.nav.expandSubmenu": "Expand submenu",
+  "ds.nav.collapseSubmenu": "Collapse submenu",
+  // Report
+  "ds.report.confidenceLabel": "Confidence score",
+  "ds.report.dataCoverageLabel": "Data coverage",
+  "ds.report.insufficientData": "Insufficient data",
+  "ds.report.exportPdf": "Export as PDF",
+  "ds.report.exportCsv": "Export as CSV",
+  "ds.report.exportPptx": "Export as PowerPoint",
+  // Appearance
+  "ds.appearance.themeLabel": "Theme",
+  "ds.appearance.darkTheme": "Dark",
+  "ds.appearance.lightTheme": "Light",
+  "ds.appearance.highContrastTheme": "High contrast",
+  "ds.appearance.densityLabel": "Density",
+  "ds.appearance.comfortableDensity": "Comfortable",
+  "ds.appearance.compactDensity": "Compact",
+  // Pagination
+  "ds.pagination.previous": "Previous",
+  "ds.pagination.next": "Next",
+  "ds.pagination.goToPreviousPage": "Go to previous page",
+  "ds.pagination.goToNextPage": "Go to next page",
+  // Calendar
+  "ds.calendar.previousMonth": "Previous month",
+  "ds.calendar.nextMonth": "Next month",
+  // Carousel
+  "ds.carousel.previousSlide": "Previous slide",
+  "ds.carousel.nextSlide": "Next slide",
+  // Methodology
+  "ds.methodology.title": "Methodology",
+  "ds.methodology.sampleSize": "Sample Size",
+  "ds.methodology.dataSources": "Data Sources",
+  "ds.methodology.calculation": "Calculation",
+  // BookingEmbed
+  "BookingEmbed.loading": "Loading calendar...",
+  "BookingEmbed.errorTitle": "Calendar unavailable",
+  "BookingEmbed.errorDescription": "We couldn't load the calendar. Please try again or open it in a new tab.",
+  "BookingEmbed.openInNewTab": "Open in new tab"
+};
+function DSIntlProvider({
+  locale = "en",
+  messages,
+  intlConfig,
+  children
+}) {
+  const mergedMessages = {
+    ...defaultMessages,
+    ...messages
+  };
+  return /* @__PURE__ */ jsx(
+    IntlProvider,
+    {
+      locale,
+      messages: mergedMessages,
+      defaultLocale: "en",
+      onError: (err) => {
+        if (process.env.NODE_ENV === "development") {
+          if (err.code !== "MISSING_TRANSLATION") {
+            console.error(err);
+          }
+        }
+      },
+      ...intlConfig,
+      children
+    }
+  );
+}
+function useMessage() {
+  const intl = useIntl();
+  const formatMessage = useCallback(
+    (descriptor, values) => {
+      return intl.formatMessage(descriptor, values);
+    },
+    [intl]
+  );
+  return formatMessage;
+}
+function useLocale() {
+  const intl = useIntl();
+  return intl.locale;
+}
+function useIsRTL() {
+  const locale = useLocale();
+  const rtlLocales = [
+    "ar",
+    // Arabic
+    "he",
+    // Hebrew
+    "fa",
+    // Persian/Farsi
+    "ur",
+    // Urdu
+    "ps",
+    // Pashto
+    "sd",
+    // Sindhi
+    "yi"
+    // Yiddish
+  ];
+  return rtlLocales.some((rtl) => locale === rtl || locale.startsWith(`${rtl}-`));
+}
+function useTextDirection() {
+  const isRTL = useIsRTL();
+  return isRTL ? "rtl" : "ltr";
+}
+function useNumberFormat() {
+  const intl = useIntl();
+  const formatNumber = useCallback(
+    (value, options) => {
+      return intl.formatNumber(value, options);
+    },
+    [intl]
+  );
+  return formatNumber;
+}
+function useDateFormat() {
+  const intl = useIntl();
+  const formatDate = useCallback(
+    (value, options) => {
+      return intl.formatDate(value, options);
+    },
+    [intl]
+  );
+  return formatDate;
+}
+function useRelativeTime() {
+  const intl = useIntl();
+  const formatRelativeTime = useCallback(
+    (value, unit, options) => {
+      return intl.formatRelativeTime(value, unit, options);
+    },
+    [intl]
+  );
+  return formatRelativeTime;
+}
+
+export { DSIntlProvider, useDateFormat, useIsRTL, useLocale, useMessage, useNumberFormat, useRelativeTime, useTextDirection };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-SFXTB7JL.js.map

package/dist/chunk-SFXTB7JL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/IntlProvider.tsx","../src/i18n/useMessage.ts","../src/i18n/index.ts"],"names":[],"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  // BookingEmbed\n  'BookingEmbed.loading': 'Loading calendar...',\n  'BookingEmbed.errorTitle': 'Calendar unavailable',\n  'BookingEmbed.errorDescription': \"We couldn't load the calendar. Please try again or open it in a new tab.\",\n  'BookingEmbed.openInNewTab': 'Open in new tab',\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 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  bookingEmbedMessages,\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-SGYXYMKZ.cjs

@@ -0,0 +1,214 @@
+'use strict';
+
+var reactIntl = require('react-intl');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+// src/i18n/IntlProvider.tsx
+var defaultMessages = {
+  // Common
+  "ds.common.loading": "Loading...",
+  "ds.common.error": "An error occurred",
+  "ds.common.retry": "Retry",
+  "ds.common.cancel": "Cancel",
+  "ds.common.confirm": "Confirm",
+  "ds.common.close": "Close",
+  "ds.common.save": "Save",
+  "ds.common.delete": "Delete",
+  "ds.common.edit": "Edit",
+  "ds.common.submit": "Submit",
+  "ds.common.required": "Required",
+  "ds.common.optional": "Optional",
+  // Alert
+  "ds.alert.dismissLabel": "Dismiss alert",
+  "ds.alert.successTitle": "Success",
+  "ds.alert.errorTitle": "Error",
+  "ds.alert.warningTitle": "Warning",
+  "ds.alert.infoTitle": "Information",
+  // Toast
+  "ds.toast.dismissLabel": "Dismiss notification",
+  // Dialog
+  "ds.dialog.closeLabel": "Close dialog",
+  // Form
+  "ds.form.showPassword": "Show password",
+  "ds.form.hidePassword": "Hide password",
+  "ds.form.clearInput": "Clear input",
+  "ds.form.invalidEmail": "Please enter a valid email address",
+  "ds.form.passwordRequired": "Password is required",
+  // Auth
+  "ds.auth.loginTitle": "Sign in to your account",
+  "ds.auth.signupTitle": "Create your account",
+  "ds.auth.forgotPasswordTitle": "Reset your password",
+  "ds.auth.emailLabel": "Email address",
+  "ds.auth.passwordLabel": "Password",
+  "ds.auth.rememberMe": "Remember me",
+  "ds.auth.forgotPassword": "Forgot your password?",
+  "ds.auth.signIn": "Sign in",
+  "ds.auth.signUp": "Sign up",
+  "ds.auth.sendResetLink": "Send reset link",
+  "ds.auth.backToLogin": "Back to login",
+  // Navigation
+  "ds.nav.menuLabel": "Navigation menu",
+  "ds.nav.toggleSidebar": "Toggle sidebar",
+  "ds.nav.expandSubmenu": "Expand submenu",
+  "ds.nav.collapseSubmenu": "Collapse submenu",
+  // Report
+  "ds.report.confidenceLabel": "Confidence score",
+  "ds.report.dataCoverageLabel": "Data coverage",
+  "ds.report.insufficientData": "Insufficient data",
+  "ds.report.exportPdf": "Export as PDF",
+  "ds.report.exportCsv": "Export as CSV",
+  "ds.report.exportPptx": "Export as PowerPoint",
+  // Appearance
+  "ds.appearance.themeLabel": "Theme",
+  "ds.appearance.darkTheme": "Dark",
+  "ds.appearance.lightTheme": "Light",
+  "ds.appearance.highContrastTheme": "High contrast",
+  "ds.appearance.densityLabel": "Density",
+  "ds.appearance.comfortableDensity": "Comfortable",
+  "ds.appearance.compactDensity": "Compact",
+  // Pagination
+  "ds.pagination.previous": "Previous",
+  "ds.pagination.next": "Next",
+  "ds.pagination.goToPreviousPage": "Go to previous page",
+  "ds.pagination.goToNextPage": "Go to next page",
+  // Calendar
+  "ds.calendar.previousMonth": "Previous month",
+  "ds.calendar.nextMonth": "Next month",
+  // Carousel
+  "ds.carousel.previousSlide": "Previous slide",
+  "ds.carousel.nextSlide": "Next slide",
+  // Methodology
+  "ds.methodology.title": "Methodology",
+  "ds.methodology.sampleSize": "Sample Size",
+  "ds.methodology.dataSources": "Data Sources",
+  "ds.methodology.calculation": "Calculation",
+  // BookingEmbed
+  "BookingEmbed.loading": "Loading calendar...",
+  "BookingEmbed.errorTitle": "Calendar unavailable",
+  "BookingEmbed.errorDescription": "We couldn't load the calendar. Please try again or open it in a new tab.",
+  "BookingEmbed.openInNewTab": "Open in new tab"
+};
+function DSIntlProvider({
+  locale = "en",
+  messages,
+  intlConfig,
+  children
+}) {
+  const mergedMessages = {
+    ...defaultMessages,
+    ...messages
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactIntl.IntlProvider,
+    {
+      locale,
+      messages: mergedMessages,
+      defaultLocale: "en",
+      onError: (err) => {
+        if (process.env.NODE_ENV === "development") {
+          if (err.code !== "MISSING_TRANSLATION") {
+            console.error(err);
+          }
+        }
+      },
+      ...intlConfig,
+      children
+    }
+  );
+}
+function useMessage() {
+  const intl = reactIntl.useIntl();
+  const formatMessage = react.useCallback(
+    (descriptor, values) => {
+      return intl.formatMessage(descriptor, values);
+    },
+    [intl]
+  );
+  return formatMessage;
+}
+function useLocale() {
+  const intl = reactIntl.useIntl();
+  return intl.locale;
+}
+function useIsRTL() {
+  const locale = useLocale();
+  const rtlLocales = [
+    "ar",
+    // Arabic
+    "he",
+    // Hebrew
+    "fa",
+    // Persian/Farsi
+    "ur",
+    // Urdu
+    "ps",
+    // Pashto
+    "sd",
+    // Sindhi
+    "yi"
+    // Yiddish
+  ];
+  return rtlLocales.some((rtl) => locale === rtl || locale.startsWith(`${rtl}-`));
+}
+function useTextDirection() {
+  const isRTL = useIsRTL();
+  return isRTL ? "rtl" : "ltr";
+}
+function useNumberFormat() {
+  const intl = reactIntl.useIntl();
+  const formatNumber = react.useCallback(
+    (value, options) => {
+      return intl.formatNumber(value, options);
+    },
+    [intl]
+  );
+  return formatNumber;
+}
+function useDateFormat() {
+  const intl = reactIntl.useIntl();
+  const formatDate = react.useCallback(
+    (value, options) => {
+      return intl.formatDate(value, options);
+    },
+    [intl]
+  );
+  return formatDate;
+}
+function useRelativeTime() {
+  const intl = reactIntl.useIntl();
+  const formatRelativeTime = react.useCallback(
+    (value, unit, options) => {
+      return intl.formatRelativeTime(value, unit, options);
+    },
+    [intl]
+  );
+  return formatRelativeTime;
+}
+
+Object.defineProperty(exports, "FormattedDate", {
+  enumerable: true,
+  get: function () { return reactIntl.FormattedDate; }
+});
+Object.defineProperty(exports, "FormattedMessage", {
+  enumerable: true,
+  get: function () { return reactIntl.FormattedMessage; }
+});
+Object.defineProperty(exports, "FormattedNumber", {
+  enumerable: true,
+  get: function () { return reactIntl.FormattedNumber; }
+});
+Object.defineProperty(exports, "defineMessages", {
+  enumerable: true,
+  get: function () { return reactIntl.defineMessages; }
+});
+exports.DSIntlProvider = DSIntlProvider;
+exports.useDateFormat = useDateFormat;
+exports.useIsRTL = useIsRTL;
+exports.useLocale = useLocale;
+exports.useMessage = useMessage;
+exports.useNumberFormat = useNumberFormat;
+exports.useRelativeTime = useRelativeTime;
+exports.useTextDirection = useTextDirection;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-SGYXYMKZ.cjs.map

package/dist/chunk-SGYXYMKZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/IntlProvider.tsx","../src/i18n/useMessage.ts","../src/i18n/index.ts"],"names":[],"mappings":";AAuBA,SAAS,oBAAgC;AAmJrC;AA7IJ,IAAM,kBAA0C;AAAA;AAAA,EAE9C,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,sBAAsB;AAAA;AAAA,EAGtB,yBAAyB;AAAA,EACzB,yBAAyB;AAAA,EACzB,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,sBAAsB;AAAA;AAAA,EAGtB,yBAAyB;AAAA;AAAA,EAGzB,wBAAwB;AAAA;AAAA,EAGxB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,4BAA4B;AAAA;AAAA,EAG5B,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,+BAA+B;AAAA,EAC/B,sBAAsB;AAAA,EACtB,yBAAyB;AAAA,EACzB,sBAAsB;AAAA,EACtB,0BAA0B;AAAA,EAC1B,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,yBAAyB;AAAA,EACzB,uBAAuB;AAAA;AAAA,EAGvB,oBAAoB;AAAA,EACpB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,0BAA0B;AAAA;AAAA,EAG1B,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,8BAA8B;AAAA,EAC9B,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA;AAAA,EAGxB,4BAA4B;AAAA,EAC5B,2BAA2B;AAAA,EAC3B,4BAA4B;AAAA,EAC5B,mCAAmC;AAAA,EACnC,8BAA8B;AAAA,EAC9B,oCAAoC;AAAA,EACpC,gCAAgC;AAAA;AAAA,EAGhC,0BAA0B;AAAA,EAC1B,sBAAsB;AAAA,EACtB,kCAAkC;AAAA,EAClC,8BAA8B;AAAA;AAAA,EAG9B,6BAA6B;AAAA,EAC7B,yBAAyB;AAAA;AAAA,EAGzB,6BAA6B;AAAA,EAC7B,yBAAyB;AAAA;AAAA,EAGzB,wBAAwB;AAAA,EACxB,6BAA6B;AAAA,EAC7B,8BAA8B;AAAA,EAC9B,8BAA8B;AAAA;AAAA,EAG9B,wBAAwB;AAAA,EACxB,2BAA2B;AAAA,EAC3B,iCAAiC;AAAA,EACjC,6BAA6B;AAC/B;AAgCO,SAAS,eAAe;AAAA,EAC7B,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AAEtB,QAAM,iBAAiB;AAAA,IACrB,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,eAAc;AAAA,MACd,SAAS,CAAC,QAAQ;AAEhB,YAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,cAAI,IAAI,SAAS,uBAAuB;AACtC,oBAAQ,MAAM,GAAG;AAAA,UACnB;AAAA,QACF;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;;;AC3KA,SAAS,eAAiD;AAC1D,SAAS,mBAAmB;AAkBrB,SAAS,aAAa;AAC3B,QAAM,OAAO,QAAQ;AAErB,QAAM,gBAAgB;AAAA,IACpB,CAAC,YAA+B,WAAmC;AACjE,aAAO,KAAK,cAAc,YAAY,MAAM;AAAA,IAC9C;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO;AACT;AAaO,SAAS,YAAoB;AAClC,QAAM,OAAO,QAAQ;AACrB,SAAO,KAAK;AACd;AAaO,SAAS,WAAoB;AAClC,QAAM,SAAS,UAAU;AAGzB,QAAM,aAAa;AAAA,IACjB;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AAEA,SAAO,WAAW,KAAK,CAAC,QAAQ,WAAW,OAAO,OAAO,WAAW,GAAG,GAAG,GAAG,CAAC;AAChF;AAaO,SAAS,mBAAkC;AAChD,QAAM,QAAQ,SAAS;AACvB,SAAO,QAAQ,QAAQ;AACzB;AAaO,SAAS,kBAAkB;AAChC,QAAM,OAAO,QAAQ;AAErB,QAAM,eAAe;AAAA,IACnB,CAAC,OAAe,YAA+C;AAC7D,aAAO,KAAK,aAAa,OAAO,OAAkD;AAAA,IACpF;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO;AACT;AAaO,SAAS,gBAAgB;AAC9B,QAAM,OAAO,QAAQ;AAErB,QAAM,aAAa;AAAA,IACjB,CAAC,OAAsB,YAAiD;AACtE,aAAO,KAAK,WAAW,OAAO,OAAO;AAAA,IACvC;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO;AACT;AAaO,SAAS,kBAAkB;AAChC,QAAM,OAAO,QAAQ;AAErB,QAAM,qBAAqB;AAAA,IACzB,CACE,OACA,MACA,YACW;AACX,aAAO,KAAK,mBAAmB,OAAO,MAAM,OAAwD;AAAA,IACtG;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO;AACT;;;AC3IA,SAAS,gBAAgB,kBAAkB,iBAAiB,qBAAqB","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  // BookingEmbed\n  'BookingEmbed.loading': 'Loading calendar...',\n  'BookingEmbed.errorTitle': 'Calendar unavailable',\n  'BookingEmbed.errorDescription': \"We couldn't load the calendar. Please try again or open it in a new tab.\",\n  'BookingEmbed.openInNewTab': 'Open in new tab',\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 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  bookingEmbedMessages,\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"]}