@alfadocs/ui-kit 0.42.0 → 0.44.0

package/dist/_chunks/{ar-Cn_NxqkN.js → ar-DEz65ZJW.js}

@@ -1,4 +1,4 @@
-import { o as s, q as r, r as i, v as d } from "./react-day-picker-CdtIiKjx.js";
+import { q as s, r, v as i, w as d } from "./date-picker-variants-DLi1Va_e.js";
 const h = {
   lessThanXSeconds: {
     one: "أقل من ثانية",
@@ -396,4 +396,4 @@ const h = {
 export {
   z as ar
 };
-//# sourceMappingURL=ar-Cn_NxqkN.js.map
+//# sourceMappingURL=ar-DEz65ZJW.js.map

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

@@ -0,0 +1,273 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+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 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",
+      auto: "ds:inline-flex"
+    }
+  },
+  defaultVariants: { width: "full" }
+}), ge = {
+  underweight: "info",
+  normal: "success",
+  overweight: "warning",
+  obese: "error"
+}, O = M("", {
+  variants: {
+    category: {
+      underweight: "--info",
+      normal: "--success",
+      overweight: "--warning",
+      obese: "--destructive"
+    }
+  }
+}), W = "--color-orange-600";
+function be(i) {
+  if (typeof document > "u") return;
+  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 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) {
+      r(void 0);
+      return;
+    }
+    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]), o;
+}
+const y = (i) => Math.round(i * 10) / 10, fe = ee(
+  ({
+    defaultUnitSystem: i = "metric",
+    onResultChange: o,
+    onInsert: r,
+    insertVariant: n = "insert",
+    onCopy: f,
+    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 (p !== null) {
+            const { ft: X, in: Z } = me(p);
+            $(X), I(y(Z));
+          }
+          v !== null && B(y(ue(v)));
+        } else
+          (u !== null || d !== null) && T(y(H(u ?? 0, d ?? 0))), g !== null && F(y(V(g)));
+        U(x);
+      }
+    }, 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]
+    );
+    A(() => {
+      o == null || o(
+        l !== null && a !== null ? { bmi: l, category: a } : null
+      );
+    }, [l, a, o]);
+    const h = m === "metric";
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: R,
+        "data-component": "bmi-calculator",
+        "data-component-id": j,
+        className: de({ width: z, className: P }),
+        children: [
+          /* @__PURE__ */ s(
+            ie,
+            {
+              label: e("bmiCalculator.unitSystem.label"),
+              variant: "horizontal",
+              value: m,
+              onValueChange: Y,
+              children: [
+                /* @__PURE__ */ t(G, { label: e("bmiCalculator.unitSystem.metric"), value: "metric" }),
+                /* @__PURE__ */ t(
+                  G,
+                  {
+                    label: e("bmiCalculator.unitSystem.imperial"),
+                    value: "imperial"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ s("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
+            h ? /* @__PURE__ */ t(
+              k,
+              {
+                label: `${e("bmiCalculator.height")} (${e("bmiCalculator.units.cm")})`,
+                children: /* @__PURE__ */ t(
+                  C,
+                  {
+                    mode: "decimal",
+                    min: 0,
+                    step: 0.5,
+                    value: p,
+                    onChange: T
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ s("div", { role: "group", "aria-labelledby": N, children: [
+              /* @__PURE__ */ t(
+                "span",
+                {
+                  id: N,
+                  className: "type-label ds:mb-[var(--spacing-xs)] ds:block ds:text-foreground",
+                  children: e("bmiCalculator.height")
+                }
+              ),
+              /* @__PURE__ */ s("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+                /* @__PURE__ */ t(
+                  C,
+                  {
+                    mode: "integer",
+                    min: 0,
+                    value: u,
+                    onChange: $,
+                    "aria-label": e("bmiCalculator.feet")
+                  }
+                ),
+                /* @__PURE__ */ t("span", { className: "type-label ds:text-muted-foreground", children: e("bmiCalculator.units.ft") }),
+                /* @__PURE__ */ t(
+                  C,
+                  {
+                    mode: "decimal",
+                    min: 0,
+                    max: 11.9,
+                    step: 0.5,
+                    value: d,
+                    onChange: I,
+                    "aria-label": e("bmiCalculator.inches")
+                  }
+                ),
+                /* @__PURE__ */ t("span", { className: "type-label ds:text-muted-foreground", children: e("bmiCalculator.units.in") })
+              ] })
+            ] }),
+            /* @__PURE__ */ t(
+              k,
+              {
+                label: `${e("bmiCalculator.weight")} (${e(
+                  h ? "bmiCalculator.units.kg" : "bmiCalculator.units.lb"
+                )})`,
+                children: /* @__PURE__ */ t(
+                  C,
+                  {
+                    mode: "decimal",
+                    min: 0,
+                    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: b.format(l),
+            category: e(`bmiCalculator.category.${a}`)
+          }) : "" }),
+          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(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(
+              "div",
+              {
+                "data-bmi-category": a,
+                className: "ds:w-[240px] ds:max-w-full",
+                children: /* @__PURE__ */ t(
+                  oe,
+                  {
+                    type: "radialBar",
+                    title: e("bmiCalculator.gaugeAria", {
+                      bmi: b.format(l),
+                      category: e(`bmiCalculator.category.${a}`)
+                    }),
+                    series: [S(l)],
+                    labels: [e(`bmiCalculator.category.${a}`)],
+                    colors: E ? [E] : void 0,
+                    radialValueFormatter: () => b.format(l),
+                    height: 240
+                  }
+                )
+              }
+            ),
+            n === "copy" || r ? /* @__PURE__ */ t(
+              ne,
+              {
+                onInsert: r,
+                variant: n,
+                onCopy: f,
+                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: b.format(l)
+                    },
+                    {
+                      label: e("bmiCalculator.category.label"),
+                      value: e(`bmiCalculator.category.${a}`)
+                    }
+                  ]
+                }
+              }
+            ) : null
+          ] }) }) : /* @__PURE__ */ t("p", { className: "type-body ds:text-muted-foreground", children: e("bmiCalculator.empty") })
+        ]
+      }
+    );
+  }
+);
+fe.displayName = "BmiCalculator";
+export {
+  fe as B
+};
+//# sourceMappingURL=bmi-calculator-DFPWL2OJ.js.map

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

