@alfadocs/ui-kit 0.42.0 → 0.44.0

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-DsZbyzX6.js → cycle-calculator-ChHBcjet.js}

@@ -1,23 +1,24 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { forwardRef as F, useState as L, useMemo as x, useEffect as A } from "react";
-import { c as S } from "./index-D2ZczOXr.js";
-import { useTranslation as T } from "react-i18next";
-import { F as P } from "./form-field-BOm9hK35.js";
-import { D as W } from "./date-picker-CvQfs6Xh.js";
-import { N as $ } from "./number-input-Dj5L3pXK.js";
+import { forwardRef as F, useState as L, useMemo as h, useEffect as H } from "react";
+import { c as $ } from "./index-D2ZczOXr.js";
+import { useTranslation as A } from "react-i18next";
+import { F as w } from "./form-field-BOm9hK35.js";
+import { D as I } from "./date-picker-Bq7xhMA-.js";
+import { N as S } from "./number-input-Dj5L3pXK.js";
+import { C as P } from "./card-DPmk26CL.js";
 import { B as v } from "./badge-zsf5i5bH.js";
-import { I as H } from "./insert-result-DtQQeSSf.js";
-import { a as i } from "./react-day-picker-CdtIiKjx.js";
-import { C as I } from "./check-DPdL_Sm7.js";
-import { H as z } from "./heart-C0faivFf.js";
-import { c as k } from "./createLucideIcon-CrFbzy84.js";
+import { I as k } from "./insert-result-CoC1oo6R.js";
+import { a as s } 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 G } 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 B = [
+const Y = [
   [
     "path",
     {
@@ -25,77 +26,78 @@ const B = [
       key: "c7niix"
     }
   ]
-], Y = k("droplet", B), h = 28, j = 14, M = 1;
-function U(n, c = 3) {
-  const d = n.cycleLength ?? h, { lastPeriodStart: s } = n, o = i(s, d - j), u = {
-    start: i(o, -5),
-    end: i(o, M)
-  }, f = i(s, d), p = Array.from(
+], j = G("droplet", Y), x = 28, M = 14, U = 1;
+function K(n, c = 3) {
+  const d = n.cycleLength ?? x, { lastPeriodStart: i } = n, o = s(i, d - M), u = {
+    start: s(o, -5),
+    end: s(o, U)
+  }, f = s(i, d), p = Array.from(
     { length: c },
-    (C, g) => i(s, d * (g + 1))
+    (C, g) => s(i, d * (g + 1))
   );
   return { nextPeriod: f, ovulation: o, fertileWindow: u, upcomingPeriods: p };
 }
-const G = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+const O = $("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
   variants: {
     width: { full: "ds:w-full", auto: "ds:inline-flex" }
   },
   defaultVariants: { width: "full" }
-}), V = F(
+}), V = "--accent", q = F(
   ({
-    defaultCycleLength: n = h,
+    defaultCycleLength: n = x,
     onResultChange: c,
     onInsert: d,
-    insertVariant: s = "insert",
+    insertVariant: i = "insert",
     onCopy: o,
     onError: u,
-    id: f,
-    width: p,
-    className: C
-  }, g) => {
-    const { t: a, i18n: N } = T(), [m, w] = L(void 0), [y, b] = L(
+    insertBrand: f,
+    id: p,
+    width: C,
+    className: g
+  }, b) => {
+    const { t: a, i18n: N } = A(), [m, D] = L(void 0), [y, E] = L(
       n
-    ), t = x(() => m ? U({
+    ), t = h(() => m ? K({
       lastPeriodStart: m,
-      cycleLength: y ?? h
-    }) : null, [m, y]), D = x(
+      cycleLength: y ?? x
+    }) : null, [m, y]), T = h(
       () => new Intl.DateTimeFormat(N.language, { dateStyle: "medium" }),
       [N.language]
     );
-    A(() => {
+    H(() => {
       c == null || c(t);
     }, [t, c]);
-    const E = x(() => /* @__PURE__ */ new Date(), []), l = (_) => D.format(_);
+    const _ = h(() => /* @__PURE__ */ new Date(), []), l = (W) => T.format(W);
     return /* @__PURE__ */ r(
       "div",
       {
-        ref: g,
+        ref: b,
         "data-component": "cycle-calculator",
-        "data-component-id": f,
-        className: G({ width: p, className: C }),
+        "data-component-id": p,
+        className: O({ width: C, className: g }),
         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(
-              W,
+            /* @__PURE__ */ e(w, { label: a("cycleCalculator.lastPeriod"), children: /* @__PURE__ */ e(
+              I,
               {
                 value: m,
-                onChange: w,
-                maxDate: E
+                onChange: D,
+                maxDate: _
               }
             ) }),
             /* @__PURE__ */ e(
-              P,
+              w,
               {
                 label: a("cycleCalculator.cycleLength"),
                 description: a("cycleCalculator.cycleLengthHint"),
                 children: /* @__PURE__ */ e(
-                  $,
+                  S,
                   {
                     mode: "integer",
                     min: 20,
                     max: 45,
                     value: y,
-                    onChange: b
+                    onChange: E
                   }
                 )
               }
@@ -104,7 +106,7 @@ const G = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
           /* @__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__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+          t ? /* @__PURE__ */ e(P, { variant: "elevated", children: /* @__PURE__ */ r(P.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") }),
@@ -113,7 +115,7 @@ const G = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                   {
                     variant: "success",
                     size: "lg",
-                    leading: /* @__PURE__ */ e(I, { "aria-hidden": !0 }),
+                    leading: /* @__PURE__ */ e(z, { "aria-hidden": !0 }),
                     children: l(t.ovulation)
                   }
                 ) })
@@ -125,7 +127,7 @@ const G = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                   {
                     variant: "accent",
                     size: "lg",
-                    leading: /* @__PURE__ */ e(z, { "aria-hidden": !0 }),
+                    leading: /* @__PURE__ */ e(B, { "aria-hidden": !0 }),
                     children: [
                       l(t.fertileWindow.start),
                       " –",
@@ -142,21 +144,28 @@ const G = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                   {
                     variant: "error",
                     size: "lg",
-                    leading: /* @__PURE__ */ e(Y, { "aria-hidden": !0 }),
+                    leading: /* @__PURE__ */ e(j, { "aria-hidden": !0 }),
                     children: l(t.nextPeriod)
                   }
                 ) })
               ] })
             ] }),
-            s === "copy" || d ? /* @__PURE__ */ e(
-              H,
+            i === "copy" || d ? /* @__PURE__ */ e(
+              k,
               {
                 onInsert: d,
-                variant: s,
+                variant: i,
                 onCopy: o,
                 onError: u,
                 card: {
                   title: a("insert.title.cycle"),
+                  highlight: `${l(t.fertileWindow.start)} – ${l(
+                    t.fertileWindow.end
+                  )}`,
+                  // Chip reuses the on-screen fertile-window badge's accent
+                  // token so the inserted PNG chip matches the screen.
+                  highlightToken: V,
+                  brand: f,
                   fields: [
                     {
                       label: a("cycleCalculator.ovulation"),
@@ -176,16 +185,16 @@ const G = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                 }
               }
             ) : null
-          ] }) : /* @__PURE__ */ e("p", { className: "type-body ds:text-muted-foreground", children: a("cycleCalculator.empty") })
+          ] }) }) : /* @__PURE__ */ e("p", { className: "type-body ds:text-muted-foreground", children: a("cycleCalculator.empty") })
         ]
       }
     );
   }
 );
-V.displayName = "CycleCalculator";
+q.displayName = "CycleCalculator";
 export {
-  V as C,
-  j as L,
-  U as p
+  q as C,
+  M as L,
+  K as p
 };
-//# sourceMappingURL=cycle-calculator-DsZbyzX6.js.map
+//# sourceMappingURL=cycle-calculator-ChHBcjet.js.map