@mieweb/ui 0.10.0-dev.1 → 0.10.0-dev.10

package/dist/chunk-BM35CACB.js

@@ -0,0 +1,148 @@
+import * as React from 'react';
+
+// src/hooks/useStickToBottom.ts
+function pinToBottom(el) {
+  el.scrollTop = el.scrollHeight;
+}
+function useStickToBottom({
+  threshold = 100,
+  disabled = false
+} = {}) {
+  const containerRef = React.useRef(null);
+  const contentRef = React.useRef(null);
+  const [isAtBottom, setIsAtBottom] = React.useState(true);
+  const pinnedRef = React.useRef(true);
+  const readingRef = React.useRef(false);
+  const anchorTargetRef = React.useRef(null);
+  const anchorDistanceRef = React.useRef(Infinity);
+  const [containerEl, setContainerEl] = React.useState(
+    null
+  );
+  const [contentEl, setContentEl] = React.useState(null);
+  React.useEffect(() => {
+    if (containerRef.current !== containerEl)
+      setContainerEl(containerRef.current);
+    if (contentRef.current !== contentEl) setContentEl(contentRef.current);
+  });
+  React.useEffect(() => {
+    if (disabled) return;
+    const el = containerEl;
+    if (!el) return;
+    const handleScroll = () => {
+      const anchorTarget = anchorTargetRef.current;
+      if (anchorTarget != null) {
+        const distance = Math.abs(el.scrollTop - anchorTarget);
+        if (distance < 2) {
+          anchorTargetRef.current = null;
+        } else if (distance > anchorDistanceRef.current + 1) {
+          anchorTargetRef.current = null;
+        } else {
+          anchorDistanceRef.current = distance;
+          return;
+        }
+      }
+      const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight <= threshold;
+      if (!atBottom) readingRef.current = false;
+      pinnedRef.current = atBottom && !readingRef.current;
+      setIsAtBottom(atBottom);
+    };
+    if (pinnedRef.current) pinToBottom(el);
+    handleScroll();
+    el.addEventListener("scroll", handleScroll, { passive: true });
+    return () => el.removeEventListener("scroll", handleScroll);
+  }, [containerEl, threshold, disabled]);
+  React.useEffect(() => {
+    if (disabled) return;
+    const el = containerEl;
+    if (!el || typeof globalThis.ResizeObserver === "undefined") return;
+    const observer = new globalThis.ResizeObserver(() => {
+      if (pinnedRef.current) {
+        pinToBottom(el);
+        return;
+      }
+      if (anchorTargetRef.current != null) return;
+      const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight <= threshold;
+      if (!atBottom) readingRef.current = false;
+      setIsAtBottom(atBottom);
+    });
+    observer.observe(el);
+    if (contentEl) observer.observe(contentEl);
+    return () => observer.disconnect();
+  }, [containerEl, contentEl, threshold, disabled]);
+  const scrollToBottom = React.useCallback(
+    (behavior = "auto") => {
+      const el = containerRef.current;
+      if (!el) return;
+      readingRef.current = false;
+      anchorTargetRef.current = null;
+      pinnedRef.current = true;
+      setIsAtBottom(true);
+      if (typeof el.scrollTo === "function") {
+        el.scrollTo({ top: el.scrollHeight, behavior });
+      } else {
+        pinToBottom(el);
+      }
+    },
+    []
+  );
+  const anchorToTurnStart = React.useCallback(
+    (target, behavior = "auto") => {
+      const el = containerRef.current;
+      if (!el) return;
+      readingRef.current = true;
+      pinnedRef.current = false;
+      const top = Math.min(
+        target.getBoundingClientRect().top - el.getBoundingClientRect().top + el.scrollTop,
+        el.scrollHeight - el.clientHeight
+      );
+      if (Math.abs(el.scrollTop - top) < 2) return;
+      anchorTargetRef.current = top;
+      anchorDistanceRef.current = Infinity;
+      if (typeof el.scrollTo === "function") {
+        el.scrollTo({ top, behavior });
+      } else {
+        el.scrollTop = top;
+      }
+    },
+    []
+  );
+  const followIfPinned = React.useCallback(
+    (behavior = "auto") => {
+      if (!pinnedRef.current) return false;
+      scrollToBottom(behavior);
+      return true;
+    },
+    [scrollToBottom]
+  );
+  const stopFollowing = React.useCallback(() => {
+    readingRef.current = true;
+    pinnedRef.current = false;
+  }, []);
+  return {
+    containerRef,
+    contentRef,
+    isAtBottom,
+    scrollToBottom,
+    anchorToTurnStart,
+    followIfPinned,
+    stopFollowing
+  };
+}
+function useStreamEndedBelowFold(newest, isAtBottom, onEnded, onEndedAtBottom) {
+  const streamingIdRef = React.useRef(null);
+  React.useEffect(() => {
+    if (newest?.status === "streaming") {
+      streamingIdRef.current = newest.id;
+      return;
+    }
+    if (streamingIdRef.current && newest?.id === streamingIdRef.current) {
+      streamingIdRef.current = null;
+      if (!isAtBottom) onEnded();
+      else onEndedAtBottom?.();
+    }
+  }, [newest, isAtBottom, onEnded, onEndedAtBottom]);
+}
+
+export { useStickToBottom, useStreamEndedBelowFold };
+//# sourceMappingURL=chunk-BM35CACB.js.map
+//# sourceMappingURL=chunk-BM35CACB.js.map

