@alfadocs/ui-kit 0.37.0 → 0.39.0

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

@@ -1,10 +1,10 @@
 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 E, useEffect as P, useImperativeHandle as et } from "react";
+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 $ from "apexcharts";
-import { u as nt, g as k } from "./apexcharts-theme-BJigns_V.js";
+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 = {
@@ -38,7 +38,11 @@ const ct = {
   variants: {
     density: {
       compact: "ds:min-h-[var(--chart-min-height-compact)]",
-      comfortable: "ds:min-h-[var(--chart-min-height-comfortable)]"
+      comfortable: "ds:min-h-[var(--chart-min-height-comfortable)]",
+      // Applied when an explicit `height` prop is given and no density was
+      // requested: the wrapper must not exceed the caller's height (a 96px
+      // KPI chart inside a card must not reserve 320px).
+      none: ""
     }
   },
   defaultVariants: { density: "comfortable" }
@@ -69,38 +73,38 @@ const ft = Q(
     id: l,
     type: o,
     series: p,
-    categories: g,
-    labels: v,
-    height: G,
+    categories: v,
+    labels: g,
+    height: L,
     width: H,
-    patterns: L = !1,
+    patterns: O = !1,
     toolbar: R = !1,
     locale: _,
     radialValueFormatter: m,
     density: M,
     className: U
   }, D) => {
-    const { t: a, i18n: W } = at(), O = X(), u = d(
-      () => `chart-${O.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [O]
-    ), S = `${u}-summary`, y = tt(null), [A, Y] = E(0);
+    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", [z, Z] = E(
+    const h = _ ?? W.language ?? "en", [N, Z] = P(
       () => {
         try {
-          return k();
+          return G();
         } catch {
           return {};
         }
       }
     );
-    P(() => {
+    $(() => {
       if (typeof document > "u") return;
       let t;
       const e = new MutationObserver(() => {
         clearTimeout(t), t = setTimeout(() => {
           try {
-            Z(k());
+            Z(G());
           } catch {
           }
         }, 50);
@@ -111,7 +115,7 @@ const ft = Q(
       }), () => {
         clearTimeout(t), e.disconnect();
       };
-    }, []), P(() => {
+    }, []), $(() => {
       const t = y.current;
       if (!t || typeof ResizeObserver > "u") return;
       const e = new ResizeObserver((n) => {
@@ -123,24 +127,24 @@ const ft = Q(
     const I = d(
       () => ({
         async dataURI() {
-          const t = $.getChartByID(u);
+          const t = k.getChartByID(u);
           return t ? (await t.dataURI()).imgURI : "";
         },
         updateSeries(t) {
-          const e = $.getChartByID(u);
+          const e = k.getChartByID(u);
           e && (x(o), e.updateSeries(t));
         }
       }),
       [u, o]
     );
     et(D, () => I, [I]), it(ct, I, l);
-    const C = typeof document < "u" && document.documentElement.dir === "rtl", N = d(
+    const C = typeof document < "u" && document.documentElement.dir === "rtl", B = d(
       () => pt(p, o),
       [p, o]
     ), f = d(
       () => new Intl.NumberFormat(h),
       [h]
-    ), B = d(
+    ), E = d(
       () => ({
         name: h,
         options: {
@@ -161,7 +165,7 @@ const ft = Q(
       [h, a]
     ), w = st(), j = d(() => {
       var n, s, b;
-      const t = z, e = {
+      const t = N, e = {
         ...t,
         chart: {
           ...t.chart,
@@ -172,11 +176,11 @@ const ft = Q(
             enabled: !w,
             dynamicAnimation: { enabled: !w }
           },
-          locales: [B],
+          locales: [E],
           defaultLocale: h,
           parentHeightOffset: 0
         },
-        labels: v,
+        labels: g,
         legend: {
           ...t.legend,
           position: "bottom",
@@ -199,7 +203,7 @@ const ft = Q(
       };
       if (ht(o) && (e.xaxis = {
         ...t.xaxis,
-        categories: g ?? []
+        categories: v ?? []
       }, e.yaxis = {
         ...t.yaxis,
         opposite: C,
@@ -225,7 +229,7 @@ const ft = Q(
           }
         };
       }
-      return L ? e.fill = {
+      return O ? e.fill = {
         type: "pattern",
         opacity: o === "area" ? 0.3 : 1,
         pattern: {
@@ -237,22 +241,22 @@ const ft = Q(
         opacity: 0.3
       }), e;
     }, [
-      z,
+      N,
       u,
       R,
       w,
-      B,
+      E,
       h,
-      v,
+      g,
       f,
       a,
       o,
-      g,
+      v,
       C,
-      L,
+      O,
       m
-    ]), q = H ?? (A > 0 ? A : "100%"), V = G ?? 320, F = d(() => {
-      const t = x(o) ? v ?? [] : g ?? [], e = N;
+    ]), 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: [
         /* @__PURE__ */ c("caption", { children: r }),
         /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ T("tr", { children: [
@@ -266,9 +270,9 @@ const ft = Q(
       ] });
     }, [
       o,
-      N,
-      v,
+      B,
       g,
+      v,
       S,
       r,
       a,
@@ -282,7 +286,12 @@ const ft = Q(
         role: "img",
         "aria-label": r,
         "aria-describedby": S,
-        className: dt({ density: M, className: U }),
+        className: dt({
+          // 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
+        }),
         "data-component": "chart",
         "data-component-id": l,
         children: [
@@ -309,4 +318,4 @@ export {
   dt as a,
   ct as c
 };
-//# sourceMappingURL=chart-DnHvmiDX.js.map
+//# sourceMappingURL=chart-Cbt0_sKv.js.map

package/dist/_chunks/{chat-message-D53_fH2w.js → chat-message-ASgGtj-L.js}

@@ -1,25 +1,16 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
 import { forwardRef as C, useMemo as j, Fragment as g } from "react";
-import { c as h } from "./index-D2ZczOXr.js";
+import { c as v } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
 import { B as z } from "./button-DD_0Xdmr.js";
-import { A as M } from "./avatar-BNQNhoyL.js";
-import { T as I } from "./timestamp-BV2lC-wV.js";
-import { s as A } from "./safe-image-src-DstKgCo7.js";
-import { c as F } from "./createLucideIcon-CrFbzy84.js";
-import { C as L } from "./clock-21AGPWJ5.js";
-import { C as S } from "./check-DPdL_Sm7.js";
-import { C as V } from "./circle-alert-ChA9opNA.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 _ = [
-  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
-  ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-], B = F("rotate-ccw", _), D = h(
+import { A } from "./avatar-BNQNhoyL.js";
+import { T as F } from "./timestamp-BV2lC-wV.js";
+import { s as I } from "./safe-image-src-DstKgCo7.js";
+import { R as M } from "./rotate-ccw-BWANpitO.js";
+import { C as S } from "./clock-21AGPWJ5.js";
+import { C as V } from "./check-DPdL_Sm7.js";
+import { C as B } from "./circle-alert-ChA9opNA.js";
+const D = v(
   "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]",
   {
     variants: {
@@ -31,7 +22,7 @@ const _ = [
     },
     defaultVariants: { role: "assistant" }
   }
-), E = h(
+), E = v(
   [
     // Cap at 42rem on wide surfaces; on narrow docks (Alia sidebar ≈22rem)
     // leave room for the avatar column (size-8 = 32px = --spacing-xl) +
@@ -53,8 +44,8 @@ const _ = [
     },
     defaultVariants: { role: "assistant" }
   }
-), k = /^(https?:|mailto:)/i;
-function $(t) {
+), L = /^(https?:|mailto:)/i;
+function R(t) {
   const e = [];
   let r = t;
   const n = /\*\*([^*]+)\*\*|`([^`]+)`|\[([^\]]+)\]\(([^)]+)\)|\n/;
@@ -68,8 +59,8 @@ function $(t) {
   }
   return e;
 }
-function q(t) {
-  return $(t).map((e, r) => e.type === "bold" ? /* @__PURE__ */ a("strong", { children: e.value }, r) : e.type === "code" ? /* @__PURE__ */ a(
+function _(t) {
+  return R(t).map((e, r) => e.type === "bold" ? /* @__PURE__ */ a("strong", { children: e.value }, r) : e.type === "code" ? /* @__PURE__ */ a(
     "code",
     {
       dir: "ltr",
@@ -77,7 +68,7 @@ function q(t) {
       children: e.value
     },
     r
-  ) : e.type === "br" ? /* @__PURE__ */ a("br", {}, r) : e.type === "link" ? k.test(e.href) ? /* @__PURE__ */ a(
+  ) : e.type === "br" ? /* @__PURE__ */ a("br", {}, r) : e.type === "link" ? L.test(e.href) ? /* @__PURE__ */ a(
     "a",
     {
       href: e.href,
@@ -89,17 +80,17 @@ function q(t) {
     r
   ) : /* @__PURE__ */ a(g, { children: e.label }, r) : /* @__PURE__ */ a(g, { children: e.value }, r));
 }
-const H = C(
+const $ = C(
   ({
     role: t,
     content: e,
     avatar: r,
     timestamp: n,
     status: s,
-    renderMarkdown: v = !1,
+    renderMarkdown: h = !1,
     onRetry: l,
-    className: x,
-    ...b
+    className: b,
+    ...x
   }, y) => {
     const { t: i, i18n: m } = T(), o = j(() => {
       if (!n) return null;
@@ -108,8 +99,8 @@ const H = C(
         hour: "2-digit",
         minute: "2-digit"
       }).format(p);
-    }, [n, m.language]), c = i(`chat.message.role.${t}`), N = o ? i("chat.message.label", { role: c, time: o }) : i("chat.message.labelNoTime", { role: c }), w = v ? q(e) : e, u = !s || s === "edited" ? null : s === "sending" ? /* @__PURE__ */ a(L, { "aria-hidden": "true", className: "ds:size-3.5" }) : s === "sent" ? /* @__PURE__ */ a(S, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
-      V,
+    }, [n, m.language]), c = i(`chat.message.role.${t}`), N = o ? i("chat.message.label", { role: c, time: o }) : i("chat.message.labelNoTime", { role: c }), w = h ? _(e) : e, u = !s || s === "edited" ? null : s === "sending" ? /* @__PURE__ */ a(S, { "aria-hidden": "true", className: "ds:size-3.5" }) : s === "sent" ? /* @__PURE__ */ a(V, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
+      B,
       {
         "aria-hidden": "true",
         className: "ds:size-3.5 ds:text-[color:var(--destructive)]"
@@ -122,14 +113,14 @@ const H = C(
         "aria-label": N,
         "data-component": "chat-message",
         className: [
-          D({ role: t, className: x }),
+          D({ role: t, className: b }),
           // Entrance: fade + slide up on mount. `--animation-duration` is 0ms
           // under `prefers-reduced-motion` and `.theme-accessible`, so both
           // collapse the animation to an instant state change automatically.
           "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-2",
           "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
         ].join(" "),
-        ...b,
+        ...x,
         children: [
           t !== "system" && r ? r.slot ? (
             // Consumer-supplied avatar node (e.g. Alia's Sparkles tile).
@@ -139,10 +130,10 @@ const H = C(
             // `javascript:` / `data:text/html` / `data:image/svg+xml` and so
             // are scrubbed here before reaching <Avatar>. Fallback to initials.
             /* @__PURE__ */ a(
-              M,
+              A,
               {
                 name: r.name,
-                src: A(r.src),
+                src: I(r.src),
                 size: "sm"
               }
             )
@@ -183,7 +174,7 @@ const H = C(
                     ].join(" "),
                     children: [
                       n ? /* @__PURE__ */ a(
-                        I,
+                        F,
                         {
                           value: n,
                           format: "absolute",
@@ -217,7 +208,7 @@ const H = C(
                           intent: "ghost",
                           size: "sm",
                           onClick: l,
-                          startIcon: /* @__PURE__ */ a(B, {}),
+                          startIcon: /* @__PURE__ */ a(M, {}),
                           children: i("chat.message.retry")
                         }
                       ) : null
@@ -232,8 +223,8 @@ const H = C(
     );
   }
 );
-H.displayName = "ChatMessage";
+$.displayName = "ChatMessage";
 export {
-  H as C
+  $ as C
 };
-//# sourceMappingURL=chat-message-D53_fH2w.js.map
+//# sourceMappingURL=chat-message-ASgGtj-L.js.map

package/dist/_chunks/{collapsible-CERONory.js → collapsible-X3oaLPU3.js}

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as p, useRef as f, useMemo as C, useEffect as v } from "react";
 import * as b from "@radix-ui/react-collapsible";
-import { a as y, c as h } from "./index-D2ZczOXr.js";
+import { a as h, c as y } from "./index-D2ZczOXr.js";
 import { u as k } from "./use-controllable-state-BiY4xTzM.js";
 import { u as w } from "./registry-nPAVE19X.js";
 const x = {
@@ -53,11 +53,11 @@ const x = {
       description: "Sourced from the id prop."
     }
   }
-}, O = h("", {
+}, O = y("", {
   variants: {
     variant: {
       default: "",
-      card: "ds:bg-[var(--card)] ds:border ds:border-border ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
+      card: "ds:bg-[var(--card)] ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
       minimal: "ds:forced-colors:[border-block-end:1px_solid]"
     }
   },
@@ -129,7 +129,7 @@ const K = p(
       ref: l,
       "aria-labelledby": a,
       "aria-label": t,
-      className: y(R, e),
+      className: h(R, e),
       ...s,
       children: o
     }
@@ -142,4 +142,4 @@ export {
   T as b,
   x as c
 };
-//# sourceMappingURL=collapsible-CERONory.js.map
+//# sourceMappingURL=collapsible-X3oaLPU3.js.map

package/dist/_chunks/{contact-profile-card-BA6fgS45.js → contact-profile-card-DHyuAPXM.js}

@@ -8,8 +8,9 @@ import { K as fe, a as me } from "./key-value-pair-CkQIb9EG.js";
 import { L as d } from "./link-DrD_cRUg.js";
 import { u as he } from "./registry-nPAVE19X.js";
 import { S as T } from "./stethoscope-DT5qCW8Y.js";
-import { H, S as V, L as z } from "./shield-check-BhHyReu8.js";
-import { c as O } from "./createLucideIcon-CrFbzy84.js";
+import { H } from "./heart-C0faivFf.js";
+import { c as V } from "./createLucideIcon-CrFbzy84.js";
+import { S as z, L as O } from "./shield-check-C73ma9Cs.js";
 import { G as E } from "./globe-BkEFMNSg.js";
 import { M as K } from "./mail-C8irm52s.js";
 import { M as L } from "./message-circle-C23eicgb.js";
@@ -24,7 +25,7 @@ const ge = [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }],
   ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }],
   ["path", { d: "M6 12h.01M18 12h.01", key: "113zkx" }]
-], j = O("banknote", ge);
+], j = V("banknote", ge);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
@@ -39,7 +40,7 @@ const ve = [
       key: "9njp5v"
     }
   ]
-], B = O("phone", ve), xe = {
+], B = V("phone", ve), xe = {
   id: "contact-profile-card",
   capabilities: ["view_change"],
   state: {
@@ -225,14 +226,14 @@ const $e = ce(
       };
       o.push({
         key: "languages",
-        icon: /* @__PURE__ */ e(z, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
         label: n("contactProfileCard.label.languages"),
         value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: g.map((l) => /* @__PURE__ */ e(S, { variant: "neutral", children: i(l) }, l)) })
       });
     }
     v && v.length > 0 && o.push({
       key: "insurances",
-      icon: /* @__PURE__ */ e(V, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(z, { "aria-hidden": "true" }),
       label: n("contactProfileCard.label.insurances"),
       value: /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: v.map((i) => /* @__PURE__ */ e(S, { variant: "info", children: i }, i)) })
     }), N && o.push({
@@ -311,7 +312,7 @@ const $e = ce(
   }
 );
 $e.displayName = "ContactProfileCard";
-const Be = [
+const Ge = [
   "address",
   "phone",
   "whatsapp",
@@ -322,22 +323,22 @@ const Be = [
   "firstVisitPrice",
   "expertForAnxiousPatients",
   "profession"
-], Ge = {
+], qe = {
   address: U,
   phone: B,
   whatsapp: L,
   email: K,
   website: E,
-  languages: z,
-  insurances: V,
+  languages: O,
+  insurances: z,
   firstVisitPrice: j,
   expertForAnxiousPatients: H,
   profession: T
 };
 export {
-  Ge as C,
-  Be as a,
+  qe as C,
+  Ge as a,
   $e as b,
   xe as c
 };
-//# sourceMappingURL=contact-profile-card-BA6fgS45.js.map
+//# sourceMappingURL=contact-profile-card-DHyuAPXM.js.map

package/dist/_chunks/cycle-calculator-B5Uj9QeT.js

@@ -0,0 +1,185 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { forwardRef as D, useState as h, useMemo as y, useEffect as E } from "react";
+import { c as _ } from "./index-D2ZczOXr.js";
+import { useTranslation as F } from "react-i18next";
+import { F as C } from "./form-field-BOm9hK35.js";
+import { D as A } from "./date-picker-CvQfs6Xh.js";
+import { N as S } from "./number-input-Dj5L3pXK.js";
+import { B as x } from "./badge-zsf5i5bH.js";
+import { I as T } from "./insert-result-yJ0QavoN.js";
+import { a as n } from "./react-day-picker-CdtIiKjx.js";
+import { C as W } from "./check-DPdL_Sm7.js";
+import { H as $ } from "./heart-C0faivFf.js";
+import { c as H } 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 I = [
+  [
+    "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"
+    }
+  ]
+], z = H("droplet", I), v = 28, k = 14, B = 1;
+function Y(m, c = 3) {
+  const d = m.cycleLength ?? v, { lastPeriodStart: o } = m, i = n(o, d - k), u = {
+    start: n(i, -5),
+    end: n(i, B)
+  }, f = n(o, d), t = Array.from(
+    { length: c },
+    (p, s) => n(o, d * (s + 1))
+  );
+  return { nextPeriod: f, ovulation: i, fertileWindow: u, upcomingPeriods: t };
+}
+const j = _("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+  variants: {
+    width: { full: "ds:w-full", auto: "ds:inline-flex" }
+  },
+  defaultVariants: { width: "full" }
+}), M = D(
+  ({
+    defaultCycleLength: m = v,
+    onResultChange: c,
+    onInsert: d,
+    id: o,
+    width: i,
+    className: u
+  }, f) => {
+    const { t, i18n: p } = F(), [s, N] = h(void 0), [g, L] = h(
+      m
+    ), a = y(() => s ? Y({
+      lastPeriodStart: s,
+      cycleLength: g ?? v
+    }) : null, [s, g]), P = y(
+      () => new Intl.DateTimeFormat(p.language, { dateStyle: "medium" }),
+      [p.language]
+    );
+    E(() => {
+      c == null || c(a);
+    }, [a, c]);
+    const w = y(() => /* @__PURE__ */ new Date(), []), l = (b) => P.format(b);
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: f,
+        "data-component": "cycle-calculator",
+        "data-component-id": o,
+        className: j({ width: i, className: u }),
+        children: [
+          /* @__PURE__ */ r("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ e(C, { label: t("cycleCalculator.lastPeriod"), children: /* @__PURE__ */ e(
+              A,
+              {
+                value: s,
+                onChange: N,
+                maxDate: w
+              }
+            ) }),
+            /* @__PURE__ */ e(
+              C,
+              {
+                label: t("cycleCalculator.cycleLength"),
+                description: t("cycleCalculator.cycleLengthHint"),
+                children: /* @__PURE__ */ e(
+                  S,
+                  {
+                    mode: "integer",
+                    min: 20,
+                    max: 45,
+                    value: g,
+                    onChange: L
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: a ? `${t("cycleCalculator.ovulation")}: ${l(a.ovulation)}. ${t(
+            "cycleCalculator.nextPeriod"
+          )}: ${l(a.nextPeriod)}.` : "" }),
+          a ? /* @__PURE__ */ r("div", { 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: t("cycleCalculator.ovulation") }),
+                /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ e(
+                  x,
+                  {
+                    variant: "success",
+                    size: "lg",
+                    leading: /* @__PURE__ */ e(W, { "aria-hidden": !0 }),
+                    children: l(a.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: t("cycleCalculator.fertileWindow") }),
+                /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ r(
+                  x,
+                  {
+                    variant: "accent",
+                    size: "lg",
+                    leading: /* @__PURE__ */ e($, { "aria-hidden": !0 }),
+                    children: [
+                      l(a.fertileWindow.start),
+                      " –",
+                      " ",
+                      l(a.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: t("cycleCalculator.nextPeriod") }),
+                /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ e(
+                  x,
+                  {
+                    variant: "error",
+                    size: "lg",
+                    leading: /* @__PURE__ */ e(z, { "aria-hidden": !0 }),
+                    children: l(a.nextPeriod)
+                  }
+                ) })
+              ] })
+            ] }),
+            d ? /* @__PURE__ */ e(
+              T,
+              {
+                onInsert: d,
+                card: {
+                  title: t("insert.title.cycle"),
+                  fields: [
+                    {
+                      label: t("cycleCalculator.ovulation"),
+                      value: l(a.ovulation)
+                    },
+                    {
+                      label: t("cycleCalculator.fertileWindow"),
+                      value: `${l(a.fertileWindow.start)} – ${l(
+                        a.fertileWindow.end
+                      )}`
+                    },
+                    {
+                      label: t("cycleCalculator.nextPeriod"),
+                      value: l(a.nextPeriod)
+                    }
+                  ]
+                }
+              }
+            ) : null
+          ] }) : /* @__PURE__ */ e("p", { className: "type-body ds:text-muted-foreground", children: t("cycleCalculator.empty") })
+        ]
+      }
+    );
+  }
+);
+M.displayName = "CycleCalculator";
+export {
+  M as C,
+  k as L,
+  Y as p
+};
+//# sourceMappingURL=cycle-calculator-B5Uj9QeT.js.map