@alfadocs/ui-kit-debug 0.43.0 → 0.45.0

package/dist/_chunks/{calculator-dialog-DdexHrTP.js → calculator-dialog-D-nfvteH.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as l } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { D as r } from "./dialog-DOYgd75U.js";
+import { D as r } from "./dialog-BTpZV6It.js";
 const u = p(
   ({
     trigger: i,
@@ -37,4 +37,4 @@ u.displayName = "CalculatorDialog";
 export {
   u as C
 };
-//# sourceMappingURL=calculator-dialog-DdexHrTP.js.map
+//# sourceMappingURL=calculator-dialog-D-nfvteH.js.map

package/dist/_chunks/{calculator-dialog-DdexHrTP.js.map → calculator-dialog-D-nfvteH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"calculator-dialog-DdexHrTP.js","sources":["../../src/components/calculator-dialog/calculator-dialog.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* CalculatorDialog — shared modal wrapper for the calculator toolset.  */\n/*                                                                     */\n/* Rather than baking Dialog wiring into every calculator, this single  */\n/* wrapper composes the kit `Dialog` and hosts ANY calculator (or any   */\n/* content) as children. Every calculator therefore gains a modal       */\n/* presentation for free:                                               */\n/*                                                                     */\n/*   <CalculatorDialog                                                  */\n/*     trigger={<Button>Open BMI calculator</Button>}                   */\n/*     title=\"BMI calculator\">                                          */\n/*     <BmiCalculator />                                                */\n/*   </CalculatorDialog>                                                */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, type ReactNode } from 'react';\nimport { Dialog, type DialogContentProps } from '../dialog';\n\nexport interface CalculatorDialogProps {\n  /** The element that opens the modal (rendered via `Dialog.Trigger asChild`). */\n  trigger: ReactNode;\n  /** Modal heading — also names the dialog for assistive tech. */\n  title: string;\n  /** Optional supporting line under the title. */\n  description?: string;\n  /** The calculator (or any content) shown inside the modal. */\n  children: ReactNode;\n  /** Dialog size. Calculators default to `lg` to fit inputs + result. */\n  size?: DialogContentProps['size'];\n  /** Controlled open state. */\n  open?: boolean;\n  /** Uncontrolled initial open state. */\n  defaultOpen?: boolean;\n  /** Open-state change handler. */\n  onOpenChange?: (open: boolean) => void;\n  /** Opaque instance id, forwarded to the dialog content. */\n  id?: string;\n  /** Extra class names on the modal body wrapper. */\n  className?: string;\n}\n\nexport const CalculatorDialog = forwardRef<\n  HTMLDivElement,\n  CalculatorDialogProps\n>(\n  (\n    {\n      trigger,\n      title,\n      description,\n      children,\n      size = 'lg',\n      open,\n      defaultOpen,\n      onOpenChange,\n      id,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <Dialog\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n        id={id}\n      >\n        <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>\n        <Dialog.Content ref={ref} size={size}>\n          <Dialog.Header>\n            <Dialog.Title>{title}</Dialog.Title>\n            {description ? (\n              <Dialog.Description>{description}</Dialog.Description>\n            ) : null}\n          </Dialog.Header>\n          <div data-component=\"calculator-dialog\" className={className}>\n            {children}\n          </div>\n        </Dialog.Content>\n      </Dialog>\n    );\n  },\n);\n\nCalculatorDialog.displayName = 'CalculatorDialog';\n"],"names":["CalculatorDialog","forwardRef","trigger","title","description","children","size","open","defaultOpen","onOpenChange","id","className","ref","jsxs","Dialog","jsx"],"mappings":";;;AAyCO,MAAMA,IAAmBC;AAAA,EAI9B,CACE;AAAA,IACE,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,IAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,GAEFC,MAGE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAP;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,IAAAC;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAK,EAACD,EAAO,SAAP,EAAe,SAAO,IAAE,UAAAZ,GAAQ;AAAA,QACjC,gBAAAW,EAACC,EAAO,SAAP,EAAe,KAAAF,GAAU,MAAAN,GACxB,UAAA;AAAA,UAAA,gBAAAO,EAACC,EAAO,QAAP,EACC,UAAA;AAAA,YAAA,gBAAAC,EAACD,EAAO,OAAP,EAAc,UAAAX,EAAA,CAAM;AAAA,YACpBC,IACC,gBAAAW,EAACD,EAAO,aAAP,EAAoB,aAAY,IAC/B;AAAA,UAAA,GACN;AAAA,UACA,gBAAAC,EAAC,OAAA,EAAI,kBAAe,qBAAoB,WAAAJ,GACrC,UAAAN,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAL,EAAiB,cAAc;"}
+{"version":3,"file":"calculator-dialog-D-nfvteH.js","sources":["../../src/components/calculator-dialog/calculator-dialog.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* CalculatorDialog — shared modal wrapper for the calculator toolset.  */\n/*                                                                     */\n/* Rather than baking Dialog wiring into every calculator, this single  */\n/* wrapper composes the kit `Dialog` and hosts ANY calculator (or any   */\n/* content) as children. Every calculator therefore gains a modal       */\n/* presentation for free:                                               */\n/*                                                                     */\n/*   <CalculatorDialog                                                  */\n/*     trigger={<Button>Open BMI calculator</Button>}                   */\n/*     title=\"BMI calculator\">                                          */\n/*     <BmiCalculator />                                                */\n/*   </CalculatorDialog>                                                */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, type ReactNode } from 'react';\nimport { Dialog, type DialogContentProps } from '../dialog';\n\nexport interface CalculatorDialogProps {\n  /** The element that opens the modal (rendered via `Dialog.Trigger asChild`). */\n  trigger: ReactNode;\n  /** Modal heading — also names the dialog for assistive tech. */\n  title: string;\n  /** Optional supporting line under the title. */\n  description?: string;\n  /** The calculator (or any content) shown inside the modal. */\n  children: ReactNode;\n  /** Dialog size. Calculators default to `lg` to fit inputs + result. */\n  size?: DialogContentProps['size'];\n  /** Controlled open state. */\n  open?: boolean;\n  /** Uncontrolled initial open state. */\n  defaultOpen?: boolean;\n  /** Open-state change handler. */\n  onOpenChange?: (open: boolean) => void;\n  /** Opaque instance id, forwarded to the dialog content. */\n  id?: string;\n  /** Extra class names on the modal body wrapper. */\n  className?: string;\n}\n\nexport const CalculatorDialog = forwardRef<\n  HTMLDivElement,\n  CalculatorDialogProps\n>(\n  (\n    {\n      trigger,\n      title,\n      description,\n      children,\n      size = 'lg',\n      open,\n      defaultOpen,\n      onOpenChange,\n      id,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <Dialog\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n        id={id}\n      >\n        <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>\n        <Dialog.Content ref={ref} size={size}>\n          <Dialog.Header>\n            <Dialog.Title>{title}</Dialog.Title>\n            {description ? (\n              <Dialog.Description>{description}</Dialog.Description>\n            ) : null}\n          </Dialog.Header>\n          <div data-component=\"calculator-dialog\" className={className}>\n            {children}\n          </div>\n        </Dialog.Content>\n      </Dialog>\n    );\n  },\n);\n\nCalculatorDialog.displayName = 'CalculatorDialog';\n"],"names":["CalculatorDialog","forwardRef","trigger","title","description","children","size","open","defaultOpen","onOpenChange","id","className","ref","jsxs","Dialog","jsx"],"mappings":";;;AAyCO,MAAMA,IAAmBC;AAAA,EAI9B,CACE;AAAA,IACE,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,IAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,GAEFC,MAGE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAP;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,IAAAC;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAK,EAACD,EAAO,SAAP,EAAe,SAAO,IAAE,UAAAZ,GAAQ;AAAA,QACjC,gBAAAW,EAACC,EAAO,SAAP,EAAe,KAAAF,GAAU,MAAAN,GACxB,UAAA;AAAA,UAAA,gBAAAO,EAACC,EAAO,QAAP,EACC,UAAA;AAAA,YAAA,gBAAAC,EAACD,EAAO,OAAP,EAAc,UAAAX,EAAA,CAAM;AAAA,YACpBC,IACC,gBAAAW,EAACD,EAAO,aAAP,EAAoB,aAAY,IAC/B;AAAA,UAAA,GACN;AAAA,UACA,gBAAAC,EAAC,OAAA,EAAI,kBAAe,qBAAoB,WAAAJ,GACrC,UAAAN,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAL,EAAiB,cAAc;"}

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

@@ -1,17 +1,17 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { forwardRef as A, useState as L, useMemo as v, useEffect as S } from "react";
-import { c as T } from "./index-D2ZczOXr.js";
-import { useTranslation as W } from "react-i18next";
-import { F as P } from "./form-field-BOm9hK35.js";
-import { D as $ } from "./date-picker-Bq7xhMA-.js";
-import { N as H } from "./number-input-Dj5L3pXK.js";
-import { C as w } from "./card-DPmk26CL.js";
-import { B as x } from "./badge-zsf5i5bH.js";
-import { I } from "./insert-result-DisOY2G-.js";
-import { a as i } from "./date-picker-variants-DLi1Va_e.js";
+import { forwardRef as F, useState as L, useMemo as y, useEffect as H } from "react";
+import { c as $ } from "./index-D2ZczOXr.js";
+import { useTranslation as A } from "react-i18next";
+import { F as w } from "./form-field-BOm9hK35.js";
+import { D as I } from "./date-picker-Bq7xhMA-.js";
+import { N as S } from "./number-input-Dj5L3pXK.js";
+import { C as P } from "./card-DPmk26CL.js";
+import { B as v } from "./badge-zsf5i5bH.js";
+import { I as k } from "./insert-result-C5ABnzDl.js";
+import { a as s } from "./date-picker-variants-DLi1Va_e.js";
 import { C as z } from "./check-DPdL_Sm7.js";
 import { H as B } from "./heart-C0faivFf.js";
-import { c as k } from "./createLucideIcon-CrFbzy84.js";
+import { c as G } from "./createLucideIcon-CrFbzy84.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
@@ -26,77 +26,78 @@ const Y = [
       key: "c7niix"
     }
   ]
-], j = k("droplet", Y), h = 28, M = 14, U = 1;
-function G(n, c = 3) {
-  const d = n.cycleLength ?? h, { lastPeriodStart: s } = n, o = i(s, d - M), u = {
-    start: i(o, -5),
-    end: i(o, U)
-  }, f = i(s, d), p = Array.from(
+], j = G("droplet", Y), x = 28, M = 14, U = 1;
+function K(n, c = 3) {
+  const d = n.cycleLength ?? x, { lastPeriodStart: o } = n, i = s(o, d - M), u = {
+    start: s(i, -5),
+    end: s(i, U)
+  }, f = s(o, d), p = Array.from(
     { length: c },
-    (C, g) => i(s, d * (g + 1))
+    (C, g) => s(o, d * (g + 1))
   );
-  return { nextPeriod: f, ovulation: o, fertileWindow: u, upcomingPeriods: p };
+  return { nextPeriod: f, ovulation: i, fertileWindow: u, upcomingPeriods: p };
 }
-const V = T("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+const O = $("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
   variants: {
     width: { full: "ds:w-full", auto: "ds:inline-flex" }
   },
   defaultVariants: { width: "full" }
-}), q = A(
+}), V = "--accent", q = F(
   ({
-    defaultCycleLength: n = h,
+    defaultCycleLength: n = x,
     onResultChange: c,
     onInsert: d,
-    insertVariant: s = "insert",
-    onCopy: o,
+    insertVariant: o = "insert",
+    onCopy: i,
     onError: u,
-    id: f,
-    width: p,
-    className: C
-  }, g) => {
-    const { t: a, i18n: N } = W(), [m, b] = L(void 0), [y, D] = L(
+    insertBrand: f,
+    id: p,
+    width: C,
+    className: g
+  }, b) => {
+    const { t: a, i18n: N } = A(), [m, D] = L(void 0), [h, E] = L(
       n
-    ), t = v(() => m ? G({
+    ), t = y(() => m ? K({
       lastPeriodStart: m,
-      cycleLength: y ?? h
-    }) : null, [m, y]), E = v(
+      cycleLength: h ?? x
+    }) : null, [m, h]), T = y(
       () => new Intl.DateTimeFormat(N.language, { dateStyle: "medium" }),
       [N.language]
     );
-    S(() => {
+    H(() => {
       c == null || c(t);
     }, [t, c]);
-    const _ = v(() => /* @__PURE__ */ new Date(), []), l = (F) => E.format(F);
+    const _ = y(() => /* @__PURE__ */ new Date(), []), l = (W) => T.format(W);
     return /* @__PURE__ */ r(
       "div",
       {
-        ref: g,
+        ref: b,
         "data-component": "cycle-calculator",
-        "data-component-id": f,
-        className: V({ width: p, className: C }),
+        "data-component-id": p,
+        className: O({ width: C, className: g }),
         children: [
           /* @__PURE__ */ r("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
-            /* @__PURE__ */ e(P, { label: a("cycleCalculator.lastPeriod"), children: /* @__PURE__ */ e(
-              $,
+            /* @__PURE__ */ e(w, { label: a("cycleCalculator.lastPeriod"), children: /* @__PURE__ */ e(
+              I,
               {
                 value: m,
-                onChange: b,
+                onChange: D,
                 maxDate: _
               }
             ) }),
             /* @__PURE__ */ e(
-              P,
+              w,
               {
                 label: a("cycleCalculator.cycleLength"),
                 description: a("cycleCalculator.cycleLengthHint"),
                 children: /* @__PURE__ */ e(
-                  H,
+                  S,
                   {
                     mode: "integer",
                     min: 20,
                     max: 45,
-                    value: y,
-                    onChange: D
+                    value: h,
+                    onChange: E
                   }
                 )
               }
@@ -105,12 +106,12 @@ const V = T("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
           /* @__PURE__ */ e("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: t ? `${a("cycleCalculator.ovulation")}: ${l(t.ovulation)}. ${a(
             "cycleCalculator.nextPeriod"
           )}: ${l(t.nextPeriod)}.` : "" }),
-          t ? /* @__PURE__ */ e(w, { variant: "elevated", children: /* @__PURE__ */ r(w.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+          t ? /* @__PURE__ */ e(P, { variant: "elevated", children: /* @__PURE__ */ r(P.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
             /* @__PURE__ */ r("dl", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3", children: [
               /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center", children: [
                 /* @__PURE__ */ e("dt", { className: "type-label ds:text-muted-foreground", children: a("cycleCalculator.ovulation") }),
                 /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ e(
-                  x,
+                  v,
                   {
                     variant: "success",
                     size: "lg",
@@ -122,7 +123,7 @@ const V = T("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
               /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center", children: [
                 /* @__PURE__ */ e("dt", { className: "type-label ds:text-muted-foreground", children: a("cycleCalculator.fertileWindow") }),
                 /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ r(
-                  x,
+                  v,
                   {
                     variant: "accent",
                     size: "lg",
@@ -139,7 +140,7 @@ const V = T("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
               /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center", children: [
                 /* @__PURE__ */ e("dt", { className: "type-label ds:text-muted-foreground", children: a("cycleCalculator.nextPeriod") }),
                 /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ e(
-                  x,
+                  v,
                   {
                     variant: "error",
                     size: "lg",
@@ -149,27 +150,45 @@ const V = T("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                 ) })
               ] })
             ] }),
-            s === "copy" || d ? /* @__PURE__ */ e(
-              I,
+            o === "copy" || d ? /* @__PURE__ */ e(
+              k,
               {
                 onInsert: d,
-                variant: s,
-                onCopy: o,
+                variant: o,
+                onCopy: i,
                 onError: u,
                 card: {
                   title: a("insert.title.cycle"),
+                  icon: "heart",
+                  highlight: `${l(t.fertileWindow.start)} – ${l(
+                    t.fertileWindow.end
+                  )}`,
+                  // Chip reuses the on-screen fertile-window badge's accent
+                  // token so the inserted PNG chip matches the screen.
+                  highlightToken: V,
+                  brand: f,
                   fields: [
                     {
+                      // Ovulation is a predicted date → calendar glyph (the
+                      // on-screen badge uses a Check tick, which ICON_GEOMETRY
+                      // does not carry, so the calendar reads the date meaning).
+                      icon: "calendar",
                       label: a("cycleCalculator.ovulation"),
                       value: l(t.ovulation)
                     },
                     {
+                      // Fertile window → heart glyph, matching the on-screen
+                      // fertile-window badge's Heart icon.
+                      icon: "heart",
                       label: a("cycleCalculator.fertileWindow"),
                       value: `${l(t.fertileWindow.start)} – ${l(
                         t.fertileWindow.end
                       )}`
                     },
                     {
+                      // Next period → droplets glyph, matching the on-screen
+                      // next-period badge's Droplet icon.
+                      icon: "droplets",
                       label: a("cycleCalculator.nextPeriod"),
                       value: l(t.nextPeriod)
                     }
@@ -187,6 +206,6 @@ q.displayName = "CycleCalculator";
 export {
   q as C,
   M as L,
-  G as p
+  K as p
 };
-//# sourceMappingURL=cycle-calculator-Dln-y1k_.js.map
+//# sourceMappingURL=cycle-calculator-KxA8dqDf.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cycle-calculator-KxA8dqDf.js","sources":["../../node_modules/lucide-react/dist/esm/icons/droplet.js","../../src/components/cycle-calculator/cycle.ts","../../src/components/cycle-calculator/cycle-calculator.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z\",\n      key: \"c7niix\"\n    }\n  ]\n];\nconst Droplet = createLucideIcon(\"droplet\", __iconNode);\n\nexport { __iconNode, Droplet as default };\n//# sourceMappingURL=droplet.js.map\n","/* ------------------------------------------------------------------ */\n/* Menstrual-cycle prediction — pure, framework-free, unit-testable.    */\n/*                                                                     */\n/* Uses the standard fixed-luteal-phase model: ovulation falls ~14 days */\n/* before the next period, so on a cycle of length L ovulation is day   */\n/* (L − 14). The fertile window spans the 5 days before ovulation       */\n/* (sperm survival) through 1 day after (oocyte viability).             */\n/* ------------------------------------------------------------------ */\n\nimport { addDays } from 'date-fns';\n\n/** Standard menstrual-cycle length. */\nexport const DEFAULT_CYCLE_LENGTH = 28;\n/** Luteal phase is biologically near-constant at ~14 days. */\nexport const LUTEAL_PHASE_DAYS = 14;\n/** Sperm survive up to ~5 days before ovulation. */\nexport const FERTILE_DAYS_BEFORE = 5;\n/** The oocyte is viable ~1 day after ovulation. */\nexport const FERTILE_DAYS_AFTER = 1;\n\nexport interface CycleInput {\n  /** First day of the most recent period. */\n  lastPeriodStart: Date;\n  /** Average cycle length in days. Defaults to 28. */\n  cycleLength?: number;\n  /** Period (bleed) length in days. Optional — used for the period range. */\n  periodLength?: number;\n}\n\nexport interface DateRange {\n  start: Date;\n  end: Date;\n}\n\nexport interface CyclePrediction {\n  /** Start date of the next period. */\n  nextPeriod: Date;\n  /** Estimated ovulation date. */\n  ovulation: Date;\n  /** Fertile window (5 days before ovulation → 1 day after). */\n  fertileWindow: DateRange;\n  /** Start dates of the next few periods (length = `occurrences`). */\n  upcomingPeriods: Date[];\n}\n\n/**\n * Predict ovulation, the fertile window and upcoming periods from the last\n * period's start date. `occurrences` controls how many future periods to\n * list (default 3).\n */\nexport function predictCycle(\n  input: CycleInput,\n  occurrences = 3,\n): CyclePrediction {\n  const cycle = input.cycleLength ?? DEFAULT_CYCLE_LENGTH;\n  const { lastPeriodStart } = input;\n\n  const ovulation = addDays(lastPeriodStart, cycle - LUTEAL_PHASE_DAYS);\n  const fertileWindow: DateRange = {\n    start: addDays(ovulation, -FERTILE_DAYS_BEFORE),\n    end: addDays(ovulation, FERTILE_DAYS_AFTER),\n  };\n  const nextPeriod = addDays(lastPeriodStart, cycle);\n  const upcomingPeriods = Array.from({ length: occurrences }, (_, i) =>\n    addDays(lastPeriodStart, cycle * (i + 1)),\n  );\n\n  return { nextPeriod, ovulation, fertileWindow, upcomingPeriods };\n}\n","/* ------------------------------------------------------------------ */\n/* CycleCalculator — predict ovulation, fertile window and upcoming     */\n/* periods from the last period's start date.                           */\n/*                                                                     */\n/* Maths lives in `./cycle` (pure, separately tested).                  */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Heart, Check, Droplet } from 'lucide-react';\nimport { FormField } from '../form-field';\nimport { DatePicker } from '../date-picker';\nimport { NumberInput } from '../number-input';\nimport { Card } from '../card';\nimport { Badge } from '../badge';\nimport {\n  InsertButton,\n  type InsertPayload,\n  type InsertVariant,\n  type InsertMode,\n} from '../_shared/insert-result';\nimport {\n  type CyclePrediction,\n  predictCycle,\n  DEFAULT_CYCLE_LENGTH,\n} from './cycle';\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]', {\n  variants: {\n    width: { full: 'ds:w-full', auto: 'ds:inline-flex' },\n  },\n  defaultVariants: { width: 'full' },\n});\n\n/**\n * DS token NAME backing the result-card chip — the fertile window is the\n * headline fertility datum, shown on screen with the `accent` Badge variant\n * (which fills `--accent`). The card chip reuses that token so the inserted\n * PNG chip matches the on-screen fertile-window badge.\n */\nconst HIGHLIGHT_TOKEN = '--accent';\n\nexport interface CycleCalculatorProps extends VariantProps<\n  typeof rootVariants\n> {\n  /** Initial cycle length in days. Defaults to 28. */\n  defaultCycleLength?: number;\n  /** Fires whenever a prediction can be computed (and `null` when it can't). */\n  onResultChange?: (result: CyclePrediction | null) => void;\n  /** When provided, shows the result-action buttons that emit / copy the result. */\n  onInsert?: (payload: InsertPayload) => void;\n  /**\n   * Which verb the result button performs. Defaults to `'insert'`.\n   * Use `'copy'` in an app-shell surface (no editor to insert into) — the\n   * button writes the result to the clipboard as a multi-format `ClipboardItem`.\n   */\n  insertVariant?: InsertVariant;\n  /** `copy` variant only — fired after a successful clipboard write. */\n  onCopy?: (mode: InsertMode) => void;\n  /** `copy` variant only — fired if the clipboard write can't proceed. */\n  onError?: (error: unknown) => void;\n  /**\n   * Brand wordmark printed in the inserted/copied result-card footer.\n   * Omitted → no brand line (and no footer hairline); a string → that custom\n   * brand; `false` → no brand line. Brand is opt-in.\n   */\n  insertBrand?: string | false;\n  /** Opaque instance id, emitted as `data-component-id`. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport const CycleCalculator = forwardRef<HTMLDivElement, CycleCalculatorProps>(\n  (\n    {\n      defaultCycleLength = DEFAULT_CYCLE_LENGTH,\n      onResultChange,\n      onInsert,\n      insertVariant = 'insert',\n      onCopy,\n      onError,\n      insertBrand,\n      id,\n      width,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    const [lastPeriod, setLastPeriod] = useState<Date | undefined>(undefined);\n    const [cycleLength, setCycleLength] = useState<number | null>(\n      defaultCycleLength,\n    );\n\n    const result = useMemo<CyclePrediction | null>(() => {\n      if (!lastPeriod) return null;\n      return predictCycle({\n        lastPeriodStart: lastPeriod,\n        cycleLength: cycleLength ?? DEFAULT_CYCLE_LENGTH,\n      });\n    }, [lastPeriod, cycleLength]);\n\n    const dateFormatter = useMemo(\n      () => new Intl.DateTimeFormat(i18n.language, { dateStyle: 'medium' }),\n      [i18n.language],\n    );\n\n    useEffect(() => {\n      onResultChange?.(result);\n    }, [result, onResultChange]);\n\n    const today = useMemo(() => new Date(), []);\n\n    const fmt = (d: Date): string => dateFormatter.format(d);\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"cycle-calculator\"\n        data-component-id={id}\n        className={rootVariants({ width, className })}\n      >\n        <div className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2\">\n          <FormField label={t('cycleCalculator.lastPeriod')}>\n            <DatePicker\n              value={lastPeriod}\n              onChange={setLastPeriod}\n              maxDate={today}\n            />\n          </FormField>\n          <FormField\n            label={t('cycleCalculator.cycleLength')}\n            description={t('cycleCalculator.cycleLengthHint')}\n          >\n            <NumberInput\n              mode=\"integer\"\n              min={20}\n              max={45}\n              value={cycleLength}\n              onChange={setCycleLength}\n            />\n          </FormField>\n        </div>\n\n        <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n          {result\n            ? `${t('cycleCalculator.ovulation')}: ${fmt(result.ovulation)}. ${t(\n                'cycleCalculator.nextPeriod',\n              )}: ${fmt(result.nextPeriod)}.`\n            : ''}\n        </p>\n\n        {result ? (\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n              <dl className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3\">\n                <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('cycleCalculator.ovulation')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant=\"success\"\n                      size=\"lg\"\n                      leading={<Check aria-hidden />}\n                    >\n                      {fmt(result.ovulation)}\n                    </Badge>\n                  </dd>\n                </div>\n                <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('cycleCalculator.fertileWindow')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant=\"accent\"\n                      size=\"lg\"\n                      leading={<Heart aria-hidden />}\n                    >\n                      {fmt(result.fertileWindow.start)} –{' '}\n                      {fmt(result.fertileWindow.end)}\n                    </Badge>\n                  </dd>\n                </div>\n                <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('cycleCalculator.nextPeriod')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant=\"error\"\n                      size=\"lg\"\n                      leading={<Droplet aria-hidden />}\n                    >\n                      {fmt(result.nextPeriod)}\n                    </Badge>\n                  </dd>\n                </div>\n              </dl>\n              {insertVariant === 'copy' || onInsert ? (\n                <InsertButton\n                  onInsert={onInsert}\n                  variant={insertVariant}\n                  onCopy={onCopy}\n                  onError={onError}\n                  card={{\n                    title: t('insert.title.cycle'),\n                    icon: 'heart',\n                    highlight: `${fmt(result.fertileWindow.start)} – ${fmt(\n                      result.fertileWindow.end,\n                    )}`,\n                    // Chip reuses the on-screen fertile-window badge's accent\n                    // token so the inserted PNG chip matches the screen.\n                    highlightToken: HIGHLIGHT_TOKEN,\n                    brand: insertBrand,\n                    fields: [\n                      {\n                        // Ovulation is a predicted date → calendar glyph (the\n                        // on-screen badge uses a Check tick, which ICON_GEOMETRY\n                        // does not carry, so the calendar reads the date meaning).\n                        icon: 'calendar',\n                        label: t('cycleCalculator.ovulation'),\n                        value: fmt(result.ovulation),\n                      },\n                      {\n                        // Fertile window → heart glyph, matching the on-screen\n                        // fertile-window badge's Heart icon.\n                        icon: 'heart',\n                        label: t('cycleCalculator.fertileWindow'),\n                        value: `${fmt(result.fertileWindow.start)} – ${fmt(\n                          result.fertileWindow.end,\n                        )}`,\n                      },\n                      {\n                        // Next period → droplets glyph, matching the on-screen\n                        // next-period badge's Droplet icon.\n                        icon: 'droplets',\n                        label: t('cycleCalculator.nextPeriod'),\n                        value: fmt(result.nextPeriod),\n                      },\n                    ],\n                  }}\n                />\n              ) : null}\n            </Card.Body>\n          </Card>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('cycleCalculator.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nCycleCalculator.displayName = 'CycleCalculator';\n"],"names":["__iconNode","Droplet","createLucideIcon","DEFAULT_CYCLE_LENGTH","LUTEAL_PHASE_DAYS","FERTILE_DAYS_AFTER","predictCycle","input","occurrences","cycle","lastPeriodStart","ovulation","addDays","fertileWindow","nextPeriod","upcomingPeriods","_","i","rootVariants","cva","HIGHLIGHT_TOKEN","CycleCalculator","forwardRef","defaultCycleLength","onResultChange","onInsert","insertVariant","onCopy","onError","insertBrand","id","width","className","ref","t","i18n","useTranslation","lastPeriod","setLastPeriod","useState","cycleLength","setCycleLength","result","useMemo","dateFormatter","useEffect","today","fmt","d","jsxs","jsx","FormField","DatePicker","NumberInput","Card","Badge","Check","Heart","InsertButton"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/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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"}