61: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 62: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 63:T1271,"use client"; import { Select as BaseSelect } from "@base-ui/react/select"; import { type ReactNode, useMemo, useRef, useState } from "react"; import { Button, type ButtonProps } from "./button"; import type { GlassRefraction, GlassTheme } from "./glass"; import { MorphPane, PopupState, usePopupState } from "./popup"; import { cx } from "./types"; import "./liquikit.css"; export type SelectRootProps = Omit< BaseSelect.Root.Props, "open" > & { open?: boolean; }; function Root({ open: openProp, defaultOpen = false, onOpenChange, ...rootProps }: SelectRootProps) { const [uncontrolled, setUncontrolled] = useState(defaultOpen); const open = openProp ?? uncontrolled; const trigger = useRef(null); const state = useMemo(() => ({ open, trigger }), [open]); return ( { if (openProp === undefined) setUncontrolled(next); onOpenChange?.(next, eventDetails); }} /> ); } export type SelectTriggerProps = Omit & { placeholder?: ReactNode; }; function Trigger({ placeholder, ...props }: SelectTriggerProps) { const { trigger } = usePopupState(); return ( { trigger.current = element; }} render={ } /> ); } const overTrigger: NonNullable = ({ side, anchor, }) => -(side === "top" || side === "bottom" ? anchor.height : anchor.width); export type SelectPopupProps = Omit< BaseSelect.Popup.Props, "className" | "render" > & { side?: BaseSelect.Positioner.Props["side"]; align?: BaseSelect.Positioner.Props["align"]; sideOffset?: BaseSelect.Positioner.Props["sideOffset"]; theme?: GlassTheme; refraction?: GlassRefraction; className?: string; children?: ReactNode; }; function Popup({ side = "bottom", align = "start", sideOffset = overTrigger, theme, refraction, className, children, ...popupProps }: SelectPopupProps) { return ( ( )} > {children} ); } function Item({ className, children, ...itemProps }: Omit & { className?: string }) { return ( {children} ); } function Separator({ className, ...separatorProps }: Omit & { className?: string }) { return ( ); } function Group(props: BaseSelect.Group.Props) { return ; } function GroupLabel({ className, ...labelProps }: Omit & { className?: string }) { return ( ); } export const Select = { Root, Trigger, Popup, Item, Separator, Group, GroupLabel, }; export const SelectRoot = Select.Root; export const SelectTrigger = Select.Trigger; export const SelectPopup = Select.Popup; export const SelectItem = Select.Item; export const SelectSeparator = Select.Separator; export const SelectGroup = Select.Group; export const SelectGroupLabel = Select.GroupLabel; 60:["$","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@^1.8.0",{"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@^1.8.0"}]]}]}]]}],["$","$L61",null,{"namespace":"@liquikit","registryDependencies":["https://liquikit.dev/r/button.json","https://liquikit.dev/r/core.json","https://liquikit.dev/r/glass.json","https://liquikit.dev/r/popup.json"]}]]}],null]}],["$","$L62",null,{"files":[{"path":"src/select.tsx","content":"$63","type":"registry:ui","target":"@components/liquikit/select.tsx"}],"className":"h-[70svh] min-h-80"}]]}]