@cerberus-design/react 0.16.0-next-ba05f96 → 0.16.0-next-d049636

package/build/modern/index.js

@@ -1,12 +1,3 @@
-import {
-  Label
-} from "./chunk-LT62577B.js";
-import {
-  Modal
-} from "./chunk-Q3I4H6EC.js";
-import {
-  ModalDescription
-} from "./chunk-WECB67DC.js";
 import {
   ModalHeader
 } from "./chunk-AUALRL3U.js";
@@ -30,20 +21,22 @@ import {
   FieldsetLabel
 } from "./chunk-DRDNNRU3.js";
 import {
-  PromptModal,
-  usePromptModal
-} from "./chunk-R7MPDSXX.js";
+  Label
+} from "./chunk-LT62577B.js";
+import {
+  Modal
+} from "./chunk-Q3I4H6EC.js";
+import {
+  ModalDescription
+} from "./chunk-WECB67DC.js";
 import {
   ThemeProvider,
   useThemeContext
 } from "./chunk-EB37HRCN.js";
-import {
-  Tooltip
-} from "./chunk-LPALHB6R.js";
 import {
   ConfirmModal,
   useConfirmModal
-} from "./chunk-U5XRQ2JZ.js";
+} from "./chunk-EQPYRZ3X.js";
 import {
   NavMenu,
   useNavMenuContext
@@ -51,11 +44,11 @@ import {
 import {
   NotificationCenter,
   useNotificationCenter
-} from "./chunk-RKVY2HJ3.js";
+} from "./chunk-AAGQR6B4.js";
 import {
-  Table,
-  Tr
-} from "./chunk-B4CVET74.js";
+  PromptModal,
+  usePromptModal
+} from "./chunk-XYDJ5TRW.js";
 import {
   Tab,
   TabIndicator,
@@ -84,14 +77,8 @@ import {
   Thead
 } from "./chunk-Y6QQCRQV.js";
 import {
-  Menu,
-  MenuContent,
-  MenuGroupLabel,
-  MenuItem,
-  MenuItemGroup,
-  MenuSeparator,
-  MenuTrigger
-} from "./chunk-RUR5MV54.js";
+  Tooltip
+} from "./chunk-LPALHB6R.js";
 import {
   Notification
 } from "./chunk-RDRD6ACD.js";
@@ -102,27 +89,9 @@ import {
   NotificationHeading
 } from "./chunk-SLHYBPJ5.js";
 import {
-  DatePicker,
-  DatePickerCalendar,
-  DatePickerContent,
-  DatePickerDayView,
-  DatePickerInput,
-  DatePickerMonthView,
-  DatePickerTrigger,
-  DatePickerViewControlGroup,
-  DatePickerYearView,
-  RangePickerInput
-} from "./chunk-RHCTPSKT.js";
-import {
-  DatePickerContext,
-  DatePickerLabel,
-  DatePickerTable,
-  DatePickerTableCell,
-  DatePickerTableCellTrigger,
-  DatePickerTableHeader,
-  DatePickerView,
-  DatePickerViewControl
-} from "./chunk-5EWCH7AI.js";
+  Table,
+  Tr
+} from "./chunk-B4CVET74.js";
 import {
   Droppable
 } from "./chunk-TKI2CKHH.js";
@@ -136,7 +105,7 @@ import {
 import {
   FileStatus,
   processStatus
-} from "./chunk-VTQ6RW3Z.js";
+} from "./chunk-EKZENP7X.js";
 import {
   ProgressBar
 } from "./chunk-WZJ5UQNM.js";
@@ -147,35 +116,90 @@ import {
   Legend
 } from "./chunk-RBNOEAWJ.js";
 import {
-  AccordionItemGroup
-} from "./chunk-WN7TJX6J.js";
-import {
-  AccordionItemIndicator
-} from "./chunk-XZGXRRSQ.js";
+  Menu,
+  MenuContent,
+  MenuGroupLabel,
+  MenuItem,
+  MenuItemGroup,
+  MenuSeparator,
+  MenuTrigger
+} from "./chunk-RUR5MV54.js";
+import "./chunk-V4YYGGMH.js";
 import {
-  Accordion,
-  AccordionItem,
-  AccordionItemContent,
-  AccordionItemTrigger
-} from "./chunk-AZRFYQO7.js";
+  ToggleParts
+} from "./chunk-2CVGNLIM.js";
 import {
-  Admonition,
-  AdmonitionDescription,
-  AdmonitionHeading
-} from "./chunk-DXBZ3HMY.js";
-import "./chunk-2HOUQ2DX.js";
+  ToggleIndicator,
+  ToggleRoot
+} from "./chunk-CIMY2U22.js";
+import "./chunk-V3M3ZOQI.js";
 import {
   CircularProgress
 } from "./chunk-6QHOKCV3.js";
