@alfadocs/ui-kit 0.48.0 → 0.49.0

package/dist/_chunks/pregnancy-weight-gain-CCGrvarh.js

@@ -0,0 +1,322 @@
+import { jsxs as l, jsx as n, Fragment as z } from "react/jsx-runtime";
+import { forwardRef as U, useState as y, useMemo as K, useEffect as V } from "react";
+import { c as q } from "./index-D2ZczOXr.js";
+import { useTranslation as J } from "react-i18next";
+import { R as I } from "./radio-TWf9Q-mp.js";
+import { R as Q } from "./radio-group-CLjK-SlK.js";
+import { F as $ } from "./form-field-BOm9hK35.js";
+import { N as R } from "./number-input-Dj5L3pXK.js";
+import { C as P } from "./card-DPmk26CL.js";
+import { B as k } from "./badge-zsf5i5bH.js";
+import { I as X } from "./insert-result-DNdi_JYW.js";
+import { b as Y, e as Z } from "./bmi-BxD-tFzU.js";
+const ee = {
+  underweight: { min: 12.5, max: 18 },
+  normal: { min: 11.5, max: 16 },
+  overweight: { min: 7, max: 11.5 },
+  obese: { min: 5, max: 9 }
+}, ae = {
+  normal: { min: 16.8, max: 24.5 },
+  overweight: { min: 14.1, max: 22.7 },
+  obese: { min: 11.3, max: 19.1 }
+};
+function A(t, i = "singleton") {
+  return i === "triplet" ? null : i === "twin" ? ae[t] ?? null : ee[t];
+}
+const E = {
+  underweight: { min: 0.44, max: 0.58 },
+  normal: { min: 0.35, max: 0.5 },
+  overweight: { min: 0.23, max: 0.33 },
+  obese: { min: 0.17, max: 0.27 }
+}, p = { min: 0.5, max: 2 }, f = 13, ne = (p.min + p.max) / 2;
+function te(t, i, c = "singleton") {
+  if (c !== "singleton") {
+    const r = A(t, c);
+    if (!r) return null;
+    if (i <= 0) return { min: 0, max: 0 };
+    const g = Math.min(i, 40) / 40;
+    return { min: r.min * g, max: r.max * g };
+  }
+  if (i <= 0) return { min: 0, max: 0 };
+  if (i <= f) {
+    const r = i / f;
+    return {
+      min: p.min * r,
+      max: p.max * r
+    };
+  }
+  const s = Math.min(i, 40) - f, o = E[t];
+  return {
+    min: p.min + o.min * s,
+    max: p.max + o.max * s
+  };
+}
+function ie(t) {
+  const i = Y(t.prePregnancyBmi), c = t.plurality ?? "singleton", s = A(i, c), o = s ? te(i, t.gestationalWeeks, c) : null, r = t.currentWeightKg - t.prePregnancyWeightKg, g = o ? r < o.min ? "below" : r > o.max ? "above" : "within" : null;
+  let m = null, x = null;
+  if (c === "singleton" && t.gestationalWeeks > f) {
+    const S = t.gestationalWeeks - f;
+    m = (r - ne) / S;
+    const G = E[i];
+    x = m < G.min ? "below" : m > G.max ? "above" : "within";
+  }
+  return {
+    category: i,
+    plurality: c,
+    totalRange: s,
+    recommendedToDate: o,
+    actualGainKg: r,
+    status: g,
+    weeklyRate: m,
+    rateStatus: x
+  };
+}
+const re = q("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+  variants: {
+    width: { full: "ds:w-full", auto: "ds:inline-flex" }
+  },
+  defaultVariants: { width: "full" }
+}), B = {
+  below: "warning",
+  within: "success",
+  above: "warning"
+}, le = {
+  below: "--warning-readable",
+  within: "--success",
+  above: "--warning-readable"
+};
+function se(t) {
+  return le[t];
+}
+const oe = U(
+  ({
+    defaultPlurality: t = "singleton",
+    defaultHeightCm: i,
+    defaultPrePregnancyKg: c,
+    onResultChange: s,
+    onInsert: o,
+    insertVariant: r = "insert",
+    onCopy: g,
+    onError: m,
+    insertBrand: x,
+    id: S,
+    width: G,
+    className: F
+  }, M) => {
+    const { t: e, i18n: D } = J(), [_, C] = y(
+      i ?? null
+    ), [h, H] = y(
+      c ?? null
+    ), [W, O] = y(null), [b, L] = y(null), [v, j] = y(t), N = Z(h, _), a = K(() => N === null || h === null || W === null || b === null ? null : ie({
+      prePregnancyBmi: N,
+      prePregnancyWeightKg: h,
+      currentWeightKg: W,
+      gestationalWeeks: b,
+      plurality: v
+    }), [N, h, W, b, v]), d = K(
+      () => new Intl.NumberFormat(D.language, {
+        minimumFractionDigits: 1,
+        maximumFractionDigits: 1
+      }),
+      [D.language]
+    );
+    V(() => {
+      s == null || s(a);
+    }, [a, s]);
+    const u = e("pregnancyWeightGain.units.kg"), T = (w) => `${d.format(w.min)} – ${d.format(w.max)} ${u}`;
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: M,
+        "data-component": "pregnancy-weight-gain",
+        "data-component-id": S,
+        className: re({ width: G, className: F }),
+        children: [
+          /* @__PURE__ */ l("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ n(
+              $,
+              {
+                label: `${e("pregnancyWeightGain.height")} (${e("pregnancyWeightGain.units.cm")})`,
+                children: /* @__PURE__ */ n(
+                  R,
+                  {
+                    mode: "decimal",
+                    min: 0,
+                    step: 0.5,
+                    value: _,
+                    onChange: C
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ n(
+              $,
+              {
+                label: `${e("pregnancyWeightGain.prePregnancyWeight")} (${u})`,
+                children: /* @__PURE__ */ n(
+                  R,
+                  {
+                    mode: "decimal",
+                    min: 0,
+                    step: 0.1,
+                    value: h,
+                    onChange: H
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ n(
+              $,
+              {
+                label: `${e("pregnancyWeightGain.currentWeight")} (${u})`,
+                children: /* @__PURE__ */ n(
+                  R,
+                  {
+                    mode: "decimal",
+                    min: 0,
+                    step: 0.1,
+                    value: W,
+                    onChange: O
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ n($, { label: e("pregnancyWeightGain.gestationalWeeks"), children: /* @__PURE__ */ n(
+              R,
+              {
+                mode: "integer",
+                min: 0,
+                max: 42,
+                value: b,
+                onChange: L
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ l(
+            Q,
+            {
+              label: e("pregnancyWeightGain.plurality.label"),
+              variant: "horizontal",
+              value: v,
+              onValueChange: (w) => j(w),
+              children: [
+                /* @__PURE__ */ n(
+                  I,
+                  {
+                    label: e("pregnancyWeightGain.plurality.singleton"),
+                    value: "singleton"
+                  }
+                ),
+                /* @__PURE__ */ n(I, { label: e("pregnancyWeightGain.plurality.twin"), value: "twin" }),
+                /* @__PURE__ */ n(
+                  I,
+                  {
+                    label: e("pregnancyWeightGain.plurality.triplet"),
+                    value: "triplet"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ n("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: a ? `${e("pregnancyWeightGain.actualGain")}: ${d.format(
+            a.actualGainKg
+          )} ${u}.${a.status ? ` ${e(`pregnancyWeightGain.status.${a.status}`)}.` : ` ${e("pregnancyWeightGain.noGuideline")}`}` : "" }),
+          a ? /* @__PURE__ */ n(P, { variant: "elevated", children: /* @__PURE__ */ l(P.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ l("dl", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
+              /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ n("dt", { className: "type-label ds:text-muted-foreground", children: e("pregnancyWeightGain.prePregnancyBmi") }),
+                /* @__PURE__ */ l("dd", { className: "type-body ds:text-foreground", children: [
+                  d.format(N ?? 0),
+                  " ·",
+                  " ",
+                  e(`pregnancyWeightGain.category.${a.category}`)
+                ] })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ n("dt", { className: "type-label ds:text-muted-foreground", children: e("pregnancyWeightGain.actualGain") }),
+                /* @__PURE__ */ l("dd", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]", children: [
+                  /* @__PURE__ */ l("span", { className: "type-metric ds:text-foreground", children: [
+                    d.format(a.actualGainKg),
+                    " ",
+                    u
+                  ] }),
+                  a.status ? /* @__PURE__ */ n(k, { variant: B[a.status], size: "lg", children: e(`pregnancyWeightGain.status.${a.status}`) }) : null
+                ] })
+              ] }),
+              a.recommendedToDate && a.totalRange ? /* @__PURE__ */ l(z, { children: [
+                /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+                  /* @__PURE__ */ n("dt", { className: "type-label ds:text-muted-foreground", children: e("pregnancyWeightGain.recommendedToDate") }),
+                  /* @__PURE__ */ n("dd", { className: "type-body ds:text-foreground", children: T(a.recommendedToDate) })
+                ] }),
+                /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+                  /* @__PURE__ */ n("dt", { className: "type-label ds:text-muted-foreground", children: e("pregnancyWeightGain.recommendedTotal") }),
+                  /* @__PURE__ */ n("dd", { className: "type-body ds:text-foreground", children: T(a.totalRange) })
+                ] })
+              ] }) : null
+            ] }),
+            a.totalRange ? null : /* @__PURE__ */ n("p", { className: "type-body ds:text-foreground", children: e("pregnancyWeightGain.noGuideline") }),
+            a.weeklyRate !== null && a.rateStatus ? /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+              /* @__PURE__ */ n("span", { className: "type-label ds:text-muted-foreground", children: e("pregnancyWeightGain.weeklyRate") }),
+              /* @__PURE__ */ n("span", { className: "type-body ds:text-foreground", children: e("pregnancyWeightGain.perWeek", {
+                value: d.format(a.weeklyRate)
+              }) }),
+              /* @__PURE__ */ n(k, { variant: B[a.rateStatus], children: e(`pregnancyWeightGain.status.${a.rateStatus}`) })
+            ] }) : null,
+            /* @__PURE__ */ n("p", { className: "type-body-sm ds:text-muted-foreground", children: e(
+              v === "singleton" ? "pregnancyWeightGain.disclaimer" : "pregnancyWeightGain.disclaimerMultiple"
+            ) }),
+            a.status && a.recommendedToDate && a.totalRange && (r === "copy" || o) ? /* @__PURE__ */ n(
+              X,
+              {
+                onInsert: o,
+                variant: r,
+                onCopy: g,
+                onError: m,
+                card: {
+                  title: e("insert.title.weightGain"),
+                  icon: "baby",
+                  highlight: e(`pregnancyWeightGain.status.${a.status}`),
+                  // Chip shares the gain-status semantic token so the
+                  // inserted PNG chip matches the on-screen status badge —
+                  // with the contrast-safe orange override for the
+                  // `--warning` below/above statuses.
+                  highlightToken: se(a.status),
+                  brand: x,
+                  fields: [
+                    {
+                      // Actual gain is the headline trend → trending-up glyph.
+                      icon: "trending-up",
+                      label: e("pregnancyWeightGain.actualGain"),
+                      value: `${d.format(a.actualGainKg)} ${u}`
+                    },
+                    {
+                      // Recommended weight band → scale glyph.
+                      icon: "scale",
+                      label: e("pregnancyWeightGain.recommendedToDate"),
+                      value: T(a.recommendedToDate)
+                    },
+                    {
+                      // Recommended total weight band → scale glyph.
+                      icon: "scale",
+                      label: e("pregnancyWeightGain.recommendedTotal"),
+                      value: T(a.totalRange)
+                    }
+                  ]
+                }
+              }
+            ) : null
+          ] }) }) : /* @__PURE__ */ n("p", { className: "type-body ds:text-muted-foreground", children: e("pregnancyWeightGain.empty") })
+        ]
+      }
+    );
+  }
+);
+oe.displayName = "PregnancyWeightGain";
+export {
+  oe as P,
+  E as R,
+  ee as T,
+  ie as a,
+  te as r
+};
+//# sourceMappingURL=pregnancy-weight-gain-CCGrvarh.js.map