@alfadocs/ui-kit 0.42.0 → 0.44.0

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

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

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

package/dist/_chunks/{el-BYPonAaK.js → el-BWG5RXxa.js}

@@ -1,4 +1,4 @@
-import { o as s, q as i, r as o, v as d } from "./react-day-picker-CdtIiKjx.js";
+import { q as s, r as i, v as o, w as d } from "./date-picker-variants-DLi1Va_e.js";
 const u = {
   lessThanXSeconds: {
     one: "λιγότερο από ένα δευτερόλεπτο",
@@ -93,7 +93,7 @@ const u = {
     formats: m,
     defaultWidth: "full"
   })
-}, b = {
+}, w = {
   lastWeek: (e) => {
     switch (e.getDay()) {
       case 6:
@@ -107,8 +107,8 @@ const u = {
   tomorrow: "'αύριο στις' p",
   nextWeek: "eeee 'στις' p",
   other: "P"
-}, w = (e, r) => {
-  const a = b[e];
+}, b = (e, r) => {
+  const a = w[e];
   return typeof a == "function" ? a(r) : a;
 }, y = {
   narrow: ["πΧ", "μΧ"],
@@ -359,7 +359,7 @@ const u = {
   code: "el",
   formatDistance: c,
   formatLong: f,
-  formatRelative: w,
+  formatRelative: b,
   localize: k,
   match: q,
   options: {
@@ -370,4 +370,4 @@ const u = {
 export {
   O as el
 };
-//# sourceMappingURL=el-BYPonAaK.js.map
+//# sourceMappingURL=el-BWG5RXxa.js.map

package/dist/_chunks/{es-CMkVCQ4F.js → es-DfO_G435.js}

@@ -1,4 +1,4 @@
-import { o as d, q as o, r, v as s } from "./react-day-picker-CdtIiKjx.js";
+import { q as d, r as o, v as r, w as s } from "./date-picker-variants-DLi1Va_e.js";
 const m = {
   lessThanXSeconds: {
     one: "menos de un segundo",
@@ -370,4 +370,4 @@ const m = {
 export {
   q as es
 };
-//# sourceMappingURL=es-CMkVCQ4F.js.map
+//# sourceMappingURL=es-DfO_G435.js.map

package/dist/_chunks/{fr-BcuWxqft.js → fr-BTn24bs8.js}

@@ -1,4 +1,4 @@
-import { o as m, q as r, r as o, v as d } from "./react-day-picker-CdtIiKjx.js";
+import { q as m, r, v as o, w as d } from "./date-picker-variants-DLi1Va_e.js";
 const u = {
   lessThanXSeconds: {
     one: "moins d’une seconde",
@@ -335,4 +335,4 @@ const u = {
 export {
   q as fr
 };
-//# sourceMappingURL=fr-BcuWxqft.js.map
+//# sourceMappingURL=fr-BTn24bs8.js.map

package/dist/_chunks/{gestation-BXEgDGmP.js → gestation-mWF4AXea.js}

@@ -1,5 +1,5 @@
-import { a, d as E } from "./react-day-picker-CdtIiKjx.js";
-import { s as i } from "./subDays-_T9YeKPX.js";
+import { a, d as E } from "./date-picker-variants-DLi1Va_e.js";
+import { s as i } from "./subDays-Dv7q9S7u.js";
 const T = 280, m = 14, u = 266, d = 28;
 function p(e) {
   if (e < 0) return "preconception";
@@ -47,4 +47,4 @@ export {
   g,
   p as t
 };
-//# sourceMappingURL=gestation-BXEgDGmP.js.map
+//# sourceMappingURL=gestation-mWF4AXea.js.map

package/dist/_chunks/gestational-age-calculator-sRmoqgVr.js

@@ -0,0 +1,190 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { forwardRef as L, useState as f, useMemo as m, useEffect as I } from "react";
+import { c as S } from "./index-D2ZczOXr.js";
+import { useTranslation as k } from "react-i18next";
+import { R as h } from "./radio-TWf9Q-mp.js";
+import { R as B } from "./radio-group-CLjK-SlK.js";
+import { F } from "./form-field-BOm9hK35.js";
+import { D as M } from "./date-picker-Bq7xhMA-.js";
+import { C as x } from "./card-DPmk26CL.js";
+import { B as A } from "./badge-zsf5i5bH.js";
+import { I as R } from "./insert-result-CoC1oo6R.js";
+import { c as _, g as j, G as H } from "./gestation-mWF4AXea.js";
+import { s as z } from "./subDays-Dv7q9S7u.js";
+import { i as O } from "./date-picker-variants-DLi1Va_e.js";
+const V = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+  variants: {
+    width: { full: "ds:w-full", auto: "ds:inline-flex" }
+  },
+  defaultVariants: { width: "full" }
+}), K = {
+  preconception: "neutral",
+  first: "info",
+  second: "success",
+  third: "warning",
+  postterm: "error"
+}, P = {
+  preconception: "--muted",
+  first: "--info",
+  second: "--success",
+  third: "--warning",
+  postterm: "--destructive"
+}, Y = L(
+  ({
+    defaultMethod: v = "lmp",
+    onResultChange: d,
+    onInsert: g,
+    insertVariant: u = "insert",
+    onCopy: b,
+    onError: y,
+    insertBrand: C,
+    id: N,
+    width: D,
+    className: T
+  }, w) => {
+    const { t: e, i18n: p } = k(), [o, G] = f(v), [i, $] = f(void 0), n = m(() => /* @__PURE__ */ new Date(), []), a = m(() => {
+      if (!i) return null;
+      const s = o === "lmp" ? i : z(i, H), r = _({ method: "lmp", date: s }, n);
+      return {
+        result: {
+          gestationalAge: r.gestationalAge,
+          trimester: r.trimester,
+          dueDate: r.dueDate
+        },
+        milestones: j(r.gestationalStart)
+      };
+    }, [o, i, n]), E = m(
+      () => new Intl.DateTimeFormat(p.language, { dateStyle: "medium" }),
+      [p.language]
+    );
+    I(() => {
+      d == null || d((a == null ? void 0 : a.result) ?? null);
+    }, [a, d]);
+    const c = (s) => s ? e("gestationalAgeCalculator.gestation", {
+      weeks: s.weeks,
+      days: s.days
+    }) : "—";
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: w,
+        "data-component": "gestational-age-calculator",
+        "data-component-id": N,
+        className: V({ width: D, className: T }),
+        children: [
+          /* @__PURE__ */ l(
+            B,
+            {
+              label: e("gestationalAgeCalculator.method.label"),
+              variant: "horizontal",
+              value: o,
+              onValueChange: (s) => G(s),
+              children: [
+                /* @__PURE__ */ t(h, { label: e("gestationalAgeCalculator.method.lmp"), value: "lmp" }),
+                /* @__PURE__ */ t(h, { label: e("gestationalAgeCalculator.method.edd"), value: "edd" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(
+            F,
+            {
+              label: e(
+                o === "lmp" ? "gestationalAgeCalculator.lmpDate" : "gestationalAgeCalculator.eddDate"
+              ),
+              children: /* @__PURE__ */ t(
+                M,
+                {
+                  value: i,
+                  onChange: $,
+                  maxDate: o === "lmp" ? n : void 0
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ t("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: a ? `${e("gestationalAgeCalculator.gestationLabel")}: ${c(
+            a.result.gestationalAge
+          )}. ${e("gestationalAgeCalculator.trimesterLabel")}: ${e(
+            `gestationalAgeCalculator.trimester.${a.result.trimester}`
+          )}.` : "" }),
+          a ? /* @__PURE__ */ t(x, { variant: "elevated", children: /* @__PURE__ */ l(x.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-2", children: [
+              /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ t("dt", { className: "type-label ds:text-muted-foreground", children: e("gestationalAgeCalculator.trimesterLabel") }),
+                /* @__PURE__ */ t("dd", { children: /* @__PURE__ */ t(
+                  A,
+                  {
+                    variant: K[a.result.trimester],
+                    size: "lg",
+                    children: e(
+                      `gestationalAgeCalculator.trimester.${a.result.trimester}`
+                    )
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-xs)] ds:text-end", children: [
+                /* @__PURE__ */ t("dt", { className: "type-label ds:text-muted-foreground", children: e("gestationalAgeCalculator.gestationLabel") }),
+                /* @__PURE__ */ t("dd", { className: "type-metric ds:text-foreground", children: c(a.result.gestationalAge) })
+              ] })
+            ] }),
+            /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+              /* @__PURE__ */ t("span", { className: "type-label ds:text-muted-foreground", children: e("gestationalAgeCalculator.milestonesLabel") }),
+              /* @__PURE__ */ t("ul", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: a.milestones.map((s) => {
+                const r = O(n, s.date);
+                return /* @__PURE__ */ l(
+                  "li",
+                  {
+                    className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-md)]",
+                    children: [
+                      /* @__PURE__ */ t("span", { className: "type-body ds:text-foreground", children: e(`gestationalAgeCalculator.milestone.${s.key}`) }),
+                      /* @__PURE__ */ l("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+                        /* @__PURE__ */ t("span", { className: "type-body ds:text-muted-foreground", children: E.format(s.date) }),
+                        r ? /* @__PURE__ */ t(A, { variant: "success", children: e("gestationalAgeCalculator.reached") }) : null
+                      ] })
+                    ]
+                  },
+                  s.key
+                );
+              }) })
+            ] }),
+            u === "copy" || g ? /* @__PURE__ */ t(
+              R,
+              {
+                onInsert: g,
+                variant: u,
+                onCopy: b,
+                onError: y,
+                card: {
+                  title: e("insert.title.gestationalAge"),
+                  highlight: e(
+                    `gestationalAgeCalculator.trimester.${a.result.trimester}`
+                  ),
+                  // Chip shares the trimester's semantic token so the
+                  // inserted PNG chip matches the on-screen trimester badge.
+                  highlightToken: P[a.result.trimester],
+                  brand: C,
+                  fields: [
+                    {
+                      label: e("gestationalAgeCalculator.gestationLabel"),
+                      value: c(a.result.gestationalAge)
+                    },
+                    {
+                      label: e("gestationalAgeCalculator.trimesterLabel"),
+                      value: e(
+                        `gestationalAgeCalculator.trimester.${a.result.trimester}`
+                      )
+                    }
+                  ]
+                }
+              }
+            ) : null
+          ] }) }) : /* @__PURE__ */ t("p", { className: "type-body ds:text-muted-foreground", children: e("gestationalAgeCalculator.empty") })
+        ]
+      }
+    );
+  }
+);
+Y.displayName = "GestationalAgeCalculator";
+export {
+  Y as G
+};
+//# sourceMappingURL=gestational-age-calculator-sRmoqgVr.js.map