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:T810c,"use client"; import * as DialogPrimitive from "@radix-ui/react-dialog"; import { ArrowDown, ArrowUp, Command, CornerDownLeft, Search, X, } from "lucide-react"; import { motion, useReducedMotion } from "motion/react"; import { usePathname, useRouter } from "next/navigation"; import { useTheme } from "next-themes"; import * as React from "react"; import { cn } from "@/lib/utils"; const QUERY_SPLIT_REGEX = /\s+/; const RECENT_STORAGE_KEY = "iconiq-command-palette-recent"; const MAC_PLATFORM_REGEX = /mac/i; const EXTERNAL_HREF_REGEX = /^https?:\/\//i; const componentThemeClassName = "[--ic-background:#ffffff] [--ic-foreground:#111111] [--ic-primary:#111111] [--ic-secondary:#646b75] [--ic-surface-border:#e9edf2] [--ic-border:#e3e7ec] [--ic-card:#ffffff] [--ic-card-foreground:#111111] [--ic-muted:#f5f7fa] [--ic-muted-foreground:#6d7480] [--ic-accent:#f3f5f8] [--color-accent:var(--ic-accent)] [--color-accent-foreground:var(--ic-accent-foreground)] [--ic-accent-foreground:#111111] [--ic-input:#e3e7ec] [--ic-ring:rgba(17,17,17,0.16)] [--ic-destructive:#dc2626] [--ic-paper:#fcfcfd] [--ic-popover-foreground:#111111] [--ic-brand:#0ea5e9] [--ic-brand-soft:#bae6fd] [--ic-shadow-soft:0_18px_38px_-24px_rgba(15,23,42,0.35)] [--color-background:var(--ic-background)] [--color-foreground:var(--ic-foreground)] [--color-primary:var(--ic-primary)] [--color-secondary:var(--ic-secondary)] [--color-border:var(--ic-border)] [--color-card:var(--ic-card)] [--color-card-foreground:var(--ic-card-foreground)] [--color-muted:var(--ic-muted)] [--color-muted-foreground:var(--ic-muted-foreground)] [--color-accent:var(--ic-accent)] [--color-accent-foreground:var(--ic-accent-foreground)] [--color-input:var(--ic-input)] [--color-ring:var(--ic-ring)] [--color-destructive:var(--ic-destructive)] [--color-paper:var(--ic-paper)] [--color-popover-foreground:var(--ic-popover-foreground)] [--color-brand:var(--ic-brand)] [--color-brand-soft:var(--ic-brand-soft)] dark:[--ic-background:#111111] dark:[--ic-foreground:#f6f3ec] dark:[--ic-primary:#f6f3ec] dark:[--ic-secondary:#cbc6bb] dark:[--ic-surface-border:#2a2a25] dark:[--ic-border:#2b2a25] dark:[--ic-card:#111111] dark:[--ic-card-foreground:#f6f3ec] dark:[--ic-muted:#171716] dark:[--ic-muted-foreground:#9a958a] dark:[--ic-accent:#1a1a18] [--color-accent:var(--ic-accent)] [--color-accent-foreground:var(--ic-accent-foreground)] dark:[--ic-accent-foreground:#f6f3ec] dark:[--ic-input:#2b2a25] dark:[--ic-ring:rgba(246,243,236,0.18)] dark:[--ic-destructive:#f87171] dark:[--ic-paper:#171716] dark:[--ic-popover-foreground:#f6f3ec] dark:[--ic-brand:#38bdf8] dark:[--ic-brand-soft:#0c4a6e] dark:[--ic-shadow-soft:0_20px_44px_-28px_rgba(0,0,0,0.6)]"; const commandItemHighlightClassName = "absolute inset-0 -z-10 rounded-lg bg-accent/60"; const dialogClassName = "fixed inset-x-4 top-[calc(var(--nav-stack-height-mobile,0px)+0.75rem+env(safe-area-inset-top,0px))] z-[401] flex w-auto min-h-[12rem] max-h-[min(560px,calc(100dvh-var(--nav-stack-height-mobile,0px)-1.5rem-env(safe-area-inset-top,0px)-env(safe-area-inset-bottom,0px)))] flex-col overflow-hidden rounded-2xl border border-border/80 bg-background shadow-[0_28px_90px_rgba(10,10,10,0.12)] outline-none sm:inset-x-6 lg:inset-x-auto lg:top-[calc(var(--nav-stack-height-desktop,0px)+1rem+env(safe-area-inset-top,0px))] lg:left-1/2 lg:w-[min(680px,calc(100vw-2rem))] lg:max-h-[min(560px,calc(100dvh-var(--nav-stack-height-desktop,0px)-2rem-env(safe-area-inset-top,0px)-env(safe-area-inset-bottom,0px)))] lg:-translate-x-1/2"; const resultsClassName = "max-h-[min(420px,50dvh)]"; type StoredRecentItem = { description?: string; href?: string; id?: string; keywords?: string[]; label: string; value?: string; }; type DisplaySection = { heading: string; items: CommandMenuItemDef[]; }; export type CommandMenuItemDef = { action?: () => void; description?: string; disabled?: boolean; external?: boolean; href?: string; icon?: React.ComponentType<{ className?: string }>; id?: string; keywords?: string[]; label: string; replace?: boolean; shortcut?: string; value?: string; }; export type CommandMenuGroupDef = { heading: string; items: CommandMenuItemDef[]; }; export interface CommandMenuTriggerProps extends React.ButtonHTMLAttributes { label?: string; shortcut?: string; showShortcut?: boolean; } export interface CommandPaletteProps { className?: string; closeOnRouteChange?: boolean; contentDelay?: number; currentPath?: string; emptyMessage?: string; enableGlobalShortcut?: boolean; filter?: (item: CommandMenuItemDef, query: string) => boolean; groups?: CommandMenuGroupDef[]; loadingMessage?: string; maxRecentItems?: number; noQueryMessage?: string; onNavigate?: (href: string, item: CommandMenuItemDef) => void; onOpenChange?: (open: boolean) => void; onSearch?: (query: string) => Promise; onSelect?: (item: CommandMenuItemDef) => void; open?: boolean; overlayClassName?: string; placeholder?: string; positionClassName?: string; recentItems?: CommandMenuItemDef[]; searchDebounceMs?: number; shortcutKey?: string; showFooterHints?: boolean; showRecentGroup?: boolean; showThemeGroup?: boolean; themeGroup?: CommandMenuGroupDef; themeGroupHeading?: string; themed?: boolean; trigger?: React.ReactNode; triggerProps?: CommandMenuTriggerProps; } function useDebouncedValue(value: T, delayMs: number): T { const [debounced, setDebounced] = React.useState(value); React.useEffect(() => { if (delayMs <= 0) { setDebounced(value); return; } const id = window.setTimeout(() => setDebounced(value), delayMs); return () => window.clearTimeout(id); }, [delayMs, value]); return debounced; } function useIsMac() { const [isMac, setIsMac] = React.useState(true); React.useEffect(() => { if (typeof navigator === "undefined") { return; } const navigatorWithUserAgentData = navigator as Navigator & { userAgentData?: { platform?: string }; }; const platform = navigatorWithUserAgentData.userAgentData?.platform ?? navigator.platform ?? ""; setIsMac(MAC_PLATFORM_REGEX.test(platform)); }, []); return isMac; } function escapeRegExp(value: string) { return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); } function highlightText(text: string, query: string) { const rawTerms = query.trim().split(QUERY_SPLIT_REGEX).filter(Boolean); if (rawTerms.length === 0) { return text; } const parts = text.split( new RegExp(`(${rawTerms.map(escapeRegExp).join("|")})`, "gi") ); return parts.map((part, index) => { if (rawTerms.some((term) => part.toLowerCase() === term.toLowerCase())) { return ( {part} ); } return {part}; }); } function Kbd({ className, ...props }: React.ComponentProps<"kbd">) { return ( ); } function KbdGroup({ className, ...props }: React.ComponentProps<"div">) { return ( ); } function isEditableTarget(target: EventTarget | null) { return ( target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement || (target instanceof HTMLElement && target.isContentEditable) ); } function getItemKey(item: CommandMenuItemDef) { return item.id ?? item.value ?? item.href ?? item.label; } function matchesQuery( item: CommandMenuItemDef, query: string, customFilter?: CommandPaletteProps["filter"] ) { if (customFilter) { return customFilter(item, query); } const normalized = query.trim().toLowerCase(); if (!normalized) { return true; } const haystack = [item.label, item.description, ...(item.keywords ?? [])] .filter(Boolean) .join(" ") .toLowerCase(); return normalized .split(QUERY_SPLIT_REGEX) .filter(Boolean) .every((term) => haystack.includes(term)); } function filterGroupItems( items: CommandMenuItemDef[], query: string, customFilter?: CommandPaletteProps["filter"] ) { return items.filter((item) => matchesQuery(item, query, customFilter)); } function loadStoredRecentItems(): StoredRecentItem[] { if (typeof window === "undefined") { return []; } try { const raw = window.localStorage.getItem(RECENT_STORAGE_KEY); if (!raw) { return []; } const parsed = JSON.parse(raw) as StoredRecentItem[]; return Array.isArray(parsed) ? parsed : []; } catch { return []; } } function persistRecentItem(item: CommandMenuItemDef, maxRecentItems: number) { if (typeof window === "undefined") { return; } const nextEntry: StoredRecentItem = { description: item.description, href: item.href, id: item.id, keywords: item.keywords, label: item.label, value: item.value, }; const existing = loadStoredRecentItems().filter( (entry) => getItemKey(entry as CommandMenuItemDef) !== getItemKey(item) ); try { window.localStorage.setItem( RECENT_STORAGE_KEY, JSON.stringify([nextEntry, ...existing].slice(0, maxRecentItems)) ); } catch { // Ignore quota errors. } } function findNextSelectableIndex( items: CommandMenuItemDef[], current: number, direction: 1 | -1 ) { if (items.length === 0) { return 0; } let next = current; for (const _item of items) { next = (next + direction + items.length) % items.length; if (!items[next]?.disabled) { return next; } } return current; } function SearchShortcutBadge({ className, isMac, shortcutKey, }: { className?: string; isMac: boolean; shortcutKey: string; }) { return ( {isMac ? ( <> {shortcutKey.toUpperCase()} ) : ( <> Ctrl {shortcutKey.toUpperCase()} )} ); } function CommandMenuTrigger({ className, label = "Search…", onClick, shortcut = "K", showShortcut = true, ...props }: CommandMenuTriggerProps) { const isMac = useIsMac(); return ( ); } function createDefaultThemeGroup( setTheme: (theme: string) => void, heading: string ): CommandMenuGroupDef { return { heading, items: [ { id: "theme-light", label: "Light Mode", action: () => setTheme("light"), keywords: ["light", "bright", "white", "day"], }, { id: "theme-dark", label: "Dark Mode", action: () => setTheme("dark"), keywords: ["dark", "night", "black"], }, { id: "theme-system", label: "System Theme", action: () => setTheme("system"), keywords: ["system", "auto", "os", "default"], }, ], }; } type CommandPaletteViewProps = CommandPaletteProps & { setTheme?: (theme: string) => void; }; function CommandPaletteView({ className, closeOnRouteChange = true, contentDelay = 0, currentPath, emptyMessage = "No results found.", enableGlobalShortcut = true, filter: customFilter, groups = [], loadingMessage = "Searching…", maxRecentItems = 5, noQueryMessage = "Start typing to search commands.", onNavigate, onOpenChange, onSearch, onSelect, open: openProp, overlayClassName, placeholder = "Search components, pages, actions…", positionClassName, recentItems, searchDebounceMs = 200, shortcutKey = "k", showFooterHints = true, showRecentGroup = false, showThemeGroup = false, themeGroup, themeGroupHeading = "Theme", themed = false, trigger, triggerProps, setTheme, }: CommandPaletteViewProps) { const router = useRouter(); const pathname = usePathname(); const resolvedPath = currentPath ?? pathname ?? ""; const isMac = useIsMac(); const prefersReducedMotion = useReducedMotion() === true; const paletteId = React.useId().replace(/:/g, ""); const listboxId = `${paletteId}-listbox`; const dialogId = `${paletteId}-dialog`; const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false); const [resultsVisible, setResultsVisible] = React.useState(contentDelay <= 0); const [query, setQuery] = React.useState(""); const [activeIndex, setActiveIndex] = React.useState(0); const [storedRecentItems, setStoredRecentItems] = React.useState< CommandMenuItemDef[] >([]); const [asyncGroups, setAsyncGroups] = React.useState( [] ); const [isSearching, setIsSearching] = React.useState(false); const inputRef = React.useRef(null); const itemRefs = React.useRef>([]); const previousPathnameRef = React.useRef(pathname); const isControlled = openProp !== undefined; const open = isControlled ? openProp : uncontrolledOpen; const debouncedQuery = useDebouncedValue( query, onSearch ? searchDebounceMs : 0 ); const searchQuery = onSearch ? debouncedQuery : query; const setOpen = React.useCallback( (nextOpen: boolean | ((current: boolean) => boolean)) => { if (isControlled) { const resolved = typeof nextOpen === "function" ? nextOpen(Boolean(openProp)) : nextOpen; onOpenChange?.(resolved); return; } setUncontrolledOpen((current) => { const resolved = typeof nextOpen === "function" ? nextOpen(current) : nextOpen; onOpenChange?.(resolved); return resolved; }); }, [isControlled, onOpenChange, openProp] ); React.useEffect(() => { if (!showRecentGroup) { return; } setStoredRecentItems(recentItems ?? loadStoredRecentItems()); }, [recentItems, showRecentGroup]); React.useEffect(() => { if (!open) { setResultsVisible(false); setQuery(""); setActiveIndex(0); setAsyncGroups([]); setIsSearching(false); return; } if (contentDelay > 0) { const contentId = window.setTimeout( () => setResultsVisible(true), contentDelay ); const focusId = window.setTimeout(() => inputRef.current?.focus(), 10); return () => { window.clearTimeout(contentId); window.clearTimeout(focusId); }; } setResultsVisible(true); const focusId = window.setTimeout(() => inputRef.current?.focus(), 10); return () => { window.clearTimeout(focusId); }; }, [contentDelay, open]); React.useEffect(() => { if (!(closeOnRouteChange && pathname)) { previousPathnameRef.current = pathname; return; } if (previousPathnameRef.current === pathname) { return; } previousPathnameRef.current = pathname; setOpen(false); }, [closeOnRouteChange, pathname, setOpen]); React.useEffect(() => { if (!enableGlobalShortcut) { return; } const handleKeyDown = (event: KeyboardEvent) => { if ( event.key.toLowerCase() === shortcutKey.toLowerCase() && (event.metaKey || event.ctrlKey) && !event.altKey && !event.shiftKey && !isEditableTarget(event.target) ) { event.preventDefault(); event.stopPropagation(); setOpen((current) => !current); } }; document.addEventListener("keydown", handleKeyDown, { capture: true }); return () => { document.removeEventListener("keydown", handleKeyDown, { capture: true }); }; }, [enableGlobalShortcut, setOpen, shortcutKey]); React.useEffect(() => { if (!(open && onSearch)) { return; } let cancelled = false; setIsSearching(true); onSearch(debouncedQuery) .then((nextGroups) => { if (!cancelled) { setAsyncGroups(nextGroups); setIsSearching(false); } }) .catch(() => { if (!cancelled) { setAsyncGroups([]); setIsSearching(false); } }); return () => { cancelled = true; }; }, [debouncedQuery, onSearch, open]); const themeSection = React.useMemo(() => { if (!(showThemeGroup && setTheme)) { return null; } return themeGroup ?? createDefaultThemeGroup(setTheme, themeGroupHeading); }, [setTheme, showThemeGroup, themeGroup, themeGroupHeading]); const displaySections = React.useMemo(() => { const sections: DisplaySection[] = []; if (showRecentGroup) { const recent = filterGroupItems( storedRecentItems, searchQuery, customFilter ); if (recent.length > 0) { sections.push({ heading: "Recent", items: recent }); } } for (const group of [...groups, ...asyncGroups]) { const items = filterGroupItems(group.items, searchQuery, customFilter); if (items.length > 0) { sections.push({ heading: group.heading, items }); } } if (themeSection) { const items = filterGroupItems( themeSection.items, searchQuery, customFilter ); if (items.length > 0) { sections.push({ heading: themeSection.heading, items }); } } return sections; }, [ asyncGroups, customFilter, groups, searchQuery, showRecentGroup, storedRecentItems, themeSection, ]); const flatItems = React.useMemo( () => displaySections.flatMap((section) => section.items), [displaySections] ); React.useEffect(() => { itemRefs.current = itemRefs.current.slice(0, flatItems.length); if (flatItems.length === 0) { setActiveIndex(0); return; } setActiveIndex(findNextSelectableIndex(flatItems, -1, 1)); }, [flatItems]); React.useEffect(() => { itemRefs.current[activeIndex]?.scrollIntoView({ block: "nearest" }); }, [activeIndex]); const activeOptionId = flatItems.length > 0 ? `${listboxId}-opt-${activeIndex}` : undefined; const run = React.useCallback( (fn: () => void) => { setOpen(false); fn(); }, [setOpen] ); const rememberRecentItem = React.useCallback( (item: CommandMenuItemDef) => { if (!showRecentGroup) { return; } persistRecentItem(item, maxRecentItems); setStoredRecentItems((current) => { const nextEntry: CommandMenuItemDef = { description: item.description, href: item.href, id: item.id, keywords: item.keywords, label: item.label, value: item.value, }; return [ nextEntry, ...current.filter((entry) => getItemKey(entry) !== getItemKey(item)), ].slice(0, maxRecentItems); }); }, [maxRecentItems, showRecentGroup] ); const handleItemSelect = React.useCallback( (item: CommandMenuItemDef) => { if (item.disabled) { return; } onSelect?.(item); rememberRecentItem(item); if (item.action) { run(item.action); return; } if (!item.href) { return; } const href = item.href; const isExternal = item.external === true || EXTERNAL_HREF_REGEX.test(href); if (isExternal) { run(() => { window.open(href, "_blank", "noopener,noreferrer"); }); return; } if (onNavigate) { run(() => onNavigate(href, item)); return; } run(() => { if (item.replace) { router.replace(href); return; } router.push(href); }); }, [onNavigate, onSelect, rememberRecentItem, router, run] ); const handleListKeyDown = (event: React.KeyboardEvent) => { if (event.key === "ArrowDown") { event.preventDefault(); setActiveIndex((current) => flatItems.length === 0 ? 0 : findNextSelectableIndex(flatItems, current, 1) ); return; } if (event.key === "ArrowUp") { event.preventDefault(); setActiveIndex((current) => flatItems.length === 0 ? 0 : findNextSelectableIndex(flatItems, current, -1) ); return; } if (event.key === "Home") { event.preventDefault(); setActiveIndex(findNextSelectableIndex(flatItems, -1, 1)); return; } if (event.key === "End") { event.preventDefault(); setActiveIndex(findNextSelectableIndex(flatItems, flatItems.length, -1)); return; } if (event.key === "Enter") { const activeItem = flatItems[activeIndex]; if (!activeItem || activeItem.disabled) { return; } event.preventDefault(); handleItemSelect(activeItem); } }; const renderTrigger = () => { const triggerAria = { "aria-controls": dialogId, "aria-expanded": open, "aria-haspopup": "dialog" as const, }; if (trigger) { if ( React.isValidElement<{ onClick?: (event: React.MouseEvent) => void; }>(trigger) ) { return React.cloneElement(trigger, { ...triggerAria, onClick: (event: React.MouseEvent) => { trigger.props.onClick?.(event); setOpen(true); }, }); } return ( ); } const { onClick: triggerOnClick, ...restTriggerProps } = triggerProps ?? {}; return ( { triggerOnClick?.(event); setOpen(true); }} /> ); }; const renderItem = (item: CommandMenuItemDef, index: number, key: string) => { const isActive = index === activeIndex; const optionId = `${listboxId}-opt-${index}`; const ItemIcon = item.icon; const isCurrentPage = Boolean(item.href) && Boolean(resolvedPath) && (item.href === resolvedPath || (item.href !== "/" && resolvedPath.startsWith(`${item.href}/`))); return ( ); }; const indexedSections = React.useMemo(() => { let index = 0; return displaySections.map((section) => ({ heading: section.heading, items: section.items.map((item) => { const currentIndex = index; index += 1; return { index: currentIndex, item }; }), })); }, [displaySections]); const hasQuery = searchQuery.trim().length > 0; const showEmptyState = !isSearching && flatItems.length === 0; const emptyStateMessage = hasQuery ? emptyMessage : noQueryMessage; return ( <> {renderTrigger()} { event.preventDefault(); inputRef.current?.focus(); }} > Command palette Search commands and navigate results with the keyboard. setQuery(event.target.value)} onKeyDown={handleListKeyDown} placeholder={placeholder} ref={inputRef} role="combobox" spellCheck={false} type="text" value={query} /> {isSearching ? ( {loadingMessage} ) : showEmptyState ? ( {emptyStateMessage} ) : ( indexedSections.map((section, sectionIndex) => ( {sectionIndex > 0 ? ( ) : null} {section.heading} {section.items.map(({ index, item }) => renderItem( item, index, `${section.heading}-${getItemKey(item)}-${index}` ) )} )) )} {showFooterHints ? ( Navigate Select esc Close ) : null} ); } function CommandPaletteWithTheme(props: CommandPaletteProps) { const { setTheme } = useTheme(); return ; } function CommandPalette(props: CommandPaletteProps) { if (props.showThemeGroup) { return ; } return ; } export { CommandMenuTrigger, CommandPalette, CommandPalette as CommandMenu, Kbd, KbdGroup, }; 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","@radix-ui/react-dialog",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-dialog","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":"@radix-ui/react-dialog"}]]}]}],["$","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","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","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":"motion"}]]}]}],["$","li","next-themes",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/next-themes","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":"next-themes"}]]}]}]]}],["$","$L51",null,{"namespace":"@iconiq","registryDependencies":[]}]]}],null]}],["$","$L52",null,{"files":[{"path":"command-palette.tsx","content":"$53","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]