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

package/agent/mieweb-ui.instructions.md

@@ -168,7 +168,19 @@ Tailwind: on Tailwind 4, add an `@source` for `@mieweb/ui` so library classes ar
 
 If JSDoc, the console, or the docs mark something deprecated (`AGGrid` today), do not use it in new code and do not suppress the warning. Use the documented replacement.
 
-## Rule 14: When existing components do not meet the need
+## Rule 14: A component that renders a collection takes it through props
+
+Anything that displays a list, board, calendar, timeline or inbox of records the caller owns is a **headless module**. It receives `items` / `loading` / `error` as props, hands changes back through `on*` callbacks typed `void | Promise<void>`, and navigates through `onOpen(id)` / `getHref(id)`.
+
+Never fetch, subscribe, read a store, or import a router or app framework inside such a component — `meteor/*`, `next/*`, `react-router*`, `@tanstack/react-query` and `@fortawesome/*` are blocked by ESLint. Make it generic over the item type with accessor props (`getId`, `getStatus`, `getStart`, …), put domain rendering in `render*` slots, return a token _name_ for colour (never a class string), and make every user-facing string overridable through `labels`.
+
+Declare it with `parameters.catalog.collection: true`; `pnpm catalog:check` then requires an **Empty**, **Loading** and **Error** story. Full contract:
+[component-policy → Tier 2.5](https://github.com/mieweb/ui/blob/main/lessons/component-policy.md#tier-25-headless-modules).
+
+Wiring one to an app's data layer — accessors, awaited mutations, `onOpen` plus `getHref`, where filter state lives:
+[wiring-headless-modules.md](https://github.com/mieweb/ui/blob/main/lessons/wiring-headless-modules.md).
+
+## Rule 15: When existing components do not meet the need
 
 Before creating or materially extending a reusable component, read the
 [upstream contribution guide](https://github.com/mieweb/ui/blob/main/CONTRIBUTING.md)

package/dist/CsvBlock-ROJCKJDP.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkIX6KFB3K_cjs = require('./chunk-IX6KFB3K.cjs');
+require('./chunk-UV2FVNWT.cjs');
+require('./chunk-VNYW4C4J.cjs');
+require('./chunk-S5RVSXDV.cjs');
+require('./chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "CsvBlock", {
+  enumerable: true,
+  get: function () { return chunkIX6KFB3K_cjs.CsvBlock; }
+});
+//# sourceMappingURL=CsvBlock-ROJCKJDP.cjs.map
+//# sourceMappingURL=CsvBlock-ROJCKJDP.cjs.map

package/dist/{CsvBlock-CVYA3HYS.cjs.map → CsvBlock-ROJCKJDP.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"CsvBlock-CVYA3HYS.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"CsvBlock-ROJCKJDP.cjs"}

package/dist/CsvBlock-UWPMTLE2.js

@@ -0,0 +1,7 @@
+export { CsvBlock } from './chunk-TMMVIUUN.js';
+import './chunk-H4ZXMQQW.js';
+import './chunk-GOALNQZ2.js';
+import './chunk-TQONQSJO.js';
+import './chunk-PX6F3LHL.js';
+//# sourceMappingURL=CsvBlock-UWPMTLE2.js.map
+//# sourceMappingURL=CsvBlock-UWPMTLE2.js.map

package/dist/{CsvBlock-SM4NKSHA.js.map → CsvBlock-UWPMTLE2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"CsvBlock-SM4NKSHA.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"CsvBlock-UWPMTLE2.js"}

package/dist/HtmlPreviewBlock-DWFN6EUB.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunk7ZXAQTV4_cjs = require('./chunk-7ZXAQTV4.cjs');
+require('./chunk-UV2FVNWT.cjs');
+require('./chunk-VNYW4C4J.cjs');
+require('./chunk-S5RVSXDV.cjs');
+require('./chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "HtmlPreviewBlock", {
+  enumerable: true,
+  get: function () { return chunk7ZXAQTV4_cjs.HtmlPreviewBlock; }
+});
+//# sourceMappingURL=HtmlPreviewBlock-DWFN6EUB.cjs.map
+//# sourceMappingURL=HtmlPreviewBlock-DWFN6EUB.cjs.map

package/dist/{HtmlPreviewBlock-JF454L2L.cjs.map → HtmlPreviewBlock-DWFN6EUB.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"HtmlPreviewBlock-JF454L2L.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"HtmlPreviewBlock-DWFN6EUB.cjs"}

package/dist/HtmlPreviewBlock-ME5U3XNS.js

@@ -0,0 +1,7 @@
+export { HtmlPreviewBlock } from './chunk-V7D3YGUV.js';
+import './chunk-H4ZXMQQW.js';
+import './chunk-GOALNQZ2.js';
+import './chunk-TQONQSJO.js';
+import './chunk-PX6F3LHL.js';
+//# sourceMappingURL=HtmlPreviewBlock-ME5U3XNS.js.map
+//# sourceMappingURL=HtmlPreviewBlock-ME5U3XNS.js.map

package/dist/{HtmlPreviewBlock-FAMF4W24.js.map → HtmlPreviewBlock-ME5U3XNS.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"HtmlPreviewBlock-FAMF4W24.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"HtmlPreviewBlock-ME5U3XNS.js"}

package/dist/MermaidBlock-2B6CPD6Y.js

@@ -0,0 +1,7 @@
+export { MermaidBlock } from './chunk-KZFBQ7GY.js';
+import './chunk-H4ZXMQQW.js';
+import './chunk-GOALNQZ2.js';
+import './chunk-TQONQSJO.js';
+import './chunk-PX6F3LHL.js';
+//# sourceMappingURL=MermaidBlock-2B6CPD6Y.js.map
+//# sourceMappingURL=MermaidBlock-2B6CPD6Y.js.map

package/dist/{MermaidBlock-7V5G4K5A.js.map → MermaidBlock-2B6CPD6Y.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"MermaidBlock-7V5G4K5A.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"MermaidBlock-2B6CPD6Y.js"}

package/dist/MermaidBlock-D2UC5M55.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunk5MCBWTIF_cjs = require('./chunk-5MCBWTIF.cjs');
+require('./chunk-UV2FVNWT.cjs');
+require('./chunk-VNYW4C4J.cjs');
+require('./chunk-S5RVSXDV.cjs');
+require('./chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "MermaidBlock", {
+  enumerable: true,
+  get: function () { return chunk5MCBWTIF_cjs.MermaidBlock; }
+});
+//# sourceMappingURL=MermaidBlock-D2UC5M55.cjs.map
+//# sourceMappingURL=MermaidBlock-D2UC5M55.cjs.map

package/dist/{MermaidBlock-FR5SQX4Q.cjs.map → MermaidBlock-D2UC5M55.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"MermaidBlock-FR5SQX4Q.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"MermaidBlock-D2UC5M55.cjs"}

package/dist/SurveyBlock-4CD4AYMJ.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunk3QEVGSFG_cjs = require('./chunk-3QEVGSFG.cjs');
+require('./chunk-UV2FVNWT.cjs');
+require('./chunk-VNYW4C4J.cjs');
+require('./chunk-S5RVSXDV.cjs');
+require('./chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "SurveyBlock", {
+  enumerable: true,
+  get: function () { return chunk3QEVGSFG_cjs.SurveyBlock; }
+});
+//# sourceMappingURL=SurveyBlock-4CD4AYMJ.cjs.map
+//# sourceMappingURL=SurveyBlock-4CD4AYMJ.cjs.map

package/dist/{SurveyBlock-MCJVWR7H.cjs.map → SurveyBlock-4CD4AYMJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"SurveyBlock-MCJVWR7H.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"SurveyBlock-4CD4AYMJ.cjs"}

package/dist/SurveyBlock-4DO62RBT.js

@@ -0,0 +1,7 @@
+export { SurveyBlock } from './chunk-DEDN5HAG.js';
+import './chunk-H4ZXMQQW.js';
+import './chunk-GOALNQZ2.js';
+import './chunk-TQONQSJO.js';
+import './chunk-PX6F3LHL.js';
+//# sourceMappingURL=SurveyBlock-4DO62RBT.js.map
+//# sourceMappingURL=SurveyBlock-4DO62RBT.js.map

package/dist/{SurveyBlock-6K2POV7S.js.map → SurveyBlock-4DO62RBT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"SurveyBlock-6K2POV7S.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"SurveyBlock-4DO62RBT.js"}

package/dist/brands/index.cjs

@@ -1,26 +1,22 @@
 'use strict';
 
-var chunkVNAREBLV_cjs = require('../chunk-VNAREBLV.cjs');
-var chunkU7VQUOLS_cjs = require('../chunk-U7VQUOLS.cjs');
+var chunkJ5CSLNCN_cjs = require('../chunk-J5CSLNCN.cjs');
 var chunkX7S76WB7_cjs = require('../chunk-X7S76WB7.cjs');
-var chunkP52GA3GJ_cjs = require('../chunk-P52GA3GJ.cjs');
+var chunkNM7O7RY5_cjs = require('../chunk-NM7O7RY5.cjs');
 var chunkLCQGAOAZ_cjs = require('../chunk-LCQGAOAZ.cjs');
 var chunkZ5J4NTPL_cjs = require('../chunk-Z5J4NTPL.cjs');
-var chunkJ644FU54_cjs = require('../chunk-J644FU54.cjs');
+var chunkU7VQUOLS_cjs = require('../chunk-U7VQUOLS.cjs');
 var chunkWNJRS7Y7_cjs = require('../chunk-WNJRS7Y7.cjs');
 var chunkUCGUA3QV_cjs = require('../chunk-UCGUA3QV.cjs');
 var chunkRR2MJBGV_cjs = require('../chunk-RR2MJBGV.cjs');
+var chunkNGQRS7AW_cjs = require('../chunk-NGQRS7AW.cjs');
 require('../chunk-EUAMEVVI.cjs');
 
 
 
 Object.defineProperty(exports, "brands", {
   enumerable: true,
-  get: function () { return chunkVNAREBLV_cjs.brands; }
-});
-Object.defineProperty(exports, "webchartBrand", {
-  enumerable: true,
-  get: function () { return chunkU7VQUOLS_cjs.webchartBrand; }
+  get: function () { return chunkJ5CSLNCN_cjs.brands; }
 });
 Object.defineProperty(exports, "defaultBrand", {
   enumerable: true,
@@ -28,7 +24,7 @@ Object.defineProperty(exports, "defaultBrand", {
 });
 Object.defineProperty(exports, "enterpriseHealthBrand", {
   enumerable: true,
-  get: function () { return chunkP52GA3GJ_cjs.enterpriseHealthBrand; }
+  get: function () { return chunkNM7O7RY5_cjs.enterpriseHealthBrand; }
 });
 Object.defineProperty(exports, "miewebBrand", {
   enumerable: true,
@@ -38,17 +34,9 @@ Object.defineProperty(exports, "wagglelineBrand", {
   enumerable: true,
   get: function () { return chunkZ5J4NTPL_cjs.wagglelineBrand; }
 });
-Object.defineProperty(exports, "createBrandPreset", {
-  enumerable: true,
-  get: function () { return chunkJ644FU54_cjs.createBrandPreset; }
-});
-Object.defineProperty(exports, "generateBrandCSS", {
-  enumerable: true,
-  get: function () { return chunkJ644FU54_cjs.generateBrandCSS; }
-});
-Object.defineProperty(exports, "generateTailwindTheme", {
+Object.defineProperty(exports, "webchartBrand", {
   enumerable: true,
-  get: function () { return chunkJ644FU54_cjs.generateTailwindTheme; }
+  get: function () { return chunkU7VQUOLS_cjs.webchartBrand; }
 });
 Object.defineProperty(exports, "bluehiveBrand", {
   enumerable: true,
@@ -62,5 +50,17 @@ Object.defineProperty(exports, "ozwellBrand", {
   enumerable: true,
   get: function () { return chunkRR2MJBGV_cjs.ozwellBrand; }
 });
+Object.defineProperty(exports, "createBrandPreset", {
+  enumerable: true,
+  get: function () { return chunkNGQRS7AW_cjs.createBrandPreset; }
+});
+Object.defineProperty(exports, "generateBrandCSS", {
+  enumerable: true,
+  get: function () { return chunkNGQRS7AW_cjs.generateBrandCSS; }
+});
+Object.defineProperty(exports, "generateTailwindTheme", {
+  enumerable: true,
+  get: function () { return chunkNGQRS7AW_cjs.generateTailwindTheme; }
+});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/brands/index.js

@@ -1,13 +1,13 @@
-export { brands } from '../chunk-LECJMLNE.js';
-export { webchartBrand } from '../chunk-CW66SO5O.js';
+export { brands } from '../chunk-YQDA366U.js';
 export { defaultBrand } from '../chunk-PSTGFXQG.js';
-export { enterpriseHealthBrand } from '../chunk-MTZPVOP6.js';
+export { enterpriseHealthBrand } from '../chunk-Q77TE5DZ.js';
 export { miewebBrand } from '../chunk-NERS5ZT6.js';
 export { wagglelineBrand } from '../chunk-2NTYAALC.js';
-export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from '../chunk-WOYUQ4AT.js';
+export { webchartBrand } from '../chunk-CW66SO5O.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-5GOWFNQ6.js';
 import '../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/brands/types.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var chunkJ644FU54_cjs = require('../chunk-J644FU54.cjs');
+var chunkNGQRS7AW_cjs = require('../chunk-NGQRS7AW.cjs');
 require('../chunk-EUAMEVVI.cjs');
 
 
 
 Object.defineProperty(exports, "createBrandPreset", {
   enumerable: true,
-  get: function () { return chunkJ644FU54_cjs.createBrandPreset; }
+  get: function () { return chunkNGQRS7AW_cjs.createBrandPreset; }
 });
 Object.defineProperty(exports, "generateBrandCSS", {
   enumerable: true,
-  get: function () { return chunkJ644FU54_cjs.generateBrandCSS; }
+  get: function () { return chunkNGQRS7AW_cjs.generateBrandCSS; }
 });
 Object.defineProperty(exports, "generateTailwindTheme", {
   enumerable: true,
-  get: function () { return chunkJ644FU54_cjs.generateTailwindTheme; }
+  get: function () { return chunkNGQRS7AW_cjs.generateTailwindTheme; }
 });
 //# sourceMappingURL=types.cjs.map
 //# sourceMappingURL=types.cjs.map

package/dist/brands/types.d.cts

@@ -74,6 +74,15 @@ interface BrandColors {
     warning?: ColorScale;
     /** Info color scale (optional — falls back to library defaults) */
     info?: ColorScale;
+    /**
+     * Brand accent (optional) — exposed as `--mieweb-accent`, `--mieweb-accent-light`
+     * and `--mieweb-accent-dark`. Components fall back to the primary scale when unset.
+     */
+    accent?: {
+        DEFAULT: string;
+        light?: string;
+        dark?: string;
+    };
     /** Light mode semantic colors */
     light: SemanticColors;
     /** Dark mode semantic colors */

package/dist/brands/types.d.ts

@@ -74,6 +74,15 @@ interface BrandColors {
     warning?: ColorScale;
     /** Info color scale (optional — falls back to library defaults) */
     info?: ColorScale;
+    /**
+     * Brand accent (optional) — exposed as `--mieweb-accent`, `--mieweb-accent-light`
+     * and `--mieweb-accent-dark`. Components fall back to the primary scale when unset.
+     */
+    accent?: {
+        DEFAULT: string;
+        light?: string;
+        dark?: string;
+    };
     /** Light mode semantic colors */
     light: SemanticColors;
     /** Dark mode semantic colors */

package/dist/brands/types.js

@@ -1,4 +1,4 @@
-export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from '../chunk-WOYUQ4AT.js';
+export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from '../chunk-5GOWFNQ6.js';
 import '../chunk-PX6F3LHL.js';
 //# sourceMappingURL=types.js.map
 //# sourceMappingURL=types.js.map

package/dist/{chunk-XTHMC76F.cjs → chunk-2G75X6TS.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 jsxRuntime = require('react/jsx-runtime');
@@ -226,5 +226,5 @@ function SourceTip({
 }
 
 exports.SourceTip = SourceTip;
-//# sourceMappingURL=chunk-XTHMC76F.cjs.map
-//# sourceMappingURL=chunk-XTHMC76F.cjs.map
+//# sourceMappingURL=chunk-2G75X6TS.cjs.map
+//# sourceMappingURL=chunk-2G75X6TS.cjs.map

package/dist/{chunk-XTHMC76F.cjs.map → chunk-2G75X6TS.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SourceTip/SourceTip.tsx"],"names":["React","useAnchoredPosition","useEscapeKey","jsxs","cn","createPortal","jsx"],"mappings":"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","file":"chunk-XTHMC76F.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"]}
+{"version":3,"sources":["../src/components/SourceTip/SourceTip.tsx"],"names":["React","useAnchoredPosition","useEscapeKey","jsxs","cn","createPortal","jsx"],"mappings":"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","file":"chunk-2G75X6TS.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"]}