@c15t/react
Version:
Developer-first CMP for React: cookie banner, consent manager, preferences centre. GDPR ready with minimal setup and rich customization
57 lines • 5.47 kB
TypeScript
import { type ComponentPropsWithoutRef } from 'react';
import { type BoxProps } from '../../shared/primitives/box';
import * as RadixAccordion from '../../shared/ui/accordion';
import * as RadixSwitch from '../../shared/ui/switch';
/**
* Accordion Trigger Component
*
* @remarks
* - Provides visual grouping for related consent options
* - Supports theme customization
* - Maintains accessibility structure
*/
declare const ConsentManagerWidgetAccordionTrigger: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
declare const ConsentManagerWidgetAccordionTriggerInner: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-accordion").AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("../../../types/theme").ExtendThemeKeys<import("../../../types/theme").CSSVariables> & import("react").RefAttributes<HTMLButtonElement>>;
declare const ConsentManagerWidgetAccordionContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-accordion").AccordionContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
theme: {
content: import("../../../types/theme").ExtendThemeKeys;
contentInner: import("../../../types/theme").ExtendThemeKeys;
};
} & import("react").RefAttributes<HTMLDivElement>>;
declare const ConsentManagerWidgetAccordionArrow: typeof RadixAccordion.Arrow;
declare const ConsentManagerWidgetAccordion: import("react").ForwardRefExoticComponent<(ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<(import("@radix-ui/react-accordion").AccordionSingleProps | import("@radix-ui/react-accordion").AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & import("../../../types/theme").ExtendThemeKeys<import("../../../types/theme").CSSVariables>) & import("react").RefAttributes<HTMLDivElement>>;
declare const ConsentManagerWidgetSwitch: import("react").ForwardRefExoticComponent<RadixSwitch.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
/**
* Renders a list of consent options as accordion items.
*
* @remarks
* Key features:
* - Automatically generates items from consent configuration
* - Handles consent state management
* - Implements accessible toggle controls
* - Supports keyboard navigation
*
* @example
* ```tsx
* <ConsentManagerWidgetAccordion>
* <ConsentManagerWidgetAccordionItems />
* </ConsentManagerWidgetAccordion>
* ```
*/
declare const ConsentManagerWidgetAccordionItems: () => import("react/jsx-runtime").JSX.Element[];
declare const ConsentManagerWidgetAccordionItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("../../../types/theme").ExtendThemeKeys<import("../../../types/theme").CSSVariables> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
declare const AccordionTriggerInner: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-accordion").AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("../../../types/theme").ExtendThemeKeys<import("../../../types/theme").CSSVariables> & import("react").RefAttributes<HTMLButtonElement>>;
declare const AccordionTrigger: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLDivElement>>;
declare const AccordionContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-accordion").AccordionContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
theme: {
content: import("../../../types/theme").ExtendThemeKeys;
contentInner: import("../../../types/theme").ExtendThemeKeys;
};
} & import("react").RefAttributes<HTMLDivElement>>;
declare const AccordionArrow: typeof RadixAccordion.Arrow;
declare const Accordion: import("react").ForwardRefExoticComponent<(ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<(import("@radix-ui/react-accordion").AccordionSingleProps | import("@radix-ui/react-accordion").AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & import("../../../types/theme").ExtendThemeKeys<import("../../../types/theme").CSSVariables>) & import("react").RefAttributes<HTMLDivElement>>;
declare const Switch: import("react").ForwardRefExoticComponent<RadixSwitch.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
declare const AccordionItems: () => import("react/jsx-runtime").JSX.Element[];
declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("../../../types/theme").ExtendThemeKeys<import("../../../types/theme").CSSVariables> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export { ConsentManagerWidgetAccordionTrigger, ConsentManagerWidgetAccordionTriggerInner, ConsentManagerWidgetAccordionContent, ConsentManagerWidgetAccordionArrow, ConsentManagerWidgetAccordion, ConsentManagerWidgetSwitch, ConsentManagerWidgetAccordionItems, ConsentManagerWidgetAccordionItem, AccordionTrigger, AccordionTriggerInner, AccordionContent, AccordionArrow, Accordion, Switch, AccordionItems, AccordionItem, };
//# sourceMappingURL=accordion.d.ts.map