@cerberus-design/react 0.13.2-next-c6aea71 → 0.13.2-next-b5a889e

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

@@ -1,5 +1,3 @@
-/// <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';
@@ -12,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';
@@ -28,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';
@@ -88,7 +99,7 @@ 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';
@@ -154,7 +165,6 @@ export { $cerberusIcons as $cerberusIcons_alias_1 }
 
 /**
  * The context provider for the Accordion family.
- * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)
  * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)
  * @example
  * ```tsx
@@ -483,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 }
 
@@ -492,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 }
 
@@ -535,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.
@@ -690,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 }
 
@@ -741,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 }
 
@@ -775,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 }
@@ -797,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;
@@ -1224,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
@@ -1296,6 +1568,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
@@ -1328,8 +1608,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 = {
     /**
@@ -1990,8 +2269,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 }
 
@@ -2128,8 +2406,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 }
 
@@ -2168,8 +2445,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 }
 
@@ -2244,6 +2520,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 }
 
 /**
@@ -2381,7 +2675,7 @@ declare interface ShowCTAModalOptions {
      */
     actions: {
         text: string;
-        onClick: Required<ButtonHTMLAttributes<HTMLButtonElement>['onClick']>;
+        onClick: MouseEventHandler<HTMLButtonElement>;
     }[];
 }
 export { ShowCTAModalOptions }
@@ -2746,6 +3040,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
@@ -2775,6 +3085,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

