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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/chunk-7L7OPISJ.cjs +291 -0
  2. package/dist/chunk-7L7OPISJ.cjs.map +1 -0
  3. package/dist/{chunk-X5FQ2LFF.cjs → chunk-ABST3R3G.cjs} +35 -2
  4. package/dist/chunk-ABST3R3G.cjs.map +1 -0
  5. package/dist/{chunk-6XTHO63C.js → chunk-DX64KLSN.js} +2 -2
  6. package/dist/{chunk-6XTHO63C.js.map → chunk-DX64KLSN.js.map} +1 -1
  7. package/dist/{chunk-WBTCOX5T.js → chunk-VCHTV65A.js} +35 -2
  8. package/dist/chunk-VCHTV65A.js.map +1 -0
  9. package/dist/{chunk-WKCNNYHN.cjs → chunk-WIYQI35R.cjs} +2 -2
  10. package/dist/{chunk-WKCNNYHN.cjs.map → chunk-WIYQI35R.cjs.map} +1 -1
  11. package/dist/chunk-XWYKLEKG.js +269 -0
  12. package/dist/chunk-XWYKLEKG.js.map +1 -0
  13. package/dist/components/GlossaryTooltip/index.cjs +15 -0
  14. package/dist/components/GlossaryTooltip/index.cjs.map +1 -0
  15. package/dist/components/GlossaryTooltip/index.d.cts +64 -0
  16. package/dist/components/GlossaryTooltip/index.d.ts +64 -0
  17. package/dist/components/GlossaryTooltip/index.js +6 -0
  18. package/dist/components/GlossaryTooltip/index.js.map +1 -0
  19. package/dist/components/Markdown/index.cjs +10 -10
  20. package/dist/components/Markdown/index.js +2 -2
  21. package/dist/index.cjs +116 -111
  22. package/dist/index.cjs.map +1 -1
  23. package/dist/index.d.cts +1 -0
  24. package/dist/index.d.ts +1 -0
  25. package/dist/index.js +18 -17
  26. package/dist/index.js.map +1 -1
  27. package/dist/styles.css +1 -1
  28. package/dist/tailwind-preset.cjs +4 -4
  29. package/dist/tailwind-preset.js +1 -1
  30. package/package.json +1 -1
  31. package/dist/chunk-WBTCOX5T.js.map +0 -1
  32. package/dist/chunk-X5FQ2LFF.cjs.map +0 -1
