@mieweb/ui 0.7.3 → 0.8.0-dev.1

package/dist/chunk-7RV6CAP6.cjs

@@ -0,0 +1,106 @@
+'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 Sparkline = React__namespace.forwardRef(
+  function Sparkline2({
+    data,
+    selectedKey,
+    onSelect,
+    label,
+    ariaLabel,
+    height = 32,
+    formatValue,
+    className,
+    ...props
+  }, ref) {
+    const max = React__namespace.useMemo(
+      () => Math.max(1, ...data.map((d) => d.value)),
+      [data]
+    );
+    const interactive = Boolean(onSelect);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkS5RVSXDV_cjs.cn("flex items-end gap-3", className),
+        ...props,
+        children: [
+          label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground w-16 shrink-0 pb-0.5 text-[10px] leading-tight font-medium tracking-wider uppercase", children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "flex flex-1 items-end gap-[2px]",
+              style: { height },
+              role: "group",
+              "aria-label": ariaLabel ?? label ?? "Activity over time",
+              children: data.map((point) => {
+                const heightPct = point.value === 0 ? 6 : Math.max(12, Math.round(point.value / max * 100));
+                const isSelected = selectedKey === point.key;
+                const display = point.label ?? point.key;
+                const valueText = formatValue ? formatValue(point) : String(point.value);
+                const title = `${display} \u2014 ${valueText}`;
+                const barClasses = chunkS5RVSXDV_cjs.cn(
+                  "min-w-[3px] flex-1 rounded-sm transition-colors",
+                  isSelected ? "bg-primary-500 hover:bg-primary-500/90" : point.value > 0 ? "bg-primary-500/40 hover:bg-primary-500/70" : "bg-muted hover:bg-muted-foreground/20"
+                );
+                return interactive ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onSelect?.(isSelected ? null : point.key),
+                    "aria-pressed": isSelected,
+                    title,
+                    "aria-label": title,
+                    className: chunkS5RVSXDV_cjs.cn(
+                      barClasses,
+                      "focus-visible:ring-ring cursor-pointer focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:outline-none"
+                    ),
+                    style: { height: `${heightPct}%` }
+                  },
+                  point.key
+                ) : /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    role: "img",
+                    title,
+                    "aria-label": title,
+                    className: barClasses,
+                    style: { height: `${heightPct}%` }
+                  },
+                  point.key
+                );
+              })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+exports.Sparkline = Sparkline;
+//# sourceMappingURL=chunk-7RV6CAP6.cjs.map
+//# sourceMappingURL=chunk-7RV6CAP6.cjs.map

