@alfadocs/ui-kit-debug 0.44.0 → 0.46.0

package/dist/_chunks/{cycle-calculator-ChHBcjet.js → cycle-calculator-KxA8dqDf.js}

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { forwardRef as F, useState as L, useMemo as h, useEffect as H } from "react";
+import { forwardRef as F, useState as L, useMemo as y, useEffect as H } from "react";
 import { c as $ } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
 import { F as w } from "./form-field-BOm9hK35.js";
@@ -7,7 +7,7 @@ import { D as I } from "./date-picker-Bq7xhMA-.js";
 import { N as S } from "./number-input-Dj5L3pXK.js";
 import { C as P } from "./card-DPmk26CL.js";
 import { B as v } from "./badge-zsf5i5bH.js";
-import { I as k } from "./insert-result-CoC1oo6R.js";
+import { I as k } from "./insert-result-C5ABnzDl.js";
 import { a as s } from "./date-picker-variants-DLi1Va_e.js";
 import { C as z } from "./check-DPdL_Sm7.js";
 import { H as B } from "./heart-C0faivFf.js";
@@ -28,14 +28,14 @@ const Y = [
   ]
 ], j = G("droplet", Y), x = 28, M = 14, U = 1;
 function K(n, c = 3) {
-  const d = n.cycleLength ?? x, { lastPeriodStart: i } = n, o = s(i, d - M), u = {
-    start: s(o, -5),
-    end: s(o, U)
-  }, f = s(i, d), p = Array.from(
+  const d = n.cycleLength ?? x, { lastPeriodStart: o } = n, i = s(o, d - M), u = {
+    start: s(i, -5),
+    end: s(i, U)
+  }, f = s(o, d), p = Array.from(
     { length: c },
-    (C, g) => s(i, d * (g + 1))
+    (C, g) => s(o, d * (g + 1))
   );
-  return { nextPeriod: f, ovulation: o, fertileWindow: u, upcomingPeriods: p };
+  return { nextPeriod: f, ovulation: i, fertileWindow: u, upcomingPeriods: p };
 }
 const O = $("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
   variants: {
@@ -47,27 +47,27 @@ const O = $("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
     defaultCycleLength: n = x,
     onResultChange: c,
     onInsert: d,
-    insertVariant: i = "insert",
-    onCopy: o,
+    insertVariant: o = "insert",
+    onCopy: i,
     onError: u,
     insertBrand: f,
     id: p,
     width: C,
     className: g
   }, b) => {
-    const { t: a, i18n: N } = A(), [m, D] = L(void 0), [y, E] = L(
+    const { t: a, i18n: N } = A(), [m, D] = L(void 0), [h, E] = L(
       n
-    ), t = h(() => m ? K({
+    ), t = y(() => m ? K({
       lastPeriodStart: m,
-      cycleLength: y ?? x
-    }) : null, [m, y]), T = h(
+      cycleLength: h ?? x
+    }) : null, [m, h]), T = y(
       () => new Intl.DateTimeFormat(N.language, { dateStyle: "medium" }),
       [N.language]
     );
     H(() => {
       c == null || c(t);
     }, [t, c]);
-    const _ = h(() => /* @__PURE__ */ new Date(), []), l = (W) => T.format(W);
+    const _ = y(() => /* @__PURE__ */ new Date(), []), l = (W) => T.format(W);
     return /* @__PURE__ */ r(
       "div",
       {
@@ -96,7 +96,7 @@ const O = $("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                     mode: "integer",
                     min: 20,
                     max: 45,
-                    value: y,
+                    value: h,
                     onChange: E
                   }
                 )
@@ -150,15 +150,16 @@ const O = $("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                 ) })
               ] })
             ] }),
