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:T12ca,"use client"; import { motion, type Transition } from "motion/react"; import { type CSSProperties, type ReactNode, useEffect, useLayoutEffect, useRef, useState, } from "react"; import { createPortal } from "react-dom"; import { usePopoverPortalPosition } from "@/components/motion/popover-position"; import { cn } from "@/lib/utils"; import { useComboboxContext } from "./context"; type Side = "top" | "bottom"; type Align = "start" | "center" | "end"; // The panel uses one weighted spring for both directions, so opening and // closing travel through the same detached geometry. const COMBOBOX_MORPH: Transition = { type: "spring", duration: 0.5, bounce: 0.22, }; const VIEWPORT_PADDING = 8; export interface ComboboxContentProps { children: ReactNode; side?: Side; align?: Align; sideOffset?: number; avoidCollisions?: boolean; className?: string; } export function ComboboxContent({ children, side = "bottom", align = "start", sideOffset = 6, avoidCollisions = true, className, }: ComboboxContentProps) { const context = useComboboxContext("ComboboxContent"); const measureRef = useRef(null); const [portalReady, setPortalReady] = useState(false); const [actualSide, setActualSide] = useState(side); const [morphReady, setMorphReady] = useState(false); const layout = usePopoverPortalPosition( context.triggerRef, measureRef, portalReady, ); useEffect(() => setPortalReady(true), []); useLayoutEffect(() => { if (!portalReady) return; const readyFrame = requestAnimationFrame(() => setMorphReady(true)); return () => cancelAnimationFrame(readyFrame); }, [portalReady]); useLayoutEffect(() => { // Preserve the resolved side during exit, so top panels close upward. if (!context.open || !layout) return; if (!avoidCollisions) { setActualSide(side); return; } const below = window.innerHeight - (layout.trigger.top + layout.trigger.height); const above = layout.trigger.top; if ( side === "bottom" && below < layout.content.height + sideOffset && above > below ) setActualSide("top"); else if ( side === "top" && above < layout.content.height + sideOffset && below > above ) setActualSide("bottom"); else setActualSide(side); }, [avoidCollisions, context.open, layout, side, sideOffset]); if (!portalReady) return null; const triggerLeft = layout?.trigger.left ?? 0; const triggerWidth = layout?.trigger.width ?? 0; const contentWidth = layout?.content.width ?? triggerWidth; const desiredLeft = align === "end" ? triggerLeft + triggerWidth - contentWidth : align === "center" ? triggerLeft + (triggerWidth - contentWidth) / 2 : triggerLeft; const maxLeft = Math.max( VIEWPORT_PADDING, window.innerWidth - contentWidth - VIEWPORT_PADDING, ); const left = Math.min(Math.max(desiredLeft, VIEWPORT_PADDING), maxLeft); const surfaceHeight = layout?.content.height ?? 0; return createPortal( {children} , document.body, ); } 51:T2b88,"use client"; import { useReducedMotion } from "motion/react"; import { createContext, type MutableRefObject, type ReactNode, type Ref, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, } from "react"; import { cn } from "@/lib/utils"; export type RegisteredItem = { value: string; label: string; keywords: string[]; disabled: boolean; groupId: string | null; id: string; ref: MutableRefObject; }; export type ComboboxFilter = ( value: string, query: string, keywords: string[], ) => boolean; const defaultFilter: ComboboxFilter = (value, query, keywords) => { const needle = query.trim().toLocaleLowerCase(); if (!needle) return true; const haystack = [value, ...keywords].join(" ").toLocaleLowerCase(); let queryIndex = 0; for (const character of haystack) { if (character === needle[queryIndex]) queryIndex += 1; if (queryIndex === needle.length) return true; } return false; }; export type ComboboxContextValue = { open: boolean; setOpen: (open: boolean, restoreFocus?: boolean) => void; value: string | undefined; select: (value: string) => void; query: string; setQuery: (query: string) => void; activeValue: string | null; setActiveValue: (value: string | null) => void; moveActive: (direction: 1 | -1 | "first" | "last") => void; selectActive: () => void; registerItem: (item: RegisteredItem) => void; unregisterItem: (value: string) => void; labelFor: (value: string | undefined) => string | undefined; isVisible: (value: string) => boolean; hasVisibleItems: (groupId: string) => boolean; visibleCount: number; activeItemId: string | undefined; triggerId: string; listId: string; inputId: string; disabled: boolean; reduce: boolean; triggerRef: MutableRefObject; contentRef: MutableRefObject; inputRef: MutableRefObject; activeLayoutId: string; }; export const ComboboxContext = createContext(null); export const ComboboxGroupContext = createContext(null); export function useComboboxContext(component: string) { const context = useContext(ComboboxContext); if (!context) throw new Error(`${component} must be used within `); return context; } export function mergeRefs(...refs: Array | undefined>) { return (node: T | null) => { for (const ref of refs) { if (typeof ref === "function") ref(node); else if (ref && typeof ref === "object") (ref as MutableRefObject).current = node; } }; } export interface ComboboxProps { children: ReactNode; value?: string; defaultValue?: string; onValueChange?: (value: string) => void; open?: boolean; defaultOpen?: boolean; onOpenChange?: (open: boolean) => void; query?: string; defaultQuery?: string; onQueryChange?: (query: string) => void; filter?: ComboboxFilter; disabled?: boolean; className?: string; } export function Combobox({ children, value: controlledValue, defaultValue, onValueChange, open: controlledOpen, defaultOpen = false, onOpenChange, query: controlledQuery, defaultQuery = "", onQueryChange, filter = defaultFilter, disabled = false, className, }: ComboboxProps) { const reduce = useReducedMotion() ?? false; const baseId = useId(); const rootRef = useRef(null); const triggerRef = useRef(null); const contentRef = useRef(null); const inputRef = useRef(null); const [internalValue, setInternalValue] = useState(defaultValue); const [internalOpen, setInternalOpen] = useState(defaultOpen); const [internalQuery, setInternalQuery] = useState(defaultQuery); const [activeValue, setActiveValue] = useState(null); const [items, setItems] = useState>(new Map()); const valueControlled = controlledValue !== undefined; const openControlled = controlledOpen !== undefined; const queryControlled = controlledQuery !== undefined; const value = valueControlled ? controlledValue : internalValue; const open = openControlled ? controlledOpen : internalOpen; const query = queryControlled ? controlledQuery : internalQuery; const updateQuery = useCallback( (next: string) => { if (!queryControlled) setInternalQuery(next); onQueryChange?.(next); }, [onQueryChange, queryControlled], ); const updateOpen = useCallback( (next: boolean, restoreFocus = false) => { if (disabled && next) return; if (!openControlled) setInternalOpen(next); onOpenChange?.(next); if (!next) updateQuery(""); if (restoreFocus) requestAnimationFrame(() => inputRef.current?.focus({ preventScroll: true }), ); }, [disabled, onOpenChange, openControlled, updateQuery], ); const registerItem = useCallback((item: RegisteredItem) => { setItems((current) => { const existing = current.get(item.value); if ( existing?.label === item.label && existing.disabled === item.disabled && existing.id === item.id && existing.ref === item.ref && existing.groupId === item.groupId && existing.keywords.join("\u0000") === item.keywords.join("\u0000") ) { return current; } const next = new Map(current); next.set(item.value, item); return next; }); }, []); const unregisterItem = useCallback((itemValue: string) => { setItems((current) => { if (!current.has(itemValue)) return current; const next = new Map(current); next.delete(itemValue); return next; }); }, []); const visibleItems = useMemo( () => Array.from(items.values()).filter((item) => filter(item.value, query, [item.label, ...item.keywords]), ), [filter, items, query], ); const enabledVisibleItems = useMemo( () => visibleItems.filter((item) => !item.disabled), [visibleItems], ); const visibleValues = useMemo( () => new Set(visibleItems.map((item) => item.value)), [visibleItems], ); const visibleGroupIds = useMemo( () => new Set(visibleItems.map((item) => item.groupId)), [visibleItems], ); const select = useCallback( (next: string) => { if (items.get(next)?.disabled) return; if (!valueControlled) setInternalValue(next); onValueChange?.(next); updateOpen(false, true); }, [items, onValueChange, updateOpen, valueControlled], ); const moveActive = useCallback( (direction: 1 | -1 | "first" | "last") => { if (!enabledVisibleItems.length) { setActiveValue(null); return; } if (direction === "first") { setActiveValue(enabledVisibleItems[0].value); return; } if (direction === "last") { setActiveValue(enabledVisibleItems.at(-1)?.value ?? null); return; } const currentIndex = enabledVisibleItems.findIndex( (item) => item.value === activeValue, ); const nextIndex = currentIndex < 0 ? direction === 1 ? 0 : enabledVisibleItems.length - 1 : (currentIndex + direction + enabledVisibleItems.length) % enabledVisibleItems.length; setActiveValue(enabledVisibleItems[nextIndex].value); }, [activeValue, enabledVisibleItems], ); const selectActive = useCallback(() => { if (activeValue) select(activeValue); }, [activeValue, select]); useEffect(() => { if (!open) return; const selectedVisible = value && visibleValues.has(value) ? value : null; const activeVisible = activeValue && visibleValues.has(activeValue) ? activeValue : null; setActiveValue( activeVisible ?? selectedVisible ?? enabledVisibleItems[0]?.value ?? null, ); }, [activeValue, enabledVisibleItems, open, value, visibleValues]); useEffect(() => { if (!open) return; requestAnimationFrame(() => inputRef.current?.focus({ preventScroll: true })); }, [open]); useEffect(() => { if (!activeValue || !open) return; const item = items.get(activeValue)?.ref.current; const list = item?.closest("[role='listbox']"); if (!item || !list) return; const itemRect = item.getBoundingClientRect(); const listRect = list.getBoundingClientRect(); if (itemRect.top < listRect.top) list.scrollTop -= listRect.top - itemRect.top; else if (itemRect.bottom > listRect.bottom) list.scrollTop += itemRect.bottom - listRect.bottom; }, [activeValue, items, open]); useEffect(() => { if (!open) return; const isInside = (target: Node) => rootRef.current?.contains(target) || contentRef.current?.contains(target); const onPointerDown = (event: PointerEvent) => { if (!isInside(event.target as Node)) updateOpen(false); }; const onFocusIn = (event: FocusEvent) => { if (!isInside(event.target as Node)) updateOpen(false); }; const onKeyDown = (event: KeyboardEvent) => { if (event.key !== "Escape") return; event.preventDefault(); updateOpen(false, true); }; window.addEventListener("pointerdown", onPointerDown); window.addEventListener("focusin", onFocusIn); window.addEventListener("keydown", onKeyDown); return () => { window.removeEventListener("pointerdown", onPointerDown); window.removeEventListener("focusin", onFocusIn); window.removeEventListener("keydown", onKeyDown); }; }, [open, updateOpen]); const activeItem = activeValue ? items.get(activeValue) : undefined; const context = useMemo( () => ({ open, setOpen: updateOpen, value, select, query, setQuery: updateQuery, activeValue, setActiveValue, moveActive, selectActive, registerItem, unregisterItem, labelFor: (itemValue) => itemValue === undefined ? undefined : items.get(itemValue)?.label, isVisible: (itemValue) => !query.trim() || visibleValues.has(itemValue), hasVisibleItems: (groupId) => visibleGroupIds.has(groupId), visibleCount: visibleItems.length, activeItemId: activeItem?.id, triggerId: `${baseId}-trigger`, listId: `${baseId}-list`, inputId: `${baseId}-input`, disabled, reduce, triggerRef, contentRef, inputRef, activeLayoutId: `${baseId}-active`, }), [ activeItem?.id, activeValue, baseId, disabled, items, moveActive, open, query, reduce, registerItem, select, selectActive, unregisterItem, updateOpen, updateQuery, value, visibleItems.length, visibleGroupIds, visibleValues, ], ); return (

