/** * @fileoverview Collapsible primitive — expandable/collapsible content region with trigger control. * Built on Radix UI Collapsible. Part of the Saasflare base component layer. * @module packages/ui/components/ui/collapsible * @layer core * * @component * @example * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@saasflare/ui'; * * Toggle * Hidden content revealed on toggle. * */ import * as React from "react"; import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"; import { type SaasflareComponentProps } from "../../providers"; /** * Props for {@link CollapsibleContent}. Extends the Radix Collapsible content * props with the Saasflare theming axes (`surface`, `radius`, `animated`, * `iconWeight`). */ interface CollapsibleContentProps extends Omit, keyof SaasflareComponentProps>, SaasflareComponentProps { } /** * Expandable content region toggled by a trigger. Root of the composition — * owns open state and wires {@link CollapsibleTrigger} and * {@link CollapsibleContent} together. Use for a single show/hide section; * for stacked exclusive sections reach for Accordion. * * @component * @layer core */ declare function Collapsible({ ...props }: React.ComponentProps): import("react/jsx-runtime").JSX.Element; /** * Button that toggles the collapsible region open and closed. * * @component * @layer core */ declare function CollapsibleTrigger({ ...props }: React.ComponentProps): import("react/jsx-runtime").JSX.Element; /** * The content region revealed while the collapsible is open. Resolves * `surface`/`radius`/`animated` against the context and * exposes them as data attributes for CSS-driven styling. * * @component * @layer core */ declare function CollapsibleContent({ surface, radius, animated, iconWeight, ...props }: CollapsibleContentProps): import("react/jsx-runtime").JSX.Element; export { Collapsible, CollapsibleTrigger, CollapsibleContent, type CollapsibleContentProps };