themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/features/global-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-search.js","names":["React","_Fragment","React","React","cn","Button","Text","DisplayLabel","Stack","ActionDialog","Value","SecondaryValue","AvatarFallback","Avatar","AvatarImage","Badge","Input","TabsTrigger","TabsList","Tabs","EmptyState","React$1","Fragment$1","defaultGlobalSearchStrings","useGlobalSearch","activeTab","setActiveTabState","useState","activeIdx","setActiveIdx","query","grouped","useMemo","buckets","r","results","tabCounts","counts","k","v","visibleGrouped","sub","flat","activeIdxRef","useRef","flatRef","tab","idx","id","i","item","onResultSelect","onClose","GlobalSearchEmptyState","hint","Search","KBD_CLASS","GlobalSearchFooter","className","navigateLabel","openLabel","closeLabel","trailing","GlobalSearchIdleState","sections","HeadingIcon","section","fallbackIcons","Clock","Sparkles","ItemIcon","GlobalSearchInput","innerRef","ref","autoFocus","onValueChange","placeholder","loading","Loader2","value","clearLabel","X","DEFAULT_TONE_BG","DEFAULT_TONE_AVATAR","highlightMatch","q","text","lower","ql","GlobalSearchResultRow","ThumbIcon","result","bg","av","onSelect","active","pieces","Icon","m","tag","p","ArrowRight","GlobalSearchTabs","tabs","isActive","count","GlobalSearch","stringsProp","strings","useStrings","search","isEmpty","isIdle","resolvedTabs","groupKeys","key","groupLabels","slots","onQueryChange","idleSections","interpolateString","groupKey","items","gi","ctx","node","GlobalSearchDialog","searchProps","close","onOpenChange","contentClassName"],"sources":["../../src/components/features/global-search/global-search.strings.ts","../../src/components/features/global-search/hooks/use-global-search.ts","../../src/components/features/global-search/partials/global-search-empty-state.tsx","../../src/components/features/global-search/partials/global-search-footer.tsx","../../src/components/features/global-search/partials/global-search-idle-state.tsx","../../src/components/features/global-search/partials/global-search-input.tsx","../../src/components/features/global-search/partials/tone-palettes.ts","../../src/components/features/global-search/partials/global-search-result-row.tsx","../../src/components/features/global-search/partials/global-search-tabs.tsx","../../src/components/features/global-search/global-search.tsx","../../src/components/features/global-search/global-search-dialog.tsx"],"sourcesContent":["/**\n * Strings for `GlobalSearch` and its partials. Consumers override via the\n * `strings` prop on `<GlobalSearch />`; values are deep-merged over these\n * defaults so partial overrides are safe.\n */\nexport interface GlobalSearchStrings {\n\t/** Placeholder copy for the search input. */\n\t/** Names the modal presentation for assistive technology. */\n\tdialogTitle: string;\n\tplaceholder: string;\n\t/** aria-label for the clear-search icon button. */\n\tclear: string;\n\t/** Loading-state copy. */\n\tloading: string;\n\t/** Empty-state title — uses {{query}} as a placeholder. */\n\temptyTitle: string;\n\t/** Empty-state body copy. */\n\temptyHint: string;\n\t/** Idle-state heading for \"Recent\" suggestions. */\n\tidleRecent: string;\n\t/** Idle-state heading for curated \"Suggestions\". */\n\tidleSuggestions: string;\n\t/** Tab label for the \"All\" tab. */\n\ttabAll: string;\n\t/** Footer \"navigate\" hint. */\n\tfooterNavigate: string;\n\t/** Footer \"open\" hint. */\n\tfooterOpen: string;\n\t/** Footer \"close\" hint. */\n\tfooterClose: string;\n\t/** Trailing N results count. */\n\tresultsCount: string;\n\t/** \"See all\" group action — jumps to that tab. */\n\tseeAll: string;\n}\n\nexport const defaultGlobalSearchStrings: GlobalSearchStrings = {\n\tdialogTitle: 'Search',\n\tplaceholder: 'Search…',\n\tclear: 'Clear search',\n\tloading: 'Searching…',\n\temptyTitle: 'No results for \"{{query}}\"',\n\temptyHint: 'Try a shorter keyword or check the spelling.',\n\tidleRecent: 'Recent',\n\tidleSuggestions: 'Suggestions',\n\ttabAll: 'All',\n\tfooterNavigate: 'navigate',\n\tfooterOpen: 'open',\n\tfooterClose: 'close',\n\tresultsCount: '{{count}} results',\n\tseeAll: 'See all',\n};\n","/**\n * useGlobalSearch — headless state machine for `<GlobalSearch />`.\n *\n * Owns the active-row index, active tab, and the keyboard-navigation\n * handler. Returns the derived flat list (results filtered by tab) so\n * consumers can render entirely custom UIs against the same state.\n *\n * Usage:\n *   const search = useGlobalSearch({ results, query });\n *   <input onKeyDown={search.onKeyDown} />\n *   {search.flat.map((r, i) => <Row active={i === search.activeIdx} … />)}\n */\nimport { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { GlobalSearchResult } from '../global-search.types';\n\nexport interface UseGlobalSearchOptions<TGroup extends string = string> {\n\tresults: ReadonlyArray<GlobalSearchResult<TGroup>>;\n\tquery: string;\n\t/** Fires when the user activates a row (Enter or click). */\n\tonResultSelect?: (result: GlobalSearchResult<TGroup>) => void;\n\t/** Fires when the user presses Escape. */\n\tonClose?: () => void;\n}\n\nexport interface UseGlobalSearchReturn<TGroup extends string = string> {\n\t/** Results bucketed by group, in insertion order. */\n\tgrouped: Record<string, GlobalSearchResult<TGroup>[]>;\n\t/** Result count per tab (`all` plus each group key). */\n\ttabCounts: Record<string, number>;\n\t/** Currently-selected tab. */\n\tactiveTab: 'all' | TGroup;\n\t/** Set the active tab — also resets the active index. */\n\tsetActiveTab: (tab: 'all' | TGroup) => void;\n\t/** Filtered grouped map respecting the active tab. */\n\tvisibleGrouped: Record<string, GlobalSearchResult<TGroup>[]>;\n\t/** Flat ordered list matching what is currently rendered. */\n\tflat: GlobalSearchResult<TGroup>[];\n\t/** Index into `flat` of the currently-highlighted row. */\n\tactiveIdx: number;\n\tsetActiveIdx: (i: number) => void;\n\t/** Programmatically activate a result by id. */\n\tsetActiveById: (id: string) => void;\n\t/** Bind to the search input's `onKeyDown` for arrow / enter / escape support. */\n\tonKeyDown: (e: React.KeyboardEvent) => void;\n\t/** Activate the row at `activeIdx`. */\n\tselectActive: () => void;\n}\n\nexport function useGlobalSearch<TGroup extends string = string>({\n\tresults,\n\tquery,\n\tonResultSelect,\n\tonClose,\n}: UseGlobalSearchOptions<TGroup>): UseGlobalSearchReturn<TGroup> {\n\tconst [activeTab, setActiveTabState] =\n\t\tuseState<'all' | TGroup>('all');\n\tconst [activeIdx, setActiveIdx] = useState(0);\n\n\t// Reset both the active row and the active tab when the query changes\n\t// (so a fresh query never inherits a stale highlight or filter).\n\tuseEffect(() => {\n\t\tsetActiveTabState('all');\n\t\tsetActiveIdx(0);\n\t}, [query]);\n\n\tconst grouped = useMemo(() => {\n\t\tconst buckets: Record<string, GlobalSearchResult<TGroup>[]> = {};\n\t\tfor (const r of results) {\n\t\t\t(buckets[r.group] ??= []).push(r);\n\t\t}\n\t\treturn buckets;\n\t}, [results]);\n\n\tconst tabCounts = useMemo(() => {\n\t\tconst counts: Record<string, number> = { all: results.length };\n\t\tfor (const [k, v] of Object.entries(grouped)) counts[k] = v.length;\n\t\treturn counts;\n\t}, [results.length, grouped]);\n\n\tconst visibleGrouped = useMemo(() => {\n\t\tif (activeTab === 'all') return grouped;\n\t\tconst sub = grouped[activeTab as string];\n\t\treturn sub ? ({ [activeTab as string]: sub } as Record<string, GlobalSearchResult<TGroup>[]>) : {};\n\t}, [grouped, activeTab]);\n\n\tconst flat = useMemo(() => {\n\t\tif (activeTab === 'all') return results.slice();\n\t\treturn grouped[activeTab as string] ?? [];\n\t}, [activeTab, grouped, results]);\n\n\tconst activeIdxRef = useRef(activeIdx);\n\tactiveIdxRef.current = activeIdx;\n\tconst flatRef = useRef(flat);\n\tflatRef.current = flat;\n\n\tconst setActiveTab = (tab: 'all' | TGroup) => {\n\t\tsetActiveTabState(tab);\n\t\tsetActiveIdx(0);\n\t};\n\n\tconst setActiveById = (id: string) => {\n\t\tconst idx = flatRef.current.findIndex((r) => r.id === id);\n\t\tif (idx >= 0) setActiveIdx(idx);\n\t};\n\n\tconst selectActive = () => {\n\t\tconst item = flatRef.current[activeIdxRef.current];\n\t\tif (item) onResultSelect?.(item);\n\t};\n\n\tconst onKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.key === 'ArrowDown') {\n\t\t\te.preventDefault();\n\t\t\tsetActiveIdx((i) => Math.min(i + 1, flatRef.current.length - 1));\n\t\t} else if (e.key === 'ArrowUp') {\n\t\t\te.preventDefault();\n\t\t\tsetActiveIdx((i) => Math.max(i - 1, 0));\n\t\t} else if (e.key === 'Enter') {\n\t\t\tconst item = flatRef.current[activeIdxRef.current];\n\t\t\tif (item) {\n\t\t\t\te.preventDefault();\n\t\t\t\tonResultSelect?.(item);\n\t\t\t}\n\t\t} else if (e.key === 'Escape') {\n\t\t\tonClose?.();\n\t\t}\n\t};\n\n\treturn {\n\t\tgrouped,\n\t\ttabCounts,\n\t\tactiveTab,\n\t\tsetActiveTab,\n\t\tvisibleGrouped,\n\t\tflat,\n\t\tactiveIdx,\n\t\tsetActiveIdx,\n\t\tsetActiveById,\n\t\tonKeyDown,\n\t\tselectActive,\n\t};\n}\n","/**\n * Default empty-state body — shown when the query yields no results.\n * Override entirely via `slots.empty`.\n */\nimport { Search } from 'lucide-react';\n\nimport { EmptyState } from '../../../blocks/data-display';\n\nexport interface GlobalSearchEmptyStateProps {\n\t/** Surface title. */\n\ttitle: string;\n\t/** Short guidance shown beneath the control. */\n\thint: string;\n}\n\nexport function GlobalSearchEmptyState({ title, hint }: GlobalSearchEmptyStateProps) {\n\treturn (\n\t\t<EmptyState\n\t\t\ttitle={title}\n\t\t\tdescription={hint}\n\t\t\tmedia={<Search className=\"size-icon\" aria-hidden=\"true\" />}\n\t\t\tmediaVariant=\"icon-soft\"\n\t\t\tpadding=\"md\"\n\t\t\tclassName=\"global-search-empty-state--component\"\n\t\t/>\n\t);\n}\n","/**\n * GlobalSearchFooter — keyboard-hint strip below the result list.\n * Override entirely via `slots.footer`.\n */\nimport { Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nconst KBD_CLASS =\n\t'rounded border border-border bg-muted/40 px-1.5 py-0.5 font-mono text-xs leading-none text-muted-foreground';\n\nexport interface GlobalSearchFooterProps {\n\t/** Footer hint for the arrow keys. */\n\tnavigateLabel: string;\n\t/** Footer hint for the enter key. */\n\topenLabel: string;\n\t/** Footer hint for the escape key. */\n\tcloseLabel: string;\n\t/** Trailing right-aligned content (e.g. \"3 results\"). */\n\ttrailing?: React.ReactNode;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport function GlobalSearchFooter({\n\tnavigateLabel,\n\topenLabel,\n\tcloseLabel,\n\ttrailing,\n\tclassName,\n}: GlobalSearchFooterProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'global-search-footer--component flex flex-col items-stretch gap-space-xs border-t border-border/60 px-surface py-row-y @sm/global-search:flex-row @sm/global-search:items-center @sm/global-search:justify-between',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<span className=\"global-search-footer--shortcuts flex items-center gap-space-md\">\n\t\t\t\t<kbd className={KBD_CLASS}>↑↓</kbd>\n\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t{navigateLabel}\n\t\t\t\t</Text>\n\t\t\t\t<kbd className={KBD_CLASS}>↵</kbd>\n\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t{openLabel}\n\t\t\t\t</Text>\n\t\t\t\t<kbd className={KBD_CLASS}>esc</kbd>\n\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t{closeLabel}\n\t\t\t\t</Text>\n\t\t\t</span>\n\t\t\t{trailing ? (\n\t\t\t\t<span className=\"global-search-footer--trailing shrink-0 self-end whitespace-nowrap @sm/global-search:self-auto\">\n\t\t\t\t\t{trailing}\n\t\t\t\t</span>\n\t\t\t) : null}\n\t\t</div>\n\t);\n}\n","/**\n * Default idle-state body — shown when the query is too short.\n * Renders consumer-supplied \"Recent\" + \"Suggestions\" sections.\n */\nimport { Clock, Search, Sparkles } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '../../../base/buttons';\nimport { Stack } from '../../../base/structure';\nimport { DisplayLabel, Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nimport type { GlobalSearchIdleSection } from '../global-search.types';\n\nexport interface GlobalSearchIdleStateProps {\n\t/** Sections to render, in display order. */\n\tsections: ReadonlyArray<GlobalSearchIdleSection>;\n\t/** Optional override for the heading icon when missing on a section. */\n\tfallbackIcons?: { recent?: React.ElementType; suggestions?: React.ElementType };\n}\n\nexport function GlobalSearchIdleState({\n\tsections,\n\tfallbackIcons,\n}: GlobalSearchIdleStateProps) {\n\treturn (\n\t\t<div className=\"global-search-idle-state--component p-surface\">\n\t\t<Stack gap=\"xl\">\n\t\t\t{sections.map((section, idx) => {\n\t\t\t\tconst HeadingIcon =\n\t\t\t\t\tsection.icon ??\n\t\t\t\t\t(idx === 0\n\t\t\t\t\t\t? fallbackIcons?.recent ?? Clock\n\t\t\t\t\t\t: fallbackIcons?.suggestions ?? Sparkles);\n\t\t\t\treturn (\n\t\t\t\t\t<div key={section.id}>\n\t\t\t\t\t\t<div className=\"flex items-center gap-space-md px-space-lg pb-space-sm\">\n\t\t\t\t\t\t\t<HeadingIcon\n\t\t\t\t\t\t\t\tclassName=\"size-icon-md text-muted-foreground\"\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<DisplayLabel>\n\t\t\t\t\t\t\t\t{section.label}\n\t\t\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<Stack render={<ul />} gap=\"2xs\" className=\"m-0 list-none p-0\">\n\t\t\t\t\t\t\t{section.items.map((item) => {\n\t\t\t\t\t\t\t\tconst ItemIcon = item.icon ?? Search;\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<li key={item.id}>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"md\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={item.onSelect}\n\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'h-auto w-full justify-start gap-space-lg rounded-radius-md px-row-x py-row-y-sm text-left transition-colors',\n\t\t\t\t\t\t\t\t\t\t\t\t'hover:bg-muted/50 focus-visible:bg-muted/50',\n\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\t\t\t<ItemIcon\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"size-icon-md text-muted-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<Text className=\"flex-1 truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Stack>\n\t\t</div>\n\t);\n}\n","/**\n * GlobalSearchInput — search row at the top of the popover.\n *\n * Just the input + clear button + optional loading spinner. Keyboard\n * navigation is handled by the consumer wiring `useGlobalSearch`'s\n * `onKeyDown` handler.\n */\nimport { Loader2, Search, X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '../../../base/buttons';\nimport { Input } from '../../../base/text-inputs';\nimport { Stack } from '../../../base/structure';\n\nexport interface GlobalSearchInputProps {\n\t/** Current value. */\n\tvalue: string;\n\t/** Fired with the next value. */\n\tonValueChange: (value: string) => void;\n\tonKeyDown?: (e: React.KeyboardEvent) => void;\n\t/** Shown while the value is empty. */\n\tplaceholder?: string;\n\t/** Accessible name for the clear control. */\n\tclearLabel?: string;\n\t/** Shows the pending indicator. */\n\tloading?: boolean;\n\t/** Focuses the control on mount. */\n\tautoFocus?: boolean;\n}\n\nexport const GlobalSearchInput = React.forwardRef<HTMLInputElement, GlobalSearchInputProps>(function GlobalSearchInput(\n\t{ value, onValueChange, onKeyDown, placeholder, clearLabel = 'Clear search', loading = false, autoFocus = false },\n\tref,\n) {\n\tconst innerRef = React.useRef<HTMLInputElement | null>(null);\n\tReact.useImperativeHandle(ref, () => innerRef.current as HTMLInputElement);\n\n\tReact.useEffect(() => {\n\t\tif (autoFocus) innerRef.current?.focus();\n\t}, [autoFocus]);\n\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"global-search-input\"\n\t\t\tdata-slot=\"global-search-input\"\n\t\t\tclassName=\"global-search-input--component border-b border-border px-surface py-row-y\"\n\t\t>\n\t\t\t<Stack direction=\"horizontal\" gap=\"md\" wrap={false}>\n\t\t\t\t<Search className=\"size-icon shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t<Input\n\t\t\t\t\t\tref={innerRef}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\tonChange={(e) => onValueChange(e.target.value)}\n\t\t\t\t\t\tonKeyDown={onKeyDown}\n\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\taria-label={placeholder}\n\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\tspellCheck={false}\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tclassName=\"h-auto border-0 bg-transparent px-0 py-0 text-sm shadow-none focus-visible:border-transparent focus-visible:ring-0\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{loading && <Loader2 className=\"size-icon shrink-0 animate-spin text-muted-foreground\" aria-hidden=\"true\" />}\n\t\t\t\t{!loading && !!value && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\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\ticonOnly\n\t\t\t\t\t\tonClick={() => onValueChange('')}\n\t\t\t\t\t\taria-label={clearLabel}\n\t\t\t\t\t\tclassName=\"size-action-sm rounded text-muted-foreground hover:bg-muted hover:text-foreground\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<X className=\"size-icon-sm\" />\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t</Stack>\n\t\t</div>\n\t);\n});\n","/**\n * Default tone palettes for thumbnails and avatars.\n *\n * Consumers can override per-call via `slots.toneBg` / `slots.toneAvatar`.\n */\nimport type { GlobalSearchTone } from '../global-search.types';\n\nexport const DEFAULT_TONE_BG: Record<GlobalSearchTone, string> = {\n\tneutral: 'bg-muted text-muted-foreground',\n\tprimary: 'bg-primary/5 text-primary-accent',\n\tsuccess: 'bg-success/10 text-success',\n\twarning: 'bg-warning/10 text-warning-accent',\n\tinfo: 'bg-info/10 text-info',\n\tdestructive: 'bg-destructive/10 text-destructive',\n};\n\nexport const DEFAULT_TONE_AVATAR: Record<GlobalSearchTone, string> = {\n\tneutral: 'bg-muted text-muted-foreground',\n\tprimary: 'bg-primary/10 text-primary-accent',\n\tsuccess: 'bg-success/10 text-success',\n\twarning: 'bg-warning/10 text-warning-accent',\n\tinfo: 'bg-info/10 text-info',\n\tdestructive: 'bg-destructive/10 text-destructive',\n};\n","/**\n * GlobalSearchResultRow — single rich result card.\n *\n * Layout: [thumbnail] [title + status pill / muted secondary line / meta] [right-value column] [chevron].\n *\n * Exported as a partial so consumers can:\n *   1. Override an individual row via `slots.renderResult` and reuse this component for the others.\n *   2. Use it standalone in custom search UIs that don't need the full GlobalSearch shell.\n */\nimport { ArrowRight } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '../../../base/buttons';\nimport { Avatar, AvatarFallback, AvatarImage } from '../../../base/avatar';\nimport { Badge } from '../../../base/badge';\nimport { Stack } from '../../../base/structure';\nimport { SecondaryValue, Value } from '../../../primitives';\nimport { Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nimport type { GlobalSearchResult } from '../global-search.types';\nimport {\n\tDEFAULT_TONE_AVATAR,\n\tDEFAULT_TONE_BG,\n} from './tone-palettes';\n\nexport interface GlobalSearchResultRowProps<TGroup extends string = string> {\n\t/** The result this row represents. */\n\tresult: GlobalSearchResult<TGroup>;\n\t/** Highlighted via keyboard nav. */\n\tactive?: boolean;\n\t/** Current search text. */\n\tquery?: string;\n\t/** Fired when an entry is activated. */\n\tonSelect?: () => void;\n\tonMouseEnter?: () => void;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nfunction highlightMatch(text: string, query: string | undefined): React.ReactNode {\n\tconst q = (query ?? '').trim();\n\tif (!q) return text;\n\tconst lower = text.toLowerCase();\n\tconst ql = q.toLowerCase();\n\tconst i = lower.indexOf(ql);\n\tif (i < 0) return text;\n\treturn (\n\t\t<>\n\t\t\t{text.slice(0, i)}\n\t\t\t<mark className=\"rounded-radius-sm bg-warning/40 px-0.5 text-foreground\">\n\t\t\t\t{text.slice(i, i + q.length)}\n\t\t\t</mark>\n\t\t\t{text.slice(i + q.length)}\n\t\t</>\n\t);\n}\n\nexport function GlobalSearchResultRow<TGroup extends string = string>({\n\tresult,\n\tactive = false,\n\tquery = '',\n\tonSelect,\n\tonMouseEnter,\n\tclassName,\n}: GlobalSearchResultRowProps<TGroup>) {\n\tconst ThumbIcon = result.thumbnail?.icon;\n\tconst bg = DEFAULT_TONE_BG;\n\tconst av = DEFAULT_TONE_AVATAR;\n\n\treturn (\n\t\t<Button\n\t\t\ttype=\"button\"\n\t\t\tdata-component=\"global-search-result-row\"\n\t\t\tdata-slot=\"global-search-result-row\"\n\t\t\ttone=\"secondary\"\n\t\t\tbuttonStyle=\"ghost\"\n\t\t\tsize=\"sm\"\n\t\t\tonMouseEnter={onMouseEnter}\n\t\t\tonClick={onSelect}\n\t\t\tclassName={cn(\n\t\t\t\t'group/row relative h-auto w-full justify-start gap-space-lg rounded-radius-md px-row-x py-row-y text-left transition-colors',\n\t\t\t\t'global-search-result-row--component',\n\t\t\t\tactive ? 'bg-muted/60' : 'hover:bg-muted/40',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{/* Thumbnail / Avatar */}\n\t\t\t<div className=\"flex shrink-0 items-center\">\n\t\t\t\t{result.avatar ? (\n\t\t\t\t\t<Avatar className={cn('size-avatar-sm', av[result.avatar.tone ?? 'neutral'])}>\n\t\t\t\t\t\t{result.avatar.src && (\n\t\t\t\t\t\t\t<AvatarImage src={result.avatar.src} alt={result.title} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<AvatarFallback\n\t\t\t\t\t\t\tclassName={cn('text-xs font-semibold', av[result.avatar.tone ?? 'neutral'])}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{result.avatar.initials}\n\t\t\t\t\t\t</AvatarFallback>\n\t\t\t\t\t</Avatar>\n\t\t\t\t) : ThumbIcon ? (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'inline-flex size-avatar-sm items-center justify-center rounded-radius-md',\n\t\t\t\t\t\t\tbg[result.thumbnail?.tone ?? 'neutral'],\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ThumbIcon className=\"size-icon\" aria-hidden=\"true\" />\n\t\t\t\t\t</span>\n\t\t\t\t) : null}\n\t\t\t</div>\n\n\t\t\t{/* Body */}\n\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t<div className=\"flex items-center gap-space-sm leading-tight\">\n\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className=\"truncate\">\n\t\t\t\t\t\t{highlightMatch(result.title, query)}\n\t\t\t\t\t</Text>\n\t\t\t\t\t{!!result.badge && (\n\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\ttone={\n\t\t\t\t\t\t\t\tresult.badge.tone === 'destructive'\n\t\t\t\t\t\t\t\t\t? 'destructive'\n\t\t\t\t\t\t\t\t\t: result.badge.tone\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{result.badge.label}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{(() => {\n\t\t\t\t\tconst pieces: Array<{ key: string; node: React.ReactNode }> = [];\n\t\t\t\t\tif (result.subtitle)\n\t\t\t\t\t\tpieces.push({\n\t\t\t\t\t\t\tkey: 'subtitle',\n\t\t\t\t\t\t\tnode: (\n\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{highlightMatch(result.subtitle, query)}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t});\n\t\t\t\t\tresult.meta?.forEach((m, i) => {\n\t\t\t\t\t\tconst Icon = m.icon;\n\t\t\t\t\t\tpieces.push({\n\t\t\t\t\t\t\tkey: `m-${i}`,\n\t\t\t\t\t\t\tnode: (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'inline-flex items-center gap-space-xs',\n\t\t\t\t\t\t\t\t\t\tm.mono && 'font-mono tabular-nums',\n\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{!!Icon && <Icon className=\"size-icon-sm shrink-0\" aria-hidden=\"true\" />}\n\t\t\t\t\t\t\t\t\t{m.label}\n\t\t\t\t\t\t\t\t</Text>\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 (result.timestamp)\n\t\t\t\t\t\tpieces.push({\n\t\t\t\t\t\t\tkey: 'ts',\n\t\t\t\t\t\t\tnode: <SecondaryValue size=\"xs\" className=\"tabular-nums\">{result.timestamp}</SecondaryValue>,\n\t\t\t\t\t\t});\n\t\t\t\t\tresult.tags?.forEach((tag) =>\n\t\t\t\t\t\tpieces.push({\n\t\t\t\t\t\t\tkey: `t-${tag}`,\n\t\t\t\t\t\t\tnode: <Text tag=\"span\" size=\"xs\" type=\"secondary\">{tag}</Text>,\n\t\t\t\t\t\t}),\n\t\t\t\t\t);\n\t\t\t\t\tif (result.rightValue) {\n\t\t\t\t\t\tpieces.push({\n\t\t\t\t\t\t\tkey: 'rv',\n\t\t\t\t\t\t\tnode: (\n\t\t\t\t\t\t\t\t<Value weight=\"medium\" className=\"tabular-nums\">\n\t\t\t\t\t\t\t\t\t{result.rightValue}\n\t\t\t\t\t\t\t\t\t{!!result.rightLabel && (\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=\"inherit\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"ml-1\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{result.rightLabel.toLowerCase()}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Value>\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 (pieces.length === 0) return null;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div className=\"mt-space-2xs truncate\">\n\t\t\t\t\t\t\t{pieces.map((p, i) => (\n\t\t\t\t\t\t\t\t<React.Fragment key={p.key}>\n\t\t\t\t\t\t\t\t\t{i > 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\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"mx-1.5 opacity-60\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t·\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{p.node}\n\t\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})()}\n\t\t\t</div>\n\n\t\t\t{/* Right value column — only when value/label set */}\n\t\t\t{!!(result.rightValue || result.rightLabel) && (\n\t\t\t\t<div className=\"hidden shrink-0 items-center self-stretch border-l border-border/60 pl-row-x @xl/global-search:flex\">\n\t\t\t\t\t<Stack gap=\"none\" align=\"end\" className=\"text-right leading-tight\">\n\t\t\t\t\t\t{!!result.rightValue && (\n\t\t\t\t\t\t\t<Value\n\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\tclassName=\"whitespace-nowrap tabular-nums\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{result.rightValue}\n\t\t\t\t\t\t\t</Value>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!!result.rightLabel && (\n\t\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=\"xs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tclassName=\"mt-0.5 whitespace-nowrap\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{result.rightLabel}\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</div>\n\t\t\t)}\n\n\t\t\t{/* Trailing chevron */}\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'inline-flex size-action-sm shrink-0 items-center justify-center rounded-radius-md transition-all',\n\t\t\t\t\tactive\n\t\t\t\t\t\t? 'bg-foreground text-background opacity-100'\n\t\t\t\t\t\t: 'text-muted-foreground opacity-0 group-hover/row:opacity-100',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<ArrowRight className=\"size-icon-md\" />\n\t\t\t</span>\n\t\t</Button>\n\t);\n}\n","/**\n * GlobalSearchTabs — segmented filter strip above the result list.\n *\n * Wraps `base/navigation/tabs` for app-consistent styling and adds a\n * subtle count pill next to each label.\n */\nimport { Tabs, TabsList, TabsTrigger } from '../../../base/navigation/tabs';\nimport { Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nexport interface GlobalSearchTabsProps<TGroup extends string = string> {\n\t/** Currently-selected tab. */\n\tvalue: 'all' | TGroup;\n\tonValueChange: (value: 'all' | TGroup) => void;\n\t/** Tabs to offer, in display order. */\n\ttabs: ReadonlyArray<{ value: 'all' | TGroup; label: string }>;\n\t/** Result counts shown beside each group. */\n\tcounts: Record<string, number>;\n}\n\nexport function GlobalSearchTabs<TGroup extends string = string>({\n\tvalue,\n\tonValueChange,\n\ttabs,\n\tcounts,\n}: GlobalSearchTabsProps<TGroup>) {\n\treturn (\n\t\t<div className=\"global-search-tabs--component border-b border-border/60 px-surface py-row-y\">\n\t\t\t<div className=\"global-search-tabs--scroller -mx-1 overflow-x-auto px-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n\t\t\t\t<Tabs\n\t\t\t\t\tvalue={value as string}\n\t\t\t\t\tonValueChange={(v) => onValueChange(v as 'all' | TGroup)}\n\t\t\t\t\tclassName=\"min-w-max\"\n\t\t\t\t>\n\t\t\t\t\t<TabsList className=\"global-search-tabs--list h-action-sm w-max min-w-max\">\n\t\t\t\t\t\t{tabs.map((tab) => {\n\t\t\t\t\t\t\tconst isActive = value === tab.value;\n\t\t\t\t\t\t\tconst count = counts[tab.value as string] ?? 0;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<TabsTrigger\n\t\t\t\t\t\t\t\t\tkey={tab.value as string}\n\t\t\t\t\t\t\t\t\tvalue={tab.value as string}\n\t\t\t\t\t\t\t\t\tclassName=\"global-search-tabs--trigger shrink-0 gap-space-sm px-control-sm text-foreground\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\">\n\t\t\t\t\t\t\t\t\t\t{tab.label}\n\t\t\t\t\t\t\t\t\t</Text>\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=\"xs\"\n\t\t\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'global-search-tabs--count rounded px-1 py-0 tabular-nums',\n\t\t\t\t\t\t\t\t\t\t\tisActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-muted text-foreground'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent text-foreground',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{count}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</TabsTrigger>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</TabsList>\n\t\t\t\t</Tabs>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","/**\n * GlobalSearch — framework-agnostic spotlight overlay for app-wide search.\n *\n * Composition seams:\n *   - `strings`        — deep-partial override of the default copy\n *   - `slots`          — replace any region (input, tabs, idle, empty, loading, footer)\n *   - `slots.renderResult` — full per-row override\n *\n * Headless usage:\n *   - Call `useGlobalSearch({ results, query })` directly to drive a\n *     completely custom UI against the same selection state machine.\n *\n * Framework-agnostic:\n *   - No router import, no i18n SDK import. Routing is up to the consumer\n *     via `onResultSelect`. Strings live in the `strings` prop.\n *   - The library no longer ships `adapters/$framework/`. Consumers map\n *     their router (Inertia, Tanstack Router, RR7, Next, …) to\n *     `onResultSelect(result)` directly at the call site.\n */\nimport * as React from 'react';\n\nimport { Button } from '../../base/buttons';\nimport { Stack } from '../../base/structure';\nimport { DisplayLabel, Text } from '../../typography';\nimport { interpolateString, useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport {\n\tdefaultGlobalSearchStrings,\n\ttype GlobalSearchStrings,\n} from './global-search.strings';\nimport type {\n\tGlobalSearchIdleSection,\n\tGlobalSearchResult,\n\tGlobalSearchSlots,\n\tGlobalSearchTab,\n} from './global-search.types';\nimport { useGlobalSearch } from './hooks/use-global-search';\nimport {\n\tGlobalSearchEmptyState,\n\tGlobalSearchFooter,\n\tGlobalSearchIdleState,\n\tGlobalSearchInput,\n\tGlobalSearchResultRow,\n\tGlobalSearchTabs,\n} from './partials';\n\nexport interface GlobalSearchProps<TGroup extends string = string> {\n\t/** Result list. The component renders these grouped by `result.group`. */\n\tresults?: ReadonlyArray<GlobalSearchResult<TGroup>>;\n\t/** Current query value (controlled). */\n\tquery: string;\n\t/** Query change callback. */\n\tonQueryChange: (q: string) => void;\n\t/** Activation callback — fires on row click or Enter. */\n\tonResultSelect?: (result: GlobalSearchResult<TGroup>) => void;\n\t/** Escape-key callback. */\n\tonClose?: () => void;\n\t/** Loading flag — switches the input spinner and renders the loading slot. */\n\tloading?: boolean;\n\t/** Idle-state sections (Recent / Suggestions / …). */\n\tidleSections?: ReadonlyArray<GlobalSearchIdleSection>;\n\t/** Override default group labels in the tab strip. */\n\tgroupLabels?: Partial<Record<TGroup, string>>;\n\t/** Auto-focus the input on mount. */\n\tautoFocus?: boolean;\n\t/** Replace any portion of the default copy. */\n\tstrings?: StringsProp<GlobalSearchStrings>;\n\t/** Replace any portion of the layout. */\n\tslots?: GlobalSearchSlots<TGroup>;\n\t/** Custom tab list — overrides the auto-generated `All + groups`. */\n\ttabs?: ReadonlyArray<GlobalSearchTab<TGroup>>;\n\t/** Wrapper className. */\n\tclassName?: string;\n}\n\nexport function GlobalSearch<TGroup extends string = string>({\n\tresults = [],\n\tquery,\n\tonQueryChange,\n\tonResultSelect,\n\tonClose,\n\tloading = false,\n\tidleSections,\n\tgroupLabels,\n\tautoFocus = false,\n\tstrings: stringsProp,\n\tslots,\n\ttabs,\n\tclassName,\n}: GlobalSearchProps<TGroup>) {\n\tconst strings = useStrings(defaultGlobalSearchStrings, stringsProp);\n\n\tconst search = useGlobalSearch<TGroup>({\n\t\tresults,\n\t\tquery,\n\t\tonResultSelect,\n\t\tonClose,\n\t});\n\n\tconst isEmpty =\n\t\t!loading && query.trim().length > 1 && results.length === 0;\n\tconst isIdle = !loading && query.trim().length <= 1;\n\n\tconst resolvedTabs = React.useMemo<\n\t\tReadonlyArray<GlobalSearchTab<TGroup>>\n\t>(() => {\n\t\tif (tabs) return tabs;\n\t\tconst groupKeys = Object.keys(search.grouped) as TGroup[];\n\t\treturn [\n\t\t\t{ value: 'all', label: strings.tabAll },\n\t\t\t...groupKeys.map((key) => ({\n\t\t\t\tvalue: key,\n\t\t\t\tlabel: groupLabels?.[key] ?? key,\n\t\t\t})),\n\t\t];\n\t}, [tabs, search.grouped, strings.tabAll, groupLabels]);\n\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"global-search\"\n\t\t\tdata-slot=\"global-search\"\n\t\t\tclassName={cn('global-search--component',\n\t\t\t\t'@container/global-search overflow-hidden rounded-radius-lg border border-border bg-card shadow-2xl',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{slots?.input ?? (\n\t\t\t\t<GlobalSearchInput\n\t\t\t\t\tvalue={query}\n\t\t\t\t\tonValueChange={onQueryChange}\n\t\t\t\t\tonKeyDown={search.onKeyDown}\n\t\t\t\t\tplaceholder={strings.placeholder}\n\t\t\t\t\tclearLabel={strings.clear}\n\t\t\t\t\tloading={loading}\n\t\t\t\t\tautoFocus={autoFocus}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{!loading && results.length > 0 && (\n\t\t\t\tslots?.tabs ?? (\n\t\t\t\t\t<GlobalSearchTabs<TGroup>\n\t\t\t\t\t\tvalue={search.activeTab}\n\t\t\t\t\t\tonValueChange={search.setActiveTab}\n\t\t\t\t\t\ttabs={resolvedTabs}\n\t\t\t\t\t\tcounts={search.tabCounts}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t)}\n\n\t\t\t<div className=\"max-h-[520px] overflow-y-auto\">\n\t\t\t\t{!!isIdle && (slots?.idle ?? (\n\t\t\t\t\tidleSections && idleSections.length > 0 ? (\n\t\t\t\t\t\t<GlobalSearchIdleState sections={idleSections} />\n\t\t\t\t\t) : null\n\t\t\t\t))}\n\n\t\t\t\t{!!loading && (slots?.loading ?? (\n\t\t\t\t\t<div className=\"global-search--loading flex items-center justify-center px-surface py-12\">\n\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t\t{strings.loading}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\n\t\t\t\t{!!isEmpty && (slots?.empty ?? (\n\t\t\t\t\t<GlobalSearchEmptyState\n\t\t\t\t\t\ttitle={interpolateString(strings.emptyTitle, { query })}\n\t\t\t\t\t\thint={strings.emptyHint}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\n\t\t\t\t{!loading && results.length > 0 && (\n\t\t\t\t\t<div className=\"global-search--results p-surface\">\n\t\t\t\t\t\t{Object.entries(search.visibleGrouped).map(\n\t\t\t\t\t\t\t([groupKey, items], gi) => (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={groupKey}\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'pb-space-xs last:pb-0',\n\t\t\t\t\t\t\t\t\t\tgi > 0 && 'mt-space-md pt-space-xs',\n\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<div className=\"flex items-center justify-between px-row-x pb-space-2xs\">\n\t\t\t\t\t\t\t\t\t\t<DisplayLabel>\n\t\t\t\t\t\t\t\t\t\t\t{groupLabels?.[groupKey as TGroup] ?? groupKey}\n\t\t\t\t\t\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t\t\t\t\t\t{search.activeTab === 'all' && items.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\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\ttone=\"secondary\"\n\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\tsize=\"sm\"\n\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\tsearch.setActiveTab(groupKey as TGroup)\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\tclassName=\"h-auto rounded px-1 py-0 text-primary-accent transition-colors hover:underline\"\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<Text\n\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\tsize=\"inherit\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"text-primary-accent\"\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{strings.seeAll}\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</Button>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<Stack render={<ul />} gap=\"2xs\" className=\"m-0 list-none p-0\">\n\t\t\t\t\t\t\t\t\t\t{items.map((item) => {\n\t\t\t\t\t\t\t\t\t\t\tconst isActive =\n\t\t\t\t\t\t\t\t\t\t\t\tsearch.flat[search.activeIdx]?.id === item.id;\n\t\t\t\t\t\t\t\t\t\t\tconst ctx = {\n\t\t\t\t\t\t\t\t\t\t\t\tisActive,\n\t\t\t\t\t\t\t\t\t\t\t\tquery,\n\t\t\t\t\t\t\t\t\t\t\t\tonSelect: () => onResultSelect?.(item),\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\tconst node = slots?.renderResult ? (\n\t\t\t\t\t\t\t\t\t\t\t\tslots.renderResult(item, ctx)\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<GlobalSearchResultRow<TGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t\tresult={item}\n\t\t\t\t\t\t\t\t\t\t\tactive={isActive}\n\t\t\t\t\t\t\t\t\t\t\t\t\tquery={query}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect={ctx.onSelect}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonMouseEnter={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearch.setActiveById(item.id)\n\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);\n\t\t\t\t\t\t\t\t\t\t\treturn <li key={item.id}>{node}</li>;\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t</div>\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</div>\n\n\t\t\t{slots?.footer ?? (\n\t\t\t\t<GlobalSearchFooter\n\t\t\t\t\tnavigateLabel={strings.footerNavigate}\n\t\t\t\t\topenLabel={strings.footerOpen}\n\t\t\t\t\tcloseLabel={strings.footerClose}\n\t\t\t\t\ttrailing={\n\t\t\t\t\t\t!isIdle && !isEmpty && results.length > 0 ? (\n\t\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=\"xs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tclassName=\"tabular-nums\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{interpolateString(strings.resultsCount, {\n\t\t\t\t\t\t\t\t\tcount: results.length,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) : undefined\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","/**\n * GlobalSearchDialog — the command-palette presentation of `GlobalSearch`.\n *\n * `GlobalSearch` is a panel: it renders its own card chrome and expects to be\n * placed somewhere. The palette pattern it was clearly built for — `onClose`,\n * `autoFocus`, Escape handling — had no supported presentation, so every call\n * site hand-rolled the modal around it: a `fixed inset-0` backdrop and a\n * mousedown-outside handler, with no focus trap, no portal, no scroll lock and\n * no dialog role.\n *\n * It presents through `ActionDialog` rather than a raw `Dialog`, because\n * `features/overlays` is the package's single overlay surface and everything\n * modal is expected to come from it. Three of its seams carry the palette\n * shape: `visuallyHideHeader` keeps the accessible name without drawing a\n * heading, `showCloseButton={false}` drops the corner X that would otherwise\n * land on the search field, and the two action flags remove the footer.\n *\n * The surface itself is neutralised because `GlobalSearch` already draws the\n * card, and it anchors near the top rather than centring, which is where a\n * palette belongs.\n */\nimport { useMemo } from 'react';\n\nimport { ActionDialog } from '../overlays';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { GlobalSearch, type GlobalSearchProps } from './global-search';\nimport { defaultGlobalSearchStrings } from './global-search.strings';\n\nexport interface GlobalSearchDialogProps<TGroup extends string = string>\n\textends Omit<GlobalSearchProps<TGroup>, 'onClose'> {\n\t/** Whether the palette is showing. */\n\topen: boolean;\n\t/** Open-state callback. Fires on Escape, backdrop click, and result selection. */\n\tonOpenChange: (open: boolean) => void;\n\t/** Classes for the dialog surface that positions the palette. */\n\tcontentClassName?: string;\n}\n\nexport function GlobalSearchDialog<TGroup extends string = string>({\n\topen,\n\tonOpenChange,\n\tcontentClassName,\n\tclassName,\n\tstrings: stringsProp,\n\tautoFocus = true,\n\t...searchProps\n}: GlobalSearchDialogProps<TGroup>) {\n\tconst strings = useStrings(defaultGlobalSearchStrings, stringsProp);\n\tconst close = useMemo(() => () => onOpenChange(false), [onOpenChange]);\n\n\treturn (\n\t\t<ActionDialog\n\t\t\topen={open}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\ttitle={strings.dialogTitle}\n\t\t\tvisuallyHideHeader\n\t\t\tshowCloseButton={false}\n\t\t\tshowCancel={false}\n\t\t\tshowConfirm={false}\n\t\t\tclassName={cn(\n\t\t\t\t'global-search-dialog--component',\n\t\t\t\t// GlobalSearch draws the card, so the dialog surface carries none:\n\t\t\t\t// stacking both produced a border inside a border.\n\t\t\t\t'w-full max-w-2xl overflow-visible border-0 bg-transparent p-0 shadow-none sm:max-w-2xl',\n\t\t\t\t// A palette belongs near the top of the viewport, not centred in it.\n\t\t\t\t'top-24 translate-y-0',\n\t\t\t\tcontentClassName,\n\t\t\t)}\n\t\t\tcontentClassName=\"p-0\"\n\t\t>\n\t\t\t<GlobalSearch<TGroup>\n\t\t\t\t{...(searchProps as GlobalSearchProps<TGroup>)}\n\t\t\t\tstrings={stringsProp}\n\t\t\t\tautoFocus={autoFocus}\n\t\t\t\tonClose={close}\n\t\t\t\tclassName={className}\n\t\t\t/>\n\t\t</ActionDialog>\n\t);\n}\n\nGlobalSearchDialog.displayName = 'GlobalSearchDialog';\n"],"mappings":"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"}

package/dist/features/kanban.js

@@ -0,0 +1,425 @@
+"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 { n as i } from "../action-menu-Cx3SdfbN.js";
+import { createContext as a, forwardRef as o, useCallback as s, useContext as c, useEffect as l, useLayoutEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { MoreHorizontal as g } from "lucide-react";
+import { DndContext as _, DragOverlay as v, KeyboardSensor as y, PointerSensor as b, useDroppable as x, useSensor as S, useSensors as C } from "@dnd-kit/core";
+import { SortableContext as w, useSortable as T, verticalListSortingStrategy as E } from "@dnd-kit/sortable";
+import { CSS as D } from "@dnd-kit/utilities";
+//#region src/components/features/kanban/kanban-keyboard.ts
+function O(e, t, n) {
+	let r = Object.keys(e), i = r.indexOf(t.columnId);
+	if (n === "ArrowLeft" || n === "ArrowRight") {
+		let a = r[i + (n === "ArrowRight" ? 1 : -1)];
+		return a ? {
+			columnId: a,
+			index: Math.min(t.index, e[a].length)
+		} : t;
+	}
+	return n === "ArrowUp" || n === "ArrowDown" ? {
+		columnId: t.columnId,
+		index: Math.max(0, Math.min(e[t.columnId].length - 1, t.index + (n === "ArrowDown" ? 1 : -1)))
+	} : t;
+}
+function k(e, t, n, r, i) {
+	return (a, { currentCoordinates: o, context: s }) => {
+		if (![
+			"ArrowUp",
+			"ArrowDown",
+			"ArrowLeft",
+			"ArrowRight"
+		].includes(a.code)) return;
+		let c = s.active;
+		if (!c) return;
+		let l = r.current ?? n(String(c.id));
+		if (!l) return;
+		a.preventDefault();
+		let u = O(e, l, a.code);
+		r.current = u, i?.(u);
+		let d = e[u.columnId][u.index], f = d === void 0 ? u.columnId : t(d), p = s.droppableRects.get(f), m = s.collisionRect;
+		return !p || !m ? o : {
+			x: o.x + p.left - m.left,
+			y: o.y + p.top - m.top
+		};
+	};
+}
+//#endregion
+//#region src/components/features/kanban/hooks/use-kanban.ts
+function A({ value: e, onValueChange: t, getItemValue: n, onItemMove: r }) {
+	let i = s((t) => {
+		for (let [r, i] of Object.entries(e)) {
+			let e = i.findIndex((e) => n(e) === t);
+			if (e >= 0) return {
+				columnId: r,
+				index: e,
+				item: i[e]
+			};
+		}
+	}, [e, n]), a = s(({ itemId: n, toColumnId: a, toIndex: o }) => {
+		let s = i(n);
+		if (!s || !Object.prototype.hasOwnProperty.call(e, a)) return;
+		let { columnId: c, index: l, item: u } = s, d = e[a], f = o === void 0 ? d.length : Math.max(0, Math.min(o, d.length));
+		if (c === a && l === f) return;
+		let p = { ...e }, m = [...p[c]];
+		m.splice(l, 1), p[c] = m;
+		let h = [...c === a ? m : p[a]], g = f;
+		c === a && l < f && (g = Math.max(0, f - 1)), h.splice(g, 0, u), p[a] = h, t(p), r?.({
+			item: u,
+			itemId: n,
+			from: {
+				columnId: c,
+				index: l
+			},
+			to: {
+				columnId: a,
+				index: g
+			}
+		});
+	}, [
+		e,
+		i,
+		t,
+		r
+	]);
+	return d(() => ({
+		findItem: i,
+		move: a
+	}), [i, a]);
+}
+//#endregion
+//#region src/components/features/kanban/kanban-context.tsx
+var j = a(null), M = j.Provider;
+function N() {
+	let e = c(j);
+	if (!e) throw Error("Kanban subcomponents must be rendered inside a <Kanban> root.");
+	return e;
+}
+var P = a(null), F = P.Provider;
+function I() {
+	let e = c(P);
+	if (!e) throw Error("<KanbanItemHandle> / <KanbanItemActions> must be rendered inside a <KanbanItem>.");
+	return e;
+}
+//#endregion
+//#region src/components/features/kanban/kanban.strings.ts
+var L = {
+	announceDragStart: "Picked up item {name}.",
+	announceDragMove: "Moving {name} from {from} to {to}, position {position}.",
+	announceDragEnd: "Dropped {name} into {to}, position {position}.",
+	announceDragCancel: "Cancelled drag of {name}.",
+	dragHandleAria: "Drag handle",
+	boardAria: "Kanban board",
+	itemActionsAria: "Item actions"
+};
+function R(e, t) {
+	return Object.entries(t).reduce((e, [t, n]) => e.replace(RegExp(`\\{${t}\\}`, "g"), n), e);
+}
+//#endregion
+//#region src/components/features/kanban/kanban.tsx
+function z({ value: n, onValueChange: i, getItemValue: a, getItemLabel: o, getColumnLabel: c, onItemMove: l, itemActions: g, onItemClick: v, strings: x, className: w, children: T }) {
+	let E = e(L, x), { findItem: D, move: O } = A({
+		value: n,
+		onValueChange: i,
+		getItemValue: a,
+		onItemMove: l
+	}), [j, N] = p(null), P = f(null), F = f(null);
+	u(() => {
+		if (j || !F.current) return;
+		let e = Array.from(P.current?.querySelectorAll("[data-kanban-item-id]") ?? []).find((e) => e.dataset.kanbanItemId === F.current), t = e?.querySelector("[data-slot=\"kanban-item-handle\"]") ?? e;
+		t && (t.focus(), F.current = null);
+	}, [j, n]);
+	let I = f(null), z = f(null), [B, V] = p(null), H = f(null), U = d(() => k(n, a, D, H, V), [
+		n,
+		a,
+		D
+	]), W = C(S(b, { activationConstraint: { distance: 6 } }), S(y, { coordinateGetter: U })), G = d(() => j ? D(j)?.item ?? null : null, [j, D]), K = s((e) => {
+		let t = D(String(e.active.id));
+		I.current = t ? {
+			columnId: t.columnId,
+			index: t.index,
+			name: o?.(t.item) ?? String(e.active.id)
+		} : null, z.current = null, V(null), H.current = null, F.current = e.activatorEvent instanceof KeyboardEvent ? String(e.active.id) : null, N(String(e.active.id));
+	}, [D, o]), q = s((e) => {
+		N(null), V(null);
+		let { active: t, over: r } = e, i = H.current;
+		if (z.current = i, H.current = null, i) {
+			let e = D(String(t.id)), n = e?.columnId === i.columnId && e.index < i.index ? i.index + 1 : i.index;
+			O({
+				itemId: String(t.id),
+				toColumnId: i.columnId,
+				toIndex: n
+			});
+			return;
+		}
+		if (!r) return;
+		t.data.current;
+		let a = r.data.current, o = String(r.id), s = a?.columnId ?? (Object.prototype.hasOwnProperty.call(n, o) ? o : void 0);
+		if (!s) return;
+		let c = a?.columnId === void 0 ? n[s].length : a.index;
+		O({
+			itemId: String(t.id),
+			toColumnId: s,
+			toIndex: c
+		});
+	}, [
+		O,
+		n,
+		D
+	]), J = d(() => ({
+		value: n,
+		onValueChange: i,
+		getItemValue: a,
+		activeId: j,
+		activeItem: G,
+		findItem: D,
+		itemActions: g,
+		onItemClick: v
+	}), [
+		n,
+		i,
+		a,
+		j,
+		G,
+		D,
+		g,
+		v
+	]), Y = (e, t) => {
+		let r = D(e), i = I.current, a = t ? D(t) : void 0, s = H.current ?? z.current ?? a ?? (t && n[t] ? {
+			columnId: t,
+			index: n[t].length
+		} : i), l = (e) => e ? c?.(e) ?? e : "";
+		return {
+			name: i?.name ?? (r ? o?.(r.item) ?? e : e),
+			from: l(i?.columnId),
+			to: l(s?.columnId),
+			position: String((s?.index ?? 0) + 1)
+		};
+	};
+	return /* @__PURE__ */ m(M, {
+		value: J,
+		children: /* @__PURE__ */ m(_, {
+			sensors: W,
+			onDragStart: K,
+			onDragEnd: q,
+			onDragCancel: () => {
+				H.current = null, V(null), N(null);
+			},
+			accessibility: { announcements: {
+				onDragStart({ active: e }) {
+					return R(E.announceDragStart, Y(String(e.id)));
+				},
+				onDragMove({ active: e, over: t }) {
+					if (!F.current) return R(E.announceDragMove, Y(String(e.id), t ? String(t.id) : void 0));
+				},
+				onDragOver({ active: e, over: t }) {
+					if (!F.current) return R(E.announceDragMove, Y(String(e.id), t ? String(t.id) : void 0));
+				},
+				onDragEnd({ active: e, over: t }) {
+					return R(E.announceDragEnd, Y(String(e.id), t ? String(t.id) : void 0));
+				},
+				onDragCancel({ active: e }) {
+					return R(E.announceDragCancel, Y(String(e.id)));
+				}
+			} },
+			children: /* @__PURE__ */ h("div", {
+				ref: P,
+				role: "application",
+				"aria-label": E.boardAria,
+				className: t("kanban--component", "w-full", w),
+				children: [T, /* @__PURE__ */ m("div", {
+					className: "kanban--keyboard-announcement sr-only",
+					role: "status",
+					"aria-live": "assertive",
+					"aria-atomic": "true",
+					children: /* @__PURE__ */ m(r, {
+						tag: "span",
+						children: j && B ? R(E.announceDragMove, Y(j)) : ""
+					})
+				})]
+			})
+		})
+	});
+}
+z.displayName = "Kanban";
+function B({ className: e, style: n, children: r }) {
+	return /* @__PURE__ */ m("div", {
+		className: t("grid w-full gap-space-lg", e),
+		style: n,
+		children: r
+	});
+}
+B.displayName = "KanbanBoard";
+function V({ value: e, className: n, children: r }) {
+	let { setNodeRef: i, isOver: a } = x({ id: e });
+	return /* @__PURE__ */ m("div", {
+		ref: i,
+		"data-slot": "kanban-column",
+		"data-column-id": e,
+		"data-over": a ? "true" : void 0,
+		className: t("flex min-w-0 flex-col", n),
+		children: r
+	});
+}
+V.displayName = "KanbanColumn";
+function H({ value: e, className: n, children: r }) {
+	let i = N(), a = (i.value[e] ?? []).map((e) => i.getItemValue(e));
+	return /* @__PURE__ */ m(w, {
+		items: a,
+		strategy: E,
+		children: /* @__PURE__ */ m("div", {
+			"data-slot": "kanban-column-content",
+			className: t("flex flex-col gap-space-md", n),
+			children: r
+		})
+	});
+}
+H.displayName = "KanbanColumnContent";
+function U({ value: e, className: n, disabled: r = !1, onClick: i, children: a }) {
+	let o = N(), c = o.findItem(e), { attributes: l, listeners: u, setNodeRef: f, setActivatorNodeRef: h, transform: g, transition: _, isDragging: v } = T({
+		id: e,
+		disabled: r,
+		data: {
+			columnId: c?.columnId,
+			index: c?.index
+		}
+	}), y = {
+		transform: D.Transform.toString(g),
+		transition: _,
+		opacity: v ? .4 : void 0
+	}, [b, x] = p(0), S = b > 0, C = s(() => (x((e) => e + 1), () => x((e) => Math.max(0, e - 1))), []), w = d(() => ({
+		listeners: u,
+		attributes: l,
+		setActivatorNodeRef: h,
+		registerHandle: C,
+		itemId: e,
+		item: c?.item ?? null
+	}), [
+		u,
+		l,
+		h,
+		C,
+		e,
+		c?.item
+	]), E = o.onItemClick, O = s((e) => {
+		if (!e.target?.closest("[data-stop-item-click]")) {
+			if (i) {
+				i();
+				return;
+			}
+			E && c?.item !== void 0 && E(c.item);
+		}
+	}, [
+		i,
+		E,
+		c?.item
+	]), k = !!(i || E);
+	return /* @__PURE__ */ m(F, {
+		value: w,
+		children: /* @__PURE__ */ m("div", {
+			ref: f,
+			style: y,
+			"data-slot": "kanban-item",
+			"data-kanban-item-id": e,
+			"data-dragging": v ? "true" : void 0,
+			className: t("touch-none select-none", k && "cursor-pointer", n),
+			onClick: k ? O : void 0,
+			...S ? {} : l,
+			...S ? {} : u,
+			children: a
+		})
+	});
+}
+U.displayName = "KanbanItem";
+var W = o(function({ className: e, children: r }, i) {
+	let { setActivatorNodeRef: a, listeners: o, attributes: c, registerHandle: u } = I();
+	l(() => u(), [u]);
+	let d = s((e) => {
+		a(e), typeof i == "function" ? i(e) : i && (i.current = e);
+	}, [a, i]);
+	return /* @__PURE__ */ m(n, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		size: "sm",
+		iconOnly: !0,
+		ref: d,
+		"data-slot": "kanban-item-handle",
+		"data-stop-item-click": !0,
+		onClick: (e) => e.stopPropagation(),
+		className: t("cursor-grab rounded-radius-sm shadow-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 active:cursor-grabbing", e),
+		...c,
+		...o,
+		children: r
+	});
+});
+W.displayName = "KanbanItemHandle";
+function G({ className: n, icon: r, ariaLabel: a }) {
+	let o = N(), s = I(), c = e(L, void 0), l = s.item, u = o.itemActions, f = d(() => !u || l == null ? [] : (typeof u == "function" ? u(l) : u).flatMap((e) => {
+		let t = typeof e.visible == "function" ? e.visible(l) : e.visible ?? !0;
+		if (!t) return [];
+		let n = typeof e.disabled == "function" ? e.disabled(l) : e.disabled ?? !1;
+		return [{
+			...e,
+			visible: t,
+			disabled: n
+		}];
+	}), [u, l]);
+	if (l === null || f.length === 0) return null;
+	let p = f.map((e) => ({
+		id: e.id,
+		label: e.label,
+		icon: e.icon,
+		disabled: e.disabled,
+		tone: e.tone,
+		buttonStyle: e.buttonStyle,
+		onClick: () => e.onClick(l)
+	}));
+	return /* @__PURE__ */ m("span", {
+		className: "kanban-item-actions--component inline-flex",
+		"data-stop-item-click": !0,
+		onClick: (e) => e.stopPropagation(),
+		onPointerDown: (e) => e.stopPropagation(),
+		children: /* @__PURE__ */ m(i, {
+			actions: p,
+			icon: r ?? g,
+			srText: a ?? c.itemActionsAria,
+			width: "w-44",
+			align: "end",
+			density: "table",
+			buttonProps: {
+				size: "sm",
+				iconOnly: !0,
+				className: t("size-action-xs rounded-radius-md p-0", "text-muted-foreground/70 hover:bg-muted hover:text-foreground", "transition-colors", n),
+				"data-slot": "kanban-item-actions-trigger",
+				"data-stop-item-click": !0,
+				"aria-label": a ?? c.itemActionsAria
+			}
+		})
+	});
+}
+G.displayName = "KanbanItemActions";
+function K({ className: e, render: n }) {
+	let { activeItem: i, activeId: a, findItem: o } = N();
+	return /* @__PURE__ */ m(v, { children: a ? n ? n({
+		item: i,
+		columnId: o(a)?.columnId ?? null
+	}) : /* @__PURE__ */ m("div", {
+		className: t("pointer-events-none rounded-radius-md border-2 border-dashed border-primary/40 bg-primary/5 p-3 shadow-lg", e),
+		children: /* @__PURE__ */ m(r, {
+			tag: "span",
+			size: "xs",
+			weight: "medium",
+			className: "text-primary-accent/80",
+			children: a
+		})
+	}) : null });
+}
+K.displayName = "KanbanOverlay";
+//#endregion
+export { z as Kanban, B as KanbanBoard, V as KanbanColumn, H as KanbanColumnContent, U as KanbanItem, G as KanbanItemActions, W as KanbanItemHandle, K as KanbanOverlay, L as defaultKanbanStrings, R as interpolateKanbanString, A as useKanban };
+
+//# sourceMappingURL=kanban.js.map