@cerberus-design/react 0.13.2 → 0.14.0-next-01a1b5e

package/build/legacy/_tsup-dts-rollup.d.cts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-
+import { Accordion as Accordion_2 } from '@ark-ui/react';
+import { AccordionVariantProps } from '@cerberus/styled-system/recipes';
 import { Activator } from '@dnd-kit/core';
 import { Activators } from '@dnd-kit/core';
 import { Active } from '@dnd-kit/core';
@@ -10,6 +10,7 @@ import { applyModifiers } from '@dnd-kit/core';
 import { AutoScrollActivator } from '@dnd-kit/core';
 import { AutoScrollOptions } from '@dnd-kit/core';
 import { AvatarVariantProps } from '@cerberus/styled-system/recipes';
+import { BoxProps } from '@cerberus-design/styled-system/jsx';
 import { ButtonHTMLAttributes } from 'react';
 import { ButtonVariantProps } from '@cerberus/styled-system/recipes';
 import { CancelDrop } from '@dnd-kit/core';
@@ -26,6 +27,18 @@ import { CollisionDetection } from '@dnd-kit/core';
 import { Context } from 'react';
 import { Data } from '@dnd-kit/core';
 import { DataRef } from '@dnd-kit/core';
+import { DatePicker as DatePicker_2 } from '@ark-ui/react';
+import { DatePickerContentProps } from '@ark-ui/react';
+import { DatePickerInputProps } from '@ark-ui/react';
+import { DatePickerLabelProps } from '@ark-ui/react';
+import { DatePickerRootProps } from '@ark-ui/react';
+import { DatePickerTableCellProps } from '@ark-ui/react';
+import { DatePickerTableCellTriggerProps } from '@ark-ui/react';
+import { DatePickerTableHeaderProps } from '@ark-ui/react';
+import { DatePickerTableProps } from '@ark-ui/react';
+import { DatePickerTriggerProps } from '@ark-ui/react';
+import { DatePickerViewControlProps } from '@ark-ui/react';
+import { DatePickerViewProps } from '@ark-ui/react';
 import { defaultAnnouncements } from '@dnd-kit/core';
 import { defaultCoordinates } from '@dnd-kit/core';
 import { defaultDropAnimation } from '@dnd-kit/core';
