themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/mentions-CRio8mTm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mentions-CRio8mTm.js","names":["_Fragment","_Fragment","Text","DisplayLabel","TextLink","Stack","sanitizeHtml","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","retry","current","first","k","setActiveKind","setQuery","addMention","prev","m","mention","removeMention","id","setMentions","reset","selectSuggestion","suggestion","cfg","href","buildMentionHtml","safeLabel","tone","trigger","useMentions","search","pickerOpen","setPickerOpenState","triggerActive","setTriggerActive","triggerStateRef","lastTriggerCharRef","setPickerOpen","open","editorRef","handleCaretChange","triggerMap","trig","ctx","triggers","c","re","match","triggerChar","needle","consumedLength","pickSuggestion","html","TONE_TO_VARIANT","MentionChip","resource","variant","Icon","inner","cn","className","trailing","asLink","onClick","MENTION_RE","splitHtmlByMentions","segments","lastIndex","full","refId","before","tail","DEFAULT_PROSE_CLASS","MentionContent","resourcesProp","props","sanitized","sanitizer","mentionsById","renderRef","renderMention","body","segment","Fragment","index","prose","defaultMentionPickerStrings","defaultMentionInlineSuggestionsStrings","MentionPicker","stringsProp","strings","useStrings","active","Button","loading","Loader2","suggestions","onSelect","MentionInlineSuggestions","count","onManualKindChange","REF_RE","KIND_ATTR_RE","parseMentionsFromHtml","out","seen","tagText","label"],"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/utils/split-html-by-mentions.ts","../src/components/features/mentions/partials/mention-content.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}\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} = 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\tsetIsLoading(true);\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\tconst requestId = ++requestIdRef.current;\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}, [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.\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 *   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 *   <RichTextEditor ref={editorRef} onCaretChange={mentions.handleCaretChange} />\n *   <MentionInlineSuggestions\n *     open={mentions.triggerActive && mentions.pickerOpen}\n *     activeKind={mentions.activeKind}\n *     setActiveKind={mentions.setActiveKind}\n *     onManualKindChange={() => mentions.setManualKindOverride(true)}\n *     {...mentions}\n *     onSelect={mentions.pickSuggestion}\n *   />\n */\nimport { useCallback, useRef, useState } from 'react';\nimport type { 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/**\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 search = useMentionsSearch<TResource>({\n\t\t...options,\n\t\tresources,\n\t\tonResourceSearch,\n\t});\n\n\tconst [pickerOpen, setPickerOpenState] = useState(false);\n\tconst [triggerActive, setTriggerActive] = useState(false);\n\tconst triggerStateRef = useRef<TriggerState | 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\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\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) {\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\tconst re = new RegExp(`(?:^|\\\\s)([${triggers}])([\\\\p{L}\\\\p{N}_-]*)$`, 'u');\n\t\tconst match = ctx.textBefore.match(re);\n\t\tif (!match) {\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 triggerChar = match[1];\n\t\tconst needle = match[2] ?? '';\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\tif (search.query !== needle) {\n\t\t\tsearch.setQuery(needle);\n\t\t}\n\t\tsetPickerOpenState(true);\n\t}, [editorRef, resources, search, setPickerOpen]);\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\treturn {\n\t\t...search,\n\t\tpickerOpen,\n\t\tsetPickerOpen,\n\t\ttriggerActive,\n\t\thandleCaretChange,\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 { 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\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 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{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\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 hover:opacity-90\"\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\tif (onClick) {\n\t\t\t\treturn (\n\t\t\t\t\t\t<span onClick={onClick} className=\"inline align-baseline\">\n\t\t\t\t\t\t\t\t{inner}\n\t\t\t\t\t\t</span>\n\t\t\t\t);\n\t\t}\n\n\t\treturn inner;\n};\n","/**\n * Split an HTML string into a list of `html` chunks and `mention`\n * placeholders, keyed by the `data-ref-id` attribute the writer set.\n *\n * Used by `<MentionContent>` to render the body once with React chips\n * for the references and `dangerouslySetInnerHTML` for everything else.\n */\nexport type MentionHtmlSegment =\n\t| { kind: 'html'; value: string }\n\t| { kind: 'mention'; refId: string; fallback: string };\n\nconst MENTION_RE =\n\t/<(span|a)\\b([^>]*?)data-ref-id\\s*=\\s*\"([^\"]+)\"([^>]*)>([\\s\\S]*?)<\\/\\1>/gi;\n\nexport function splitHtmlByMentions(html: string): MentionHtmlSegment[] {\n\tif (!html) return [];\n\n\tconst segments: MentionHtmlSegment[] = [];\n\tlet lastIndex = 0;\n\tlet match: RegExpExecArray | null;\n\tMENTION_RE.lastIndex = 0;\n\n\twhile ((match = MENTION_RE.exec(html)) !== null) {\n\t\tconst [full, , , refId] = match;\n\t\tconst before = html.slice(lastIndex, match.index);\n\t\tif (before.length > 0) {\n\t\t\tsegments.push({ kind: 'html', value: before });\n\t\t}\n\t\tsegments.push({\n\t\t\tkind: 'mention',\n\t\t\trefId,\n\t\t\tfallback: full,\n\t\t});\n\t\tlastIndex = match.index + full.length;\n\t}\n\n\tconst tail = html.slice(lastIndex);\n\tif (tail.length > 0) {\n\t\tsegments.push({ kind: 'html', value: tail });\n\t}\n\n\treturn segments;\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 { Fragment } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { contentTypographyClassName } from '../../../typography/content-typography';\n\nimport { Text } from '../../../typography';\nimport { sanitizeHtml } from '../../../../lib/sanitize-html';\nimport { cn } from '../../../../lib/utils';\n\nimport type {\n\tMention,\n\tMentionResource,\n\tMentionsConfig,\n} from '../mentions.types';\nimport { splitHtmlByMentions } from '../utils/split-html-by-mentions';\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 sanitized = sanitizer\n\t\t? sanitizer(html ?? '')\n\t\t: sanitizeHtml(html ?? '');\n\n\tconst mentionsById = new Map<string, Mention<TResource>>();\n\tfor (const m of mentions ?? []) mentionsById.set(m.id, m);\n\n\tconst hasMentions = mentionsById.size > 0;\n\tconst segments = hasMentions\n\t\t? splitHtmlByMentions(sanitized)\n\t\t: [{ kind: 'html' as const, value: sanitized }];\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 = segments.map((segment, index) => {\n\t\tif (segment.kind === 'mention') {\n\t\t\tconst mention = mentionsById.get(segment.refId);\n\t\t\tif (!mention) {\n\t\t\t\treturn (\n\t\t\t\t\t<span\n\t\t\t\t\t\tkey={`fallback-${index}`}\n\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: segment.fallback }}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<Fragment key={`ref-${index}-${segment.refId}`}>\n\t\t\t\t\t{renderRef(mention)}\n\t\t\t\t</Fragment>\n\t\t\t);\n\t\t}\n\t\t// Segments have already passed through the package allowlist (or the\n\t\t// consumer's explicit sanitizer override) before mention extraction.\n\t\treturn (\n\t\t\t<span\n\t\t\t\tkey={`html-${index}`}\n\t\t\t\tdangerouslySetInnerHTML={{ __html: segment.value }}\n\t\t\t/>\n\t\t);\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","/**\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}\n\nexport const defaultMentionPickerStrings: MentionPickerStrings = {\n\ttitle: 'Insert reference',\n\tsearchPlaceholder: 'Search…',\n\tempty: 'No matches.',\n\tloading: 'Searching…',\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}\n\nexport const defaultMentionInlineSuggestionsStrings: MentionInlineSuggestionsStrings = {\n\ttitle: 'Insert reference',\n\tempty: 'No matches.',\n\tloading: 'Searching…',\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 { Button } from '../../../base/buttons';\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';\n\nimport {\n\tdefaultMentionPickerStrings,\n\ttype MentionPickerStrings,\n} from '../mentions.strings';\nimport type {\n\tMentionResource,\n\tMentionSuggestion,\n} from '../mentions.types';\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/** 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\tonSelect,\n\tstrings: stringsProp,\n\tclassName,\n}: MentionPickerProps<TResource>) {\n\tconst strings = useStrings(defaultMentionPickerStrings, stringsProp);\n\tif (!open) return null;\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', 'w-72 gap-0 overflow-hidden', className)}\n\t\t>\n\t\t\t<PopoverHeader>\n\t\t\t\t<DisplayLabel>\n\t\t\t\t\t{strings.title}\n\t\t\t\t</DisplayLabel>\n\t\t\t\t{kinds.length > 1 && (\n\t\t\t\t\t<div className=\"mt-space-md flex flex-wrap gap-space-xs\">\n\t\t\t\t\t\t{kinds.map((kind) => {\n\t\t\t\t\t\t\tconst cfg = resources?.[kind];\n\t\t\t\t\t\t\tconst Icon = cfg?.icon;\n\t\t\t\t\t\t\tconst active = kind === activeKind;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tkey={kind}\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\taria-pressed={active}\n\t\t\t\t\t\t\t\t\ttone={active ? 'primary' : 'secondary'}\n\t\t\t\t\t\t\t\t\tbuttonStyle={active ? 'solid' : 'ghost'}\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\tonClick={() => setActiveKind(kind)}\n\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{Icon ? <Icon className=\"size-icon\" /> : null}\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\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-inherit\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{cfg?.label ?? String(kind)}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t)}\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\" justify=\"center\" gap=\"md\" className=\"text-muted-foreground py-space-lg\">\n\t\t\t\t\t\t\t<Loader2 className=\"size-icon-md 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<CommandEmpty>{strings.empty}</CommandEmpty>\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<div 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\" 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=\"mt-0.5 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</div>\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';\n\nimport { Button } from '../../../base/buttons';\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';\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/** Replaces the content with the loading state. */\n\t\tloading: boolean;\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\tloading,\n\t\tquery,\n\t\tonManualKindChange,\n\t\tonSelect,\n\t\tstrings: stringsProp,\n\t\tclassName,\n}: MentionInlineSuggestionsProps<TResource>) {\n\t\tconst strings = useStrings(defaultMentionInlineSuggestionsStrings, stringsProp);\n\t\tif (!open) return null;\n\n\t\treturn (\n\t\t\t\t<div\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'bg-popover text-popover-foreground absolute left-0 top-full z-40 mt-1 w-80 max-w-[min(theme(spacing.96),100%)]',\n\t\t\t\t\t\t\t\t'border-border/60 rounded-radius-md border shadow-md ring-1 ring-foreground/[0.04]',\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<div className=\"border-b border-border/60 p-surface\">\n\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"baseline\" justify=\"between\" gap=\"md\" className=\"\">\n\t\t\t\t\t\t\t\t\t\t<DisplayLabel>\n\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</DisplayLabel>\n\t\t\t\t\t\t\t\t\t\t{query ? (\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\t\t\t\ttag=\"span\"\n\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\ttype=\"secondary\"\n\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>\n\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</Text>\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t{kinds.length > 1 && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"mt-space-md flex flex-wrap gap-space-xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t{kinds.map((kind) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst cfg = resources?.[kind];\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst Icon = cfg?.icon;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst active = kind === activeKind;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst count = suggestionsByKind?.[kind as string]?.length ?? 0;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\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\t\t\t\t\tkey={kind}\n\t\t\t\t\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\t\t\t\t\taria-pressed={active}\n\t\t\t\t\t\t\t\t\ttone={active ? 'primary' : 'secondary'}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle={active ? 'solid' : 'ghost'}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\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\t\t\t\t\tonManualKindChange?.();\n\t\t\t\t\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\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'h-auto gap-space-xs rounded px-1.5 py-0.5 ring-1 ring-inset transition-colors',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary text-primary-foreground ring-primary'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: count > 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-muted text-foreground ring-border/60 hover:bg-muted/80'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-muted/40 text-muted-foreground ring-border/40 hover:bg-muted/60',\n\t\t\t\t\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>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{Icon ? <Icon className=\"size-icon-sm\" /> : null}\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\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"text-inherit\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{cfg?.label ?? String(kind)}\n\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\t\t{count > 0 && (\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=\"xs\"\n\t\t\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\t\t\tnumeric\n\t\t\t\t\t\t\t\t\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'text-inherit',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tactive ? 'opacity-90' : 'opacity-70',\n\t\t\t\t\t\t\t\t\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\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{count}\n\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\t\t)}\n\t\t\t\t\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\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</div>\n\t\t\t\t\t\t\t\t)}\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\tclassName=\"mention-inline-suggestions--list max-h-72 overflow-y-auto p-surface-xs\"\n\t\t\t\t\t\t\t\t{...(suggestions.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\" justify=\"center\" gap=\"md\" className=\"text-muted-foreground py-space-lg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Loader2 className=\"size-icon-md animate-spin\" aria-hidden />\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\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{!loading && suggestions.length === 0 ? (\n\t\t\t\t\t\t\t\t\t\t<div className=\"py-space-lg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\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\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) : null}\n\n\t\t\t\t\t\t\t\t{suggestions.map((suggestion) => {\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\treturn (\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\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"md\"\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\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'h-auto w-full min-w-0 justify-start gap-space-md px-control-sm py-row-y text-left',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'hover:bg-muted/60 focus-visible:bg-muted/60 transition-colors',\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<div className=\"flex min-w-0 flex-1 flex-col leading-tight\">\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\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\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\t\t\t\t\t>\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\n\t\t\t\t\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\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\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\t\t\t\t\tclassName=\"mt-0.5 truncate\"\n\t\t\t\t\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\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</div>\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-B5-6LeYl.js

@@ -0,0 +1,108 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-C2EKeIw3.js";
+import { a as n } from "./typography-Cv8MT-82.js";
+import { t as r } from "./structure-BvW4vG4H.js";
+import { n as i } from "./surface-recipes-CQfRr-VL.js";
+import { forwardRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/blocks/collaboration/message/message.types.ts
+var c = {
+	typing: "Typing…",
+	loading: "Loading message…"
+}, l = a(function({ className: e, ...n }, i) {
+	return /* @__PURE__ */ o(r, {
+		...n,
+		ref: i,
+		gap: "dense",
+		className: t("message--content min-w-0 max-w-full flex-1", e)
+	});
+}), u = a(function({ className: e, ...n }, i) {
+	return /* @__PURE__ */ o(r, {
+		...n,
+		ref: i,
+		direction: "horizontal",
+		align: "baseline",
+		gap: "sm",
+		wrap: !0,
+		className: t("message--header", e)
+	});
+}), d = a(function({ className: e, ...n }, i) {
+	return /* @__PURE__ */ o(r, {
+		...n,
+		ref: i,
+		direction: "horizontal",
+		align: "center",
+		gap: "xs",
+		wrap: !0,
+		className: t("message--actions", e)
+	});
+}), f = a(function({ tone: e = "muted", className: r, children: a, ...s }, c) {
+	let l = typeof a == "string" || typeof a == "number" || typeof a == "bigint";
+	return /* @__PURE__ */ o("div", {
+		...s,
+		ref: c,
+		"data-tone": e,
+		className: t("message--bubble min-w-0 max-w-full rounded-radius px-row-x py-row-y break-words", e === "primary" ? "bg-primary text-primary-foreground" : e === "muted" ? "bg-muted text-muted-foreground" : e === "surface" ? t("bg-card text-card-foreground", i.frame.shell) : "text-foreground", r),
+		children: l ? /* @__PURE__ */ o(n, {
+			className: "text-inherit whitespace-pre-wrap",
+			lineHeight: "relaxed",
+			children: a
+		}) : a
+	});
+}), p = a(function({ children: e, className: r, ...i }, a) {
+	return /* @__PURE__ */ o("span", {
+		...i,
+		ref: a,
+		role: "status",
+		className: t("message--status", r),
+		children: /* @__PURE__ */ o(n, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			children: e
+		})
+	});
+}), m = a(function({ align: i = "start", tone: a = "muted", avatar: m, author: h, timestamp: g, dateTime: _, actions: v, status: y, loading: b = !1, typing: x = !1, strings: S, children: C, className: w, ...T }, E) {
+	let D = e(c, S);
+	return /* @__PURE__ */ s(r, {
+		...T,
+		ref: E,
+		direction: "horizontal",
+		align: "start",
+		gap: "md",
+		"data-align": i,
+		"aria-busy": b || x || void 0,
+		className: t("message--component w-full min-w-0", i === "end" && "flex-row-reverse", w),
+		children: [m, /* @__PURE__ */ s(l, {
+			className: i === "end" ? "items-end" : void 0,
+			children: [
+				(h !== void 0 || g !== void 0) && /* @__PURE__ */ s(u, { children: [h !== void 0 && /* @__PURE__ */ o(n, {
+					tag: "span",
+					weight: "medium",
+					children: h
+				}), g !== void 0 && /* @__PURE__ */ o("time", {
+					dateTime: _,
+					children: /* @__PURE__ */ o(n, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						className: "tabular-nums",
+						children: g
+					})
+				})] }),
+				/* @__PURE__ */ o(f, {
+					tone: a,
+					children: C
+				}),
+				(x || b || y !== void 0) && /* @__PURE__ */ o(p, { children: x ? D.typing : b ? D.loading : y }),
+				v !== void 0 && /* @__PURE__ */ o(d, { children: v })
+			]
+		})]
+	});
+});
+m.displayName = "Message";
+//#endregion
+export { u as a, l as i, d as n, p as o, f as r, c as s, m as t };
+
+//# sourceMappingURL=message-B5-6LeYl.js.map

package/dist/message-B5-6LeYl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-B5-6LeYl.js","names":["Text","Stack","surfaceDividerRecipes","defaultMessageStrings","MessageContent","forwardRef","props","cn","className","MessageHeader","MessageActions","MessageBubble","scalar","children","tone","MessageStatus","Message","stringsProp","strings","useStrings","align","loading","typing","avatar","author","timestamp","status","actions"],"sources":["../src/components/blocks/collaboration/message/message.types.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 { forwardRef } from 'react';\nimport { Stack } from '../../../base/structure';\nimport { Text } from '../../../typography';\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';\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 scalar = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n return <div {...props} ref={ref} data-tone={tone} className={cn('message--bubble min-w-0 max-w-full rounded-radius px-row-x py-row-y 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-foreground', 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 return <Stack {...props} ref={ref} direction=\"horizontal\" align=\"start\" gap=\"md\" data-align={align} aria-busy={loading || typing || undefined} className={cn('message--component w-full min-w-0', align === 'end' && 'flex-row-reverse', className)}>\n  {avatar}\n  <MessageContent className={align === 'end' ? 'items-end' : undefined}>\n   {(author !== undefined || timestamp !== undefined) && <MessageHeader>\n    {author !== undefined && <Text tag=\"span\" weight=\"medium\">{author}</Text>}\n    {timestamp !== undefined && <time dateTime={dateTime}><Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"tabular-nums\">{timestamp}</Text></time>}\n   </MessageHeader>}\n   <MessageBubble tone={tone}>{children}</MessageBubble>\n   {(typing || loading || status !== undefined) && <MessageStatus>{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/motion-recipes-B6jKXEcN.js

@@ -0,0 +1,27 @@
+//#region src/lib/motion-recipes.ts
+var e = "motion-reduce:transition-none motion-reduce:duration-0 motion-reduce:data-ending-style:duration-0", t = "data-starting-style:opacity-0 data-ending-style:opacity-0", n = "data-starting-style:scale-95 data-ending-style:scale-95", r = [
+	"[&: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",
+	"[&: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",
+	"[&: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",
+	"[&: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 = {
+	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: [
+		"transition-[translate] duration-250 ease-out data-ending-style:duration-200",
+		"data-[side=right]:data-starting-style:translate-x-full data-[side=right]:data-ending-style:translate-x-full",
+		"data-[side=left]:data-starting-style:-translate-x-full data-[side=left]:data-ending-style:-translate-x-full",
+		"data-[side=bottom]:data-starting-style:translate-y-full data-[side=bottom]:data-ending-style:translate-y-full",
+		"data-[side=top]:data-starting-style:-translate-y-full data-[side=top]:data-ending-style:-translate-y-full",
+		e
+	].join(" "),
+	popup: `transition-[opacity,scale,translate] duration-150 ease-out data-ending-style:duration-100 ${t} ${n} ${r} ${e}`,
+	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! ${e}`,
+	chevron: `transition-transform duration-200 ease-out ${e}`
+};
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=motion-recipes-B6jKXEcN.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"motion-recipes-B6jKXEcN.js","names":["reducedMotion","fadeStates","scaleStates","popupOffset","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\nexport const motionRecipes = {\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} as const;\n"],"mappings":";AACA,IAAMA,IAAgB,qGAChBC,IAAa,6DACbC,IAAc,2DACdC,IAAc;CACnB;CACA;CACA;CACA;CACA;CACA;AACD,CAAC,CAAC,KAAK,GAAG,GAEGC,IAAgB;CAC5B,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;AACxD"}

package/dist/navigation-BTrEb5u4.js

@@ -0,0 +1,267 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-C2EKeIw3.js";
+import { n } from "./buttons-Co6GavvM.js";
+import { a as r } from "./typography-Cv8MT-82.js";
+import { t as i } from "./structure-BvW4vG4H.js";
+import { n as a } from "./action-menu-Cx3SdfbN.js";
+import { t as o } from "./badge-BZXZT9wd.js";
+import { a as s } from "./tabs-DY09eoZg.js";
+import { Fragment as c, forwardRef as l, useCallback as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Globe as v, MoreHorizontal as y } from "lucide-react";
+//#region src/components/base/navigation/language-switcher.tsx
+function b({ locales: e, onRenderLabel: a, variant: o = "buttons", onSelect: s }) {
+	let l = u((e, t) => {
+		t || s?.(e);
+	}, [s]);
+	return e.length === 0 ? null : o === "inline" ? /* @__PURE__ */ _("div", {
+		className: t("language-switcher--component", "flex items-center justify-center gap-2.5"),
+		children: [/* @__PURE__ */ g(v, {
+			className: "size-icon text-muted-foreground/70",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ g("div", {
+			className: "flex items-center justify-center gap-2.5",
+			children: e.map((n, i) => {
+				let o = a ? a(n) : n.nativeLabel;
+				return /* @__PURE__ */ _(c, { children: [/* @__PURE__ */ g("button", {
+					type: "button",
+					onClick: () => l(n.value, n.active),
+					className: t("text-pxs transition-colors", n.active ? "text-primary-accent font-medium" : "text-muted-foreground hover:text-foreground"),
+					children: /* @__PURE__ */ g(r, {
+						tag: "span",
+						size: "pxs",
+						weight: n.active ? "medium" : "regular",
+						className: "text-inherit",
+						children: o
+					})
+				}), i < e.length - 1 && /* @__PURE__ */ g("span", {
+					"aria-hidden": "true",
+					className: "size-1 rounded-full bg-border"
+				})] }, n.value);
+			})
+		})]
+	}) : /* @__PURE__ */ g(i, {
+		direction: "horizontal",
+		align: "center",
+		justify: "center",
+		wrap: !0,
+		gap: "md",
+		children: e.map((e) => {
+			let r = a ? a(e) : e.nativeLabel;
+			return /* @__PURE__ */ g(n, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: e.active ? "solid" : "ghost",
+				onClick: () => l(e.value, e.active),
+				className: t("min-w-18 justify-center transition-colors", e.active ? "font-semibold text-primary-accent" : "text-muted-foreground"),
+				children: r
+			}, e.value);
+		})
+	});
+}
+b.displayName = "LanguageSwitcher";
+//#endregion
+//#region src/components/base/navigation/navigation-tabs.tsx
+var x = { tabsAria: "Tab navigation" };
+function S(e) {
+	let t = e.indexOf("#/");
+	if (t >= 0) return e.slice(t).split("?")[0]?.replace(/\/+$/, "") || "#/";
+	try {
+		let t = typeof window < "u" ? window.location.origin : "http://localhost";
+		return new URL(e, t).pathname.replace(/\/+$/, "") || "/";
+	} catch {
+		return e.split("?")[0]?.replace(/\/+$/, "") || "/";
+	}
+}
+var C = l(function({ items: a, currentPath: c, variant: l = "default", scrollable: u = !0, scrollStrings: d, strings: f, className: p }, m) {
+	let h = e(x, f), v = S(c ?? (typeof window < "u" ? window.location.pathname : "/")), y = l === "prominent", b = /* @__PURE__ */ g(i, {
+		render: /* @__PURE__ */ g("nav", { "aria-label": h.tabsAria }),
+		direction: "horizontal",
+		gap: "2xs",
+		wrap: !1,
+		className: t("navigation-tabs--list w-max rounded-radius bg-muted p-space-2xs", y && "rounded-radius bg-muted/60"),
+		children: a.map((e) => {
+			let i = e.active ?? v === S(e.href), a = typeof e.icon == "string" ? void 0 : e.icon;
+			return /* @__PURE__ */ _(n, {
+				href: e.href,
+				disabled: e.disabled,
+				size: "sm",
+				tone: i && y ? "primary" : "secondary",
+				buttonStyle: i ? "solid" : "ghost",
+				icon: a,
+				"aria-current": i ? "page" : void 0,
+				className: t("navigation-tabs--item shrink-0", "rounded-radius", !y && i && "bg-background text-foreground shadow-sm hover:bg-background/90", !y && !i && "text-muted-foreground hover:bg-background/50 hover:text-foreground"),
+				children: [
+					typeof e.icon == "string" && /* @__PURE__ */ g("span", {
+						className: "navigation-tabs--icon text-inherit",
+						"aria-hidden": "true",
+						children: e.icon
+					}),
+					/* @__PURE__ */ g(r, {
+						tag: "span",
+						size: "inherit",
+						weight: "medium",
+						lineHeight: "none",
+						className: "navigation-tabs--title text-inherit",
+						children: e.title
+					}),
+					e.badge !== void 0 && e.badge !== null && /* @__PURE__ */ g(o, {
+						size: "sm",
+						tone: "secondary",
+						className: "navigation-tabs--badge",
+						children: e.badge
+					})
+				]
+			}, e.href);
+		})
+	});
+	return /* @__PURE__ */ g("div", {
+		ref: m,
+		className: t("navigation-tabs--component", "w-full min-w-0", !u && "overflow-x-auto", p),
+		children: u ? /* @__PURE__ */ g(s, {
+			strings: d,
+			children: b
+		}) : b
+	});
+});
+C.displayName = "NavigationTabs";
+//#endregion
+//#region src/components/base/navigation/overflow-tab-bar.tsx
+var w = {
+	more: "More",
+	navigationLabel: "Tab navigation"
+}, T = "inline-flex h-action shrink-0 items-center gap-space-sm rounded-radius-md px-control text-pxs font-medium whitespace-nowrap transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40";
+function E(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+var D = l(function({ items: n, value: i, onValueChange: s, className: c, tabClassName: l, activeTabClassName: u, strings: v, ...b }, x) {
+	let S = e(w, v), C = p(null), D = p(null), [O, k] = m(n.length);
+	d(() => {
+		if (!C.current || !D.current) return;
+		let e = C.current, t = D.current, r = () => {
+			let r = e.clientWidth;
+			if (r === 0) {
+				k(n.length);
+				return;
+			}
+			let i = Array.from(t.querySelectorAll("[data-tab-id]")), a = 0, o = 0;
+			for (let e of i) {
+				let t = e.offsetWidth + 4;
+				if (a + t + 72 <= r) a += t, o += 1;
+				else break;
+			}
+			k(o === i.length ? o : Math.max(1, o));
+		};
+		if (r(), typeof ResizeObserver > "u") return;
+		let i = new ResizeObserver(r);
+		return i.observe(e), () => i.disconnect();
+	}, [n]);
+	let A = f(() => {
+		if (!i) return n;
+		let e = n.findIndex((e) => e.id === i);
+		if (e < 0 || e < O) return n;
+		let t = [...n], r = Math.max(0, O - 1);
+		return [t[e], t[r]] = [t[r], t[e]], t;
+	}, [
+		n,
+		i,
+		O
+	]), j = A.slice(0, O), M = A.slice(O), N = (e) => {
+		s?.(e.id), e.onClick?.();
+	}, P = (e, n, a) => {
+		let s = e.icon, c = t(T, n ? t("bg-card text-foreground shadow-sm", u) : "text-muted-foreground hover:bg-muted/60", l), d = /* @__PURE__ */ _(h, { children: [
+			!!s && /* @__PURE__ */ g(s, { className: "size-icon-sm" }),
+			E(e.label) ? /* @__PURE__ */ g(r, {
+				tag: "span",
+				size: "inherit",
+				weight: "medium",
+				lineHeight: "tight",
+				className: "text-inherit",
+				children: e.label
+			}) : e.label,
+			!!e.badge && /* @__PURE__ */ g(o, {
+				size: "sm",
+				tone: "secondary",
+				className: t("ml-space-sm", n ? "bg-primary/10 text-primary-accent" : "bg-muted-foreground/10 text-muted-foreground"),
+				children: e.badge
+			})
+		] });
+		return a?.measure ? /* @__PURE__ */ g("span", {
+			"data-tab-id": e.id,
+			className: t("overflow-tab-bar--measure", c),
+			children: d
+		}, e.id) : e.href ? /* @__PURE__ */ g("a", {
+			href: e.href,
+			"data-tab-id": e.id,
+			role: "tab",
+			"aria-selected": n,
+			tabIndex: n || !i ? 0 : -1,
+			onClick: () => N(e),
+			className: t("overflow-tab-bar--tab", c),
+			children: d
+		}, e.id) : /* @__PURE__ */ g("button", {
+			type: "button",
+			"data-tab-id": e.id,
+			role: "tab",
+			"aria-selected": n,
+			tabIndex: n || !i ? 0 : -1,
+			onClick: () => N(e),
+			className: t("overflow-tab-bar--tab", c),
+			children: d
+		}, e.id);
+	};
+	return /* @__PURE__ */ _("div", {
+		ref: x,
+		className: t("overflow-tab-bar--component relative w-full min-w-0 max-w-full", c),
+		...b,
+		children: [/* @__PURE__ */ g("div", {
+			ref: D,
+			"aria-hidden": "true",
+			className: "pointer-events-none fixed left-0 top-0 z-[-1] flex h-0 w-0 items-center gap-space-xs overflow-hidden opacity-0",
+			children: n.map((e) => P(e, !1, { measure: !0 }))
+		}), /* @__PURE__ */ _("div", {
+			ref: C,
+			className: "overflow-tab-bar--viewport relative flex w-full min-w-0 max-w-full items-center gap-space-xs overflow-hidden rounded-radius bg-muted/40 p-space-xs",
+			children: [/* @__PURE__ */ g("div", {
+				role: "tablist",
+				"aria-label": S.navigationLabel,
+				"aria-orientation": "horizontal",
+				className: "overflow-tab-bar--tablist flex min-w-0 flex-1 items-center gap-space-xs overflow-hidden",
+				children: j.map((e) => P(e, e.id === i))
+			}), M.length > 0 && /* @__PURE__ */ g(a, {
+				actions: M.map((e) => ({
+					id: e.id,
+					label: e.label,
+					icon: e.icon,
+					onClick: () => N(e),
+					className: t(e.id === i && "bg-primary/5 text-primary-accent")
+				})),
+				align: "end",
+				density: "table",
+				contentClassName: "min-w-40",
+				width: "w-auto",
+				closeOnSelect: !0,
+				preserveOrder: !0,
+				renderTrigger: /* @__PURE__ */ _("button", {
+					type: "button",
+					"aria-label": S.more,
+					className: t(T, "text-muted-foreground hover:bg-muted/60"),
+					children: [/* @__PURE__ */ g(y, { className: "size-icon-sm" }), /* @__PURE__ */ g(r, {
+						tag: "span",
+						size: "inherit",
+						weight: "medium",
+						lineHeight: "tight",
+						className: "text-inherit",
+						children: S.more
+					})]
+				})
+			})]
+		})]
+	});
+});
+D.displayName = "OverflowTabBar";
+//#endregion
+export { b as a, x as i, w as n, C as r, D as t };
+
+//# sourceMappingURL=navigation-BTrEb5u4.js.map