4e: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"] 4f: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"] 50:T12d6,"use client"; import { Select } from "@base-ui/react/select"; import { Check, ChevronDown } from "lucide-react"; import { cn } from "../../../lib/utils"; import styles from "./select.module.css"; function SelectRoot( props: React.ComponentProps> ) { return {...props} />; } function SelectTrigger({ className, children, render, ...props }: React.ComponentProps) { return ( {children} ); } function SelectValue({ className, children, ...props }: React.ComponentProps) { return ( {children} ); } function SelectIcon({ className, children, ...props }: React.ComponentProps) { return ( {children || } ); } function SelectPortal({ ...props }: React.ComponentProps) { return ; } function SelectOverlay({ className, ...props }: React.ComponentProps) { return ; } function SelectPositioner({ className, ...props }: React.ComponentProps) { return ; } function SelectScrollUpArrow({ className, children, ...props }: React.ComponentProps) { return ( {children || } ); } function SelectPopup({ className, ...props }: React.ComponentProps) { return ; } function SelectArrow({ className, ...props }: React.ComponentProps) { return ; } function SelectScrollDownArrow({ className, children, ...props }: React.ComponentProps) { return ( {children || } ); } function SelectList({ className, ...props }: React.ComponentProps) { return ; } function SelectItem({ className, ...props }: React.ComponentProps) { return ; } function SelectItemText({ className, ...props }: React.ComponentProps) { return ; } function SelectGroup({ className, ...props }: React.ComponentProps) { return ; } function SelectGroupLabel({ className, ...props }: React.ComponentProps) { return ; } function SelectSeparator({ className, ...props }: React.ComponentProps) { return ; } function SelectItemIndicator({ className, children, ...props }: React.ComponentProps) { return ( {children || } ); } function SelectSpacer() { return

; } export { SelectRoot as Select, SelectArrow, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectOverlay, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectSpacer, SelectTrigger, SelectValue, }; 51:Td9d,.container { position: relative; display: inline-block; z-index: 150; } .trigger { min-width: 9rem; background-color: var(--popover); &:hover:not(.disabled) { background-color: var(--accent); color: var(--foreground); } &:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; } &[data-popup-open] { background-color: var(--accent); color: var(--foreground); & .icon { transform: rotate(180deg); } } &.disabled { cursor: not-allowed; opacity: 0.5; } @media (max-width: 768px) { min-width: 7rem; } } .value { flex: 1; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.25 !important; &[data-placeholder] { color: var(--muted-foreground); } } .icon { margin-left: 0.5rem; height: 1rem; width: 1rem; flex-shrink: 0; opacity: 0.5; transition: transform 0.2s ease-in-out; } .positioner { z-index: 150; } .popup { min-width: var(--anchor-width); background: var(--popover); border: none; border-radius: var(--radius); transform-origin: var(--transform-origin); overflow-y: auto; z-index: 150; box-shadow: 0 0 0 0.5px oklch(from var(--border) l c h / 0.8), var(--shadow-border-stack); transition: transform 250ms var(--ease-out-expo), opacity 250ms var(--ease-out-expo); &[data-starting-style] { opacity: 0; transform: scale(0.95); } &[data-side="none"] { transition: none; transform: none; opacity: 1; } } .arrow { width: 0.75rem; height: 0.75rem; background: var(--mix-card-33-bg); border: 1px solid var(--border); border-right: none; border-bottom: none; transform: rotate(45deg); z-index: -1; } .scrollArrow { display: flex; align-items: center; justify-content: center; height: 1.5rem; background: var(--mix-card-33-bg); border: none; cursor: pointer; color: var(--foreground); transition: background-color 0.2s ease-in-out; &:hover { background-color: var(--muted); } &[data-state="hidden"] { display: none; } } .list { padding: 0; } .item { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding-inline: 8px 6px; margin-inline: 4px; min-height: 32px; font-size: 0.875rem; color: var(--foreground); cursor: pointer; border-radius: 0.3125rem; outline: none; &:hover:not(.itemDisabled) { background-color: var(--accent); } &[data-highlighted] { background-color: var(--muted); color: var(--foreground); } &[data-selected] { background-color: transparent; & .indicator { opacity: 1; } } &.itemDisabled { cursor: not-allowed; opacity: 0.5; } } .itemText { flex: 1; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .indicator { margin-left: 0.5rem; height: 1rem; width: 1rem; flex-shrink: 0; color: var(--muted-foreground); opacity: 0; transition: opacity 0.2s ease-in-out; } .separator { height: 1px; background-color: var(--border); margin: 0.25rem 0; } .selectGroup { padding: 0; } .groupLabel { padding: 0.375rem 0.75rem; font-size: 0.75rem; font-weight: 600; color: var(--muted-foreground); text-transform: uppercase; letter-spacing: 0.05em; } .backdrop { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 140; transition: opacity 150ms; } 4d:["$","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.5.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.5.0"}]]}]}],["$","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"}]]}]}]]}],["$","$L4e",null,{"namespace":"@roiui","registryDependencies":[]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/brook/ui/select/select.tsx","content":"$50","type":"registry:file","target":"~/components/ui/select/select.tsx"},{"path":"registry/brook/ui/select/select.module.css","content":"$51","type":"registry:file","target":"~/components/ui/select/select.module.css"}],"className":"h-[70svh] min-h-80"}]]}]