@@ -86,10 +99,9 @@ import { Menu as Menu_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 { MouseEventHandler } from 'react';
 import { MouseSensor } from '@dnd-kit/core';
 import { MouseSensorOptions } from '@dnd-kit/core';
-import { MutableRefObject } from 'react';
 import { NotificationVariantProps } from '@cerberus/styled-system/recipes';
 import type { OptionHTMLAttributes } from 'react';
 import { Over } from '@dnd-kit/core';
@@ -123,6 +135,7 @@ import { SensorResponse } from '@dnd-kit/core';
 import { Sensors } from '@dnd-kit/core';
 import type { SVGProps } from 'react';
 import type { TableHTMLAttributes } from 'react';
+import { Tabs as Tabs_2 } from '@ark-ui/react/tabs';
 import { TabsVariantProps } from '@cerberus/styled-system/recipes';
 import { TagVariantProps } from '@cerberus/styled-system/recipes';
 import { TbodyVariantProps } from '@cerberus/styled-system/recipes';
@@ -150,6 +163,162 @@ declare let $cerberusIcons: Required<DefinedIcons>;
 export { $cerberusIcons }
 export { $cerberusIcons as $cerberusIcons_alias_1 }
 
+/**
+ * The context provider for the Accordion family.
+ * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)
+ * @example
+ * ```tsx
+ * <Accordion>
+ *  <AccordionItemGroup heading="Item 1 heading" value="one">
+ *     This is the content
+ *  </AccordionItemGroup>
+ * </Accordion>
+ * ```
+ */
+declare function Accordion(props: AccordionProps): JSX_2.Element;
+export { Accordion }
+export { Accordion as Accordion_alias_1 }
+
+/**
+ * The item for the Accordion component.
+ * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)
+ * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)
+ * @example
+ * ```tsx
+ * <Accordion>
+ *   <AccordionItem value="one">
+ *     <AccordionTrigger>
+ *        Accordion Item 1
+ *     <AccordionIndicator />
+ *     </AccordionTrigger>
+ *     <AccordionContent>Accordion Item 1 content</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ */
+declare function AccordionItem(props: AccordionItemProps): JSX_2.Element;
+export { AccordionItem }
+export { AccordionItem as AccordionItem_alias_1 }
+
+/**
+ * The content for the Accordion component.
+ * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)
+ * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)
+ * @example
+ * ```tsx
+ * <Accordion>
+ *   <AccordionItem value="one">
+ *     <AccordionTrigger>
+ *        Accordion Item 1
+ *     <AccordionIndicator />
+ *     </AccordionTrigger>
+ *     <AccordionContent>Accordion Item 1 content</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ * */
+declare function AccordionItemContent(props: AccordionItemContentProps): JSX_2.Element;
+export { AccordionItemContent }
+export { AccordionItemContent as AccordionItemContent_alias_1 }
+
+declare type AccordionItemContentProps = Accordion_2.ItemContentProps & AccordionVariantProps;
+export { AccordionItemContentProps }
+export { AccordionItemContentProps as AccordionItemContentProps_alias_1 }
+
+/**
+ * A grouped item for the Accordion component.
+ * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)
+ * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)
+ * @example
+ * ```tsx
+ * <Accordion>
+ *   <AccordionItemGroup heading="Accordion Item 1" value="one">
+ *     Accordion Item 1 content
+ *   </AccordionItemGroup>
+ * </Accordion>
+ * ```
+ */
+declare function AccordionItemGroup(props: PropsWithChildren<AccordionItemGroupProps>): JSX_2.Element;
+export { AccordionItemGroup }
+export { AccordionItemGroup as AccordionItemGroup_alias_1 }
+
+/**
+ * This module contains an abstraction of the AccordionItem components.
+ * @module
+ */
+declare interface AccordionItemGroupBaseProps extends Accordion_2.ItemProps {
+    /**
+     * The heading of the accordion item to open and close the content.
+     */
+    heading: string;
+    /**
+     * The position of the arrow indicator.
+     */
+    indicatorPosition?: 'start' | 'end';
+}
+export { AccordionItemGroupBaseProps }
+export { AccordionItemGroupBaseProps as AccordionItemGroupBaseProps_alias_1 }
+
+declare type AccordionItemGroupProps = AccordionItemGroupBaseProps & AccordionVariantProps;
+export { AccordionItemGroupProps }
+export { AccordionItemGroupProps as AccordionItemGroupProps_alias_1 }
+
+/**
+ * The indicator for the Accordion component.
+ * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)
+ * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)
+ * @example
+ * ```tsx
+ * <Accordion>
+ *   <AccordionItem value="one">
+ *     <AccordionTrigger>
+ *        Accordion Item 1
+ *     <AccordionIndicator />
+ *     </AccordionTrigger>
+ *     <AccordionContent>Accordion Item 1 content</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ * */
+declare function AccordionItemIndicator(props: AccordionItemIndicatorProps): JSX_2.Element;
+export { AccordionItemIndicator }
+export { AccordionItemIndicator as AccordionItemIndicator_alias_1 }
+
+declare type AccordionItemIndicatorProps = Accordion_2.ItemIndicatorProps & AccordionVariantProps;
+export { AccordionItemIndicatorProps }
+export { AccordionItemIndicatorProps as AccordionItemIndicatorProps_alias_1 }
+
+declare type AccordionItemProps = Accordion_2.ItemProps & AccordionVariantProps;
+
+/**
+ * The trigger for the Accordion component.
+ * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)
+ * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)
+ * @example
+ * ```tsx
+ * <Accordion>
+ *   <AccordionItem value="one">
+ *     <AccordionTrigger>
+ *        Accordion Item 1
+ *     <AccordionIndicator />
+ *     </AccordionTrigger>
+ *     <AccordionContent>Accordion Item 1 content</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ */
+declare function AccordionItemTrigger(props: AccordionItemTriggerProps): JSX_2.Element;
+export { AccordionItemTrigger }
+export { AccordionItemTrigger as AccordionItemTrigger_alias_1 }
+
+declare type AccordionItemTriggerProps = Accordion_2.ItemTriggerProps & AccordionVariantProps;
+export { AccordionItemTriggerProps }
+export { AccordionItemTriggerProps as AccordionItemTriggerProps_alias_1 }
+
+declare type AccordionProps = Accordion_2.RootProps & AccordionVariantProps;
+export { AccordionProps }
+export { AccordionProps as AccordionProps_alias_1 }
+
 export { Activator }
 
 export { Activators }
@@ -324,8 +493,7 @@ export { BaseConfirmOptions as BaseConfirmOptions_alias_1 }
  * This module exports the NotificationDescription component.
  * @module
  */
-declare interface BaseNotificationDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
-}
+declare type BaseNotificationDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
 export { BaseNotificationDescriptionProps }
 export { BaseNotificationDescriptionProps as BaseNotificationDescriptionProps_alias_1 }
 
