@alfadocs/ui-kit-debug 0.48.0 → 0.50.0

package/dist/_chunks/{alert-ywPR59NE.js → alert-CUTxnym2.js}

@@ -2,13 +2,14 @@ import { jsxs as E, jsx as t } from "react/jsx-runtime";
 import { forwardRef as a, useState as R, useRef as V, useCallback as z, Children as B, isValidElement as D } from "react";
 import { c as F } from "./index-D2ZczOXr.js";
 import { useTranslation as L } from "react-i18next";
-import { u as W } from "./use-controllable-state-BiY4xTzM.js";
-import { X } from "./x-CCcI3eJp.js";
+import { u as U } from "./use-controllable-state-BiY4xTzM.js";
+import { X as W } from "./x-CCcI3eJp.js";
+import { C as X } from "./circle-arrow-up-CC_85SuH.js";
 import { C as G } from "./circle-x-Du2CmjaU.js";
 import { T as H } from "./triangle-alert-CBPUIzQo.js";
 import { C as M } from "./circle-check-9AeSgJD_.js";
 import { I as P } from "./info-B9XNKn05.js";
-const U = F(
+const $ = F(
   [
     // Default `items-center` keeps the icon + dismiss optically aligned
     // with a single-line description. The `data-[has-title=true]`
@@ -58,6 +59,19 @@ const U = F(
           "ds:text-[var(--error-foreground)]",
           "ds:[&_[data-intent=tonal]]:bg-[color:var(--error-foreground)]",
           "ds:[&_[data-intent=tonal]]:text-[color:var(--background)]"
+        ].join(" "),
+        // Sales / marketing upsell — accent magenta via the --promo
+        // semantic pair so marketing pushes (product hub → warning
+        // stack) read as offers, not operational warnings. Surface is
+        // the same subtle accent gradient as SidebarUpgradeChip (it
+        // flattens in the accessible themes and follows Canvas in
+        // forced-colors), keeping the two upsell affordances kin.
+        promo: [
+          "ds:border-[color:var(--promo)]",
+          "ds:bg-[image:var(--gradient-surface-subtle-accent)]",
+          "ds:text-[var(--promo-foreground)]",
+          "ds:[&_[data-intent=tonal]]:bg-[color:var(--promo-foreground)]",
+          "ds:[&_[data-intent=tonal]]:text-[color:var(--background)]"
         ].join(" ")
       }
     },
@@ -65,7 +79,7 @@ const U = F(
       variant: "info"
     }
   }
