@alfadocs/ui-kit 0.44.0 → 0.46.0

package/dist/_chunks/{autocomplete-DIgdhCGJ.js → autocomplete-CDqxB68B.js}

@@ -4,7 +4,7 @@ import { _ as f } from "./index-4xgbg-sn.js";
 import * as T from "@radix-ui/react-popover";
 import { c as A } from "./index-D2ZczOXr.js";
 import { useTranslation as Ze } from "react-i18next";
-import { S as pe } from "./spinner-CCByyvcb.js";
+import { S as pe } from "./spinner-OjQNn8oN.js";
 import { u as et } from "./form-field-context-B3APVHKx.js";
 import { u as tt } from "./use-controllable-state-BiY4xTzM.js";
 import { g as st } from "./group-options-BvKhQ3xb.js";
@@ -466,4 +466,4 @@ export {
   it as a,
   dt as b
 };
-//# sourceMappingURL=autocomplete-DIgdhCGJ.js.map
+//# sourceMappingURL=autocomplete-CDqxB68B.js.map

package/dist/_chunks/bmi-calculator-CQqXTVNL.js

@@ -0,0 +1,258 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { forwardRef as Z, useId as aa, useState as r, useMemo as A, useEffect as ea } from "react";
+import { c as la } from "./index-D2ZczOXr.js";
+import { useTranslation as ta } from "react-i18next";
+import { R as H } from "./radio-TWf9Q-mp.js";
+import { R as ia } from "./radio-group-CLjK-SlK.js";
+import { F as D } from "./form-field-BOm9hK35.js";
+import { N as p } from "./number-input-Dj5L3pXK.js";
+import { C as M } from "./card-DPmk26CL.js";
+import { B as na } from "./badge-zsf5i5bH.js";
+import { B as ra, I as sa, b as oa } from "./insert-result-C5ABnzDl.js";
+import { b as ca, e as ma, c as da, f as O, l as W, k as ua } from "./bmi-BxD-tFzU.js";
+const ga = la("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+  variants: {
+    width: {
+      full: "ds:w-full",
+      auto: "ds:inline-flex"
+    }
+  },
+  defaultVariants: { width: "full" }
+}), ba = {
+  underweight: "info",
+  normal: "success",
+  overweight: "warning",
+  obese: "error"
+}, ha = {
+  underweight: "--info",
+  normal: "--success",
+  overweight: "--warning-readable",
+  obese: "--destructive"
+}, f = (v) => Math.round(v * 10) / 10, pa = Z(
+  ({
+    defaultUnitSystem: v = "metric",
+    onResultChange: g,
+    onInsert: L,
+    insertVariant: N = "insert",
+    onCopy: j,
+    onError: z,
+    insertBrand: R,
+    id: U,
+    width: V,
+    className: Y
+  }, _) => {
+    const { t: a, i18n: w } = ta(), B = aa(), [s, q] = r(v), [b, F] = r(null), [h, I] = r(null), [o, T] = r(null), [c, k] = r(null), [m, $] = r(null), J = (C) => {
+      const u = C;
+      if (u !== s) {
+        if (u === "imperial") {
+          if (b !== null) {
+            const { ft: y, in: x } = da(b);
+            T(y), k(f(x));
+          }
+          h !== null && $(f(ua(h)));
+        } else
+          (o !== null || c !== null) && F(f(O(o ?? 0, c ?? 0))), m !== null && I(f(W(m)));
+        q(u);
+      }
+    }, P = s === "metric" ? b : o !== null || c !== null ? O(o ?? 0, c ?? 0) : null, Q = s === "metric" ? h : m !== null ? W(m) : null, i = ma(Q, P), t = i !== null ? ca(i) : null, G = A(
+      () => new Intl.NumberFormat(w.language, {
+        minimumFractionDigits: 1,
+        maximumFractionDigits: 1
+      }),
+      [w.language]
+    );
+    ea(() => {
+      g == null || g(
+        i !== null && t !== null ? { bmi: i, category: t } : null
+      );
+    }, [i, t, g]);
+    const d = s === "metric", l = A(() => {
+      if (i === null || t === null) return null;
+      const { bands: C, min: u, max: y, ticks: x } = oa(), S = G.format(i), E = a(`bmiCalculator.category.${t}`), K = a(`bmiCalculator.range.${t}`), X = a("bmiCalculator.gaugeAria", {
+        bmi: S,
+        category: E,
+        range: K
+      });
+      return {
+        value: i,
+        bands: C,
+        min: u,
+        max: y,
+        ticks: x,
+        valueLabel: S,
+        categoryLabel: E,
+        rangeLabel: K,
+        ariaLabel: X
+      };
+    }, [i, t, G, a]);
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: _,
+        "data-component": "bmi-calculator",
+        "data-component-id": U,
+        className: ga({ width: V, className: Y }),
+        children: [
+          /* @__PURE__ */ n(
+            ia,
+            {
+              label: a("bmiCalculator.unitSystem.label"),
+              variant: "horizontal",
+              value: s,
+              onValueChange: J,
+              children: [
+                /* @__PURE__ */ e(H, { label: a("bmiCalculator.unitSystem.metric"), value: "metric" }),
+                /* @__PURE__ */ e(
+                  H,
+                  {
+                    label: a("bmiCalculator.unitSystem.imperial"),
+                    value: "imperial"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ n("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
+            d ? /* @__PURE__ */ e(
+              D,
+              {
+                label: `${a("bmiCalculator.height")} (${a("bmiCalculator.units.cm")})`,
+                children: /* @__PURE__ */ e(
+                  p,
+                  {
+                    mode: "decimal",
+                    min: 0,
+                    step: 0.5,
+                    value: b,
+                    onChange: F
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ n("div", { role: "group", "aria-labelledby": B, children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  id: B,
+                  className: "type-label ds:mb-[var(--spacing-xs)] ds:block ds:text-foreground",
+                  children: a("bmiCalculator.height")
+                }
+              ),
+              /* @__PURE__ */ n("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+                /* @__PURE__ */ e(
+                  p,
+                  {
+                    mode: "integer",
+                    min: 0,
+                    value: o,
+                    onChange: T,
+                    "aria-label": a("bmiCalculator.feet")
+                  }
+                ),
+                /* @__PURE__ */ e("span", { className: "type-label ds:text-muted-foreground", children: a("bmiCalculator.units.ft") }),
+                /* @__PURE__ */ e(
+                  p,
+                  {
+                    mode: "decimal",
+                    min: 0,
+                    max: 11.9,
+                    step: 0.5,
+                    value: c,
+                    onChange: k,
+                    "aria-label": a("bmiCalculator.inches")
+                  }
+                ),
+                /* @__PURE__ */ e("span", { className: "type-label ds:text-muted-foreground", children: a("bmiCalculator.units.in") })
+              ] })
+            ] }),
+            /* @__PURE__ */ e(
+              D,
+              {
+                label: `${a("bmiCalculator.weight")} (${a(
+                  d ? "bmiCalculator.units.kg" : "bmiCalculator.units.lb"
+                )})`,
+                children: /* @__PURE__ */ e(
+                  p,
+                  {
+                    mode: "decimal",
+                    min: 0,
+                    step: d ? 0.1 : 0.5,
+                    value: d ? h : m,
+                    onChange: d ? I : $
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: l ? l.ariaLabel : "" }),
+          i !== null && t !== null && l !== null ? /* @__PURE__ */ e(M, { variant: "elevated", children: /* @__PURE__ */ n(M.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center", children: [
+              /* @__PURE__ */ e("span", { className: "type-label ds:text-muted-foreground", children: a("bmiCalculator.category.label") }),
+              /* @__PURE__ */ e(na, { variant: ba[t], size: "lg", children: a(`bmiCalculator.category.${t}`) }),
+              /* @__PURE__ */ e("p", { className: "type-body ds:text-muted-foreground", children: l.rangeLabel })
+            ] }),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                "data-bmi-category": t,
+                className: "ds:w-full ds:max-w-[320px]",
+                children: /* @__PURE__ */ e(ra, { model: l, className: "ds:w-full" })
+              }
+            ),
+            N === "copy" || L ? /* @__PURE__ */ e(
+              sa,
+              {
+                onInsert: L,
+                variant: N,
+                onCopy: j,
+                onError: z,
+                card: {
+                  title: a("insert.title.bmi"),
+                  icon: "scale",
+                  highlight: a(`bmiCalculator.category.${t}`),
+                  // Chip shares the WHO-category semantic token so the
+                  // inserted PNG chip matches the on-screen band colour.
+                  highlightToken: ha[t],
+                  brand: R,
+                  // Banded gauge: the SAME geometry + WHO bands as the
+                  // on-screen widget, baked into the card PNG with
+                  // probe-resolved theme colours.
+                  gauge: {
+                    variant: "banded",
+                    value: i,
+                    bands: l.bands,
+                    min: l.min,
+                    max: l.max,
+                    valueLabel: l.valueLabel,
+                    categoryLabel: l.categoryLabel,
+                    rangeLabel: l.rangeLabel,
+                    ariaLabel: l.ariaLabel,
+                    ticks: l.ticks
+                  },
+                  fields: [
+                    {
+                      // Mirrors the on-screen scale glyph + header icon.
+                      icon: "scale",
+                      label: a("insert.title.bmi"),
+                      value: l.valueLabel
+                    },
+                    {
+                      // WHO band is a classification → tag glyph.
+                      icon: "tag",
+                      label: a("bmiCalculator.category.label"),
+                      value: l.categoryLabel
+                    }
+                  ]
+                }
+              }
+            ) : null
+          ] }) }) : /* @__PURE__ */ e("p", { className: "type-body ds:text-muted-foreground", children: a("bmiCalculator.empty") })
+        ]
+      }
+    );
+  }
+);
+pa.displayName = "BmiCalculator";
+export {
+  pa as B
+};
+//# sourceMappingURL=bmi-calculator-CQqXTVNL.js.map

