drizzle-cube 0.4.40 → 0.4.42

package/dist/client/chunks/{charts-core-CJlGzwsW.js.map → charts-core-Cy3rHADX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"charts-core-CJlGzwsW.js","names":[],"sources":["../../../src/client/components/AnalysisBuilder/SectionHeading.tsx","../../../src/client/components/charts/AxisFormatControls.tsx"],"sourcesContent":["/**\n * SectionHeading Component\n *\n * A reusable section heading for the Analysis Builder panels.\n * Provides consistent styling that can be easily adjusted in one place.\n */\n\nimport type { ReactNode } from 'react'\n\ninterface SectionHeadingProps {\n  children: ReactNode\n  /** Optional className to add additional styles */\n  className?: string\n}\n\n/**\n * Consistent section heading style for Analysis Builder panels.\n * Change the styles here to update all section headings at once.\n */\nexport default function SectionHeading({ children, className = '' }: SectionHeadingProps) {\n  return (\n    <h3 className={`dc:text-sm dc:font-semibold text-dc-primary dc:uppercase dc:tracking-wide ${className}`}>\n      {children}\n    </h3>\n  )\n}\n","/**\n * AxisFormatControls Component\n *\n * A reusable component for configuring axis number formatting.\n * Provides controls for unit type, abbreviation, decimal places, and custom labels.\n */\n\nimport { useMemo } from 'react'\nimport SectionHeading from '../AnalysisBuilder/SectionHeading'\nimport type { AxisFormatConfig } from '../../types'\nimport { formatAxisValue } from '../../utils/chartUtils'\n\ninterface AxisFormatControlsProps {\n  value: AxisFormatConfig\n  onChange: (config: AxisFormatConfig) => void\n  axisLabel: string // \"X-Axis\", \"Left Y-Axis\", \"Right Y-Axis\"\n  /** Sample value for preview (default: 1250000) */\n  previewValue?: number\n}\n\n/**\n * Get the currency symbol for the user's locale\n */\nfunction getLocaleCurrencySymbol(): string {\n  const locale = typeof navigator !== 'undefined' ? navigator.language : 'en-US'\n  // Format a number as currency and extract just the symbol\n  const formatted = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency: getCurrencyCodeForLocale(locale),\n    currencyDisplay: 'narrowSymbol'\n  }).format(0)\n  // Extract the currency symbol (remove digits, spaces, and common separators)\n  return formatted.replace(/[\\d.,\\s]/g, '').trim() || '$'\n}\n\n/**\n * Get the currency code for a given locale (duplicated from chartUtils for component isolation)\n */\nfunction getCurrencyCodeForLocale(locale: string): string {\n  const parts = locale.split('-')\n  const region = parts[1]?.toUpperCase()\n  const currencyMap: Record<string, string> = {\n    'US': 'USD', 'CA': 'CAD', 'GB': 'GBP', 'UK': 'GBP', 'AU': 'AUD', 'NZ': 'NZD',\n    'EU': 'EUR', 'DE': 'EUR', 'FR': 'EUR', 'IT': 'EUR', 'ES': 'EUR', 'NL': 'EUR',\n    'BE': 'EUR', 'AT': 'EUR', 'IE': 'EUR', 'PT': 'EUR', 'FI': 'EUR',\n    'JP': 'JPY', 'CN': 'CNY', 'KR': 'KRW', 'IN': 'INR', 'BR': 'BRL', 'MX': 'MXN',\n    'CH': 'CHF', 'SE': 'SEK', 'NO': 'NOK', 'DK': 'DKK', 'PL': 'PLN', 'RU': 'RUB',\n    'ZA': 'ZAR', 'SG': 'SGD', 'HK': 'HKD', 'TW': 'TWD', 'TH': 'THB', 'MY': 'MYR',\n    'PH': 'PHP', 'ID': 'IDR', 'VN': 'VND', 'AE': 'AED', 'SA': 'SAR', 'IL': 'ILS', 'TR': 'TRY',\n  }\n  return currencyMap[region] || 'USD'\n}\n\n/**\n * Single axis format control section\n */\nexport function AxisFormatControls({\n  value,\n  onChange,\n  axisLabel,\n  previewValue = 1250000\n}: AxisFormatControlsProps) {\n  const config = useMemo(() => value || {}, [value])\n\n  // Get locale-aware currency symbol for the button\n  const currencySymbol = useMemo(() => getLocaleCurrencySymbol(), [])\n\n  // Generate preview of formatted value\n  const preview = useMemo(() => {\n    return formatAxisValue(previewValue, config)\n  }, [previewValue, config])\n\n  const handleChange = (updates: Partial<AxisFormatConfig>) => {\n    onChange({ ...config, ...updates })\n  }\n\n  const unitButtons: Array<{ value: AxisFormatConfig['unit']; label: string }> = [\n    { value: 'currency', label: currencySymbol },\n    { value: 'percent', label: '%' },\n    { value: 'number', label: '#' },\n    { value: 'custom', label: 'Custom' }\n  ]\n\n  return (\n    <div className=\"dc:space-y-3 dc:pb-4\">\n      {/* Axis Header */}\n      <SectionHeading>{axisLabel}</SectionHeading>\n\n      {/* Label Input */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">Label</label>\n        <input\n          type=\"text\"\n          value={config.label || ''}\n          onChange={(e) => handleChange({ label: e.target.value || undefined })}\n          placeholder=\"Auto-generated label\"\n          className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n        />\n      </div>\n\n      {/* Unit Type */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">Unit</label>\n        <div className=\"dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden\">\n          {unitButtons.map((btn) => (\n            <button\n              key={btn.value}\n              type=\"button\"\n              onClick={() => handleChange({ unit: btn.value })}\n              className={`dc:flex-1 dc:px-2 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n                config.unit === btn.value\n                  ? 'bg-dc-primary text-white'\n                  : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n              }`}\n            >\n              {btn.label}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {/* Custom Prefix/Suffix (only when Custom is selected) */}\n      {config.unit === 'custom' && (\n        <div className=\"dc:flex dc:gap-2\">\n          <div className=\"dc:flex-1 dc:space-y-1\">\n            <label className=\"dc:text-xs text-dc-text-secondary\">Prefix</label>\n            <input\n              type=\"text\"\n              value={config.customPrefix || ''}\n              onChange={(e) => handleChange({ customPrefix: e.target.value || undefined })}\n              placeholder=\"e.g., $\"\n              className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n          <div className=\"dc:flex-1 dc:space-y-1\">\n            <label className=\"dc:text-xs text-dc-text-secondary\">Suffix</label>\n            <input\n              type=\"text\"\n              value={config.customSuffix || ''}\n              onChange={(e) => handleChange({ customSuffix: e.target.value || undefined })}\n              placeholder=\"e.g., units\"\n              className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n        </div>\n      )}\n\n      {/* Abbreviation Toggle */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">Abbreviation</label>\n        <div className=\"dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden\">\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: true })}\n            className={`dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n              config.abbreviate !== false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            Yes\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: false })}\n            className={`dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n              config.abbreviate === false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            No\n          </button>\n        </div>\n      </div>\n\n      {/* Decimals */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">Decimals</label>\n        <div className=\"dc:flex dc:gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current > 0) handleChange({ decimals: current - 1 })\n            }}\n            disabled={(config.decimals ?? 2) <= 0}\n            className=\"dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors\"\n          >\n            ← .0\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current < 4) handleChange({ decimals: current + 1 })\n            }}\n            disabled={(config.decimals ?? 2) >= 4}\n            className=\"dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors\"\n          >\n            .00 →\n          </button>\n        </div>\n      </div>\n\n      {/* Preview */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">Preview</label>\n        <div className=\"dc:text-sm dc:font-mono text-dc-text\">\n          {preview}\n        </div>\n      </div>\n    </div>\n  )\n}\n\ninterface MultiAxisFormatControlsProps {\n  displayConfig: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }\n  onChange: (updates: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }) => void\n  /** Which axes to show controls for */\n  showAxes?: {\n    xAxis?: boolean\n    leftYAxis?: boolean\n    rightYAxis?: boolean\n  }\n}\n\n/**\n * Container component for multiple axis format controls\n */\nexport function MultiAxisFormatControls({\n  displayConfig,\n  onChange,\n  showAxes = { leftYAxis: true, rightYAxis: true }\n}: MultiAxisFormatControlsProps) {\n  return (\n    <div className=\"dc:space-y-4\">\n      {showAxes.leftYAxis && (\n        <AxisFormatControls\n          axisLabel=\"Left Y-Axis\"\n          value={displayConfig.leftYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              leftYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.rightYAxis && (\n        <AxisFormatControls\n          axisLabel=\"Right Y-Axis\"\n          value={displayConfig.rightYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              rightYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.xAxis && (\n        <AxisFormatControls\n          axisLabel=\"X-Axis\"\n          value={displayConfig.xAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              xAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n          previewValue={2024} // Use a year-like number for X-axis preview\n        />\n      )}\n    </div>\n  )\n}\n\nexport default AxisFormatControls\n"],"mappings":";;;;AAmBA,SAAwB,EAAe,EAAE,aAAU,eAAY,MAA2B;AACxF,QACE,kBAAC,MAAD;EAAI,WAAW,6EAA6E;EACzF;EACE,CAAA;;;;ACAT,SAAS,IAAkC;CACzC,IAAM,IAAS,OAAO,YAAc,MAAc,UAAU,WAAW;AAQvE,QANkB,IAAI,KAAK,aAAa,GAAQ;EAC9C,OAAO;EACP,UAAU,EAAyB,EAAO;EAC1C,iBAAiB;EAClB,CAAC,CAAC,OAAO,EAAE,CAEK,QAAQ,aAAa,GAAG,CAAC,MAAM,IAAI;;AAMtD,SAAS,EAAyB,GAAwB;AAYxD,QAT4C;EAC1C,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EACvE,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EACvE,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EAC1D,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EACvE,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EACvE,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EACvE,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EAAO,IAAM;EACrF,CAVa,EAAO,MAAM,IAAI,CACV,IAAI,aAAa,KAUR;;AAMhC,SAAgB,EAAmB,EACjC,UACA,aACA,cACA,kBAAe,SACW;CAC1B,IAAM,IAAS,QAAc,KAAS,EAAE,EAAE,CAAC,EAAM,CAAC,EAG5C,IAAiB,QAAc,GAAyB,EAAE,EAAE,CAAC,EAG7D,IAAU,QACP,EAAgB,GAAc,EAAO,EAC3C,CAAC,GAAc,EAAO,CAAC,EAEpB,KAAgB,MAAuC;AAC3D,IAAS;GAAE,GAAG;GAAQ,GAAG;GAAS,CAAC;;AAUrC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,GAAD,EAAA,UAAiB,GAA2B,CAAA;GAG5C,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,SAAD;KAAO,WAAU;eAAoC;KAAa,CAAA,EAClE,kBAAC,SAAD;KACE,MAAK;KACL,OAAO,EAAO,SAAS;KACvB,WAAW,MAAM,EAAa,EAAE,OAAO,EAAE,OAAO,SAAS,KAAA,GAAW,CAAC;KACrE,aAAY;KACZ,WAAU;KACV,CAAA,CACE;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,SAAD;KAAO,WAAU;eAAoC;KAAY,CAAA,EACjE,kBAAC,OAAD;KAAK,WAAU;eA3B0D;MAC7E;OAAE,OAAO;OAAY,OAAO;OAAgB;MAC5C;OAAE,OAAO;OAAW,OAAO;OAAK;MAChC;OAAE,OAAO;OAAU,OAAO;OAAK;MAC/B;OAAE,OAAO;OAAU,OAAO;OAAU;MACrC,CAuBoB,KAAK,MAChB,kBAAC,UAAD;MAEE,MAAK;MACL,eAAe,EAAa,EAAE,MAAM,EAAI,OAAO,CAAC;MAChD,WAAW,8EACT,EAAO,SAAS,EAAI,QAChB,6BACA;gBAGL,EAAI;MACE,EAVF,EAAI,MAUF,CACT;KACE,CAAA,CACF;;GAGL,EAAO,SAAS,YACf,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAoC;MAAc,CAAA,EACnE,kBAAC,SAAD;MACE,MAAK;MACL,OAAO,EAAO,gBAAgB;MAC9B,WAAW,MAAM,EAAa,EAAE,cAAc,EAAE,OAAO,SAAS,KAAA,GAAW,CAAC;MAC5E,aAAY;MACZ,WAAU;MACV,CAAA,CACE;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAoC;MAAc,CAAA,EACnE,kBAAC,SAAD;MACE,MAAK;MACL,OAAO,EAAO,gBAAgB;MAC9B,WAAW,MAAM,EAAa,EAAE,cAAc,EAAE,OAAO,SAAS,KAAA,GAAW,CAAC;MAC5E,aAAY;MACZ,WAAU;MACV,CAAA,CACE;OACF;;GAIR,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,SAAD;KAAO,WAAU;eAAoC;KAAoB,CAAA,EACzE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAa,EAAE,YAAY,IAAM,CAAC;MACjD,WAAW,8EACT,EAAO,eAAe,KAElB,kDADA;gBAGP;MAEQ,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAa,EAAE,YAAY,IAAO,CAAC;MAClD,WAAW,8EACT,EAAO,eAAe,KAClB,6BACA;gBAEP;MAEQ,CAAA,CACL;OACF;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,SAAD;KAAO,WAAU;eAAoC;KAAgB,CAAA,EACrE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe;OACb,IAAM,IAAU,EAAO,YAAY;AACnC,OAAI,IAAU,KAAG,EAAa,EAAE,UAAU,IAAU,GAAG,CAAC;;MAE1D,WAAW,EAAO,YAAY,MAAM;MACpC,WAAU;gBACX;MAEQ,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,eAAe;OACb,IAAM,IAAU,EAAO,YAAY;AACnC,OAAI,IAAU,KAAG,EAAa,EAAE,UAAU,IAAU,GAAG,CAAC;;MAE1D,WAAW,EAAO,YAAY,MAAM;MACpC,WAAU;gBACX;MAEQ,CAAA,CACL;OACF;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,SAAD;KAAO,WAAU;eAAoC;KAAe,CAAA,EACpE,kBAAC,OAAD;KAAK,WAAU;eACZ;KACG,CAAA,CACF;;GACF"}
+{"version":3,"file":"charts-core-Cy3rHADX.js","names":[],"sources":["../../../src/client/components/AnalysisBuilder/SectionHeading.tsx","../../../src/client/components/charts/AxisFormatControls.tsx"],"sourcesContent":["/**\n * SectionHeading Component\n *\n * A reusable section heading for the Analysis Builder panels.\n * Provides consistent styling that can be easily adjusted in one place.\n */\n\nimport type { ReactNode } from 'react'\n\ninterface SectionHeadingProps {\n  children: ReactNode\n  /** Optional className to add additional styles */\n  className?: string\n}\n\n/**\n * Consistent section heading style for Analysis Builder panels.\n * Change the styles here to update all section headings at once.\n */\nexport default function SectionHeading({ children, className = '' }: SectionHeadingProps) {\n  return (\n    <h3 className={`dc:text-sm dc:font-semibold text-dc-primary dc:uppercase dc:tracking-wide ${className}`}>\n      {children}\n    </h3>\n  )\n}\n","/**\n * AxisFormatControls Component\n *\n * A reusable component for configuring axis number formatting.\n * Provides controls for unit type, abbreviation, decimal places, and custom labels.\n */\n\nimport { useMemo } from 'react'\nimport SectionHeading from '../AnalysisBuilder/SectionHeading'\nimport type { AxisFormatConfig } from '../../types'\nimport { formatAxisValue } from '../../utils/chartUtils'\n\ninterface AxisFormatControlsProps {\n  value: AxisFormatConfig\n  onChange: (config: AxisFormatConfig) => void\n  axisLabel: string // \"X-Axis\", \"Left Y-Axis\", \"Right Y-Axis\"\n  /** Sample value for preview (default: 1250000) */\n  previewValue?: number\n}\n\n/**\n * Get the currency symbol for the user's locale\n */\nfunction getLocaleCurrencySymbol(): string {\n  const locale = typeof navigator !== 'undefined' ? navigator.language : 'en-US'\n  // Format a number as currency and extract just the symbol\n  const formatted = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency: getCurrencyCodeForLocale(locale),\n    currencyDisplay: 'narrowSymbol'\n  }).format(0)\n  // Extract the currency symbol (remove digits, spaces, and common separators)\n  return formatted.replace(/[\\d.,\\s]/g, '').trim() || '$'\n}\n\n/**\n * Get the currency code for a given locale (duplicated from chartUtils for component isolation)\n */\nfunction getCurrencyCodeForLocale(locale: string): string {\n  const parts = locale.split('-')\n  const region = parts[1]?.toUpperCase()\n  const currencyMap: Record<string, string> = {\n    'US': 'USD', 'CA': 'CAD', 'GB': 'GBP', 'UK': 'GBP', 'AU': 'AUD', 'NZ': 'NZD',\n    'EU': 'EUR', 'DE': 'EUR', 'FR': 'EUR', 'IT': 'EUR', 'ES': 'EUR', 'NL': 'EUR',\n    'BE': 'EUR', 'AT': 'EUR', 'IE': 'EUR', 'PT': 'EUR', 'FI': 'EUR',\n    'JP': 'JPY', 'CN': 'CNY', 'KR': 'KRW', 'IN': 'INR', 'BR': 'BRL', 'MX': 'MXN',\n    'CH': 'CHF', 'SE': 'SEK', 'NO': 'NOK', 'DK': 'DKK', 'PL': 'PLN', 'RU': 'RUB',\n    'ZA': 'ZAR', 'SG': 'SGD', 'HK': 'HKD', 'TW': 'TWD', 'TH': 'THB', 'MY': 'MYR',\n    'PH': 'PHP', 'ID': 'IDR', 'VN': 'VND', 'AE': 'AED', 'SA': 'SAR', 'IL': 'ILS', 'TR': 'TRY',\n  }\n  return currencyMap[region] || 'USD'\n}\n\n/**\n * Single axis format control section\n */\nexport function AxisFormatControls({\n  value,\n  onChange,\n  axisLabel,\n  previewValue = 1250000\n}: AxisFormatControlsProps) {\n  const config = useMemo(() => value || {}, [value])\n\n  // Get locale-aware currency symbol for the button\n  const currencySymbol = useMemo(() => getLocaleCurrencySymbol(), [])\n\n  // Generate preview of formatted value\n  const preview = useMemo(() => {\n    return formatAxisValue(previewValue, config)\n  }, [previewValue, config])\n\n  const handleChange = (updates: Partial<AxisFormatConfig>) => {\n    onChange({ ...config, ...updates })\n  }\n\n  const unitButtons: Array<{ value: AxisFormatConfig['unit']; label: string }> = [\n    { value: 'currency', label: currencySymbol },\n    { value: 'percent', label: '%' },\n    { value: 'number', label: '#' },\n    { value: 'custom', label: 'Custom' }\n  ]\n\n  return (\n    <div className=\"dc:space-y-3 dc:pb-4\">\n      {/* Axis Header */}\n      <SectionHeading>{axisLabel}</SectionHeading>\n\n      {/* Label Input */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">Label</label>\n        <input\n          type=\"text\"\n          value={config.label || ''}\n          onChange={(e) => handleChange({ label: e.target.value || undefined })}\n          placeholder=\"Auto-generated label\"\n          className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n        />\n      </div>\n\n      {/* Unit Type */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">Unit</label>\n        <div className=\"dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden\">\n          {unitButtons.map((btn) => (\n            <button\n              key={btn.value}\n              type=\"button\"\n              onClick={() => handleChange({ unit: btn.value })}\n              className={`dc:flex-1 dc:px-2 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n                config.unit === btn.value\n                  ? 'bg-dc-primary text-white'\n                  : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n              }`}\n            >\n              {btn.label}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {/* Custom Prefix/Suffix (only when Custom is selected) */}\n      {config.unit === 'custom' && (\n        <div className=\"dc:flex dc:gap-2\">\n          <div className=\"dc:flex-1 dc:space-y-1\">\n            <label className=\"dc:text-xs text-dc-text-secondary\">Prefix</label>\n            <input\n              type=\"text\"\n              value={config.customPrefix || ''}\n              onChange={(e) => handleChange({ customPrefix: e.target.value || undefined })}\n              placeholder=\"e.g., $\"\n              className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n          <div className=\"dc:flex-1 dc:space-y-1\">\n            <label className=\"dc:text-xs text-dc-text-secondary\">Suffix</label>\n            <input\n              type=\"text\"\n              value={config.customSuffix || ''}\n              onChange={(e) => handleChange({ customSuffix: e.target.value || undefined })}\n              placeholder=\"e.g., units\"\n              className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n        </div>\n      )}\n\n      {/* Abbreviation Toggle */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">Abbreviation</label>\n        <div className=\"dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden\">\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: true })}\n            className={`dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n              config.abbreviate !== false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            Yes\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: false })}\n            className={`dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n              config.abbreviate === false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            No\n          </button>\n        </div>\n      </div>\n\n      {/* Decimals */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">Decimals</label>\n        <div className=\"dc:flex dc:gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current > 0) handleChange({ decimals: current - 1 })\n            }}\n            disabled={(config.decimals ?? 2) <= 0}\n            className=\"dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors\"\n          >\n            ← .0\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current < 4) handleChange({ decimals: current + 1 })\n            }}\n            disabled={(config.decimals ?? 2) >= 4}\n            className=\"dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors\"\n          >\n            .00 →\n          </button>\n        </div>\n      </div>\n\n      {/* Preview */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">Preview</label>\n        <div className=\"dc:text-sm dc:font-mono text-dc-text\">\n          {preview}\n        </div>\n      </div>\n    </div>\n  )\n}\n\ninterface MultiAxisFormatControlsProps {\n  displayConfig: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }\n  onChange: (updates: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }) => void\n  /** Which axes to show controls for */\n  showAxes?: {\n    xAxis?: boolean\n    leftYAxis?: boolean\n    rightYAxis?: boolean\n  }\n}\n\n/**\n * Container component for multiple axis format controls\n */\nexport function MultiAxisFormatControls({\n  displayConfig,\n  onChange,\n  showAxes = { leftYAxis: true, rightYAxis: true }\n}: MultiAxisFormatControlsProps) {\n  return (\n    <div className=\"dc:space-y-4\">\n      {showAxes.leftYAxis && (\n        <AxisFormatControls\n          axisLabel=\"Left Y-Axis\"\n          value={displayConfig.leftYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              leftYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.rightYAxis && (\n        <AxisFormatControls\n          axisLabel=\"Right Y-Axis\"\n          value={displayConfig.rightYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              rightYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.xAxis && (\n        <AxisFormatControls\n          axisLabel=\"X-Axis\"\n          value={displayConfig.xAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              xAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n          previewValue={2024} // Use a year-like number for X-axis preview\n        />\n      )}\n    </div>\n  )\n}\n\nexport default AxisFormatControls\n"],"mappings":"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"}

package/dist/client/chunks/{core-DJrniqct.js → core-BdWfCZ3y.js}

@@ -838,4 +838,4 @@ var n = (/* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 //#endregion
 export { n as default };
 
-//# sourceMappingURL=core-DJrniqct.js.map
+//# sourceMappingURL=core-BdWfCZ3y.js.map