@alfadocs/ui-kit-debug 0.89.0 → 0.94.0

package/dist/_chunks/chart-DqxVCm1I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-DqxVCm1I.js","sources":["../../node_modules/lucide-react/dist/esm/icons/chart-area.mjs","../../node_modules/lucide-react/dist/esm/icons/chart-column.mjs","../../node_modules/lucide-react/dist/esm/icons/chart-line.mjs","../../node_modules/lucide-react/dist/esm/icons/chart-pie.mjs","../../node_modules/lucide-react/dist/esm/icons/donut.mjs","../../src/components/chart/chart.agent.ts","../../src/components/chart/chart.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M3 3v16a2 2 0 0 0 2 2h16\", key: \"c24i48\" }],\n  [\n    \"path\",\n    {\n      d: \"M7 11.207a.5.5 0 0 1 .146-.353l2-2a.5.5 0 0 1 .708 0l3.292 3.292a.5.5 0 0 0 .708 0l4.292-4.292a.5.5 0 0 1 .854.353V16a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z\",\n      key: \"q0gr47\"\n    }\n  ]\n];\nconst ChartArea = createLucideIcon(\"chart-area\", __iconNode);\n\nexport { __iconNode, ChartArea as default };\n//# sourceMappingURL=chart-area.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M3 3v16a2 2 0 0 0 2 2h16\", key: \"c24i48\" }],\n  [\"path\", { d: \"M18 17V9\", key: \"2bz60n\" }],\n  [\"path\", { d: \"M13 17V5\", key: \"1frdt8\" }],\n  [\"path\", { d: \"M8 17v-3\", key: \"17ska0\" }]\n];\nconst ChartColumn = createLucideIcon(\"chart-column\", __iconNode);\n\nexport { __iconNode, ChartColumn as default };\n//# sourceMappingURL=chart-column.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M3 3v16a2 2 0 0 0 2 2h16\", key: \"c24i48\" }],\n  [\"path\", { d: \"m19 9-5 5-4-4-3 3\", key: \"2osh9i\" }]\n];\nconst ChartLine = createLucideIcon(\"chart-line\", __iconNode);\n\nexport { __iconNode, ChartLine as default };\n//# sourceMappingURL=chart-line.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z\",\n      key: \"pzmjnu\"\n    }\n  ],\n  [\"path\", { d: \"M21.21 15.89A10 10 0 1 1 8 2.83\", key: \"k2fpak\" }]\n];\nconst ChartPie = createLucideIcon(\"chart-pie\", __iconNode);\n\nexport { __iconNode, ChartPie as default };\n//# sourceMappingURL=chart-pie.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M20.5 10a2.5 2.5 0 0 1-2.4-3H18a2.95 2.95 0 0 1-2.6-4.4 10 10 0 1 0 6.3 7.1c-.3.2-.8.3-1.2.3\",\n      key: \"19sr3x\"\n    }\n  ],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"3\", key: \"1v7zrd\" }]\n];\nconst Donut = createLucideIcon(\"donut\", __iconNode);\n\nexport { __iconNode, Donut as default };\n//# sourceMappingURL=donut.mjs.map\n","import type { AgentAdapter } from '../../agent/types';\nimport type { ChartHandle } from './chart';\n\nexport const chartAgent: AgentAdapter<ChartHandle> = {\n  id: 'chart',\n  // view_change backs the opt-in type switcher (`switchableTypes` prop):\n  // the same chart re-presented as line / bar / area / pie / donut.\n  capabilities: ['view_change'],\n  state: {\n    declaredType: {\n      type: \"'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar'\",\n      descriptionKey: 'ui.agent.chart.state.declaredType',\n      description:\n        'The consumer-declared chart type — the shape `update_series` expects.',\n      read: (handle) => handle.getTypeState().declaredType,\n    },\n    effectiveType: {\n      type: \"'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar'\",\n      descriptionKey: 'ui.agent.chart.state.effectiveType',\n      description:\n        'The type currently rendered — differs from declaredType after a type-switcher pick.',\n      read: (handle) => handle.getTypeState().effectiveType,\n    },\n    availableTypes: {\n      type: 'ChartType[]',\n      descriptionKey: 'ui.agent.chart.state.availableTypes',\n      description:\n        'Types the switcher offers. Empty when the chart has no type switcher.',\n      read: (handle) => handle.getTypeState().availableTypes,\n    },\n  },\n  actions: {\n    change_view: {\n      // Switching the presentation is a write (it changes what the user\n      // sees) but is trivially reversible by switching back.\n      safety: 'write',\n      argsType: 'type',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          type: {\n            type: 'string',\n            enum: ['line', 'bar', 'area', 'pie', 'donut'],\n            description: 'The chart type to render.',\n          },\n        },\n        required: ['type'],\n      },\n      returns: 'boolean (accepted)',\n      returnsSchema: {\n        type: 'boolean',\n        description:\n          'True when the switch was applied; false when the chart has no type switcher or the type is not offered (check availableTypes first).',\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.chart.actions.changeView',\n      description:\n        'Switch the rendered chart type via the type switcher. No-op (returns false) when the chart has no switcher or the type is not offered.',\n      invoke: (handle, args: { type: string }) =>\n        handle.setType(args.type as Parameters<ChartHandle['setType']>[0]),\n    },\n    update_series: {\n      // Replacing the rendered series mutates what the chart displays — it\n      // is a write, reversible by pushing the prior series back.\n      safety: 'write',\n      argsType: 'series',\n      // `series` is `ChartSeries[]` (line/bar/area) OR `number[]`\n      // (pie/donut/radialBar). Both shapes are accepted; the handle routes\n      // by chart type internally.\n      argsSchema: {\n        type: 'object',\n        properties: {\n          series: {\n            oneOf: [\n              {\n                type: 'array',\n                description: 'Categorical series for line / bar / area charts.',\n                items: {\n                  type: 'object',\n                  properties: {\n                    name: { type: 'string' },\n                    data: { type: 'array', items: { type: 'number' } },\n                    role: {\n                      type: 'string',\n                      enum: ['primary', 'compare'],\n                      description:\n                        \"Optional. 'compare' renders this series as a secondary, colour-blind-safe overlay (e.g. the previous period) — dashed grey for line/area, hatched grey for bar. Omit for a normal primary series.\",\n                    },\n                  },\n                  required: ['name', 'data'],\n                },\n              },\n              {\n                type: 'array',\n                description: 'Flat values for pie / donut / radialBar charts.',\n                items: { type: 'number' },\n              },\n            ],\n          },\n        },\n        required: ['series'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.chart.actions.updateSeries',\n      description:\n        'Replace the chart series without remounting. Pass the DECLARED type’s shape (see declaredType state) — when the user has switched the view cross-shape the values are converted to the rendered shape. The write targets the live instance only: a later type switch re-reads the original props and discards it.',\n      invoke: (\n        handle,\n        args: { series: Parameters<ChartHandle['updateSeries']>[0] },\n      ) => {\n        handle.updateSeries(args.series);\n      },\n    },\n    export_png: {\n      safety: 'read',\n      returns: 'string (PNG data URI)',\n      returnsSchema: {\n        type: 'string',\n        description: 'A `data:image/png;base64,…` URI of the rendered chart.',\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.chart.actions.exportPng',\n      description:\n        'Return a PNG data URI of the chart for export or screenshotting.',\n      invoke: (handle) => handle.dataURI(),\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'chart' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* Chart — thin, typed wrapper over ApexCharts (react-apexcharts).      */\n/*                                                                     */\n/* - All chrome, colours, and fonts flow from                          */\n/*   `src/tokens/apexcharts-theme.ts` — never hex literals in user     */\n/*   code. A MutationObserver on `<html class>` re-reads the bridge so */\n/*   theme changes repaint without remount.                            */\n/* - A ResizeObserver on the wrapper keeps the chart responsive        */\n/*   without listening on `window.resize`.                             */\n/* - Accessibility: the wrapper carries `role=\"img\"` + `aria-label`    */\n/*   (required `title` prop) + `aria-describedby` pointing at a        */\n/*   visually-hidden `<table>` that mirrors series × categories.        */\n/* - Colour-blind users: `patterns` prop flips `fill.type` to pattern  */\n/*   using ApexCharts' built-in pattern presets.                       */\n/* - Numbers format via `Intl.NumberFormat(locale)` — no hand-rolled   */\n/*   `toFixed()`.                                                      */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport ReactApexChart from 'react-apexcharts';\nimport ApexCharts from 'apexcharts';\nimport {\n  ChartArea,\n  ChartColumn,\n  ChartLine,\n  ChartPie,\n  Donut,\n} from 'lucide-react';\nimport {\n  getApexChartsTheme,\n  type ApexChartsTheme,\n} from '../../tokens/apexcharts-theme';\nimport { usePrefersReducedMotion } from '../../hooks';\nimport { useNeutraliseHiddenFocus } from '../_shared/use-neutralize-hidden-focus';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { chartAgent } from './chart.agent';\nimport { IconButton } from '../button/icon-button';\nimport { IconButtonGroup } from '../icon-button-group';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst chartVariants = cva('ds:relative ds:block ds:w-full', {\n  variants: {\n    density: {\n      compact: 'ds:min-h-[var(--chart-min-height-compact)]',\n      comfortable: 'ds:min-h-[var(--chart-min-height-comfortable)]',\n      // Applied when an explicit `height` prop is given and no density was\n      // requested: the wrapper must not exceed the caller's height (a 96px\n      // KPI chart inside a card must not reserve 320px).\n      none: '',\n    },\n  },\n  defaultVariants: { density: 'comfortable' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport type ChartType = 'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar';\n\nexport interface ChartSeries {\n  name: string;\n  data: number[];\n  /**\n   * Marks this series as a secondary \"compare\" overlay — e.g. the previous\n   * period in a current-vs-previous financial view. Rendered visually\n   * subordinate and colour-blind-safe, distinguished from primary series by\n   * BOTH a non-colour cue AND a muted hue (never colour alone):\n   *   - line / area: DASHED stroke in a resolved neutral grey (the chart echo\n   *     of the calendar compare band's dashed block-end rule).\n   *   - bar: HATCHED (slantedLines) grey fill — bars have a zero-width stroke\n   *     and cannot dash, so the non-colour cue lives in the fill texture.\n   * Only meaningful on axis types (line / area / bar); it is structurally\n   * impossible on pie / donut / radialBar (their `series` is `number[]`, which\n   * cannot carry this field), so the axis-only invariant is enforced by the\n   * type system with no runtime guard. On an axis→slice type switch the compare\n   * series are dropped from the slice (a previous-period total is not a slice of\n   * the current whole; DEV warn). Omit (or `'primary'`) to render normally — a\n   * chart with NO compare series emits byte-identical ApexCharts options to\n   * before this field existed.\n   * @default 'primary'\n   */\n  role?: 'primary' | 'compare';\n}\n\n/** Bar orientation. `'horizontal'` renders a ranking sideways. Default `'vertical'`. */\nexport type ChartOrientation = 'vertical' | 'horizontal';\n\n/** Line / area stroke interpolation. Default `'smooth'`. */\nexport type ChartCurve = 'smooth' | 'straight' | 'stepline';\n\nexport interface ChartProps extends VariantProps<typeof chartVariants> {\n  /** Required — drives aria-label and sr-only table caption. */\n  title: string;\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /** Chart visual type. */\n  type: ChartType;\n  /**\n   * For `line` / `bar` / `area`: an array of `ChartSeries`.\n   * For `pie` / `donut` / `radialBar`: an array of numbers matched to `labels`.\n   */\n  series: ChartSeries[] | number[];\n  /** Category axis labels (line / bar / area). */\n  categories?: string[];\n  /** Slice labels (pie / donut / radialBar). */\n  labels?: string[];\n  /** Height override. Defaults to 320px. */\n  height?: number | string;\n  /** Width override. Defaults to 100% of container. */\n  width?: number | string;\n  /** Opt-in pattern fills for colour-blind users. */\n  patterns?: boolean;\n  /**\n   * Stack multiple `bar` / `area` series into a composition-over-time view.\n   * Maps to ApexCharts `chart.stacked`. Only applies to the axis types\n   * (`line` / `bar` / `area`); slice types (`pie` / `donut` / `radialBar`)\n   * have no axis to stack against and ignore it. Default `false` — an\n   * unstacked chart emits no `chart.stacked` key and renders identically to\n   * before this prop existed.\n   */\n  stacked?: boolean;\n  /**\n   * Orientation for the `bar` type. `'horizontal'` renders the bars sideways\n   * (ApexCharts `plotOptions.bar.horizontal`) for ranking-style charts where\n   * the category is a name and the value runs across the horizontal axis.\n   * Still an axis chart — pass `series` as `ChartSeries[]` with `categories`.\n   * Ignored for every non-`bar` type. Default `'vertical'`.\n   */\n  orientation?: ChartOrientation;\n  /**\n   * Stroke interpolation for `line` / `area` charts (ApexCharts\n   * `stroke.curve`). `'straight'` avoids the overshoot a smoothed spline\n   * introduces on spiky monthly financials — where a `'smooth'` curve can dip\n   * visually below zero between two positive points. Inert on `bar` (stroke\n   * width is 0) and ignored on slice types. Default `'smooth'` — existing\n   * charts are unaffected.\n   */\n  curve?: ChartCurve;\n  /**\n   * Override the series colour ramp. Pass **already-resolved** colour strings\n   * (e.g. the live value of `var(--success)` sampled by the consumer) — these\n   * are handed straight to ApexCharts, which can't read CSS custom properties.\n   * When omitted, the theme bridge's `colors` ramp from `apexcharts-theme.ts`\n   * is used, so existing consumers are unaffected. Typical use: a single-arc\n   * `radialBar` gauge (e.g. BMI) that must change hue with the value —\n   * green in the healthy band, amber/red outside it.\n   */\n  colors?: string[];\n  /** Show the ApexCharts toolbar. Defaults to false. */\n  toolbar?: boolean;\n  /** Locale override — defaults to the active i18next language. */\n  locale?: string;\n  /**\n   * radialBar only. Formats the value printed in the ring centre. Use when the\n   * gauge represents a non-percentage figure: pass the arc fill (0–100) as the\n   * single `series` value and return the real figure here (e.g. `(_, ) => '22.4'`).\n   * Ignored for every other chart type. Defaults to ApexCharts' `${value}%`.\n   */\n  radialValueFormatter?: (value: number) => string;\n  /**\n   * Formats the numeric value of each data point wherever it is surfaced as\n   * text — the tooltip, the value (y) axis on categorical charts, and the\n   * screen-reader summary table. Use it to append a unit or currency symbol,\n   * e.g. `(v) => new Intl.NumberFormat(locale, { style: 'currency', currency:\n   * 'EUR' }).format(v)`. Defaults to `Intl.NumberFormat(locale)` (grouped\n   * number, no unit). Does not apply to a `radialBar` ring centre — use\n   * `radialValueFormatter` for that.\n   */\n  valueFormatter?: (value: number) => string;\n  /**\n   * Opt-in type switcher. Pass two or more of `'line' | 'bar' | 'area' |\n   * 'pie' | 'donut'` to render an icon radiogroup (an `IconButtonGroup`)\n   * above the plot that lets the user flip the chart between those types.\n   * `type` is the initial selection and is always offered; the user's pick\n   * then sticks across re-renders (remount with a new `key` to reset it).\n   * When the picked type reads the other data shape, the data adapts: axis\n   * series collapse to one slice per series (that series' total) for `pie` /\n   * `donut`, and slice values become a single-series axis chart with\n   * `labels` as the categories. `radialBar` cannot participate — such\n   * entries are ignored (DEV warning) and a `radialBar` chart never shows\n   * the switcher.\n   */\n  switchableTypes?: ChartType[];\n  /** Called when the user picks a different type via the switcher. */\n  onTypeChange?: (type: ChartType) => void;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport interface ChartHandle {\n  /** Returns a PNG data URI for the chart. */\n  dataURI: () => Promise<string>;\n  /**\n   * Updates series without remounting. Always pass the DECLARED `type`'s\n   * shape — while the user has switched the view across the axis/slice\n   * boundary the values (and, for axis→slice, the slice labels) are\n   * converted to the rendered shape; for slice→axis the categories stay\n   * the `labels` prop, so keep the value count stable. The update writes\n   * to the live ApexCharts instance only: a later type switch remounts\n   * from the original props and discards it.\n   */\n  updateSeries: (next: ChartProps['series']) => void;\n  /**\n   * Switches the rendered type via the type switcher. Returns `false`\n   * (no-op) when the switcher is not enabled or the type is not offered.\n   */\n  setType: (next: ChartType) => boolean;\n  /** Declared vs rendered type plus the types the switcher offers ([] when disabled). */\n  getTypeState: () => {\n    declaredType: ChartType;\n    effectiveType: ChartType;\n    availableTypes: ChartType[];\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* Constants                                                            */\n/* ------------------------------------------------------------------ */\n\nconst PATTERN_STYLES = [\n  'verticalLines',\n  'horizontalLines',\n  'slantedLines',\n  'squares',\n  'circles',\n] as const;\n\n/** Types where `categories` belong on an x-axis. */\nconst CATEGORICAL_TYPES: ReadonlyArray<ChartType> = ['line', 'bar', 'area'];\n\n/** Types where `series` is a flat `number[]` paired with `labels`. */\nconst SLICE_TYPES: ReadonlyArray<ChartType> = ['pie', 'donut', 'radialBar'];\n\n/** Types the switcher may offer. `radialBar` is excluded — its series are\n *  synthetic arc percents that cannot be re-plotted on an axis or as slices. */\nconst SWITCHABLE_TYPES: ReadonlyArray<ChartType> = [\n  'line',\n  'bar',\n  'area',\n  'pie',\n  'donut',\n];\n\ntype SwitchableType = Exclude<ChartType, 'radialBar'>;\n\n/* Static key map (not template-built) so the i18n coverage tooling can see\n   every key literally. */\nconst TYPE_SWITCHER_LABEL_KEYS: Record<SwitchableType, string> = {\n  line: 'chart.typeSwitcher.line',\n  bar: 'chart.typeSwitcher.bar',\n  area: 'chart.typeSwitcher.area',\n  pie: 'chart.typeSwitcher.pie',\n  donut: 'chart.typeSwitcher.donut',\n};\n\nconst TYPE_SWITCHER_ICONS: Record<SwitchableType, React.ReactNode> = {\n  line: <ChartLine />,\n  bar: <ChartColumn />,\n  area: <ChartArea />,\n  pie: <ChartPie />,\n  donut: <Donut />,\n};\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\nfunction isSliceType(type: ChartType): boolean {\n  return SLICE_TYPES.includes(type);\n}\n\nfunction isCategoricalType(type: ChartType): boolean {\n  return CATEGORICAL_TYPES.includes(type);\n}\n\n/** Coerce `series` into `ChartSeries[]` for shared logic (table, aria). */\nfunction normaliseSeries(\n  series: ChartSeries[] | number[],\n  type: ChartType,\n): ChartSeries[] {\n  if (isSliceType(type)) {\n    const nums = series as number[];\n    return [\n      {\n        name: '',\n        data: nums,\n      },\n    ];\n  }\n  return series as ChartSeries[];\n}\n\n/* ------------------------------------------------------------------ */\n/* Chart component                                                      */\n/* ------------------------------------------------------------------ */\n\nexport const Chart = forwardRef<ChartHandle, ChartProps>(\n  (\n    {\n      title,\n      id,\n      type,\n      series,\n      categories,\n      labels,\n      height,\n      width,\n      patterns = false,\n      stacked = false,\n      orientation = 'vertical',\n      curve = 'smooth',\n      colors,\n      toolbar = false,\n      locale: localeProp,\n      radialValueFormatter,\n      valueFormatter,\n      switchableTypes,\n      onTypeChange,\n      density,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const rawId = useId();\n    const chartId = useMemo(\n      () => `chart-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n      [rawId],\n    );\n    const summaryId = `${chartId}-summary`;\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const [containerWidth, setContainerWidth] = useState(0);\n\n    /* ApexCharts injects focusable canvases inside the `aria-hidden`   */\n    /* chart wrapper. Neutralise their tabindex so axe's                */\n    /* `aria-hidden-focus` rule passes. Same hook used in Sparkline.    */\n    useNeutraliseHiddenFocus(wrapperRef);\n\n    const locale = localeProp ?? i18n.language ?? 'en';\n\n    /* ---- dev warning if title missing ------------------------------ */\n    if (import.meta.env.DEV && !title) {\n      console.warn(\n        'Chart: `title` prop is required. It drives aria-label and the screen-reader summary table.',\n      );\n    }\n\n    /* ---- theme-reactive state -------------------------------------- */\n    const [themeOptions, setThemeOptions] = useState<ApexChartsTheme>(() => {\n      try {\n        return getApexChartsTheme();\n      } catch {\n        return {};\n      }\n    });\n\n    /* ---- MutationObserver: re-read theme on class change ------------ */\n    useEffect(() => {\n      if (typeof document === 'undefined') return undefined;\n      let timer: ReturnType<typeof setTimeout>;\n      const observer = new MutationObserver(() => {\n        clearTimeout(timer);\n        timer = setTimeout(() => {\n          try {\n            setThemeOptions(getApexChartsTheme());\n          } catch {\n            /* no-op in non-browser environments */\n          }\n        }, 50);\n      });\n      observer.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['class'],\n      });\n      return () => {\n        clearTimeout(timer);\n        observer.disconnect();\n      };\n    }, []);\n\n    /* ---- ResizeObserver: track container width --------------------- */\n    useEffect(() => {\n      const el = wrapperRef.current;\n      if (!el || typeof ResizeObserver === 'undefined') return undefined;\n      const ro = new ResizeObserver((entries) => {\n        const entry = entries[0];\n        if (entry) setContainerWidth(Math.floor(entry.contentRect.width));\n      });\n      ro.observe(el);\n      return () => ro.disconnect();\n    }, []);\n\n    /* ---- type switcher ---------------------------------------------- */\n    const switcherTypes = useMemo<SwitchableType[]>(() => {\n      if (!switchableTypes || switchableTypes.length === 0) return [];\n      const valid = switchableTypes.filter((entry): entry is SwitchableType =>\n        SWITCHABLE_TYPES.includes(entry),\n      );\n      if (import.meta.env.DEV && valid.length !== switchableTypes.length) {\n        console.warn(\n          \"Chart: `switchableTypes` accepts 'line' | 'bar' | 'area' | 'pie' | 'donut' — other entries are ignored.\",\n        );\n      }\n      if (!SWITCHABLE_TYPES.includes(type)) {\n        if (import.meta.env.DEV && valid.length > 0) {\n          console.warn(\n            'Chart: the type switcher is unavailable when `type` is \"radialBar\".',\n          );\n        }\n        return [];\n      }\n      const withCurrent = valid.includes(type as SwitchableType)\n        ? valid\n        : [type as SwitchableType, ...valid];\n      return [...new Set(withCurrent)];\n    }, [switchableTypes, type]);\n    const switcherEnabled = switcherTypes.length >= 2;\n\n    const [pickedType, setPickedType] = useState<SwitchableType | null>(null);\n    const effectiveType: ChartType =\n      switcherEnabled && pickedType && switcherTypes.includes(pickedType)\n        ? pickedType\n        : type;\n\n    /* ---- data adaptation for the switcher --------------------------- */\n    /* Axis and slice types read different `series` shapes. When the user  */\n    /* switches across that boundary the data adapts: each axis series     */\n    /* becomes one slice (its total across the categories), and slice      */\n    /* values become one axis series with `labels` as the categories.      */\n    /* Same-shape switches (line/bar/area, pie/donut) pass through as-is.  */\n    const declaredIsSlice = isSliceType(type);\n    const effectiveIsSlice = isSliceType(effectiveType);\n    const { effectiveSeries, effectiveCategories, effectiveLabels } =\n      useMemo(() => {\n        if (declaredIsSlice === effectiveIsSlice) {\n          return {\n            effectiveSeries: series,\n            effectiveCategories: categories,\n            effectiveLabels: labels,\n          };\n        }\n        if (!declaredIsSlice) {\n          const allRows = series as ChartSeries[];\n          // A previous-period total is not a slice of the current whole, so\n          // compare overlays are dropped from the axis→slice collapse (their\n          // grey \"prev\" slice would misread as part of the current mix). This\n          // also makes compareFlags naturally [] on the slice side.\n          const rows = allRows.filter((row) => row.role !== 'compare');\n          if (import.meta.env.DEV && rows.length !== allRows.length) {\n            console.warn(\n              'Chart: compare series are dropped on an axis→slice switch — a previous-period total is not a slice of the current whole.',\n            );\n          }\n          const totals = rows.map((row) =>\n            row.data.reduce((sum, v) => sum + v, 0),\n          );\n          if (import.meta.env.DEV && totals.some((v) => v < 0)) {\n            console.warn(\n              'Chart: the axis→slice adaptation produced a negative series total — pie/donut cannot represent negative values. Offer only axis types in `switchableTypes` for delta-style data.',\n            );\n          }\n          return {\n            effectiveSeries: totals,\n            effectiveCategories: undefined,\n            effectiveLabels: rows.map((row) => row.name),\n          };\n        }\n        const values = series as number[];\n        return {\n          effectiveSeries: [\n            { name: t('chart.table.value'), data: values },\n          ] as ChartSeries[],\n          effectiveCategories: labels ?? [],\n          effectiveLabels: undefined,\n        };\n      }, [series, categories, labels, declaredIsSlice, effectiveIsSlice, t]);\n\n    /* ---- imperative handle ----------------------------------------- */\n    const agentHandle = useMemo<ChartHandle>(\n      () => ({\n        async dataURI(): Promise<string> {\n          const instance = ApexCharts.getChartByID(chartId);\n          if (!instance) return '';\n          const result = await instance.dataURI();\n          return (result as { imgURI: string }).imgURI;\n        },\n        updateSeries(next) {\n          const instance = ApexCharts.getChartByID(chartId);\n          if (!instance) return;\n          // Callers always pass the DECLARED type's shape. When the user has\n          // switched the view across the axis/slice boundary, convert to what\n          // the live instance actually renders (mirrors the render-time\n          // adaptation) so the update never hits a mismatched instance.\n          const declaredSlice = isSliceType(type);\n          const renderedSlice = isSliceType(effectiveType);\n          if (declaredSlice === renderedSlice) {\n            if (declaredSlice) instance.updateSeries(next as number[]);\n            else instance.updateSeries(next as ChartSeries[]);\n            return;\n          }\n          if (!declaredSlice) {\n            // Drop compare overlays from the collapse (mirrors the render-time\n            // adaptation) so no stray \"prev\" slice appears.\n            const rows = (next as ChartSeries[]).filter(\n              (row) => row.role !== 'compare',\n            );\n            // Keep slice labels in step with the incoming series — without\n            // this, a series-count or name change desyncs slices from the\n            // labels captured at the last React render.\n            instance.updateOptions(\n              { labels: rows.map((row) => row.name) },\n              false,\n              true,\n            );\n            instance.updateSeries(\n              rows.map((row) => row.data.reduce((sum, v) => sum + v, 0)),\n            );\n            return;\n          }\n          instance.updateSeries([\n            { name: t('chart.table.value'), data: next as number[] },\n          ]);\n        },\n        setType(next: ChartType): boolean {\n          if (!switcherEnabled) return false;\n          if (!switcherTypes.includes(next as SwitchableType)) return false;\n          setPickedType(next as SwitchableType);\n          return true;\n        },\n        getTypeState() {\n          return {\n            declaredType: type,\n            effectiveType,\n            availableTypes: switcherEnabled\n              ? ([...switcherTypes] as ChartType[])\n              : [],\n          };\n        },\n      }),\n      [chartId, type, effectiveType, t, switcherEnabled, switcherTypes],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(chartAgent, agentHandle, id);\n\n    /* ---- RTL detection --------------------------------------------- */\n    const isRtl =\n      typeof document !== 'undefined' && document.documentElement.dir === 'rtl';\n\n    /* ---- normalised series for sr-only table ----------------------- */\n    const tableSeries = useMemo(\n      () => normaliseSeries(effectiveSeries, effectiveType),\n      [effectiveSeries, effectiveType],\n    );\n\n    /* ---- Intl formatter -------------------------------------------- */\n    const numberFormatter = useMemo(\n      () => new Intl.NumberFormat(locale),\n      [locale],\n    );\n\n    /* ---- resolved value formatter ---------------------------------- */\n    /* The consumer's `valueFormatter` (e.g. a currency formatter) wins  */\n    /* everywhere a data-point value is surfaced as text; otherwise we   */\n    /* fall back to the locale-aware grouped number.                     */\n    const formatValue = useMemo(\n      () =>\n        valueFormatter ?? ((value: number) => numberFormatter.format(value)),\n      [valueFormatter, numberFormatter],\n    );\n\n    /* ---- toolbar localisation -------------------------------------- */\n    const toolbarLocale = useMemo(\n      () => ({\n        name: locale,\n        options: {\n          toolbar: {\n            download: t('chart.toolbar.download'),\n            selection: t('chart.toolbar.selection'),\n            selectionZoom: t('chart.toolbar.selectionZoom'),\n            zoomIn: t('chart.toolbar.zoomIn'),\n            zoomOut: t('chart.toolbar.zoomOut'),\n            pan: t('chart.toolbar.pan'),\n            reset: t('chart.toolbar.reset'),\n            exportToSVG: t('chart.toolbar.exportToSVG'),\n            exportToPNG: t('chart.toolbar.exportToPNG'),\n            exportToCSV: t('chart.toolbar.exportToCSV'),\n          },\n        },\n      }),\n      [locale, t],\n    );\n\n    /* ---- build ApexOptions ----------------------------------------- */\n    const reducedMotion = usePrefersReducedMotion();\n\n    const chartOptions: ApexCharts.ApexOptions = useMemo(() => {\n      // Split the resolved compare colours off the theme object BEFORE spread:\n      // `compare` must never land in the ApexCharts options (that would break\n      // the byte-identical guarantee for non-compare charts). `base` is exactly\n      // today's theme shape, so `...base` emits the same keys as before.\n      const { compare: compareColours, ...base } = themeOptions;\n      const compareMark = compareColours?.mark ?? '';\n      const compareWash = compareColours?.wash ?? '';\n\n      // Per-series compare flags, derived at build time from the EFFECTIVE\n      // series/type so the type switcher composes: only axis types carry the\n      // `role` field (slice `series` is `number[]`), so a slice view yields [].\n      const compareFlags =\n        isCategoricalType(effectiveType) && Array.isArray(effectiveSeries)\n          ? (effectiveSeries as ChartSeries[]).map((s) => s.role === 'compare')\n          : [];\n      const hasCompare = compareFlags.some(Boolean);\n      const barCompare = hasCompare && effectiveType === 'bar';\n\n      if (\n        import.meta.env.DEV &&\n        hasCompare &&\n        stacked &&\n        isCategoricalType(effectiveType)\n      ) {\n        console.warn(\n          'Chart: `stacked` with a compare series — a compare overlay is normally a grouped, not stacked, series. It will be stacked with the primaries.',\n        );\n      }\n\n      const options: ApexCharts.ApexOptions = {\n        ...base,\n        chart: {\n          ...base.chart,\n          id: chartId,\n          toolbar: { show: toolbar },\n          zoom: { enabled: toolbar },\n          animations: {\n            enabled: !reducedMotion,\n            dynamicAnimation: { enabled: !reducedMotion },\n          },\n          locales: [toolbarLocale],\n          defaultLocale: locale,\n          parentHeightOffset: 0,\n          // Stacking is an axis-only concept — gate on the categorical types\n          // so a slice/radial chart never receives it, and omit the key\n          // entirely when unstacked so the default output is byte-identical.\n          ...(stacked && isCategoricalType(effectiveType)\n            ? { stacked: true }\n            : {}),\n        },\n        // Only set `labels` when the effective type actually has them (slice\n        // charts). Emitting `labels: undefined` crashes ApexCharts' bar\n        // renderer — `parseDataAxisCharts` reads `labels.length` and throws\n        // \"Cannot read properties of undefined (reading 'length')\", which\n        // aborts the render and leaves a blank chart. Absent is safe; area /\n        // line tolerate the undefined but bar does not, so never pass it.\n        ...(effectiveLabels ? { labels: effectiveLabels } : {}),\n        legend: {\n          ...base.legend,\n          position: 'bottom',\n          // ApexCharts legend.horizontalAlign is a physical prop mapped internally\n          // to the chart's own text flow. For RTL we flip via `yaxis.opposite`\n          // and ApexCharts' own `direction: 'rtl'` handling; legend stays anchored\n          // to the inline-start by asking for 'left' on LTR and 'right' on RTL.\n          horizontalAlign: isRtl ? 'right' : 'left',\n          fontFamily: 'inherit',\n        },\n        tooltip: {\n          ...base.tooltip,\n          y: {\n            formatter: (value: number) => formatValue(value),\n          },\n        },\n        noData: {\n          text: t('chart.noData'),\n        },\n      };\n\n      // Consumer-supplied, already-resolved colour ramp wins over the theme\n      // bridge's `colors`. Ignored when absent so existing charts keep the\n      // tokenised ramp. ApexCharts can't read `var(--…)`, so the consumer is\n      // responsible for sampling the live token value before passing it in.\n      if (colors && colors.length > 0) {\n        options.colors = colors;\n      }\n\n      // Step 1 (compare) — expand whatever ramp ApexCharts would use to one\n      // entry per series and swap the compare indices for the resolved neutral\n      // grey `mark`. This preserves each primary's exact colour (including\n      // ApexCharts' own %-cycling for the primary indices) and greys the\n      // compare stroke / fill / area source AND its legend swatch at once.\n      if (hasCompare) {\n        const ramp = (options.colors ?? base.colors ?? []) as string[];\n        options.colors = (effectiveSeries as ChartSeries[]).map((_, i) =>\n          compareFlags[i] ? compareMark : ramp[i % Math.max(ramp.length, 1)],\n        );\n      }\n\n      if (isCategoricalType(effectiveType)) {\n        // A horizontal bar makes ApexCharts swap axes: the numeric axis\n        // becomes the x-axis and the categories move to the y-axis. The value\n        // formatter must follow the numbers, so on a horizontal bar it lives\n        // on `xaxis.labels` and the category y-axis keeps its default (string)\n        // labels; every other categorical chart keeps the formatter on `yaxis`.\n        const horizontalBar =\n          effectiveType === 'bar' && orientation === 'horizontal';\n        options.xaxis = {\n          ...base.xaxis,\n          categories: effectiveCategories ?? [],\n          ...(horizontalBar\n            ? {\n                labels: {\n                  formatter: (value: string | number) =>\n                    formatValue(Number(value)),\n                },\n              }\n            : {}),\n        };\n        options.yaxis = {\n          ...base.yaxis,\n          opposite: isRtl,\n          ...(horizontalBar\n            ? {}\n            : { labels: { formatter: (value: number) => formatValue(value) } }),\n        };\n        // Step 2 (compare) — the line / area non-colour cue is a dashed stroke\n        // on the compare indices (bars have a zero-width stroke and can't dash,\n        // so this is skipped for bar — the cue moves to the fill in Step 3).\n        // Width stays 2 for legibility; the dash + grey carry secondariness.\n        options.stroke = {\n          curve,\n          width: effectiveType === 'bar' ? 0 : 2,\n          ...(hasCompare && effectiveType !== 'bar'\n            ? { dashArray: compareFlags.map((c) => (c ? 6 : 0)) }\n            : {}),\n        };\n        options.dataLabels = { enabled: false };\n      }\n\n      if (effectiveType === 'radialBar' && radialValueFormatter) {\n        // ApexCharts treats a radialBar series value as a 0–100 percent and\n        // renders it verbatim in the ring centre. When the displayed value is\n        // NOT a percentage (e.g. a BMI), the consumer scales the series to a\n        // percent for the arc and supplies `radialValueFormatter` to print the\n        // real value in the centre. Without this, the gauge would read \"56%\"\n        // for a BMI of 22.4 — misleading. Default behaviour is untouched.\n        const basePlot = (base.plotOptions ?? {}) as NonNullable<\n          ApexCharts.ApexOptions['plotOptions']\n        >;\n        options.plotOptions = {\n          ...basePlot,\n          radialBar: {\n            ...(basePlot.radialBar ?? {}),\n            dataLabels: {\n              ...(basePlot.radialBar?.dataLabels ?? {}),\n              value: {\n                ...(basePlot.radialBar?.dataLabels?.value ?? {}),\n                formatter: (val: number) => radialValueFormatter(Number(val)),\n              },\n            },\n          },\n        };\n      }\n\n      // Horizontal bars for rankings. `bar` and `radialBar` are mutually\n      // exclusive effective types, so this never collides with the radialBar\n      // plotOptions above. Absent (vertical) = the ApexCharts default, so the\n      // key is only emitted when the consumer opts in.\n      if (effectiveType === 'bar' && orientation === 'horizontal') {\n        const basePlot = (base.plotOptions ?? {}) as NonNullable<\n          ApexCharts.ApexOptions['plotOptions']\n        >;\n        options.plotOptions = {\n          ...basePlot,\n          bar: { ...(basePlot.bar ?? {}), horizontal: true },\n        };\n      }\n\n      // Step 3 (fill) — the compare branches sit between the global `patterns`\n      // branch and the area-gradient branch. Each is gated on hasCompare /\n      // barCompare, so a chart with no compare series follows today's exact\n      // paths and emits byte-identical fill.\n      if (patterns) {\n        // Global colour-blind pattern fills. With a compare overlay, pin the\n        // compare indices to a single slanted hatch so they stay tellable apart\n        // (grey colour from Step 1 + fixed hatch) while the primaries keep the\n        // brand-hue style ApexCharts would have cycled for that index.\n        options.fill = {\n          type: 'pattern',\n          opacity: effectiveType === 'area' ? 0.3 : 1,\n          pattern: {\n            style: hasCompare\n              ? compareFlags.map((c, i) =>\n                  c\n                    ? 'slantedLines'\n                    : PATTERN_STYLES[i % PATTERN_STYLES.length],\n                )\n              : [...PATTERN_STYLES],\n            strokeWidth: 2,\n          },\n        };\n      } else if (barCompare) {\n        // Bars can't dash, so the non-colour cue is the fill: compare bars get\n        // a hatched (slantedLines) fill over the Step-1 grey base at full\n        // opacity; primaries stay solid in their brand colour. Orientation is\n        // independent — ApexCharts swaps axes, not the per-series fill mapping.\n        options.fill = {\n          type: compareFlags.map((c) => (c ? 'pattern' : 'solid')),\n          pattern: {\n            style: compareFlags.map((c) =>\n              c ? 'slantedLines' : 'horizontalLines',\n            ),\n            strokeWidth: 2,\n          },\n        };\n      } else if (effectiveType === 'area') {\n        // Area gradient. With a compare overlay, lower the compare fill opacity\n        // so its grey wash sits under the dashed grey stroke without fighting\n        // the primary, and tint the compare gradient with the resolved\n        // `--calendar-compare-fill` wash (primaries keep the default gradient).\n        options.fill = hasCompare\n          ? {\n              type: 'gradient',\n              opacity: compareFlags.map((c) => (c ? 0.15 : 0.3)),\n              gradient: {\n                gradientToColors: compareFlags.map((c) =>\n                  c ? compareWash : undefined,\n                ) as string[],\n              },\n            }\n          : {\n              type: 'gradient',\n              opacity: 0.3,\n            };\n      }\n\n      return options;\n    }, [\n      themeOptions,\n      chartId,\n      toolbar,\n      reducedMotion,\n      toolbarLocale,\n      locale,\n      effectiveLabels,\n      formatValue,\n      t,\n      effectiveType,\n      effectiveSeries,\n      effectiveCategories,\n      isRtl,\n      patterns,\n      stacked,\n      orientation,\n      curve,\n      colors,\n      radialValueFormatter,\n    ]);\n\n    /* ---- resolved dimensions --------------------------------------- */\n    const resolvedWidth =\n      width ?? (containerWidth > 0 ? containerWidth : '100%');\n    const resolvedHeight = height ?? 320;\n\n    /* ---- sr-only data table --------------------------------------- */\n    const srTable = useMemo(() => {\n      const columnLabels = isSliceType(effectiveType)\n        ? (effectiveLabels ?? [])\n        : (effectiveCategories ?? []);\n      const rows = tableSeries;\n      return (\n        <table id={summaryId} className=\"ds:sr-only\">\n          <caption>{title}</caption>\n          <thead>\n            <tr>\n              <th scope=\"col\">{t('chart.table.series')}</th>\n              {columnLabels.map((col, i) => (\n                <th key={`${col}-${i}`} scope=\"col\">\n                  {col}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {rows.map((row, rowIndex) => (\n              <tr key={`${row.name}-${rowIndex}`}>\n                <th scope=\"row\">{row.name || t('chart.table.value')}</th>\n                {row.data.map((value, colIndex) => (\n                  <td key={`${rowIndex}-${colIndex}`}>\n                    {/* For a radialBar gauge the series is a synthetic arc\n                        percent — announce the consumer's display value (e.g.\n                        the real BMI) instead of the raw fill so AT users get\n                        the same figure sighted users see in the ring. */}\n                    {effectiveType === 'radialBar' && radialValueFormatter\n                      ? radialValueFormatter(value)\n                      : formatValue(value)}\n                  </td>\n                ))}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      );\n    }, [\n      effectiveType,\n      tableSeries,\n      effectiveLabels,\n      effectiveCategories,\n      summaryId,\n      title,\n      t,\n      formatValue,\n      radialValueFormatter,\n    ]);\n\n    /* ---- ApexCharts `series` prop shape ----------------------------- */\n    const apexSeries = useMemo(() => {\n      if (isSliceType(effectiveType)) {\n        return effectiveSeries as number[];\n      }\n      return effectiveSeries as ChartSeries[];\n    }, [effectiveSeries, effectiveType]);\n\n    /* `key={effectiveType}` remounts ApexCharts on a switch: its in-place\n       axis↔slice type transitions are unreliable (stale internal scales),\n       and a clean mount is the documented-safe path. */\n    const chartRegion = (\n      <div\n        ref={wrapperRef}\n        role=\"img\"\n        aria-label={title}\n        aria-describedby={summaryId}\n        className={chartVariants({\n          // Explicit height wins over the density min-height unless the\n          // caller also asked for a density explicitly.\n          density: density ?? (height !== undefined ? 'none' : undefined),\n          className: switcherEnabled ? undefined : className,\n        })}\n        {...(switcherEnabled\n          ? {}\n          : { 'data-component': 'chart', 'data-component-id': id })}\n      >\n        {srTable}\n        <ReactApexChart\n          key={effectiveType}\n          type={effectiveType}\n          series={apexSeries as ApexCharts.ApexOptions['series']}\n          options={chartOptions}\n          width={resolvedWidth}\n          height={resolvedHeight}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n\n    if (!switcherEnabled) return chartRegion;\n\n    /* The switcher cannot live inside the `role=\"img\"` region — that role\n       makes the whole subtree presentational, which would strip the radios\n       from the accessibility tree. It renders as a sibling above the plot,\n       and the bounding `data-component` marker moves to this shared\n       wrapper so the component boundary still encloses everything. */\n    return (\n      <div\n        data-component=\"chart\"\n        data-component-id={id}\n        className={`ds:block ds:w-full ${className ?? ''}`.trim()}\n      >\n        <div className=\"ds:mb-[var(--spacing-xs)] ds:flex ds:justify-end\">\n          <IconButtonGroup\n            role=\"radiogroup\"\n            mode=\"toggle-single\"\n            size=\"sm\"\n            aria-label={t('chart.typeSwitcher.label')}\n            value={effectiveType}\n            onValueChange={(next) => {\n              // Guard: keyboard paths can re-commit the current value; the\n              // contract is \"called when the user picks a DIFFERENT type\".\n              if (next === effectiveType) return;\n              setPickedType(next as SwitchableType);\n              onTypeChange?.(next as ChartType);\n            }}\n          >\n            {switcherTypes.map((entry) => (\n              <IconButton\n                key={entry}\n                value={entry}\n                // Explicit — the default (submit) would post a surrounding\n                // consumer <form> on click/Space.\n                type=\"button\"\n                icon={TYPE_SWITCHER_ICONS[entry]}\n                aria-label={t(TYPE_SWITCHER_LABEL_KEYS[entry])}\n              />\n            ))}\n          </IconButtonGroup>\n        </div>\n        {chartRegion}\n      </div>\n    );\n  },\n);\n\nChart.displayName = 'Chart';\n\n/* ------------------------------------------------------------------ */\n/* Re-export internal helper for downstream theming (kept narrow).      */\n/* ------------------------------------------------------------------ */\n\nexport { chartVariants };\n"],"names":["__iconNode","ChartArea","createLucideIcon","ChartColumn","ChartLine","ChartPie","Donut","chartAgent","handle","args","chartVariants","cva","PATTERN_STYLES","CATEGORICAL_TYPES","SLICE_TYPES","SWITCHABLE_TYPES","TYPE_SWITCHER_LABEL_KEYS","TYPE_SWITCHER_ICONS","isSliceType","type","isCategoricalType","normaliseSeries","series","Chart","forwardRef","title","id","categories","labels","height","width","patterns","stacked","orientation","curve","colors","toolbar","localeProp","radialValueFormatter","valueFormatter","switchableTypes","onTypeChange","density","className","ref","t","i18n","useTranslation","rawId","useId","chartId","useMemo","summaryId","wrapperRef","useRef","containerWidth","setContainerWidth","useState","useNeutraliseHiddenFocus","locale","themeOptions","setThemeOptions","getApexChartsTheme","useEffect","timer","observer","el","ro","entries","entry","switcherTypes","valid","withCurrent","switcherEnabled","pickedType","setPickedType","effectiveType","declaredIsSlice","effectiveIsSlice","effectiveSeries","effectiveCategories","effectiveLabels","rows","row","sum","v","values","agentHandle","instance","ApexCharts","next","declaredSlice","renderedSlice","useImperativeHandle","useAgentRegistration","isRtl","tableSeries","numberFormatter","formatValue","value","toolbarLocale","reducedMotion","usePrefersReducedMotion","chartOptions","compareColours","base","compareMark","compareWash","compareFlags","s","hasCompare","barCompare","options","ramp","_","i","horizontalBar","c","basePlot","_a","_c","_b","val","resolvedWidth","resolvedHeight","srTable","columnLabels","jsx","jsxs","col","rowIndex","colIndex","apexSeries","chartRegion","ReactApexChart","IconButtonGroup","IconButton"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4]}

