@cerberus-design/react 0.14.2 → 0.15.0

package/build/modern/config/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/context/cerberus.js

@@ -0,0 +1,10 @@
+"use client";
+import {
+  CerberusProvider,
+  useCerberusContext
+} from "../chunk-GITT5645.js";
+export {
+  CerberusProvider,
+  useCerberusContext
+};
+//# sourceMappingURL=cerberus.js.map

package/build/modern/context/cerberus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/context/confirm-modal.js

@@ -2,21 +2,13 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-6BH5J5GF.js";
-import "../chunk-BE4EOU2P.js";
-import "../chunk-Q7BRMIBR.js";
-import "../chunk-XY6WL55R.js";
-import "../chunk-2UXE5PDG.js";
+} from "../chunk-BHB56M7S.js";
+import "../chunk-TFL56AYR.js";
 import "../chunk-IQJDVFPP.js";
-import "../chunk-EXGKZGML.js";
-import "../chunk-PVIMOXSO.js";
+import "../chunk-GCQMH4QA.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-JIZQFTW6.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
-import "../chunk-KGQG5JGW.js";
+import "../chunk-GITT5645.js";
+import "../chunk-EXGKZGML.js";
 export {
   ConfirmModal,
   useConfirmModal

package/build/modern/context/cta-modal.js

@@ -2,22 +2,15 @@
 import {
   CTAModal,
   useCTAModal
-} from "../chunk-5OVH3INN.js";
-import "../chunk-BE4EOU2P.js";
-import "../chunk-Q7BRMIBR.js";
-import "../chunk-XY6WL55R.js";
-import "../chunk-2UXE5PDG.js";
-import "../chunk-IQJDVFPP.js";
+} from "../chunk-FGCO27TC.js";
+import "../chunk-6BN3XKQF.js";
 import "../chunk-APD6IX5R.js";
-import "../chunk-EXGKZGML.js";
-import "../chunk-PVIMOXSO.js";
+import "../chunk-TFL56AYR.js";
+import "../chunk-IQJDVFPP.js";
+import "../chunk-GCQMH4QA.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-JIZQFTW6.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
-import "../chunk-KGQG5JGW.js";
+import "../chunk-GITT5645.js";
+import "../chunk-EXGKZGML.js";
 export {
   CTAModal,
   useCTAModal

package/build/modern/context/notification-center/store.js

@@ -0,0 +1,15 @@
+import {
+  addNotification,
+  clearNotificationState,
+  notificationCenterReducer,
+  removeNotification,
+  updateNotificationState
+} from "../../chunk-V3M3ZOQI.js";
+export {
+  addNotification,
+  clearNotificationState,
+  notificationCenterReducer,
+  removeNotification,
+  updateNotificationState
+};
+//# sourceMappingURL=store.js.map

package/build/modern/context/notification-center/store.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/context/notification-center/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/build/modern/context/notification-center/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/context/notification-center.js

@@ -2,18 +2,16 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "../chunk-CVTON5DQ.js";
-import "../chunk-JJZQGR7A.js";
+} from "../chunk-JAROS4Q3.js";
+import "../chunk-RDRD6ACD.js";
 import "../chunk-UXY3KCC3.js";
 import "../chunk-SLHYBPJ5.js";
 import "../chunk-IQJDVFPP.js";
-import "../chunk-EXGKZGML.js";
 import "../chunk-BUVVRQLZ.js";
+import "../chunk-GITT5645.js";
+import "../chunk-EXGKZGML.js";
+import "../chunk-V3M3ZOQI.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
 export {
   NotificationCenter,
   useNotificationCenter

package/build/modern/context/prompt-modal.js

@@ -2,24 +2,17 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-XXWR7UGH.js";
+} from "../chunk-SD3OVTHT.js";
+import "../chunk-RU5LOXWI.js";
+import "../chunk-MZ3UCDUL.js";
 import "../chunk-NMF2HYWO.js";
-import "../chunk-BE4EOU2P.js";
-import "../chunk-Q7BRMIBR.js";
-import "../chunk-XY6WL55R.js";
-import "../chunk-2UXE5PDG.js";
-import "../chunk-U36UZJGZ.js";
-import "../chunk-IQJDVFPP.js";
 import "../chunk-UZDVOIW5.js";
