4e: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"] 4f:T10e7,"use client"; import { Autocomplete } from "@base-ui/react/autocomplete"; import { Dialog } from "@base-ui/react/dialog"; import type React from "react"; import { cn } from "../../../lib/utils"; import styles from "./command.module.css"; function CommandDialog({ ...props }: Dialog.Root.Props) { return ; } function CommandDialogTrigger({ ...props }: Dialog.Trigger.Props) { return ; } const CommandDialogPortal = Dialog.Portal; function CommandDialogBackdrop({ className, ...props }: Dialog.Backdrop.Props) { return ; } function CommandDialogPopup({ className, backdropClassName, children, ...props }: Dialog.Popup.Props & { backdropClassName?: string; children?: React.ReactNode }) { return ( {children} ); } function Command({ autoHighlight = "always", keepHighlight = true, className, ...props }: React.ComponentProps & { className?: string }) { return (

); } function CommandInput({ className, placeholder = "Search...", ...props }: React.ComponentProps) { return (

); } function CommandList({ className, ...props }: React.ComponentProps) { return ; } function CommandEmpty({ className, children, ...props }: React.ComponentProps) { return ( {children || "No results found."} ); } function CommandGroup({ className, ...props }: React.ComponentProps) { return ; } function CommandGroupLabel({ className, ...props }: React.ComponentProps) { return ( ); } function CommandCollection({ ...props }: React.ComponentProps) { return ; } function CommandItem({ className, ...props }: React.ComponentProps) { return ; } function CommandSeparator({ className, ...props }: React.ComponentProps) { return ( ); } function CommandFooter({ className, ...props }: React.ComponentProps<"div">) { return

; } function CommandShortcut({ className, ...props }: React.ComponentProps<"kbd">) { return ; } export { Command, CommandCollection, CommandDialog, CommandDialogBackdrop, CommandDialogPopup, CommandDialogPortal, CommandDialogTrigger, CommandEmpty, CommandFooter, CommandGroup, CommandGroupLabel, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, }; 50:T10ff,.root { display: flex; flex-direction: column; width: 100%; overflow: hidden; color: var(--foreground); } .backdrop { position: fixed; inset: 0; z-index: var(--dialog-z); background-color: var(--dialog-overlay); transition: opacity 150ms; &[data-starting-style], &[data-ending-style] { opacity: 0; } } .dialogPopup { position: fixed; left: 50%; top: 50%; z-index: 101; transform: translate(-50%, -50%); max-width: 560px; width: calc(100% - 2rem); border-radius: var(--radius); border: none; box-shadow: 0 0 0 0.5px oklch(from var(--border) l c h / 0.5), var(--shadow-lg); background-color: var(--background); transition: all 150ms; &[data-starting-style], &[data-ending-style] { opacity: 0; transform: translate(-50%, -50%) scale(0.95); } @media (max-width: 640px) { width: calc(100% - 2rem); max-width: none; } } .inputWrapper { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem; box-shadow: inset 0 -0.5px 0 0 oklch(from var(--border) l c h / 0.5); } .input { display: flex; height: 1.5rem; width: 100%; border: none; background-color: transparent; font-size: 0.875rem; outline: none; color: var(--foreground); caret-color: var(--primary); &::placeholder { color: var(--muted-foreground); @media (max-width: 640px) { font-size: 0.9375rem; } } &:focus { outline: none; } @media (max-width: 640px) { font-size: 0.9375rem; } } .list { max-height: 300px; overflow: auto; padding: 0.25rem; scrollbar-width: thin; scrollbar-color: oklch(from var(--border) l c h / 0.5) transparent; outline: none; &::-webkit-scrollbar { width: 6px; } &::-webkit-scrollbar-track { background: transparent; } &::-webkit-scrollbar-thumb { background: oklch(from var(--border) l c h / 0.5); border-radius: 3px; } &::-webkit-scrollbar-thumb:hover { background: oklch(from var(--border) l c h / 0.7); } @media (max-width: 640px) { max-height: 250px; padding: 0.375rem; } } .item { display: flex; cursor: pointer; user-select: none; align-items: center; min-height: 2.5rem; padding: 0.625rem 0.375rem; font-size: 0.875rem; font-weight: 400; line-height: normal; gap: 0.5rem; outline: none; border-radius: 0; border: 1px solid transparent; &:hover, &[data-highlighted] { background-color: var(--mix-card-50-bg); } &:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; z-index: 1; } &[data-disabled] { pointer-events: none; opacity: 0.5; } svg { height: 1rem; width: 1rem; flex-shrink: 0; color: var(--muted-foreground); @media (max-width: 640px) { height: 1.125rem; width: 1.125rem; } } @media (max-width: 640px) { min-height: 2.75rem; padding: 0.75rem 0.625rem; font-size: 0.9375rem; gap: 0.75rem; } } .group { overflow: hidden; padding: 0.25rem 0; color: var(--foreground); } .groupLabel { padding: 0.5rem 0.5rem 0.25rem; font-size: 0.71875rem; font-weight: 500; color: var(--muted-foreground); text-transform: uppercase; letter-spacing: 0.025em; @media (max-width: 640px) { font-size: 0.8125rem; padding: 0.5rem 0.625rem 0.25rem; } } .empty { padding: 1.5rem; text-align: center; color: var(--muted-foreground); font-size: 0.875rem; @media (max-width: 640px) { padding: 1.75rem 1rem; font-size: 0.9375rem; } } .separator { height: 0.5px; width: 100%; background-color: oklch(from var(--border) l c h / 0.4); margin: 0.25rem 0; } .footer { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; border-top: 0.5px solid oklch(from var(--border) l c h / 0.5); background-color: oklch(from var(--muted) l c h / 0.2); flex-shrink: 0; } .shortcut { margin-left: auto; padding: 0.125rem 0.25rem; background-color: var(--background); border: 0.5px solid oklch(from var(--border) l c h / 0.5); font-size: 0.75rem; font-family: monospace; color: var(--muted-foreground); font-weight: 500; display: flex; align-items: center; gap: 0.25rem; svg { flex-shrink: 0; } @media (max-width: 640px) { font-size: 0.8125rem; padding: 0.1875rem 0.375rem; } } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[null,["$","$L4e",null,{"files":[{"path":"registry/brook/ui/command/command.tsx","content":"$4f","type":"registry:file","target":"~/components/ui/command/command.tsx"},{"path":"registry/brook/ui/command/command.module.css","content":"$50","type":"registry:file","target":"~/components/ui/command/command.module.css"}],"className":"h-[70svh] min-h-80"}]]}]