package/dist/_chunks/{cycle-calculator-DXSNIWFk.js → cycle-calculator-DNvvr0bP.js}

@@ -3,12 +3,12 @@ import { forwardRef as A, useState as C, useMemo as N, useEffect as I } from "re
 import { c as S } from "./index-D2ZczOXr.js";
 import { useTranslation as k } from "react-i18next";
 import { F as L } from "./form-field-M5UpX65Z.js";
-import { D as z } from "./date-picker-ffmyjvlI.js";
+import { D as z } from "./date-picker-BP_W6VtE.js";
 import { N as D } from "./number-input-DjWzmlEY.js";
 import { C as E } from "./card-DPmk26CL.js";
 import { B as P } from "./badge-DCOqV9mI.js";
 import { I as B } from "./insert-result-D074GtHX.js";
-import { a as i } from "./date-picker-variants-D9B6hg15.js";
+import { a as i } from "./date-picker-variants-eL6HjWvw.js";
 import { C as G } from "./check-DrFSN__t.js";
 import { H as R } from "./heart--qCA4ffe.js";
 import { c as Y } from "./createLucideIcon-DhHxpK9K.js";
@@ -249,4 +249,4 @@ export {
   U as L,
   O as p
 };
-//# sourceMappingURL=cycle-calculator-DXSNIWFk.js.map
+//# sourceMappingURL=cycle-calculator-DNvvr0bP.js.map