-import "./chunk-2LF3HPNA.js";
 import {
-  Option,
-  Select
-} from "./chunk-YLKFZGBY.js";
+  DatePicker,
+  DatePickerCalendar,
+  DatePickerContent,
+  DatePickerDayView,
+  DatePickerInput,
+  DatePickerMonthView,
+  DatePickerTrigger,
+  DatePickerViewControlGroup,
+  DatePickerYearView,
+  RangePickerInput
+} from "./chunk-2KPSUYFL.js";
+import {
+  DatePickerContext,
+  DatePickerLabel,
+  DatePickerTable,
+  DatePickerTableCell,
+  DatePickerTableCellTrigger,
+  DatePickerTableHeader,
+  DatePickerView,
+  DatePickerViewControl
+} from "./chunk-5EWCH7AI.js";
+import "./chunk-OGYMMATX.js";
+import {
+  Radio
+} from "./chunk-STLN7BMJ.js";
+import {
+  RadioParts
+} from "./chunk-FUL2VRDU.js";
+import {
+  RadioGroup,
+  RadioGroupIndicator,
+  RadioGroupItem,
+  RadioGroupItemControl,
+  RadioGroupItemHiddenInput,
+  RadioGroupItemText,
+  RadioGroupLabel,
+  RadioGroupRoot
+} from "./chunk-5RTNSVYU.js";
+import "./chunk-ZOSGUATV.js";
+import {
+  Rating
+} from "./chunk-XTIIAYPU.js";
+import {
+  RatingParts
+} from "./chunk-OS73F4SR.js";
+import {
+  RatingContext,
+  RatingControl,
+  RatingHiddenInput,
+  RatingItem,
+  RatingItemContext,
+  RatingLabel,
+  RatingRoot
+} from "./chunk-W47QEZD5.js";
+import "./chunk-2LF3HPNA.js";
 import {
   OptionGroup,
   OptionGroupLabel
 } from "./chunk-IASVL7CW.js";
+import {
+  Option,
+  Select
+} from "./chunk-YLKFZGBY.js";
 import {
   SelectParts
 } from "./chunk-XTNGF4D6.js";
@@ -194,19 +218,47 @@ import {
   SwitchRoot,
   SwitchThumb
 } from "./chunk-LZWNHXRP.js";
-import "./chunk-V4YYGGMH.js";
+import "./chunk-IKDXADLX.js";
 import {
-  ToggleParts
-} from "./chunk-2CVGNLIM.js";
+  CTAModal,
+  useCTAModal
+} from "./chunk-A45TFOGO.js";
+import "./chunk-4LSTU6WU.js";
+import "./chunk-MVO2GNUA.js";
 import {
-  ToggleIndicator,
-  ToggleRoot
-} from "./chunk-CIMY2U22.js";
-import "./chunk-V3M3ZOQI.js";
+  For
+} from "./chunk-DXOKSZVQ.js";
+import {
+  createCTAModalActions
+} from "./chunk-PLHYOCY3.js";
+import "./chunk-DJOYRUNT.js";
+import {
+  DialogCloseIconTrigger
+} from "./chunk-NZKE7C53.js";
+import {
+  Dialog
+} from "./chunk-MH6CIBDU.js";
+import {
+  IconButton
+} from "./chunk-APD6IX5R.js";
+import {
+  DialogParts
+} from "./chunk-FCSO6N2Y.js";
+import {
+  DialogBackdrop,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogHeading,
+  DialogPositioner,
+  DialogProvider,
+  DialogRoot,
+  DialogTrigger
+} from "./chunk-D7UIWAFO.js";
 import "./chunk-TYPULJMJ.js";
 import {
   Field
-} from "./chunk-FBS7AX76.js";
+} from "./chunk-NTU5OYUF.js";
 import {
   FieldParts
 } from "./chunk-6I2FW4WI.js";
