@mieweb/ui 0.7.3-dev.20 → 0.7.3-dev.22

package/dist/brands/index.cjs

@@ -6,10 +6,10 @@ var chunkP52GA3GJ_cjs = require('../chunk-P52GA3GJ.cjs');
 var chunkLCQGAOAZ_cjs = require('../chunk-LCQGAOAZ.cjs');
 var chunkZ5J4NTPL_cjs = require('../chunk-Z5J4NTPL.cjs');
 var chunkU7VQUOLS_cjs = require('../chunk-U7VQUOLS.cjs');
+var chunkJ644FU54_cjs = require('../chunk-J644FU54.cjs');
 var chunkWNJRS7Y7_cjs = require('../chunk-WNJRS7Y7.cjs');
 var chunkUCGUA3QV_cjs = require('../chunk-UCGUA3QV.cjs');
 var chunkRR2MJBGV_cjs = require('../chunk-RR2MJBGV.cjs');
-var chunkJ644FU54_cjs = require('../chunk-J644FU54.cjs');
 
 
 
@@ -37,18 +37,6 @@ Object.defineProperty(exports, "webchartBrand", {
   enumerable: true,
   get: function () { return chunkU7VQUOLS_cjs.webchartBrand; }
 });
-Object.defineProperty(exports, "bluehiveBrand", {
-  enumerable: true,
-  get: function () { return chunkWNJRS7Y7_cjs.bluehiveBrand; }
-});
-Object.defineProperty(exports, "ccmeBrand", {
-  enumerable: true,
-  get: function () { return chunkUCGUA3QV_cjs.ccmeBrand; }
-});
-Object.defineProperty(exports, "ozwellBrand", {
-  enumerable: true,
-  get: function () { return chunkRR2MJBGV_cjs.ozwellBrand; }
-});
 Object.defineProperty(exports, "createBrandPreset", {
   enumerable: true,
   get: function () { return chunkJ644FU54_cjs.createBrandPreset; }
@@ -61,5 +49,17 @@ Object.defineProperty(exports, "generateTailwindTheme", {
   enumerable: true,
   get: function () { return chunkJ644FU54_cjs.generateTailwindTheme; }
 });
+Object.defineProperty(exports, "bluehiveBrand", {
+  enumerable: true,
+  get: function () { return chunkWNJRS7Y7_cjs.bluehiveBrand; }
+});
+Object.defineProperty(exports, "ccmeBrand", {
+  enumerable: true,
+  get: function () { return chunkUCGUA3QV_cjs.ccmeBrand; }
+});
+Object.defineProperty(exports, "ozwellBrand", {
+  enumerable: true,
+  get: function () { return chunkRR2MJBGV_cjs.ozwellBrand; }
+});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/brands/index.js

@@ -4,9 +4,9 @@ export { enterpriseHealthBrand } from '../chunk-MTZPVOP6.js';
 export { miewebBrand } from '../chunk-NERS5ZT6.js';
 export { wagglelineBrand } from '../chunk-2NTYAALC.js';
 export { webchartBrand } from '../chunk-CW66SO5O.js';
+export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from '../chunk-WOYUQ4AT.js';
 export { bluehiveBrand } from '../chunk-3T7QGLNB.js';
 export { ccmeBrand } from '../chunk-SCQRJPSV.js';
 export { ozwellBrand } from '../chunk-5YUBQIC7.js';
-export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from '../chunk-WOYUQ4AT.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/chunk-5JZIDILK.cjs

@@ -0,0 +1,164 @@
+'use strict';
+
+var chunkRDGRKYQ5_cjs = require('./chunk-RDGRKYQ5.cjs');
+var chunk7IKLGH3Z_cjs = require('./chunk-7IKLGH3Z.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var lucideReact = require('lucide-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);
+
+function CtaArrow({ href }) {
+  const Icon = href.startsWith("#") ? lucideReact.ArrowDown : href.startsWith("/") ? lucideReact.ArrowRight : lucideReact.ArrowUpRight;
+  return /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": "true", className: "h-3.5 w-3.5" });
+}
+var CTA_TIER_VARIANT = {
+  explore: "ghost",
+  evaluate: "outline",
+  commit: "primary"
+};
+function SectionSpyNav({
+  items,
+  cta,
+  label = "On this page",
+  tone = "surface",
+  rootMargin = "-22% 0px -68% 0px",
+  onItemClick,
+  onCtaClick,
+  className
+}) {
+  const ids = React__namespace.useMemo(() => items.map((it) => it.id), [items]);
+  const { activeId } = chunk7IKLGH3Z_cjs.useScrollSpy({ ids, rootMargin });
+  const active = activeId ?? items[0]?.id ?? "";
+  const railRef = React__namespace.useRef(null);
+  const markRef = React__namespace.useRef(null);
+  const findActiveLink = React__namespace.useCallback(() => {
+    const links = railRef.current?.querySelectorAll("a");
+    if (!links) return null;
+    for (const link of links) {
+      if (link.dataset.id === active) return link;
+    }
+    return null;
+  }, [active]);
+  const syncMarker = React__namespace.useCallback(() => {
+    const link = findActiveLink();
+    const mark = markRef.current;
+    if (!link || !mark) return;
+    mark.style.left = `${link.offsetLeft}px`;
+    mark.style.width = `${link.offsetWidth}px`;
+  }, [findActiveLink]);
+  React__namespace.useEffect(() => {
+    const link = findActiveLink();
+    link?.scrollIntoView?.({ inline: "center", block: "nearest" });
+    syncMarker();
+  }, [findActiveLink, syncMarker]);
+  React__namespace.useEffect(() => {
+    window.addEventListener("resize", syncMarker);
+    return () => window.removeEventListener("resize", syncMarker);
+  }, [syncMarker]);
+  const brand = tone === "brand";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      className: chunkS5RVSXDV_cjs.cn(
+        "sticky top-0 z-30 w-full",
+        brand ? "bg-primary-900 text-white" : "border-border bg-card/95 border-b backdrop-blur",
+        className
+      ),
+      "aria-label": label,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 px-4 py-0.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: chunkS5RVSXDV_cjs.cn(
+              "shrink-0 text-[11px] font-semibold tracking-wide uppercase max-md:hidden",
+              brand ? "text-white/85" : "text-muted-foreground"
+            ),
+            "aria-hidden": "true",
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref: railRef,
+            className: "relative flex min-w-0 flex-1 gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+            children: [
+              items.map((it) => {
+                const isActive = active === it.id;
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  "a",
+                  {
+                    href: `#${it.id}`,
+                    "data-id": it.id,
+                    onClick: () => onItemClick?.(it.id),
+                    className: chunkS5RVSXDV_cjs.cn(
+                      "shrink-0 rounded px-2.5 py-2 text-sm whitespace-nowrap transition-colors",
+                      brand ? isActive ? "font-semibold text-white" : "text-white/85 hover:text-white" : isActive ? "text-foreground font-semibold" : "text-muted-foreground hover:text-foreground"
+                    ),
+                    "aria-current": isActive ? "location" : void 0,
+                    children: it.label
+                  },
+                  it.id
+                );
+              }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  ref: markRef,
+                  className: chunkS5RVSXDV_cjs.cn(
+                    "absolute bottom-0 h-0.5 rounded-full transition-[left,width] duration-300",
+                    brand ? "bg-primary-400" : "bg-primary-500"
+                  ),
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ),
+        cta && /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: cta.href,
+            onClick: () => onCtaClick?.(cta),
+            className: chunkS5RVSXDV_cjs.cn(
+              chunkRDGRKYQ5_cjs.buttonVariants({
+                variant: CTA_TIER_VARIANT[cta.tier ?? "explore"],
+                size: "sm"
+              }),
+              "shrink-0",
+              brand && (cta.tier ?? "explore") !== "commit" && "text-white hover:bg-white/10 hover:text-white"
+            ),
+            children: [
+              cta.label,
+              /* @__PURE__ */ jsxRuntime.jsx(CtaArrow, { href: cta.href })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+
+exports.SectionSpyNav = SectionSpyNav;
+//# sourceMappingURL=chunk-5JZIDILK.cjs.map
+//# sourceMappingURL=chunk-5JZIDILK.cjs.map

package/dist/chunk-5JZIDILK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SectionSpyNav/SectionSpyNav.tsx"],"names":["ArrowDown","ArrowRight","ArrowUpRight","jsx","React","useScrollSpy","cn","jsxs","buttonVariants"],"mappings":"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","file":"chunk-5JZIDILK.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowDown, ArrowRight, ArrowUpRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { useScrollSpy } from '../../hooks/useScrollSpy';\nimport { buttonVariants } from '../Button';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** One section the nav links to. The id must match a `section[id]` on the page. */\nexport interface SectionSpyItem {\n  id: string;\n  label: string;\n}\n\n/**\n * Funnel intent for the bar's single contextual CTA — drives its visual\n * weight so the in-page strip never out-shouts a page's primary CTA:\n * `explore` (quiet next step) → `evaluate` (sales-ready ask) → `commit`\n * (high-intent action).\n */\nexport type SectionSpyCtaTier = 'explore' | 'evaluate' | 'commit';\n\nexport interface SectionSpyCta {\n  label: string;\n  href: string;\n  tier?: SectionSpyCtaTier;\n}\n\nexport interface SectionSpyNavProps {\n  /** Sections to link to, in page order. */\n  items: SectionSpyItem[];\n  /** Optional single page-specific next-step CTA at the end of the bar. */\n  cta?: SectionSpyCta;\n  /** Eyebrow before the links (default \"On this page\"). */\n  label?: string;\n  /**\n   * Visual tone: `surface` sits on the page background; `brand` renders the\n   * inverted primary band.\n   */\n  tone?: 'surface' | 'brand';\n  /** IntersectionObserver root margin tuning for the scroll spy. */\n  rootMargin?: string;\n  /** Called with the section id when a nav link is clicked. */\n  onItemClick?: (id: string) => void;\n  /** Called when the CTA is clicked (e.g. for analytics). */\n  onCtaClick?: (cta: SectionSpyCta) => void;\n  className?: string;\n}\n\n// =============================================================================\n// Internals\n// =============================================================================\n\n/** Directional glyph inferred from the destination. */\nfunction CtaArrow({ href }: { href: string }) {\n  const Icon = href.startsWith('#')\n    ? ArrowDown\n    : href.startsWith('/')\n      ? ArrowRight\n      : ArrowUpRight;\n  return <Icon aria-hidden=\"true\" className=\"h-3.5 w-3.5\" />;\n}\n\nconst CTA_TIER_VARIANT = {\n  explore: 'ghost',\n  evaluate: 'outline',\n  commit: 'primary',\n} as const;\n\n// =============================================================================\n// SectionSpyNav\n// =============================================================================\n\n/**\n * Sticky horizontal in-page wayfinding: jumps between a page's major\n * sections, highlights the one in view with a sliding underline, and can\n * carry a single page-specific next-step CTA. Pure anchor links, so it\n * still works if the scroll spy never runs.\n *\n * The horizontal complement to `TableOfContents` — use that for a sidebar\n * outline, this for a band under the page header. Section elements need\n * matching `id`s.\n *\n * @example\n * ```tsx\n * <SectionSpyNav\n *   items={[\n *     { id: 'overview', label: 'Overview' },\n *     { id: 'pricing', label: 'Pricing' },\n *   ]}\n *   cta={{ label: 'Book a demo', href: '/demo', tier: 'evaluate' }}\n * />\n * ```\n */\nexport function SectionSpyNav({\n  items,\n  cta,\n  label = 'On this page',\n  tone = 'surface',\n  rootMargin = '-22% 0px -68% 0px',\n  onItemClick,\n  onCtaClick,\n  className,\n}: SectionSpyNavProps) {\n  const ids = React.useMemo(() => items.map((it) => it.id), [items]);\n  const { activeId } = useScrollSpy({ ids, rootMargin });\n  const active = activeId ?? items[0]?.id ?? '';\n\n  const railRef = React.useRef<HTMLDivElement>(null);\n  const markRef = React.useRef<HTMLSpanElement>(null);\n\n  // Find the active link by dataset rather than a CSS selector, so ids\n  // never need escaping and CSS.escape availability doesn't matter.\n  const findActiveLink = React.useCallback((): HTMLAnchorElement | null => {\n    const links = railRef.current?.querySelectorAll<HTMLAnchorElement>('a');\n    if (!links) return null;\n    for (const link of links) {\n      if (link.dataset.id === active) return link;\n    }\n    return null;\n  }, [active]);\n\n  // Slide the underline beneath the active link. offsetLeft/offsetWidth are\n  // physical and measured against the rail, so the marker tracks the link\n  // in both directions and while the rail is scrolled horizontally.\n  const syncMarker = React.useCallback(() => {\n    const link = findActiveLink();\n    const mark = markRef.current;\n    if (!link || !mark) return;\n    mark.style.left = `${link.offsetLeft}px`;\n    mark.style.width = `${link.offsetWidth}px`;\n  }, [findActiveLink]);\n\n  React.useEffect(() => {\n    const link = findActiveLink();\n    link?.scrollIntoView?.({ inline: 'center', block: 'nearest' });\n    syncMarker();\n  }, [findActiveLink, syncMarker]);\n\n  React.useEffect(() => {\n    window.addEventListener('resize', syncMarker);\n    return () => window.removeEventListener('resize', syncMarker);\n  }, [syncMarker]);\n\n  const brand = tone === 'brand';\n\n  return (\n    <nav\n      className={cn(\n        'sticky top-0 z-30 w-full',\n        brand\n          ? 'bg-primary-900 text-white'\n          : 'border-border bg-card/95 border-b backdrop-blur',\n        className\n      )}\n      aria-label={label}\n    >\n      <div className=\"flex items-center gap-4 px-4 py-0.5\">\n        <span\n          className={cn(\n            'shrink-0 text-[11px] font-semibold tracking-wide uppercase max-md:hidden',\n            brand ? 'text-white/85' : 'text-muted-foreground'\n          )}\n          aria-hidden=\"true\"\n        >\n          {label}\n        </span>\n        <div\n          ref={railRef}\n          className=\"relative flex min-w-0 flex-1 gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\"\n        >\n          {items.map((it) => {\n            const isActive = active === it.id;\n            return (\n              <a\n                key={it.id}\n                href={`#${it.id}`}\n                data-id={it.id}\n                onClick={() => onItemClick?.(it.id)}\n                className={cn(\n                  'shrink-0 rounded px-2.5 py-2 text-sm whitespace-nowrap transition-colors',\n                  brand\n                    ? isActive\n                      ? 'font-semibold text-white'\n                      : 'text-white/85 hover:text-white'\n                    : isActive\n                      ? 'text-foreground font-semibold'\n                      : 'text-muted-foreground hover:text-foreground'\n                )}\n                aria-current={isActive ? 'location' : undefined}\n              >\n                {it.label}\n              </a>\n            );\n          })}\n          <span\n            ref={markRef}\n            className={cn(\n              'absolute bottom-0 h-0.5 rounded-full transition-[left,width] duration-300',\n              brand ? 'bg-primary-400' : 'bg-primary-500'\n            )}\n            aria-hidden=\"true\"\n          />\n        </div>\n        {cta && (\n          <a\n            href={cta.href}\n            onClick={() => onCtaClick?.(cta)}\n            className={cn(\n              buttonVariants({\n                variant: CTA_TIER_VARIANT[cta.tier ?? 'explore'],\n                size: 'sm',\n              }),\n              'shrink-0',\n              brand &&\n                (cta.tier ?? 'explore') !== 'commit' &&\n                'text-white hover:bg-white/10 hover:text-white'\n            )}\n          >\n            {cta.label}\n            <CtaArrow href={cta.href} />\n          </a>\n        )}\n      </div>\n    </nav>\n  );\n}\n"]}

package/dist/chunk-7IKLGH3Z.cjs

@@ -0,0 +1,92 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useScrollSpy.ts
+function useScrollSpy({
+  selectors,
+  ids,
+  rootMargin = "0px 0px -60% 0px",
+  threshold = 0,
+  root,
+  enabled = true
+} = {}) {
+  const [activeId, setActiveId] = react.useState(null);
+  const visibleEntries = react.useRef(
+    /* @__PURE__ */ new Map()
+  );
+  const rootEl = root?.current ?? null;
+  react.useEffect(() => {
+    if (!enabled) return;
+    const container = rootEl ?? document;
+    function resolveElements() {
+      let els = [];
+      if (ids && ids.length > 0) {
+        els = ids.map((id) => document.getElementById(id)).filter((el) => el !== null);
+      } else if (selectors) {
+        els = Array.from(container.querySelectorAll(selectors));
+      }
+      return els.filter((el) => el.id);
+    }
+    let intersectionObserver = null;
+    let mutationObserver = null;
+    function startObserving() {
+      const elements = resolveElements();
+      if (elements.length === 0) return false;
+      intersectionObserver = new IntersectionObserver(
+        (entries2) => {
+          for (const entry of entries2) {
+            if (entry.isIntersecting) {
+              visibleEntries.current.set(entry.target.id, entry);
+            } else {
+              visibleEntries.current.delete(entry.target.id);
+            }
+          }
+          if (visibleEntries.current.size > 0) {
+            let topmost = null;
+            let topmostTop = Infinity;
+            for (const [id, entry] of visibleEntries.current) {
+              const top = entry.boundingClientRect.top;
+              if (top < topmostTop) {
+                topmostTop = top;
+                topmost = id;
+              }
+            }
+            if (topmost) {
+              setActiveId(topmost);
+            }
+          }
+        },
+        {
+          root: rootEl,
+          rootMargin,
+          threshold
+        }
+      );
+      for (const el of elements) {
+        intersectionObserver.observe(el);
+      }
+      mutationObserver?.disconnect();
+      mutationObserver = null;
+      return true;
+    }
+    if (!startObserving()) {
+      const watchRoot = rootEl ?? document.body;
+      mutationObserver = new MutationObserver(() => {
+        startObserving();
+      });
+      mutationObserver.observe(watchRoot, { childList: true, subtree: true });
+    }
+    const entries = visibleEntries.current;
+    return () => {
+      mutationObserver?.disconnect();
+      intersectionObserver?.disconnect();
+      entries.clear();
+    };
+  }, [selectors, ids, rootMargin, threshold, rootEl, enabled]);
+  return { activeId };
+}
+
+exports.useScrollSpy = useScrollSpy;
+//# sourceMappingURL=chunk-7IKLGH3Z.cjs.map
+//# sourceMappingURL=chunk-7IKLGH3Z.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useScrollSpy.ts"],"names":["useState","useRef","useEffect","entries"],"mappings":"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","file":"chunk-7IKLGH3Z.cjs","sourcesContent":["import { useEffect, useState, useRef, type RefObject } from 'react';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface UseScrollSpyOptions {\n  /** CSS selector for the elements to observe (e.g. 'h2, h3, h4') */\n  selectors?: string;\n  /** Explicit list of element IDs to observe (alternative to selectors) */\n  ids?: string[];\n  /** IntersectionObserver root margin (default: '0px 0px -60% 0px') */\n  rootMargin?: string;\n  /** IntersectionObserver threshold (default: 0) */\n  threshold?: number | number[];\n  /** Scroll container element ref. Defaults to document viewport. */\n  root?: RefObject<HTMLElement | null>;\n  /** Whether the hook is active (default: true) */\n  enabled?: boolean;\n}\n\nexport interface UseScrollSpyReturn {\n  /** The ID of the currently active (in-view) element */\n  activeId: string | null;\n}\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Tracks which section is currently in the viewport using IntersectionObserver.\n * Pairs naturally with `TableOfContents` to highlight the active heading.\n *\n * @example\n * ```tsx\n * function DocsPage() {\n *   const { activeId } = useScrollSpy({ selectors: 'h2, h3' });\n *   return (\n *     <aside>\n *       <TableOfContents activeId={activeId} />\n *     </aside>\n *   );\n * }\n * ```\n */\nexport function useScrollSpy({\n  selectors,\n  ids,\n  rootMargin = '0px 0px -60% 0px',\n  threshold = 0,\n  root,\n  enabled = true,\n}: UseScrollSpyOptions = {}): UseScrollSpyReturn {\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const visibleEntries = useRef<Map<string, IntersectionObserverEntry>>(\n    new Map()\n  );\n\n  // Track root.current so the effect re-runs when the ref attaches\n  const rootEl = root?.current ?? null;\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const container = rootEl ?? document;\n\n    // Resolve target elements from the DOM\n    function resolveElements(): Element[] {\n      let els: Element[] = [];\n      if (ids && ids.length > 0) {\n        els = ids\n          .map((id) => document.getElementById(id))\n          .filter((el): el is HTMLElement => el !== null);\n      } else if (selectors) {\n        els = Array.from(container.querySelectorAll(selectors));\n      }\n      return els.filter((el) => el.id);\n    }\n\n    let intersectionObserver: IntersectionObserver | null = null;\n    let mutationObserver: MutationObserver | null = null;\n\n    function startObserving(): boolean {\n      const elements = resolveElements();\n      if (elements.length === 0) return false;\n\n      intersectionObserver = new IntersectionObserver(\n        (entries) => {\n          for (const entry of entries) {\n            if (entry.isIntersecting) {\n              visibleEntries.current.set(entry.target.id, entry);\n            } else {\n              visibleEntries.current.delete(entry.target.id);\n            }\n          }\n\n          // Pick the topmost visible heading (by DOM order)\n          if (visibleEntries.current.size > 0) {\n            let topmost: string | null = null;\n            let topmostTop = Infinity;\n\n            for (const [id, entry] of visibleEntries.current) {\n              const top = entry.boundingClientRect.top;\n              if (top < topmostTop) {\n                topmostTop = top;\n                topmost = id;\n              }\n            }\n\n            if (topmost) {\n              setActiveId(topmost);\n            }\n          }\n        },\n        {\n          root: rootEl,\n          rootMargin,\n          threshold,\n        }\n      );\n\n      for (const el of elements) {\n        intersectionObserver.observe(el);\n      }\n\n      // Elements found — stop watching for new DOM nodes\n      mutationObserver?.disconnect();\n      mutationObserver = null;\n      return true;\n    }\n\n    // If target elements don't exist yet (e.g. headings mount after ToC),\n    // watch for DOM changes and retry until they appear.\n    if (!startObserving()) {\n      const watchRoot = rootEl ?? document.body;\n      mutationObserver = new MutationObserver(() => {\n        startObserving();\n      });\n      mutationObserver.observe(watchRoot, { childList: true, subtree: true });\n    }\n\n    const entries = visibleEntries.current;\n    return () => {\n      mutationObserver?.disconnect();\n      intersectionObserver?.disconnect();\n      entries.clear();\n    };\n  }, [selectors, ids, rootMargin, threshold, rootEl, enabled]);\n\n  return { activeId };\n}\n"]}

package/dist/chunk-7L7OPISJ.cjs

@@ -0,0 +1,291 @@
+'use strict';
+
+var chunkFHY3K6PL_cjs = require('./chunk-FHY3K6PL.cjs');
+var chunkMYFZYUPR_cjs = require('./chunk-MYFZYUPR.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var reactDom = require('react-dom');
+var lucideReact = require('lucide-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 HIDE_GRACE_MS = 180;
+function GlossaryTooltip({
+  children,
+  term,
+  definition,
+  category,
+  keyFact,
+  source,
+  related,
+  href,
+  maxDefinitionLength = 190,
+  underline = true,
+  className
+}) {
+  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 } = chunkMYFZYUPR_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?.querySelector("a,button")?.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 togglePin = React__namespace.useCallback(() => {
+    if (pinned) close();
+    else {
+      setPinned(true);
+      show();
+    }
+  }, [pinned, close, show]);
+  const onTriggerClick = (e) => {
+    const coarse = typeof window !== "undefined" && window.matchMedia("(hover: none)").matches;
+    if (href) {
+      if (!coarse) return;
+      e.preventDefault();
+    }
+    togglePin();
+  };
+  const onTriggerKeyDown = (e) => {
+    if (href) return;
+    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 limit = Math.max(1, maxDefinitionLength);
+  const short = definition.length > limit ? `${definition.slice(0, limit - 1).trimEnd()}\u2026` : definition;
+  const triggerClasses = chunkS5RVSXDV_cjs.cn(
+    "cursor-help",
+    underline && "decoration-primary-400/70 underline decoration-dashed underline-offset-4",
+    className
+  );
+  const triggerProps = {
+    onClick: onTriggerClick,
+    className: chunkS5RVSXDV_cjs.cn(
+      triggerClasses,
+      href && "text-primary-800 dark:text-primary-400 font-medium"
+    )
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      ref: anchorRef,
+      className: "relative inline",
+      onMouseEnter: show,
+      onMouseLeave: scheduleHide,
+      onFocus: onTriggerFocus,
+      onBlur: onBlurCapture,
+      children: [
+        href ? /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href,
+            "aria-expanded": open,
+            "aria-haspopup": "dialog",
+            ...triggerProps,
+            children
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-expanded": open,
+            "aria-haspopup": "dialog",
+            "aria-label": `${term} \u2014 show definition`,
+            onKeyDown: onTriggerKeyDown,
+            ...triggerProps,
+            className: chunkS5RVSXDV_cjs.cn(
+              "inline appearance-none border-0 bg-transparent p-0 text-inherit [font:inherit]",
+              triggerProps.className
+            ),
+            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": term,
+              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.jsx("span", { className: "from-primary-700 to-primary-600 block bg-gradient-to-br px-3.5 py-2.5", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-start justify-between gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "block min-w-0", children: [
+                    category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-1 inline-flex rounded-full bg-white/15 px-2 py-0.5 text-[10px] font-bold tracking-wide text-white uppercase", children: category }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-sm leading-snug font-semibold text-white", children: term })
+                  ] }),
+                  pinned && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: close,
+                      "aria-label": "Close definition",
+                      className: "shrink-0 rounded p-0.5 text-white/70 hover:bg-white/10 hover:text-white",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "block px-3.5 py-2.5", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground block text-[13px] leading-relaxed", children: short }),
+                  keyFact && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-2 flex items-start gap-1.5", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      lucideReact.Diamond,
+                      {
+                        "aria-hidden": "true",
+                        className: "text-primary-500 mt-0.5 h-3 w-3 shrink-0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground min-w-0 text-xs leading-relaxed font-medium", children: keyFact })
+                  ] })
+                ] }),
+                (source || related && related.length > 0 || href) && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "border-border bg-muted/50 block border-t px-3.5 py-2", children: [
+                  related && related.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-1.5 flex flex-wrap gap-1", children: related.map(
+                    (r) => r.href ? /* @__PURE__ */ jsxRuntime.jsx(
+                      "a",
+                      {
+                        href: r.href,
+                        className: "border-border bg-card text-foreground hover:border-primary-400 hover:text-primary-800 dark:hover:text-primary-400 rounded-full border px-2 py-0.5 text-[11px] font-medium",
+                        children: r.term
+                      },
+                      r.term
+                    ) : /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: "border-border bg-card text-muted-foreground rounded-full border px-2 py-0.5 text-[11px] font-medium",
+                        children: r.term
+                      },
+                      r.term
+                    )
+                  ) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center justify-between gap-2", children: [
+                    source ? /* @__PURE__ */ jsxRuntime.jsx(
+                      "a",
+                      {
+                        href: source.url,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        className: "text-primary-800 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300 min-w-0 truncate text-[11px] font-semibold",
+                        children: source.label
+                      }
+                    ) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+                    href && /* @__PURE__ */ jsxRuntime.jsxs(
+                      "a",
+                      {
+                        href,
+                        className: "text-muted-foreground hover:text-foreground inline-flex shrink-0 items-center gap-0.5 text-[11px] font-medium",
+                        children: [
+                          "Full definition",
+                          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { "aria-hidden": "true", className: "h-3 w-3" })
+                        ]
+                      }
+                    )
+                  ] })
+                ] })
+              ] })
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
+
+exports.GlossaryTooltip = GlossaryTooltip;
+//# sourceMappingURL=chunk-7L7OPISJ.cjs.map
+//# sourceMappingURL=chunk-7L7OPISJ.cjs.map