themelia-react-ui 2.0.5 → 3.0.0

package/dist/mentions-zz0ewNIq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mentions-zz0ewNIq.js","names":["_Fragment","_Fragment","Text","DisplayLabel","TextLink","resolveTextClassNames","focusRecipes","Button","anchoredListHeightRecipes","Stack","surfaceDividerRecipes","popoverWidthRecipes","collectionRowClasses","popoverRecipes","collectionRecipes","interactionRecipes","sanitizeHtmlTree","renderRichTextTree","contentTypographyClassName","Badge","CommandItem","CommandInput","CommandEmpty","CommandList","CommandGroup","Command","PopoverHeader","PopoverContent","useDebouncedCallback","Fragment$1","isAbortError","error","useMentionsSearch","options","kindsKey","resources","kinds","useMemo","activeKind","setActiveKindState","useState","manualKindOverride","setManualKindOverride","query","setQueryState","suggestionsByKind","setSuggestionsByKind","isLoading","setIsLoading","setError","errorsByKind","setErrorsByKind","retryTick","setRetryTick","mentions","setMentionsState","initialMentions","requestIdRef","useRef","abortControllerRef","resourcesRef","onResourceSearchRef","onResourceSearch","onErrorRef","onError","useEffect","activeResource","searchOneKind","useCallback","config","kind","q","s","stat","runSearch","entries","searchKinds","nextQuery","signal","searchError","requestId","next","nextErrors","firstError","entry","debounceMs","controller","detach","enabled","retry","current","first","k","setActiveKind","setQuery","addMention","prev","m","mention","removeMention","id","setMentions","reset","selectSuggestion","suggestion","cfg","href","buildMentionHtml","safeLabel","tone","trigger","useMentions","pickerOpen","setPickerOpenState","search","triggerActive","setTriggerActive","listboxId","useId","highlighted","setHighlighted","triggerStateRef","dismissedContext","lastTriggerCharRef","unmatchedHeadRef","needleHasSpace","setNeedleHasSpace","setPickerOpen","open","editorRef","handleCaretChange","triggerMap","trig","ctx","triggers","c","re","match","triggerChar","needle","spaceAt","head","everyKindEmpty","item","consumedLength","isError","textBefore","pickSuggestion","html","inlineOpen","activeIndex","suggestionPopup","dismissInline","handleKeyDown","event","length","handleBlur","panel","TONE_TO_VARIANT","MentionChip","resource","variant","Icon","linked","asLink","activates","onClick","label","inner","cn","className","trailing","DEFAULT_PROSE_CLASS","MentionContent","resourcesProp","props","tree","sanitizer","fromHtml","mentionsById","renderRef","renderMention","body","element","refId","prose","MentionKindToggles","active","count","counts","onKindChange","MentionSearchError","message","onRetry","retryLabel","defaultMentionPickerStrings","defaultMentionInlineSuggestionsStrings","MentionPicker","stringsProp","strings","useStrings","failed","loading","Loader2","suggestions","onSelect","MentionInlineSuggestions","activeOption","visibleSuggestions","onManualKindChange","isActive","index","REF_RE","KIND_ATTR_RE","parseMentionsFromHtml","out","seen","tagText"],"sources":["../src/components/features/mentions/hooks/use-mentions-search.ts","../src/components/features/mentions/utils/build-mention-html.ts","../src/components/features/mentions/hooks/use-mentions.ts","../src/components/features/mentions/partials/mention-chip.tsx","../src/components/features/mentions/partials/mention-content.tsx","../src/components/features/mentions/partials/mention-kind-toggles.tsx","../src/components/features/mentions/partials/mention-search-error.tsx","../src/components/features/mentions/mentions.strings.ts","../src/components/features/mentions/partials/mention-picker.tsx","../src/components/features/mentions/partials/mention-inline-suggestions.tsx","../src/components/features/mentions/utils/parse-mentions-from-html.ts"],"sourcesContent":["/**\n * useMentionsSearch — pure search state for the mention picker.\n *\n * Runs **all registered kinds in parallel** for the same needle so the\n * caller can render mixed results in tabs and the picker can auto-\n * switch when the active kind has zero matches but another does. The\n * caller still controls which kind is *active* (the one whose\n * suggestions render); manual switches are remembered and not\n * overridden by subsequent caret-driven re-detections.\n *\n * Suggestion lookup order per kind:\n *   1. `resources[kind].search(needle)` — per-kind callback\n *   2. `resources[kind].suggestions` — static catalogue\n *   3. global `onResourceSearch(needle, kind)` — fallback\n */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { DEFAULT_DEBOUNCE_MS, useDebouncedCallback } from '../../../../hooks/use-debounced-callback';\n\nimport type {\n\tMention,\n\tMentionResource,\n\tMentionSuggestion,\n\tMentionsResourceSearch,\n\tMentionsSearchErrorHandler,\n} from '../mentions.types';\n\nfunction isAbortError(error: unknown): boolean {\n\treturn Boolean(error && (error as { name?: string }).name === 'AbortError');\n}\n\nexport interface UseMentionsSearchOptions<TResource extends string = string> {\n\tresources?: Partial<Record<TResource, MentionResource<TResource>>>;\n\tonResourceSearch?: MentionsResourceSearch<TResource>;\n\tinitialMentions?: ReadonlyArray<Mention<TResource>>;\n\t/** Debounce window for async search. Defaults to `DEFAULT_DEBOUNCE_MS`. */\n\tdebounceMs?: number;\n\t/** Receives non-abort failures for each resource kind that could not be searched. */\n\tonError?: MentionsSearchErrorHandler<TResource>;\n\t/**\n\t * Runs searches. Default: `true`. Pass `false` while no suggestion surface\n\t * is showing so a mounted composer issues no requests; the search for the\n\t * current query starts when it turns `true`. `useMentions` sets it from\n\t * its own picker state.\n\t */\n\tenabled?: boolean;\n}\n\nexport interface UseMentionsSearchReturn<TResource extends string = string> {\n\tkinds: ReadonlyArray<TResource>;\n\tactiveKind: TResource | null;\n\tsetActiveKind: (kind: TResource | null) => void;\n\tactiveResource: MentionResource<TResource> | null;\n\n\tquery: string;\n\tsetQuery: (q: string) => void;\n\n\t/** Suggestions for the active kind (`suggestionsByKind[activeKind]`). */\n\tsuggestions: ReadonlyArray<MentionSuggestion<TResource>>;\n\t/** Per-kind suggestion buckets — useful for cross-kind UIs. */\n\tsuggestionsByKind: Readonly<Record<string, ReadonlyArray<MentionSuggestion<TResource>>>>;\n\t/** Replaces the content with the loading state. */\n\tisLoading: boolean;\n\terror: unknown | null;\n\tisError: boolean;\n\terrorsByKind: Readonly<Partial<Record<TResource, unknown>>>;\n\tretry: () => void;\n\n\tmentions: ReadonlyArray<Mention<TResource>>;\n\taddMention: (mention: Mention<TResource>) => void;\n\tremoveMention: (id: string) => void;\n\tsetMentions: (next: ReadonlyArray<Mention<TResource>>) => void;\n\treset: () => void;\n\n\tselectSuggestion: (\n\t\tsuggestion: MentionSuggestion<TResource>,\n\t) => Mention<TResource>;\n\n\t/** True if the consumer manually picked a tab. The trigger detector\n\t * checks this and refuses to override the active kind on next caret\n\t * change while it's true. Reset on `setManualKindOverride(false)` or\n\t * `reset()`. */\n\tmanualKindOverride: boolean;\n\tsetManualKindOverride: (override: boolean) => void;\n}\n\nexport function useMentionsSearch<TResource extends string = string>(\n\toptions: UseMentionsSearchOptions<TResource> = {},\n): UseMentionsSearchReturn<TResource> {\n\tconst {\n\t\tresources,\n\t\tonResourceSearch,\n\t\tinitialMentions,\n\t\tdebounceMs = DEFAULT_DEBOUNCE_MS,\n\t\tonError,\n\t\tenabled = true,\n\t} = options;\n\n\tconst kindsKey = JSON.stringify(Object.keys(resources ?? {}));\n\tconst kinds = useMemo<ReadonlyArray<TResource>>(\n\t\t() => JSON.parse(kindsKey) as TResource[],\n\t\t[kindsKey],\n\t);\n\n\tconst [activeKind, setActiveKindState] = useState<TResource | null>(\n\t\t() => kinds[0] ?? null,\n\t);\n\tconst [manualKindOverride, setManualKindOverride] = useState(false);\n\tconst [query, setQueryState] = useState('');\n\tconst [suggestionsByKind, setSuggestionsByKind] = useState<\n\t\tRecord<string, ReadonlyArray<MentionSuggestion<TResource>>>\n\t>({});\n\tconst [isLoading, setIsLoading] = useState(false);\n\tconst [error, setError] = useState<unknown | null>(null);\n\tconst [errorsByKind, setErrorsByKind] = useState<\n\t\tPartial<Record<TResource, unknown>>\n\t>({});\n\tconst [retryTick, setRetryTick] = useState(0);\n\tconst [mentions, setMentionsState] = useState<Mention<TResource>[]>(() =>\n\t\tinitialMentions ? [...initialMentions] : [],\n\t);\n\n\tconst requestIdRef = useRef(0);\n\tconst abortControllerRef = useRef<AbortController | null>(null);\n\tconst resourcesRef = useRef(resources);\n\tconst onResourceSearchRef = useRef(onResourceSearch);\n\tconst onErrorRef = useRef(onError);\n\tresourcesRef.current = resources;\n\tonResourceSearchRef.current = onResourceSearch;\n\tonErrorRef.current = onError;\n\n\tuseEffect(() => {\n\t\tif (kinds.length === 0) {\n\t\t\tsetActiveKindState(null);\n\t\t\treturn;\n\t\t}\n\t\tif (!activeKind || !kinds.includes(activeKind)) {\n\t\t\tsetActiveKindState(kinds[0]);\n\t\t}\n\t}, [activeKind, kinds]);\n\n\tconst activeResource = useMemo(\n\t\t() => (activeKind && resources ? resources[activeKind] ?? null : null),\n\t\t[activeKind, resources],\n\t);\n\n\t/**\n\t * Search a single kind. Per-kind `search` wins, then static\n\t * `suggestions`, then the global `onResourceSearch` fallback.\n\t */\n\tconst searchOneKind = useCallback(\n\t\tasync (\n\t\t\tkind: TResource,\n\t\t\tq: string,\n\t\t\tsignal: AbortSignal,\n\t\t): Promise<ReadonlyArray<MentionSuggestion<TResource>>> => {\n\t\t\tconst config = resourcesRef.current?.[kind];\n\t\t\tif (config?.search) {\n\t\t\t\tconst result = await config.search(q, { kind, signal });\n\t\t\t\treturn result.map((s) => ({ ...s, kind }));\n\t\t\t}\n\t\t\tif (config?.suggestions) {\n\t\t\t\tconst stat = config.suggestions;\n\t\t\t\tconst filtered =\n\t\t\t\t\tq.trim().length === 0\n\t\t\t\t\t\t? stat\n\t\t\t\t\t\t: stat.filter((s) =>\n\t\t\t\t\t\t\t\ts.label.toLowerCase().includes(q.toLowerCase()),\n\t\t\t\t\t\t\t);\n\t\t\t\treturn filtered.map((s) => ({ ...s, kind }));\n\t\t\t}\n\t\t\tif (onResourceSearchRef.current) {\n\t\t\t\tconst result = await onResourceSearchRef.current(\n\t\t\t\t\tq,\n\t\t\t\t\tkind,\n\t\t\t\t\t{ kind, signal },\n\t\t\t\t);\n\t\t\t\treturn result.map((s) => ({ ...s, kind }));\n\t\t\t}\n\t\t\treturn [];\n\t\t},\n\t\t[],\n\t);\n\n\t// Debounced cross-kind search runner. Populates `suggestionsByKind`\n\t// for every registered kind in parallel.\n\tconst runSearch = useDebouncedCallback(\n\t\t(\n\t\t\tsearchKinds: ReadonlyArray<TResource>,\n\t\t\tnextQuery: string,\n\t\t\trequestId: number,\n\t\t\tsignal: AbortSignal,\n\t\t) => {\n\t\t\tvoid (async () => {\n\t\t\t\ttry {\n\t\t\t\t\tconst entries = await Promise.all(\n\t\t\t\t\t\tsearchKinds.map(async (kind) => {\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\tconst list = await searchOneKind(kind, nextQuery, signal);\n\t\t\t\t\t\t\t\treturn { kind, list, error: null };\n\t\t\t\t\t\t\t} catch (searchError) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\tkind,\n\t\t\t\t\t\t\t\t\tlist: [] as ReadonlyArray<MentionSuggestion<TResource>>,\n\t\t\t\t\t\t\t\t\terror: searchError,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}),\n\t\t\t\t\t);\n\t\t\t\t\tif (requestId !== requestIdRef.current || signal.aborted) return;\n\t\t\t\t\tconst next: Record<string, ReadonlyArray<MentionSuggestion<TResource>>> = {};\n\t\t\t\t\tconst nextErrors: Partial<Record<TResource, unknown>> = {};\n\t\t\t\t\tlet firstError: unknown | null = null;\n\t\t\t\t\tfor (const entry of entries) {\n\t\t\t\t\t\tnext[entry.kind] = entry.list;\n\t\t\t\t\t\tif (entry.error !== null && !isAbortError(entry.error)) {\n\t\t\t\t\t\t\tnextErrors[entry.kind] = entry.error;\n\t\t\t\t\t\t\tfirstError ??= entry.error;\n\t\t\t\t\t\t\tonErrorRef.current?.(entry.error, {\n\t\t\t\t\t\t\t\tquery: nextQuery,\n\t\t\t\t\t\t\t\tkind: entry.kind,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tsetSuggestionsByKind(next);\n\t\t\t\t\tsetErrorsByKind(nextErrors);\n\t\t\t\t\tsetError(firstError);\n\t\t\t\t} finally {\n\t\t\t\t\tif (requestId === requestIdRef.current && !signal.aborted) {\n\t\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})();\n\t\t},\n\t\tdebounceMs,\n\t);\n\n\tuseEffect(() => {\n\t\tconst controller = new AbortController();\n\t\tabortControllerRef.current = controller;\n\n\t\tconst detach = () => {\n\t\t\tcontroller.abort();\n\t\t\tif (abortControllerRef.current === controller) {\n\t\t\t\tabortControllerRef.current = null;\n\t\t\t}\n\t\t};\n\n\t\tif (kinds.length === 0) {\n\t\t\tsetSuggestionsByKind({});\n\t\t\tsetIsLoading(false);\n\t\t\tsetError(null);\n\t\t\tsetErrorsByKind({});\n\t\t\treturn detach;\n\t\t}\n\n\t\tif (!enabled) {\n\t\t\t// Nothing is showing the results: drop any request in flight and wait.\n\t\t\trequestIdRef.current++;\n\t\t\tsetIsLoading(false);\n\t\t\treturn detach;\n\t\t}\n\n\t\tconst requestId = ++requestIdRef.current;\n\t\tsetIsLoading(true);\n\t\tsetError(null);\n\t\tsetErrorsByKind({});\n\t\trunSearch(kinds, query, requestId, controller.signal);\n\n\t\treturn () => {\n\t\t\trunSearch.cancel();\n\t\t\tdetach();\n\t\t};\n\t}, [enabled, kinds, query, retryTick, runSearch]);\n\n\tconst retry = useCallback(() => {\n\t\tsetRetryTick((current) => current + 1);\n\t}, []);\n\n\t/**\n\t * Auto-switch behaviour: when the active kind has zero results but\n\t * another kind has matches, jump to the first kind with results.\n\t * Skipped while `manualKindOverride` is true so the consumer's tab\n\t * choice sticks.\n\t */\n\tuseEffect(() => {\n\t\tif (manualKindOverride) return;\n\t\tif (!activeKind) return;\n\t\tconst activeList = suggestionsByKind[activeKind] ?? [];\n\t\tif (activeList.length > 0) return;\n\t\tconst first = kinds.find((k) => (suggestionsByKind[k]?.length ?? 0) > 0);\n\t\tif (first && first !== activeKind) {\n\t\t\tsetActiveKindState(first);\n\t\t}\n\t}, [activeKind, kinds, manualKindOverride, suggestionsByKind]);\n\n\t/**\n\t * Set the active kind. **Does not** toggle `manualKindOverride` —\n\t * the picker UI is responsible for calling\n\t * `setManualKindOverride(true)` when the user explicitly clicks a\n\t * tab so the auto-switch / auto-detect logic respects their choice.\n\t */\n\tconst setActiveKind = useCallback((kind: TResource | null) => {\n\t\tsetActiveKindState(kind);\n\t}, []);\n\n\tconst setQuery = useCallback((q: string) => {\n\t\tsetQueryState(q);\n\t}, []);\n\n\tconst addMention = useCallback((mention: Mention<TResource>) => {\n\t\tsetMentionsState((prev) => {\n\t\t\tif (prev.some((m) => m.id === mention.id)) return prev;\n\t\t\treturn [...prev, mention];\n\t\t});\n\t}, []);\n\n\tconst removeMention = useCallback((id: string) => {\n\t\tsetMentionsState((prev) => prev.filter((m) => m.id !== id));\n\t}, []);\n\n\tconst setMentions = useCallback(\n\t\t(next: ReadonlyArray<Mention<TResource>>) => {\n\t\t\tsetMentionsState([...next]);\n\t\t},\n\t\t[],\n\t);\n\n\tconst reset = useCallback(() => {\n\t\tabortControllerRef.current?.abort();\n\t\tsetMentionsState([]);\n\t\tsetQueryState('');\n\t\tsetManualKindOverride(false);\n\t\tsetSuggestionsByKind({});\n\t\tsetIsLoading(false);\n\t\tsetError(null);\n\t\tsetErrorsByKind({});\n\t\trequestIdRef.current++;\n\t}, []);\n\n\tconst selectSuggestion = useCallback(\n\t\t(suggestion: MentionSuggestion<TResource>) => {\n\t\t\tconst kind = (suggestion.kind ?? activeKind) as TResource;\n\t\t\tconst id = `${kind}:${suggestion.id}`;\n\t\t\tconst cfg = resources?.[kind];\n\t\t\tconst href = suggestion.href ?? cfg?.buildHref?.(suggestion);\n\t\t\tconst mention: Mention<TResource> = {\n\t\t\t\tid,\n\t\t\t\tkind,\n\t\t\t\tlabel: suggestion.label,\n\t\t\t\thref,\n\t\t\t\tdata: suggestion.data,\n\t\t\t};\n\t\t\taddMention(mention);\n\t\t\treturn mention;\n\t\t},\n\t\t[activeKind, addMention, resources],\n\t);\n\n\tconst suggestions = useMemo<ReadonlyArray<MentionSuggestion<TResource>>>(\n\t\t() => (activeKind ? suggestionsByKind[activeKind] ?? [] : []),\n\t\t[activeKind, suggestionsByKind],\n\t);\n\n\treturn {\n\t\tkinds,\n\t\tactiveKind,\n\t\tsetActiveKind,\n\t\tactiveResource,\n\t\tquery,\n\t\tsetQuery,\n\t\tsuggestions,\n\t\tsuggestionsByKind,\n\t\tisLoading,\n\t\terror,\n\t\tisError: error !== null,\n\t\terrorsByKind,\n\t\tretry,\n\t\tmentions,\n\t\taddMention,\n\t\tremoveMention,\n\t\tsetMentions,\n\t\treset,\n\t\tselectSuggestion,\n\t\tmanualKindOverride,\n\t\tsetManualKindOverride,\n\t};\n}\n","import type { Mention, MentionTone } from '../mentions.types';\n\n/**\n * Serialize a `Mention` into the HTML span that gets inserted into a\n * rich-text body. The structure mirrors `<MentionChip>` so the editor\n * can style it via the `.rsc-mention` / `[data-ref-tone]` rules (see\n * mention-chip.css, co-located in this feature) and the read-time\n * renderer (`<MentionContent>`) can find it again.\n *\n *   <span class=\"rsc-mention\" data-ref-id=\"kind:id\" data-ref-kind=\"kind\"\n *         data-ref-tone=\"info\" contenteditable=\"false\">@Maria Petrova</span>&nbsp;\n *\n * `data-ref-tone` is what drives the badge colour in both the editor\n * (CSS-only, since contenteditable can't host React) and the read-time\n * renderer (which respects it as a hint when the resource registry\n * isn't available).\n *\n * `contenteditable=\"false\"` tells the browser to treat the chip as an\n * atomic glyph — backspace deletes the whole span, the cursor moves\n * past it, and the inner label can't be edited character-by-character.\n */\nexport function buildMentionHtml<TKind extends string = string>(\n\tmention: Mention<TKind>,\n\toptions?: { triggerChar?: string; tone?: MentionTone },\n): string {\n\tconst safeLabel = String(mention.label ?? '')\n\t\t.replace(/&/g, '&amp;')\n\t\t.replace(/</g, '&lt;')\n\t\t.replace(/>/g, '&gt;');\n\tconst id = String(mention.id).replace(/\"/g, '&quot;');\n\tconst kind = String(mention.kind).replace(/\"/g, '&quot;');\n\tconst tone = options?.tone ? String(options.tone).replace(/\"/g, '&quot;') : '';\n\tconst trigger =\n\t\toptions?.triggerChar ?? (mention.kind === 'user' ? '@' : '');\n\tconst toneAttr = tone ? ` data-ref-tone=\"${tone}\"` : '';\n\treturn (\n\t\t`<span class=\"rsc-mention\" data-ref-id=\"${id}\" data-ref-kind=\"${kind}\"${toneAttr} contenteditable=\"false\">` +\n\t\t`${trigger}${safeLabel}` +\n\t\t`</span>&nbsp;`\n\t);\n}\n","/**\n * useMentions — picker state + caret-trigger detection bound to an editor.\n *\n * Composes `useMentionsSearch` (suggestion state) with caret-watch\n * logic. The editor it binds to must implement the minimal handle\n * surface in `MentionEditorHandle` — `<RichTextEditor>` from\n * `features/rich-text-editor` already does. Other editors (Slate,\n * Lexical, ProseMirror, plain contenteditable, …) can be plugged in by\n * implementing the same four methods on their imperative handle.\n *\n * Behaviour summary:\n *   - On every editor `onCaretChange`, the hook reads `getCaretContext()`\n *     and looks for a registered trigger char (`@`, `#`, …) preceded by\n *     start-of-line / whitespace and followed by `\\p{L}\\p{N}_-` chars. One\n *     space may follow the first word, so \"Maria P\" finds \"Maria Petrova\";\n *     the session ends at that space when the first word matched nothing,\n *     as soon as the two words match nothing, and on a second space or\n *     punctuation.\n *   - On match, the picker opens, `activeKind` is seeded from the\n *     trigger char (only on a *fresh* trigger session — manual tab\n *     switches survive subsequent keystrokes), and `query` syncs from\n *     the typed needle.\n *   - All registered kinds are searched in parallel; the active kind\n *     auto-switches to the first kind with results when the current\n *     active is empty (skipped if `manualKindOverride` is true).\n *   - `pickSuggestion` deletes the trigger range and inserts the chip\n *     atomically via `replaceBeforeCaret` — selection-extension means\n *     no manual text mutation, no race between delete + insert.\n *   - When opened via the manual button (no trigger detected), the\n *     selection runs `insertHTML` instead — caret stays where it was.\n *\n * Returned API:\n *   pickerOpen, setPickerOpen, triggerActive,\n *   kinds, activeKind, setActiveKind, manualKindOverride, setManualKindOverride,\n *   query, setQuery, suggestions, suggestionsByKind, isLoading,\n *   mentions, addMention, removeMention, setMentions, reset,\n *   handleCaretChange()  — wire to the editor's `onCaretChange`\n *   handleKeyDown(event) — wire to the editor's `onEditorKeyDown`\n *   handleBlur(event)    — wire to the editor and suggestion wrapper\n *   pickSuggestion(s)    — convert suggestion → Mention + insert chip\n *\n * @example\n *   const editorRef = useRef<RichTextEditorHandle>(null);\n *   const mentions = useMentions<'user' | 'order'>({ editorRef });\n *\n *   <div onBlur={mentions.handleBlur}>\n *     <RichTextEditor ref={editorRef} value={html} onValueChange={setHtml}\n *       onCaretChange={mentions.handleCaretChange}\n *       onEditorKeyDown={mentions.handleKeyDown}\n *       suggestionPopup={mentions.suggestionPopup} />\n *     <MentionInlineSuggestions\n *       open={mentions.inlineOpen} listboxId={mentions.listboxId} activeIndex={mentions.activeIndex}\n *       kinds={mentions.kinds} activeKind={mentions.activeKind} setActiveKind={mentions.setActiveKind}\n *       onManualKindChange={() => mentions.setManualKindOverride(true)}\n *       suggestions={mentions.suggestions} loading={mentions.isLoading}\n *       onSelect={mentions.pickSuggestion} />\n *   </div>\n */\nimport { useCallback, useEffect, useId, useRef, useState } from 'react';\nimport type { FocusEvent, RefObject } from 'react';\n\nimport type {\n\tMention,\n\tMentionResource,\n\tMentionSuggestion,\n\tMentionsResourceSearch,\n} from '../mentions.types';\nimport { buildMentionHtml } from '../utils/build-mention-html';\nimport {\n\tuseMentionsSearch,\n\ttype UseMentionsSearchOptions,\n\ttype UseMentionsSearchReturn,\n} from './use-mentions-search';\n\n/**\n * Minimal editor handle the trigger detector needs. Compatible with the\n * library's `<RichTextEditor>` handle — implement these on any custom\n * editor to plug in.\n */\nexport interface MentionEditorHandle {\n\tgetCaretContext(): { textBefore: string } | null;\n\tinsertHTML(html: string): void;\n\treplaceBeforeCaret(length: number, html: string): void;\n\tfocus(): void;\n}\n\nexport interface UseMentionsOptions<TResource extends string = string>\n\textends UseMentionsSearchOptions<TResource> {\n\t/** Ref to the editor surface the trigger detector reads from. */\n\teditorRef?: RefObject<MentionEditorHandle | null>;\n}\n\nexport interface UseMentionsReturn<TResource extends string = string>\n\textends UseMentionsSearchReturn<TResource> {\n\tpickerOpen: boolean;\n\tsetPickerOpen: (open: boolean) => void;\n\t/** True while the picker is open from an inline `@`/`#` trigger. */\n\ttriggerActive: boolean;\n\t/** Wire to the editor's `onCaretChange` to enable inline triggers. */\n\thandleCaretChange: () => void;\n\t/** Whether the inline suggestions panel is open. */\n\tinlineOpen: boolean;\n\t/** ID to pass to the inline suggestion list. */\n\tlistboxId: string;\n\t/** Highlighted option index, or -1 when no option is highlighted. */\n\tactiveIndex: number;\n\t/** Completion metadata for the editable body while options are available. */\n\tsuggestionPopup?: { listboxId: string; activeOptionId?: string };\n\t/** Handles inline navigation and returns whether the editor should consume the key. */\n\thandleKeyDown: (event: KeyboardEvent) => boolean;\n\t/** Bind to the wrapper containing both the editor and inline suggestions. */\n\thandleBlur: (event: FocusEvent<HTMLElement>) => void;\n\t/**\n\t * Convert a suggestion into a Mention, register it, insert the chip\n\t * into the editor (replacing the trigger range when one is active),\n\t * and close the picker. Returns the Mention.\n\t */\n\tpickSuggestion: (\n\t\tsuggestion: MentionSuggestion<TResource>,\n\t) => Mention<TResource>;\n}\n\ninterface TriggerState {\n\tkind: string;\n\ttriggerChar: string;\n\tconsumedLength: number;\n}\n\nexport function useMentions<TResource extends string = string>(\n\toptions: UseMentionsOptions<TResource> = {},\n): UseMentionsReturn<TResource> {\n\tconst resources = options.resources;\n\tconst onResourceSearch: MentionsResourceSearch<TResource> | undefined =\n\t\toptions.onResourceSearch;\n\n\tconst [pickerOpen, setPickerOpenState] = useState(false);\n\t// Suggestions are only read while a picker shows them, so a mounted\n\t// composer issues no searches until the user opens one.\n\tconst search = useMentionsSearch<TResource>({\n\t\t...options,\n\t\tresources,\n\t\tonResourceSearch,\n\t\tenabled: (options.enabled ?? true) && pickerOpen,\n\t});\n\n\tconst [triggerActive, setTriggerActive] = useState(false);\n\tconst listboxId = useId();\n\tconst [highlighted, setHighlighted] = useState<{ id: string; query: string; kind: TResource | null } | null>(null);\n\tconst triggerStateRef = useRef<TriggerState | null>(null);\n\tconst dismissedContext = useRef<string | null>(null);\n\t/** Tracks the trigger char from the most recent detection — lets us\n\t *  set the initial active kind on a fresh trigger without overriding\n\t *  the user's manual tab switch on every subsequent keystroke. */\n\tconst lastTriggerCharRef = useRef<string | null>(null);\n\t/** Text up to the end of a first word whose continuation matched nothing:\n\t *  while the caret stays in that sentence the session does not reopen. */\n\tconst unmatchedHeadRef = useRef<string | null>(null);\n\tconst [needleHasSpace, setNeedleHasSpace] = useState(false);\n\n\tconst setPickerOpen = useCallback((open: boolean) => {\n\t\tsetPickerOpenState(open);\n\t\tif (!open) {\n\t\t\ttriggerStateRef.current = null;\n\t\t\tlastTriggerCharRef.current = null;\n\t\t\tsetTriggerActive(false);\n\t\t\tsetHighlighted(null);\n\t\t\tsearch.setManualKindOverride(false);\n\t\t}\n\t}, [search]);\n\n\tconst editorRef = options.editorRef;\n\n\tconst handleCaretChange = useCallback(() => {\n\t\tif (!resources) return;\n\t\tconst triggerMap: Record<string, string> = {};\n\t\tfor (const [kind, cfg] of Object.entries(resources)) {\n\t\t\tconst trig = (cfg as MentionResource | undefined)?.trigger;\n\t\t\tif (typeof trig === 'string' && trig.length > 0) {\n\t\t\t\ttriggerMap[trig] = kind;\n\t\t\t}\n\t\t}\n\t\tif (Object.keys(triggerMap).length === 0) return;\n\n\t\tconst ctx = editorRef?.current?.getCaretContext();\n\t\tif (ctx && dismissedContext.current === ctx.textBefore) return;\n\t\tdismissedContext.current = null;\n\t\tif (!ctx) {\n\t\t\tif (triggerStateRef.current) {\n\t\t\t\ttriggerStateRef.current = null;\n\t\t\t\tsetPickerOpen(false);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tconst triggers = Object.keys(triggerMap)\n\t\t\t.map((c) => c.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'))\n\t\t\t.join('');\n\t\t// A needle is one word, optionally followed by a single space and a\n\t\t// second word, so a multi-word name can be searched.\n\t\tconst re = new RegExp(`(?:^|\\\\s)([${triggers}])([\\\\p{L}\\\\p{N}_-]*(?: [\\\\p{L}\\\\p{N}_-]*)?)$`, 'u');\n\t\tconst match = ctx.textBefore.match(re);\n\t\tconst triggerChar = match?.[1] ?? '';\n\t\tconst needle = match?.[2] ?? '';\n\t\tconst spaceAt = needle.indexOf(' ');\n\t\t// Everything up to the end of the first word identifies this sentence.\n\t\tconst head = spaceAt < 0\n\t\t\t? null\n\t\t\t: ctx.textBefore.slice(0, ctx.textBefore.length - needle.length + spaceAt);\n\t\tconst everyKindEmpty = !search.isLoading &&\n\t\t\tsearch.kinds.every((item) => (search.suggestionsByKind[item]?.length ?? 0) === 0);\n\t\t// The space continues a search only when there is something to narrow:\n\t\t// a first word that matched nothing ends the session at the space.\n\t\tconst firstWordUnmatched = head !== null && !needle.slice(spaceAt + 1) &&\n\t\t\t(spaceAt === 0 || (search.query === needle.slice(0, spaceAt) && everyKindEmpty));\n\t\tif (firstWordUnmatched) unmatchedHeadRef.current = head;\n\t\tif (!match || (head !== null && unmatchedHeadRef.current === head)) {\n\t\t\tif (triggerStateRef.current) {\n\t\t\t\ttriggerStateRef.current = null;\n\t\t\t\tsetPickerOpen(false);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tif (head === null) unmatchedHeadRef.current = null;\n\t\tsetNeedleHasSpace(head !== null);\n\t\tconst kind = triggerMap[triggerChar];\n\t\tconst consumedLength = triggerChar.length + needle.length;\n\n\t\ttriggerStateRef.current = { kind, triggerChar, consumedLength };\n\t\tsetTriggerActive(true);\n\n\t\t// Only seed the initial active kind on a *fresh* trigger session.\n\t\t// If the user has already picked a tab in the panel,\n\t\t// `manualKindOverride` is true and we skip — their choice sticks\n\t\t// even as they keep typing or deleting characters.\n\t\tconst isNewTriggerSession = lastTriggerCharRef.current !== triggerChar;\n\t\tif (isNewTriggerSession) {\n\t\t\tif (search.activeKind !== kind) {\n\t\t\t\tsearch.setActiveKind(kind as TResource);\n\t\t\t}\n\t\t\tsearch.setManualKindOverride(false);\n\t\t\tlastTriggerCharRef.current = triggerChar;\n\t\t}\n\n\t\t// A trailing space is typed text to replace, not text to search for.\n\t\tconst nextQuery = needle.trimEnd();\n\t\tif (search.query !== nextQuery) {\n\t\t\tsearch.setQuery(nextQuery);\n\t\t}\n\t\tsetPickerOpenState(true);\n\t}, [editorRef, resources, search, setPickerOpen]);\n\n\t// Two words that match nothing are a sentence, not a name: end the session\n\t// and remember the sentence so further typing in it does not reopen it.\n\tconst { isLoading, isError, kinds, suggestionsByKind, query } = search;\n\tuseEffect(() => {\n\t\tif (!pickerOpen || !triggerActive || !needleHasSpace || isLoading || isError) return;\n\t\tif (!query.includes(' ')) return;\n\t\tif (kinds.some((kind) => (suggestionsByKind[kind]?.length ?? 0) > 0)) return;\n\t\tconst textBefore = editorRef?.current?.getCaretContext()?.textBefore;\n\t\tconst trigger = triggerStateRef.current;\n\t\tif (textBefore !== undefined && trigger) {\n\t\t\tconst needle = textBefore.slice(textBefore.length - trigger.consumedLength + trigger.triggerChar.length);\n\t\t\tunmatchedHeadRef.current = textBefore.slice(0, textBefore.length - needle.length + needle.indexOf(' '));\n\t\t}\n\t\tsetPickerOpen(false);\n\t}, [editorRef, isError, isLoading, kinds, needleHasSpace, pickerOpen, query, setPickerOpen, suggestionsByKind, triggerActive]);\n\n\tconst pickSuggestion = useCallback(\n\t\t(suggestion: MentionSuggestion<TResource>) => {\n\t\t\tconst mention = search.selectSuggestion(suggestion);\n\t\t\tconst trigger = triggerStateRef.current;\n\t\t\tconst tone = (resources?.[mention.kind] as MentionResource | undefined)?.tone;\n\t\t\tconst html = buildMentionHtml(mention, {\n\t\t\t\ttriggerChar: trigger?.triggerChar,\n\t\t\t\ttone,\n\t\t\t});\n\n\t\t\tif (trigger && trigger.consumedLength > 0 && editorRef?.current) {\n\t\t\t\teditorRef.current.replaceBeforeCaret(trigger.consumedLength, html);\n\t\t\t\ttriggerStateRef.current = null;\n\t\t\t} else if (editorRef?.current) {\n\t\t\t\teditorRef.current.insertHTML(html);\n\t\t\t}\n\t\t\tsetPickerOpen(false);\n\t\t\treturn mention;\n\t\t},\n\t\t[editorRef, resources, search, setPickerOpen],\n\t);\n\n\tconst inlineOpen = pickerOpen && triggerActive;\n\tconst activeIndex = inlineOpen && !search.isLoading && highlighted &&\n\t\thighlighted.query === search.query && highlighted.kind === search.activeKind\n\t\t? search.suggestions.findIndex((suggestion) => suggestion.id === highlighted.id)\n\t\t: -1;\n\tconst suggestionPopup = inlineOpen && !search.isLoading && search.suggestions.length > 0\n\t\t? { listboxId, activeOptionId: activeIndex < 0 ? undefined : `${listboxId}-option-${activeIndex}` }\n\t\t: undefined;\n\n\tconst dismissInline = useCallback(() => {\n\t\tdismissedContext.current = editorRef?.current?.getCaretContext()?.textBefore ?? null;\n\t\tsetPickerOpen(false);\n\t}, [editorRef, setPickerOpen]);\n\n\tconst handleKeyDown = useCallback((event: KeyboardEvent) => {\n\t\tif (!inlineOpen || event.defaultPrevented || event.isComposing ||\n\t\t\tevent.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return false;\n\n\t\tif (event.key === 'Escape') {\n\t\t\tdismissInline();\n\t\t} else if (!search.isLoading && search.suggestions.length > 0 &&\n\t\t\t(event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n\t\t\tconst length = search.suggestions.length;\n\t\t\tconst next = event.key === 'ArrowDown'\n\t\t\t\t? (activeIndex + 1) % length\n\t\t\t\t: activeIndex <= 0 ? length - 1 : activeIndex - 1;\n\t\t\tconst suggestion = search.suggestions[next];\n\t\t\tif (!suggestion) return false;\n\t\t\tsetHighlighted({ id: suggestion.id, query: search.query, kind: search.activeKind });\n\t\t} else if ((event.key === 'Enter' || event.key === 'Tab') && activeIndex >= 0) {\n\t\t\tconst suggestion = search.suggestions[activeIndex];\n\t\t\tif (!suggestion) return false;\n\t\t\tpickSuggestion(suggestion);\n\t\t} else {\n\t\t\treturn false;\n\t\t}\n\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\treturn true;\n\t}, [activeIndex, dismissInline, inlineOpen, pickSuggestion, search.activeKind, search.isLoading, search.query, search.suggestions]);\n\n\tconst handleBlur = useCallback((event: FocusEvent<HTMLElement>) => {\n\t\tif (!inlineOpen) return;\n\t\tconst next = event.relatedTarget;\n\t\tconst panel = event.currentTarget.ownerDocument.getElementById(`${listboxId}-panel`);\n\t\tif (next instanceof Element && event.currentTarget.contains(next) &&\n\t\t\t(next.closest('[contenteditable=\"true\"]') || panel?.contains(next))) return;\n\t\tdismissInline();\n\t}, [dismissInline, inlineOpen, listboxId]);\n\n\treturn {\n\t\t...search,\n\t\tpickerOpen,\n\t\tsetPickerOpen,\n\t\ttriggerActive,\n\t\thandleCaretChange,\n\t\tinlineOpen,\n\t\tlistboxId,\n\t\tactiveIndex,\n\t\tsuggestionPopup,\n\t\thandleKeyDown,\n\t\thandleBlur,\n\t\tpickSuggestion,\n\t};\n}\n","/**\n * MentionChip — default rendering for an inline mention/reference.\n *\n * Wraps the lib's `<Badge>` base component with the variant driven by\n * the resource registry's `tone` field. The mapping between the\n * mentions module's `MentionTone` and the badge's variant lives below\n * (`TONE_TO_VARIANT`) so consumers can rebrand by editing one table.\n *\n * Override paths:\n *   - `renderMention` on `<MentionContent>` — full takeover\n *   - `resources.<kind>.renderChip(mention)` — per-kind takeover\n *   - `resources.<kind>.tone` — quickest \"just change the color\" override\n */\nimport type { FC, ReactNode } from 'react';\n\nimport { Badge, type BadgeTone } from '../../../base/badge';\nimport { Text, TextLink } from '../../../typography';\nimport { resolveTextClassNames } from '../../../typography/text.styles';\nimport { focusRecipes } from '../../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\nimport { cn } from '../../../../lib/utils';\n\nimport type {\n\t\tMention,\n\t\tMentionResource,\n\t\tMentionTone,\n} from '../mentions.types';\n\nexport interface MentionChipProps {\n\t\t/** The mention this chip represents. */\n\t\tmention: Mention;\n\t\t/** The referenced resource. */\n\t\tresource?: MentionResource<string>;\n\t\t/** Force-disable the chip's link (useful inside the composer draft list). */\n\t\tasLink?: boolean;\n\t\t/** Activates the chip. A linked chip calls it on the link; otherwise the label becomes a button. */\n\t\tonClick?: () => void;\n\t\t/** Trailing slot — typically a remove button when shown in the composer. */\n\t\ttrailing?: ReactNode;\n\t\t/** Merged onto the outermost node. */\n\t\tclassName?: string;\n}\n\n/**\n * Single source of truth for `MentionTone → Badge variant`. Edit here\n * to rebrand all chips library-wide; override per-kind via\n * `resources.<kind>.tone`.\n */\nconst TONE_TO_VARIANT: Record<MentionTone, BadgeTone> = {\n\t\tprimary: 'secondary', // calm primary — saturated `primary` overwhelms body copy\n\t\tsuccess: 'success',\n\t\twarning: 'warning',\n\t\tdestructive: 'destructive',\n\t\tinfo: 'info',\n\t\tsecondary: 'secondary',\n};\n\nexport const MentionChip: FC<MentionChipProps> = ({\n\t\tmention,\n\t\tresource,\n\t\tasLink = true,\n\t\tonClick,\n\t\ttrailing,\n\t\tclassName,\n}) => {\n\t\tif (resource?.renderChip) {\n\t\t\t\treturn <>{resource.renderChip(mention)}</>;\n\t\t}\n\n\t\tconst tone = resource?.tone ?? 'secondary';\n\t\tconst variant = TONE_TO_VARIANT[tone] ?? TONE_TO_VARIANT.secondary;\n\t\tconst Icon = resource?.icon;\n\n\t\tconst linked = asLink && Boolean(mention.href);\n\t\t// Without a link, the label is the control: a native button, so the chip\n\t\t// is reachable and operable by keyboard and never nests the trailing slot.\n\t\tconst activates = Boolean(onClick) && !linked;\n\t\tconst label = (\n\t\t\t\t<>\n\t\t\t\t\t\t{Icon ? <Icon className=\"size-icon-sm shrink-0\" aria-hidden /> : null}\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\tlineHeight=\"none\"\n\t\t\t\t\t\t\t\tclassName=\"max-w-[14rem] truncate text-inherit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{mention.label}\n\t\t\t\t\t\t</Text>\n\t\t\t\t</>\n\t\t);\n\n\t\tconst inner = (\n\t\t\t\t<Badge\n\t\t\t\t\t\ttone={variant}\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tinline\n\t\t\t\t\t\tdata-ref-id={mention.id}\n\t\t\t\t\t\tdata-ref-kind={mention.kind}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'mention-chip--component',\n\t\t\t\t\t\t\t\t/* Inline-flow tweaks: align to the surrounding text baseline\n\t\t\t\t\t\t\t\t\t instead of the line's mid-point, which causes wobble next\n\t\t\t\t\t\t\t\t\t to text. Keep the badge as `inline-flex` (from `inline`),\n\t\t\t\t\t\t\t\t\t add a subtle vertical offset via translate so the icon\n\t\t\t\t\t\t\t\t\t sits on the cap-height. */\n\t\t\t\t\t\t\t\t'align-[-0.15em] cursor-default whitespace-nowrap',\n\t\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t\t{activates ? (\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'mention-chip--action',\n\t\t\t\t\t\t\t\t\t\t\t\tinteractionRecipes.nativeButtonReset,\n\t\t\t\t\t\t\t\t\t\t\t\tresolveTextClassNames({ size: 'inherit' }),\n\t\t\t\t\t\t\t\t\t\t\t\t'inline-flex min-w-0 cursor-pointer items-center gap-space-xs rounded-radius-xs text-inherit',\n\t\t\t\t\t\t\t\t\t\t\t\tfocusRecipes.text,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t) : label}\n\t\t\t\t\t\t{trailing}\n\t\t\t\t</Badge>\n\t\t);\n\n\t\tif (asLink && mention.href) {\n\t\treturn (\n\t\t\t<TextLink\n\t\t\t\thref={mention.href}\n\t\t\t\tsize=\"inherit\"\n\t\t\t\tunderline={false}\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noreferrer noopener\"\n\t\t\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t\t\t\tclassName=\"inline align-baseline no-underline\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{inner}\n\t\t\t</TextLink>\n\t\t);\n\t\t}\n\n\t\treturn inner;\n};\n","/**\n * MentionContent — render an HTML body that may contain inline mention\n * spans (`<span data-ref-id=\"kind:id\">…</span>`) by swapping each ref\n * for a React `<MentionChip>` while leaving the rest of the HTML\n * untouched.\n *\n * Used by:\n *   - `features/comments` — comment bodies\n *   - `features/activities` — activity descriptions\n *   - any other surface that renders rich-text with embedded refs\n *\n * Consumer can override per-mention rendering via `renderMention`, or\n * per-kind via the resource registry's `renderChip`.\n */\nimport { fromHtml } from 'hast-util-from-html';\nimport type { ReactNode } from 'react';\n\nimport { contentTypographyClassName } from '../../../typography/content-typography';\n\nimport { Text } from '../../../typography';\nimport { renderRichTextTree } from '../../../typography/rich-text/rich-text-tree';\nimport { sanitizeHtmlTree } from '../../../../lib/sanitize-html';\nimport { cn } from '../../../../lib/utils';\n\nimport type {\n\tMention,\n\tMentionResource,\n\tMentionsConfig,\n} from '../mentions.types';\nimport { MentionChip } from './mention-chip';\n\nexport interface MentionContentProps<TResource extends string = string> {\n\t/** HTML body to render. */\n\thtml: string;\n\t/** Mentions resolved on the data — keyed by `data-ref-id`. */\n\tmentions?: ReadonlyArray<Mention<TResource>>;\n\t/** Resource registry — pass at the call site. */\n\tresources?: MentionsConfig<TResource>['resources'];\n\t/** Custom per-mention renderer — overrides resource.renderChip. */\n\trenderMention?: (mention: Mention<TResource>) => ReactNode;\n\t/** Optional sanitizer override. The package safe allowlist is the default. */\n\tsanitizer?: (html: string) => string;\n\t/** Outer wrapper class. Defaults to a tight prose surface. */\n\tclassName?: string;\n\t/**\n\t * Set to `false` to skip the default prose wrapper — useful when\n\t * embedding inside an existing typed surface (e.g. timeline rows).\n\t */\n\tprose?: boolean;\n}\n\nconst DEFAULT_PROSE_CLASS = contentTypographyClassName;\n\nexport function MentionContent<TResource extends string = string>(\n\tprops: MentionContentProps<TResource>,\n): ReactNode {\n\tconst {\n\t\thtml,\n\t\tmentions,\n\t\tresources: resourcesProp,\n\t\trenderMention,\n\t\tsanitizer,\n\t\tclassName,\n\t\tprose = true,\n\t} = props;\n\n\tconst resources = resourcesProp;\n\n\tconst tree = sanitizer\n\t\t? fromHtml(sanitizer(html ?? ''), { fragment: true })\n\t\t: sanitizeHtmlTree(html ?? '');\n\n\tconst mentionsById = new Map<string, Mention<TResource>>();\n\tfor (const m of mentions ?? []) mentionsById.set(m.id, m);\n\n\tconst renderRef = (mention: Mention<TResource>): ReactNode => {\n\t\tif (renderMention) return renderMention(mention);\n\t\tconst resource = resources?.[mention.kind] as\n\t\t\t| MentionResource<string>\n\t\t\t| undefined;\n\t\treturn <MentionChip mention={mention} resource={resource} />;\n\t};\n\n\tconst body = renderRichTextTree(tree, undefined, (element) => {\n\t\tif (element.tagName !== 'span' && element.tagName !== 'a') return undefined;\n\t\tconst refId = element.properties.dataRefId;\n\t\tconst mention = typeof refId === 'string' ? mentionsById.get(refId) : undefined;\n\t\treturn mention ? <>{renderRef(mention)}</> : undefined;\n\t});\n\n\tif (!prose) {\n\t\treturn <>{body}</>;\n\t}\n\n\treturn (\n\t\t<Text tag=\"div\" className={cn('mention-content--component', DEFAULT_PROSE_CLASS, className)}>{body}</Text>\n\t);\n}\n","import { Button } from '../../../base/buttons';\nimport { Text } from '../../../typography';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\n\nimport type { MentionResource, MentionSuggestion } from '../mentions.types';\n\ninterface MentionKindTogglesProps<TResource extends string> {\n\tkinds: ReadonlyArray<TResource>;\n\tactiveKind: TResource | null;\n\tresources?: Partial<Record<TResource, MentionResource<TResource>>>;\n\t/** Per-kind results; a count follows the label when present. */\n\tcounts?: Readonly<Record<string, ReadonlyArray<MentionSuggestion<TResource>>>>;\n\tonKindChange: (kind: TResource) => void;\n}\n\n/**\n * The resource-kind filter shared by the inline suggestions and the picker:\n * compact toggles that press with the accent fill and hover with muted, like\n * every other toggle, rather than a primary command fill.\n */\nexport function MentionKindToggles<TResource extends string>({\n\tkinds,\n\tactiveKind,\n\tresources,\n\tcounts,\n\tonKindChange,\n}: MentionKindTogglesProps<TResource>) {\n\treturn (\n\t\t<div className=\"mention-kind-toggles--component flex flex-wrap gap-space-xs\">\n\t\t\t{kinds.map((kind) => {\n\t\t\t\tconst cfg = resources?.[kind];\n\t\t\t\tconst Icon = cfg?.icon;\n\t\t\t\tconst active = kind === activeKind;\n\t\t\t\tconst count = counts?.[kind as string]?.length ?? 0;\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={kind}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-pressed={active}\n\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tclassName={active ? interactionRecipes.togglePressed : interactionRecipes.toggleHoverButton}\n\t\t\t\t\t\tonClick={() => onKindChange(kind)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{Icon ? <Icon className=\"size-icon-sm\" /> : null}\n\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" className=\"text-inherit\">\n\t\t\t\t\t\t\t{cfg?.label ?? String(kind)}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t{count > 0 && (\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t{count}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n","/**\n * The failed-search state shared by `MentionPicker` and\n * `MentionInlineSuggestions`: one announced message and, when the owner can\n * repeat the search, one retry control. Private to the mentions family.\n */\nimport { Button } from '../../../base/buttons';\nimport { Stack } from '../../../base/structure';\nimport { Text } from '../../../typography';\n\nexport interface MentionSearchErrorProps {\n\tmessage: string;\n\tretryLabel: string;\n\tonRetry?: () => void;\n}\n\nexport function MentionSearchError({ message, retryLabel, onRetry }: MentionSearchErrorProps) {\n\treturn (\n\t\t<Stack\n\t\t\tdirection=\"horizontal\"\n\t\t\talign=\"center\"\n\t\t\tjustify=\"between\"\n\t\t\tgap=\"sm\"\n\t\t\tclassName=\"mention-search-error--component px-row-x py-row-y\"\n\t\t>\n\t\t\t<Text tag=\"span\" size=\"xs\" type=\"error\" role=\"alert\" className=\"min-w-0\">\n\t\t\t\t{message}\n\t\t\t</Text>\n\t\t\t{onRetry ? (\n\t\t\t\t<Button type=\"button\" size=\"sm\" tone=\"secondary\" buttonStyle=\"outline\" onClick={onRetry}>\n\t\t\t\t\t{retryLabel}\n\t\t\t\t</Button>\n\t\t\t) : null}\n\t\t</Stack>\n\t);\n}\n","/**\n * Default user-facing strings for the `features/mentions` partials.\n *\n * Both `<MentionPicker>` and `<MentionInlineSuggestions>` consume their\n * respective slice; `<MentionInlineSuggestions>` is a strict subset.\n * Consumers wire backend i18n at the call site:\n *\n *   <MentionPicker strings={{ empty: t('mentions.empty') }} … />\n */\n\nexport interface MentionPickerStrings {\n\t/** Surface title. */\n\ttitle: string;\n\tsearchPlaceholder: string;\n\t/** Shown in place of the collection when it has no entries. */\n\tempty: string;\n\tloading: string;\n\t/** Shown in place of the collection when the search failed. */\n\terror?: string;\n\t/** Label of the control that repeats a failed search. */\n\tretry?: string;\n}\n\nexport const defaultMentionPickerStrings: Required<MentionPickerStrings> = {\n\ttitle: 'Insert reference',\n\tsearchPlaceholder: 'Search…',\n\tempty: 'No matches.',\n\tloading: 'Searching…',\n\terror: 'Suggestions could not be loaded.',\n\tretry: 'Try again',\n};\n\nexport interface MentionInlineSuggestionsStrings {\n\t/** Surface title. */\n\ttitle: string;\n\t/** Shown in place of the collection when it has no entries. */\n\tempty: string;\n\tloading: string;\n\t/** Shown in place of the collection when the search failed. */\n\terror?: string;\n\t/** Label of the control that repeats a failed search. */\n\tretry?: string;\n}\n\nexport const defaultMentionInlineSuggestionsStrings: Required<MentionInlineSuggestionsStrings> = {\n\ttitle: 'Insert reference',\n\tempty: 'No matches.',\n\tloading: 'Searching…',\n\terror: 'Suggestions could not be loaded.',\n\tretry: 'Try again',\n};\n","/**\n * MentionPicker — popover content for the mention/reference picker.\n *\n * Pure UI: takes the state from `useMentions` (or any equivalent hook)\n * and renders kind tabs + a cmdk search list. Wrapped in `<Popover>` by\n * the consumer:\n *\n *   <Popover open={mentions.pickerOpen} onOpenChange={mentions.setPickerOpen}>\n *     <PopoverTrigger ... />\n *     <MentionPicker ... />\n *   </Popover>\n */\nimport { Loader2 } from 'lucide-react';\n\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n} from '../../../base/command';\nimport { PopoverHeader, PopoverContent } from '../../../base/popover';\nimport { DisplayLabel, Text } from '../../../typography';\nimport { useStrings, type StringsProp } from '../../../../lib/strings';\nimport { Stack } from '../../../base/structure';\nimport { cn } from '../../../../lib/utils';\nimport { MentionKindToggles } from './mention-kind-toggles';\nimport { MentionSearchError } from './mention-search-error';\n\nimport {\n\tdefaultMentionPickerStrings,\n\ttype MentionPickerStrings,\n} from '../mentions.strings';\nimport type {\n\tMentionResource,\n\tMentionSuggestion,\n} from '../mentions.types';\nimport { popoverWidthRecipes } from '../../../base/popover/popover.recipes';\n\nexport type { MentionPickerStrings };\n\nexport interface MentionPickerProps<TResource extends string = string> {\n\t/** Whether the picker is showing. */\n\topen: boolean;\n\t/** Resource kind currently being browsed. */\n\tactiveKind: TResource | null;\n\t/** Switches which resource kind is browsed. */\n\tsetActiveKind: (kind: TResource | null) => void;\n\t/** Resource kinds offered as tabs. */\n\tkinds: ReadonlyArray<TResource>;\n\t/** Resource definitions supplying each kind's label and icon. */\n\tresources?: Partial<Record<TResource, MentionResource<TResource>>>;\n\t/** Current search text. */\n\tquery: string;\n\t/** Updates the search text. */\n\tsetQuery: (query: string) => void;\n\t/** Matches for the current query. */\n\tsuggestions: ReadonlyArray<MentionSuggestion<TResource>>;\n\t/** Replaces the content with the loading state. */\n\tloading: boolean;\n\t/**\n\t * The search for the browsed kind failed. Any truthy value replaces the\n\t * empty copy with the failure message; pass `useMentions().errorsByKind[kind]`.\n\t */\n\terror?: unknown;\n\t/** Repeats the failed search; renders the retry control. */\n\tonRetry?: () => void;\n\t/** Fired when an entry is activated. */\n\tonSelect: (suggestion: MentionSuggestion<TResource>) => void;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<MentionPickerStrings>;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport function MentionPicker<TResource extends string = string>({\n\topen,\n\tactiveKind,\n\tsetActiveKind,\n\tkinds,\n\tresources,\n\tquery,\n\tsetQuery,\n\tsuggestions,\n\tloading,\n\terror,\n\tonRetry,\n\tonSelect,\n\tstrings: stringsProp,\n\tclassName,\n}: MentionPickerProps<TResource>) {\n\tconst strings = useStrings<Required<MentionPickerStrings>>(defaultMentionPickerStrings, stringsProp);\n\tif (!open) return null;\n\t// One state at a time: searching, then a failure, then the empty copy.\n\tconst failed = Boolean(error) && !loading;\n\n\treturn (\n\t\t<PopoverContent\n\t\t\talign=\"start\"\n\t\t\tinset=\"flush\"\n   type=\"menu\"\n\t\t\tclassName={cn('mention-picker--component', popoverWidthRecipes.md, 'gap-0 overflow-hidden', className)}\n\t\t>\n\t\t\t<PopoverHeader>\n\t\t\t\t<Stack gap=\"sm\">\n\t\t\t\t\t<DisplayLabel>\n\t\t\t\t\t\t{strings.title}\n\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t{kinds.length > 1 && (\n\t\t\t\t\t\t<MentionKindToggles kinds={kinds} activeKind={activeKind} resources={resources} onKindChange={setActiveKind} />\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t</PopoverHeader>\n\n\t\t\t<Command shouldFilter={false} inset=\"flush\" className=\"rounded-none\">\n\t\t\t\t<CommandInput\n\t\t\t\t\tplaceholder={strings.searchPlaceholder}\n\t\t\t\t\tvalue={query}\n\t\t\t\t\tonValueChange={setQuery}\n\t\t\t\t/>\n\t\t\t\t<CommandList>\n\t\t\t\t\t{loading ? (\n\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"sm\" className=\"px-row-x py-row-y text-muted-foreground\">\n\t\t\t\t\t\t\t<Loader2 className=\"size-icon-sm animate-spin\" aria-hidden />\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t{strings.loading}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{failed ? (\n\t\t\t\t\t\t<MentionSearchError message={strings.error} retryLabel={strings.retry} onRetry={onRetry} />\n\t\t\t\t\t) : null}\n\t\t\t\t\t{!loading && !failed ? <CommandEmpty>{strings.empty}</CommandEmpty> : null}\n\t\t\t\t\t<CommandGroup>\n\t\t\t\t\t\t{suggestions.map((suggestion) => {\n\t\t\t\t\t\t\tconst kind = suggestion.kind ?? activeKind ?? '';\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<CommandItem\n\t\t\t\t\t\t\t\t\tkey={`${kind}:${suggestion.id}`}\n\t\t\t\t\t\t\t\t\tvalue={`${kind}:${suggestion.id}`}\n\t\t\t\t\t\t\t\t\tonSelect={() => onSelect(suggestion)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Stack gap=\"dense\" className=\"flex min-w-0 flex-1 flex-col leading-tight\">\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" weight=\"medium\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t{suggestion.label}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t{suggestion.description ? (\n\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"truncate\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{suggestion.description}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</CommandGroup>\n\t\t\t\t</CommandList>\n\t\t\t</Command>\n\t\t</PopoverContent>\n\t);\n}\n","/**\n * MentionInlineSuggestions — non-focus-stealing suggestion list.\n *\n * Used in the *inline-trigger* flow (user typed `@` / `#` / …): the\n * editor stays focused while this panel renders below the surface and\n * updates live as the user keeps typing. No popover, no focus trap,\n * no CommandInput — the editor IS the input, we read the needle from\n * the caret context and stream results in.\n *\n * Position is \"anchored to a wrapping element\" — the consumer puts this\n * inside a `relative`-positioned wrapper around the editor and we\n * absolute-position ourselves below it.\n */\nimport { Loader2 } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\n\nimport { DisplayLabel, Text } from '../../../typography';\nimport { useStrings, type StringsProp } from '../../../../lib/strings';\nimport { Stack } from '../../../base/structure';\nimport { cn } from '../../../../lib/utils';\n\nimport {\n\t\tdefaultMentionInlineSuggestionsStrings,\n\t\ttype MentionInlineSuggestionsStrings,\n} from '../mentions.strings';\nimport type {\n\t\tMentionResource,\n\t\tMentionSuggestion,\n} from '../mentions.types';\nimport { focusRecipes } from '../../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../../lib/interaction-recipes';\nimport { surfaceDividerRecipes } from '../../../../lib/surface-recipes';\nimport { collectionRecipes, collectionRowClasses, popoverRecipes, popoverWidthRecipes } from '../../../base/popover/popover.recipes';\nimport { MentionKindToggles } from './mention-kind-toggles';\nimport { MentionSearchError } from './mention-search-error';\nimport { anchoredListHeightRecipes } from '../../../../lib/anchored-positioning';\n\nexport type { MentionInlineSuggestionsStrings };\n\nexport interface MentionInlineSuggestionsProps<TResource extends string = string> {\n\t\t/** Whether the inline list is showing. */\n\t\topen: boolean;\n\t\t/** Resource kind currently being matched. */\n\t\tactiveKind: TResource | null;\n\t\t/** Switches which resource kind is matched. */\n\t\tsetActiveKind: (kind: TResource | null) => void;\n\t\t/** Resource kinds available to match. */\n\t\tkinds: ReadonlyArray<TResource>;\n\t\t/** Resource definitions supplying each kind's label and icon. */\n\t\tresources?: Partial<Record<TResource, MentionResource<TResource>>>;\n\t\t/** Per-kind suggestion buckets — used to render result counts on tabs. */\n\t\tsuggestionsByKind?: Readonly<Record<string, ReadonlyArray<MentionSuggestion<TResource>>>>;\n\t\t/** Matches for the text typed after the trigger character. */\n\t\tsuggestions: ReadonlyArray<MentionSuggestion<TResource>>;\n\t\t/** ID shared with the editor's controlled listbox. */\n\t\tlistboxId?: string;\n\t\t/** Highlighted option supplied by the editor's keyboard navigation. */\n\t\tactiveIndex?: number;\n\t\t/** Replaces the content with the loading state. */\n\t\tloading: boolean;\n\t\t/**\n\t\t * The search for the matched kind failed. Any truthy value replaces the\n\t\t * empty copy with the failure message; pass `useMentions().errorsByKind[kind]`.\n\t\t */\n\t\terror?: unknown;\n\t\t/** Repeats the failed search; renders the retry control. */\n\t\tonRetry?: () => void;\n\t\t/** Live query the panel echoes in the header; the consumer owns the editor input. */\n\t\tquery?: string;\n\t\t/**\n\t\t * Notifies the consumer that the user manually picked a tab, so it\n\t\t * can flip the `manualKindOverride` flag on `useMentionsSearch`.\n\t\t */\n\t\tonManualKindChange?: () => void;\n\t\t/** Fired when an entry is activated. */\n\t\tonSelect: (suggestion: MentionSuggestion<TResource>) => void;\n\t\t/** Overrides this surface's own copy. */\n\t\tstrings?: StringsProp<MentionInlineSuggestionsStrings>;\n\t\t/** Merged onto the outermost node. */\n\t\tclassName?: string;\n}\n\nexport function MentionInlineSuggestions<TResource extends string = string>({\n\t\topen,\n\t\tactiveKind,\n\t\tsetActiveKind,\n\t\tkinds,\n\t\tresources,\n\t\tsuggestionsByKind,\n\t\tsuggestions,\n\t\tlistboxId,\n\t\tactiveIndex = -1,\n\t\tloading,\n\t\terror,\n\t\tonRetry,\n\t\tquery,\n\t\tonManualKindChange,\n\t\tonSelect,\n\t\tstrings: stringsProp,\n\t\tclassName,\n}: MentionInlineSuggestionsProps<TResource>) {\n\t\tconst strings = useStrings<Required<MentionInlineSuggestionsStrings>>(defaultMentionInlineSuggestionsStrings, stringsProp);\n\t\tconst activeOption = useRef<HTMLButtonElement>(null);\n\t\tconst visibleSuggestions = listboxId && loading ? [] : suggestions;\n\t\t// One state at a time: searching, then a failure, then the empty copy.\n\t\tconst failed = Boolean(error) && !loading;\n\t\tuseEffect(() => {\n\t\t\t\tactiveOption.current?.scrollIntoView?.({ block: 'nearest' });\n\t\t}, [activeIndex, open, suggestions]);\n\t\tif (!open) return null;\n\n\t\treturn (\n\t\t\t\t// oxlint-disable-next-line jsx-a11y/no-static-element-interactions -- mousedown only keeps editor focus; the options inside are the controls.\n\t\t\t\t<div\n\t\t\t\t\t\tid={listboxId ? `${listboxId}-panel` : undefined}\n\t\t\t\t\t\t// `mousedown.preventDefault` keeps focus in the editor when\n\t\t\t\t\t\t// the user clicks inside the panel — clicks still bubble to\n\t\t\t\t\t\t// the underlying button so selection works normally.\n\t\t\t\t\t\tonMouseDown={(e) => e.preventDefault()}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'mention-inline-suggestions--component',\n\t\t\t\t\t\t\t\t// An anchored popup: the shared popover chrome on the popup layer.\n\t\t\t\t\t\t\t\tpopoverRecipes.surface,\n\t\t\t\t\t\t\t\t// A fixed 20rem panel that never outgrows its anchor's container.\n\t\t\t\t\t\t\t\t'absolute left-0 top-full z-50 mt-space-xs max-w-full',\n\t\t\t\t\t\t\t\tpopoverWidthRecipes.lg,\n\t\t\t\t\t\t\t\t'overflow-hidden',\n\t\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t\t{/* The compact menu header band, as PopoverHeader draws it in a flush menu surface. */}\n\t\t\t\t\t\t<div className={cn('mention-inline-suggestions--header', popoverRecipes.menuRegion, surfaceDividerRecipes.anchored.header)}>\n\t\t\t\t\t\t\t\t<Stack gap=\"sm\" className={popoverRecipes.menuCopyInset}>\n\t\t\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"baseline\" justify=\"between\" gap=\"md\">\n\t\t\t\t\t\t\t\t\t\t\t\t<DisplayLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.title}\n\t\t\t\t\t\t\t\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t{query ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"truncate font-mono\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t“{query}”\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t\t\t{kinds.length > 1 && (\n\t\t\t\t\t\t\t\t\t\t\t\t<MentionKindToggles\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkinds={kinds}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactiveKind={activeKind}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tresources={resources}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcounts={suggestionsByKind}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonKindChange={(kind) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetActiveKind(kind);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonManualKindChange?.();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tid={listboxId}\n\t\t\t\t\t\t\t\tclassName={cn('mention-inline-suggestions--list overflow-y-auto', anchoredListHeightRecipes.md, popoverRecipes.menu)}\n\t\t\t\t\t\t\t\t{...(visibleSuggestions.length > 0\n\t\t\t\t\t\t\t\t\t\t? { role: 'listbox', 'aria-label': strings.title }\n\t\t\t\t\t\t\t\t\t\t: {})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{loading ? (\n\t\t\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"sm\" className=\"px-row-x py-row-y text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Loader2 className=\"size-icon-sm animate-spin\" aria-hidden />\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" role=\"status\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{strings.loading}\n\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t\t{failed ? (\n\t\t\t\t\t\t\t\t\t\t<MentionSearchError message={strings.error} retryLabel={strings.retry} onRetry={onRetry} />\n\t\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t\t{!loading && !failed && suggestions.length === 0 ? (\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"div\" size=\"xs\" type=\"secondary\" className=\"px-row-x py-row-y\" role=\"status\">\n\t\t\t\t\t\t\t\t\t\t\t\t{strings.empty}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t\t{visibleSuggestions.map((suggestion, index) => {\n\t\t\t\t\t\t\t\t\t\tconst kind = suggestion.kind ?? activeKind ?? '';\n\t\t\t\t\t\t\t\t\t\tconst isActive = index === activeIndex;\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t// One shared collection row: the menu row height, inset and highlight.\n\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`${kind}:${suggestion.id}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid={listboxId ? `${listboxId}-option-${index}` : undefined}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttabIndex={listboxId ? -1 : undefined}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tref={isActive ? activeOption : undefined}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-selected={isActive}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata-highlighted={isActive || undefined}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata-ref-id={`${kind}:${suggestion.id}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onSelect(suggestion)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'mention-inline-suggestions--option w-full min-w-0 text-inherit text-left',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinteractionRecipes.nativeButtonReset,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcollectionRowClasses('compact'),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcollectionRecipes.interactive,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcollectionRecipes.highlighted,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tinteractionRecipes.rowHover,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfocusRecipes.inset,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Stack gap=\"dense\" className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" weight=\"medium\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{suggestion.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{suggestion.description ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{suggestion.description}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t);\n}\n","/**\n * Walk an HTML string and extract `data-ref-id=\"kind:id\"` spans /\n * anchors as a list of `Mention` records. Used by the comment composer\n * to keep its `mentions` state in sync with what's actually present in\n * the editor — when the user backspaces a chip out of the body, the\n * draft's mentions list shrinks too.\n *\n * The output preserves first-occurrence order and deduplicates by id.\n * Caller can merge the resulting Mentions with previously known ones to\n * preserve `href` / `data` payloads that aren't expressible in HTML.\n */\nimport type { Mention } from '../mentions.types';\n\nconst REF_RE =\n\t/<(?:span|a)\\b[^>]*?data-ref-id\\s*=\\s*\"([^\"]+)\"[^>]*?>([\\s\\S]*?)<\\/(?:span|a)>/gi;\nconst KIND_ATTR_RE = /data-ref-kind\\s*=\\s*\"([^\"]+)\"/i;\n\nexport function parseMentionsFromHtml<TKind extends string = string>(\n\thtml: string,\n): Array<Mention<TKind>> {\n\tconst out: Mention<TKind>[] = [];\n\tif (!html) return out;\n\n\tconst seen = new Set<string>();\n\tlet match: RegExpExecArray | null;\n\tREF_RE.lastIndex = 0;\n\n\twhile ((match = REF_RE.exec(html)) !== null) {\n\t\tconst [tagText, id, inner] = match;\n\t\tif (seen.has(id)) continue;\n\t\tseen.add(id);\n\n\t\tconst kindMatch = tagText.match(KIND_ATTR_RE);\n\t\tconst kind = (kindMatch?.[1] ?? id.split(':')[0] ?? '') as TKind;\n\t\tconst label = (inner ?? '')\n\t\t\t.replace(/<[^>]*>/g, '')\n\t\t\t.replace(/&nbsp;/g, ' ')\n\t\t\t.replace(/^[@#$&%!~]\\s*/, '')\n\t\t\t.trim();\n\n\t\tout.push({ id, kind, label });\n\t}\n\n\treturn out;\n}\n"],"mappings":"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"}

package/dist/message-BiiVrRrm.js

@@ -0,0 +1,138 @@
+"use client";
+import { y as e } from "./ui-provider-Bu1S-o96.js";
+import { useStrings as t } from "./lib/strings.js";
+import { t as n } from "./utils-BVbAG2J6.js";
+import { c as r } from "./typography-C0dELqYV.js";
+import { i } from "./text.styles-B64My8RZ.js";
+import { t as a } from "./structure-DElaQwwN.js";
+import { s as o } from "./surface-recipes-DV6rrOFq.js";
+import { forwardRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/blocks/collaboration/message/message.types.ts
+var u = {
+	typing: "Typing…",
+	loading: "Loading message…"
+};
+//#endregion
+//#region src/components/blocks/collaboration/message/message.recipes.ts
+function d(e) {
+	return Array.isArray(e) ? e.some(d) : e != null && typeof e != "boolean" && e !== "";
+}
+var f = {
+	start: "grid-cols-[auto_minmax(0,1fr)]",
+	end: "grid-cols-[minmax(0,1fr)_auto]"
+}, p = {
+	start: "col-start-2",
+	end: "col-start-1"
+}, m = s(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ c(a, {
+		...t,
+		ref: r,
+		gap: "dense",
+		className: n("message--content min-w-0 max-w-full flex-1", e)
+	});
+}), h = s(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ c(a, {
+		...t,
+		ref: r,
+		direction: "horizontal",
+		align: "baseline",
+		gap: "sm",
+		wrap: !0,
+		className: n("message--header", e)
+	});
+}), g = s(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ c(a, {
+		...t,
+		ref: r,
+		direction: "horizontal",
+		align: "center",
+		gap: "xs",
+		wrap: !0,
+		className: n("message--actions", e)
+	});
+}), _ = s(function({ tone: t = "muted", className: a, children: s, ...l }, u) {
+	let { defaultTextSize: d } = e(), f = typeof s == "string" || typeof s == "number" || typeof s == "bigint";
+	return /* @__PURE__ */ c("div", {
+		...l,
+		ref: u,
+		"data-tone": t,
+		className: n(i({
+			size: d,
+			type: "inherit",
+			lineHeight: "relaxed"
+		}), "message--bubble min-w-0 max-w-prose rounded-radius p-surface-xs break-words", t === "primary" ? "bg-primary text-primary-foreground" : t === "muted" ? "bg-muted text-muted-foreground" : t === "surface" ? n("bg-card text-card-foreground", o.frame.shell) : "text-inherit", a),
+		children: f ? /* @__PURE__ */ c(r, {
+			className: "text-inherit whitespace-pre-wrap",
+			lineHeight: "relaxed",
+			children: s
+		}) : s
+	});
+}), v = s(function({ children: e, className: t, ...i }, a) {
+	return /* @__PURE__ */ c("span", {
+		...i,
+		ref: a,
+		role: "status",
+		className: n("message--status", t),
+		children: /* @__PURE__ */ c(r, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			children: e
+		})
+	});
+}), y = s(function({ align: e = "start", tone: i = "muted", avatar: o, author: s, timestamp: y, dateTime: b, actions: x, status: S, loading: C = !1, typing: w = !1, strings: T, children: E, className: D, ...O }, k) {
+	let A = t(u, T), j = d(o);
+	return /* @__PURE__ */ l(a, {
+		...O,
+		ref: k,
+		direction: "horizontal",
+		align: "start",
+		gap: "md",
+		"data-align": e,
+		"aria-busy": C || w || void 0,
+		className: n("message--component grid w-full min-w-0", j ? f[e] : "grid-cols-1", D),
+		children: [j && /* @__PURE__ */ c(a, {
+			direction: "horizontal",
+			align: "start",
+			gap: "md",
+			wrap: !1,
+			className: "message--avatar shrink-0",
+			children: o
+		}), /* @__PURE__ */ l(m, {
+			className: n("row-start-1", j && p[e], e === "end" ? "items-end" : "items-start"),
+			children: [
+				(s !== void 0 || y !== void 0) && /* @__PURE__ */ l(h, { children: [s !== void 0 && /* @__PURE__ */ c(r, {
+					type: "inherit",
+					tag: "span",
+					weight: "medium",
+					children: s
+				}), y !== void 0 && /* @__PURE__ */ c("time", {
+					dateTime: b,
+					className: "leading-none",
+					children: /* @__PURE__ */ c(r, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						className: "block tabular-nums",
+						children: y
+					})
+				})] }),
+				d(E) && /* @__PURE__ */ c(_, {
+					tone: i,
+					children: E
+				}),
+				/* @__PURE__ */ c(v, {
+					className: w || C || S !== void 0 ? void 0 : "sr-only",
+					children: w ? A.typing : C ? A.loading : S
+				}),
+				x !== void 0 && /* @__PURE__ */ c(g, { children: x })
+			]
+		})]
+	});
+});
+y.displayName = "Message";
+//#endregion
+export { h as a, f as c, m as i, p as l, g as n, v as o, _ as r, d as s, y as t, u };
+
+//# sourceMappingURL=message-BiiVrRrm.js.map

