{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"extends": "none",
"name": "disclosure-group",
"title": "disclosure-group",
"description": "disclosure-group",
"dependencies": [
"react-aria-components",
"tailwind-merge"
],
"registryDependencies": [
"https://intentui.com/r/primitive"
],
"files": [
{
"path": "src/components/ui/disclosure-group.tsx",
"content": "'use client'\n\nimport { use } from 'react'\nimport { Button, type ButtonProps } from 'react-aria-components/Button'\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps'\nimport {\n Disclosure as PrimitiveDisclosure,\n type DisclosureProps,\n} from 'react-aria-components/Disclosure'\nimport type {\n DisclosureGroupProps,\n DisclosurePanelProps,\n} from 'react-aria-components/DisclosureGroup'\nimport {\n DisclosureGroup as PrimitiveDisclosureGroup,\n DisclosurePanel as PrimitiveDisclosurePanel,\n DisclosureStateContext,\n} from 'react-aria-components/DisclosureGroup'\nimport { Heading } from 'react-aria-components/Heading'\nimport { twJoin, twMerge } from 'tailwind-merge'\nimport { cx } from '@/lib/primitive'\n\nexport function DisclosureGroup({ className, ...props }: DisclosureGroupProps) {\n return (\n \n )\n}\n\nexport function Disclosure({ className, ...props }: DisclosureProps) {\n return (\n \n twMerge(\n 'group/disclosure-item inset-ring inset-ring-(--disclosure-collapsed-border,transparent) w-full rounded-(--disclosure-radius,--spacing(0)) bg-(--disclosure-collapsed-bg,transparent) duration-200',\n (isExpanded || isFocusVisibleWithin) &&\n 'inset-ring-(--disclosure-expanded-border,transparent) bg-(--disclosure-expanded-bg)',\n 'has-data-hovered:inset-ring-(--disclosure-expanded-border,transparent) has-data-hovered:bg-(--disclosure-expanded-bg)',\n className\n )\n )}\n {...props}\n />\n )\n}\n\nexport interface DisclosureTriggerProps extends ButtonProps {\n ref?: React.Ref\n triggerIndicator?: boolean\n}\n\nexport function DisclosureTrigger({\n ref,\n className,\n triggerIndicator = true,\n ...props\n}: DisclosureTriggerProps) {\n const state = use(DisclosureStateContext)!\n return (\n \n \n {(values) => (\n <>\n {typeof props.children === 'function' ? props.children(values) : props.children}\n {triggerIndicator && }\n \n )}\n \n \n )\n}\n\nexport function DisclosureIndicator({ className, ...props }: React.ComponentProps<'span'>) {\n return (\n \n \n \n \n )\n}\n\nexport function DisclosurePanel({ className, ...props }: DisclosurePanelProps) {\n return (\n \n \n {props.children}\n \n \n )\n}\n",
"type": "registry:ui"
}
],
"type": "registry:ui"
}