package/build/legacy/components/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Accordion.tsx"],"sourcesContent":["import { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { ChevronDown } from '@cerberus/icons'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  accordion,\n  type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\n\nexport type AccordionProps = ArkAccordion.RootProps & AccordionVariantProps\n\n/**\n * The context provider for the Accordion family.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *  <AccordionItemGroup heading=\"Item 1 heading\" value=\"one\">\n *     This is the content\n *  </AccordionItemGroup>\n * </Accordion>\n * ```\n */\nexport function Accordion(props: AccordionProps) {\n  const { size, className, ...rootProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.Root\n      collapsible\n      className={cx(className, styles.root)}\n      {...rootProps}\n    />\n  )\n}\n\ntype AccordionItemProps = ArkAccordion.ItemProps & AccordionVariantProps\n\n/**\n * The item for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItem(props: AccordionItemProps) {\n  const { size, ...itemProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.Item\n      {...itemProps}\n      className={cx(itemProps.className, styles.item)}\n    />\n  )\n}\n\nexport type AccordionItemTriggerProps = ArkAccordion.ItemTriggerProps &\n  AccordionVariantProps\n\n/**\n * The trigger for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItemTrigger(props: AccordionItemTriggerProps) {\n  const { size, ...triggerProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.ItemTrigger\n      {...triggerProps}\n      className={cx(triggerProps.className, styles.itemTrigger)}\n    />\n  )\n}\n\nexport type AccordionItemIndicatorProps = ArkAccordion.ItemIndicatorProps &\n  AccordionVariantProps\n\n/**\n * The indicator for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemIndicator(props: AccordionItemIndicatorProps) {\n  const { size, ...indicatorProps } = props\n  const styles = accordion({ size })\n  const iconSize = size === 'sm' ? 16 : '24'\n\n  return (\n    <ArkAccordion.ItemIndicator\n      {...indicatorProps}\n      className={cx(indicatorProps.className, styles.itemIndicator)}\n    >\n      <ChevronDown size={iconSize} />\n    </ArkAccordion.ItemIndicator>\n  )\n}\n\nexport type AccordionItemContentProps = ArkAccordion.ItemContentProps &\n  AccordionVariantProps\n\n/**\n * The content for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemContent(props: AccordionItemContentProps) {\n  const { size, ...contentProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.ItemContent\n      {...contentProps}\n      className={cx(contentProps.className, styles.itemContent)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAC1C,mBAA4B;AAC5B,iBAAmB;AACnB,qBAGO;AAqBH;AAJG,SAAS,UAAU,OAAuB;AAC/C,QAAM,EAAE,MAAM,WAAW,GAAG,UAAU,IAAI;AAC1C,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACC,aAAW;AAAA,MACX,eAAW,eAAG,WAAW,OAAO,IAAI;AAAA,MACnC,GAAG;AAAA;AAAA,EACN;AAEJ;AAqBO,SAAS,cAAc,OAA2B;AACvD,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,UAAU,WAAW,OAAO,IAAI;AAAA;AAAA,EAChD;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;AAsBO,SAAS,uBAAuB,OAAoC;AACzE,QAAM,EAAE,MAAM,GAAG,eAAe,IAAI;AACpC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,QAAM,WAAW,SAAS,OAAO,KAAK;AAEtC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,eAAe,WAAW,OAAO,aAAa;AAAA,MAE5D,sDAAC,4BAAY,MAAM,UAAU;AAAA;AAAA,EAC/B;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;","names":["ArkAccordion"]}
+{"version":3,"sources":["../../../src/components/Accordion.tsx"],"sourcesContent":["import { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { ChevronDown } from '@cerberus/icons'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  accordion,\n  type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\n\nexport type AccordionProps = ArkAccordion.RootProps & AccordionVariantProps\n\n/**\n * The context provider for the Accordion family.\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *  <AccordionItemGroup heading=\"Item 1 heading\" value=\"one\">\n *     This is the content\n *  </AccordionItemGroup>\n * </Accordion>\n * ```\n */\nexport function Accordion(props: AccordionProps) {\n  const { size, className, ...rootProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.Root\n      collapsible\n      className={cx(className, styles.root)}\n      {...rootProps}\n    />\n  )\n}\n\ntype AccordionItemProps = ArkAccordion.ItemProps & AccordionVariantProps\n\n/**\n * The item for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItem(props: AccordionItemProps) {\n  const { size, ...itemProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.Item\n      {...itemProps}\n      className={cx(itemProps.className, styles.item)}\n    />\n  )\n}\n\nexport type AccordionItemTriggerProps = ArkAccordion.ItemTriggerProps &\n  AccordionVariantProps\n\n/**\n * The trigger for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItemTrigger(props: AccordionItemTriggerProps) {\n  const { size, ...triggerProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.ItemTrigger\n      {...triggerProps}\n      className={cx(triggerProps.className, styles.itemTrigger)}\n    />\n  )\n}\n\nexport type AccordionItemIndicatorProps = ArkAccordion.ItemIndicatorProps &\n  AccordionVariantProps\n\n/**\n * The indicator for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemIndicator(props: AccordionItemIndicatorProps) {\n  const { size, ...indicatorProps } = props\n  const styles = accordion({ size })\n  const iconSize = size === 'sm' ? 16 : '24'\n\n  return (\n    <ArkAccordion.ItemIndicator\n      {...indicatorProps}\n      className={cx(indicatorProps.className, styles.itemIndicator)}\n    >\n      <ChevronDown size={iconSize} />\n    </ArkAccordion.ItemIndicator>\n  )\n}\n\nexport type AccordionItemContentProps = ArkAccordion.ItemContentProps &\n  AccordionVariantProps\n\n/**\n * The content for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemContent(props: AccordionItemContentProps) {\n  const { size, ...contentProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.ItemContent\n      {...contentProps}\n      className={cx(contentProps.className, styles.itemContent)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAC1C,mBAA4B;AAC5B,iBAAmB;AACnB,qBAGO;AAoBH;AAJG,SAAS,UAAU,OAAuB;AAC/C,QAAM,EAAE,MAAM,WAAW,GAAG,UAAU,IAAI;AAC1C,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACC,aAAW;AAAA,MACX,eAAW,eAAG,WAAW,OAAO,IAAI;AAAA,MACnC,GAAG;AAAA;AAAA,EACN;AAEJ;AAqBO,SAAS,cAAc,OAA2B;AACvD,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,UAAU,WAAW,OAAO,IAAI;AAAA;AAAA,EAChD;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;AAsBO,SAAS,uBAAuB,OAAoC;AACzE,QAAM,EAAE,MAAM,GAAG,eAAe,IAAI;AACpC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,QAAM,WAAW,SAAS,OAAO,KAAK;AAEtC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,eAAe,WAAW,OAAO,aAAa;AAAA,MAE5D,sDAAC,4BAAY,MAAM,UAAU;AAAA;AAAA,EAC/B;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,aAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;","names":["ArkAccordion"]}

package/build/legacy/components/AccordionItemGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AccordionItemGroup.tsx","../../../src/components/Show.tsx","../../../src/components/Accordion.tsx"],"sourcesContent":["import { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { type AccordionVariantProps } from '@cerberus/styled-system/recipes'\nimport type { PropsWithChildren } from 'react'\nimport { Show } from './Show'\nimport {\n  AccordionItem,\n  AccordionItemContent,\n  AccordionItemIndicator,\n  AccordionItemTrigger,\n} from './Accordion'\nimport { css } from '@cerberus/styled-system/css'\n\n/**\n * This module contains an abstraction of the AccordionItem components.\n * @module\n */\n\nexport interface AccordionItemGroupBaseProps extends ArkAccordion.ItemProps {\n  /**\n   * The heading of the accordion item to open and close the content.\n   */\n  heading: string\n  /**\n   * The position of the arrow indicator.\n   */\n  indicatorPosition?: 'start' | 'end'\n}\nexport type AccordionItemGroupProps = AccordionItemGroupBaseProps &\n  AccordionVariantProps\n\n/**\n * A grouped item for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItemGroup heading=\"Accordion Item 1\" value=\"one\">\n *     Accordion Item 1 content\n *   </AccordionItemGroup>\n * </Accordion>\n * ```\n */\nexport function AccordionItemGroup(\n  props: PropsWithChildren<AccordionItemGroupProps>,\n) {\n  const {\n    size,\n    heading,\n    children,\n    indicatorPosition = 'end',\n    ...itemProps\n  } = props\n  const triggerStyles =\n    indicatorPosition === 'start'\n      ? {\n          gap: 'md',\n          justifyContent: 'flex-start',\n        }\n      : undefined\n\n  return (\n    <AccordionItem {...itemProps}>\n      <AccordionItemTrigger className={css(triggerStyles)} size={size}>\n        <Show when={indicatorPosition === 'start'}>\n          <AccordionItemIndicator size={size} />\n        </Show>\n\n        {heading}\n\n        <Show when={indicatorPosition === 'end'}>\n          <AccordionItemIndicator size={size} />\n        </Show>\n      </AccordionItemTrigger>\n\n      <AccordionItemContent size={size}>{children}</AccordionItemContent>\n    </AccordionItem>\n  )\n}\n","'use client'\n\nimport { useMemo, type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: boolean | null | undefined\n  /**\n   * The children to render when the condition is false.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * Conditionally render a memoized version of the children or optional fallback\n * content.\n * @see https://cerberus.digitalu.design/react/show\n * @example\n * ```tsx\n * <Show when={isLoggedIn} fallback={<Navigate to=\"/login\" />}>\n *   <Dashboard />\n * </Show>\n */\nexport function Show(props: PropsWithChildren<ShowProps>): ReactNode {\n  const { when, children, fallback } = props\n  const condition = useMemo(() => when ?? false, [when])\n\n  return useMemo(() => {\n    if (condition) return children\n    return fallback ?? null\n  }, [condition, children, fallback])\n}\n","import { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { ChevronDown } from '@cerberus/icons'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  accordion,\n  type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\n\nexport type AccordionProps = ArkAccordion.RootProps & AccordionVariantProps\n\n/**\n * The context provider for the Accordion family.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *  <AccordionItemGroup heading=\"Item 1 heading\" value=\"one\">\n *     This is the content\n *  </AccordionItemGroup>\n * </Accordion>\n * ```\n */\nexport function Accordion(props: AccordionProps) {\n  const { size, className, ...rootProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.Root\n      collapsible\n      className={cx(className, styles.root)}\n      {...rootProps}\n    />\n  )\n}\n\ntype AccordionItemProps = ArkAccordion.ItemProps & AccordionVariantProps\n\n/**\n * The item for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItem(props: AccordionItemProps) {\n  const { size, ...itemProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.Item\n      {...itemProps}\n      className={cx(itemProps.className, styles.item)}\n    />\n  )\n}\n\nexport type AccordionItemTriggerProps = ArkAccordion.ItemTriggerProps &\n  AccordionVariantProps\n\n/**\n * The trigger for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItemTrigger(props: AccordionItemTriggerProps) {\n  const { size, ...triggerProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.ItemTrigger\n      {...triggerProps}\n      className={cx(triggerProps.className, styles.itemTrigger)}\n    />\n  )\n}\n\nexport type AccordionItemIndicatorProps = ArkAccordion.ItemIndicatorProps &\n  AccordionVariantProps\n\n/**\n * The indicator for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemIndicator(props: AccordionItemIndicatorProps) {\n  const { size, ...indicatorProps } = props\n  const styles = accordion({ size })\n  const iconSize = size === 'sm' ? 16 : '24'\n\n  return (\n    <ArkAccordion.ItemIndicator\n      {...indicatorProps}\n      className={cx(indicatorProps.className, styles.itemIndicator)}\n    >\n      <ChevronDown size={iconSize} />\n    </ArkAccordion.ItemIndicator>\n  )\n}\n\nexport type AccordionItemContentProps = ArkAccordion.ItemContentProps &\n  AccordionVariantProps\n\n/**\n * The content for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemContent(props: AccordionItemContentProps) {\n  const { size, ...contentProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.ItemContent\n      {...contentProps}\n      className={cx(contentProps.className, styles.itemContent)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,mBAAgE;AA4BzD,SAAS,KAAK,OAAgD;AACnE,QAAM,EAAE,MAAM,UAAU,SAAS,IAAI;AACrC,QAAM,gBAAY,sBAAQ,MAAM,QAAQ,OAAO,CAAC,IAAI,CAAC;AAErD,aAAO,sBAAQ,MAAM;AACnB,QAAI,UAAW,QAAO;AACtB,WAAO,YAAY;AAAA,EACrB,GAAG,CAAC,WAAW,UAAU,QAAQ,CAAC;AACpC;;;ACtCA,IAAAA,gBAA0C;AAC1C,mBAA4B;AAC5B,iBAAmB;AACnB,qBAGO;AAqBH;AA2BG,SAAS,cAAc,OAA2B;AACvD,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,cAAAC,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,UAAU,WAAW,OAAO,IAAI;AAAA;AAAA,EAChD;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,cAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;AAsBO,SAAS,uBAAuB,OAAoC;AACzE,QAAM,EAAE,MAAM,GAAG,eAAe,IAAI;AACpC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,QAAM,WAAW,SAAS,OAAO,KAAK;AAEtC,SACE;AAAA,IAAC,cAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,eAAe,WAAW,OAAO,aAAa;AAAA,MAE5D,sDAAC,4BAAY,MAAM,UAAU;AAAA;AAAA,EAC/B;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,cAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;;;AFtJA,IAAAC,cAAoB;AAqDd,IAAAC,sBAAA;AApBC,SAAS,mBACd,OACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,gBACJ,sBAAsB,UAClB;AAAA,IACE,KAAK;AAAA,IACL,gBAAgB;AAAA,EAClB,IACA;AAEN,SACE,8CAAC,iBAAe,GAAG,WACjB;AAAA,kDAAC,wBAAqB,eAAW,iBAAI,aAAa,GAAG,MACnD;AAAA,mDAAC,QAAK,MAAM,sBAAsB,SAChC,uDAAC,0BAAuB,MAAY,GACtC;AAAA,MAEC;AAAA,MAED,6CAAC,QAAK,MAAM,sBAAsB,OAChC,uDAAC,0BAAuB,MAAY,GACtC;AAAA,OACF;AAAA,IAEA,6CAAC,wBAAqB,MAAa,UAAS;AAAA,KAC9C;AAEJ;","names":["import_react","ArkAccordion","import_css","import_jsx_runtime"]}
+{"version":3,"sources":["../../../src/components/AccordionItemGroup.tsx","../../../src/components/Show.tsx","../../../src/components/Accordion.tsx"],"sourcesContent":["import { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { type AccordionVariantProps } from '@cerberus/styled-system/recipes'\nimport type { PropsWithChildren } from 'react'\nimport { Show } from './Show'\nimport {\n  AccordionItem,\n  AccordionItemContent,\n  AccordionItemIndicator,\n  AccordionItemTrigger,\n} from './Accordion'\nimport { css } from '@cerberus/styled-system/css'\n\n/**\n * This module contains an abstraction of the AccordionItem components.\n * @module\n */\n\nexport interface AccordionItemGroupBaseProps extends ArkAccordion.ItemProps {\n  /**\n   * The heading of the accordion item to open and close the content.\n   */\n  heading: string\n  /**\n   * The position of the arrow indicator.\n   */\n  indicatorPosition?: 'start' | 'end'\n}\nexport type AccordionItemGroupProps = AccordionItemGroupBaseProps &\n  AccordionVariantProps\n\n/**\n * A grouped item for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItemGroup heading=\"Accordion Item 1\" value=\"one\">\n *     Accordion Item 1 content\n *   </AccordionItemGroup>\n * </Accordion>\n * ```\n */\nexport function AccordionItemGroup(\n  props: PropsWithChildren<AccordionItemGroupProps>,\n) {\n  const {\n    size,\n    heading,\n    children,\n    indicatorPosition = 'end',\n    ...itemProps\n  } = props\n  const triggerStyles =\n    indicatorPosition === 'start'\n      ? {\n          gap: 'md',\n          justifyContent: 'flex-start',\n        }\n      : undefined\n\n  return (\n    <AccordionItem {...itemProps}>\n      <AccordionItemTrigger className={css(triggerStyles)} size={size}>\n        <Show when={indicatorPosition === 'start'}>\n          <AccordionItemIndicator size={size} />\n        </Show>\n\n        {heading}\n\n        <Show when={indicatorPosition === 'end'}>\n          <AccordionItemIndicator size={size} />\n        </Show>\n      </AccordionItemTrigger>\n\n      <AccordionItemContent size={size}>{children}</AccordionItemContent>\n    </AccordionItem>\n  )\n}\n","'use client'\n\nimport { useMemo, type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: boolean | null | undefined\n  /**\n   * The children to render when the condition is false.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * Conditionally render a memoized version of the children or optional fallback\n * content.\n * @see https://cerberus.digitalu.design/react/show\n * @example\n * ```tsx\n * <Show when={isLoggedIn} fallback={<Navigate to=\"/login\" />}>\n *   <Dashboard />\n * </Show>\n */\nexport function Show(props: PropsWithChildren<ShowProps>): ReactNode {\n  const { when, children, fallback } = props\n  const condition = useMemo(() => when ?? false, [when])\n\n  return useMemo(() => {\n    if (condition) return children\n    return fallback ?? null\n  }, [condition, children, fallback])\n}\n","import { Accordion as ArkAccordion } from '@ark-ui/react'\nimport { ChevronDown } from '@cerberus/icons'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  accordion,\n  type AccordionVariantProps,\n} from '@cerberus/styled-system/recipes'\n\nexport type AccordionProps = ArkAccordion.RootProps & AccordionVariantProps\n\n/**\n * The context provider for the Accordion family.\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *  <AccordionItemGroup heading=\"Item 1 heading\" value=\"one\">\n *     This is the content\n *  </AccordionItemGroup>\n * </Accordion>\n * ```\n */\nexport function Accordion(props: AccordionProps) {\n  const { size, className, ...rootProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.Root\n      collapsible\n      className={cx(className, styles.root)}\n      {...rootProps}\n    />\n  )\n}\n\ntype AccordionItemProps = ArkAccordion.ItemProps & AccordionVariantProps\n\n/**\n * The item for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItem(props: AccordionItemProps) {\n  const { size, ...itemProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.Item\n      {...itemProps}\n      className={cx(itemProps.className, styles.item)}\n    />\n  )\n}\n\nexport type AccordionItemTriggerProps = ArkAccordion.ItemTriggerProps &\n  AccordionVariantProps\n\n/**\n * The trigger for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n */\nexport function AccordionItemTrigger(props: AccordionItemTriggerProps) {\n  const { size, ...triggerProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.ItemTrigger\n      {...triggerProps}\n      className={cx(triggerProps.className, styles.itemTrigger)}\n    />\n  )\n}\n\nexport type AccordionItemIndicatorProps = ArkAccordion.ItemIndicatorProps &\n  AccordionVariantProps\n\n/**\n * The indicator for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemIndicator(props: AccordionItemIndicatorProps) {\n  const { size, ...indicatorProps } = props\n  const styles = accordion({ size })\n  const iconSize = size === 'sm' ? 16 : '24'\n\n  return (\n    <ArkAccordion.ItemIndicator\n      {...indicatorProps}\n      className={cx(indicatorProps.className, styles.itemIndicator)}\n    >\n      <ChevronDown size={iconSize} />\n    </ArkAccordion.ItemIndicator>\n  )\n}\n\nexport type AccordionItemContentProps = ArkAccordion.ItemContentProps &\n  AccordionVariantProps\n\n/**\n * The content for the Accordion component.\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/accordion)\n * @definition [Accordion docs](https://cerberus.digitalu.design/react/accordion)\n * @example\n * ```tsx\n * <Accordion>\n *   <AccordionItem value=\"one\">\n *     <AccordionTrigger>\n *        Accordion Item 1\n *     <AccordionIndicator />\n *     </AccordionTrigger>\n *     <AccordionContent>Accordion Item 1 content</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n * ```\n * */\nexport function AccordionItemContent(props: AccordionItemContentProps) {\n  const { size, ...contentProps } = props\n  const styles = accordion({ size })\n  return (\n    <ArkAccordion.ItemContent\n      {...contentProps}\n      className={cx(contentProps.className, styles.itemContent)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,mBAAgE;AA4BzD,SAAS,KAAK,OAAgD;AACnE,QAAM,EAAE,MAAM,UAAU,SAAS,IAAI;AACrC,QAAM,gBAAY,sBAAQ,MAAM,QAAQ,OAAO,CAAC,IAAI,CAAC;AAErD,aAAO,sBAAQ,MAAM;AACnB,QAAI,UAAW,QAAO;AACtB,WAAO,YAAY;AAAA,EACrB,GAAG,CAAC,WAAW,UAAU,QAAQ,CAAC;AACpC;;;ACtCA,IAAAA,gBAA0C;AAC1C,mBAA4B;AAC5B,iBAAmB;AACnB,qBAGO;AAoBH;AA2BG,SAAS,cAAc,OAA2B;AACvD,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,cAAAC,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,UAAU,WAAW,OAAO,IAAI;AAAA;AAAA,EAChD;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,cAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;AAsBO,SAAS,uBAAuB,OAAoC;AACzE,QAAM,EAAE,MAAM,GAAG,eAAe,IAAI;AACpC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,QAAM,WAAW,SAAS,OAAO,KAAK;AAEtC,SACE;AAAA,IAAC,cAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,eAAe,WAAW,OAAO,aAAa;AAAA,MAE5D,sDAAC,4BAAY,MAAM,UAAU;AAAA;AAAA,EAC/B;AAEJ;AAsBO,SAAS,qBAAqB,OAAkC;AACrE,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,0BAAU,EAAE,KAAK,CAAC;AACjC,SACE;AAAA,IAAC,cAAAA,UAAa;AAAA,IAAb;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,aAAa,WAAW,OAAO,WAAW;AAAA;AAAA,EAC1D;AAEJ;;;AFrJA,IAAAC,cAAoB;AAqDd,IAAAC,sBAAA;AApBC,SAAS,mBACd,OACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,gBACJ,sBAAsB,UAClB;AAAA,IACE,KAAK;AAAA,IACL,gBAAgB;AAAA,EAClB,IACA;AAEN,SACE,8CAAC,iBAAe,GAAG,WACjB;AAAA,kDAAC,wBAAqB,eAAW,iBAAI,aAAa,GAAG,MACnD;AAAA,mDAAC,QAAK,MAAM,sBAAsB,SAChC,uDAAC,0BAAuB,MAAY,GACtC;AAAA,MAEC;AAAA,MAED,6CAAC,QAAK,MAAM,sBAAsB,OAChC,uDAAC,0BAAuB,MAAY,GACtC;AAAA,OACF;AAAA,IAEA,6CAAC,wBAAqB,MAAa,UAAS;AAAA,KAC9C;AAEJ;","names":["import_react","ArkAccordion","import_css","import_jsx_runtime"]}

package/build/legacy/components/Admonition.cjs

@@ -168,6 +168,9 @@ function AnimatingUploadIcon(props) {
 // src/config/cerbIcons.ts
 var defaultIcons = {
   avatar: import_icons.UserFilled,
+  calendar: import_icons.Calendar,
+  calendarPrev: import_icons.ChevronLeft,
+  calendarNext: import_icons.ChevronRight,
   checkbox: CheckmarkIcon,
   close: import_icons.Close,
   confirmModal: import_icons.Information,