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

package/dist/chunk-SQJFBZ42.js

@@ -0,0 +1,297 @@
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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.useState(null);
+  React.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__ */ jsxs(
+    "div",
+    {
+      "data-slot": "year-timeline",
+      style: {
+        "--yt-label": labelWidth,
+        "--yt-now": nowFraction ?? void 0
+      },
+      className: 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__ */ jsxs("div", { className: "border-border bg-muted/50 hidden border-b md:grid md:grid-cols-[var(--yt-label)_1fr]", children: [
+          /* @__PURE__ */ jsx("div", { className: "border-border flex items-end border-e px-5 pt-3 pb-2.5", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[10px] font-bold tracking-[0.11em] uppercase", children: labelHeading }) }),
+          /* @__PURE__ */ jsxs("div", { className: "relative grid grid-cols-12", children: [
+            monthLabels.map((m, i) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: 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__ */ 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__ */ jsx("i", { "aria-hidden": true, className: "h-1.5 w-1.5 rounded-full bg-white" }),
+                  text.today
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ 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__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              "data-slot": "year-timeline-playhead",
+              style: {
+                left: "calc(var(--yt-label) + (100% - var(--yt-label)) * var(--yt-now))"
+              },
+              className: 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__ */ jsxs("div", { "data-cadence": g.key, children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: 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__ */ jsxs(
+                "div",
+                {
+                  "data-slot": "year-timeline-row",
+                  "data-current": isCurrent ? current?.live ? "now" : "next" : void 0,
+                  className: 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__ */ jsxs("div", { className: "md:border-border/60 px-5 pt-4 pb-2 md:border-e md:pb-4", children: [
+                      /* @__PURE__ */ 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__ */ jsx("span", { children: period }),
+                            isCurrent && /* @__PURE__ */ 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__ */ jsx(
+                        Title,
+                        {
+                          href: it.href,
+                          className: cn(
+                            "text-foreground block text-base font-semibold",
+                            it.href && "hover:underline"
+                          ),
+                          children: it.label
+                        }
+                      ),
+                      it.detail && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-sm leading-relaxed", children: it.detail })
+                    ] }),
+                    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 items-center px-5 pb-4 md:px-0 md:py-3.5", children: /* @__PURE__ */ 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: 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__ */ 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))
+        ] })
+      ]
+    }
+  );
+}
+
+export { MONTH_LETTERS, MONTH_NAMES, YearTimeline, resolveCurrent };
+//# sourceMappingURL=chunk-SQJFBZ42.js.map
+//# sourceMappingURL=chunk-SQJFBZ42.js.map

package/dist/chunk-SQJFBZ42.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/YearTimeline/YearTimeline.tsx"],"names":[],"mappings":"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","file":"chunk-SQJFBZ42.js","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-SUS3WFY3.js

@@ -0,0 +1,156 @@
+import { cn } from './chunk-TQONQSJO.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function OrbitRing({
+  rings,
+  center,
+  centerSize = 0.21,
+  chipSize = 0.13,
+  glow = true,
+  size = "min(440px, 86vw)",
+  pauseOnHover = true,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "orbit-ring",
+      style: { width: size },
+      className: cn(
+        "group/orbit [container-type:size] relative mx-auto aspect-square",
+        className
+      ),
+      children: [
+        glow && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: "pointer-events-none absolute inset-0 rounded-full [background:radial-gradient(closest-side,color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_30%,transparent)_0%,color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_12%,transparent)_42%,transparent_78%)]"
+          }
+        ),
+        rings.map((r, i) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            style: {
+              width: `${r.radius * 200}cqmin`,
+              height: `${r.radius * 200}cqmin`
+            },
+            className: cn(
+              "border-primary-200 dark:border-primary-800 pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border",
+              r.dashed ?? i % 2 === 1 ? "border-dashed opacity-40" : "opacity-50"
+            )
+          },
+          `path-${i}`
+        )),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            "data-slot": "orbit-ring-center",
+            style: {
+              width: `${centerSize * 100}cqmin`,
+              height: `${centerSize * 100}cqmin`
+            },
+            className: cn(
+              "pointer-events-none absolute top-1/2 left-1/2 grid -translate-x-1/2 -translate-y-1/2 place-items-center rounded-full",
+              "[background:radial-gradient(circle_at_50%_38%,#fff_0%,color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-200))_14%,#fff)_52%,color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-200))_30%,#fff)_100%)]",
+              "shadow-[0_0_0_1px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-400))_35%,transparent),0_10px_30px_rgba(0,0,0,0.18),0_0_46px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-400))_42%,transparent)]",
+              "[&>svg]:text-primary-800 [&>*]:h-[64%] [&>*]:w-[64%] [&>img]:object-contain"
+            ),
+            children: center
+          }
+        ),
+        rings.map((r, i) => {
+          const direction = r.direction ?? (i % 2 === 0 ? "normal" : "reverse");
+          const dur = `${r.durationSec ?? (i === 0 ? 88 : 88 + 36 * i)}s`;
+          const n = r.satellites.length;
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "orbit-ring-track",
+              style: {
+                "--dur": dur,
+                animationDirection: direction
+              },
+              className: cn(
+                "pointer-events-none absolute inset-0",
+                "motion-safe:animate-[mie-spin_var(--dur)_linear_infinite]",
+                pauseOnHover && "group-focus-within/orbit:[animation-play-state:paused] group-hover/orbit:[animation-play-state:paused]"
+              ),
+              children: r.satellites.map((s, j) => {
+                const a = (360 / n * j + (r.offsetDeg ?? 0)) * (Math.PI / 180);
+                const x = (r.radius * 100 * Math.cos(a)).toFixed(2);
+                const y = (r.radius * 100 * Math.sin(a)).toFixed(2);
+                const shell = {
+                  "aria-label": s.name,
+                  "data-slot": "orbit-ring-satellite",
+                  style: {
+                    width: `${chipSize * 100}cqmin`,
+                    height: `${chipSize * 100}cqmin`,
+                    transform: `translate(-50%, -50%) translate(${x}cqmin, ${y}cqmin)`
+                  },
+                  className: (
+                    // rtl-ignore -- satellites are placed by trig math with a physical translate(); the ring is rotationally symmetric
+                    "group/sat pointer-events-auto absolute left-1/2 top-1/2 grid place-items-center focus-visible:outline-none"
+                  )
+                };
+                const chip = /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    style: {
+                      animationDirection: direction === "normal" ? "reverse" : "normal"
+                    },
+                    className: cn(
+                      "border-border bg-card/90 relative grid h-full w-full place-items-center rounded-full border shadow-md transition-[transform,box-shadow,background] duration-200",
+                      "motion-safe:animate-[mie-spin_var(--dur)_linear_infinite]",
+                      pauseOnHover && "group-focus-within/orbit:[animation-play-state:paused] group-hover/orbit:[animation-play-state:paused]",
+                      "group-hover/sat:bg-card group-hover/sat:scale-[1.12] group-hover/sat:shadow-xl",
+                      "group-focus-visible/sat:outline-primary-500 group-focus-visible/sat:scale-[1.12] group-focus-visible/sat:outline group-focus-visible/sat:outline-2 group-focus-visible/sat:outline-offset-[3px]",
+                      "[&>img]:h-[64%] [&>img]:w-[64%] [&>img]:object-contain [&>img]:opacity-90 [&>img]:saturate-[0.9] group-hover/sat:[&>img]:opacity-100 group-hover/sat:[&>img]:saturate-100",
+                      "[&>svg]:text-primary-800 [&>svg]:h-[46%] [&>svg]:w-[46%]"
+                    ),
+                    children: [
+                      s.children ?? /* @__PURE__ */ jsx("span", { className: "text-primary-800 text-sm font-bold", children: s.name.slice(0, 2) }),
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "border-border bg-card text-foreground pointer-events-none absolute top-[calc(100%+5px)] left-1/2 -translate-x-1/2 rounded-md border px-1.5 py-0.5 text-[11px] font-semibold whitespace-nowrap shadow-md",
+                            "opacity-0 transition-opacity duration-150 group-hover/sat:opacity-100 group-focus-visible/sat:opacity-100"
+                          ),
+                          children: s.name
+                        }
+                      )
+                    ]
+                  }
+                );
+                if (s.href) {
+                  return /* @__PURE__ */ jsx("a", { href: s.href, onClick: s.onClick, ...shell, children: chip }, s.id);
+                }
+                if (s.onClick) {
+                  return /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: s.onClick,
+                      ...shell,
+                      children: chip
+                    },
+                    s.id
+                  );
+                }
+                return /* @__PURE__ */ jsx("span", { role: "img", ...shell, children: chip }, s.id);
+              })
+            },
+            `ring-${i}`
+          );
+        })
+      ]
+    }
+  );
+}
+
+export { OrbitRing };
+//# sourceMappingURL=chunk-SUS3WFY3.js.map
+//# sourceMappingURL=chunk-SUS3WFY3.js.map