@@ -333,8 +501,7 @@ export { BaseNotificationDescriptionProps as BaseNotificationDescriptionProps_al
  * This module exports the NotificationHeading component.
  * @module
  */
-declare interface BaseNotificationHeadingProps extends HTMLAttributes<HTMLParagraphElement> {
-}
+declare type BaseNotificationHeadingProps = HTMLAttributes<HTMLParagraphElement>;
 export { BaseNotificationHeadingProps }
 export { BaseNotificationHeadingProps as BaseNotificationHeadingProps_alias_1 }
 
@@ -376,8 +543,7 @@ export { Checkbox as Checkbox_alias_1 }
  * This module contains substitute icons for the Checkbox component.
  * @module
  */
-declare interface CheckboxIconProps extends SVGProps<SVGSVGElement> {
-}
+export declare type CheckboxIconProps = SVGProps<SVGSVGElement>;
 
 /**
  * This module contains the Checkbox component.
@@ -531,8 +697,7 @@ declare function ConfirmModal(props: PropsWithChildren<ConfirmModalProviderProps
 export { ConfirmModal }
 export { ConfirmModal as ConfirmModal_alias_1 }
 
-declare interface ConfirmModalProviderProps {
-}
+declare type ConfirmModalProviderProps = PropsWithChildren<unknown>;
 export { ConfirmModalProviderProps }
 export { ConfirmModalProviderProps as ConfirmModalProviderProps_alias_1 }
 
@@ -582,8 +747,7 @@ declare function CTAModal(props: PropsWithChildren<CTAModalProviderProps>): JSX_
 export { CTAModal }
 export { CTAModal as CTAModal_alias_1 }
 
-declare interface CTAModalProviderProps {
-}
+declare type CTAModalProviderProps = PropsWithChildren<unknown>;
 export { CTAModalProviderProps }
 export { CTAModalProviderProps as CTAModalProviderProps_alias_1 }
 
@@ -616,6 +780,261 @@ declare const DateFormats: {
 export { DateFormats }
 export { DateFormats as DateFormats_alias_1 }
 
+/**
+ * The main context provider for the DatePicker family components.
+ * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <Field>
+ *   <DatePicker name="start_date">
+ *     <DatePickerLabel>Start date</DatePickerLabel>
+ *     <DatePickerInput />
+ *     <DatePickerCalendar />
+ *   </DatePicker>
+ * </Field>
+ * ```
+ */
+declare function DatePicker(props: DatePickerRootProps): JSX_2.Element;
+export { DatePicker }
+export { DatePicker as DatePicker_alias_1 }
+
+/**
+ * An abstraction of the DatePicker content components that contain the
+ * different calendar views and controls.
+ * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <Field>
+ *   <DatePicker name="start_date">
+ *     <DatePickerLabel>Start date</DatePickerLabel>
+ *     <DatePickerInput />
+ *     <DatePickerCalendar />
+ *   </DatePicker>
+ * </Field>
+ * ```
+ */
+declare function DatePickerCalendar(): JSX_2.Element;
+export { DatePickerCalendar }
+export { DatePickerCalendar as DatePickerCalendar_alias_1 }
+
+/**
+ * The content component for the DatePicker which contains the calendar.
+ * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <Field>
+ *   <DatePicker name="start_date">
+ *     <DatePickerLabel>Start date</DatePickerLabel>
+ *     <DatePickerInput />
+ *     <DatePickerCalendar />
+ *   </DatePicker>
+ * </Field>
+ * ```
+ */
+declare function DatePickerContent(props: DatePickerContentProps): JSX_2.Element;
+export { DatePickerContent }
+export { DatePickerContent as DatePickerContent_alias_1 }
+
+/**
+ * The context component for the DatePicker which provides the DatePicker state.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <DatePickerContext />
+ * ```
+ */
+declare const DatePickerContext: (props: DatePicker_2.ContextProps) => ReactNode;
+export { DatePickerContext }
+export { DatePickerContext as DatePickerContext_alias_1 }
+
+/**
+ * The day view component for the DatePicker.
+ * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <Field>
+ *   <DatePicker name="start_date">
+ *     <DatePickerLabel>Start date</DatePickerLabel>
+ *     <DatePickerInput />
+ *     <DatePickerCalendar />
+ *   </DatePicker>
+ * </Field>
+ * ```
+ */
+declare function DatePickerDayView(props: Omit<DatePickerViewProps, 'view'>): JSX_2.Element;
+export { DatePickerDayView }
+export { DatePickerDayView as DatePickerDayView_alias_1 }
+
+/**
+ * The input component for the DatePicker.
+ * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <Field>
+ *   <DatePicker name="start_date">
+ *     <DatePickerLabel>Start date</DatePickerLabel>
+ *     <DatePickerInput />
+ *     <DatePickerCalendar />
+ *   </DatePicker>
+ * </Field>
+ * ```
+ */
+declare function DatePickerInput(props: DatePickerInputProps): JSX_2.Element;
+export { DatePickerInput }
+export { DatePickerInput as DatePickerInput_alias_1 }
+
+/**
+ * The label component for the DatePicker.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <DatePickerLabel>
+ *   <DatePickerLabel.Label>...</DatePickerLabel.Label>
+ * </DatePickerLabel>
+ * ```
+ */
+declare function DatePickerLabel(props: DatePickerLabelProps): JSX_2.Element;
+export { DatePickerLabel }
+export { DatePickerLabel as DatePickerLabel_alias_1 }
+
+/**
+ * The month view component for the DatePicker.
+ * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <Field>
+ *   <DatePicker name="start_date">
+ *     <DatePickerLabel>Start date</DatePickerLabel>
+ *     <DatePickerInput />
+ *     <DatePickerCalendar />
+ *   </DatePicker>
+ * </Field>
+ * ```
+ */
+declare function DatePickerMonthView(props: Omit<DatePickerViewProps, 'view'>): JSX_2.Element;
+export { DatePickerMonthView }
+export { DatePickerMonthView as DatePickerMonthView_alias_1 }
+
+/**
+ * The table component for the DatePicker.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <DatePickerTable />
+ * ```
+ */
+declare function DatePickerTable(props: DatePickerTableProps): JSX_2.Element;
+export { DatePickerTable }
+export { DatePickerTable as DatePickerTable_alias_1 }
+
+/**
+ * The cell component for the DatePicker table.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <DatePickerTableCell />
+ * ```
+ */
+declare function DatePickerTableCell(props: DatePickerTableCellProps): JSX_2.Element;
+export { DatePickerTableCell }
+export { DatePickerTableCell as DatePickerTableCell_alias_1 }
+
+/**
+ * The cell component for the DatePicker table.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <DatePickerTableCell />
+ * ```
+ */
+declare function DatePickerTableCellTrigger(props: DatePickerTableCellTriggerProps): JSX_2.Element;
+export { DatePickerTableCellTrigger }
+export { DatePickerTableCellTrigger as DatePickerTableCellTrigger_alias_1 }
+
+/**
+ * The header component for the DatePicker table.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <DatePickerTableHeader />
+ * ```
+ */
+declare function DatePickerTableHeader(props: DatePickerTableHeaderProps): JSX_2.Element;
+export { DatePickerTableHeader }
+export { DatePickerTableHeader as DatePickerTableHeader_alias_1 }
+
+/**
+ * The trigger component for the DatePicker which opens the calendar.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <DatePickerTrigger />
+ * ```
+ */
+declare function DatePickerTrigger(props: DatePickerTriggerProps): JSX_2.Element;
+export { DatePickerTrigger }
+export { DatePickerTrigger as DatePickerTrigger_alias_1 }
+
+/**
+ * The view container which wraps the control and content components.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <DatePickerView />
+ * ```
+ */
+declare const DatePickerView: ForwardRefExoticComponent<DatePicker_2.ViewProps & RefAttributes<HTMLDivElement>>;
+export { DatePickerView }
+export { DatePickerView as DatePickerView_alias_1 }
+
+/**
+ * The control component for the DatePicker which wraps the triggers to switch
+ * between calendar views.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <DatePickerViewControl>
+ *   <PrevTrigger />
+ *   <ViewTrigger />
+ *   <NextTrigger />
+ * </DatePickerViewControl>
+ * ```
+ */
+declare function DatePickerViewControl(props: DatePickerViewControlProps): JSX_2.Element;
+export { DatePickerViewControl }
+export { DatePickerViewControl as DatePickerViewControl_alias_1 }
+
+/**
+ * An abstraction of the DatePicker control that contains the prev, view, and
+ * next triggers which control the calendar output.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <DatePickerViewControlGroup />
+ * ```
+ */
+declare function DatePickerViewControlGroup(props: DatePickerViewControlProps): JSX_2.Element;
+export { DatePickerViewControlGroup }
+export { DatePickerViewControlGroup as DatePickerViewControlGroup_alias_1 }
+
+/**
+ * The year view component for the DatePicker.
+ * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <Field>
+ *   <DatePicker name="start_date">
+ *     <DatePickerLabel>Start date</DatePickerLabel>
+ *     <DatePickerInput />
+ *     <DatePickerCalendar />
+ *   </DatePicker>
+ * </Field>
+ * ```
+ */
+declare function DatePickerYearView(props: Omit<DatePickerViewProps, 'view'>): JSX_2.Element;
+export { DatePickerYearView }
+export { DatePickerYearView as DatePickerYearView_alias_1 }
+
 export { defaultAnnouncements }
 
 export { defaultCoordinates }
@@ -638,6 +1057,9 @@ export { DefaultThemes as DefaultThemes_alias_1 }
 
 export declare interface DefinedIcons {
     avatar?: IconType;
+    calendar?: IconType;
+    calendarPrev?: IconType;
+    calendarNext?: IconType;
     checkbox?: IconType;
     close?: IconType;
     confirmModal?: IconType;
@@ -1065,6 +1487,15 @@ declare interface FileUploaderProps extends InputHTMLAttributes<HTMLInputElement
 export { FileUploaderProps }
 export { FileUploaderProps as FileUploaderProps_alias_1 }
 
+/**
+ * Formats a date string to US Military format.
+ * @param date The date string to format (i.e., '2024-01-01')
+ * @returns The formatted date string in US Military format (DD MMM YYYY)
+ */
+declare function formatISOToMilitary(date: string): string;
+export { formatISOToMilitary }
+export { formatISOToMilitary as formatISOToMilitary_alias_1 }
+
 /**
  * Converts a string to US Military format. Used within the `useDate` hook.
  * @param input The string to format
@@ -1105,6 +1536,17 @@ export { getClientRect }
 
 export { getFirstCollision }
 
+/**
+ * A utility function to get a value from local storage.
+ * @param key The key to get from local storage.
+ * @param defaultValue The fallback value if the key is not found.
+ * @returns key or defaultValue
+ */
+declare function getLocalStorage<T extends string>(key: string, defaultValue: T): T;
+export { getLocalStorage }
+export { getLocalStorage as getLocalStorage_alias_1 }
+export { getLocalStorage as getLocalStorage_alias_2 }
+
 /**
  * @deprecated use the {@link Menu} family instead
  */
@@ -1137,6 +1579,14 @@ declare interface GetPositionResult {
 
 export { getScrollableAncestors }
 
+/**
+ * This module exports a component for rendering text utilizing the styled-system JSX utility.
+ * @module @cerberus-design/react/Text
+ */
+declare type Headings = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export { Headings }
+export { Headings as Headings_alias_1 }
+
 /**
  * A component that allows the user to perform actions using an icon
  * @see https://cerberus.digitalu.design/react/icon-button
@@ -1169,8 +1619,7 @@ export declare type IconType = CarbonIconType | ElementType;
  */
 export declare function IndeterminateIcon(props: IndeterminateIconProps): JSX_2.Element;
 
-declare interface IndeterminateIconProps extends SVGProps<SVGSVGElement> {
-}
+export declare type IndeterminateIconProps = SVGProps<SVGSVGElement>;
 
 declare type IndeterminateProgressBarProps = {
     /**
@@ -1831,8 +2280,7 @@ declare type NotificationProps = NotificationBaseProps & NotificationVariantProp
 export { NotificationProps }
 export { NotificationProps as NotificationProps_alias_1 }
 
-declare interface NotificationsProviderProps extends PortalProps {
-}
+declare type NotificationsProviderProps = PortalProps;
 export { NotificationsProviderProps }
 export { NotificationsProviderProps as NotificationsProviderProps_alias_1 }
 
@@ -1969,8 +2417,7 @@ export { ProgressBar as ProgressBar_alias_1 }
  * This module contains the ProgressBar component.
  * @module
  */
-declare interface ProgressBarBaseProps extends HTMLAttributes<HTMLDivElement> {
-}
+declare type ProgressBarBaseProps = HTMLAttributes<HTMLDivElement>;
 export { ProgressBarBaseProps }
 export { ProgressBarBaseProps as ProgressBarBaseProps_alias_1 }
 
@@ -2009,8 +2456,7 @@ declare function PromptModal(props: PropsWithChildren<PromptModalProviderProps>)
 export { PromptModal }
 export { PromptModal as PromptModal_alias_1 }
 
-declare interface PromptModalProviderProps {
-}
+declare type PromptModalProviderProps = PropsWithChildren<unknown>;
 export { PromptModalProviderProps }
 export { PromptModalProviderProps as PromptModalProviderProps_alias_1 }
 
@@ -2085,6 +2531,24 @@ declare type RadioRecipe = RecipeVariantProps<typeof radio>;
 export { RadioRecipe }
 export { RadioRecipe as RadioRecipe_alias_1 }
 
+/**
+ * The input component for the DatePicker that uses ranges.
+ * @definition [Date Picker docs](https://cerberus.digitalu.design/react/date-picker)
+ * @example
+ * ```tsx
+ * <Field>
+ *   <DatePicker name="start_date" selection="range">
+ *     <DatePickerLabel>Start date</DatePickerLabel>
+ *     <RangePickerInput />
+ *     <DatePickerCalendar />
+ *   </DatePicker>
+ * </Field>
+ * ```
+ */
+declare function RangePickerInput(props: DatePickerInputProps): JSX_2.Element;
+export { RangePickerInput }
+export { RangePickerInput as RangePickerInput_alias_1 }
+
 export { rectIntersection }
 
 /**
@@ -2161,6 +2625,16 @@ export { SensorResponse }
 
 export { Sensors }
 
+/**
+ * A utility function to set a value in local storage.
+ * @param key The key to set in local storage.
+ * @param value The value to set in local storage.
+ */
+declare function setLocalStorage<T>(key: string, value: T): void;
+export { setLocalStorage }
+export { setLocalStorage as setLocalStorage_alias_1 }
+export { setLocalStorage as setLocalStorage_alias_2 }
+
 /**
  * This module contains the Avatar component.
  * @module
@@ -2222,7 +2696,7 @@ declare interface ShowCTAModalOptions {
      */
     actions: {
         text: string;
-        onClick: Required<ButtonHTMLAttributes<HTMLButtonElement>['onClick']>;
+        onClick: MouseEventHandler<HTMLButtonElement>;
     }[];
 }
 export { ShowCTAModalOptions }
@@ -2329,24 +2803,40 @@ export { StaticTagProps }
 export { StaticTagProps as StaticTagProps_alias_1 }
 
 /**
- * The Tab component provides a tab element to be used in a TabList.
- * @definition [ARIA Target Size](https://www.w3.org/WAI/WCAG21/Understanding/target-size.html#:~:text=Understanding%20SC%202.5.,%3ATarget%20Size%20(Level%20AAA)&text=The%20size%20of%20the%20target,Equivalent)
- * @see https://cerberus.digitalu.design/react/tabs
- * @memberof module:Tabs
+ * The trigger for the Tabs group.
+ * @definition [Tabs docs](https://cerberus.digitalu.design/react/tabs)
  * @example
  * ```tsx
  * <Tabs>
- *  <TabList description="Profile settings">
- *   <Tab value="overview">Overview</Tab>
+ *   <TabList description="Profile settings">
+ *     <Tab value="overview">Overview</Tab>
  *  </TabList>
  *  <TabPanel tab="overview">...</TabPanel>
  * </Tabs>
  * ```
  */
-declare function Tab(props: TabProps): JSX_2.Element;
+declare function Tab(props: Tabs_2.TriggerProps): JSX_2.Element;
 export { Tab }
 export { Tab as Tab_alias_1 }
 
+/**
+ * The indicator for the Tabs group which shows the active tab.
+ * @definition [Tabs docs](https://cerberus.digitalu.design/react/tabs)
+ * @example
+ * ```tsx
+ * <Tabs>
+ *   <TabList description="Profile settings">
+ *     <Tab value="overview">Overview</Tab>
+ *     <TabsIndicator />
+ *  </TabList>
+ *  <TabPanel tab="overview">...</TabPanel>
+ * </Tabs>
+ * ```
+ */
+declare function TabIndicator(props: Tabs_2.IndicatorProps): JSX_2.Element;
+export { TabIndicator }
+export { TabIndicator as TabIndicator_alias_1 }
+
 /**
  * An accessible table component.
  * @definition [ARIA Table pattern](https://www.w3.org/WAI/ARIA/apg/patterns/table/)
@@ -2376,95 +2866,45 @@ export { TableProps }
 export { TableProps as TableProps_alias_1 }
 
 /**
- * The TabList component provides a container for tab elements.
- * @see https://cerberus.digitalu.design/react/tabs
- * @memberof module:Tabs
- * @example
- * ```tsx
- * <TabList description="Button details">
- *  <Tab id="overview">Overview</Tab>
- *  <Tab id="guidelines">Guidelines</Tab>
- * </TabList>
- * ```
+ * @deprecated Use `TabsList` instead.
  */
-declare function TabList(props: PropsWithChildren<TabListProps>): JSX_2.Element;
+declare const TabList: typeof TabsList;
 export { TabList }
 export { TabList as TabList_alias_1 }
 
 /**
- * This module provides a TabList component.
- * @module
- */
-declare interface TabListProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * A description of what the tab list contains. Required for accessibility.
-     */
-    description: string;
-}
-export { TabListProps }
-export { TabListProps as TabListProps_alias_1 }
-
-/**
- * The TabPanel component provides a panel element to be used in a Tabs
- * provider.
- * @see https://cerberus.digitalu.design/react/tabs
- * @memberof module:Tabs
+ * The content for the Tabs group.
+ * @definition [Tabs docs](https://cerberus.digitalu.design/react/tabs)
  * @example
  * ```tsx
- * <TabPanel tab="overview">
- *   Overview content
- * </TabPanel>
+ * <Tabs>
+ *   <TabList description="Profile settings">
+ *     <Tab value="overview">Overview</Tab>
+ *  </TabList>
+ *  <TabPanel tab="overview">...</TabPanel>
+ * </Tabs>
  * ```
  */
-declare function TabPanel(props: TabPanelProps): JSX_2.Element;
+declare function TabPanel(props: Tabs_2.ContentProps): JSX_2.Element;
 export { TabPanel }
 export { TabPanel as TabPanel_alias_1 }
 
-/**
- * This module provides a TabPanel component.
- * @module
- */
-declare interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * The unique value of the Tab that is associated with the TabPanel.
-     */
-    tab: string;
-}
-export { TabPanelProps }
-export { TabPanelProps as TabPanelProps_alias_1 }
-
-/**
- * This module provides a Tab component.
- * @module
- */
-declare interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * The id of the tab that will be tracked as the active tab and used for aria
-     * attributes.
-     */
-    value: string;
-}
-export { TabProps }
-export { TabProps as TabProps_alias_1 }
-
 /**
  * The Tabs component provides a context to manage tab state.
- * @see https://cerberus.digitalu.design/react/tabs
+ * @definition [Tabs docs](https://cerberus.digitalu.design/react/tabs)
  * @example
  * ```tsx
  * <Tabs cache>
- *  <TabList description="Button details">
- *    <Tab id="overview">Overview</Tab>
- *    <Tab id="guidelines">Guidelines</Tab>
- *  </TabList>
- *  <TabPanels>
- *    <TabPanel id="overview">Overview content</TabPanel>
- *    <TabPanel id="guidelines">Guidelines content</TabPanel>
- *  </TabPanels>
+ *  <TabsList>
+ *    <Tab value="overview">Overview</Tab>
+ *    <Tab value="guidelines">Guidelines</Tab>
+ *  </TabsList>
+ *  <TabPanel value="overview">Overview content</TabPanel>
+ *  <TabPanel value="guidelines">Guidelines content</TabPanel>
  * </Tabs>
  * ```
  */