package/dist/message-BiiVrRrm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-BiiVrRrm.js","names":["useTypographyConfig","cn","Text","Stack","surfaceDividerRecipes","defaultMessageStrings","hasMessageMedia","media","messageColumns","messageContentColumn","MessageContent","forwardRef","props","className","MessageHeader","MessageActions","MessageBubble","scalar","children","tone","resolveTextClassNames","defaultTextSize","MessageStatus","Message","stringsProp","strings","useStrings","hasAvatar","avatar","align","loading","typing","author","timestamp","status","actions"],"sources":["../src/components/blocks/collaboration/message/message.types.ts","../src/components/blocks/collaboration/message/message.recipes.ts","../src/components/blocks/collaboration/message/message.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport type { StringsProp } from '../../../../lib/strings';\nexport interface MessageStrings { typing: string; loading: string }\nexport const defaultMessageStrings: MessageStrings = { typing: 'Typing…', loading: 'Loading message…' };\nexport interface MessageProps extends ComponentPropsWithoutRef<'div'> {\n /** Message direction, independent of author or service role. */\n align?: 'start' | 'end';\n /** Bubble treatment. @default muted */\n tone?: 'muted' | 'primary' | 'plain' | 'surface';\n avatar?: ReactNode;\n author?: ReactNode;\n /** Caller-formatted time; datetime supplies machine-readable time when available. */\n timestamp?: ReactNode;\n dateTime?: string;\n actions?: ReactNode;\n status?: ReactNode;\n loading?: boolean;\n typing?: boolean;\n strings?: StringsProp<MessageStrings>;\n}\nexport interface MessagePartProps extends ComponentPropsWithoutRef<'div'> {}\nexport interface MessageBubbleProps extends MessagePartProps { tone?: 'muted' | 'primary' | 'plain' | 'surface' }\nexport interface MessageStatusProps extends ComponentPropsWithoutRef<'span'> {}\n","import type { ReactNode } from 'react';\n\n/** Obvious empty slot values have no media track; rich React nodes remain untouched. */\nexport function hasMessageMedia(media: ReactNode): boolean {\n\tif (Array.isArray(media)) return media.some(hasMessageMedia);\n\treturn media !== null && media !== undefined && typeof media !== 'boolean' && media !== '';\n}\n\n/** Transcript rows and their continuation regions share the actual media track. */\nexport const messageColumns = {\n\tstart: 'grid-cols-[auto_minmax(0,1fr)]',\n\tend: 'grid-cols-[minmax(0,1fr)_auto]',\n} as const;\n\nexport const messageContentColumn = {\n\tstart: 'col-start-2',\n\tend: 'col-start-1',\n} as const;\n","import { forwardRef } from 'react';\nimport { Stack } from '../../../base/structure';\nimport { Text } from '../../../typography';\nimport { resolveTextClassNames } from '../../../typography/text.styles';\nimport { useTypographyConfig } from '../../../../lib/ui-provider';\nimport { surfaceDividerRecipes } from '../../../../lib/surface-recipes';\nimport { cn } from '../../../../lib/utils';\nimport { useStrings } from '../../../../lib/strings';\nimport { defaultMessageStrings, type MessageProps, type MessagePartProps, type MessageBubbleProps, type MessageStatusProps } from './message.types';\nimport { hasMessageMedia, messageColumns, messageContentColumn } from './message.recipes';\nexport const MessageContent = forwardRef<HTMLDivElement, MessagePartProps>(function MessageContent({ className, ...props }, ref) { return <Stack {...props} ref={ref} gap=\"dense\" className={cn('message--content min-w-0 max-w-full flex-1', className)} />; });\nexport const MessageHeader = forwardRef<HTMLDivElement, MessagePartProps>(function MessageHeader({ className, ...props }, ref) { return <Stack {...props} ref={ref} direction=\"horizontal\" align=\"baseline\" gap=\"sm\" wrap className={cn('message--header', className)} />; });\nexport const MessageActions = forwardRef<HTMLDivElement, MessagePartProps>(function MessageActions({ className, ...props }, ref) { return <Stack {...props} ref={ref} direction=\"horizontal\" align=\"center\" gap=\"xs\" wrap className={cn('message--actions', className)} />; });\nexport const MessageBubble = forwardRef<HTMLDivElement, MessageBubbleProps>(function MessageBubble({ tone = 'muted', className, children, ...props }, ref) {\n const { defaultTextSize } = useTypographyConfig();\n const scalar = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n return <div {...props} ref={ref} data-tone={tone} className={cn(resolveTextClassNames({ size: defaultTextSize, type: 'inherit', lineHeight: 'relaxed' }), 'message--bubble min-w-0 max-w-prose rounded-radius p-surface-xs break-words', tone === 'primary' ? 'bg-primary text-primary-foreground' : tone === 'muted' ? 'bg-muted text-muted-foreground' : tone === 'surface' ? cn('bg-card text-card-foreground', surfaceDividerRecipes.frame.shell) : 'text-inherit', className)}>{scalar ? <Text className=\"text-inherit whitespace-pre-wrap\" lineHeight=\"relaxed\">{children}</Text> : children}</div>;\n});\nexport const MessageStatus = forwardRef<HTMLSpanElement, MessageStatusProps>(function MessageStatus({ children, className, ...props }, ref) { return <span {...props} ref={ref} role=\"status\" className={cn('message--status', className)}><Text tag=\"span\" size=\"xs\" type=\"secondary\">{children}</Text></span>; });\n/** Callback-free transcript presentation. Consumers own rich text, requests and delivery state. */\nexport const Message = forwardRef<HTMLDivElement, MessageProps>(function Message({ align = 'start', tone = 'muted', avatar, author, timestamp, dateTime, actions, status, loading = false, typing = false, strings: stringsProp, children, className, ...props }, ref) {\n const strings = useStrings(defaultMessageStrings, stringsProp);\n const hasAvatar = hasMessageMedia(avatar);\n return <Stack {...props} ref={ref} direction=\"horizontal\" align=\"start\" gap=\"md\" data-align={align} aria-busy={loading || typing || undefined} className={cn('message--component grid w-full min-w-0', hasAvatar ? messageColumns[align] : 'grid-cols-1', className)}>\n  {hasAvatar && <Stack direction=\"horizontal\" align=\"start\" gap=\"md\" wrap={false} className=\"message--avatar shrink-0\">{avatar}</Stack>}\n  {/* Incoming and outgoing bubbles both hug their content, up to the bubble's reading measure. */}\n  <MessageContent className={cn('row-start-1', hasAvatar && messageContentColumn[align], align === 'end' ? 'items-end' : 'items-start')}>\n   {(author !== undefined || timestamp !== undefined) && <MessageHeader>\n    {author !== undefined && <Text type=\"inherit\" tag=\"span\" weight=\"medium\">{author}</Text>}\n    {timestamp !== undefined && <time dateTime={dateTime} className=\"leading-none\"><Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"block tabular-nums\">{timestamp}</Text></time>}\n   </MessageHeader>}\n   {/* A pending message with no content yet states itself through the status line, not an empty bubble. */}\n   {hasMessageMedia(children) && <MessageBubble tone={tone}>{children}</MessageBubble>}\n   {/* The live region stays mounted (out of the flow while empty) so status copy that arrives later is announced. */}\n   <MessageStatus className={typing || loading || status !== undefined ? undefined : 'sr-only'}>{typing ? strings.typing : loading ? strings.loading : status}</MessageStatus>\n   {actions !== undefined && <MessageActions>{actions}</MessageActions>}\n  </MessageContent>\n </Stack>;\n});\nMessage.displayName = 'Message';\n"],"mappings":"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"}

