@alfadocs/ui-kit-debug 1.3.13 → 1.4.0

package/dist/_chunks/calculator-dialog-DuXMQSdm.js

@@ -1,40 +0,0 @@
-import { jsxs as a, jsx as l } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { D as r } from "./dialog-UbKJCi1X.js";
-const u = p(
-  ({
-    trigger: i,
-    title: e,
-    description: o,
-    children: t,
-    size: n = "lg",
-    open: c,
-    defaultOpen: d,
-    onOpenChange: m,
-    id: s,
-    className: g
-  }, h) => /* @__PURE__ */ a(
-    r,
-    {
-      open: c,
-      defaultOpen: d,
-      onOpenChange: m,
-      id: s,
-      children: [
-        /* @__PURE__ */ l(r.Trigger, { asChild: !0, children: i }),
-        /* @__PURE__ */ a(r.Content, { ref: h, size: n, children: [
-          /* @__PURE__ */ a(r.Header, { children: [
-            /* @__PURE__ */ l(r.Title, { children: e }),
-            o ? /* @__PURE__ */ l(r.Description, { children: o }) : null
-          ] }),
-          /* @__PURE__ */ l("div", { "data-component": "calculator-dialog", className: g, children: t })
-        ] })
-      ]
-    }
-  )
-);
-u.displayName = "CalculatorDialog";
-export {
-  u as C
-};
-//# sourceMappingURL=calculator-dialog-DuXMQSdm.js.map