@@ -7,7 +7,7 @@ import { A as z } from "./alert-ywPR59NE.js";
 import { B as ie } from "./button-DD_0Xdmr.js";
 import { C as Ke } from "./checkbox-DRcOdmXv.js";
 import { C as Bt } from "./checkbox-group-CpUwlHug.js";
-import { D as Et } from "./date-picker-CvQfs6Xh.js";
+import { D as Et } from "./date-picker-Bq7xhMA-.js";
 import { E as Vt } from "./email-input-lQivsFrw.js";
 import { F as Z } from "./form-field-BOm9hK35.js";
 import { P as Lt } from "./phone-input-DfZbPPvh.js";
@@ -24,8 +24,8 @@ import { S as $t } from "./stepper-accordion-Dki6r9ZE.js";
 import { S as zt } from "./stepper-progress-DDjq5nei.js";
 import { p as F, S as Kt } from "./slot-grid-BlHHP9Qy.js";
 import { s as le, i as at } from "./isSameDay-DUEiAT0G.js";
-import { w as lt, i as ce, a as je, n as jt, h as ye, f as qt, j as _e, x as Me } from "./react-day-picker-CdtIiKjx.js";
-import { s as Ht } from "./subDays-_T9YeKPX.js";
+import { x as lt, i as ce, a as je, o as jt, h as ye, f as qt, j as _e, y as Me } from "./date-picker-variants-DLi1Va_e.js";
+import { s as Ht } from "./subDays-Dv7q9S7u.js";
 import { C as Gt } from "./chevron-left-CX1jqD2M.js";
 import { C as Ut } from "./chevron-right-BrpYejk0.js";
 import { c as V } from "./createLucideIcon-CrFbzy84.js";
@@ -2697,4 +2697,4 @@ export {
   X as O,
   Da as b
 };
-//# sourceMappingURL=booking-4mCw3Mpl.js.map
+//# sourceMappingURL=booking-CtLwaxkK.js.map

package/dist/_chunks/{calculator-dialog-B74fqpFZ.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-Cee13rHU.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-B74fqpFZ.js.map
+//# sourceMappingURL=calculator-dialog-D-nfvteH.js.map