package/dist/chunk-BM35CACB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useStickToBottom.ts"],"names":[],"mappings":"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","file":"chunk-BM35CACB.js","sourcesContent":["import * as React from 'react';\n\n/**\n * Options for {@link useStickToBottom}.\n */\nexport interface UseStickToBottomOptions {\n  /**\n   * Distance from the bottom (px) within which the user still counts as \"at\n   * the bottom\" — small offsets from rounding or momentum scrolling shouldn't\n   * break pinning.\n   */\n  threshold?: number;\n  /**\n   * Disable all behavior (listeners and observers detach). Useful when the\n   * scroll container anchors somewhere other than the bottom (e.g. a\n   * newest-first feed).\n   */\n  disabled?: boolean;\n}\n\nexport interface UseStickToBottomReturn {\n  /** Attach to the scrollable container. */\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  /**\n   * Attach to the element wrapping the container's content. Its growth (e.g.\n   * a streaming message) re-pins the scroll while the user is at the bottom.\n   */\n  contentRef: React.RefObject<HTMLDivElement | null>;\n  /** Whether the user is currently at (or within `threshold` of) the bottom. */\n  isAtBottom: boolean;\n  /** Scroll to the bottom and resume pinning. */\n  scrollToBottom: (behavior?: ScrollBehavior) => void;\n  /**\n   * Scroll so `target`'s top aligns with the viewport top and enter “reading”\n   * mode: content growing past the fold no longer auto-follows, so the reader\n   * consumes the response at their own pace (the ChatGPT/Claude send UX).\n   * Following resumes when they explicitly return to the bottom — a\n   * jump-to-bottom click (`scrollToBottom`) or scrolling there by hand.\n   */\n  anchorToTurnStart: (target: HTMLElement, behavior?: ScrollBehavior) => void;\n  /**\n   * Scroll to the bottom only while actually following (at the bottom and not\n   * in reading mode). Returns whether it scrolled — hosts use this to decide\n   * between following an appended message and raising a “new messages” hint.\n   */\n  followIfPinned: (behavior?: ScrollBehavior) => boolean;\n  /**\n   * Hold the current position: enter reading mode without scrolling, so an\n   * incoming stream fills below the fold instead of pushing the view up.\n   * Call right after a streaming message appends (optionally after revealing\n   * its first line with `followIfPinned`). Following resumes exactly as after\n   * `anchorToTurnStart`: an explicit `scrollToBottom` or the reader returning\n   * to the bottom by hand.\n   */\n  stopFollowing: () => void;\n}\n\nfunction pinToBottom(el: HTMLElement) {\n  el.scrollTop = el.scrollHeight;\n}\n\n/**\n * Keeps a scroll container pinned to its bottom edge while the user is there,\n * and — crucially — leaves the scroll position alone once they scroll up.\n *\n * Designed for chat threads with streaming responses:\n * - While the user is at the bottom, content growth (new tokens, new\n *   messages) and container resizes (on-screen keyboard, growing composer)\n *   keep the newest content in view via a `ResizeObserver` on both the\n *   content and the container.\n * - Once the user scrolls up, nothing moves until they return to the bottom\n *   themselves or the host calls `scrollToBottom` (e.g. a jump-to-bottom\n *   button, or an outgoing message from the local user).\n *\n * The hook only pins; *when* to force a scroll (own message sent, thread\n * switched) stays a host decision through `scrollToBottom`,\n * `anchorToTurnStart` (ChatGPT-style: scroll a fresh turn to the viewport top\n * and pause following while the reader digests the reply), and\n * `followIfPinned` (follow an append only while actually at the bottom).\n *\n * @example\n * ```tsx\n * const { containerRef, contentRef, isAtBottom, scrollToBottom } =\n *   useStickToBottom();\n * return (\n *   <div className=\"relative min-h-0 flex-1\">\n *     <div ref={containerRef} className=\"h-full overflow-y-auto\">\n *       <div ref={contentRef}>{rows}</div>\n *     </div>\n *     {!isAtBottom && <JumpToBottom onClick={() => scrollToBottom('smooth')} />}\n *   </div>\n * );\n * ```\n */\nexport function useStickToBottom({\n  threshold = 100,\n  disabled = false,\n}: UseStickToBottomOptions = {}): UseStickToBottomReturn {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [isAtBottom, setIsAtBottom] = React.useState(true);\n  // Mirror of `isAtBottom` readable synchronously from observer callbacks\n  // without re-subscribing them on every scroll.\n  const pinnedRef = React.useRef(true);\n  // “Reading” mode (entered via `anchorToTurnStart`): the viewport sits at the\n  // reserved space below a fresh turn — geometrically the bottom — but growth\n  // must NOT follow. Cleared once the position genuinely leaves the bottom\n  // (content outgrew the reserve or the user scrolled up), after which the\n  // normal pin-at-bottom rules apply again.\n  const readingRef = React.useRef(false);\n  // In-flight anchor animation: a smooth `anchorToTurnStart` fires scroll\n  // events that are neither the user's nor at the bottom — they must not end\n  // reading mode or re-pin. Cleared on arrival at the target, or when the\n  // distance to it grows (the user grabbed the scroll mid-animation).\n  const anchorTargetRef = React.useRef<number | null>(null);\n  const anchorDistanceRef = React.useRef(Infinity);\n\n  // Hosts can re-attach the refs to new DOM nodes without remounting (e.g.\n  // SuperChat swapping its plain thread for the virtualized one when the\n  // conversation grows). Mirror the current nodes into state so the listener\n  // and observer effects below re-bind whenever the target changes.\n  const [containerEl, setContainerEl] = React.useState<HTMLDivElement | null>(\n    null\n  );\n  const [contentEl, setContentEl] = React.useState<HTMLDivElement | null>(null);\n  // Intentionally dep-less: ref mutations don't trigger renders, so this must\n  // check after every render. The inequality guards make it settle immediately.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  React.useEffect(() => {\n    if (containerRef.current !== containerEl)\n      setContainerEl(containerRef.current);\n    if (contentRef.current !== contentEl) setContentEl(contentRef.current);\n  });\n\n  // Track the user's position: at (or near) the bottom means \"pinned\".\n  React.useEffect(() => {\n    if (disabled) return;\n    const el = containerEl;\n    if (!el) return;\n\n    const handleScroll = () => {\n      const anchorTarget = anchorTargetRef.current;\n      if (anchorTarget != null) {\n        const distance = Math.abs(el.scrollTop - anchorTarget);\n        if (distance < 2) {\n          anchorTargetRef.current = null; // arrived — handle normally\n        } else if (distance > anchorDistanceRef.current + 1) {\n          anchorTargetRef.current = null; // user took over mid-animation\n        } else {\n          anchorDistanceRef.current = distance;\n          return; // the animation's own events don't change pinning\n        }\n      }\n      const atBottom =\n        el.scrollHeight - el.scrollTop - el.clientHeight <= threshold;\n      if (!atBottom) readingRef.current = false;\n      pinnedRef.current = atBottom && !readingRef.current;\n      setIsAtBottom(atBottom);\n    };\n\n    // A freshly attached node starts at `scrollTop` 0 — re-assert carried-over\n    // pinning (e.g. across SuperChat's plain ⇄ virtualized swap) instead of\n    // letting the initial read demote a pinned reader to \"scrolled up\".\n    if (pinnedRef.current) pinToBottom(el);\n    handleScroll(); // initial position\n    el.addEventListener('scroll', handleScroll, { passive: true });\n    return () => el.removeEventListener('scroll', handleScroll);\n  }, [containerEl, threshold, disabled]);\n\n  // While pinned, follow growth of the content (streaming tokens, appended\n  // rows) and shrinking of the container (on-screen keyboard, composer\n  // growing) so the newest content stays in view. While unpinned this\n  // observer never touches the scroll position.\n  React.useEffect(() => {\n    if (disabled) return;\n    const el = containerEl;\n    if (!el || typeof globalThis.ResizeObserver === 'undefined') return;\n\n    const observer = new globalThis.ResizeObserver(() => {\n      if (pinnedRef.current) {\n        pinToBottom(el);\n        return;\n      }\n      // Mid-anchor-animation the position is transient — judge nothing yet.\n      if (anchorTargetRef.current != null) return;\n      // Not following: growth can still silently carry the position away from\n      // the bottom (no scroll event fires), so recompute the state here — it\n      // drives the jump-to-bottom affordance and ends reading mode once the\n      // response outgrows its reserved space.\n      const atBottom =\n        el.scrollHeight - el.scrollTop - el.clientHeight <= threshold;\n      if (!atBottom) readingRef.current = false;\n      setIsAtBottom(atBottom);\n    });\n    observer.observe(el);\n    if (contentEl) observer.observe(contentEl);\n    return () => observer.disconnect();\n  }, [containerEl, contentEl, threshold, disabled]);\n\n  const scrollToBottom = React.useCallback(\n    (behavior: ScrollBehavior = 'auto') => {\n      const el = containerRef.current;\n      if (!el) return;\n      // Pin immediately so a concurrent stream keeps following while a\n      // smooth scroll animates down.\n      readingRef.current = false;\n      anchorTargetRef.current = null;\n      pinnedRef.current = true;\n      setIsAtBottom(true);\n      if (typeof el.scrollTo === 'function') {\n        el.scrollTo({ top: el.scrollHeight, behavior });\n      } else {\n        pinToBottom(el); // jsdom fallback\n      }\n    },\n    []\n  );\n\n  const anchorToTurnStart = React.useCallback(\n    (target: HTMLElement, behavior: ScrollBehavior = 'auto') => {\n      const el = containerRef.current;\n      if (!el) return;\n      readingRef.current = true;\n      pinnedRef.current = false;\n      // Clamp to the reachable range so the “arrived” check always resolves.\n      const top = Math.min(\n        target.getBoundingClientRect().top -\n          el.getBoundingClientRect().top +\n          el.scrollTop,\n        el.scrollHeight - el.clientHeight\n      );\n      // Already there: `scrollTo` emits no scroll event, so tracking an\n      // in-flight animation would swallow observer updates forever.\n      if (Math.abs(el.scrollTop - top) < 2) return;\n      anchorTargetRef.current = top;\n      anchorDistanceRef.current = Infinity;\n      if (typeof el.scrollTo === 'function') {\n        el.scrollTo({ top, behavior });\n      } else {\n        el.scrollTop = top; // jsdom fallback\n      }\n    },\n    []\n  );\n\n  const followIfPinned = React.useCallback(\n    (behavior: ScrollBehavior = 'auto') => {\n      if (!pinnedRef.current) return false;\n      scrollToBottom(behavior);\n      return true;\n    },\n    [scrollToBottom]\n  );\n\n  const stopFollowing = React.useCallback(() => {\n    readingRef.current = true;\n    pinnedRef.current = false;\n  }, []);\n\n  return {\n    containerRef,\n    contentRef,\n    isAtBottom,\n    scrollToBottom,\n    anchorToTurnStart,\n    followIfPinned,\n    stopFollowing,\n  };\n}\n\n/**\n * Companion to {@link useStickToBottom}: fires `onEnded` when the newest\n * message finishes streaming while the reader is away from the bottom — the\n * end of the reply landed below the fold, so the jump-to-bottom button should\n * upgrade to its “new messages” hint. When the whole reply fit above the fold\n * (the reader is still at the bottom), `onEndedAtBottom` fires instead so the\n * host can exit the stream's hold and resume following (`scrollToBottom`).\n */\nexport function useStreamEndedBelowFold(\n  newest: { id: string; status?: string } | undefined,\n  isAtBottom: boolean,\n  onEnded: () => void,\n  onEndedAtBottom?: () => void\n) {\n  const streamingIdRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    if (newest?.status === 'streaming') {\n      streamingIdRef.current = newest.id;\n      return;\n    }\n    if (streamingIdRef.current && newest?.id === streamingIdRef.current) {\n      streamingIdRef.current = null;\n      if (!isAtBottom) onEnded();\n      else onEndedAtBottom?.();\n    }\n  }, [newest, isAtBottom, onEnded, onEndedAtBottom]);\n}\n"]}

package/dist/chunk-CR2SDI23.cjs

@@ -0,0 +1,322 @@
+'use strict';
+
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var MONTH_LETTERS = [
+  "J",
+  "F",
+  "M",
+  "A",
+  "M",
+  "J",
+  "J",
+  "A",
+  "S",
+  "O",
+  "N",
+  "D"
+];
+var MONTH_NAMES = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+var TONES = [
+  "primary",
+  "accent",
+  "info",
+  "success",
+  "warning",
+  "neutral"
+];
+var TONE_COLORS = {
+  primary: ["var(--mieweb-primary-600)", "var(--mieweb-primary-400)"],
+  accent: [
+    "var(--mieweb-accent, var(--mieweb-primary-500))",
+    "var(--mieweb-accent-light, var(--mieweb-primary-300))"
+  ],
+  success: [
+    "var(--mieweb-success)",
+    "color-mix(in srgb, var(--mieweb-success) 60%, #fff)"
+  ],
+  warning: [
+    "var(--mieweb-warning)",
+    "color-mix(in srgb, var(--mieweb-warning) 60%, #fff)"
+  ],
+  info: [
+    "var(--mieweb-info, var(--mieweb-primary-400))",
+    "color-mix(in srgb, var(--mieweb-info, var(--mieweb-primary-400)) 60%, #fff)"
+  ],
+  neutral: ["var(--mieweb-neutral-500)", "var(--mieweb-neutral-400)"]
+};
+var GROUP_TEXT = {
+  scheduled: "text-primary-800 dark:text-primary-300",
+  continuous: "text-success-800 dark:text-success",
+  event: "text-muted-foreground"
+};
+function cadenceOf(item) {
+  return item.cadence ?? (item.months?.length ? "scheduled" : "continuous");
+}
+function windowOf(item) {
+  if (!item.months?.length) return null;
+  return { start: Math.min(...item.months), end: Math.max(...item.months) };
+}
+function formatWindow(item, names) {
+  const w = windowOf(item);
+  if (!w) return null;
+  return w.start === w.end ? names[w.start - 1] : `${names[w.start - 1]}\u2013${names[w.end - 1]}`;
+}
+function resolveCurrent(items, month) {
+  const live = items.find((it) => it.months?.includes(month));
+  if (live) return { id: live.id, live: true };
+  let best = null;
+  let bestDelta = 99;
+  for (const it of items) {
+    if (!it.months?.length) continue;
+    const delta = (Math.min(...it.months) - month + 12) % 12;
+    if (delta > 0 && delta < bestDelta) {
+      bestDelta = delta;
+      best = it;
+    }
+  }
+  return best ? { id: best.id, live: false } : null;
+}
+function toMonth(today) {
+  return typeof today === "number" ? today : today.getMonth() + 1;
+}
+function YearTimeline({
+  items,
+  today,
+  labelHeading = "Obligation",
+  monthLabels = MONTH_LETTERS,
+  monthNames = MONTH_NAMES,
+  groupLabels,
+  labels,
+  highlightCurrent = true,
+  labelWidth = "300px",
+  className
+}) {
+  const [mountedMonth, setMountedMonth] = React__namespace.useState(null);
+  React__namespace.useEffect(() => {
+    if (today === void 0) setMountedMonth((/* @__PURE__ */ new Date()).getMonth() + 1);
+  }, [today]);
+  const month = today === null ? null : today === void 0 ? mountedMonth : toMonth(today);
+  const current = month != null && highlightCurrent ? resolveCurrent(items, month) : null;
+  const nowFraction = month != null ? (month - 0.5) / 12 : null;
+  const groupTitle = {
+    scheduled: groupLabels?.scheduled ?? "On the calendar",
+    continuous: groupLabels?.continuous ?? "Runs all year",
+    event: groupLabels?.event ?? "As it happens"
+  };
+  const text = { today: "Today", now: "Now", upNext: "Up next", ...labels };
+  const groups = ["scheduled", "continuous", "event"].map((key) => ({
+    key,
+    items: items.filter((it) => cadenceOf(it) === key).sort(
+      (a, b) => (windowOf(a)?.start ?? 13) - (windowOf(b)?.start ?? 13)
+    )
+  })).filter((g) => g.items.length > 0);
+  let toneIndex = 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "year-timeline",
+      style: {
+        "--yt-label": labelWidth,
+        "--yt-now": nowFraction ?? void 0
+      },
+      className: chunkS5RVSXDV_cjs.cn(
+        "border-border bg-card text-card-foreground relative overflow-hidden rounded-xl border shadow-md",
+        // year ribbon
+        'before:absolute before:inset-x-0 before:top-0 before:z-[4] before:h-1 before:content-[""]',
+        "before:[background:linear-gradient(90deg,var(--mieweb-accent,var(--mieweb-primary-400))_0%,var(--mieweb-primary-500)_50%,var(--mieweb-success)_80%,var(--mieweb-accent,var(--mieweb-primary-400))_100%)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border bg-muted/50 hidden border-b md:grid md:grid-cols-[var(--yt-label)_1fr]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border flex items-end border-e px-5 pt-3 pb-2.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-[10px] font-bold tracking-[0.11em] uppercase", children: labelHeading }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative grid grid-cols-12", children: [
+            monthLabels.map((m, i) => /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: chunkS5RVSXDV_cjs.cn(
+                  "text-muted-foreground pt-3 pb-2.5 text-center text-[11px] font-bold tracking-wide",
+                  i > 0 && "border-border/60 border-s"
+                ),
+                children: m
+              },
+              i
+            )),
+            nowFraction != null && /* @__PURE__ */ jsxRuntime.jsxs(
+              "span",
+              {
+                "data-slot": "year-timeline-today",
+                style: { left: `calc(var(--yt-now) * 100%)` },
+                className: "bg-primary-800 absolute top-1.5 z-[5] inline-flex -translate-x-1/2 items-center gap-1.5 rounded-full px-2 py-0.5 text-[9px] font-bold tracking-[0.09em] whitespace-nowrap text-white uppercase",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("i", { "aria-hidden": true, className: "h-1.5 w-1.5 rounded-full bg-white" }),
+                  text.today
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "aria-hidden": true,
+              className: "pointer-events-none absolute inset-y-0 end-0 z-0 hidden md:block",
+              style: {
+                left: "var(--yt-label)",
+                backgroundImage: "repeating-linear-gradient(90deg, var(--mieweb-border) 0, var(--mieweb-border) 1px, transparent 1px, transparent calc(100% / 12))",
+                opacity: 0.5
+              }
+            }
+          ),
+          nowFraction != null && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              "data-slot": "year-timeline-playhead",
+              style: {
+                left: "calc(var(--yt-label) + (100% - var(--yt-label)) * var(--yt-now))"
+              },
+              className: chunkS5RVSXDV_cjs.cn(
+                "pointer-events-none absolute inset-y-0 z-[3] hidden w-0.5 -translate-x-px md:block",
+                "[background:linear-gradient(180deg,var(--mieweb-primary-700),color-mix(in_srgb,var(--mieweb-primary-700)_15%,transparent))]",
+                'before:bg-primary-700 before:absolute before:top-0 before:left-1/2 before:h-2.5 before:w-2.5 before:-translate-x-1/2 before:rounded-full before:content-[""]'
+              )
+            }
+          ),
+          groups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cadence": g.key, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: chunkS5RVSXDV_cjs.cn(
+                  "bg-muted/30 relative z-[1] flex items-center gap-2 px-5 py-2.5 text-[10px] font-bold tracking-[0.12em] uppercase",
+                  gi > 0 && "border-border border-t",
+                  GROUP_TEXT[g.key]
+                ),
+                children: groupTitle[g.key]
+              }
+            ),
+            g.items.map((it) => {
+              const cadence = cadenceOf(it);
+              const w = windowOf(it);
+              const isCurrent = current?.id === it.id;
+              const [c1, c2] = it.colors ?? TONE_COLORS[it.tone ?? TONES[toneIndex++ % TONES.length]];
+              const caption = cadence === "scheduled" ? formatWindow(it, monthNames) : null;
+              const period = it.period ?? caption ?? groupTitle[cadence];
+              const Title = it.href ? "a" : "span";
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  "data-slot": "year-timeline-row",
+                  "data-current": isCurrent ? current?.live ? "now" : "next" : void 0,
+                  className: chunkS5RVSXDV_cjs.cn(
+                    "border-border/60 relative z-[1] grid border-t transition-colors md:grid-cols-[var(--yt-label)_1fr]",
+                    "hover:bg-muted/40",
+                    isCurrent && "bg-primary-500/10 hover:bg-primary-500/10"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:border-border/60 px-5 pt-4 pb-2 md:border-e md:pb-4", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        "div",
+                        {
+                          className: "mb-1.5 flex items-center gap-1.5 text-[10px] font-bold tracking-[0.09em] uppercase [&_svg]:h-3.5 [&_svg]:w-3.5",
+                          style: { color: c1 },
+                          children: [
+                            it.icon,
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { children: period }),
+                            isCurrent && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-primary-800 ms-auto rounded-full px-1.5 py-0.5 text-[9px] tracking-[0.08em] text-white", children: current?.live ? text.now : text.upNext })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        Title,
+                        {
+                          href: it.href,
+                          className: chunkS5RVSXDV_cjs.cn(
+                            "text-foreground block text-base font-semibold",
+                            it.href && "hover:underline"
+                          ),
+                          children: it.label
+                        }
+                      ),
+                      it.detail && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-1 text-sm leading-relaxed", children: it.detail })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-12 items-center px-5 pb-4 md:px-0 md:py-3.5", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        "data-slot": "year-timeline-bar",
+                        "data-cadence": cadence,
+                        style: {
+                          gridColumn: cadence === "scheduled" && w ? `${w.start} / ${w.end + 1}` : "1 / 13",
+                          ...cadence === "scheduled" ? {
+                            background: `linear-gradient(90deg, ${c1}, ${c2})`
+                          } : cadence === "continuous" ? {
+                            background: `linear-gradient(90deg, color-mix(in srgb, ${c1} 22%, transparent), color-mix(in srgb, ${c2} 22%, transparent))`,
+                            borderColor: `color-mix(in srgb, ${c1} 45%, transparent)`
+                          } : {
+                            background: `repeating-linear-gradient(45deg, color-mix(in srgb, ${c1} 30%, transparent) 0 6px, transparent 6px 12px)`,
+                            borderColor: `color-mix(in srgb, ${c1} 60%, transparent)`
+                          }
+                        },
+                        className: chunkS5RVSXDV_cjs.cn(
+                          "row-start-1 flex h-3.5 min-w-2.5 items-center justify-end rounded-full px-2 md:h-[22px]",
+                          cadence === "scheduled" && "shadow-sm",
+                          cadence === "continuous" && "border",
+                          cadence === "event" && "border border-dashed"
+                        ),
+                        children: caption && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden text-[10px] font-bold tracking-wide text-white [text-shadow:0_1px_1px_rgba(0,0,0,0.3)] md:inline", children: caption })
+                      }
+                    ) })
+                  ]
+                },
+                it.id
+              );
+            })
+          ] }, g.key))
+        ] })
+      ]
+    }
+  );
+}
+
+exports.MONTH_LETTERS = MONTH_LETTERS;
+exports.MONTH_NAMES = MONTH_NAMES;
+exports.YearTimeline = YearTimeline;
+exports.resolveCurrent = resolveCurrent;
+//# sourceMappingURL=chunk-CR2SDI23.cjs.map
+//# sourceMappingURL=chunk-CR2SDI23.cjs.map

