Details about system requirements here.

) } `,__src__:"src/registry/default/example/disclosure/disclosure-demo.tsx",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"github-dark-default",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'"use client"'})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" Disclosure,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" DisclosureHeader,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" DisclosurePanel,"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"} "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "@/components/ui/disclosure"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" function"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" DisclosureDemo"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"() {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"Disclosure"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"DisclosureHeader"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:">System Requirements"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"DisclosurePanel"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"p"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:">Details about system requirements here."})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})})]})})}),(0,n.jsx)(l.figure,{__src__:"src/registry/new-york/example/disclosure/disclosure-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#0d1117",color:"#e6edf3"},tabIndex:"0","data-language":"tsx","data-theme":"github-dark-default",__rawString__:`"use client" import { Disclosure, DisclosureHeader, DisclosurePanel, } from "@/components/ui/disclosure" export function DisclosureDemo() { return ( System Requirements

Details about system requirements here.

) } `,__src__:"src/registry/new-york/example/disclosure/disclosure-demo.tsx",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"github-dark-default",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'"use client"'})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" Disclosure,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" DisclosureHeader,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" DisclosurePanel,"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"} "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "@/components/ui/disclosure"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" function"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" DisclosureDemo"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"() {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"Disclosure"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"DisclosureHeader"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:">System Requirements"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"DisclosurePanel"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"p"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:">Details about system requirements here."})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})})]})})})]}),` `,(0,n.jsxs)(l.h2,{id:"installation",children:[(0,n.jsx)(l.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#installation",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"Installation"]}),` `,(0,n.jsxs)(y,{defaultValue:"cli",children:[(0,n.jsxs)(E,{children:[(0,n.jsx)(p,{value:"cli",children:"CLI"}),(0,n.jsx)(p,{value:"manual",children:"Copy & Paste"})]}),(0,n.jsx)(t,{value:"cli",children:(0,n.jsxs)(h,{children:[(0,n.jsx)(o,{value:"npm",children:(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.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,n.jsx)(l.code,{"data-language":"bash","data-theme":"github-dark-default",style:{display:"grid"},children:(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"npx"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:" shadcn@latest"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:" add"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:" https://jollyui.dev/[[STYLE]]/disclosure"})]})})})})}),(0,n.jsx)(o,{value:"pnpm",children:(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.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,n.jsx)(l.code,{"data-language":"bash","data-theme":"github-dark-default",style:{display:"grid"},children:(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"pnpm"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:" dlx"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:" shadcn@latest"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:" add"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:" https://jollyui.dev/[[STYLE]]/disclosure"})]})})})})}),(0,n.jsx)(o,{value:"bun",children:(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.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,n.jsx)(l.code,{"data-language":"bash","data-theme":"github-dark-default",style:{display:"grid"},children:(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"bunx"}),(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" --bun"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:" shadcn@latest"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:" add"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:" https://jollyui.dev/[[STYLE]]/disclosure"})]})})})})}),(0,n.jsx)(o,{value:"yarn",children:(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.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,n.jsx)(l.code,{"data-language":"bash","data-theme":"github-dark-default",style:{display:"grid"},children:(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"npx"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:" shadcn@latest"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:" add"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:" https://jollyui.dev/[[STYLE]]/disclosure"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" "})]})})})})})]})}),(0,n.jsx)(t,{value:"manual",children:(0,n.jsxs)(F,{children:[(0,n.jsx)(d,{children:"Copy and paste the following code into your project: disclosure.tsx"}),(0,n.jsxs)(a,{name:"disclosure",children:[(0,n.jsx)(l.figure,{__src__:"src/registry/default/ui/disclosure.tsx",__style__:"default","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.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,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"github-dark-default",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'"use client"'})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" React, { useContext } "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "react"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" { ChevronDownIcon } "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "lucide-react"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" UNSTABLE_Disclosure "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"as"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" AriaDisclosure,"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" UNSTABLE_DisclosureGroup "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"as"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" AriaDisclosureGroup,"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" DisclosureGroupProps "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"as"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" AriaDisclosureGroupProps,"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" UNSTABLE_DisclosurePanel "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"as"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" AriaDisclosurePanel,"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" DisclosurePanelProps "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"as"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" AriaDisclosurePanelProps,"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" DisclosureProps "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"as"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" AriaDisclosureProps,"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" Button,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" ButtonProps,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" composeRenderProps,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" DisclosureGroupStateContext,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" Heading,"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"} "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "react-aria-components"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" { cn } "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "@/lib/utils"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" interface"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosureProps"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" extends"}),(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" AriaDisclosureProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"function"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" Disclosure"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"({ "}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"children"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"..."}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"props"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" }"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosureProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" let"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" isInGroup "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" useContext"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"(DisclosureGroupStateContext) "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"!=="}),(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" null"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"AriaDisclosure"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" {..."}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"props"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:"composeRenderProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"(className, ("}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"renderProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"=>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" cn"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "group min-w-64"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" isInGroup "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "border-0 border-b last:border-b-0"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" className"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" interface"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosureHeaderProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" ButtonProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'"className"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"]"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"function"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" DisclosureHeader"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"({ "}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"children"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" }"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosureHeaderProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"Heading"}),(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'"flex"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"Button"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" slot"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'"trigger"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:"composeRenderProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"(className, ("}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" cn"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.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,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.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,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "outline-none"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" className"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" })"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"ChevronDownIcon"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" aria-hidden"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:"cn"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "size-4 shrink-0 transition-transform duration-200"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "group-data-[expanded]:rotate-180"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "group-data-[disabled]:opacity-50"'})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" />"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" interface"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosurePanelProps"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" extends"}),(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" AriaDisclosurePanelProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"function"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" DisclosurePanel"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" children"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" ..."}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"props"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosurePanelProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"AriaDisclosurePanel"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" {..."}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"props"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'"overflow-hidden text-sm transition-all"'}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:"cn"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'"pb-4 pt-0"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:", className)"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" interface"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosureGroupProps"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" extends"}),(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" AriaDisclosureGroupProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"function"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" DisclosureGroup"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" children"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" ..."}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"props"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosureGroupProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"AriaDisclosureGroup"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" {..."}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"props"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:"composeRenderProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"(className, ("}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"renderProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"=>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" cn"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'""'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:", className)"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" { Disclosure, DisclosureHeader, DisclosurePanel, DisclosureGroup }"})]})]})})}),(0,n.jsx)(l.figure,{__src__:"src/registry/new-york/ui/disclosure.tsx",__style__:"new-york","data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.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,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"github-dark-default",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'"use client"'})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" React, { useContext } "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "react"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" { ChevronDownIcon } "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "@radix-ui/react-icons"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" UNSTABLE_Disclosure "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"as"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" AriaDisclosure,"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" UNSTABLE_DisclosureGroup "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"as"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" AriaDisclosureGroup,"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" DisclosureGroupProps "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"as"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" AriaDisclosureGroupProps,"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" UNSTABLE_DisclosurePanel "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"as"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" AriaDisclosurePanel,"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" DisclosurePanelProps "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"as"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" AriaDisclosurePanelProps,"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" DisclosureProps "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"as"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" AriaDisclosureProps,"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" Button,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" ButtonProps,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" composeRenderProps,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" DisclosureGroupStateContext,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" Heading,"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"} "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "react-aria-components"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" { cn } "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "@/lib/utils"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" interface"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosureProps"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" extends"}),(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" AriaDisclosureProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"function"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" Disclosure"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"({ "}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"children"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"..."}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"props"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" }"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosureProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" let"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" isInGroup "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" useContext"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"(DisclosureGroupStateContext) "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"!=="}),(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" null"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"AriaDisclosure"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" {..."}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"props"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:"composeRenderProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"(className, ("}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"renderProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"=>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" cn"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "group min-w-64"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" isInGroup "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "border-0 border-b last:border-b-0"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" className"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" interface"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosureHeaderProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" ButtonProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'"className"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"]"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"function"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" DisclosureHeader"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"({ "}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"children"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" }"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosureHeaderProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"Heading"}),(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'"flex"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"Button"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" slot"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'"trigger"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:"composeRenderProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"(className, ("}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" cn"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.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,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.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,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "outline-none"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" className"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" })"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"ChevronDownIcon"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" aria-hidden"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:"cn"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "size-4 shrink-0 text-muted-foreground transition-transform duration-200"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "group-data-[expanded]:rotate-180"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:' "group-data-[disabled]:opacity-50"'})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" />"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" interface"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosurePanelProps"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" extends"}),(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" AriaDisclosurePanelProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"function"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" DisclosurePanel"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" children"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" ..."}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"props"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosurePanelProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"AriaDisclosurePanel"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" {..."}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"props"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'"overflow-hidden text-sm transition-all"'}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:"cn"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'"pb-4 pt-0"'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:", className)"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" interface"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosureGroupProps"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" extends"}),(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" AriaDisclosureGroupProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"ReactNode"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"function"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" DisclosureGroup"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" children"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" ..."}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"props"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:" DisclosureGroupProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#7EE787"},children:"AriaDisclosureGroup"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" {..."}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"props"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#79C0FF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:"composeRenderProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"(className, ("}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"className"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#FFA657"},children:"renderProps"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"=>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D2A8FF"},children:" cn"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#A5D6FF"},children:'""'}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:", className)"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" >"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"children"}),(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF7B72"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#E6EDF3"},children:" { Disclosure, DisclosureHeader, DisclosurePanel, DisclosureGroup }"})]})]})})})]}),(0,n.jsx)(d,{children:"Update the import paths to match your project setup."})]})})]})]})}function B(e={}){let{wrapper:l}=e.components||{};return l?(0,n.jsx)(l,{...e,children:(0,n.jsx)(A,{...e})}):A(e)}function s(e,l){throw new Error("Expected "+(l?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return v(R);})(); ;return Component;