@alfadocs/ui-kit-debug 0.47.0 → 0.48.0

package/dist/_chunks/{dialog-BTpZV6It.js → dialog-DMGnSelc.js}

@@ -1,12 +1,12 @@
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { useRef as j, useEffect as O, useMemo as T, forwardRef as i, useContext as x, createContext as B } from "react";
 import * as s from "@radix-ui/react-dialog";
 import { c as k } from "./index-D2ZczOXr.js";
-import { useTranslation as S } from "react-i18next";
-import { u as w } from "./use-controllable-state-BiY4xTzM.js";
-import { u as A } from "./registry-nPAVE19X.js";
-import { X as E } from "./x-CCcI3eJp.js";
-const H = {
+import { useTranslation as H } from "react-i18next";
+import { u as S } from "./use-controllable-state-BiY4xTzM.js";
+import { u as w } from "./registry-nPAVE19X.js";
+import { X as A } from "./x-CCcI3eJp.js";
+const E = {
   id: "dialog",
   capabilities: ["open", "close", "dismiss"],
   state: {
@@ -68,48 +68,48 @@ const H = {
     }
   },
   defaultVariants: { size: "md" }
-}), f = B(void 0), g = ({
+}), D = B(void 0), u = ({
   children: e,
   id: o,
   open: a,
-  defaultOpen: r,
+  defaultOpen: l,
   onOpenChange: c,
   ...m
 }) => {
-  const [p, n] = w({
+  const [p, n] = S({
     value: a,
-    defaultValue: r ?? !1,
+    defaultValue: l ?? !1,
     onChange: c
-  }), d = p ?? !1, l = j(d);
+  }), d = p ?? !1, r = j(d);
   O(() => {
-    l.current = d;
+    r.current = d;
   }, [d]);
-  const R = T(
+  const g = T(
     () => ({
-      getIsOpen: () => l.current,
+      getIsOpen: () => r.current,
       open: () => n(!0),
       close: () => n(!1)
     }),
     [n]
   );
-  return A(H, R, o), /* @__PURE__ */ t(f.Provider, { value: o, children: /* @__PURE__ */ t(s.Root, { open: d, onOpenChange: n, ...m, children: e }) });
+  return w(E, g, o), /* @__PURE__ */ t(D.Provider, { value: o, children: /* @__PURE__ */ t(s.Root, { open: d, onOpenChange: n, ...m, children: e }) });
 };
-g.displayName = "Dialog.Root";
-const D = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Trigger, { ref: a, ...o, children: e }));
-D.displayName = "Dialog.Trigger";
-const y = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Close, { ref: a, ...o, children: e }));
-y.displayName = "Dialog.Close";
-const v = i(
+u.displayName = "Dialog.Root";
+const y = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Trigger, { ref: a, ...o, children: e }));
+y.displayName = "Dialog.Trigger";
+const v = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Close, { ref: a, ...o, children: e }));
+v.displayName = "Dialog.Close";
+const C = i(
   ({
     size: e = "md",
     variant: o = "default",
-    hideCloseButton: a = !0,
-    className: r,
+    hideCloseButton: a,
+    className: l,
     children: c,
     ...m
   }, p) => {
-    const { t: n } = S(), d = x(f), l = o === "alert" ? { role: "alertdialog" } : {};
-    return /* @__PURE__ */ u(s.Portal, { children: [
+    const { t: n } = H(), d = x(D), r = o === "alert" ? { role: "alertdialog" } : {}, g = a ?? o !== "default";
+    return /* @__PURE__ */ f(s.Portal, { children: [
       /* @__PURE__ */ t(
         s.Overlay,
         {
@@ -117,18 +117,18 @@ const v = i(
           className: I
         }
       ),
-      /* @__PURE__ */ u(
+      /* @__PURE__ */ f(
         s.Content,
         {
           ref: p,
-          ...l,
+          ...r,
           "data-component": "dialog",
           "data-component-id": d,
-          className: F({ size: e, className: r }),
+          className: F({ size: e, className: l }),
           ...m,
           children: [
             c,
-            !a && // The close is a plain button carrying the `ds-dialog__close`
+            !g && // The close is a plain button carrying the `ds-dialog__close`
             // contract class — the SAME class a vanilla host renders. The CSS
             // (src/styles.css) owns its position, sizing, glyph size, hover
             // wash, and focus ring from tokens, so the React and non-React
@@ -139,7 +139,7 @@ const v = i(
                 type: "button",
                 className: "ds-dialog__close",
                 "aria-label": n("common.close", "Close"),
-                children: /* @__PURE__ */ t(E, { "aria-hidden": "true" })
+                children: /* @__PURE__ */ t(A, { "aria-hidden": "true" })
               }
             )
           ]
@@ -148,8 +148,8 @@ const v = i(
     ] });
   }
 );
-v.displayName = "Dialog.Content";
-const C = i(
+C.displayName = "Dialog.Content";
+const _ = i(
   ({ className: e, ...o }, a) => /* @__PURE__ */ t(
     "div",
     {
@@ -159,8 +159,8 @@ const C = i(
     }
   )
 );
-C.displayName = "Dialog.Header";
-const _ = i(
+_.displayName = "Dialog.Header";
+const b = i(
   ({ className: e, ...o }, a) => /* @__PURE__ */ t(
     "div",
     {
@@ -170,8 +170,8 @@ const _ = i(
     }
   )
 );
-_.displayName = "Dialog.Body";
-const b = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
+b.displayName = "Dialog.Body";
+const h = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
   s.Title,
   {
     ref: a,
@@ -179,8 +179,8 @@ const b = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
     ...o
   }
 ));
-b.displayName = "Dialog.Title";
-const h = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
+h.displayName = "Dialog.Title";
+const N = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
   s.Description,
   {
     ref: a,
@@ -188,12 +188,12 @@ const h = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
     ...o
   }
 ));
-h.displayName = "Dialog.Description";
-const N = i(
-  ({ className: e, divider: o = !1, ...a }, r) => /* @__PURE__ */ t(
+N.displayName = "Dialog.Description";
+const R = i(
+  ({ className: e, divider: o = !1, ...a }, l) => /* @__PURE__ */ t(
     "div",
     {
-      ref: r,
+      ref: l,
       className: [
         "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
         "ds:mt-[var(--spacing-md)]",
@@ -204,20 +204,20 @@ const N = i(
     }
   )
 );
-N.displayName = "Dialog.Footer";
-const $ = Object.assign(g, {
-  Root: g,
-  Trigger: D,
-  Content: v,
-  Header: C,
-  Title: b,
-  Description: h,
-  Body: _,
-  Footer: N,
-  Close: y
+R.displayName = "Dialog.Footer";
+const $ = Object.assign(u, {
+  Root: u,
+  Trigger: y,
+  Content: C,
+  Header: _,
+  Title: h,
+  Description: N,
+  Body: b,
+  Footer: R,
+  Close: v
 });
 export {
   $ as D,
-  H as d
+  E as d
 };
-//# sourceMappingURL=dialog-BTpZV6It.js.map
+//# sourceMappingURL=dialog-DMGnSelc.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-DMGnSelc.js","sources":["../../src/components/dialog/dialog.agent.ts","../../src/components/dialog/dialog.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { DialogHandle } from './dialog';\n\n/**\n * Dialog wraps Radix Dialog. The curated handle (`DialogHandle`) bridges the\n * Radix controlled-or-uncontrolled `open` state so an agent can observe and\n * drive the dialog without owning the React state itself.\n */\nexport const dialogAgent: AgentAdapter<DialogHandle> = {\n  id: 'dialog',\n  capabilities: ['open', 'close', 'dismiss'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      description: 'True when the dialog is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      description: 'Open the dialog.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'write',\n      description: 'Close the dialog. Reversible by reopening.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      description:\n        'Dismiss the dialog. Loses any in-progress input that has not been committed.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'dialog' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Dialog.Root.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useAgentRegistration } from '../../agent';\nimport { dialogAgent } from './dialog.agent';\n\n// The `ds-dialog__*` class names below are the framework-agnostic contract\n// defined in src/styles.css (@layer ui-kit-components). The React component\n// renders the SAME classes a vanilla (non-React) host hand-authors — the\n// surface (`ds-dialog__surface` + its size modifiers), the close button\n// (`ds-dialog__close`), and the body slot (`ds-dialog__body`) — so there is\n// ONE visual skin (scrim, radius, elevation, bg, padding, centering, sizing,\n// close-button glyph + hover/focus) and the two surfaces can't drift. The few\n// Tailwind utilities that remain are NOT skin: they are the Radix animation\n// hooks (`data-[state=…]:animate-*`) and the surface focus-suppression chrome\n// — neither lives in the vanilla CSS contract. Layer order\n// (`…, utilities, ui-kit-tokens, ui-kit-components`) puts the `ds-dialog__*`\n// rules after Tailwind's utilities, so the contract owns every visual\n// property and the animation utilities only touch `animation` / `outline`.\nconst OVERLAY_CLASSES = [\n  'ds-dialog__backdrop',\n  'ds:backdrop-blur-sm',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\n// Animation + focus chrome only — every visual property (position, centering,\n// bg, radius, elevation, padding, sizing) comes from `.ds-dialog__surface`.\nconst SURFACE_CHROME = [\n  'ds:focus-visible:outline-none',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\n// CVA drives only the contract class names per size. `ds-dialog` is the host\n// marker (cascade-reset boundary); `ds-dialog__surface` carries the panel skin;\n// the `--sm` / `--lg` / `--fullscreen` modifiers shift only `max-inline-size`\n// (or the fullscreen geometry) and are defined alongside the base rule in\n// src/styles.css — so size, like the skin, lives in one place.\nconst contentVariants = cva(`ds-dialog ds-dialog__surface ${SURFACE_CHROME}`, {\n  variants: {\n    size: {\n      sm: 'ds-dialog__surface--sm',\n      md: '',\n      lg: 'ds-dialog__surface--lg',\n      fullscreen: 'ds-dialog__surface--fullscreen',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n// Curated agent-readiness handle — see dialog.agent.ts.\nexport interface DialogHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface DialogRootProps extends ComponentPropsWithoutRef<\n  typeof RadixDialog.Root\n> {\n  /** Opaque instance id — forwarded to Dialog.Content as `data-component-id`. */\n  id?: string;\n}\n\nconst DialogIdContext = createContext<string | undefined>(undefined);\n\nconst DialogRoot = ({\n  children,\n  id,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: DialogRootProps) => {\n  const [openRaw, setOpen] = useControllableState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen ?? false,\n    onChange: onOpenChange,\n  });\n  const open = openRaw ?? false;\n\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  const handle = useMemo<DialogHandle>(\n    () => ({\n      getIsOpen: () => openRef.current,\n      open: () => setOpen(true),\n      close: () => setOpen(false),\n    }),\n    [setOpen],\n  );\n  useAgentRegistration(dialogAgent, handle, id);\n\n  return (\n    <DialogIdContext.Provider value={id}>\n      <RadixDialog.Root open={open} onOpenChange={setOpen} {...props}>\n        {children}\n      </RadixDialog.Root>\n    </DialogIdContext.Provider>\n  );\n};\nDialogRoot.displayName = 'Dialog.Root';\n\nconst DialogTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Trigger ref={ref} {...props}>\n    {children}\n  </RadixDialog.Trigger>\n));\nDialogTrigger.displayName = 'Dialog.Trigger';\n\nconst DialogClose = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Close>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Close ref={ref} {...props}>\n    {children}\n  </RadixDialog.Close>\n));\nDialogClose.displayName = 'Dialog.Close';\n\nexport interface DialogContentProps\n  extends\n    Omit<ComponentPropsWithoutRef<typeof RadixDialog.Content>, 'role'>,\n    VariantProps<typeof contentVariants> {\n  size?: 'sm' | 'md' | 'lg' | 'fullscreen';\n  variant?: 'default' | 'alert' | 'confirmation';\n  /**\n   * Hide the top-right dismiss \"X\". The default is **variant-aware**: the X is\n   * shown for `variant=\"default\"` and hidden for `variant=\"alert\"` /\n   * `\"confirmation\"` (forced-choice surfaces, where the decision is made via\n   * the explicit footer actions). An explicit value always wins — pass `false`\n   * to force the X onto an alert, or `true` to suppress it on a default dialog.\n   */\n  hideCloseButton?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\nconst DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  (\n    {\n      size = 'md',\n      variant = 'default',\n      hideCloseButton,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const instanceId = useContext(DialogIdContext);\n    // Only forward `role` when we actually need to override Radix's default\n    // (`role=\"dialog\"`). Passing `role={undefined}` explicitly wins over\n    // Radix's internal assignment and strips the attribute entirely.\n    const roleOverride =\n      variant === 'alert' ? { role: 'alertdialog' as const } : {};\n\n    // Variant-aware close default: plain dialogs expose the dismiss X; alert\n    // and confirmation dialogs are forced-choice (no X) so the decision is\n    // made via the explicit footer actions. An explicit `hideCloseButton`\n    // always wins.\n    const closeHidden = hideCloseButton ?? variant !== 'default';\n\n    return (\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay\n          data-component=\"dialog-overlay\"\n          className={OVERLAY_CLASSES}\n        />\n        <RadixDialog.Content\n          ref={ref}\n          {...roleOverride}\n          data-component=\"dialog\"\n          data-component-id={instanceId}\n          className={contentVariants({ size, className })}\n          {...props}\n        >\n          {children}\n\n          {!closeHidden && (\n            // The close is a plain button carrying the `ds-dialog__close`\n            // contract class — the SAME class a vanilla host renders. The CSS\n            // (src/styles.css) owns its position, sizing, glyph size, hover\n            // wash, and focus ring from tokens, so the React and non-React\n            // close buttons are identical and can't drift.\n            <RadixDialog.Close\n              type=\"button\"\n              className=\"ds-dialog__close\"\n              aria-label={t('common.close', 'Close')}\n            >\n              <X aria-hidden=\"true\" />\n            </RadixDialog.Close>\n          )}\n        </RadixDialog.Content>\n      </RadixDialog.Portal>\n    );\n  },\n);\nDialogContent.displayName = 'Dialog.Content';\n\nconst DialogHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={['ds-dialog__header', className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogHeader.displayName = 'Dialog.Header';\n\n// Optional body slot. Carries the `ds-dialog__body` contract class — the SAME\n// class a vanilla host renders — so content / iframe slots match between the\n// React and non-React surfaces and can't drift. Additive: content placed\n// directly in Dialog.Content (without this wrapper) still works as before.\nconst DialogBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={['ds-dialog__body', className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogBody.displayName = 'Dialog.Body';\n\nconst DialogTitle = forwardRef<\n  HTMLHeadingElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Title>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Title\n    ref={ref}\n    className={['ds-dialog__title type-title-card ds:break-words', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nDialogTitle.displayName = 'Dialog.Title';\n\nconst DialogDescription = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Description>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Description\n    ref={ref}\n    className={['type-body-sm ds:text-[var(--muted-foreground)]', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nDialogDescription.displayName = 'Dialog.Description';\n\ninterface DialogFooterProps extends HTMLAttributes<HTMLDivElement> {\n  divider?: boolean;\n}\n\nconst DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(\n  ({ className, divider = false, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]',\n        'ds:mt-[var(--spacing-md)]',\n        divider &&\n          'ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport const Dialog = Object.assign(DialogRoot, {\n  Root: DialogRoot,\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Body: DialogBody,\n  Footer: DialogFooter,\n  Close: DialogClose,\n});\n\nexport type { DialogFooterProps };\n"],"names":["dialogAgent","handle","OVERLAY_CLASSES","SURFACE_CHROME","contentVariants","cva","DialogIdContext","createContext","DialogRoot","children","id","openProp","defaultOpen","onOpenChange","props","openRaw","setOpen","useControllableState","open","openRef","useRef","useEffect","useMemo","useAgentRegistration","jsx","RadixDialog","DialogTrigger","forwardRef","ref","DialogClose","DialogContent","size","variant","hideCloseButton","className","t","useTranslation","instanceId","useContext","roleOverride","closeHidden","jsxs","X","DialogHeader","DialogBody","DialogTitle","DialogDescription","DialogFooter","divider","Dialog"],"mappings":"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"}

package/dist/_chunks/{due-date-calculator-mFxpHLml.js → due-date-calculator-BXd3ANj7.js}

@@ -9,7 +9,7 @@ import { D as S } from "./date-picker-Bq7xhMA-.js";
 import { N as M } from "./number-input-Dj5L3pXK.js";
 import { C } from "./card-DPmk26CL.js";
 import { B as z } from "./badge-zsf5i5bH.js";
-import { I as V } from "./insert-result-C5ABnzDl.js";
+import { I as V } from "./insert-result-DNdi_JYW.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: {
@@ -213,4 +213,4 @@ q.displayName = "DueDateCalculator";
 export {
   q as D
 };
-//# sourceMappingURL=due-date-calculator-mFxpHLml.js.map
+//# sourceMappingURL=due-date-calculator-BXd3ANj7.js.map

package/dist/_chunks/{due-date-calculator-mFxpHLml.js.map → due-date-calculator-BXd3ANj7.js.map}

@@ -1 +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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"}
+{"version":3,"file":"due-date-calculator-BXd3ANj7.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/entity-card-COhmqHly.js

@@ -0,0 +1,69 @@
+import { c as t } from "./index-D2ZczOXr.js";
+const i = t(
+  [
+    "ds:relative ds:rounded-[var(--radius-lg)]",
+    "ds:text-[color:var(--card-foreground)]",
+    "ds:transition-shadow ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      surface: {
+        flat: "",
+        elevated: [
+          "ds:bg-[var(--card)] ds:border ds:border-[color:var(--card-border)]",
+          "ds:shadow-[var(--shadow-card)]",
+          "ds:[.theme-accessible_&]:border-2"
+        ].join(" ")
+      },
+      density: {
+        comfortable: "ds:p-[var(--spacing-md)]",
+        compact: "ds:p-[var(--spacing-sm)]"
+      }
+    },
+    defaultVariants: {
+      surface: "elevated",
+      density: "comfortable"
+    }
+  }
+), l = {
+  estimate: "info",
+  accepted: "success",
+  discarded: "error",
+  closed: "neutral"
+}, s = {
+  absent: "error",
+  waiting: "warning",
+  in_care: "info",
+  done: "success",
+  cancelled: "error",
+  confirmed: "success"
+}, c = "neutral";
+function u(r) {
+  return s[r] ?? c;
+}
+const e = [
+  "var(--color-violet-500)",
+  "var(--color-purple-500)",
+  "var(--color-magenta-500)",
+  "var(--color-blue-500)",
+  "var(--color-green-500)",
+  "var(--color-red-500)",
+  "var(--color-yellow-500)",
+  "var(--color-indigo-500)",
+  "var(--color-orange-500)",
+  "var(--color-fuchsia-500)"
+], o = "var(--color-grey-700)";
+function v(r) {
+  if (r == null) return o;
+  const a = typeof r == "number" ? r : Number.parseInt(r, 10);
+  if (!Number.isFinite(a)) return o;
+  const n = (Math.trunc(a) % e.length + e.length) % e.length;
+  return e[n];
+}
+export {
+  l as C,
+  u as a,
+  v as c,
+  i as e
+};
+//# sourceMappingURL=entity-card-COhmqHly.js.map

package/dist/_chunks/entity-card-COhmqHly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-card-COhmqHly.js","sources":["../../src/components/_shared/entity-card/entity-card.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { BadgeProps } from '../../badge/badge';\n\n/* ------------------------------------------------------------------ */\n/* Shared helpers for the entity-card family                           */\n/* ------------------------------------------------------------------ */\n/*\n * Cross-cutting building blocks every \"entity card\" (AgendaCard,\n * MessageCard, NotificationCard, TaskCard, care-plan / appointment cards,\n * …) composes: the surface CVA, the state→Badge-variant lookups, and a\n * colour-id → palette-token resolver. All visual values reference kit\n * tokens — no hardcoded colour/spacing/radius literals.\n */\n\n/** The closed set of Badge variants the entity cards may use. */\ntype BadgeVariant = NonNullable<BadgeProps['variant']>;\n\n/* ------------------------------------------------------------------ */\n/* Surface CVA                                                         */\n/* ------------------------------------------------------------------ */\n/**\n * Shared card surface — `elevated` paints the kit card chrome (fill,\n * hairline border, shadow); `flat` drops it for use inside an existing\n * Card / Sheet. `density` tunes the internal padding.\n */\nexport const entitySurfaceVariants = cva(\n  [\n    'ds:relative ds:rounded-[var(--radius-lg)]',\n    'ds:text-[color:var(--card-foreground)]',\n    'ds:transition-shadow ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      surface: {\n        flat: '',\n        elevated: [\n          'ds:bg-[var(--card)] ds:border ds:border-[color:var(--card-border)]',\n          'ds:shadow-[var(--shadow-card)]',\n          'ds:[.theme-accessible_&]:border-2',\n        ].join(' '),\n      },\n      density: {\n        comfortable: 'ds:p-[var(--spacing-md)]',\n        compact: 'ds:p-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: {\n      surface: 'elevated',\n      density: 'comfortable',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* State → Badge variant lookups                                       */\n/* ------------------------------------------------------------------ */\n\n/** Care-plan lifecycle state → Badge variant. */\nexport const CARE_PLAN_STATE_BADGE = {\n  estimate: 'info',\n  accepted: 'success',\n  discarded: 'error',\n  closed: 'neutral',\n} as const satisfies Record<string, BadgeVariant>;\n\nexport type CarePlanState = keyof typeof CARE_PLAN_STATE_BADGE;\n\n/** Appointment lifecycle state → Badge variant. */\nexport const APPOINTMENT_STATE_BADGE = {\n  absent: 'error',\n  waiting: 'warning',\n  in_care: 'info',\n  done: 'success',\n  cancelled: 'error',\n  confirmed: 'success',\n} as const satisfies Record<string, BadgeVariant>;\n\nexport type AppointmentState = keyof typeof APPOINTMENT_STATE_BADGE;\n\n/** Fallback variant for an unknown / out-of-vocabulary appointment state. */\nexport const APPOINTMENT_STATE_BADGE_DEFAULT: BadgeVariant = 'neutral';\n\n/**\n * Resolve an appointment state to its Badge variant, falling back to a\n * neutral chip for any value outside the known vocabulary.\n */\nexport function appointmentStateBadge(state: string): BadgeVariant {\n  return (\n    (APPOINTMENT_STATE_BADGE as Record<string, BadgeVariant>)[state] ??\n    APPOINTMENT_STATE_BADGE_DEFAULT\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Colour-id → palette token                                           */\n/* ------------------------------------------------------------------ */\n/**\n * AlfaDocs assigns operators / categories a numeric colour id. Map it onto\n * a closed set of EXISTING kit palette tokens — the six brand families plus\n * the semantic ramps. Unknown ids fall back to the neutral grey step. The\n * value is a `var(--…)` token, never a literal, so consumers feed it to a\n * token-driven surface (e.g. via `--avatar-color-override`).\n */\nconst COLOR_ID_TOKENS = [\n  'var(--color-violet-500)',\n  'var(--color-purple-500)',\n  'var(--color-magenta-500)',\n  'var(--color-blue-500)',\n  'var(--color-green-500)',\n  'var(--color-red-500)',\n  'var(--color-yellow-500)',\n  'var(--color-indigo-500)',\n  'var(--color-orange-500)',\n  'var(--color-fuchsia-500)',\n] as const;\n\nconst COLOR_ID_FALLBACK = 'var(--color-grey-700)';\n\nexport function colorIdToToken(\n  colorId: number | string | null | undefined,\n): string {\n  if (colorId === null || colorId === undefined) return COLOR_ID_FALLBACK;\n  const n =\n    typeof colorId === 'number' ? colorId : Number.parseInt(colorId, 10);\n  if (!Number.isFinite(n)) return COLOR_ID_FALLBACK;\n  const index =\n    ((Math.trunc(n) % COLOR_ID_TOKENS.length) + COLOR_ID_TOKENS.length) %\n    COLOR_ID_TOKENS.length;\n  return COLOR_ID_TOKENS[index];\n}\n\n/* ------------------------------------------------------------------ */\n/* Re-exports                                                          */\n/* ------------------------------------------------------------------ */\n\nexport { isSafeEntityUrl } from '../is-safe-url';\n"],"names":["entitySurfaceVariants","cva","CARE_PLAN_STATE_BADGE","APPOINTMENT_STATE_BADGE","APPOINTMENT_STATE_BADGE_DEFAULT","appointmentStateBadge","state","COLOR_ID_TOKENS","COLOR_ID_FALLBACK","colorIdToToken","colorId","n","index"],"mappings":";AAyBO,MAAMA,IAAwBC;AAAA,EACnC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,UAAU;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,MAAA;AAAA,MAEZ,SAAS;AAAA,QACP,aAAa;AAAA,QACb,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAOaC,IAAwB;AAAA,EACnC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AACV,GAKaC,IAA0B;AAAA,EACrC,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW;AACb,GAKaC,IAAgD;AAMtD,SAASC,EAAsBC,GAA6B;AACjE,SACGH,EAAyDG,CAAK,KAC/DF;AAEJ;AAYA,MAAMG,IAAkB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAAoB;AAEnB,SAASC,EACdC,GACQ;AACR,MAAIA,KAAY,KAA+B,QAAOF;AACtD,QAAMG,IACJ,OAAOD,KAAY,WAAWA,IAAU,OAAO,SAASA,GAAS,EAAE;AACrE,MAAI,CAAC,OAAO,SAASC,CAAC,EAAG,QAAOH;AAChC,QAAMI,KACF,KAAK,MAAMD,CAAC,IAAIJ,EAAgB,SAAUA,EAAgB,UAC5DA,EAAgB;AAClB,SAAOA,EAAgBK,CAAK;AAC9B;"}

package/dist/_chunks/{gestational-age-calculator-gWI_uRA1.js → gestational-age-calculator-Crj6FgZw.js}

@@ -8,7 +8,7 @@ import { F } from "./form-field-BOm9hK35.js";
 import { D as M } from "./date-picker-Bq7xhMA-.js";
 import { C as A } from "./card-DPmk26CL.js";
 import { B as v } from "./badge-zsf5i5bH.js";
-import { I as R } from "./insert-result-C5ABnzDl.js";
+import { I as R } from "./insert-result-DNdi_JYW.js";
 import { c as H, g as _, G as j } from "./gestation-mWF4AXea.js";
 import { s as z } from "./subDays-Dv7q9S7u.js";
 import { i as O } from "./date-picker-variants-DLi1Va_e.js";
@@ -200,4 +200,4 @@ q.displayName = "GestationalAgeCalculator";
 export {
   q as G
 };
-//# sourceMappingURL=gestational-age-calculator-gWI_uRA1.js.map
+//# sourceMappingURL=gestational-age-calculator-Crj6FgZw.js.map

package/dist/_chunks/{gestational-age-calculator-gWI_uRA1.js.map → gestational-age-calculator-Crj6FgZw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"gestational-age-calculator-gWI_uRA1.js","sources":["../../src/components/gestational-age-calculator/gestational-age-calculator.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* GestationalAgeCalculator — current gestational age, trimester and     */\n/* milestone dates, from either a known LMP or a known due date.         */\n/*                                                                     */\n/* Reuses the shared `gestation` maths from due-date-calculator: GA day  */\n/* 0 is the LMP; from an EDD we back out LMP = EDD − 280 days.           */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { subDays, isAfter } from 'date-fns';\nimport { RadioGroup, Radio } from '../radio-group';\nimport { FormField } from '../form-field';\nimport { DatePicker } from '../date-picker';\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 Trimester,\n  type GestationalAge,\n  computeDueDate,\n  gestationalMilestones,\n  GESTATION_DAYS,\n} from '../due-date-calculator';\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\ntype DateMethod = 'lmp' | 'edd';\n\nexport interface GestationalAgeResult {\n  gestationalAge: GestationalAge | null;\n  trimester: Trimester;\n  dueDate: Date;\n}\n\nexport interface GestationalAgeCalculatorProps extends VariantProps<\n  typeof rootVariants\n> {\n  /** Whether the input date is the last period (`lmp`) or the due date (`edd`). */\n  defaultMethod?: DateMethod;\n  /** Fires whenever a result can be computed (and `null` when it can't). */\n  onResultChange?: (result: GestationalAgeResult | 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 GestationalAgeCalculator = forwardRef<\n  HTMLDivElement,\n  GestationalAgeCalculatorProps\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<DateMethod>(defaultMethod);\n    const [refDate, setRefDate] = useState<Date | undefined>(undefined);\n\n    const today = useMemo(() => new Date(), []);\n\n    const data = useMemo(() => {\n      if (!refDate) return null;\n      // Normalise to an LMP, then reuse the shared gestation maths.\n      const lmp = method === 'lmp' ? refDate : subDays(refDate, GESTATION_DAYS);\n      const r = computeDueDate({ method: 'lmp', date: lmp }, today);\n      return {\n        result: {\n          gestationalAge: r.gestationalAge,\n          trimester: r.trimester,\n          dueDate: r.dueDate,\n        } satisfies GestationalAgeResult,\n        milestones: gestationalMilestones(r.gestationalStart),\n      };\n    }, [method, refDate, today]);\n\n    const dateFormatter = useMemo(\n      () => new Intl.DateTimeFormat(i18n.language, { dateStyle: 'medium' }),\n      [i18n.language],\n    );\n\n    useEffect(() => {\n      onResultChange?.(data?.result ?? null);\n    }, [data, onResultChange]);\n\n    const gaText = (ga: GestationalAge | null): string =>\n      ga\n        ? t('gestationalAgeCalculator.gestation', {\n            weeks: ga.weeks,\n            days: ga.days,\n          })\n        : '—';\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"gestational-age-calculator\"\n        data-component-id={id}\n        className={rootVariants({ width, className })}\n      >\n        <RadioGroup\n          label={t('gestationalAgeCalculator.method.label')}\n          variant=\"horizontal\"\n          value={method}\n          onValueChange={(next) => setMethod(next as DateMethod)}\n        >\n          <Radio label={t('gestationalAgeCalculator.method.lmp')} value=\"lmp\" />\n          <Radio label={t('gestationalAgeCalculator.method.edd')} value=\"edd\" />\n        </RadioGroup>\n\n        <FormField\n          label={t(\n            method === 'lmp'\n              ? 'gestationalAgeCalculator.lmpDate'\n              : 'gestationalAgeCalculator.eddDate',\n          )}\n        >\n          <DatePicker\n            value={refDate}\n            onChange={setRefDate}\n            maxDate={method === 'lmp' ? today : undefined}\n          />\n        </FormField>\n\n        <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n          {data\n            ? `${t('gestationalAgeCalculator.gestationLabel')}: ${gaText(\n                data.result.gestationalAge,\n              )}. ${t('gestationalAgeCalculator.trimesterLabel')}: ${t(\n                `gestationalAgeCalculator.trimester.${data.result.trimester}`,\n              )}.`\n            : ''}\n        </p>\n\n        {data ? (\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-2\">\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('gestationalAgeCalculator.trimesterLabel')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant={TRIMESTER_BADGE[data.result.trimester]}\n                      size=\"lg\"\n                    >\n                      {t(\n                        `gestationalAgeCalculator.trimester.${data.result.trimester}`,\n                      )}\n                    </Badge>\n                  </dd>\n                </div>\n                <div className=\"ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-xs)] ds:text-end\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('gestationalAgeCalculator.gestationLabel')}\n                  </dt>\n                  <dd className=\"type-metric ds:text-foreground\">\n                    {gaText(data.result.gestationalAge)}\n                  </dd>\n                </div>\n              </dl>\n\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                <span className=\"type-label ds:text-muted-foreground\">\n                  {t('gestationalAgeCalculator.milestonesLabel')}\n                </span>\n                <ul className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                  {data.milestones.map((m) => {\n                    const reached = isAfter(today, m.date);\n                    return (\n                      <li\n                        key={m.key}\n                        className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-md)]\"\n                      >\n                        <span className=\"type-body ds:text-foreground\">\n                          {t(`gestationalAgeCalculator.milestone.${m.key}`)}\n                        </span>\n                        <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n                          <span className=\"type-body ds:text-muted-foreground\">\n                            {dateFormatter.format(m.date)}\n                          </span>\n                          {reached ? (\n                            <Badge variant=\"success\">\n                              {t('gestationalAgeCalculator.reached')}\n                            </Badge>\n                          ) : null}\n                        </span>\n                      </li>\n                    );\n                  })}\n                </ul>\n              </div>\n              {insertVariant === 'copy' || onInsert ? (\n                <InsertButton\n                  onInsert={onInsert}\n                  variant={insertVariant}\n                  onCopy={onCopy}\n                  onError={onError}\n                  card={{\n                    title: t('insert.title.gestationalAge'),\n                    icon: 'baby',\n                    highlight: t(\n                      `gestationalAgeCalculator.trimester.${data.result.trimester}`,\n                    ),\n                    // Chip shares the trimester's semantic token so the\n                    // inserted PNG chip matches the on-screen trimester badge —\n                    // with the contrast-safe orange override for the\n                    // `--warning` third trimester.\n                    highlightToken: trimesterHighlightToken(\n                      data.result.trimester,\n                    ),\n                    brand: insertBrand,\n                    fields: [\n                      {\n                        // Gestational age is an elapsed duration → clock glyph.\n                        icon: 'clock',\n                        label: t('gestationalAgeCalculator.gestationLabel'),\n                        value: gaText(data.result.gestationalAge),\n                      },\n                      {\n                        // Trimester is a clinical-stage classification → tag.\n                        icon: 'tag',\n                        label: t('gestationalAgeCalculator.trimesterLabel'),\n                        value: t(\n                          `gestationalAgeCalculator.trimester.${data.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('gestationalAgeCalculator.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nGestationalAgeCalculator.displayName = 'GestationalAgeCalculator';\n"],"names":["rootVariants","cva","TRIMESTER_BADGE","TRIMESTER_HIGHLIGHT_TOKEN","trimesterHighlightToken","trimester","GestationalAgeCalculator","forwardRef","defaultMethod","onResultChange","onInsert","insertVariant","onCopy","onError","insertBrand","id","width","className","ref","t","i18n","useTranslation","method","setMethod","useState","refDate","setRefDate","today","useMemo","data","lmp","subDays","GESTATION_DAYS","computeDueDate","gestationalMilestones","dateFormatter","useEffect","gaText","ga","jsxs","RadioGroup","next","jsx","Radio","FormField","DatePicker","Card","Badge","m","reached","isAfter","InsertButton"],"mappings":";;;;;;;;;;;;;;AA+BA,MAAMA,IAAeC,EAAI,kDAAkD;AAAA,EACzE,UAAU;AAAA,IACR,OAAO,EAAE,MAAM,aAAa,MAAM,iBAAA;AAAA,EAAiB;AAAA,EAErD,iBAAiB,EAAE,OAAO,OAAA;AAC5B,CAAC,GAEKC,IAGF;AAAA,EACF,eAAe;AAAA,EACf,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AACZ,GASMC,IAAuD;AAAA,EAC3D,eAAe;AAAA,EACf,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AACZ;AAWA,SAASC,EAAwBC,GAA8B;AAC7D,SAAOF,EAA0BE,CAAS;AAC5C;AAyCO,MAAMC,IAA2BC;AAAA,EAItC,CACE;AAAA,IACE,eAAAC,IAAgB;AAAA,IAChB,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,GAEFC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,EAAA,GAEd,CAACC,GAAQC,CAAS,IAAIC,EAAqBhB,CAAa,GACxD,CAACiB,GAASC,CAAU,IAAIF,EAA2B,MAAS,GAE5DG,IAAQC,EAAQ,0BAAU,KAAA,GAAQ,CAAA,CAAE,GAEpCC,IAAOD,EAAQ,MAAM;AACzB,UAAI,CAACH,EAAS,QAAO;AAErB,YAAMK,IAAMR,MAAW,QAAQG,IAAUM,EAAQN,GAASO,CAAc,GAClE,IAAIC,EAAe,EAAE,QAAQ,OAAO,MAAMH,EAAA,GAAOH,CAAK;AAC5D,aAAO;AAAA,QACL,QAAQ;AAAA,UACN,gBAAgB,EAAE;AAAA,UAClB,WAAW,EAAE;AAAA,UACb,SAAS,EAAE;AAAA,QAAA;AAAA,QAEb,YAAYO,EAAsB,EAAE,gBAAgB;AAAA,MAAA;AAAA,IAExD,GAAG,CAACZ,GAAQG,GAASE,CAAK,CAAC,GAErBQ,IAAgBP;AAAA,MACpB,MAAM,IAAI,KAAK,eAAeR,EAAK,UAAU,EAAE,WAAW,UAAU;AAAA,MACpE,CAACA,EAAK,QAAQ;AAAA,IAAA;AAGhB,IAAAgB,EAAU,MAAM;AACd,MAAA3B,KAAA,QAAAA,GAAiBoB,KAAA,gBAAAA,EAAM,WAAU;AAAA,IACnC,GAAG,CAACA,GAAMpB,CAAc,CAAC;AAEzB,UAAM4B,IAAS,CAACC,MACdA,IACInB,EAAE,sCAAsC;AAAA,MACtC,OAAOmB,EAAG;AAAA,MACV,MAAMA,EAAG;AAAA,IAAA,CACV,IACD;AAEN,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAArB;AAAA,QACA,kBAAe;AAAA,QACf,qBAAmBH;AAAA,QACnB,WAAWf,EAAa,EAAE,OAAAgB,GAAO,WAAAC,GAAW;AAAA,QAE5C,UAAA;AAAA,UAAA,gBAAAsB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAOrB,EAAE,uCAAuC;AAAA,cAChD,SAAQ;AAAA,cACR,OAAOG;AAAA,cACP,eAAe,CAACmB,MAASlB,EAAUkB,CAAkB;AAAA,cAErD,UAAA;AAAA,gBAAA,gBAAAC,EAACC,KAAM,OAAOxB,EAAE,qCAAqC,GAAG,OAAM,OAAM;AAAA,kCACnEwB,GAAA,EAAM,OAAOxB,EAAE,qCAAqC,GAAG,OAAM,MAAA,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGtE,gBAAAuB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAOzB;AAAA,gBACLG,MAAW,QACP,qCACA;AAAA,cAAA;AAAA,cAGN,UAAA,gBAAAoB;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,OAAOpB;AAAA,kBACP,UAAUC;AAAA,kBACV,SAASJ,MAAW,QAAQK,IAAQ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACtC;AAAA,UAAA;AAAA,UAGF,gBAAAe,EAAC,KAAA,EAAE,WAAU,cAAa,MAAK,UAAS,aAAU,UAC/C,UAAAb,IACG,GAAGV,EAAE,yCAAyC,CAAC,KAAKkB;AAAA,YAClDR,EAAK,OAAO;AAAA,UAAA,CACb,KAAKV,EAAE,yCAAyC,CAAC,KAAKA;AAAA,YACrD,sCAAsCU,EAAK,OAAO,SAAS;AAAA,UAAA,CAC5D,MACD,IACN;AAAA,UAECA,IACC,gBAAAa,EAACI,GAAA,EAAK,SAAQ,YACZ,4BAACA,EAAK,MAAL,EAAU,WAAU,kDACnB,UAAA;AAAA,YAAA,gBAAAP,EAAC,MAAA,EAAG,WAAU,uEACZ,UAAA;AAAA,cAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iEACb,UAAA;AAAA,gBAAA,gBAAAG,EAAC,MAAA,EAAG,WAAU,uCACX,UAAAvB,EAAE,yCAAyC,GAC9C;AAAA,kCACC,MAAA,EACC,UAAA,gBAAAuB;AAAA,kBAACK;AAAA,kBAAA;AAAA,oBACC,SAAS7C,EAAgB2B,EAAK,OAAO,SAAS;AAAA,oBAC9C,MAAK;AAAA,oBAEJ,UAAAV;AAAA,sBACC,sCAAsCU,EAAK,OAAO,SAAS;AAAA,oBAAA;AAAA,kBAC7D;AAAA,gBAAA,EACF,CACF;AAAA,cAAA,GACF;AAAA,cACA,gBAAAU,EAAC,OAAA,EAAI,WAAU,2EACb,UAAA;AAAA,gBAAA,gBAAAG,EAAC,MAAA,EAAG,WAAU,uCACX,UAAAvB,EAAE,yCAAyC,GAC9C;AAAA,gBACA,gBAAAuB,EAAC,QAAG,WAAU,kCACX,YAAOb,EAAK,OAAO,cAAc,EAAA,CACpC;AAAA,cAAA,EAAA,CACF;AAAA,YAAA,GACF;AAAA,YAEA,gBAAAU,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,cAAA,gBAAAG,EAAC,QAAA,EAAK,WAAU,uCACb,UAAAvB,EAAE,0CAA0C,GAC/C;AAAA,cACA,gBAAAuB,EAAC,QAAG,WAAU,kDACX,YAAK,WAAW,IAAI,CAACM,MAAM;AAC1B,sBAAMC,IAAUC,EAAQvB,GAAOqB,EAAE,IAAI;AACrC,uBACE,gBAAAT;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,WAAU;AAAA,oBAEV,UAAA;AAAA,sBAAA,gBAAAG,EAAC,QAAA,EAAK,WAAU,gCACb,UAAAvB,EAAE,sCAAsC6B,EAAE,GAAG,EAAE,EAAA,CAClD;AAAA,sBACA,gBAAAT,EAAC,QAAA,EAAK,WAAU,sDACd,UAAA;AAAA,wBAAA,gBAAAG,EAAC,UAAK,WAAU,sCACb,YAAc,OAAOM,EAAE,IAAI,GAC9B;AAAA,wBACCC,sBACEF,GAAA,EAAM,SAAQ,WACZ,UAAA5B,EAAE,kCAAkC,GACvC,IACE;AAAA,sBAAA,EAAA,CACN;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAfK6B,EAAE;AAAA,gBAAA;AAAA,cAkBb,CAAC,EAAA,CACH;AAAA,YAAA,GACF;AAAA,YACCrC,MAAkB,UAAUD,IAC3B,gBAAAgC;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,UAAAzC;AAAA,gBACA,SAASC;AAAA,gBACT,QAAAC;AAAA,gBACA,SAAAC;AAAA,gBACA,MAAM;AAAA,kBACJ,OAAOM,EAAE,6BAA6B;AAAA,kBACtC,MAAM;AAAA,kBACN,WAAWA;AAAA,oBACT,sCAAsCU,EAAK,OAAO,SAAS;AAAA,kBAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAM7D,gBAAgBzB;AAAA,oBACdyB,EAAK,OAAO;AAAA,kBAAA;AAAA,kBAEd,OAAOf;AAAA,kBACP,QAAQ;AAAA,oBACN;AAAA;AAAA,sBAEE,MAAM;AAAA,sBACN,OAAOK,EAAE,yCAAyC;AAAA,sBAClD,OAAOkB,EAAOR,EAAK,OAAO,cAAc;AAAA,oBAAA;AAAA,oBAE1C;AAAA;AAAA,sBAEE,MAAM;AAAA,sBACN,OAAOV,EAAE,yCAAyC;AAAA,sBAClD,OAAOA;AAAA,wBACL,sCAAsCU,EAAK,OAAO,SAAS;AAAA,sBAAA;AAAA,oBAC7D;AAAA,kBACF;AAAA,gBACF;AAAA,cACF;AAAA,YAAA,IAEA;AAAA,UAAA,EAAA,CACN,EAAA,CACF,IAEA,gBAAAa,EAAC,KAAA,EAAE,WAAU,sCACV,UAAAvB,EAAE,gCAAgC,EAAA,CACrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEAb,EAAyB,cAAc;"}
+{"version":3,"file":"gestational-age-calculator-Crj6FgZw.js","sources":["../../src/components/gestational-age-calculator/gestational-age-calculator.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* GestationalAgeCalculator — current gestational age, trimester and     */\n/* milestone dates, from either a known LMP or a known due date.         */\n/*                                                                     */\n/* Reuses the shared `gestation` maths from due-date-calculator: GA day  */\n/* 0 is the LMP; from an EDD we back out LMP = EDD − 280 days.           */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { subDays, isAfter } from 'date-fns';\nimport { RadioGroup, Radio } from '../radio-group';\nimport { FormField } from '../form-field';\nimport { DatePicker } from '../date-picker';\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 Trimester,\n  type GestationalAge,\n  computeDueDate,\n  gestationalMilestones,\n  GESTATION_DAYS,\n} from '../due-date-calculator';\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\ntype DateMethod = 'lmp' | 'edd';\n\nexport interface GestationalAgeResult {\n  gestationalAge: GestationalAge | null;\n  trimester: Trimester;\n  dueDate: Date;\n}\n\nexport interface GestationalAgeCalculatorProps extends VariantProps<\n  typeof rootVariants\n> {\n  /** Whether the input date is the last period (`lmp`) or the due date (`edd`). */\n  defaultMethod?: DateMethod;\n  /** Fires whenever a result can be computed (and `null` when it can't). */\n  onResultChange?: (result: GestationalAgeResult | 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 GestationalAgeCalculator = forwardRef<\n  HTMLDivElement,\n  GestationalAgeCalculatorProps\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<DateMethod>(defaultMethod);\n    const [refDate, setRefDate] = useState<Date | undefined>(undefined);\n\n    const today = useMemo(() => new Date(), []);\n\n    const data = useMemo(() => {\n      if (!refDate) return null;\n      // Normalise to an LMP, then reuse the shared gestation maths.\n      const lmp = method === 'lmp' ? refDate : subDays(refDate, GESTATION_DAYS);\n      const r = computeDueDate({ method: 'lmp', date: lmp }, today);\n      return {\n        result: {\n          gestationalAge: r.gestationalAge,\n          trimester: r.trimester,\n          dueDate: r.dueDate,\n        } satisfies GestationalAgeResult,\n        milestones: gestationalMilestones(r.gestationalStart),\n      };\n    }, [method, refDate, today]);\n\n    const dateFormatter = useMemo(\n      () => new Intl.DateTimeFormat(i18n.language, { dateStyle: 'medium' }),\n      [i18n.language],\n    );\n\n    useEffect(() => {\n      onResultChange?.(data?.result ?? null);\n    }, [data, onResultChange]);\n\n    const gaText = (ga: GestationalAge | null): string =>\n      ga\n        ? t('gestationalAgeCalculator.gestation', {\n            weeks: ga.weeks,\n            days: ga.days,\n          })\n        : '—';\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"gestational-age-calculator\"\n        data-component-id={id}\n        className={rootVariants({ width, className })}\n      >\n        <RadioGroup\n          label={t('gestationalAgeCalculator.method.label')}\n          variant=\"horizontal\"\n          value={method}\n          onValueChange={(next) => setMethod(next as DateMethod)}\n        >\n          <Radio label={t('gestationalAgeCalculator.method.lmp')} value=\"lmp\" />\n          <Radio label={t('gestationalAgeCalculator.method.edd')} value=\"edd\" />\n        </RadioGroup>\n\n        <FormField\n          label={t(\n            method === 'lmp'\n              ? 'gestationalAgeCalculator.lmpDate'\n              : 'gestationalAgeCalculator.eddDate',\n          )}\n        >\n          <DatePicker\n            value={refDate}\n            onChange={setRefDate}\n            maxDate={method === 'lmp' ? today : undefined}\n          />\n        </FormField>\n\n        <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n          {data\n            ? `${t('gestationalAgeCalculator.gestationLabel')}: ${gaText(\n                data.result.gestationalAge,\n              )}. ${t('gestationalAgeCalculator.trimesterLabel')}: ${t(\n                `gestationalAgeCalculator.trimester.${data.result.trimester}`,\n              )}.`\n            : ''}\n        </p>\n\n        {data ? (\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-2\">\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('gestationalAgeCalculator.trimesterLabel')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant={TRIMESTER_BADGE[data.result.trimester]}\n                      size=\"lg\"\n                    >\n                      {t(\n                        `gestationalAgeCalculator.trimester.${data.result.trimester}`,\n                      )}\n                    </Badge>\n                  </dd>\n                </div>\n                <div className=\"ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-xs)] ds:text-end\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('gestationalAgeCalculator.gestationLabel')}\n                  </dt>\n                  <dd className=\"type-metric ds:text-foreground\">\n                    {gaText(data.result.gestationalAge)}\n                  </dd>\n                </div>\n              </dl>\n\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                <span className=\"type-label ds:text-muted-foreground\">\n                  {t('gestationalAgeCalculator.milestonesLabel')}\n                </span>\n                <ul className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                  {data.milestones.map((m) => {\n                    const reached = isAfter(today, m.date);\n                    return (\n                      <li\n                        key={m.key}\n                        className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-md)]\"\n                      >\n                        <span className=\"type-body ds:text-foreground\">\n                          {t(`gestationalAgeCalculator.milestone.${m.key}`)}\n                        </span>\n                        <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n                          <span className=\"type-body ds:text-muted-foreground\">\n                            {dateFormatter.format(m.date)}\n                          </span>\n                          {reached ? (\n                            <Badge variant=\"success\">\n                              {t('gestationalAgeCalculator.reached')}\n                            </Badge>\n                          ) : null}\n                        </span>\n                      </li>\n                    );\n                  })}\n                </ul>\n              </div>\n              {insertVariant === 'copy' || onInsert ? (\n                <InsertButton\n                  onInsert={onInsert}\n                  variant={insertVariant}\n                  onCopy={onCopy}\n                  onError={onError}\n                  card={{\n                    title: t('insert.title.gestationalAge'),\n                    icon: 'baby',\n                    highlight: t(\n                      `gestationalAgeCalculator.trimester.${data.result.trimester}`,\n                    ),\n                    // Chip shares the trimester's semantic token so the\n                    // inserted PNG chip matches the on-screen trimester badge —\n                    // with the contrast-safe orange override for the\n                    // `--warning` third trimester.\n                    highlightToken: trimesterHighlightToken(\n                      data.result.trimester,\n                    ),\n                    brand: insertBrand,\n                    fields: [\n                      {\n                        // Gestational age is an elapsed duration → clock glyph.\n                        icon: 'clock',\n                        label: t('gestationalAgeCalculator.gestationLabel'),\n                        value: gaText(data.result.gestationalAge),\n                      },\n                      {\n                        // Trimester is a clinical-stage classification → tag.\n                        icon: 'tag',\n                        label: t('gestationalAgeCalculator.trimesterLabel'),\n                        value: t(\n                          `gestationalAgeCalculator.trimester.${data.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('gestationalAgeCalculator.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nGestationalAgeCalculator.displayName = 'GestationalAgeCalculator';\n"],"names":["rootVariants","cva","TRIMESTER_BADGE","TRIMESTER_HIGHLIGHT_TOKEN","trimesterHighlightToken","trimester","GestationalAgeCalculator","forwardRef","defaultMethod","onResultChange","onInsert","insertVariant","onCopy","onError","insertBrand","id","width","className","ref","t","i18n","useTranslation","method","setMethod","useState","refDate","setRefDate","today","useMemo","data","lmp","subDays","GESTATION_DAYS","computeDueDate","gestationalMilestones","dateFormatter","useEffect","gaText","ga","jsxs","RadioGroup","next","jsx","Radio","FormField","DatePicker","Card","Badge","m","reached","isAfter","InsertButton"],"mappings":"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"}