@cerberus-design/react
Version:
The Cerberus Design React component library.
1,205 lines (1,105 loc) • 1.19 MB
text/typescript
import { Accordion as Accordion_2 } from '@ark-ui/react/accordion';
import { AccordionItemContentProps as AccordionItemContentProps_2 } from '@ark-ui/react/accordion';
import { AccordionItemIndicatorProps as AccordionItemIndicatorProps_2 } from '@ark-ui/react/accordion';
import { AccordionItemProps as AccordionItemProps_2 } from '@ark-ui/react/accordion';
import { AccordionItemTriggerProps as AccordionItemTriggerProps_2 } from '@ark-ui/react/accordion';
import { AccordionRootProps as AccordionRootProps_2 } from '@ark-ui/react/accordion';
import { Activator } from '@dnd-kit/core';
import { Activators } from '@dnd-kit/core';
import { Active } from '@dnd-kit/core';
import type { AnchorHTMLAttributes } from 'react';
import { Announcements } from '@dnd-kit/core';
import { applyModifiers } from '@dnd-kit/core';
import { ark } from '@ark-ui/react/factory';
import { AutoScrollActivator } from '@dnd-kit/core';
import { AutoScrollOptions } from '@dnd-kit/core';
import { Avatar as Avatar_2 } from '@ark-ui/react/avatar';
import { AvatarFallbackProps as AvatarFallbackProps_2 } from '@ark-ui/react/avatar';
import { AvatarImageProps as AvatarImageProps_2 } from '@ark-ui/react/avatar';
import { AvatarRootProps as AvatarRootProps_2 } from '@ark-ui/react/avatar';
import { ButtonHTMLAttributes } from 'react';
import { CalendarDate } from '@internationalized/date';
import { CancelDrop } from '@dnd-kit/core';
import { Carousel as Carousel_2 } from '@ark-ui/react/carousel';
import { CarouselControlProps as CarouselControlProps_2 } from '@ark-ui/react/carousel';
import { CarouselIndicatorGroupProps as CarouselIndicatorGroupProps_2 } from '@ark-ui/react/carousel';
import { CarouselIndicatorProps as CarouselIndicatorProps_2 } from '@ark-ui/react/carousel';
import { CarouselItemGroupProps as CarouselItemGroupProps_2 } from '@ark-ui/react/carousel';
import { CarouselItemProps as CarouselItemProps_2 } from '@ark-ui/react/carousel';
import { CarouselNextTriggerProps as CarouselNextTriggerProps_2 } from '@ark-ui/react/carousel';
import { CarouselPrevTriggerProps as CarouselPrevTriggerProps_2 } from '@ark-ui/react/carousel';
import { CarouselRootProps as CarouselRootProps_2 } from '@ark-ui/react/carousel';
import { CerberusPrimitiveEl as CerberusPrimitiveEl_2 } from '../..';
import { CerberusPrimitiveEl as CerberusPrimitiveEl_3 } from './types';
import { ChangeEvent } from 'react';
import { Checkbox as Checkbox_2 } from '@ark-ui/react';
import { CheckboxControlProps as CheckboxControlProps_2 } from '@ark-ui/react';
import { CheckboxGroupProps as CheckboxGroupProps_2 } from '@ark-ui/react';
import { CheckboxHiddenInputProps as CheckboxHiddenInputProps_2 } from '@ark-ui/react';
import { CheckboxIndicatorProps as CheckboxIndicatorProps_2 } from '@ark-ui/react';
import { CheckboxLabelProps as CheckboxLabelProps_2 } from '@ark-ui/react';
import { CheckboxRootProps as CheckboxRootProps_2 } from '@ark-ui/react';
import { ClassAttributes } from 'react';
import { ClientRect as ClientRect_2 } from '@dnd-kit/core';
import { closestCenter } from '@dnd-kit/core';
import { closestCorners } from '@dnd-kit/core';
import { Collision } from '@dnd-kit/core';
import { CollisionDescriptor } from '@dnd-kit/core';
import { CollisionDetection } from '@dnd-kit/core';
import { Combobox as Combobox_2 } from '@ark-ui/react/combobox';
import { ComboboxClearTriggerProps as ComboboxClearTriggerProps_2 } from '@ark-ui/react/combobox';
import { ComboboxContentProps as ComboboxContentProps_2 } from '@ark-ui/react/combobox';
import { ComboboxControlProps as ComboboxControlProps_2 } from '@ark-ui/react/combobox';
import { ComboboxInputProps as ComboboxInputProps_2 } from '@ark-ui/react/combobox';
import type { ComboboxInputValueChangeDetails as ComboboxInputValueChangeDetails_2 } from '@ark-ui/react/combobox';
import { ComboboxItemGroupLabelProps as ComboboxItemGroupLabelProps_2 } from '@ark-ui/react/combobox';
import { ComboboxItemGroupProps as ComboboxItemGroupProps_2 } from '@ark-ui/react/combobox';
import { ComboboxItemIndicatorProps as ComboboxItemIndicatorProps_2 } from '@ark-ui/react/combobox';
import { ComboboxItemProps as ComboboxItemProps_2 } from '@ark-ui/react/combobox';
import type { ComboboxItemProps as ComboboxItemProps_3 } from '@ark-ui/react';
import { ComboboxItemTextProps as ComboboxItemTextProps_2 } from '@ark-ui/react/combobox';
import { ComboboxLabelProps as ComboboxLabelProps_2 } from '@ark-ui/react/combobox';
import { ComboboxPositionerProps as ComboboxPositionerProps_2 } from '@ark-ui/react/combobox';
import { ComboboxRootProps as ComboboxRootProps_2 } from '@ark-ui/react/combobox';
import { ComboboxTriggerProps as ComboboxTriggerProps_2 } from '@ark-ui/react/combobox';
import type { ComponentPropsWithoutRef } from 'react';
import { ComponentType } from 'react';
import { Context } from 'react';
import { CreateToasterReturn } from '@ark-ui/react/toast';
import type { CSSProperties } from 'react';
import { Data } from '@dnd-kit/core';
import { DataRef } from '@dnd-kit/core';
import { DateFormatter } from '@internationalized/date';
import { DatePicker as DatePicker_2 } from '@ark-ui/react/date-picker';
import { DatePickerContentProps as DatePickerContentProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerContextProps as DatePickerContextProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerControlProps as DatePickerControlProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerInputProps } from '@ark-ui/react/date-picker';
import { DatePickerLabelProps as DatePickerLabelProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerMonthSelectProps as DatePickerMonthSelectProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerNextTriggerProps as DatePickerNextTriggerProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerPositionerProps as DatePickerPositionerProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerPrevTriggerProps as DatePickerPrevTriggerProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerRangeTextProps as DatePickerRangeTextProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerRootProps as DatePickerRootProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerTableBodyProps as DatePickerTableBodyProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerTableCellProps as DatePickerTableCellProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerTableCellTriggerProps as DatePickerTableCellTriggerProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerTableHeaderProps as DatePickerTableHeaderProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerTableHeadProps as DatePickerTableHeadProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerTableProps as DatePickerTableProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerTableRowProps as DatePickerTableRowProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerTriggerProps as DatePickerTriggerProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerViewControlProps as DatePickerViewControlProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerViewProps as DatePickerViewProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerViewTriggerProps as DatePickerViewTriggerProps_2 } from '@ark-ui/react/date-picker';
import { DatePickerYearSelectProps as DatePickerYearSelectProps_2 } from '@ark-ui/react/date-picker';
import { DateValue } from '@ark-ui/react/date-picker';
import { defaultAnnouncements } from '@dnd-kit/core';
import { defaultCoordinates } from '@dnd-kit/core';
import { defaultDropAnimation } from '@dnd-kit/core';
import { defaultDropAnimationSideEffects } from '@dnd-kit/core';
import { defaultKeyboardCoordinateGetter } from '@dnd-kit/core';
import { defaultScreenReaderInstructions } from '@dnd-kit/core';
import { DetailedHTMLProps } from 'react';
import { Dialog as Dialog_2 } from '@ark-ui/react/dialog';
import { DialogBackdropProps as DialogBackdropProps_2 } from '@ark-ui/react/dialog';
import { DialogContentProps as DialogContentProps_2 } from '@ark-ui/react/dialog';
import { DialogDescriptionProps as DialogDescriptionProps_2 } from '@ark-ui/react/dialog';
import { DialogHTMLAttributes } from 'react';
import { DialogPositionerProps as DialogPositionerProps_2 } from '@ark-ui/react/dialog';
import { DialogRootProps as DialogRootProps_2 } from '@ark-ui/react/dialog';
import { DialogTitleProps } from '@ark-ui/react/dialog';
import { DialogTriggerProps as DialogTriggerProps_2 } from '@ark-ui/react/dialog';
import { DistanceMeasurement } from '@dnd-kit/core';
import { DndContext } from '@dnd-kit/core';
import { DndContextDescriptor } from '@dnd-kit/core';
import { DndContextProps } from '@dnd-kit/core';
import { DndMonitorArguments } from '@dnd-kit/core';
import { DndMonitorListener } from '@dnd-kit/core';
import { DragAbortEvent } from '@dnd-kit/core';
import { DragCancelEvent } from '@dnd-kit/core';
import { DragEndEvent } from '@dnd-kit/core';
import { DraggableAttributes } from '@dnd-kit/core';
import { DraggableMeasuring } from '@dnd-kit/core';
import { DraggableNode } from '@dnd-kit/core';
import { DraggableSyntheticListeners } from '@dnd-kit/core';
import { DragMoveEvent } from '@dnd-kit/core';
import { DragOverEvent } from '@dnd-kit/core';
import { DragOverlay } from '@dnd-kit/core';
import { DragOverlayProps } from '@dnd-kit/core';
import { DragPendingEvent } from '@dnd-kit/core';
import { DragStartEvent } from '@dnd-kit/core';
import { DropAnimation } from '@dnd-kit/core';
import { DropAnimationFunction } from '@dnd-kit/core';
import { DropAnimationFunctionArguments } from '@dnd-kit/core';
import { DropAnimationKeyframeResolver } from '@dnd-kit/core';
import { DropAnimationSideEffects } from '@dnd-kit/core';
import { DroppableContainer } from '@dnd-kit/core';
import { DroppableContainers } from '@dnd-kit/core';
import { DroppableMeasuring } from '@dnd-kit/core';
import type { ElementRef } from 'react';
import { ElementType } from 'react';
import { Field as Field_2 } from '@ark-ui/react/field';
import { FieldHelperTextProps as FieldHelperTextProps_2 } from '@ark-ui/react/field';
import { FieldInputProps as FieldInputProps_2 } from '@ark-ui/react/field';
import { FieldLabelProps as FieldLabelProps_2 } from '@ark-ui/react/field';
import { FieldRequiredIndicatorProps as FieldRequiredIndicatorProps_2 } from '@ark-ui/react/field';
import { FieldRootProps as FieldRootProps_2 } from '@ark-ui/react/field';
import { Fieldset as Fieldset_2 } from '@ark-ui/react/fieldset';
import { FieldsetHelperTextProps as FieldsetHelperTextProps_2 } from '@ark-ui/react/fieldset';
import { FieldsetLegendProps as FieldsetLegendProps_2 } from '@ark-ui/react/fieldset';
import { FieldsetRootProps as FieldsetRootProps_2 } from '@ark-ui/react/fieldset';
import { FieldTextareaProps as FieldTextareaProps_2 } from '@ark-ui/react/field';
import { ForwardRefExoticComponent } from 'react';
import { getClientRect } from '@dnd-kit/core';
import { getFirstCollision } from '@dnd-kit/core';
import { getLocalTimeZone } from '@internationalized/date';
import { getScrollableAncestors } from '@dnd-kit/core';
import { HTMLArkProps } from '@ark-ui/react/factory';
import { HTMLArkProps as HTMLArkProps_2 } from '@ark-ui/react';
import { HTMLAttributes } from 'react';
import { HtmlHTMLAttributes } from 'react';
import { InputHTMLAttributes } from 'react';
import { JSX } from 'react/jsx-runtime';
import type { JSX as JSX_2 } from 'react';
import { KeyboardCode } from '@dnd-kit/core';
import { KeyboardCodes } from '@dnd-kit/core';
import { KeyboardCoordinateGetter } from '@dnd-kit/core';
import type { KeyboardEventHandler } from 'react';
import { KeyboardSensor } from '@dnd-kit/core';
import { KeyboardSensorOptions } from '@dnd-kit/core';
import { KeyboardSensorProps } from '@dnd-kit/core';
import { ListCollection } from '@ark-ui/react/select';
import { MeasuringConfiguration } from '@dnd-kit/core';
import { MeasuringFrequency } from '@dnd-kit/core';
import { MeasuringStrategy } from '@dnd-kit/core';
import { Menu as Menu_2 } from '@ark-ui/react';
import { MenuContentProps as MenuContentProps_2 } from '@ark-ui/react';
import { MenuIndicatorProps as MenuIndicatorProps_2 } from '@ark-ui/react';
import { MenuItemGroupLabelProps as MenuItemGroupLabelProps_2 } from '@ark-ui/react';
import { MenuItemGroupProps as MenuItemGroupProps_2 } from '@ark-ui/react';
import { MenuItemGroupProps as MenuItemGroupProps_3 } from './primitives';
import { MenuItemProps as MenuItemProps_2 } from '@ark-ui/react';
import { MenuPositionerProps as MenuPositionerProps_2 } from '@ark-ui/react';
import { MenuRootProps as MenuRootProps_2 } from '@ark-ui/react';
import { MenuSeparatorProps as MenuSeparatorProps_2 } from '@ark-ui/react';
import { MenuTriggerItemProps as MenuTriggerItemProps_2 } from '@ark-ui/react';
import { MenuTriggerProps as MenuTriggerProps_2 } from '@ark-ui/react';
import { Modifier } from '@dnd-kit/core';
import { Modifiers } from '@dnd-kit/core';
import { MouseEvent as MouseEvent_2 } from 'react';
import type { MouseEventHandler } from 'react';
import { MouseSensor } from '@dnd-kit/core';
import { MouseSensorOptions } from '@dnd-kit/core';
import { Over } from '@dnd-kit/core';
import { parseDate } from '@ark-ui/react/date-picker';
import { PointerActivationConstraint } from '@dnd-kit/core';
import { PointerEventHandlers } from '@dnd-kit/core';
import { PointerSensor } from '@dnd-kit/core';
import { PointerSensorOptions } from '@dnd-kit/core';
import { PointerSensorProps } from '@dnd-kit/core';
import { pointerWithin } from '@dnd-kit/core';
import { PolymorphicProps } from '@ark-ui/react';
import { PortalProps } from '@ark-ui/react';
import { Progress } from '@ark-ui/react/progress';
import { ProgressCircleProps } from '@ark-ui/react/progress';
import { ProgressCircleRangeProps } from '@ark-ui/react/progress';
import { ProgressCircleTrackProps } from '@ark-ui/react/progress';
import { ProgressLabelProps } from '@ark-ui/react/progress';
import { ProgressRootProps } from '@ark-ui/react/progress';
import { ProgressValueTextProps } from '@ark-ui/react/progress';
import { PropsWithChildren } from 'react';
import { RadioGroup as RadioGroup_2 } from '@ark-ui/react/radio-group';
import { RadioGroupIndicatorProps as RadioGroupIndicatorProps_2 } from '@ark-ui/react/radio-group';
import { RadioGroupItemControlProps as RadioGroupItemControlProps_2 } from '@ark-ui/react/radio-group';
import { RadioGroupItemHiddenInputProps as RadioGroupItemHiddenInputProps_2 } from '@ark-ui/react/radio-group';
import { RadioGroupItemProps as RadioGroupItemProps_2 } from '@ark-ui/react/radio-group';
import type { RadioGroupItemProps as RadioGroupItemProps_3 } from '@ark-ui/react';
import { RadioGroupItemTextProps as RadioGroupItemTextProps_2 } from '@ark-ui/react/radio-group';
import { RadioGroupLabelProps as RadioGroupLabelProps_2 } from '@ark-ui/react/radio-group';
import { RadioGroupRootProps as RadioGroupRootProps_2 } from '@ark-ui/react/radio-group';
import { RatingGroup } from '@ark-ui/react/rating-group';
import { RatingGroupContextProps as RatingGroupContextProps_2 } from '@ark-ui/react/rating-group';
import { RatingGroupControlProps as RatingGroupControlProps_2 } from '@ark-ui/react/rating-group';
import { RatingGroupHiddenInputProps as RatingGroupHiddenInputProps_2 } from '@ark-ui/react/rating-group';
import { RatingGroupItemContextProps as RatingGroupItemContextProps_2 } from '@ark-ui/react/rating-group';
import { RatingGroupItemProps as RatingGroupItemProps_2 } from '@ark-ui/react/rating-group';
import { RatingGroupLabelProps } from '@ark-ui/react/rating-group';
import { RatingGroupRootProps } from '@ark-ui/react/rating-group';
import { ReactNode } from 'react';
import { rectIntersection } from '@dnd-kit/core';
import { Ref } from 'react';
import { RefAttributes } from 'react';
import { RefObject } from 'react';
import { ScreenReaderInstructions } from '@dnd-kit/core';
import { Select as Select_2 } from '@ark-ui/react/select';
import { SelectClearTriggerProps as SelectClearTriggerProps_2 } from '@ark-ui/react/select';
import { SelectContentProps as SelectContentProps_2 } from '@ark-ui/react/select';
import { SelectControlProps as SelectControlProps_2 } from '@ark-ui/react/select';
import { SelectHiddenSelectProps as SelectHiddenSelectProps_2 } from '@ark-ui/react/select';
import { SelectIndicatorProps as SelectIndicatorProps_2 } from '@ark-ui/react/select';
import { SelectItemGroupLabelProps as SelectItemGroupLabelProps_2 } from '@ark-ui/react/select';
import { SelectItemGroupLabelProps as SelectItemGroupLabelProps_3 } from '@ark-ui/react';
import { SelectItemGroupProps as SelectItemGroupProps_2 } from '@ark-ui/react/select';
import { SelectItemGroupProps as SelectItemGroupProps_3 } from './primitives';
import { SelectItemIndicatorProps as SelectItemIndicatorProps_2 } from '@ark-ui/react/select';
import { SelectItemProps as SelectItemProps_2 } from '@ark-ui/react/select';
import { SelectItemTextProps as SelectItemTextProps_2 } from '@ark-ui/react/select';
import { SelectLabelProps as SelectLabelProps_2 } from '@ark-ui/react/select';
import { SelectPositionerProps as SelectPositionerProps_2 } from '@ark-ui/react/select';
import { SelectRootProps as SelectRootProps_2 } from '@ark-ui/react/select';
import { SelectTriggerProps as SelectTriggerProps_2 } from '@ark-ui/react/select';
import { SelectValueChangeDetails } from '@ark-ui/react/select';
import { SelectValueTextProps as SelectValueTextProps_2 } from '@ark-ui/react/select';
import { Sensor } from '@dnd-kit/core';
import { SensorContext } from '@dnd-kit/core';
import { SensorDescriptor } from '@dnd-kit/core';
import { SensorHandler } from '@dnd-kit/core';
import { SensorInstance } from '@dnd-kit/core';
import { SensorOptions } from '@dnd-kit/core';
import { SensorProps } from '@dnd-kit/core';
import { SensorResponse } from '@dnd-kit/core';
import { Sensors } from '@dnd-kit/core';
import { Switch as Switch_2 } from '@ark-ui/react/switch';
import { SwitchControlProps as SwitchControlProps_2 } from '@ark-ui/react/switch';
import { SwitchHiddenInputProps as SwitchHiddenInputProps_2 } from '@ark-ui/react/switch';
import { SwitchLabelProps as SwitchLabelProps_2 } from '@ark-ui/react/switch';
import { SwitchRootProps as SwitchRootProps_2 } from '@ark-ui/react/switch';
import { SwitchThumbProps as SwitchThumbProps_2 } from '@ark-ui/react/switch';
import { TabContentProps as TabContentProps_2 } from '@ark-ui/react/tabs';
import { TabIndicatorProps as TabIndicatorProps_2 } from '@ark-ui/react/tabs';
import { TableHTMLAttributes } from 'react';
import { TabListProps } from '@ark-ui/react/tabs';
import { Tabs as Tabs_2 } from '@ark-ui/react/tabs';
import { TabsRootProps as TabsRootProps_2 } from '@ark-ui/react/tabs';
import { TabTriggerProps } from '@ark-ui/react/tabs';
import { TdHTMLAttributes } from 'react';
import { ThHTMLAttributes } from 'react';
import { Toast } from '@ark-ui/react/toast';
import { ToastActionTriggerProps } from '@ark-ui/react/toast';
import { ToastCloseTriggerProps } from '@ark-ui/react/toast';
import { ToastDescriptionProps } from '@ark-ui/react/toast';
import { ToasterProps } from '@ark-ui/react/toast';
import { ToastRootProps } from '@ark-ui/react/toast';
import { ToastTitleProps } from '@ark-ui/react/toast';
import { today } from '@internationalized/date';
import { ToggleIndicatorProps as ToggleIndicatorProps_2 } from '@ark-ui/react/toggle';
import { ToggleRootProps as ToggleRootProps_2 } from '@ark-ui/react/toggle';
import { Tooltip as Tooltip_2 } from '@ark-ui/react/tooltip';
import { TooltipArrowProps as TooltipArrowProps_2 } from '@ark-ui/react/tooltip';
import { TooltipArrowTipProps as TooltipArrowTipProps_2 } from '@ark-ui/react/tooltip';
import { TooltipContentProps as TooltipContentProps_2 } from '@ark-ui/react/tooltip';
import { TooltipPositionerProps as TooltipPositionerProps_2 } from '@ark-ui/react/tooltip';
import { TooltipRootProps as TooltipRootProps_2 } from '@ark-ui/react/tooltip';
import { TooltipTriggerProps as TooltipTriggerProps_2 } from '@ark-ui/react/tooltip';
import { TouchSensor } from '@dnd-kit/core';
import { TouchSensorOptions } from '@dnd-kit/core';
import { Translate } from '@dnd-kit/core';
import { TraversalOrder } from '@dnd-kit/core';
import { UniqueIdentifier } from '@dnd-kit/core';
import { useAvatarContext } from '@ark-ui/react/avatar';
import { useDndContext } from '@dnd-kit/core';
import { UseDndContextReturnValue } from '@dnd-kit/core';
import { useDndMonitor } from '@dnd-kit/core';
import { useDraggable } from '@dnd-kit/core';
import { UseDraggableArguments } from '@dnd-kit/core';
import { useDroppable } from '@dnd-kit/core';
import { UseDroppableArguments } from '@dnd-kit/core';
import { UseRatingGroupContext } from '@ark-ui/react/rating-group';
import { UseRatingGroupItemContext } from '@ark-ui/react/rating-group';
import { useSensor } from '@dnd-kit/core';
import { useSensors } from '@dnd-kit/core';
import { WithCss as WithCss_2 } from '../..';
/**
* This module contains an abstraction of the AccordionItem components.
* @module
*/
declare function Accordion(props: AccordionRootProps_2 & AccordionVariantProps): JSX.Element;
export { Accordion }
export { Accordion as Accordion_alias_1 }
export { Accordion as Accordion_alias_2 }
/**
* This module contains the internal AccordionItemIndicator component.
* @module 'accordion/item-indicator'
*/
export declare function AccordionChevronItemIndicator(props: AccordionItemIndicatorProps_2 & AccordionVariantProps): JSX.Element;
/**
* The primitive item component of the Accordion component.
*
* This component returns the Ark `Accordion.Item` component which has a
* base style using the Cerberus `accordion` recipe that can be overridden.
*/
declare const AccordionItem: {
(internalProps: WithCss_2 & Accordion_2.ItemProps & AccordionVariantProps & {
children?: ReactNode | undefined;
}): JSX.Element;
displayName: string;
};
export { AccordionItem }
export { AccordionItem as AccordionItem_alias_1 }
export { AccordionItem as AccordionItem_alias_2 }
/**
* The primitive content component of the Accordion component.
*
* This component returns the Ark `Accordion.Content` component which has a
* base style using the Cerberus `accordion` recipe that can be overridden.
*/
declare const AccordionItemContent: {
(internalProps: WithCss_2 & Accordion_2.ItemContentProps & {
children?: ReactNode | undefined;
}): JSX.Element;
displayName: string;
};
export { AccordionItemContent }
export { AccordionItemContent as AccordionItemContent_alias_1 }
export { AccordionItemContent as AccordionItemContent_alias_2 }
declare type AccordionItemContentProps = CerberusPrimitiveProps<AccordionItemContentProps_2>;
export { AccordionItemContentProps }
export { AccordionItemContentProps as AccordionItemContentProps_alias_1 }
export { AccordionItemContentProps as AccordionItemContentProps_alias_2 }
/**
* The AccordionItemGroup component is an abstraction of the Accordion primitive
* components which renders an accordion item with a heading and an indicator.
*
* It is a wrapper around the `AccordionParts.Item`, `AccordionParts.
* ItemTrigger`, `AccordionParts.ItemIndicator`, and `AccordionParts.ItemContent` components.
*
* @description [Cerberus docs](https://cerberus.digitalu.design/react/accordion)
* @description [Ark docs](https://ark-ui.com/react/docs/components/accordion)
*/
declare function AccordionItemGroup(props: AccordionItemGroupProps): JSX.Element;
export { AccordionItemGroup }
export { AccordionItemGroup as AccordionItemGroup_alias_1 }
export { AccordionItemGroup as AccordionItemGroup_alias_2 }
declare interface AccordionItemGroupProps extends AccordionItemProps_2, AccordionVariantProps {
/**
* The heading of the accordion item to open and close the content.
*/
heading: string;
/**
* The position of the arrow indicator.
*/
indicatorPosition?: 'start' | 'end';
}
export { AccordionItemGroupProps }
export { AccordionItemGroupProps as AccordionItemGroupProps_alias_1 }
export { AccordionItemGroupProps as AccordionItemGroupProps_alias_2 }
/**
* The primitive item indicator component of the Accordion component.
*
* This component returns the Ark `Accordion.ItemIndicator` component which has
* a base style using the Cerberus `accordion` recipe that can be overridden.
*/
declare const AccordionItemIndicator: {
(internalProps: WithCss_2 & Accordion_2.ItemIndicatorProps & {
children?: ReactNode | undefined;
}): JSX.Element;
displayName: string;
};
export { AccordionItemIndicator }
export { AccordionItemIndicator as AccordionItemIndicator_alias_1 }
export { AccordionItemIndicator as AccordionItemIndicator_alias_2 }
declare type AccordionItemIndicatorProps = CerberusPrimitiveProps<AccordionItemIndicatorProps_2>;
export { AccordionItemIndicatorProps }
export { AccordionItemIndicatorProps as AccordionItemIndicatorProps_alias_1 }
export { AccordionItemIndicatorProps as AccordionItemIndicatorProps_alias_2 }
declare type AccordionItemProps = CerberusPrimitiveProps<AccordionItemProps_2 & AccordionVariantProps>;
export { AccordionItemProps }
export { AccordionItemProps as AccordionItemProps_alias_1 }
export { AccordionItemProps as AccordionItemProps_alias_2 }
/**
* The primitive trigger component of the Accordion component.
*
* This component returns the Ark `Accordion.ItemTrigger` component which has
* a base style using the Cerberus `accordion` recipe that can be overridden.
*/
declare const AccordionItemTrigger: {
(internalProps: WithCss_2 & Accordion_2.ItemTriggerProps & {
children?: ReactNode | undefined;
}): JSX.Element;
displayName: string;
};
export { AccordionItemTrigger }
export { AccordionItemTrigger as AccordionItemTrigger_alias_1 }
export { AccordionItemTrigger as AccordionItemTrigger_alias_2 }
declare type AccordionItemTriggerProps = CerberusPrimitiveProps<AccordionItemTriggerProps_2>;
export { AccordionItemTriggerProps }
export { AccordionItemTriggerProps as AccordionItemTriggerProps_alias_1 }
export { AccordionItemTriggerProps as AccordionItemTriggerProps_alias_2 }
/**
* An Object containing the parts of the Accordion component. For users that
* prefer Object component syntax.
*
* @remarks
*
* When using object component syntax, you import the AccordionParts object and
* the entire family of components vs. only what you use.
*/
declare const AccordionParts: AccordionPartsValue;
export { AccordionParts }
export { AccordionParts as AccordionParts_alias_1 }
export { AccordionParts as AccordionParts_alias_2 }
/**
* This module contains the parts of the Accordion component.
* @module 'accordion/parts'
*/
declare interface AccordionPartsValue {
/**
* The context provider of the accordion.
*/
Root: ElementType;
/**
* The item of the accordion.
*/
Item: ElementType;
/**
* The trigger of the accordion item.
*/
ItemTrigger: ElementType;
/**
* The content of the accordion item.
*/
ItemContent: ElementType;
/**
* The indicator of the accordion item.
*/
ItemIndicator: ElementType;
}
/**
* The primitive root component of the Accordion component.
*
* This component returns the Ark `Accordion.Root` component which has a
* base style using the Cerberus `accordion` recipe that can be overridden.
*/
declare const AccordionRoot: {
(internalProps: WithCss_2 & Accordion_2.RootProps & AccordionVariantProps & {
children?: ReactNode | undefined;
}): JSX.Element;
displayName: string;
};
export { AccordionRoot }
export { AccordionRoot as AccordionRoot_alias_1 }
export { AccordionRoot as AccordionRoot_alias_2 }
declare type AccordionRootProps = CerberusPrimitiveProps<AccordionRootProps_2 & AccordionVariantProps>;
export { AccordionRootProps }
export { AccordionRootProps as AccordionRootProps_alias_1 }
export { AccordionRootProps as AccordionRootProps_alias_2 }
declare interface AccordionVariant {
/**
* @default "lg"
*/
size: "sm" | "lg"
}
declare type AccordionVariantProps = {
[key in keyof AccordionVariant]?: ConditionalValue<AccordionVariant[key]> | undefined
}
export { Activator }
export { Activators }
export { Active }
/**
* The Admonition component is an abstraction of the primitives which
* displays a Admonition with a label.
*
* @description [Cerberus Docs](https://cerberus.digitalu.design/react/admonition)
*
* @remarks
*
* For a customizable Admonition, use the `AdmonitionParts` object to access the
* individual primitives of the Admonition component.
*/
declare function Admonition(props: AdmonitionProps): JSX.Element;
export { Admonition }
export { Admonition as Admonition_alias_1 }
export { Admonition as Admonition_alias_2 }
/**
* The `AdmonitionContent` component is the content for the Admonition.
*/
declare const AdmonitionContent: CerberusPrimitiveEl_2<AdmonitionContentProps>;
export { AdmonitionContent }
export { AdmonitionContent as AdmonitionContent_alias_1 }
export { AdmonitionContent as AdmonitionContent_alias_2 }
declare type AdmonitionContentProps = CerberusPrimitiveProps<HTMLArkProps<'div'>>;
export { AdmonitionContentProps }
export { AdmonitionContentProps as AdmonitionContentProps_alias_1 }
export { AdmonitionContentProps as AdmonitionContentProps_alias_2 }
/**
* The `AdmonitionDescription` component is the description for the Admonition.
*/
declare const AdmonitionDescription: {
(internalProps: WithCss_2 & Omit<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & PolymorphicProps & AdmonitionVariantProps & {
children?: ReactNode | undefined;
}): JSX.Element;
displayName: string;
};
export { AdmonitionDescription }
export { AdmonitionDescription as AdmonitionDescription_alias_1 }
export { AdmonitionDescription as AdmonitionDescription_alias_2 }
declare type AdmonitionDescriptionProps = CerberusPrimitiveProps<HTMLArkProps<'p'> & AdmonitionVariantProps>;
export { AdmonitionDescriptionProps }
export { AdmonitionDescriptionProps as AdmonitionDescriptionProps_alias_1 }
export { AdmonitionDescriptionProps as AdmonitionDescriptionProps_alias_2 }
/**
* The `AdmonitionHeading` component is the heading title for the Admonition.
*/
declare const AdmonitionHeading: {
(internalProps: WithCss_2 & Omit<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & PolymorphicProps & AdmonitionVariantProps & {
children?: ReactNode | undefined;
}): JSX.Element;
displayName: string;
};
export { AdmonitionHeading }
export { AdmonitionHeading as AdmonitionHeading_alias_1 }
export { AdmonitionHeading as AdmonitionHeading_alias_2 }
declare type AdmonitionHeadingProps = CerberusPrimitiveProps<HTMLArkProps<'p'> & AdmonitionVariantProps>;
export { AdmonitionHeadingProps }
export { AdmonitionHeadingProps as AdmonitionHeadingProps_alias_1 }
export { AdmonitionHeadingProps as AdmonitionHeadingProps_alias_2 }
/**
* The `AdmonitionIndicator` component is the indicator for the Admonition.
*/
declare const AdmonitionIndicator: CerberusPrimitiveEl_2<AdmonitionIndicatorProps>;
export { AdmonitionIndicator }
export { AdmonitionIndicator as AdmonitionIndicator_alias_1 }
export { AdmonitionIndicator as AdmonitionIndicator_alias_2 }
declare type AdmonitionIndicatorProps = CerberusPrimitiveProps<HTMLArkProps<'span'>>;
export { AdmonitionIndicatorProps }
export { AdmonitionIndicatorProps as AdmonitionIndicatorProps_alias_1 }
export { AdmonitionIndicatorProps as AdmonitionIndicatorProps_alias_2 }
/**
* An Object containing the parts of the Accordion component. For users that
* prefer Object component syntax.
*
* @remarks
*
* When using object component syntax, you import the AdmonitionParts object and
* the entire family of components vs. only what you use.
*/
declare const AdmonitionParts: AdmonitionPartsValue;
export { AdmonitionParts }
export { AdmonitionParts as AdmonitionParts_alias_1 }
export { AdmonitionParts as AdmonitionParts_alias_2 }
/**
* This module contains the parts of the Admonition component.
* @module 'admonition/parts'
*/
declare interface AdmonitionPartsValue {
/**
* The context provider of the Admonition.
*/
Root: ElementType;
/**
* The indicator of the Admonition.
*/
Indicator: ElementType;
/**
* The content of the Admonition.
*/
Content: ElementType;
/**
* The heading of the Admonition.
*/
Heading: ElementType;
/**
* The description of the Admonition.
*/
Description: ElementType;
}
/**
* This module provides an abstraction for the Admonition component.
* @module 'admonition/admonition'
*/
declare interface AdmonitionProps extends AdmonitionRootProps {
/**
* The heading title for the Admonition.
*/
heading?: string;
/**
* One off replacement for the icon.
*/
icon?: ReactNode;
}
export { AdmonitionProps }
export { AdmonitionProps as AdmonitionProps_alias_1 }
export { AdmonitionProps as AdmonitionProps_alias_2 }
/**
* The `AdmonitionRoot` component is the container for the Admonition.
*/
declare const AdmonitionRoot: {
(internalProps: WithCss_2 & Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & PolymorphicProps & AdmonitionVariantProps & {
children?: ReactNode | undefined;
}): JSX.Element;
displayName: string;
};
export { AdmonitionRoot }
export { AdmonitionRoot as AdmonitionRoot_alias_1 }
export { AdmonitionRoot as AdmonitionRoot_alias_2 }
declare type AdmonitionRootProps = CerberusPrimitiveProps<HTMLArkProps<'aside'> & AdmonitionVariantProps>;
export { AdmonitionRootProps }
export { AdmonitionRootProps as AdmonitionRootProps_alias_1 }
export { AdmonitionRootProps as AdmonitionRootProps_alias_2 }
declare interface AdmonitionVariant {
/**
* @default "page"
*/
palette: "page" | "info" | "success" | "warning" | "danger"
/**
* @default "filled"
*/
usage: "filled" | "outlined"
}
declare type AdmonitionVariantProps = {
[key in keyof AdmonitionVariant]?: AdmonitionVariant[key] | undefined
}
declare type AdvancedPseudos =
| ":-moz-any()"
| ":-moz-dir"
| ":-webkit-any()"
| "::cue"
| "::cue-region"
| "::part"
| "::slotted"
| "::view-transition-group"
| "::view-transition-image-pair"
| "::view-transition-new"
| "::view-transition-old"
| ":dir"
| ":has"
| ":host"
| ":host-context"
| ":is"
| ":lang"
| ":matches()"
| ":not"
| ":nth-child"
| ":nth-last-child"
| ":nth-last-of-type"
| ":nth-of-type"
| ":where";
export declare function AnimatingUploadIcon(props: AnimatingUploadIconProps): JSX.Element;
/**
* This module contains an animating icon to use for the FileStatus component.
* @module
*/
export declare interface AnimatingUploadIconProps {
size?: 16 | 20 | 24 | 32;
}
declare type AnimationToken = "spin" | "ping" | "pulse" | "bounce"
export { Announcements }
declare type AnySelector = `${string}&` | `&${string}` | `@${AtRuleType}${string}`
declare type AnyString = (string & {})
export { applyModifiers }
declare type AriaAttributes =
| '[aria-disabled]'
| '[aria-hidden]'
| '[aria-invalid]'
| '[aria-readonly]'
| '[aria-required]'
| '[aria-selected]'
| '[aria-checked]'
| '[aria-expanded]'
| '[aria-pressed]'
| `[aria-current=${'page' | 'step' | 'location' | 'date' | 'time'}]`
| '[aria-invalid]'
| `[aria-sort=${'ascending' | 'descending'}]`
declare type ArkPropsWithRef<T extends keyof typeof ark> = {
[K in keyof (typeof ark)[T]]: K extends 'asChild' ? never : (typeof ark)[T][K];
} & {
asChild?: boolean;
};
export { ArkPropsWithRef }
export { ArkPropsWithRef as ArkPropsWithRef_alias_1 }
export { ArkPropsWithRef as ArkPropsWithRef_alias_2 }
declare type AspectRatioToken = "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden"
declare type Assign<T, U> = {
[K in keyof T]: K extends keyof U ? U[K] : T[K]
} & U
declare type AtRuleType = 'media' | 'layer' | 'container' | 'supports' | 'page' | 'scope' | 'starting-style'
declare type AttributeSelector = `&${Pseudos | DataAttributes | AriaAttributes}`
export { AutoScrollActivator }
export { AutoScrollOptions }
/**
* Avatar component is an abstraction of the primitives that displays a
* avatar or it's fallback when the image fails to load.
* @description [Cerberus Docs](https://cerberus.digitalu.design/react/avatar/overview)
* @description [Ark Docs](https://ark-ui.com/react/docs/components/avatar#api-reference)
*/
declare function Avatar(props: AvatarWithoutImage | AvatarWithImage): JSX.Element;
export { Avatar }
export { Avatar as Avatar_alias_1 }
export { Avatar as Avatar_alias_2 }
/**
* The fallback component of the Avatar.
*/
declare const AvatarFallback: {
(internalProps: Avatar_2.FallbackProps & {
children?: ReactNode | undefined;
} & WithCss_2): JSX.Element;
displayName: string;
};
export { AvatarFallback }
export { AvatarFallback as AvatarFallback_alias_1 }
export { AvatarFallback as AvatarFallback_alias_2 }
declare type AvatarFallbackProps = CerberusPrimitiveProps<AvatarFallbackProps_2>;
export { AvatarFallbackProps }
export { AvatarFallbackProps as AvatarFallbackProps_alias_1 }
export { AvatarFallbackProps as AvatarFallbackProps_alias_2 }
/**
* The image component of the Avatar.
*/
declare const AvatarImage: {
(internalProps: Avatar_2.ImageProps & {
children?: ReactNode | undefined;
} & WithCss_2): JSX.Element;
displayName: string;
};
export { AvatarImage }
export { AvatarImage as AvatarImage_alias_1 }
export { AvatarImage as AvatarImage_alias_2 }
declare type AvatarImageProps = CerberusPrimitiveProps<AvatarImageProps_2>;
export { AvatarImageProps }
export { AvatarImageProps as AvatarImageProps_alias_1 }
export { AvatarImageProps as AvatarImageProps_alias_2 }
/**
* An Object containing the parts of the Accordion component. For users that
* prefer Object component syntax.
*
* @remarks
*
* When using object component syntax, you import the AvatarParts object and
* the entire family of components vs. only what you use.
*/
declare const AvatarParts: AvatarPartsValue;
export { AvatarParts }
export { AvatarParts as AvatarParts_alias_1 }
export { AvatarParts as AvatarParts_alias_2 }
/**
* This module contains the parts of the Avatar component.
* @module 'avatar/parts'
*/
declare interface AvatarPartsValue {
/**
* The context provider of the Avatar.
*/
Root: ElementType;
/**
* The image of the Avatar.
*/
Image: ElementType;
/**
* The fallback content to display when the image fails to load.
*/
Fallback: ElementType;
}
/**
* The root component of the Avatar.
*/
declare const AvatarRoot: {
(internalProps: WithCss_2 & Avatar_2.RootProps & AvatarVariantProps & {
children?: ReactNode | undefined;
}): JSX.Element;
displayName: string;
};
export { AvatarRoot }
export { AvatarRoot as AvatarRoot_alias_1 }
export { AvatarRoot as AvatarRoot_alias_2 }
declare type AvatarRootProps = CerberusPrimitiveProps<AvatarRootProps_2 & AvatarVariantProps>;
export { AvatarRootProps }
export { AvatarRootProps as AvatarRootProps_alias_1 }
export { AvatarRootProps as AvatarRootProps_alias_2 }
declare interface AvatarVariant {
/**
* @default "none"
*/
gradient: "charon-light" | "charon-dark" | "nyx-light" | "nyx-dark" | "amphiaraus-light" | "amphiaraus-dark" | "styx-light" | "styx-dark" | "thanatos-light" | "thanatos-dark" | "hades-light" | "hades-dark" | "asphodel-light" | "asphodel-dark" | "none"
/**
* @default "md"
*/
size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl"
/**
* @default "circle"
*/
shape: "circle" | "square"
}
declare type AvatarVariantProps = {
[key in keyof AvatarVariant]?: ConditionalValue<AvatarVariant[key]> | undefined
}
declare interface AvatarWithImage extends AvatarRootProps, AvatarVariantProps {
alt: string;
src: string;
fallback?: ReactNode;
}
export { AvatarWithImage }
export { AvatarWithImage as AvatarWithImage_alias_1 }
export { AvatarWithImage as AvatarWithImage_alias_2 }
/**
* This module provides an abstraction of the Avatar primitives.
* @module 'avatar'
*/
declare interface AvatarWithoutImage extends AvatarRootProps {
alt?: never;
src?: never;
fallback?: ReactNode;
}
export { AvatarWithoutImage }
export { AvatarWithoutImage as AvatarWithoutImage_alias_1 }
export { AvatarWithoutImage as AvatarWithoutImage_alias_2 }
/**
* This module provides a context and hook for the confirm modal.
* @module
*/
declare interface BaseConfirmOptions {
/**
* The heading of the confirm modal.
*/
heading: string;
/**
* The text for the action button.
*/
actionText: string;
/**
* The text for the cancel button.
*/
cancelText: string;
}
export { BaseConfirmOptions }
export { BaseConfirmOptions as BaseConfirmOptions_alias_1 }
/**
* This module exports the NotificationDescription component.
* @module
*/
export declare type BaseNotificationDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
/**
* This module exports the NotificationHeading component.
* @module
*/
export declare type BaseNotificationHeadingProps = HTMLAttributes<HTMLParagraphElement>;
declare type BlurToken = "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl"
declare type BorderToken = "none"
declare type BreakpointToken = "sm" | "md" | "lg" | "xl" | "2xl"
/**
* A component that allows the user to perform actions
* @see https://cerberus.digitalu.design/react/button
*/
declare function Button(props: ButtonProps): JSX.Element;
export { Button }
export { Button as Button_alias_1 }
export { Button as Button_alias_2 }
/**
* An icon to display in a button that utilizes the pending state to display
* a loading spinner.
*/
declare function ButtonIcon(props: PropsWithChildren<object>): JSX.Element;
export { ButtonIcon }
export { ButtonIcon as ButtonIcon_alias_1 }
export { ButtonIcon as ButtonIcon_alias_2 }
/**
* An Object containing the parts of the Button component. For users that
* prefer Object component syntax.
*
* @remarks
*
* When using object component syntax, you import the ButtonParts object and
* the entire family of components vs. only what you use.
*/
declare const ButtonParts: ButtonPartsValue;
export { ButtonParts }
export { ButtonParts as ButtonParts_alias_1 }
export { ButtonParts as ButtonParts_alias_2 }
/**
* This module contains the parts of the Button component.
* @module 'button/parts'
*/
declare interface ButtonPartsValue {
/**
* The context provider of the button.
*/
Root: ElementType;
/**
* The icon of the button.
*/
Icon: ElementType;
}
declare type ButtonProps = CerberusPrimitiveProps<HTMLArkProps<'button'> & ButtonVariantProps & {
pending?: boolean;
}>;
export { ButtonProps }
export { ButtonProps as ButtonProps_alias_1 }
export { ButtonProps as ButtonProps_alias_2 }
/**
* The root element of the Button component.
*/
export declare const ButtonRoot: CerberusPrimitiveEl_2<ClassAttributes<HTMLButtonElement> & ButtonHTMLAttributes<HTMLButtonElement> & PolymorphicProps & Record<string, unknown>>;
declare interface ButtonVariant {
/**
* @default "action"
*/
palette: "action" | "secondaryAction" | "info" | "success" | "warning" | "danger"
/**
* @default "filled"
*/
usage: "ghost" | "outlined" | "filled"
/**
* @default "sharp"
*/
shape: "sharp" | "rounded"
/**
* @default "md"
*/
size: "sm" | "md"
}
declare type ButtonVariantProps = {
[key in keyof ButtonVariant]?: ButtonVariant[key] | undefined
}
export { CalendarDate }
export { CalendarDate as CalendarDate_alias_1 }
export { CancelDrop }
declare const Caption: {
(internalProps: WithCss_2 & Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & PolymorphicProps & {
children?: ReactNode | undefined;
}): JSX.Element;
displayName: string;
};
export { Caption }
export { Caption as Caption_alias_1 }
export { Caption as Caption_alias_2 }
declare type CaptionProps = CerberusPrimitiveProps<HTMLArkProps<'caption'>>;
export { CaptionProps }
export { CaptionProps as CaptionProps_alias_1 }
export { CaptionProps as CaptionProps_alias_2 }
declare const Carousel: {
Root: typeof CarouselEl;
ItemGroup: ElementType;
Item: ElementType;
Control: ElementType;
PrevTrigger: ElementType;
NextTrigger: ElementType;
};
export { Carousel }
export { Carousel as Carousel_alias_1 }
export { Carousel as Carousel_alias_2 }
declare const CarouselControl: {
(internalProps: Carousel_2.ControlProps & RefAttributes<HTMLDivElement> & {
children?: ReactNode | undefined;
} & WithCss_2): JSX.Element;
displayName: string;
};
export { CarouselControl }
export { CarouselControl as CarouselControl_alias_1 }
export { CarouselControl as CarouselControl_alias_2 }
declare type CarouselControlProps = CarouselVariantProps & CarouselControlProps_2;
export { CarouselControlProps }
export { CarouselControlProps as CarouselControlProps_alias_1 }
export { CarouselControlProps as CarouselControlProps_alias_2 }
/**
* The Carousel component is an abstraction of the carousel family of
* components. It provides a simple interface for creating carousels with
* various configurations.
*
* @remarks
* This component uses the `CarouselParts` object to provide the necessary
* parts. For customization, we recommend using the `CarouselParts` object
* directly in combination with the `css` prop.
*/
declare function CarouselEl(props: PropsWithChildren<CarouselProps>): JSX.Element;
declare const CarouselIndicator: {
(internalProps: Carousel_2.IndicatorProps & RefAttributes<HTMLButtonElement> & {
children?: ReactNode | undefined;
} & WithCss_2): JSX.Element;
displayName: string;
};
export { CarouselIndicator }
export { CarouselIndicator as CarouselIndicator_alias_1 }
export { CarouselIndicator as CarouselIndicator_alias_2 }
declare const CarouselIndicatorGroup: {
(internalProps: Carousel_2.IndicatorGroupProps & RefAttributes<HTMLDivElement> & {
children?: ReactNode | undefined;
} & WithCss_2): JSX.Element;
displayName: string;
};
export { CarouselIndicatorGroup }
export { CarouselIndicatorGroup as CarouselIndicatorGroup_alias_1 }
export { CarouselIndicatorGroup as CarouselIndicatorGroup_alias_2 }
declare type CarouselIndicatorGroupProps = CarouselVariantProps & CarouselIndicatorGroupProps_2;
export { CarouselIndicatorGroupProps }
export { CarouselIndicatorGroupProps as CarouselIndicatorGroupProps_alias_1 }
export { CarouselIndicatorGroupProps as CarouselIndicatorGroupProps_alias_2 }
declare type CarouselIndicatorProps = CarouselVariantProps & CarouselIndicatorProps_2;
export { CarouselIndicatorProps }
export { CarouselIndicatorProps as CarouselIndicatorProps_alias_1 }
export { CarouselIndicatorProps as CarouselIndicatorProps_alias_2 }
declare const CarouselItem: {
(internalProps: Carousel_2.ItemProps & RefAttributes<HTMLDivElement> & {
children?: ReactNode | undefined;
} & WithCss_2): JSX.Element;
displayName: string;
};
export { CarouselItem }
export { CarouselItem as CarouselItem_alias_1 }
export { CarouselItem as CarouselItem_alias_2 }
declare const CarouselItemGroup: {
(internalProps: Carousel_2.ItemGroupProps & RefAttributes<HTMLDivElement> & {
children?: ReactNode | undefined;
} & WithCss_2): JSX.Element;
displayName: string;
};
export { CarouselItemGroup }
export { CarouselItemGroup as CarouselItemGroup_alias_1 }
export { CarouselItemGroup as CarouselItemGroup_alias_2 }
declare type CarouselItemGroupProps = CarouselVariantProps & CarouselItemGroupProps_2;
export { CarouselItemGroupProps }
export { CarouselItemGroupProps as CarouselItemGroupProps_alias_1 }
export { CarouselItemGroupProps as CarouselItemGroupProps_alias_2 }
declare type CarouselItemProps = CarouselVariantProps & CarouselItemProps_2;
export { CarouselItemProps }
export { CarouselItemProps as CarouselItemProps_alias_1 }
export { CarouselItemProps as CarouselItemProps_alias_2 }
declare const CarouselNextTrigger: {
(internalProps: Carousel_2.NextTriggerProps & RefAttributes<HTMLButtonElement> & {
children?: ReactNode | undefined;
} & WithCss_2): JSX.Element;
displayName: string;
};
export { CarouselNextTrigger }
export { CarouselNextTrigger as CarouselNextTrigger_alias_1 }
export { CarouselNextTrigger as CarouselNextTrigger_alias_2 }
declare type CarouselNextTriggerProps = CarouselVariantProps & CarouselNextTriggerProps_2;
export { CarouselNextTriggerProps }
export { CarouselNextTriggerProps as CarouselNextTriggerProps_alias_1 }
export { CarouselNextTriggerProps as CarouselNextTriggerProps_alias_2 }
/**
* An Object containing the parts of the Button component. For users that
* prefer Object component syntax.
*
* @remarks
*
* When using object component syntax, you import the CarouselParts object and
* the entire family of components vs. only what you use.
*/
declare const CarouselParts: CarouselPartsValue;
export { CarouselParts }
export { CarouselParts as CarouselParts_alias_1 }
export { CarouselParts as CarouselParts_alias_2 }
/**
* This module contains the parts of the Carousel component.
* @module 'carousel/parts'
*/
declare interface CarouselPartsValue {
/**
* The context provider of the carousel.
*/
Root: ElementType;
/**
* The control of the carousel.
*/
Control: ElementType;
/**
* The previous trigger of the carousel.
*/
PrevTrigger: ElementType;
/**
* The next trigger of the carousel.
*/
NextTrigger: ElementType;
/**
* The indicator group of