package/dist/{metadata-list-C3MkU-Om.js → metadata-list-G85roWjS.js}

@@ -1,18 +1,18 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-B6kKb8jB.js";
+import { t } from "./utils-BVbAG2J6.js";
 import { t as n } from "./affordance-geometry.generated-P-aVJisu.js";
-import { c as r, o as i } from "./typography-BQnine1k.js";
+import { c as r, o as i } from "./typography-C0dELqYV.js";
 import { c as a } from "./text.styles-B64My8RZ.js";
-import { i as o, n as s, t as c } from "./tooltip-8wz5S_Zr.js";
+import { i as o, n as s, t as c } from "./tooltip-yjX-Uv-p.js";
 import { c as l, s as u } from "./structure.recipes-BB4-n58V.js";
-import { r as d, t as f } from "./structure-DuxKl954.js";
-import { _ as p, c as m, l as h, m as g, o as _, p as v, s as y } from "./primitives-ByWgGUgt.js";
-import { r as b } from "./number-CRU3kGuk.js";
-import { a as x, r as S, t as C } from "./date-Cq8ioE4o.js";
-import { t as w } from "./badge-xIiV_E7f.js";
-import { t as T } from "./separator-Ct_WSWTJ.js";
-import { n as E } from "./field-affordance-recipes-DWcNcOjh.js";
+import { r as d, t as f } from "./structure-DElaQwwN.js";
+import { _ as p, c as m, l as h, m as g, o as _, p as v, s as y } from "./primitives-BlC1lXBr.js";
+import { r as b } from "./number-NFWKIoiK.js";
+import { a as x, r as S, t as C } from "./date-3qsCE1ID.js";
+import { t as w } from "./badge-oGiXblW7.js";
+import { t as T } from "./separator-DaDe26sf.js";
+import { n as E } from "./field-affordance-recipes-DfbMadot.js";
 import D from "react";
 import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
 import { Info as j } from "lucide-react";