package/dist/_chunks/{booking-CtLwaxkK.js → booking-DlDVuWMd.js}

@@ -13,7 +13,7 @@ import { F as Z } from "./form-field-BOm9hK35.js";
 import { P as Lt } from "./phone-input-DfZbPPvh.js";
 import { T as Rt } from "./text-area-BIx0tZ05.js";
 import { T as Ce } from "./text-input-BaClJL8Y.js";
-import { S as Ft } from "./spinner-CCByyvcb.js";
+import { S as Ft } from "./spinner-OjQNn8oN.js";
 import { I as tt } from "./icon-button-CKEOrN37.js";
 import { S as Oe } from "./select-hsCaJSX3.js";
 import { C as Ge } from "./combobox-BC-DFx8G.js";
@@ -2697,4 +2697,4 @@ export {
   X as O,
   Da as b
 };
-//# sourceMappingURL=booking-CtLwaxkK.js.map
+//# sourceMappingURL=booking-DlDVuWMd.js.map

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

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

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

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

package/dist/_chunks/{editable-currency-cell-renderer-9jqwDv5x.js → editable-currency-cell-renderer-BEBUQl9P.js}

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

package/dist/_chunks/{freemium-paywall-BLXESpH4.js → freemium-paywall-DzpD63WY.js}

@@ -8,7 +8,7 @@ import { u as X } from "./use-controllable-state-BiY4xTzM.js";
 import { u as Y } from "./registry-nPAVE19X.js";
 import { B as I } from "./button-DD_0Xdmr.js";
 import { P as Z } from "./progress-kzIRcdaq.js";
-import { f as $ } from "./payment-form-BzVsG6Ks.js";
+import { f as $ } from "./payment-form-BNTx4876.js";
 import { T as ee } from "./triangle-alert-CBPUIzQo.js";
 import { C as se } from "./check-DPdL_Sm7.js";
 const ae = {
@@ -265,4 +265,4 @@ export {
   te as F,
   ae as f
 };
-//# sourceMappingURL=freemium-paywall-BLXESpH4.js.map
+//# sourceMappingURL=freemium-paywall-DzpD63WY.js.map