@alfadocs/ui-kit-debug 0.69.0 → 0.70.0

package/dist/_chunks/{due-date-calculator-BTmsIQqD.js.map → due-date-calculator-Brdj-euS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"due-date-calculator-BTmsIQqD.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 DueDateResult,\n  computeDueDate,\n  redateByCrl,\n  DEFAULT_CYCLE_LENGTH,\n  TRIMESTER_BADGE_VARIANT,\n  trimesterHighlightToken,\n} from '../_shared/obstetrics';\nimport {\n  computeAntenatalSchedule,\n  type AntenatalScheduleOptions,\n} from '../_shared/antenatal-schedule';\nimport {\n  AntenatalScheduleTimeline,\n  buildScheduleInsertFields,\n} from '../_shared/antenatal-schedule-timeline';\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/** 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  /**\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  /**\n   * Append the antenatal exam schedule (the time-sensitive screening windows)\n   * below the result, dated from the computed gestational start.\n   */\n  showSchedule?: boolean;\n  /**\n   * Passthrough options for the appended schedule (national `schedule`,\n   * `plurality`, `chorionicity`, `rhNegative`, `gdmRisk`, …). `today` is\n   * supplied by the component. Ignored unless `showSchedule` is set.\n   */\n  scheduleOptions?: Omit<AntenatalScheduleOptions, 'today'>;\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/**\n * @deprecated Superseded by `PregnancyDating`, which unifies the due-date and\n * gestational-age calculators (any anchor → both EDD and current GA) and adds a\n * manual ±days dating adjustment. This component will be removed in a future\n * release; migrate to `PregnancyDating` (`defaultMethod=\"lmp\"`).\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      insertBrand,\n      showSchedule = false,\n      scheduleOptions,\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    // Optional first-trimester ultrasound (LMP method only) for ACOG CO700 redating.\n    const [crlMm, setCrlMm] = useState<number | null>(null);\n    const [scanDate, setScanDate] = useState<Date | undefined>(undefined);\n\n    // Real today — caps the date inputs (LMP / ultrasound can't be in the future).\n    const today = useMemo(() => new Date(), []);\n    // The date GA, trimester and schedule status are evaluated against; defaults\n    // to today but can be a future appointment date to project forward. (The EDD\n    // itself is dating-anchored and does not depend on this.)\n    const [asOfDate, setAsOfDate] = useState<Date>(() => new Date());\n\n    // ACOG CO700 CRL redating — only when an LMP, a CRL and a scan date are set.\n    const redating = useMemo(() => {\n      if (method !== 'lmp' || !refDate || crlMm === null || !scanDate) {\n        return null;\n      }\n      return redateByCrl({ lmp: refDate, scanDate, crlMm });\n    }, [method, refDate, crlMm, scanDate]);\n\n    const result = useMemo<DueDateResult | null>(() => {\n      if (!refDate) return null;\n      // A confirmed redating moves the effective LMP to the ultrasound's; the\n      // CRL already reflects true gestation, so cycle adjustment no longer applies.\n      const effectiveDate =\n        method === 'lmp' && redating?.redated\n          ? redating.gestationalStart\n          : refDate;\n      const effectiveCycle =\n        method === 'lmp' && redating?.redated\n          ? DEFAULT_CYCLE_LENGTH\n          : (cycleLength ?? DEFAULT_CYCLE_LENGTH);\n      return computeDueDate(\n        {\n          method,\n          date: effectiveDate,\n          cycleLength: effectiveCycle,\n          embryoAge,\n        },\n        asOfDate,\n      );\n    }, [method, refDate, cycleLength, embryoAge, redating, asOfDate]);\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 schedule = useMemo(() => {\n      if (!showSchedule || !result) return null;\n      return computeAntenatalSchedule(result.gestationalStart, {\n        ...scheduleOptions,\n        today: asOfDate,\n      });\n    }, [showSchedule, result, asOfDate, scheduleOptions]);\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        <FormField\n          label={t('dueDateCalculator.asOfDate')}\n          description={t('dueDateCalculator.asOfDateHint')}\n        >\n          <DatePicker value={asOfDate} onChange={(d) => d && setAsOfDate(d)} />\n        </FormField>\n\n        {method === 'lmp' ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n            <div className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2\">\n              <FormField\n                label={t('dueDateCalculator.crl')}\n                description={t('dueDateCalculator.crlHint')}\n              >\n                <NumberInput\n                  mode=\"decimal\"\n                  min={0}\n                  step={0.1}\n                  value={crlMm}\n                  onChange={setCrlMm}\n                />\n              </FormField>\n              <FormField label={t('dueDateCalculator.scanDate')}>\n                <DatePicker\n                  value={scanDate}\n                  onChange={setScanDate}\n                  maxDate={today}\n                />\n              </FormField>\n            </div>\n            {redating ? (\n              <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n                <Badge variant={redating.redated ? 'warning' : 'success'}>\n                  {redating.redated\n                    ? t('dueDateCalculator.redated', {\n                        days: redating.discrepancyDays,\n                      })\n                    : t('dueDateCalculator.datesAgree')}\n                </Badge>\n                {!redating.crlInRange ? (\n                  <span className=\"type-meta ds:text-muted-foreground\">\n                    {t('dueDateCalculator.crlOutOfRange')}\n                  </span>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\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_VARIANT[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            </Card.Body>\n          </Card>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('dueDateCalculator.empty')}\n          </p>\n        )}\n\n        {schedule ? <AntenatalScheduleTimeline events={schedule} /> : null}\n\n        {/* One result-action group for the whole result — sits after both the\n            due-date card and the schedule, and its payload carries the schedule\n            rows when shown (no per-card buttons). */}\n        {result && (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              icon: 'calendar-heart',\n              highlight: dateFormatter.format(result.dueDate),\n              // Chip tinted with the trimester's semantic token so the inserted\n              // PNG carries the same clinical-stage colour as the on-screen\n              // trimester badge — with the contrast-safe orange override for the\n              // `--warning` third trimester.\n              highlightToken: trimesterHighlightToken(result.trimester),\n              brand: insertBrand,\n              fields: [\n                {\n                  // The estimated date of delivery → calendar glyph.\n                  icon: 'calendar',\n                  label: t('dueDateCalculator.result.dueDateLabel'),\n                  value: dateFormatter.format(result.dueDate),\n                },\n                {\n                  // Gestational age is an elapsed duration → clock glyph.\n                  icon: 'clock',\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                  // Trimester is a clinical-stage classification → tag.\n                  icon: 'tag',\n                  label: t('dueDateCalculator.result.trimesterLabel'),\n                  value: t(`dueDateCalculator.trimester.${result.trimester}`),\n                },\n                // When the schedule is shown, the single Insert button carries\n                // the exam windows too (no second button).\n                ...(schedule\n                  ? buildScheduleInsertFields(schedule, t, (d) =>\n                      dateFormatter.format(d),\n                    )\n                  : []),\n              ],\n            }}\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nDueDateCalculator.displayName = 'DueDateCalculator';\n"],"names":["rootVariants","cva","DATE_LABEL_KEY","DueDateCalculator","forwardRef","defaultMethod","onResultChange","onInsert","insertVariant","onCopy","onError","insertBrand","showSchedule","scheduleOptions","id","width","className","ref","t","i18n","useTranslation","method","setMethod","useState","refDate","setRefDate","cycleLength","setCycleLength","DEFAULT_CYCLE_LENGTH","embryoAge","setEmbryoAge","crlMm","setCrlMm","scanDate","setScanDate","today","useMemo","asOfDate","setAsOfDate","redating","redateByCrl","result","effectiveDate","effectiveCycle","computeDueDate","dateFormatter","useEffect","schedule","computeAntenatalSchedule","jsxs","RadioGroup","next","jsx","Radio","FormField","DatePicker","NumberInput","Badge","Card","TRIMESTER_BADGE_VARIANT","AntenatalScheduleTimeline","InsertButton","trimesterHighlightToken","buildScheduleInsertFields"],"mappings":"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"}
+{"version":3,"file":"due-date-calculator-Brdj-euS.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 DueDateResult,\n  computeDueDate,\n  redateByCrl,\n  DEFAULT_CYCLE_LENGTH,\n  TRIMESTER_BADGE_VARIANT,\n  trimesterHighlightToken,\n} from '../_shared/obstetrics';\nimport {\n  computeAntenatalSchedule,\n  type AntenatalScheduleOptions,\n} from '../_shared/antenatal-schedule';\nimport {\n  AntenatalScheduleTimeline,\n  buildScheduleInsertFields,\n} from '../_shared/antenatal-schedule-timeline';\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/** 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  /**\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  /**\n   * Append the antenatal exam schedule (the time-sensitive screening windows)\n   * below the result, dated from the computed gestational start.\n   */\n  showSchedule?: boolean;\n  /**\n   * Passthrough options for the appended schedule (national `schedule`,\n   * `plurality`, `chorionicity`, `rhNegative`, `gdmRisk`, …). `today` is\n   * supplied by the component. Ignored unless `showSchedule` is set.\n   */\n  scheduleOptions?: Omit<AntenatalScheduleOptions, 'today'>;\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/**\n * @deprecated Superseded by `PregnancyDating`, which unifies the due-date and\n * gestational-age calculators (any anchor → both EDD and current GA) and adds a\n * manual ±days dating adjustment. This component will be removed in a future\n * release; migrate to `PregnancyDating` (`defaultMethod=\"lmp\"`).\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      insertBrand,\n      showSchedule = false,\n      scheduleOptions,\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    // Optional first-trimester ultrasound (LMP method only) for ACOG CO700 redating.\n    const [crlMm, setCrlMm] = useState<number | null>(null);\n    const [scanDate, setScanDate] = useState<Date | undefined>(undefined);\n\n    // Real today — caps the date inputs (LMP / ultrasound can't be in the future).\n    const today = useMemo(() => new Date(), []);\n    // The date GA, trimester and schedule status are evaluated against; defaults\n    // to today but can be a future appointment date to project forward. (The EDD\n    // itself is dating-anchored and does not depend on this.)\n    const [asOfDate, setAsOfDate] = useState<Date>(() => new Date());\n\n    // ACOG CO700 CRL redating — only when an LMP, a CRL and a scan date are set.\n    const redating = useMemo(() => {\n      if (method !== 'lmp' || !refDate || crlMm === null || !scanDate) {\n        return null;\n      }\n      return redateByCrl({ lmp: refDate, scanDate, crlMm });\n    }, [method, refDate, crlMm, scanDate]);\n\n    const result = useMemo<DueDateResult | null>(() => {\n      if (!refDate) return null;\n      // A confirmed redating moves the effective LMP to the ultrasound's; the\n      // CRL already reflects true gestation, so cycle adjustment no longer applies.\n      const effectiveDate =\n        method === 'lmp' && redating?.redated\n          ? redating.gestationalStart\n          : refDate;\n      const effectiveCycle =\n        method === 'lmp' && redating?.redated\n          ? DEFAULT_CYCLE_LENGTH\n          : (cycleLength ?? DEFAULT_CYCLE_LENGTH);\n      return computeDueDate(\n        {\n          method,\n          date: effectiveDate,\n          cycleLength: effectiveCycle,\n          embryoAge,\n        },\n        asOfDate,\n      );\n    }, [method, refDate, cycleLength, embryoAge, redating, asOfDate]);\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 schedule = useMemo(() => {\n      if (!showSchedule || !result) return null;\n      return computeAntenatalSchedule(result.gestationalStart, {\n        ...scheduleOptions,\n        today: asOfDate,\n      });\n    }, [showSchedule, result, asOfDate, scheduleOptions]);\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        <FormField\n          label={t('dueDateCalculator.asOfDate')}\n          description={t('dueDateCalculator.asOfDateHint')}\n        >\n          <DatePicker value={asOfDate} onChange={(d) => d && setAsOfDate(d)} />\n        </FormField>\n\n        {method === 'lmp' ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n            <div className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2\">\n              <FormField\n                label={t('dueDateCalculator.crl')}\n                description={t('dueDateCalculator.crlHint')}\n              >\n                <NumberInput\n                  mode=\"decimal\"\n                  min={0}\n                  step={0.1}\n                  value={crlMm}\n                  onChange={setCrlMm}\n                />\n              </FormField>\n              <FormField label={t('dueDateCalculator.scanDate')}>\n                <DatePicker\n                  value={scanDate}\n                  onChange={setScanDate}\n                  maxDate={today}\n                />\n              </FormField>\n            </div>\n            {redating ? (\n              <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n                <Badge variant={redating.redated ? 'warning' : 'success'}>\n                  {redating.redated\n                    ? t('dueDateCalculator.redated', {\n                        days: redating.discrepancyDays,\n                      })\n                    : t('dueDateCalculator.datesAgree')}\n                </Badge>\n                {!redating.crlInRange ? (\n                  <span className=\"type-meta ds:text-muted-foreground\">\n                    {t('dueDateCalculator.crlOutOfRange')}\n                  </span>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\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_VARIANT[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            </Card.Body>\n          </Card>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('dueDateCalculator.empty')}\n          </p>\n        )}\n\n        {schedule ? <AntenatalScheduleTimeline events={schedule} /> : null}\n\n        {/* One result-action group for the whole result — sits after both the\n            due-date card and the schedule, and its payload carries the schedule\n            rows when shown (no per-card buttons). */}\n        {result && (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              icon: 'calendar-heart',\n              highlight: dateFormatter.format(result.dueDate),\n              // Chip tinted with the trimester's semantic token so the inserted\n              // PNG carries the same clinical-stage colour as the on-screen\n              // trimester badge — with the contrast-safe orange override for the\n              // `--warning` third trimester.\n              highlightToken: trimesterHighlightToken(result.trimester),\n              brand: insertBrand,\n              fields: [\n                {\n                  // The estimated date of delivery → calendar glyph.\n                  icon: 'calendar',\n                  label: t('dueDateCalculator.result.dueDateLabel'),\n                  value: dateFormatter.format(result.dueDate),\n                },\n                {\n                  // Gestational age is an elapsed duration → clock glyph.\n                  icon: 'clock',\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                  // Trimester is a clinical-stage classification → tag.\n                  icon: 'tag',\n                  label: t('dueDateCalculator.result.trimesterLabel'),\n                  value: t(`dueDateCalculator.trimester.${result.trimester}`),\n                },\n                // When the schedule is shown, the single Insert button carries\n                // the exam windows too (no second button).\n                ...(schedule\n                  ? buildScheduleInsertFields(schedule, t, (d) =>\n                      dateFormatter.format(d),\n                    )\n                  : []),\n              ],\n            }}\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nDueDateCalculator.displayName = 'DueDateCalculator';\n"],"names":["rootVariants","cva","DATE_LABEL_KEY","DueDateCalculator","forwardRef","defaultMethod","onResultChange","onInsert","insertVariant","onCopy","onError","insertBrand","showSchedule","scheduleOptions","id","width","className","ref","t","i18n","useTranslation","method","setMethod","useState","refDate","setRefDate","cycleLength","setCycleLength","DEFAULT_CYCLE_LENGTH","embryoAge","setEmbryoAge","crlMm","setCrlMm","scanDate","setScanDate","today","useMemo","asOfDate","setAsOfDate","redating","redateByCrl","result","effectiveDate","effectiveCycle","computeDueDate","dateFormatter","useEffect","schedule","computeAntenatalSchedule","jsxs","RadioGroup","next","jsx","Radio","FormField","DatePicker","NumberInput","Badge","Card","TRIMESTER_BADGE_VARIANT","AntenatalScheduleTimeline","InsertButton","trimesterHighlightToken","buildScheduleInsertFields"],"mappings":"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"}

