@alfadocs/ui-kit-debug 0.43.0 → 0.45.0

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/bmi-calculator-CQqXTVNL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bmi-calculator-CQqXTVNL.js","sources":["../../src/components/bmi-calculator/bmi-calculator.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* BmiCalculator — height + weight → WHO body-mass-index, shown on a    */\n/* banded-linear gauge.                                                 */\n/*                                                                     */\n/* - Maths + unit conversion live in `./bmi` (pure, separately tested). */\n/* - Metric ⇄ imperial toggle persists the entered figures across the   */\n/*   switch by converting them (a patient measured in lb/ft doesn't     */\n/*   lose their numbers when a clinician flips to kg/cm).               */\n/* - The gauge is the shared `BandedGauge`: a horizontal WHO-banded bar  */\n/*   (15–40) with a marker at the BMI's x-position. The SAME geometry    */\n/*   bakes into the inserted result-card PNG (banded variant), so the    */\n/*   on-screen widget and the rasterised card never drift. The band      */\n/*   fills come from semantic tokens (`--info` / `--success` /           */\n/*   `--warning-readable` / `--destructive`) — the contrast-safe         */\n/*   `--warning-readable` token handles the overweight orange in every   */\n/*   theme, so no `getComputedStyle` arc-colour sampling is needed.      */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useEffect, useId, useMemo, useState } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { RadioGroup, Radio } from '../radio-group';\nimport { FormField } from '../form-field';\nimport { NumberInput } from '../number-input';\nimport { Card } from '../card';\nimport { Badge } from '../badge';\nimport {\n  InsertButton,\n  type InsertPayload,\n  type InsertVariant,\n  type InsertMode,\n} from '../_shared/insert-result';\nimport { BandedGauge, bmiBands } from '../_shared/banded-gauge';\nimport {\n  type UnitSystem,\n  type BmiCategory,\n  computeBmi,\n  bmiCategory,\n  cmToFtIn,\n  ftInToCm,\n  kgToLb,\n  lbToKg,\n} from './bmi';\n\n/* ------------------------------------------------------------------ */\n/* Result payload emitted to consumers                                  */\n/* ------------------------------------------------------------------ */\n\nexport interface BmiResult {\n  /** BMI in kg/m². */\n  bmi: number;\n  /** WHO category the BMI falls into. */\n  category: BmiCategory;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]', {\n  variants: {\n    width: {\n      full: 'ds:w-full',\n      auto: 'ds:inline-flex',\n    },\n  },\n  defaultVariants: { width: 'full' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Category → semantic intent for the Stat headline                     */\n/* ------------------------------------------------------------------ */\n\nconst CATEGORY_BADGE: Record<\n  BmiCategory,\n  'info' | 'success' | 'warning' | 'error'\n> = {\n  underweight: 'info',\n  normal: 'success',\n  overweight: 'warning',\n  obese: 'error',\n};\n\n/* ------------------------------------------------------------------ */\n/* Category → semantic band token.                                      */\n/*                                                                     */\n/* The four WHO bands carry these tokens both on-screen (the shared      */\n/* `bmiBands()` definition fills each zone with the same name) and in     */\n/* the card chip's `highlightToken`. `overweight` uses                   */\n/* `--warning-readable` — the kit's contrast-safe orange that already     */\n/* resolves correctly per theme (orange-600 in light/non-accessible,      */\n/* `--warning` elsewhere), so NO `getComputedStyle` arc sampling or       */\n/* `document.documentElement` override is needed.                        */\n/* ------------------------------------------------------------------ */\n\nconst CATEGORY_TOKEN: Record<BmiCategory, string> = {\n  underweight: '--info',\n  normal: '--success',\n  overweight: '--warning-readable',\n  obese: '--destructive',\n};\n\nexport interface BmiCalculatorProps extends VariantProps<typeof rootVariants> {\n  /** Initial unit system. Defaults to `'metric'`. */\n  defaultUnitSystem?: UnitSystem;\n  /** Fires whenever a valid BMI can be computed (and with `null` when it can't). */\n  onResultChange?: (result: BmiResult | null) => void;\n  /** When provided, shows an \"Insert\" button that emits the result for an editor. */\n  onInsert?: (payload: InsertPayload) => void;\n  /**\n   * Which verb the result button performs. Defaults to `'insert'`.\n   * Use `'copy'` in an app-shell surface (no editor to insert into) — the\n   * button writes the result to the clipboard as a multi-format `ClipboardItem`.\n   */\n  insertVariant?: InsertVariant;\n  /** `copy` variant only — fired after a successful clipboard write. */\n  onCopy?: (mode: InsertMode) => void;\n  /** `copy` variant only — fired if the clipboard write can't proceed. */\n  onError?: (error: unknown) => void;\n  /**\n   * Brand wordmark printed in the inserted/copied result-card footer.\n   * Omitted → no brand line (and no footer hairline); a string → that custom\n   * brand; `false` → no brand line. Brand is opt-in.\n   */\n  insertBrand?: string | false;\n  /** Opaque instance id, emitted as `data-component-id`. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\n/** Round to one decimal place — used when seeding a unit-switch. */\nconst round1 = (n: number): number => Math.round(n * 10) / 10;\n\nexport const BmiCalculator = forwardRef<HTMLDivElement, BmiCalculatorProps>(\n  (\n    {\n      defaultUnitSystem = 'metric',\n      onResultChange,\n      onInsert,\n      insertVariant = 'insert',\n      onCopy,\n      onError,\n      insertBrand,\n      id,\n      width,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const heightGroupId = useId();\n\n    const [unitSystem, setUnitSystem] = useState<UnitSystem>(defaultUnitSystem);\n\n    // Raw per-system inputs. Metric is canonical for cm/kg; imperial keeps\n    // ft + in + lb so typing isn't fought by rounding round-trips.\n    const [heightCm, setHeightCm] = useState<number | null>(null);\n    const [weightKg, setWeightKg] = useState<number | null>(null);\n    const [heightFt, setHeightFt] = useState<number | null>(null);\n    const [heightIn, setHeightIn] = useState<number | null>(null);\n    const [weightLb, setWeightLb] = useState<number | null>(null);\n\n    const handleUnitChange = (next: string): void => {\n      const target = next as UnitSystem;\n      if (target === unitSystem) return;\n      if (target === 'imperial') {\n        if (heightCm !== null) {\n          const { ft, in: inches } = cmToFtIn(heightCm);\n          setHeightFt(ft);\n          setHeightIn(round1(inches));\n        }\n        if (weightKg !== null) setWeightLb(round1(kgToLb(weightKg)));\n      } else {\n        if (heightFt !== null || heightIn !== null) {\n          setHeightCm(round1(ftInToCm(heightFt ?? 0, heightIn ?? 0)));\n        }\n        if (weightLb !== null) setWeightKg(round1(lbToKg(weightLb)));\n      }\n      setUnitSystem(target);\n    };\n\n    /* Canonical metric figures for the active system. */\n    const canonicalHeightCm =\n      unitSystem === 'metric'\n        ? heightCm\n        : heightFt !== null || heightIn !== null\n          ? ftInToCm(heightFt ?? 0, heightIn ?? 0)\n          : null;\n    const canonicalWeightKg =\n      unitSystem === 'metric'\n        ? weightKg\n        : weightLb !== null\n          ? lbToKg(weightLb)\n          : null;\n\n    const bmi = computeBmi(canonicalWeightKg, canonicalHeightCm);\n    const category = bmi !== null ? bmiCategory(bmi) : null;\n\n    const bmiFormatter = useMemo(\n      () =>\n        new Intl.NumberFormat(i18n.language, {\n          minimumFractionDigits: 1,\n          maximumFractionDigits: 1,\n        }),\n      [i18n.language],\n    );\n\n    // Notify consumers without re-firing on unrelated re-renders.\n    useEffect(() => {\n      onResultChange?.(\n        bmi !== null && category !== null ? { bmi, category } : null,\n      );\n    }, [bmi, category, onResultChange]);\n\n    const isMetric = unitSystem === 'metric';\n\n    // Pre-translated gauge labels, shared by the on-screen widget and the\n    // inserted card so both surfaces read identically. The shared `BandedGauge`\n    // is i18n-agnostic — every visible string arrives already through `t()`.\n    const gauge = useMemo(() => {\n      if (bmi === null || category === null) return null;\n      const { bands, min, max, ticks } = bmiBands();\n      const valueLabel = bmiFormatter.format(bmi);\n      const categoryLabel = t(`bmiCalculator.category.${category}`);\n      const rangeLabel = t(`bmiCalculator.range.${category}`);\n      const ariaLabel = t('bmiCalculator.gaugeAria', {\n        bmi: valueLabel,\n        category: categoryLabel,\n        range: rangeLabel,\n      });\n      return {\n        value: bmi,\n        bands,\n        min,\n        max,\n        ticks,\n        valueLabel,\n        categoryLabel,\n        rangeLabel,\n        ariaLabel,\n      };\n    }, [bmi, category, bmiFormatter, t]);\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"bmi-calculator\"\n        data-component-id={id}\n        className={rootVariants({ width, className })}\n      >\n        <RadioGroup\n          label={t('bmiCalculator.unitSystem.label')}\n          variant=\"horizontal\"\n          value={unitSystem}\n          onValueChange={handleUnitChange}\n        >\n          <Radio label={t('bmiCalculator.unitSystem.metric')} value=\"metric\" />\n          <Radio\n            label={t('bmiCalculator.unitSystem.imperial')}\n            value=\"imperial\"\n          />\n        </RadioGroup>\n\n        <div className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2\">\n          {isMetric ? (\n            <FormField\n              label={`${t('bmiCalculator.height')} (${t('bmiCalculator.units.cm')})`}\n            >\n              <NumberInput\n                mode=\"decimal\"\n                min={0}\n                step={0.5}\n                value={heightCm}\n                onChange={setHeightCm}\n              />\n            </FormField>\n          ) : (\n            <div role=\"group\" aria-labelledby={heightGroupId}>\n              <span\n                id={heightGroupId}\n                className=\"type-label ds:mb-[var(--spacing-xs)] ds:block ds:text-foreground\"\n              >\n                {t('bmiCalculator.height')}\n              </span>\n              <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n                <NumberInput\n                  mode=\"integer\"\n                  min={0}\n                  value={heightFt}\n                  onChange={setHeightFt}\n                  aria-label={t('bmiCalculator.feet')}\n                />\n                <span className=\"type-label ds:text-muted-foreground\">\n                  {t('bmiCalculator.units.ft')}\n                </span>\n                <NumberInput\n                  mode=\"decimal\"\n                  min={0}\n                  max={11.9}\n                  step={0.5}\n                  value={heightIn}\n                  onChange={setHeightIn}\n                  aria-label={t('bmiCalculator.inches')}\n                />\n                <span className=\"type-label ds:text-muted-foreground\">\n                  {t('bmiCalculator.units.in')}\n                </span>\n              </div>\n            </div>\n          )}\n\n          <FormField\n            label={`${t('bmiCalculator.weight')} (${t(\n              isMetric ? 'bmiCalculator.units.kg' : 'bmiCalculator.units.lb',\n            )})`}\n          >\n            <NumberInput\n              mode=\"decimal\"\n              min={0}\n              step={isMetric ? 0.1 : 0.5}\n              value={isMetric ? weightKg : weightLb}\n              onChange={isMetric ? setWeightKg : setWeightLb}\n            />\n          </FormField>\n        </div>\n\n        {/* Concise polite announcement when the result resolves — the gauge\n            itself stays out of the live region to avoid re-reading on every\n            keystroke. */}\n        <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n          {gauge ? gauge.ariaLabel : ''}\n        </p>\n\n        {bmi !== null && category !== null && gauge !== null ? (\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-md)]\">\n              <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center\">\n                <span className=\"type-label ds:text-muted-foreground\">\n                  {t('bmiCalculator.category.label')}\n                </span>\n                <Badge variant={CATEGORY_BADGE[category]} size=\"lg\">\n                  {t(`bmiCalculator.category.${category}`)}\n                </Badge>\n                <p className=\"type-body ds:text-muted-foreground\">\n                  {gauge.rangeLabel}\n                </p>\n              </div>\n              {/* `data-bmi-category` exposes the WHO band so the gauge's\n                  semantic colour is assertable without sampling pixels. The\n                  shared BandedGauge fills each zone via `var(<token>)`, so a\n                  theme switch repaints the bands with no JS re-sample. */}\n              <div\n                data-bmi-category={category}\n                className=\"ds:w-full ds:max-w-[320px]\"\n              >\n                <BandedGauge model={gauge} className=\"ds:w-full\" />\n              </div>\n              {insertVariant === 'copy' || onInsert ? (\n                <InsertButton\n                  onInsert={onInsert}\n                  variant={insertVariant}\n                  onCopy={onCopy}\n                  onError={onError}\n                  card={{\n                    title: t('insert.title.bmi'),\n                    icon: 'scale',\n                    highlight: t(`bmiCalculator.category.${category}`),\n                    // Chip shares the WHO-category semantic token so the\n                    // inserted PNG chip matches the on-screen band colour.\n                    highlightToken: CATEGORY_TOKEN[category],\n                    brand: insertBrand,\n                    // Banded gauge: the SAME geometry + WHO bands as the\n                    // on-screen widget, baked into the card PNG with\n                    // probe-resolved theme colours.\n                    gauge: {\n                      variant: 'banded',\n                      value: bmi,\n                      bands: gauge.bands,\n                      min: gauge.min,\n                      max: gauge.max,\n                      valueLabel: gauge.valueLabel,\n                      categoryLabel: gauge.categoryLabel,\n                      rangeLabel: gauge.rangeLabel,\n                      ariaLabel: gauge.ariaLabel,\n                      ticks: gauge.ticks,\n                    },\n                    fields: [\n                      {\n                        // Mirrors the on-screen scale glyph + header icon.\n                        icon: 'scale',\n                        label: t('insert.title.bmi'),\n                        value: gauge.valueLabel,\n                      },\n                      {\n                        // WHO band is a classification → tag glyph.\n                        icon: 'tag',\n                        label: t('bmiCalculator.category.label'),\n                        value: gauge.categoryLabel,\n                      },\n                    ],\n                  }}\n                />\n              ) : null}\n            </Card.Body>\n          </Card>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('bmiCalculator.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nBmiCalculator.displayName = 'BmiCalculator';\n"],"names":["rootVariants","cva","CATEGORY_BADGE","CATEGORY_TOKEN","round1","n","BmiCalculator","forwardRef","defaultUnitSystem","onResultChange","onInsert","insertVariant","onCopy","onError","insertBrand","id","width","className","ref","t","i18n","useTranslation","heightGroupId","useId","unitSystem","setUnitSystem","useState","heightCm","setHeightCm","weightKg","setWeightKg","heightFt","setHeightFt","heightIn","setHeightIn","weightLb","setWeightLb","handleUnitChange","next","target","ft","inches","cmToFtIn","kgToLb","ftInToCm","lbToKg","canonicalHeightCm","canonicalWeightKg","bmi","computeBmi","category","bmiCategory","bmiFormatter","useMemo","useEffect","isMetric","gauge","bands","min","max","ticks","bmiBands","valueLabel","categoryLabel","rangeLabel","ariaLabel","jsxs","RadioGroup","jsx","Radio","FormField","NumberInput","Card","Badge","BandedGauge","InsertButton"],"mappings":"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"}

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