package/dist/chunk-CR2SDI23.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/YearTimeline/YearTimeline.tsx"],"names":["React","jsxs","cn","jsx"],"mappings":"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","file":"chunk-CR2SDI23.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** How an item lives in the year. */\nexport type YearTimelineCadence = 'scheduled' | 'continuous' | 'event';\n\nexport type YearTimelineTone =\n  | 'primary'\n  | 'accent'\n  | 'success'\n  | 'warning'\n  | 'info'\n  | 'neutral';\n\nexport interface YearTimelineItem {\n  id: string;\n  /** Row title. */\n  label: string;\n  /** Supporting copy under the title. */\n  detail?: string;\n  /**\n   * Eyebrow above the title, e.g. \"Jan–Feb\" or \"Year-round\". Defaults to the\n   * formatted month window for scheduled items.\n   */\n  period?: string;\n  /** Months (1–12) the item occupies. Drives the bar span and the live marker. */\n  months?: number[];\n  /**\n   * `scheduled` bars span `months`; `continuous` and `event` run full-width in\n   * their own lanes. Defaults to `scheduled` when `months` is set, else\n   * `continuous`.\n   */\n  cadence?: YearTimelineCadence;\n  /** Bar colour family. Default cycles through the tones. */\n  tone?: YearTimelineTone;\n  /** Any two CSS colours for a custom bar gradient — overrides `tone`. */\n  colors?: [string, string];\n  /** Small icon before the eyebrow (Lucide, 13px). */\n  icon?: React.ReactNode;\n  /** Makes the row title a link. */\n  href?: string;\n}\n\nexport interface YearTimelineProps {\n  items: YearTimelineItem[];\n  /**\n   * Which month (1–12) or date the playhead marks. Default: the viewer's\n   * current month, resolved after mount. Pass `null` to hide the marker.\n   */\n  today?: Date | number | null;\n  /** Column heading over the row labels. Default \"Obligation\". */\n  labelHeading?: string;\n  /** Twelve month tick labels. Default single letters. */\n  monthLabels?: readonly string[];\n  /** Twelve short month names used in period fallbacks and bar captions. */\n  monthNames?: readonly string[];\n  /** Lane headings by cadence. */\n  groupLabels?: Partial<Record<YearTimelineCadence, string>>;\n  /** Copy for the live marker and row badges. */\n  labels?: { today?: string; now?: string; upNext?: string };\n  /** Highlight the item happening now (or coming up next). Default true. */\n  highlightCurrent?: boolean;\n  /** Width of the label column. Default `300px`. */\n  labelWidth?: string;\n  className?: string;\n}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\nexport const MONTH_LETTERS = [\n  'J',\n  'F',\n  'M',\n  'A',\n  'M',\n  'J',\n  'J',\n  'A',\n  'S',\n  'O',\n  'N',\n  'D',\n] as const;\nexport const MONTH_NAMES = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n] as const;\n\nconst TONES: YearTimelineTone[] = [\n  'primary',\n  'accent',\n  'info',\n  'success',\n  'warning',\n  'neutral',\n];\n\nconst TONE_COLORS: Record<YearTimelineTone, [string, string]> = {\n  primary: ['var(--mieweb-primary-600)', 'var(--mieweb-primary-400)'],\n  accent: [\n    'var(--mieweb-accent, var(--mieweb-primary-500))',\n    'var(--mieweb-accent-light, var(--mieweb-primary-300))',\n  ],\n  success: [\n    'var(--mieweb-success)',\n    'color-mix(in srgb, var(--mieweb-success) 60%, #fff)',\n  ],\n  warning: [\n    'var(--mieweb-warning)',\n    'color-mix(in srgb, var(--mieweb-warning) 60%, #fff)',\n  ],\n  info: [\n    'var(--mieweb-info, var(--mieweb-primary-400))',\n    'color-mix(in srgb, var(--mieweb-info, var(--mieweb-primary-400)) 60%, #fff)',\n  ],\n  neutral: ['var(--mieweb-neutral-500)', 'var(--mieweb-neutral-400)'],\n};\n\nconst GROUP_TEXT: Record<YearTimelineCadence, string> = {\n  scheduled: 'text-primary-800 dark:text-primary-300',\n  continuous: 'text-success-800 dark:text-success',\n  event: 'text-muted-foreground',\n};\n\nfunction cadenceOf(item: YearTimelineItem): YearTimelineCadence {\n  return item.cadence ?? (item.months?.length ? 'scheduled' : 'continuous');\n}\n\nfunction windowOf(\n  item: YearTimelineItem\n): { start: number; end: number } | null {\n  if (!item.months?.length) return null;\n  return { start: Math.min(...item.months), end: Math.max(...item.months) };\n}\n\nfunction formatWindow(\n  item: YearTimelineItem,\n  names: readonly string[]\n): string | null {\n  const w = windowOf(item);\n  if (!w) return null;\n  return w.start === w.end\n    ? names[w.start - 1]\n    : `${names[w.start - 1]}–${names[w.end - 1]}`;\n}\n\n/** Item in `month`, else the next one coming up (wrapping the year). */\nexport function resolveCurrent(\n  items: YearTimelineItem[],\n  month: number\n): { id: string; live: boolean } | null {\n  const live = items.find((it) => it.months?.includes(month));\n  if (live) return { id: live.id, live: true };\n  let best: YearTimelineItem | null = null;\n  let bestDelta = 99;\n  for (const it of items) {\n    if (!it.months?.length) continue;\n    const delta = (Math.min(...it.months) - month + 12) % 12;\n    if (delta > 0 && delta < bestDelta) {\n      bestDelta = delta;\n      best = it;\n    }\n  }\n  return best ? { id: best.id, live: false } : null;\n}\n\nfunction toMonth(today: Date | number): number {\n  return typeof today === 'number' ? today : today.getMonth() + 1;\n}\n\n// =============================================================================\n// YearTimeline\n// =============================================================================\n\n/**\n * A year on one Gantt-style timeline: twelve month columns, rows grouped by\n * cadence (scheduled windows as gradient pill bars; continuous and\n * event-driven items in full-width lanes), month gridlines, and a live\n * playhead + \"Today\" pill marking the current month. The item happening now\n * (or up next) is highlighted. Ported from the Enterprise Health compliance\n * calendar; fits any recurring annual schedule — audits, filings, campaigns,\n * maintenance.\n *\n * Collapses to stacked rows without the month scale below `md`.\n */\nexport function YearTimeline({\n  items,\n  today,\n  labelHeading = 'Obligation',\n  monthLabels = MONTH_LETTERS,\n  monthNames = MONTH_NAMES,\n  groupLabels,\n  labels,\n  highlightCurrent = true,\n  labelWidth = '300px',\n  className,\n}: YearTimelineProps) {\n  // The viewer's clock is only known after mount (SSR-safe).\n  const [mountedMonth, setMountedMonth] = React.useState<number | null>(null);\n  React.useEffect(() => {\n    if (today === undefined) setMountedMonth(new Date().getMonth() + 1);\n  }, [today]);\n\n  const month =\n    today === null ? null : today === undefined ? mountedMonth : toMonth(today);\n  const current =\n    month != null && highlightCurrent ? resolveCurrent(items, month) : null;\n  const nowFraction = month != null ? (month - 0.5) / 12 : null;\n\n  const groupTitle: Record<YearTimelineCadence, string> = {\n    scheduled: groupLabels?.scheduled ?? 'On the calendar',\n    continuous: groupLabels?.continuous ?? 'Runs all year',\n    event: groupLabels?.event ?? 'As it happens',\n  };\n  const text = { today: 'Today', now: 'Now', upNext: 'Up next', ...labels };\n\n  const groups = (['scheduled', 'continuous', 'event'] as const)\n    .map((key) => ({\n      key,\n      items: items\n        .filter((it) => cadenceOf(it) === key)\n        .sort(\n          (a, b) => (windowOf(a)?.start ?? 13) - (windowOf(b)?.start ?? 13)\n        ),\n    }))\n    .filter((g) => g.items.length > 0);\n\n  let toneIndex = 0;\n\n  return (\n    <div\n      data-slot=\"year-timeline\"\n      style={\n        {\n          '--yt-label': labelWidth,\n          '--yt-now': nowFraction ?? undefined,\n        } as React.CSSProperties\n      }\n      className={cn(\n        'border-border bg-card text-card-foreground relative overflow-hidden rounded-xl border shadow-md',\n        // year ribbon\n        'before:absolute before:inset-x-0 before:top-0 before:z-[4] before:h-1 before:content-[\"\"]',\n        'before:[background:linear-gradient(90deg,var(--mieweb-accent,var(--mieweb-primary-400))_0%,var(--mieweb-primary-500)_50%,var(--mieweb-success)_80%,var(--mieweb-accent,var(--mieweb-primary-400))_100%)]',\n        className\n      )}\n    >\n      {/* Head: label heading + month scale */}\n      <div className=\"border-border bg-muted/50 hidden border-b md:grid md:grid-cols-[var(--yt-label)_1fr]\">\n        <div className=\"border-border flex items-end border-e px-5 pt-3 pb-2.5\">\n          <span className=\"text-muted-foreground text-[10px] font-bold tracking-[0.11em] uppercase\">\n            {labelHeading}\n          </span>\n        </div>\n        <div className=\"relative grid grid-cols-12\">\n          {monthLabels.map((m, i) => (\n            <span\n              key={i}\n              className={cn(\n                'text-muted-foreground pt-3 pb-2.5 text-center text-[11px] font-bold tracking-wide',\n                i > 0 && 'border-border/60 border-s'\n              )}\n            >\n              {m}\n            </span>\n          ))}\n          {nowFraction != null && (\n            <span\n              data-slot=\"year-timeline-today\"\n              style={{ left: `calc(var(--yt-now) * 100%)` }}\n              className=\"bg-primary-800 absolute top-1.5 z-[5] inline-flex -translate-x-1/2 items-center gap-1.5 rounded-full px-2 py-0.5 text-[9px] font-bold tracking-[0.09em] whitespace-nowrap text-white uppercase\"\n            >\n              <i aria-hidden className=\"h-1.5 w-1.5 rounded-full bg-white\" />\n              {text.today}\n            </span>\n          )}\n        </div>\n      </div>\n\n      {/* Body */}\n      <div className=\"relative\">\n        {/* month gridlines */}\n        <div\n          aria-hidden\n          className=\"pointer-events-none absolute inset-y-0 end-0 z-0 hidden md:block\"\n          style={{\n            left: 'var(--yt-label)',\n            backgroundImage:\n              'repeating-linear-gradient(90deg, var(--mieweb-border) 0, var(--mieweb-border) 1px, transparent 1px, transparent calc(100% / 12))',\n            opacity: 0.5,\n          }}\n        />\n        {nowFraction != null && (\n          <span\n            aria-hidden\n            data-slot=\"year-timeline-playhead\"\n            style={{\n              left: 'calc(var(--yt-label) + (100% - var(--yt-label)) * var(--yt-now))',\n            }}\n            className={cn(\n              'pointer-events-none absolute inset-y-0 z-[3] hidden w-0.5 -translate-x-px md:block',\n              '[background:linear-gradient(180deg,var(--mieweb-primary-700),color-mix(in_srgb,var(--mieweb-primary-700)_15%,transparent))]',\n              'before:bg-primary-700 before:absolute before:top-0 before:left-1/2 before:h-2.5 before:w-2.5 before:-translate-x-1/2 before:rounded-full before:content-[\"\"]'\n            )}\n          />\n        )}\n\n        {groups.map((g, gi) => (\n          <div key={g.key} data-cadence={g.key}>\n            <div\n              className={cn(\n                'bg-muted/30 relative z-[1] flex items-center gap-2 px-5 py-2.5 text-[10px] font-bold tracking-[0.12em] uppercase',\n                gi > 0 && 'border-border border-t',\n                GROUP_TEXT[g.key]\n              )}\n            >\n              {groupTitle[g.key]}\n            </div>\n\n            {g.items.map((it) => {\n              const cadence = cadenceOf(it);\n              const w = windowOf(it);\n              const isCurrent = current?.id === it.id;\n              const [c1, c2] =\n                it.colors ??\n                TONE_COLORS[it.tone ?? TONES[toneIndex++ % TONES.length]];\n              const caption =\n                cadence === 'scheduled' ? formatWindow(it, monthNames) : null;\n              const period = it.period ?? caption ?? groupTitle[cadence];\n              const Title = it.href ? 'a' : 'span';\n\n              return (\n                <div\n                  key={it.id}\n                  data-slot=\"year-timeline-row\"\n                  data-current={\n                    isCurrent ? (current?.live ? 'now' : 'next') : undefined\n                  }\n                  className={cn(\n                    'border-border/60 relative z-[1] grid border-t transition-colors md:grid-cols-[var(--yt-label)_1fr]',\n                    'hover:bg-muted/40',\n                    isCurrent && 'bg-primary-500/10 hover:bg-primary-500/10'\n                  )}\n                >\n                  <div className=\"md:border-border/60 px-5 pt-4 pb-2 md:border-e md:pb-4\">\n                    <div\n                      className=\"mb-1.5 flex items-center gap-1.5 text-[10px] font-bold tracking-[0.09em] uppercase [&_svg]:h-3.5 [&_svg]:w-3.5\"\n                      style={{ color: c1 }}\n                    >\n                      {it.icon}\n                      <span>{period}</span>\n                      {isCurrent && (\n                        <span className=\"bg-primary-800 ms-auto rounded-full px-1.5 py-0.5 text-[9px] tracking-[0.08em] text-white\">\n                          {current?.live ? text.now : text.upNext}\n                        </span>\n                      )}\n                    </div>\n                    <Title\n                      href={it.href}\n                      className={cn(\n                        'text-foreground block text-base font-semibold',\n                        it.href && 'hover:underline'\n                      )}\n                    >\n                      {it.label}\n                    </Title>\n                    {it.detail && (\n                      <p className=\"text-muted-foreground mt-1 text-sm leading-relaxed\">\n                        {it.detail}\n                      </p>\n                    )}\n                  </div>\n\n                  <div className=\"grid grid-cols-12 items-center px-5 pb-4 md:px-0 md:py-3.5\">\n                    <span\n                      data-slot=\"year-timeline-bar\"\n                      data-cadence={cadence}\n                      style={{\n                        gridColumn:\n                          cadence === 'scheduled' && w\n                            ? `${w.start} / ${w.end + 1}`\n                            : '1 / 13',\n                        ...(cadence === 'scheduled'\n                          ? {\n                              background: `linear-gradient(90deg, ${c1}, ${c2})`,\n                            }\n                          : cadence === 'continuous'\n                            ? {\n                                background: `linear-gradient(90deg, color-mix(in srgb, ${c1} 22%, transparent), color-mix(in srgb, ${c2} 22%, transparent))`,\n                                borderColor: `color-mix(in srgb, ${c1} 45%, transparent)`,\n                              }\n                            : {\n                                background: `repeating-linear-gradient(45deg, color-mix(in srgb, ${c1} 30%, transparent) 0 6px, transparent 6px 12px)`,\n                                borderColor: `color-mix(in srgb, ${c1} 60%, transparent)`,\n                              }),\n                      }}\n                      className={cn(\n                        'row-start-1 flex h-3.5 min-w-2.5 items-center justify-end rounded-full px-2 md:h-[22px]',\n                        cadence === 'scheduled' && 'shadow-sm',\n                        cadence === 'continuous' && 'border',\n                        cadence === 'event' && 'border border-dashed'\n                      )}\n                    >\n                      {caption && (\n                        <span className=\"hidden text-[10px] font-bold tracking-wide text-white [text-shadow:0_1px_1px_rgba(0,0,0,0.3)] md:inline\">\n                          {caption}\n                        </span>\n                      )}\n                    </span>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-OSPTA4UR.js → chunk-DEDN5HAG.js}

@@ -1,4 +1,4 @@
-import { FenceBlock } from './chunk-CK3KLRNF.js';
+import { FenceBlock } from './chunk-H4ZXMQQW.js';
 import { useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -192,5 +192,5 @@ var SurveyBlock = ({ code, id }) => {
 };
 
 export { SurveyBlock };
-//# sourceMappingURL=chunk-OSPTA4UR.js.map
-//# sourceMappingURL=chunk-OSPTA4UR.js.map
+//# sourceMappingURL=chunk-DEDN5HAG.js.map
+//# sourceMappingURL=chunk-DEDN5HAG.js.map