@alfadocs/ui-kit 0.43.0 → 0.44.0

package/dist/_chunks/{bmi-calculator-DuVSFDuw.js → bmi-calculator-DFPWL2OJ.js}

@@ -1,17 +1,17 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { forwardRef as q, useId as J, useState as c, useMemo as Q, useEffect as k } from "react";
-import { c as K } from "./index-D2ZczOXr.js";
-import { useTranslation as X } from "react-i18next";
-import { R as E } from "./radio-TWf9Q-mp.js";
-import { R as Z } from "./radio-group-CLjK-SlK.js";
-import { F as S } from "./form-field-BOm9hK35.js";
+import { forwardRef as ee, useId as te, useState as c, useMemo as ae, useEffect as A } from "react";
+import { c as M } from "./index-D2ZczOXr.js";
+import { useTranslation as le } from "react-i18next";
+import { R as G } from "./radio-TWf9Q-mp.js";
+import { R as ie } from "./radio-group-CLjK-SlK.js";
+import { F as k } from "./form-field-BOm9hK35.js";
 import { N as C } from "./number-input-Dj5L3pXK.js";
-import { C as ee } from "./chart-Cg3e9EH9.js";
-import { C as H } from "./card-DPmk26CL.js";
-import { B as te } from "./badge-zsf5i5bH.js";
-import { I as ae } from "./insert-result-DisOY2G-.js";
-import { a as le, b as ie, e as re, c as oe, f as L, l as V, k as ne } from "./bmi-BxD-tFzU.js";
-const se = K("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+import { C as oe } from "./chart-Cg3e9EH9.js";
+import { C as L } from "./card-DPmk26CL.js";
+import { B as re } from "./badge-zsf5i5bH.js";
+import { I as ne } from "./insert-result-CoC1oo6R.js";
+import { a as S, b as se, e as ce, c as me, f as H, l as V, k as ue } from "./bmi-BxD-tFzU.js";
+const de = M("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
   variants: {
     width: {
       full: "ds:w-full",
@@ -19,12 +19,12 @@ const se = K("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
     }
   },
   defaultVariants: { width: "full" }
-}), ce = {
+}), ge = {
   underweight: "info",
   normal: "success",
   overweight: "warning",
   obese: "error"
-}, me = K("", {
+}, O = M("", {
   variants: {
     category: {
       underweight: "--info",
@@ -33,85 +33,89 @@ const se = K("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
       obese: "--destructive"
     }
   }
-}), ue = "--color-orange-600";
-function de(i) {
+}), W = "--color-orange-600";
+function be(i) {
   if (typeof document > "u") return;
-  const r = document.documentElement, o = getComputedStyle(r), n = i === "overweight" && r.classList.contains("theme-light") && !r.classList.contains("theme-accessible") ? ue : me({ category: i });
-  return o.getPropertyValue(n).trim() || void 0;
+  const o = document.documentElement, r = getComputedStyle(o), n = i === "overweight" && o.classList.contains("theme-light") && !o.classList.contains("theme-accessible") ? W : O({ category: i });
+  return r.getPropertyValue(n).trim() || void 0;
 }
-function ge(i) {
-  const [r, o] = c(void 0);
-  return k(() => {
+function K(i) {
+  return typeof document < "u" && i === "overweight" && document.documentElement.classList.contains("theme-light") && !document.documentElement.classList.contains("theme-accessible") ? W : O({ category: i });
+}
+function he(i) {
+  const [o, r] = c(void 0);
+  return A(() => {
     if (i === null) {
-      o(void 0);
+      r(void 0);
       return;
     }
-    const n = () => o(de(i));
+    const n = () => r(be(i));
     if (n(), typeof document > "u") return;
     const f = new MutationObserver(n);
     return f.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["class"]
     }), () => f.disconnect();
-  }, [i]), r;
+  }, [i]), o;
 }
