50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T53e5,"use client"; import * as React from "react"; import { cn } from "@/lib/utils"; import { elevatedSurface, type SurfaceLevel, } from "@/registry/default/lib/elevated"; import { Label } from "@/registry/default/label/label"; import { ScrollArea, type ScrollAreaProps, } from "@/registry/default/scroll-area/scroll-area"; import { Combobox as BaseCombobox } from "@base-ui/react/combobox"; import { HugeiconsIcon } from "@hugeicons/react"; import { Cancel01Icon, CheckIcon, ChevronDownIcon, } from "@hugeicons/core-free-icons"; const useComboboxFilter = BaseCombobox.useFilter; const useComboboxFilteredItems = BaseCombobox.useFilteredItems; const createComboboxItems = BaseCombobox.createItems; // Shared styling for the start/end addon containers. `pointer-events-none` lets // clicks on decorative content (icons, spinners) fall through to the InputGroup, // whose Base UI mousedown handler focuses the input; interactive children opt // back in so buttons/links inside an addon still receive their own clicks. const comboboxAddonClassName = cn( "text-muted-foreground pointer-events-none flex shrink-0 items-center", "[&_svg:not([class*='size-'])]:size-4", "[&_:is(button,a,input,select,textarea,label,[role=button])]:pointer-events-auto", ); const ComboboxContext = React.createContext<{ id: string; /** The mounted ComboboxChips element, if any, used to anchor the popup. */ chipsElement: HTMLDivElement | null; setChipsElement: (element: HTMLDivElement | null) => void; } | null>(null); // `Item` lets `items` accept a `createComboboxItems()` collection, whose // rendered item type differs from its selection value. function Combobox< Value, Multiple extends boolean | undefined = false, Item = Value, >(props: BaseCombobox.Root.Props): React.JSX.Element { const id = React.useId(); const [chipsElement, setChipsElement] = React.useState( null, ); const contextValue = React.useMemo( () => ({ id, chipsElement, setChipsElement }), [id, chipsElement], ); return ( ); } function ComboboxInput({ id: idProp, className, inputClassName, showTrigger = true, showClear = true, variant = "default", start, end, ...props }: BaseCombobox.Input.Props & { showTrigger?: boolean; showClear?: boolean; variant?: "default" | "elevated"; /** Content pinned to the start (leading edge) of the field, e.g. a search icon. */ start?: React.ReactNode; /** Content pinned to the end of the field, before Clear and Trigger, e.g. a loading spinner. */ end?: React.ReactNode; /** Class applied to the inner ``. `className` styles the field wrapper. */ inputClassName?: string; }) { const context = React.use(ComboboxContext); const id = idProp ?? context?.id; return ( // The wrapper carries the field chrome (border, bg, height, focus ring) so // start/end/clear/trigger lay out as flex siblings instead of overlapping // the input via absolute positioning + hand-tuned padding. {start != null && (

