@alfadocs/ui-kit 0.67.1 → 0.69.0

package/dist/_chunks/bmi-calculator-n-823_1V.js

@@ -1,258 +0,0 @@
-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-CqGsX32l.js";
-import { B as ra, I as sa, b as oa } from "./insert-result-njqBthzT.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-n-823_1V.js.map