package/dist/chunk-7RV6CAP6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Sparkline/Sparkline.tsx"],"names":["React","Sparkline","jsxs","cn","jsx"],"mappings":"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","file":"chunk-7RV6CAP6.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface SparklinePoint {\n  /** Stable key for selection (e.g. a day key like \"2026-08-22\"). */\n  key: string;\n  /** Human label for tooltips and accessible names (defaults to key). */\n  label?: string;\n  value: number;\n}\n\nexport interface SparklineProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'onSelect'\n> {\n  /** Pre-bucketed points in display order (e.g. one per day). */\n  data: SparklinePoint[];\n  /** Selected point key — that bar is highlighted. */\n  selectedKey?: string | null;\n  /**\n   * Makes bars clickable; clicking the selected bar reports `null`\n   * (deselect). Omit for a read-only sparkline.\n   */\n  onSelect?: (key: string | null) => void;\n  /** Track label rendered before the bars (e.g. \"All activity\"). */\n  label?: string;\n  /**\n   * Accessible name for the bar group. Defaults to the visible `label`\n   * (so multiple tracks stay distinguishable), else \"Activity over time\".\n   */\n  ariaLabel?: string;\n  /** Bar track height in px (default 32). */\n  height?: number;\n  /** Formats the value for tooltips/accessible names (default `String`). */\n  formatValue?: (point: SparklinePoint) => string;\n}\n\n// =============================================================================\n// Sparkline\n// =============================================================================\n\n/**\n * A compact bar sparkline for activity-over-time strips — timelines,\n * table rows, dashboard headers. Bars scale to the series maximum;\n * zero-value bars render as a low baseline stub. With `onSelect`, bars\n * become toggle buttons for filtering the view to one bucket.\n *\n * Data arrives pre-bucketed (the host owns date math), keeping the\n * component pure. For full charting, reach for DataVis instead.\n *\n * @example\n * ```tsx\n * <Sparkline\n *   label=\"All activity\"\n *   data={days.map((d) => ({ key: d.iso, label: d.pretty, value: d.count }))}\n *   selectedKey={day}\n *   onSelect={setDay}\n * />\n * ```\n */\nexport const Sparkline = React.forwardRef<HTMLDivElement, SparklineProps>(\n  function Sparkline(\n    {\n      data,\n      selectedKey,\n      onSelect,\n      label,\n      ariaLabel,\n      height = 32,\n      formatValue,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const max = React.useMemo(\n      () => Math.max(1, ...data.map((d) => d.value)),\n      [data]\n    );\n\n    const interactive = Boolean(onSelect);\n\n    return (\n      <div\n        ref={ref}\n        className={cn('flex items-end gap-3', className)}\n        {...props}\n      >\n        {label && (\n          <span className=\"text-muted-foreground w-16 shrink-0 pb-0.5 text-[10px] leading-tight font-medium tracking-wider uppercase\">\n            {label}\n          </span>\n        )}\n        <div\n          className=\"flex flex-1 items-end gap-[2px]\"\n          style={{ height }}\n          role=\"group\"\n          aria-label={ariaLabel ?? label ?? 'Activity over time'}\n        >\n          {data.map((point) => {\n            const heightPct =\n              point.value === 0\n                ? 6\n                : Math.max(12, Math.round((point.value / max) * 100));\n            const isSelected = selectedKey === point.key;\n            const display = point.label ?? point.key;\n            const valueText = formatValue\n              ? formatValue(point)\n              : String(point.value);\n            const title = `${display} — ${valueText}`;\n\n            const barClasses = cn(\n              'min-w-[3px] flex-1 rounded-sm transition-colors',\n              isSelected\n                ? 'bg-primary-500 hover:bg-primary-500/90'\n                : point.value > 0\n                  ? 'bg-primary-500/40 hover:bg-primary-500/70'\n                  : 'bg-muted hover:bg-muted-foreground/20'\n            );\n\n            return interactive ? (\n              <button\n                key={point.key}\n                type=\"button\"\n                onClick={() => onSelect?.(isSelected ? null : point.key)}\n                aria-pressed={isSelected}\n                title={title}\n                aria-label={title}\n                className={cn(\n                  barClasses,\n                  'focus-visible:ring-ring cursor-pointer focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:outline-none'\n                )}\n                style={{ height: `${heightPct}%` }}\n              />\n            ) : (\n              <span\n                key={point.key}\n                role=\"img\"\n                title={title}\n                aria-label={title}\n                className={barClasses}\n                style={{ height: `${heightPct}%` }}\n              />\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n);\n"]}

package/dist/chunk-AHHFFXJR.cjs