@@ -240,39 +292,35 @@ import {
   FieldsetLegend,
   FieldsetRoot
 } from "./chunk-Z3FDG263.js";
-import "./chunk-OGYMMATX.js";
+import "./chunk-UR2NYAQC.js";
 import {
-  Radio
-} from "./chunk-STLN7BMJ.js";
+  Admonition
+} from "./chunk-572S5CLA.js";
+import "./chunk-TM6TVO2D.js";
 import {
-  RadioParts
-} from "./chunk-FUL2VRDU.js";
+  Avatar
+} from "./chunk-SXLPDPOZ.js";
 import {
-  RadioGroup,
-  RadioGroupIndicator,
-  RadioGroupItem,
-  RadioGroupItemControl,
-  RadioGroupItemHiddenInput,
-  RadioGroupItemText,
-  RadioGroupLabel,
-  RadioGroupRoot
-} from "./chunk-5RTNSVYU.js";
-import "./chunk-ZOSGUATV.js";
+  AdmonitionParts
+} from "./chunk-RQCJKDXU.js";
 import {
-  Rating
-} from "./chunk-QQCB6JXW.js";
+  AdmonitionContent,
+  AdmonitionDescription,
+  AdmonitionHeading,
+  AdmonitionIndicator,
+  AdmonitionRoot
+} from "./chunk-RKGFPKKK.js";
+import "./chunk-CYC2YUKU.js";
 import {
-  RatingParts
-} from "./chunk-OS73F4SR.js";
+  ButtonParts
+} from "./chunk-2BIHLH4V.js";
 import {
-  RatingContext,
-  RatingControl,
-  RatingHiddenInput,
-  RatingItem,
-  RatingItemContext,
-  RatingLabel,
-  RatingRoot
-} from "./chunk-W47QEZD5.js";
+  Button,
+  ButtonIcon
+} from "./chunk-6KZVE4HC.js";
+import {
+  Spinner
+} from "./chunk-7SYJFI5E.js";
 import "./chunk-TIJAFPHQ.js";
 import {
   Checkbox
@@ -293,35 +341,15 @@ import {
   CheckboxRoot
 } from "./chunk-BPRF34DU.js";
 import "./chunk-ML2IKLMJ.js";
+import {
+  Combobox
+} from "./chunk-EKIAT7N7.js";
 import {
   ComboItemGroup
 } from "./chunk-FZ53535Q.js";
 import {
   ComboItemWithIndicator
 } from "./chunk-XBUXVNTY.js";
-import {
-  Combobox
-} from "./chunk-J7SAFAW3.js";
-import {
-  ComboboxParts
-} from "./chunk-HIC7Z23X.js";
-import {
-  ComboItemText,
-  ComboboxClearTrigger,
-  ComboboxContent,
-  ComboboxControl,
-  ComboboxInput,
-  ComboboxItem,
-  ComboboxItemGroup,
-  ComboboxItemGroupLabel,
-  ComboboxItemIndicator,
-  ComboboxItemText,
-  ComboboxLabel,
-  ComboboxPositioner,
-  ComboboxRoot,
-  ComboboxStartIcon,
-  ComboboxTrigger
-} from "./chunk-NR5XDIJ7.js";
 import {
   useStatefulCollection
 } from "./chunk-MR4DX76C.js";
@@ -343,53 +371,29 @@ import {
   SelectValueText,
   createSelectCollection
 } from "./chunk-QCBLRACK.js";
-import "./chunk-IKDXADLX.js";
-import {
-  CTAModal,
-  useCTAModal
-} from "./chunk-3B4SFTQB.js";
-import "./chunk-4LSTU6WU.js";
-import "./chunk-MVO2GNUA.js";
-import {
-  For
-} from "./chunk-DXOKSZVQ.js";
-import {
-  Avatar
-} from "./chunk-SXLPDPOZ.js";
-import {
-  createCTAModalActions
-} from "./chunk-PLHYOCY3.js";
-import "./chunk-DJOYRUNT.js";
-import {
-  DialogCloseIconTrigger
-} from "./chunk-NZKE7C53.js";
-import {
-  Dialog
-} from "./chunk-MH6CIBDU.js";
-import {
-  IconButton
-} from "./chunk-APD6IX5R.js";
-import {
-  DialogParts
-} from "./chunk-FCSO6N2Y.js";
-import {
-  DialogBackdrop,
-  DialogCloseTrigger,
-  DialogContent,
-  DialogDescription,
-  DialogHeading,
-  DialogPositioner,
-  DialogProvider,
-  DialogRoot,
-  DialogTrigger
-} from "./chunk-D7UIWAFO.js";
 import {
   Portal
 } from "./chunk-IQJDVFPP.js";
 import {
-  CerberusProvider,
-  useCerberusContext
-} from "./chunk-GITT5645.js";
+  ComboboxParts
+} from "./chunk-HIC7Z23X.js";
+import {
+  ComboItemText,
+  ComboboxClearTrigger,
+  ComboboxContent,
+  ComboboxControl,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxItemGroup,
+  ComboboxItemGroupLabel,
+  ComboboxItemIndicator,
+  ComboboxItemText,
+  ComboboxLabel,
+  ComboboxPositioner,
+  ComboboxRoot,
+  ComboboxStartIcon,
+  ComboboxTrigger
+} from "./chunk-NR5XDIJ7.js";
 import {
   useModal
 } from "./chunk-KGQG5JGW.js";