package/dist/chunk-SUS3WFY3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OrbitRing/OrbitRing.tsx"],"names":[],"mappings":"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","file":"chunk-SUS3WFY3.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface OrbitSatellite {\n  id: string;\n  /** Accessible name; shown as a hover label. */\n  name: string;\n  /** Logo/icon content — an `<img>`, a Lucide icon, or a lettermark. */\n  children?: React.ReactNode;\n  /** Makes the chip a link. */\n  href?: string;\n  onClick?: () => void;\n}\n\nexport interface OrbitRingDef {\n  satellites: OrbitSatellite[];\n  /** Orbit radius as a fraction of the stage (0–0.5). */\n  radius: number;\n  /** One rotation, in seconds. Default 88 (inner) / 124 (outer). */\n  durationSec?: number;\n  /** Spin direction. Default alternates per ring. */\n  direction?: 'normal' | 'reverse';\n  /** Starting angle offset in degrees. */\n  offsetDeg?: number;\n  /** Draw the orbit path as a dashed rather than solid circle. */\n  dashed?: boolean;\n}\n\nexport interface OrbitRingProps {\n  /** Concentric rings, inner first. */\n  rings: OrbitRingDef[];\n  /** What sits at the centre — a brand mark, a product tile. */\n  center?: React.ReactNode;\n  /** Diameter of the centre disc as a fraction of the stage. Default 0.21. */\n  centerSize?: number;\n  /** Diameter of each satellite chip as a fraction of the stage. Default 0.13. */\n  chipSize?: number;\n  /** Show the warm radial glow behind the centre. Default true. */\n  glow?: boolean;\n  /** Stage width. Default `min(440px, 86vw)`. */\n  size?: string;\n  /** Pause everything while hovered/focused. Default true. */\n  pauseOnHover?: boolean;\n  className?: string;\n}\n\n// =============================================================================\n// OrbitRing\n// =============================================================================\n\n/**\n * A \"solar system\" of logos: concentric rings of satellite chips orbiting a\n * centre mark at different speeds and directions, chips counter-rotating so\n * they stay upright, the whole system pausing while a visitor explores it.\n * Sizes are container-relative, so it scales with its box. Ported from the\n * Enterprise Health integrations section.\n *\n * @example\n * ```tsx\n * <OrbitRing\n *   center={<img src=\"/logo.svg\" alt=\"\" />}\n *   rings={[\n *     { radius: 0.26, satellites: partners.slice(0, 5).map(p => ({ id: p.slug, name: p.name, href: p.href, children: <img src={p.logo} alt=\"\" /> })) },\n *     { radius: 0.4, satellites: partners.slice(5).map(...) , dashed: true },\n *   ]}\n * />\n * ```\n */\nexport function OrbitRing({\n  rings,\n  center,\n  centerSize = 0.21,\n  chipSize = 0.13,\n  glow = true,\n  size = 'min(440px, 86vw)',\n  pauseOnHover = true,\n  className,\n}: OrbitRingProps) {\n  return (\n    <div\n      data-slot=\"orbit-ring\"\n      style={{ width: size }}\n      className={cn(\n        'group/orbit [container-type:size] relative mx-auto aspect-square',\n        className\n      )}\n    >\n      {glow && (\n        <span\n          aria-hidden\n          className=\"pointer-events-none absolute inset-0 rounded-full [background:radial-gradient(closest-side,color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_30%,transparent)_0%,color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_12%,transparent)_42%,transparent_78%)]\"\n        />\n      )}\n\n      {/* orbit paths */}\n      {rings.map((r, i) => (\n        <span\n          key={`path-${i}`}\n          aria-hidden\n          style={{\n            width: `${r.radius * 200}cqmin`,\n            height: `${r.radius * 200}cqmin`,\n          }}\n          className={cn(\n            'border-primary-200 dark:border-primary-800 pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border',\n            (r.dashed ?? i % 2 === 1)\n              ? 'border-dashed opacity-40'\n              : 'opacity-50'\n          )}\n        />\n      ))}\n\n      {/* centre */}\n      <span\n        aria-hidden\n        data-slot=\"orbit-ring-center\"\n        style={{\n          width: `${centerSize * 100}cqmin`,\n          height: `${centerSize * 100}cqmin`,\n        }}\n        className={cn(\n          'pointer-events-none absolute top-1/2 left-1/2 grid -translate-x-1/2 -translate-y-1/2 place-items-center rounded-full',\n          '[background:radial-gradient(circle_at_50%_38%,#fff_0%,color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-200))_14%,#fff)_52%,color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-200))_30%,#fff)_100%)]',\n          'shadow-[0_0_0_1px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-400))_35%,transparent),0_10px_30px_rgba(0,0,0,0.18),0_0_46px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-400))_42%,transparent)]',\n          '[&>svg]:text-primary-800 [&>*]:h-[64%] [&>*]:w-[64%] [&>img]:object-contain'\n        )}\n      >\n        {center}\n      </span>\n\n      {/* rings */}\n      {rings.map((r, i) => {\n        const direction = r.direction ?? (i % 2 === 0 ? 'normal' : 'reverse');\n        const dur = `${r.durationSec ?? (i === 0 ? 88 : 88 + 36 * i)}s`;\n        const n = r.satellites.length;\n        return (\n          <div\n            key={`ring-${i}`}\n            data-slot=\"orbit-ring-track\"\n            style={\n              {\n                '--dur': dur,\n                animationDirection: direction,\n              } as React.CSSProperties\n            }\n            className={cn(\n              'pointer-events-none absolute inset-0',\n              'motion-safe:animate-[mie-spin_var(--dur)_linear_infinite]',\n              pauseOnHover &&\n                'group-focus-within/orbit:[animation-play-state:paused] group-hover/orbit:[animation-play-state:paused]'\n            )}\n          >\n            {r.satellites.map((s, j) => {\n              const a = ((360 / n) * j + (r.offsetDeg ?? 0)) * (Math.PI / 180);\n              const x = (r.radius * 100 * Math.cos(a)).toFixed(2);\n              const y = (r.radius * 100 * Math.sin(a)).toFixed(2);\n              const shell = {\n                'aria-label': s.name,\n                'data-slot': 'orbit-ring-satellite',\n                style: {\n                  width: `${chipSize * 100}cqmin`,\n                  height: `${chipSize * 100}cqmin`,\n                  transform: `translate(-50%, -50%) translate(${x}cqmin, ${y}cqmin)`,\n                },\n                className:\n                  // rtl-ignore -- satellites are placed by trig math with a physical translate(); the ring is rotationally symmetric\n                  'group/sat pointer-events-auto absolute left-1/2 top-1/2 grid place-items-center focus-visible:outline-none',\n              };\n              const chip = (\n                <span\n                  // counter-spin keeps the logo upright; direction is the inverse of the ring's\n                  style={{\n                    animationDirection:\n                      direction === 'normal' ? 'reverse' : 'normal',\n                  }}\n                  className={cn(\n                    'border-border bg-card/90 relative grid h-full w-full place-items-center rounded-full border shadow-md transition-[transform,box-shadow,background] duration-200',\n                    'motion-safe:animate-[mie-spin_var(--dur)_linear_infinite]',\n                    pauseOnHover &&\n                      'group-focus-within/orbit:[animation-play-state:paused] group-hover/orbit:[animation-play-state:paused]',\n                    'group-hover/sat:bg-card group-hover/sat:scale-[1.12] group-hover/sat:shadow-xl',\n                    'group-focus-visible/sat:outline-primary-500 group-focus-visible/sat:scale-[1.12] group-focus-visible/sat:outline group-focus-visible/sat:outline-2 group-focus-visible/sat:outline-offset-[3px]',\n                    '[&>img]:h-[64%] [&>img]:w-[64%] [&>img]:object-contain [&>img]:opacity-90 [&>img]:saturate-[0.9] group-hover/sat:[&>img]:opacity-100 group-hover/sat:[&>img]:saturate-100',\n                    '[&>svg]:text-primary-800 [&>svg]:h-[46%] [&>svg]:w-[46%]'\n                  )}\n                >\n                  {s.children ?? (\n                    <span className=\"text-primary-800 text-sm font-bold\">\n                      {s.name.slice(0, 2)}\n                    </span>\n                  )}\n                  <span\n                    className={cn(\n                      'border-border bg-card text-foreground pointer-events-none absolute top-[calc(100%+5px)] left-1/2 -translate-x-1/2 rounded-md border px-1.5 py-0.5 text-[11px] font-semibold whitespace-nowrap shadow-md',\n                      'opacity-0 transition-opacity duration-150 group-hover/sat:opacity-100 group-focus-visible/sat:opacity-100'\n                    )}\n                  >\n                    {s.name}\n                  </span>\n                </span>\n              );\n              if (s.href) {\n                return (\n                  <a key={s.id} href={s.href} onClick={s.onClick} {...shell}>\n                    {chip}\n                  </a>\n                );\n              }\n              if (s.onClick) {\n                return (\n                  <button\n                    key={s.id}\n                    type=\"button\"\n                    onClick={s.onClick}\n                    {...shell}\n                  >\n                    {chip}\n                  </button>\n                );\n              }\n              return (\n                <span key={s.id} role=\"img\" {...shell}>\n                  {chip}\n                </span>\n              );\n            })}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-H4AVMUOC.cjs → chunk-TAXD5ADA.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
-var chunkFHY3K6PL_cjs = require('./chunk-FHY3K6PL.cjs');
 var chunkAOHJILLU_cjs = require('./chunk-AOHJILLU.cjs');
+var chunkFHY3K6PL_cjs = require('./chunk-FHY3K6PL.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var reactDom = require('react-dom');
 var lucideReact = require('lucide-react');
@@ -293,5 +293,5 @@ function GlossaryTooltip({
 }
 
 exports.GlossaryTooltip = GlossaryTooltip;
-//# sourceMappingURL=chunk-H4AVMUOC.cjs.map
-//# sourceMappingURL=chunk-H4AVMUOC.cjs.map
+//# sourceMappingURL=chunk-TAXD5ADA.cjs.map
+//# sourceMappingURL=chunk-TAXD5ADA.cjs.map