-), h = "ds:shrink-0 ds:size-5", $ = `${h} ds:mt-0.5`, q = [
+), h = "ds:shrink-0 ds:size-5", q = `${h} ds:mt-0.5`, J = [
   // Default (no title): the alert root uses `items-center` and the
   // button centres in the cross-axis. A centred 16×16 glyph inside a
   // 44×44 button aligns optically with a single-line description.
@@ -89,7 +103,7 @@ const U = F(
   "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
   "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]"
-].join(" "), J = {
+].join(" "), K = {
   info: { icon: /* @__PURE__ */ t(P, { "aria-hidden": "true" }), role: "status", live: "polite" },
   success: {
     icon: /* @__PURE__ */ t(M, { "aria-hidden": "true" }),
@@ -105,70 +119,76 @@ const U = F(
     icon: /* @__PURE__ */ t(G, { "aria-hidden": "true" }),
     role: "alert",
     live: "assertive"
+  },
+  // Promotions never interrupt — same polite semantics as info.
+  promo: {
+    icon: /* @__PURE__ */ t(X, { "aria-hidden": "true" }),
+    role: "status",
+    live: "polite"
   }
 }, c = a(
-  ({ as: e = "h5", className: s, ...o }, n) => /* @__PURE__ */ t(
+  ({ as: e = "h5", className: o, ...r }, n) => /* @__PURE__ */ t(
     e,
     {
       ref: n,
-      className: ["type-title-item", s].filter(Boolean).join(" "),
-      ...o
+      className: ["type-title-item", o].filter(Boolean).join(" "),
+      ...r
     }
   )
 );
 c.displayName = "Alert.Title";
-const x = a(({ className: e, ...s }, o) => /* @__PURE__ */ t(
+const x = a(({ className: e, ...o }, r) => /* @__PURE__ */ t(
   "p",
   {
-    ref: o,
+    ref: r,
     className: [
       "ds:[[data-has-title=true]_&]:mt-[var(--spacing-xs)] type-body-sm",
       e
     ].filter(Boolean).join(" "),
-    ...s
+    ...o
   }
 ));
 x.displayName = "Alert.Description";
 const _ = a(
-  ({ className: e, ...s }, o) => /* @__PURE__ */ t(
+  ({ className: e, ...o }, r) => /* @__PURE__ */ t(
     "div",
     {
-      ref: o,
+      ref: r,
       className: [
         "ds:mt-[var(--spacing-sm)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
         e
       ].filter(Boolean).join(" "),
-      ...s
+      ...o
     }
   )
 );
 _.displayName = "Alert.Action";
-const w = a(
+const C = a(
   ({
     variant: e = "info",
-    dismissible: s = !1,
-    open: o,
+    dismissible: o = !1,
+    open: r,
     onOpenChange: n,
     icon: m,
-    live: C,
+    live: w,
     className: A,
     children: u,
     ...N
   }, y) => {
-    const { t: T } = L(), [j, k] = W({
-      value: o,
+    const { t: T } = L(), [j, k] = U({
+      value: r,
       defaultValue: !0,
       onChange: n
     }), I = j ?? !0, [f, g] = R(!1), i = V(null), O = z(() => {
       if (typeof window > "u") return 200;
-      const r = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
-      if (!r) return 200;
-      const b = r.trim(), l = parseFloat(b);
+      const s = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
+      if (!s) return 200;
+      const b = s.trim(), l = parseFloat(b);
       return Number.isFinite(l) ? b.endsWith("ms") ? l : l * 1e3 : 200;
     }, []);
     if (!I) return null;
-    const d = J[e], v = m !== void 0 ? m : d.icon, p = B.toArray(u).some(
-      (r) => D(r) && r.type === c
+    const d = K[e], v = m !== void 0 ? m : d.icon, p = B.toArray(u).some(
+      (s) => D(s) && s.type === c
     ), S = () => {
       f || (g(!0), i.current && clearTimeout(i.current), i.current = setTimeout(() => {
         g(!1), k(!1);
@@ -179,12 +199,12 @@ const w = a(
       {
         ref: y,
         role: d.role,
-        "aria-live": C ?? d.live,
+        "aria-live": w ?? d.live,
         "data-component": "alert",
         "data-has-title": p ? "true" : "false",
         "data-state": f ? "closing" : "open",
         className: [
-          U({ variant: e, className: A }),
+          $({ variant: e, className: A }),
           // Entry: fade + slide-down on mount. Exit: fade + slide-up + slight
           // scale when dismissed. Driven by `tw-animate-css`. Respects
           // `prefers-reduced-motion` via `motion-safe:` and zeroes under the
@@ -200,16 +220,17 @@ const w = a(
         ].join(" "),
         ...N,
         children: [
-          v ? /* @__PURE__ */ t("span", { className: p ? $ : h, children: v }) : null,
+          v ? /* @__PURE__ */ t("span", { className: p ? q : h, children: v }) : null,
           /* @__PURE__ */ t("div", { className: "ds:flex-1 ds:min-w-0", children: u }),
-          s ? /* @__PURE__ */ t(
+          o ? /* @__PURE__ */ t(
             "button",
             {
               type: "button",
               "aria-label": T("common.close", "Close"),
               onClick: S,
-              className: q,
-              children: /* @__PURE__ */ t(X, { "aria-hidden": "true", className: "ds:size-4" })
+              "data-alert-dismiss": "",
+              className: J,
+              children: /* @__PURE__ */ t(W, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null
         ]
@@ -217,13 +238,13 @@ const w = a(
     );
   }
 );
-w.displayName = "Alert";
-const nt = Object.assign(w, {
+C.displayName = "Alert";
+const dt = Object.assign(C, {
   Title: c,
   Description: x,
   Action: _
 });
 export {
-  nt as A
+  dt as A
 };
-//# sourceMappingURL=alert-ywPR59NE.js.map
+//# sourceMappingURL=alert-CUTxnym2.js.map

package/dist/_chunks/alert-CUTxnym2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-CUTxnym2.js","sources":["../../src/components/alert/alert.tsx"],"sourcesContent":["import {\n  Children,\n  forwardRef,\n  isValidElement,\n  useCallback,\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 {\n  CircleArrowUp,\n  CircleCheck,\n  CircleX,\n  Info,\n  TriangleAlert,\n  X,\n} from 'lucide-react';\nimport { useControllableState } from '../../hooks/use-controllable-state';\n\nconst alertVariants = cva(\n  [\n    // Default `items-center` keeps the icon + dismiss optically aligned\n    // with a single-line description. The `data-[has-title=true]`\n    // selector flips to `items-start` when an `<Alert.Title>` is\n    // present so the icon anchors to the heading's top instead of\n    // floating against the centre of the title+description block.\n    // For multi-line descriptions without a title, `items-center` still\n    // looks right at 2–3 lines and matches Toast / Notification.\n    'ds:flex ds:items-center ds:data-[has-title=true]:items-start ds:gap-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:border ds:border-[length:var(--border-width-sm)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:break-words',\n  ].join(' '),\n  {\n    variants: {\n      // Each variant paints `<Button intent=\"tonal\">` descendants via a\n      // child selector — the button carries `data-intent=\"tonal\"`, the\n      // Alert applies the matching tint (`*-foreground` for bg + the\n      // surface `--background` for fg). Descendant selectors sidestep\n      // custom-property inheritance and are rock-solid across themes.\n      variant: {\n        info: [\n          'ds:border-[color:var(--info)]',\n          'ds:bg-[color-mix(in_srgb,var(--info)_10%,transparent)]',\n          'ds:text-[var(--info-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--info-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        success: [\n          'ds:border-[color:var(--success)]',\n          'ds:bg-[color-mix(in_srgb,var(--success)_10%,transparent)]',\n          'ds:text-[var(--success-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--success-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        warning: [\n          'ds:border-[color:var(--warning)]',\n          'ds:bg-[color-mix(in_srgb,var(--warning)_10%,transparent)]',\n          'ds:text-[var(--warning-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--warning-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        error: [\n          'ds:border-[color:var(--error)]',\n          'ds:bg-[color-mix(in_srgb,var(--error)_10%,transparent)]',\n          'ds:text-[var(--error-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--error-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        // Sales / marketing upsell — accent magenta via the --promo\n        // semantic pair so marketing pushes (product hub → warning\n        // stack) read as offers, not operational warnings. Surface is\n        // the same subtle accent gradient as SidebarUpgradeChip (it\n        // flattens in the accessible themes and follows Canvas in\n        // forced-colors), keeping the two upsell affordances kin.\n        promo: [\n          'ds:border-[color:var(--promo)]',\n          'ds:bg-[image:var(--gradient-surface-subtle-accent)]',\n          'ds:text-[var(--promo-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--promo-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  },\n);\n\n// Icon stays `mt-0.5` only when an `<Alert.Title>` is present — that\n// offset compensates for the title's cap-height vs. line-box origin so\n// the glyph aligns with the heading's caps. Without a title, the\n// container uses `items-center` and the offset would push the icon\n// 2px off the optical axis.\nconst ICON_BASE = 'ds:shrink-0 ds:size-5';\nconst ICON_WITH_TITLE = `${ICON_BASE} ds:mt-0.5`;\n\nconst CLOSE_BUTTON_CLASSES = [\n  // Default (no title): the alert root uses `items-center` and the\n  // button centres in the cross-axis. A centred 16×16 glyph inside a\n  // 44×44 button aligns optically with a single-line description.\n  // With a title: the root flips to `items-start` so the button's top\n  // edge aligns with the title row top. A centred glyph would then\n  // land ~11 px below the title's optical centre (button height is\n  // --min-target-size, much taller than the title's line-height). The\n  // `[data-has-title=true]` variant below flips the button to\n  // `items-start` and adds a block-start padding that pulls the glyph\n  // up onto the title row — same cap-height compensation idea as the\n  // leading icon's `mt-0.5`.\n  'ds:ms-auto ds:shrink-0 ds:inline-flex ds:items-center ds:justify-center',\n  'ds:[[data-has-title=true]_&]:items-start',\n  'ds:[[data-has-title=true]_&]:pt-[var(--spacing-sm)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n  'ds:-mt-[var(--spacing-xs)] ds:-me-[var(--spacing-xs)]',\n  'ds:text-current ds:opacity-70',\n  'ds:hover:opacity-100',\n  'ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\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:forced-colors:focus-visible:outline-[CanvasText]',\n].join(' ');\n\nconst VARIANT_CONFIG = {\n  info: { icon: <Info aria-hidden=\"true\" />, role: 'status', live: 'polite' },\n  success: {\n    icon: <CircleCheck aria-hidden=\"true\" />,\n    role: 'status',\n    live: 'polite',\n  },\n  warning: {\n    icon: <TriangleAlert aria-hidden=\"true\" />,\n    role: 'alert',\n    live: 'assertive',\n  },\n  error: {\n    icon: <CircleX aria-hidden=\"true\" />,\n    role: 'alert',\n    live: 'assertive',\n  },\n  // Promotions never interrupt — same polite semantics as info.\n  promo: {\n    icon: <CircleArrowUp aria-hidden=\"true\" />,\n    role: 'status',\n    live: 'polite',\n  },\n} as const;\n\ninterface AlertTitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';\n}\n\nconst AlertTitle = forwardRef<HTMLHeadingElement, AlertTitleProps>(\n  ({ as: Tag = 'h5', className, ...props }, ref) => (\n    <Tag\n      ref={ref}\n      className={['type-title-item', className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nAlertTitle.displayName = 'Alert.Title';\n\nconst AlertDescription = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    // `mt` is gated on the root's `data-has-title=\"true\"` attribute so\n    // the margin only paints when there's a Title above the\n    // Description to separate from. Without this gate, a Description\n    // rendered alone sits a few pixels below the icon + dismiss ×\n    // optical centre — visible on the AlfaDocs marketing privacy\n    // generator before HTP-4860's follow-up fix.\n    className={[\n      'ds:[[data-has-title=true]_&]:mt-[var(--spacing-xs)] type-body-sm',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nAlertDescription.displayName = 'Alert.Description';\n\nconst AlertAction = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:mt-[var(--spacing-sm)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nAlertAction.displayName = 'Alert.Action';\n\nexport interface AlertProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'role'>,\n    VariantProps<typeof alertVariants> {\n  variant?: 'info' | 'success' | 'warning' | 'error' | 'promo';\n  dismissible?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  icon?: ReactNode;\n  live?: 'assertive' | 'polite' | 'off';\n}\n\nexport type { AlertTitleProps };\n\nconst AlertRoot = forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      variant = 'info',\n      dismissible = false,\n      open: controlledOpen,\n      onOpenChange,\n      icon,\n      live,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [isOpenRaw, setOpen] = useControllableState<boolean>({\n      value: controlledOpen,\n      defaultValue: true,\n      onChange: onOpenChange,\n    });\n    const isOpen = isOpenRaw ?? true;\n    const [isClosing, setIsClosing] = useState(false);\n    const closeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const animationDurationMs = useCallback((): number => {\n      if (typeof window === 'undefined') return 200;\n      const raw = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue('--animation-duration');\n      if (!raw) return 200;\n      const trimmed = raw.trim();\n      const n = parseFloat(trimmed);\n      if (!Number.isFinite(n)) return 200;\n      return trimmed.endsWith('ms') ? n : n * 1000;\n    }, []);\n\n    if (!isOpen) return null;\n\n    const config = VARIANT_CONFIG[variant];\n    const effectiveIcon = icon !== undefined ? icon : config.icon;\n\n    // Detect an `<Alert.Title>` anywhere in the immediate children so\n    // the root can flip its cross-axis alignment. Nested wrappers\n    // around a Title aren't supported — keep the API as flat as the\n    // existing `Alert.Title` / `Alert.Description` convention.\n    const hasTitle = Children.toArray(children).some(\n      (child) => isValidElement(child) && child.type === AlertTitle,\n    );\n\n    const handleDismiss = () => {\n      if (isClosing) return;\n      setIsClosing(true);\n      if (closeTimerRef.current) clearTimeout(closeTimerRef.current);\n      closeTimerRef.current = setTimeout(() => {\n        setIsClosing(false);\n        setOpen(false);\n      }, animationDurationMs());\n    };\n\n    return (\n      <div\n        ref={ref}\n        role={config.role}\n        aria-live={live ?? config.live}\n        data-component=\"alert\"\n        data-has-title={hasTitle ? 'true' : 'false'}\n        data-state={isClosing ? 'closing' : 'open'}\n        className={[\n          alertVariants({ variant, className }),\n          // Entry: fade + slide-down on mount. Exit: fade + slide-up + slight\n          // scale when dismissed. Driven by `tw-animate-css`. Respects\n          // `prefers-reduced-motion` via `motion-safe:` and zeroes under the\n          // accessible theme (`--animation-duration: 0ms`).\n          'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-top-2',\n          'ds:motion-safe:data-[state=closing]:animate-out ds:motion-safe:data-[state=closing]:fade-out-0',\n          'ds:motion-safe:data-[state=closing]:slide-out-to-top-2 ds:motion-safe:data-[state=closing]:zoom-out-95',\n          // Pin the exit's end-state until React unmounts. Without\n          // `fill-mode-forwards` the element snaps back to opacity:1 for one\n          // paint frame after the animation ends.\n          'ds:motion-safe:data-[state=closing]:fill-mode-forwards',\n          'ds:motion-safe:duration-[var(--animation-duration)]',\n        ].join(' ')}\n        {...props}\n      >\n        {effectiveIcon ? (\n          <span className={hasTitle ? ICON_WITH_TITLE : ICON_BASE}>\n            {effectiveIcon}\n          </span>\n        ) : null}\n\n        <div className=\"ds:flex-1 ds:min-w-0\">{children}</div>\n\n        {dismissible ? (\n          <button\n            type=\"button\"\n            aria-label={t('common.close', 'Close')}\n            onClick={handleDismiss}\n            // Stable hook for containers (WarningStack) that hand focus to\n            // a neighbouring dismiss control after this one unmounts.\n            data-alert-dismiss=\"\"\n            className={CLOSE_BUTTON_CLASSES}\n          >\n            <X aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAlertRoot.displayName = 'Alert';\n\nexport const Alert = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Action: AlertAction,\n});\n"],"names":["alertVariants","cva","ICON_BASE","ICON_WITH_TITLE","CLOSE_BUTTON_CLASSES","VARIANT_CONFIG","jsx","Info","CircleCheck","TriangleAlert","CircleX","CircleArrowUp","AlertTitle","forwardRef","Tag","className","props","ref","AlertDescription","AlertAction","AlertRoot","variant","dismissible","controlledOpen","onOpenChange","icon","live","children","t","useTranslation","isOpenRaw","setOpen","useControllableState","isOpen","isClosing","setIsClosing","useState","closeTimerRef","useRef","animationDurationMs","useCallback","raw","trimmed","n","config","effectiveIcon","hasTitle","Children","child","isValidElement","handleDismiss","jsxs","X","Alert"],"mappings":"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"}

package/dist/_chunks/antenatal-schedule-timeline-CdiqkF05.js

@@ -0,0 +1,413 @@
+import { a as y, j as N } from "./date-picker-variants-CXEAx3O_.js";
+import { s as p } from "./subDays-Bs00akhK.js";
+import { jsx as u, jsxs as f } from "react/jsx-runtime";
+import { useMemo as M } from "react";
+import { useTranslation as T } from "react-i18next";
+import { C as I } from "./card-DPmk26CL.js";
+import { B as x } from "./badge-zsf5i5bH.js";
+const _ = 280, S = 14, b = 266, C = 28;
+function w(t) {
+  if (t < 0) return "preconception";
+  const a = Math.floor(t / 7);
+  return a < 14 ? "first" : a < 28 ? "second" : a < 42 ? "third" : "postterm";
+}
+function mt(t, a) {
+  const { method: s, date: r } = t;
+  let o, c;
+  if (s === "lmp") {
+    const m = t.cycleLength ?? C;
+    o = r, c = y(r, _ + (m - C));
+  } else if (s === "conception")
+    o = p(r, S), c = y(r, b);
+  else {
+    const m = t.embryoAge ?? 5, h = p(r, m);
+    o = p(h, S), c = y(h, b);
+  }
+  const e = N(a, o), l = e < 0 ? null : {
+    weeks: Math.floor(e / 7),
+    days: e % 7,
+    totalDays: e
+  };
+  return {
+    dueDate: c,
+    gestationalStart: o,
+    gestationalAge: l,
+    trimester: w(e)
+  };
+}
+const R = [12, 24, 28, 37, 40];
+function gt(t) {
+  return R.map((a) => ({
+    key: `w${a}`,
+    week: a,
+    date: y(t, a * 7)
+  }));
+}
+const Dt = {
+  preconception: "neutral",
+  first: "info",
+  second: "success",
+  third: "warning",
+  postterm: "error"
+}, $ = {
+  preconception: "--muted",
+  first: "--info",
+  second: "--success",
+  third: "--warning-readable",
+  postterm: "--destructive"
+};
+function ft(t) {
+  return $[t];
+}
+const i = (t, a = 0) => t * 7 + a;
+function F(t, a = "unknown", s = "nice") {
+  if (t === "singleton") return null;
+  if (t === "triplet")
+    return { startDay: i(35, 0), endDay: i(35, 6), source: "NICE-NG137" };
+  const r = a === "unknown" ? "monochorionic-diamniotic" : a;
+  if (s === "acog")
+    switch (r) {
+      case "dichorionic-diamniotic":
+        return {
+          startDay: i(38, 0),
+          endDay: i(38, 6),
+          source: "ACOG-PB231"
+        };
+      case "monochorionic-diamniotic":
+        return {
+          startDay: i(36, 0),
+          endDay: i(37, 6),
+          source: "ACOG-PB231"
+        };
+      case "monochorionic-monoamniotic":
+        return {
+          startDay: i(32, 0),
+          endDay: i(34, 0),
+          source: "ACOG-PB231"
+        };
+    }
+  switch (r) {
+    case "dichorionic-diamniotic":
+      return { startDay: i(37, 0), endDay: i(37, 6), source: "NICE-NG137" };
+    case "monochorionic-diamniotic":
+      return { startDay: i(36, 0), endDay: i(36, 6), source: "NICE-NG137" };
+    case "monochorionic-monoamniotic":
+      return { startDay: i(32, 0), endDay: i(33, 6), source: "NICE-NG137" };
+  }
+}
+const L = 45, B = 84;
+function H(t) {
+  return 8.052 * Math.sqrt(t * 1.037) + 23.73;
+}
+function U(t) {
+  return t <= i(8, 6) ? 5 : t <= i(15, 6) ? 7 : t <= i(21, 6) ? 10 : t <= i(27, 6) ? 14 : 21;
+}
+function ht(t) {
+  const a = N(t.scanDate, t.lmp), s = Math.round(H(t.crlMm)), r = Math.abs(a - s), o = U(a), c = r > o;
+  return {
+    gestationalStart: c ? p(t.scanDate, s) : t.lmp,
+    redated: c,
+    discrepancyDays: r,
+    thresholdDays: o,
+    ecoDiffDays: s - a,
+    crlInRange: t.crlMm >= L && t.crlMm <= B
+  };
+}
+const n = (t, a = 0) => t * 7 + a, j = (t) => t === "uk" ? {
+  key: "dating-nt",
+  category: "screening",
+  startDay: n(11, 2),
+  endDay: n(14, 1),
+  source: "NICE-NG201"
+} : {
+  key: "dating-nt",
+  category: "screening",
+  startDay: n(11, 0),
+  endDay: n(13, 6),
+  source: "SIEOG-2021"
+}, P = {
+  key: "nipt",
+  category: "screening",
+  startDay: n(10, 0),
+  endDay: n(13, 6),
+  condition: "on-indication",
+  source: "ACOG-CO700"
+}, W = {
+  key: "cvs",
+  category: "diagnostic",
+  startDay: n(11, 0),
+  endDay: n(13, 6),
+  condition: "on-indication",
+  source: "ISS"
+}, Y = {
+  key: "amnio",
+  category: "diagnostic",
+  startDay: n(15, 0),
+  endDay: n(18, 0),
+  condition: "on-indication",
+  source: "ISS"
+}, K = (t) => t === "uk" ? {
+  key: "morphology",
+  category: "scan",
+  startDay: n(18, 0),
+  endDay: n(20, 6),
+  source: "NICE-NG201"
+} : t === "international" ? {
+  key: "morphology",
+  category: "scan",
+  startDay: n(18, 0),
+  endDay: n(22, 0),
+  source: "ACOG-CO700"
+} : {
+  key: "morphology",
+  category: "scan",
+  startDay: n(19, 0),
+  endDay: n(21, 6),
+  source: "SIEOG-2021"
+}, V = {
+  key: "growth",
+  category: "scan",
+  startDay: n(30, 0),
+  endDay: n(33, 6),
+  condition: "on-indication",
+  source: "SIEOG-2021"
+}, q = {
+  key: "ogtt-high",
+  category: "lab",
+  startDay: n(16, 0),
+  endDay: n(18, 6),
+  condition: "gdm-high",
+  source: "SID-AMD"
+}, X = {
+  key: "ogtt-medium",
+  category: "lab",
+  startDay: n(24, 0),
+  endDay: n(28, 6),
+  condition: "gdm-medium",
+  source: "SID-AMD"
+}, v = (t) => t === "it" ? {
+  key: "gbs",
+  category: "lab",
+  startDay: n(36, 0),
+  endDay: n(37, 6),
+  source: "ISS"
+} : {
+  // CDC / legacy international protocols open a week earlier.
+  key: "gbs",
+  category: "lab",
+  startDay: n(35, 0),
+  endDay: n(37, 6),
+  source: "NICE-NG201"
+}, z = {
+  key: "anti-d",
+  category: "prophylaxis",
+  startDay: n(28, 0),
+  endDay: n(28, 0),
+  condition: "rh-negative",
+  source: "ISS"
+}, J = {
+  key: "term",
+  category: "milestone",
+  startDay: n(37, 0),
+  endDay: n(37, 0),
+  plurality: ["singleton"],
+  source: "ACOG-CO700"
+}, Q = {
+  key: "edd",
+  category: "milestone",
+  startDay: n(40, 0),
+  endDay: n(40, 0),
+  plurality: ["singleton"],
+  source: "ACOG-CO700"
+}, Z = {
+  key: "chorionicity",
+  category: "scan",
+  startDay: n(11, 2),
+  endDay: n(14, 1),
+  plurality: ["twin", "triplet"],
+  source: "ISUOG-2025"
+};
+function tt(t) {
+  return [
+    j(t),
+    P,
+    W,
+    Z,
+    Y,
+    K(t),
+    q,
+    V,
+    X,
+    J,
+    v(t),
+    z,
+    Q
+  ];
+}
+function at(t, a, s) {
+  if (t === "singleton") return [];
+  const r = a === "dichorionic-diamniotic", o = r ? 4 : 2, c = r ? 20 : 16, e = F(t, a, s), l = [
+    {
+      key: "surveillance",
+      category: "scan",
+      startDay: n(c, 0),
+      // Runs until the planned-birth window opens (fallback 36w if none).
+      endDay: e ? e.startDay : n(36, 0),
+      source: r ? "NICE-NG137" : "ISUOG-2025",
+      meta: { everyWeeks: o, fromWeek: c }
+    }
+  ];
+  return e && l.push({
+    key: "birth",
+    category: "milestone",
+    startDay: e.startDay,
+    endDay: e.endDay,
+    source: e.source
+  }), l;
+}
+function et(t, a) {
+  if (t.plurality && !t.plurality.includes(a.plurality) || t.chorionicity && !t.chorionicity.includes(a.chorionicity))
+    return !1;
+  switch (t.condition) {
+    case "rh-negative":
+      return a.rhNegative;
+    case "gdm-high":
+      return a.gdmRisk === "high";
+    case "gdm-medium":
+      return a.gdmRisk === "medium";
+    case "on-indication":
+      return a.includeOnIndication;
+    default:
+      return !0;
+  }
+}
+function nt(t, a, s, r) {
+  const o = N(t, s);
+  return N(a, s) < 0 ? { status: "past", near: !1 } : o <= 0 ? { status: "current", near: !0 } : { status: "upcoming", near: o <= r };
+}
+function pt(t, a = {}) {
+  const {
+    today: s = /* @__PURE__ */ new Date(),
+    schedule: r = "it",
+    plurality: o = "singleton",
+    chorionicity: c = "unknown",
+    rhNegative: e = !1,
+    gdmRisk: l,
+    includeOnIndication: m = !1,
+    birthGuideline: h = "nice",
+    nearDays: G = 14
+  } = a;
+  return [
+    ...tt(r),
+    ...at(o, c, h)
+  ].filter(
+    (d) => et(d, {
+      plurality: o,
+      chorionicity: c,
+      rhNegative: e,
+      gdmRisk: l,
+      includeOnIndication: m
+    })
+  ).map((d) => {
+    const g = y(t, d.startDay), D = y(t, d.endDay), { status: O, near: A } = nt(g, D, s, G);
+    return {
+      ...d,
+      start: g,
+      end: D,
+      single: d.startDay === d.endDay,
+      status: O,
+      near: A
+    };
+  }).sort((d, g) => {
+    const D = d.startDay - g.startDay;
+    return D !== 0 ? D : d.endDay - g.endDay;
+  });
+}
+function rt(t, a) {
+  return t === "past" ? "neutral" : t === "current" || a ? "warning" : "info";
+}
+function k(t) {
+  return `${Math.floor(t / 7)}+${t % 7}`;
+}
+const st = {
+  scan: "activity",
+  screening: "activity",
+  diagnostic: "activity",
+  lab: "droplets",
+  prophylaxis: "heart",
+  milestone: "calendar"
+};
+function E(t, a) {
+  return a(`antenatalSchedule.event.${t.key}`, t.meta ?? {});
+}
+function Nt(t, a, s) {
+  return t.map((r) => ({
+    icon: st[r.category],
+    label: E(r, a),
+    value: r.single ? s(r.start) : `${s(r.start)} – ${s(r.end)}`
+  }));
+}
+function It({
+  events: t
+}) {
+  const { t: a, i18n: s } = T(), r = M(
+    () => new Intl.DateTimeFormat(s.language, { dateStyle: "medium" }),
+    [s.language]
+  ), o = (e) => E(e, a), c = (e) => e.single ? r.format(e.start) : `${r.format(e.start)} – ${r.format(
+    e.end
+  )}`;
+  return /* @__PURE__ */ u(I, { variant: "elevated", children: /* @__PURE__ */ f(I.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ u("span", { className: "type-label ds:text-muted-foreground", children: a("antenatalSchedule.scheduleLabel") }),
+    /* @__PURE__ */ u("ul", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: t.map((e) => /* @__PURE__ */ f(
+      "li",
+      {
+        "data-status": e.status,
+        className: "ds:flex ds:flex-wrap ds:items-start ds:justify-between ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-xs)] ds:border-b ds:border-border ds:pb-[var(--spacing-sm)] ds:last:border-b-0 ds:last:pb-0",
+        children: [
+          /* @__PURE__ */ f("span", { className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ u("span", { className: "type-body ds:text-foreground", children: o(e) }),
+            /* @__PURE__ */ f("span", { className: "type-meta ds:text-muted-foreground", children: [
+              a(`antenatalSchedule.category.${e.category}`),
+              " ·",
+              " ",
+              k(e.startDay),
+              e.single ? "" : ` – ${k(e.endDay)}`,
+              " ·",
+              " ",
+              a(`antenatalSchedule.source.${e.source}`),
+              e.condition === "on-indication" ? ` · ${a("antenatalSchedule.onIndication")}` : ""
+            ] })
+          ] }),
+          /* @__PURE__ */ f("span", { className: "ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-2xs)] ds:text-end", children: [
+            /* @__PURE__ */ u("span", { className: "type-body ds:text-foreground", children: c(e) }),
+            /* @__PURE__ */ u(x, { variant: rt(e.status, e.near), children: e.status === "upcoming" && e.near ? a("antenatalSchedule.near") : a(`antenatalSchedule.status.${e.status}`) })
+          ] })
+        ]
+      },
+      e.key
+    )) }),
+    /* @__PURE__ */ u("p", { className: "type-meta ds:text-muted-foreground", children: a("antenatalSchedule.disclaimer") })
+  ] }) });
+}
+export {
+  It as A,
+  B as C,
+  C as D,
+  _ as G,
+  R as M,
+  b as T,
+  L as a,
+  H as b,
+  mt as c,
+  U as d,
+  pt as e,
+  Dt as f,
+  gt as g,
+  Nt as h,
+  ft as i,
+  S as j,
+  F as p,
+  ht as r,
+  w as t
+};
+//# sourceMappingURL=antenatal-schedule-timeline-CdiqkF05.js.map