@alfadocs/ui-kit-debug 0.12.0 → 0.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_chunks/{ai-prompt-input-noh-N3cf.js → ai-prompt-input-DEiQwIMn.js} +21 -20
- package/dist/_chunks/ai-prompt-input-DEiQwIMn.js.map +1 -0
- package/dist/_chunks/{audio-recorder-BHBonrFf.js → audio-recorder-CRh4uyFL.js} +2 -2
- package/dist/_chunks/{audio-recorder-BHBonrFf.js.map → audio-recorder-CRh4uyFL.js.map} +1 -1
- package/dist/_chunks/{autocomplete-C34hbfKh.js → autocomplete-mOg7WLOh.js} +2 -2
- package/dist/_chunks/{autocomplete-C34hbfKh.js.map → autocomplete-mOg7WLOh.js.map} +1 -1
- package/dist/_chunks/{chat-input-Bov-gkwP.js → chat-input-UK-bXU7u.js} +9 -8
- package/dist/_chunks/chat-input-UK-bXU7u.js.map +1 -0
- package/dist/_chunks/{combobox-BHhnR3qm.js → combobox-D5tWe0t_.js} +2 -2
- package/dist/_chunks/{combobox-BHhnR3qm.js.map → combobox-D5tWe0t_.js.map} +1 -1
- package/dist/_chunks/{date-picker-BD5FYW08.js → date-picker-BlhtBhPo.js} +2 -2
- package/dist/_chunks/{date-picker-BD5FYW08.js.map → date-picker-BlhtBhPo.js.map} +1 -1
- package/dist/_chunks/{date-range-picker-BZLVgcXE.js → date-range-picker-C2hRu_Ke.js} +2 -2
- package/dist/_chunks/{date-range-picker-BZLVgcXE.js.map → date-range-picker-C2hRu_Ke.js.map} +1 -1
- package/dist/_chunks/{date-time-picker-CCoRWX7R.js → date-time-picker-B67mPZmP.js} +2 -2
- package/dist/_chunks/{date-time-picker-CCoRWX7R.js.map → date-time-picker-B67mPZmP.js.map} +1 -1
- package/dist/_chunks/{input-surface-u4QB0lxe.js → input-surface-xyERuLU_.js} +9 -3
- package/dist/_chunks/input-surface-xyERuLU_.js.map +1 -0
- package/dist/_chunks/{leo-sidebar-B054wsZm.js → leo-sidebar-D3TuyH5_.js} +2 -2
- package/dist/_chunks/{leo-sidebar-B054wsZm.js.map → leo-sidebar-D3TuyH5_.js.map} +1 -1
- package/dist/_chunks/{multi-select-Bh-xR8kP.js → multi-select-DooDzQIp.js} +2 -2
- package/dist/_chunks/{multi-select-Bh-xR8kP.js.map → multi-select-DooDzQIp.js.map} +1 -1
- package/dist/_chunks/{number-input-mpSLk-ld.js → number-input-DH00o0DN.js} +28 -27
- package/dist/_chunks/number-input-DH00o0DN.js.map +1 -0
- package/dist/_chunks/{otp-input-CI-Zv5q6.js → otp-input-BBXYvLx5.js} +49 -48
- package/dist/_chunks/otp-input-BBXYvLx5.js.map +1 -0
- package/dist/_chunks/{phone-input-DtBVs5fz.js → phone-input-DKSHX7NQ.js} +23 -22
- package/dist/_chunks/phone-input-DKSHX7NQ.js.map +1 -0
- package/dist/_chunks/{react-day-picker-C04L_28V.js → react-day-picker-C5F3-TTX.js} +6 -3
- package/dist/_chunks/{react-day-picker-C04L_28V.js.map → react-day-picker-C5F3-TTX.js.map} +1 -1
- package/dist/_chunks/{search-bar-DmZZ9UvV.js → search-bar-DORSAzNt.js} +2 -2
- package/dist/_chunks/{search-bar-DmZZ9UvV.js.map → search-bar-DORSAzNt.js.map} +1 -1
- package/dist/_chunks/{search-input-BBtSRH-Q.js → search-input-BtEJAJHa.js} +2 -2
- package/dist/_chunks/{search-input-BBtSRH-Q.js.map → search-input-BtEJAJHa.js.map} +1 -1
- package/dist/_chunks/{select-i9MwQeQy.js → select-Ca6ibiDL.js} +13 -12
- package/dist/_chunks/select-Ca6ibiDL.js.map +1 -0
- package/dist/_chunks/{tabs-Cg794H0Q.js → tabs-CRCyPpJo.js} +2 -2
- package/dist/_chunks/{tabs-Cg794H0Q.js.map → tabs-CRCyPpJo.js.map} +1 -1
- package/dist/_chunks/{text-area-DHtcpcLv.js → text-area-D5GAe8pV.js} +26 -25
- package/dist/_chunks/text-area-D5GAe8pV.js.map +1 -0
- package/dist/_chunks/{text-input-1oqFRbVI.js → text-input-CakysYnD.js} +26 -25
- package/dist/_chunks/text-input-CakysYnD.js.map +1 -0
- package/dist/_chunks/{transcript-panel-BpJqPr7I.js → transcript-panel-DUrjx5sa.js} +2 -2
- package/dist/_chunks/{transcript-panel-BpJqPr7I.js.map → transcript-panel-DUrjx5sa.js.map} +1 -1
- package/dist/_chunks/{use-password-requirements-DbPZMfV9.js → use-password-requirements-BOgFsoIe.js} +2 -2
- package/dist/_chunks/{use-password-requirements-DbPZMfV9.js.map → use-password-requirements-BOgFsoIe.js.map} +1 -1
- package/dist/agent-catalog.json +1 -1
- package/dist/components/_shared/date-picker-variants.d.ts.map +1 -1
- package/dist/components/_shared/input-surface.d.ts.map +1 -1
- package/dist/components/ai-prompt-input/ai-prompt-input.d.ts.map +1 -1
- package/dist/components/ai-prompt-input/index.js +1 -1
- package/dist/components/audio-recorder/index.js +1 -1
- package/dist/components/autocomplete/index.js +1 -1
- package/dist/components/chat-input/chat-input.d.ts.map +1 -1
- package/dist/components/chat-input/index.js +1 -1
- package/dist/components/combobox/index.js +1 -1
- package/dist/components/date-picker/index.js +1 -1
- package/dist/components/date-range-picker/index.js +1 -1
- package/dist/components/date-time-picker/index.js +1 -1
- package/dist/components/multi-select/index.js +1 -1
- package/dist/components/number-input/index.js +1 -1
- package/dist/components/number-input/number-input.d.ts.map +1 -1
- package/dist/components/otp-input/index.js +1 -1
- package/dist/components/otp-input/otp-input.d.ts.map +1 -1
- package/dist/components/password-input/index.js +1 -1
- package/dist/components/phone-input/index.js +1 -1
- package/dist/components/phone-input/phone-input.d.ts.map +1 -1
- package/dist/components/search-bar/index.js +1 -1
- package/dist/components/search-input/index.js +1 -1
- package/dist/components/select/index.js +1 -1
- package/dist/components/select/select.d.ts.map +1 -1
- package/dist/components/tabs/index.js +1 -1
- package/dist/components/text-area/index.js +1 -1
- package/dist/components/text-area/text-area.d.ts.map +1 -1
- package/dist/components/text-input/index.js +1 -1
- package/dist/components/text-input/text-input.d.ts.map +1 -1
- package/dist/components/transcript-panel/index.js +1 -1
- package/dist/index.js +21 -21
- package/dist/patterns/leo-assistant/index.js +1 -1
- package/dist/tokens.css +1 -1
- package/package.json +1 -1
- package/dist/_chunks/ai-prompt-input-noh-N3cf.js.map +0 -1
- package/dist/_chunks/chat-input-Bov-gkwP.js.map +0 -1
- package/dist/_chunks/input-surface-u4QB0lxe.js.map +0 -1
- package/dist/_chunks/number-input-mpSLk-ld.js.map +0 -1
- package/dist/_chunks/otp-input-CI-Zv5q6.js.map +0 -1
- package/dist/_chunks/phone-input-DtBVs5fz.js.map +0 -1
- package/dist/_chunks/select-i9MwQeQy.js.map +0 -1
- package/dist/_chunks/text-area-DHtcpcLv.js.map +0 -1
- package/dist/_chunks/text-input-1oqFRbVI.js.map +0 -1
|
@@ -3,7 +3,7 @@ import { forwardRef as te, useState as _, useEffect as F, useRef as j, useMemo a
|
|
|
3
3
|
import { c as A } from "./index-D2ZczOXr.js";
|
|
4
4
|
import { useTranslation as U } from "react-i18next";
|
|
5
5
|
import * as q from "@radix-ui/react-popover";
|
|
6
|
-
import { S as oe } from "./search-input-
|
|
6
|
+
import { S as oe } from "./search-input-BtEJAJHa.js";
|
|
7
7
|
import { u as W } from "./registry-C9nwlNyL.js";
|
|
8
8
|
import { n as O } from "./normalize-diacritics-BNGbFNlJ.js";
|
|
9
9
|
import { S as ie } from "./search-BonnQsHv.js";
|
|
@@ -582,4 +582,4 @@ export {
|
|
|
582
582
|
Ie as f,
|
|
583
583
|
J as s
|
|
584
584
|
};
|
|
585
|
-
//# sourceMappingURL=search-bar-
|
|
585
|
+
//# sourceMappingURL=search-bar-DORSAzNt.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-bar-DmZZ9UvV.js","sources":["../../src/components/search-bar/search-bar.agent.ts","../../src/components/search-bar/search-bar.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — SearchBar. */\n/* */\n/* SearchBar is the kit's saved-search / global-search surface. In */\n/* `inline` mode it filters + opens a result popover; in `launcher` */\n/* mode it opens the CommandPalette. The adapter exposes the query, */\n/* a submit action, and an apply_saved_search hook so future MCP */\n/* tooling can drive the SearchBar by saved-search id. */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SearchBarHandle } from './search-bar';\n\nexport const searchBarAgent: AgentAdapter<SearchBarHandle> = {\n id: 'search-bar',\n capabilities: ['filter', 'edit_inline', 'submit'],\n state: {\n query: {\n type: 'string',\n descriptionKey: 'ui.agent.searchBar.state.query',\n description:\n 'Current raw query string (inline mode). Empty in launcher mode.',\n read: (handle) => handle.getQuery(),\n },\n isEmpty: {\n type: 'boolean',\n descriptionKey: 'ui.agent.searchBar.state.isEmpty',\n description: 'True when the query is empty.',\n read: (handle) => handle.getQuery().length === 0,\n },\n },\n actions: {\n set_query: {\n safety: 'read',\n argsType: '{ query: string }',\n descriptionKey: 'ui.agent.searchBar.actions.setQuery',\n description:\n 'Replace the current query (inline mode only). No-op in launcher mode.',\n invoke: (handle, args: { query: string }) => {\n handle.setQuery(args.query);\n },\n },\n clear: {\n safety: 'read',\n descriptionKey: 'ui.agent.searchBar.actions.clear',\n description: 'Clear the query and close the result popover.',\n invoke: (handle) => {\n handle.clear();\n },\n },\n submit: {\n safety: 'read',\n descriptionKey: 'ui.agent.searchBar.actions.submit',\n description:\n 'In launcher mode opens the CommandPalette; in inline mode commits the highlighted option.',\n invoke: (handle) => {\n handle.submit();\n },\n },\n focus: {\n safety: 'read',\n descriptionKey: 'ui.agent.searchBar.actions.focus',\n description: 'Move keyboard focus to the SearchBar.',\n invoke: (handle) => {\n handle.focus();\n },\n },\n apply_saved_search: {\n safety: 'read',\n argsType: '{ id: string }',\n descriptionKey: 'ui.agent.searchBar.actions.applySavedSearch',\n description:\n 'Apply a saved-search by id. The host wires the actual query lookup; the adapter routes the id to its onApplySavedSearch handler. No-op when no handler is wired.',\n invoke: (handle, args: { id: string }) => {\n handle.applySavedSearch(args.id);\n },\n },\n },\n domHooks: {\n root: {\n attr: 'data-component',\n value: 'search-bar',\n description: 'Marks the SearchBar root.',\n },\n instanceId: {\n attr: 'data-component-id',\n sourceProp: 'id',\n description: 'Sourced from the id prop.',\n },\n },\n};\n","import {\n forwardRef,\n useCallback,\n useEffect,\n useId,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n type HTMLAttributes,\n type KeyboardEvent as ReactKeyboardEvent,\n type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search } from 'lucide-react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { SearchInput } from '../search-input/search-input';\nimport { useDebouncedCallback, normalizeDiacritics } from '../_shared';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { searchBarAgent } from './search-bar.agent';\n\n/* ------------------------------------------------------------------ */\n/* Shortcut detection */\n/* ------------------------------------------------------------------ */\n\nfunction isMacLike(): boolean {\n if (typeof navigator === 'undefined') return false;\n // Prefer `userAgentData.platform` where supported; fall back to the\n // deprecated `navigator.platform`. Both are strings; we just look for\n // `mac`.\n const uaData = (\n navigator as unknown as {\n userAgentData?: { platform?: string };\n }\n ).userAgentData;\n const platformString = uaData?.platform ?? navigator.platform ?? '';\n return /mac/i.test(platformString);\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA */\n/* ------------------------------------------------------------------ */\n\nconst launcherVariants = cva(\n [\n 'ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n 'ds:rounded-[var(--radius-md)]',\n 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n // Same visual language as <SearchInput> so the launcher truly looks\n // like an input. --muted-foreground over --background meets AA 4.5:1\n // in every theme; --muted is a mid-tone not suitable as a surface.\n 'ds:bg-[var(--background)] ds:border ds:border-[color:var(--border)]',\n 'ds:text-[color:var(--muted-foreground)]',\n // Opaque hover — mix 20% muted into --background so the launcher stays a\n // solid surface even when placed over a brand-tinted parent (e.g. the\n // Header's `brand` variant).\n 'ds:hover:bg-[color-mix(in_srgb,var(--muted)_20%,var(--background))]',\n 'ds:transition-colors ds:motion-reduce:transition-none',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n 'ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[color:var(--ring)]',\n 'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n 'ds:min-h-[var(--min-target-size)]',\n 'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:text-[length:var(--font-size-sm)]',\n md: 'ds:text-[length:var(--font-size-base)]',\n lg: 'ds:text-[length:var(--font-size-lg)]',\n },\n density: {\n default: '',\n compact: 'ds:min-h-0 ds:h-8',\n },\n },\n defaultVariants: {\n size: 'md',\n density: 'default',\n },\n },\n);\n\nconst inlineWrapperVariants = cva(\n ['ds:inline-flex ds:flex-col', 'ds:w-full'].join(' '),\n {\n variants: {\n size: {\n sm: '',\n md: '',\n lg: '',\n },\n density: {\n default: '',\n compact: '',\n },\n },\n defaultVariants: {\n size: 'md',\n density: 'default',\n },\n },\n);\n\nconst shortcutPillVariants = cva(\n [\n 'ds:hidden ds:md:inline-flex ds:items-center ds:gap-[calc(var(--spacing-xs)/2)]',\n 'ds:ms-auto',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:border ds:border-[color:var(--border)]',\n 'ds:bg-[var(--background)]',\n 'ds:ps-[calc(var(--spacing-xs)/1.2)] ds:pe-[calc(var(--spacing-xs)/1.2)]',\n 'ds:py-[calc(var(--spacing-xs)/2)]',\n // Use full --foreground (not --muted-foreground) so axe's contrast\n // check clears 4.5:1 even against the 1px --border edge region.\n 'ds:text-[length:var(--font-size-xs)] ds:text-[color:var(--foreground)]',\n 'ds:font-[family-name:var(--font-mono)]',\n ].join(' '),\n);\n\nconst popoverContentVariants = cva(\n [\n 'ds:z-[var(--z-dropdown)]',\n 'ds:rounded-[var(--radius-md)]',\n 'ds:border ds:border-[color:var(--border)]',\n 'ds:bg-[var(--popover)] ds:text-[color:var(--popover-foreground)]',\n 'ds:shadow-[var(--shadow-lg)]',\n 'ds:p-[var(--spacing-xs)]',\n // Motion gates — reduced-motion honoured via .theme-accessible's 0ms\n // animation-duration token.\n 'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n 'ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out',\n 'ds:motion-reduce:animate-none',\n ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Public types */\n/* ------------------------------------------------------------------ */\n\nexport interface SearchBarResultItem {\n id: string;\n /** Display label. */\n label: string;\n /** Optional icon rendered on inline-start (aria-hidden). */\n icon?: ReactNode;\n /** Optional right-aligned meta text (tag, count, section label). */\n meta?: string;\n /** Optional href — the list renders anchors when present. */\n href?: string;\n}\n\nexport interface SearchBarResultGroup {\n /** Heading displayed above the items (aria-hidden=\"true\" — visual only). */\n heading?: string;\n items: SearchBarResultItem[];\n}\n\ntype SharedProps = {\n size?: 'sm' | 'md' | 'lg';\n density?: 'default' | 'compact';\n /** `true` wraps in <search role=\"search\"> when this is the page's primary search. */\n topLevel?: boolean;\n placeholder?: string;\n /** Platform-aware shortcut pill — default `true` (hidden below `md` breakpoint). */\n shortcutHint?: boolean;\n className?: string;\n /**\n * Consumer-supplied instance id, surfaced as `data-component-id` so an\n * agent / UI bridge can address this instance.\n */\n id?: string;\n /**\n * Called when an external driver (agent adapter) asks the host to apply\n * a saved search by id. The host is responsible for resolving the saved\n * search and feeding the resulting query back through `value` /\n * `onQueryChange`. No-op when not provided.\n */\n onApplySavedSearch?: (id: string) => void;\n};\n\n/**\n * Imperative handle for agent-readiness + programmatic control. Replaces\n * the previously-forwarded `HTMLDivElement` ref. Consumers who needed the\n * DOM element for layout queries should wrap the SearchBar in their own\n * div with a ref attached.\n */\nexport interface SearchBarHandle {\n getQuery: () => string;\n setQuery: (query: string) => void;\n clear: () => void;\n submit: () => void;\n focus: () => void;\n applySavedSearch: (id: string) => void;\n}\n\ntype LauncherProps = SharedProps & {\n mode?: 'launcher';\n /** Called on click / Enter / global Cmd/Ctrl+K. */\n onOpenCommandPalette: () => void;\n // Not used in launcher mode.\n value?: never;\n defaultValue?: never;\n onQueryChange?: never;\n results?: never;\n onSelect?: never;\n debounceMs?: never;\n};\n\ntype InlineProps = SharedProps & {\n mode: 'inline';\n value?: string;\n defaultValue?: string;\n onQueryChange?: (query: string) => void;\n /** Groups of results rendered in the popover. */\n results?: SearchBarResultGroup[];\n onSelect?: (item: SearchBarResultItem) => void;\n debounceMs?: number;\n // Not used in inline mode.\n onOpenCommandPalette?: never;\n};\n\nexport type SearchBarProps = (LauncherProps | InlineProps) &\n Omit<\n HTMLAttributes<HTMLDivElement>,\n 'role' | 'onChange' | 'children' | 'defaultValue' | 'results'\n > &\n VariantProps<typeof launcherVariants>;\n\n/* ------------------------------------------------------------------ */\n/* Helpers */\n/* ------------------------------------------------------------------ */\n\nexport function filterSearchResults(\n query: string,\n groups: SearchBarResultGroup[],\n): SearchBarResultGroup[] {\n const needle = normalizeDiacritics(query.trim());\n if (needle === '') return groups;\n return groups\n .map((g) => ({\n ...g,\n items: g.items.filter((item) =>\n normalizeDiacritics(item.label).includes(needle),\n ),\n }))\n .filter((g) => g.items.length > 0);\n}\n\n/* ------------------------------------------------------------------ */\n/* SearchBar */\n/* ------------------------------------------------------------------ */\n\nexport const SearchBar = forwardRef<HTMLDivElement, SearchBarProps>(\n (props, ref) => {\n // Strip every API prop from `...rest` so nothing leaks to the DOM as\n // an unknown attribute (React warns in DEV and some become invalid\n // HTML in production).\n const {\n mode = 'launcher',\n size = 'md',\n density = 'default',\n topLevel = false,\n placeholder,\n shortcutHint = true,\n className,\n onOpenCommandPalette,\n id,\n onApplySavedSearch,\n value: _value,\n defaultValue: _defaultValue,\n onQueryChange: _onQueryChange,\n results: _results,\n onSelect: _onSelect,\n debounceMs: _debounceMs,\n ...rest\n } = props as SearchBarProps & { className?: string };\n // silence unused-var warnings for the destructured siblings we only\n // needed to peel off the spread target.\n void _value;\n void _defaultValue;\n void _onQueryChange;\n void _results;\n void _onSelect;\n void _debounceMs;\n\n const { t } = useTranslation();\n const [isMac, setIsMac] = useState(false);\n useEffect(() => {\n setIsMac(isMacLike());\n }, []);\n\n const shortcutLabel = isMac ? '\\u2318K' : 'Ctrl+K';\n // Advertise the shortcut on the launcher button. The binding itself\n // lives in `useCommandPalette()` (CommandPalette owns its open state);\n // duplicating the listener here would cause a double-fire.\n const ariaKeyshortcuts = 'Meta+K Control+K';\n\n /* ---- Landmark role --------------------------------------------- */\n const landmarkProps = topLevel\n ? { role: 'search' as const }\n : { role: undefined };\n\n /* ---- LAUNCHER MODE -------------------------------------------- */\n if (mode === 'launcher') {\n const resolvedPlaceholder =\n placeholder ?? t('search.placeholder', 'Search\\u2026');\n return (\n <LauncherSearchBar\n forwardedRef={ref}\n id={id}\n landmarkProps={landmarkProps}\n className={className}\n onOpenCommandPalette={onOpenCommandPalette}\n onApplySavedSearch={onApplySavedSearch}\n resolvedPlaceholder={resolvedPlaceholder}\n openLabel={t('search.open', 'Open search')}\n ariaKeyshortcuts={ariaKeyshortcuts}\n launcherClass={launcherVariants({ size, density })}\n shortcutHint={shortcutHint}\n shortcutLabel={shortcutLabel}\n rest={rest as HTMLAttributes<HTMLButtonElement>}\n />\n );\n }\n\n /* ---- INLINE MODE ---------------------------------------------- */\n const inlineProps = props as InlineProps;\n return (\n <InlineSearchBar\n forwardedRef={ref}\n size={size}\n density={density}\n landmarkProps={landmarkProps}\n placeholder={placeholder}\n shortcutHint={shortcutHint}\n shortcutLabel={shortcutLabel}\n ariaKeyshortcuts={ariaKeyshortcuts}\n className={className}\n id={id}\n onApplySavedSearch={onApplySavedSearch}\n {...inlineProps}\n />\n );\n },\n);\n\nSearchBar.displayName = 'SearchBar';\n\n/* ------------------------------------------------------------------ */\n/* LauncherSearchBar \\u2014 internal */\n/* ------------------------------------------------------------------ */\n\ninterface LauncherInternalProps {\n forwardedRef: React.ForwardedRef<HTMLDivElement>;\n id?: string;\n landmarkProps: { role?: 'search' };\n className?: string;\n onOpenCommandPalette?: () => void;\n onApplySavedSearch?: (id: string) => void;\n resolvedPlaceholder: string;\n openLabel: string;\n ariaKeyshortcuts: string;\n launcherClass: string;\n shortcutHint: boolean;\n shortcutLabel: string;\n rest: HTMLAttributes<HTMLButtonElement>;\n}\n\nfunction LauncherSearchBar(props: LauncherInternalProps): ReactNode {\n const {\n forwardedRef,\n id,\n landmarkProps,\n className,\n onOpenCommandPalette,\n onApplySavedSearch,\n resolvedPlaceholder,\n openLabel,\n ariaKeyshortcuts,\n launcherClass,\n shortcutHint,\n shortcutLabel,\n rest,\n } = props;\n const buttonRef = useRef<HTMLButtonElement>(null);\n const rootRef = useRef<HTMLDivElement>(null);\n\n const handle = useMemo<SearchBarHandle>(\n () => ({\n getQuery: () => '',\n // Launcher mode is stateless \\u2014 it delegates to CommandPalette.\n setQuery: () => {},\n clear: () => {},\n submit: () => onOpenCommandPalette?.(),\n focus: () => buttonRef.current?.focus(),\n applySavedSearch: (savedId: string) => onApplySavedSearch?.(savedId),\n }),\n [onOpenCommandPalette, onApplySavedSearch],\n );\n useImperativeHandle(\n forwardedRef,\n () => rootRef.current as HTMLDivElement,\n [],\n );\n useAgentRegistration(searchBarAgent, handle, id);\n\n return (\n <div\n ref={rootRef}\n {...landmarkProps}\n data-component=\"search-bar\"\n data-component-id={id}\n id={id}\n className={className}\n >\n <button\n ref={buttonRef}\n type=\"button\"\n onClick={onOpenCommandPalette}\n aria-haspopup=\"dialog\"\n aria-label={openLabel}\n aria-keyshortcuts={ariaKeyshortcuts}\n className={launcherClass}\n {...rest}\n >\n <Search\n aria-hidden\n className=\"ds:size-4 ds:shrink-0\"\n focusable=\"false\"\n />\n <span aria-hidden=\"true\" className=\"ds:truncate ds:text-start\">\n {resolvedPlaceholder}\n </span>\n {shortcutHint ? (\n <kbd className={shortcutPillVariants()}>{shortcutLabel}</kbd>\n ) : null}\n </button>\n </div>\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* InlineSearchBar — internal */\n/* ------------------------------------------------------------------ */\n\ninterface InlineInternalProps extends InlineProps {\n forwardedRef: React.ForwardedRef<HTMLDivElement>;\n size: 'sm' | 'md' | 'lg';\n density: 'default' | 'compact';\n landmarkProps: { role?: 'search' };\n shortcutHint: boolean;\n shortcutLabel: string;\n ariaKeyshortcuts: string;\n className?: string;\n id?: string;\n onApplySavedSearch?: (id: string) => void;\n}\n\nfunction InlineSearchBar(props: InlineInternalProps): ReactNode {\n const {\n forwardedRef,\n size,\n density,\n landmarkProps,\n placeholder,\n shortcutHint,\n shortcutLabel,\n ariaKeyshortcuts,\n className,\n id,\n onApplySavedSearch,\n value,\n defaultValue,\n onQueryChange,\n results,\n onSelect,\n debounceMs = 150,\n } = props;\n\n const { t } = useTranslation();\n const isControlled = value !== undefined;\n const [internalValue, setInternalValue] = useState(defaultValue ?? '');\n const query = isControlled ? (value ?? '') : internalValue;\n\n const [open, setOpen] = useState(false);\n const [activeIndex, setActiveIndex] = useState(0);\n // SearchInput forwards an `HTMLInputElement` with the curated handle\n // methods grafted on — for our purposes we just need `.focus()`.\n const inputRef = useRef<HTMLInputElement | null>(null);\n const listboxId = useId();\n\n const debouncedQueryChange = useDebouncedCallback((next: string) => {\n onQueryChange?.(next);\n }, debounceMs);\n\n const flatResults = useMemo<SearchBarResultItem[]>(() => {\n if (!results) return [];\n return results.flatMap((g) => g.items);\n }, [results]);\n\n // Reset active index whenever the result count changes.\n useEffect(() => {\n if (activeIndex > flatResults.length - 1) setActiveIndex(0);\n }, [flatResults.length, activeIndex]);\n\n const handleInput = useCallback(\n (raw: string) => {\n if (!isControlled) setInternalValue(raw);\n debouncedQueryChange(raw);\n setOpen(raw.trim().length > 0);\n },\n [debouncedQueryChange, isControlled],\n );\n\n const commit = useCallback(\n (item: SearchBarResultItem) => {\n onSelect?.(item);\n setOpen(false);\n if (!isControlled) setInternalValue('');\n },\n [onSelect, isControlled],\n );\n\n const handleKeyDown = useCallback(\n (event: ReactKeyboardEvent<HTMLDivElement>) => {\n if (event.nativeEvent.isComposing || event.keyCode === 229) return;\n if (!open && event.key === 'ArrowDown' && flatResults.length > 0) {\n event.preventDefault();\n setOpen(true);\n return;\n }\n if (!open) return;\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n setActiveIndex((i) => (i + 1) % Math.max(flatResults.length, 1));\n } else if (event.key === 'ArrowUp') {\n event.preventDefault();\n setActiveIndex(\n (i) =>\n (i - 1 + Math.max(flatResults.length, 1)) %\n Math.max(flatResults.length, 1),\n );\n } else if (event.key === 'Enter') {\n const item = flatResults[activeIndex];\n if (item) {\n event.preventDefault();\n commit(item);\n }\n } else if (event.key === 'Escape') {\n event.preventDefault();\n setOpen(false);\n }\n },\n [open, flatResults, activeIndex, commit],\n );\n\n const resolvedPlaceholder =\n placeholder ?? t('search.placeholder', 'Search\\u2026');\n\n const hasResults = flatResults.length > 0;\n // aria-activedescendant may only reference an element that actually exists\n // in the DOM — so only set it when the popover is open AND there are\n // results to land on. Referencing a non-existent option is an a11y\n // violation (aria-valid-attr-value).\n const activeDescendantId =\n open && hasResults ? `${listboxId}-option-${activeIndex}` : undefined;\n\n const setQueryProgrammatic = useCallback(\n (next: string) => {\n if (!isControlled) setInternalValue(next);\n onQueryChange?.(next);\n setOpen(next.trim().length > 0);\n },\n [isControlled, onQueryChange],\n );\n\n const rootRef = useRef<HTMLDivElement>(null);\n useImperativeHandle(\n forwardedRef,\n () => rootRef.current as HTMLDivElement,\n [],\n );\n\n const agentHandle = useMemo<SearchBarHandle>(\n () => ({\n getQuery: () => query,\n setQuery: setQueryProgrammatic,\n clear: () => {\n setQueryProgrammatic('');\n },\n submit: () => {\n const item = flatResults[activeIndex];\n if (item) commit(item);\n },\n focus: () => inputRef.current?.focus(),\n applySavedSearch: (savedId: string) => onApplySavedSearch?.(savedId),\n }),\n [\n query,\n setQueryProgrammatic,\n flatResults,\n activeIndex,\n commit,\n onApplySavedSearch,\n ],\n );\n useAgentRegistration(searchBarAgent, agentHandle, id);\n\n return (\n <RadixPopover.Root open={open && hasResults} onOpenChange={setOpen}>\n <div\n ref={rootRef}\n {...landmarkProps}\n id={id}\n data-component=\"search-bar\"\n data-component-id={id}\n className={[inlineWrapperVariants({ size, density }), className]\n .filter(Boolean)\n .join(' ')}\n >\n <RadixPopover.Anchor asChild>\n {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- keyboard handling propagates to the inner SearchInput; this wrapper captures combobox/listbox keys */}\n <div\n className=\"ds:relative ds:flex ds:items-center\"\n onKeyDown={handleKeyDown}\n >\n <SearchInput\n ref={inputRef}\n size={size}\n value={query}\n onInput={handleInput}\n placeholder={resolvedPlaceholder}\n aria-label={t('search.label', 'Search')}\n aria-keyshortcuts={ariaKeyshortcuts}\n role=\"combobox\"\n aria-expanded={open && hasResults}\n aria-controls={listboxId}\n aria-activedescendant={activeDescendantId}\n />\n {shortcutHint ? (\n <kbd\n className={[\n shortcutPillVariants(),\n 'ds:absolute ds:end-[var(--spacing-sm)] ds:top-1/2 ds:-translate-y-1/2',\n 'ds:pointer-events-none',\n ].join(' ')}\n >\n {shortcutLabel}\n </kbd>\n ) : null}\n </div>\n </RadixPopover.Anchor>\n <RadixPopover.Portal>\n <RadixPopover.Content\n side=\"bottom\"\n align=\"start\"\n sideOffset={4}\n aria-label={t('search.resultsLabel', 'Search results')}\n onOpenAutoFocus={(e) => e.preventDefault()}\n // Width matches the anchor via Radix's CSS variable. Applied\n // as a Tailwind arbitrary-value class so no inline style is\n // needed (23-constraints §4).\n className={[\n popoverContentVariants(),\n 'ds:w-[var(--radix-popover-trigger-width)]',\n ].join(' ')}\n >\n {/* listbox uses <div> rather than <ul> so the option role\n children don't trip the `<ul> must only contain <li>` axe\n rule. Options are direct descendants of the listbox root\n per the WAI-ARIA listbox pattern. */}\n <div\n id={listboxId}\n role=\"listbox\"\n aria-label={t('search.resultsLabel', 'Search results')}\n className=\"ds:flex ds:flex-col ds:gap-[calc(var(--spacing-xs)/2)]\"\n >\n {results && results.length > 0 ? (\n renderGroups(\n results,\n activeIndex,\n listboxId,\n commit,\n setActiveIndex,\n )\n ) : (\n <div\n role=\"presentation\"\n className=\"ds:p-[var(--spacing-sm)] type-body-sm ds:text-[color:var(--foreground)]\"\n >\n {t(\n 'search.noResults',\n 'No results for \\u201C{{query}}\\u201D',\n {\n query,\n },\n )}\n </div>\n )}\n </div>\n </RadixPopover.Content>\n </RadixPopover.Portal>\n </div>\n </RadixPopover.Root>\n );\n}\n\nfunction renderGroups(\n groups: SearchBarResultGroup[],\n activeIndex: number,\n listboxId: string,\n onCommit: (item: SearchBarResultItem) => void,\n setActive: (index: number) => void,\n): ReactNode {\n let flatIndex = 0;\n // Flatten groups + headings into a single-level sequence of divs at the\n // listbox root. `role=\"group\"` wrappers keep the visual grouping while\n // keeping options as direct descendants of the listbox.\n return groups.map((group, gi) => {\n const headingId = group.heading\n ? `${listboxId}-group-${gi}-heading`\n : undefined;\n return (\n <div\n key={`g-${gi}`}\n role={group.heading ? 'group' : 'presentation'}\n aria-labelledby={headingId}\n >\n {group.heading ? (\n <div\n id={headingId}\n aria-hidden=\"true\"\n className=\"ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)] type-eyebrow ds:text-[color:var(--foreground)]\"\n >\n {group.heading}\n </div>\n ) : null}\n {group.items.map((item) => {\n const myIndex = flatIndex;\n flatIndex += 1;\n const isActive = myIndex === activeIndex;\n const optionId = `${listboxId}-option-${myIndex}`;\n const safeHref = safeNavigationHref(item.href);\n const commonClass = [\n 'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n 'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:cursor-pointer',\n 'ds:no-underline ds:text-[color:var(--foreground)]',\n 'ds:min-h-[var(--min-target-size)]',\n isActive ? 'ds:bg-[var(--muted)]/40' : '',\n ].join(' ');\n const body = (\n <>\n {item.icon ? (\n <span\n aria-hidden=\"true\"\n className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n >\n {item.icon}\n </span>\n ) : null}\n <span className=\"ds:flex-1 ds:text-[length:var(--font-size-sm)]\">\n {item.label}\n </span>\n {item.meta ? (\n <span className=\"ds:ms-auto type-meta ds:text-[color:var(--foreground)]\">\n {item.meta}\n </span>\n ) : null}\n </>\n );\n const shared = {\n id: optionId,\n role: 'option' as const,\n 'aria-selected': isActive,\n // onMouseDown rather than onClick so we trigger before the\n // input loses focus to the pointer-down on the popover.\n onMouseDown: (e: React.MouseEvent) => {\n e.preventDefault();\n onCommit(item);\n },\n onMouseEnter: () => setActive(myIndex),\n className: commonClass,\n };\n if (safeHref) {\n return (\n <a key={item.id} href={safeHref} {...shared}>\n {body}\n </a>\n );\n }\n return (\n <div key={item.id} {...shared}>\n {body}\n </div>\n );\n })}\n </div>\n );\n });\n}\n\n/**\n * Allow-list for result-item `href` strings. Same allow-list as the\n * chat-message token renderer: http(s) + mailto + tel + same-origin\n * relative paths. Anything else (including `javascript:` and `data:`)\n * returns `undefined`, causing the renderer to fall back to a <div>.\n */\nfunction safeNavigationHref(href: string | undefined): string | undefined {\n if (!href) return undefined;\n const trimmed = href.trim();\n if (trimmed === '') return undefined;\n if (/^(https?:|mailto:|tel:)/i.test(trimmed)) return trimmed;\n // Same-origin relative paths are safe because the browser resolves\n // against `window.location`. Leading `/` or `./` or `../` qualify.\n if (/^(\\/|\\.\\/|\\.\\.\\/)/.test(trimmed)) return trimmed;\n return undefined;\n}\n"],"names":["searchBarAgent","handle","args","isMacLike","uaData","platformString","launcherVariants","cva","inlineWrapperVariants","shortcutPillVariants","popoverContentVariants","filterSearchResults","query","groups","needle","normalizeDiacritics","g","item","SearchBar","forwardRef","props","ref","mode","size","density","topLevel","placeholder","shortcutHint","className","onOpenCommandPalette","id","onApplySavedSearch","_value","_defaultValue","_onQueryChange","_results","_onSelect","_debounceMs","rest","t","useTranslation","isMac","setIsMac","useState","useEffect","shortcutLabel","ariaKeyshortcuts","landmarkProps","resolvedPlaceholder","jsx","LauncherSearchBar","InlineSearchBar","forwardedRef","openLabel","launcherClass","buttonRef","useRef","rootRef","useMemo","_a","savedId","useImperativeHandle","useAgentRegistration","jsxs","Search","value","defaultValue","onQueryChange","results","onSelect","debounceMs","isControlled","internalValue","setInternalValue","open","setOpen","activeIndex","setActiveIndex","inputRef","listboxId","useId","debouncedQueryChange","useDebouncedCallback","next","flatResults","handleInput","useCallback","raw","commit","handleKeyDown","event","i","hasResults","activeDescendantId","setQueryProgrammatic","agentHandle","RadixPopover","SearchInput","renderGroups","onCommit","setActive","flatIndex","group","gi","headingId","myIndex","isActive","optionId","safeHref","safeNavigationHref","commonClass","body","Fragment","shared","e","href","trimmed"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"search-bar-DORSAzNt.js","sources":["../../src/components/search-bar/search-bar.agent.ts","../../src/components/search-bar/search-bar.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — SearchBar. */\n/* */\n/* SearchBar is the kit's saved-search / global-search surface. In */\n/* `inline` mode it filters + opens a result popover; in `launcher` */\n/* mode it opens the CommandPalette. The adapter exposes the query, */\n/* a submit action, and an apply_saved_search hook so future MCP */\n/* tooling can drive the SearchBar by saved-search id. */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SearchBarHandle } from './search-bar';\n\nexport const searchBarAgent: AgentAdapter<SearchBarHandle> = {\n id: 'search-bar',\n capabilities: ['filter', 'edit_inline', 'submit'],\n state: {\n query: {\n type: 'string',\n descriptionKey: 'ui.agent.searchBar.state.query',\n description:\n 'Current raw query string (inline mode). Empty in launcher mode.',\n read: (handle) => handle.getQuery(),\n },\n isEmpty: {\n type: 'boolean',\n descriptionKey: 'ui.agent.searchBar.state.isEmpty',\n description: 'True when the query is empty.',\n read: (handle) => handle.getQuery().length === 0,\n },\n },\n actions: {\n set_query: {\n safety: 'read',\n argsType: '{ query: string }',\n descriptionKey: 'ui.agent.searchBar.actions.setQuery',\n description:\n 'Replace the current query (inline mode only). No-op in launcher mode.',\n invoke: (handle, args: { query: string }) => {\n handle.setQuery(args.query);\n },\n },\n clear: {\n safety: 'read',\n descriptionKey: 'ui.agent.searchBar.actions.clear',\n description: 'Clear the query and close the result popover.',\n invoke: (handle) => {\n handle.clear();\n },\n },\n submit: {\n safety: 'read',\n descriptionKey: 'ui.agent.searchBar.actions.submit',\n description:\n 'In launcher mode opens the CommandPalette; in inline mode commits the highlighted option.',\n invoke: (handle) => {\n handle.submit();\n },\n },\n focus: {\n safety: 'read',\n descriptionKey: 'ui.agent.searchBar.actions.focus',\n description: 'Move keyboard focus to the SearchBar.',\n invoke: (handle) => {\n handle.focus();\n },\n },\n apply_saved_search: {\n safety: 'read',\n argsType: '{ id: string }',\n descriptionKey: 'ui.agent.searchBar.actions.applySavedSearch',\n description:\n 'Apply a saved-search by id. The host wires the actual query lookup; the adapter routes the id to its onApplySavedSearch handler. No-op when no handler is wired.',\n invoke: (handle, args: { id: string }) => {\n handle.applySavedSearch(args.id);\n },\n },\n },\n domHooks: {\n root: {\n attr: 'data-component',\n value: 'search-bar',\n description: 'Marks the SearchBar root.',\n },\n instanceId: {\n attr: 'data-component-id',\n sourceProp: 'id',\n description: 'Sourced from the id prop.',\n },\n },\n};\n","import {\n forwardRef,\n useCallback,\n useEffect,\n useId,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n type HTMLAttributes,\n type KeyboardEvent as ReactKeyboardEvent,\n type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search } from 'lucide-react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { SearchInput } from '../search-input/search-input';\nimport { useDebouncedCallback, normalizeDiacritics } from '../_shared';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { searchBarAgent } from './search-bar.agent';\n\n/* ------------------------------------------------------------------ */\n/* Shortcut detection */\n/* ------------------------------------------------------------------ */\n\nfunction isMacLike(): boolean {\n if (typeof navigator === 'undefined') return false;\n // Prefer `userAgentData.platform` where supported; fall back to the\n // deprecated `navigator.platform`. Both are strings; we just look for\n // `mac`.\n const uaData = (\n navigator as unknown as {\n userAgentData?: { platform?: string };\n }\n ).userAgentData;\n const platformString = uaData?.platform ?? navigator.platform ?? '';\n return /mac/i.test(platformString);\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA */\n/* ------------------------------------------------------------------ */\n\nconst launcherVariants = cva(\n [\n 'ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n 'ds:rounded-[var(--radius-md)]',\n 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n // Same visual language as <SearchInput> so the launcher truly looks\n // like an input. --muted-foreground over --background meets AA 4.5:1\n // in every theme; --muted is a mid-tone not suitable as a surface.\n 'ds:bg-[var(--background)] ds:border ds:border-[color:var(--border)]',\n 'ds:text-[color:var(--muted-foreground)]',\n // Opaque hover — mix 20% muted into --background so the launcher stays a\n // solid surface even when placed over a brand-tinted parent (e.g. the\n // Header's `brand` variant).\n 'ds:hover:bg-[color-mix(in_srgb,var(--muted)_20%,var(--background))]',\n 'ds:transition-colors ds:motion-reduce:transition-none',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n 'ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[color:var(--ring)]',\n 'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n 'ds:min-h-[var(--min-target-size)]',\n 'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:text-[length:var(--font-size-sm)]',\n md: 'ds:text-[length:var(--font-size-base)]',\n lg: 'ds:text-[length:var(--font-size-lg)]',\n },\n density: {\n default: '',\n compact: 'ds:min-h-0 ds:h-8',\n },\n },\n defaultVariants: {\n size: 'md',\n density: 'default',\n },\n },\n);\n\nconst inlineWrapperVariants = cva(\n ['ds:inline-flex ds:flex-col', 'ds:w-full'].join(' '),\n {\n variants: {\n size: {\n sm: '',\n md: '',\n lg: '',\n },\n density: {\n default: '',\n compact: '',\n },\n },\n defaultVariants: {\n size: 'md',\n density: 'default',\n },\n },\n);\n\nconst shortcutPillVariants = cva(\n [\n 'ds:hidden ds:md:inline-flex ds:items-center ds:gap-[calc(var(--spacing-xs)/2)]',\n 'ds:ms-auto',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:border ds:border-[color:var(--border)]',\n 'ds:bg-[var(--background)]',\n 'ds:ps-[calc(var(--spacing-xs)/1.2)] ds:pe-[calc(var(--spacing-xs)/1.2)]',\n 'ds:py-[calc(var(--spacing-xs)/2)]',\n // Use full --foreground (not --muted-foreground) so axe's contrast\n // check clears 4.5:1 even against the 1px --border edge region.\n 'ds:text-[length:var(--font-size-xs)] ds:text-[color:var(--foreground)]',\n 'ds:font-[family-name:var(--font-mono)]',\n ].join(' '),\n);\n\nconst popoverContentVariants = cva(\n [\n 'ds:z-[var(--z-dropdown)]',\n 'ds:rounded-[var(--radius-md)]',\n 'ds:border ds:border-[color:var(--border)]',\n 'ds:bg-[var(--popover)] ds:text-[color:var(--popover-foreground)]',\n 'ds:shadow-[var(--shadow-lg)]',\n 'ds:p-[var(--spacing-xs)]',\n // Motion gates — reduced-motion honoured via .theme-accessible's 0ms\n // animation-duration token.\n 'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n 'ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out',\n 'ds:motion-reduce:animate-none',\n ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Public types */\n/* ------------------------------------------------------------------ */\n\nexport interface SearchBarResultItem {\n id: string;\n /** Display label. */\n label: string;\n /** Optional icon rendered on inline-start (aria-hidden). */\n icon?: ReactNode;\n /** Optional right-aligned meta text (tag, count, section label). */\n meta?: string;\n /** Optional href — the list renders anchors when present. */\n href?: string;\n}\n\nexport interface SearchBarResultGroup {\n /** Heading displayed above the items (aria-hidden=\"true\" — visual only). */\n heading?: string;\n items: SearchBarResultItem[];\n}\n\ntype SharedProps = {\n size?: 'sm' | 'md' | 'lg';\n density?: 'default' | 'compact';\n /** `true` wraps in <search role=\"search\"> when this is the page's primary search. */\n topLevel?: boolean;\n placeholder?: string;\n /** Platform-aware shortcut pill — default `true` (hidden below `md` breakpoint). */\n shortcutHint?: boolean;\n className?: string;\n /**\n * Consumer-supplied instance id, surfaced as `data-component-id` so an\n * agent / UI bridge can address this instance.\n */\n id?: string;\n /**\n * Called when an external driver (agent adapter) asks the host to apply\n * a saved search by id. The host is responsible for resolving the saved\n * search and feeding the resulting query back through `value` /\n * `onQueryChange`. No-op when not provided.\n */\n onApplySavedSearch?: (id: string) => void;\n};\n\n/**\n * Imperative handle for agent-readiness + programmatic control. Replaces\n * the previously-forwarded `HTMLDivElement` ref. Consumers who needed the\n * DOM element for layout queries should wrap the SearchBar in their own\n * div with a ref attached.\n */\nexport interface SearchBarHandle {\n getQuery: () => string;\n setQuery: (query: string) => void;\n clear: () => void;\n submit: () => void;\n focus: () => void;\n applySavedSearch: (id: string) => void;\n}\n\ntype LauncherProps = SharedProps & {\n mode?: 'launcher';\n /** Called on click / Enter / global Cmd/Ctrl+K. */\n onOpenCommandPalette: () => void;\n // Not used in launcher mode.\n value?: never;\n defaultValue?: never;\n onQueryChange?: never;\n results?: never;\n onSelect?: never;\n debounceMs?: never;\n};\n\ntype InlineProps = SharedProps & {\n mode: 'inline';\n value?: string;\n defaultValue?: string;\n onQueryChange?: (query: string) => void;\n /** Groups of results rendered in the popover. */\n results?: SearchBarResultGroup[];\n onSelect?: (item: SearchBarResultItem) => void;\n debounceMs?: number;\n // Not used in inline mode.\n onOpenCommandPalette?: never;\n};\n\nexport type SearchBarProps = (LauncherProps | InlineProps) &\n Omit<\n HTMLAttributes<HTMLDivElement>,\n 'role' | 'onChange' | 'children' | 'defaultValue' | 'results'\n > &\n VariantProps<typeof launcherVariants>;\n\n/* ------------------------------------------------------------------ */\n/* Helpers */\n/* ------------------------------------------------------------------ */\n\nexport function filterSearchResults(\n query: string,\n groups: SearchBarResultGroup[],\n): SearchBarResultGroup[] {\n const needle = normalizeDiacritics(query.trim());\n if (needle === '') return groups;\n return groups\n .map((g) => ({\n ...g,\n items: g.items.filter((item) =>\n normalizeDiacritics(item.label).includes(needle),\n ),\n }))\n .filter((g) => g.items.length > 0);\n}\n\n/* ------------------------------------------------------------------ */\n/* SearchBar */\n/* ------------------------------------------------------------------ */\n\nexport const SearchBar = forwardRef<HTMLDivElement, SearchBarProps>(\n (props, ref) => {\n // Strip every API prop from `...rest` so nothing leaks to the DOM as\n // an unknown attribute (React warns in DEV and some become invalid\n // HTML in production).\n const {\n mode = 'launcher',\n size = 'md',\n density = 'default',\n topLevel = false,\n placeholder,\n shortcutHint = true,\n className,\n onOpenCommandPalette,\n id,\n onApplySavedSearch,\n value: _value,\n defaultValue: _defaultValue,\n onQueryChange: _onQueryChange,\n results: _results,\n onSelect: _onSelect,\n debounceMs: _debounceMs,\n ...rest\n } = props as SearchBarProps & { className?: string };\n // silence unused-var warnings for the destructured siblings we only\n // needed to peel off the spread target.\n void _value;\n void _defaultValue;\n void _onQueryChange;\n void _results;\n void _onSelect;\n void _debounceMs;\n\n const { t } = useTranslation();\n const [isMac, setIsMac] = useState(false);\n useEffect(() => {\n setIsMac(isMacLike());\n }, []);\n\n const shortcutLabel = isMac ? '\\u2318K' : 'Ctrl+K';\n // Advertise the shortcut on the launcher button. The binding itself\n // lives in `useCommandPalette()` (CommandPalette owns its open state);\n // duplicating the listener here would cause a double-fire.\n const ariaKeyshortcuts = 'Meta+K Control+K';\n\n /* ---- Landmark role --------------------------------------------- */\n const landmarkProps = topLevel\n ? { role: 'search' as const }\n : { role: undefined };\n\n /* ---- LAUNCHER MODE -------------------------------------------- */\n if (mode === 'launcher') {\n const resolvedPlaceholder =\n placeholder ?? t('search.placeholder', 'Search\\u2026');\n return (\n <LauncherSearchBar\n forwardedRef={ref}\n id={id}\n landmarkProps={landmarkProps}\n className={className}\n onOpenCommandPalette={onOpenCommandPalette}\n onApplySavedSearch={onApplySavedSearch}\n resolvedPlaceholder={resolvedPlaceholder}\n openLabel={t('search.open', 'Open search')}\n ariaKeyshortcuts={ariaKeyshortcuts}\n launcherClass={launcherVariants({ size, density })}\n shortcutHint={shortcutHint}\n shortcutLabel={shortcutLabel}\n rest={rest as HTMLAttributes<HTMLButtonElement>}\n />\n );\n }\n\n /* ---- INLINE MODE ---------------------------------------------- */\n const inlineProps = props as InlineProps;\n return (\n <InlineSearchBar\n forwardedRef={ref}\n size={size}\n density={density}\n landmarkProps={landmarkProps}\n placeholder={placeholder}\n shortcutHint={shortcutHint}\n shortcutLabel={shortcutLabel}\n ariaKeyshortcuts={ariaKeyshortcuts}\n className={className}\n id={id}\n onApplySavedSearch={onApplySavedSearch}\n {...inlineProps}\n />\n );\n },\n);\n\nSearchBar.displayName = 'SearchBar';\n\n/* ------------------------------------------------------------------ */\n/* LauncherSearchBar \\u2014 internal */\n/* ------------------------------------------------------------------ */\n\ninterface LauncherInternalProps {\n forwardedRef: React.ForwardedRef<HTMLDivElement>;\n id?: string;\n landmarkProps: { role?: 'search' };\n className?: string;\n onOpenCommandPalette?: () => void;\n onApplySavedSearch?: (id: string) => void;\n resolvedPlaceholder: string;\n openLabel: string;\n ariaKeyshortcuts: string;\n launcherClass: string;\n shortcutHint: boolean;\n shortcutLabel: string;\n rest: HTMLAttributes<HTMLButtonElement>;\n}\n\nfunction LauncherSearchBar(props: LauncherInternalProps): ReactNode {\n const {\n forwardedRef,\n id,\n landmarkProps,\n className,\n onOpenCommandPalette,\n onApplySavedSearch,\n resolvedPlaceholder,\n openLabel,\n ariaKeyshortcuts,\n launcherClass,\n shortcutHint,\n shortcutLabel,\n rest,\n } = props;\n const buttonRef = useRef<HTMLButtonElement>(null);\n const rootRef = useRef<HTMLDivElement>(null);\n\n const handle = useMemo<SearchBarHandle>(\n () => ({\n getQuery: () => '',\n // Launcher mode is stateless \\u2014 it delegates to CommandPalette.\n setQuery: () => {},\n clear: () => {},\n submit: () => onOpenCommandPalette?.(),\n focus: () => buttonRef.current?.focus(),\n applySavedSearch: (savedId: string) => onApplySavedSearch?.(savedId),\n }),\n [onOpenCommandPalette, onApplySavedSearch],\n );\n useImperativeHandle(\n forwardedRef,\n () => rootRef.current as HTMLDivElement,\n [],\n );\n useAgentRegistration(searchBarAgent, handle, id);\n\n return (\n <div\n ref={rootRef}\n {...landmarkProps}\n data-component=\"search-bar\"\n data-component-id={id}\n id={id}\n className={className}\n >\n <button\n ref={buttonRef}\n type=\"button\"\n onClick={onOpenCommandPalette}\n aria-haspopup=\"dialog\"\n aria-label={openLabel}\n aria-keyshortcuts={ariaKeyshortcuts}\n className={launcherClass}\n {...rest}\n >\n <Search\n aria-hidden\n className=\"ds:size-4 ds:shrink-0\"\n focusable=\"false\"\n />\n <span aria-hidden=\"true\" className=\"ds:truncate ds:text-start\">\n {resolvedPlaceholder}\n </span>\n {shortcutHint ? (\n <kbd className={shortcutPillVariants()}>{shortcutLabel}</kbd>\n ) : null}\n </button>\n </div>\n );\n}\n\n/* ------------------------------------------------------------------ */\n/* InlineSearchBar — internal */\n/* ------------------------------------------------------------------ */\n\ninterface InlineInternalProps extends InlineProps {\n forwardedRef: React.ForwardedRef<HTMLDivElement>;\n size: 'sm' | 'md' | 'lg';\n density: 'default' | 'compact';\n landmarkProps: { role?: 'search' };\n shortcutHint: boolean;\n shortcutLabel: string;\n ariaKeyshortcuts: string;\n className?: string;\n id?: string;\n onApplySavedSearch?: (id: string) => void;\n}\n\nfunction InlineSearchBar(props: InlineInternalProps): ReactNode {\n const {\n forwardedRef,\n size,\n density,\n landmarkProps,\n placeholder,\n shortcutHint,\n shortcutLabel,\n ariaKeyshortcuts,\n className,\n id,\n onApplySavedSearch,\n value,\n defaultValue,\n onQueryChange,\n results,\n onSelect,\n debounceMs = 150,\n } = props;\n\n const { t } = useTranslation();\n const isControlled = value !== undefined;\n const [internalValue, setInternalValue] = useState(defaultValue ?? '');\n const query = isControlled ? (value ?? '') : internalValue;\n\n const [open, setOpen] = useState(false);\n const [activeIndex, setActiveIndex] = useState(0);\n // SearchInput forwards an `HTMLInputElement` with the curated handle\n // methods grafted on — for our purposes we just need `.focus()`.\n const inputRef = useRef<HTMLInputElement | null>(null);\n const listboxId = useId();\n\n const debouncedQueryChange = useDebouncedCallback((next: string) => {\n onQueryChange?.(next);\n }, debounceMs);\n\n const flatResults = useMemo<SearchBarResultItem[]>(() => {\n if (!results) return [];\n return results.flatMap((g) => g.items);\n }, [results]);\n\n // Reset active index whenever the result count changes.\n useEffect(() => {\n if (activeIndex > flatResults.length - 1) setActiveIndex(0);\n }, [flatResults.length, activeIndex]);\n\n const handleInput = useCallback(\n (raw: string) => {\n if (!isControlled) setInternalValue(raw);\n debouncedQueryChange(raw);\n setOpen(raw.trim().length > 0);\n },\n [debouncedQueryChange, isControlled],\n );\n\n const commit = useCallback(\n (item: SearchBarResultItem) => {\n onSelect?.(item);\n setOpen(false);\n if (!isControlled) setInternalValue('');\n },\n [onSelect, isControlled],\n );\n\n const handleKeyDown = useCallback(\n (event: ReactKeyboardEvent<HTMLDivElement>) => {\n if (event.nativeEvent.isComposing || event.keyCode === 229) return;\n if (!open && event.key === 'ArrowDown' && flatResults.length > 0) {\n event.preventDefault();\n setOpen(true);\n return;\n }\n if (!open) return;\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n setActiveIndex((i) => (i + 1) % Math.max(flatResults.length, 1));\n } else if (event.key === 'ArrowUp') {\n event.preventDefault();\n setActiveIndex(\n (i) =>\n (i - 1 + Math.max(flatResults.length, 1)) %\n Math.max(flatResults.length, 1),\n );\n } else if (event.key === 'Enter') {\n const item = flatResults[activeIndex];\n if (item) {\n event.preventDefault();\n commit(item);\n }\n } else if (event.key === 'Escape') {\n event.preventDefault();\n setOpen(false);\n }\n },\n [open, flatResults, activeIndex, commit],\n );\n\n const resolvedPlaceholder =\n placeholder ?? t('search.placeholder', 'Search\\u2026');\n\n const hasResults = flatResults.length > 0;\n // aria-activedescendant may only reference an element that actually exists\n // in the DOM — so only set it when the popover is open AND there are\n // results to land on. Referencing a non-existent option is an a11y\n // violation (aria-valid-attr-value).\n const activeDescendantId =\n open && hasResults ? `${listboxId}-option-${activeIndex}` : undefined;\n\n const setQueryProgrammatic = useCallback(\n (next: string) => {\n if (!isControlled) setInternalValue(next);\n onQueryChange?.(next);\n setOpen(next.trim().length > 0);\n },\n [isControlled, onQueryChange],\n );\n\n const rootRef = useRef<HTMLDivElement>(null);\n useImperativeHandle(\n forwardedRef,\n () => rootRef.current as HTMLDivElement,\n [],\n );\n\n const agentHandle = useMemo<SearchBarHandle>(\n () => ({\n getQuery: () => query,\n setQuery: setQueryProgrammatic,\n clear: () => {\n setQueryProgrammatic('');\n },\n submit: () => {\n const item = flatResults[activeIndex];\n if (item) commit(item);\n },\n focus: () => inputRef.current?.focus(),\n applySavedSearch: (savedId: string) => onApplySavedSearch?.(savedId),\n }),\n [\n query,\n setQueryProgrammatic,\n flatResults,\n activeIndex,\n commit,\n onApplySavedSearch,\n ],\n );\n useAgentRegistration(searchBarAgent, agentHandle, id);\n\n return (\n <RadixPopover.Root open={open && hasResults} onOpenChange={setOpen}>\n <div\n ref={rootRef}\n {...landmarkProps}\n id={id}\n data-component=\"search-bar\"\n data-component-id={id}\n className={[inlineWrapperVariants({ size, density }), className]\n .filter(Boolean)\n .join(' ')}\n >\n <RadixPopover.Anchor asChild>\n {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- keyboard handling propagates to the inner SearchInput; this wrapper captures combobox/listbox keys */}\n <div\n className=\"ds:relative ds:flex ds:items-center\"\n onKeyDown={handleKeyDown}\n >\n <SearchInput\n ref={inputRef}\n size={size}\n value={query}\n onInput={handleInput}\n placeholder={resolvedPlaceholder}\n aria-label={t('search.label', 'Search')}\n aria-keyshortcuts={ariaKeyshortcuts}\n role=\"combobox\"\n aria-expanded={open && hasResults}\n aria-controls={listboxId}\n aria-activedescendant={activeDescendantId}\n />\n {shortcutHint ? (\n <kbd\n className={[\n shortcutPillVariants(),\n 'ds:absolute ds:end-[var(--spacing-sm)] ds:top-1/2 ds:-translate-y-1/2',\n 'ds:pointer-events-none',\n ].join(' ')}\n >\n {shortcutLabel}\n </kbd>\n ) : null}\n </div>\n </RadixPopover.Anchor>\n <RadixPopover.Portal>\n <RadixPopover.Content\n side=\"bottom\"\n align=\"start\"\n sideOffset={4}\n aria-label={t('search.resultsLabel', 'Search results')}\n onOpenAutoFocus={(e) => e.preventDefault()}\n // Width matches the anchor via Radix's CSS variable. Applied\n // as a Tailwind arbitrary-value class so no inline style is\n // needed (23-constraints §4).\n className={[\n popoverContentVariants(),\n 'ds:w-[var(--radix-popover-trigger-width)]',\n ].join(' ')}\n >\n {/* listbox uses <div> rather than <ul> so the option role\n children don't trip the `<ul> must only contain <li>` axe\n rule. Options are direct descendants of the listbox root\n per the WAI-ARIA listbox pattern. */}\n <div\n id={listboxId}\n role=\"listbox\"\n aria-label={t('search.resultsLabel', 'Search results')}\n className=\"ds:flex ds:flex-col ds:gap-[calc(var(--spacing-xs)/2)]\"\n >\n {results && results.length > 0 ? (\n renderGroups(\n results,\n activeIndex,\n listboxId,\n commit,\n setActiveIndex,\n )\n ) : (\n <div\n role=\"presentation\"\n className=\"ds:p-[var(--spacing-sm)] type-body-sm ds:text-[color:var(--foreground)]\"\n >\n {t(\n 'search.noResults',\n 'No results for \\u201C{{query}}\\u201D',\n {\n query,\n },\n )}\n </div>\n )}\n </div>\n </RadixPopover.Content>\n </RadixPopover.Portal>\n </div>\n </RadixPopover.Root>\n );\n}\n\nfunction renderGroups(\n groups: SearchBarResultGroup[],\n activeIndex: number,\n listboxId: string,\n onCommit: (item: SearchBarResultItem) => void,\n setActive: (index: number) => void,\n): ReactNode {\n let flatIndex = 0;\n // Flatten groups + headings into a single-level sequence of divs at the\n // listbox root. `role=\"group\"` wrappers keep the visual grouping while\n // keeping options as direct descendants of the listbox.\n return groups.map((group, gi) => {\n const headingId = group.heading\n ? `${listboxId}-group-${gi}-heading`\n : undefined;\n return (\n <div\n key={`g-${gi}`}\n role={group.heading ? 'group' : 'presentation'}\n aria-labelledby={headingId}\n >\n {group.heading ? (\n <div\n id={headingId}\n aria-hidden=\"true\"\n className=\"ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)] type-eyebrow ds:text-[color:var(--foreground)]\"\n >\n {group.heading}\n </div>\n ) : null}\n {group.items.map((item) => {\n const myIndex = flatIndex;\n flatIndex += 1;\n const isActive = myIndex === activeIndex;\n const optionId = `${listboxId}-option-${myIndex}`;\n const safeHref = safeNavigationHref(item.href);\n const commonClass = [\n 'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n 'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:cursor-pointer',\n 'ds:no-underline ds:text-[color:var(--foreground)]',\n 'ds:min-h-[var(--min-target-size)]',\n isActive ? 'ds:bg-[var(--muted)]/40' : '',\n ].join(' ');\n const body = (\n <>\n {item.icon ? (\n <span\n aria-hidden=\"true\"\n className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n >\n {item.icon}\n </span>\n ) : null}\n <span className=\"ds:flex-1 ds:text-[length:var(--font-size-sm)]\">\n {item.label}\n </span>\n {item.meta ? (\n <span className=\"ds:ms-auto type-meta ds:text-[color:var(--foreground)]\">\n {item.meta}\n </span>\n ) : null}\n </>\n );\n const shared = {\n id: optionId,\n role: 'option' as const,\n 'aria-selected': isActive,\n // onMouseDown rather than onClick so we trigger before the\n // input loses focus to the pointer-down on the popover.\n onMouseDown: (e: React.MouseEvent) => {\n e.preventDefault();\n onCommit(item);\n },\n onMouseEnter: () => setActive(myIndex),\n className: commonClass,\n };\n if (safeHref) {\n return (\n <a key={item.id} href={safeHref} {...shared}>\n {body}\n </a>\n );\n }\n return (\n <div key={item.id} {...shared}>\n {body}\n </div>\n );\n })}\n </div>\n );\n });\n}\n\n/**\n * Allow-list for result-item `href` strings. Same allow-list as the\n * chat-message token renderer: http(s) + mailto + tel + same-origin\n * relative paths. Anything else (including `javascript:` and `data:`)\n * returns `undefined`, causing the renderer to fall back to a <div>.\n */\nfunction safeNavigationHref(href: string | undefined): string | undefined {\n if (!href) return undefined;\n const trimmed = href.trim();\n if (trimmed === '') return undefined;\n if (/^(https?:|mailto:|tel:)/i.test(trimmed)) return trimmed;\n // Same-origin relative paths are safe because the browser resolves\n // against `window.location`. Leading `/` or `./` or `../` qualify.\n if (/^(\\/|\\.\\/|\\.\\.\\/)/.test(trimmed)) return trimmed;\n return undefined;\n}\n"],"names":["searchBarAgent","handle","args","isMacLike","uaData","platformString","launcherVariants","cva","inlineWrapperVariants","shortcutPillVariants","popoverContentVariants","filterSearchResults","query","groups","needle","normalizeDiacritics","g","item","SearchBar","forwardRef","props","ref","mode","size","density","topLevel","placeholder","shortcutHint","className","onOpenCommandPalette","id","onApplySavedSearch","_value","_defaultValue","_onQueryChange","_results","_onSelect","_debounceMs","rest","t","useTranslation","isMac","setIsMac","useState","useEffect","shortcutLabel","ariaKeyshortcuts","landmarkProps","resolvedPlaceholder","jsx","LauncherSearchBar","InlineSearchBar","forwardedRef","openLabel","launcherClass","buttonRef","useRef","rootRef","useMemo","_a","savedId","useImperativeHandle","useAgentRegistration","jsxs","Search","value","defaultValue","onQueryChange","results","onSelect","debounceMs","isControlled","internalValue","setInternalValue","open","setOpen","activeIndex","setActiveIndex","inputRef","listboxId","useId","debouncedQueryChange","useDebouncedCallback","next","flatResults","handleInput","useCallback","raw","commit","handleKeyDown","event","i","hasResults","activeDescendantId","setQueryProgrammatic","agentHandle","RadixPopover","SearchInput","renderGroups","onCommit","setActive","flatIndex","group","gi","headingId","myIndex","isActive","optionId","safeHref","safeNavigationHref","commonClass","body","Fragment","shared","e","href","trimmed"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { jsx as t, jsxs as ne } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as ie, useState as F, useRef as K, useLayoutEffect as oe, useCallback as V, useImperativeHandle as de, useEffect as le } from "react";
|
|
3
3
|
import { c as x } from "./index-D2ZczOXr.js";
|
|
4
4
|
import { useTranslation as ce } from "react-i18next";
|
|
5
|
-
import { T as ue } from "./text-input-
|
|
5
|
+
import { T as ue } from "./text-input-CakysYnD.js";
|
|
6
6
|
import { S as fe } from "./spinner-DirtWZNG.js";
|
|
7
7
|
import { u as me } from "./form-field-context-B3APVHKx.js";
|
|
8
8
|
import { u as be } from "./use-debounced-callback-BisrB-Fq.js";
|
|
@@ -233,4 +233,4 @@ Ee.displayName = "SearchInput";
|
|
|
233
233
|
export {
|
|
234
234
|
Ee as S
|
|
235
235
|
};
|
|
236
|
-
//# sourceMappingURL=search-input-
|
|
236
|
+
//# sourceMappingURL=search-input-BtEJAJHa.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-input-BBtSRH-Q.js","sources":["../../src/components/search-input/search-input.tsx"],"sourcesContent":["import {\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useLayoutEffect,\n useRef,\n useState,\n type ChangeEvent,\n type FocusEvent,\n type FormEvent,\n type KeyboardEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search, X } from 'lucide-react';\nimport { TextInput } from '../text-input/text-input';\nimport { Spinner } from '../spinner/spinner';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useDebouncedCallback } from '../_shared/use-debounced-callback';\n\nconst rootVariants = cva('ds:relative ds:w-full');\n\nconst clearButtonVariants = cva(\n [\n 'ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3',\n 'ds:inline-flex ds:items-center ds:justify-center ds:pointer-events-auto',\n 'ds:text-muted-foreground ds:hover:text-foreground',\n 'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n ].join(' '),\n);\n\nconst expandButtonVariants = cva(\n [\n 'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n 'ds:size-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]',\n 'ds:bg-background ds:border ds:border-border ds:text-muted-foreground',\n 'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:hover:text-foreground ds:hover:bg-muted',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n ].join(' '),\n);\n\nconst expandableWrapperVariants = cva(\n [\n 'ds:inline-flex ds:items-center',\n 'ds:transition-[width] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n ].join(' '),\n);\n\ntype SearchInputRole = 'combobox';\n\nexport interface SearchInputProps {\n value?: string;\n defaultValue?: string;\n onChange?: (debouncedValue: string) => void;\n onInput?: (rawValue: string) => void;\n debounceMs?: number;\n isLoading?: boolean;\n variant?: 'inline' | 'expandable';\n size?: 'sm' | 'md' | 'lg';\n globalShortcut?: string;\n placeholder?: string;\n disabled?: boolean;\n className?: string;\n name?: string;\n id?: string;\n form?: string;\n autoComplete?: string;\n autoFocus?: boolean;\n 'aria-label'?: string;\n role?: SearchInputRole;\n 'aria-expanded'?: boolean;\n 'aria-controls'?: string;\n 'aria-activedescendant'?: string;\n}\n\nfunction isEditableElement(el: Element | null): boolean {\n if (!el) return false;\n const tag = el.tagName;\n if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return true;\n if ((el as HTMLElement).isContentEditable) return true;\n return false;\n}\n\n/**\n * Imperative handle for agent-readiness + programmatic control.\n *\n * The forwarded ref intersects the underlying `HTMLInputElement` so\n * existing consumers (`ref.current.focus()` etc.) keep working — we\n * mutate the live input element to add the curated methods rather than\n * returning a new object from `useImperativeHandle`.\n */\nexport interface SearchInputHandle {\n getQuery: () => string;\n setQuery: (query: string) => void;\n clear: () => void;\n submit: () => void;\n /**\n * Expand-aware focus. Named `agentFocus` rather than `focus` because\n * the handle is grafted onto the underlying `HTMLInputElement` and the\n * native `focus` slot is non-writable.\n */\n agentFocus: () => void;\n}\n\n/**\n * Backwards-compatible alias retained for one release cycle — the\n * forwarded ref's value is structurally an `HTMLInputElement` with the\n * `SearchInputHandle` methods grafted on. Consumers can read it as\n * either type via a cast.\n */\nexport type SearchInputRefValue = HTMLInputElement & SearchInputHandle;\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>(\n (\n {\n value,\n defaultValue,\n onChange,\n onInput,\n debounceMs = 200,\n isLoading = false,\n variant = 'inline',\n size = 'md',\n globalShortcut,\n placeholder,\n disabled,\n className,\n name,\n id,\n form,\n autoComplete = 'off',\n autoFocus,\n role,\n ...ariaProps\n },\n ref,\n ) => {\n const { t } = useTranslation();\n const ctx = useFormField();\n const inputId = id ?? ctx.id;\n const effectiveDisabled = Boolean(ctx.disabled || disabled);\n\n const isControlled = value !== undefined;\n const [internalValue, setInternalValue] = useState<string>(\n String(defaultValue ?? ''),\n );\n const rawValue = isControlled ? String(value) : internalValue;\n const hasValue = rawValue.length > 0;\n\n const innerRef = useRef<HTMLInputElement | null>(null);\n\n const [expanded, setExpanded] = useState<boolean>(\n variant === 'inline' || hasValue,\n );\n const pendingFocusRef = useRef<boolean>(false);\n\n useLayoutEffect(() => {\n if (pendingFocusRef.current && innerRef.current) {\n innerRef.current.focus();\n pendingFocusRef.current = false;\n }\n });\n\n const debouncedOnChange = useDebouncedCallback((next: string) => {\n onChange?.(next);\n }, debounceMs);\n\n const fireImmediate = useCallback(\n (next: string) => {\n debouncedOnChange.cancel();\n onChange?.(next);\n },\n [debouncedOnChange, onChange],\n );\n\n const commitValue = useCallback(\n (next: string) => {\n if (!isControlled) setInternalValue(next);\n },\n [isControlled],\n );\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n const next = event.target.value;\n commitValue(next);\n if (next === '') {\n fireImmediate('');\n } else {\n debouncedOnChange(next);\n }\n };\n\n const handleNativeInput = (event: FormEvent<HTMLInputElement>) => {\n const next = event.currentTarget.value;\n onInput?.(next);\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key !== 'Escape') return;\n if (event.nativeEvent.isComposing) return;\n if (!hasValue) return;\n event.preventDefault();\n event.stopPropagation();\n commitValue('');\n onInput?.('');\n fireImmediate('');\n innerRef.current?.focus();\n };\n\n const handleClear = () => {\n commitValue('');\n onInput?.('');\n fireImmediate('');\n innerRef.current?.focus();\n };\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n if (variant !== 'expandable') return;\n if (event.currentTarget.value === '') {\n setExpanded(false);\n }\n };\n\n const focusInput = useCallback(() => {\n if (variant === 'expandable' && !expanded) {\n pendingFocusRef.current = true;\n setExpanded(true);\n } else {\n innerRef.current?.focus();\n }\n }, [variant, expanded]);\n\n // Build a `SearchInputRefValue` (HTMLInputElement & SearchInputHandle)\n // by attaching the curated agent methods onto the live input element.\n // Returning a fresh object would break existing consumers who do\n // `ref.current.value`, `ref.current.focus()`, etc. Instead we extend\n // the underlying DOM node with the handle methods.\n useImperativeHandle(ref, () => {\n const node = innerRef.current;\n // `useImperativeHandle` may not return null in strict typing, but\n // the cast lets us yield the live DOM node on mount and `null`\n // before mount — React itself tolerates this.\n if (!node) return null as unknown as HTMLInputElement;\n // `focus` is a non-writable own property on HTMLInputElement, so\n // we use `defineProperty` (which honours `writable: true`) to\n // graft the curated methods. The native `focus()` is the\n // canonical one — for `variant=\"expandable\"` consumers should\n // call the named curated method via `agentRef` rather than via\n // the DOM ref.\n const extras: Record<string, (...args: unknown[]) => unknown> = {\n getQuery: () => rawValue,\n setQuery: (next: unknown) => {\n const value = String(next ?? '');\n commitValue(value);\n onInput?.(value);\n fireImmediate(value);\n },\n clear: () => {\n commitValue('');\n onInput?.('');\n fireImmediate('');\n innerRef.current?.focus();\n },\n submit: () => {\n fireImmediate(rawValue);\n },\n // Named `agentFocus` to avoid clashing with the native, read-only\n // `HTMLElement.focus` slot. The adapter wires `actions.focus` to\n // `agentFocus` so the expandable-aware path is preserved.\n agentFocus: () => {\n focusInput();\n },\n };\n for (const [name, fn] of Object.entries(extras)) {\n Object.defineProperty(node, name, {\n value: fn,\n configurable: true,\n writable: true,\n enumerable: false,\n });\n }\n return node;\n }, [rawValue, commitValue, onInput, fireImmediate, focusInput]);\n\n useEffect(() => {\n if (!globalShortcut) return;\n const onKeyDown = (event: globalThis.KeyboardEvent) => {\n if (event.key !== globalShortcut) return;\n if (event.isComposing) return;\n if (event.defaultPrevented) return;\n if (isEditableElement(document.activeElement)) return;\n event.preventDefault();\n focusInput();\n };\n document.addEventListener('keydown', onKeyDown);\n return () => document.removeEventListener('keydown', onKeyDown);\n }, [globalShortcut, focusInput]);\n\n const clearLabel = t('inputs.search.clear', 'Clear search');\n const loadingLabel = t('inputs.search.loading', 'Searching…');\n const defaultPlaceholder = t('inputs.search.placeholder', 'Search…');\n const resolvedPlaceholder = placeholder ?? defaultPlaceholder;\n\n if (variant === 'expandable' && !expanded) {\n return (\n <div\n data-component=\"search-input\"\n data-component-id={id}\n className={expandableWrapperVariants({ className })}\n >\n <button\n type=\"button\"\n aria-label={resolvedPlaceholder}\n aria-expanded={false}\n aria-controls={inputId}\n disabled={effectiveDisabled}\n onClick={() => {\n pendingFocusRef.current = true;\n setExpanded(true);\n }}\n className={expandButtonVariants()}\n >\n <Search aria-hidden=\"true\" className=\"ds:size-4\" />\n </button>\n </div>\n );\n }\n\n const comboboxAria =\n role === 'combobox'\n ? {\n role: 'combobox' as const,\n 'aria-expanded': ariaProps['aria-expanded'],\n 'aria-controls': ariaProps['aria-controls'],\n 'aria-activedescendant': ariaProps['aria-activedescendant'],\n }\n : undefined;\n\n const showClear = hasValue && !isLoading && !effectiveDisabled;\n const endSlot = isLoading ? (\n <Spinner size=\"sm\" label={loadingLabel} />\n ) : showClear ? (\n <span className=\"ds:inline-block ds:size-4\" aria-hidden=\"true\" />\n ) : undefined;\n\n return (\n <div\n data-component=\"search-input\"\n data-component-id={id}\n className={rootVariants({ className })}\n >\n <TextInput\n ref={innerRef}\n id={inputId}\n type=\"search\"\n size={size}\n value={rawValue}\n disabled={effectiveDisabled}\n placeholder={resolvedPlaceholder}\n name={name}\n form={form}\n autoComplete={autoComplete}\n // eslint-disable-next-line jsx-a11y/no-autofocus -- forwarding caller-supplied autoFocus to the inner TextInput\n autoFocus={autoFocus}\n startAdornment={<Search />}\n endAdornment={endSlot}\n clearable={false}\n onChange={handleChange}\n onInput={handleNativeInput}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaProps['aria-label']}\n aria-busy={isLoading || undefined}\n {...comboboxAria}\n />\n {showClear ? (\n <button\n type=\"button\"\n aria-label={clearLabel}\n onClick={handleClear}\n className={clearButtonVariants()}\n >\n <X aria-hidden=\"true\" className=\"ds:size-4\" />\n </button>\n ) : null}\n <span\n role=\"status\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n className=\"ds:sr-only\"\n >\n {isLoading ? loadingLabel : ''}\n </span>\n </div>\n );\n },\n);\n\nSearchInput.displayName = 'SearchInput';\n"],"names":["rootVariants","cva","clearButtonVariants","expandButtonVariants","expandableWrapperVariants","isEditableElement","el","tag","SearchInput","forwardRef","value","defaultValue","onChange","onInput","debounceMs","isLoading","variant","size","globalShortcut","placeholder","disabled","className","name","id","form","autoComplete","autoFocus","role","ariaProps","ref","t","useTranslation","ctx","useFormField","inputId","effectiveDisabled","isControlled","internalValue","setInternalValue","useState","rawValue","hasValue","innerRef","useRef","expanded","setExpanded","pendingFocusRef","useLayoutEffect","debouncedOnChange","useDebouncedCallback","next","fireImmediate","useCallback","commitValue","handleChange","event","handleNativeInput","handleKeyDown","_a","handleClear","handleBlur","focusInput","useImperativeHandle","node","extras","fn","useEffect","onKeyDown","clearLabel","loadingLabel","defaultPlaceholder","resolvedPlaceholder","jsx","Search","comboboxAria","showClear","endSlot","Spinner","jsxs","TextInput","X"],"mappings":";;;;;;;;;;AAqBA,MAAMA,KAAeC,EAAI,uBAAuB,GAE1CC,KAAsBD;AAAA,EAC1B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEME,KAAuBF;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMG,KAA4BH;AAAA,EAChC;AAAA,IACE;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ;AA6BA,SAASI,GAAkBC,GAA6B;AACtD,MAAI,CAACA,EAAI,QAAO;AAChB,QAAMC,IAAMD,EAAG;AAEf,SADI,GAAAC,MAAQ,WAAWA,MAAQ,cAAcA,MAAQ,YAChDD,EAAmB;AAE1B;AA+BO,MAAME,KAAcC;AAAA,EACzB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,IAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,GAAA,GACRC,IAAMC,GAAA,GACNC,IAAUX,KAAMS,EAAI,IACpBG,IAAoB,GAAQH,EAAI,YAAYZ,IAE5CgB,IAAe1B,MAAU,QACzB,CAAC2B,GAAeC,CAAgB,IAAIC;AAAA,MACxC,OAAO5B,KAAgB,EAAE;AAAA,IAAA,GAErB6B,IAAWJ,IAAe,OAAO1B,CAAK,IAAI2B,GAC1CI,IAAWD,EAAS,SAAS,GAE7BE,IAAWC,EAAgC,IAAI,GAE/C,CAACC,GAAUC,CAAW,IAAIN;AAAA,MAC9BvB,MAAY,YAAYyB;AAAA,IAAA,GAEpBK,IAAkBH,EAAgB,EAAK;AAE7C,IAAAI,GAAgB,MAAM;AACpB,MAAID,EAAgB,WAAWJ,EAAS,YACtCA,EAAS,QAAQ,MAAA,GACjBI,EAAgB,UAAU;AAAA,IAE9B,CAAC;AAED,UAAME,IAAoBC,GAAqB,CAACC,MAAiB;AAC/D,MAAAtC,KAAA,QAAAA,EAAWsC;AAAA,IACb,GAAGpC,CAAU,GAEPqC,IAAgBC;AAAA,MACpB,CAACF,MAAiB;AAChB,QAAAF,EAAkB,OAAA,GAClBpC,KAAA,QAAAA,EAAWsC;AAAA,MACb;AAAA,MACA,CAACF,GAAmBpC,CAAQ;AAAA,IAAA,GAGxByC,IAAcD;AAAA,MAClB,CAACF,MAAiB;AAChB,QAAKd,KAAcE,EAAiBY,CAAI;AAAA,MAC1C;AAAA,MACA,CAACd,CAAY;AAAA,IAAA,GAGTkB,IAAe,CAACC,MAAyC;AAC7D,YAAML,IAAOK,EAAM,OAAO;AAC1B,MAAAF,EAAYH,CAAI,GACZA,MAAS,KACXC,EAAc,EAAE,IAEhBH,EAAkBE,CAAI;AAAA,IAE1B,GAEMM,IAAoB,CAACD,MAAuC;AAChE,YAAML,IAAOK,EAAM,cAAc;AACjC,MAAA1C,KAAA,QAAAA,EAAUqC;AAAA,IACZ,GAEMO,IAAgB,CAACF,MAA2C;;AAChE,MAAIA,EAAM,QAAQ,aACdA,EAAM,YAAY,eACjBd,MACLc,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNF,EAAY,EAAE,GACdxC,KAAA,QAAAA,EAAU,KACVsC,EAAc,EAAE,IAChBO,IAAAhB,EAAS,YAAT,QAAAgB,EAAkB;AAAA,IACpB,GAEMC,IAAc,MAAM;;AACxB,MAAAN,EAAY,EAAE,GACdxC,KAAA,QAAAA,EAAU,KACVsC,EAAc,EAAE,IAChBO,IAAAhB,EAAS,YAAT,QAAAgB,EAAkB;AAAA,IACpB,GAEME,KAAa,CAACL,MAAwC;AAC1D,MAAIvC,MAAY,gBACZuC,EAAM,cAAc,UAAU,MAChCV,EAAY,EAAK;AAAA,IAErB,GAEMgB,IAAaT,EAAY,MAAM;;AACnC,MAAIpC,MAAY,gBAAgB,CAAC4B,KAC/BE,EAAgB,UAAU,IAC1BD,EAAY,EAAI,MAEhBa,IAAAhB,EAAS,YAAT,QAAAgB,EAAkB;AAAA,IAEtB,GAAG,CAAC1C,GAAS4B,CAAQ,CAAC;AAOtB,IAAAkB,GAAoBjC,GAAK,MAAM;AAC7B,YAAMkC,IAAOrB,EAAS;AAItB,UAAI,CAACqB,EAAM,QAAO;AAOlB,YAAMC,IAA0D;AAAA,QAC9D,UAAU,MAAMxB;AAAA,QAChB,UAAU,CAACU,MAAkB;AAC3B,gBAAMxC,IAAQ,OAAOwC,KAAQ,EAAE;AAC/B,UAAAG,EAAY3C,CAAK,GACjBG,KAAA,QAAAA,EAAUH,IACVyC,EAAczC,CAAK;AAAA,QACrB;AAAA,QACA,OAAO,MAAM;;AACX,UAAA2C,EAAY,EAAE,GACdxC,KAAA,QAAAA,EAAU,KACVsC,EAAc,EAAE,IAChBO,IAAAhB,EAAS,YAAT,QAAAgB,EAAkB;AAAA,QACpB;AAAA,QACA,QAAQ,MAAM;AACZ,UAAAP,EAAcX,CAAQ;AAAA,QACxB;AAAA;AAAA;AAAA;AAAA,QAIA,YAAY,MAAM;AAChB,UAAAqB,EAAA;AAAA,QACF;AAAA,MAAA;AAEF,iBAAW,CAACvC,GAAM2C,CAAE,KAAK,OAAO,QAAQD,CAAM;AAC5C,eAAO,eAAeD,GAAMzC,GAAM;AAAA,UAChC,OAAO2C;AAAA,UACP,cAAc;AAAA,UACd,UAAU;AAAA,UACV,YAAY;AAAA,QAAA,CACb;AAEH,aAAOF;AAAA,IACT,GAAG,CAACvB,GAAUa,GAAaxC,GAASsC,GAAeU,CAAU,CAAC,GAE9DK,GAAU,MAAM;AACd,UAAI,CAAChD,EAAgB;AACrB,YAAMiD,IAAY,CAACZ,MAAoC;AACrD,QAAIA,EAAM,QAAQrC,MACdqC,EAAM,eACNA,EAAM,oBACNlD,GAAkB,SAAS,aAAa,MAC5CkD,EAAM,eAAA,GACNM,EAAA;AAAA,MACF;AACA,sBAAS,iBAAiB,WAAWM,CAAS,GACvC,MAAM,SAAS,oBAAoB,WAAWA,CAAS;AAAA,IAChE,GAAG,CAACjD,GAAgB2C,CAAU,CAAC;AAE/B,UAAMO,KAAatC,EAAE,uBAAuB,cAAc,GACpDuC,IAAevC,EAAE,yBAAyB,YAAY,GACtDwC,KAAqBxC,EAAE,6BAA6B,SAAS,GAC7DyC,IAAsBpD,KAAemD;AAE3C,QAAItD,MAAY,gBAAgB,CAAC4B;AAC/B,aACE,gBAAA4B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,kBAAe;AAAA,UACf,qBAAmBjD;AAAA,UACnB,WAAWnB,GAA0B,EAAE,WAAAiB,GAAW;AAAA,UAElD,UAAA,gBAAAmD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAYD;AAAA,cACZ,iBAAe;AAAA,cACf,iBAAerC;AAAA,cACf,UAAUC;AAAA,cACV,SAAS,MAAM;AACb,gBAAAW,EAAgB,UAAU,IAC1BD,EAAY,EAAI;AAAA,cAClB;AAAA,cACA,WAAW1C,GAAA;AAAA,cAEX,UAAA,gBAAAqE,EAACC,GAAA,EAAO,eAAY,QAAO,WAAU,YAAA,CAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACnD;AAAA,MAAA;AAKN,UAAMC,KACJ/C,MAAS,aACL;AAAA,MACE,MAAM;AAAA,MACN,iBAAiBC,EAAU,eAAe;AAAA,MAC1C,iBAAiBA,EAAU,eAAe;AAAA,MAC1C,yBAAyBA,EAAU,uBAAuB;AAAA,IAAA,IAE5D,QAEA+C,IAAYlC,KAAY,CAAC1B,KAAa,CAACoB,GACvCyC,KAAU7D,IACd,gBAAAyD,EAACK,IAAA,EAAQ,MAAK,MAAK,OAAOR,EAAA,CAAc,IACtCM,sBACD,QAAA,EAAK,WAAU,6BAA4B,eAAY,QAAO,IAC7D;AAEJ,WACE,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,kBAAe;AAAA,QACf,qBAAmBvD;AAAA,QACnB,WAAWvB,GAAa,EAAE,WAAAqB,GAAW;AAAA,QAErC,UAAA;AAAA,UAAA,gBAAAmD;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,KAAKrC;AAAA,cACL,IAAIR;AAAA,cACJ,MAAK;AAAA,cACL,MAAAjB;AAAA,cACA,OAAOuB;AAAA,cACP,UAAUL;AAAA,cACV,aAAaoC;AAAA,cACb,MAAAjD;AAAA,cACA,MAAAE;AAAA,cACA,cAAAC;AAAA,cAEA,WAAAC;AAAA,cACA,kCAAiB+C,GAAA,EAAO;AAAA,cACxB,cAAcG;AAAA,cACd,WAAW;AAAA,cACX,UAAUtB;AAAA,cACV,SAASE;AAAA,cACT,WAAWC;AAAA,cACX,QAAQG;AAAA,cACR,cAAYhC,EAAU,YAAY;AAAA,cAClC,aAAWb,KAAa;AAAA,cACvB,GAAG2D;AAAA,YAAA;AAAA,UAAA;AAAA,UAELC,IACC,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAYJ;AAAA,cACZ,SAAST;AAAA,cACT,WAAWzD,GAAA;AAAA,cAEX,UAAA,gBAAAsE,EAACQ,IAAA,EAAE,eAAY,QAAO,WAAU,YAAA,CAAY;AAAA,YAAA;AAAA,UAAA,IAE5C;AAAA,UACJ,gBAAAR;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAU;AAAA,cACV,eAAY;AAAA,cACZ,WAAU;AAAA,cAET,cAAYH,IAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QAC9B;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA7D,GAAY,cAAc;"}
|
|
1
|
+
{"version":3,"file":"search-input-BtEJAJHa.js","sources":["../../src/components/search-input/search-input.tsx"],"sourcesContent":["import {\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useLayoutEffect,\n useRef,\n useState,\n type ChangeEvent,\n type FocusEvent,\n type FormEvent,\n type KeyboardEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search, X } from 'lucide-react';\nimport { TextInput } from '../text-input/text-input';\nimport { Spinner } from '../spinner/spinner';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useDebouncedCallback } from '../_shared/use-debounced-callback';\n\nconst rootVariants = cva('ds:relative ds:w-full');\n\nconst clearButtonVariants = cva(\n [\n 'ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3',\n 'ds:inline-flex ds:items-center ds:justify-center ds:pointer-events-auto',\n 'ds:text-muted-foreground ds:hover:text-foreground',\n 'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n ].join(' '),\n);\n\nconst expandButtonVariants = cva(\n [\n 'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n 'ds:size-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]',\n 'ds:bg-background ds:border ds:border-border ds:text-muted-foreground',\n 'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:hover:text-foreground ds:hover:bg-muted',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n ].join(' '),\n);\n\nconst expandableWrapperVariants = cva(\n [\n 'ds:inline-flex ds:items-center',\n 'ds:transition-[width] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n ].join(' '),\n);\n\ntype SearchInputRole = 'combobox';\n\nexport interface SearchInputProps {\n value?: string;\n defaultValue?: string;\n onChange?: (debouncedValue: string) => void;\n onInput?: (rawValue: string) => void;\n debounceMs?: number;\n isLoading?: boolean;\n variant?: 'inline' | 'expandable';\n size?: 'sm' | 'md' | 'lg';\n globalShortcut?: string;\n placeholder?: string;\n disabled?: boolean;\n className?: string;\n name?: string;\n id?: string;\n form?: string;\n autoComplete?: string;\n autoFocus?: boolean;\n 'aria-label'?: string;\n role?: SearchInputRole;\n 'aria-expanded'?: boolean;\n 'aria-controls'?: string;\n 'aria-activedescendant'?: string;\n}\n\nfunction isEditableElement(el: Element | null): boolean {\n if (!el) return false;\n const tag = el.tagName;\n if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return true;\n if ((el as HTMLElement).isContentEditable) return true;\n return false;\n}\n\n/**\n * Imperative handle for agent-readiness + programmatic control.\n *\n * The forwarded ref intersects the underlying `HTMLInputElement` so\n * existing consumers (`ref.current.focus()` etc.) keep working — we\n * mutate the live input element to add the curated methods rather than\n * returning a new object from `useImperativeHandle`.\n */\nexport interface SearchInputHandle {\n getQuery: () => string;\n setQuery: (query: string) => void;\n clear: () => void;\n submit: () => void;\n /**\n * Expand-aware focus. Named `agentFocus` rather than `focus` because\n * the handle is grafted onto the underlying `HTMLInputElement` and the\n * native `focus` slot is non-writable.\n */\n agentFocus: () => void;\n}\n\n/**\n * Backwards-compatible alias retained for one release cycle — the\n * forwarded ref's value is structurally an `HTMLInputElement` with the\n * `SearchInputHandle` methods grafted on. Consumers can read it as\n * either type via a cast.\n */\nexport type SearchInputRefValue = HTMLInputElement & SearchInputHandle;\n\nexport const SearchInput = forwardRef<HTMLInputElement, SearchInputProps>(\n (\n {\n value,\n defaultValue,\n onChange,\n onInput,\n debounceMs = 200,\n isLoading = false,\n variant = 'inline',\n size = 'md',\n globalShortcut,\n placeholder,\n disabled,\n className,\n name,\n id,\n form,\n autoComplete = 'off',\n autoFocus,\n role,\n ...ariaProps\n },\n ref,\n ) => {\n const { t } = useTranslation();\n const ctx = useFormField();\n const inputId = id ?? ctx.id;\n const effectiveDisabled = Boolean(ctx.disabled || disabled);\n\n const isControlled = value !== undefined;\n const [internalValue, setInternalValue] = useState<string>(\n String(defaultValue ?? ''),\n );\n const rawValue = isControlled ? String(value) : internalValue;\n const hasValue = rawValue.length > 0;\n\n const innerRef = useRef<HTMLInputElement | null>(null);\n\n const [expanded, setExpanded] = useState<boolean>(\n variant === 'inline' || hasValue,\n );\n const pendingFocusRef = useRef<boolean>(false);\n\n useLayoutEffect(() => {\n if (pendingFocusRef.current && innerRef.current) {\n innerRef.current.focus();\n pendingFocusRef.current = false;\n }\n });\n\n const debouncedOnChange = useDebouncedCallback((next: string) => {\n onChange?.(next);\n }, debounceMs);\n\n const fireImmediate = useCallback(\n (next: string) => {\n debouncedOnChange.cancel();\n onChange?.(next);\n },\n [debouncedOnChange, onChange],\n );\n\n const commitValue = useCallback(\n (next: string) => {\n if (!isControlled) setInternalValue(next);\n },\n [isControlled],\n );\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n const next = event.target.value;\n commitValue(next);\n if (next === '') {\n fireImmediate('');\n } else {\n debouncedOnChange(next);\n }\n };\n\n const handleNativeInput = (event: FormEvent<HTMLInputElement>) => {\n const next = event.currentTarget.value;\n onInput?.(next);\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key !== 'Escape') return;\n if (event.nativeEvent.isComposing) return;\n if (!hasValue) return;\n event.preventDefault();\n event.stopPropagation();\n commitValue('');\n onInput?.('');\n fireImmediate('');\n innerRef.current?.focus();\n };\n\n const handleClear = () => {\n commitValue('');\n onInput?.('');\n fireImmediate('');\n innerRef.current?.focus();\n };\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n if (variant !== 'expandable') return;\n if (event.currentTarget.value === '') {\n setExpanded(false);\n }\n };\n\n const focusInput = useCallback(() => {\n if (variant === 'expandable' && !expanded) {\n pendingFocusRef.current = true;\n setExpanded(true);\n } else {\n innerRef.current?.focus();\n }\n }, [variant, expanded]);\n\n // Build a `SearchInputRefValue` (HTMLInputElement & SearchInputHandle)\n // by attaching the curated agent methods onto the live input element.\n // Returning a fresh object would break existing consumers who do\n // `ref.current.value`, `ref.current.focus()`, etc. Instead we extend\n // the underlying DOM node with the handle methods.\n useImperativeHandle(ref, () => {\n const node = innerRef.current;\n // `useImperativeHandle` may not return null in strict typing, but\n // the cast lets us yield the live DOM node on mount and `null`\n // before mount — React itself tolerates this.\n if (!node) return null as unknown as HTMLInputElement;\n // `focus` is a non-writable own property on HTMLInputElement, so\n // we use `defineProperty` (which honours `writable: true`) to\n // graft the curated methods. The native `focus()` is the\n // canonical one — for `variant=\"expandable\"` consumers should\n // call the named curated method via `agentRef` rather than via\n // the DOM ref.\n const extras: Record<string, (...args: unknown[]) => unknown> = {\n getQuery: () => rawValue,\n setQuery: (next: unknown) => {\n const value = String(next ?? '');\n commitValue(value);\n onInput?.(value);\n fireImmediate(value);\n },\n clear: () => {\n commitValue('');\n onInput?.('');\n fireImmediate('');\n innerRef.current?.focus();\n },\n submit: () => {\n fireImmediate(rawValue);\n },\n // Named `agentFocus` to avoid clashing with the native, read-only\n // `HTMLElement.focus` slot. The adapter wires `actions.focus` to\n // `agentFocus` so the expandable-aware path is preserved.\n agentFocus: () => {\n focusInput();\n },\n };\n for (const [name, fn] of Object.entries(extras)) {\n Object.defineProperty(node, name, {\n value: fn,\n configurable: true,\n writable: true,\n enumerable: false,\n });\n }\n return node;\n }, [rawValue, commitValue, onInput, fireImmediate, focusInput]);\n\n useEffect(() => {\n if (!globalShortcut) return;\n const onKeyDown = (event: globalThis.KeyboardEvent) => {\n if (event.key !== globalShortcut) return;\n if (event.isComposing) return;\n if (event.defaultPrevented) return;\n if (isEditableElement(document.activeElement)) return;\n event.preventDefault();\n focusInput();\n };\n document.addEventListener('keydown', onKeyDown);\n return () => document.removeEventListener('keydown', onKeyDown);\n }, [globalShortcut, focusInput]);\n\n const clearLabel = t('inputs.search.clear', 'Clear search');\n const loadingLabel = t('inputs.search.loading', 'Searching…');\n const defaultPlaceholder = t('inputs.search.placeholder', 'Search…');\n const resolvedPlaceholder = placeholder ?? defaultPlaceholder;\n\n if (variant === 'expandable' && !expanded) {\n return (\n <div\n data-component=\"search-input\"\n data-component-id={id}\n className={expandableWrapperVariants({ className })}\n >\n <button\n type=\"button\"\n aria-label={resolvedPlaceholder}\n aria-expanded={false}\n aria-controls={inputId}\n disabled={effectiveDisabled}\n onClick={() => {\n pendingFocusRef.current = true;\n setExpanded(true);\n }}\n className={expandButtonVariants()}\n >\n <Search aria-hidden=\"true\" className=\"ds:size-4\" />\n </button>\n </div>\n );\n }\n\n const comboboxAria =\n role === 'combobox'\n ? {\n role: 'combobox' as const,\n 'aria-expanded': ariaProps['aria-expanded'],\n 'aria-controls': ariaProps['aria-controls'],\n 'aria-activedescendant': ariaProps['aria-activedescendant'],\n }\n : undefined;\n\n const showClear = hasValue && !isLoading && !effectiveDisabled;\n const endSlot = isLoading ? (\n <Spinner size=\"sm\" label={loadingLabel} />\n ) : showClear ? (\n <span className=\"ds:inline-block ds:size-4\" aria-hidden=\"true\" />\n ) : undefined;\n\n return (\n <div\n data-component=\"search-input\"\n data-component-id={id}\n className={rootVariants({ className })}\n >\n <TextInput\n ref={innerRef}\n id={inputId}\n type=\"search\"\n size={size}\n value={rawValue}\n disabled={effectiveDisabled}\n placeholder={resolvedPlaceholder}\n name={name}\n form={form}\n autoComplete={autoComplete}\n // eslint-disable-next-line jsx-a11y/no-autofocus -- forwarding caller-supplied autoFocus to the inner TextInput\n autoFocus={autoFocus}\n startAdornment={<Search />}\n endAdornment={endSlot}\n clearable={false}\n onChange={handleChange}\n onInput={handleNativeInput}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaProps['aria-label']}\n aria-busy={isLoading || undefined}\n {...comboboxAria}\n />\n {showClear ? (\n <button\n type=\"button\"\n aria-label={clearLabel}\n onClick={handleClear}\n className={clearButtonVariants()}\n >\n <X aria-hidden=\"true\" className=\"ds:size-4\" />\n </button>\n ) : null}\n <span\n role=\"status\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n className=\"ds:sr-only\"\n >\n {isLoading ? loadingLabel : ''}\n </span>\n </div>\n );\n },\n);\n\nSearchInput.displayName = 'SearchInput';\n"],"names":["rootVariants","cva","clearButtonVariants","expandButtonVariants","expandableWrapperVariants","isEditableElement","el","tag","SearchInput","forwardRef","value","defaultValue","onChange","onInput","debounceMs","isLoading","variant","size","globalShortcut","placeholder","disabled","className","name","id","form","autoComplete","autoFocus","role","ariaProps","ref","t","useTranslation","ctx","useFormField","inputId","effectiveDisabled","isControlled","internalValue","setInternalValue","useState","rawValue","hasValue","innerRef","useRef","expanded","setExpanded","pendingFocusRef","useLayoutEffect","debouncedOnChange","useDebouncedCallback","next","fireImmediate","useCallback","commitValue","handleChange","event","handleNativeInput","handleKeyDown","_a","handleClear","handleBlur","focusInput","useImperativeHandle","node","extras","fn","useEffect","onKeyDown","clearLabel","loadingLabel","defaultPlaceholder","resolvedPlaceholder","jsx","Search","comboboxAria","showClear","endSlot","Spinner","jsxs","TextInput","X"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as t, jsxs as f } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as a, useContext as me, useState as P, useRef as G, useMemo as fe } from "react";
|
|
3
3
|
import * as o from "@radix-ui/react-select";
|
|
4
|
-
import { c as
|
|
4
|
+
import { c as z } from "./index-D2ZczOXr.js";
|
|
5
5
|
import { useTranslation as ge } from "react-i18next";
|
|
6
6
|
import { u as he, F as ve } from "./form-field-context-B3APVHKx.js";
|
|
7
7
|
import { g as be } from "./group-options-BvKhQ3xb.js";
|
|
@@ -11,7 +11,7 @@ import { C as q } from "./chevron-down-BX_NP2Yh.js";
|
|
|
11
11
|
import { C as xe } from "./check-DPdL_Sm7.js";
|
|
12
12
|
import { u as Ne } from "./registry-C9nwlNyL.js";
|
|
13
13
|
import { X as Ce } from "./x-CCcI3eJp.js";
|
|
14
|
-
const
|
|
14
|
+
const we = {
|
|
15
15
|
id: "select",
|
|
16
16
|
capabilities: ["select_single", "open", "close"],
|
|
17
17
|
state: {
|
|
@@ -79,13 +79,14 @@ const ze = {
|
|
|
79
79
|
description: "Stable opaque option value emitted on each rendered option."
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
}, L =
|
|
82
|
+
}, L = z(
|
|
83
83
|
[
|
|
84
84
|
"ds:group ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full",
|
|
85
|
-
"ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-
|
|
85
|
+
"ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-input",
|
|
86
|
+
"ds:shadow-[var(--shadow-input)]",
|
|
86
87
|
"ds:text-foreground ds:placeholder:text-muted-foreground",
|
|
87
88
|
"ds:data-[placeholder]:text-muted-foreground",
|
|
88
|
-
"ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
|
|
89
|
+
"ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
|
|
89
90
|
"ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
|
|
90
91
|
"ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
|
|
91
92
|
"ds:forced-colors:focus-visible:outline-[CanvasText]",
|
|
@@ -108,7 +109,7 @@ const ze = {
|
|
|
108
109
|
tone: "default"
|
|
109
110
|
}
|
|
110
111
|
}
|
|
111
|
-
),
|
|
112
|
+
), ze = z(
|
|
112
113
|
[
|
|
113
114
|
"ds:z-[var(--z-dropdown)] ds:overflow-hidden",
|
|
114
115
|
"ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground",
|
|
@@ -120,7 +121,7 @@ const ze = {
|
|
|
120
121
|
"ds:data-[side=top]:slide-in-from-bottom-2",
|
|
121
122
|
"ds:motion-reduce:animate-none"
|
|
122
123
|
].join(" ")
|
|
123
|
-
), Ie =
|
|
124
|
+
), Ie = z(
|
|
124
125
|
[
|
|
125
126
|
"ds:relative ds:flex ds:cursor-pointer ds:items-center",
|
|
126
127
|
"ds:rounded-[var(--radius-sm)]",
|
|
@@ -190,7 +191,7 @@ const I = a(
|
|
|
190
191
|
position: n,
|
|
191
192
|
sideOffset: r,
|
|
192
193
|
"data-component": "select-content",
|
|
193
|
-
className:
|
|
194
|
+
className: ze({ className: e }),
|
|
194
195
|
...c,
|
|
195
196
|
children: [
|
|
196
197
|
/* @__PURE__ */ t(o.ScrollUpButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ t(Se, { "aria-hidden": "true", className: "ds:size-4" }) }),
|
|
@@ -275,11 +276,11 @@ const _ = a(function({
|
|
|
275
276
|
n ?? r ?? ""
|
|
276
277
|
), m = n !== void 0, h = m ? n : ee, [N, C] = P(!1), B = G(h);
|
|
277
278
|
B.current = h;
|
|
278
|
-
const te = S ?? (p ? u.id : void 0), O = (p ? u.disabled : !1) || !!E, se = (p ? u.required : !1) || !!X, D = p ? u.invalid : !1, oe = D ? "error" : Q, ne = p && u.describedBy ? u.describedBy : void 0,
|
|
279
|
+
const te = S ?? (p ? u.id : void 0), O = (p ? u.disabled : !1) || !!E, se = (p ? u.required : !1) || !!X, D = p ? u.invalid : !1, oe = D ? "error" : Q, ne = p && u.describedBy ? u.describedBy : void 0, w = G(null), de = Te(Z, w), ie = ye(w), i = l, ae = (d) => {
|
|
279
280
|
m || b(d), i == null || i(d);
|
|
280
281
|
}, re = (d) => {
|
|
281
282
|
var y;
|
|
282
|
-
d.preventDefault(), d.stopPropagation(), m || b(""), i == null || i(""), (y =
|
|
283
|
+
d.preventDefault(), d.stopPropagation(), m || b(""), i == null || i(""), (y = w.current) == null || y.focus();
|
|
283
284
|
}, F = c ?? x("inputs.select.placeholder", "Select…"), le = g && !!h && !O, ce = be(s), ue = fe(
|
|
284
285
|
() => ({
|
|
285
286
|
getValue: () => B.current,
|
|
@@ -295,7 +296,7 @@ const _ = a(function({
|
|
|
295
296
|
}),
|
|
296
297
|
[i, m, N]
|
|
297
298
|
);
|
|
298
|
-
return Ne(
|
|
299
|
+
return Ne(we, ue, S), /* @__PURE__ */ f(
|
|
299
300
|
o.Root,
|
|
300
301
|
{
|
|
301
302
|
value: h === "" ? void 0 : h,
|
|
@@ -409,4 +410,4 @@ export {
|
|
|
409
410
|
H as i,
|
|
410
411
|
j
|
|
411
412
|
};
|
|
412
|
-
//# sourceMappingURL=select-
|
|
413
|
+
//# sourceMappingURL=select-Ca6ibiDL.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-Ca6ibiDL.js","sources":["../../src/components/select/select.agent.ts","../../src/components/select/select.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — Select. */\n/* */\n/* See `src/docs/26-agent-readiness.mdx` for the contract. */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SelectHandle } from './select';\n\nexport const selectAgent: AgentAdapter<SelectHandle> = {\n id: 'select',\n capabilities: ['select_single', 'open', 'close'],\n state: {\n value: {\n type: 'string',\n descriptionKey: 'ui.agent.select.state.value',\n description:\n 'Currently selected option value, or empty string when none.',\n read: (handle) => handle.getValue(),\n },\n isOpen: {\n type: 'boolean',\n descriptionKey: 'ui.agent.select.state.isOpen',\n description: 'Whether the option list is open.',\n read: (handle) => handle.isOpen(),\n },\n },\n actions: {\n set_value: {\n safety: 'write',\n argsType: '{ value: string }',\n descriptionKey: 'ui.agent.select.actions.setValue',\n description: 'Select the option with the given value.',\n invoke: (handle, args: { value: string }) => {\n handle.setValue(args.value);\n },\n },\n clear: {\n safety: 'destructive',\n descriptionKey: 'ui.agent.select.actions.clear',\n description: 'Clear the current selection.',\n invoke: (handle) => {\n handle.clear();\n },\n },\n open: {\n safety: 'read',\n descriptionKey: 'ui.agent.select.actions.open',\n description: 'Open the option list.',\n invoke: (handle) => {\n handle.open();\n },\n },\n close: {\n safety: 'read',\n descriptionKey: 'ui.agent.select.actions.close',\n description: 'Close the option list.',\n invoke: (handle) => {\n handle.close();\n },\n },\n },\n domHooks: {\n root: {\n attr: 'data-component',\n value: 'select',\n description: 'Marks the Select trigger.',\n },\n instanceId: {\n attr: 'data-component-id',\n sourceProp: 'id',\n description: 'Sourced from the id prop.',\n },\n item: {\n attr: 'data-option-id',\n description:\n 'Stable opaque option value emitted on each rendered option.',\n },\n },\n};\n","import {\n forwardRef,\n useContext,\n useMemo,\n useRef,\n useState,\n type ComponentPropsWithoutRef,\n type ElementRef,\n type MutableRefObject,\n type ReactElement,\n type ReactNode,\n type Ref,\n} from 'react';\nimport { useAgentRegistration } from '../../agent';\nimport { selectAgent } from './select.agent';\n\n/** Agent-readiness curated handle for Select. */\nexport interface SelectHandle {\n getValue: () => string;\n setValue: (value: string) => void;\n clear: () => void;\n open: () => void;\n close: () => void;\n isOpen: () => boolean;\n}\nimport * as RadixSelect from '@radix-ui/react-select';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, ChevronDown, ChevronUp, X } from 'lucide-react';\nimport {\n FormFieldContext,\n useFormField,\n} from '../form-field/form-field-context';\nimport type { OptionShape } from '../_shared/option';\nimport { groupOptions } from '../_shared/group-options';\nimport { useDirection } from '../_shared/use-direction';\n\nconst selectTriggerVariants = cva(\n [\n 'ds:group ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full',\n 'ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-input',\n 'ds:shadow-[var(--shadow-input)]',\n 'ds:text-foreground ds:placeholder:text-muted-foreground',\n 'ds:data-[placeholder]:text-muted-foreground',\n 'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n 'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n md: 'ds:h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n lg: 'ds:h-12 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n },\n tone: {\n default: '',\n error: 'ds:border-destructive ds:focus-visible:outline-destructive',\n },\n },\n defaultVariants: {\n size: 'md',\n tone: 'default',\n },\n },\n);\n\nconst selectContentVariants = cva(\n [\n 'ds:z-[var(--z-dropdown)] ds:overflow-hidden',\n 'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground',\n 'ds:shadow-[var(--shadow-lg)]',\n 'ds:animate-in ds:fade-in ds:zoom-in-95',\n 'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n 'ds:data-[state=closed]:zoom-out-95',\n 'ds:data-[side=bottom]:slide-in-from-top-2',\n 'ds:data-[side=top]:slide-in-from-bottom-2',\n 'ds:motion-reduce:animate-none',\n ].join(' '),\n);\n\nconst selectItemVariants = cva(\n [\n 'ds:relative ds:flex ds:cursor-pointer ds:items-center',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:text-foreground ds:outline-none ds:select-none',\n 'ds:data-[highlighted]:bg-muted ds:data-[highlighted]:text-foreground',\n 'ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:min-h-8 ds:ps-8 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n md: 'ds:min-h-[var(--min-target-size)] ds:ps-8 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n lg: 'ds:min-h-12 ds:ps-10 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n },\n);\n\nconst selectLabelClasses = [\n 'ds:ps-8 ds:pe-3 ds:py-1.5',\n 'type-eyebrow ds:text-muted-foreground',\n 'ds:sticky ds:top-0 ds:bg-background',\n].join(' ');\n\nconst iconSizeByItemSize = {\n sm: 'ds:size-3.5',\n md: 'ds:size-4',\n lg: 'ds:size-5',\n} as const;\n\nconst itemIndicatorStartByItemSize = {\n sm: 'ds:start-2',\n md: 'ds:start-2',\n lg: 'ds:start-3',\n} as const;\n\nfunction composeRefs<T>(\n ...refs: Array<Ref<T> | undefined | null>\n): (node: T | null) => void {\n return (node: T | null) => {\n for (const r of refs) {\n if (!r) continue;\n if (typeof r === 'function') {\n r(node);\n } else {\n (r as MutableRefObject<T | null>).current = node;\n }\n }\n };\n}\n\n// ---------------------------------------------------------------------------\n// Compound sub-components — thin `forwardRef` wrappers over Radix parts.\n// ---------------------------------------------------------------------------\n\ntype SelectRootProps = ComponentPropsWithoutRef<typeof RadixSelect.Root>;\n\nconst SelectRoot = (props: SelectRootProps) => <RadixSelect.Root {...props} />;\nSelectRoot.displayName = 'Select.Root';\n\ntype SelectTriggerElement = ElementRef<typeof RadixSelect.Trigger>;\ntype SelectTriggerProps = ComponentPropsWithoutRef<typeof RadixSelect.Trigger> &\n VariantProps<typeof selectTriggerVariants>;\n\nconst SelectTrigger = forwardRef<SelectTriggerElement, SelectTriggerProps>(\n ({ size, tone, className, children, ...props }, ref) => (\n <RadixSelect.Trigger\n ref={ref}\n className={selectTriggerVariants({ size, tone, className })}\n {...props}\n >\n {children}\n </RadixSelect.Trigger>\n ),\n);\nSelectTrigger.displayName = 'Select.Trigger';\n\ntype SelectValueProps = ComponentPropsWithoutRef<typeof RadixSelect.Value>;\n\nconst SelectValue = forwardRef<\n ElementRef<typeof RadixSelect.Value>,\n SelectValueProps\n>((props, ref) => <RadixSelect.Value ref={ref} {...props} />);\nSelectValue.displayName = 'Select.Value';\n\ntype SelectContentProps = ComponentPropsWithoutRef<\n typeof RadixSelect.Content\n> & {\n container?: HTMLElement | null;\n};\n\nconst SelectContent = forwardRef<\n ElementRef<typeof RadixSelect.Content>,\n SelectContentProps\n>(\n (\n {\n className,\n children,\n position = 'popper',\n sideOffset = 4,\n container,\n ...props\n },\n ref,\n ) => (\n <RadixSelect.Portal container={container ?? undefined}>\n <RadixSelect.Content\n ref={ref}\n position={position}\n sideOffset={sideOffset}\n data-component=\"select-content\"\n className={selectContentVariants({ className })}\n {...props}\n >\n <RadixSelect.ScrollUpButton className=\"ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default\">\n <ChevronUp aria-hidden=\"true\" className=\"ds:size-4\" />\n </RadixSelect.ScrollUpButton>\n {children}\n <RadixSelect.ScrollDownButton className=\"ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default\">\n <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n </RadixSelect.ScrollDownButton>\n </RadixSelect.Content>\n </RadixSelect.Portal>\n ),\n);\nSelectContent.displayName = 'Select.Content';\n\ntype SelectViewportProps = ComponentPropsWithoutRef<\n typeof RadixSelect.Viewport\n>;\n\nconst SelectViewport = forwardRef<\n ElementRef<typeof RadixSelect.Viewport>,\n SelectViewportProps\n>(({ className, ...props }, ref) => (\n <RadixSelect.Viewport\n ref={ref}\n className={['ds:p-1', className].filter(Boolean).join(' ')}\n {...props}\n />\n));\nSelectViewport.displayName = 'Select.Viewport';\n\ntype SelectItemProps = ComponentPropsWithoutRef<typeof RadixSelect.Item> &\n VariantProps<typeof selectItemVariants>;\n\nconst SelectItem = forwardRef<\n ElementRef<typeof RadixSelect.Item>,\n SelectItemProps\n>(({ size = 'md', className, children, ...props }, ref) => {\n const indicatorStart = itemIndicatorStartByItemSize[size ?? 'md'];\n const iconSize = iconSizeByItemSize[size ?? 'md'];\n return (\n <RadixSelect.Item\n ref={ref}\n className={selectItemVariants({ size, className })}\n {...props}\n >\n <span\n className={`ds:absolute ${indicatorStart} ds:inline-flex ds:items-center ds:justify-center`}\n aria-hidden=\"true\"\n >\n <RadixSelect.ItemIndicator>\n <Check className={iconSize} />\n </RadixSelect.ItemIndicator>\n </span>\n <RadixSelect.ItemText>{children}</RadixSelect.ItemText>\n </RadixSelect.Item>\n );\n});\nSelectItem.displayName = 'Select.Item';\n\ntype SelectItemTextProps = ComponentPropsWithoutRef<\n typeof RadixSelect.ItemText\n>;\n\nconst SelectItemText = forwardRef<\n ElementRef<typeof RadixSelect.ItemText>,\n SelectItemTextProps\n>((props, ref) => <RadixSelect.ItemText ref={ref} {...props} />);\nSelectItemText.displayName = 'Select.ItemText';\n\ntype SelectGroupProps = ComponentPropsWithoutRef<typeof RadixSelect.Group>;\n\nconst SelectGroup = forwardRef<\n ElementRef<typeof RadixSelect.Group>,\n SelectGroupProps\n>((props, ref) => <RadixSelect.Group ref={ref} {...props} />);\nSelectGroup.displayName = 'Select.Group';\n\ntype SelectLabelProps = ComponentPropsWithoutRef<typeof RadixSelect.Label>;\n\nconst SelectLabel = forwardRef<\n ElementRef<typeof RadixSelect.Label>,\n SelectLabelProps\n>(({ className, ...props }, ref) => (\n <RadixSelect.Label\n ref={ref}\n className={[selectLabelClasses, className].filter(Boolean).join(' ')}\n {...props}\n />\n));\nSelectLabel.displayName = 'Select.Label';\n\ntype SelectSeparatorProps = ComponentPropsWithoutRef<\n typeof RadixSelect.Separator\n>;\n\nconst SelectSeparator = forwardRef<\n ElementRef<typeof RadixSelect.Separator>,\n SelectSeparatorProps\n>(({ className, ...props }, ref) => (\n <RadixSelect.Separator\n ref={ref}\n className={['ds:my-1 ds:h-px ds:bg-border', className]\n .filter(Boolean)\n .join(' ')}\n {...props}\n />\n));\nSelectSeparator.displayName = 'Select.Separator';\n\n// ---------------------------------------------------------------------------\n// Convenience form — `<Select options={[{value, label, group?}]} />`.\n// ---------------------------------------------------------------------------\n\nexport type SelectOption<T extends string = string> = OptionShape<T>;\n\nexport interface SelectProps<T extends string = string> {\n options: SelectOption<T>[];\n value?: T | '';\n defaultValue?: T;\n onValueChange?: (value: T | '') => void;\n placeholder?: string;\n clearable?: boolean;\n disabled?: boolean;\n required?: boolean;\n name?: string;\n id?: string;\n size?: 'sm' | 'md' | 'lg';\n tone?: 'default' | 'error';\n 'aria-label'?: string;\n className?: string;\n}\n\nconst SelectImpl = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n {\n options,\n value,\n defaultValue,\n onValueChange,\n placeholder,\n clearable = false,\n disabled,\n required,\n name,\n id,\n size = 'md',\n tone = 'default',\n className,\n 'aria-label': ariaLabel,\n },\n ref,\n) {\n const { t } = useTranslation();\n const ctx = useFormField();\n const inFormField = useContext(FormFieldContext) !== null;\n\n const [internalValue, setInternalValue] = useState<string>(\n value ?? defaultValue ?? '',\n );\n const isControlled = value !== undefined;\n const currentValue = isControlled ? value : internalValue;\n\n const [openState, setOpenState] = useState<boolean>(false);\n const currentValueRef = useRef<string>(currentValue);\n currentValueRef.current = currentValue;\n\n const triggerId = id ?? (inFormField ? ctx.id : undefined);\n const effectiveDisabled =\n (inFormField ? ctx.disabled : false) || Boolean(disabled);\n const effectiveRequired =\n (inFormField ? ctx.required : false) || Boolean(required);\n const effectiveInvalid = inFormField ? ctx.invalid : false;\n const effectiveTone = effectiveInvalid ? 'error' : tone;\n const describedBy =\n inFormField && ctx.describedBy ? ctx.describedBy : undefined;\n\n const triggerRef = useRef<HTMLButtonElement>(null);\n const composedTriggerRef = composeRefs(ref, triggerRef);\n const dir = useDirection(triggerRef);\n\n const emitValue = onValueChange as ((value: string) => void) | undefined;\n\n const handleValueChange = (next: string) => {\n if (!isControlled) setInternalValue(next);\n emitValue?.(next);\n };\n\n const handleClear: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n event.preventDefault();\n event.stopPropagation();\n if (!isControlled) setInternalValue('');\n emitValue?.('');\n triggerRef.current?.focus();\n };\n\n const resolvedPlaceholder =\n placeholder ?? t('inputs.select.placeholder', 'Select…');\n\n const showClear = clearable && !!currentValue && !effectiveDisabled;\n\n const groups = groupOptions(options);\n\n const agentHandle = useMemo<SelectHandle>(\n () => ({\n getValue: () => currentValueRef.current,\n setValue: (next) => {\n if (!isControlled) setInternalValue(next);\n emitValue?.(next);\n },\n clear: () => {\n if (!isControlled) setInternalValue('');\n emitValue?.('');\n },\n open: () => setOpenState(true),\n close: () => setOpenState(false),\n isOpen: () => openState,\n }),\n [emitValue, isControlled, openState],\n );\n useAgentRegistration(selectAgent, agentHandle, id);\n\n return (\n <RadixSelect.Root\n value={currentValue === '' ? undefined : currentValue}\n onValueChange={handleValueChange}\n open={openState}\n onOpenChange={setOpenState}\n disabled={effectiveDisabled}\n required={effectiveRequired}\n name={name}\n dir={dir}\n >\n <RadixSelect.Trigger\n ref={composedTriggerRef}\n id={triggerId}\n aria-label={\n ariaLabel ?? (!inFormField ? resolvedPlaceholder : undefined)\n }\n aria-labelledby={\n !ariaLabel && inFormField ? `${ctx.id}-label` : undefined\n }\n aria-describedby={describedBy}\n aria-invalid={effectiveInvalid || undefined}\n data-component=\"select\"\n data-component-id={id}\n className={selectTriggerVariants({\n size,\n tone: effectiveTone,\n className,\n })}\n >\n <RadixSelect.Value placeholder={resolvedPlaceholder} />\n <span className=\"ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n {showClear ? (\n <button\n type=\"button\"\n aria-label={t('inputs.select.clear', 'Clear selection')}\n onClick={handleClear}\n onPointerDown={(event) => event.stopPropagation()}\n onKeyDown={(event) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.stopPropagation();\n }\n }}\n className={[\n 'ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)]',\n 'ds:text-muted-foreground ds:hover:text-foreground',\n 'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n 'ds:size-4',\n ].join(' ')}\n >\n <X aria-hidden=\"true\" className=\"ds:size-3.5\" />\n </button>\n ) : null}\n <RadixSelect.Icon asChild>\n <ChevronDown\n aria-hidden=\"true\"\n className={[\n 'ds:size-4 ds:shrink-0 ds:text-muted-foreground',\n 'ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n 'ds:group-data-[state=open]:rotate-180',\n ].join(' ')}\n />\n </RadixSelect.Icon>\n </span>\n </RadixSelect.Trigger>\n <SelectContent>\n <SelectViewport>\n {options.length === 0 ? (\n <div className=\"ds:ps-8 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground\">\n {t('inputs.select.noOptions', 'No options')}\n </div>\n ) : (\n groups.map(({ group, items }, groupIndex) => {\n const body = items.map((option) => (\n <SelectItem\n key={option.value}\n value={option.value}\n disabled={option.disabled}\n size={size}\n data-option-id={option.value}\n >\n {option.label}\n </SelectItem>\n ));\n if (!group) {\n return (\n <RadixSelect.Group key={`group-${groupIndex}`}>\n {body}\n </RadixSelect.Group>\n );\n }\n return (\n <RadixSelect.Group key={`group-${group}`}>\n <SelectLabel>{group}</SelectLabel>\n {body}\n </RadixSelect.Group>\n );\n })\n )}\n </SelectViewport>\n </SelectContent>\n </RadixSelect.Root>\n );\n});\nSelectImpl.displayName = 'Select';\n\ninterface SelectComponent {\n <T extends string = string>(\n props: SelectProps<T> & { ref?: Ref<HTMLButtonElement> },\n ): ReactElement | null;\n displayName?: string;\n Root: typeof SelectRoot;\n Trigger: typeof SelectTrigger;\n Value: typeof SelectValue;\n Content: typeof SelectContent;\n Viewport: typeof SelectViewport;\n Item: typeof SelectItem;\n ItemText: typeof SelectItemText;\n Group: typeof SelectGroup;\n Label: typeof SelectLabel;\n Separator: typeof SelectSeparator;\n}\n\nconst SelectWithStatics = Object.assign(SelectImpl, {\n Root: SelectRoot,\n Trigger: SelectTrigger,\n Value: SelectValue,\n Content: SelectContent,\n Viewport: SelectViewport,\n Item: SelectItem,\n ItemText: SelectItemText,\n Group: SelectGroup,\n Label: SelectLabel,\n Separator: SelectSeparator,\n}) as unknown as SelectComponent;\n\nexport const Select = SelectWithStatics;\n\nexport {\n SelectRoot,\n SelectTrigger,\n SelectValue,\n SelectContent,\n SelectViewport,\n SelectItem,\n SelectItemText,\n SelectGroup,\n SelectLabel,\n SelectSeparator,\n};\n\nexport { selectTriggerVariants, selectContentVariants, selectItemVariants };\n\nexport type {\n SelectTriggerProps,\n SelectContentProps,\n SelectItemProps,\n SelectLabelProps,\n SelectRootProps,\n};\n\nexport type { ReactNode };\n"],"names":["selectAgent","handle","args","selectTriggerVariants","cva","selectContentVariants","selectItemVariants","selectLabelClasses","iconSizeByItemSize","itemIndicatorStartByItemSize","composeRefs","refs","node","r","SelectRoot","props","jsx","RadixSelect","SelectTrigger","forwardRef","size","tone","className","children","ref","SelectValue","SelectContent","position","sideOffset","container","jsxs","ChevronUp","ChevronDown","SelectViewport","SelectItem","indicatorStart","iconSize","Check","SelectItemText","SelectGroup","SelectLabel","SelectSeparator","SelectImpl","options","value","defaultValue","onValueChange","placeholder","clearable","disabled","required","name","id","ariaLabel","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","internalValue","setInternalValue","useState","isControlled","currentValue","openState","setOpenState","currentValueRef","useRef","triggerId","effectiveDisabled","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","triggerRef","composedTriggerRef","dir","useDirection","emitValue","handleValueChange","next","handleClear","event","_a","resolvedPlaceholder","showClear","groups","groupOptions","agentHandle","useMemo","useAgentRegistration","X","group","items","groupIndex","body","option","SelectWithStatics","Select"],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import { a as N, c as q } from "./index-D2ZczOXr.js";
|
|
|
6
6
|
import { useTranslation as Z } from "react-i18next";
|
|
7
7
|
import { u as K } from "./use-direction-D6rvvG9G.js";
|
|
8
8
|
import { c as D } from "./compose-refs-C0k0tdqF.js";
|
|
9
|
-
import { S as ee } from "./select-
|
|
9
|
+
import { S as ee } from "./select-Ca6ibiDL.js";
|
|
10
10
|
import { X as te } from "./x-CCcI3eJp.js";
|
|
11
11
|
import { u as se } from "./registry-C9nwlNyL.js";
|
|
12
12
|
import { C as ae } from "./chevron-down-BX_NP2Yh.js";
|
|
@@ -396,4 +396,4 @@ export {
|
|
|
396
396
|
F as c,
|
|
397
397
|
re as t
|
|
398
398
|
};
|
|
399
|
-
//# sourceMappingURL=tabs-
|
|
399
|
+
//# sourceMappingURL=tabs-CRCyPpJo.js.map
|