@alfadocs/ui-kit-debug 0.41.2 → 0.43.0

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

@@ -0,0 +1,259 @@
+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 { 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)]", {
+  variants: {
+    width: {
+      full: "ds:w-full",
+      auto: "ds:inline-flex"
+    }
+  },
+  defaultVariants: { width: "full" }
+}), ce = {
+  underweight: "info",
+  normal: "success",
+  overweight: "warning",
+  obese: "error"
+}, me = K("", {
+  variants: {
+    category: {
+      underweight: "--info",
+      normal: "--success",
+      overweight: "--warning",
+      obese: "--destructive"
+    }
+  }
+}), ue = "--color-orange-600";
+function de(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;
+}
+function ge(i) {
+  const [r, o] = c(void 0);
+  return k(() => {
+    if (i === null) {
+      o(void 0);
+      return;
+    }
+    const n = () => o(de(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;
+}
+const y = (i) => Math.round(i * 10) / 10, be = q(
+  ({
+    defaultUnitSystem: i = "metric",
+    onResultChange: r,
+    onInsert: o,
+    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;
+      if (x !== m) {
+        if (x === "imperial") {
+          if (h !== null) {
+            const { ft: U, in: Y } = oe(h);
+            $(U), B(y(Y));
+          }
+          p !== null && T(y(ne(p)));
+        } else
+          (u !== null || d !== null) && F(y(L(u ?? 0, d ?? 0))), g !== null && I(y(V(g)));
+        _(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(
+      () => new Intl.NumberFormat(w.language, {
+        minimumFractionDigits: 1,
+        maximumFractionDigits: 1
+      }),
+      [w.language]
+    );
+    k(() => {
+      r == null || r(
+        l !== null && a !== null ? { bmi: l, category: a } : null
+      );
+    }, [l, a, r]);
+    const b = m === "metric";
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: D,
+        "data-component": "bmi-calculator",
+        "data-component-id": M,
+        className: se({ width: O, className: W }),
+        children: [
+          /* @__PURE__ */ s(
+            Z,
+            {
+              label: e("bmiCalculator.unitSystem.label"),
+              variant: "horizontal",
+              value: m,
+              onValueChange: j,
+              children: [
+                /* @__PURE__ */ t(E, { label: e("bmiCalculator.unitSystem.metric"), value: "metric" }),
+                /* @__PURE__ */ t(
+                  E,
+                  {
+                    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: [
+            b ? /* @__PURE__ */ t(
+              S,
+              {
+                label: `${e("bmiCalculator.height")} (${e("bmiCalculator.units.cm")})`,
+                children: /* @__PURE__ */ t(
+                  C,
+                  {
+                    mode: "decimal",
+                    min: 0,
+                    step: 0.5,
+                    value: h,
+                    onChange: F
+                  }
+                )
+              }
+            ) : /* @__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: B,
+                    "aria-label": e("bmiCalculator.inches")
+                  }
+                ),
+                /* @__PURE__ */ t("span", { className: "type-label ds:text-muted-foreground", children: e("bmiCalculator.units.in") })
+              ] })
+            ] }),
+            /* @__PURE__ */ t(
+              S,
+              {
+                label: `${e("bmiCalculator.weight")} (${e(
+                  b ? "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
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: l !== null && a !== null ? e("bmiCalculator.gaugeAria", {
+            bmi: v.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: [
+            /* @__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("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(
+                  ee,
+                  {
+                    type: "radialBar",
+                    title: e("bmiCalculator.gaugeAria", {
+                      bmi: v.format(l),
+                      category: e(`bmiCalculator.category.${a}`)
+                    }),
+                    series: [le(l)],
+                    labels: [e(`bmiCalculator.category.${a}`)],
+                    colors: G ? [G] : void 0,
+                    radialValueFormatter: () => v.format(l),
+                    height: 240
+                  }
+                )
+              }
+            ),
+            n === "copy" || o ? /* @__PURE__ */ t(
+              ae,
+              {
+                onInsert: o,
+                variant: n,
+                onCopy: f,
+                onError: A,
+                card: {
+                  title: e("insert.title.bmi"),
+                  highlight: e(`bmiCalculator.category.${a}`),
+                  fields: [
+                    {
+                      label: e("insert.title.bmi"),
+                      value: v.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") })
+        ]
+      }
+    );
+  }
+);
+be.displayName = "BmiCalculator";
+export {
+  be as B
+};
+//# sourceMappingURL=bmi-calculator-DuVSFDuw.js.map

package/dist/_chunks/bmi-calculator-DuVSFDuw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bmi-calculator-DuVSFDuw.js","sources":["../../src/components/bmi-calculator/bmi-calculator.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* BmiCalculator — height + weight → WHO body-mass-index, shown on a    */\n/* radialBar 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 reuses the kit `Chart` (radialBar). Because ApexCharts    */\n/*   reads a radialBar series value as a 0–100 percent, the arc is fed   */\n/*   the BMI mapped onto the clinical 12–40 span and the true BMI is     */\n/*   printed in the centre via `radialValueFormatter`.                   */\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 { Chart } from '../chart';\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 {\n  type UnitSystem,\n  type BmiCategory,\n  computeBmi,\n  bmiCategory,\n  bmiToGaugePercent,\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/* Gauge arc colour — semantic-token-per-WHO-category.                  */\n/*                                                                     */\n/* The CVA below emits the *token NAME* (not a colour) for each         */\n/* category. ApexCharts can't read `var(--…)`, so the component samples  */\n/* the live token off the theme root with `getComputedStyle` and hands  */\n/* the resolved string to `<Chart colors={[…]} />` — re-resolving on    */\n/* every html-class change (theme switch) via a MutationObserver.       */\n/*                                                                     */\n/* underweight → --info · normal → --success · overweight → --warning · */\n/* obese → --destructive.                                              */\n/*                                                                     */\n/* Light-theme override: `--warning` is yellow-500, which only reaches  */\n/* ~3.2:1 on white and fails the 3:1 non-text bar for the arc. In       */\n/* light, non-accessible mode the overweight arc instead resolves       */\n/* `--color-orange-600` (3.52:1 on white — passes). Dark and the        */\n/* accessible themes keep `--warning`, whose deepened ramp already       */\n/* clears the bar against their surfaces.                               */\n/* ------------------------------------------------------------------ */\n\nconst gaugeColorVariants = cva('', {\n  variants: {\n    category: {\n      underweight: '--info',\n      normal: '--success',\n      overweight: '--warning',\n      obese: '--destructive',\n    },\n  },\n});\n\n/** Token substituted for the overweight arc in light, non-accessible mode. */\nconst OVERWEIGHT_LIGHT_TOKEN = '--color-orange-600';\n\n/**\n * Read a CSS custom property off the theme root, resolved to a concrete\n * colour string ApexCharts can consume. Returns `undefined` outside a DOM.\n */\nfunction resolveGaugeColor(category: BmiCategory): string | undefined {\n  if (typeof document === 'undefined') return undefined;\n  const root = document.documentElement;\n  const styles = getComputedStyle(root);\n  // The overweight `--warning` yellow fails 3:1 on white — substitute the\n  // orange token, but ONLY in light, non-accessible mode (the scope where the\n  // contrast gap exists). Mirrors `.theme-light:not(.theme-accessible)`.\n  const token =\n    category === 'overweight' &&\n    root.classList.contains('theme-light') &&\n    !root.classList.contains('theme-accessible')\n      ? OVERWEIGHT_LIGHT_TOKEN\n      : gaugeColorVariants({ category });\n  return styles.getPropertyValue(token).trim() || undefined;\n}\n\n/**\n * Resolve the gauge arc colour for the current category, re-sampling whenever\n * the html-class flips (theme switch). `null` category → no colour.\n */\nfunction useGaugeColor(category: BmiCategory | null): string | undefined {\n  const [color, setColor] = useState<string | undefined>(undefined);\n  useEffect(() => {\n    if (category === null) {\n      setColor(undefined);\n      return undefined;\n    }\n    const read = () => setColor(resolveGaugeColor(category));\n    read();\n    if (typeof document === 'undefined') return undefined;\n    const observer = new MutationObserver(read);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n    return () => observer.disconnect();\n  }, [category]);\n  return color;\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  /** 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      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    // Resolved arc colour for the active category + theme (ApexCharts can't\n    // read CSS vars, so we sample the token off the theme root).\n    const gaugeColor = useGaugeColor(category);\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    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          {bmi !== null && category !== null\n            ? t('bmiCalculator.gaugeAria', {\n                bmi: bmiFormatter.format(bmi),\n                category: t(`bmiCalculator.category.${category}`),\n              })\n            : ''}\n        </p>\n\n        {bmi !== null && category !== 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                  {t(`bmiCalculator.range.${category}`)}\n                </p>\n              </div>\n              {/* `data-bmi-category` exposes the WHO band so the gauge arc's\n                  semantic colour is assertable without sampling the canvas. */}\n              <div\n                data-bmi-category={category}\n                className=\"ds:w-[240px] ds:max-w-full\"\n              >\n                <Chart\n                  type=\"radialBar\"\n                  title={t('bmiCalculator.gaugeAria', {\n                    bmi: bmiFormatter.format(bmi),\n                    category: t(`bmiCalculator.category.${category}`),\n                  })}\n                  series={[bmiToGaugePercent(bmi)]}\n                  labels={[t(`bmiCalculator.category.${category}`)]}\n                  colors={gaugeColor ? [gaugeColor] : undefined}\n                  radialValueFormatter={() => bmiFormatter.format(bmi)}\n                  height={240}\n                />\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                    highlight: t(`bmiCalculator.category.${category}`),\n                    fields: [\n                      {\n                        label: t('insert.title.bmi'),\n                        value: bmiFormatter.format(bmi),\n                      },\n                      {\n                        label: t('bmiCalculator.category.label'),\n                        value: t(`bmiCalculator.category.${category}`),\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","gaugeColorVariants","OVERWEIGHT_LIGHT_TOKEN","resolveGaugeColor","category","root","styles","token","useGaugeColor","color","setColor","useState","useEffect","read","observer","round1","n","BmiCalculator","forwardRef","defaultUnitSystem","onResultChange","onInsert","insertVariant","onCopy","onError","id","width","className","ref","t","i18n","useTranslation","heightGroupId","useId","unitSystem","setUnitSystem","heightCm","setHeightCm","weightKg","setWeightKg","heightFt","setHeightFt","heightIn","setHeightIn","weightLb","setWeightLb","handleUnitChange","next","target","ft","inches","cmToFtIn","kgToLb","ftInToCm","lbToKg","canonicalHeightCm","canonicalWeightKg","bmi","computeBmi","bmiCategory","gaugeColor","bmiFormatter","useMemo","isMetric","jsxs","RadioGroup","jsx","Radio","FormField","NumberInput","Card","Badge","Chart","bmiToGaugePercent","InsertButton"],"mappings":";;;;;;;;;;;;;AAwDA,MAAMA,KAAeC,EAAI,kDAAkD;AAAA,EACzE,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,iBAAiB,EAAE,OAAO,OAAA;AAC5B,CAAC,GAMKC,KAGF;AAAA,EACF,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,OAAO;AACT,GAsBMC,KAAqBF,EAAI,IAAI;AAAA,EACjC,UAAU;AAAA,IACR,UAAU;AAAA,MACR,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,CAAC,GAGKG,KAAyB;AAM/B,SAASC,GAAkBC,GAA2C;AACpE,MAAI,OAAO,WAAa,IAAa;AACrC,QAAMC,IAAO,SAAS,iBAChBC,IAAS,iBAAiBD,CAAI,GAI9BE,IACJH,MAAa,gBACbC,EAAK,UAAU,SAAS,aAAa,KACrC,CAACA,EAAK,UAAU,SAAS,kBAAkB,IACvCH,KACAD,GAAmB,EAAE,UAAAG,GAAU;AACrC,SAAOE,EAAO,iBAAiBC,CAAK,EAAE,UAAU;AAClD;AAMA,SAASC,GAAcJ,GAAkD;AACvE,QAAM,CAACK,GAAOC,CAAQ,IAAIC,EAA6B,MAAS;AAChE,SAAAC,EAAU,MAAM;AACd,QAAIR,MAAa,MAAM;AACrB,MAAAM,EAAS,MAAS;AAClB;AAAA,IACF;AACA,UAAMG,IAAO,MAAMH,EAASP,GAAkBC,CAAQ,CAAC;AAEvD,QADAS,EAAA,GACI,OAAO,WAAa,IAAa;AACrC,UAAMC,IAAW,IAAI,iBAAiBD,CAAI;AAC1C,WAAAC,EAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAAC,OAAO;AAAA,IAAA,CAC1B,GACM,MAAMA,EAAS,WAAA;AAAA,EACxB,GAAG,CAACV,CAAQ,CAAC,GACNK;AACT;AA0BA,MAAMM,IAAS,CAACC,MAAsB,KAAK,MAAMA,IAAI,EAAE,IAAI,IAE9CC,KAAgBC;AAAA,EAC3B,CACE;AAAA,IACE,mBAAAC,IAAoB;AAAA,IACpB,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,GAEFC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,EAAA,GACdC,IAAgBC,EAAA,GAEhB,CAACC,GAAYC,CAAa,IAAIxB,EAAqBQ,CAAiB,GAIpE,CAACiB,GAAUC,CAAW,IAAI1B,EAAwB,IAAI,GACtD,CAAC2B,GAAUC,CAAW,IAAI5B,EAAwB,IAAI,GACtD,CAAC6B,GAAUC,CAAW,IAAI9B,EAAwB,IAAI,GACtD,CAAC+B,GAAUC,CAAW,IAAIhC,EAAwB,IAAI,GACtD,CAACiC,GAAUC,CAAW,IAAIlC,EAAwB,IAAI,GAEtDmC,IAAmB,CAACC,MAAuB;AAC/C,YAAMC,IAASD;AACf,UAAIC,MAAWd,GACf;AAAA,YAAIc,MAAW,YAAY;AACzB,cAAIZ,MAAa,MAAM;AACrB,kBAAM,EAAE,IAAAa,GAAI,IAAIC,EAAA,IAAWC,GAASf,CAAQ;AAC5C,YAAAK,EAAYQ,CAAE,GACdN,EAAY5B,EAAOmC,CAAM,CAAC;AAAA,UAC5B;AACA,UAAIZ,MAAa,QAAMO,EAAY9B,EAAOqC,GAAOd,CAAQ,CAAC,CAAC;AAAA,QAC7D;AACE,WAAIE,MAAa,QAAQE,MAAa,SACpCL,EAAYtB,EAAOsC,EAASb,KAAY,GAAGE,KAAY,CAAC,CAAC,CAAC,GAExDE,MAAa,QAAML,EAAYxB,EAAOuC,EAAOV,CAAQ,CAAC,CAAC;AAE7D,QAAAT,EAAca,CAAM;AAAA;AAAA,IACtB,GAGMO,IACJrB,MAAe,WACXE,IACAI,MAAa,QAAQE,MAAa,OAChCW,EAASb,KAAY,GAAGE,KAAY,CAAC,IACrC,MACFc,IACJtB,MAAe,WACXI,IACAM,MAAa,OACXU,EAAOV,CAAQ,IACf,MAEFa,IAAMC,GAAWF,GAAmBD,CAAiB,GACrDnD,IAAWqD,MAAQ,OAAOE,GAAYF,CAAG,IAAI,MAI7CG,IAAapD,GAAcJ,CAAQ,GAEnCyD,IAAeC;AAAA,MACnB,MACE,IAAI,KAAK,aAAahC,EAAK,UAAU;AAAA,QACnC,uBAAuB;AAAA,QACvB,uBAAuB;AAAA,MAAA,CACxB;AAAA,MACH,CAACA,EAAK,QAAQ;AAAA,IAAA;AAIhB,IAAAlB,EAAU,MAAM;AACd,MAAAQ,KAAA,QAAAA;AAAA,QACEqC,MAAQ,QAAQrD,MAAa,OAAO,EAAE,KAAAqD,GAAK,UAAArD,MAAa;AAAA;AAAA,IAE5D,GAAG,CAACqD,GAAKrD,GAAUgB,CAAc,CAAC;AAElC,UAAM2C,IAAW7B,MAAe;AAEhC,WACE,gBAAA8B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAApC;AAAA,QACA,kBAAe;AAAA,QACf,qBAAmBH;AAAA,QACnB,WAAW3B,GAAa,EAAE,OAAA4B,GAAO,WAAAC,GAAW;AAAA,QAE5C,UAAA;AAAA,UAAA,gBAAAqC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAOpC,EAAE,gCAAgC;AAAA,cACzC,SAAQ;AAAA,cACR,OAAOK;AAAA,cACP,eAAeY;AAAA,cAEf,UAAA;AAAA,gBAAA,gBAAAoB,EAACC,KAAM,OAAOtC,EAAE,iCAAiC,GAAG,OAAM,UAAS;AAAA,gBACnE,gBAAAqC;AAAA,kBAACC;AAAA,kBAAA;AAAA,oBACC,OAAOtC,EAAE,mCAAmC;AAAA,oBAC5C,OAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,UAAA;AAAA,UAGF,gBAAAmC,EAAC,OAAA,EAAI,WAAU,uEACZ,UAAA;AAAA,YAAAD,IACC,gBAAAG;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,OAAO,GAAGvC,EAAE,sBAAsB,CAAC,KAAKA,EAAE,wBAAwB,CAAC;AAAA,gBAEnE,UAAA,gBAAAqC;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,KAAK;AAAA,oBACL,MAAM;AAAA,oBACN,OAAOjC;AAAA,oBACP,UAAUC;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACZ;AAAA,YAAA,IAGF,gBAAA2B,EAAC,OAAA,EAAI,MAAK,SAAQ,mBAAiBhC,GACjC,UAAA;AAAA,cAAA,gBAAAkC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAIlC;AAAA,kBACJ,WAAU;AAAA,kBAET,YAAE,sBAAsB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAE3B,gBAAAgC,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA;AAAA,gBAAA,gBAAAE;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,KAAK;AAAA,oBACL,OAAO7B;AAAA,oBACP,UAAUC;AAAA,oBACV,cAAYZ,EAAE,oBAAoB;AAAA,kBAAA;AAAA,gBAAA;AAAA,kCAEnC,QAAA,EAAK,WAAU,uCACb,UAAAA,EAAE,wBAAwB,GAC7B;AAAA,gBACA,gBAAAqC;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,KAAK;AAAA,oBACL,KAAK;AAAA,oBACL,MAAM;AAAA,oBACN,OAAO3B;AAAA,oBACP,UAAUC;AAAA,oBACV,cAAYd,EAAE,sBAAsB;AAAA,kBAAA;AAAA,gBAAA;AAAA,kCAErC,QAAA,EAAK,WAAU,uCACb,UAAAA,EAAE,wBAAwB,EAAA,CAC7B;AAAA,cAAA,EAAA,CACF;AAAA,YAAA,GACF;AAAA,YAGF,gBAAAqC;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,OAAO,GAAGvC,EAAE,sBAAsB,CAAC,KAAKA;AAAA,kBACtCkC,IAAW,2BAA2B;AAAA,gBAAA,CACvC;AAAA,gBAED,UAAA,gBAAAG;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,KAAK;AAAA,oBACL,MAAMN,IAAW,MAAM;AAAA,oBACvB,OAAOA,IAAWzB,IAAWM;AAAA,oBAC7B,UAAUmB,IAAWxB,IAAcM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACrC;AAAA,YAAA;AAAA,UACF,GACF;AAAA,UAKA,gBAAAqB,EAAC,KAAA,EAAE,WAAU,cAAa,MAAK,UAAS,aAAU,UAC/C,UAAAT,MAAQ,QAAQrD,MAAa,OAC1ByB,EAAE,2BAA2B;AAAA,YAC3B,KAAKgC,EAAa,OAAOJ,CAAG;AAAA,YAC5B,UAAU5B,EAAE,0BAA0BzB,CAAQ,EAAE;AAAA,UAAA,CACjD,IACD,GAAA,CACN;AAAA,UAECqD,MAAQ,QAAQrD,MAAa,OAC5B,gBAAA8D,EAACI,GAAA,EAAK,SAAQ,YACZ,UAAA,gBAAAN,EAACM,EAAK,MAAL,EAAU,WAAU,kEACnB,UAAA;AAAA,YAAA,gBAAAN,EAAC,OAAA,EAAI,WAAU,iFACb,UAAA;AAAA,cAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,uCACb,UAAArC,EAAE,8BAA8B,GACnC;AAAA,cACA,gBAAAqC,EAACK,IAAA,EAAM,SAASvE,GAAeI,CAAQ,GAAG,MAAK,MAC5C,UAAAyB,EAAE,0BAA0BzB,CAAQ,EAAE,EAAA,CACzC;AAAA,cACA,gBAAA8D,EAAC,OAAE,WAAU,sCACV,YAAE,uBAAuB9D,CAAQ,EAAE,EAAA,CACtC;AAAA,YAAA,GACF;AAAA,YAGA,gBAAA8D;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,qBAAmB9D;AAAA,gBACnB,WAAU;AAAA,gBAEV,UAAA,gBAAA8D;AAAA,kBAACM;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,OAAO3C,EAAE,2BAA2B;AAAA,sBAClC,KAAKgC,EAAa,OAAOJ,CAAG;AAAA,sBAC5B,UAAU5B,EAAE,0BAA0BzB,CAAQ,EAAE;AAAA,oBAAA,CACjD;AAAA,oBACD,QAAQ,CAACqE,GAAkBhB,CAAG,CAAC;AAAA,oBAC/B,QAAQ,CAAC5B,EAAE,0BAA0BzB,CAAQ,EAAE,CAAC;AAAA,oBAChD,QAAQwD,IAAa,CAACA,CAAU,IAAI;AAAA,oBACpC,sBAAsB,MAAMC,EAAa,OAAOJ,CAAG;AAAA,oBACnD,QAAQ;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA;AAAA,YAEDnC,MAAkB,UAAUD,IAC3B,gBAAA6C;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACC,UAAArD;AAAA,gBACA,SAASC;AAAA,gBACT,QAAAC;AAAA,gBACA,SAAAC;AAAA,gBACA,MAAM;AAAA,kBACJ,OAAOK,EAAE,kBAAkB;AAAA,kBAC3B,WAAWA,EAAE,0BAA0BzB,CAAQ,EAAE;AAAA,kBACjD,QAAQ;AAAA,oBACN;AAAA,sBACE,OAAOyB,EAAE,kBAAkB;AAAA,sBAC3B,OAAOgC,EAAa,OAAOJ,CAAG;AAAA,oBAAA;AAAA,oBAEhC;AAAA,sBACE,OAAO5B,EAAE,8BAA8B;AAAA,sBACvC,OAAOA,EAAE,0BAA0BzB,CAAQ,EAAE;AAAA,oBAAA;AAAA,kBAC/C;AAAA,gBACF;AAAA,cACF;AAAA,YAAA,IAEA;AAAA,UAAA,EAAA,CACN,EAAA,CACF,IAEA,gBAAA8D,EAAC,KAAA,EAAE,WAAU,sCACV,UAAArC,EAAE,qBAAqB,EAAA,CAC1B;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEAZ,GAAc,cAAc;"}

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