@alfadocs/ui-kit 0.43.0 → 0.45.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.43.0",
+  "version": "0.45.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",

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

@@ -1,259 +0,0 @@
-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/dialog-DOYgd75U.js

@@ -1,224 +0,0 @@
-import { jsx as s, jsxs as v } from "react/jsx-runtime";
-import { useRef as R, useEffect as T, useMemo as O, forwardRef as d, useContext as j, createContext as E } from "react";
-import * as t from "@radix-ui/react-dialog";
-import { c as _ } from "./index-D2ZczOXr.js";
-import { useTranslation as k } from "react-i18next";
-import { I as z } from "./icon-button-CKEOrN37.js";
-import { u as I } from "./use-controllable-state-BiY4xTzM.js";
-import { u as B } from "./registry-nPAVE19X.js";
-import { X as S } from "./x-CCcI3eJp.js";
-const A = {
-  id: "dialog",
-  capabilities: ["open", "close", "dismiss"],
-  state: {
-    isOpen: {
-      type: "boolean",
-      description: "True when the dialog is currently open.",
-      read: (o) => o.getIsOpen()
-    }
-  },
-  actions: {
-    open: {
-      safety: "read",
-      description: "Open the dialog.",
-      invoke: (o) => {
-        o.open();
-      }
-    },
-    close: {
-      safety: "write",
-      description: "Close the dialog. Reversible by reopening.",
-      invoke: (o) => {
-        o.close();
-      }
-    },
-    dismiss: {
-      safety: "destructive",
-      description: "Dismiss the dialog. Loses any in-progress input that has not been committed.",
-      invoke: (o) => {
-        o.close();
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "dialog" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop on Dialog.Root."
-    }
-  }
-}, H = [
-  "ds-dialog__backdrop",
-  "ds:backdrop-blur-sm",
-  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
-  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
-  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), V = [
-  "ds-dialog",
-  "ds:fixed ds:z-[var(--z-modal)]",
-  "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
-  "ds:shadow-[var(--shadow-xl)]",
-  "ds:p-[var(--spacing-lg)]",
-  "ds:focus-visible:outline-none",
-  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95",
-  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95",
-  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), g = "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]", F = _(V, {
-  variants: {
-    size: {
-      sm: `${g} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      md: `${g} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      lg: `${g} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      fullscreen: "ds:start-0 ds:top-0 ds:w-[100dvw] ds:h-[100dvh] ds:max-w-none ds:rounded-none ds:overflow-y-auto"
-    }
-  },
-  defaultVariants: { size: "md" }
-}), f = E(void 0), u = ({
-  children: o,
-  id: e,
-  open: a,
-  defaultOpen: r,
-  onOpenChange: c,
-  ...p
-}) => {
-  const [m, n] = I({
-    value: a,
-    defaultValue: r ?? !1,
-    onChange: c
-  }), i = m ?? !1, l = R(i);
-  T(() => {
-    l.current = i;
-  }, [i]);
-  const N = O(
-    () => ({
-      getIsOpen: () => l.current,
-      open: () => n(!0),
-      close: () => n(!1)
-    }),
-    [n]
-  );
-  return B(A, N, e), /* @__PURE__ */ s(f.Provider, { value: e, children: /* @__PURE__ */ s(t.Root, { open: i, onOpenChange: n, ...p, children: o }) });
-};
-u.displayName = "Dialog.Root";
-const h = d(({ children: o, ...e }, a) => /* @__PURE__ */ s(t.Trigger, { ref: a, ...e, children: o }));
-h.displayName = "Dialog.Trigger";
-const x = d(({ children: o, ...e }, a) => /* @__PURE__ */ s(t.Close, { ref: a, ...e, children: o }));
-x.displayName = "Dialog.Close";
-const D = d(
-  ({
-    size: o = "md",
-    variant: e = "default",
-    hideCloseButton: a = !0,
-    className: r,
-    children: c,
-    ...p
-  }, m) => {
-    const { t: n } = k(), i = j(f), l = e === "alert" ? { role: "alertdialog" } : {};
-    return /* @__PURE__ */ v(t.Portal, { children: [
-      /* @__PURE__ */ s(
-        t.Overlay,
-        {
-          "data-component": "dialog-overlay",
-          className: H
-        }
-      ),
-      /* @__PURE__ */ v(
-        t.Content,
-        {
-          ref: m,
-          ...l,
-          "data-component": "dialog",
-          "data-component-id": i,
-          className: F({ size: o, className: r }),
-          ...p,
-          children: [
-            c,
-            !a && // Positioning wrapper. The interactive close is an IconButton
-            // (ghost / sm) — same lucide `X` glyph, 32px target, 16px icon,
-            // hover wash and focus ring that the vanilla `.ds-dialog__close`
-            // contract reproduces from the same tokens, so the React and
-            // non-React close buttons render identically.
-            /* @__PURE__ */ s("div", { className: "ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]", children: /* @__PURE__ */ s(t.Close, { asChild: !0, children: /* @__PURE__ */ s(
-              z,
-              {
-                icon: /* @__PURE__ */ s(S, {}),
-                intent: "ghost",
-                size: "sm",
-                "aria-label": n("common.close", "Close")
-              }
-            ) }) })
-          ]
-        }
-      )
-    ] });
-  }
-);
-D.displayName = "Dialog.Content";
-const y = d(
-  ({ className: o, ...e }, a) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: a,
-      className: [
-        // `ds-dialog__header` is the shared vanilla contract (src/styles.css);
-        // the Tailwind utilities reproduce it for hosts that render through
-        // this component, keeping the two surfaces identical.
-        "ds-dialog__header",
-        "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]",
-        o
-      ].filter(Boolean).join(" "),
-      ...e
-    }
-  )
-);
-y.displayName = "Dialog.Header";
-const C = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
-  t.Title,
-  {
-    ref: a,
-    className: ["ds-dialog__title type-title-card ds:break-words", o].filter(Boolean).join(" "),
-    ...e
-  }
-));
-C.displayName = "Dialog.Title";
-const b = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
-  t.Description,
-  {
-    ref: a,
-    className: ["type-body-sm ds:text-[var(--muted-foreground)]", o].filter(Boolean).join(" "),
-    ...e
-  }
-));
-b.displayName = "Dialog.Description";
-const w = d(
-  ({ className: o, divider: e = !1, ...a }, r) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: r,
-      className: [
-        "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
-        "ds:mt-[var(--spacing-md)]",
-        e && "ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]",
-        o
-      ].filter(Boolean).join(" "),
-      ...a
-    }
-  )
-);
-w.displayName = "Dialog.Footer";
-const J = Object.assign(u, {
-  Root: u,
-  Trigger: h,
-  Content: D,
-  Header: y,
-  Title: C,
-  Description: b,
-  Footer: w,
-  Close: x
-});
-export {
-  J as D,
-  A as d
-};
-//# sourceMappingURL=dialog-DOYgd75U.js.map

package/dist/_chunks/gestational-age-calculator-ZMSrzkRW.js

@@ -1,179 +0,0 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { forwardRef as T, useState as f, useMemo as m, useEffect as S } from "react";
-import { c as k } from "./index-D2ZczOXr.js";
-import { useTranslation as B } from "react-i18next";
-import { R as h } from "./radio-TWf9Q-mp.js";
-import { R as E } from "./radio-group-CLjK-SlK.js";
-import { F } from "./form-field-BOm9hK35.js";
-import { D as I } from "./date-picker-Bq7xhMA-.js";
-import { C as x } from "./card-DPmk26CL.js";
-import { B as A } from "./badge-zsf5i5bH.js";
-import { I as M } from "./insert-result-DisOY2G-.js";
-import { c as j, g as R, G as z } from "./gestation-mWF4AXea.js";
-import { s as V } from "./subDays-Dv7q9S7u.js";
-import { i as _ } from "./date-picker-variants-DLi1Va_e.js";
-const O = k("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
-  variants: {
-    width: { full: "ds:w-full", auto: "ds:inline-flex" }
-  },
-  defaultVariants: { width: "full" }
-}), P = {
-  preconception: "neutral",
-  first: "info",
-  second: "success",
-  third: "warning",
-  postterm: "error"
-}, Y = T(
-  ({
-    defaultMethod: v = "lmp",
-    onResultChange: d,
-    onInsert: g,
-    insertVariant: u = "insert",
-    onCopy: y,
-    onError: b,
-    id: C,
-    width: N,
-    className: D
-  }, w) => {
-    const { t: e, i18n: p } = B(), [o, $] = f(v), [i, G] = f(void 0), n = m(() => /* @__PURE__ */ new Date(), []), t = m(() => {
-      if (!i) return null;
-      const l = o === "lmp" ? i : V(i, z), r = j({ method: "lmp", date: l }, n);
-      return {
-        result: {
-          gestationalAge: r.gestationalAge,
-          trimester: r.trimester,
-          dueDate: r.dueDate
-        },
-        milestones: R(r.gestationalStart)
-      };
-    }, [o, i, n]), L = m(
-      () => new Intl.DateTimeFormat(p.language, { dateStyle: "medium" }),
-      [p.language]
-    );
-    S(() => {
-      d == null || d((t == null ? void 0 : t.result) ?? null);
-    }, [t, d]);
-    const c = (l) => l ? e("gestationalAgeCalculator.gestation", {
-      weeks: l.weeks,
-      days: l.days
-    }) : "—";
-    return /* @__PURE__ */ s(
-      "div",
-      {
-        ref: w,
-        "data-component": "gestational-age-calculator",
-        "data-component-id": C,
-        className: O({ width: N, className: D }),
-        children: [
-          /* @__PURE__ */ s(
-            E,
-            {
-              label: e("gestationalAgeCalculator.method.label"),
-              variant: "horizontal",
-              value: o,
-              onValueChange: (l) => $(l),
-              children: [
-                /* @__PURE__ */ a(h, { label: e("gestationalAgeCalculator.method.lmp"), value: "lmp" }),
-                /* @__PURE__ */ a(h, { label: e("gestationalAgeCalculator.method.edd"), value: "edd" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ a(
-            F,
-            {
-              label: e(
-                o === "lmp" ? "gestationalAgeCalculator.lmpDate" : "gestationalAgeCalculator.eddDate"
-              ),
-              children: /* @__PURE__ */ a(
-                I,
-                {
-                  value: i,
-                  onChange: G,
-                  maxDate: o === "lmp" ? n : void 0
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ a("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: t ? `${e("gestationalAgeCalculator.gestationLabel")}: ${c(
-            t.result.gestationalAge
-          )}. ${e("gestationalAgeCalculator.trimesterLabel")}: ${e(
-            `gestationalAgeCalculator.trimester.${t.result.trimester}`
-          )}.` : "" }),
-          t ? /* @__PURE__ */ a(x, { variant: "elevated", children: /* @__PURE__ */ s(x.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-            /* @__PURE__ */ s("dl", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
-              /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]", children: [
-                /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("gestationalAgeCalculator.trimesterLabel") }),
-                /* @__PURE__ */ a("dd", { children: /* @__PURE__ */ a(
-                  A,
-                  {
-                    variant: P[t.result.trimester],
-                    size: "lg",
-                    children: e(
-                      `gestationalAgeCalculator.trimester.${t.result.trimester}`
-                    )
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-xs)] ds:text-end", children: [
-                /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("gestationalAgeCalculator.gestationLabel") }),
-                /* @__PURE__ */ a("dd", { className: "type-metric ds:text-foreground", children: c(t.result.gestationalAge) })
-              ] })
-            ] }),
-            /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-              /* @__PURE__ */ a("span", { className: "type-label ds:text-muted-foreground", children: e("gestationalAgeCalculator.milestonesLabel") }),
-              /* @__PURE__ */ a("ul", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: t.milestones.map((l) => {
-                const r = _(n, l.date);
-                return /* @__PURE__ */ s(
-                  "li",
-                  {
-                    className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-md)]",
-                    children: [
-                      /* @__PURE__ */ a("span", { className: "type-body ds:text-foreground", children: e(`gestationalAgeCalculator.milestone.${l.key}`) }),
-                      /* @__PURE__ */ s("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-                        /* @__PURE__ */ a("span", { className: "type-body ds:text-muted-foreground", children: L.format(l.date) }),
-                        r ? /* @__PURE__ */ a(A, { variant: "success", children: e("gestationalAgeCalculator.reached") }) : null
-                      ] })
-                    ]
-                  },
-                  l.key
-                );
-              }) })
-            ] }),
-            u === "copy" || g ? /* @__PURE__ */ a(
-              M,
-              {
-                onInsert: g,
-                variant: u,
-                onCopy: y,
-                onError: b,
-                card: {
-                  title: e("insert.title.gestationalAge"),
-                  highlight: e(
-                    `gestationalAgeCalculator.trimester.${t.result.trimester}`
-                  ),
-                  fields: [
-                    {
-                      label: e("gestationalAgeCalculator.gestationLabel"),
-                      value: c(t.result.gestationalAge)
-                    },
-                    {
-                      label: e("gestationalAgeCalculator.trimesterLabel"),
-                      value: e(
-                        `gestationalAgeCalculator.trimester.${t.result.trimester}`
-                      )
-                    }
-                  ]
-                }
-              }
-            ) : null
-          ] }) }) : /* @__PURE__ */ a("p", { className: "type-body ds:text-muted-foreground", children: e("gestationalAgeCalculator.empty") })
-        ]
-      }
-    );
-  }
-);
-Y.displayName = "GestationalAgeCalculator";
-export {
-  Y as G
-};
-//# sourceMappingURL=gestational-age-calculator-ZMSrzkRW.js.map