-declare function Tabs(props: PropsWithChildren<TabsProps & TabsVariantProps>): JSX.Element;
+declare function Tabs(props: PropsWithChildren<TabsProviderProps>): JSX.Element;
 export { Tabs }
 export { Tabs as Tabs_alias_1 }
 
@@ -2477,47 +2917,62 @@ export { TabsContext as TabsContext_alias_1 }
  * @module Tabs
  */
 declare interface TabsContextValue {
-    /**
-     * The ref for the tabs.
-     */
-    tabs: MutableRefObject<HTMLButtonElement[]>;
-    /**
-     * The id of the tabs component.
-     */
-    id: string;
-    /**
-     * The active tab id.
-     */
-    active: string;
     /**
      * The styles for the tabs.
      */
-    styles: Pretty<Record<'tabList' | 'tab' | 'tabPanel', string>>;
-    /**
-     * Called when the active tab is updated.
-     */
-    onTabUpdate: (active: string) => void;
+    styles: {
+        list: Pretty<string>;
+        trigger: Pretty<string>;
+        content: Pretty<string>;
+        indicator: Pretty<string>;
+    };
 }
 export { TabsContextValue }
 export { TabsContextValue as TabsContextValue_alias_1 }
 
-declare interface TabsProps {
+/**
+ * This module provides the Tabs family.
+ * @module
+ */
+/**
+ * The tab list container for the Tabs group.
+ * @definition [Tabs docs](https://cerberus.digitalu.design/react/tabs)
+ * @example
+ * ```tsx
+ * <Tabs>
+ *   <TabList description="Profile settings">
+ *     <Tab value="overview">Overview</Tab>
+ *  </TabList>
+ *  <TabPanel tab="overview">...</TabPanel>
+ * </Tabs>
+ * ```
+ */
+declare function TabsList(props: Tabs_2.ListProps): JSX_2.Element;
+export { TabsList }
+export { TabsList as TabsList_alias_1 }
+
+declare interface TabsProviderBaseProps extends Tabs_2.RootProps {
     /**
      * A unique identifier for the Tabs component. Typically used when there are
-     * multiple Tabs components on the same page.
+     * multiple Tabs components on the same page and you want to uniquely cache
+     * the active tab state.
      */
-    id?: string;
+    uuid?: string;
     /**
-     * The default active tab id.
+     * The default tab to display when the component is first rendered.
      */
-    active?: string;
+    defaultValue?: string;
     /**
      * Whether to cache the active tab state in local storage.
      */
     cache?: boolean;
 }
-export { TabsProps }
-export { TabsProps as TabsProps_alias_1 }
+export { TabsProviderBaseProps }
+export { TabsProviderBaseProps as TabsProviderBaseProps_alias_1 }
+
+declare type TabsProviderProps = TabsProviderBaseProps & TabsVariantProps;
+export { TabsProviderProps }
+export { TabsProviderProps as TabsProviderProps_alias_1 }
 
 /**
  * The Tag component is used to display a meta descriptions.
@@ -2587,6 +3042,22 @@ declare type TdProps = TdBaseProps & TdVariantProps;
 export { TdProps }
 export { TdProps as TdProps_alias_1 }
 
+/**
+ * A component for rendering text utilizing the styled-system JSX utility.
+ * @definition [Text docs](https://cerberus.digitalu.design/react/text)
+ * @example
+ * ```tsx
+ * <Text as="h1" color="page.text.100" textStyle={{
+ *   base: 'heading-md',
+ *   md: 'heading-lg',
+ * }}>
+ *  Hello, world!
+ * </Text>
+ */
+declare function Text_2(props: PropsWithChildren<TextProps>): JSX_2.Element;
+export { Text_2 as Text }
+export { Text_2 as Text_alias_1 }
+
 /**
  * A component that allows the user to input large blocks of text.
  * @see https://cerberus.digitalu.design/react/textarea
@@ -2616,6 +3087,19 @@ declare type TextareaProps = InputVariantProps & TextareaBaseProps;
 export { TextareaProps }
 export { TextareaProps as TextareaProps_alias_1 }
 
+declare type TextElements = 'p' | 'strong' | 'em' | 'small' | 'span';
+export { TextElements }
+export { TextElements as TextElements_alias_1 }
+
+declare interface TextProps extends BoxProps {
+    /**
+     * The element to render as. Defaults to 'p'.
+     */
+    as?: TextElements | Headings;
+}
+export { TextProps }
+export { TextProps as TextProps_alias_1 }
+
 /**
  * Styles for the Th component
  * @see https://cerberus.digitalu.design/react/table
@@ -3040,12 +3524,6 @@ declare function useTabsContext(): TabsContextValue;
 export { useTabsContext }
 export { useTabsContext as useTabsContext_alias_1 }
 
-declare function useTabsKeyboardNavigation(): {
-    ref: (tab: HTMLButtonElement) => void;
-};
-export { useTabsKeyboardNavigation }
-export { useTabsKeyboardNavigation as useTabsKeyboardNavigation_alias_1 }
-
 /**
  * Provides a hook for using the theme for a single instance of the application.
  * @see https://cerberus.digitalu.design/react/use-theme