53: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/2ntfcxrkfxczh.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"] 54: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/2ntfcxrkfxczh.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"] 55:T393b,"use client"; import { Autocomplete as BaseAutocomplete } from "@base-ui/react/autocomplete"; import { cn } from "cn"; import { createContext, useContext, type ComponentProps, type Ref, } from "react"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { ScrollArea, ScrollAreaContent } from "@/components/ui/scroll-area"; const AutocompleteRoot = BaseAutocomplete.Root; const PositionerContext = createContext(false); import { ChevronsUpDownIcon, X } from "lucide-react"; type AutocompleteInputProps = { isClearable?: boolean; showClear?: boolean; showTrigger?: boolean; } & BaseAutocomplete.Input.Props; function AutocompleteInput({ className, isClearable = false, showClear = false, showTrigger = false, ...props }: AutocompleteInputProps) { const hasClear = isClearable || showClear; const hasBoth = hasClear && showTrigger; return (

} {...props} /> {hasBoth ? (

) : ( <> {showTrigger && } {hasClear && } )}

); } function AutocompleteLabel(props: ComponentProps) { return ; } function AutocompleteTrigger({ className, children, ...props }: BaseAutocomplete.Trigger.Props) { return ( {children ?? } ); } function AutocompleteIcon({ className, ...props }: ComponentProps) { return ( ); } function AutocompleteClear({ className, children, ...props }: BaseAutocomplete.Clear.Props) { return ( {children ?? } ); } function AutocompleteValue(props: BaseAutocomplete.Value.Props) { return ; } function AutocompletePortal(props: BaseAutocomplete.Portal.Props) { return ; } function AutocompleteBackdrop({ className, ...props }: BaseAutocomplete.Backdrop.Props) { return ( ); } type AutocompletePositionerProps = BaseAutocomplete.Positioner.Props; function AutocompletePositioner({ className, sideOffset = 0, ...props }: AutocompletePositionerProps) { return ( ); } type AutocompletePopupProps = {} & BaseAutocomplete.Popup.Props & Pick< AutocompletePositionerProps, "align" | "alignOffset" | "side" | "sideOffset" >; function AutocompletePopup({ align = "center", alignOffset = 0, className, side = "bottom", sideOffset = 0, children, ...props }: AutocompletePopupProps) { const hasPositioner = useContext(PositionerContext); const popupContent = ( {children} ); if (hasPositioner) { return popupContent; } return ( {popupContent} ); } function AutocompleteArrow({ className, ...props }: BaseAutocomplete.Arrow.Props) { return ( ); } function AutocompleteStatus({ className, ...props }: BaseAutocomplete.Status.Props) { return ( ); } function AutocompleteEmpty({ className, ...props }: BaseAutocomplete.Empty.Props) { return ( ); } type AutocompleteListProps = { hideScrollbar?: boolean; scrollShadow?: "vertical" | "horizontal" | "both" | "none"; } & BaseAutocomplete.List.Props; // Note: Select and DatePickerTimer scroll natively without ScrollArea by placing overflow-y-auto directly // on an element with an explicit max-h or height. When nesting ScrollArea in a flex popup (like Combobox and // Autocomplete), ScrollArea.Root must establish a flex container with min-h-0 flex-1 overflow-hidden so Firefox // (Gecko) does not compute Viewport's percentage height as auto, which would disable scrolling. function AutocompleteList({ className, hideScrollbar = false, scrollShadow = "vertical", ...props }: AutocompleteListProps) { return ( ); } function AutocompleteCollection(props: BaseAutocomplete.Collection.Props) { return ( ); } function AutocompleteRow({ className, ...props }: BaseAutocomplete.Row.Props) { return ( ); } type AutocompleteItemProps = BaseAutocomplete.Item.Props & { ref?: Ref; }; function AutocompleteItem({ className, children, ref, ...props }: AutocompleteItemProps) { return ( {children} ); } type AutocompleteGroupProps = BaseAutocomplete.Group.Props; function AutocompleteGroup({ className, ...props }: AutocompleteGroupProps) { return ( ); } type AutocompleteGroupLabelProps = BaseAutocomplete.GroupLabel.Props; function AutocompleteGroupLabel({ className, ...props }: AutocompleteGroupLabelProps) { return ( ); } function AutocompleteSeparator({ className, ...props }: BaseAutocomplete.Separator.Props) { return ( ); } const Autocomplete = Object.assign(AutocompleteRoot, { Arrow: AutocompleteArrow, Backdrop: AutocompleteBackdrop, Clear: AutocompleteClear, Collection: AutocompleteCollection, Empty: AutocompleteEmpty, Group: AutocompleteGroup, GroupLabel: AutocompleteGroupLabel, Icon: AutocompleteIcon, Input: AutocompleteInput, Item: AutocompleteItem, Label: AutocompleteLabel, List: AutocompleteList, Popup: AutocompletePopup, Portal: AutocompletePortal, Positioner: AutocompletePositioner, Root: AutocompleteRoot, Row: AutocompleteRow, Separator: AutocompleteSeparator, Status: AutocompleteStatus, Trigger: AutocompleteTrigger, Value: AutocompleteValue, }); const useAutocompleteFilter = BaseAutocomplete.useFilter; const useAutocompleteFilteredItems = BaseAutocomplete.useFilteredItems; export { Autocomplete, AutocompleteArrow, AutocompleteBackdrop, AutocompleteClear, AutocompleteCollection, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteIcon, AutocompleteInput, AutocompleteItem, AutocompleteLabel, AutocompleteList, AutocompletePopup, AutocompletePortal, AutocompletePositioner, AutocompleteRoot, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, useAutocompleteFilter, useAutocompleteFilteredItems, }; export type { AutocompleteGroupLabelProps, AutocompleteGroupProps, AutocompleteInputProps, AutocompleteItemProps, AutocompleteListProps, AutocompletePopupProps, AutocompletePositionerProps, }; 52:["$","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"}]]}]}],["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","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":"cn"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","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":"lucide-react"}]]}]}]]}],["$","$L53",null,{"namespace":"@iandefined","registryDependencies":["https://ui.iandefined.com/r/input.json","https://ui.iandefined.com/r/label.json","https://ui.iandefined.com/r/scroll-area.json"]}]]}],null]}],["$","$L54",null,{"files":[{"path":"src/registry/base/autocomplete.tsx","content":"$55","type":"registry:ui","target":"components/ui/autocomplete.tsx"}],"className":"h-[70svh] min-h-80"}]]}]