-const y = (i) => Math.round(i * 10) / 10, be = q(
+const y = (i) => Math.round(i * 10) / 10, fe = ee(
   ({
     defaultUnitSystem: i = "metric",
-    onResultChange: r,
-    onInsert: o,
+    onResultChange: o,
+    onInsert: r,
     insertVariant: n = "insert",
     onCopy: f,
-    onError: A,
-    id: M,
-    width: O,
-    className: W
-  }, D) => {
-    const { t: e, i18n: w } = X(), N = J(), [m, _] = c(i), [h, F] = c(null), [p, I] = c(null), [u, $] = c(null), [d, B] = c(null), [g, T] = c(null), j = (R) => {
-      const x = R;
+    onError: D,
+    insertBrand: _,
+    id: j,
+    width: z,
+    className: P
+  }, R) => {
+    const { t: e, i18n: w } = le(), N = te(), [m, U] = c(i), [p, T] = c(null), [v, F] = c(null), [u, $] = c(null), [d, I] = c(null), [g, B] = c(null), Y = (Q) => {
+      const x = Q;
       if (x !== m) {
         if (x === "imperial") {
-          if (h !== null) {
-            const { ft: U, in: Y } = oe(h);
-            $(U), B(y(Y));
+          if (p !== null) {
+            const { ft: X, in: Z } = me(p);
+            $(X), I(y(Z));
           }
-          p !== null && T(y(ne(p)));
+          v !== null && B(y(ue(v)));
         } else
-          (u !== null || d !== null) && F(y(L(u ?? 0, d ?? 0))), g !== null && I(y(V(g)));
-        _(x);
+          (u !== null || d !== null) && T(y(H(u ?? 0, d ?? 0))), g !== null && F(y(V(g)));
+        U(x);
       }
-    }, z = m === "metric" ? h : u !== null || d !== null ? L(u ?? 0, d ?? 0) : null, P = m === "metric" ? p : g !== null ? V(g) : null, l = re(P, z), a = l !== null ? ie(l) : null, G = ge(a), v = Q(
+    }, q = m === "metric" ? p : u !== null || d !== null ? H(u ?? 0, d ?? 0) : null, J = m === "metric" ? v : g !== null ? V(g) : null, l = ce(J, q), a = l !== null ? se(l) : null, E = he(a), b = ae(
       () => new Intl.NumberFormat(w.language, {
         minimumFractionDigits: 1,
         maximumFractionDigits: 1
       }),
       [w.language]
     );
-    k(() => {
-      r == null || r(
+    A(() => {
+      o == null || o(
         l !== null && a !== null ? { bmi: l, category: a } : null
       );
-    }, [l, a, r]);
-    const b = m === "metric";
+    }, [l, a, o]);
+    const h = m === "metric";
     return /* @__PURE__ */ s(
       "div",
       {
-        ref: D,
+        ref: R,
         "data-component": "bmi-calculator",
-        "data-component-id": M,
-        className: se({ width: O, className: W }),
+        "data-component-id": j,
+        className: de({ width: z, className: P }),
         children: [
           /* @__PURE__ */ s(
-            Z,
+            ie,
             {
               label: e("bmiCalculator.unitSystem.label"),
               variant: "horizontal",
               value: m,
-              onValueChange: j,
+              onValueChange: Y,
               children: [
-                /* @__PURE__ */ t(E, { label: e("bmiCalculator.unitSystem.metric"), value: "metric" }),
+                /* @__PURE__ */ t(G, { label: e("bmiCalculator.unitSystem.metric"), value: "metric" }),
                 /* @__PURE__ */ t(
-                  E,
+                  G,
                   {
                     label: e("bmiCalculator.unitSystem.imperial"),
                     value: "imperial"
@@ -121,8 +125,8 @@ const y = (i) => Math.round(i * 10) / 10, be = q(
             }
           ),
           /* @__PURE__ */ s("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
-            b ? /* @__PURE__ */ t(
-              S,
+            h ? /* @__PURE__ */ t(
+              k,
               {
                 label: `${e("bmiCalculator.height")} (${e("bmiCalculator.units.cm")})`,
                 children: /* @__PURE__ */ t(
@@ -131,8 +135,8 @@ const y = (i) => Math.round(i * 10) / 10, be = q(
                     mode: "decimal",
                     min: 0,
                     step: 0.5,
-                    value: h,
-                    onChange: F
+                    value: p,
+                    onChange: T
                   }
                 )
               }
@@ -165,7 +169,7 @@ const y = (i) => Math.round(i * 10) / 10, be = q(
                     max: 11.9,
                     step: 0.5,
                     value: d,
-                    onChange: B,
+                    onChange: I,
                     "aria-label": e("bmiCalculator.inches")
                   }
                 ),
@@ -173,32 +177,32 @@ const y = (i) => Math.round(i * 10) / 10, be = q(
               ] })
             ] }),
             /* @__PURE__ */ t(
-              S,
+              k,
               {
                 label: `${e("bmiCalculator.weight")} (${e(
-                  b ? "bmiCalculator.units.kg" : "bmiCalculator.units.lb"
+                  h ? "bmiCalculator.units.kg" : "bmiCalculator.units.lb"
                 )})`,
                 children: /* @__PURE__ */ t(
                   C,
                   {
                     mode: "decimal",
                     min: 0,
-                    step: b ? 0.1 : 0.5,
-                    value: b ? p : g,
-                    onChange: b ? I : T
+                    step: h ? 0.1 : 0.5,
+                    value: h ? v : g,
+                    onChange: h ? F : B
                   }
                 )
               }
             )
           ] }),
           /* @__PURE__ */ t("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: l !== null && a !== null ? e("bmiCalculator.gaugeAria", {
-            bmi: v.format(l),
+            bmi: b.format(l),
             category: e(`bmiCalculator.category.${a}`)
           }) : "" }),
-          l !== null && a !== null ? /* @__PURE__ */ t(H, { variant: "elevated", children: /* @__PURE__ */ s(H.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-md)]", children: [
+          l !== null && a !== null ? /* @__PURE__ */ t(L, { variant: "elevated", children: /* @__PURE__ */ s(L.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-md)]", children: [
             /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center", children: [
               /* @__PURE__ */ t("span", { className: "type-label ds:text-muted-foreground", children: e("bmiCalculator.category.label") }),
-              /* @__PURE__ */ t(te, { variant: ce[a], size: "lg", children: e(`bmiCalculator.category.${a}`) }),
+              /* @__PURE__ */ t(re, { variant: ge[a], size: "lg", children: e(`bmiCalculator.category.${a}`) }),
               /* @__PURE__ */ t("p", { className: "type-body ds:text-muted-foreground", children: e(`bmiCalculator.range.${a}`) })
             ] }),
             /* @__PURE__ */ t(
@@ -207,36 +211,46 @@ const y = (i) => Math.round(i * 10) / 10, be = q(
                 "data-bmi-category": a,
                 className: "ds:w-[240px] ds:max-w-full",
                 children: /* @__PURE__ */ t(
-                  ee,
+                  oe,
                   {
                     type: "radialBar",
                     title: e("bmiCalculator.gaugeAria", {
-                      bmi: v.format(l),
+                      bmi: b.format(l),
                       category: e(`bmiCalculator.category.${a}`)
                     }),
-                    series: [le(l)],
+                    series: [S(l)],
                     labels: [e(`bmiCalculator.category.${a}`)],
-                    colors: G ? [G] : void 0,
-                    radialValueFormatter: () => v.format(l),
+                    colors: E ? [E] : void 0,
+                    radialValueFormatter: () => b.format(l),
                     height: 240
                   }
                 )
               }
             ),
-            n === "copy" || o ? /* @__PURE__ */ t(
-              ae,
+            n === "copy" || r ? /* @__PURE__ */ t(
+              ne,
               {
-                onInsert: o,
+                onInsert: r,
                 variant: n,
                 onCopy: f,
-                onError: A,
+                onError: D,
                 card: {
                   title: e("insert.title.bmi"),
                   highlight: e(`bmiCalculator.category.${a}`),
+                  // Chip + gauge arc share the WHO-category semantic token so
+                  // the inserted PNG matches the on-screen gauge.
+                  highlightToken: K(a),
+                  brand: _,
+                  gauge: {
+                    value: b.format(l),
+                    fraction: S(l) / 100,
+                    colorToken: K(a),
+                    label: e(`bmiCalculator.category.${a}`)
+                  },
                   fields: [
                     {
                       label: e("insert.title.bmi"),
-                      value: v.format(l)
+                      value: b.format(l)
                     },
                     {
                       label: e("bmiCalculator.category.label"),
@@ -252,8 +266,8 @@ const y = (i) => Math.round(i * 10) / 10, be = q(
     );
   }
 );
-be.displayName = "BmiCalculator";
+fe.displayName = "BmiCalculator";
 export {
-  be as B
+  fe as B
 };
-//# sourceMappingURL=bmi-calculator-DuVSFDuw.js.map
+//# sourceMappingURL=bmi-calculator-DFPWL2OJ.js.map

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/{cycle-calculator-Dln-y1k_.js → cycle-calculator-ChHBcjet.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 h, 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-CoC1oo6R.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: i } = n, o = s(i, d - M), u = {
+    start: s(o, -5),
+    end: s(o, U)
+  }, f = s(i, d), p = Array.from(
     { length: c },
-    (C, g) => i(s, d * (g + 1))
+    (C, g) => s(i, d * (g + 1))
   );
   return { nextPeriod: f, ovulation: o, 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",
+    insertVariant: i = "insert",
     onCopy: o,
     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), [y, E] = L(
       n
-    ), t = v(() => m ? G({
+    ), t = h(() => m ? K({
       lastPeriodStart: m,
-      cycleLength: y ?? h
-    }) : null, [m, y]), E = v(
+      cycleLength: y ?? x
+    }) : null, [m, y]), T = h(
       () => 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 _ = h(() => /* @__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
+                    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,15 +150,22 @@ const V = T("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                 ) })
               ] })
             ] }),
-            s === "copy" || d ? /* @__PURE__ */ e(
-              I,
+            i === "copy" || d ? /* @__PURE__ */ e(
+              k,
               {
                 onInsert: d,
-                variant: s,
+                variant: i,
                 onCopy: o,
                 onError: u,
                 card: {
                   title: a("insert.title.cycle"),
+                  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: [
                     {
                       label: a("cycleCalculator.ovulation"),
@@ -187,6 +195,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-ChHBcjet.js.map