@alfadocs/ui-kit 0.42.0 → 0.43.0

package/dist/_chunks/{date-range-picker-U9fn1g9d.js → date-range-picker-DcXuI9y7.js}

@@ -4,13 +4,13 @@ import { useTranslation as ee } from "react-i18next";
 import * as f from "@radix-ui/react-popover";
 import { u as te } from "./use-controllable-state-BiY4xTzM.js";
 import { u as ae } from "./form-field-context-B3APVHKx.js";
-import { b as ne, u as re, g as se, c as oe, e as T, s as W, f as ie, h as de, j as v, d as ce, C as le, k as pe, t as ge, p as ue, D as me, l as fe, m as he } from "./react-day-picker-CdtIiKjx.js";
-import { s as R } from "./subDays-_T9YeKPX.js";
-import { u as ke } from "./registry-nPAVE19X.js";
-function ye(a, s, i) {
+import { b as ne, u as re, g as se, c as oe, e as T, s as W, f as ie, h as de, j as v, d as ce, C as le, k as pe, t as ge, p as ue, D as me, l as fe, m as he, n as ke } from "./date-picker-variants-DLi1Va_e.js";
+import { s as R } from "./subDays-Dv7q9S7u.js";
+import { u as ye } from "./registry-nPAVE19X.js";
+function be(a, s, i) {
   return ne(a, -1, i);
 }
-const be = {
+const ve = {
   id: "date-range-picker",
   capabilities: ["range_pick", "open", "close"],
   state: {
@@ -81,7 +81,7 @@ const be = {
       description: "Sourced from the id prop."
     }
   }
-}, ve = Q(
+}, Re = Q(
   ({
     value: a,
     defaultValue: s,
@@ -137,7 +137,7 @@ const be = {
       {
         label: r("inputs.dateRangePicker.presets.lastWeek", "Last week"),
         range: () => {
-          const e = ye(/* @__PURE__ */ new Date());
+          const e = be(/* @__PURE__ */ new Date());
           return {
             from: W(e, { locale: o }),
             to: T(e, { locale: o })
@@ -163,13 +163,13 @@ const be = {
     }, J = (e) => {
       const u = e.range();
       d(u), O(u.from), g(!1);
-    }, M = (() => {
+    }, N = (() => {
       if (t.from && t.to) {
         const e = v(t.from, y, { locale: o }), u = v(t.to, y, { locale: o });
         return `${e} – ${u}`;
       }
       return t.from ? v(t.from, y, { locale: o }) : "";
-    })(), N = (() => {
+    })(), M = (() => {
       if (t.from && t.to) {
         const e = ce(t.to, t.from) + 1;
         return r("inputs.dateRangePicker.days", "{{count}} days", {
@@ -188,7 +188,7 @@ const be = {
       }),
       [t, d, p]
     );
-    return z(B, () => b, [b]), ke(be, b, k), /* @__PURE__ */ n(f.Root, { open: p, onOpenChange: g, children: /* @__PURE__ */ m(
+    return z(B, () => b, [b]), ye(ve, b, k), /* @__PURE__ */ n(f.Root, { open: p, onOpenChange: g, children: /* @__PURE__ */ m(
       "div",
       {
         className: j,
@@ -211,8 +211,8 @@ const be = {
                 /* @__PURE__ */ n(
                   "span",
                   {
-                    className: M ? "ds:text-foreground" : "ds:text-muted-foreground",
-                    children: M || _
+                    className: N ? "ds:text-foreground" : "ds:text-muted-foreground",
+                    children: N || _
                   }
                 ),
                 /* @__PURE__ */ n(
@@ -231,7 +231,7 @@ const be = {
             {
               sideOffset: 4,
               align: "start",
-              className: he(),
+              className: ke(),
               children: /* @__PURE__ */ m("div", { className: "ds:flex ds:gap-[var(--spacing-md)]", children: [
                 S.length > 0 ? /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-[8rem] ds:border-e ds:border-border ds:pe-[var(--spacing-md)]", children: S.map((e) => /* @__PURE__ */ n(
                   "button",
@@ -258,16 +258,17 @@ const be = {
                       showOutsideDays: !0,
                       fixedWeeks: !0,
                       pagedNavigation: !0,
+                      classNames: he,
                       components: { Chevron: fe }
                     }
                   ),
-                  N ? /* @__PURE__ */ n(
+                  M ? /* @__PURE__ */ n(
                     "div",
                     {
                       role: "status",
                       "aria-live": "polite",
                       className: "type-body-sm ds:text-muted-foreground ds:mt-[var(--spacing-sm)] ds:text-center",
-                      children: N
+                      children: M
                     }
                   ) : null
                 ] })
@@ -279,9 +280,9 @@ const be = {
     ) });
   }
 );
-ve.displayName = "DateRangePicker";
+Re.displayName = "DateRangePicker";
 export {
-  ve as D,
-  be as d
+  Re as D,
+  ve as d
 };
-//# sourceMappingURL=date-range-picker-U9fn1g9d.js.map
+//# sourceMappingURL=date-range-picker-DcXuI9y7.js.map

package/dist/_chunks/{date-time-picker-Cva0ZCWw.js → date-time-picker-RimumeLR.js}

@@ -6,8 +6,8 @@ import * as k from "@radix-ui/react-popover";
 import { u as me } from "./use-controllable-state-BiY4xTzM.js";
 import { u as pe } from "./form-field-context-B3APVHKx.js";
 import { T as fe } from "./time-picker-B5umYwfv.js";
-import { u as ge, c as he, n as ve, i as be, j as ye, C as Te, k as ke, t as we, D as De, l as Ce, m as Pe } from "./react-day-picker-CdtIiKjx.js";
-import { u as xe } from "./registry-nPAVE19X.js";
+import { u as ge, c as he, o as ve, i as be, j as ye, C as Te, k as ke, t as we, D as De, l as Ce, m as Pe, n as xe } from "./date-picker-variants-DLi1Va_e.js";
+import { u as Oe } from "./registry-nPAVE19X.js";
 import { t as j } from "./isSameDay-DUEiAT0G.js";
 function K(e, t, r) {
   const i = j(e, r == null ? void 0 : r.in);
@@ -17,7 +17,7 @@ function A(e, t, r) {
   const i = j(e, r == null ? void 0 : r.in);
   return i.setMinutes(t), i;
 }
-const Oe = {
+const Ne = {
   id: "date-time-picker",
   capabilities: ["pick", "open", "close"],
   state: {
@@ -96,7 +96,7 @@ function Me(e, t) {
     return "";
   }
 }
-function Ne(e) {
+function Ve(e) {
   if (!e || e === "local") return !1;
   try {
     const t = Intl.DateTimeFormat().resolvedOptions().timeZone;
@@ -105,7 +105,7 @@ function Ne(e) {
     return !1;
   }
 }
-const Ve = ce(
+const Se = ce(
   [
     "ds:w-full ds:rounded-[var(--radius-sm)]",
     "ds:bg-primary ds:text-primary-foreground",
@@ -125,7 +125,7 @@ const Ve = ce(
     },
     defaultVariants: { size: "md" }
   }
-), Se = ne(
+), Ie = ne(
   ({
     value: e,
     defaultValue: t,
@@ -142,10 +142,10 @@ const Ve = ce(
     className: E,
     id: U
   }, W) => {
-    const { t: l, i18n: M } = ue(), c = pe(), D = U ?? c.id, N = c.disabled || _, q = c.invalid ? "error" : "default", V = ge(M.language), G = z ?? l("inputs.dateTimePicker.placeholder", "Select date and time"), J = l("inputs.dateTimePicker.apply", "Apply"), Q = l(
+    const { t: l, i18n: N } = ue(), c = pe(), D = U ?? c.id, M = c.disabled || _, q = c.invalid ? "error" : "default", V = ge(N.language), G = z ?? l("inputs.dateTimePicker.placeholder", "Select date and time"), J = l("inputs.dateTimePicker.apply", "Apply"), Q = l(
       "inputs.dateTimePicker.outOfRange",
       "Date/time is out of allowed range"
-    ), S = (w !== void 0 ? w : Ne(i)) ? Me(M.language, i) : "", [X, I] = me({
+    ), S = (w !== void 0 ? w : Ve(i)) ? Me(N.language, i) : "", [X, I] = me({
       value: e,
       defaultValue: t,
       onChange: r
@@ -192,20 +192,20 @@ const Ve = ce(
       }),
       [n, b, h]
     );
-    return le(W, () => x, [x]), xe(Oe, x, D), /* @__PURE__ */ s(k.Root, { open: h, onOpenChange: ee, children: /* @__PURE__ */ y(
+    return le(W, () => x, [x]), Oe(Ne, x, D), /* @__PURE__ */ s(k.Root, { open: h, onOpenChange: ee, children: /* @__PURE__ */ y(
       "div",
       {
         className: E,
         "data-component": "date-time-picker",
         "data-component-id": D,
         children: [
-          /* @__PURE__ */ s(k.Trigger, { asChild: !0, disabled: N, children: /* @__PURE__ */ y(
+          /* @__PURE__ */ s(k.Trigger, { asChild: !0, disabled: M, children: /* @__PURE__ */ y(
             "button",
             {
               ref: L,
               id: D,
               type: "button",
-              disabled: N,
+              disabled: M,
               "aria-describedby": c.describedBy || void 0,
               "aria-invalid": c.invalid || void 0,
               "aria-haspopup": "dialog",
@@ -235,7 +235,7 @@ const Ve = ce(
             {
               sideOffset: 4,
               align: "start",
-              className: Pe(),
+              className: xe(),
               children: /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:sm:flex-row ds:gap-[var(--spacing-md)]", children: [
                 /* @__PURE__ */ s("div", { role: "region", "aria-label": re, children: /* @__PURE__ */ s(
                   De,
@@ -249,6 +249,7 @@ const Ve = ce(
                     locale: V,
                     showOutsideDays: !0,
                     fixedWeeks: !0,
+                    classNames: Pe,
                     components: { Chevron: Ce }
                   }
                 ) }),
@@ -287,7 +288,7 @@ const Ve = ce(
                           type: "button",
                           onClick: se,
                           disabled: !o || R,
-                          className: Ve({ size: f }),
+                          className: Se({ size: f }),
                           children: J
                         }
                       )
@@ -302,9 +303,9 @@ const Ve = ce(
     ) });
   }
 );
-Se.displayName = "DateTimePicker";
+Ie.displayName = "DateTimePicker";
 export {
-  Se as D,
-  Oe as d
+  Ie as D,
+  Ne as d
 };
-//# sourceMappingURL=date-time-picker-Cva0ZCWw.js.map
+//# sourceMappingURL=date-time-picker-RimumeLR.js.map

package/dist/_chunks/{de-BMM2H7Bs.js → de-bTBGdjPS.js}

@@ -1,4 +1,4 @@
-import { o as s, q as n, r as o, v as u } from "./react-day-picker-CdtIiKjx.js";
+import { q as s, r as n, v as o, w as u } from "./date-picker-variants-DLi1Va_e.js";
 const d = {
   lessThanXSeconds: {
     standalone: {
@@ -474,4 +474,4 @@ const d = {
 export {
   O as de
 };
-//# sourceMappingURL=de-BMM2H7Bs.js.map
+//# sourceMappingURL=de-bTBGdjPS.js.map

package/dist/_chunks/{dialog-Cee13rHU.js → dialog-DOYgd75U.js}

@@ -1,13 +1,13 @@
 import { jsx as s, jsxs as v } from "react/jsx-runtime";
-import { useRef as R, useEffect as T, useMemo as O, forwardRef as d, useContext as j, createContext as z } from "react";
+import { useRef as R, useEffect as T, useMemo as O, forwardRef as d, useContext as j, createContext as E } from "react";
 import * as t from "@radix-ui/react-dialog";
-import { c as k } from "./index-D2ZczOXr.js";
-import { useTranslation as E } from "react-i18next";
-import { I } from "./icon-button-CKEOrN37.js";
-import { u as B } from "./use-controllable-state-BiY4xTzM.js";
-import { u as S } from "./registry-nPAVE19X.js";
-import { X as A } from "./x-CCcI3eJp.js";
-const H = {
+import { c as _ } from "./index-D2ZczOXr.js";
+import { useTranslation as k } from "react-i18next";
+import { I as z } from "./icon-button-CKEOrN37.js";
+import { u as I } from "./use-controllable-state-BiY4xTzM.js";
+import { u as B } from "./registry-nPAVE19X.js";
+import { X as S } from "./x-CCcI3eJp.js";
+const A = {
   id: "dialog",
   capabilities: ["open", "close", "dismiss"],
   state: {
@@ -48,14 +48,14 @@ const H = {
       description: "Sourced from the id prop on Dialog.Root."
     }
   }
-}, V = [
-  "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
-  "ds:bg-[var(--background)]/[var(--opacity-70)]",
+}, H = [
+  "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(" "), F = [
+].join(" "), V = [
+  "ds-dialog",
   "ds:fixed ds:z-[var(--z-modal)]",
   "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
   "ds:shadow-[var(--shadow-xl)]",
@@ -64,7 +64,7 @@ const H = {
   "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(" "), g = "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]", L = k(F, {
+].join(" "), g = "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]", F = _(V, {
   variants: {
     size: {
       sm: `${g} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
@@ -74,7 +74,7 @@ const H = {
     }
   },
   defaultVariants: { size: "md" }
-}), f = z(void 0), u = ({
+}), f = E(void 0), u = ({
   children: o,
   id: e,
   open: a,
@@ -82,7 +82,7 @@ const H = {
   onOpenChange: c,
   ...p
 }) => {
-  const [m, n] = B({
+  const [m, n] = I({
     value: a,
     defaultValue: r ?? !1,
     onChange: c
@@ -98,14 +98,14 @@ const H = {
     }),
     [n]
   );
-  return S(H, N, e), /* @__PURE__ */ s(f.Provider, { value: e, children: /* @__PURE__ */ s(t.Root, { open: i, onOpenChange: n, ...p, children: o }) });
+  return B(A, N, e), /* @__PURE__ */ s(f.Provider, { value: e, children: /* @__PURE__ */ s(t.Root, { open: i, onOpenChange: n, ...p, children: o }) });
 };
 u.displayName = "Dialog.Root";
 const h = d(({ children: o, ...e }, a) => /* @__PURE__ */ s(t.Trigger, { ref: a, ...e, children: o }));
 h.displayName = "Dialog.Trigger";
 const x = d(({ children: o, ...e }, a) => /* @__PURE__ */ s(t.Close, { ref: a, ...e, children: o }));
 x.displayName = "Dialog.Close";
-const y = d(
+const D = d(
   ({
     size: o = "md",
     variant: e = "default",
@@ -114,13 +114,13 @@ const y = d(
     children: c,
     ...p
   }, m) => {
-    const { t: n } = E(), i = j(f), l = e === "alert" ? { role: "alertdialog" } : {};
+    const { t: n } = k(), i = j(f), l = e === "alert" ? { role: "alertdialog" } : {};
     return /* @__PURE__ */ v(t.Portal, { children: [
       /* @__PURE__ */ s(
         t.Overlay,
         {
           "data-component": "dialog-overlay",
-          className: V
+          className: H
         }
       ),
       /* @__PURE__ */ v(
@@ -130,14 +130,19 @@ const y = d(
           ...l,
           "data-component": "dialog",
           "data-component-id": i,
-          className: L({ size: o, className: r }),
+          className: F({ size: o, className: r }),
           ...p,
           children: [
             c,
-            !a && /* @__PURE__ */ s("div", { className: "ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]", children: /* @__PURE__ */ s(t.Close, { asChild: !0, children: /* @__PURE__ */ s(
-              I,
+            !a && // Positioning wrapper. The interactive close is an IconButton
+            // (ghost / sm) — same lucide `X` glyph, 32px target, 16px icon,
+            // hover wash and focus ring that the vanilla `.ds-dialog__close`
+            // contract reproduces from the same tokens, so the React and
+            // non-React close buttons render identically.
+            /* @__PURE__ */ s("div", { className: "ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]", children: /* @__PURE__ */ s(t.Close, { asChild: !0, children: /* @__PURE__ */ s(
+              z,
               {
-                icon: /* @__PURE__ */ s(A, {}),
+                icon: /* @__PURE__ */ s(S, {}),
                 intent: "ghost",
                 size: "sm",
                 "aria-label": n("common.close", "Close")
@@ -149,13 +154,17 @@ const y = d(
     ] });
   }
 );
-y.displayName = "Dialog.Content";
-const D = d(
+D.displayName = "Dialog.Content";
+const y = d(
   ({ className: o, ...e }, a) => /* @__PURE__ */ s(
     "div",
     {
       ref: a,
       className: [
+        // `ds-dialog__header` is the shared vanilla contract (src/styles.css);
+        // the Tailwind utilities reproduce it for hosts that render through
+        // this component, keeping the two surfaces identical.
+        "ds-dialog__header",
         "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]",
         o
       ].filter(Boolean).join(" "),
@@ -163,17 +172,17 @@ const D = d(
     }
   )
 );
-D.displayName = "Dialog.Header";
-const b = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
+y.displayName = "Dialog.Header";
+const C = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
   t.Title,
   {
     ref: a,
-    className: ["type-title-card ds:break-words", o].filter(Boolean).join(" "),
+    className: ["ds-dialog__title type-title-card ds:break-words", o].filter(Boolean).join(" "),
     ...e
   }
 ));
-b.displayName = "Dialog.Title";
-const C = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
+C.displayName = "Dialog.Title";
+const b = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
   t.Description,
   {
     ref: a,
@@ -181,7 +190,7 @@ const C = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
     ...e
   }
 ));
-C.displayName = "Dialog.Description";
+b.displayName = "Dialog.Description";
 const w = d(
   ({ className: o, divider: e = !1, ...a }, r) => /* @__PURE__ */ s(
     "div",
@@ -201,15 +210,15 @@ w.displayName = "Dialog.Footer";
 const J = Object.assign(u, {
   Root: u,
   Trigger: h,
-  Content: y,
-  Header: D,
-  Title: b,
-  Description: C,
+  Content: D,
+  Header: y,
+  Title: C,
+  Description: b,
   Footer: w,
   Close: x
 });
 export {
   J as D,
-  H as d
+  A as d
 };
-//# sourceMappingURL=dialog-Cee13rHU.js.map
+//# sourceMappingURL=dialog-DOYgd75U.js.map

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

@@ -1,45 +1,46 @@
 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 _, useState as i, useMemo as g, useEffect as I } from "react";
+import { c as S } from "./index-D2ZczOXr.js";
+import { useTranslation as z } 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 G } from "./date-picker-Bq7xhMA-.js";
+import { N as M } from "./number-input-Dj5L3pXK.js";
+import { C } from "./card-DPmk26CL.js";
+import { B as R } from "./badge-zsf5i5bH.js";
+import { I as V } from "./insert-result-DisOY2G-.js";
+import { D as b, c as j } from "./gestation-mWF4AXea.js";
+const H = S("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 = {
+}, K = {
   lmp: "dueDateCalculator.lmpDate",
   conception: "dueDateCalculator.conceptionDate",
   ivf: "dueDateCalculator.transferDate"
-}, K = B(
+}, P = _(
   ({
-    defaultMethod: C = "lmp",
+    defaultMethod: y = "lmp",
     onResultChange: d,
     onInsert: p,
     insertVariant: D = "insert",
-    onCopy: y,
-    onError: x,
-    id: N,
-    width: L,
-    className: A
-  }, w) => {
-    const { t: e, i18n: f } = S(), [r, E] = i(C), [o, T] = i(void 0), [u, $] = i(
+    onCopy: x,
+    onError: N,
+    id: L,
+    width: A,
+    className: w
+  }, E) => {
+    const { t: e, i18n: f } = z(), [r, T] = i(y), [o, $] = i(void 0), [u, B] = i(
       b
-    ), [n, F] = i(5), t = g(() => o ? V(
+    ), [n, F] = i(5), t = g(() => o ? j(
       {
         method: r,
         date: o,
@@ -51,17 +52,17 @@ const j = I("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
       () => new Intl.DateTimeFormat(f.language, { dateStyle: "long" }),
       [f.language]
     );
-    _(() => {
+    I(() => {
       d == null || d(t);
     }, [t, d]);
     const k = g(() => /* @__PURE__ */ new Date(), []);
     return /* @__PURE__ */ l(
       "div",
       {
-        ref: w,
+        ref: E,
         "data-component": "due-date-calculator",
-        "data-component-id": N,
-        className: j({ width: L, className: A }),
+        "data-component-id": L,
+        className: H({ width: A, className: w }),
         children: [
           /* @__PURE__ */ l(
             h,
@@ -69,7 +70,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) => T(m),
               children: [
                 /* @__PURE__ */ a(s, { label: e("dueDateCalculator.method.lmp"), value: "lmp" }),
                 /* @__PURE__ */ a(
@@ -84,20 +85,20 @@ 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(K[r]), children: /* @__PURE__ */ a(G, { value: o, onChange: $, maxDate: k }) }),
             r === "lmp" && /* @__PURE__ */ a(
               v,
               {
                 label: e("dueDateCalculator.cycleLength"),
                 description: e("dueDateCalculator.cycleLengthHint"),
                 children: /* @__PURE__ */ a(
-                  G,
+                  M,
                   {
                     mode: "integer",
                     min: 20,
                     max: 45,
                     value: u,
-                    onChange: $
+                    onChange: B
                   }
                 )
               }
@@ -121,11 +122,18 @@ const j = I("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
           )}. ${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(C, { variant: "elevated", children: /* @__PURE__ */ l(C.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
             /* @__PURE__ */ l("dl", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3", children: [
               /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]", children: [
                 /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("dueDateCalculator.result.trimesterLabel") }),
-                /* @__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(
+                  R,
+                  {
+                    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") }),
@@ -140,12 +148,12 @@ const j = I("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
               ] })
             ] }),
             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),
@@ -171,14 +179,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";
+P.displayName = "DueDateCalculator";
 export {
-  K as D
+  P as D
 };
-//# sourceMappingURL=due-date-calculator-s_CBgaFs.js.map
+//# sourceMappingURL=due-date-calculator-Cc4dRqTI.js.map

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