-import "../chunk-EXGKZGML.js";
-import "../chunk-PVIMOXSO.js";
+import "../chunk-TFL56AYR.js";
+import "../chunk-IQJDVFPP.js";
+import "../chunk-GCQMH4QA.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-JIZQFTW6.js";
-import "../chunk-QMF5ZNDG.js";
-import "../chunk-CRII2HNX.js";
-import "../chunk-E3PAEB7Y.js";
-import "../chunk-HVKM54BA.js";
-import "../chunk-KGQG5JGW.js";
+import "../chunk-GITT5645.js";
+import "../chunk-EXGKZGML.js";
 export {
   PromptModal,
   usePromptModal

package/build/modern/index.js

@@ -1,18 +1,15 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "./chunk-CVTON5DQ.js";
+} from "./chunk-JAROS4Q3.js";
 import {
   PromptModal,
   usePromptModal
-} from "./chunk-XXWR7UGH.js";
+} from "./chunk-SD3OVTHT.js";
 import {
   ThemeProvider,
   useThemeContext
 } from "./chunk-EB37HRCN.js";
-import {
-  Text
-} from "./chunk-RU5LOXWI.js";
 import {
   Textarea
 } from "./chunk-JIJM6JFJ.js";
@@ -24,22 +21,18 @@ import {
 } from "./chunk-Y6QQCRQV.js";
 import {
   Toggle
-} from "./chunk-QK7R2XJM.js";
+} from "./chunk-XQICKZH4.js";
 import {
   Tooltip
 } from "./chunk-LPALHB6R.js";
 import {
   ConfirmModal,
   useConfirmModal
-} from "./chunk-6BH5J5GF.js";
+} from "./chunk-BHB56M7S.js";
 import {
   CTAModal,
   useCTAModal
-} from "./chunk-5OVH3INN.js";
-import {
-  Option,
-  Select
-} from "./chunk-XOROL3JY.js";
+} from "./chunk-FGCO27TC.js";
 import {
   Spinner
 } from "./chunk-7SYJFI5E.js";
@@ -61,7 +54,7 @@ import {
 } from "./chunk-RZ7NG77U.js";
 import {
   Tag
-} from "./chunk-HKJMLWVP.js";
+} from "./chunk-EDARV2EI.js";
 import {
   Tbody
 } from "./chunk-ZR37P4NZ.js";
@@ -69,19 +62,14 @@ import {
   Td
 } from "./chunk-3R4TIF2X.js";
 import {
-  NavMenuList,
-  getPosition
-} from "./chunk-UZVQ4INR.js";
+  Text
+} from "./chunk-RU5LOXWI.js";
 import {
   NavMenuTrigger
 } from "./chunk-PM7CWT3N.js";
-import {
-  NavMenu,
-  useNavMenuContext
-} from "./chunk-6WS765J3.js";
 import {
   Notification
-} from "./chunk-JJZQGR7A.js";
+} from "./chunk-RDRD6ACD.js";
 import {
   NotificationDescription
 } from "./chunk-UXY3KCC3.js";
@@ -92,8 +80,9 @@ import {
   Radio
 } from "./chunk-FTPZHG6J.js";
 import {
-  Label
-} from "./chunk-NMF2HYWO.js";
+  Option,
+  Select
+} from "./chunk-KKHL3ZO4.js";
 import {
   Legend
 } from "./chunk-ILQW5VZT.js";
@@ -108,26 +97,27 @@ import {
 } from "./chunk-RUR5MV54.js";
 import {
   Modal
-} from "./chunk-BE4EOU2P.js";
+} from "./chunk-JIRW4XOJ.js";
 import {
   ModalDescription
-} from "./chunk-Q7BRMIBR.js";
+} from "./chunk-ZL6ZITLA.js";
 import {
   ModalHeader
-} from "./chunk-XY6WL55R.js";
+} from "./chunk-NUMM4TNC.js";
 import {
   ModalHeading
-} from "./chunk-2UXE5PDG.js";
+} from "./chunk-7NN3SJ7W.js";
 import {
   NavMenuLink
 } from "./chunk-WPVDQRRF.js";
 import {
-  FeatureFlag
-} from "./chunk-BIDE4IJG.js";
+  NavMenuList,
+  getPosition
+} from "./chunk-UZVQ4INR.js";
 import {
-  FeatureFlags,
-  useFeatureFlags
-} from "./chunk-CJFW36DZ.js";
+  NavMenu,
+  useNavMenuContext
+} from "./chunk-6WS765J3.js";
 import {
   Fieldset
 } from "./chunk-3ZDFQO25.js";
@@ -137,7 +127,7 @@ import {
 import {
   FileStatus,
   processStatus
-} from "./chunk-FXLLRVAM.js";
+} from "./chunk-O6LFWUHI.js";
 import {
   ProgressBar
 } from "./chunk-WZJ5UQNM.js";