@@ -0,0 +1,230 @@
+'use strict';
+
+var chunkFHY3K6PL_cjs = require('./chunk-FHY3K6PL.cjs');
+var chunkAOHJILLU_cjs = require('./chunk-AOHJILLU.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var reactDom = require('react-dom');
+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 HIDE_GRACE_MS = 180;
+function SourceTip({
+  heading,
+  note,
+  sources,
+  eyebrow = "Source",
+  children,
+  className,
+  underline = false
+}) {
+  const [open, setOpen] = React__namespace.useState(false);
+  const [pinned, setPinned] = React__namespace.useState(false);
+  const timer = React__namespace.useRef(null);
+  const suppressFocusShow = React__namespace.useRef(false);
+  const { anchorRef, floatingRef, style } = chunkAOHJILLU_cjs.useAnchoredPosition({
+    open,
+    placement: "top",
+    offset: 10,
+    viewportPadding: 8,
+    allowFlip: true
+  });
+  const clearHideTimer = () => {
+    if (timer.current) {
+      clearTimeout(timer.current);
+      timer.current = null;
+    }
+  };
+  const show = React__namespace.useCallback(() => {
+    clearHideTimer();
+    setOpen(true);
+  }, []);
+  const scheduleHide = React__namespace.useCallback(() => {
+    if (pinned) return;
+    clearHideTimer();
+    timer.current = setTimeout(() => setOpen(false), HIDE_GRACE_MS);
+  }, [pinned]);
+  const close = React__namespace.useCallback(() => {
+    clearHideTimer();
+    setPinned(false);
+    setOpen(false);
+    if (floatingRef.current?.contains(document.activeElement)) {
+      suppressFocusShow.current = true;
+      anchorRef.current?.focus();
+    }
+  }, [anchorRef, floatingRef]);
+  React__namespace.useEffect(() => () => clearHideTimer(), []);
+  React__namespace.useEffect(() => {
+    if (pinned) floatingRef.current?.focus();
+  }, [pinned, floatingRef]);
+  chunkFHY3K6PL_cjs.useEscapeKey(close, open);
+  React__namespace.useEffect(() => {
+    if (!open || !pinned) return;
+    const onPointer = (e) => {
+      const t = e.target;
+      if (anchorRef.current?.contains(t) || floatingRef.current?.contains(t))
+        return;
+      close();
+    };
+    document.addEventListener("mousedown", onPointer);
+    document.addEventListener("touchstart", onPointer);
+    return () => {
+      document.removeEventListener("mousedown", onPointer);
+      document.removeEventListener("touchstart", onPointer);
+    };
+  }, [open, pinned, close, anchorRef, floatingRef]);
+  const onTriggerClick = () => {
+    const coarse = typeof window !== "undefined" && window.matchMedia("(hover: none)").matches;
+    if (!coarse) return;
+    togglePin();
+  };
+  const togglePin = () => {
+    if (pinned) close();
+    else {
+      setPinned(true);
+      show();
+    }
+  };
+  const onTriggerKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      togglePin();
+    }
+  };
+  const onDialogKeyDown = (e) => {
+    if (e.target !== e.currentTarget) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      close();
+    }
+  };
+  const onTriggerFocus = () => {
+    if (suppressFocusShow.current) {
+      suppressFocusShow.current = false;
+      return;
+    }
+    show();
+  };
+  const onBlurCapture = (e) => {
+    const next = e.relatedTarget;
+    if (next && (anchorRef.current?.contains(next) || floatingRef.current?.contains(next)))
+      return;
+    scheduleHide();
+  };
+  const hasSources = Boolean(sources && sources.length > 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      ref: anchorRef,
+      className: chunkS5RVSXDV_cjs.cn(
+        "cursor-help",
+        underline && "decoration-primary-400/70 underline decoration-dashed underline-offset-4",
+        className
+      ),
+      onMouseEnter: show,
+      onMouseLeave: scheduleHide,
+      onFocus: onTriggerFocus,
+      onBlur: onBlurCapture,
+      onClick: onTriggerClick,
+      onKeyDown: onTriggerKeyDown,
+      tabIndex: 0,
+      role: "button",
+      "aria-haspopup": "dialog",
+      "aria-expanded": open,
+      "aria-label": `${heading} \u2014 show source`,
+      children: [
+        children,
+        open && reactDom.createPortal(
+          /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- keyboard dismissal on a focused non-modal dialog container is the WAI-ARIA pattern; links inside keep their own semantics */
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              ref: floatingRef,
+              role: "dialog",
+              "aria-label": heading,
+              tabIndex: -1,
+              onMouseEnter: show,
+              onMouseLeave: scheduleHide,
+              onBlurCapture,
+              onKeyDown: onDialogKeyDown,
+              className: "focus-visible:ring-ring z-50 block w-80 rounded-lg outline-none focus-visible:ring-2",
+              style,
+              children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "border-border bg-card block overflow-hidden rounded-lg border text-start font-normal tracking-normal normal-case shadow-xl ring-1 ring-black/5 dark:ring-white/10", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "from-primary-700 to-primary-600 block bg-gradient-to-br px-3.5 py-2.5", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-100/90 block text-[10px] font-bold tracking-wide uppercase", children: eyebrow }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 block text-sm leading-snug font-semibold text-white", children: heading })
+                ] }),
+                (note || hasSources) && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "block px-3.5 py-2.5", children: [
+                  note && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground block text-[13px] leading-relaxed", children: note }),
+                  hasSources && /* @__PURE__ */ jsxRuntime.jsxs(
+                    "span",
+                    {
+                      className: chunkS5RVSXDV_cjs.cn(
+                        "block",
+                        note && "border-border mt-2.5 border-t border-dashed pt-2.5"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground block text-[10px] font-bold tracking-wide uppercase", children: sources.length === 1 ? "Source" : `${sources.length} sources` }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block max-h-52 overflow-y-auto", children: sources.map((s, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+                          "span",
+                          {
+                            className: "mt-1.5 flex items-center gap-2",
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                "span",
+                                {
+                                  "aria-hidden": "true",
+                                  className: "bg-primary-400 h-1.5 w-1.5 shrink-0 rounded-full"
+                                }
+                              ),
+                              s.url ? /* @__PURE__ */ jsxRuntime.jsx(
+                                "a",
+                                {
+                                  href: s.url,
+                                  target: "_blank",
+                                  rel: "noopener noreferrer",
+                                  className: "text-primary-600 hover:text-primary-500 dark:text-primary-400 dark:hover:text-primary-300 min-w-0 flex-1 truncate text-xs font-semibold",
+                                  children: s.label
+                                }
+                              ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground min-w-0 flex-1 truncate text-xs", children: s.label }),
+                              s.sub && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/70 shrink-0 text-[11px]", children: s.sub })
+                            ]
+                          },
+                          `${s.label}-${i}`
+                        )) })
+                      ]
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
+
+exports.SourceTip = SourceTip;
+//# sourceMappingURL=chunk-AHHFFXJR.cjs.map
+//# sourceMappingURL=chunk-AHHFFXJR.cjs.map