@@ -398,7 +398,8 @@ function Q({ items: n, columns: o = 2, adaptTo: s = "container", density: c = "d
 			className: t("metadata-list--grid", s === "container" && u(l(z(o), 1), R)),
 			children: C.map((e, n) => /* @__PURE__ */ A(f, {
 				gap: w ? "dense" : "normal",
-				className: "metadata-list--item min-w-0 items-start [&>*]:max-w-full [&>*]:min-w-0 [&>.badge--component]:self-start",
+				"data-span": e.span,
+				className: t("metadata-list--item min-w-0 items-start [&>*]:max-w-full [&>*]:min-w-0 [&>.badge--component]:self-start", e.span === "full" && "col-span-full"),
 				children: [
 					/* @__PURE__ */ A("div", {
 						className: "flex min-w-0 items-center gap-space-sm",
@@ -440,4 +441,4 @@ Q.displayName = "MetadataList";
 //#endregion
 export { I as n, M as r, Q as t };
 
-//# sourceMappingURL=metadata-list-C3MkU-Om.js.map
+//# sourceMappingURL=metadata-list-G85roWjS.js.map

package/dist/metadata-list-G85roWjS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata-list-G85roWjS.js","names":["_Fragment","Link","DateValue","_Fragment","affordanceGeometry","Text","DisplayLabel","textVariants","TooltipTrigger","TooltipContent","Tooltip","resolveResponsiveEntries","compileResponsiveClasses","Grid","Stack","Value","Phone","Url","MonoValue","Email","EmptyValue","Link$1","Money","Time","DateTime","DatePrimitive","Badge","Separator","fieldAffordanceRecipes","React","Fragment$1","defaultMetadataListStrings","label","isEmpty","value","renderEmptyValue","cn","className","emptyLabel","assertNever","MetadataValue","props","metadataColumnRecipes","metadataContainerColumns","resolveMetadataColumns","columns","MetadataLabel","inlineControlBleed","renderedLinkLeading","renderedValueClasses","resolveKey","item","index","isPrimitiveMetadataValue","isMetadataValueDescriptor","renderMetadataValue","valueBase","isEmptyValue","renderItemValue","Tag","renderedClassName","MetadataInfoTrigger","triggerProps","ariaLabel","Info","MetadataItemInfo","strings","MetadataItemIcon","Icon","isCompact","MetadataList","stringsProp","useStrings","list","items","density","hasTitle","title","shouldShowSeparator","titleSeparator","rootClassName","head","layout","itemSeparatorText","itemSeparator","showItemSeparator","separator","rowPaddingY","isEndAligned","valueAlign","rowTrack","valueAlignClassName","adaptTo"],"sources":["../src/components/base/metadata-list/metadata-list.strings.ts","../src/components/base/metadata-list/metadata-value.tsx","../src/components/base/metadata-list/metadata-list.tsx"],"sourcesContent":["/**\n * Default user-facing strings for `<MetadataList>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <MetadataList strings={{ infoFallback: t('metadata.info') }} … />\n */\n\nexport interface MetadataListStrings {\n\t/**\n\t * Suffix appended to the label when generating the tooltip-trigger\n\t * `aria-label` (\"<label> info\"). Receives the label as the first arg\n\t * so consumers can localise the full template.\n\t */\n\tformatInfoAriaLabel: (label: string) => string;\n\t/** Fallback `aria-label` used when the field label is not a plain string. */\n\tinfoFallback: string;\n}\n\nexport const defaultMetadataListStrings: MetadataListStrings = {\n\tformatInfoAriaLabel: (label) => `${label} info`,\n\tinfoFallback: 'Info',\n};\n","/**\n * MetadataValue — primitive-backed adapter for typed label/value facts.\n *\n * Each descriptor kind exposes only the fields its primitive consumes. Custom\n * `node` values remain untouched so app-owned composition keeps its identity.\n */\nimport type { ReactNode } from 'react';\nimport type { Locale } from 'date-fns';\n\nimport { Badge, type BadgeProps } from '../badge';\nimport {\n\tDate as DateValue,\n\tDateTime,\n\tEmail,\n\tEmptyValue,\n\tLink,\n\tMoney,\n\tMonoValue,\n\tPhone,\n\tTime,\n\tUrl,\n\tValue,\n\ttype DateInput,\n\ttype DatePreset,\n\ttype MoneyProps,\n\ttype TimeProps,\n} from '../../primitives';\nimport { EMPTY } from '../../../lib/format';\nimport { cn } from '../../../lib/utils';\n\nexport type MetadataValueKind =\n\t| 'text'\n\t| 'mono'\n\t| 'email'\n\t| 'phone'\n\t| 'url'\n\t| 'link'\n\t| 'date'\n\t| 'time'\n\t| 'datetime'\n\t| 'money'\n\t| 'badge'\n\t| 'node'\n\t| 'empty';\n\ntype MetadataDisplayValue = Exclude<ReactNode, null | undefined>;\ntype MetadataDateInput = Exclude<DateInput, null | undefined>;\n/** Styling hook shared by every descriptor. */\ntype MetadataDescriptorBase = {\n\t/** Merged onto the rendered value. */\n\tclassName?: string;\n};\n/** Empty handling shared by every descriptor that can receive a blank value. */\ntype MetadataValueFallback = {\n\t/** Copy shown when the value is empty. Defaults to an em dash. */\n\temptyLabel?: ReactNode;\n};\n/** Escape hatch for descriptors whose value can be rendered by the caller. */\ntype MetadataDisplayOverride = {\n\t/** Pre-rendered content used verbatim, bypassing this descriptor's formatting. */\n\tdisplay?: ReactNode;\n};\n\nexport type MetadataTextValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & MetadataDisplayOverride & {\n\t/** Plain text. The default when `kind` is omitted. */\n\tkind?: 'text';\n\t/** The value to show. */\n\tvalue: MetadataDisplayValue;\n};\n\nexport type MetadataMonoValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & MetadataDisplayOverride & {\n\t/** Monospace, for ids, hashes, and codes. */\n\tkind: 'mono';\n\t/** The value to show. */\n\tvalue: MetadataDisplayValue;\n};\n\nexport type MetadataContactValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & MetadataDisplayOverride & {\n\t/** Contact value, rendered as the matching `mailto:`, `tel:`, or external link. */\n\tkind: 'email' | 'phone' | 'url';\n\t/** The address, number, or URL. */\n\tvalue: string;\n};\n\nexport type MetadataLinkValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & MetadataDisplayOverride & {\n\t/** An arbitrary link, where text and destination differ. */\n\tkind: 'link';\n\t/** Destination for the entry, when it navigates. */\n\thref: string;\n\t/** Link text. Falls back to `href` when omitted. */\n\tvalue?: MetadataDisplayValue;\n};\n\nexport type MetadataDateValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & {\n\t/** A calendar date. */\n\tkind: 'date';\n\t/** The date to format. */\n\tvalue: MetadataDateInput;\n\t/** date-fns `Locale` for formatting. */\n\tdateLocale?: Locale;\n\t/** date-fns pattern, overriding `datePreset`. */\n\tdateFormat?: string;\n\t/** Named date length. */\n\tdatePreset?: DatePreset;\n};\n\nexport type MetadataTimeValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & {\n\t/** A time of day. */\n\tkind: 'time';\n\t/** The time to format. */\n\tvalue: MetadataDateInput;\n\t/** date-fns `Locale` for formatting. */\n\tdateLocale?: Locale;\n\t/** date-fns pattern, overriding `timePreset`. */\n\ttimeFormat?: string;\n\t/** Named time length. */\n\ttimePreset?: TimeProps['preset'];\n};\n\nexport type MetadataDateTimeValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & {\n\tkind: 'datetime';\n\t/** The instant to format. */\n\tvalue: MetadataDateInput;\n\t/** date-fns `Locale` for formatting. */\n\tdateLocale?: Locale;\n\t/** date-fns pattern for the date portion. */\n\tdateFormat?: string;\n\t/** date-fns pattern for the time portion. */\n\ttimeFormat?: string;\n\t/** Named date length, used when `dateFormat` is omitted. */\n\tdatePreset?: DatePreset;\n};\n\nexport type MetadataMoneyValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & {\n\t/** A monetary amount. */\n\tkind: 'money';\n\t/** The amount, in major units unless `minorUnitScale` says otherwise. */\n\tvalue: number | string;\n\t/** ISO currency code. */\n\tcurrency?: MoneyProps['currency'];\n\t/** Unit label shown after the amount. */\n\tunit?: MoneyProps['unit'];\n\t/** Divisor applied when the value arrives in minor units, e.g. `100` for cents. */\n\tminorUnitScale?: MoneyProps['minorUnitScale'];\n\t/** Explicit currency symbol, overriding the one derived from `currency`. */\n\tsymbol?: MoneyProps['symbol'];\n\t/** Whether the currency shows as a symbol, code, or name. */\n\tcurrencyDisplay?: MoneyProps['currencyDisplay'];\n\t/** Selects the compact or full presentation. */\n\tformatMode?: MoneyProps['formatMode'];\n\t/** Smallest number of decimals to show. */\n\tminimumFractionDigits?: MoneyProps['minimumFractionDigits'];\n\t/** Largest number of decimals to show. */\n\tmaximumFractionDigits?: MoneyProps['maximumFractionDigits'];\n\t/** BCP 47 locale for the amount. */\n\tlocale?: MoneyProps['locale'];\n};\n\nexport type MetadataBadgeValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & MetadataDisplayOverride & {\n\t/** A status chip. */\n\tkind: 'badge';\n\t/** Badge text. */\n\tvalue: MetadataDisplayValue;\n\t/** Badge tone. */\n\tbadgeTone?: BadgeProps['tone'];\n\t/** Badge size. */\n\tbadgeSize?: BadgeProps['size'];\n};\n\nexport type MetadataNodeValueDescriptor = {\n\t/** Arbitrary content, bypassing every formatting path. */\n\tkind: 'node';\n\t/** The content to render. */\n\tnode: ReactNode;\n};\n\nexport type MetadataEmptyValueDescriptor = MetadataDescriptorBase & MetadataValueFallback & {\n\t/** A known-absent value, rendered as the empty label rather than omitted. */\n\tkind: 'empty';\n};\n\nexport type MetadataValueDescriptor =\n\t| MetadataTextValueDescriptor\n\t| MetadataMonoValueDescriptor\n\t| MetadataContactValueDescriptor\n\t| MetadataLinkValueDescriptor\n\t| MetadataDateValueDescriptor\n\t| MetadataTimeValueDescriptor\n\t| MetadataDateTimeValueDescriptor\n\t| MetadataMoneyValueDescriptor\n\t| MetadataBadgeValueDescriptor\n\t| MetadataNodeValueDescriptor\n\t| MetadataEmptyValueDescriptor;\n\nexport type MetadataValueProps = MetadataValueDescriptor;\n\nfunction isEmpty(value: unknown) {\n\treturn value === null || value === undefined || value === '';\n}\n\nfunction renderEmptyValue(className: string | undefined, emptyLabel: ReactNode = EMPTY) {\n\treturn (\n\t\t<EmptyValue className={cn('metadata-value--component', className)}>\n\t\t\t{emptyLabel}\n\t\t</EmptyValue>\n\t);\n}\n\nfunction assertNever(_value: never): never {\n\tthrow new Error('Unsupported metadata value descriptor.');\n}\n\nexport function MetadataValue(props: MetadataValueProps) {\n\tif (props.kind === 'node') return <>{props.node}</>;\n\tif (props.kind === 'empty') return renderEmptyValue(props.className, props.emptyLabel);\n\n\tif (props.kind !== 'link' && isEmpty(props.value)) {\n\t\treturn renderEmptyValue(props.className, props.emptyLabel);\n\t}\n\n\tswitch (props.kind) {\n\t\tcase undefined:\n\t\tcase 'text':\n\t\t\treturn (\n\t\t\t\t<Value type=\"inherit\" className={cn('metadata-value--component', props.className)}>\n\t\t\t\t\t{props.display ?? props.value}\n\t\t\t\t</Value>\n\t\t\t);\n\t\tcase 'mono':\n\t\t\treturn (\n\t\t\t\t<MonoValue type=\"inherit\" className={cn('metadata-value--component', props.className)}>\n\t\t\t\t\t{props.display ?? props.value}\n\t\t\t\t</MonoValue>\n\t\t\t);\n\t\tcase 'email':\n\t\t\treturn <Email value={props.value} display={props.display} emptyLabel={props.emptyLabel} className={cn('metadata-value--component', props.className)} />;\n\t\tcase 'phone':\n\t\t\treturn <Phone value={props.value} display={props.display} emptyLabel={props.emptyLabel} className={cn('metadata-value--component', props.className)} />;\n\t\tcase 'url':\n\t\t\treturn <Url value={props.value} display={props.display} emptyLabel={props.emptyLabel} className={cn('metadata-value--component', props.className)} />;\n\t\tcase 'link':\n\t\t\treturn (\n\t\t\t\t<Link href={props.href} emptyLabel={props.emptyLabel} className={cn('metadata-value--component', props.className)}>\n\t\t\t\t\t{props.display ?? props.value ?? props.href}\n\t\t\t\t</Link>\n\t\t\t);\n\t\tcase 'date':\n\t\t\treturn <DateValue type=\"inherit\" value={props.value} format={props.dateFormat} preset={props.datePreset} locale={props.dateLocale} emptyLabel={props.emptyLabel} className={cn('metadata-value--component', props.className)} />;\n\t\tcase 'time':\n\t\t\treturn <Time type=\"inherit\" value={props.value} format={props.timeFormat} preset={props.timePreset} locale={props.dateLocale} emptyLabel={props.emptyLabel} className={cn('metadata-value--component', props.className)} />;\n\t\tcase 'datetime':\n\t\t\treturn <DateTime type=\"inherit\" value={props.value} format={props.dateFormat} timeFormat={props.timeFormat} preset={props.datePreset} locale={props.dateLocale} emptyLabel={props.emptyLabel} className={cn('metadata-value--component', props.className)} />;\n\t\tcase 'money':\n\t\t\treturn (\n\t\t\t\t<Money\n\t\t\t\t\ttype=\"inherit\"\n\t\t\t\t\tamount={props.value}\n\t\t\t\t\tcurrency={props.currency}\n\t\t\t\t\tunit={props.unit}\n\t\t\t\t\tminorUnitScale={props.minorUnitScale}\n\t\t\t\t\tsymbol={props.symbol}\n\t\t\t\t\tcurrencyDisplay={props.currencyDisplay}\n\t\t\t\t\tformatMode={props.formatMode}\n\t\t\t\t\tminimumFractionDigits={props.minimumFractionDigits}\n\t\t\t\t\tmaximumFractionDigits={props.maximumFractionDigits}\n\t\t\t\t\tlocale={props.locale}\n\t\t\t\t\temptyLabel={props.emptyLabel}\n\t\t\t\t\tclassName={cn('metadata-value--component', props.className)}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'badge':\n\t\t\treturn (\n\t\t\t\t<Badge\n\t\t\t\t\ttone={props.badgeTone ?? 'secondary'}\n\t\t\t\t\tsize={props.badgeSize}\n\t\t\t\t\tinline\n\t\t\t\t\tclassName={cn('metadata-value--component self-start justify-self-start', props.className)}\n\t\t\t\t>\n\t\t\t\t\t{props.display ?? props.value}\n\t\t\t\t</Badge>\n\t\t\t);\n\t\tdefault:\n\t\t\treturn assertNever(props);\n\t}\n}\n\nMetadataValue.displayName = 'MetadataValue';\n","/**\n * MetadataList — flexible label/value list for entity metadata.\n *\n * Three layouts:\n *  - `grid` (default): label-on-top, value-below cells for entity details.\n *  - `rows`: a two-column definition list (`<dl>`) on proportional tracks.\n *    Rules between rows are opt-in through `itemSeparator`.\n *  - `inline`: label/separator/value pairs that wrap, suitable for\n *    pill-style summaries (e.g. \"Created Jan 4 · By Alice · v3.2\").\n *\n * Each item supports an optional icon, tooltip, React-node value, custom\n * `render`, and per-item `emptyLabel`. Falls back to the shared `EMPTY` when\n * both are missing. Returns `null` when the list is empty so callers can render\n * unconditionally.\n */\nimport { Info } from 'lucide-react';\nimport React from 'react';\n\nimport { Separator } from '../display/separator';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../display/tooltip';\nimport { Grid, Stack, type ResponsiveValue } from '../structure';\nimport { compileResponsiveClasses, resolveResponsiveEntries } from '../structure/structure.responsive';\nimport { DisplayLabel } from '../../typography/display-label';\nimport { Text } from '../../typography/text';\nimport { textVariants } from '../../typography/text.styles';\nimport { EMPTY } from '../../../lib/format';\nimport { affordanceGeometry } from '../../../lib/affordance-geometry.generated';\nimport { fieldAffordanceRecipes } from '../../../lib/field-affordance-recipes';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport {\n\tdefaultMetadataListStrings,\n\ttype MetadataListStrings,\n} from './metadata-list.strings';\nimport {\n\tMetadataValue,\n\ttype MetadataValueDescriptor,\n} from './metadata-value';\n\nexport type { MetadataListStrings };\nexport { defaultMetadataListStrings };\n\nexport type MetadataListItem = {\n\t/** Stable identity for this entry. Without one the label and index stand in. */\n\tid?: string;\n\t/** Display label. */\n\tlabel: React.ReactNode;\n\t/** A node, or a descriptor that names the fact's kind. */\n\tvalue?: React.ReactNode | MetadataValueDescriptor | null;\n\t/** Supporting copy shown under the value. */\n\tdescription?: React.ReactNode | null;\n\t/** Shown from an info trigger beside the label, named after the label through `strings.formatInfoAriaLabel`. */\n\ttooltip?: React.ReactNode;\n\t/** Leading glyph. Any component that accepts `className`, including Lucide icons. */\n\ticon?: React.ComponentType<{ className?: string }>;\n\t/** Shown when this item's value is absent, in place of the list's `emptyLabel`. */\n\temptyLabel?: React.ReactNode;\n\t/** Takes over the value. The output sits in the value box, so it inherits the value's type role. */\n\trender?: (item: MetadataListItem) => React.ReactNode;\n\t/** Grid layout only: `full` gives the item every column, for a note or address under paired facts. */\n\tspan?: 'full';\n};\n\nexport type MetadataInlineListItem = Omit<MetadataListItem, 'description'> & {\n\tdescription?: never;\n};\n\nexport type MetadataLayout = 'grid' | 'rows' | 'inline';\n/** The shared density vocabulary. `comfortable` is accepted for parity and keeps the default rhythm, which is already the roomy one. */\nexport type MetadataDensity = 'default' | 'compact' | 'comfortable';\n\ntype MetadataListSharedProps = {\n\t/** How many columns the grid layout uses. Accepts a per-breakpoint value. */\n\tcolumns?: ResponsiveValue<1 | 2 | 3 | 4>;\n\t/** Measure responsive grid columns against this list's own width (default) or the viewport. */\n\tadaptTo?: 'viewport' | 'container';\n\t/** Row spacing. `compact` tightens the list for dense panels. */\n\tdensity?: MetadataDensity;\n\t/** Copy shown for an item whose value is empty. Defaults to an em dash. */\n\temptyLabel?: React.ReactNode;\n\t/** Surface title. */\n\ttitle?: React.ReactNode;\n\t/** Draws a rule between the title and the first item. */\n\ttitleSeparator?: boolean;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Character placed between a label and its value. Defaults to a colon. */\n\tseparator?: string;\n\t/**\n\t * Divider between items, off by default. In `rows`, any truthy value draws a\n\t * rule between rows (never at the ends). In `inline`, `true` places a middle\n\t * dot (`·`) and a string places that character.\n\t */\n\titemSeparator?: boolean | string;\n\t/** Per-instance string overrides (deep-merged over `defaultMetadataListStrings`). */\n\tstrings?: StringsProp<MetadataListStrings>;\n};\n\ntype MetadataGridRowsProps = MetadataListSharedProps & {\n\t/** Label/value pairs to render. */\n\titems: MetadataListItem[];\n\t/** `grid` flows items into `columns`; `rows` stacks them one per line. Default: `grid`. */\n\tlayout?: 'grid' | 'rows';\n\t/**\n\t * Rows layout only. `start` (default) places values and descriptions at the\n\t * start of proportional label/value tracks; `end` pins them to the row's end\n\t * edge, for figures that read down a column.\n\t */\n\tvalueAlign?: 'start' | 'end';\n};\n\ntype MetadataInlineProps = MetadataListSharedProps & {\n\t/** Label/value pairs run together on wrapping lines. Inline items take no description. */\n\titems: MetadataInlineListItem[];\n\t/** Runs the label/value pairs together on one line, separated by `itemSeparator`. */\n\tlayout: 'inline';\n\t/** Not used by the inline layout. */\n\tvalueAlign?: never;\n};\n\nexport type MetadataListProps =\n\t| MetadataGridRowsProps\n\t| MetadataInlineProps;\n\nconst metadataColumnRecipes: Record<1 | 2 | 3 | 4, ResponsiveValue<1 | 2 | 3 | 4>> = {\n\t1: 1,\n\t2: { base: 1, md: 2 },\n\t3: { base: 1, sm: 2, lg: 3 },\n\t4: { base: 1, sm: 2, lg: 3, xl: 4 },\n};\n\n// Component-width thresholds let facts share columns in padded cards while\n// narrow rails retain one readable track. The local name prevents an unrelated\n// outer container from driving an embedded list.\nconst metadataContainerColumns = {\n\tbase: { 1: 'grid-cols-1', 2: 'grid-cols-2', 3: 'grid-cols-3', 4: 'grid-cols-4' },\n\tsm: { 1: '@min-[22rem]/metadata-list:grid-cols-1', 2: '@min-[22rem]/metadata-list:grid-cols-2', 3: '@min-[22rem]/metadata-list:grid-cols-3', 4: '@min-[22rem]/metadata-list:grid-cols-4' },\n\tmd: { 1: '@min-[28rem]/metadata-list:grid-cols-1', 2: '@min-[28rem]/metadata-list:grid-cols-2', 3: '@min-[28rem]/metadata-list:grid-cols-3', 4: '@min-[28rem]/metadata-list:grid-cols-4' },\n\tlg: { 1: '@min-[38rem]/metadata-list:grid-cols-1', 2: '@min-[38rem]/metadata-list:grid-cols-2', 3: '@min-[38rem]/metadata-list:grid-cols-3', 4: '@min-[38rem]/metadata-list:grid-cols-4' },\n\txl: { 1: '@min-[52rem]/metadata-list:grid-cols-1', 2: '@min-[52rem]/metadata-list:grid-cols-2', 3: '@min-[52rem]/metadata-list:grid-cols-3', 4: '@min-[52rem]/metadata-list:grid-cols-4' },\n\t'2xl': { 1: '@min-[64rem]/metadata-list:grid-cols-1', 2: '@min-[64rem]/metadata-list:grid-cols-2', 3: '@min-[64rem]/metadata-list:grid-cols-3', 4: '@min-[64rem]/metadata-list:grid-cols-4' },\n} as const;\n\nfunction resolveMetadataColumns(\n\tcolumns: ResponsiveValue<1 | 2 | 3 | 4>,\n): ResponsiveValue<1 | 2 | 3 | 4> {\n\treturn typeof columns === 'object' ? columns : metadataColumnRecipes[columns];\n}\n\n/**\n * Item labels keep the display-label role (default size, tight leading,\n * inherited foreground) at semibold: medium weight does not separate a label from its\n * value on every font, and the label is what a reader scans for. Labels wrap in\n * every layout, breaking long unspaced words rather than overflowing.\n */\nfunction MetadataLabel({ children }: { children: React.ReactNode }) {\n\treturn (\n\t\t<Text type=\"inherit\" tag=\"span\" size=\"sm\" weight=\"semibold\" lineHeight=\"tight\" className=\"metadata-list--label metadata--field min-w-0 text-left [overflow-wrap:anywhere]\">\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\n/**\n * Inline value controls, a Copyable's copy action and a status Badge, keep their\n * own size but bleed back to the value's text line through negative block\n * margins, so a row or inline pair holding one keeps the plain-text rhythm\n * instead of growing by the control's extra height. Grid cells stack the value\n * under its label and keep the control's full box below it.\n */\nconst inlineControlBleed = '[&>.copyable--component]:-my-space-sm [&>.badge--component]:-my-space-xs';\n\n/**\n * A custom renderer's box takes the value's leading. Standalone link values set\n * their own looser leading, so a link rendered directly in the box takes the\n * box's leading, as a generated `email`/`phone`/`url` value does.\n */\nconst renderedLinkLeading = '[&>.link--component]:leading-tight';\nconst renderedValueClasses = cn(inlineControlBleed, renderedLinkLeading);\n\nconst resolveKey = (item: MetadataListItem, index: number): string => {\n\tif (item.id) {\n\t\treturn item.id;\n\t}\n\n\tconst rawLabel = typeof item.label === 'string' ? item.label : `${index}`;\n\treturn `metadata-${rawLabel}-${index}`;\n};\n\nfunction isPrimitiveMetadataValue(value: React.ReactNode): value is string | number {\n\treturn typeof value === 'string' || typeof value === 'number';\n}\n\nfunction isMetadataValueDescriptor(value: unknown): value is MetadataValueDescriptor {\n\treturn (\n\t\ttypeof value === 'object' &&\n\t\tvalue !== null &&\n\t\t!React.isValidElement(value) &&\n\t\t!Array.isArray(value) &&\n\t\t('kind' in value || 'node' in value || 'value' in value)\n\t);\n}\n\nfunction renderMetadataValue({\n\tvalue,\n\tisEmptyValue,\n\temptyLabel,\n\tvalueBase,\n}: {\n\tvalue: React.ReactNode | MetadataValueDescriptor;\n\tisEmptyValue: boolean;\n\temptyLabel: React.ReactNode;\n\tvalueBase: string;\n}) {\n\tif (isMetadataValueDescriptor(value)) {\n\t\tif (value.kind === 'node') return <MetadataValue {...value} />;\n\t\treturn (\n\t\t\t<MetadataValue\n\t\t\t\t{...value}\n\t\t\t\temptyLabel={value.emptyLabel ?? emptyLabel}\n\t\t\t\tclassName={cn(valueBase, value.className)}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (isPrimitiveMetadataValue(value)) {\n\t\treturn (\n\t\t\t<MetadataValue\n\t\t\t\tvalue={value}\n\t\t\t\tkind={isEmptyValue ? 'empty' : 'text'}\n\t\t\t\temptyLabel={emptyLabel}\n\t\t\t\tclassName={valueBase}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn value;\n}\n\n/**\n * Generated values go through `MetadataValue`. A custom renderer's output sits\n * in the value box, so it takes the value's type role (size, leading,\n * foreground) like a generated value.\n */\nfunction renderItemValue({\n\titem,\n\tvalueBase,\n\trenderedClassName,\n\ttag: Tag = 'div',\n\temptyLabel,\n}: {\n\titem: MetadataListItem;\n\tvalueBase: string;\n\trenderedClassName: string;\n\ttag?: 'div' | 'span';\n\temptyLabel: React.ReactNode;\n}) {\n\tif (typeof item.render === 'function') {\n\t\treturn <Tag className={renderedClassName}>{item.render(item)}</Tag>;\n\t}\n\treturn renderMetadataValue({\n\t\tvalue: item.value ?? emptyLabel,\n\t\tisEmptyValue: item.value === null || item.value === undefined,\n\t\temptyLabel,\n\t\tvalueBase,\n\t});\n}\n\n/**\n * The trigger keeps the shared clear-target size for pointer comfort, while\n * negative block margins pull its box back to the glyph, so a tooltip never\n * makes its label line taller than its neighbours'.\n */\nfunction MetadataInfoTrigger({\n\ttriggerProps,\n\tariaLabel,\n}: {\n\ttriggerProps: React.ComponentProps<'button'>;\n\tariaLabel: string;\n}) {\n\tconst { className, ...props } = triggerProps;\n\treturn (\n\t\t<button\n\t\t\t{...props}\n\t\t\ttype=\"button\"\n\t\t\tclassName={cn(\n\t\t\t\t'metadata-list--info-trigger',\n\t\t\t\tfieldAffordanceRecipes.target,\n\t\t\t\tfieldAffordanceRecipes.focus,\n\t\t\t\tfieldAffordanceRecipes.clear,\n\t\t\t\taffordanceGeometry.clearTargetBleed,\n\t\t\t\t'cursor-help self-center',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-label={ariaLabel}\n\t\t>\n\t\t\t<Info className={fieldAffordanceRecipes.icon} aria-hidden=\"true\" />\n\t\t</button>\n\t);\n}\n\nfunction MetadataItemInfo({\n\titem,\n\tstrings,\n}: {\n\titem: MetadataListItem;\n\tstrings: MetadataListStrings;\n}) {\n\tif (item.tooltip === null || item.tooltip === undefined) return null;\n\treturn (\n\t\t<Tooltip>\n\t\t\t<TooltipTrigger\n\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t<MetadataInfoTrigger\n\t\t\t\t\t\ttriggerProps={triggerProps}\n\t\t\t\t\t\tariaLabel={typeof item.label === 'string' ? strings.formatInfoAriaLabel(item.label) : strings.infoFallback}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<TooltipContent side=\"top\" align=\"start\" className=\"max-w-80\">\n\t\t\t\t<Text type=\"inverse\" size=\"xs\">{item.tooltip}</Text>\n\t\t\t</TooltipContent>\n\t\t</Tooltip>\n\t);\n}\n\nfunction MetadataItemIcon({ item, isCompact }: { item: MetadataListItem; isCompact: boolean }) {\n\tconst Icon = item.icon;\n\tif (!Icon) return null;\n\treturn (\n\t\t<Icon\n\t\t\tclassName={cn(\n\t\t\t\t'flex-shrink-0 self-center text-muted-foreground',\n\t\t\t\tisCompact ? 'size-icon-sm' : 'size-icon',\n\t\t\t)}\n\t\t/>\n\t);\n}\n\nexport function MetadataList({\n\titems,\n\tcolumns = 2,\n\tadaptTo = 'container',\n\tdensity = 'default',\n\temptyLabel = EMPTY,\n\ttitle,\n\ttitleSeparator = false,\n\tclassName,\n\tlayout = 'grid',\n\tseparator = ': ',\n\titemSeparator = false,\n\tvalueAlign = 'start',\n\tstrings: stringsProp,\n}: MetadataListProps) {\n\tconst strings = useStrings(defaultMetadataListStrings, stringsProp);\n\tconst list = React.useMemo(() => (items as MetadataListItem[]).filter(Boolean), [items]);\n\n\tif (list.length === 0) {\n\t\treturn null;\n\t}\n\n\tconst isCompact = density === 'compact';\n\tconst valueBase = 'metadata-list--value text-sm';\n\tconst hasTitle = title !== null && title !== undefined;\n\tconst shouldShowSeparator = hasTitle && titleSeparator;\n\tconst rootClassName = cn('metadata-list--component', 'metadata-list-container @container/metadata-list', className);\n\tconst head = (\n\t\t<>\n\t\t\t{!!hasTitle && (\n\t\t\t\t<DisplayLabel tag=\"div\" className=\"metadata-list--title block text-inherit\">\n\t\t\t\t\t{title}\n\t\t\t\t</DisplayLabel>\n\t\t\t)}\n\t\t\t{!!shouldShowSeparator && <Separator className=\"metadata-list--title-separator\" />}\n\t\t</>\n\t);\n\n\tif (layout === 'inline') {\n\t\tconst itemSeparatorText =\n\t\t\ttypeof itemSeparator === 'string'\n\t\t\t\t? itemSeparator\n\t\t\t\t: itemSeparator\n\t\t\t\t\t? '·'\n\t\t\t\t\t: '';\n\n\t\treturn (\n\t\t\t<Stack gap=\"sm\" data-metadata-density={density} className={rootClassName}>\n\t\t\t\t{head}\n\n\t\t\t\t<Stack\n\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\talign=\"baseline\"\n\t\t\t\t\tgap={isCompact ? 'sm' : 'md'}\n\t\t\t\t\tclassName=\"metadata-list--inline\"\n\t\t\t\t>\n\t\t\t\t\t{list.map((item, index) => {\n\t\t\t\t\t\tconst showItemSeparator = itemSeparatorText && index < list.length - 1;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<React.Fragment key={resolveKey(item, index)}>\n\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"baseline\" gap=\"xs\" className={cn('metadata-list--item min-w-0 [&>*]:max-w-full [&>*]:min-w-0 [&>.badge--component]:self-center', inlineControlBleed)}>\n\t\t\t\t\t\t\t\t\t<MetadataItemIcon item={item} isCompact={isCompact} />\n\n\t\t\t\t\t\t\t\t\t{/* Label, optional info trigger, and the separator are one\n\t\t\t\t\t\t\t\t\t    unit that never wraps apart: the item Stack's gap would\n\t\t\t\t\t\t\t\t\t    otherwise fall between the label and the colon and render\n\t\t\t\t\t\t\t\t\t    \"SKU : value\" — French spacing — instead of \"SKU: value\".\n\t\t\t\t\t\t\t\t\t    The label itself still wraps inside the unit. */}\n\t\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"none\" align=\"baseline\" wrap={false} className=\"max-w-full shrink-0\">\n\t\t\t\t\t\t\t\t\t\t<MetadataLabel>\n\t\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t\t</MetadataLabel>\n\n\t\t\t\t\t\t\t\t\t\t<MetadataItemInfo item={item} strings={strings} />\n\n\t\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{separator}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</Stack>\n\n\t\t\t\t\t\t\t\t\t{renderItemValue({\n\t\t\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\t\t\ttag: 'span',\n\t\t\t\t\t\t\t\t\t\temptyLabel: item.emptyLabel ?? emptyLabel,\n\t\t\t\t\t\t\t\t\t\tvalueBase: cn(valueBase, 'leading-tight'),\n\t\t\t\t\t\t\t\t\t\trenderedClassName: cn(valueBase, renderedValueClasses, textVariants({ type: 'inherit', size: 'sm', lineHeight: 'tight' })),\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</Stack>\n\n\t\t\t\t\t\t\t\t{!!showItemSeparator && (\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"metadata-list--item-separator select-none\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{itemSeparatorText}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</Stack>\n\t\t\t</Stack>\n\t\t);\n\t}\n\n\tif (layout === 'rows') {\n\t\tconst rowPaddingY = isCompact ? 'py-row-y-sm' : 'py-row-y';\n\t\tconst isEndAligned = valueAlign === 'end';\n\t\t// `start` uses proportional tracks, so values line up down the list\n\t\t// without a label min-width that would crowd phones. `end` keeps the\n\t\t// label track flexible and pins a content-sized value to the row end.\n\t\tconst rowTrack = isEndAligned\n\t\t\t? 'grid-cols-[minmax(0,1fr)_fit-content(60%)] gap-x-space-md'\n\t\t\t: cn('grid-cols-[minmax(0,2fr)_minmax(0,3fr)]', isCompact ? 'gap-x-space-lg' : 'gap-x-space-xl');\n\t\tconst valueAlignClassName = isEndAligned ? 'text-end' : 'text-start';\n\t\treturn (\n\t\t\t<Stack gap=\"sm\" data-metadata-density={density} className={rootClassName}>\n\t\t\t\t{head}\n\t\t\t\t<Stack\n\t\t\t\t\trender={<dl />}\n\t\t\t\t\tgap=\"none\"\n\t\t\t\t\tdata-value-align={valueAlign}\n\t\t\t\t\tclassName={cn('metadata-list--rows m-0', !!itemSeparator && 'divide-y divide-border/60')}\n\t\t\t\t>\n\t\t\t\t\t{list.map((item, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={resolveKey(item, index)}\n\t\t\t\t\t\t\tclassName={cn('metadata-list--item grid items-baseline', rowTrack, rowPaddingY)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<dt className=\"flex min-w-0 items-center gap-space-sm\">\n\t\t\t\t\t\t\t\t<MetadataItemIcon item={item} isCompact={isCompact} />\n\t\t\t\t\t\t\t\t<MetadataLabel>\n\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t</MetadataLabel>\n\t\t\t\t\t\t\t\t<MetadataItemInfo item={item} strings={strings} />\n\t\t\t\t\t\t\t</dt>\n\t\t\t\t\t\t\t<dd\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'm-0 grid min-w-0 gap-dense break-words [overflow-wrap:anywhere] [&>*]:max-w-full [&>*]:min-w-0',\n\t\t\t\t\t\t\t\t\tinlineControlBleed,\n\t\t\t\t\t\t\t\t\tvalueAlignClassName,\n\t\t\t\t\t\t\t\t\tisEndAligned\n\t\t\t\t\t\t\t\t\t\t? 'justify-items-end [&>.badge--component]:justify-self-end'\n\t\t\t\t\t\t\t\t\t\t: 'justify-items-start [&>.badge--component]:justify-self-start',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{renderItemValue({\n\t\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\t\temptyLabel: item.emptyLabel ?? emptyLabel,\n\t\t\t\t\t\t\t\t\tvalueBase: cn(valueBase, valueAlignClassName, 'break-words leading-tight'),\n\t\t\t\t\t\t\t\t\trenderedClassName: cn(valueBase, 'break-words', renderedValueClasses, textVariants({ type: 'inherit', size: 'sm', lineHeight: 'tight', align: isEndAligned ? 'right' : 'left' })),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" align={isEndAligned ? 'right' : 'left'} lineHeight=\"snug\" className=\"metadata-list--description\">\n\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</Stack>\n\t\t\t</Stack>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Stack gap=\"sm\" data-metadata-density={density} className={rootClassName}>\n\t\t\t{head}\n\n\t\t\t<Grid\n\t\t\t\tcolumns={adaptTo === 'container' ? 1 : resolveMetadataColumns(columns)}\n\t\t\t\tgap={isCompact ? 'md' : 'xl'}\n\t\t\t\talign=\"start\"\n\t\t\t\tclassName={cn('metadata-list--grid', adaptTo === 'container' && compileResponsiveClasses(resolveResponsiveEntries(resolveMetadataColumns(columns), 1), metadataContainerColumns))}\n\t\t\t>\n\t\t\t\t{list.map((item, index) => (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tkey={resolveKey(item, index)}\n\t\t\t\t\t\tgap={isCompact ? 'dense' : 'normal'}\n\t\t\t\t\t\tdata-span={item.span}\n\t\t\t\t\t\tclassName={cn('metadata-list--item min-w-0 items-start [&>*]:max-w-full [&>*]:min-w-0 [&>.badge--component]:self-start', item.span === 'full' && 'col-span-full')}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"flex min-w-0 items-center gap-space-sm\">\n\t\t\t\t\t\t\t<MetadataItemIcon item={item} isCompact={isCompact} />\n\n\t\t\t\t\t\t\t<MetadataLabel>\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</MetadataLabel>\n\n\t\t\t\t\t\t\t<MetadataItemInfo item={item} strings={strings} />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{renderItemValue({\n\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\temptyLabel: item.emptyLabel ?? emptyLabel,\n\t\t\t\t\t\t\tvalueBase: cn(valueBase, 'leading-tight'),\n\t\t\t\t\t\t\trenderedClassName: cn(valueBase, renderedLinkLeading, textVariants({ type: 'inherit', size: 'sm', lineHeight: 'tight' })),\n\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t{!!item.description && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tlineHeight=\"snug\"\n\t\t\t\t\t\t\t\tclassName=\"metadata-list--description\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t))}\n\t\t\t</Grid>\n\t\t</Stack>\n\t);\n}\n\nMetadataList.displayName = 'MetadataList';\n"],"mappings":"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"}

package/dist/{motion-recipes-DitYv6P2.js → motion-recipes-CUc_aHuG.js}

@@ -6,8 +6,11 @@ var e = "motion-reduce:transition-none motion-reduce:duration-0 motion-reduce:da
 	"[&:not([data-align-trigger=true])]:data-[side=right]:data-starting-style:-translate-x-1 [&:not([data-align-trigger=true])]:data-[side=right]:data-ending-style:-translate-x-1",
 	"[&:not([data-align-trigger=true])]:data-[side=inline-start]:data-starting-style:translate-x-1 [&:not([data-align-trigger=true])]:data-[side=inline-start]:data-ending-style:translate-x-1",
 	"[&:not([data-align-trigger=true])]:data-[side=inline-end]:data-starting-style:-translate-x-1 [&:not([data-align-trigger=true])]:data-[side=inline-end]:data-ending-style:-translate-x-1"
-].join(" "), i = {
-	sidebar: `transition-[width] duration-150 ease-out ${e}`,
+].join(" "), i = `duration-150 ease-out ${e}`, a = {
+	sidebar: `transition-[width] ${i}`,
+	sidebarSlide: `transition-[transform,width] ${i}`,
+	sidebarOffset: `transition-[left,right,width] ${i}`,
+	sidebarRail: `transition-[translate] ${i}`,
 	backdrop: `transition-opacity duration-200 ease-out data-ending-style:duration-100 ${t} ${e}`,
 	dialog: `transition-[opacity,scale] duration-200 ease-out data-ending-style:duration-150 ${t} ${n} ${e}`,
 	drawer: [
@@ -31,6 +34,6 @@ var e = "motion-reduce:transition-none motion-reduce:duration-0 motion-reduce:da
 	].join(" ")
 };
 //#endregion
-export { i as t };
+export { a as t };
 
-//# sourceMappingURL=motion-recipes-DitYv6P2.js.map
+//# sourceMappingURL=motion-recipes-CUc_aHuG.js.map

package/dist/motion-recipes-CUc_aHuG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion-recipes-CUc_aHuG.js","names":["reducedMotion","fadeStates","scaleStates","popupOffset","sidebarTiming","motionRecipes"],"sources":["../src/lib/motion-recipes.ts"],"sourcesContent":["/** Private CSS motion recipes. Base UI owns measurement, presence and focus. */\nconst reducedMotion = 'motion-reduce:transition-none motion-reduce:duration-0 motion-reduce:data-ending-style:duration-0';\nconst fadeStates = 'data-starting-style:opacity-0 data-ending-style:opacity-0';\nconst scaleStates = 'data-starting-style:scale-95 data-ending-style:scale-95';\nconst popupOffset = [\n '[&:not([data-align-trigger=true])]:data-[side=bottom]:data-starting-style:-translate-y-1 [&:not([data-align-trigger=true])]:data-[side=bottom]:data-ending-style:-translate-y-1',\n '[&:not([data-align-trigger=true])]:data-[side=top]:data-starting-style:translate-y-1 [&:not([data-align-trigger=true])]:data-[side=top]:data-ending-style:translate-y-1',\n '[&:not([data-align-trigger=true])]:data-[side=left]:data-starting-style:translate-x-1 [&:not([data-align-trigger=true])]:data-[side=left]:data-ending-style:translate-x-1',\n '[&:not([data-align-trigger=true])]:data-[side=right]:data-starting-style:-translate-x-1 [&:not([data-align-trigger=true])]:data-[side=right]:data-ending-style:-translate-x-1',\n '[&:not([data-align-trigger=true])]:data-[side=inline-start]:data-starting-style:translate-x-1 [&:not([data-align-trigger=true])]:data-[side=inline-start]:data-ending-style:translate-x-1',\n '[&:not([data-align-trigger=true])]:data-[side=inline-end]:data-starting-style:-translate-x-1 [&:not([data-align-trigger=true])]:data-[side=inline-end]:data-ending-style:-translate-x-1',\n].join(' ');\n\n/** Every sidebar collapse path shares one timing and the reduced-motion override. */\nconst sidebarTiming = `duration-150 ease-out ${reducedMotion}`;\n\nexport const motionRecipes = {\n\t/** One navigation track owns collapse geometry; panel contents do not resize independently. */\n\tsidebar: `transition-[width] ${sidebarTiming}`,\n\t/** A standalone panel that slides off its own track. */\n\tsidebarSlide: `transition-[transform,width] ${sidebarTiming}`,\n\t/** A standalone fixed panel that moves with its inline offset. */\n\tsidebarOffset: `transition-[left,right,width] ${sidebarTiming}`,\n\t/** The resize rail follows the panel edge. */\n\tsidebarRail: `transition-[translate] ${sidebarTiming}`,\n backdrop: `transition-opacity duration-200 ease-out data-ending-style:duration-100 ${fadeStates} ${reducedMotion}`,\n dialog: `transition-[opacity,scale] duration-200 ease-out data-ending-style:duration-150 ${fadeStates} ${scaleStates} ${reducedMotion}`,\n drawer: [\n  'transition-[translate] duration-250 ease-out data-ending-style:duration-200',\n  'data-[side=right]:data-starting-style:translate-x-full data-[side=right]:data-ending-style:translate-x-full',\n  'data-[side=left]:data-starting-style:-translate-x-full data-[side=left]:data-ending-style:-translate-x-full',\n  'data-[side=bottom]:data-starting-style:translate-y-full data-[side=bottom]:data-ending-style:translate-y-full',\n  'data-[side=top]:data-starting-style:-translate-y-full data-[side=top]:data-ending-style:-translate-y-full',\n  reducedMotion,\n ].join(' '),\n popup: `transition-[opacity,scale,translate] duration-150 ease-out data-ending-style:duration-100 ${fadeStates} ${scaleStates} ${popupOffset} ${reducedMotion}`,\n disclosure: `overflow-hidden transition-[height,padding-block] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0 data-starting-style:py-0! data-ending-style:py-0! ${reducedMotion}`,\n chevron: `transition-transform duration-200 ease-out ${reducedMotion}`,\n // A surface that mounts docked (BatchActionBar) rises in once through\n // `@starting-style`, which also runs in a background tab where a frame-toggled\n // class would not. It unmounts without an exit.\n dock: `transition-[opacity,translate] duration-150 ease-out starting:opacity-0 starting:translate-y-space-lg ${reducedMotion}`,\n // A list level reached by navigation (a drilled branch, a new column) enters\n // from the side it was reached from, set by `data-direction`. Without the\n // attribute (first open, search results) it appears in place. The departing\n // level unmounts without an exit.\n level: [\n  'transition-[opacity,translate] duration-150 ease-out',\n  'data-direction:starting:opacity-0',\n  'data-[direction=forward]:starting:translate-x-space-lg data-[direction=back]:starting:-translate-x-space-lg',\n  'rtl:data-[direction=forward]:starting:-translate-x-space-lg rtl:data-[direction=back]:starting:translate-x-space-lg',\n  reducedMotion,\n ].join(' '),\n} as const;\n"],"mappings":";AACA,IAAMA,IAAgB,qGAChBC,IAAa,6DACbC,IAAc,2DACdC,IAAc;CACnB;CACA;CACA;CACA;CACA;CACA;AACD,CAAC,CAAC,KAAK,GAAG,GAGJC,IAAgB,yBAAyBJ,KAElCK,IAAgB;CAE5B,SAAS,sBAAsBD;CAE/B,cAAc,gCAAgCA;CAE9C,eAAe,iCAAiCA;CAEhD,aAAa,0BAA0BA;CACvC,UAAU,2EAA2EH,EAAW,GAAGD;CACnG,QAAQ,mFAAmFC,EAAW,GAAGC,EAAY,GAAGF;CACxH,QAAQ;EACP;EACA;EACA;EACA;EACA;EACAA;CACD,CAAC,CAAC,KAAK,GAAG;CACV,OAAO,6FAA6FC,EAAW,GAAGC,EAAY,GAAGC,EAAY,GAAGH;CAChJ,YAAY,2KAA2KA;CACvL,SAAS,8CAA8CA;CAIvD,MAAM,yGAAyGA;CAK/G,OAAO;EACN;EACA;EACA;EACA;EACAA;CACD,CAAC,CAAC,KAAK,GAAG;AACX"}