-            i === "copy" || d ? /* @__PURE__ */ e(
+            o === "copy" || d ? /* @__PURE__ */ e(
               k,
               {
                 onInsert: d,
-                variant: i,
-                onCopy: o,
+                variant: o,
+                onCopy: i,
                 onError: u,
                 card: {
                   title: a("insert.title.cycle"),
+                  icon: "heart",
                   highlight: `${l(t.fertileWindow.start)} – ${l(
                     t.fertileWindow.end
                   )}`,
@@ -168,16 +169,26 @@ const O = $("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                   brand: f,
                   fields: [
                     {
+                      // Ovulation is a predicted date → calendar glyph (the
+                      // on-screen badge uses a Check tick, which ICON_GEOMETRY
+                      // does not carry, so the calendar reads the date meaning).
+                      icon: "calendar",
                       label: a("cycleCalculator.ovulation"),
                       value: l(t.ovulation)
                     },
                     {
+                      // Fertile window → heart glyph, matching the on-screen
+                      // fertile-window badge's Heart icon.
+                      icon: "heart",
                       label: a("cycleCalculator.fertileWindow"),
                       value: `${l(t.fertileWindow.start)} – ${l(
                         t.fertileWindow.end
                       )}`
                     },
                     {
+                      // Next period → droplets glyph, matching the on-screen
+                      // next-period badge's Droplet icon.
+                      icon: "droplets",
                       label: a("cycleCalculator.nextPeriod"),
                       value: l(t.nextPeriod)
                     }
@@ -197,4 +208,4 @@ export {
   M as L,
   K as p
 };
-//# sourceMappingURL=cycle-calculator-ChHBcjet.js.map
+//# sourceMappingURL=cycle-calculator-KxA8dqDf.js.map

package/dist/_chunks/cycle-calculator-KxA8dqDf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cycle-calculator-KxA8dqDf.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\n/**\n * DS token NAME backing the result-card chip — the fertile window is the\n * headline fertility datum, shown on screen with the `accent` Badge variant\n * (which fills `--accent`). The card chip reuses that token so the inserted\n * PNG chip matches the on-screen fertile-window badge.\n */\nconst HIGHLIGHT_TOKEN = '--accent';\n\nexport interface CycleCalculatorProps extends VariantProps<\n  typeof rootVariants\n> {\n  /** Initial cycle length in days. Defaults to 28. */\n  defaultCycleLength?: number;\n  /** Fires whenever a prediction can be computed (and `null` when it can't). */\n  onResultChange?: (result: CyclePrediction | null) => void;\n  /** When provided, shows the result-action buttons that emit / copy the result. */\n  onInsert?: (payload: InsertPayload) => void;\n  /**\n   * Which verb the result button performs. Defaults to `'insert'`.\n   * Use `'copy'` in an app-shell surface (no editor to insert into) — the\n   * button writes the result to the clipboard as a multi-format `ClipboardItem`.\n   */\n  insertVariant?: InsertVariant;\n  /** `copy` variant only — fired after a successful clipboard write. */\n  onCopy?: (mode: InsertMode) => void;\n  /** `copy` variant only — fired if the clipboard write can't proceed. */\n  onError?: (error: unknown) => void;\n  /**\n   * Brand wordmark printed in the inserted/copied result-card footer.\n   * Omitted → no brand line (and no footer hairline); a string → that custom\n   * brand; `false` → no brand line. Brand is opt-in.\n   */\n  insertBrand?: string | false;\n  /** Opaque instance id, emitted as `data-component-id`. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport const CycleCalculator = forwardRef<HTMLDivElement, CycleCalculatorProps>(\n  (\n    {\n      defaultCycleLength = DEFAULT_CYCLE_LENGTH,\n      onResultChange,\n      onInsert,\n      insertVariant = 'insert',\n      onCopy,\n      onError,\n      insertBrand,\n      id,\n      width,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    const [lastPeriod, setLastPeriod] = useState<Date | undefined>(undefined);\n    const [cycleLength, setCycleLength] = useState<number | null>(\n      defaultCycleLength,\n    );\n\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                    icon: 'heart',\n                    highlight: `${fmt(result.fertileWindow.start)} – ${fmt(\n                      result.fertileWindow.end,\n                    )}`,\n                    // Chip reuses the on-screen fertile-window badge's accent\n                    // token so the inserted PNG chip matches the screen.\n                    highlightToken: HIGHLIGHT_TOKEN,\n                    brand: insertBrand,\n                    fields: [\n                      {\n                        // Ovulation is a predicted date → calendar glyph (the\n                        // on-screen badge uses a Check tick, which ICON_GEOMETRY\n                        // does not carry, so the calendar reads the date meaning).\n                        icon: 'calendar',\n                        label: t('cycleCalculator.ovulation'),\n                        value: fmt(result.ovulation),\n                      },\n                      {\n                        // Fertile window → heart glyph, matching the on-screen\n                        // fertile-window badge's Heart icon.\n                        icon: 'heart',\n                        label: t('cycleCalculator.fertileWindow'),\n                        value: `${fmt(result.fertileWindow.start)} – ${fmt(\n                          result.fertileWindow.end,\n                        )}`,\n                      },\n                      {\n                        // Next period → droplets glyph, matching the on-screen\n                        // next-period badge's Droplet icon.\n                        icon: 'droplets',\n                        label: t('cycleCalculator.nextPeriod'),\n                        value: fmt(result.nextPeriod),\n                      },\n                    ],\n                  }}\n                />\n              ) : null}\n            </Card.Body>\n          </Card>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('cycleCalculator.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nCycleCalculator.displayName = 'CycleCalculator';\n"],"names":["__iconNode","Droplet","createLucideIcon","DEFAULT_CYCLE_LENGTH","LUTEAL_PHASE_DAYS","FERTILE_DAYS_AFTER","predictCycle","input","occurrences","cycle","lastPeriodStart","ovulation","addDays","fertileWindow","nextPeriod","upcomingPeriods","_","i","rootVariants","cva","HIGHLIGHT_TOKEN","CycleCalculator","forwardRef","defaultCycleLength","onResultChange","onInsert","insertVariant","onCopy","onError","insertBrand","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/{due-date-calculator-CYXKLoof.js → due-date-calculator-mFxpHLml.js}

@@ -1,17 +1,17 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { forwardRef as F, useState as c, useMemo as g, useEffect as G } from "react";
-import { c as H } from "./index-D2ZczOXr.js";
+import { forwardRef as F, useState as c, useMemo as p, useEffect as H } from "react";
+import { c as G } from "./index-D2ZczOXr.js";
 import { useTranslation as R } from "react-i18next";
 import { R as s } from "./radio-TWf9Q-mp.js";
-import { R as h } from "./radio-group-CLjK-SlK.js";
-import { F as v } from "./form-field-BOm9hK35.js";
+import { R as v } from "./radio-group-CLjK-SlK.js";
+import { F as b } from "./form-field-BOm9hK35.js";
 import { D as S } from "./date-picker-Bq7xhMA-.js";
 import { N as M } from "./number-input-Dj5L3pXK.js";
-import { C as b } from "./card-DPmk26CL.js";
+import { C } from "./card-DPmk26CL.js";
 import { B as z } from "./badge-zsf5i5bH.js";
-import { I as V } from "./insert-result-CoC1oo6R.js";
-import { D as C, c as j } from "./gestation-mWF4AXea.js";
-const K = H("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+import { I as V } from "./insert-result-C5ABnzDl.js";
+import { D as y, c as j } from "./gestation-mWF4AXea.js";
+const K = G("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
   variants: {
     width: { full: "ds:w-full", auto: "ds:inline-flex" }
   },
@@ -26,17 +26,21 @@ const K = H("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
   preconception: "--muted",
   first: "--info",
   second: "--success",
-  third: "--warning",
+  third: "--warning-readable",
   postterm: "--destructive"
-}, P = {
+};
+function P(n) {
+  return O[n];
+}
+const U = {
   lmp: "dueDateCalculator.lmpDate",
   conception: "dueDateCalculator.conceptionDate",
   ivf: "dueDateCalculator.transferDate"
-}, U = F(
+}, q = F(
   ({
-    defaultMethod: y = "lmp",
+    defaultMethod: n = "lmp",
     onResultChange: d,
-    onInsert: p,
+    onInsert: f,
     insertVariant: D = "insert",
     onCopy: x,
     onError: N,
@@ -45,24 +49,24 @@ const K = H("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
     width: w,
     className: A
   }, T) => {
-    const { t: e, i18n: f } = R(), [r, I] = c(y), [o, _] = c(void 0), [u, $] = c(
-      C
-    ), [n, k] = c(5), t = g(() => o ? j(
+    const { t: e, i18n: h } = R(), [r, k] = c(n), [o, I] = c(void 0), [u, _] = c(
+      y
+    ), [m, $] = c(5), t = p(() => o ? j(
       {
         method: r,
         date: o,
-        cycleLength: u ?? C,
-        embryoAge: n
+        cycleLength: u ?? y,
+        embryoAge: m
       },
       /* @__PURE__ */ new Date()
-    ) : null, [r, o, u, n]), i = g(
-      () => new Intl.DateTimeFormat(f.language, { dateStyle: "long" }),
-      [f.language]
+    ) : null, [r, o, u, m]), i = p(
+      () => new Intl.DateTimeFormat(h.language, { dateStyle: "long" }),
+      [h.language]
     );
-    G(() => {
+    H(() => {
       d == null || d(t);
     }, [t, d]);
-    const B = g(() => /* @__PURE__ */ new Date(), []);
+    const B = p(() => /* @__PURE__ */ new Date(), []);
     return /* @__PURE__ */ l(
       "div",
       {
@@ -72,12 +76,12 @@ const K = H("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
         className: K({ width: w, className: A }),
         children: [
           /* @__PURE__ */ l(
-            h,
+            v,
             {
               label: e("dueDateCalculator.method.label"),
               variant: "horizontal",
               value: r,
-              onValueChange: (m) => I(m),
+              onValueChange: (g) => k(g),
               children: [
                 /* @__PURE__ */ a(s, { label: e("dueDateCalculator.method.lmp"), value: "lmp" }),
                 /* @__PURE__ */ a(
@@ -92,9 +96,9 @@ const K = H("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
             }
           ),
           /* @__PURE__ */ l("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
-            /* @__PURE__ */ a(v, { label: e(P[r]), children: /* @__PURE__ */ a(S, { value: o, onChange: _, maxDate: B }) }),
+            /* @__PURE__ */ a(b, { label: e(U[r]), children: /* @__PURE__ */ a(S, { value: o, onChange: I, maxDate: B }) }),
             r === "lmp" && /* @__PURE__ */ a(
-              v,
+              b,
               {
                 label: e("dueDateCalculator.cycleLength"),
                 description: e("dueDateCalculator.cycleLengthHint"),
@@ -105,18 +109,18 @@ const K = H("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                     min: 20,
                     max: 45,
                     value: u,
-                    onChange: $
+                    onChange: _
                   }
                 )
               }
             ),
             r === "ivf" && /* @__PURE__ */ l(
-              h,
+              v,
               {
                 label: e("dueDateCalculator.embryoAge"),
                 variant: "horizontal",
-                value: String(n),
-                onValueChange: (m) => k(Number(m)),
+                value: String(m),
+                onValueChange: (g) => $(Number(g)),
                 children: [
                   /* @__PURE__ */ a(s, { label: e("dueDateCalculator.day3"), value: "3" }),
                   /* @__PURE__ */ a(s, { label: e("dueDateCalculator.day5"), value: "5" })
@@ -129,7 +133,7 @@ const K = H("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
           )}. ${e("dueDateCalculator.result.trimesterLabel")}: ${e(
             `dueDateCalculator.trimester.${t.trimester}`
           )}.` : "" }),
-          t ? /* @__PURE__ */ a(b, { variant: "elevated", children: /* @__PURE__ */ l(b.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+          t ? /* @__PURE__ */ a(C, { variant: "elevated", children: /* @__PURE__ */ l(C.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
             /* @__PURE__ */ l("dl", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3", children: [
               /* @__PURE__ */ l("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("dueDateCalculator.result.trimesterLabel") }),
@@ -154,27 +158,33 @@ const K = H("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                 /* @__PURE__ */ a("dd", { className: "type-metric ds:text-foreground", children: i.format(t.dueDate) })
               ] })
             ] }),
-            D === "copy" || p ? /* @__PURE__ */ a(
+            D === "copy" || f ? /* @__PURE__ */ a(
               V,
               {
                 variant: D,
-                onInsert: p,
+                onInsert: f,
                 onCopy: x,
                 onError: N,
                 card: {
                   title: e("insert.title.dueDate"),
+                  icon: "calendar-heart",
                   highlight: i.format(t.dueDate),
                   // Chip tinted with the trimester's semantic token so the
                   // inserted PNG carries the same clinical-stage colour as
-                  // the on-screen trimester badge.
-                  highlightToken: O[t.trimester],
+                  // the on-screen trimester badge — with the contrast-safe
+                  // orange override for the `--warning` third trimester.
+                  highlightToken: P(t.trimester),
                   brand: L,
                   fields: [
                     {
+                      // The estimated date of delivery → calendar glyph.
+                      icon: "calendar",
                       label: e("dueDateCalculator.result.dueDateLabel"),
                       value: i.format(t.dueDate)
                     },
                     {
+                      // Gestational age is an elapsed duration → clock glyph.
+                      icon: "clock",
                       label: e("dueDateCalculator.result.gestationLabel"),
                       value: t.gestationalAge ? e("dueDateCalculator.result.gestation", {
                         weeks: t.gestationalAge.weeks,
@@ -182,6 +192,8 @@ const K = H("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                       }) : "—"
                     },
                     {
+                      // Trimester is a clinical-stage classification → tag.
+                      icon: "tag",
                       label: e("dueDateCalculator.result.trimesterLabel"),
                       value: e(
                         `dueDateCalculator.trimester.${t.trimester}`
@@ -197,8 +209,8 @@ const K = H("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
     );
   }
 );
-U.displayName = "DueDateCalculator";
+q.displayName = "DueDateCalculator";
 export {
-  U as D
+  q as D
 };
-//# sourceMappingURL=due-date-calculator-CYXKLoof.js.map
+//# sourceMappingURL=due-date-calculator-mFxpHLml.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"due-date-calculator-mFxpHLml.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/**\n * DS token NAME backing each trimester's result-card chip — the solid-fill\n * companion of the on-screen `TRIMESTER_BADGE` variant (Badge `error` fills\n * `--destructive`; `neutral` fills `--muted`). Passed as the card's\n * `highlightToken` so the inserted PNG chip matches the on-screen trimester\n * badge; `InsertButton` resolves the name to a concrete colour at raster time.\n */\nconst TRIMESTER_HIGHLIGHT_TOKEN: Record<Trimester, string> = {\n  preconception: '--muted',\n  first: '--info',\n  second: '--success',\n  third: '--warning-readable',\n  postterm: '--destructive',\n};\n\n/**\n * Theme-aware trimester chip token. `third` resolves to `--warning-readable`,\n * which the result card's colour probe resolves in the live themed DOM: orange-600\n * in light, non-accessible mode (where bare `--warning` yellow only reaches\n * ~3.2:1 on the white card) and `--warning` elsewhere, whose deepened ramp already\n * clears contrast. Resolving the token NAME at the card means the choice tracks\n * the live theme regardless of where the theme class lives. Other trimesters are\n * unchanged.\n */\nfunction trimesterHighlightToken(trimester: Trimester): string {\n  return TRIMESTER_HIGHLIGHT_TOKEN[trimester];\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  /** 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      insertBrand,\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                    icon: 'calendar-heart',\n                    highlight: dateFormatter.format(result.dueDate),\n                    // Chip tinted with the trimester's semantic token so the\n                    // inserted PNG carries the same clinical-stage colour as\n                    // the on-screen trimester badge — with the contrast-safe\n                    // orange override for the `--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(\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","TRIMESTER_HIGHLIGHT_TOKEN","trimesterHighlightToken","trimester","DATE_LABEL_KEY","DueDateCalculator","forwardRef","defaultMethod","onResultChange","onInsert","insertVariant","onCopy","onError","insertBrand","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/{editable-currency-cell-renderer-9jqwDv5x.js → editable-currency-cell-renderer-BEBUQl9P.js}

@@ -28,7 +28,7 @@ import { u as At } from "./use-theme-C2dHKUAN.js";
 import { u as Pt } from "./registry-nPAVE19X.js";
 import { D as ze } from "./date-range-picker-DcXuI9y7.js";
 import { M as Ot } from "./multi-select-DOLO3K_z.js";
-import { A as Ae } from "./autocomplete-DIgdhCGJ.js";
+import { A as Ae } from "./autocomplete-CDqxB68B.js";
 import { N as ee } from "./number-input-Dj5L3pXK.js";
 import { B as Mt } from "./badge-zsf5i5bH.js";
 import { A as Pe } from "./avatar-BNQNhoyL.js";
@@ -2332,4 +2332,4 @@ export {
   Be as q,
   xn as u
 };
-//# sourceMappingURL=editable-currency-cell-renderer-9jqwDv5x.js.map
+//# sourceMappingURL=editable-currency-cell-renderer-BEBUQl9P.js.map