package/dist/chunk-AHHFFXJR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SourceTip/SourceTip.tsx"],"names":["React","useAnchoredPosition","useEscapeKey","jsxs","cn","createPortal","jsx"],"mappings":"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","file":"chunk-AHHFFXJR.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cn } from '../../utils/cn';\nimport { useAnchoredPosition } from '../../hooks/useAnchoredPosition';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** One line of provenance shown in the card. */\nexport interface TipSource {\n  /** One-line label — statute name or source title. Truncated on render. */\n  label: string;\n  /** Source URL. Omit for a provenance line that isn't linkable. */\n  url?: string;\n  /** Secondary label shown at the end (publisher / host / year). */\n  sub?: string;\n}\n\nexport interface SourceTipProps {\n  /** The claim this card explains — the card's heading. */\n  heading: string;\n  /** Free-text provenance, for facts no public URL can verify. */\n  note?: string;\n  /** Linked (or unlinked) one-line sources. */\n  sources?: TipSource[];\n  /** Eyebrow above the heading. Defaults to \"Source\". */\n  eyebrow?: string;\n  /** The visible trigger. */\n  children: React.ReactNode;\n  className?: string;\n  /**\n   * Underline the trigger with a dashed rule marking a hoverable claim.\n   * Leave off in table cells, which signal hoverability by their own\n   * treatment rather than by underlining every cell.\n   */\n  underline?: boolean;\n}\n\nconst HIDE_GRACE_MS = 180;\n\n// =============================================================================\n// SourceTip\n// =============================================================================\n\n/**\n * A hover card answering \"what backs this claim?\" — an eyebrow + heading,\n * optional free-text provenance, and a list of one-line source links.\n * Suits stat tiles, table cells, and inline facts where a numbered footnote\n * would be overkill.\n *\n * The trigger and card are phrasing content (`span`/`a` only), so it is\n * valid inside `<p>` prose and table cells. The card portals to `body` with\n * fixed positioning, flipping and clamping to stay in the viewport. On\n * touch, a tap pins the card; Escape or an outside tap closes it. A pinned\n * card behaves as a non-modal dialog — focus moves into it so its source\n * links are keyboard-reachable, and returns to the trigger on close.\n *\n * @example\n * ```tsx\n * <SourceTip\n *   heading=\"OSHA recordable rate\"\n *   sources={[{ label: 'BLS SOII 2023', url: 'https://www.bls.gov/iif/', sub: 'BLS' }]}\n *   underline\n * >\n *   2.4 per 100 FTE\n * </SourceTip>\n * ```\n */\nexport function SourceTip({\n  heading,\n  note,\n  sources,\n  eyebrow = 'Source',\n  children,\n  className,\n  underline = false,\n}: SourceTipProps) {\n  const [open, setOpen] = React.useState(false);\n  const [pinned, setPinned] = React.useState(false);\n  const timer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  // True while close() restores focus to the trigger, so the trigger's\n  // focus-show doesn't immediately reopen a card the user just dismissed.\n  const suppressFocusShow = React.useRef(false);\n\n  const { anchorRef, floatingRef, style } = useAnchoredPosition<\n    HTMLSpanElement,\n    HTMLSpanElement\n  >({\n    open,\n    placement: 'top',\n    offset: 10,\n    viewportPadding: 8,\n    allowFlip: true,\n  });\n\n  const clearHideTimer = () => {\n    if (timer.current) {\n      clearTimeout(timer.current);\n      timer.current = null;\n    }\n  };\n\n  const show = React.useCallback(() => {\n    clearHideTimer();\n    setOpen(true);\n  }, []);\n\n  const scheduleHide = React.useCallback(() => {\n    if (pinned) return;\n    clearHideTimer();\n    timer.current = setTimeout(() => setOpen(false), HIDE_GRACE_MS);\n  }, [pinned]);\n\n  const close = React.useCallback(() => {\n    clearHideTimer();\n    setPinned(false);\n    setOpen(false);\n    // Return focus to the trigger if it was inside the card.\n    if (floatingRef.current?.contains(document.activeElement)) {\n      suppressFocusShow.current = true;\n      anchorRef.current?.focus();\n    }\n  }, [anchorRef, floatingRef]);\n\n  React.useEffect(() => () => clearHideTimer(), []);\n\n  // A pinned card is a non-modal dialog: move focus into it so its links\n  // are reachable by keyboard.\n  React.useEffect(() => {\n    if (pinned) floatingRef.current?.focus();\n  }, [pinned, floatingRef]);\n\n  useEscapeKey(close, open);\n\n  // Pinned cards close on an outside tap; hover cards close on their own.\n  React.useEffect(() => {\n    if (!open || !pinned) return;\n    const onPointer = (e: Event) => {\n      const t = e.target as Node;\n      if (anchorRef.current?.contains(t) || floatingRef.current?.contains(t))\n        return;\n      close();\n    };\n    document.addEventListener('mousedown', onPointer);\n    document.addEventListener('touchstart', onPointer);\n    return () => {\n      document.removeEventListener('mousedown', onPointer);\n      document.removeEventListener('touchstart', onPointer);\n    };\n  }, [open, pinned, close, anchorRef, floatingRef]);\n\n  // Touch has no hover: tap pins the card instead of falling through.\n  const onTriggerClick = () => {\n    const coarse =\n      typeof window !== 'undefined' &&\n      window.matchMedia('(hover: none)').matches;\n    if (!coarse) return;\n    togglePin();\n  };\n\n  const togglePin = () => {\n    if (pinned) close();\n    else {\n      setPinned(true);\n      show();\n    }\n  };\n\n  const onTriggerKeyDown = (e: React.KeyboardEvent<HTMLSpanElement>) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      togglePin();\n    }\n  };\n\n  // Focus lives on the dialog container once pinned, so Enter/Space there\n  // (not on a link inside) must also unpin — the trigger no longer has focus.\n  const onDialogKeyDown = (e: React.KeyboardEvent<HTMLSpanElement>) => {\n    if (e.target !== e.currentTarget) return;\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      close();\n    }\n  };\n\n  const onTriggerFocus = () => {\n    if (suppressFocusShow.current) {\n      suppressFocusShow.current = false;\n      return;\n    }\n    show();\n  };\n\n  const onBlurCapture = (e: React.FocusEvent<HTMLSpanElement>) => {\n    const next = e.relatedTarget as Node | null;\n    if (\n      next &&\n      (anchorRef.current?.contains(next) || floatingRef.current?.contains(next))\n    )\n      return;\n    scheduleHide();\n  };\n\n  const hasSources = Boolean(sources && sources.length > 0);\n\n  return (\n    <span\n      ref={anchorRef}\n      className={cn(\n        'cursor-help',\n        underline &&\n          'decoration-primary-400/70 underline decoration-dashed underline-offset-4',\n        className\n      )}\n      onMouseEnter={show}\n      onMouseLeave={scheduleHide}\n      onFocus={onTriggerFocus}\n      onBlur={onBlurCapture}\n      onClick={onTriggerClick}\n      onKeyDown={onTriggerKeyDown}\n      tabIndex={0}\n      role=\"button\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={open}\n      aria-label={`${heading} — show source`}\n    >\n      {children}\n      {open &&\n        createPortal(\n          /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- keyboard dismissal on a focused non-modal dialog container is the WAI-ARIA pattern; links inside keep their own semantics */\n          <span\n            ref={floatingRef}\n            role=\"dialog\"\n            aria-label={heading}\n            tabIndex={-1}\n            onMouseEnter={show}\n            onMouseLeave={scheduleHide}\n            onBlurCapture={onBlurCapture}\n            onKeyDown={onDialogKeyDown}\n            className=\"focus-visible:ring-ring z-50 block w-80 rounded-lg outline-none focus-visible:ring-2\"\n            style={style}\n          >\n            <span className=\"border-border bg-card block overflow-hidden rounded-lg border text-start font-normal tracking-normal normal-case shadow-xl ring-1 ring-black/5 dark:ring-white/10\">\n              <span className=\"from-primary-700 to-primary-600 block bg-gradient-to-br px-3.5 py-2.5\">\n                <span className=\"text-primary-100/90 block text-[10px] font-bold tracking-wide uppercase\">\n                  {eyebrow}\n                </span>\n                <span className=\"mt-0.5 block text-sm leading-snug font-semibold text-white\">\n                  {heading}\n                </span>\n              </span>\n\n              {(note || hasSources) && (\n                <span className=\"block px-3.5 py-2.5\">\n                  {note && (\n                    <span className=\"text-muted-foreground block text-[13px] leading-relaxed\">\n                      {note}\n                    </span>\n                  )}\n                  {hasSources && (\n                    <span\n                      className={cn(\n                        'block',\n                        note &&\n                          'border-border mt-2.5 border-t border-dashed pt-2.5'\n                      )}\n                    >\n                      <span className=\"text-muted-foreground block text-[10px] font-bold tracking-wide uppercase\">\n                        {sources!.length === 1\n                          ? 'Source'\n                          : `${sources!.length} sources`}\n                      </span>\n                      <span className=\"block max-h-52 overflow-y-auto\">\n                        {sources!.map((s, i) => (\n                          <span\n                            key={`${s.label}-${i}`}\n                            className=\"mt-1.5 flex items-center gap-2\"\n                          >\n                            <span\n                              aria-hidden=\"true\"\n                              className=\"bg-primary-400 h-1.5 w-1.5 shrink-0 rounded-full\"\n                            />\n                            {s.url ? (\n                              <a\n                                href={s.url}\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                className=\"text-primary-600 hover:text-primary-500 dark:text-primary-400 dark:hover:text-primary-300 min-w-0 flex-1 truncate text-xs font-semibold\"\n                              >\n                                {s.label}\n                              </a>\n                            ) : (\n                              <span className=\"text-muted-foreground min-w-0 flex-1 truncate text-xs\">\n                                {s.label}\n                              </span>\n                            )}\n                            {s.sub && (\n                              <span className=\"text-muted-foreground/70 shrink-0 text-[11px]\">\n                                {s.sub}\n                              </span>\n                            )}\n                          </span>\n                        ))}\n                      </span>\n                    </span>\n                  )}\n                </span>\n              )}\n            </span>\n          </span>,\n          document.body\n        )}\n    </span>\n  );\n}\n"]}

