@alfadocs/ui-kit-debug 0.42.0 → 0.44.0

package/dist/_chunks/dialog-BTpZV6It.js

@@ -0,0 +1,223 @@
+import { jsx as t, jsxs as u } 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 = {
+  id: "dialog",
+  capabilities: ["open", "close", "dismiss"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      description: "True when the dialog is currently open.",
+      read: (e) => e.getIsOpen()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      description: "Open the dialog.",
+      invoke: (e) => {
+        e.open();
+      }
+    },
+    close: {
+      safety: "write",
+      description: "Close the dialog. Reversible by reopening.",
+      invoke: (e) => {
+        e.close();
+      }
+    },
+    dismiss: {
+      safety: "destructive",
+      description: "Dismiss the dialog. Loses any in-progress input that has not been committed.",
+      invoke: (e) => {
+        e.close();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "dialog" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on Dialog.Root."
+    }
+  }
+}, I = [
+  "ds-dialog__backdrop",
+  "ds:backdrop-blur-sm",
+  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
+  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
+  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), z = [
+  "ds:focus-visible:outline-none",
+  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95",
+  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95",
+  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), F = k(`ds-dialog ds-dialog__surface ${z}`, {
+  variants: {
+    size: {
+      sm: "ds-dialog__surface--sm",
+      md: "",
+      lg: "ds-dialog__surface--lg",
+      fullscreen: "ds-dialog__surface--fullscreen"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), f = B(void 0), g = ({
+  children: e,
+  id: o,
+  open: a,
+  defaultOpen: r,
+  onOpenChange: c,
+  ...m
+}) => {
+  const [p, n] = w({
+    value: a,
+    defaultValue: r ?? !1,
+    onChange: c
+  }), d = p ?? !1, l = j(d);
+  O(() => {
+    l.current = d;
+  }, [d]);
+  const R = T(
+    () => ({
+      getIsOpen: () => l.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 }) });
+};
+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(
+  ({
+    size: e = "md",
+    variant: o = "default",
+    hideCloseButton: a = !0,
+    className: r,
+    children: c,
+    ...m
+  }, p) => {
+    const { t: n } = S(), d = x(f), l = o === "alert" ? { role: "alertdialog" } : {};
+    return /* @__PURE__ */ u(s.Portal, { children: [
+      /* @__PURE__ */ t(
+        s.Overlay,
+        {
+          "data-component": "dialog-overlay",
+          className: I
+        }
+      ),
+      /* @__PURE__ */ u(
+        s.Content,
+        {
+          ref: p,
+          ...l,
+          "data-component": "dialog",
+          "data-component-id": d,
+          className: F({ size: e, className: r }),
+          ...m,
+          children: [
+            c,
+            !a && // 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
+            // close buttons are identical and can't drift.
+            /* @__PURE__ */ t(
+              s.Close,
+              {
+                type: "button",
+                className: "ds-dialog__close",
+                "aria-label": n("common.close", "Close"),
+                children: /* @__PURE__ */ t(E, { "aria-hidden": "true" })
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+v.displayName = "Dialog.Content";
+const C = i(
+  ({ className: e, ...o }, a) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: a,
+      className: ["ds-dialog__header", e].filter(Boolean).join(" "),
+      ...o
+    }
+  )
+);
+C.displayName = "Dialog.Header";
+const _ = i(
+  ({ className: e, ...o }, a) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: a,
+      className: ["ds-dialog__body", e].filter(Boolean).join(" "),
+      ...o
+    }
+  )
+);
+_.displayName = "Dialog.Body";
+const b = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
+  s.Title,
+  {
+    ref: a,
+    className: ["ds-dialog__title type-title-card ds:break-words", e].filter(Boolean).join(" "),
+    ...o
+  }
+));
+b.displayName = "Dialog.Title";
+const h = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
+  s.Description,
+  {
+    ref: a,
+    className: ["type-body-sm ds:text-[var(--muted-foreground)]", e].filter(Boolean).join(" "),
+    ...o
+  }
+));
+h.displayName = "Dialog.Description";
+const N = i(
+  ({ className: e, divider: o = !1, ...a }, r) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: r,
+      className: [
+        "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
+        "ds:mt-[var(--spacing-md)]",
+        o && "ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]",
+        e
+      ].filter(Boolean).join(" "),
+      ...a
+    }
+  )
+);
+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
+});
+export {
+  $ as D,
+  H as d
+};
+//# sourceMappingURL=dialog-BTpZV6It.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-BTpZV6It.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  hideCloseButton?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\nconst DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  (\n    {\n      size = 'md',\n      variant = 'default',\n      hideCloseButton = true,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const instanceId = useContext(DialogIdContext);\n    // Only forward `role` when we actually need to override Radix's default\n    // (`role=\"dialog\"`). Passing `role={undefined}` explicitly wins over\n    // Radix's internal assignment and strips the attribute entirely.\n    const roleOverride =\n      variant === 'alert' ? { role: 'alertdialog' as const } : {};\n\n    return (\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay\n          data-component=\"dialog-overlay\"\n          className={OVERLAY_CLASSES}\n        />\n        <RadixDialog.Content\n          ref={ref}\n          {...roleOverride}\n          data-component=\"dialog\"\n          data-component-id={instanceId}\n          className={contentVariants({ size, className })}\n          {...props}\n        >\n          {children}\n\n          {!hideCloseButton && (\n            // 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","jsxs","X","DialogHeader","DialogBody","DialogTitle","DialogDescription","DialogFooter","divider","Dialog"],"mappings":"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"}

