Personal information form here.

Billing Address

Billing address form here.

) } `,__src__:"src/registry/default/example/disclosure/disclosure-group.tsx",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-default",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" Disclosure,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" DisclosureGroup,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" DisclosureHeader,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" DisclosurePanel,"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"} "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "@/components/ui/disclosure"'})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" DisclosureGroupDemo"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"DisclosureGroup"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" defaultExpandedKeys"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"["}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"personal"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"]"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"Disclosure"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" id"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"personal"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"DisclosureHeader"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">Personal Information"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"DisclosurePanel"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"p"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">Personal information form here."})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"Disclosure"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" id"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"billing"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"DisclosureHeader"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">Billing Address"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"DisclosurePanel"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"p"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">Billing address form here."})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})})]})})}),(0,l.jsx)(n.figure,{__src__:"src/registry/new-york/example/disclosure/disclosure-group.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{style:{backgroundColor:"#0d1117",color:"#e6edf3"},tabIndex:"0","data-language":"tsx","data-theme":"github-dark-default",__rawString__:`import { Disclosure, DisclosureGroup, DisclosureHeader, DisclosurePanel, } from "@/components/ui/disclosure" export function DisclosureGroupDemo() { return ( Personal Information

Personal information form here.

Billing Address

Billing address form here.

) } `,__src__:"src/registry/new-york/example/disclosure/disclosure-group.tsx",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-default",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" Disclosure,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" DisclosureGroup,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" DisclosureHeader,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" DisclosurePanel,"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"} "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "@/components/ui/disclosure"'})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" DisclosureGroupDemo"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"DisclosureGroup"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" defaultExpandedKeys"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"["}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"personal"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"]"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"Disclosure"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" id"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"personal"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"DisclosureHeader"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">Personal Information"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"DisclosurePanel"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"p"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">Personal information form here."})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"Disclosure"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" id"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"billing"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"DisclosureHeader"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">Billing Address"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"DisclosurePanel"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"p"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">Billing address form here."})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})})]})})})]}),` `,(0,l.jsxs)(n.h2,{id:"installation",children:[(0,l.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#installation",children:(0,l.jsx)(n.span,{className:"icon icon-link"})}),"Installation"]}),` `,(0,l.jsxs)(y,{defaultValue:"cli",children:[(0,l.jsxs)(E,{children:[(0,l.jsx)(p,{value:"cli",children:"CLI"}),(0,l.jsx)(p,{value:"manual",children:"Copy & Paste"})]}),(0,l.jsx)(t,{value:"cli",children:(0,l.jsxs)(h,{children:[(0,l.jsx)(a,{value:"npm",children:(0,l.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{style:{backgroundColor:"#0d1117",color:"#e6edf3"},tabIndex:"0","data-language":"bash","data-theme":"github-dark-default",__rawString__:`npx shadcn@latest add https://jollyui.dev/[[STYLE]]/disclosure `,children:(0,l.jsx)(n.code,{"data-language":"bash","data-theme":"github-dark-default",style:{display:"grid"},children:(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"npx"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:" shadcn@latest"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:" add"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:" https://jollyui.dev/[[STYLE]]/disclosure"})]})})})})}),(0,l.jsx)(a,{value:"pnpm",children:(0,l.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{style:{backgroundColor:"#0d1117",color:"#e6edf3"},tabIndex:"0","data-language":"bash","data-theme":"github-dark-default",__rawString__:`pnpm dlx shadcn@latest add https://jollyui.dev/[[STYLE]]/disclosure `,children:(0,l.jsx)(n.code,{"data-language":"bash","data-theme":"github-dark-default",style:{display:"grid"},children:(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"pnpm"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:" dlx"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:" shadcn@latest"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:" add"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:" https://jollyui.dev/[[STYLE]]/disclosure"})]})})})})}),(0,l.jsx)(a,{value:"bun",children:(0,l.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{style:{backgroundColor:"#0d1117",color:"#e6edf3"},tabIndex:"0","data-language":"bash","data-theme":"github-dark-default",__rawString__:`bunx --bun shadcn@latest add https://jollyui.dev/[[STYLE]]/disclosure `,children:(0,l.jsx)(n.code,{"data-language":"bash","data-theme":"github-dark-default",style:{display:"grid"},children:(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"bunx"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" --bun"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:" shadcn@latest"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:" add"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:" https://jollyui.dev/[[STYLE]]/disclosure"})]})})})})}),(0,l.jsx)(a,{value:"yarn",children:(0,l.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{style:{backgroundColor:"#0d1117",color:"#e6edf3"},tabIndex:"0","data-language":"bash","data-theme":"github-dark-default",__rawString__:`npx shadcn@latest add https://jollyui.dev/[[STYLE]]/disclosure `,children:(0,l.jsx)(n.code,{"data-language":"bash","data-theme":"github-dark-default",style:{display:"grid"},children:(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"npx"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:" shadcn@latest"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:" add"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:" https://jollyui.dev/[[STYLE]]/disclosure"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]})})})})})]})}),(0,l.jsx)(t,{value:"manual",children:(0,l.jsxs)(F,{children:[(0,l.jsx)(d,{children:"Copy and paste the following code into your project: disclosure.tsx"}),(0,l.jsxs)(o,{name:"disclosure",children:[(0,l.jsx)(n.figure,{__src__:"src/registry/default/ui/disclosure.tsx",__style__:"default","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{style:{backgroundColor:"#0d1117",color:"#e6edf3"},tabIndex:"0","data-language":"tsx","data-theme":"github-dark-default",__rawString__:`"use client" import React, { useContext } from "react" import { ChevronDownIcon } from "lucide-react" import { UNSTABLE_Disclosure as AriaDisclosure, UNSTABLE_DisclosureGroup as AriaDisclosureGroup, DisclosureGroupProps as AriaDisclosureGroupProps, UNSTABLE_DisclosurePanel as AriaDisclosurePanel, DisclosurePanelProps as AriaDisclosurePanelProps, DisclosureProps as AriaDisclosureProps, Button, ButtonProps, composeRenderProps, DisclosureGroupStateContext, Heading, } from "react-aria-components" import { cn } from "@/lib/utils" export interface DisclosureProps extends AriaDisclosureProps { children: React.ReactNode } function Disclosure({ children, className, ...props }: DisclosureProps) { let isInGroup = useContext(DisclosureGroupStateContext) !== null return ( cn( "group min-w-64", isInGroup && "border-0 border-b last:border-b-0", className ) )} > {children} ) } export interface DisclosureHeaderProps { children: React.ReactNode className?: ButtonProps["className"] } function DisclosureHeader({ children, className }: DisclosureHeaderProps) { return ( ) } export interface DisclosurePanelProps extends AriaDisclosurePanelProps { children: React.ReactNode } function DisclosurePanel({ children, className, ...props }: DisclosurePanelProps) { return (