{children}

); } 52:T164e,"use client"; import { Check } from "lucide-react"; import { motion } from "motion/react"; import { type ReactNode, useContext, useId, useLayoutEffect, useMemo, useRef, } from "react"; import { EASE_OUT, SPRING_LAYOUT } from "@/lib/ease"; import { cn } from "@/lib/utils"; import { ComboboxGroupContext, useComboboxContext } from "./context"; export interface ComboboxListProps { children: ReactNode; ariaLabel?: string; className?: string; } export function ComboboxList({ children, ariaLabel = "Options", className, }: ComboboxListProps) { const context = useComboboxContext("ComboboxList"); return ( ); } export interface ComboboxGroupProps { children: ReactNode; className?: string; } export function ComboboxGroup({ children, className }: ComboboxGroupProps) { const context = useComboboxContext("ComboboxGroup"); const groupId = useId(); return ( ); } export interface ComboboxLabelProps { children: ReactNode; className?: string; } export function ComboboxLabel({ children, className }: ComboboxLabelProps) { const groupId = useContext(ComboboxGroupContext); const labelClassName = cn( "w-full px-2 py-1.5 text-[0.68rem] font-medium uppercase tracking-[0.12em] text-muted-foreground", className, ); return groupId ? ( {children} ) : (

{children}

); } export interface ComboboxItemProps { value: string; children: ReactNode; textValue?: string; keywords?: string[]; disabled?: boolean; onSelect?: (value: string) => void; className?: string; } export function ComboboxItem({ value, children, textValue, keywords = [], disabled = false, onSelect, className, }: ComboboxItemProps) { const context = useComboboxContext("ComboboxItem"); const groupId = useContext(ComboboxGroupContext); const id = useId(); const itemRef = useRef(null); const label = textValue ?? (typeof children === "string" ? children : value); const visible = context.isVisible(value); const active = context.activeValue === value; const selected = context.value === value; const keywordKey = keywords.join("\u0000"); const normalizedKeywords = useMemo( () => (keywordKey ? keywordKey.split("\u0000") : []), [keywordKey], ); const { registerItem, unregisterItem } = context; useLayoutEffect(() => { registerItem({ value, label, keywords: normalizedKeywords, disabled, groupId, id, ref: itemRef, }); return () => unregisterItem(value); }, [ disabled, groupId, id, label, normalizedKeywords, registerItem, unregisterItem, value, ]); if (!visible) return null; return ( ); } export interface ComboboxEmptyProps { children?: ReactNode; className?: string; } export function ComboboxEmpty({ children = "No options found.", className, }: ComboboxEmptyProps) { const context = useComboboxContext("ComboboxEmpty"); if (context.visibleCount > 0) return null; return (

{children}

); } export interface ComboboxSeparatorProps { className?: string; } export function ComboboxSeparator({ className }: ComboboxSeparatorProps) { return (

); } 53:T153b,"use client"; import { ChevronsUpDown, Search } from "lucide-react"; import type { InputHTMLAttributes, KeyboardEvent as ReactKeyboardEvent, ReactNode, Ref, } from "react"; import { cn } from "@/lib/utils"; import { mergeRefs, useComboboxContext } from "./context"; export interface ComboboxTriggerProps { children: ReactNode; className?: string; } export function ComboboxTrigger({ children, className }: ComboboxTriggerProps) { const context = useComboboxContext("ComboboxTrigger"); return (

{ if (context.disabled || event.target === context.inputRef.current) return; event.preventDefault(); context.inputRef.current?.focus({ preventScroll: true }); context.setOpen(true); }} className={cn( "relative z-20 flex h-10 w-full min-w-52 cursor-text items-center justify-between gap-3 rounded-xl border border-border bg-transparent px-3 text-sm text-foreground transition-[border-color] hover:border-(--color-border-strong)", "focus-within:ring-2 focus-within:ring-foreground/20", context.disabled && "pointer-events-none opacity-50", className, )} > {children}

); } export interface ComboboxValueProps { placeholder?: ReactNode; children?: | ReactNode | ((value: string | undefined, label: string | undefined) => ReactNode); className?: string; } export function ComboboxValue({ placeholder = "Select an option", children, className, }: ComboboxValueProps) { const context = useComboboxContext("ComboboxValue"); const label = context.labelFor(context.value); const content = typeof children === "function" ? children(context.value, label) : children ?? label ?? placeholder; return ( {content} ); } export interface ComboboxInputProps extends Omit< InputHTMLAttributes, "defaultValue" | "value" > { ref?: Ref; wrapperClassName?: string; } export function ComboboxInput({ ref, className, wrapperClassName, "aria-label": ariaLabel = "Search options", onChange, onClick, onFocus, onKeyDown, onPointerDown, placeholder = "Search…", ...props }: ComboboxInputProps) { const context = useComboboxContext("ComboboxInput"); const selectedLabel = context.labelFor(context.value); const handleKeyDown = (event: ReactKeyboardEvent) => { onKeyDown?.(event); if (event.defaultPrevented) return; if (event.key === "ArrowDown") { event.preventDefault(); context.setOpen(true); context.moveActive(1); } else if (event.key === "ArrowUp") { event.preventDefault(); context.setOpen(true); context.moveActive(-1); } else if (event.key === "Home" && context.open) { event.preventDefault(); context.moveActive("first"); } else if (event.key === "End" && context.open) { event.preventDefault(); context.moveActive("last"); } else if (event.key === "Enter") { event.preventDefault(); if (context.open) context.selectActive(); else context.setOpen(true); } else if (event.key === "Escape" && context.open) { event.preventDefault(); context.setOpen(false, true); } }; return (

{ onPointerDown?.(event); if (event.defaultPrevented || context.open) return; event.preventDefault(); context.inputRef.current?.focus({ preventScroll: true }); context.setOpen(true); }} onFocus={(event) => { context.setOpen(true); onFocus?.(event); }} onClick={(event) => { context.setOpen(true); onClick?.(event); }} onChange={(event) => { context.setOpen(true); context.setQuery(event.target.value); onChange?.(event); }} onKeyDown={handleKeyDown} className={cn( "h-10 min-w-0 flex-1 bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed", className, )} />

); } 54:T8af,"use client"; import { type MutableRefObject, useCallback, useLayoutEffect, useState, } from "react"; export type PortalLayout = { trigger: { left: number; top: number; width: number; height: number; }; content: { width: number; height: number; }; }; function sameLayout(a: PortalLayout | null, b: PortalLayout) { return ( a?.trigger.left === b.trigger.left && a.trigger.top === b.trigger.top && a.trigger.width === b.trigger.width && a.trigger.height === b.trigger.height && a.content.width === b.content.width && a.content.height === b.content.height ); } /** Measures a trigger and portalled panel in viewport coordinates. */ export function usePopoverPortalPosition< TriggerElement extends HTMLElement, ContentElement extends HTMLElement, >( triggerRef: MutableRefObject, contentRef: MutableRefObject, active: boolean, ) { const [layout, setLayout] = useState(null); const update = useCallback(() => { const trigger = triggerRef.current; const content = contentRef.current; if (!trigger || !content) return; const rect = trigger.getBoundingClientRect(); const next: PortalLayout = { trigger: { left: rect.left, top: rect.top, width: rect.width, height: rect.height, }, content: { width: content.offsetWidth, height: content.offsetHeight, }, }; setLayout((current) => (sameLayout(current, next) ? current : next)); }, [contentRef, triggerRef]); useLayoutEffect(() => { update(); if (!active) return; const trigger = triggerRef.current; const content = contentRef.current; const observer = new ResizeObserver(update); if (trigger) observer.observe(trigger); if (content) observer.observe(content); window.addEventListener("scroll", update, true); window.addEventListener("resize", update); return () => { observer.disconnect(); window.removeEventListener("scroll", update, true); window.removeEventListener("resize", update); }; }, [active, contentRef, triggerRef, update]); return layout; } 55:T686,// Shared motion tokens. Easing curves mirror the CSS custom properties in // globals.css; springs are the canonical physics used across components. // Strong custom variants — defaults like `ease-in`/`ease-out` feel weak. export const EASE_OUT = [0.16, 1, 0.3, 1] as const; export const EASE_IN_OUT = [0.77, 0, 0.175, 1] as const; export const EASE_DRAWER = [0.32, 0.72, 0, 1] as const; /** CSS string form of EASE_OUT for inline style transitions. */ export const EASE_OUT_CSS = "cubic-bezier(0.16, 1, 0.3, 1)"; /** Press feedback on buttons and other tappable surfaces. */ export const SPRING_PRESS = { type: "spring", stiffness: 500, damping: 30, mass: 0.6, } as const; /** Content swaps — label/icon slots trading places inside a control. */ export const SPRING_SWAP = { type: "spring", stiffness: 460, damping: 30, mass: 0.55, } as const; /** Overlay panel entrances — modals and sheets summoned by pointer. */ export const SPRING_PANEL = { type: "spring", stiffness: 420, damping: 40, mass: 0.5, } as const; /** Shared-layout glides — pills, indicators and panels morphing between positions. */ export const SPRING_LAYOUT = { type: "spring", stiffness: 360, damping: 32, mass: 0.6, } as const; /** Cursor-follow physics for decorative mouse tracking (magnetic, tilt, dock). */ export const SPRING_MOUSE = { stiffness: 200, damping: 15, mass: 0.3, } as const; /** Dragged handles and fills (sliders) — critically damped `useSpring` config, * so the value follows the pointer butterily and never rebounds off an end. */ export const SPRING_GLIDE = { stiffness: 700, damping: 50, mass: 0.5, } as const; 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","clsx",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/clsx","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":"clsx"}]]}]}],["$","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","tailwind-merge",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/tailwind-merge","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":"tailwind-merge"}]]}]}]]}],["$","$L4e",null,{"namespace":"@karaui","registryDependencies":[]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"components/motion/combobox.tsx","content":"\"use client\";\n// karaui.kamisama-v0.my.id/components/motion/combobox\n\nexport {\n ComboboxContent,\n type ComboboxContentProps,\n} from \"./combobox/content\";\nexport {\n Combobox,\n type ComboboxFilter,\n type ComboboxProps,\n} from \"./combobox/context\";\nexport {\n ComboboxEmpty,\n type ComboboxEmptyProps,\n ComboboxGroup,\n type ComboboxGroupProps,\n ComboboxItem,\n type ComboboxItemProps,\n ComboboxLabel,\n type ComboboxLabelProps,\n ComboboxList,\n type ComboboxListProps,\n ComboboxSeparator,\n type ComboboxSeparatorProps,\n} from \"./combobox/list\";\nexport {\n ComboboxInput,\n type ComboboxInputProps,\n ComboboxTrigger,\n type ComboboxTriggerProps,\n ComboboxValue,\n type ComboboxValueProps,\n} from \"./combobox/trigger\";\n","type":"registry:component","target":"@components/motion/combobox.tsx"},{"path":"components/motion/combobox/content.tsx","content":"$50","type":"registry:component","target":"@components/motion/combobox/content.tsx"},{"path":"components/motion/combobox/context.tsx","content":"$51","type":"registry:component","target":"@components/motion/combobox/context.tsx"},{"path":"components/motion/combobox/list.tsx","content":"$52","type":"registry:component","target":"@components/motion/combobox/list.tsx"},{"path":"components/motion/combobox/trigger.tsx","content":"$53","type":"registry:component","target":"@components/motion/combobox/trigger.tsx"},{"path":"components/motion/popover-position.ts","content":"$54","type":"registry:component","target":"@components/motion/popover-position.ts"},{"path":"lib/utils.ts","content":"import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","type":"registry:lib","target":"@lib/utils.ts"},{"path":"lib/ease.ts","content":"$55","type":"registry:lib","target":"@lib/ease.ts"}],"className":"h-[70svh] min-h-80"}]]}]