@@ -0,0 +1,269 @@
1
+ import { useEscapeKey } from './chunk-T4ME7QCT.js';
2
+ import { useAnchoredPosition } from './chunk-BOOJDRJO.js';
3
+ import { cn } from './chunk-TQONQSJO.js';
4
+ import * as React from 'react';
5
+ import { createPortal } from 'react-dom';
6
+ import { X, Diamond, ArrowRight } from 'lucide-react';
7
+ import { jsxs, jsx } from 'react/jsx-runtime';
8
+
9
+ var HIDE_GRACE_MS = 180;
10
+ function GlossaryTooltip({
11
+ children,
12
+ term,
13
+ definition,
14
+ category,
15
+ keyFact,
16
+ source,
17
+ related,
18
+ href,
19
+ maxDefinitionLength = 190,
20
+ underline = true,
21
+ className
22
+ }) {
23
+ const [open, setOpen] = React.useState(false);
24
+ const [pinned, setPinned] = React.useState(false);
25
+ const timer = React.useRef(null);
26
+ const suppressFocusShow = React.useRef(false);
27
+ const { anchorRef, floatingRef, style } = useAnchoredPosition({
28
+ open,
29
+ placement: "top",
30
+ offset: 10,
31
+ viewportPadding: 8,
32
+ allowFlip: true
33
+ });
34
+ const clearHideTimer = () => {
35
+ if (timer.current) {
36
+ clearTimeout(timer.current);
37
+ timer.current = null;
38
+ }
39
+ };
40
+ const show = React.useCallback(() => {
41
+ clearHideTimer();
42
+ setOpen(true);
43
+ }, []);
44
+ const scheduleHide = React.useCallback(() => {
45
+ if (pinned) return;
46
+ clearHideTimer();
47
+ timer.current = setTimeout(() => setOpen(false), HIDE_GRACE_MS);
48
+ }, [pinned]);
49
+ const close = React.useCallback(() => {
50
+ clearHideTimer();
51
+ setPinned(false);
52
+ setOpen(false);
53
+ if (floatingRef.current?.contains(document.activeElement)) {
54
+ suppressFocusShow.current = true;
55
+ anchorRef.current?.querySelector("a,button")?.focus();
56
+ }
57
+ }, [anchorRef, floatingRef]);
58
+ React.useEffect(() => () => clearHideTimer(), []);
59
+ React.useEffect(() => {
60
+ if (pinned) floatingRef.current?.focus();
61
+ }, [pinned, floatingRef]);
62
+ useEscapeKey(close, open);
63
+ React.useEffect(() => {
64
+ if (!open || !pinned) return;
65
+ const onPointer = (e) => {
66
+ const t = e.target;
67
+ if (anchorRef.current?.contains(t) || floatingRef.current?.contains(t))
68
+ return;
69
+ close();
70
+ };
71
+ document.addEventListener("mousedown", onPointer);
72
+ document.addEventListener("touchstart", onPointer);
73
+ return () => {
74
+ document.removeEventListener("mousedown", onPointer);
75
+ document.removeEventListener("touchstart", onPointer);
76
+ };
77
+ }, [open, pinned, close, anchorRef, floatingRef]);
78
+ const togglePin = React.useCallback(() => {
79
+ if (pinned) close();
80
+ else {
81
+ setPinned(true);
82
+ show();
83
+ }
84
+ }, [pinned, close, show]);
85
+ const onTriggerClick = (e) => {
86
+ const coarse = typeof window !== "undefined" && window.matchMedia("(hover: none)").matches;
87
+ if (href) {
88
+ if (!coarse) return;
89
+ e.preventDefault();
90
+ }
91
+ togglePin();
92
+ };
93
+ const onTriggerKeyDown = (e) => {
94
+ if (href) return;
95
+ if (e.key === "Enter" || e.key === " ") {
96
+ e.preventDefault();
97
+ togglePin();
98
+ }
99
+ };
100
+ const onDialogKeyDown = (e) => {
101
+ if (e.target !== e.currentTarget) return;
102
+ if (e.key === "Enter" || e.key === " ") {
103
+ e.preventDefault();
104
+ close();
105
+ }
106
+ };
107
+ const onTriggerFocus = () => {
108
+ if (suppressFocusShow.current) {
109
+ suppressFocusShow.current = false;
110
+ return;
111
+ }
112
+ show();
113
+ };
114
+ const onBlurCapture = (e) => {
115
+ const next = e.relatedTarget;
116
+ if (next && (anchorRef.current?.contains(next) || floatingRef.current?.contains(next)))
117
+ return;
118
+ scheduleHide();
119
+ };
120
+ const limit = Math.max(1, maxDefinitionLength);
121
+ const short = definition.length > limit ? `${definition.slice(0, limit - 1).trimEnd()}\u2026` : definition;
122
+ const triggerClasses = cn(
123
+ "cursor-help",
124
+ underline && "decoration-primary-400/70 underline decoration-dashed underline-offset-4",
125
+ className
126
+ );
127
+ const triggerProps = {
128
+ onClick: onTriggerClick,
129
+ className: cn(
130
+ triggerClasses,
131
+ href && "text-primary-800 dark:text-primary-400 font-medium"
132
+ )
133
+ };
134
+ return /* @__PURE__ */ jsxs(
135
+ "span",
136
+ {
137
+ ref: anchorRef,
138
+ className: "relative inline",
139
+ onMouseEnter: show,
140
+ onMouseLeave: scheduleHide,
141
+ onFocus: onTriggerFocus,
142
+ onBlur: onBlurCapture,
143
+ children: [
144
+ href ? /* @__PURE__ */ jsx(
145
+ "a",
146
+ {
147
+ href,
148
+ "aria-expanded": open,
149
+ "aria-haspopup": "dialog",
150
+ ...triggerProps,
151
+ children
152
+ }
153
+ ) : /* @__PURE__ */ jsx(
154
+ "button",
155
+ {
156
+ type: "button",
157
+ "aria-expanded": open,
158
+ "aria-haspopup": "dialog",
159
+ "aria-label": `${term} \u2014 show definition`,
160
+ onKeyDown: onTriggerKeyDown,
161
+ ...triggerProps,
162
+ className: cn(
163
+ "inline appearance-none border-0 bg-transparent p-0 text-inherit [font:inherit]",
164
+ triggerProps.className
165
+ ),
166
+ children
167
+ }
168
+ ),
169
+ open && createPortal(
170
+ /* 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 */
171
+ /* @__PURE__ */ jsx(
172
+ "span",
173
+ {
174
+ ref: floatingRef,
175
+ role: "dialog",
176
+ "aria-label": term,
177
+ tabIndex: -1,
178
+ onMouseEnter: show,
179
+ onMouseLeave: scheduleHide,
180
+ onBlurCapture,
181
+ onKeyDown: onDialogKeyDown,
182
+ className: "focus-visible:ring-ring z-50 block w-80 rounded-lg outline-none focus-visible:ring-2",
183
+ style,
184
+ children: /* @__PURE__ */ 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: [
185
+ /* @__PURE__ */ jsx("span", { className: "from-primary-700 to-primary-600 block bg-gradient-to-br px-3.5 py-2.5", children: /* @__PURE__ */ jsxs("span", { className: "flex items-start justify-between gap-2", children: [
186
+ /* @__PURE__ */ jsxs("span", { className: "block min-w-0", children: [
187
+ category && /* @__PURE__ */ 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 }),
188
+ /* @__PURE__ */ jsx("span", { className: "block text-sm leading-snug font-semibold text-white", children: term })
189
+ ] }),
190
+ pinned && /* @__PURE__ */ jsx(
191
+ "button",
192
+ {
193
+ type: "button",
194
+ onClick: close,
195
+ "aria-label": "Close definition",
196
+ className: "shrink-0 rounded p-0.5 text-white/70 hover:bg-white/10 hover:text-white",
197
+ children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
198
+ }
199
+ )
200
+ ] }) }),
201
+ /* @__PURE__ */ jsxs("span", { className: "block px-3.5 py-2.5", children: [
202
+ /* @__PURE__ */ jsx("span", { className: "text-muted-foreground block text-[13px] leading-relaxed", children: short }),
203
+ keyFact && /* @__PURE__ */ jsxs("span", { className: "mt-2 flex items-start gap-1.5", children: [
204
+ /* @__PURE__ */ jsx(
205
+ Diamond,
206
+ {
207
+ "aria-hidden": "true",
208
+ className: "text-primary-500 mt-0.5 h-3 w-3 shrink-0"
209
+ }
210
+ ),
211
+ /* @__PURE__ */ jsx("span", { className: "text-foreground min-w-0 text-xs leading-relaxed font-medium", children: keyFact })
212
+ ] })
213
+ ] }),
214
+ (source || related && related.length > 0 || href) && /* @__PURE__ */ jsxs("span", { className: "border-border bg-muted/50 block border-t px-3.5 py-2", children: [
215
+ related && related.length > 0 && /* @__PURE__ */ jsx("span", { className: "mb-1.5 flex flex-wrap gap-1", children: related.map(
216
+ (r) => r.href ? /* @__PURE__ */ jsx(
217
+ "a",
218
+ {
219
+ href: r.href,
220
+ 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",
221
+ children: r.term
222
+ },
223
+ r.term
224
+ ) : /* @__PURE__ */ jsx(
225
+ "span",
226
+ {
227
+ className: "border-border bg-card text-muted-foreground rounded-full border px-2 py-0.5 text-[11px] font-medium",
228
+ children: r.term
229
+ },
230
+ r.term
231
+ )
232
+ ) }),
233
+ /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-between gap-2", children: [
234
+ source ? /* @__PURE__ */ jsx(
235
+ "a",
236
+ {
237
+ href: source.url,
238
+ target: "_blank",
239
+ rel: "noopener noreferrer",
240
+ 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",
241
+ children: source.label
242
+ }
243
+ ) : /* @__PURE__ */ jsx("span", {}),
244
+ href && /* @__PURE__ */ jsxs(
245
+ "a",
246
+ {
247
+ href,
248
+ className: "text-muted-foreground hover:text-foreground inline-flex shrink-0 items-center gap-0.5 text-[11px] font-medium",
249
+ children: [
250
+ "Full definition",
251
+ /* @__PURE__ */ jsx(ArrowRight, { "aria-hidden": "true", className: "h-3 w-3" })
252
+ ]
253
+ }
254
+ )
255
+ ] })
256
+ ] })
257
+ ] })
258
+ }
259
+ ),
260
+ document.body
261
+ )
262
+ ]
263
+ }
264
+ );
265
+ }
266
+
267
+ export { GlossaryTooltip };
268
+ //# sourceMappingURL=chunk-XWYKLEKG.js.map
269
+ //# sourceMappingURL=chunk-XWYKLEKG.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/GlossaryTooltip/GlossaryTooltip.tsx"],"names":[],"mappings":"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","file":"chunk-XWYKLEKG.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { ArrowRight, Diamond, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { useAnchoredPosition } from '../../hooks/useAnchoredPosition';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** Authoritative source link shown in the card footer. */\nexport interface GlossarySource {\n label: string;\n url: string;\n}\n\n/** Sibling term shown as a lateral \"hop\" chip. */\nexport interface GlossaryRelatedTerm {\n term: string;\n href?: string;\n}\n\nexport interface GlossaryTooltipProps {\n /** Visible, in-flow trigger text (may be a plural or abbreviation match). */\n children: React.ReactNode;\n /** Canonical term name, shown as the card heading. */\n term: string;\n definition: string;\n /** Human-readable category label, shown as a badge in the header. */\n category?: string;\n /** Optional single key fact, shown with a diamond marker. */\n keyFact?: string;\n /** Optional authoritative source link, shown in the footer. */\n source?: GlossarySource;\n /** Optional sibling terms, shown as chips. */\n related?: GlossaryRelatedTerm[];\n /**\n * Full glossary page for the term. When set, the trigger is a real link —\n * desktop clicks navigate while hover previews; touch taps pin the card.\n */\n href?: string;\n /** Truncation limit for the in-card definition (default 190 chars). */\n maxDefinitionLength?: number;\n /** Dashed underline marking the term as hoverable (default true). */\n underline?: boolean;\n className?: string;\n}\n\nconst HIDE_GRACE_MS = 180;\n\n// =============================================================================\n// GlossaryTooltip\n// =============================================================================\n\n/**\n * A rich \"what does this term mean?\" hover card: category badge, canonical\n * term, truncated definition, optional key fact, source link, and related\n * term chips. The provenance sibling is `SourceTip` (\"what backs this\n * claim?\") — the two share the same interaction grammar.\n *\n * Trigger and card are phrasing content (`span`/`a`/`button` only), so it is\n * valid inside `<p>` prose. The card portals to `body` with fixed\n * positioning, flipping and clamping to stay in the viewport. On touch, a\n * tap pins the card instead of navigating; Escape or an outside tap closes.\n *\n * @example\n * ```tsx\n * <GlossaryTooltip\n * term=\"OSHA recordable\"\n * definition=\"A work-related injury or illness that meets OSHA reporting criteria…\"\n * category=\"Compliance\"\n * href=\"/glossary/osha-recordable\"\n * >\n * OSHA recordables\n * </GlossaryTooltip>\n * ```\n */\nexport function GlossaryTooltip({\n children,\n term,\n definition,\n category,\n keyFact,\n source,\n related,\n href,\n maxDefinitionLength = 190,\n underline = true,\n className,\n}: GlossaryTooltipProps) {\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?.querySelector('a,button') as HTMLElement)?.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 // and close button 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 const togglePin = React.useCallback(() => {\n if (pinned) close();\n else {\n setPinned(true);\n show();\n }\n }, [pinned, close, show]);\n\n // Linked terms: desktop clicks navigate, coarse pointers pin instead.\n // Unlinked (button) terms: any click toggles the pin — hover previews,\n // click holds the card open.\n const onTriggerClick = (e: React.MouseEvent) => {\n const coarse =\n typeof window !== 'undefined' &&\n window.matchMedia('(hover: none)').matches;\n if (href) {\n if (!coarse) return;\n e.preventDefault();\n }\n togglePin();\n };\n\n const onTriggerKeyDown = (e: React.KeyboardEvent) => {\n if (href) return; // links keep native Enter navigation\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 or the close button inside) must also unpin.\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 limit = Math.max(1, maxDefinitionLength);\n const short =\n definition.length > limit\n ? `${definition.slice(0, limit - 1).trimEnd()}…`\n : definition;\n\n const triggerClasses = cn(\n 'cursor-help',\n underline &&\n 'decoration-primary-400/70 underline decoration-dashed underline-offset-4',\n className\n );\n\n const triggerProps = {\n onClick: onTriggerClick,\n className: cn(\n triggerClasses,\n href && 'text-primary-800 dark:text-primary-400 font-medium'\n ),\n };\n\n return (\n <span\n ref={anchorRef}\n className=\"relative inline\"\n onMouseEnter={show}\n onMouseLeave={scheduleHide}\n onFocus={onTriggerFocus}\n onBlur={onBlurCapture}\n >\n {href ? (\n <a\n href={href}\n aria-expanded={open}\n aria-haspopup=\"dialog\"\n {...triggerProps}\n >\n {children}\n </a>\n ) : (\n <button\n type=\"button\"\n aria-expanded={open}\n aria-haspopup=\"dialog\"\n aria-label={`${term} — show definition`}\n onKeyDown={onTriggerKeyDown}\n {...triggerProps}\n className={cn(\n 'inline appearance-none border-0 bg-transparent p-0 text-inherit [font:inherit]',\n triggerProps.className\n )}\n >\n {children}\n </button>\n )}\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={term}\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=\"flex items-start justify-between gap-2\">\n <span className=\"block min-w-0\">\n {category && (\n <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\">\n {category}\n </span>\n )}\n <span className=\"block text-sm leading-snug font-semibold text-white\">\n {term}\n </span>\n </span>\n {pinned && (\n <button\n type=\"button\"\n onClick={close}\n aria-label=\"Close definition\"\n className=\"shrink-0 rounded p-0.5 text-white/70 hover:bg-white/10 hover:text-white\"\n >\n <X aria-hidden=\"true\" className=\"h-3.5 w-3.5\" />\n </button>\n )}\n </span>\n </span>\n\n <span className=\"block px-3.5 py-2.5\">\n <span className=\"text-muted-foreground block text-[13px] leading-relaxed\">\n {short}\n </span>\n {keyFact && (\n <span className=\"mt-2 flex items-start gap-1.5\">\n <Diamond\n aria-hidden=\"true\"\n className=\"text-primary-500 mt-0.5 h-3 w-3 shrink-0\"\n />\n <span className=\"text-foreground min-w-0 text-xs leading-relaxed font-medium\">\n {keyFact}\n </span>\n </span>\n )}\n </span>\n\n {(source || (related && related.length > 0) || href) && (\n <span className=\"border-border bg-muted/50 block border-t px-3.5 py-2\">\n {related && related.length > 0 && (\n <span className=\"mb-1.5 flex flex-wrap gap-1\">\n {related.map((r) =>\n r.href ? (\n <a\n key={r.term}\n href={r.href}\n 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\"\n >\n {r.term}\n </a>\n ) : (\n <span\n key={r.term}\n className=\"border-border bg-card text-muted-foreground rounded-full border px-2 py-0.5 text-[11px] font-medium\"\n >\n {r.term}\n </span>\n )\n )}\n </span>\n )}\n <span className=\"flex items-center justify-between gap-2\">\n {source ? (\n <a\n href={source.url}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n 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\"\n >\n {source.label}\n </a>\n ) : (\n <span />\n )}\n {href && (\n <a\n href={href}\n className=\"text-muted-foreground hover:text-foreground inline-flex shrink-0 items-center gap-0.5 text-[11px] font-medium\"\n >\n Full definition\n <ArrowRight aria-hidden=\"true\" className=\"h-3 w-3\" />\n </a>\n )}\n </span>\n </span>\n )}\n </span>\n </span>,\n document.body\n )}\n </span>\n );\n}\n"]}
@@ -0,0 +1,15 @@
1
+ 'use strict';
2
+
3
+ var chunk7L7OPISJ_cjs = require('../../chunk-7L7OPISJ.cjs');
4
+ require('../../chunk-FHY3K6PL.cjs');
5
+ require('../../chunk-MYFZYUPR.cjs');
6
+ require('../../chunk-S5RVSXDV.cjs');
7
+
8
+
9
+
10
+ Object.defineProperty(exports, "GlossaryTooltip", {
11
+ enumerable: true,
12
+ get: function () { return chunk7L7OPISJ_cjs.GlossaryTooltip; }
13
+ });
14
+ //# sourceMappingURL=index.cjs.map
15
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}
@@ -0,0 +1,64 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React from 'react';
3
+
4
+ /** Authoritative source link shown in the card footer. */
5
+ interface GlossarySource {
6
+ label: string;
7
+ url: string;
8
+ }
9
+ /** Sibling term shown as a lateral "hop" chip. */
10
+ interface GlossaryRelatedTerm {
11
+ term: string;
12
+ href?: string;
13
+ }
14
+ interface GlossaryTooltipProps {
15
+ /** Visible, in-flow trigger text (may be a plural or abbreviation match). */
16
+ children: React.ReactNode;
17
+ /** Canonical term name, shown as the card heading. */
18
+ term: string;
19
+ definition: string;
20
+ /** Human-readable category label, shown as a badge in the header. */
21
+ category?: string;
22
+ /** Optional single key fact, shown with a diamond marker. */
23
+ keyFact?: string;
24
+ /** Optional authoritative source link, shown in the footer. */
25
+ source?: GlossarySource;
26
+ /** Optional sibling terms, shown as chips. */
27
+ related?: GlossaryRelatedTerm[];
28
+ /**
29
+ * Full glossary page for the term. When set, the trigger is a real link —
30
+ * desktop clicks navigate while hover previews; touch taps pin the card.
31
+ */
32
+ href?: string;
33
+ /** Truncation limit for the in-card definition (default 190 chars). */
34
+ maxDefinitionLength?: number;
35
+ /** Dashed underline marking the term as hoverable (default true). */
36
+ underline?: boolean;
37
+ className?: string;
38
+ }
39
+ /**
40
+ * A rich "what does this term mean?" hover card: category badge, canonical
41
+ * term, truncated definition, optional key fact, source link, and related
42
+ * term chips. The provenance sibling is `SourceTip` ("what backs this
43
+ * claim?") — the two share the same interaction grammar.
44
+ *
45
+ * Trigger and card are phrasing content (`span`/`a`/`button` only), so it is
46
+ * valid inside `<p>` prose. The card portals to `body` with fixed
47
+ * positioning, flipping and clamping to stay in the viewport. On touch, a
48
+ * tap pins the card instead of navigating; Escape or an outside tap closes.
49
+ *
50
+ * @example
51
+ * ```tsx
52
+ * <GlossaryTooltip
53
+ * term="OSHA recordable"
54
+ * definition="A work-related injury or illness that meets OSHA reporting criteria…"
55
+ * category="Compliance"
56
+ * href="/glossary/osha-recordable"
57
+ * >
58
+ * OSHA recordables
59
+ * </GlossaryTooltip>
60
+ * ```
61
+ */
62
+ declare function GlossaryTooltip({ children, term, definition, category, keyFact, source, related, href, maxDefinitionLength, underline, className, }: GlossaryTooltipProps): react_jsx_runtime.JSX.Element;
63
+
64
+ export { type GlossaryRelatedTerm, type GlossarySource, GlossaryTooltip, type GlossaryTooltipProps };
@@ -0,0 +1,64 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React from 'react';
3
+
4
+ /** Authoritative source link shown in the card footer. */
5
+ interface GlossarySource {
6
+ label: string;
7
+ url: string;
8
+ }
9
+ /** Sibling term shown as a lateral "hop" chip. */
10
+ interface GlossaryRelatedTerm {
11
+ term: string;
12
+ href?: string;
13
+ }
14
+ interface GlossaryTooltipProps {
15
+ /** Visible, in-flow trigger text (may be a plural or abbreviation match). */
16
+ children: React.ReactNode;
17
+ /** Canonical term name, shown as the card heading. */
18
+ term: string;
19
+ definition: string;
20
+ /** Human-readable category label, shown as a badge in the header. */
21
+ category?: string;
22
+ /** Optional single key fact, shown with a diamond marker. */
23
+ keyFact?: string;
24
+ /** Optional authoritative source link, shown in the footer. */
25
+ source?: GlossarySource;
26
+ /** Optional sibling terms, shown as chips. */
27
+ related?: GlossaryRelatedTerm[];
28
+ /**
29
+ * Full glossary page for the term. When set, the trigger is a real link —
30
+ * desktop clicks navigate while hover previews; touch taps pin the card.
31
+ */
32
+ href?: string;
33
+ /** Truncation limit for the in-card definition (default 190 chars). */
34
+ maxDefinitionLength?: number;
35
+ /** Dashed underline marking the term as hoverable (default true). */
36
+ underline?: boolean;
37
+ className?: string;
38
+ }
39
+ /**
40
+ * A rich "what does this term mean?" hover card: category badge, canonical
41
+ * term, truncated definition, optional key fact, source link, and related
42
+ * term chips. The provenance sibling is `SourceTip` ("what backs this
43
+ * claim?") — the two share the same interaction grammar.
44
+ *
45
+ * Trigger and card are phrasing content (`span`/`a`/`button` only), so it is
46
+ * valid inside `<p>` prose. The card portals to `body` with fixed
47
+ * positioning, flipping and clamping to stay in the viewport. On touch, a
48
+ * tap pins the card instead of navigating; Escape or an outside tap closes.
49
+ *
50
+ * @example
51
+ * ```tsx
52
+ * <GlossaryTooltip
53
+ * term="OSHA recordable"
54
+ * definition="A work-related injury or illness that meets OSHA reporting criteria…"
55
+ * category="Compliance"
56
+ * href="/glossary/osha-recordable"
57
+ * >
58
+ * OSHA recordables
59
+ * </GlossaryTooltip>
60
+ * ```
61
+ */
62
+ declare function GlossaryTooltip({ children, term, definition, category, keyFact, source, related, href, maxDefinitionLength, underline, className, }: GlossaryTooltipProps): react_jsx_runtime.JSX.Element;
63
+
64
+ export { type GlossaryRelatedTerm, type GlossarySource, GlossaryTooltip, type GlossaryTooltipProps };
@@ -0,0 +1,6 @@
1
+ export { GlossaryTooltip } from '../../chunk-XWYKLEKG.js';
2
+ import '../../chunk-T4ME7QCT.js';
3
+ import '../../chunk-BOOJDRJO.js';
4
+ import '../../chunk-TQONQSJO.js';
5
+ //# sourceMappingURL=index.js.map
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var chunkWKCNNYHN_cjs = require('../../chunk-WKCNNYHN.cjs');
3
+ var chunkWIYQI35R_cjs = require('../../chunk-WIYQI35R.cjs');
4
+ var chunkFN6VHMLM_cjs = require('../../chunk-FN6VHMLM.cjs');
4
5
  var chunkP3JEMF6E_cjs = require('../../chunk-P3JEMF6E.cjs');
