Collapsible

1// Base UI base collapsible — runs on @octanejs/base-ui's Collapsible.
2//
3// PART MAPPING: shadcn names the content part `CollapsibleContent` while the Base UI part
4// underneath is `Collapsible.Panel` — the same rename this base already makes for `accordion`.
5// The exported names and all three `data-slot` values stay as shadcn defines them, so consumers
6// see no difference between bases.
7//
8// No class strings: upstream ships this family unstyled in every base, leaving layout to the
9// consumer. There is correspondingly no styling risk here, and nothing to verify against a
10// class-string source.
11import { Collapsible as CollapsiblePrimitive } from '@octanejs/base-ui/collapsible';
12 
13type Props = Record<string, unknown>;
14 
15export function Collapsible(props: Props) @{
16	<CollapsiblePrimitive.Root data-slot="collapsible" {...props} />
17}
18 
19export function CollapsibleTrigger(props: Props) @{
20	<CollapsiblePrimitive.Trigger data-slot="collapsible-trigger" {...props} />
21}
22 
23export function CollapsibleContent(props: Props) @{
24	<CollapsiblePrimitive.Panel data-slot="collapsible-content" {...props} />
25}