package/dist/{chunk-HIDV32ZX.js → chunk-AHUYW673.js}

@@ -1,10 +1,11 @@
-import { inputVariants } from './chunk-YXCE2HSK.js';
+import { inputVariants } from './chunk-3IMM2PM4.js';
 import { useEscapeKey } from './chunk-T4ME7QCT.js';
 import { useClickOutside } from './chunk-62ZOA6PX.js';
-import { useAnchoredPosition } from './chunk-BOOJDRJO.js';
+import { useAnchoredPosition } from './chunk-WSNMQQ4P.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
+import { ChevronRight } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var placementOffset = 8;
@@ -116,6 +117,20 @@ function filterDropdownChildren(children, query) {
       ].filter(Boolean).join(" ").toLowerCase();
       return searchText.includes(normalizedQuery) ? child : null;
     }
+    if (isDropdownElement(child, DropdownSubmenu)) {
+      const searchText = [
+        getNodeText(child.props.label),
+        child.props.searchText
+      ].filter(Boolean).join(" ").toLowerCase();
+      if (searchText.includes(normalizedQuery)) {
+        return child;
+      }
+      const submenuChildren = filterDropdownChildren(
+        child.props.children,
+        normalizedQuery
+      );
+      return hasVisibleDropdownContent(submenuChildren) ? React.cloneElement(child, void 0, submenuChildren) : null;
+    }
     if (isDropdownElement(child, DropdownContent)) {
       const contentChildren = filterDropdownChildren(
         child.props.children,
@@ -180,6 +195,7 @@ function Dropdown({
   const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
   const [uncontrolledSelectedValues, setUncontrolledSelectedValues] = React.useState(defaultSelectedValues);
   const [searchQuery, setSearchQuery] = React.useState("");
+  const [extraOutsideRefs, setExtraOutsideRefs] = React.useState([]);
   const containerRef = React.useRef(null);
   const searchInputRef = React.useRef(null);
   const menuId = React.useId();
@@ -224,13 +240,21 @@ function Dropdown({
     },
     [multiSelect, selectedValues, setSelectedValues]
   );
+  const registerOutsideRef = React.useCallback(
+    (ref) => {
+      setExtraOutsideRefs((prev) => [...prev, ref]);
+      return () => setExtraOutsideRefs((prev) => prev.filter((r) => r !== ref));
+    },
+    []
+  );
   const dropdownContext = React.useMemo(
     () => ({
       multiSelect,
       selectedValues,
-      toggleSelectedValue
+      toggleSelectedValue,
+      registerOutsideRef
     }),
-    [multiSelect, selectedValues, toggleSelectedValue]
+    [multiSelect, selectedValues, toggleSelectedValue, registerOutsideRef]
   );
   useEscapeKey(handleClose, isOpen);
   const { anchorRef, floatingRef, style } = useAnchoredPosition({
@@ -240,8 +264,8 @@ function Dropdown({
     matchMinWidth: width === "trigger"
   });
   const outsideRefs = React.useMemo(
-    () => [containerRef, floatingRef],
-    [floatingRef]
+    () => [containerRef, floatingRef, ...extraOutsideRefs],
+    [floatingRef, extraOutsideRefs]
   );
   useClickOutside(outsideRefs, handleClose, isOpen);
   React.useEffect(() => {
@@ -574,6 +598,141 @@ var DropdownItem = React.forwardRef(
   }
 );
 DropdownItem.displayName = "DropdownItem";
+var submenuCloseDelay = 150;
+function DropdownSubmenu({
+  label,
+  icon,
+  disabled = false,
+  className,
+  children
+}) {
+  const [open, setOpen] = React.useState(false);
+  const menuId = React.useId();
+  const dropdownContext = React.useContext(DropdownContext);
+  const closeTimer = React.useRef(
+    void 0
+  );
+  const { anchorRef, floatingRef, style } = useAnchoredPosition({ open, placement: "right-start", offset: 4 });
+  const registerOutsideRef = dropdownContext?.registerOutsideRef;
+  React.useLayoutEffect(() => {
+    if (!open || !registerOutsideRef) return;
+    return registerOutsideRef(floatingRef);
+  }, [open, registerOutsideRef, floatingRef]);
+  React.useEffect(() => () => clearTimeout(closeTimer.current), []);
+  const cancelClose = () => clearTimeout(closeTimer.current);
+  const openNow = () => {
+    if (disabled) return;
+    cancelClose();
+    setOpen(true);
+  };
+  const scheduleClose = () => {
+    cancelClose();
+    closeTimer.current = setTimeout(() => setOpen(false), submenuCloseDelay);
+  };
+  const closeAndRefocus = () => {
+    cancelClose();
+    setOpen(false);
+    anchorRef.current?.focus();
+  };
+  const focusFirstItem = () => {
+    requestAnimationFrame(() => {
+      floatingRef.current?.querySelector('[data-slot="dropdown-item"]')?.focus();
+    });
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: anchorRef,
+        type: "button",
+        role: "menuitem",
+        disabled,
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        "aria-controls": open ? menuId : void 0,
+        "data-slot": "dropdown-submenu-trigger",
+        className: cn(
+          "flex w-full items-center gap-3 rounded-lg px-3 py-2 text-start text-sm",
+          "transition-colors duration-150",
+          "focus:outline-none",
+          "text-neutral-700 dark:text-neutral-300",
+          "hover:bg-neutral-100 dark:hover:bg-neutral-700",
+          "focus:bg-neutral-100 dark:focus:bg-neutral-700",
+          open && "bg-neutral-100 dark:bg-neutral-700",
+          className
+        ),
+        onPointerEnter: (event) => {
+          if (event.pointerType === "mouse") openNow();
+        },
+        onPointerLeave: (event) => {
+          if (event.pointerType === "mouse") scheduleClose();
+        },
+        onClick: (event) => {
+          openNow();
+          if (event.detail === 0) focusFirstItem();
+        },
+        onKeyDown: (event) => {
+          if (event.key === "ArrowRight") {
+            event.preventDefault();
+            openNow();
+            focusFirstItem();
+          } else if (open && (event.key === "ArrowLeft" || event.key === "Escape")) {
+            event.preventDefault();
+            event.stopPropagation();
+            closeAndRefocus();
+          }
+        },
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "h-4 w-4 shrink-0", "data-slot": "dropdown-item-icon", children: icon }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 font-medium", "data-slot": "dropdown-item-label", children: label }),
+          /* @__PURE__ */ jsx(
+            ChevronRight,
+            {
+              size: 16,
+              "aria-hidden": "true",
+              className: "shrink-0 text-neutral-400"
+            }
+          )
+        ]
+      }
+    ),
+    open && createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: floatingRef,
+          style,
+          id: menuId,
+          role: "menu",
+          tabIndex: -1,
+          "data-slot": "dropdown-submenu",
+          className: cn(
+            // min() keeps the preferred width from beating the hook's
+            // maxWidth viewport clamp on very narrow screens.
+            "flex min-w-[min(10rem,calc(100vw-1rem))] flex-col overflow-hidden",
+            "rounded-xl border border-neutral-200 bg-white shadow-lg",
+            "dark:border-neutral-700 dark:bg-neutral-800",
+            "animate-in fade-in zoom-in-95 duration-100"
+          ),
+          onPointerEnter: cancelClose,
+          onPointerLeave: (event) => {
+            if (event.pointerType === "mouse") scheduleClose();
+          },
+          onKeyDown: (event) => {
+            if (event.key === "ArrowLeft" || event.key === "Escape") {
+              event.preventDefault();
+              event.stopPropagation();
+              closeAndRefocus();
+            }
+          },
+          children: /* @__PURE__ */ jsx("div", { className: "min-h-0 overflow-y-auto", children })
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+DropdownSubmenu.displayName = "DropdownSubmenu";
 function DropdownSeparator({ className }) {
   return /* @__PURE__ */ jsx(
     "hr",
@@ -606,6 +765,6 @@ function DropdownLabel({
 }
 DropdownLabel.displayName = "DropdownLabel";
 
-export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator };
-//# sourceMappingURL=chunk-HIDV32ZX.js.map
-//# sourceMappingURL=chunk-HIDV32ZX.js.map
+export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator, DropdownSubmenu };
+//# sourceMappingURL=chunk-AHUYW673.js.map
+//# sourceMappingURL=chunk-AHUYW673.js.map