/**
* @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 };