{children}

) } export interface DisclosureGroupProps extends AriaDisclosureGroupProps { children: React.ReactNode } function DisclosureGroup({ children, className, ...props }: DisclosureGroupProps) { return ( cn("", className) )} > {children} ) } export { Disclosure, DisclosureHeader, DisclosurePanel, DisclosureGroup } `,__src__:"src/registry/default/ui/disclosure.tsx",__style__:"default",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-default",style:{display:"grid"},children:[(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"use client"'})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" React, { useContext } "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "react"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" { ChevronDownIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "lucide-react"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" UNSTABLE_Disclosure "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"as"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" AriaDisclosure,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" UNSTABLE_DisclosureGroup "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"as"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" AriaDisclosureGroup,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" DisclosureGroupProps "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"as"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" AriaDisclosureGroupProps,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" UNSTABLE_DisclosurePanel "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"as"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" AriaDisclosurePanel,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" DisclosurePanelProps "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"as"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" AriaDisclosurePanelProps,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" DisclosureProps "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"as"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" AriaDisclosureProps,"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" Button,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" ButtonProps,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" composeRenderProps,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" DisclosureGroupStateContext,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" Heading,"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"} "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "react-aria-components"'})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" { cn } "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "@/lib/utils"'})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" interface"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosureProps"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" extends"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" AriaDisclosureProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" Disclosure"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"({ "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"children"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"props"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" }"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosureProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" let"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" isInGroup "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" useContext"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"(DisclosureGroupStateContext) "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"!=="}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" null"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"AriaDisclosure"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" {..."}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"props"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"composeRenderProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"(className, ("}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"renderProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:") "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"=>"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" cn"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "group min-w-64"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" isInGroup "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"&&"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "border-0 border-b last:border-b-0"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" className"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" interface"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosureHeaderProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" ButtonProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"["}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"className"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"]"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" DisclosureHeader"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"({ "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"children"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" }"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosureHeaderProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"Heading"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"flex"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"Button"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" slot"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"trigger"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"composeRenderProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"(className, ("}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:") "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"=>"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" cn"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "group flex flex-1 items-center justify-between rounded-md py-4 font-medium ring-offset-background transition-all hover:underline"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "data-[focus-visible]:outline-none data-[focus-visible]:ring-2 data-[focus-visible]:ring-ring data-[focus-visible]:ring-offset-2"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "outline-none"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" className"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" })"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"ChevronDownIcon"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" aria-hidden"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "size-4 shrink-0 transition-transform duration-200"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "group-data-[expanded]:rotate-180"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "group-data-[disabled]:opacity-50"'})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" />"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" interface"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosurePanelProps"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" extends"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" AriaDisclosurePanelProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" DisclosurePanel"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" children"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosurePanelProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"AriaDisclosurePanel"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" {..."}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"props"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"overflow-hidden text-sm transition-all"'}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"div"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"("}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"pb-4 pt-0"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:", className)"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"{"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:""})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" interface"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosureGroupProps"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" extends"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" AriaDisclosureGroupProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" DisclosureGroup"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" children"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosureGroupProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"AriaDisclosureGroup"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" {..."}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"props"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"composeRenderProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"(className, ("}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"renderProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:") "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"=>"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" cn"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"("}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'""'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:", className)"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" { Disclosure, DisclosureHeader, DisclosurePanel, DisclosureGroup }"})]})]})})}),(0,l.jsx)(n.figure,{__src__:"src/registry/new-york/ui/disclosure.tsx",__style__:"new-york","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{style:{backgroundColor:"#0d1117",color:"#e6edf3"},tabIndex:"0","data-language":"tsx","data-theme":"github-dark-default",__rawString__:`"use client" import React, { useContext } from "react" import { ChevronDownIcon } from "@radix-ui/react-icons" import { UNSTABLE_Disclosure as AriaDisclosure, UNSTABLE_DisclosureGroup as AriaDisclosureGroup, DisclosureGroupProps as AriaDisclosureGroupProps, UNSTABLE_DisclosurePanel as AriaDisclosurePanel, DisclosurePanelProps as AriaDisclosurePanelProps, DisclosureProps as AriaDisclosureProps, Button, ButtonProps, composeRenderProps, DisclosureGroupStateContext, Heading, } from "react-aria-components" import { cn } from "@/lib/utils" export interface DisclosureProps extends AriaDisclosureProps { children: React.ReactNode } function Disclosure({ children, className, ...props }: DisclosureProps) { let isInGroup = useContext(DisclosureGroupStateContext) !== null return ( cn( "group min-w-64", isInGroup && "border-0 border-b last:border-b-0", className ) )} > {children} ) } export interface DisclosureHeaderProps { children: React.ReactNode className?: ButtonProps["className"] } function DisclosureHeader({ children, className }: DisclosureHeaderProps) { return ( ) } export interface DisclosurePanelProps extends AriaDisclosurePanelProps { children: React.ReactNode } function DisclosurePanel({ children, className, ...props }: DisclosurePanelProps) { return (

{children}

) } export interface DisclosureGroupProps extends AriaDisclosureGroupProps { children: React.ReactNode } function DisclosureGroup({ children, className, ...props }: DisclosureGroupProps) { return ( cn("", className) )} > {children} ) } export { Disclosure, DisclosureHeader, DisclosurePanel, DisclosureGroup } `,__src__:"src/registry/new-york/ui/disclosure.tsx",__style__:"new-york",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"github-dark-default",style:{display:"grid"},children:[(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"use client"'})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" React, { useContext } "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "react"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" { ChevronDownIcon } "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "@radix-ui/react-icons"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" UNSTABLE_Disclosure "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"as"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" AriaDisclosure,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" UNSTABLE_DisclosureGroup "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"as"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" AriaDisclosureGroup,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" DisclosureGroupProps "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"as"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" AriaDisclosureGroupProps,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" UNSTABLE_DisclosurePanel "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"as"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" AriaDisclosurePanel,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" DisclosurePanelProps "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"as"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" AriaDisclosurePanelProps,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" DisclosureProps "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"as"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" AriaDisclosureProps,"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" Button,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" ButtonProps,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" composeRenderProps,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" DisclosureGroupStateContext,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" Heading,"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"} "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "react-aria-components"'})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" { cn } "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "@/lib/utils"'})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" interface"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosureProps"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" extends"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" AriaDisclosureProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" Disclosure"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"({ "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"children"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"props"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" }"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosureProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" let"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" isInGroup "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" useContext"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"(DisclosureGroupStateContext) "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"!=="}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" null"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"AriaDisclosure"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" {..."}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"props"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"composeRenderProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"(className, ("}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"renderProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:") "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"=>"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" cn"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "group min-w-64"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" isInGroup "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"&&"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "border-0 border-b last:border-b-0"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" className"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" interface"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosureHeaderProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" ButtonProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"["}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"className"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"]"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" DisclosureHeader"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"({ "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"children"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" }"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosureHeaderProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"Heading"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"flex"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"Button"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" slot"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"trigger"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"composeRenderProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"(className, ("}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:") "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"=>"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" cn"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "group flex flex-1 items-center justify-between rounded-md py-4 text-sm font-medium ring-offset-background transition-all hover:underline"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "data-[focus-visible]:outline-none data-[focus-visible]:ring-2 data-[focus-visible]:ring-ring data-[focus-visible]:ring-offset-2"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "outline-none"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" className"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" })"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"ChevronDownIcon"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" aria-hidden"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "size-4 shrink-0 text-muted-foreground transition-transform duration-200"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "group-data-[expanded]:rotate-180"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:' "group-data-[disabled]:opacity-50"'})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" />"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" interface"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosurePanelProps"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" extends"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" AriaDisclosurePanelProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" DisclosurePanel"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" children"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosurePanelProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"AriaDisclosurePanel"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" {..."}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"props"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"overflow-hidden text-sm transition-all"'}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"div"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"("}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"pb-4 pt-0"'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:", className)"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:">"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"{"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:""})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" interface"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosureGroupProps"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" extends"}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" AriaDisclosureGroupProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" DisclosureGroup"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" children"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:" DisclosureGroupProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"AriaDisclosureGroup"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" {..."}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"props"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"composeRenderProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"(className, ("}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"renderProps"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:") "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"=>"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:" cn"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"("}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'""'}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:", className)"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"children"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#E6EDF3"},children:" { Disclosure, DisclosureHeader, DisclosurePanel, DisclosureGroup }"})]})]})})})]}),(0,l.jsx)(d,{children:"Update the import paths to match your project setup."})]})})]})]})}function B(e={}){let{wrapper:n}=e.components||{};return n?(0,l.jsx)(n,{...e,children:(0,l.jsx)(A,{...e})}):A(e)}function s(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return G(R);})(); ;return Component;