@alfadocs/ui-kit-debug 0.47.0 → 0.49.0

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

@@ -0,0 +1,252 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { forwardRef as A, useState as C, useMemo as N, useEffect as I } from "react";
+import { c as S } from "./index-D2ZczOXr.js";
+import { useTranslation as k } from "react-i18next";
+import { F as L } from "./form-field-BOm9hK35.js";
+import { D as z } from "./date-picker-BfHblqwA.js";
+import { N as D } from "./number-input-Dj5L3pXK.js";
+import { C as E } from "./card-DPmk26CL.js";
+import { B as P } from "./badge-zsf5i5bH.js";
+import { I as B } from "./insert-result-DNdi_JYW.js";
+import { a as i } from "./date-picker-variants-CXEAx3O_.js";
+import { C as G } from "./check-DPdL_Sm7.js";
+import { H as R } from "./heart-C0faivFf.js";
+import { c as Y } 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 j = [
+  [
+    "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"
+    }
+  ]
+], M = Y("droplet", j), b = 28, U = 14, K = 1;
+function O(c, s = 3) {
+  const o = c.cycleLength ?? b, { lastPeriodStart: d } = c, n = i(d, o - U), g = {
+    start: i(n, -5),
+    end: i(n, K)
+  }, u = i(d, o), f = Array.from(
+    { length: s },
+    (w, y) => i(d, o * (y + 1))
+  ), h = c.periodLength && c.periodLength > 0 ? {
+    start: d,
+    end: i(d, c.periodLength - 1)
+  } : null;
+  return { nextPeriod: u, ovulation: n, fertileWindow: g, upcomingPeriods: f, periodRange: h };
+}
+const V = S("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+  variants: {
+    width: { full: "ds:w-full", auto: "ds:inline-flex" }
+  },
+  defaultVariants: { width: "full" }
+}), q = "--accent", J = A(
+  ({
+    defaultCycleLength: c = b,
+    onResultChange: s,
+    onInsert: o,
+    insertVariant: d = "insert",
+    onCopy: n,
+    onError: g,
+    insertBrand: u,
+    id: f,
+    width: h,
+    className: w
+  }, y) => {
+    const { t, i18n: T } = k(), [m, _] = C(void 0), [x, H] = C(
+      c
+    ), [v, W] = C(null), a = N(() => m ? O({
+      lastPeriodStart: m,
+      cycleLength: x ?? b,
+      periodLength: v ?? void 0
+    }) : null, [m, x, v]), F = N(
+      () => new Intl.DateTimeFormat(T.language, { dateStyle: "medium" }),
+      [T.language]
+    );
+    I(() => {
+      s == null || s(a);
+    }, [a, s]);
+    const $ = N(() => /* @__PURE__ */ new Date(), []), l = (p) => F.format(p);
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: y,
+        "data-component": "cycle-calculator",
+        "data-component-id": f,
+        className: V({ width: h, className: w }),
+        children: [
+          /* @__PURE__ */ r("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ e(L, { label: t("cycleCalculator.lastPeriod"), children: /* @__PURE__ */ e(
+              z,
+              {
+                value: m,
+                onChange: _,
+                maxDate: $
+              }
+            ) }),
+            /* @__PURE__ */ e(
+              L,
+              {
+                label: t("cycleCalculator.cycleLength"),
+                description: t("cycleCalculator.cycleLengthHint"),
+                children: /* @__PURE__ */ e(
+                  D,
+                  {
+                    mode: "integer",
+                    min: 20,
+                    max: 45,
+                    value: x,
+                    onChange: H
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e(
+              L,
+              {
+                label: t("cycleCalculator.periodLength"),
+                description: t("cycleCalculator.periodLengthHint"),
+                children: /* @__PURE__ */ e(
+                  D,
+                  {
+                    mode: "integer",
+                    min: 1,
+                    max: 14,
+                    value: v,
+                    onChange: W
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__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__ */ e(E, { variant: "elevated", children: /* @__PURE__ */ r(E.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: t("cycleCalculator.ovulation") }),
+                /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ e(
+                  P,
+                  {
+                    variant: "success",
+                    size: "lg",
+                    leading: /* @__PURE__ */ e(G, { "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(
+                  P,
+                  {
+                    variant: "accent",
+                    size: "lg",
+                    leading: /* @__PURE__ */ e(R, { "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(
+                  P,
+                  {
+                    variant: "error",
+                    size: "lg",
+                    leading: /* @__PURE__ */ e(M, { "aria-hidden": !0 }),
+                    children: l(a.nextPeriod)
+                  }
+                ) })
+              ] })
+            ] }),
+            a.periodRange ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]", children: [
+              /* @__PURE__ */ e("span", { className: "type-label ds:text-muted-foreground", children: t("cycleCalculator.periodRange") }),
+              /* @__PURE__ */ r("span", { className: "type-body ds:text-foreground", children: [
+                l(a.periodRange.start),
+                " –",
+                " ",
+                l(a.periodRange.end)
+              ] })
+            ] }) : null,
+            /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]", children: [
+              /* @__PURE__ */ e("span", { className: "type-label ds:text-muted-foreground", children: t("cycleCalculator.upcomingPeriods") }),
+              /* @__PURE__ */ e("ul", { className: "ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-2xs)]", children: a.upcomingPeriods.map((p) => /* @__PURE__ */ e(
+                "li",
+                {
+                  className: "type-body ds:text-foreground",
+                  children: l(p)
+                },
+                p.getTime()
+              )) })
+            ] }),
+            d === "copy" || o ? /* @__PURE__ */ e(
+              B,
+              {
+                onInsert: o,
+                variant: d,
+                onCopy: n,
+                onError: g,
+                card: {
+                  title: t("insert.title.cycle"),
+                  icon: "heart",
+                  highlight: `${l(a.fertileWindow.start)} – ${l(
+                    a.fertileWindow.end
+                  )}`,
+                  // Chip reuses the on-screen fertile-window badge's accent
+                  // token so the inserted PNG chip matches the screen.
+                  highlightToken: q,
+                  brand: u,
+                  fields: [
+                    {
+                      // Ovulation is a predicted date → calendar glyph (the
+                      // on-screen badge uses a Check tick, which ICON_GEOMETRY
+                      // does not carry, so the calendar reads the date meaning).
+                      icon: "calendar",
+                      label: t("cycleCalculator.ovulation"),
+                      value: l(a.ovulation)
+                    },
+                    {
+                      // Fertile window → heart glyph, matching the on-screen
+                      // fertile-window badge's Heart icon.
+                      icon: "heart",
+                      label: t("cycleCalculator.fertileWindow"),
+                      value: `${l(a.fertileWindow.start)} – ${l(
+                        a.fertileWindow.end
+                      )}`
+                    },
+                    {
+                      // Next period → droplets glyph, matching the on-screen
+                      // next-period badge's Droplet icon.
+                      icon: "droplets",
+                      label: t("cycleCalculator.nextPeriod"),
+                      value: l(a.nextPeriod)
+                    }
+                  ]
+                }
+              }
+            ) : null
+          ] }) }) : /* @__PURE__ */ e("p", { className: "type-body ds:text-muted-foreground", children: t("cycleCalculator.empty") })
+        ]
+      }
+    );
+  }
+);
+J.displayName = "CycleCalculator";
+export {
+  J as C,
+  U as L,
+  O as p
+};
+//# sourceMappingURL=cycle-calculator-oOkj5wlB.js.map

