51: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"] 52: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"] 53:T24d2,"use client" import { createContext, use, useEffect } from "react" import { twJoin, twMerge } from "cn" import { SearchIcon } from "lucide-react" import type { AutocompleteProps } from "react-aria-components/Autocomplete" import { Autocomplete, useFilter } from "react-aria-components/Autocomplete" import type { CollectionRenderer } from "react-aria-components/CollectionBuilder" import { CollectionRendererContext, DefaultCollectionRenderer, } from "react-aria-components/CollectionBuilder" import { OverlayTriggerStateContext } from "react-aria-components/Dialog" import type { MenuProps, MenuTriggerProps } from "react-aria-components/Menu" import { Collection, Header, Menu as MenuPrimitive, MenuSection, } from "react-aria-components/Menu" import { Button, Dialog, Modal, ModalContext, ModalOverlay, } from "react-aria-components/Modal" import type { SearchFieldProps } from "react-aria-components/SearchField" import { Input, SearchField } from "react-aria-components/SearchField" import { cx } from "@/lib/primitive" import { DropdownKeyboard } from "./dropdown" import { Loader } from "./loader" import { MenuDescription, MenuItem, MenuLabel, MenuSeparator, type MenuSectionProps, } from "./menu" interface CommandMenuProviderProps { isPending?: boolean escapeButton?: boolean } const CommandMenuContext = createContext( undefined ) const useCommandMenu = () => { const context = use(CommandMenuContext) if (!context) { throw new Error( "useCommandMenu must be used within a " ) } return context } const sizes = { xs: "sm:max-w-xs", sm: "sm:max-w-sm", md: "sm:max-w-md", lg: "sm:max-w-lg", xl: "sm:max-w-xl", "2xl": "sm:max-w-2xl", "3xl": "sm:max-w-3xl", } interface CommandMenuProps extends AutocompleteProps, MenuTriggerProps, CommandMenuProviderProps { isDismissable?: boolean "aria-label"?: string shortcut?: string isBlurred?: boolean className?: string size?: keyof typeof sizes } const CommandMenu = ({ onOpenChange, className, isDismissable = true, escapeButton = true, isPending, size = "lg", isBlurred, shortcut, ...props }: CommandMenuProps) => { const { contains } = useFilter({ sensitivity: "base" }) const filter = (textValue: string, inputValue: string) => contains(textValue, inputValue) useEffect(() => { if (!shortcut) { return } const onKeyDown = (e: KeyboardEvent) => { if (e.key === shortcut && (e.metaKey || e.ctrlKey)) { onOpenChange?.(true) } } document.addEventListener("keydown", onKeyDown) return () => document.removeEventListener("keydown", onKeyDown) }, [shortcut, onOpenChange]) return ( ) } interface CommandMenuSearchProps extends SearchFieldProps { placeholder?: string className?: string } const CommandMenuSearch = ({ className, placeholder, ...props }: CommandMenuSearchProps) => { const state = use(OverlayTriggerStateContext) const { isPending, escapeButton } = useCommandMenu() return ( {isPending ? ( ) : ( )} {escapeButton && ( )} ) } const CommandMenuList = ({ className, ...props }: MenuProps) => { return ( ) } const CommandMenuSection = ({ className, ref, ...props }: MenuSectionProps) => { return ( {"label" in props && (

{props.label}

)} {props.children} ) } const CommandMenuItem = ({ className, ...props }: React.ComponentProps) => { const textValue = props.textValue || (typeof props.children === "string" ? props.children : undefined) return ( ) } type CommandMenuDescriptionProps = React.ComponentProps const CommandMenuDescription = ({ className, ...props }: CommandMenuDescriptionProps) => { return ( ) } const renderer: CollectionRenderer = { CollectionRoot(props) { if (props.collection.size === 0) { return (

No results found.

) } return }, CollectionBranch: DefaultCollectionRenderer.CollectionBranch, } const CommandMenuSeparator = ({ className, ...props }: React.ComponentProps) => ( ) const CommandMenuFooter = ({ className, ...props }: React.ComponentProps<"div">) => { return (

) } const CommandMenuLabel = MenuLabel const CommandMenuShortcut = ({ className, ...props }: React.ComponentProps) => ( ) export { CommandMenu, CommandMenuDescription, CommandMenuFooter, CommandMenuItem, CommandMenuLabel, CommandMenuList, CommandMenuSearch, CommandMenuSection, CommandMenuSeparator, CommandMenuShortcut, } export type { CommandMenuDescriptionProps, CommandMenuProps, CommandMenuSearchProps, } 50:["$","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","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","react-aria-components",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react-aria-components","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":"react-aria-components"}]]}]}],["$","li","cn@^0.2.4",{"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@^0.2.4"}]]}]}]]}],["$","$L51",null,{"namespace":"@preskok","registryDependencies":["https://ui-three-mu.vercel.app/r/dropdown.json","https://ui-three-mu.vercel.app/r/loader.json","https://ui-three-mu.vercel.app/r/menu.json","https://ui-three-mu.vercel.app/r/primitive.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/preskok/ui/preskok-ui/command-menu.tsx","content":"$53","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]