@alfadocs/ui-kit-debug 0.43.0 → 0.44.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit-debug",
-  "version": "0.43.0",
+  "version": "0.44.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe. (debug build — identical runtime to @alfadocs/ui-kit, ships source maps for symbolication).",
   "license": "BUSL-1.1",

package/dist/_chunks/bmi-calculator-DuVSFDuw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bmi-calculator-DuVSFDuw.js","sources":["../../src/components/bmi-calculator/bmi-calculator.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* BmiCalculator — height + weight → WHO body-mass-index, shown on a    */\n/* radialBar gauge.                                                     */\n/*                                                                     */\n/* - Maths + unit conversion live in `./bmi` (pure, separately tested). */\n/* - Metric ⇄ imperial toggle persists the entered figures across the   */\n/*   switch by converting them (a patient measured in lb/ft doesn't     */\n/*   lose their numbers when a clinician flips to kg/cm).               */\n/* - The gauge reuses the kit `Chart` (radialBar). Because ApexCharts    */\n/*   reads a radialBar series value as a 0–100 percent, the arc is fed   */\n/*   the BMI mapped onto the clinical 12–40 span and the true BMI is     */\n/*   printed in the centre via `radialValueFormatter`.                   */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useEffect, useId, useMemo, useState } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { RadioGroup, Radio } from '../radio-group';\nimport { FormField } from '../form-field';\nimport { NumberInput } from '../number-input';\nimport { Chart } from '../chart';\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 UnitSystem,\n  type BmiCategory,\n  computeBmi,\n  bmiCategory,\n  bmiToGaugePercent,\n  cmToFtIn,\n  ftInToCm,\n  kgToLb,\n  lbToKg,\n} from './bmi';\n\n/* ------------------------------------------------------------------ */\n/* Result payload emitted to consumers                                  */\n/* ------------------------------------------------------------------ */\n\nexport interface BmiResult {\n  /** BMI in kg/m². */\n  bmi: number;\n  /** WHO category the BMI falls into. */\n  category: BmiCategory;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]', {\n  variants: {\n    width: {\n      full: 'ds:w-full',\n      auto: 'ds:inline-flex',\n    },\n  },\n  defaultVariants: { width: 'full' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Category → semantic intent for the Stat headline                     */\n/* ------------------------------------------------------------------ */\n\nconst CATEGORY_BADGE: Record<\n  BmiCategory,\n  'info' | 'success' | 'warning' | 'error'\n> = {\n  underweight: 'info',\n  normal: 'success',\n  overweight: 'warning',\n  obese: 'error',\n};\n\n/* ------------------------------------------------------------------ */\n/* Gauge arc colour — semantic-token-per-WHO-category.                  */\n/*                                                                     */\n/* The CVA below emits the *token NAME* (not a colour) for each         */\n/* category. ApexCharts can't read `var(--…)`, so the component samples  */\n/* the live token off the theme root with `getComputedStyle` and hands  */\n/* the resolved string to `<Chart colors={[…]} />` — re-resolving on    */\n/* every html-class change (theme switch) via a MutationObserver.       */\n/*                                                                     */\n/* underweight → --info · normal → --success · overweight → --warning · */\n/* obese → --destructive.                                              */\n/*                                                                     */\n/* Light-theme override: `--warning` is yellow-500, which only reaches  */\n/* ~3.2:1 on white and fails the 3:1 non-text bar for the arc. In       */\n/* light, non-accessible mode the overweight arc instead resolves       */\n/* `--color-orange-600` (3.52:1 on white — passes). Dark and the        */\n/* accessible themes keep `--warning`, whose deepened ramp already       */\n/* clears the bar against their surfaces.                               */\n/* ------------------------------------------------------------------ */\n\nconst gaugeColorVariants = cva('', {\n  variants: {\n    category: {\n      underweight: '--info',\n      normal: '--success',\n      overweight: '--warning',\n      obese: '--destructive',\n    },\n  },\n});\n\n/** Token substituted for the overweight arc in light, non-accessible mode. */\nconst OVERWEIGHT_LIGHT_TOKEN = '--color-orange-600';\n\n/**\n * Read a CSS custom property off the theme root, resolved to a concrete\n * colour string ApexCharts can consume. Returns `undefined` outside a DOM.\n */\nfunction resolveGaugeColor(category: BmiCategory): string | undefined {\n  if (typeof document === 'undefined') return undefined;\n  const root = document.documentElement;\n  const styles = getComputedStyle(root);\n  // The overweight `--warning` yellow fails 3:1 on white — substitute the\n  // orange token, but ONLY in light, non-accessible mode (the scope where the\n  // contrast gap exists). Mirrors `.theme-light:not(.theme-accessible)`.\n  const token =\n    category === 'overweight' &&\n    root.classList.contains('theme-light') &&\n    !root.classList.contains('theme-accessible')\n      ? OVERWEIGHT_LIGHT_TOKEN\n      : gaugeColorVariants({ category });\n  return styles.getPropertyValue(token).trim() || undefined;\n}\n\n/**\n * Resolve the gauge arc colour for the current category, re-sampling whenever\n * the html-class flips (theme switch). `null` category → no colour.\n */\nfunction useGaugeColor(category: BmiCategory | null): string | undefined {\n  const [color, setColor] = useState<string | undefined>(undefined);\n  useEffect(() => {\n    if (category === null) {\n      setColor(undefined);\n      return undefined;\n    }\n    const read = () => setColor(resolveGaugeColor(category));\n    read();\n    if (typeof document === 'undefined') return undefined;\n    const observer = new MutationObserver(read);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n    return () => observer.disconnect();\n  }, [category]);\n  return color;\n}\n\nexport interface BmiCalculatorProps extends VariantProps<typeof rootVariants> {\n  /** Initial unit system. Defaults to `'metric'`. */\n  defaultUnitSystem?: UnitSystem;\n  /** Fires whenever a valid BMI can be computed (and with `null` when it can't). */\n  onResultChange?: (result: BmiResult | null) => void;\n  /** When provided, shows an \"Insert\" button that emits the result for an editor. */\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  /** Opaque instance id, emitted as `data-component-id`. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\n/** Round to one decimal place — used when seeding a unit-switch. */\nconst round1 = (n: number): number => Math.round(n * 10) / 10;\n\nexport const BmiCalculator = forwardRef<HTMLDivElement, BmiCalculatorProps>(\n  (\n    {\n      defaultUnitSystem = 'metric',\n      onResultChange,\n      onInsert,\n      insertVariant = 'insert',\n      onCopy,\n      onError,\n      id,\n      width,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const heightGroupId = useId();\n\n    const [unitSystem, setUnitSystem] = useState<UnitSystem>(defaultUnitSystem);\n\n    // Raw per-system inputs. Metric is canonical for cm/kg; imperial keeps\n    // ft + in + lb so typing isn't fought by rounding round-trips.\n    const [heightCm, setHeightCm] = useState<number | null>(null);\n    const [weightKg, setWeightKg] = useState<number | null>(null);\n    const [heightFt, setHeightFt] = useState<number | null>(null);\n    const [heightIn, setHeightIn] = useState<number | null>(null);\n    const [weightLb, setWeightLb] = useState<number | null>(null);\n\n    const handleUnitChange = (next: string): void => {\n      const target = next as UnitSystem;\n      if (target === unitSystem) return;\n      if (target === 'imperial') {\n        if (heightCm !== null) {\n          const { ft, in: inches } = cmToFtIn(heightCm);\n          setHeightFt(ft);\n          setHeightIn(round1(inches));\n        }\n        if (weightKg !== null) setWeightLb(round1(kgToLb(weightKg)));\n      } else {\n        if (heightFt !== null || heightIn !== null) {\n          setHeightCm(round1(ftInToCm(heightFt ?? 0, heightIn ?? 0)));\n        }\n        if (weightLb !== null) setWeightKg(round1(lbToKg(weightLb)));\n      }\n      setUnitSystem(target);\n    };\n\n    /* Canonical metric figures for the active system. */\n    const canonicalHeightCm =\n      unitSystem === 'metric'\n        ? heightCm\n        : heightFt !== null || heightIn !== null\n          ? ftInToCm(heightFt ?? 0, heightIn ?? 0)\n          : null;\n    const canonicalWeightKg =\n      unitSystem === 'metric'\n        ? weightKg\n        : weightLb !== null\n          ? lbToKg(weightLb)\n          : null;\n\n    const bmi = computeBmi(canonicalWeightKg, canonicalHeightCm);\n    const category = bmi !== null ? bmiCategory(bmi) : null;\n\n    // Resolved arc colour for the active category + theme (ApexCharts can't\n    // read CSS vars, so we sample the token off the theme root).\n    const gaugeColor = useGaugeColor(category);\n\n    const bmiFormatter = useMemo(\n      () =>\n        new Intl.NumberFormat(i18n.language, {\n          minimumFractionDigits: 1,\n          maximumFractionDigits: 1,\n        }),\n      [i18n.language],\n    );\n\n    // Notify consumers without re-firing on unrelated re-renders.\n    useEffect(() => {\n      onResultChange?.(\n        bmi !== null && category !== null ? { bmi, category } : null,\n      );\n    }, [bmi, category, onResultChange]);\n\n    const isMetric = unitSystem === 'metric';\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"bmi-calculator\"\n        data-component-id={id}\n        className={rootVariants({ width, className })}\n      >\n        <RadioGroup\n          label={t('bmiCalculator.unitSystem.label')}\n          variant=\"horizontal\"\n          value={unitSystem}\n          onValueChange={handleUnitChange}\n        >\n          <Radio label={t('bmiCalculator.unitSystem.metric')} value=\"metric\" />\n          <Radio\n            label={t('bmiCalculator.unitSystem.imperial')}\n            value=\"imperial\"\n          />\n        </RadioGroup>\n\n        <div className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2\">\n          {isMetric ? (\n            <FormField\n              label={`${t('bmiCalculator.height')} (${t('bmiCalculator.units.cm')})`}\n            >\n              <NumberInput\n                mode=\"decimal\"\n                min={0}\n                step={0.5}\n                value={heightCm}\n                onChange={setHeightCm}\n              />\n            </FormField>\n          ) : (\n            <div role=\"group\" aria-labelledby={heightGroupId}>\n              <span\n                id={heightGroupId}\n                className=\"type-label ds:mb-[var(--spacing-xs)] ds:block ds:text-foreground\"\n              >\n                {t('bmiCalculator.height')}\n              </span>\n              <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n                <NumberInput\n                  mode=\"integer\"\n                  min={0}\n                  value={heightFt}\n                  onChange={setHeightFt}\n                  aria-label={t('bmiCalculator.feet')}\n                />\n                <span className=\"type-label ds:text-muted-foreground\">\n                  {t('bmiCalculator.units.ft')}\n                </span>\n                <NumberInput\n                  mode=\"decimal\"\n                  min={0}\n                  max={11.9}\n                  step={0.5}\n                  value={heightIn}\n                  onChange={setHeightIn}\n                  aria-label={t('bmiCalculator.inches')}\n                />\n                <span className=\"type-label ds:text-muted-foreground\">\n                  {t('bmiCalculator.units.in')}\n                </span>\n              </div>\n            </div>\n          )}\n\n          <FormField\n            label={`${t('bmiCalculator.weight')} (${t(\n              isMetric ? 'bmiCalculator.units.kg' : 'bmiCalculator.units.lb',\n            )})`}\n          >\n            <NumberInput\n              mode=\"decimal\"\n              min={0}\n              step={isMetric ? 0.1 : 0.5}\n              value={isMetric ? weightKg : weightLb}\n              onChange={isMetric ? setWeightKg : setWeightLb}\n            />\n          </FormField>\n        </div>\n\n        {/* Concise polite announcement when the result resolves — the gauge\n            itself stays out of the live region to avoid re-reading on every\n            keystroke. */}\n        <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n          {bmi !== null && category !== null\n            ? t('bmiCalculator.gaugeAria', {\n                bmi: bmiFormatter.format(bmi),\n                category: t(`bmiCalculator.category.${category}`),\n              })\n            : ''}\n        </p>\n\n        {bmi !== null && category !== null ? (\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-md)]\">\n              <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center\">\n                <span className=\"type-label ds:text-muted-foreground\">\n                  {t('bmiCalculator.category.label')}\n                </span>\n                <Badge variant={CATEGORY_BADGE[category]} size=\"lg\">\n                  {t(`bmiCalculator.category.${category}`)}\n                </Badge>\n                <p className=\"type-body ds:text-muted-foreground\">\n                  {t(`bmiCalculator.range.${category}`)}\n                </p>\n              </div>\n              {/* `data-bmi-category` exposes the WHO band so the gauge arc's\n                  semantic colour is assertable without sampling the canvas. */}\n              <div\n                data-bmi-category={category}\n                className=\"ds:w-[240px] ds:max-w-full\"\n              >\n                <Chart\n                  type=\"radialBar\"\n                  title={t('bmiCalculator.gaugeAria', {\n                    bmi: bmiFormatter.format(bmi),\n                    category: t(`bmiCalculator.category.${category}`),\n                  })}\n                  series={[bmiToGaugePercent(bmi)]}\n                  labels={[t(`bmiCalculator.category.${category}`)]}\n                  colors={gaugeColor ? [gaugeColor] : undefined}\n                  radialValueFormatter={() => bmiFormatter.format(bmi)}\n                  height={240}\n                />\n              </div>\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.bmi'),\n                    highlight: t(`bmiCalculator.category.${category}`),\n                    fields: [\n                      {\n                        label: t('insert.title.bmi'),\n                        value: bmiFormatter.format(bmi),\n                      },\n                      {\n                        label: t('bmiCalculator.category.label'),\n                        value: t(`bmiCalculator.category.${category}`),\n                      },\n                    ],\n                  }}\n                />\n              ) : null}\n            </Card.Body>\n          </Card>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('bmiCalculator.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nBmiCalculator.displayName = 'BmiCalculator';\n"],"names":["rootVariants","cva","CATEGORY_BADGE","gaugeColorVariants","OVERWEIGHT_LIGHT_TOKEN","resolveGaugeColor","category","root","styles","token","useGaugeColor","color","setColor","useState","useEffect","read","observer","round1","n","BmiCalculator","forwardRef","defaultUnitSystem","onResultChange","onInsert","insertVariant","onCopy","onError","id","width","className","ref","t","i18n","useTranslation","heightGroupId","useId","unitSystem","setUnitSystem","heightCm","setHeightCm","weightKg","setWeightKg","heightFt","setHeightFt","heightIn","setHeightIn","weightLb","setWeightLb","handleUnitChange","next","target","ft","inches","cmToFtIn","kgToLb","ftInToCm","lbToKg","canonicalHeightCm","canonicalWeightKg","bmi","computeBmi","bmiCategory","gaugeColor","bmiFormatter","useMemo","isMetric","jsxs","RadioGroup","jsx","Radio","FormField","NumberInput","Card","Badge","Chart","bmiToGaugePercent","InsertButton"],"mappings":"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"}

package/dist/_chunks/cycle-calculator-Dln-y1k_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cycle-calculator-Dln-y1k_.js","sources":["../../node_modules/lucide-react/dist/esm/icons/droplet.js","../../src/components/cycle-calculator/cycle.ts","../../src/components/cycle-calculator/cycle-calculator.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.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.js';\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.js.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\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\n  return { nextPeriod, ovulation, fertileWindow, upcomingPeriods };\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\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  /** 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      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\n    const result = useMemo<CyclePrediction | null>(() => {\n      if (!lastPeriod) return null;\n      return predictCycle({\n        lastPeriodStart: lastPeriod,\n        cycleLength: cycleLength ?? DEFAULT_CYCLE_LENGTH,\n      });\n    }, [lastPeriod, cycleLength]);\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        </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              {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                    fields: [\n                      {\n                        label: t('cycleCalculator.ovulation'),\n                        value: fmt(result.ovulation),\n                      },\n                      {\n                        label: t('cycleCalculator.fertileWindow'),\n                        value: `${fmt(result.fertileWindow.start)} – ${fmt(\n                          result.fertileWindow.end,\n                        )}`,\n                      },\n                      {\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","rootVariants","cva","CycleCalculator","forwardRef","defaultCycleLength","onResultChange","onInsert","insertVariant","onCopy","onError","id","width","className","ref","t","i18n","useTranslation","lastPeriod","setLastPeriod","useState","cycleLength","setCycleLength","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/dialog-DOYgd75U.js

@@ -1,224 +0,0 @@
-import { jsx as s, jsxs as v } from "react/jsx-runtime";
-import { useRef as R, useEffect as T, useMemo as O, forwardRef as d, useContext as j, createContext as E } from "react";
-import * as t from "@radix-ui/react-dialog";
-import { c as _ } from "./index-D2ZczOXr.js";
-import { useTranslation as k } from "react-i18next";
-import { I as z } from "./icon-button-CKEOrN37.js";
-import { u as I } from "./use-controllable-state-BiY4xTzM.js";
-import { u as B } from "./registry-nPAVE19X.js";
-import { X as S } from "./x-CCcI3eJp.js";
-const A = {
-  id: "dialog",
-  capabilities: ["open", "close", "dismiss"],
-  state: {
-    isOpen: {
-      type: "boolean",
-      description: "True when the dialog is currently open.",
-      read: (o) => o.getIsOpen()
-    }
-  },
-  actions: {
-    open: {
-      safety: "read",
-      description: "Open the dialog.",
-      invoke: (o) => {
-        o.open();
-      }
-    },
-    close: {
-      safety: "write",
-      description: "Close the dialog. Reversible by reopening.",
-      invoke: (o) => {
-        o.close();
-      }
-    },
-    dismiss: {
-      safety: "destructive",
-      description: "Dismiss the dialog. Loses any in-progress input that has not been committed.",
-      invoke: (o) => {
-        o.close();
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "dialog" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop on Dialog.Root."
-    }
-  }
-}, H = [
-  "ds-dialog__backdrop",
-  "ds:backdrop-blur-sm",
-  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
-  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
-  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), V = [
-  "ds-dialog",
-  "ds:fixed ds:z-[var(--z-modal)]",
-  "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
-  "ds:shadow-[var(--shadow-xl)]",
-  "ds:p-[var(--spacing-lg)]",
-  "ds:focus-visible:outline-none",
-  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95",
-  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95",
-  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), g = "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]", F = _(V, {
-  variants: {
-    size: {
-      sm: `${g} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      md: `${g} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      lg: `${g} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      fullscreen: "ds:start-0 ds:top-0 ds:w-[100dvw] ds:h-[100dvh] ds:max-w-none ds:rounded-none ds:overflow-y-auto"
-    }
-  },
-  defaultVariants: { size: "md" }
-}), f = E(void 0), u = ({
-  children: o,
-  id: e,
-  open: a,
-  defaultOpen: r,
-  onOpenChange: c,
-  ...p
-}) => {
-  const [m, n] = I({
-    value: a,
-    defaultValue: r ?? !1,
-    onChange: c
-  }), i = m ?? !1, l = R(i);
-  T(() => {
-    l.current = i;
-  }, [i]);
-  const N = O(
-    () => ({
-      getIsOpen: () => l.current,
-      open: () => n(!0),
-      close: () => n(!1)
-    }),
-    [n]
-  );
-  return B(A, N, e), /* @__PURE__ */ s(f.Provider, { value: e, children: /* @__PURE__ */ s(t.Root, { open: i, onOpenChange: n, ...p, children: o }) });
-};
-u.displayName = "Dialog.Root";
-const h = d(({ children: o, ...e }, a) => /* @__PURE__ */ s(t.Trigger, { ref: a, ...e, children: o }));
-h.displayName = "Dialog.Trigger";
-const x = d(({ children: o, ...e }, a) => /* @__PURE__ */ s(t.Close, { ref: a, ...e, children: o }));
-x.displayName = "Dialog.Close";
-const D = d(
-  ({
-    size: o = "md",
-    variant: e = "default",
-    hideCloseButton: a = !0,
-    className: r,
-    children: c,
-    ...p
-  }, m) => {
-    const { t: n } = k(), i = j(f), l = e === "alert" ? { role: "alertdialog" } : {};
-    return /* @__PURE__ */ v(t.Portal, { children: [
-      /* @__PURE__ */ s(
-        t.Overlay,
-        {
-          "data-component": "dialog-overlay",
-          className: H
-        }
-      ),
-      /* @__PURE__ */ v(
-        t.Content,
-        {
-          ref: m,
-          ...l,
-          "data-component": "dialog",
-          "data-component-id": i,
-          className: F({ size: o, className: r }),
-          ...p,
-          children: [
-            c,
-            !a && // Positioning wrapper. The interactive close is an IconButton
-            // (ghost / sm) — same lucide `X` glyph, 32px target, 16px icon,
-            // hover wash and focus ring that the vanilla `.ds-dialog__close`
-            // contract reproduces from the same tokens, so the React and
-            // non-React close buttons render identically.
-            /* @__PURE__ */ s("div", { className: "ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]", children: /* @__PURE__ */ s(t.Close, { asChild: !0, children: /* @__PURE__ */ s(
-              z,
-              {
-                icon: /* @__PURE__ */ s(S, {}),
-                intent: "ghost",
-                size: "sm",
-                "aria-label": n("common.close", "Close")
-              }
-            ) }) })
-          ]
-        }
-      )
-    ] });
-  }
-);
-D.displayName = "Dialog.Content";
-const y = d(
-  ({ className: o, ...e }, a) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: a,
-      className: [
-        // `ds-dialog__header` is the shared vanilla contract (src/styles.css);
-        // the Tailwind utilities reproduce it for hosts that render through
-        // this component, keeping the two surfaces identical.
-        "ds-dialog__header",
-        "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]",
-        o
-      ].filter(Boolean).join(" "),
-      ...e
-    }
-  )
-);
-y.displayName = "Dialog.Header";
-const C = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
-  t.Title,
-  {
-    ref: a,
-    className: ["ds-dialog__title type-title-card ds:break-words", o].filter(Boolean).join(" "),
-    ...e
-  }
-));
-C.displayName = "Dialog.Title";
-const b = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
-  t.Description,
-  {
-    ref: a,
-    className: ["type-body-sm ds:text-[var(--muted-foreground)]", o].filter(Boolean).join(" "),
-    ...e
-  }
-));
-b.displayName = "Dialog.Description";
-const w = d(
-  ({ className: o, divider: e = !1, ...a }, r) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: r,
-      className: [
-        "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
-        "ds:mt-[var(--spacing-md)]",
-        e && "ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]",
-        o
-      ].filter(Boolean).join(" "),
-      ...a
-    }
-  )
-);
-w.displayName = "Dialog.Footer";
-const J = Object.assign(u, {
-  Root: u,
-  Trigger: h,
-  Content: D,
-  Header: y,
-  Title: C,
-  Description: b,
-  Footer: w,
-  Close: x
-});
-export {
-  J as D,
-  A as d
-};
-//# sourceMappingURL=dialog-DOYgd75U.js.map

package/dist/_chunks/dialog-DOYgd75U.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-DOYgd75U.js","sources":["../../src/components/dialog/dialog.agent.ts","../../src/components/dialog/dialog.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { DialogHandle } from './dialog';\n\n/**\n * Dialog wraps Radix Dialog. The curated handle (`DialogHandle`) bridges the\n * Radix controlled-or-uncontrolled `open` state so an agent can observe and\n * drive the dialog without owning the React state itself.\n */\nexport const dialogAgent: AgentAdapter<DialogHandle> = {\n  id: 'dialog',\n  capabilities: ['open', 'close', 'dismiss'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      description: 'True when the dialog is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      description: 'Open the dialog.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'write',\n      description: 'Close the dialog. Reversible by reopening.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      description:\n        'Dismiss the dialog. Loses any in-progress input that has not been committed.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'dialog' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Dialog.Root.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useAgentRegistration } from '../../agent';\nimport { dialogAgent } from './dialog.agent';\n\n// The `ds-dialog__*` class names below are the framework-agnostic contract\n// defined in src/styles.css (@layer ui-kit-components). The React component\n// renders them ALONGSIDE its Tailwind utilities so a vanilla (non-React)\n// host that hand-authors the same markup matches this component exactly and\n// the two surfaces can't drift. The Tailwind utilities still drive the\n// animation hooks and focus-management chrome Radix needs; the `ds-dialog__*`\n// classes carry the token-driven skin (scrim, radius, elevation, padding,\n// close-button sizing) so they work even without Tailwind utilities present.\nconst OVERLAY_CLASSES = [\n  'ds-dialog__backdrop',\n  'ds:backdrop-blur-sm',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst CONTENT_BASE = [\n  'ds-dialog',\n  'ds:fixed ds:z-[var(--z-modal)]',\n  'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n  'ds:shadow-[var(--shadow-xl)]',\n  'ds:p-[var(--spacing-lg)]',\n  'ds:focus-visible:outline-none',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst CENTERED =\n  'ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]';\n\nconst contentVariants = cva(CONTENT_BASE, {\n  variants: {\n    size: {\n      sm: `${CENTERED} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,\n      md: `${CENTERED} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,\n      lg: `${CENTERED} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,\n      fullscreen:\n        'ds:start-0 ds:top-0 ds:w-[100dvw] ds:h-[100dvh] ds:max-w-none ds:rounded-none ds:overflow-y-auto',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n// Curated agent-readiness handle — see dialog.agent.ts.\nexport interface DialogHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface DialogRootProps extends ComponentPropsWithoutRef<\n  typeof RadixDialog.Root\n> {\n  /** Opaque instance id — forwarded to Dialog.Content as `data-component-id`. */\n  id?: string;\n}\n\nconst DialogIdContext = createContext<string | undefined>(undefined);\n\nconst DialogRoot = ({\n  children,\n  id,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: DialogRootProps) => {\n  const [openRaw, setOpen] = useControllableState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen ?? false,\n    onChange: onOpenChange,\n  });\n  const open = openRaw ?? false;\n\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  const handle = useMemo<DialogHandle>(\n    () => ({\n      getIsOpen: () => openRef.current,\n      open: () => setOpen(true),\n      close: () => setOpen(false),\n    }),\n    [setOpen],\n  );\n  useAgentRegistration(dialogAgent, handle, id);\n\n  return (\n    <DialogIdContext.Provider value={id}>\n      <RadixDialog.Root open={open} onOpenChange={setOpen} {...props}>\n        {children}\n      </RadixDialog.Root>\n    </DialogIdContext.Provider>\n  );\n};\nDialogRoot.displayName = 'Dialog.Root';\n\nconst DialogTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Trigger ref={ref} {...props}>\n    {children}\n  </RadixDialog.Trigger>\n));\nDialogTrigger.displayName = 'Dialog.Trigger';\n\nconst DialogClose = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Close>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Close ref={ref} {...props}>\n    {children}\n  </RadixDialog.Close>\n));\nDialogClose.displayName = 'Dialog.Close';\n\nexport interface DialogContentProps\n  extends\n    Omit<ComponentPropsWithoutRef<typeof RadixDialog.Content>, 'role'>,\n    VariantProps<typeof contentVariants> {\n  size?: 'sm' | 'md' | 'lg' | 'fullscreen';\n  variant?: 'default' | 'alert' | 'confirmation';\n  hideCloseButton?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\nconst DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  (\n    {\n      size = 'md',\n      variant = 'default',\n      hideCloseButton = true,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const instanceId = useContext(DialogIdContext);\n    // Only forward `role` when we actually need to override Radix's default\n    // (`role=\"dialog\"`). Passing `role={undefined}` explicitly wins over\n    // Radix's internal assignment and strips the attribute entirely.\n    const roleOverride =\n      variant === 'alert' ? { role: 'alertdialog' as const } : {};\n\n    return (\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay\n          data-component=\"dialog-overlay\"\n          className={OVERLAY_CLASSES}\n        />\n        <RadixDialog.Content\n          ref={ref}\n          {...roleOverride}\n          data-component=\"dialog\"\n          data-component-id={instanceId}\n          className={contentVariants({ size, className })}\n          {...props}\n        >\n          {children}\n\n          {!hideCloseButton && (\n            // Positioning wrapper. The interactive close is an IconButton\n            // (ghost / sm) — same lucide `X` glyph, 32px target, 16px icon,\n            // hover wash and focus ring that the vanilla `.ds-dialog__close`\n            // contract reproduces from the same tokens, so the React and\n            // non-React close buttons render identically.\n            <div className=\"ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]\">\n              <RadixDialog.Close asChild>\n                <IconButton\n                  icon={<X />}\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  aria-label={t('common.close', 'Close')}\n                />\n              </RadixDialog.Close>\n            </div>\n          )}\n        </RadixDialog.Content>\n      </RadixDialog.Portal>\n    );\n  },\n);\nDialogContent.displayName = 'Dialog.Content';\n\nconst DialogHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        // `ds-dialog__header` is the shared vanilla contract (src/styles.css);\n        // the Tailwind utilities reproduce it for hosts that render through\n        // this component, keeping the two surfaces identical.\n        'ds-dialog__header',\n        'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogHeader.displayName = 'Dialog.Header';\n\nconst DialogTitle = forwardRef<\n  HTMLHeadingElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Title>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Title\n    ref={ref}\n    className={['ds-dialog__title type-title-card ds:break-words', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nDialogTitle.displayName = 'Dialog.Title';\n\nconst DialogDescription = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Description>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Description\n    ref={ref}\n    className={['type-body-sm ds:text-[var(--muted-foreground)]', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nDialogDescription.displayName = 'Dialog.Description';\n\ninterface DialogFooterProps extends HTMLAttributes<HTMLDivElement> {\n  divider?: boolean;\n}\n\nconst DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(\n  ({ className, divider = false, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]',\n        'ds:mt-[var(--spacing-md)]',\n        divider &&\n          'ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport const Dialog = Object.assign(DialogRoot, {\n  Root: DialogRoot,\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Footer: DialogFooter,\n  Close: DialogClose,\n});\n\nexport type { DialogFooterProps };\n"],"names":["dialogAgent","handle","OVERLAY_CLASSES","CONTENT_BASE","CENTERED","contentVariants","cva","DialogIdContext","createContext","DialogRoot","children","id","openProp","defaultOpen","onOpenChange","props","openRaw","setOpen","useControllableState","open","openRef","useRef","useEffect","useMemo","useAgentRegistration","jsx","RadixDialog","DialogTrigger","forwardRef","ref","DialogClose","DialogContent","size","variant","hideCloseButton","className","t","useTranslation","instanceId","useContext","roleOverride","jsxs","IconButton","X","DialogHeader","DialogTitle","DialogDescription","DialogFooter","divider","Dialog"],"mappings":"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"}

package/dist/_chunks/due-date-calculator-Cc4dRqTI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"due-date-calculator-Cc4dRqTI.js","sources":["../../src/components/due-date-calculator/due-date-calculator.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* DueDateCalculator — estimate the date of delivery from one of three  */\n/* dating methods, with current gestational age + trimester.            */\n/*                                                                     */\n/* - Maths lives in `./gestation` (pure, separately tested).            */\n/* - Three methods: LMP (Naegele, cycle-length adjustable), conception, */\n/*   and IVF transfer (Day-3 vs Day-5 embryo).                          */\n/* - The reference date can't be in the future, so the DatePicker caps  */\n/*   at today.                                                          */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { RadioGroup, Radio } from '../radio-group';\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 DueDateMethod,\n  type EmbryoAge,\n  type Trimester,\n  type DueDateResult,\n  computeDueDate,\n  DEFAULT_CYCLE_LENGTH,\n} from './gestation';\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\nconst TRIMESTER_BADGE: Record<\n  Trimester,\n  'neutral' | 'info' | 'success' | 'warning' | 'error'\n> = {\n  preconception: 'neutral',\n  first: 'info',\n  second: 'success',\n  third: 'warning',\n  postterm: 'error',\n};\n\n/** Reference-date i18n key per method. */\nconst DATE_LABEL_KEY: Record<DueDateMethod, string> = {\n  lmp: 'dueDateCalculator.lmpDate',\n  conception: 'dueDateCalculator.conceptionDate',\n  ivf: 'dueDateCalculator.transferDate',\n};\n\nexport interface DueDateCalculatorProps extends VariantProps<\n  typeof rootVariants\n> {\n  /** Initial dating method. Defaults to `'lmp'`. */\n  defaultMethod?: DueDateMethod;\n  /** Fires whenever a due date can be computed (and with `null` when it can't). */\n  onResultChange?: (result: DueDateResult | null) => void;\n  /** When provided, shows an \"Insert\" button that emits the result for an editor. */\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  /** 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 DueDateCalculator = forwardRef<\n  HTMLDivElement,\n  DueDateCalculatorProps\n>(\n  (\n    {\n      defaultMethod = 'lmp',\n      onResultChange,\n      onInsert,\n      insertVariant = 'insert',\n      onCopy,\n      onError,\n      id,\n      width,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    const [method, setMethod] = useState<DueDateMethod>(defaultMethod);\n    const [refDate, setRefDate] = useState<Date | undefined>(undefined);\n    const [cycleLength, setCycleLength] = useState<number | null>(\n      DEFAULT_CYCLE_LENGTH,\n    );\n    const [embryoAge, setEmbryoAge] = useState<EmbryoAge>(5);\n\n    // `today` is captured once per render; the result re-derives from it.\n    const result = useMemo<DueDateResult | null>(() => {\n      if (!refDate) return null;\n      return computeDueDate(\n        {\n          method,\n          date: refDate,\n          cycleLength: cycleLength ?? DEFAULT_CYCLE_LENGTH,\n          embryoAge,\n        },\n        new Date(),\n      );\n    }, [method, refDate, cycleLength, embryoAge]);\n\n    const dateFormatter = useMemo(\n      () => new Intl.DateTimeFormat(i18n.language, { dateStyle: 'long' }),\n      [i18n.language],\n    );\n\n    useEffect(() => {\n      onResultChange?.(result);\n    }, [result, onResultChange]);\n\n    const today = useMemo(() => new Date(), []);\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"due-date-calculator\"\n        data-component-id={id}\n        className={rootVariants({ width, className })}\n      >\n        <RadioGroup\n          label={t('dueDateCalculator.method.label')}\n          variant=\"horizontal\"\n          value={method}\n          onValueChange={(next) => setMethod(next as DueDateMethod)}\n        >\n          <Radio label={t('dueDateCalculator.method.lmp')} value=\"lmp\" />\n          <Radio\n            label={t('dueDateCalculator.method.conception')}\n            value=\"conception\"\n          />\n          <Radio label={t('dueDateCalculator.method.ivf')} value=\"ivf\" />\n        </RadioGroup>\n\n        <div className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2\">\n          <FormField label={t(DATE_LABEL_KEY[method])}>\n            <DatePicker value={refDate} onChange={setRefDate} maxDate={today} />\n          </FormField>\n\n          {method === 'lmp' && (\n            <FormField\n              label={t('dueDateCalculator.cycleLength')}\n              description={t('dueDateCalculator.cycleLengthHint')}\n            >\n              <NumberInput\n                mode=\"integer\"\n                min={20}\n                max={45}\n                value={cycleLength}\n                onChange={setCycleLength}\n              />\n            </FormField>\n          )}\n\n          {method === 'ivf' && (\n            <RadioGroup\n              label={t('dueDateCalculator.embryoAge')}\n              variant=\"horizontal\"\n              value={String(embryoAge)}\n              onValueChange={(next) => setEmbryoAge(Number(next) as EmbryoAge)}\n            >\n              <Radio label={t('dueDateCalculator.day3')} value=\"3\" />\n              <Radio label={t('dueDateCalculator.day5')} value=\"5\" />\n            </RadioGroup>\n          )}\n        </div>\n\n        {/* Concise polite announcement when a due date resolves. */}\n        <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n          {result\n            ? `${t('dueDateCalculator.result.dueDateLabel')}: ${dateFormatter.format(\n                result.dueDate,\n              )}. ${t('dueDateCalculator.result.trimesterLabel')}: ${t(\n                `dueDateCalculator.trimester.${result.trimester}`,\n              )}.`\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-start ds:gap-[var(--spacing-xs)]\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('dueDateCalculator.result.trimesterLabel')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant={TRIMESTER_BADGE[result.trimester]}\n                      size=\"lg\"\n                    >\n                      {t(`dueDateCalculator.trimester.${result.trimester}`)}\n                    </Badge>\n                  </dd>\n                </div>\n                <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('dueDateCalculator.result.gestationLabel')}\n                  </dt>\n                  <dd className=\"type-body ds:text-foreground\">\n                    {result.gestationalAge\n                      ? t('dueDateCalculator.result.gestation', {\n                          weeks: result.gestationalAge.weeks,\n                          days: result.gestationalAge.days,\n                        })\n                      : '—'}\n                  </dd>\n                </div>\n                <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('dueDateCalculator.result.dueDateLabel')}\n                  </dt>\n                  <dd className=\"type-metric ds:text-foreground\">\n                    {dateFormatter.format(result.dueDate)}\n                  </dd>\n                </div>\n              </dl>\n              {insertVariant === 'copy' || onInsert ? (\n                <InsertButton\n                  variant={insertVariant}\n                  onInsert={onInsert}\n                  onCopy={onCopy}\n                  onError={onError}\n                  card={{\n                    title: t('insert.title.dueDate'),\n                    highlight: dateFormatter.format(result.dueDate),\n                    fields: [\n                      {\n                        label: t('dueDateCalculator.result.dueDateLabel'),\n                        value: dateFormatter.format(result.dueDate),\n                      },\n                      {\n                        label: t('dueDateCalculator.result.gestationLabel'),\n                        value: result.gestationalAge\n                          ? t('dueDateCalculator.result.gestation', {\n                              weeks: result.gestationalAge.weeks,\n                              days: result.gestationalAge.days,\n                            })\n                          : '—',\n                      },\n                      {\n                        label: t('dueDateCalculator.result.trimesterLabel'),\n                        value: t(\n                          `dueDateCalculator.trimester.${result.trimester}`,\n                        ),\n                      },\n                    ],\n                  }}\n                />\n              ) : null}\n            </Card.Body>\n          </Card>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('dueDateCalculator.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nDueDateCalculator.displayName = 'DueDateCalculator';\n"],"names":["rootVariants","cva","TRIMESTER_BADGE","DATE_LABEL_KEY","DueDateCalculator","forwardRef","defaultMethod","onResultChange","onInsert","insertVariant","onCopy","onError","id","width","className","ref","t","i18n","useTranslation","method","setMethod","useState","refDate","setRefDate","cycleLength","setCycleLength","DEFAULT_CYCLE_LENGTH","embryoAge","setEmbryoAge","result","useMemo","computeDueDate","dateFormatter","useEffect","today","jsxs","RadioGroup","next","jsx","Radio","FormField","DatePicker","NumberInput","Card","Badge","InsertButton"],"mappings":"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"}

package/dist/_chunks/gestational-age-calculator-ZMSrzkRW.js

@@ -1,179 +0,0 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { forwardRef as T, useState as f, useMemo as m, useEffect as S } from "react";
-import { c as k } from "./index-D2ZczOXr.js";
-import { useTranslation as B } from "react-i18next";
-import { R as h } from "./radio-TWf9Q-mp.js";
-import { R as E } from "./radio-group-CLjK-SlK.js";
-import { F } from "./form-field-BOm9hK35.js";
-import { D as I } from "./date-picker-Bq7xhMA-.js";
-import { C as x } from "./card-DPmk26CL.js";
-import { B as A } from "./badge-zsf5i5bH.js";
-import { I as M } from "./insert-result-DisOY2G-.js";
-import { c as j, g as R, G as z } from "./gestation-mWF4AXea.js";
-import { s as V } from "./subDays-Dv7q9S7u.js";
-import { i as _ } from "./date-picker-variants-DLi1Va_e.js";
-const O = k("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
-  variants: {
-    width: { full: "ds:w-full", auto: "ds:inline-flex" }
-  },
-  defaultVariants: { width: "full" }
-}), P = {
-  preconception: "neutral",
-  first: "info",
-  second: "success",
-  third: "warning",
-  postterm: "error"
-}, Y = T(
-  ({
-    defaultMethod: v = "lmp",
-    onResultChange: d,
-    onInsert: g,
-    insertVariant: u = "insert",
-    onCopy: y,
-    onError: b,
-    id: C,
-    width: N,
-    className: D
-  }, w) => {
-    const { t: e, i18n: p } = B(), [o, $] = f(v), [i, G] = f(void 0), n = m(() => /* @__PURE__ */ new Date(), []), t = m(() => {
-      if (!i) return null;
-      const l = o === "lmp" ? i : V(i, z), r = j({ method: "lmp", date: l }, n);
-      return {
-        result: {
-          gestationalAge: r.gestationalAge,
-          trimester: r.trimester,
-          dueDate: r.dueDate
-        },
-        milestones: R(r.gestationalStart)
-      };
-    }, [o, i, n]), L = m(
-      () => new Intl.DateTimeFormat(p.language, { dateStyle: "medium" }),
-      [p.language]
-    );
-    S(() => {
-      d == null || d((t == null ? void 0 : t.result) ?? null);
-    }, [t, d]);
-    const c = (l) => l ? e("gestationalAgeCalculator.gestation", {
-      weeks: l.weeks,
-      days: l.days
-    }) : "—";
-    return /* @__PURE__ */ s(
-      "div",
-      {
-        ref: w,
-        "data-component": "gestational-age-calculator",
-        "data-component-id": C,
-        className: O({ width: N, className: D }),
-        children: [
-          /* @__PURE__ */ s(
-            E,
-            {
-              label: e("gestationalAgeCalculator.method.label"),
-              variant: "horizontal",
-              value: o,
-              onValueChange: (l) => $(l),
-              children: [
-                /* @__PURE__ */ a(h, { label: e("gestationalAgeCalculator.method.lmp"), value: "lmp" }),
-                /* @__PURE__ */ a(h, { label: e("gestationalAgeCalculator.method.edd"), value: "edd" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ a(
-            F,
-            {
-              label: e(
-                o === "lmp" ? "gestationalAgeCalculator.lmpDate" : "gestationalAgeCalculator.eddDate"
-              ),
-              children: /* @__PURE__ */ a(
-                I,
-                {
-                  value: i,
-                  onChange: G,
-                  maxDate: o === "lmp" ? n : void 0
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ a("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: t ? `${e("gestationalAgeCalculator.gestationLabel")}: ${c(
-            t.result.gestationalAge
-          )}. ${e("gestationalAgeCalculator.trimesterLabel")}: ${e(
-            `gestationalAgeCalculator.trimester.${t.result.trimester}`
-          )}.` : "" }),
-          t ? /* @__PURE__ */ a(x, { variant: "elevated", children: /* @__PURE__ */ s(x.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-            /* @__PURE__ */ s("dl", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
-              /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]", children: [
-                /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("gestationalAgeCalculator.trimesterLabel") }),
-                /* @__PURE__ */ a("dd", { children: /* @__PURE__ */ a(
-                  A,
-                  {
-                    variant: P[t.result.trimester],
-                    size: "lg",
-                    children: e(
-                      `gestationalAgeCalculator.trimester.${t.result.trimester}`
-                    )
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-xs)] ds:text-end", children: [
-                /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("gestationalAgeCalculator.gestationLabel") }),
-                /* @__PURE__ */ a("dd", { className: "type-metric ds:text-foreground", children: c(t.result.gestationalAge) })
-              ] })
-            ] }),
-            /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-              /* @__PURE__ */ a("span", { className: "type-label ds:text-muted-foreground", children: e("gestationalAgeCalculator.milestonesLabel") }),
-              /* @__PURE__ */ a("ul", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: t.milestones.map((l) => {
-                const r = _(n, l.date);
-                return /* @__PURE__ */ s(
-                  "li",
-                  {
-                    className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-md)]",
-                    children: [
-                      /* @__PURE__ */ a("span", { className: "type-body ds:text-foreground", children: e(`gestationalAgeCalculator.milestone.${l.key}`) }),
-                      /* @__PURE__ */ s("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-                        /* @__PURE__ */ a("span", { className: "type-body ds:text-muted-foreground", children: L.format(l.date) }),
-                        r ? /* @__PURE__ */ a(A, { variant: "success", children: e("gestationalAgeCalculator.reached") }) : null
-                      ] })
-                    ]
-                  },
-                  l.key
-                );
-              }) })
-            ] }),
-            u === "copy" || g ? /* @__PURE__ */ a(
-              M,
-              {
-                onInsert: g,
-                variant: u,
-                onCopy: y,
-                onError: b,
-                card: {
-                  title: e("insert.title.gestationalAge"),
-                  highlight: e(
-                    `gestationalAgeCalculator.trimester.${t.result.trimester}`
-                  ),
-                  fields: [
-                    {
-                      label: e("gestationalAgeCalculator.gestationLabel"),
-                      value: c(t.result.gestationalAge)
-                    },
-                    {
-                      label: e("gestationalAgeCalculator.trimesterLabel"),
-                      value: e(
-                        `gestationalAgeCalculator.trimester.${t.result.trimester}`
-                      )
-                    }
-                  ]
-                }
-              }
-            ) : null
-          ] }) }) : /* @__PURE__ */ a("p", { className: "type-body ds:text-muted-foreground", children: e("gestationalAgeCalculator.empty") })
-        ]
-      }
-    );
-  }
-);
-Y.displayName = "GestationalAgeCalculator";
-export {
-  Y as G
-};
-//# sourceMappingURL=gestational-age-calculator-ZMSrzkRW.js.map