4f: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"] 50: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"] 51:T3015,"use client" import * as React from "react" import { Autocomplete as AutocompletePrimitive } from "@base-ui/react/autocomplete" import { Dialog as DialogPrimitive } from "@base-ui/react/dialog" import { cn } from "@/lib/utils" type CommandContextValue = { inputValue: string usesItemsProp: boolean } const CommandContext = React.createContext(null) function useCommandContext() { const context = React.useContext(CommandContext) if (!context) { throw new Error("Command parts must be used within Command") } return context } function getTextContent(node: React.ReactNode): string { return React.Children.toArray(node) .map((child) => { if (typeof child === "string" || typeof child === "number") { return String(child) } if (React.isValidElement<{ children?: React.ReactNode }>(child)) { return getTextContent(child.props.children) } return "" }) .join(" ") } function matchesSearch( value: unknown, children: React.ReactNode, query: string ) { const searchableValue = typeof value === "string" ? value : getTextContent(children) return searchableValue .toLocaleLowerCase() .includes(query.trim().toLocaleLowerCase()) } type CommandProps = Omit< AutocompletePrimitive.Root.Props, "items" > & { className?: string items?: readonly ItemValue[] } function Command({ value: controlledValue, defaultValue, onValueChange, items, inline = true, open = true, autoHighlight = "always", keepHighlight = true, className, children, ...props }: CommandProps) { const [uncontrolledValue, setUncontrolledValue] = React.useState( typeof defaultValue === "string" ? defaultValue : "" ) const inputValue = typeof controlledValue === "string" ? controlledValue : uncontrolledValue const handleValueChange = React.useCallback< NonNullable["onValueChange"]> >( (nextValue, eventDetails) => { if (controlledValue === undefined) { setUncontrolledValue(nextValue) } onValueChange?.(nextValue, eventDetails) }, [controlledValue, onValueChange] ) const context = React.useMemo( () => ({ inputValue, usesItemsProp: items !== undefined, }), [inputValue, items] ) return ( inline={inline} open={open} autoHighlight={autoHighlight} keepHighlight={keepHighlight} value={controlledValue} defaultValue={defaultValue} onValueChange={handleValueChange} items={items} {...props} >

{children}

) } type CommandInputProps = Omit & { leadingIcon?: React.ReactNode size?: "sm" | "default" | "lg" } function CommandInput({ className, leadingIcon, size = "lg", placeholder = "Search...", autoFocus = true, "aria-label": ariaLabel = "Search commands", ...props }: CommandInputProps) { return (

{leadingIcon ? ( ) : null}

) } type CommandContentProps = AutocompletePrimitive.List.Props function CommandContent({ className, ...props }: CommandContentProps) { return ( [data-slot=command-empty]]:hidden [&:not(:has([data-slot=command-group]))]:gap-[var(--hui-space-1)] [&:not(:has([data-slot=command-group]))]:py-[var(--hui-space-3)]", className )} {...props} /> ) } type CommandItemProps = AutocompletePrimitive.Item.Props & { leadingIcon?: React.ReactNode trailingIcon?: React.ReactNode } function CommandItem({ className, children, value: providedValue, leadingIcon, trailingIcon, ...props }: CommandItemProps) { const { inputValue, usesItemsProp } = useCommandContext() const value = providedValue !== undefined ? providedValue : typeof children === "string" ? children : undefined if ( !usesItemsProp && inputValue && !matchesSearch(value, children, inputValue) ) { return null } return ( {leadingIcon ? ( ) : null} {children} {trailingIcon ? ( {trailingIcon} ) : null} ) } type CommandEmptyProps = React.ComponentProps<"div"> function CommandEmpty({ className, ...props }: CommandEmptyProps) { return (

) } type CommandGroupProps = AutocompletePrimitive.Group.Props function CommandGroup({ children, className, ...props }: CommandGroupProps) { const { inputValue, usesItemsProp } = useCommandContext() if (!usesItemsProp && inputValue) return <>{children} return ( {children} ) } type CommandLabelProps = AutocompletePrimitive.GroupLabel.Props function CommandLabel({ className, ...props }: CommandLabelProps) { const { inputValue, usesItemsProp } = useCommandContext() if (!usesItemsProp && inputValue) return null return ( ) } type CommandSeparatorProps = AutocompletePrimitive.Separator.Props function CommandSeparator({ className, ...props }: CommandSeparatorProps) { const { inputValue, usesItemsProp } = useCommandContext() if (!usesItemsProp && inputValue) return null return ( ) } function CommandDialog(props: DialogPrimitive.Root.Props) { return } function CommandDialogTrigger(props: DialogPrimitive.Trigger.Props) { return ( ) } type CommandDialogContentProps = DialogPrimitive.Popup.Props & { title?: string width?: React.CSSProperties["width"] } function CommandDialogContent({ className, children, title = "Command palette", width, style, ...props }: CommandDialogContentProps) { return ( {title} {children} ) } export { Command, CommandContent, CommandDialog, CommandDialogContent, CommandDialogTrigger, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandLabel, CommandSeparator, } export type { CommandContentProps, CommandDialogContentProps, CommandEmptyProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandLabelProps, CommandProps, CommandSeparatorProps, } 4e:["$","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","@base-ui/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40base-ui%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":"@base-ui/react"}]]}]}]]}],["$","$L4f",null,{"namespace":"@honestui","registryDependencies":[]}]]}],null]}],["$","$L50",null,{"files":[{"path":"command.tsx","content":"$51","type":"registry:ui","target":"components/ui/command.tsx"}],"className":"h-[70svh] min-h-80"}]]}]