package/dist/_chunks/{cycle-calculator-DXSNIWFk.js.map → cycle-calculator-DNvvr0bP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"cycle-calculator-DXSNIWFk.js","sources":["../../node_modules/lucide-react/dist/esm/icons/droplet.mjs","../../src/components/cycle-calculator/cycle.ts","../../src/components/cycle-calculator/cycle-calculator.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z\",\n      key: \"c7niix\"\n    }\n  ]\n];\nconst Droplet = createLucideIcon(\"droplet\", __iconNode);\n\nexport { __iconNode, Droplet as default };\n//# sourceMappingURL=droplet.mjs.map\n","/* ------------------------------------------------------------------ */\n/* Menstrual-cycle prediction — pure, framework-free, unit-testable.    */\n/*                                                                     */\n/* Uses the standard fixed-luteal-phase model: ovulation falls ~14 days */\n/* before the next period, so on a cycle of length L ovulation is day   */\n/* (L − 14). The fertile window spans the 5 days before ovulation       */\n/* (sperm survival) through 1 day after (oocyte viability).             */\n/* ------------------------------------------------------------------ */\n\nimport { addDays } from 'date-fns';\n\n/** Standard menstrual-cycle length. */\nexport const DEFAULT_CYCLE_LENGTH = 28;\n/** Luteal phase is biologically near-constant at ~14 days. */\nexport const LUTEAL_PHASE_DAYS = 14;\n/** Sperm survive up to ~5 days before ovulation. */\nexport const FERTILE_DAYS_BEFORE = 5;\n/** The oocyte is viable ~1 day after ovulation. */\nexport const FERTILE_DAYS_AFTER = 1;\n\nexport interface CycleInput {\n  /** First day of the most recent period. */\n  lastPeriodStart: Date;\n  /** Average cycle length in days. Defaults to 28. */\n  cycleLength?: number;\n  /** Period (bleed) length in days. Optional — used for the period range. */\n  periodLength?: number;\n}\n\nexport interface DateRange {\n  start: Date;\n  end: Date;\n}\n\nexport interface CyclePrediction {\n  /** Start date of the next period. */\n  nextPeriod: Date;\n  /** Estimated ovulation date. */\n  ovulation: Date;\n  /** Fertile window (5 days before ovulation → 1 day after). */\n  fertileWindow: DateRange;\n  /** Start dates of the next few periods (length = `occurrences`). */\n  upcomingPeriods: Date[];\n  /**\n   * The current period's bleed range (first day → last day), or `null` when no\n   * `periodLength` was given.\n   */\n  periodRange: DateRange | null;\n}\n\n/**\n * Predict ovulation, the fertile window and upcoming periods from the last\n * period's start date. `occurrences` controls how many future periods to\n * list (default 3).\n */\nexport function predictCycle(\n  input: CycleInput,\n  occurrences = 3,\n): CyclePrediction {\n  const cycle = input.cycleLength ?? DEFAULT_CYCLE_LENGTH;\n  const { lastPeriodStart } = input;\n\n  const ovulation = addDays(lastPeriodStart, cycle - LUTEAL_PHASE_DAYS);\n  const fertileWindow: DateRange = {\n    start: addDays(ovulation, -FERTILE_DAYS_BEFORE),\n    end: addDays(ovulation, FERTILE_DAYS_AFTER),\n  };\n  const nextPeriod = addDays(lastPeriodStart, cycle);\n  const upcomingPeriods = Array.from({ length: occurrences }, (_, i) =>\n    addDays(lastPeriodStart, cycle * (i + 1)),\n  );\n  const periodRange: DateRange | null =\n    input.periodLength && input.periodLength > 0\n      ? {\n          start: lastPeriodStart,\n          end: addDays(lastPeriodStart, input.periodLength - 1),\n        }\n      : null;\n\n  return { nextPeriod, ovulation, fertileWindow, upcomingPeriods, periodRange };\n}\n","/* ------------------------------------------------------------------ */\n/* CycleCalculator — predict ovulation, fertile window and upcoming     */\n/* periods from the last period's start date.                           */\n/*                                                                     */\n/* Maths lives in `./cycle` (pure, separately tested).                  */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Heart, Check, Droplet } from 'lucide-react';\nimport { FormField } from '../form-field';\nimport { DatePicker } from '../date-picker';\nimport { NumberInput } from '../number-input';\nimport { Card } from '../card';\nimport { Badge } from '../badge';\nimport {\n  InsertButton,\n  type InsertPayload,\n  type InsertVariant,\n  type InsertMode,\n} from '../_shared/insert-result';\nimport {\n  type CyclePrediction,\n  predictCycle,\n  DEFAULT_CYCLE_LENGTH,\n} from './cycle';\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]', {\n  variants: {\n    width: { full: 'ds:w-full', auto: 'ds:inline-flex' },\n  },\n  defaultVariants: { width: 'full' },\n});\n\n/**\n * DS token NAME backing the result-card chip — the fertile window is the\n * headline fertility datum, shown on screen with the `accent` Badge variant\n * (which fills `--accent`). The card chip reuses that token so the inserted\n * PNG chip matches the on-screen fertile-window badge.\n */\nconst HIGHLIGHT_TOKEN = '--accent';\n\nexport interface CycleCalculatorProps extends VariantProps<\n  typeof rootVariants\n> {\n  /** Initial cycle length in days. Defaults to 28. */\n  defaultCycleLength?: number;\n  /** Fires whenever a prediction can be computed (and `null` when it can't). */\n  onResultChange?: (result: CyclePrediction | null) => void;\n  /** When provided, shows the result-action buttons that emit / copy the result. */\n  onInsert?: (payload: InsertPayload) => void;\n  /**\n   * Which verb the result button performs. Defaults to `'insert'`.\n   * Use `'copy'` in an app-shell surface (no editor to insert into) — the\n   * button writes the result to the clipboard as a multi-format `ClipboardItem`.\n   */\n  insertVariant?: InsertVariant;\n  /** `copy` variant only — fired after a successful clipboard write. */\n  onCopy?: (mode: InsertMode) => void;\n  /** `copy` variant only — fired if the clipboard write can't proceed. */\n  onError?: (error: unknown) => void;\n  /**\n   * Brand wordmark printed in the inserted/copied result-card footer.\n   * Omitted → no brand line (and no footer hairline); a string → that custom\n   * brand; `false` → no brand line. Brand is opt-in.\n   */\n  insertBrand?: string | false;\n  /** Opaque instance id, emitted as `data-component-id`. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport const CycleCalculator = forwardRef<HTMLDivElement, CycleCalculatorProps>(\n  (\n    {\n      defaultCycleLength = DEFAULT_CYCLE_LENGTH,\n      onResultChange,\n      onInsert,\n      insertVariant = 'insert',\n      onCopy,\n      onError,\n      insertBrand,\n      id,\n      width,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    const [lastPeriod, setLastPeriod] = useState<Date | undefined>(undefined);\n    const [cycleLength, setCycleLength] = useState<number | null>(\n      defaultCycleLength,\n    );\n    const [periodLength, setPeriodLength] = useState<number | null>(null);\n\n    const result = useMemo<CyclePrediction | null>(() => {\n      if (!lastPeriod) return null;\n      return predictCycle({\n        lastPeriodStart: lastPeriod,\n        cycleLength: cycleLength ?? DEFAULT_CYCLE_LENGTH,\n        periodLength: periodLength ?? undefined,\n      });\n    }, [lastPeriod, cycleLength, periodLength]);\n\n    const dateFormatter = useMemo(\n      () => new Intl.DateTimeFormat(i18n.language, { dateStyle: 'medium' }),\n      [i18n.language],\n    );\n\n    useEffect(() => {\n      onResultChange?.(result);\n    }, [result, onResultChange]);\n\n    const today = useMemo(() => new Date(), []);\n\n    const fmt = (d: Date): string => dateFormatter.format(d);\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"cycle-calculator\"\n        data-component-id={id}\n        className={rootVariants({ width, className })}\n      >\n        <div className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2\">\n          <FormField label={t('cycleCalculator.lastPeriod')}>\n            <DatePicker\n              value={lastPeriod}\n              onChange={setLastPeriod}\n              maxDate={today}\n            />\n          </FormField>\n          <FormField\n            label={t('cycleCalculator.cycleLength')}\n            description={t('cycleCalculator.cycleLengthHint')}\n          >\n            <NumberInput\n              mode=\"integer\"\n              min={20}\n              max={45}\n              value={cycleLength}\n              onChange={setCycleLength}\n            />\n          </FormField>\n          <FormField\n            label={t('cycleCalculator.periodLength')}\n            description={t('cycleCalculator.periodLengthHint')}\n          >\n            <NumberInput\n              mode=\"integer\"\n              min={1}\n              max={14}\n              value={periodLength}\n              onChange={setPeriodLength}\n            />\n          </FormField>\n        </div>\n\n        <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n          {result\n            ? `${t('cycleCalculator.ovulation')}: ${fmt(result.ovulation)}. ${t(\n                'cycleCalculator.nextPeriod',\n              )}: ${fmt(result.nextPeriod)}.`\n            : ''}\n        </p>\n\n        {result ? (\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n              <dl className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3\">\n                <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('cycleCalculator.ovulation')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant=\"success\"\n                      size=\"lg\"\n                      leading={<Check aria-hidden />}\n                    >\n                      {fmt(result.ovulation)}\n                    </Badge>\n                  </dd>\n                </div>\n                <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('cycleCalculator.fertileWindow')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant=\"accent\"\n                      size=\"lg\"\n                      leading={<Heart aria-hidden />}\n                    >\n                      {fmt(result.fertileWindow.start)} –{' '}\n                      {fmt(result.fertileWindow.end)}\n                    </Badge>\n                  </dd>\n                </div>\n                <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('cycleCalculator.nextPeriod')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant=\"error\"\n                      size=\"lg\"\n                      leading={<Droplet aria-hidden />}\n                    >\n                      {fmt(result.nextPeriod)}\n                    </Badge>\n                  </dd>\n                </div>\n              </dl>\n\n              {result.periodRange ? (\n                <div className=\"ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]\">\n                  <span className=\"type-label ds:text-muted-foreground\">\n                    {t('cycleCalculator.periodRange')}\n                  </span>\n                  <span className=\"type-body ds:text-foreground\">\n                    {fmt(result.periodRange.start)} –{' '}\n                    {fmt(result.periodRange.end)}\n                  </span>\n                </div>\n              ) : null}\n\n              <div className=\"ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]\">\n                <span className=\"type-label ds:text-muted-foreground\">\n                  {t('cycleCalculator.upcomingPeriods')}\n                </span>\n                <ul className=\"ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-2xs)]\">\n                  {result.upcomingPeriods.map((d) => (\n                    <li\n                      key={d.getTime()}\n                      className=\"type-body ds:text-foreground\"\n                    >\n                      {fmt(d)}\n                    </li>\n                  ))}\n                </ul>\n              </div>\n\n              {insertVariant === 'copy' || onInsert ? (\n                <InsertButton\n                  onInsert={onInsert}\n                  variant={insertVariant}\n                  onCopy={onCopy}\n                  onError={onError}\n                  card={{\n                    title: t('insert.title.cycle'),\n                    icon: 'heart',\n                    highlight: `${fmt(result.fertileWindow.start)} – ${fmt(\n                      result.fertileWindow.end,\n                    )}`,\n                    // Chip reuses the on-screen fertile-window badge's accent\n                    // token so the inserted PNG chip matches the screen.\n                    highlightToken: HIGHLIGHT_TOKEN,\n                    brand: insertBrand,\n                    fields: [\n                      {\n                        // Ovulation is a predicted date → calendar glyph (the\n                        // on-screen badge uses a Check tick, which ICON_GEOMETRY\n                        // does not carry, so the calendar reads the date meaning).\n                        icon: 'calendar',\n                        label: t('cycleCalculator.ovulation'),\n                        value: fmt(result.ovulation),\n                      },\n                      {\n                        // Fertile window → heart glyph, matching the on-screen\n                        // fertile-window badge's Heart icon.\n                        icon: 'heart',\n                        label: t('cycleCalculator.fertileWindow'),\n                        value: `${fmt(result.fertileWindow.start)} – ${fmt(\n                          result.fertileWindow.end,\n                        )}`,\n                      },\n                      {\n                        // Next period → droplets glyph, matching the on-screen\n                        // next-period badge's Droplet icon.\n                        icon: 'droplets',\n                        label: t('cycleCalculator.nextPeriod'),\n                        value: fmt(result.nextPeriod),\n                      },\n                    ],\n                  }}\n                />\n              ) : null}\n            </Card.Body>\n          </Card>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('cycleCalculator.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nCycleCalculator.displayName = 'CycleCalculator';\n"],"names":["__iconNode","Droplet","createLucideIcon","DEFAULT_CYCLE_LENGTH","LUTEAL_PHASE_DAYS","FERTILE_DAYS_AFTER","predictCycle","input","occurrences","cycle","lastPeriodStart","ovulation","addDays","fertileWindow","nextPeriod","upcomingPeriods","_","i","periodRange","rootVariants","cva","HIGHLIGHT_TOKEN","CycleCalculator","forwardRef","defaultCycleLength","onResultChange","onInsert","insertVariant","onCopy","onError","insertBrand","id","width","className","ref","i18n","useTranslation","lastPeriod","setLastPeriod","useState","cycleLength","setCycleLength","periodLength","setPeriodLength","result","useMemo","dateFormatter","useEffect","today","fmt","d","jsxs","jsx","FormField","DatePicker","NumberInput","Card","Badge","Check","Heart","InsertButton"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"cycle-calculator-DNvvr0bP.js","sources":["../../node_modules/lucide-react/dist/esm/icons/droplet.mjs","../../src/components/cycle-calculator/cycle.ts","../../src/components/cycle-calculator/cycle-calculator.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z\",\n      key: \"c7niix\"\n    }\n  ]\n];\nconst Droplet = createLucideIcon(\"droplet\", __iconNode);\n\nexport { __iconNode, Droplet as default };\n//# sourceMappingURL=droplet.mjs.map\n","/* ------------------------------------------------------------------ */\n/* Menstrual-cycle prediction — pure, framework-free, unit-testable.    */\n/*                                                                     */\n/* Uses the standard fixed-luteal-phase model: ovulation falls ~14 days */\n/* before the next period, so on a cycle of length L ovulation is day   */\n/* (L − 14). The fertile window spans the 5 days before ovulation       */\n/* (sperm survival) through 1 day after (oocyte viability).             */\n/* ------------------------------------------------------------------ */\n\nimport { addDays } from 'date-fns';\n\n/** Standard menstrual-cycle length. */\nexport const DEFAULT_CYCLE_LENGTH = 28;\n/** Luteal phase is biologically near-constant at ~14 days. */\nexport const LUTEAL_PHASE_DAYS = 14;\n/** Sperm survive up to ~5 days before ovulation. */\nexport const FERTILE_DAYS_BEFORE = 5;\n/** The oocyte is viable ~1 day after ovulation. */\nexport const FERTILE_DAYS_AFTER = 1;\n\nexport interface CycleInput {\n  /** First day of the most recent period. */\n  lastPeriodStart: Date;\n  /** Average cycle length in days. Defaults to 28. */\n  cycleLength?: number;\n  /** Period (bleed) length in days. Optional — used for the period range. */\n  periodLength?: number;\n}\n\nexport interface DateRange {\n  start: Date;\n  end: Date;\n}\n\nexport interface CyclePrediction {\n  /** Start date of the next period. */\n  nextPeriod: Date;\n  /** Estimated ovulation date. */\n  ovulation: Date;\n  /** Fertile window (5 days before ovulation → 1 day after). */\n  fertileWindow: DateRange;\n  /** Start dates of the next few periods (length = `occurrences`). */\n  upcomingPeriods: Date[];\n  /**\n   * The current period's bleed range (first day → last day), or `null` when no\n   * `periodLength` was given.\n   */\n  periodRange: DateRange | null;\n}\n\n/**\n * Predict ovulation, the fertile window and upcoming periods from the last\n * period's start date. `occurrences` controls how many future periods to\n * list (default 3).\n */\nexport function predictCycle(\n  input: CycleInput,\n  occurrences = 3,\n): CyclePrediction {\n  const cycle = input.cycleLength ?? DEFAULT_CYCLE_LENGTH;\n  const { lastPeriodStart } = input;\n\n  const ovulation = addDays(lastPeriodStart, cycle - LUTEAL_PHASE_DAYS);\n  const fertileWindow: DateRange = {\n    start: addDays(ovulation, -FERTILE_DAYS_BEFORE),\n    end: addDays(ovulation, FERTILE_DAYS_AFTER),\n  };\n  const nextPeriod = addDays(lastPeriodStart, cycle);\n  const upcomingPeriods = Array.from({ length: occurrences }, (_, i) =>\n    addDays(lastPeriodStart, cycle * (i + 1)),\n  );\n  const periodRange: DateRange | null =\n    input.periodLength && input.periodLength > 0\n      ? {\n          start: lastPeriodStart,\n          end: addDays(lastPeriodStart, input.periodLength - 1),\n        }\n      : null;\n\n  return { nextPeriod, ovulation, fertileWindow, upcomingPeriods, periodRange };\n}\n","/* ------------------------------------------------------------------ */\n/* CycleCalculator — predict ovulation, fertile window and upcoming     */\n/* periods from the last period's start date.                           */\n/*                                                                     */\n/* Maths lives in `./cycle` (pure, separately tested).                  */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Heart, Check, Droplet } from 'lucide-react';\nimport { FormField } from '../form-field';\nimport { DatePicker } from '../date-picker';\nimport { NumberInput } from '../number-input';\nimport { Card } from '../card';\nimport { Badge } from '../badge';\nimport {\n  InsertButton,\n  type InsertPayload,\n  type InsertVariant,\n  type InsertMode,\n} from '../_shared/insert-result';\nimport {\n  type CyclePrediction,\n  predictCycle,\n  DEFAULT_CYCLE_LENGTH,\n} from './cycle';\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]', {\n  variants: {\n    width: { full: 'ds:w-full', auto: 'ds:inline-flex' },\n  },\n  defaultVariants: { width: 'full' },\n});\n\n/**\n * DS token NAME backing the result-card chip — the fertile window is the\n * headline fertility datum, shown on screen with the `accent` Badge variant\n * (which fills `--accent`). The card chip reuses that token so the inserted\n * PNG chip matches the on-screen fertile-window badge.\n */\nconst HIGHLIGHT_TOKEN = '--accent';\n\nexport interface CycleCalculatorProps extends VariantProps<\n  typeof rootVariants\n> {\n  /** Initial cycle length in days. Defaults to 28. */\n  defaultCycleLength?: number;\n  /** Fires whenever a prediction can be computed (and `null` when it can't). */\n  onResultChange?: (result: CyclePrediction | null) => void;\n  /** When provided, shows the result-action buttons that emit / copy the result. */\n  onInsert?: (payload: InsertPayload) => void;\n  /**\n   * Which verb the result button performs. Defaults to `'insert'`.\n   * Use `'copy'` in an app-shell surface (no editor to insert into) — the\n   * button writes the result to the clipboard as a multi-format `ClipboardItem`.\n   */\n  insertVariant?: InsertVariant;\n  /** `copy` variant only — fired after a successful clipboard write. */\n  onCopy?: (mode: InsertMode) => void;\n  /** `copy` variant only — fired if the clipboard write can't proceed. */\n  onError?: (error: unknown) => void;\n  /**\n   * Brand wordmark printed in the inserted/copied result-card footer.\n   * Omitted → no brand line (and no footer hairline); a string → that custom\n   * brand; `false` → no brand line. Brand is opt-in.\n   */\n  insertBrand?: string | false;\n  /** Opaque instance id, emitted as `data-component-id`. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport const CycleCalculator = forwardRef<HTMLDivElement, CycleCalculatorProps>(\n  (\n    {\n      defaultCycleLength = DEFAULT_CYCLE_LENGTH,\n      onResultChange,\n      onInsert,\n      insertVariant = 'insert',\n      onCopy,\n      onError,\n      insertBrand,\n      id,\n      width,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    const [lastPeriod, setLastPeriod] = useState<Date | undefined>(undefined);\n    const [cycleLength, setCycleLength] = useState<number | null>(\n      defaultCycleLength,\n    );\n    const [periodLength, setPeriodLength] = useState<number | null>(null);\n\n    const result = useMemo<CyclePrediction | null>(() => {\n      if (!lastPeriod) return null;\n      return predictCycle({\n        lastPeriodStart: lastPeriod,\n        cycleLength: cycleLength ?? DEFAULT_CYCLE_LENGTH,\n        periodLength: periodLength ?? undefined,\n      });\n    }, [lastPeriod, cycleLength, periodLength]);\n\n    const dateFormatter = useMemo(\n      () => new Intl.DateTimeFormat(i18n.language, { dateStyle: 'medium' }),\n      [i18n.language],\n    );\n\n    useEffect(() => {\n      onResultChange?.(result);\n    }, [result, onResultChange]);\n\n    const today = useMemo(() => new Date(), []);\n\n    const fmt = (d: Date): string => dateFormatter.format(d);\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"cycle-calculator\"\n        data-component-id={id}\n        className={rootVariants({ width, className })}\n      >\n        <div className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2\">\n          <FormField label={t('cycleCalculator.lastPeriod')}>\n            <DatePicker\n              value={lastPeriod}\n              onChange={setLastPeriod}\n              maxDate={today}\n            />\n          </FormField>\n          <FormField\n            label={t('cycleCalculator.cycleLength')}\n            description={t('cycleCalculator.cycleLengthHint')}\n          >\n            <NumberInput\n              mode=\"integer\"\n              min={20}\n              max={45}\n              value={cycleLength}\n              onChange={setCycleLength}\n            />\n          </FormField>\n          <FormField\n            label={t('cycleCalculator.periodLength')}\n            description={t('cycleCalculator.periodLengthHint')}\n          >\n            <NumberInput\n              mode=\"integer\"\n              min={1}\n              max={14}\n              value={periodLength}\n              onChange={setPeriodLength}\n            />\n          </FormField>\n        </div>\n\n        <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n          {result\n            ? `${t('cycleCalculator.ovulation')}: ${fmt(result.ovulation)}. ${t(\n                'cycleCalculator.nextPeriod',\n              )}: ${fmt(result.nextPeriod)}.`\n            : ''}\n        </p>\n\n        {result ? (\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n              <dl className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3\">\n                <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('cycleCalculator.ovulation')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant=\"success\"\n                      size=\"lg\"\n                      leading={<Check aria-hidden />}\n                    >\n                      {fmt(result.ovulation)}\n                    </Badge>\n                  </dd>\n                </div>\n                <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('cycleCalculator.fertileWindow')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant=\"accent\"\n                      size=\"lg\"\n                      leading={<Heart aria-hidden />}\n                    >\n                      {fmt(result.fertileWindow.start)} –{' '}\n                      {fmt(result.fertileWindow.end)}\n                    </Badge>\n                  </dd>\n                </div>\n                <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('cycleCalculator.nextPeriod')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant=\"error\"\n                      size=\"lg\"\n                      leading={<Droplet aria-hidden />}\n                    >\n                      {fmt(result.nextPeriod)}\n                    </Badge>\n                  </dd>\n                </div>\n              </dl>\n\n              {result.periodRange ? (\n                <div className=\"ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]\">\n                  <span className=\"type-label ds:text-muted-foreground\">\n                    {t('cycleCalculator.periodRange')}\n                  </span>\n                  <span className=\"type-body ds:text-foreground\">\n                    {fmt(result.periodRange.start)} –{' '}\n                    {fmt(result.periodRange.end)}\n                  </span>\n                </div>\n              ) : null}\n\n              <div className=\"ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]\">\n                <span className=\"type-label ds:text-muted-foreground\">\n                  {t('cycleCalculator.upcomingPeriods')}\n                </span>\n                <ul className=\"ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-2xs)]\">\n                  {result.upcomingPeriods.map((d) => (\n                    <li\n                      key={d.getTime()}\n                      className=\"type-body ds:text-foreground\"\n                    >\n                      {fmt(d)}\n                    </li>\n                  ))}\n                </ul>\n              </div>\n\n              {insertVariant === 'copy' || onInsert ? (\n                <InsertButton\n                  onInsert={onInsert}\n                  variant={insertVariant}\n                  onCopy={onCopy}\n                  onError={onError}\n                  card={{\n                    title: t('insert.title.cycle'),\n                    icon: 'heart',\n                    highlight: `${fmt(result.fertileWindow.start)} – ${fmt(\n                      result.fertileWindow.end,\n                    )}`,\n                    // Chip reuses the on-screen fertile-window badge's accent\n                    // token so the inserted PNG chip matches the screen.\n                    highlightToken: HIGHLIGHT_TOKEN,\n                    brand: insertBrand,\n                    fields: [\n                      {\n                        // Ovulation is a predicted date → calendar glyph (the\n                        // on-screen badge uses a Check tick, which ICON_GEOMETRY\n                        // does not carry, so the calendar reads the date meaning).\n                        icon: 'calendar',\n                        label: t('cycleCalculator.ovulation'),\n                        value: fmt(result.ovulation),\n                      },\n                      {\n                        // Fertile window → heart glyph, matching the on-screen\n                        // fertile-window badge's Heart icon.\n                        icon: 'heart',\n                        label: t('cycleCalculator.fertileWindow'),\n                        value: `${fmt(result.fertileWindow.start)} – ${fmt(\n                          result.fertileWindow.end,\n                        )}`,\n                      },\n                      {\n                        // Next period → droplets glyph, matching the on-screen\n                        // next-period badge's Droplet icon.\n                        icon: 'droplets',\n                        label: t('cycleCalculator.nextPeriod'),\n                        value: fmt(result.nextPeriod),\n                      },\n                    ],\n                  }}\n                />\n              ) : null}\n            </Card.Body>\n          </Card>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('cycleCalculator.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nCycleCalculator.displayName = 'CycleCalculator';\n"],"names":["__iconNode","Droplet","createLucideIcon","DEFAULT_CYCLE_LENGTH","LUTEAL_PHASE_DAYS","FERTILE_DAYS_AFTER","predictCycle","input","occurrences","cycle","lastPeriodStart","ovulation","addDays","fertileWindow","nextPeriod","upcomingPeriods","_","i","periodRange","rootVariants","cva","HIGHLIGHT_TOKEN","CycleCalculator","forwardRef","defaultCycleLength","onResultChange","onInsert","insertVariant","onCopy","onError","insertBrand","id","width","className","ref","i18n","useTranslation","lastPeriod","setLastPeriod","useState","cycleLength","setCycleLength","periodLength","setPeriodLength","result","useMemo","dateFormatter","useEffect","today","fmt","d","jsxs","jsx","FormField","DatePicker","NumberInput","Card","Badge","Check","Heart","InsertButton"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/date-picker-BP_W6VtE.js

@@ -0,0 +1,265 @@
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import { forwardRef as ae, useState as y, useRef as K, useEffect as re, useCallback as R, useMemo as ne, useImperativeHandle as se } from "react";
+import { useTranslation as ie } from "react-i18next";
+import * as k from "@radix-ui/react-popover";
+import { u as oe } from "./use-controllable-state-BiY4xTzM.js";
+import { u as de } from "./form-field-context-B3APVHKx.js";
+import { u as ce } from "./registry-DvAUVLHh.js";
+import { u as le, g as pe, f as T, b as ue, c as fe, i as me, t as he, d as ge, p as ve, D as ye, C as ke, e as be, h as Ce, j as De } from "./date-picker-variants-eL6HjWvw.js";
+import { C as Pe } from "./calendar-days-BGWklvE-.js";
+import { C as Se } from "./check-DrFSN__t.js";
+import { p as xe } from "./parse-DvA97ro9.js";
+import { i as we } from "./isSameDay-DUEiAT0G.js";
+const Ie = {
+  id: "date-picker",
+  // Persisted single date (value state + set_date) → select_single + set_value,
+  // plus open/close of the calendar popover.
+  capabilities: ["select_single", "set_value", "open", "close"],
+  state: {
+    value: {
+      type: "iso-date",
+      descriptionKey: "ui.agent.datePicker.state.value",
+      description: "Currently-selected ISO date, or null.",
+      read: (a) => {
+        var c;
+        return ((c = a.getValue()) == null ? void 0 : c.toISOString()) ?? null;
+      }
+    },
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.datePicker.state.isOpen",
+      description: "Whether the calendar popover is open.",
+      read: (a) => a.isOpen()
+    }
+  },
+  actions: {
+    set_date: {
+      safety: "write",
+      argsType: "{ date: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          date: {
+            type: "string",
+            format: "date",
+            description: 'ISO date, e.g. "2026-06-23".'
+          }
+        },
+        required: ["date"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.datePicker.actions.setDate",
+      description: "Select a specific date (ISO yyyy-mm-dd).",
+      examples: [{ args: { date: "2026-06-23" }, note: "Select 23 Jun 2026." }],
+      invoke: (a, c) => {
+        a.setValue(new Date(c.date));
+      }
+    },
+    clear: {
+      // Discards the selected date — loses the user's input.
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.datePicker.actions.clear",
+      description: "Clear the selected date.",
+      invoke: (a) => {
+        a.clear();
+      }
+    },
+    open: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.datePicker.actions.open",
+      description: "Open the calendar popover.",
+      invoke: (a) => {
+        a.open();
+      }
+    },
+    close: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.datePicker.actions.close",
+      description: "Close the calendar popover.",
+      invoke: (a) => {
+        a.close();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "date-picker",
+      description: "Marks the DatePicker wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, Oe = ae(
+  ({
+    value: a,
+    defaultValue: c,
+    onChange: F,
+    minDate: m,
+    maxDate: h,
+    disabledDates: l,
+    weekStartsOn: M,
+    presets: b,
+    size: x = "md",
+    disabled: j,
+    placeholder: q,
+    className: B,
+    id: E
+  }, L) => {
+    const { t: w, i18n: I } = ie(), p = de(), C = E ?? p.id, O = p.disabled || j, _ = p.invalid ? "error" : "default", u = le(I.language), f = pe(I.language), H = q ?? w("inputs.datePicker.placeholder", "Select date"), [W, N] = oe({
+      value: a,
+      defaultValue: c,
+      onChange: F
+    }), n = W, [i, s] = y(!1), [J, D] = y(
+      n ? T(n, f, { locale: u }) : ""
+    ), [V, g] = y(!1), [z, P] = y(n ?? /* @__PURE__ */ new Date()), S = K(null);
+    re(() => {
+      n ? (D(T(n, f, { locale: u })), g(!1)) : D("");
+    }, [n, f, u]);
+    const G = ue(
+      m,
+      h,
+      l
+    ), Q = R(
+      (e) => m && fe(e, m) || h && me(e, h) ? !0 : Array.isArray(l) ? l.some(
+        (t) => t.toDateString() === e.toDateString()
+      ) : typeof l == "function" ? l(e) : !1,
+      [m, h, l]
+    ), o = R(
+      (e) => {
+        N(e);
+      },
+      [N]
+    ), U = (e) => {
+      const t = e.target.value;
+      if (D(t), t.length === 0) {
+        g(!1), o(void 0);
+        return;
+      }
+      const d = xe(t, f, /* @__PURE__ */ new Date(), { locale: u });
+      De(d) && !Q(d) ? (g(!1), o(d), P(d)) : t.length === f.length && g(!0);
+    }, X = (e) => {
+      e.key === "Enter" && i && (e.preventDefault(), s(!1)), e.key === "Escape" && i && (e.preventDefault(), s(!1)), e.key === "ArrowDown" && !i && (e.preventDefault(), s(!0));
+    }, Y = (e) => {
+      var t;
+      e && (o(e), s(!1), (t = S.current) == null || t.focus());
+    }, Z = (e) => {
+      var d;
+      const t = e.date();
+      o(t), P(t), s(!1), (d = S.current) == null || d.focus();
+    }, $ = (e) => n ? we(e.date(), n) : !1, ee = w("inputs.datePicker.gridLabel", "Calendar"), te = ne(
+      () => ({
+        getValue: () => n,
+        setValue: (e) => o(e),
+        clear: () => o(void 0),
+        isOpen: () => i,
+        open: () => s(!0),
+        close: () => s(!1)
+      }),
+      [n, o, i]
+    ), A = K(null);
+    return se(L, () => A.current, []), ce(Ie, te, C), /* @__PURE__ */ r(k.Root, { open: i, onOpenChange: s, children: /* @__PURE__ */ v(
+      "div",
+      {
+        ref: A,
+        className: B,
+        "data-component": "date-picker",
+        "data-component-id": C,
+        children: [
+          /* @__PURE__ */ v("div", { className: "ds:relative", children: [
+            /* @__PURE__ */ r(k.Trigger, { asChild: !0, disabled: O, children: /* @__PURE__ */ r(
+              "input",
+              {
+                ref: S,
+                id: C,
+                type: "text",
+                role: "combobox",
+                value: J,
+                placeholder: H,
+                disabled: O,
+                "aria-describedby": p.describedBy || void 0,
+                "aria-invalid": p.invalid || V || void 0,
+                "aria-required": p.required || void 0,
+                "aria-haspopup": "dialog",
+                "aria-expanded": i,
+                onChange: U,
+                onKeyDown: X,
+                onClick: () => !i && s(!0),
+                className: he({
+                  size: x,
+                  tone: V ? "error" : _
+                })
+              }
+            ) }),
+            /* @__PURE__ */ r("span", { "aria-hidden": "true", className: ge({ size: x }), children: /* @__PURE__ */ r(Pe, {}) })
+          ] }),
+          /* @__PURE__ */ r(k.Portal, { children: /* @__PURE__ */ r(
+            k.Content,
+            {
+              sideOffset: 4,
+              align: "start",
+              className: Ce(),
+              onOpenAutoFocus: (e) => {
+                e.preventDefault();
+              },
+              children: /* @__PURE__ */ v("div", { className: "ds:flex ds:gap-[var(--spacing-md)]", children: [
+                b && b.length > 0 ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-[8rem] ds:border-e ds:border-border ds:pe-[var(--spacing-md)]", children: b.map((e) => {
+                  const t = $(e);
+                  return /* @__PURE__ */ v(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-pressed": t,
+                      onClick: () => Z(e),
+                      className: ve({ active: t }),
+                      children: [
+                        /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate", children: e.label }),
+                        t ? /* @__PURE__ */ r(
+                          Se,
+                          {
+                            "aria-hidden": "true",
+                            className: "ds:size-4 ds:shrink-0 ds:text-primary"
+                          }
+                        ) : null
+                      ]
+                    },
+                    e.label
+                  );
+                }) }) : null,
+                /* @__PURE__ */ r("div", { role: "region", "aria-label": ee, children: /* @__PURE__ */ r(
+                  ye,
+                  {
+                    mode: "single",
+                    selected: n,
+                    onSelect: Y,
+                    month: z,
+                    onMonthChange: P,
+                    disabled: G,
+                    weekStartsOn: M,
+                    locale: u,
+                    showOutsideDays: !0,
+                    fixedWeeks: !0,
+                    classNames: be,
+                    components: { Chevron: ke }
+                  }
+                ) })
+              ] })
+            }
+          ) })
+        ]
+      }
+    ) });
+  }
+);
+Oe.displayName = "DatePicker";
+export {
+  Oe as D,
+  Ie as d
+};
+//# sourceMappingURL=date-picker-BP_W6VtE.js.map