{start}

)} {end != null && (

{end}

)} {(showClear || showTrigger) && (

{showClear && } {showTrigger && }

)} ); } function ComboboxChipInput({ id: idProp, className, ...props }: BaseCombobox.Input.Props) { const context = React.use(ComboboxContext); const id = idProp ?? context?.id; return ( ); } function ComboboxTrigger({ className, children, ...props }: BaseCombobox.Trigger.Props) { return ( {children ?? ( )} ); } function ComboboxIcon({ className, ...props }: React.ComponentProps) { return ( ); } function ComboboxClear({ className, ...props }: BaseCombobox.Clear.Props) { return ( ); } function ComboboxValue({ ...props }: BaseCombobox.Value.Props) { return ; } function ComboboxPortal({ ...props }: BaseCombobox.Portal.Props) { return ; } function ComboboxBackdrop({ className, ...props }: BaseCombobox.Backdrop.Props) { return ( ); } function ComboboxPositioner({ className, ...props }: BaseCombobox.Positioner.Props) { return ( ); } function ComboboxPopupPrimitive({ className, level = 3, shadowLevel = 3, ...props }: BaseCombobox.Popup.Props & { /** Surface elevation level for the popup bg (1-8). Bump when nesting inside a Dialog. Defaults to 3. */ level?: SurfaceLevel; /** Shadow weight (1-8). Pinned to 3 by default so the combobox reads the same regardless of nesting depth. */ shadowLevel?: SurfaceLevel; }) { return ( ); } function ComboboxArrow({ className, ...props }: BaseCombobox.Arrow.Props) { return ( ); } function ComboboxStatus({ className, ...props }: BaseCombobox.Status.Props) { return ( ); } function ComboboxEmpty({ className, ...props }: BaseCombobox.Empty.Props) { return ( ); } function ComboboxList({ className, nativeScroll = false, fadeEdges = true, scrollbarGutter = false, persistScrollbar, hideScrollbar, ...props }: BaseCombobox.List.Props & Pick< ScrollAreaProps, | "nativeScroll" | "fadeEdges" | "scrollbarGutter" | "persistScrollbar" | "hideScrollbar" >) { return ( ); } function ComboboxVirtualizedList({ className, children, scrollRef, totalSize, emptyMessage = "No results found.", fadeEdges = "y", nativeScroll = false, ...props }: Omit, "ref"> & Pick & { scrollRef: (element: HTMLDivElement | null) => void; totalSize: number; emptyMessage?: React.ReactNode; }) { return ( <> {emptyMessage}

{children}

); } function ComboboxCollection({ ...props }: BaseCombobox.Collection.Props) { return ; } function ComboboxRow({ className, ...props }: BaseCombobox.Row.Props) { return ( ); } function ComboboxItem({ className, children, ref, ...props }: BaseCombobox.Item.Props & { ref?: React.Ref; }) { return (

{children}

} /> ); } function ComboboxItemIndicator({ className, ...props }: BaseCombobox.ItemIndicator.Props) { return ( ); } function ComboboxGroup({ className, ...props }: BaseCombobox.Group.Props) { return ( ); } function ComboboxGroupLabel({ className, ...props }: BaseCombobox.GroupLabel.Props) { return ( ); } function ComboboxSeparator({ className, ...props }: BaseCombobox.Separator.Props) { return ( ); } function ComboboxChips({ className, variant = "default", ...props }: BaseCombobox.Chips.Props & { variant?: "default" | "elevated" }) { const context = React.use(ComboboxContext); return ( ); } function ComboboxChip({ className, ...props }: BaseCombobox.Chip.Props) { return ( ); } function ComboboxChipRemove({ className, ...props }: BaseCombobox.ChipRemove.Props) { return ( ); } function ComboboxPopup({ className, children, side, align, sideOffset = 6, alignOffset, collisionBoundary, collisionPadding, sticky, positionMethod, backdrop = false, level, shadowLevel, ...props }: BaseCombobox.Popup.Props & { /** Which side of the anchor to align against. Defaults to Base UI's "bottom". */ side?: BaseCombobox.Positioner.Props["side"]; /** Alignment of the popup relative to its anchor. Defaults to Base UI's "center". */ align?: BaseCombobox.Positioner.Props["align"]; sideOffset?: BaseCombobox.Positioner.Props["sideOffset"]; alignOffset?: BaseCombobox.Positioner.Props["alignOffset"]; collisionBoundary?: BaseCombobox.Positioner.Props["collisionBoundary"]; collisionPadding?: BaseCombobox.Positioner.Props["collisionPadding"]; sticky?: BaseCombobox.Positioner.Props["sticky"]; positionMethod?: BaseCombobox.Positioner.Props["positionMethod"]; backdrop?: boolean; /** Surface elevation level for the popup bg (1-8). Defaults to 3. */ level?: SurfaceLevel; /** Shadow weight (1-8). Defaults to 3. */ shadowLevel?: SurfaceLevel; }) { const context = React.use(ComboboxContext); return ( {backdrop && } {/* * Only anchor to the chips wrapper when chips are actually mounted. * Otherwise pass no anchor so Base UI uses its default: the InputGroup * (full field width) for a standard input, or the trigger for the * input-inside-popup pattern. Forcing an anchor here would pin the popup * to the narrower inner . */} {children} ); } function ComboboxLabel({ className, ...props }: React.ComponentProps) { const context = React.use(ComboboxContext); return ; } function ComboboxTriggerLabel({ className, ...props }: BaseCombobox.Label.Props) { return ( ); } export { Combobox, ComboboxInput, ComboboxChipInput, ComboboxTrigger, ComboboxIcon, ComboboxClear, ComboboxValue, ComboboxPortal, ComboboxBackdrop, ComboboxPositioner, ComboboxPopupPrimitive, ComboboxPopup, ComboboxArrow, ComboboxStatus, ComboboxEmpty, ComboboxList, ComboboxCollection, ComboboxRow, ComboboxItem, ComboboxItemIndicator, ComboboxGroup, ComboboxGroupLabel, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipRemove, ComboboxVirtualizedList, ComboboxLabel, ComboboxTriggerLabel, useComboboxFilter, useComboboxFilteredItems, createComboboxItems, }; 53:T1e6d,import * as React from "react"; export interface UseAsyncComboboxOptions { /** * Async search function that receives the query and an AbortSignal. * Should return an array of items matching the query. */ searchFn: (query: string, signal: AbortSignal) => Promise; /** * Debounce delay in milliseconds. Defaults to 0 (no debounce). */ debounceMs?: number; } export interface UseAsyncComboboxSingleOptions< T extends { id: string }, > extends UseAsyncComboboxOptions { /** * Whether multiple selection is enabled */ multiple?: false; /** * Controlled selected value */ value?: T | null; /** * Callback when value changes */ onValueChange?: (value: T | null) => void; } export interface UseAsyncComboboxMultipleOptions< T extends { id: string }, > extends UseAsyncComboboxOptions { /** * Whether multiple selection is enabled */ multiple: true; /** * Controlled selected values */ value?: T[]; /** * Callback when values change */ onValueChange?: (value: T[]) => void; } export interface UseAsyncComboboxReturn { /** * Items array with search results merged with selected values. * Selected values are always kept in the list during search. */ items: T[]; /** * Props to spread onto the Combobox component */ comboboxProps: { inputValue: string; onInputValueChange: ( value: string, details: { reason: string; event: Event | React.SyntheticEvent }, ) => void; filter: null; onOpenChangeComplete: (open: boolean) => void; }; /** * Whether a search is in progress */ isPending: boolean; /** * Error message if the search failed */ error: string | null; /** * Trimmed input value for status message logic */ query: string; } /** * Hook to manage async search combobox state and logic * * This hook encapsulates the complex logic needed for async search: * - AbortController for canceling in-flight requests * - useTransition for pending states * - Merging search results with selected values to keep them visible * - Clearing results when popup closes * * @example * ```tsx * const [value, setValue] = useState(null); * * const { items, comboboxProps, isPending, error, query } = useAsyncCombobox({ * searchFn: searchEmployees, * value, * onValueChange: setValue, * }); * * * ... * * ``` */ export function useAsyncCombobox( options: UseAsyncComboboxSingleOptions, ): UseAsyncComboboxReturn; export function useAsyncCombobox( options: UseAsyncComboboxMultipleOptions, ): UseAsyncComboboxReturn; // `onValueChange` is accepted (it belongs on the options object alongside // `value` so callers configure selection in one place) but not destructured — // the caller passes it to directly; this hook only reads `value` // for the selected-items merge. export function useAsyncCombobox({ searchFn, debounceMs = 0, multiple, value, }: | UseAsyncComboboxSingleOptions | UseAsyncComboboxMultipleOptions): UseAsyncComboboxReturn { const [searchResults, setSearchResults] = React.useState([]); const [inputValue, setInputValue] = React.useState(""); const [error, setError] = React.useState(null); const [isPending, startTransition] = React.useTransition(); const abortControllerRef = React.useRef(null); const debounceTimerRef = React.useRef | null>( null, ); const query = inputValue.trim(); // Merge search results with selected values to keep them visible const items = React.useMemo(() => { if (multiple) { const selectedValues = (value as T[] | undefined) ?? []; if (selectedValues.length === 0) { return searchResults; } // Add selected values that aren't already in search results const searchIds = new Set(searchResults.map((item) => item.id)); const missingSelected = selectedValues.filter( (item) => !searchIds.has(item.id), ); return [...searchResults, ...missingSelected]; } else { const selectedValue = value as T | null | undefined; if ( !selectedValue || searchResults.some((item) => item.id === selectedValue.id) ) { return searchResults; } return [...searchResults, selectedValue]; } }, [searchResults, value, multiple]); // Perform search const performSearch = React.useCallback( (searchQuery: string) => { // Cancel any previous request abortControllerRef.current?.abort(); const controller = new AbortController(); abortControllerRef.current = controller; startTransition(async () => { setError(null); try { const results = await searchFn(searchQuery, controller.signal); if (controller.signal.aborted) { return; } startTransition(() => { setSearchResults(results); }); } catch (err) { if (controller.signal.aborted) { return; } const message = err instanceof Error ? err.message : "Search failed. Try again."; setError(message); setSearchResults([]); } }); }, [searchFn], ); // Handle input value changes const handleInputValueChange = React.useCallback( ( nextValue: string, details: { reason: string; event: Event | React.SyntheticEvent }, ) => { setInputValue(nextValue); // Don't search if input was cleared due to item selection if (details.reason === "item-press") { return; } // Clear debounce timer if (debounceTimerRef.current) { clearTimeout(debounceTimerRef.current); debounceTimerRef.current = null; } const trimmed = nextValue.trim(); if (trimmed === "") { setSearchResults([]); setError(null); abortControllerRef.current?.abort(); return; } // Debounce the search if (debounceMs > 0) { debounceTimerRef.current = setTimeout(() => { performSearch(trimmed); }, debounceMs); } else { performSearch(trimmed); } }, [debounceMs, performSearch], ); // Handle popup close - reset to only show selected values const handleOpenChangeComplete = React.useCallback( (open: boolean) => { if (!open) { if (multiple) { const selectedValues = (value as T[] | undefined) ?? []; setSearchResults(selectedValues); // Clear input for multiple selection (chips show the selections) setInputValue(""); } else { const selectedValue = value as T | null | undefined; setSearchResults(selectedValue ? [selectedValue] : []); // Don't clear input for single selection - Base UI handles // displaying the selected value via itemToStringLabel } setError(null); } }, [value, multiple], ); // Cleanup on unmount React.useEffect(() => { return () => { abortControllerRef.current?.abort(); if (debounceTimerRef.current) { clearTimeout(debounceTimerRef.current); } }; }, []); return { items, comboboxProps: { inputValue, onInputValueChange: handleInputValueChange, filter: null, onOpenChangeComplete: handleOpenChangeComplete, }, isPending, error, query, }; } 54:T1f84,import * as React from "react"; export interface UseCreatableComboboxOptions< T extends { id: string; value: string }, > { /** * Controlled items for the combobox */ items: T[]; /** * Callback when items change */ onItemsChange: (items: T[]) => void; /** * Controlled selected items */ selectedItems: T[]; /** * Callback when selected items change */ onSelectedItemsChange: (items: T[]) => void; } export interface UseCreatableComboboxReturn< T extends { id: string; value: string }, > { /** * Items array with pseudo "Create X" item injected when applicable */ itemsWithCreatable: Array; /** * Props to spread onto the Combobox component */ comboboxProps: { value: T[]; onValueChange: (value: unknown) => void; inputValue: string; onInputValueChange: (value: string) => void; onOpenChange: ( open: boolean, details: { event: Event | React.SyntheticEvent }, ) => void; }; /** * Props to spread onto the Dialog component */ dialogProps: { open: boolean; onOpenChange: (open: boolean) => void; }; /** * Props to spread onto the dialog input element */ dialogInputProps: { ref: React.RefObject; defaultValue: string; }; /** * Form submit handler (handles preventDefault internally) */ onDialogSubmit: (event: React.FormEvent) => void; /** * Dialog cancel handler */ handleCancel: () => void; } /** * Slugify a string to create a valid ID */ function slugify(value: string): string { return value .trim() .toLowerCase() .replace(/\s+/g, "-") .replace(/[^\w-]/g, ""); } /** * Generate a unique ID from a value, handling collisions */ function generateUniqueId( value: string, existingItems: T[], ): string { const baseId = slugify(value); const existingIds = new Set(existingItems.map((item) => item.id)); let uniqueId = baseId; if (existingIds.has(uniqueId)) { let counter = 2; while (existingIds.has(`${baseId}-${counter}`)) { counter += 1; } uniqueId = `${baseId}-${counter}`; } return uniqueId; } /** * Hook to manage creatable combobox state and logic * * This hook encapsulates all the complex logic needed for a creatable combobox: * - Injecting a pseudo "Create X" item when the query doesn't match existing items * - Handling item creation via a confirmation dialog with automatic ID generation * - Normalizing values and checking for duplicates * * @example * ```tsx * const [items, setItems] = useState(initialLabels); * const [selectedItems, setSelectedItems] = useState([]); * * const { itemsWithCreatable, comboboxProps, dialogProps, dialogInputProps, onDialogSubmit, handleCancel } = * useCreatableCombobox({ * items, * onItemsChange: setItems, * selectedItems, * onSelectedItemsChange: setSelectedItems, * }); * ``` */ export function useCreatableCombobox({ items, onItemsChange, selectedItems, onSelectedItemsChange, }: UseCreatableComboboxOptions): UseCreatableComboboxReturn { const [query, setQuery] = React.useState(""); const [dialogOpen, setDialogOpen] = React.useState(false); const [pendingValue, setPendingValue] = React.useState(""); const inputRef = React.useRef(null); // Helper to normalize values for comparison const normalize = React.useCallback((value: string) => { return value.trim().toLowerCase(); }, []); // Helper to check if an item already exists const itemExists = React.useCallback( (value: string) => { const normalized = normalize(value); return items.some((item) => normalize(item.value) === normalized); }, [items, normalize], ); // Create the items array with pseudo "Create X" item if needed const itemsWithCreatable = React.useMemo(() => { const trimmed = query.trim(); if (!trimmed || itemExists(trimmed)) { return items; } // Add pseudo item const normalized = normalize(trimmed); return [ ...items, { id: `create:${normalized}`, value: `Create "${trimmed}"`, creatable: trimmed, } as T & { creatable: string }, ]; }, [items, query, itemExists, normalize]); // Handle item creation const handleCreate = React.useCallback(() => { const value = pendingValue.trim(); if (!value) return; // Check if item already exists if (itemExists(value)) { const existing = items.find( (item) => normalize(item.value) === normalize(value), ); if ( existing && !selectedItems.some((item) => item.id === existing.id) ) { onSelectedItemsChange([...selectedItems, existing]); } setDialogOpen(false); setQuery(""); setPendingValue(""); return; } // Create new item with auto-generated ID const id = generateUniqueId(value, items); const newItem = { id, value } as T; onItemsChange([...items, newItem]); onSelectedItemsChange([...selectedItems, newItem]); setDialogOpen(false); setQuery(""); setPendingValue(""); }, [ pendingValue, items, selectedItems, onItemsChange, onSelectedItemsChange, itemExists, normalize, ]); // Handle value change from combobox const handleValueChange = React.useCallback( (value: unknown) => { const valueArray = Array.isArray(value) ? value : value ? [value] : []; const last = valueArray[valueArray.length - 1]; // Check if the last selected item is the pseudo "Create X" item if (last && "creatable" in last && last.creatable) { setPendingValue(last.creatable); setDialogOpen(true); return; } // Filter out any pseudo items and update selected const cleanValue = valueArray.filter( (item) => !("creatable" in item && item.creatable), ); onSelectedItemsChange(cleanValue as T[]); setQuery(""); }, [onSelectedItemsChange], ); // Handle combobox open/close - intercept Enter key to open dialog const handleOpenChange = React.useCallback( ( open: boolean, details: { event: Event | React.SyntheticEvent }, ) => { // Check if Enter key was pressed with a query that doesn't match if ( "key" in details.event && (details.event as KeyboardEvent).key === "Enter" ) { const trimmed = query.trim(); if (!trimmed) return; // Check if item exists if (itemExists(trimmed)) { const existing = items.find( (item) => normalize(item.value) === normalize(trimmed), ); if ( existing && !selectedItems.some((item) => item.id === existing.id) ) { onSelectedItemsChange([...selectedItems, existing]); } setQuery(""); return; } // Open dialog for new item creation setPendingValue(trimmed); setDialogOpen(true); } }, [query, items, selectedItems, itemExists, normalize, onSelectedItemsChange], ); // Dialog submit handler const onDialogSubmit = React.useCallback( (event: React.FormEvent) => { event.preventDefault(); handleCreate(); }, [handleCreate], ); // Dialog cancel handler const handleCancel = React.useCallback(() => { setDialogOpen(false); setPendingValue(""); }, []); return { itemsWithCreatable, comboboxProps: { value: selectedItems, onValueChange: handleValueChange, inputValue: query, onInputValueChange: setQuery, onOpenChange: handleOpenChange, }, dialogProps: { open: dialogOpen, onOpenChange: setDialogOpen, }, dialogInputProps: { ref: inputRef, defaultValue: pendingValue, }, onDialogSubmit, handleCancel, }; } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@hugeicons/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40hugeicons%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@hugeicons/react"}]]}]}],["$","li","@hugeicons/core-free-icons",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40hugeicons%2Fcore-free-icons","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@hugeicons/core-free-icons"}]]}]}]]}],["$","$L50",null,{"namespace":"@cubby-ui","registryDependencies":["@cubby-ui/label","@cubby-ui/scroll-area","@cubby-ui/elevated"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/default/combobox/combobox.tsx","content":"$52","type":"registry:ui","target":"components/ui/cubby-ui/combobox/combobox.tsx"},{"path":"registry/default/combobox/hooks/use-async-combobox.ts","content":"$53","type":"registry:hook","target":"components/ui/cubby-ui/combobox/hooks/use-async-combobox.ts"},{"path":"registry/default/combobox/hooks/use-creatable-combobox.ts","content":"$54","type":"registry:hook","target":"components/ui/cubby-ui/combobox/hooks/use-creatable-combobox.ts"}],"className":"h-[70svh] min-h-80"}]]}]