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:Tae0,"use client" import * as React from "react" import { AnimatePresence, motion, useReducedMotion } from "motion/react" import { FADE_IN, FADE_OUT, INSTANT, springOrInstant } from "@/lib/motion" type CollapseProps = { open: boolean children: React.ReactNode /** Classes for the inner content wrapper. Put padding here, not on the animated element. */ className?: string /** id of the panel, for the trigger's aria-controls. */ id?: string } /** * The parent's row gap when it stacks its children (flex column or grid). * A mounted-but-0px Collapse still gets that gap; when it unmounts after the * exit animation the gap vanishes at once, which reads as a second jump. */ function useParentRowGap(ref: React.RefObject) { const [gap, setGap] = React.useState(0) React.useLayoutEffect(() => { const parent = ref.current?.parentElement if (!parent) return const style = getComputedStyle(parent) const stacks = (style.display.includes("flex") && style.flexDirection.startsWith("column")) || style.display.includes("grid") setGap(stacks ? parseFloat(style.rowGap) || 0 : 0) }, [ref]) return gap } function CollapsePanel({ children, className, id }: Omit) { const reduce = useReducedMotion() const ref = React.useRef(null) const gap = useParentRowGap(ref) return (

{children}

) } /** * Animates height between 0 and auto. Content fades in after the space opens * and out before it closes. Works inside gapped stacks (Card, FieldGroup) without * a jump at the end. Pair the trigger's aria-expanded / aria-controls with `id`. */ function Collapse({ open, children, className, id }: CollapseProps) { return ( {open && ( {children} )} ) } export { Collapse, type CollapseProps } 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","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"}]]}]}]]}],["$","$L4e",null,{"namespace":"@ikas","registryDependencies":["@ikas/motion"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/ikas/collapse.tsx","content":"$50","type":"registry:component","target":"@components/ikas/collapse.tsx"}],"className":"h-[70svh] min-h-80"}]]}]