4d: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"] 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/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"] 4f:T12c6,'use client'; import { motion, AnimatePresence, Transition, Variants, Variant, MotionConfig, } from 'motion/react'; import { cn } from '@/lib/utils'; import React, { createContext, useContext, useState, ReactNode } from 'react'; export type AccordionContextType = { expandedValue: React.Key | null; toggleItem: (value: React.Key) => void; variants?: { expanded: Variant; collapsed: Variant }; }; const AccordionContext = createContext( undefined ); function useAccordion() { const context = useContext(AccordionContext); if (!context) { throw new Error('useAccordion must be used within an AccordionProvider'); } return context; } export type AccordionProviderProps = { children: ReactNode; variants?: { expanded: Variant; collapsed: Variant }; expandedValue?: React.Key | null; onValueChange?: (value: React.Key | null) => void; }; function AccordionProvider({ children, variants, expandedValue: externalExpandedValue, onValueChange, }: AccordionProviderProps) { const [internalExpandedValue, setInternalExpandedValue] = useState(null); const expandedValue = externalExpandedValue !== undefined ? externalExpandedValue : internalExpandedValue; const toggleItem = (value: React.Key) => { const newValue = expandedValue === value ? null : value; if (onValueChange) { onValueChange(newValue); } else { setInternalExpandedValue(newValue); } }; return ( {children} ); } export type AccordionProps = { children: ReactNode; className?: string; transition?: Transition; variants?: { expanded: Variant; collapsed: Variant }; expandedValue?: React.Key | null; onValueChange?: (value: React.Key | null) => void; }; function Accordion({ children, className, transition, variants, expandedValue, onValueChange, }: AccordionProps) { return (

{children}

); } export type AccordionItemProps = { value: React.Key; children: ReactNode; className?: string; }; function AccordionItem({ value, children, className }: AccordionItemProps) { const { expandedValue } = useAccordion(); const isExpanded = value === expandedValue; return (

{React.Children.map(children, (child) => { if (React.isValidElement(child)) { return React.cloneElement(child, { ...child.props, value, expanded: isExpanded, }); } return child; })}

); } export type AccordionTriggerProps = { children: ReactNode; className?: string; }; function AccordionTrigger({ children, className, ...props }: AccordionTriggerProps) { const { toggleItem, expandedValue } = useAccordion(); const value = (props as { value?: React.Key }).value; const isExpanded = value === expandedValue; return ( ); } export type AccordionContentProps = { children: ReactNode; className?: string; }; function AccordionContent({ children, className, ...props }: AccordionContentProps) { const { expandedValue, variants } = useAccordion(); const value = (props as { value?: React.Key }).value; const isExpanded = value === expandedValue; const BASE_VARIANTS: Variants = { expanded: { height: 'auto', opacity: 1 }, collapsed: { height: 0, opacity: 0 }, }; const combinedVariants = { expanded: { ...BASE_VARIANTS.expanded, ...variants?.expanded }, collapsed: { ...BASE_VARIANTS.collapsed, ...variants?.collapsed }, }; return ( {isExpanded && ( {children} )} ); } export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }; 4c:["$","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","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"}]]}]}]]}],["$","$L4d",null,{"namespace":"@motion-primitives","registryDependencies":[]}]]}],null]}],["$","$L4e",null,{"files":[{"path":"accordion.tsx","content":"$4f","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]