@alfadocs/ui-kit 0.43.0 → 0.45.0

package/dist/_chunks/dialog-BTpZV6It.js

@@ -0,0 +1,223 @@
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { useRef as j, useEffect as O, useMemo as T, forwardRef as i, useContext as x, createContext as B } from "react";
+import * as s from "@radix-ui/react-dialog";
+import { c as k } from "./index-D2ZczOXr.js";
+import { useTranslation as S } from "react-i18next";
+import { u as w } from "./use-controllable-state-BiY4xTzM.js";
+import { u as A } from "./registry-nPAVE19X.js";
+import { X as E } from "./x-CCcI3eJp.js";
+const H = {
+  id: "dialog",
+  capabilities: ["open", "close", "dismiss"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      description: "True when the dialog is currently open.",
+      read: (e) => e.getIsOpen()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      description: "Open the dialog.",
+      invoke: (e) => {
+        e.open();
+      }
+    },
+    close: {
+      safety: "write",
+      description: "Close the dialog. Reversible by reopening.",
+      invoke: (e) => {
+        e.close();
+      }
+    },
+    dismiss: {
+      safety: "destructive",
+      description: "Dismiss the dialog. Loses any in-progress input that has not been committed.",
+      invoke: (e) => {
+        e.close();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "dialog" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on Dialog.Root."
+    }
+  }
+}, I = [
+  "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(" "), z = [
+  "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(" "), F = k(`ds-dialog ds-dialog__surface ${z}`, {
+  variants: {
+    size: {
+      sm: "ds-dialog__surface--sm",
+      md: "",
+      lg: "ds-dialog__surface--lg",
+      fullscreen: "ds-dialog__surface--fullscreen"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), f = B(void 0), g = ({
+  children: e,
+  id: o,
+  open: a,
+  defaultOpen: r,
+  onOpenChange: c,
+  ...m
+}) => {
+  const [p, n] = w({
+    value: a,
+    defaultValue: r ?? !1,
+    onChange: c
+  }), d = p ?? !1, l = j(d);
+  O(() => {
+    l.current = d;
+  }, [d]);
+  const R = T(
+    () => ({
+      getIsOpen: () => l.current,
+      open: () => n(!0),
+      close: () => n(!1)
+    }),
+    [n]
+  );
+  return A(H, R, o), /* @__PURE__ */ t(f.Provider, { value: o, children: /* @__PURE__ */ t(s.Root, { open: d, onOpenChange: n, ...m, children: e }) });
+};
+g.displayName = "Dialog.Root";
+const D = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Trigger, { ref: a, ...o, children: e }));
+D.displayName = "Dialog.Trigger";
+const y = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Close, { ref: a, ...o, children: e }));
+y.displayName = "Dialog.Close";
+const v = i(
+  ({
+    size: e = "md",
+    variant: o = "default",
+    hideCloseButton: a = !0,
+    className: r,
+    children: c,
+    ...m
+  }, p) => {
+    const { t: n } = S(), d = x(f), l = o === "alert" ? { role: "alertdialog" } : {};
+    return /* @__PURE__ */ u(s.Portal, { children: [
+      /* @__PURE__ */ t(
+        s.Overlay,
+        {
+          "data-component": "dialog-overlay",
+          className: I
+        }
+      ),
+      /* @__PURE__ */ u(
+        s.Content,
+        {
+          ref: p,
+          ...l,
+          "data-component": "dialog",
+          "data-component-id": d,
+          className: F({ size: e, className: r }),
+          ...m,
+          children: [
+            c,
+            !a && // The close is a plain button carrying the `ds-dialog__close`
+            // contract class — the SAME class a vanilla host renders. The CSS
+            // (src/styles.css) owns its position, sizing, glyph size, hover
+            // wash, and focus ring from tokens, so the React and non-React
+            // close buttons are identical and can't drift.
+            /* @__PURE__ */ t(
+              s.Close,
+              {
+                type: "button",
+                className: "ds-dialog__close",
+                "aria-label": n("common.close", "Close"),
+                children: /* @__PURE__ */ t(E, { "aria-hidden": "true" })
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+v.displayName = "Dialog.Content";
+const C = i(
+  ({ className: e, ...o }, a) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: a,
+      className: ["ds-dialog__header", e].filter(Boolean).join(" "),
+      ...o
+    }
+  )
+);
+C.displayName = "Dialog.Header";
+const _ = i(
+  ({ className: e, ...o }, a) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: a,
+      className: ["ds-dialog__body", e].filter(Boolean).join(" "),
+      ...o
+    }
+  )
+);
+_.displayName = "Dialog.Body";
+const b = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
+  s.Title,
+  {
+    ref: a,
+    className: ["ds-dialog__title type-title-card ds:break-words", e].filter(Boolean).join(" "),
+    ...o
+  }
+));
+b.displayName = "Dialog.Title";
+const h = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
+  s.Description,
+  {
+    ref: a,
+    className: ["type-body-sm ds:text-[var(--muted-foreground)]", e].filter(Boolean).join(" "),
+    ...o
+  }
+));
+h.displayName = "Dialog.Description";
+const N = i(
+  ({ className: e, divider: o = !1, ...a }, r) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: r,
+      className: [
+        "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
+        "ds:mt-[var(--spacing-md)]",
+        o && "ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]",
+        e
+      ].filter(Boolean).join(" "),
+      ...a
+    }
+  )
+);
+N.displayName = "Dialog.Footer";
+const $ = Object.assign(g, {
+  Root: g,
+  Trigger: D,
+  Content: v,
+  Header: C,
+  Title: b,
+  Description: h,
+  Body: _,
+  Footer: N,
+  Close: y
+});
+export {
+  $ as D,
+  H as d
+};
+//# sourceMappingURL=dialog-BTpZV6It.js.map

