4b: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4c: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4d:T2cba,"use client"; import { Portal } from "@ark-ui/react/portal"; import { type CollectionItem, createListCollection, type ListCollection, Select as SelectPrimitive, type SelectRootProps, SelectRootProvider, type UseSelectContext, type UseSelectReturn, useListCollection, useSelect, useSelectContext, } from "@ark-ui/react/select"; import type { VariantProps } from "class-variance-authority"; import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react"; import { type ComponentProps, Fragment, type ReactNode, useEffect, useMemo, } from "react"; import { Button, buttonVariants } from "@/components/ui/button"; import { ButtonGroup } from "@/components/ui/button-group"; import { cn } from "@/lib/utils"; export type { CollectionItem, ListCollection, UseSelectContext, UseSelectReturn, }; export { createListCollection, SelectRootProvider, useListCollection, useSelect, useSelectContext, }; export type SelectProps = Omit< SelectRootProps, "collection" | "children" > & { children: ReactNode | ((api: UseSelectContext) => ReactNode); } & ( | { items: readonly T[]; groupBy?: (item: T, index: number) => string; groupSort?: | string[] | "asc" | "desc" | ((a: string, b: string) => number); itemToString?: (item: T) => string; itemToValue?: (item: T) => string; isItemDisabled?: (item: T) => boolean; } | { collection: ListCollection } ); /** Strip `useListCollection` helpers from the root spread so they are not passed to a DOM node. */ type SelectListCollectionKeys = { items?: readonly T[]; groupBy?: (item: T, index: number) => string; groupSort?: string[] | "asc" | "desc" | ((a: string, b: string) => number); itemToString?: (item: T) => string; itemToValue?: (item: T) => string; isItemDisabled?: (item: T) => boolean; collection?: ListCollection; }; export const Select = ( props: SelectProps, ) => { const { positioning, children, items: itemsFromProps, groupBy, groupSort, itemToString, itemToValue, isItemDisabled, collection: collectionProp, ...rootProps } = props as SelectProps & SelectListCollectionKeys; const items = itemsFromProps !== undefined ? itemsFromProps : []; const { collection: defaultCollection, set } = useListCollection({ initialItems: items, groupBy, groupSort, itemToString, itemToValue, isItemDisabled, }); const itemsKey = useMemo( () => items .map((item: T) => String( itemToValue?.(item) ?? (item as { value?: string }).value ?? "", ), ) .join("\uffff"), [items, itemToValue], ); useEffect(() => { // Sync `items` into the internal collection only when the *contents* change. // Avoids infinite render loops when callers pass `items={[...arr]}`. set([...items]); }, [itemsKey]); return ( {typeof children === "function" ? ( {(api) => children(api as UseSelectContext)} ) : ( children )} ); }; export const SelectControl = ({ className, ...props }: SelectPrimitive.ControlProps) => ( ); export const SelectTrigger = ({ ...props }: SelectPrimitive.TriggerProps) => ( ); export type SelectValueProps = { children?: (api: UseSelectContext) => ReactNode; placeholder?: string; className?: string; }; export const SelectValue = ({ children, placeholder, className, }: SelectValueProps) => ( {(api) => { if (children) { return ( {children(api as UseSelectContext)} ); } const text = api.valueAsString?.trim(); return ( ); }} ); export type SelectPopupProps = SelectPrimitive.ContentProps & { disablePortal?: boolean; }; export const SelectPopup = ({ className, disablePortal, ...props }: SelectPopupProps) => { const inner = ( ); return disablePortal ? ( inner ) : ( {inner} ); }; export type SelectItemProps = SelectPrimitive.ItemProps; export const SelectItem = ({ className, ...props }: SelectItemProps) => ( ); export const SelectItemText = ({ className, ...props }: SelectPrimitive.ItemTextProps) => ( ); export const SelectItemIndicator = ({ className, children, ...props }: SelectPrimitive.ItemIndicatorProps) => ( {children ?? } ); export const SelectItemGroup = ({ className, ...props }: SelectPrimitive.ItemGroupProps) => ( ); export const SelectItemGroupLabel = ({ className, ...props }: SelectPrimitive.ItemGroupLabelProps) => ( ); export const SelectSeparator = ({ className, ...props }: ComponentProps<"div">) => (

); export const SelectLabel = ({ className, ...props }: SelectPrimitive.LabelProps) => ( ); export const SelectIndicator = ({ className, children, ...props }: SelectPrimitive.IndicatorProps) => ( {children ?? } ); export type SelectClearTriggerProps = SelectPrimitive.ClearTriggerProps; export const SelectClearTrigger = ({ ...props }: SelectClearTriggerProps) => ( ); export type SelectTriggerFieldProps = { showClear?: boolean; className?: string; children?: ReactNode; hideIndicator?: boolean; size?: VariantProps["size"]; containerClass?: string; }; export const SelectTriggerField = ({ showClear = false, className, children, hideIndicator, size = "default", containerClass, ...props }: SelectTriggerFieldProps) => ( ); export const SelectList = ({ className, ...props }: SelectPrimitive.ListProps) => ( ); export type SelectGroupedListProps = { className?: string; items: readonly T[]; children: (group: readonly [string, T[]]) => ReactNode; }; export const SelectGroupedList = ({ items, className, children, }: SelectGroupedListProps) => { // `useSelectContext()` is not generic over `T`; collection matches `T` when used under `>`. const { collection } = useSelectContext(); const typedCollection = collection as ListCollection; const groups = typedCollection.group(); return (

{groups.map((tuple: readonly [string, (typeof items)[number][]]) => ( {children(tuple)} ))}

); }; export const SelectEmpty = ({ className, ...props }: ComponentProps<"div">) => { const { collection } = useSelectContext(); if (collection.size > 0) { return null; } return (

); }; export const SelectContext = SelectPrimitive.Context; export type SelectItemContextProps = SelectPrimitive.ItemContextProps; export const SelectItemContext = SelectPrimitive.ItemContext; 4a:["$","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","@ark-ui/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40ark-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":"@ark-ui/react"}]]}]}],["$","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"}]]}]}],["$","li","class-variance-authority",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/class-variance-authority","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":"class-variance-authority"}]]}]}]]}],["$","$L4b",null,{"namespace":"@ark-cn","registryDependencies":["button","button-group"]}]]}],null]}],["$","$L4c",null,{"files":[{"path":"src/components/ui/select.tsx","content":"$4d","type":"registry:ui","target":"src/components/ui/select.tsx"}],"className":"h-[70svh] min-h-80"}]]}]