38:I[58715,["/_next/static/immutable/chunks/0m-ud6d21nrwp.js","/_next/static/immutable/chunks/1h-b4l27lciz8.js","/_next/static/immutable/chunks/3y8cybr61yxvv.js","/_next/static/immutable/chunks/3z09e37y-pq2e.js","/_next/static/immutable/chunks/18osjo27s7nr6.js","/_next/static/immutable/chunks/30ak-g_h974fl.js","/_next/static/immutable/chunks/13faqfdblyus9.js","/_next/static/immutable/chunks/3zi-9vbl5dj8-.js","/_next/static/immutable/chunks/3eg8r_f-w3d55.js","/_next/static/immutable/chunks/00h5s_mfz_z0a.js","/_next/static/immutable/chunks/2mxj9ce8hnzxh.js","/_next/static/immutable/chunks/1z8d0-gq--ywx.js","/_next/static/immutable/chunks/1q0rzjij447sg.js","/_next/static/immutable/chunks/1ttnh9n-90xfo.js","/_next/static/immutable/chunks/1p8-tjdoxq_qp.js","/_next/static/immutable/chunks/2g3rkxj5q1792.js","/_next/static/immutable/chunks/2g_6jpjm9d1wy.js","/_next/static/immutable/chunks/0qlv5u6wqxxzu.js","/_next/static/immutable/chunks/1kdw4f9rs02un.js","/_next/static/immutable/chunks/0_o9-rxkbht7h.js","/_next/static/immutable/chunks/0pdq7om71x-ac.js","/_next/static/immutable/chunks/2q1bk6mdo1u5v.js","/_next/static/immutable/chunks/2wqm9b65qyei4.js","/_next/static/immutable/chunks/29f-fic049470.js"],"PreviewTabs"] 39:I[52782,["/_next/static/immutable/chunks/0m-ud6d21nrwp.js","/_next/static/immutable/chunks/1h-b4l27lciz8.js","/_next/static/immutable/chunks/3y8cybr61yxvv.js","/_next/static/immutable/chunks/3z09e37y-pq2e.js","/_next/static/immutable/chunks/18osjo27s7nr6.js","/_next/static/immutable/chunks/30ak-g_h974fl.js","/_next/static/immutable/chunks/13faqfdblyus9.js","/_next/static/immutable/chunks/3zi-9vbl5dj8-.js","/_next/static/immutable/chunks/3eg8r_f-w3d55.js","/_next/static/immutable/chunks/00h5s_mfz_z0a.js","/_next/static/immutable/chunks/2mxj9ce8hnzxh.js","/_next/static/immutable/chunks/1z8d0-gq--ywx.js","/_next/static/immutable/chunks/1q0rzjij447sg.js","/_next/static/immutable/chunks/1ttnh9n-90xfo.js","/_next/static/immutable/chunks/1p8-tjdoxq_qp.js","/_next/static/immutable/chunks/2g3rkxj5q1792.js","/_next/static/immutable/chunks/2g_6jpjm9d1wy.js","/_next/static/immutable/chunks/0qlv5u6wqxxzu.js","/_next/static/immutable/chunks/1kdw4f9rs02un.js","/_next/static/immutable/chunks/0_o9-rxkbht7h.js","/_next/static/immutable/chunks/0pdq7om71x-ac.js","/_next/static/immutable/chunks/2q1bk6mdo1u5v.js","/_next/static/immutable/chunks/2wqm9b65qyei4.js","/_next/static/immutable/chunks/29f-fic049470.js"],"Collapsible"] 3a:I[52782,["/_next/static/immutable/chunks/0m-ud6d21nrwp.js","/_next/static/immutable/chunks/1h-b4l27lciz8.js","/_next/static/immutable/chunks/3y8cybr61yxvv.js","/_next/static/immutable/chunks/3z09e37y-pq2e.js","/_next/static/immutable/chunks/18osjo27s7nr6.js","/_next/static/immutable/chunks/30ak-g_h974fl.js","/_next/static/immutable/chunks/13faqfdblyus9.js","/_next/static/immutable/chunks/3zi-9vbl5dj8-.js","/_next/static/immutable/chunks/3eg8r_f-w3d55.js","/_next/static/immutable/chunks/00h5s_mfz_z0a.js","/_next/static/immutable/chunks/2mxj9ce8hnzxh.js","/_next/static/immutable/chunks/1z8d0-gq--ywx.js","/_next/static/immutable/chunks/1q0rzjij447sg.js","/_next/static/immutable/chunks/1ttnh9n-90xfo.js","/_next/static/immutable/chunks/1p8-tjdoxq_qp.js","/_next/static/immutable/chunks/2g3rkxj5q1792.js","/_next/static/immutable/chunks/2g_6jpjm9d1wy.js","/_next/static/immutable/chunks/0qlv5u6wqxxzu.js","/_next/static/immutable/chunks/1kdw4f9rs02un.js","/_next/static/immutable/chunks/0_o9-rxkbht7h.js","/_next/static/immutable/chunks/0pdq7om71x-ac.js","/_next/static/immutable/chunks/2q1bk6mdo1u5v.js","/_next/static/immutable/chunks/2wqm9b65qyei4.js","/_next/static/immutable/chunks/29f-fic049470.js"],"CollapsibleTrigger"] 3b:I[52782,["/_next/static/immutable/chunks/0m-ud6d21nrwp.js","/_next/static/immutable/chunks/1h-b4l27lciz8.js","/_next/static/immutable/chunks/3y8cybr61yxvv.js","/_next/static/immutable/chunks/3z09e37y-pq2e.js","/_next/static/immutable/chunks/18osjo27s7nr6.js","/_next/static/immutable/chunks/30ak-g_h974fl.js","/_next/static/immutable/chunks/13faqfdblyus9.js","/_next/static/immutable/chunks/3zi-9vbl5dj8-.js","/_next/static/immutable/chunks/3eg8r_f-w3d55.js","/_next/static/immutable/chunks/00h5s_mfz_z0a.js","/_next/static/immutable/chunks/2mxj9ce8hnzxh.js","/_next/static/immutable/chunks/1z8d0-gq--ywx.js","/_next/static/immutable/chunks/1q0rzjij447sg.js","/_next/static/immutable/chunks/1ttnh9n-90xfo.js","/_next/static/immutable/chunks/1p8-tjdoxq_qp.js","/_next/static/immutable/chunks/2g3rkxj5q1792.js","/_next/static/immutable/chunks/2g_6jpjm9d1wy.js","/_next/static/immutable/chunks/0qlv5u6wqxxzu.js","/_next/static/immutable/chunks/1kdw4f9rs02un.js","/_next/static/immutable/chunks/0_o9-rxkbht7h.js","/_next/static/immutable/chunks/0pdq7om71x-ac.js","/_next/static/immutable/chunks/2q1bk6mdo1u5v.js","/_next/static/immutable/chunks/2wqm9b65qyei4.js","/_next/static/immutable/chunks/29f-fic049470.js"],"CollapsibleContent"] 36:T1ed3,

