@alfadocs/ui-kit 0.41.2 → 0.43.0

package/dist/_chunks/{breadcrumb-CLlhx7qo.js → breadcrumb-OTbaY70e.js}

@@ -165,7 +165,7 @@ const Q = [
 S.displayName = "BreadcrumbList";
 const U = [
   "ds:inline-flex ds:items-center",
-  "ds:max-inline-size-[16rem]",
+  "ds:[max-inline-size:16rem]",
   "ds:min-h-[var(--min-target-size)]",
   "ds:py-[var(--spacing-xs)]"
 ].join(" "), N = y(
@@ -199,7 +199,7 @@ const U = [
 N.displayName = "BreadcrumbItem";
 const P = [
   "ds:inline-flex ds:items-center",
-  "ds:max-inline-size-[16rem]",
+  "ds:[max-inline-size:16rem]",
   "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap",
   "ds:break-normal",
   "ds:text-[var(--muted-foreground)] ds:no-underline",
@@ -211,7 +211,7 @@ const P = [
   "ds:min-h-[var(--min-target-size)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]"
 ].join(" "), W = [
   "ds:inline-flex ds:items-center",
-  "ds:max-inline-size-[16rem]",
+  "ds:[max-inline-size:16rem]",
   "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap",
   "ds:break-normal",
   "ds:text-[var(--foreground)] ds:font-[var(--font-weight-semibold)]",
@@ -376,4 +376,4 @@ export {
   T as e,
   G as f
 };
-//# sourceMappingURL=breadcrumb-CLlhx7qo.js.map
+//# sourceMappingURL=breadcrumb-OTbaY70e.js.map

package/dist/_chunks/{calculator-dialog-B74fqpFZ.js → calculator-dialog-DdexHrTP.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as l } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { D as r } from "./dialog-Cee13rHU.js";
+import { D as r } from "./dialog-DOYgd75U.js";
 const u = p(
   ({
     trigger: i,
@@ -37,4 +37,4 @@ u.displayName = "CalculatorDialog";
 export {
   u as C
 };
-//# sourceMappingURL=calculator-dialog-B74fqpFZ.js.map
+//# sourceMappingURL=calculator-dialog-DdexHrTP.js.map

package/dist/_chunks/{chart-Cbt0_sKv.js → chart-Cg3e9EH9.js}

@@ -1,13 +1,13 @@
-import { jsxs as T, jsx as c } from "react/jsx-runtime";
-import { forwardRef as Q, useId as X, useMemo as d, useRef as tt, useState as P, useEffect as $, useImperativeHandle as et } from "react";
-import { c as ot } from "./index-D2ZczOXr.js";
-import { useTranslation as at } from "react-i18next";
-import rt from "react-apexcharts";
-import k from "apexcharts";
-import { u as nt, g as G } from "./apexcharts-theme-BJigns_V.js";
-import { u as st } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as it } from "./registry-nPAVE19X.js";
-const ct = {
+import { jsxs as x, jsx as c } from "react/jsx-runtime";
+import { forwardRef as X, useId as tt, useMemo as d, useRef as et, useState as $, useEffect as k, useImperativeHandle as ot } from "react";
+import { c as at } from "./index-D2ZczOXr.js";
+import { useTranslation as rt } from "react-i18next";
+import nt from "react-apexcharts";
+import G from "apexcharts";
+import { u as st, g as H } from "./apexcharts-theme-BJigns_V.js";
+import { u as it } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as ct } from "./registry-nPAVE19X.js";
+const dt = {
   id: "chart",
   capabilities: [],
   state: {},
@@ -34,7 +34,7 @@ const ct = {
       description: "Sourced from the id prop."
     }
   }
-}, dt = ot("ds:relative ds:block ds:w-full", {
+}, lt = at("ds:relative ds:block ds:w-full", {
   variants: {
     density: {
       compact: "ds:min-h-[var(--chart-min-height-compact)]",
@@ -46,65 +46,66 @@ const ct = {
     }
   },
   defaultVariants: { density: "comfortable" }
-}), lt = [
+}), mt = [
   "verticalLines",
   "horizontalLines",
   "slantedLines",
   "squares",
   "circles"
-], mt = ["line", "bar", "area"], ut = ["pie", "donut", "radialBar"];
-function x(r) {
-  return ut.includes(r);
+], ut = ["line", "bar", "area"], ht = ["pie", "donut", "radialBar"];
+function R(r) {
+  return ht.includes(r);
 }
-function ht(r) {
-  return mt.includes(r);
+function pt(r) {
+  return ut.includes(r);
 }
-function pt(r, l) {
-  return x(l) ? [
+function ft(r, l) {
+  return R(l) ? [
     {
       name: "",
       data: r
     }
   ] : r;
 }
-const ft = Q(
+const bt = X(
   ({
     title: r,
     id: l,
     type: o,
     series: p,
-    categories: v,
-    labels: g,
-    height: L,
-    width: H,
-    patterns: O = !1,
-    toolbar: R = !1,
-    locale: _,
+    categories: g,
+    labels: v,
+    height: O,
+    width: _,
+    patterns: A = !1,
+    colors: T,
+    toolbar: S = !1,
+    locale: M,
     radialValueFormatter: m,
-    density: M,
-    className: U
-  }, D) => {
-    const { t: a, i18n: W } = at(), A = X(), u = d(
-      () => `chart-${A.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [A]
-    ), S = `${u}-summary`, y = tt(null), [z, Y] = P(0);
-    nt(y);
-    const h = _ ?? W.language ?? "en", [N, Z] = P(
+    density: U,
+    className: D
+  }, W) => {
+    const { t: a, i18n: Y } = rt(), z = tt(), u = d(
+      () => `chart-${z.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [z]
+    ), y = `${u}-summary`, I = et(null), [N, Z] = $(0);
+    st(I);
+    const h = M ?? Y.language ?? "en", [B, j] = $(
       () => {
         try {
-          return G();
+          return H();
         } catch {
           return {};
         }
       }
     );
-    $(() => {
+    k(() => {
       if (typeof document > "u") return;
       let t;
       const e = new MutationObserver(() => {
         clearTimeout(t), t = setTimeout(() => {
           try {
-            Z(G());
+            j(H());
           } catch {
           }
         }, 50);
@@ -115,36 +116,36 @@ const ft = Q(
       }), () => {
         clearTimeout(t), e.disconnect();
       };
-    }, []), $(() => {
-      const t = y.current;
+    }, []), k(() => {
+      const t = I.current;
       if (!t || typeof ResizeObserver > "u") return;
       const e = new ResizeObserver((n) => {
         const s = n[0];
-        s && Y(Math.floor(s.contentRect.width));
+        s && Z(Math.floor(s.contentRect.width));
       });
       return e.observe(t), () => e.disconnect();
     }, []);
-    const I = d(
+    const C = d(
       () => ({
         async dataURI() {
-          const t = k.getChartByID(u);
+          const t = G.getChartByID(u);
           return t ? (await t.dataURI()).imgURI : "";
         },
         updateSeries(t) {
-          const e = k.getChartByID(u);
-          e && (x(o), e.updateSeries(t));
+          const e = G.getChartByID(u);
+          e && (R(o), e.updateSeries(t));
         }
       }),
       [u, o]
     );
-    et(D, () => I, [I]), it(ct, I, l);
-    const C = typeof document < "u" && document.documentElement.dir === "rtl", B = d(
-      () => pt(p, o),
+    ot(W, () => C, [C]), ct(dt, C, l);
+    const w = typeof document < "u" && document.documentElement.dir === "rtl", E = d(
+      () => ft(p, o),
       [p, o]
     ), f = d(
       () => new Intl.NumberFormat(h),
       [h]
-    ), E = d(
+    ), P = d(
       () => ({
         name: h,
         options: {
@@ -163,24 +164,24 @@ const ft = Q(
         }
       }),
       [h, a]
-    ), w = st(), j = d(() => {
+    ), L = it(), q = d(() => {
       var n, s, b;
-      const t = N, e = {
+      const t = B, e = {
         ...t,
         chart: {
           ...t.chart,
           id: u,
-          toolbar: { show: R },
-          zoom: { enabled: R },
+          toolbar: { show: S },
+          zoom: { enabled: S },
           animations: {
-            enabled: !w,
-            dynamicAnimation: { enabled: !w }
+            enabled: !L,
+            dynamicAnimation: { enabled: !L }
           },
-          locales: [E],
+          locales: [P],
           defaultLocale: h,
           parentHeightOffset: 0
         },
-        labels: g,
+        labels: v,
         legend: {
           ...t.legend,
           position: "bottom",
@@ -188,7 +189,7 @@ const ft = Q(
           // to the chart's own text flow. For RTL we flip via `yaxis.opposite`
           // and ApexCharts' own `direction: 'rtl'` handling; legend stays anchored
           // to the inline-start by asking for 'left' on LTR and 'right' on RTL.
-          horizontalAlign: C ? "right" : "left",
+          horizontalAlign: w ? "right" : "left",
           fontFamily: "inherit"
         },
         tooltip: {
@@ -201,12 +202,12 @@ const ft = Q(
           text: a("chart.noData")
         }
       };
-      if (ht(o) && (e.xaxis = {
+      if (T && T.length > 0 && (e.colors = T), pt(o) && (e.xaxis = {
         ...t.xaxis,
-        categories: v ?? []
+        categories: g ?? []
       }, e.yaxis = {
         ...t.yaxis,
-        opposite: C,
+        opposite: w,
         labels: {
           formatter: (i) => f.format(i)
         }
@@ -223,17 +224,17 @@ const ft = Q(
               ...((n = i.radialBar) == null ? void 0 : n.dataLabels) ?? {},
               value: {
                 ...((b = (s = i.radialBar) == null ? void 0 : s.dataLabels) == null ? void 0 : b.value) ?? {},
-                formatter: (K) => m(Number(K))
+                formatter: (Q) => m(Number(Q))
               }
             }
           }
         };
       }
-      return O ? e.fill = {
+      return A ? e.fill = {
         type: "pattern",
         opacity: o === "area" ? 0.3 : 1,
         pattern: {
-          style: [...lt],
+          style: [...mt],
           strokeWidth: 2
         }
       } : o === "area" && (e.fill = {
@@ -241,69 +242,70 @@ const ft = Q(
         opacity: 0.3
       }), e;
     }, [
-      N,
+      B,
       u,
-      R,
-      w,
-      E,
+      S,
+      L,
+      P,
       h,
-      g,
+      v,
       f,
       a,
       o,
-      v,
-      C,
-      O,
+      g,
+      w,
+      A,
+      T,
       m
-    ]), q = H ?? (z > 0 ? z : "100%"), V = L ?? 320, F = d(() => {
-      const t = x(o) ? g ?? [] : v ?? [], e = B;
-      return /* @__PURE__ */ T("table", { id: S, className: "ds:sr-only", children: [
+    ]), V = _ ?? (N > 0 ? N : "100%"), F = O ?? 320, J = d(() => {
+      const t = R(o) ? v ?? [] : g ?? [], e = E;
+      return /* @__PURE__ */ x("table", { id: y, className: "ds:sr-only", children: [
         /* @__PURE__ */ c("caption", { children: r }),
-        /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ T("tr", { children: [
+        /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ x("tr", { children: [
           /* @__PURE__ */ c("th", { scope: "col", children: a("chart.table.series") }),
           t.map((n, s) => /* @__PURE__ */ c("th", { scope: "col", children: n }, `${n}-${s}`))
         ] }) }),
-        /* @__PURE__ */ c("tbody", { children: e.map((n, s) => /* @__PURE__ */ T("tr", { children: [
+        /* @__PURE__ */ c("tbody", { children: e.map((n, s) => /* @__PURE__ */ x("tr", { children: [
           /* @__PURE__ */ c("th", { scope: "row", children: n.name || a("chart.table.value") }),
           n.data.map((b, i) => /* @__PURE__ */ c("td", { children: o === "radialBar" && m ? m(b) : f.format(b) }, `${s}-${i}`))
         ] }, `${n.name}-${s}`)) })
       ] });
     }, [
       o,
-      B,
-      g,
+      E,
       v,
-      S,
+      g,
+      y,
       r,
       a,
       f,
       m
-    ]), J = d(() => (x(o), p), [p, o]);
-    return /* @__PURE__ */ T(
+    ]), K = d(() => (R(o), p), [p, o]);
+    return /* @__PURE__ */ x(
       "div",
       {
-        ref: y,
+        ref: I,
         role: "img",
         "aria-label": r,
-        "aria-describedby": S,
-        className: dt({
+        "aria-describedby": y,
+        className: lt({
           // Explicit height wins over the density min-height unless the
           // caller also asked for a density explicitly.
-          density: M ?? (L !== void 0 ? "none" : void 0),
-          className: U
+          density: U ?? (O !== void 0 ? "none" : void 0),
+          className: D
         }),
         "data-component": "chart",
         "data-component-id": l,
         children: [
-          F,
+          J,
           /* @__PURE__ */ c(
-            rt,
+            nt,
             {
               type: o,
-              series: J,
-              options: j,
-              width: q,
-              height: V,
+              series: K,
+              options: q,
+              width: V,
+              height: F,
               "aria-hidden": "true"
             }
           )
@@ -312,10 +314,10 @@ const ft = Q(
     );
   }
 );
-ft.displayName = "Chart";
+bt.displayName = "Chart";
 export {
-  ft as C,
-  dt as a,
-  ct as c
+  bt as C,
+  lt as a,
+  dt as c
 };
-//# sourceMappingURL=chart-Cbt0_sKv.js.map
+//# sourceMappingURL=chart-Cg3e9EH9.js.map

package/dist/_chunks/cycle-calculator-Dln-y1k_.js

@@ -0,0 +1,192 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { forwardRef as A, useState as L, useMemo as v, useEffect as S } from "react";
+import { c as T } from "./index-D2ZczOXr.js";
+import { useTranslation as W } from "react-i18next";
+import { F as P } from "./form-field-BOm9hK35.js";
+import { D as $ } from "./date-picker-Bq7xhMA-.js";
+import { N as H } from "./number-input-Dj5L3pXK.js";
+import { C as w } from "./card-DPmk26CL.js";
+import { B as x } from "./badge-zsf5i5bH.js";
+import { I } from "./insert-result-DisOY2G-.js";
+import { a as i } from "./date-picker-variants-DLi1Va_e.js";
+import { C as z } from "./check-DPdL_Sm7.js";
+import { H as B } from "./heart-C0faivFf.js";
+import { c as k } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Y = [
+  [
+    "path",
+    {
+      d: "M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z",
+      key: "c7niix"
+    }
+  ]
+], j = k("droplet", Y), h = 28, M = 14, U = 1;
+function G(n, c = 3) {
+  const d = n.cycleLength ?? h, { lastPeriodStart: s } = n, o = i(s, d - M), u = {
+    start: i(o, -5),
+    end: i(o, U)
+  }, f = i(s, d), p = Array.from(
+    { length: c },
+    (C, g) => i(s, d * (g + 1))
+  );
+  return { nextPeriod: f, ovulation: o, fertileWindow: u, upcomingPeriods: p };
+}
+const V = T("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+  variants: {
+    width: { full: "ds:w-full", auto: "ds:inline-flex" }
+  },
+  defaultVariants: { width: "full" }
+}), q = A(
+  ({
+    defaultCycleLength: n = h,
+    onResultChange: c,
+    onInsert: d,
+    insertVariant: s = "insert",
+    onCopy: o,
+    onError: u,
+    id: f,
+    width: p,
+    className: C
+  }, g) => {
+    const { t: a, i18n: N } = W(), [m, b] = L(void 0), [y, D] = L(
+      n
+    ), t = v(() => m ? G({
+      lastPeriodStart: m,
+      cycleLength: y ?? h
+    }) : null, [m, y]), E = v(
+      () => new Intl.DateTimeFormat(N.language, { dateStyle: "medium" }),
+      [N.language]
+    );
+    S(() => {
+      c == null || c(t);
+    }, [t, c]);
+    const _ = v(() => /* @__PURE__ */ new Date(), []), l = (F) => E.format(F);
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: g,
+        "data-component": "cycle-calculator",
+        "data-component-id": f,
+        className: V({ width: p, className: C }),
+        children: [
+          /* @__PURE__ */ r("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ e(P, { label: a("cycleCalculator.lastPeriod"), children: /* @__PURE__ */ e(
+              $,
+              {
+                value: m,
+                onChange: b,
+                maxDate: _
+              }
+            ) }),
+            /* @__PURE__ */ e(
+              P,
+              {
+                label: a("cycleCalculator.cycleLength"),
+                description: a("cycleCalculator.cycleLengthHint"),
+                children: /* @__PURE__ */ e(
+                  H,
+                  {
+                    mode: "integer",
+                    min: 20,
+                    max: 45,
+                    value: y,
+                    onChange: D
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: t ? `${a("cycleCalculator.ovulation")}: ${l(t.ovulation)}. ${a(
+            "cycleCalculator.nextPeriod"
+          )}: ${l(t.nextPeriod)}.` : "" }),
+          t ? /* @__PURE__ */ e(w, { variant: "elevated", children: /* @__PURE__ */ r(w.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ r("dl", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3", children: [
+              /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center", children: [
+                /* @__PURE__ */ e("dt", { className: "type-label ds:text-muted-foreground", children: a("cycleCalculator.ovulation") }),
+                /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ e(
+                  x,
+                  {
+                    variant: "success",
+                    size: "lg",
+                    leading: /* @__PURE__ */ e(z, { "aria-hidden": !0 }),
+                    children: l(t.ovulation)
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center", children: [
+                /* @__PURE__ */ e("dt", { className: "type-label ds:text-muted-foreground", children: a("cycleCalculator.fertileWindow") }),
+                /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ r(
+                  x,
+                  {
+                    variant: "accent",
+                    size: "lg",
+                    leading: /* @__PURE__ */ e(B, { "aria-hidden": !0 }),
+                    children: [
+                      l(t.fertileWindow.start),
+                      " –",
+                      " ",
+                      l(t.fertileWindow.end)
+                    ]
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center", children: [
+                /* @__PURE__ */ e("dt", { className: "type-label ds:text-muted-foreground", children: a("cycleCalculator.nextPeriod") }),
+                /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ e(
+                  x,
+                  {
+                    variant: "error",
+                    size: "lg",
+                    leading: /* @__PURE__ */ e(j, { "aria-hidden": !0 }),
+                    children: l(t.nextPeriod)
+                  }
+                ) })
+              ] })
+            ] }),
+            s === "copy" || d ? /* @__PURE__ */ e(
+              I,
+              {
+                onInsert: d,
+                variant: s,
+                onCopy: o,
+                onError: u,
+                card: {
+                  title: a("insert.title.cycle"),
+                  fields: [
+                    {
+                      label: a("cycleCalculator.ovulation"),
+                      value: l(t.ovulation)
+                    },
+                    {
+                      label: a("cycleCalculator.fertileWindow"),
+                      value: `${l(t.fertileWindow.start)} – ${l(
+                        t.fertileWindow.end
+                      )}`
+                    },
+                    {
+                      label: a("cycleCalculator.nextPeriod"),
+                      value: l(t.nextPeriod)
+                    }
+                  ]
+                }
+              }
+            ) : null
+          ] }) }) : /* @__PURE__ */ e("p", { className: "type-body ds:text-muted-foreground", children: a("cycleCalculator.empty") })
+        ]
+      }
+    );
+  }
+);
+q.displayName = "CycleCalculator";
+export {
+  q as C,
+  M as L,
+  G as p
+};
+//# sourceMappingURL=cycle-calculator-Dln-y1k_.js.map