4a: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4b: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4c:T187e,"use client"; // easeui.dev/components/motion/accordion import { ChevronDown } from "lucide-react"; import { createContext, type KeyboardEvent, type ReactNode, useCallback, useContext, useId, useMemo, useState, } from "react"; import { cn } from "@/lib/utils"; type AccordionContextValue = { isOpen: (value: string) => boolean; toggle: (value: string) => void; }; type ItemContextValue = { value: string; open: boolean; triggerId: string; panelId: string }; const AccordionContext = createContext(null); const ItemContext = createContext(null); function useAccordionPart(context: React.Context, part: string): T { const value = useContext(context); if (!value) throw new Error(`${part} must be used inside an Accordion`); return value; } export interface AccordionProps { /** Let several items stay open at once. Default false. */ multiple?: boolean; /** Open items when uncontrolled. */ defaultValue?: string[]; /** Open items when controlled. */ value?: string[]; /** Called with the open items after each change. */ onValueChange?: (value: string[]) => void; className?: string; children: ReactNode; } /** Arrow keys, Home, and End move between triggers, like a list of tabs. */ function moveFocus(event: KeyboardEvent) { const keys = ["ArrowDown", "ArrowUp", "Home", "End"]; const target = event.target as HTMLElement; if (!keys.includes(event.key) || !target.matches("[data-accordion-trigger]")) return; const triggers = Array.from( event.currentTarget.querySelectorAll("[data-accordion-trigger]:not(:disabled)"), ); const index = triggers.indexOf(target as HTMLButtonElement); const next = event.key === "Home" ? 0 : event.key === "End" ? triggers.length - 1 : (index + (event.key === "ArrowDown" ? 1 : -1) + triggers.length) % triggers.length; event.preventDefault(); triggers[next]?.focus(); } export function Accordion({ multiple = false, defaultValue = [], value, onValueChange, className, children, }: AccordionProps) { const [uncontrolled, setUncontrolled] = useState(defaultValue); const openValues = value ?? uncontrolled; const toggle = useCallback( (item: string) => { const isOpen = openValues.includes(item); const next = isOpen ? openValues.filter((v) => v !== item) : multiple ? [...openValues, item] : [item]; if (value === undefined) setUncontrolled(next); onValueChange?.(next); }, [multiple, onValueChange, openValues, value], ); const context = useMemo( () => ({ isOpen: (item: string) => openValues.includes(item), toggle }), [openValues, toggle], ); return ( {/* biome-ignore lint/a11y/noStaticElementInteractions: key handling only moves focus between the trigger buttons inside. */}

{children}

); } export interface AccordionItemProps { /** Unique id for this item within the accordion. */ value: string; className?: string; children: ReactNode; } export function AccordionItem({ value, className, children }: AccordionItemProps) { const { isOpen } = useAccordionPart(AccordionContext, "AccordionItem"); const id = useId(); const open = isOpen(value); const item = useMemo( () => ({ value, open, triggerId: `${id}-trigger`, panelId: `${id}-panel` }), [id, open, value], ); return (

{children}

); } export interface AccordionTriggerProps { className?: string; disabled?: boolean; children: ReactNode; } export function AccordionTrigger({ className, disabled, children }: AccordionTriggerProps) { const { toggle } = useAccordionPart(AccordionContext, "AccordionTrigger"); const { value, open, triggerId, panelId } = useAccordionPart(ItemContext, "AccordionTrigger"); return (

); } export interface AccordionContentProps { className?: string; children: ReactNode; } /** * The panel grows from zero rows to its full height with a grid transition, * so there is nothing to measure. Closed panels are inert, so Tab skips them. */ export function AccordionContent({ className, children }: AccordionContentProps) { const { open, triggerId, panelId } = useAccordionPart(ItemContext, "AccordionContent"); return (

{children}

); } 49:["$","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","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"}]]}]}]]}],["$","$L4a",null,{"namespace":"@easeui","registryDependencies":[]}]]}],null]}],["$","$L4b",null,{"files":[{"path":"components/motion/accordion.tsx","content":"$4c","type":"registry:component","target":"@components/motion/accordion.tsx"},{"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"}],"className":"h-[70svh] min-h-80"}]]}]