"use client"

import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible"

import { cn } from "@/lib/utils"

const Collapsible = (props: CollapsiblePrimitive.Root.Props) => (
  <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />
)

const CollapsibleTrigger = (props: CollapsiblePrimitive.Trigger.Props) => (
  <CollapsiblePrimitive.Trigger data-slot="collapsible-trigger" {...props} />
)

const CollapsibleContent = ({
  className,
  ...props
}: CollapsiblePrimitive.Panel.Props) => (
  <CollapsiblePrimitive.Panel
    data-slot="collapsible-content"
    className={cn(
      "h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-200 ease-out data-ending-style:h-0 data-starting-style:h-0",
      className
    )}
    {...props}
  />
)

export { Collapsible, CollapsibleContent, CollapsibleTrigger }

35:["$","div",null,{"className":"relative overflow-hidden rounded-16 bg-background-secondary","children":[["$","div",null,{"className":"overflow-x-auto p-16 pr-48 font-mono text-compact leading-[20px] [&_pre]:bg-transparent!","dangerouslySetInnerHTML":{"__html":"$36"}}],"$L37"]}] 26:["$","$L38",null,{"glass":false,"preview":["$","$L39",null,{"className":"flex w-full max-w-480 flex-col gap-8","children":[["$","$L3a",null,{"render":["$","$L6",null,{"data-slot":"button","className":"relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-x-8 rounded-full whitespace-nowrap transition-[color,background-color,box-shadow,scale] duration-150 ease-out outline-none select-none active:scale-[0.97] motion-reduce:active:scale-100 focus-visible:ring-4 focus-visible:ring-blue-60/50 disabled:pointer-events-none disabled:bg-background-disabled disabled:text-text-on-disabled [&_svg]:pointer-events-none [&_svg]:shrink-0 bg-glass-background-control text-text-primary shadow-glass-control backdrop-glass-thin hover:bg-glass-background-control-hover active:bg-glass-background-control-hover h-36 px-12 text-compact-bold"}],"children":"Toggle details"}],["$","$L3b",null,{"className":"text-body text-text-secondary","children":"Collapsible content animates its height."}]]}],"code":"$L3c"}]

Installation

Usage