@@ -146,13 +136,16 @@ import {
 } from "./chunk-JWIJHSI6.js";
 import {
   FileUploader
-} from "./chunk-BVCXVZAF.js";
+} from "./chunk-25HMVHLT.js";
 import {
   Input
-} from "./chunk-U36UZJGZ.js";
+} from "./chunk-MZ3UCDUL.js";
+import {
+  Label
+} from "./chunk-NMF2HYWO.js";
 import {
   Checkbox
-} from "./chunk-T2JOPPGL.js";
+} from "./chunk-N24COMHJ.js";
 import {
   CircularProgress
 } from "./chunk-6QHOKCV3.js";
@@ -163,12 +156,11 @@ import {
   DatePickerDayView,
   DatePickerInput,
   DatePickerMonthView,
+  DatePickerTrigger,
+  DatePickerViewControlGroup,
   DatePickerYearView,
   RangePickerInput
-} from "./chunk-KPUYKHLW.js";
-import {
-  Portal
-} from "./chunk-IQJDVFPP.js";
+} from "./chunk-YKKNWILF.js";
 import {
   Field,
   useFieldContext
@@ -180,59 +172,92 @@ import {
   DatePickerTableCell,
   DatePickerTableCellTrigger,
   DatePickerTableHeader,
-  DatePickerTrigger,
   DatePickerView,
-  DatePickerViewControl,
-  DatePickerViewControlGroup
-} from "./chunk-BC5SZDYY.js";
+  DatePickerViewControl
+} from "./chunk-5EWCH7AI.js";
+import {
+  DialogCloseIconTrigger
+} from "./chunk-6BN3XKQF.js";
 import {
   IconButton
 } from "./chunk-APD6IX5R.js";
 import {
-  Button
-} from "./chunk-EXGKZGML.js";
+  Dialog,
+  DialogBackdrop,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogHeading,
+  DialogPositioner,
+  DialogProvider,
+  DialogTrigger
+} from "./chunk-TFL56AYR.js";
+import {
+  Portal
+} from "./chunk-IQJDVFPP.js";
 import {
   Droppable
 } from "./chunk-TKI2CKHH.js";
 import {
-  useRootColors
-} from "./chunk-RMVJK26W.js";
-import {
-  MODE_KEY,
-  THEME_KEY,
-  useTheme
-} from "./chunk-EJOXOICK.js";
-import {
-  useToggle
-} from "./chunk-REO5GUNC.js";
-import {
-  formatNotifyCount
-} from "./chunk-C5EHJUS5.js";
+  FeatureFlag
+} from "./chunk-BIDE4IJG.js";
 import {
-  getLocalStorage,
-  setLocalStorage
-} from "./chunk-FQLMPEYX.js";
+  FeatureFlags,
+  useFeatureFlags
+} from "./chunk-CJFW36DZ.js";
 import {
   AccordionItemGroup
-} from "./chunk-KWJ5FKX7.js";
+} from "./chunk-BAWZBF5Q.js";
+import {
+  AccordionItemIndicator
+} from "./chunk-XZGXRRSQ.js";
 import {
   Accordion,
   AccordionItem,
   AccordionItemContent,
-  AccordionItemIndicator,
   AccordionItemTrigger
-} from "./chunk-TJCFYL5W.js";
+} from "./chunk-IGHMP4WA.js";
 import {
   Admonition,
   AdmonitionDescription,
   AdmonitionHeading
-} from "./chunk-QQOWWMZ3.js";
+} from "./chunk-NJSETNRL.js";
+import "./chunk-ISCJ542I.js";
 import {
   Avatar
-} from "./chunk-PVIMOXSO.js";
+} from "./chunk-GCQMH4QA.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
+import {
+  CerberusProvider,
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+import {
+  Button
+} from "./chunk-EXGKZGML.js";
+import {
+  useModal
+} from "./chunk-KGQG5JGW.js";
+import {
+  useRootColors
+} from "./chunk-RMVJK26W.js";
+import {
+  MODE_KEY,
+  THEME_KEY,
+  useTheme
+} from "./chunk-EJOXOICK.js";
+import {
+  useToggle
+} from "./chunk-REO5GUNC.js";
+import {
+  formatNotifyCount
+} from "./chunk-C5EHJUS5.js";
+import {
+  getLocalStorage,
+  setLocalStorage
+} from "./chunk-FQLMPEYX.js";
+import "./chunk-V3M3ZOQI.js";
 import "./chunk-55J6XMHW.js";
 import {
   createNavTriggerProps
@@ -241,12 +266,14 @@ import {
   trapFocus
 } from "./chunk-JIZQFTW6.js";
 import {
-  $cerberusIcons,
+  makeSystemConfig
+} from "./chunk-KDDPAJMR.js";
+import {
   defineIcons
-} from "./chunk-QMF5ZNDG.js";
-import "./chunk-CRII2HNX.js";
+} from "./chunk-5SNLQZYP.js";
 import "./chunk-E3PAEB7Y.js";
-import "./chunk-HVKM54BA.js";
+import "./chunk-IW3LIRDG.js";
+import "./chunk-36N4527B.js";
 import {
   DateFormats,
   formatISOToMilitary,
@@ -254,14 +281,10 @@ import {
   formatMilitaryToISO,
   useDate
 } from "./chunk-3BM6MZ4A.js";
-import {
-  useModal
-} from "./chunk-KGQG5JGW.js";
 
 // src/index.ts
 export * from "@dnd-kit/core";
 export {
-  $cerberusIcons,
   Accordion,
   AccordionItem,
   AccordionItemContent,
@@ -274,6 +297,7 @@ export {
   Avatar,
   Button,
   CTAModal,
+  CerberusProvider,
   Checkbox,
   CircularProgress,
   ConfirmModal,
@@ -295,6 +319,16 @@ export {
   DatePickerViewControl,
   DatePickerViewControlGroup,
   DatePickerYearView,
+  Dialog,
+  DialogBackdrop,
+  DialogCloseIconTrigger,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogHeading,
+  DialogPositioner,
+  DialogProvider,
+  DialogTrigger,
   Droppable,
   FeatureFlag,
   FeatureFlags,
@@ -365,10 +399,12 @@ export {
   formatNotifyCount,
   getLocalStorage,
   getPosition,
+  makeSystemConfig,
   processStatus,
   setLocalStorage,
   trapFocus,
   useCTAModal,
+  useCerberusContext,
   useConfirmModal,
   useDate,
   useFeatureFlags,

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// components\n\nexport * from './components/Accordion'\nexport * from './components/AccordionItemGroup'\nexport * from './components/Admonition'\nexport * from './components/Avatar'\nexport * from './components/Button'\nexport * from './components/Checkbox'\nexport * from './components/CircularProgress'\nexport * from './components/DatePicker.client'\nexport * from './components/DatePicker.server'\nexport * from './components/Droppable'\nexport * from './components/FieldMessage'\nexport * from './components/FeatureFlag'\nexport * from './components/Fieldset'\nexport * from './components/FieldsetLabel'\nexport * from './components/FileStatus'\nexport * from './components/FileUploader'\nexport * from './components/IconButton'\nexport * from './components/Input'\nexport * from './components/Label'\nexport * from './components/Legend'\nexport * from './components/Menu'\nexport * from './components/Modal'\nexport * from './components/ModalHeader'\nexport * from './components/ModalHeading'\nexport * from './components/ModalDescription'\nexport * from './components/NavMenuTrigger'\nexport * from './components/NavMenuList'\nexport * from './components/NavMenuLink'\nexport * from './components/Notification'\nexport * from './components/NotificationHeading'\nexport * from './components/NotificationDescription'\nexport * from './components/Portal'\nexport * from './components/ProgressBar'\nexport * from './components/Radio'\nexport * from './components/Select'\nexport * from './components/Spinner'\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/Textarea'\nexport * from './components/Toggle'\nexport * from './components/Tooltip'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/confirm-modal'\nexport * from './context/cta-modal'\nexport * from './context/feature-flags'\nexport * from './context/field'\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/useDate'\nexport * from './hooks/useModal'\nexport * from './hooks/useTheme'\nexport * from './hooks/useToggle'\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/defineIcons'\nexport * from './utils/index'\n\n// shared types\n\nexport * from './types'\n\n// 3rd party\n\nexport * from '@dnd-kit/core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4FA,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/Modal'\nexport * from './components/ModalHeader'\nexport * from './components/ModalHeading'\nexport * from './components/ModalDescription'\nexport * from './components/NavMenuTrigger'\nexport * from './components/NavMenuList'\nexport * from './components/NavMenuLink'\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'\nexport * from './components/Checkbox'\nexport * from './components/CircularProgress'\nexport * from './components/DatePicker.client'\nexport * from './components/DatePicker.server'\nexport * from './components/Dialog'\nexport * from './components/Dialog.client'\nexport * from './components/Droppable'\nexport * from './components/FieldMessage'\nexport * from './components/FeatureFlag'\nexport * from './components/Fieldset'\nexport * from './components/FieldsetLabel'\nexport * from './components/FileStatus'\nexport * from './components/FileUploader'\nexport * from './components/IconButton'\nexport * from './components/Input'\nexport * from './components/Label'\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'\nexport * from './components/Select'\nexport * from './components/Spinner'\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/Textarea'\nexport * from './components/Toggle'\nexport * from './components/Tooltip'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/cerberus'\nexport * from './context/confirm-modal'\nexport * from './context/cta-modal'\nexport * from './context/feature-flags'\nexport * from './context/field'\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/useDate'\nexport * from './hooks/useModal'\nexport * from './hooks/useTheme'\nexport * from './hooks/useToggle'\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.14.2",
+  "version": "0.15.0",
   "description": "The Cerberus Design React component library.",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,
@@ -9,18 +9,14 @@
   "module": "build/modern/index.js",
   "peerDependencies": {
     "@cerberus/panda-preset": "npm:@jsr/cerberus__panda-preset",
-    "@cerberus/styled-system": "npm:@cerberus-design/styled-system",
+    "@cerberus/styled-system": "npm:@cerberus-design/styled-system@*",
     "@pandacss/dev": "*",
     "react": "*",
     "react-dom": "*"
   },
-  "optionalDependencies": {
-    "@cerberus/icons": "npm:@jsr/cerberus__icons"
-  },
   "dependencies": {
     "@ark-ui/react": "^4.4.0",
-    "@dnd-kit/core": "^6.1.0",
-    "@cerberus/icons": "npm:@jsr/cerberus__icons@0.14.1"
+    "@dnd-kit/core": "^6.1.0"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.46.2",
@@ -30,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.14.2"
+    "@cerberus/styled-system": "npm:@cerberus-design/styled-system@0.15.0"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Accordion.client.tsx

@@ -0,0 +1,46 @@
+'use client'
+
+import { Accordion as ArkAccordion } from '@ark-ui/react'
+import { cx } from '@cerberus/styled-system/css'
+import {
+  accordion,
+  type AccordionVariantProps,
+} from '@cerberus/styled-system/recipes'
+import { useCerberusContext } from '../context/cerberus'
+
+export type AccordionItemIndicatorProps = ArkAccordion.ItemIndicatorProps &
+  AccordionVariantProps
+
+/**
+ * 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>
+ * ```
+ * */
+export function AccordionItemIndicator(props: AccordionItemIndicatorProps) {
+  const { size, ...indicatorProps } = props
+  const styles = accordion({ size })
+  const iconSize = size === 'sm' ? 16 : '24'
+  const { icons } = useCerberusContext()
+  const ChevronDown = icons.accordionIndicator
+
+  return (
+    <ArkAccordion.ItemIndicator
+      {...indicatorProps}
+      className={cx(indicatorProps.className, styles.itemIndicator)}
+    >
+      <ChevronDown size={iconSize} />
+    </ArkAccordion.ItemIndicator>
+  )
+}

package/src/components/Accordion.tsx

@@ -4,7 +4,6 @@ import {
   accordion,
   type AccordionVariantProps,
 } from '@cerberus/styled-system/recipes'
-import { $cerberusIcons } from '../config/defineIcons'
 
 export type AccordionProps = ArkAccordion.RootProps & AccordionVariantProps
 
@@ -93,42 +92,6 @@ export function AccordionItemTrigger(props: AccordionItemTriggerProps) {
   )
 }
 
-export type AccordionItemIndicatorProps = ArkAccordion.ItemIndicatorProps &
-  AccordionVariantProps
-
-/**
- * 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>
- * ```
- * */
-export function AccordionItemIndicator(props: AccordionItemIndicatorProps) {
-  const { size, ...indicatorProps } = props
-  const styles = accordion({ size })
-  const iconSize = size === 'sm' ? 16 : '24'
-  const { accordionIndicator: ChevronDown } = $cerberusIcons
-
-  return (
-    <ArkAccordion.ItemIndicator
-      {...indicatorProps}
-      className={cx(indicatorProps.className, styles.itemIndicator)}
-    >
-      <ChevronDown size={iconSize} />
-    </ArkAccordion.ItemIndicator>
-  )
-}
-
 export type AccordionItemContentProps = ArkAccordion.ItemContentProps &
   AccordionVariantProps