5
6
  var chunk4CUFXCC5_cjs = require('../../chunk-4CUFXCC5.cjs');
6
7
  var chunkK4S4FAYX_cjs = require('../../chunk-K4S4FAYX.cjs');
7
- var chunkFN6VHMLM_cjs = require('../../chunk-FN6VHMLM.cjs');
8
8
  var chunkYIXTGWT4_cjs = require('../../chunk-YIXTGWT4.cjs');
9
9
  require('../../chunk-RDGRKYQ5.cjs');
10
10
  require('../../chunk-S5RVSXDV.cjs');
@@ -13,19 +13,23 @@ require('../../chunk-S5RVSXDV.cjs');
13
13
 
14
14
  Object.defineProperty(exports, "CodeBlock", {
15
15
  enumerable: true,
16
- get: function () { return chunkWKCNNYHN_cjs.CodeBlock; }
16
+ get: function () { return chunkWIYQI35R_cjs.CodeBlock; }
17
17
  });
18
18
  Object.defineProperty(exports, "MarkdownRenderer", {
19
19
  enumerable: true,
20
- get: function () { return chunkWKCNNYHN_cjs.MarkdownRenderer; }
20
+ get: function () { return chunkWIYQI35R_cjs.MarkdownRenderer; }
21
21
  });
