@alfadocs/ui-kit 0.37.0 → 0.39.0

package/dist/_chunks/due-date-calculator-CUspKSTw.js

@@ -0,0 +1,171 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { forwardRef as $, useState as i, useMemo as g, useEffect as F } from "react";
+import { c as k } from "./index-D2ZczOXr.js";
+import { useTranslation as B } from "react-i18next";
+import { R as s } from "./radio-TWf9Q-mp.js";
+import { R as f } from "./radio-group-BcF92GEF.js";
+import { F as h } from "./form-field-BOm9hK35.js";
+import { D as _ } from "./date-picker-CvQfs6Xh.js";
+import { N as I } from "./number-input-Dj5L3pXK.js";
+import { B as S } from "./badge-zsf5i5bH.js";
+import { I as V } from "./insert-result-yJ0QavoN.js";
+import { D as v, c as z } from "./gestation-BXEgDGmP.js";
+const G = k("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+  variants: {
+    width: { full: "ds:w-full", auto: "ds:inline-flex" }
+  },
+  defaultVariants: { width: "full" }
+}), M = {
+  preconception: "neutral",
+  first: "info",
+  second: "success",
+  third: "warning",
+  postterm: "error"
+}, R = {
+  lmp: "dueDateCalculator.lmpDate",
+  conception: "dueDateCalculator.conceptionDate",
+  ivf: "dueDateCalculator.transferDate"
+}, j = $(
+  ({ defaultMethod: b = "lmp", onResultChange: d, onInsert: p, id: C, width: y, className: x }, N) => {
+    const { t: e, i18n: D } = B(), [r, L] = i(b), [o, A] = i(void 0), [u, w] = i(
+      v
+    ), [n, E] = i(5), t = g(() => o ? z(
+      {
+        method: r,
+        date: o,
+        cycleLength: u ?? v,
+        embryoAge: n
+      },
+      /* @__PURE__ */ new Date()
+    ) : null, [r, o, u, n]), c = g(
+      () => new Intl.DateTimeFormat(D.language, { dateStyle: "long" }),
+      [D.language]
+    );
+    F(() => {
+      d == null || d(t);
+    }, [t, d]);
+    const T = g(() => /* @__PURE__ */ new Date(), []);
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: N,
+        "data-component": "due-date-calculator",
+        "data-component-id": C,
+        className: G({ width: y, className: x }),
+        children: [
+          /* @__PURE__ */ l(
+            f,
+            {
+              label: e("dueDateCalculator.method.label"),
+              variant: "horizontal",
+              value: r,
+              onValueChange: (m) => L(m),
+              children: [
+                /* @__PURE__ */ a(s, { label: e("dueDateCalculator.method.lmp"), value: "lmp" }),
+                /* @__PURE__ */ a(
+                  s,
+                  {
+                    label: e("dueDateCalculator.method.conception"),
+                    value: "conception"
+                  }
+                ),
+                /* @__PURE__ */ a(s, { label: e("dueDateCalculator.method.ivf"), value: "ivf" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ l("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ a(h, { label: e(R[r]), children: /* @__PURE__ */ a(_, { value: o, onChange: A, maxDate: T }) }),
+            r === "lmp" && /* @__PURE__ */ a(
+              h,
+              {
+                label: e("dueDateCalculator.cycleLength"),
+                description: e("dueDateCalculator.cycleLengthHint"),
+                children: /* @__PURE__ */ a(
+                  I,
+                  {
+                    mode: "integer",
+                    min: 20,
+                    max: 45,
+                    value: u,
+                    onChange: w
+                  }
+                )
+              }
+            ),
+            r === "ivf" && /* @__PURE__ */ l(
+              f,
+              {
+                label: e("dueDateCalculator.embryoAge"),
+                variant: "horizontal",
+                value: String(n),
+                onValueChange: (m) => E(Number(m)),
+                children: [
+                  /* @__PURE__ */ a(s, { label: e("dueDateCalculator.day3"), value: "3" }),
+                  /* @__PURE__ */ a(s, { label: e("dueDateCalculator.day5"), value: "5" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: t ? `${e("dueDateCalculator.result.dueDateLabel")}: ${c.format(
+            t.dueDate
+          )}. ${e("dueDateCalculator.result.trimesterLabel")}: ${e(
+            `dueDateCalculator.trimester.${t.trimester}`
+          )}.` : "" }),
+          t ? /* @__PURE__ */ l("div", { 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-3", children: [
+              /* @__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(S, { variant: M[t.trimester], size: "lg", children: e(`dueDateCalculator.trimester.${t.trimester}`) }) })
+              ] }),
+              /* @__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.gestationLabel") }),
+                /* @__PURE__ */ a("dd", { className: "type-body ds:text-foreground", children: t.gestationalAge ? e("dueDateCalculator.result.gestation", {
+                  weeks: t.gestationalAge.weeks,
+                  days: t.gestationalAge.days
+                }) : "—" })
+              ] }),
+              /* @__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) })
+              ] })
+            ] }),
+            p ? /* @__PURE__ */ a(
+              V,
+              {
+                onInsert: p,
+                card: {
+                  title: e("insert.title.dueDate"),
+                  highlight: c.format(t.dueDate),
+                  fields: [
+                    {
+                      label: e("dueDateCalculator.result.dueDateLabel"),
+                      value: c.format(t.dueDate)
+                    },
+                    {
+                      label: e("dueDateCalculator.result.gestationLabel"),
+                      value: t.gestationalAge ? e("dueDateCalculator.result.gestation", {
+                        weeks: t.gestationalAge.weeks,
+                        days: t.gestationalAge.days
+                      }) : "—"
+                    },
+                    {
+                      label: e("dueDateCalculator.result.trimesterLabel"),
+                      value: e(
+                        `dueDateCalculator.trimester.${t.trimester}`
+                      )
+                    }
+                  ]
+                }
+              }
+            ) : null
+          ] }) : /* @__PURE__ */ a("p", { className: "type-body ds:text-muted-foreground", children: e("dueDateCalculator.empty") })
+        ]
+      }
+    );
+  }
+);
+j.displayName = "DueDateCalculator";
+export {
+  j as D
+};
+//# sourceMappingURL=due-date-calculator-CUspKSTw.js.map

package/dist/_chunks/{editable-currency-cell-renderer-DnjwZNZP.js → editable-currency-cell-renderer-DgkCIIcO.js}

@@ -11,7 +11,7 @@ import { I as B } from "./icon-button-CKEOrN37.js";
 import { P as Z } from "./popover-Devce-tT.js";
 import { C as Re } from "./checkbox-DRcOdmXv.js";
 import { T as fe } from "./text-input-BaClJL8Y.js";
-import { T as ae } from "./tag-CyoaEmf_.js";
+import { T as ae } from "./tag-CdA0s_VV.js";
 import { D as Y } from "./dropdown-menu-BC5ZdOMo.js";
 import { X as De } from "./x-CCcI3eJp.js";
 import { R as Rt } from "./refresh-cw-CC8jSKMr.js";
@@ -26,7 +26,7 @@ import { S as Ie } from "./select-hsCaJSX3.js";
 import { u as zt } from "./use-prefers-reduced-motion-BMwIQRjB.js";
 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-I-q5rifj.js";
+import { D as ze } from "./date-range-picker-U9fn1g9d.js";
 import { M as Ot } from "./multi-select-DOLO3K_z.js";
 import { A as Ae } from "./autocomplete-DIgdhCGJ.js";
 import { N as ee } from "./number-input-Dj5L3pXK.js";
@@ -2332,4 +2332,4 @@ export {
   Be as q,
   xn as u
 };
-//# sourceMappingURL=editable-currency-cell-renderer-DnjwZNZP.js.map
+//# sourceMappingURL=editable-currency-cell-renderer-DgkCIIcO.js.map

package/dist/_chunks/{el-Dr1pjuDq.js → el-BYPonAaK.js}

@@ -1,4 +1,4 @@
-import { o as s, q as i, r as o, v as d } from "./react-day-picker-DYDdR8Vv.js";
+import { o as s, q as i, r as o, v as d } from "./react-day-picker-CdtIiKjx.js";
 const u = {
   lessThanXSeconds: {
     one: "λιγότερο από ένα δευτερόλεπτο",
@@ -370,4 +370,4 @@ const u = {
 export {
   O as el
 };
-//# sourceMappingURL=el-Dr1pjuDq.js.map
+//# sourceMappingURL=el-BYPonAaK.js.map

package/dist/_chunks/{es-CvyTjLS0.js → es-CMkVCQ4F.js}

@@ -1,4 +1,4 @@
-import { o as d, q as o, r, v as s } from "./react-day-picker-DYDdR8Vv.js";
+import { o as d, q as o, r, v as s } from "./react-day-picker-CdtIiKjx.js";
 const m = {
   lessThanXSeconds: {
     one: "menos de un segundo",
@@ -370,4 +370,4 @@ const m = {
 export {
   q as es
 };
-//# sourceMappingURL=es-CvyTjLS0.js.map
+//# sourceMappingURL=es-CMkVCQ4F.js.map

package/dist/_chunks/{file-upload-CdozCPct.js → file-upload-BosbPDb1.js}

@@ -181,7 +181,7 @@ const Ve = [
 ), Te = B(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-md)]",
-    "ds:rounded-[var(--radius-md)] ds:border ds:bg-background",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)] ds:bg-background",
     "ds:p-[var(--spacing-md)]",
     "ds:text-[length:var(--font-size-sm)] ds:text-foreground",
     "ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
@@ -794,6 +794,7 @@ const Ze = xe(
 Ze.displayName = "FileUpload";
 export {
   Ze as F,
+  Ee as L,
   qe as f
 };
-//# sourceMappingURL=file-upload-CdozCPct.js.map
+//# sourceMappingURL=file-upload-BosbPDb1.js.map