package/dist/_chunks/{due-date-calculator-s_CBgaFs.js → due-date-calculator-CYXKLoof.js}

@@ -1,67 +1,75 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { forwardRef as B, useState as i, useMemo as g, useEffect as _ } from "react";
-import { c as I } from "./index-D2ZczOXr.js";
-import { useTranslation as S } from "react-i18next";
+import { forwardRef as F, useState as c, useMemo as g, useEffect as G } from "react";
+import { c as H } 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 { D as z } from "./date-picker-CvQfs6Xh.js";
-import { N as G } from "./number-input-Dj5L3pXK.js";
-import { B as M } from "./badge-zsf5i5bH.js";
-import { I as R } from "./insert-result-DtQQeSSf.js";
-import { D as b, c as V } from "./gestation-BXEgDGmP.js";
-const j = I("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+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 { 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)]", {
   variants: {
     width: { full: "ds:w-full", auto: "ds:inline-flex" }
   },
   defaultVariants: { width: "full" }
-}), H = {
+}), Y = {
   preconception: "neutral",
   first: "info",
   second: "success",
   third: "warning",
   postterm: "error"
-}, Y = {
+}, O = {
+  preconception: "--muted",
+  first: "--info",
+  second: "--success",
+  third: "--warning",
+  postterm: "--destructive"
+}, P = {
   lmp: "dueDateCalculator.lmpDate",
   conception: "dueDateCalculator.conceptionDate",
   ivf: "dueDateCalculator.transferDate"
-}, K = B(
+}, U = F(
   ({
-    defaultMethod: C = "lmp",
+    defaultMethod: y = "lmp",
     onResultChange: d,
     onInsert: p,
     insertVariant: D = "insert",
-    onCopy: y,
-    onError: x,
-    id: N,
-    width: L,
+    onCopy: x,
+    onError: N,
+    insertBrand: L,
+    id: E,
+    width: w,
     className: A
-  }, w) => {
-    const { t: e, i18n: f } = S(), [r, E] = i(C), [o, T] = i(void 0), [u, $] = i(
-      b
-    ), [n, F] = i(5), t = g(() => o ? V(
+  }, 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(
       {
         method: r,
         date: o,
-        cycleLength: u ?? b,
+        cycleLength: u ?? C,
         embryoAge: n
       },
       /* @__PURE__ */ new Date()
-    ) : null, [r, o, u, n]), c = g(
+    ) : null, [r, o, u, n]), i = g(
       () => new Intl.DateTimeFormat(f.language, { dateStyle: "long" }),
       [f.language]
     );
-    _(() => {
+    G(() => {
       d == null || d(t);
     }, [t, d]);
-    const k = g(() => /* @__PURE__ */ new Date(), []);
+    const B = g(() => /* @__PURE__ */ new Date(), []);
     return /* @__PURE__ */ l(
       "div",
       {
-        ref: w,
+        ref: T,
         "data-component": "due-date-calculator",
-        "data-component-id": N,
-        className: j({ width: L, className: A }),
+        "data-component-id": E,
+        className: K({ width: w, className: A }),
         children: [
           /* @__PURE__ */ l(
             h,
@@ -69,7 +77,7 @@ const j = I("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
               label: e("dueDateCalculator.method.label"),
               variant: "horizontal",
               value: r,
-              onValueChange: (m) => E(m),
+              onValueChange: (m) => I(m),
               children: [
                 /* @__PURE__ */ a(s, { label: e("dueDateCalculator.method.lmp"), value: "lmp" }),
                 /* @__PURE__ */ a(
@@ -84,14 +92,14 @@ const j = I("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(Y[r]), children: /* @__PURE__ */ a(z, { value: o, onChange: T, maxDate: k }) }),
+            /* @__PURE__ */ a(v, { label: e(P[r]), children: /* @__PURE__ */ a(S, { value: o, onChange: _, maxDate: B }) }),
             r === "lmp" && /* @__PURE__ */ a(
               v,
               {
                 label: e("dueDateCalculator.cycleLength"),
                 description: e("dueDateCalculator.cycleLengthHint"),
                 children: /* @__PURE__ */ a(
-                  G,
+                  M,
                   {
                     mode: "integer",
                     min: 20,
@@ -108,7 +116,7 @@ const j = I("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                 label: e("dueDateCalculator.embryoAge"),
                 variant: "horizontal",
                 value: String(n),
-                onValueChange: (m) => F(Number(m)),
+                onValueChange: (m) => k(Number(m)),
                 children: [
                   /* @__PURE__ */ a(s, { label: e("dueDateCalculator.day3"), value: "3" }),
                   /* @__PURE__ */ a(s, { label: e("dueDateCalculator.day5"), value: "5" })
@@ -116,16 +124,23 @@ const j = I("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
               }
             )
           ] }),
-          /* @__PURE__ */ a("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: t ? `${e("dueDateCalculator.result.dueDateLabel")}: ${c.format(
+          /* @__PURE__ */ a("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: t ? `${e("dueDateCalculator.result.dueDateLabel")}: ${i.format(
             t.dueDate
           )}. ${e("dueDateCalculator.result.trimesterLabel")}: ${e(
             `dueDateCalculator.trimester.${t.trimester}`
           )}.` : "" }),
-          t ? /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+          t ? /* @__PURE__ */ a(b, { variant: "elevated", children: /* @__PURE__ */ l(b.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") }),
-                /* @__PURE__ */ a("dd", { children: /* @__PURE__ */ a(M, { variant: H[t.trimester], size: "lg", children: e(`dueDateCalculator.trimester.${t.trimester}`) }) })
+                /* @__PURE__ */ a("dd", { children: /* @__PURE__ */ a(
+                  z,
+                  {
+                    variant: Y[t.trimester],
+                    size: "lg",
+                    children: e(`dueDateCalculator.trimester.${t.trimester}`)
+                  }
+                ) })
               ] }),
               /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
                 /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("dueDateCalculator.result.gestationLabel") }),
@@ -136,23 +151,28 @@ const j = I("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
               ] }),
               /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
                 /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("dueDateCalculator.result.dueDateLabel") }),
-                /* @__PURE__ */ a("dd", { className: "type-metric ds:text-foreground", children: c.format(t.dueDate) })
+                /* @__PURE__ */ a("dd", { className: "type-metric ds:text-foreground", children: i.format(t.dueDate) })
               ] })
             ] }),
             D === "copy" || p ? /* @__PURE__ */ a(
-              R,
+              V,
               {
                 variant: D,
                 onInsert: p,
-                onCopy: y,
-                onError: x,
+                onCopy: x,
+                onError: N,
                 card: {
                   title: e("insert.title.dueDate"),
-                  highlight: c.format(t.dueDate),
+                  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],
+                  brand: L,
                   fields: [
                     {
                       label: e("dueDateCalculator.result.dueDateLabel"),
-                      value: c.format(t.dueDate)
+                      value: i.format(t.dueDate)
                     },
                     {
                       label: e("dueDateCalculator.result.gestationLabel"),
@@ -171,14 +191,14 @@ const j = I("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                 }
               }
             ) : null
-          ] }) : /* @__PURE__ */ a("p", { className: "type-body ds:text-muted-foreground", children: e("dueDateCalculator.empty") })
+          ] }) }) : /* @__PURE__ */ a("p", { className: "type-body ds:text-muted-foreground", children: e("dueDateCalculator.empty") })
         ]
       }
     );
   }
 );
-K.displayName = "DueDateCalculator";
+U.displayName = "DueDateCalculator";
 export {
-  K as D
+  U as D
 };
-//# sourceMappingURL=due-date-calculator-s_CBgaFs.js.map
+//# sourceMappingURL=due-date-calculator-CYXKLoof.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"due-date-calculator-CYXKLoof.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',\n  postterm: '--destructive',\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 → the default `'AlfaDocs'` wordmark; a string overrides it;\n   * `false` removes the brand line.\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                    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.\n                    highlightToken: TRIMESTER_HIGHLIGHT_TOKEN[result.trimester],\n                    brand: insertBrand,\n                    fields: [\n                      {\n                        label: t('dueDateCalculator.result.dueDateLabel'),\n                        value: dateFormatter.format(result.dueDate),\n                      },\n                      {\n                        label: t('dueDateCalculator.result.gestationLabel'),\n                        value: result.gestationalAge\n                          ? t('dueDateCalculator.result.gestation', {\n                              weeks: result.gestationalAge.weeks,\n                              days: result.gestationalAge.days,\n                            })\n                          : '—',\n                      },\n                      {\n                        label: t('dueDateCalculator.result.trimesterLabel'),\n                        value: t(\n                          `dueDateCalculator.trimester.${result.trimester}`,\n                        ),\n                      },\n                    ],\n                  }}\n                />\n              ) : null}\n            </Card.Body>\n          </Card>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('dueDateCalculator.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nDueDateCalculator.displayName = 'DueDateCalculator';\n"],"names":["rootVariants","cva","TRIMESTER_BADGE","TRIMESTER_HIGHLIGHT_TOKEN","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-BhUkRiPZ.js → editable-currency-cell-renderer-9jqwDv5x.js}

@@ -26,7 +26,7 @@ import { S as Ie } from "./select-hsCaJSX3.js";
 import { u as zt } from "./use-prefers-reduced-motion-BMwIQRjB.js";
 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-U9fn1g9d.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 { N as ee } from "./number-input-Dj5L3pXK.js";
@@ -2332,4 +2332,4 @@ export {
   Be as q,
   xn as u
 };
-//# sourceMappingURL=editable-currency-cell-renderer-BhUkRiPZ.js.map
+//# sourceMappingURL=editable-currency-cell-renderer-9jqwDv5x.js.map