package/dist/_chunks/chat-container-HlFnoEIl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-container-HlFnoEIl.js","sources":["../../src/components/chat-container/chat-container.agent.ts","../../src/components/chat-container/chat-container.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { ChatContainerHandle } from './chat-container';\n\nexport const chatContainerAgent: AgentAdapter<ChatContainerHandle> = {\n  id: 'chat-container',\n  // Scrolling the log viewport is pure ephemeral view state — `scroll`,\n  // not `navigate` (nothing routes; the conversation stays in place).\n  capabilities: ['scroll'],\n  state: {},\n  actions: {\n    scroll_to_bottom: {\n      safety: 'read',\n      argsType: '{ smooth?: boolean }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          smooth: {\n            type: 'boolean',\n            description:\n              'Animate the scroll when true (default). Forced off under reduced motion.',\n          },\n        },\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.chatContainer.actions.scrollToBottom',\n      description: 'Scroll the conversation viewport to the latest message.',\n      invoke: (handle, args: { smooth?: boolean }) => {\n        handle.scrollToBottom(args);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'chat-container' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { chatContainerAgent } from './chat-container.agent';\nimport { ChevronDown } from 'lucide-react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { FloatingActionButton } from '../floating-action-button/floating-action-button';\nimport {\n  useIsomorphicLayoutEffect,\n  usePrefersReducedMotion,\n} from '../../hooks';\n\nconst rootVariants = cva(\n  'ds:relative ds:flex ds:w-full ds:flex-col ds:overflow-hidden ds:bg-background',\n  {\n    variants: {\n      density: {\n        default: 'ds:gap-[var(--spacing-md)]',\n        compact: 'ds:gap-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: { density: 'default' },\n  },\n);\n\nconst scrollViewportVariants = cva(\n  [\n    'ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:scroll-smooth ds:motion-reduce:scroll-auto ds:[.theme-accessible_&]:scroll-auto',\n    // Edge fade — content near the scroll boundaries fades into the\n    // container surface instead of clipping abruptly against the header\n    // or composer, so avatars / bubbles don't look \"cut in half\" as they\n    // pass the viewport edge. Fade width matches the viewport padding so\n    // a row can slide fully behind the mask before disappearing.\n    // Disabled under HCM (mask strips content), reduced motion (less\n    // decoration when motion is off), and the accessible theme.\n    'ds:[mask-image:linear-gradient(to_bottom,transparent_0,black_var(--spacing-md),black_calc(100%-var(--spacing-md)),transparent_100%)]',\n    'ds:motion-reduce:[mask-image:none]',\n    'ds:[.theme-accessible_&]:[mask-image:none]',\n    'ds:forced-colors:[mask-image:none]',\n  ].join(' '),\n);\n\nconst VIRTUALIZATION_THRESHOLD = 100;\n/** Pixel slack against the bottom edge that still counts as \"at bottom\". */\nconst BOTTOM_SLACK_PX = 48;\n\nexport interface ChatContainerHandle {\n  scrollToBottom: (opts?: { smooth?: boolean }) => void;\n  getScrollViewport: () => HTMLDivElement | null;\n}\n\nexport interface ChatContainerProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'id'>,\n    VariantProps<typeof rootVariants> {\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /** Array of messages to render. When the array exceeds 100 items the\n   *  list is virtualised via @tanstack/react-virtual. */\n  messages: Array<{ id: string; node: ReactNode }>;\n  /** Composer slot pinned to the block-end. */\n  composer?: ReactNode;\n  /** Fires when the user's auto-scroll preference flips. */\n  onAutoScrollChange?: (isAtBottom: boolean) => void;\n  /**\n   * When true, renders a \"scroll to latest\" FloatingActionButton in the\n   * bottom-end of the scroll column whenever the user has scrolled\n   * away from the newest message. Defaults to `false` because the\n   * affordance is only useful in long-form chat surfaces (fullscreen\n   * assistants, dedicated messaging views); in compact docks — e.g. the\n   * Alia side-panel — conversations rarely exceed one screen and the FAB\n   * just adds visual noise. Turn on for fullscreen chat surfaces.\n   */\n  showScrollToLatest?: boolean;\n}\n\nexport const ChatContainer = forwardRef<HTMLDivElement, ChatContainerProps>(\n  (\n    {\n      messages,\n      composer,\n      density = 'default',\n      className,\n      id,\n      onAutoScrollChange,\n      showScrollToLatest = false,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const viewportRef = useRef<HTMLDivElement | null>(null);\n    const sentinelRef = useRef<HTMLDivElement | null>(null);\n    const [isAtBottom, setIsAtBottom] = useState(true);\n\n    const prefersReducedMotion = usePrefersReducedMotion();\n\n    const scrollToBottom = useCallback(\n      (opts?: { smooth?: boolean }) => {\n        const el = viewportRef.current;\n        if (!el) return;\n        const smooth = (opts?.smooth ?? true) && !prefersReducedMotion;\n        el.scrollTo({\n          top: el.scrollHeight,\n          behavior: smooth ? 'smooth' : 'auto',\n        });\n      },\n      [prefersReducedMotion],\n    );\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n\n    const agentHandle = useMemo<ChatContainerHandle>(\n      () => ({\n        scrollToBottom,\n        getScrollViewport: () => viewportRef.current,\n      }),\n      [scrollToBottom],\n    );\n    useAgentRegistration(chatContainerAgent, agentHandle, id);\n\n    /* ── Intersection observer: track \"at bottom\" via a sentinel ── */\n    useEffect(() => {\n      const root = viewportRef.current;\n      const sentinel = sentinelRef.current;\n      if (!root || !sentinel) return;\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const entry = entries[0];\n          setIsAtBottom(entry.isIntersecting);\n          onAutoScrollChange?.(entry.isIntersecting);\n        },\n        {\n          root,\n          // Fire when the sentinel is within BOTTOM_SLACK_PX of being visible.\n          rootMargin: `0px 0px ${BOTTOM_SLACK_PX}px 0px`,\n          threshold: 0,\n        },\n      );\n      observer.observe(sentinel);\n      return () => observer.disconnect();\n    }, [onAutoScrollChange]);\n\n    /* ── Auto-scroll on new messages when at bottom ── */\n    const messagesLength = messages.length;\n    useIsomorphicLayoutEffect(() => {\n      // `smooth: false` — when we're already pinned to the bottom and a\n      // new message appends, the user doesn't perceive any scroll motion\n      // (the sentinel just slides a few px). But a smooth animation DOES\n      // give the IntersectionObserver a window in which the sentinel is\n      // temporarily outside the rootMargin zone — that's what causes the\n      // scroll-to-latest FAB to flicker in and out on every new message.\n      // Instant scroll settles in one frame; FAB state stays stable.\n      // The user-initiated FAB click below still uses smooth because the\n      // jump is large and the motion communicates the travel.\n      if (isAtBottom) scrollToBottom({ smooth: false });\n      // Intentionally watching only length — individual node updates (streaming)\n      // are driven by their own scroll decisions.\n    }, [messagesLength, isAtBottom, scrollToBottom]);\n\n    const virtualized = messages.length > VIRTUALIZATION_THRESHOLD;\n\n    const virtualizer = useVirtualizer({\n      count: virtualized ? messages.length : 0,\n      getScrollElement: () => viewportRef.current,\n      estimateSize: () => 80,\n      overscan: 6,\n      getItemKey: (i) => messages[i]?.id ?? i,\n    });\n\n    return (\n      <div\n        ref={rootRef}\n        className={rootVariants({ density, className })}\n        data-component=\"chat-container\"\n        data-component-id={id}\n        {...rest}\n      >\n        {/* Scroll column wraps the viewport AND the FAB together so the\n            FAB's absolute `bottom` is measured from the top of the\n            composer (this wrapper's end edge), not from the root — which\n            would drop the FAB inside the composer/suggestion-chip area. */}\n        <div className=\"ds:relative ds:flex-1 ds:min-h-0 ds:flex ds:flex-col\">\n          <div\n            ref={viewportRef}\n            role=\"log\"\n            aria-live=\"polite\"\n            aria-relevant=\"additions\"\n            aria-label={t('chat.container')}\n            // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- scrollable log region needs to be keyboard focusable for axe scrollable-region-focusable\n            tabIndex={0}\n            className={scrollViewportVariants()}\n          >\n            {virtualized ? (\n              <ol\n                className=\"ds:relative ds:list-none ds:ps-0 ds:m-0\"\n                // eslint-disable-next-line react/forbid-dom-props -- virtualizer total size, runtime-computed\n                style={{ blockSize: `${virtualizer.getTotalSize()}px` }}\n              >\n                {virtualizer.getVirtualItems().map((vi) => {\n                  const msg = messages[vi.index];\n                  if (!msg) return null;\n                  return (\n                    <li\n                      key={msg.id}\n                      data-index={vi.index}\n                      ref={virtualizer.measureElement}\n                      className=\"ds:absolute ds:start-0 ds:end-0 ds:top-0 ds:w-full\"\n                      // eslint-disable-next-line react/forbid-dom-props -- virtualizer translateY offset, runtime-computed\n                      style={{ transform: `translateY(${vi.start}px)` }}\n                    >\n                      <div className=\"ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]\">\n                        {msg.node}\n                      </div>\n                    </li>\n                  );\n                })}\n              </ol>\n            ) : (\n              <ol className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:ps-0 ds:m-0\">\n                {messages.map((m) => (\n                  <li key={m.id}>{m.node}</li>\n                ))}\n              </ol>\n            )}\n            <div\n              ref={sentinelRef}\n              aria-hidden=\"true\"\n              className=\"ds:h-1 ds:w-full\"\n            />\n          </div>\n\n          {showScrollToLatest && !isAtBottom ? (\n            <div\n              className={[\n                // `end-0` — the `inset-inline-end-0` spelling is not a\n                // Tailwind utility and compiled to nothing.\n                'ds:pointer-events-none ds:absolute ds:end-0',\n                // `bottom` is measured from the bottom of the scroll\n                // column (i.e. the top edge of the composer slot). A\n                // small spacing-md gap keeps the FAB clear of the\n                // divider border above the composer.\n                'ds:bottom-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n                // Enter animation — fade + scale in from 95%. The FAB only\n                // unmounts when the user returns to bottom, so an exit\n                // animation isn't justified (abrupt disappearance reads as\n                // \"task complete\" when they've scrolled back).\n                'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:zoom-in-95',\n                'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n              ].join(' ')}\n            >\n              <div className=\"ds:pointer-events-auto\">\n                <FloatingActionButton\n                  icon={<ChevronDown />}\n                  aria-label={t('chat.scrollToLatest')}\n                  size=\"sm\"\n                  variant=\"secondary\"\n                  // `position=\"static\"` — the wrapper is already\n                  // absolutely-positioned. Without this, FAB's default\n                  // `bottom-end` variant applies `position: fixed` and\n                  // pins the button to the browser viewport corner,\n                  // escaping the container and appearing as an orphan\n                  // circle that stays put while the chat scrolls.\n                  position=\"static\"\n                  onClick={() => scrollToBottom({ smooth: true })}\n                />\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {composer ? (\n          <div className=\"ds:shrink-0 ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)] ds:bg-background\">\n            {composer}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nChatContainer.displayName = 'ChatContainer';\n"],"names":["chatContainerAgent","handle","args","rootVariants","cva","scrollViewportVariants","VIRTUALIZATION_THRESHOLD","BOTTOM_SLACK_PX","ChatContainer","forwardRef","messages","composer","density","className","id","onAutoScrollChange","showScrollToLatest","rest","ref","t","useTranslation","viewportRef","useRef","sentinelRef","isAtBottom","setIsAtBottom","useState","prefersReducedMotion","usePrefersReducedMotion","scrollToBottom","useCallback","opts","el","smooth","rootRef","useImperativeHandle","agentHandle","useMemo","useAgentRegistration","useEffect","root","sentinel","observer","entries","entry","messagesLength","useIsomorphicLayoutEffect","virtualized","virtualizer","useVirtualizer","i","_a","jsxs","jsx","vi","msg","m","FloatingActionButton","ChevronDown"],"mappings":"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"}

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

@@ -1,252 +0,0 @@
-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-M5UpX65Z.js";
-import { D as z } from "./date-picker-ZHejTVAJ.js";
-import { N as D } from "./number-input-DrozbZAU.js";
-import { C as E } from "./card-DPmk26CL.js";
-import { B as P } from "./badge-DCOqV9mI.js";
-import { I as B } from "./insert-result-D074GtHX.js";
-import { a as i } from "./date-picker-variants-eL6HjWvw.js";
-import { C as G } from "./check-DrFSN__t.js";
-import { H as R } from "./heart--qCA4ffe.js";
-import { c as Y } from "./createLucideIcon-DhHxpK9K.js";
-/**
- * @license lucide-react v1.22.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-BwqYVPB4.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cycle-calculator-BwqYVPB4.js","sources":["../../node_modules/lucide-react/dist/esm/icons/droplet.mjs","../../src/components/cycle-calculator/cycle.ts","../../src/components/cycle-calculator/cycle-calculator.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.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.mjs';\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.mjs.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]}