package/dist/_chunks/cycle-calculator-oOkj5wlB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cycle-calculator-oOkj5wlB.js","sources":["../../node_modules/lucide-react/dist/esm/icons/droplet.js","../../src/components/cycle-calculator/cycle.ts","../../src/components/cycle-calculator/cycle-calculator.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      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\",\n      key: \"c7niix\"\n    }\n  ]\n];\nconst Droplet = createLucideIcon(\"droplet\", __iconNode);\n\nexport { __iconNode, Droplet as default };\n//# sourceMappingURL=droplet.js.map\n","/* ------------------------------------------------------------------ */\n/* Menstrual-cycle prediction — pure, framework-free, unit-testable.    */\n/*                                                                     */\n/* Uses the standard fixed-luteal-phase model: ovulation falls ~14 days */\n/* before the next period, so on a cycle of length L ovulation is day   */\n/* (L − 14). The fertile window spans the 5 days before ovulation       */\n/* (sperm survival) through 1 day after (oocyte viability).             */\n/* ------------------------------------------------------------------ */\n\nimport { addDays } from 'date-fns';\n\n/** Standard menstrual-cycle length. */\nexport const DEFAULT_CYCLE_LENGTH = 28;\n/** Luteal phase is biologically near-constant at ~14 days. */\nexport const LUTEAL_PHASE_DAYS = 14;\n/** Sperm survive up to ~5 days before ovulation. */\nexport const FERTILE_DAYS_BEFORE = 5;\n/** The oocyte is viable ~1 day after ovulation. */\nexport const FERTILE_DAYS_AFTER = 1;\n\nexport interface CycleInput {\n  /** First day of the most recent period. */\n  lastPeriodStart: Date;\n  /** Average cycle length in days. Defaults to 28. */\n  cycleLength?: number;\n  /** Period (bleed) length in days. Optional — used for the period range. */\n  periodLength?: number;\n}\n\nexport interface DateRange {\n  start: Date;\n  end: Date;\n}\n\nexport interface CyclePrediction {\n  /** Start date of the next period. */\n  nextPeriod: Date;\n  /** Estimated ovulation date. */\n  ovulation: Date;\n  /** Fertile window (5 days before ovulation → 1 day after). */\n  fertileWindow: DateRange;\n  /** Start dates of the next few periods (length = `occurrences`). */\n  upcomingPeriods: Date[];\n  /**\n   * The current period's bleed range (first day → last day), or `null` when no\n   * `periodLength` was given.\n   */\n  periodRange: DateRange | null;\n}\n\n/**\n * Predict ovulation, the fertile window and upcoming periods from the last\n * period's start date. `occurrences` controls how many future periods to\n * list (default 3).\n */\nexport function predictCycle(\n  input: CycleInput,\n  occurrences = 3,\n): CyclePrediction {\n  const cycle = input.cycleLength ?? DEFAULT_CYCLE_LENGTH;\n  const { lastPeriodStart } = input;\n\n  const ovulation = addDays(lastPeriodStart, cycle - LUTEAL_PHASE_DAYS);\n  const fertileWindow: DateRange = {\n    start: addDays(ovulation, -FERTILE_DAYS_BEFORE),\n    end: addDays(ovulation, FERTILE_DAYS_AFTER),\n  };\n  const nextPeriod = addDays(lastPeriodStart, cycle);\n  const upcomingPeriods = Array.from({ length: occurrences }, (_, i) =>\n    addDays(lastPeriodStart, cycle * (i + 1)),\n  );\n  const periodRange: DateRange | null =\n    input.periodLength && input.periodLength > 0\n      ? {\n          start: lastPeriodStart,\n          end: addDays(lastPeriodStart, input.periodLength - 1),\n        }\n      : null;\n\n  return { nextPeriod, ovulation, fertileWindow, upcomingPeriods, periodRange };\n}\n","/* ------------------------------------------------------------------ */\n/* CycleCalculator — predict ovulation, fertile window and upcoming     */\n/* periods from the last period's start date.                           */\n/*                                                                     */\n/* Maths lives in `./cycle` (pure, separately tested).                  */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Heart, Check, Droplet } from 'lucide-react';\nimport { FormField } from '../form-field';\nimport { DatePicker } from '../date-picker';\nimport { NumberInput } from '../number-input';\nimport { Card } from '../card';\nimport { Badge } from '../badge';\nimport {\n  InsertButton,\n  type InsertPayload,\n  type InsertVariant,\n  type InsertMode,\n} from '../_shared/insert-result';\nimport {\n  type CyclePrediction,\n  predictCycle,\n  DEFAULT_CYCLE_LENGTH,\n} from './cycle';\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]', {\n  variants: {\n    width: { full: 'ds:w-full', auto: 'ds:inline-flex' },\n  },\n  defaultVariants: { width: 'full' },\n});\n\n/**\n * DS token NAME backing the result-card chip — the fertile window is the\n * headline fertility datum, shown on screen with the `accent` Badge variant\n * (which fills `--accent`). The card chip reuses that token so the inserted\n * PNG chip matches the on-screen fertile-window badge.\n */\nconst HIGHLIGHT_TOKEN = '--accent';\n\nexport interface CycleCalculatorProps extends VariantProps<\n  typeof rootVariants\n> {\n  /** Initial cycle length in days. Defaults to 28. */\n  defaultCycleLength?: number;\n  /** Fires whenever a prediction can be computed (and `null` when it can't). */\n  onResultChange?: (result: CyclePrediction | null) => void;\n  /** When provided, shows the result-action buttons that emit / copy the result. */\n  onInsert?: (payload: InsertPayload) => void;\n  /**\n   * Which verb the result button performs. Defaults to `'insert'`.\n   * Use `'copy'` in an app-shell surface (no editor to insert into) — the\n   * button writes the result to the clipboard as a multi-format `ClipboardItem`.\n   */\n  insertVariant?: InsertVariant;\n  /** `copy` variant only — fired after a successful clipboard write. */\n  onCopy?: (mode: InsertMode) => void;\n  /** `copy` variant only — fired if the clipboard write can't proceed. */\n  onError?: (error: unknown) => void;\n  /**\n   * Brand wordmark printed in the inserted/copied result-card footer.\n   * Omitted → no brand line (and no footer hairline); a string → that custom\n   * brand; `false` → no brand line. Brand is opt-in.\n   */\n  insertBrand?: string | false;\n  /** Opaque instance id, emitted as `data-component-id`. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport const CycleCalculator = forwardRef<HTMLDivElement, CycleCalculatorProps>(\n  (\n    {\n      defaultCycleLength = DEFAULT_CYCLE_LENGTH,\n      onResultChange,\n      onInsert,\n      insertVariant = 'insert',\n      onCopy,\n      onError,\n      insertBrand,\n      id,\n      width,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    const [lastPeriod, setLastPeriod] = useState<Date | undefined>(undefined);\n    const [cycleLength, setCycleLength] = useState<number | null>(\n      defaultCycleLength,\n    );\n    const [periodLength, setPeriodLength] = useState<number | null>(null);\n\n    const result = useMemo<CyclePrediction | null>(() => {\n      if (!lastPeriod) return null;\n      return predictCycle({\n        lastPeriodStart: lastPeriod,\n        cycleLength: cycleLength ?? DEFAULT_CYCLE_LENGTH,\n        periodLength: periodLength ?? undefined,\n      });\n    }, [lastPeriod, cycleLength, periodLength]);\n\n    const dateFormatter = useMemo(\n      () => new Intl.DateTimeFormat(i18n.language, { dateStyle: 'medium' }),\n      [i18n.language],\n    );\n\n    useEffect(() => {\n      onResultChange?.(result);\n    }, [result, onResultChange]);\n\n    const today = useMemo(() => new Date(), []);\n\n    const fmt = (d: Date): string => dateFormatter.format(d);\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"cycle-calculator\"\n        data-component-id={id}\n        className={rootVariants({ width, className })}\n      >\n        <div className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2\">\n          <FormField label={t('cycleCalculator.lastPeriod')}>\n            <DatePicker\n              value={lastPeriod}\n              onChange={setLastPeriod}\n              maxDate={today}\n            />\n          </FormField>\n          <FormField\n            label={t('cycleCalculator.cycleLength')}\n            description={t('cycleCalculator.cycleLengthHint')}\n          >\n            <NumberInput\n              mode=\"integer\"\n              min={20}\n              max={45}\n              value={cycleLength}\n              onChange={setCycleLength}\n            />\n          </FormField>\n          <FormField\n            label={t('cycleCalculator.periodLength')}\n            description={t('cycleCalculator.periodLengthHint')}\n          >\n            <NumberInput\n              mode=\"integer\"\n              min={1}\n              max={14}\n              value={periodLength}\n              onChange={setPeriodLength}\n            />\n          </FormField>\n        </div>\n\n        <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n          {result\n            ? `${t('cycleCalculator.ovulation')}: ${fmt(result.ovulation)}. ${t(\n                'cycleCalculator.nextPeriod',\n              )}: ${fmt(result.nextPeriod)}.`\n            : ''}\n        </p>\n\n        {result ? (\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n              <dl className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3\">\n                <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('cycleCalculator.ovulation')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant=\"success\"\n                      size=\"lg\"\n                      leading={<Check aria-hidden />}\n                    >\n                      {fmt(result.ovulation)}\n                    </Badge>\n                  </dd>\n                </div>\n                <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('cycleCalculator.fertileWindow')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant=\"accent\"\n                      size=\"lg\"\n                      leading={<Heart aria-hidden />}\n                    >\n                      {fmt(result.fertileWindow.start)} –{' '}\n                      {fmt(result.fertileWindow.end)}\n                    </Badge>\n                  </dd>\n                </div>\n                <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('cycleCalculator.nextPeriod')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant=\"error\"\n                      size=\"lg\"\n                      leading={<Droplet aria-hidden />}\n                    >\n                      {fmt(result.nextPeriod)}\n                    </Badge>\n                  </dd>\n                </div>\n              </dl>\n\n              {result.periodRange ? (\n                <div className=\"ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]\">\n                  <span className=\"type-label ds:text-muted-foreground\">\n                    {t('cycleCalculator.periodRange')}\n                  </span>\n                  <span className=\"type-body ds:text-foreground\">\n                    {fmt(result.periodRange.start)} –{' '}\n                    {fmt(result.periodRange.end)}\n                  </span>\n                </div>\n              ) : null}\n\n              <div className=\"ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]\">\n                <span className=\"type-label ds:text-muted-foreground\">\n                  {t('cycleCalculator.upcomingPeriods')}\n                </span>\n                <ul className=\"ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-2xs)]\">\n                  {result.upcomingPeriods.map((d) => (\n                    <li\n                      key={d.getTime()}\n                      className=\"type-body ds:text-foreground\"\n                    >\n                      {fmt(d)}\n                    </li>\n                  ))}\n                </ul>\n              </div>\n\n              {insertVariant === 'copy' || onInsert ? (\n                <InsertButton\n                  onInsert={onInsert}\n                  variant={insertVariant}\n                  onCopy={onCopy}\n                  onError={onError}\n                  card={{\n                    title: t('insert.title.cycle'),\n                    icon: 'heart',\n                    highlight: `${fmt(result.fertileWindow.start)} – ${fmt(\n                      result.fertileWindow.end,\n                    )}`,\n                    // Chip reuses the on-screen fertile-window badge's accent\n                    // token so the inserted PNG chip matches the screen.\n                    highlightToken: HIGHLIGHT_TOKEN,\n                    brand: insertBrand,\n                    fields: [\n                      {\n                        // Ovulation is a predicted date → calendar glyph (the\n                        // on-screen badge uses a Check tick, which ICON_GEOMETRY\n                        // does not carry, so the calendar reads the date meaning).\n                        icon: 'calendar',\n                        label: t('cycleCalculator.ovulation'),\n                        value: fmt(result.ovulation),\n                      },\n                      {\n                        // Fertile window → heart glyph, matching the on-screen\n                        // fertile-window badge's Heart icon.\n                        icon: 'heart',\n                        label: t('cycleCalculator.fertileWindow'),\n                        value: `${fmt(result.fertileWindow.start)} – ${fmt(\n                          result.fertileWindow.end,\n                        )}`,\n                      },\n                      {\n                        // Next period → droplets glyph, matching the on-screen\n                        // next-period badge's Droplet icon.\n                        icon: 'droplets',\n                        label: t('cycleCalculator.nextPeriod'),\n                        value: fmt(result.nextPeriod),\n                      },\n                    ],\n                  }}\n                />\n              ) : null}\n            </Card.Body>\n          </Card>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('cycleCalculator.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nCycleCalculator.displayName = 'CycleCalculator';\n"],"names":["__iconNode","Droplet","createLucideIcon","DEFAULT_CYCLE_LENGTH","LUTEAL_PHASE_DAYS","FERTILE_DAYS_AFTER","predictCycle","input","occurrences","cycle","lastPeriodStart","ovulation","addDays","fertileWindow","nextPeriod","upcomingPeriods","_","i","periodRange","rootVariants","cva","HIGHLIGHT_TOKEN","CycleCalculator","forwardRef","defaultCycleLength","onResultChange","onInsert","insertVariant","onCopy","onError","insertBrand","id","width","className","ref","i18n","useTranslation","lastPeriod","setLastPeriod","useState","cycleLength","setCycleLength","periodLength","setPeriodLength","result","useMemo","dateFormatter","useEffect","today","fmt","d","jsxs","jsx","FormField","DatePicker","NumberInput","Card","Badge","Check","Heart","InsertButton"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/{date-picker-Bq7xhMA-.js → date-picker-BfHblqwA.js}

@@ -7,7 +7,7 @@ import { useTranslation as Ee } from "react-i18next";
 import * as Z from "@radix-ui/react-popover";
 import { u as He } from "./use-controllable-state-BiY4xTzM.js";
 import { u as qe } from "./form-field-context-B3APVHKx.js";
-import { z as ce, A as Ce, s as S, B as ue, E as Le, F as Ne, a as le, G as de, H as Re, I as ae, J as Qe, K as ie, L as We, u as Ae, g as Fe, j as oe, c as Be, o as Ge, i as Ve, t as Xe, C as Ke, k as ze, p as Ze, D as $e, l as je, m as Ue, n as Je, M as Se } from "./date-picker-variants-DLi1Va_e.js";
+import { z as ce, A as Ce, s as S, B as ue, E as Le, F as Ne, a as le, G as de, H as Re, I as ae, J as Qe, K as ie, L as We, u as Ae, g as Fe, h as oe, c as Be, o as Ge, i as Ve, t as Xe, C as Ke, k as ze, p as Ze, D as $e, l as je, m as Ue, n as Je, M as Se } from "./date-picker-variants-CXEAx3O_.js";
 import { u as et } from "./registry-nPAVE19X.js";
 import { t as E, c as O, m as tt, a as rt, b as nt } from "./isSameDay-DUEiAT0G.js";
 function st() {
@@ -1822,4 +1822,4 @@ export {
   nr as D,
   rr as d
 };
-//# sourceMappingURL=date-picker-Bq7xhMA-.js.map
+//# sourceMappingURL=date-picker-BfHblqwA.js.map