package/dist/_chunks/editable-currency-cell-renderer-C9twtALM.js

@@ -0,0 +1,328 @@
+import { useMemo as V, useState as E, useRef as F, useEffect as I } from "react";
+import { jsx as u, jsxs as _ } from "react/jsx-runtime";
+import { T as B } from "./tag-BQXwuJq1.js";
+import { useTranslation as T } from "react-i18next";
+import { S as L } from "./square-check-big-Jr-0202D.js";
+import { S as M } from "./square-CZoGU14v.js";
+import { u as $ } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { c as j, a as D, b as P, d as A } from "./input-surface-xyERuLU_.js";
+function se(n, t, e) {
+  return V(() => {
+    const i = {};
+    for (const r of t) {
+      let m = 0;
+      for (const d of n ?? []) {
+        const l = d[r], f = typeof l == "number" ? l : Number(l);
+        Number.isFinite(f) && (m += f);
+      }
+      i[r] = m;
+    }
+    return e != null && e.labelField && e.labelValue !== void 0 && (i[e.labelField] = e.labelValue), i;
+  }, [n, t, e == null ? void 0 : e.labelField, e == null ? void 0 : e.labelValue]);
+}
+function H() {
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.75,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className: "ds:size-3.5",
+      children: /* @__PURE__ */ u("path", { d: "M12 5.5c-1.074 -1.426 -2.45 -2.2 -4 -2c-2.5 .323 -3.7 2.5 -3.5 5c.1 1.5 .5 3 .5 4.5c0 1.5 .5 3.5 1 5c.3 .9 .5 2 1.5 2s1.3 -1.5 1.5 -2.5c.2 -1 .5 -2 1.5 -2s1.3 1 1.5 2c.2 1 .5 2.5 1.5 2.5s1.2 -1.1 1.5 -2c.5 -1.5 1 -3.5 1 -5c0 -1.5 .4 -3 .5 -4.5c.2 -2.5 -1 -4.677 -3.5 -5c-1.55 -.2 -2.926 .574 -4 2z" })
+    }
+  );
+}
+function le(n) {
+  const { value: t, maxInlineSize: e = "8rem" } = n;
+  return !Array.isArray(t) || t.length === 0 ? null : /* @__PURE__ */ u(
+    B,
+    {
+      label: t.join(", "),
+      size: "sm",
+      fill: "outline",
+      leading: /* @__PURE__ */ u(H, {}),
+      maxInlineSize: e
+    }
+  );
+}
+function ie(n) {
+  const {
+    value: t,
+    data: e,
+    onToggle: i,
+    onError: r,
+    trueIcon: m,
+    falseIcon: d,
+    trueClass: l = "ds:text-[color:var(--success)]",
+    falseClass: f = "ds:text-[color:var(--muted-foreground)]",
+    label: a
+  } = n, { t: o } = T(), [s, v] = E(!1);
+  if (!e) return null;
+  const h = !!t, C = h ? m ?? /* @__PURE__ */ u(L, { "aria-hidden": !0, className: "ds:size-4" }) : d ?? /* @__PURE__ */ u(M, { "aria-hidden": !0, className: "ds:size-4" }), y = h ? l : f, N = a ?? o(h ? "inputs.switch.on" : "inputs.switch.off");
+  async function c(g) {
+    if (g.stopPropagation(), s || !e) return;
+    const p = i(e, !h);
+    if (p && typeof p.then == "function") {
+      v(!0);
+      try {
+        await p;
+      } catch (x) {
+        r == null || r(e, x);
+      } finally {
+        v(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ u(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": h,
+      "aria-busy": s,
+      "aria-label": N,
+      disabled: s,
+      onClick: c,
+      className: [
+        "ds:inline-flex ds:items-center ds:justify-center",
+        "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
+        "ds:appearance-none ds:bg-transparent ds:p-[var(--spacing-xs)]",
+        "ds:rounded-[var(--radius-sm)]",
+        "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+        "ds:focus-visible:outline-solid",
+        "ds:focus-visible:outline-[color:var(--ring)]",
+        "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+        "ds:disabled:opacity-50",
+        y
+      ].join(" "),
+      children: C
+    }
+  );
+}
+const G = {
+  sm: "ds:size-[var(--icon-size-sm)]",
+  md: "ds:size-[var(--icon-size-md)]",
+  lg: "ds:size-[var(--icon-size-lg)]"
+};
+function k(n, t) {
+  if (!n || typeof n != "object") return;
+  const e = n[t];
+  return typeof e == "string" ? e : void 0;
+}
+const X = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, q = /^rgba?\(\s*[\d.\s,%/]+\)$/i, K = /^hsla?\(\s*[\d.\s,%/]+\)$/i, O = /^var\(--[a-z0-9-]+(?:,\s*[^)]+)?\)$/i;
+function W(n) {
+  if (!n) return;
+  const t = n.trim();
+  if (X.test(t) || q.test(t) || K.test(t) || O.test(t))
+    return t;
+}
+function oe(n) {
+  const { data: t, colorField: e, size: i = "md", labelField: r } = n, m = F(null), d = t ? k(t, e) : void 0, l = W(d), f = t && r ? k(t, r) : void 0;
+  return $(() => {
+    const a = m.current;
+    a && (l ? a.style.setProperty("--data-table-dot-color", l) : a.style.removeProperty("--data-table-dot-color"));
+  }, [l]), l ? /* @__PURE__ */ _("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ u(
+      "span",
+      {
+        ref: m,
+        "aria-hidden": "true",
+        className: [
+          "ds:inline-block ds:shrink-0 ds:rounded-[var(--radius-full)]",
+          "ds:bg-[var(--data-table-dot-color)]",
+          "ds:border ds:border-[color:var(--border)]",
+          G[i]
+        ].join(" ")
+      }
+    ),
+    f ? /* @__PURE__ */ u("span", { children: f }) : null
+  ] }) : null;
+}
+function Z(n, t) {
+  if (!n || typeof n != "object") return null;
+  const e = n[t], i = typeof e == "number" ? e : Number(e);
+  return Number.isFinite(i) ? i : null;
+}
+function ce(n) {
+  const { data: t, lines: e, currency: i = "EUR", highlightNegative: r } = n, { i18n: m } = T();
+  if (!t) return null;
+  const d = m.language || "en", l = (a) => {
+    const o = Z(t, a.valueField);
+    if (o === null) return null;
+    let s;
+    switch (a.format ?? "number") {
+      case "currency":
+        s = new Intl.NumberFormat(d, {
+          style: "currency",
+          currency: i
+        }).format(o);
+        break;
+      case "percent":
+        s = new Intl.NumberFormat(d, {
+          style: "percent",
+          maximumFractionDigits: 1
+        }).format(o / 100);
+        break;
+      default:
+        s = new Intl.NumberFormat(d).format(o);
+    }
+    return {
+      label: a.label,
+      formatted: s,
+      negative: !!r && o < 0
+    };
+  }, f = e.map(l).filter(
+    (a) => a !== null
+  );
+  return f.length === 0 ? null : /* @__PURE__ */ u(
+    "div",
+    {
+      className: [
+        "ds:flex",
+        "ds:flex-wrap",
+        "ds:items-center",
+        "ds:gap-x-[var(--spacing-sm)]",
+        "ds:gap-y-0",
+        "type-meta",
+        "ds:leading-tight"
+      ].join(" "),
+      children: f.map((a, o) => /* @__PURE__ */ _(
+        "span",
+        {
+          className: "ds:inline-flex ds:items-baseline ds:gap-x-[var(--spacing-xs)]",
+          children: [
+            o > 0 ? /* @__PURE__ */ u(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:me-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]",
+                children: "·"
+              }
+            ) : null,
+            /* @__PURE__ */ u("span", { className: "ds:text-[color:var(--muted-foreground)]", children: a.label }),
+            /* @__PURE__ */ u(
+              "span",
+              {
+                className: [
+                  "ds:tabular-nums",
+                  "ds:font-medium",
+                  a.negative ? "ds:text-[color:var(--destructive)]" : ""
+                ].filter(Boolean).join(" "),
+                children: a.formatted
+              }
+            )
+          ]
+        },
+        `${a.label}-${o}`
+      ))
+    }
+  );
+}
+function ue(n) {
+  var a, o;
+  const { initialValue: t, onValueChange: e, stopEditing: i, column: r } = n, [m, d] = E(t ?? ""), l = F(null);
+  I(() => {
+    const s = l.current;
+    s && (s.focus(), s.select());
+  }, []);
+  const f = ((o = (a = r == null ? void 0 : r.getColDef) == null ? void 0 : a.call(r)) == null ? void 0 : o.headerName) ?? void 0;
+  return /* @__PURE__ */ u(
+    "input",
+    {
+      ref: l,
+      type: "text",
+      value: m,
+      "aria-label": f,
+      onChange: (s) => {
+        const v = s.target.value;
+        d(v), e(v);
+      },
+      onKeyDown: (s) => {
+        s.key === "Enter" && (s.preventDefault(), i());
+      },
+      className: [
+        "ds:block ds:w-full ds:appearance-none",
+        // Input surface chrome: rounded border + bg + focus halo.
+        j,
+        // Use the `md` height (`--min-target-size`) so the input
+        // auto-lifts to 48px under `.theme-accessible` to satisfy
+        // WCAG 2.5.5 target size.
+        D.md,
+        P.sm,
+        A.sm
+      ].join(" ")
+    }
+  );
+}
+function de(n) {
+  var y, N;
+  const {
+    initialValue: t,
+    onValueChange: e,
+    stopEditing: i,
+    column: r,
+    decimals: m = 2,
+    min: d,
+    max: l
+  } = n, { i18n: f } = T(), a = F(null), o = ((N = (y = r == null ? void 0 : r.getColDef) == null ? void 0 : y.call(r)) == null ? void 0 : N.headerName) ?? void 0, [s, v] = E(() => t == null || Number.isNaN(t) ? "" : String(t));
+  I(() => {
+    const c = a.current;
+    c && (c.focus(), c.select());
+  }, []);
+  function h(c) {
+    var z, S;
+    if (c.trim().length === 0) return null;
+    const g = f.language || "en", b = new Intl.NumberFormat(g).formatToParts(12345.6), p = ((z = b.find((R) => R.type === "group")) == null ? void 0 : z.value) ?? "", x = ((S = b.find((R) => R.type === "decimal")) == null ? void 0 : S.value) ?? ".", U = c.replace(new RegExp(`\\${p}`, "g"), "").replace(x, ".").replace(/[^\d.-]/g, ""), w = Number(U);
+    return Number.isFinite(w) ? w : null;
+  }
+  function C(c) {
+    const g = h(c);
+    if (g == null) {
+      e(null);
+      return;
+    }
+    let b = g;
+    typeof d == "number" && (b = Math.max(d, b)), typeof l == "number" && (b = Math.min(l, b));
+    const p = 10 ** m;
+    e(Math.round(b * p) / p);
+  }
+  return /* @__PURE__ */ u(
+    "input",
+    {
+      ref: a,
+      type: "text",
+      inputMode: "decimal",
+      value: s,
+      "aria-label": o,
+      onChange: (c) => {
+        const g = c.target.value;
+        v(g), C(g);
+      },
+      onKeyDown: (c) => {
+        c.key === "Enter" && (c.preventDefault(), i());
+      },
+      className: [
+        "ds:block ds:w-full ds:appearance-none ds:text-end ds:tabular-nums",
+        j,
+        // Use `md` height — see editable-text-cell-renderer for rationale.
+        D.md,
+        P.sm,
+        A.sm
+      ].join(" ")
+    }
+  );
+}
+export {
+  ce as B,
+  oe as C,
+  de as E,
+  ie as T,
+  ue as a,
+  le as b,
+  se as u
+};
+//# sourceMappingURL=editable-currency-cell-renderer-C9twtALM.js.map