package/dist/_chunks/{due-date-calculator-Cc4dRqTI.js → due-date-calculator-mFxpHLml.js}

@@ -1,17 +1,17 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { forwardRef as _, useState as i, useMemo as g, useEffect as I } from "react";
-import { c as S } from "./index-D2ZczOXr.js";
-import { useTranslation as z } from "react-i18next";
+import { forwardRef as F, useState as c, useMemo as p, useEffect as H } from "react";
+import { c as G } from "./index-D2ZczOXr.js";
+import { useTranslation as R } from "react-i18next";
 import { R as s } from "./radio-TWf9Q-mp.js";
-import { R as h } from "./radio-group-CLjK-SlK.js";
-import { F as v } from "./form-field-BOm9hK35.js";
-import { D as G } from "./date-picker-Bq7xhMA-.js";
+import { R as v } from "./radio-group-CLjK-SlK.js";
+import { F as b } from "./form-field-BOm9hK35.js";
+import { D as S } from "./date-picker-Bq7xhMA-.js";
 import { N as M } from "./number-input-Dj5L3pXK.js";
 import { C } from "./card-DPmk26CL.js";
-import { B as R } from "./badge-zsf5i5bH.js";
-import { I as V } from "./insert-result-DisOY2G-.js";
-import { D as b, c as j } from "./gestation-mWF4AXea.js";
-const H = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+import { B as z } from "./badge-zsf5i5bH.js";
+import { I as V } from "./insert-result-C5ABnzDl.js";
+import { D as y, c as j } from "./gestation-mWF4AXea.js";
+const K = G("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
   variants: {
     width: { full: "ds:w-full", auto: "ds:inline-flex" }
   },
@@ -22,55 +22,66 @@ const H = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
   second: "success",
   third: "warning",
   postterm: "error"
-}, K = {
+}, O = {
+  preconception: "--muted",
+  first: "--info",
+  second: "--success",
+  third: "--warning-readable",
+  postterm: "--destructive"
+};
+function P(n) {
+  return O[n];
+}
+const U = {
   lmp: "dueDateCalculator.lmpDate",
   conception: "dueDateCalculator.conceptionDate",
   ivf: "dueDateCalculator.transferDate"
-}, P = _(
+}, q = F(
   ({
-    defaultMethod: y = "lmp",
+    defaultMethod: n = "lmp",
     onResultChange: d,
-    onInsert: p,
+    onInsert: f,
     insertVariant: D = "insert",
     onCopy: x,
     onError: N,
-    id: L,
-    width: A,
-    className: w
-  }, E) => {
-    const { t: e, i18n: f } = z(), [r, T] = i(y), [o, $] = i(void 0), [u, B] = i(
-      b
-    ), [n, F] = i(5), t = g(() => o ? j(
+    insertBrand: L,
+    id: E,
+    width: w,
+    className: A
+  }, T) => {
+    const { t: e, i18n: h } = R(), [r, k] = c(n), [o, I] = c(void 0), [u, _] = c(
+      y
+    ), [m, $] = c(5), t = p(() => o ? j(
       {
         method: r,
         date: o,
-        cycleLength: u ?? b,
-        embryoAge: n
+        cycleLength: u ?? y,
+        embryoAge: m
       },
       /* @__PURE__ */ new Date()
-    ) : null, [r, o, u, n]), c = g(
-      () => new Intl.DateTimeFormat(f.language, { dateStyle: "long" }),
-      [f.language]
+    ) : null, [r, o, u, m]), i = p(
+      () => new Intl.DateTimeFormat(h.language, { dateStyle: "long" }),
+      [h.language]
     );
-    I(() => {
+    H(() => {
       d == null || d(t);
     }, [t, d]);
-    const k = g(() => /* @__PURE__ */ new Date(), []);
+    const B = p(() => /* @__PURE__ */ new Date(), []);
     return /* @__PURE__ */ l(
       "div",
       {
-        ref: E,
+        ref: T,
         "data-component": "due-date-calculator",
-        "data-component-id": L,
-        className: H({ width: A, className: w }),
+        "data-component-id": E,
+        className: K({ width: w, className: A }),
         children: [
           /* @__PURE__ */ l(
-            h,
+            v,
             {
               label: e("dueDateCalculator.method.label"),
               variant: "horizontal",
               value: r,
-              onValueChange: (m) => T(m),
+              onValueChange: (g) => k(g),
               children: [
                 /* @__PURE__ */ a(s, { label: e("dueDateCalculator.method.lmp"), value: "lmp" }),
                 /* @__PURE__ */ a(
@@ -85,9 +96,9 @@ const H = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
             }
           ),
           /* @__PURE__ */ l("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
-            /* @__PURE__ */ a(v, { label: e(K[r]), children: /* @__PURE__ */ a(G, { value: o, onChange: $, maxDate: k }) }),
+            /* @__PURE__ */ a(b, { label: e(U[r]), children: /* @__PURE__ */ a(S, { value: o, onChange: I, maxDate: B }) }),
             r === "lmp" && /* @__PURE__ */ a(
-              v,
+              b,
               {
                 label: e("dueDateCalculator.cycleLength"),
                 description: e("dueDateCalculator.cycleLengthHint"),
@@ -98,18 +109,18 @@ const H = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                     min: 20,
                     max: 45,
                     value: u,
-                    onChange: B
+                    onChange: _
                   }
                 )
               }
             ),
             r === "ivf" && /* @__PURE__ */ l(
-              h,
+              v,
               {
                 label: e("dueDateCalculator.embryoAge"),
                 variant: "horizontal",
-                value: String(n),
-                onValueChange: (m) => F(Number(m)),
+                value: String(m),
+                onValueChange: (g) => $(Number(g)),
                 children: [
                   /* @__PURE__ */ a(s, { label: e("dueDateCalculator.day3"), value: "3" }),
                   /* @__PURE__ */ a(s, { label: e("dueDateCalculator.day5"), value: "5" })
@@ -117,7 +128,7 @@ const H = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
               }
             )
           ] }),
-          /* @__PURE__ */ a("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: t ? `${e("dueDateCalculator.result.dueDateLabel")}: ${c.format(
+          /* @__PURE__ */ a("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: t ? `${e("dueDateCalculator.result.dueDateLabel")}: ${i.format(
             t.dueDate
           )}. ${e("dueDateCalculator.result.trimesterLabel")}: ${e(
             `dueDateCalculator.trimester.${t.trimester}`
@@ -127,7 +138,7 @@ const H = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
               /* @__PURE__ */ l("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("dueDateCalculator.result.trimesterLabel") }),
                 /* @__PURE__ */ a("dd", { children: /* @__PURE__ */ a(
-                  R,
+                  z,
                   {
                     variant: Y[t.trimester],
                     size: "lg",
@@ -144,25 +155,36 @@ const H = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
               ] }),
               /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
                 /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("dueDateCalculator.result.dueDateLabel") }),
-                /* @__PURE__ */ a("dd", { className: "type-metric ds:text-foreground", children: c.format(t.dueDate) })
+                /* @__PURE__ */ a("dd", { className: "type-metric ds:text-foreground", children: i.format(t.dueDate) })
               ] })
             ] }),
-            D === "copy" || p ? /* @__PURE__ */ a(
+            D === "copy" || f ? /* @__PURE__ */ a(
               V,
               {
                 variant: D,
-                onInsert: p,
+                onInsert: f,
                 onCopy: x,
                 onError: N,
                 card: {
                   title: e("insert.title.dueDate"),
-                  highlight: c.format(t.dueDate),
+                  icon: "calendar-heart",
+                  highlight: i.format(t.dueDate),
+                  // Chip tinted with the trimester's semantic token so the
+                  // inserted PNG carries the same clinical-stage colour as
+                  // the on-screen trimester badge — with the contrast-safe
+                  // orange override for the `--warning` third trimester.
+                  highlightToken: P(t.trimester),
+                  brand: L,
                   fields: [
                     {
+                      // The estimated date of delivery → calendar glyph.
+                      icon: "calendar",
                       label: e("dueDateCalculator.result.dueDateLabel"),
-                      value: c.format(t.dueDate)
+                      value: i.format(t.dueDate)
                     },
                     {
+                      // Gestational age is an elapsed duration → clock glyph.
+                      icon: "clock",
                       label: e("dueDateCalculator.result.gestationLabel"),
                       value: t.gestationalAge ? e("dueDateCalculator.result.gestation", {
                         weeks: t.gestationalAge.weeks,
@@ -170,6 +192,8 @@ const H = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                       }) : "—"
                     },
                     {
+                      // Trimester is a clinical-stage classification → tag.
+                      icon: "tag",
                       label: e("dueDateCalculator.result.trimesterLabel"),
                       value: e(
                         `dueDateCalculator.trimester.${t.trimester}`
@@ -185,8 +209,8 @@ const H = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
     );
   }
 );
-P.displayName = "DueDateCalculator";
+q.displayName = "DueDateCalculator";
 export {
-  P as D
+  q as D
 };
-//# sourceMappingURL=due-date-calculator-Cc4dRqTI.js.map
+//# sourceMappingURL=due-date-calculator-mFxpHLml.js.map

package/dist/_chunks/{editable-currency-cell-renderer-9jqwDv5x.js → editable-currency-cell-renderer-BEBUQl9P.js}

@@ -28,7 +28,7 @@ import { u as At } from "./use-theme-C2dHKUAN.js";
 import { u as Pt } from "./registry-nPAVE19X.js";
 import { D as ze } from "./date-range-picker-DcXuI9y7.js";
 import { M as Ot } from "./multi-select-DOLO3K_z.js";
-import { A as Ae } from "./autocomplete-DIgdhCGJ.js";
+import { A as Ae } from "./autocomplete-CDqxB68B.js";
 import { N as ee } from "./number-input-Dj5L3pXK.js";
 import { B as Mt } from "./badge-zsf5i5bH.js";
 import { A as Pe } from "./avatar-BNQNhoyL.js";
@@ -2332,4 +2332,4 @@ export {
   Be as q,
   xn as u
 };
-//# sourceMappingURL=editable-currency-cell-renderer-9jqwDv5x.js.map
+//# sourceMappingURL=editable-currency-cell-renderer-BEBUQl9P.js.map

package/dist/_chunks/{freemium-paywall-BLXESpH4.js → freemium-paywall-BYist2sJ.js}

@@ -8,7 +8,7 @@ import { u as X } from "./use-controllable-state-BiY4xTzM.js";
 import { u as Y } from "./registry-nPAVE19X.js";
 import { B as I } from "./button-DD_0Xdmr.js";
 import { P as Z } from "./progress-kzIRcdaq.js";
-import { f as $ } from "./payment-form-BzVsG6Ks.js";
+import { f as $ } from "./payment-form-DqEiEJRO.js";
 import { T as ee } from "./triangle-alert-CBPUIzQo.js";
 import { C as se } from "./check-DPdL_Sm7.js";
 const ae = {
@@ -265,4 +265,4 @@ export {
   te as F,
   ae as f
 };
-//# sourceMappingURL=freemium-paywall-BLXESpH4.js.map
+//# sourceMappingURL=freemium-paywall-BYist2sJ.js.map