22
22
  Object.defineProperty(exports, "highlightCode", {
23
23
  enumerable: true,
24
- get: function () { return chunkWKCNNYHN_cjs.highlightCode; }
24
+ get: function () { return chunkWIYQI35R_cjs.highlightCode; }
25
25
  });
26
26
  Object.defineProperty(exports, "useMarkdown", {
27
27
  enumerable: true,
28
- get: function () { return chunkWKCNNYHN_cjs.useMarkdown; }
28
+ get: function () { return chunkWIYQI35R_cjs.useMarkdown; }
29
+ });
30
+ Object.defineProperty(exports, "HtmlPreviewBlock", {
31
+ enumerable: true,
32
+ get: function () { return chunkFN6VHMLM_cjs.HtmlPreviewBlock; }
29
33
  });
30
34
  Object.defineProperty(exports, "MermaidBlock", {
31
35
  enumerable: true,
@@ -39,10 +43,6 @@ Object.defineProperty(exports, "CsvBlock", {
39
43
  enumerable: true,
40
44
  get: function () { return chunkK4S4FAYX_cjs.CsvBlock; }
41
45
  });
42
- Object.defineProperty(exports, "HtmlPreviewBlock", {
43
- enumerable: true,
44
- get: function () { return chunkFN6VHMLM_cjs.HtmlPreviewBlock; }
45
- });
46
46
  Object.defineProperty(exports, "FenceBlock", {
47
47
  enumerable: true,
48
48
  get: function () { return chunkYIXTGWT4_cjs.FenceBlock; }
@@ -1,8 +1,8 @@
1
- export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from '../../chunk-6XTHO63C.js';
1
+ export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from '../../chunk-DX64KLSN.js';
2
+ export { HtmlPreviewBlock } from '../../chunk-UZ5NGGMI.js';
2
3
  export { MermaidBlock } from '../../chunk-EHQ77LL5.js';
3
4
  export { SurveyBlock } from '../../chunk-DWCYEPTT.js';
4
5
  export { CsvBlock } from '../../chunk-5J5PEUUA.js';
5
- export { HtmlPreviewBlock } from '../../chunk-UZ5NGGMI.js';
6
6
  export { FenceBlock } from '../../chunk-NLBT5O2X.js';
7
7
  import '../../chunk-D2GID3YK.js';
8
8
  import '../../chunk-TQONQSJO.js';