package/dist/_chunks/editable-currency-cell-renderer-C9twtALM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-currency-cell-renderer-C9twtALM.js","sources":["../../src/components/data-table/hooks/use-total-row.ts","../../src/components/data-table/cell-renderers/tooth-cell-renderer.tsx","../../src/components/data-table/cell-renderers/toggle-cell-renderer.tsx","../../src/components/data-table/cell-renderers/color-dot-cell-renderer.tsx","../../src/components/data-table/cell-renderers/balance-cell-renderer.tsx","../../src/components/data-table/cell-renderers/editable-text-cell-renderer.tsx","../../src/components/data-table/cell-renderers/editable-currency-cell-renderer.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\n/**\n * Compute a pinned total row from a dataset and a list of numeric fields.\n *\n * The returned object is structurally a `TData` with non-summed fields left\n * `undefined` — plug it into `pinnedBottomRowData={[totalRow]}`. Cell renderers\n * in the non-summed columns receive `undefined`, so they should render nothing\n * (all of the DS cell renderers short-circuit on `null`/`undefined`).\n *\n * Pass an optional `labelField` + `labelValue` to show a static caption such\n * as \"Total\" in the first column of the pinned row.\n */\nexport function useTotalRow<TData>(\n  rowData: TData[] | undefined,\n  sumFields: Array<keyof TData & string>,\n  options?: {\n    labelField?: keyof TData & string;\n    labelValue?: string;\n  },\n): TData {\n  return useMemo(() => {\n    const row: Record<string, unknown> = {};\n\n    for (const field of sumFields) {\n      let total = 0;\n      for (const r of rowData ?? []) {\n        const raw = (r as Record<string, unknown>)[field];\n        const n = typeof raw === 'number' ? raw : Number(raw);\n        if (Number.isFinite(n)) total += n;\n      }\n      row[field] = total;\n    }\n\n    if (options?.labelField && options.labelValue !== undefined) {\n      row[options.labelField] = options.labelValue;\n    }\n\n    return row as TData;\n  }, [rowData, sumFields, options?.labelField, options?.labelValue]);\n}\n","import type { CustomCellRendererProps } from 'ag-grid-react';\nimport { Tag } from '../../tag/tag';\n\n// Tooth glyph — lucide ships no dental icon, so this is a small inline tooth\n// (a crown narrowing to two roots) tinted with `currentColor`, so it inherits\n// the Tag's text colour. Decorative; the FDI numbers are the accessible label.\nfunction ToothIcon() {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={1.75}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      className=\"ds:size-3.5\"\n    >\n      <path d=\"M12 5.5c-1.074 -1.426 -2.45 -2.2 -4 -2c-2.5 .323 -3.7 2.5 -3.5 5c.1 1.5 .5 3 .5 4.5c0 1.5 .5 3.5 1 5c.3 .9 .5 2 1.5 2s1.3 -1.5 1.5 -2.5c.2 -1 .5 -2 1.5 -2s1.3 1 1.5 2c.2 1 .5 2.5 1.5 2.5s1.2 -1.1 1.5 -2c.5 -1.5 1 -3.5 1 -5c0 -1.5 .4 -3 .5 -4.5c.2 -2.5 -1 -4.677 -3.5 -5c-1.55 -.2 -2.926 .574 -4 2z\" />\n    </svg>\n  );\n}\n\nexport interface ToothCellRendererParams {\n  /** Max inline size of the chip before its label truncates (with a tooltip). */\n  maxInlineSize?: string;\n}\n\n/**\n * Renders an array of tooth ids (FDI notation) as a single outlined Tag — the\n * teeth comma-separated and prefixed with a tooth glyph, so dentition reads at\n * a glance instead of as bare numbers.\n */\nexport function ToothCellRenderer(\n  props: CustomCellRendererProps<unknown, string[]> & ToothCellRendererParams,\n) {\n  const { value, maxInlineSize = '8rem' } = props;\n  if (!Array.isArray(value) || value.length === 0) return null;\n\n  return (\n    <Tag\n      label={value.join(', ')}\n      size=\"sm\"\n      fill=\"outline\"\n      leading={<ToothIcon />}\n      maxInlineSize={maxInlineSize}\n    />\n  );\n}\n","import { useState, type ReactNode } from 'react';\nimport type { CustomCellRendererProps } from 'ag-grid-react';\nimport { CheckSquare, Square } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\n\nexport interface ToggleCellRendererParams<TData = unknown> {\n  /**\n   * Fires with the row and the new target value. May return a `Promise` —\n   * if it rejects, the consumer is expected to revert the underlying value\n   * and flash the row with `data-table-row-error` (return that row class\n   * from `getRowClass`). Use `onError` below to be notified inside this\n   * renderer.\n   */\n  onToggle: (data: TData, newValue: boolean) => void | Promise<void>;\n  /**\n   * Optional reject hook. Fires when the `onToggle` promise rejects, with\n   * the row and the error. The button auto-disables during the in-flight\n   * promise and re-enables on either settle.\n   */\n  onError?: (data: TData, error: unknown) => void;\n  /** Icon shown when the current value is truthy. */\n  trueIcon?: ReactNode;\n  /** Icon shown when the current value is falsy. */\n  falseIcon?: ReactNode;\n  /** Extra classes applied to the \"on\" icon — defaults to success token. */\n  trueClass?: string;\n  /** Extra classes applied to the \"off\" icon. */\n  falseClass?: string;\n  /** Accessible label. Falls back to the default on/off announcements. */\n  label?: string;\n}\n\nexport function ToggleCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData, boolean> &\n    ToggleCellRendererParams<TData>,\n) {\n  const {\n    value,\n    data,\n    onToggle,\n    onError,\n    trueIcon,\n    falseIcon,\n    trueClass = 'ds:text-[color:var(--success)]',\n    falseClass = 'ds:text-[color:var(--muted-foreground)]',\n    label,\n  } = props;\n  const { t } = useTranslation();\n  const [pending, setPending] = useState(false);\n  if (!data) return null;\n\n  const isOn = Boolean(value);\n  const icon = isOn\n    ? (trueIcon ?? <CheckSquare aria-hidden className=\"ds:size-4\" />)\n    : (falseIcon ?? <Square aria-hidden className=\"ds:size-4\" />);\n  const stateClass = isOn ? trueClass : falseClass;\n  const resolvedLabel =\n    label ?? (isOn ? t('inputs.switch.on') : t('inputs.switch.off'));\n\n  async function handleClick(event: React.MouseEvent) {\n    event.stopPropagation();\n    if (pending || !data) return;\n    const next = !isOn;\n    const result = onToggle(data, next);\n    if (result && typeof (result as Promise<void>).then === 'function') {\n      setPending(true);\n      try {\n        await result;\n      } catch (err) {\n        onError?.(data, err);\n      } finally {\n        setPending(false);\n      }\n    }\n  }\n\n  return (\n    <button\n      type=\"button\"\n      role=\"switch\"\n      aria-checked={isOn}\n      aria-busy={pending}\n      aria-label={resolvedLabel}\n      disabled={pending}\n      onClick={handleClick}\n      className={[\n        'ds:inline-flex ds:items-center ds:justify-center',\n        'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n        'ds:appearance-none ds:bg-transparent ds:p-[var(--spacing-xs)]',\n        'ds:rounded-[var(--radius-sm)]',\n        'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n        'ds:focus-visible:outline-solid',\n        'ds:focus-visible:outline-[color:var(--ring)]',\n        'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n        'ds:disabled:opacity-50',\n        stateClass,\n      ].join(' ')}\n    >\n      {icon}\n    </button>\n  );\n}\n","import { useRef } from 'react';\nimport type { CustomCellRendererProps } from 'ag-grid-react';\nimport { useIsomorphicLayoutEffect } from '../../../hooks/use-isomorphic-layout-effect';\n\nexport interface ColorDotCellRendererParams {\n  /** Field name on the row whose value holds the hex color. */\n  colorField: string;\n  /** Visual size of the dot. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Optional label shown next to the dot. */\n  labelField?: string;\n}\n\nconst SIZE_CLASS: Record<\n  NonNullable<ColorDotCellRendererParams['size']>,\n  string\n> = {\n  sm: 'ds:size-[var(--icon-size-sm)]',\n  md: 'ds:size-[var(--icon-size-md)]',\n  lg: 'ds:size-[var(--icon-size-lg)]',\n};\n\nfunction readField(row: unknown, field: string): string | undefined {\n  if (!row || typeof row !== 'object') return undefined;\n  const value = (row as Record<string, unknown>)[field];\n  return typeof value === 'string' ? value : undefined;\n}\n\n// Only accept trusted CSS color forms. Anything outside this allow-list\n// (including smuggled `url()` or extra declarations) is dropped so the\n// CSS custom-property writer can't be used to inject styles.\nconst HEX_RE = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;\nconst RGB_RE = /^rgba?\\(\\s*[\\d.\\s,%/]+\\)$/i;\nconst HSL_RE = /^hsla?\\(\\s*[\\d.\\s,%/]+\\)$/i;\nconst CSS_VAR_RE = /^var\\(--[a-z0-9-]+(?:,\\s*[^)]+)?\\)$/i;\n\nfunction sanitizeColor(raw: string | undefined): string | undefined {\n  if (!raw) return undefined;\n  const v = raw.trim();\n  if (\n    HEX_RE.test(v) ||\n    RGB_RE.test(v) ||\n    HSL_RE.test(v) ||\n    CSS_VAR_RE.test(v)\n  ) {\n    return v;\n  }\n  return undefined;\n}\n\nexport function ColorDotCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData> & ColorDotCellRendererParams,\n) {\n  const { data, colorField, size = 'md', labelField } = props;\n  const dotRef = useRef<HTMLSpanElement | null>(null);\n  const rawColor = data ? readField(data, colorField) : undefined;\n  const color = sanitizeColor(rawColor);\n  const label = data && labelField ? readField(data, labelField) : undefined;\n\n  // Apply the dynamic color via a CSS custom property on the element.\n  // Keeps hex/rgb literals out of JSX (constraint #2 and #4). The data\n  // itself drives the color — constraints only forbid hardcoded colors\n  // in component source, not in consumer row data.\n  useIsomorphicLayoutEffect(() => {\n    const el = dotRef.current;\n    if (!el) return;\n    if (color) {\n      el.style.setProperty('--data-table-dot-color', color);\n    } else {\n      el.style.removeProperty('--data-table-dot-color');\n    }\n  }, [color]);\n\n  if (!color) return null;\n\n  return (\n    <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n      <span\n        ref={dotRef}\n        aria-hidden=\"true\"\n        className={[\n          'ds:inline-block ds:shrink-0 ds:rounded-[var(--radius-full)]',\n          'ds:bg-[var(--data-table-dot-color)]',\n          'ds:border ds:border-[color:var(--border)]',\n          SIZE_CLASS[size],\n        ].join(' ')}\n      />\n      {label ? <span>{label}</span> : null}\n    </span>\n  );\n}\n","import type { ColDef } from 'ag-grid-community';\nimport type { CustomCellRendererProps } from 'ag-grid-react';\nimport { useTranslation } from 'react-i18next';\n\nexport interface BalanceLine {\n  /** User-visible label for this line. */\n  label: string;\n  /** Field name on the row whose numeric value is rendered. */\n  valueField: string;\n  /** `'currency'` renders via Intl, `'percent'` appends `%`, `'number'` raw. Default `'number'`. */\n  format?: 'currency' | 'percent' | 'number';\n}\n\nexport interface BalanceCellRendererParams {\n  lines: BalanceLine[];\n  /** ISO 4217 code, used by `currency`-formatted lines. Default `'EUR'`. */\n  currency?: string;\n  /** Apply destructive color to negative values. */\n  highlightNegative?: boolean;\n}\n\nfunction readNumber(row: unknown, field: string): number | null {\n  if (!row || typeof row !== 'object') return null;\n  const raw = (row as Record<string, unknown>)[field];\n  const n = typeof raw === 'number' ? raw : Number(raw);\n  return Number.isFinite(n) ? n : null;\n}\n\n/**\n * Renders a compact set of label / value pairs inside a single AG Grid cell.\n *\n * Layout is **horizontal** with middle-dot separators so the cell fits\n * inside the default AG Grid row height without spilling into the row\n * below. Use the SALDI / Listini patterns (Totale · Incassato · Da Incassare)\n * as the canonical example.\n *\n * If a consumer's content wraps (long localized labels, narrow columns)\n * they can opt into row auto-growth by spreading\n * {@link balanceCellRendererColDefDefaults} onto the column definition.\n */\nexport function BalanceCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData> & BalanceCellRendererParams,\n) {\n  const { data, lines, currency = 'EUR', highlightNegative } = props;\n  const { i18n } = useTranslation();\n  if (!data) return null;\n\n  const locale = i18n.language || 'en';\n\n  const formatLine = (\n    line: BalanceLine,\n  ): { label: string; formatted: string; negative: boolean } | null => {\n    const n = readNumber(data, line.valueField);\n    if (n === null) return null;\n\n    let formatted: string;\n    switch (line.format ?? 'number') {\n      case 'currency':\n        formatted = new Intl.NumberFormat(locale, {\n          style: 'currency',\n          currency,\n        }).format(n);\n        break;\n      case 'percent':\n        formatted = new Intl.NumberFormat(locale, {\n          style: 'percent',\n          maximumFractionDigits: 1,\n        }).format(n / 100);\n        break;\n      default:\n        formatted = new Intl.NumberFormat(locale).format(n);\n    }\n\n    return {\n      label: line.label,\n      formatted,\n      negative: Boolean(highlightNegative) && n < 0,\n    };\n  };\n\n  const rendered = lines\n    .map(formatLine)\n    .filter(\n      (x): x is { label: string; formatted: string; negative: boolean } =>\n        x !== null,\n    );\n  if (rendered.length === 0) return null;\n\n  return (\n    <div\n      className={[\n        'ds:flex',\n        'ds:flex-wrap',\n        'ds:items-center',\n        'ds:gap-x-[var(--spacing-sm)]',\n        'ds:gap-y-0',\n        'type-meta',\n        'ds:leading-tight',\n      ].join(' ')}\n    >\n      {rendered.map((item, idx) => (\n        <span\n          key={`${item.label}-${idx}`}\n          className=\"ds:inline-flex ds:items-baseline ds:gap-x-[var(--spacing-xs)]\"\n        >\n          {idx > 0 ? (\n            <span\n              aria-hidden=\"true\"\n              className=\"ds:me-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]\"\n            >\n              ·\n            </span>\n          ) : null}\n          <span className=\"ds:text-[color:var(--muted-foreground)]\">\n            {item.label}\n          </span>\n          <span\n            className={[\n              'ds:tabular-nums',\n              'ds:font-medium',\n              item.negative ? 'ds:text-[color:var(--destructive)]' : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            {item.formatted}\n          </span>\n        </span>\n      ))}\n    </div>\n  );\n}\n\n/**\n * Column-definition defaults consumers can spread onto a `ColDef` when they\n * want the renderer's wrapped / multi-line behaviour to grow the row.\n *\n * The default compact horizontal layout is engineered to fit the standard\n * AG Grid row height, so this opt-in is only needed when a long label set\n * wraps across two or more lines and the consumer would rather grow the\n * row than wrap silently.\n *\n * AG Grid does NOT auto-grow row height to fit a tall cell unless\n * `autoHeight` and `wrapText` are set on the colDef itself — a cell\n * renderer can't impose that from inside.\n *\n * @example\n * ```ts\n * {\n *   headerName: 'Saldi',\n *   cellRenderer: BalanceCellRenderer,\n *   cellRendererParams: { lines, currency: 'EUR' },\n *   ...balanceCellRendererColDefDefaults,\n * }\n * ```\n */\nexport const balanceCellRendererColDefDefaults: Readonly<\n  Pick<ColDef, 'autoHeight' | 'wrapText'>\n> = {\n  autoHeight: true,\n  wrapText: true,\n};\n","import { useEffect, useRef, useState } from 'react';\nimport type { CustomCellEditorProps } from 'ag-grid-react';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_PADDING_X,\n  INPUT_SURFACE_TEXT,\n} from '../../_shared/input-surface';\n\n/**\n * Inline text editor that visually matches `<TextInput size=\"sm\">`. Use as\n * `cellEditor` on a colDef with `editable: true`. The cell renderer (default\n * or custom) takes over again once editing stops.\n *\n * AG Grid commits on Enter or Tab or blur; cancels on Escape. The consumer\n * receives the committed value via `onCellValueChanged`.\n */\nexport function EditableTextCellRenderer<TData = unknown>(\n  props: CustomCellEditorProps<TData, string>,\n) {\n  const { initialValue, onValueChange, stopEditing, column } = props;\n  const [value, setValue] = useState<string>(initialValue ?? '');\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  // Focus + select on mount so typing replaces the current value.\n  useEffect(() => {\n    const el = inputRef.current;\n    if (!el) return;\n    el.focus();\n    el.select();\n  }, []);\n\n  // The current value is pushed to AG Grid via `onValueChange` on every\n  // keystroke — AG Grid commits the most recent value when editing stops.\n  // No `useGridCellEditor` hook needed for that contract.\n\n  // Thread the column header into the input's accessible name so screen\n  // readers announce \"Edit text, {column}\" instead of an unlabelled input.\n  // AG Grid doesn't auto-wire the column header to cell editors.\n  const headerName =\n    (column?.getColDef?.()?.headerName as string | undefined) ?? undefined;\n\n  return (\n    <input\n      ref={inputRef}\n      type=\"text\"\n      value={value}\n      aria-label={headerName}\n      onChange={(e) => {\n        const next = e.target.value;\n        setValue(next);\n        onValueChange(next);\n      }}\n      onKeyDown={(e) => {\n        // Escape cancels, Enter/Tab commit — AG Grid handles both, but we\n        // explicitly stop editing on Enter so the consumer sees the commit\n        // immediately rather than waiting for the next focus blur.\n        if (e.key === 'Enter') {\n          e.preventDefault();\n          stopEditing();\n        }\n      }}\n      className={[\n        'ds:block ds:w-full ds:appearance-none',\n        // Input surface chrome: rounded border + bg + focus halo.\n        INPUT_SURFACE_CHROME,\n        // Use the `md` height (`--min-target-size`) so the input\n        // auto-lifts to 48px under `.theme-accessible` to satisfy\n        // WCAG 2.5.5 target size.\n        INPUT_SURFACE_HEIGHT.md,\n        INPUT_SURFACE_TEXT.sm,\n        INPUT_SURFACE_PADDING_X.sm,\n      ].join(' ')}\n    />\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport type { CustomCellEditorProps } from 'ag-grid-react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_PADDING_X,\n  INPUT_SURFACE_TEXT,\n} from '../../_shared/input-surface';\n\nexport interface EditableCurrencyCellEditorParams {\n  /** ISO 4217 currency code (e.g. `EUR`, `USD`). Defaults to `EUR`. */\n  currency?: string;\n  /** Decimal places allowed in the editor. Defaults to 2 (cents precision). */\n  decimals?: number;\n  /** Minimum allowed value — values below this are clamped on commit. */\n  min?: number;\n  /** Maximum allowed value — values above this are clamped on commit. */\n  max?: number;\n}\n\n/**\n * Inline numeric editor that visually matches `<TextInput size=\"sm\">`. Use as\n * `cellEditor` on a colDef with `editable: true`. The display formatting is\n * still the renderer's job — once editing stops, the cell hands back to\n * `CurrencyCellRenderer` (or whichever renderer the colDef declares).\n *\n * Stores a Number, not a string, so consumers receive `row.amount = 12.5`\n * not `\"12.5\"`. Strips locale separators on each change so commas/dots in\n * any language convert to a clean numeric value.\n */\nexport function EditableCurrencyCellRenderer<TData = unknown>(\n  props: CustomCellEditorProps<TData, number> &\n    EditableCurrencyCellEditorParams,\n) {\n  const {\n    initialValue,\n    onValueChange,\n    stopEditing,\n    column,\n    decimals = 2,\n    min,\n    max,\n  } = props;\n  const { i18n } = useTranslation();\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  // Thread the column header into the input's accessible name — see\n  // editable-text-cell-renderer.tsx for the rationale.\n  const headerName =\n    (column?.getColDef?.()?.headerName as string | undefined) ?? undefined;\n\n  // Local string state so the user can type intermediate values like \"12.\"\n  // before the trailing zero arrives. We commit a Number to AG Grid on each\n  // change for consumers that watch row state live; the final commit fires\n  // when editing stops.\n  const [draft, setDraft] = useState<string>(() => {\n    if (initialValue == null || Number.isNaN(initialValue)) return '';\n    return String(initialValue);\n  });\n\n  useEffect(() => {\n    const el = inputRef.current;\n    if (!el) return;\n    el.focus();\n    el.select();\n  }, []);\n\n  function parseDraft(input: string): number | null {\n    if (input.trim().length === 0) return null;\n    // Accept either the user's locale decimal separator or a `.`. Strip\n    // grouping characters (locale thousands separators, plus spaces).\n    const lang = i18n.language || 'en';\n    const partsFmt = new Intl.NumberFormat(lang).formatToParts(12345.6);\n    const groupChar = partsFmt.find((p) => p.type === 'group')?.value ?? '';\n    const decimalChar =\n      partsFmt.find((p) => p.type === 'decimal')?.value ?? '.';\n    const cleaned = input\n      .replace(new RegExp(`\\\\${groupChar}`, 'g'), '')\n      .replace(decimalChar, '.')\n      .replace(/[^\\d.-]/g, '');\n    const n = Number(cleaned);\n    return Number.isFinite(n) ? n : null;\n  }\n\n  function commit(input: string) {\n    const parsed = parseDraft(input);\n    if (parsed == null) {\n      onValueChange(null);\n      return;\n    }\n    // Clamp first, then round to the declared precision so we never\n    // persist floating-point dust from string parsing.\n    let clamped = parsed;\n    if (typeof min === 'number') clamped = Math.max(min, clamped);\n    if (typeof max === 'number') clamped = Math.min(max, clamped);\n    const factor = 10 ** decimals;\n    onValueChange(Math.round(clamped * factor) / factor);\n  }\n\n  return (\n    <input\n      ref={inputRef}\n      type=\"text\"\n      // Inputmode hints mobile keyboards to show the decimal pad instead\n      // of the full keyboard. type=\"number\" would also work but spinners\n      // and locale parsing are inconsistent across browsers.\n      inputMode=\"decimal\"\n      value={draft}\n      aria-label={headerName}\n      onChange={(e) => {\n        const next = e.target.value;\n        setDraft(next);\n        commit(next);\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.preventDefault();\n          stopEditing();\n        }\n        // Escape — AG Grid cancels by default; the editor doesn't need\n        // explicit handling beyond what AG Grid wires automatically.\n      }}\n      className={[\n        'ds:block ds:w-full ds:appearance-none ds:text-end ds:tabular-nums',\n        INPUT_SURFACE_CHROME,\n        // Use `md` height — see editable-text-cell-renderer for rationale.\n        INPUT_SURFACE_HEIGHT.md,\n        INPUT_SURFACE_TEXT.sm,\n        INPUT_SURFACE_PADDING_X.sm,\n      ].join(' ')}\n    />\n  );\n}\n"],"names":["useTotalRow","rowData","sumFields","options","useMemo","row","field","total","r","raw","n","ToothIcon","jsx","ToothCellRenderer","props","value","maxInlineSize","Tag","ToggleCellRenderer","data","onToggle","onError","trueIcon","falseIcon","trueClass","falseClass","label","t","useTranslation","pending","setPending","useState","isOn","icon","CheckSquare","Square","stateClass","resolvedLabel","handleClick","event","result","err","SIZE_CLASS","readField","HEX_RE","RGB_RE","HSL_RE","CSS_VAR_RE","sanitizeColor","v","ColorDotCellRenderer","colorField","size","labelField","dotRef","useRef","rawColor","color","useIsomorphicLayoutEffect","el","jsxs","readNumber","BalanceCellRenderer","lines","currency","highlightNegative","i18n","locale","formatLine","line","formatted","rendered","x","item","idx","EditableTextCellRenderer","initialValue","onValueChange","stopEditing","column","setValue","inputRef","useEffect","headerName","_b","_a","e","next","INPUT_SURFACE_CHROME","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_TEXT","INPUT_SURFACE_PADDING_X","EditableCurrencyCellRenderer","decimals","min","max","draft","setDraft","parseDraft","input","lang","partsFmt","groupChar","p","decimalChar","cleaned","commit","parsed","clamped","factor"],"mappings":"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"}