@@ -404,6 +408,19 @@ import {
 import {
   useToggle
 } from "./chunk-ICTISECN.js";
+import "./chunk-R2V75WU6.js";
+import {
+  Accordion,
+  AccordionItemGroup
+} from "./chunk-FWVFM7RK.js";
+import "./chunk-6OJ27QWV.js";
+import {
+  CerberusProvider,
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
 import {
   formatNotifyCount,
   splitProps
@@ -412,20 +429,16 @@ import {
   getLocalStorage,
   setLocalStorage
 } from "./chunk-FQLMPEYX.js";
-import "./chunk-CYC2YUKU.js";
-import {
-  ButtonParts
-} from "./chunk-2BIHLH4V.js";
-import {
-  Button,
-  ButtonIcon
-} from "./chunk-6KZVE4HC.js";
 import {
-  Spinner
-} from "./chunk-7SYJFI5E.js";
+  AccordionParts
+} from "./chunk-XBDEIBW2.js";
 import {
-  Show
-} from "./chunk-BUVVRQLZ.js";
+  AccordionItem,
+  AccordionItemContent,
+  AccordionItemIndicator,
+  AccordionItemTrigger,
+  AccordionRoot
+} from "./chunk-CPNKDKC2.js";
 import "./chunk-55J6XMHW.js";
 import {
   createNavTriggerProps
@@ -459,9 +472,15 @@ export {
   AccordionItemGroup,
   AccordionItemIndicator,
   AccordionItemTrigger,
+  AccordionParts,
+  AccordionRoot,
   Admonition,
+  AdmonitionContent,
   AdmonitionDescription,
   AdmonitionHeading,
+  AdmonitionIndicator,
+  AdmonitionParts,
+  AdmonitionRoot,
   Avatar,
   Button,
   ButtonIcon,

package/build/modern/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["/**\n * This module is the entry point for the Cerberus React package.\n * @module\n */\n\n// deprecated\n\nexport * from './components/deprecated/FieldMessage'\nexport * from './components/deprecated/FieldsetLabel'\nexport * from './components/deprecated/Label'\nexport * from './components/deprecated/Modal'\nexport * from './components/deprecated/ModalHeader'\nexport * from './components/deprecated/ModalHeading'\nexport * from './components/deprecated/ModalDescription'\nexport * from './components/deprecated/NavMenuTrigger'\nexport * from './components/deprecated/NavMenuList'\nexport * from './components/deprecated/NavMenuLink'\nexport * from './hooks/useDate'\nexport * from './hooks/useModal'\nexport * from './hooks/useToggle'\n\n// components\n\nexport * from './components/Accordion'\nexport * from './components/Accordion.client'\nexport * from './components/AccordionItemGroup'\nexport * from './components/Admonition'\nexport * from './components/Avatar'\nexport * from './components/button/index'\nexport * from './components/checkbox/index'\nexport * from './components/CircularProgress'\nexport * from './components/combobox/index'\nexport * from './components/cta-dialog/index'\nexport * from './components/DatePicker.client'\nexport * from './components/DatePicker.server'\nexport * from './components/dialog/index'\nexport * from './components/Droppable'\nexport * from './components/FeatureFlag'\nexport * from './components/field/index'\nexport * from './components/fieldset/index'\nexport * from './components/FileStatus'\nexport * from './components/FileUploader'\nexport * from './components/for'\nexport * from './components/IconButton'\nexport * from './components/Legend'\nexport * from './components/Menu'\nexport * from './components/Notification'\nexport * from './components/NotificationHeading'\nexport * from './components/NotificationDescription'\nexport * from './components/Portal'\nexport * from './components/ProgressBar'\nexport * from './components/radio/index'\nexport * from './components/rating/index'\nexport * from './components/select/index'\nexport * from './components/Show'\nexport * from './components/Spinner'\nexport * from './components/switch/index'\nexport * from './components/Tabs.client'\nexport * from './components/Table'\nexport * from './components/Thead'\nexport * from './components/Th'\nexport * from './components/Td'\nexport * from './components/Tbody'\nexport * from './components/Tag'\nexport * from './components/Text'\nexport * from './components/toggle/index'\nexport * from './components/Tooltip'\n\n// context\n\nexport * from './context/cerberus'\nexport * from './context/confirm-modal'\nexport * from './context/feature-flags'\nexport * from './context/navMenu'\nexport * from './context/notification-center'\nexport * from './context/prompt-modal'\nexport * from './context/tabs'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\nexport * from './hooks/useRootColors'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\nexport * from './aria-helpers/trap-focus.aria'\n\n// utils\n\nexport * from './config/index'\nexport * from './utils/index'\n\n// shared types\n\nexport * from './types'\n\n// 3rd party\n\nexport * from '@dnd-kit/core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoGA,cAAc;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["/**\n * This module is the entry point for the Cerberus React package.\n * @module\n */\n\n// deprecated\n\nexport * from './components/deprecated/FieldMessage'\nexport * from './components/deprecated/FieldsetLabel'\nexport * from './components/deprecated/Label'\nexport * from './components/deprecated/Modal'\nexport * from './components/deprecated/ModalHeader'\nexport * from './components/deprecated/ModalHeading'\nexport * from './components/deprecated/ModalDescription'\nexport * from './components/deprecated/NavMenuTrigger'\nexport * from './components/deprecated/NavMenuList'\nexport * from './components/deprecated/NavMenuLink'\nexport * from './hooks/useDate'\nexport * from './hooks/useModal'\nexport * from './hooks/useToggle'\n\n// components\n\nexport * from './components/admonition/index'\nexport * from './components/accordion/index'\nexport * from './components/Avatar'\nexport * from './components/button/index'\nexport * from './components/checkbox/index'\nexport * from './components/CircularProgress'\nexport * from './components/combobox/index'\nexport * from './components/cta-dialog/index'\nexport * from './components/DatePicker.client'\nexport * from './components/DatePicker.server'\nexport * from './components/dialog/index'\nexport * from './components/Droppable'\nexport * from './components/FeatureFlag'\nexport * from './components/field/index'\nexport * from './components/fieldset/index'\nexport * from './components/FileStatus'\nexport * from './components/FileUploader'\nexport * from './components/for'\nexport * from './components/IconButton'\nexport * from './components/Legend'\nexport * from './components/Menu'\nexport * from './components/Notification'\nexport * from './components/NotificationHeading'\nexport * from './components/NotificationDescription'\nexport * from './components/Portal'\nexport * from './components/ProgressBar'\nexport * from './components/radio/index'\nexport * from './components/rating/index'\nexport * from './components/select/index'\nexport * from './components/Show'\nexport * from './components/Spinner'\nexport * from './components/switch/index'\nexport * from './components/Tabs.client'\nexport * from './components/Table'\nexport * from './components/Thead'\nexport * from './components/Th'\nexport * from './components/Td'\nexport * from './components/Tbody'\nexport * from './components/Tag'\nexport * from './components/Text'\nexport * from './components/toggle/index'\nexport * from './components/Tooltip'\n\n// context\n\nexport * from './context/cerberus'\nexport * from './context/confirm-modal'\nexport * from './context/feature-flags'\nexport * from './context/navMenu'\nexport * from './context/notification-center'\nexport * from './context/prompt-modal'\nexport * from './context/tabs'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useTheme'\nexport * from './hooks/useRootColors'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\nexport * from './aria-helpers/trap-focus.aria'\n\n// utils\n\nexport * from './config/index'\nexport * from './utils/index'\n\n// shared types\n\nexport * from './types'\n\n// 3rd party\n\nexport * from '@dnd-kit/core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.16.0-next-ba05f96",
+  "version": "0.16.0-next-d049636",
   "description": "The Cerberus Design React component library.",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,
@@ -26,7 +26,7 @@
     "react-dom": "^18",
     "tsup": "^8.1.0",
     "@cerberus-design/configs": "0.0.0",
-    "@cerberus/styled-system": "npm:@cerberus-design/styled-system@0.16.0-next-ba05f96"
+    "@cerberus/styled-system": "npm:@cerberus-design/styled-system@0.16.0-next-d049636"
   },
   "publishConfig": {
     "access": "public"

package/src/components/accordion/index.ts

@@ -0,0 +1,3 @@
+export * from './parts'
+export * from './primitives'
+export * from './item-group'

package/src/components/accordion/item-group.tsx

@@ -0,0 +1,66 @@
+import type { AccordionItemProps } from '@ark-ui/react/accordion'
+import { type AccordionVariantProps } from '@cerberus/styled-system/recipes'
+import { splitProps } from '../../utils/index'
+import { Show } from '../Show'
+import { AccordionParts } from './parts'
+import { AccordionChevronItemIndicator } from './item-indicator'
+
+/**
+ * This module contains an abstraction of the AccordionItem components.
+ * @module
+ */
+
+// We are only exposing this to keep the API consistent
+export const Accordion = AccordionParts.Root
+
+export interface AccordionItemGroupProps
+  extends AccordionItemProps,
+    AccordionVariantProps {
+  /**
+   * The heading of the accordion item to open and close the content.
+   */
+  heading: string
+  /**
+   * The position of the arrow indicator.
+   */
+  indicatorPosition?: 'start' | 'end'
+}
+
+/**
+ * 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)
+ */
+export function AccordionItemGroup(props: AccordionItemGroupProps) {
+  const [groupProps, itemProps] = splitProps(props, [
+    'heading',
+    'children',
+    'indicatorPosition',
+  ])
+  const indicatorPosition = groupProps.indicatorPosition ?? 'end'
+
+  return (
+    <AccordionParts.Item {...itemProps}>
+      <AccordionParts.ItemTrigger data-indicator-position={indicatorPosition}>
+        <Show when={indicatorPosition === 'start'}>
+          <AccordionChevronItemIndicator />
+        </Show>
+
+        {groupProps.heading}
+
+        <Show when={indicatorPosition === 'end'}>
+          <AccordionChevronItemIndicator />
+        </Show>
+      </AccordionParts.ItemTrigger>
+
+      <AccordionParts.ItemContent>
+        {groupProps.children}
+      </AccordionParts.ItemContent>
+    </AccordionParts.Item>
+  )
+}

package/src/components/accordion/item-indicator.tsx

@@ -0,0 +1,27 @@
+'use client'
+
+import { type AccordionItemIndicatorProps } from '@ark-ui/react/accordion'
+import { type AccordionVariantProps } from '@cerberus/styled-system/recipes'
+import { useCerberusContext } from '../../context/cerberus'
+import { AccordionParts } from './parts'
+
+/**
+ * This module contains the internal AccordionItemIndicator component.
+ * @module 'accordion/item-indicator'
+ */
+
+export function AccordionChevronItemIndicator(
+  props: AccordionItemIndicatorProps & AccordionVariantProps,
+) {
+  const { size, ...indicatorProps } = props
+  const iconSize = size === 'sm' ? 16 : '24'
+
+  const { icons } = useCerberusContext()
+  const { accordionIndicator: ChevronDown } = icons
+
+  return (
+    <AccordionParts.ItemIndicator {...indicatorProps}>
+      <ChevronDown size={iconSize} />
+    </AccordionParts.ItemIndicator>
+  )
+}