@cerberus-design/react 0.15.0-next-32cd15e → 0.15.0-next-199cf16

package/build/modern/components/AccordionItemGroup.js

@@ -3,8 +3,8 @@ import {
 } from "../chunk-WN7TJX6J.js";
 import "../chunk-XZGXRRSQ.js";
 import "../chunk-AZRFYQO7.js";
-import "../chunk-BUVVRQLZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   AccordionItemGroup
 };

package/build/modern/components/Admonition.client.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   MatchAvatar
-} from "../chunk-ISCJ542I.js";
-import "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+} from "../chunk-2HOUQ2DX.js";
+import "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   MatchAvatar
 };

package/build/modern/components/Admonition.js

@@ -2,11 +2,11 @@ import {
   Admonition,
   AdmonitionDescription,
   AdmonitionHeading
-} from "../chunk-NJSETNRL.js";
-import "../chunk-ISCJ542I.js";
-import "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+} from "../chunk-DXBZ3HMY.js";
+import "../chunk-2HOUQ2DX.js";
+import "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   Admonition,
   AdmonitionDescription,

package/build/modern/components/Avatar.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   Avatar
-} from "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+} from "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   Avatar
 };

package/build/modern/components/Checkbox.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Checkbox
-} from "../chunk-N24COMHJ.js";
+} from "../chunk-NGOLRISW.js";
 import "../chunk-UZDVOIW5.js";
-import "../chunk-BUVVRQLZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   Checkbox
 };

package/build/modern/components/DatePicker.client.js

@@ -10,13 +10,15 @@ import {
   DatePickerViewControlGroup,
   DatePickerYearView,
   RangePickerInput
-} from "../chunk-A6BRQ2QK.js";
+} from "../chunk-KU2AWAK3.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-5EWCH7AI.js";
 import "../chunk-APD6IX5R.js";
 import "../chunk-IQJDVFPP.js";
 import "../chunk-GITT5645.js";
-import "../chunk-STNRGV3Y.js";
+import "../chunk-MER66QUY.js";
+import "../chunk-7SYJFI5E.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   DatePicker,
   DatePickerCalendar,

package/build/modern/components/FileStatus.js

@@ -2,14 +2,14 @@
 import {
   FileStatus,
   processStatus
-} from "../chunk-O6LFWUHI.js";
+} from "../chunk-7P7OWBGV.js";
 import "../chunk-WZJ5UQNM.js";
 import "../chunk-JWIJHSI6.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-APD6IX5R.js";
-import "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+import "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   FileStatus,
   processStatus

package/build/modern/components/FileUploader.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   FileUploader
-} from "../chunk-25HMVHLT.js";
-import "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+} from "../chunk-7SU6FCTJ.js";
+import "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   FileUploader
 };

package/build/modern/components/Input.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Input
-} from "../chunk-MZ3UCDUL.js";
+} from "../chunk-VYCU7I4J.js";
 import "../chunk-UZDVOIW5.js";
-import "../chunk-BUVVRQLZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   Input
 };

package/build/modern/components/Select.js

@@ -5,12 +5,12 @@ import {
   OptionGroupLabel,
   Select,
   createSelectCollection
-} from "../chunk-FV4UITYD.js";
+} from "../chunk-5QONP7GT.js";
 import "../chunk-RU5LOXWI.js";
 import "../chunk-YWMPB2JR.js";
 import "../chunk-IQJDVFPP.js";
-import "../chunk-BUVVRQLZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   Option,
   OptionGroup,

package/build/modern/components/Tag.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   Tag
-} from "../chunk-EDARV2EI.js";
-import "../chunk-BUVVRQLZ.js";
+} from "../chunk-MISIUX63.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   Tag
 };

package/build/modern/components/button/button.js

@@ -0,0 +1,12 @@
+"use client";
+import {
+  Button,
+  ButtonIcon
+} from "../../chunk-MER66QUY.js";
+import "../../chunk-7SYJFI5E.js";
+import "../../chunk-BUVVRQLZ.js";
+export {
+  Button,
+  ButtonIcon
+};
+//# sourceMappingURL=button.js.map

package/build/modern/components/button/button.js.map

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

package/build/modern/components/button/index.js

@@ -0,0 +1,16 @@
+import "../../chunk-CYC2YUKU.js";
+import {
+  ButtonParts
+} from "../../chunk-2JX27W6Y.js";
+import {
+  Button,
+  ButtonIcon
+} from "../../chunk-MER66QUY.js";
+import "../../chunk-7SYJFI5E.js";
+import "../../chunk-BUVVRQLZ.js";
+export {
+  Button,
+  ButtonIcon,
+  ButtonParts
+};
+//# sourceMappingURL=index.js.map

package/build/modern/components/button/index.js.map

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

package/build/modern/components/button/parts.js

@@ -0,0 +1,10 @@
+import {
+  ButtonParts
+} from "../../chunk-2JX27W6Y.js";
+import "../../chunk-MER66QUY.js";
+import "../../chunk-7SYJFI5E.js";
+import "../../chunk-BUVVRQLZ.js";
+export {
+  ButtonParts
+};
+//# sourceMappingURL=parts.js.map

package/build/modern/components/button/parts.js.map

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

package/build/modern/components/deprecated/NavMenuTrigger.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   NavMenuTrigger
-} from "../../chunk-BRVZVAPT.js";
+} from "../../chunk-245SMQ45.js";
 import "../../chunk-6WS765J3.js";
 import "../../chunk-BUVVRQLZ.js";
 import "../../chunk-JF76VIL3.js";

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

@@ -2,13 +2,14 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-UNDJYNQC.js";
+} from "../chunk-7S47NSGR.js";
 import "../chunk-TFL56AYR.js";
 import "../chunk-IQJDVFPP.js";
-import "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+import "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
-import "../chunk-STNRGV3Y.js";
+import "../chunk-MER66QUY.js";
+import "../chunk-7SYJFI5E.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   ConfirmModal,
   useConfirmModal

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

@@ -2,15 +2,16 @@
 import {
   CTAModal,
   useCTAModal
-} from "../chunk-F5OVI74O.js";
+} from "../chunk-3RGRHMJQ.js";
 import "../chunk-6BN3XKQF.js";
 import "../chunk-APD6IX5R.js";
 import "../chunk-TFL56AYR.js";
 import "../chunk-IQJDVFPP.js";
-import "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+import "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
-import "../chunk-STNRGV3Y.js";
+import "../chunk-MER66QUY.js";
+import "../chunk-7SYJFI5E.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   CTAModal,
   useCTAModal

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

@@ -2,15 +2,16 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "../chunk-FOKO6LKG.js";
+} from "../chunk-Z7FGXAND.js";
 import "../chunk-RDRD6ACD.js";
 import "../chunk-UXY3KCC3.js";
 import "../chunk-SLHYBPJ5.js";
 import "../chunk-IQJDVFPP.js";
-import "../chunk-BUVVRQLZ.js";
-import "../chunk-GITT5645.js";
-import "../chunk-STNRGV3Y.js";
 import "../chunk-V3M3ZOQI.js";
+import "../chunk-GITT5645.js";
+import "../chunk-MER66QUY.js";
+import "../chunk-7SYJFI5E.js";
+import "../chunk-BUVVRQLZ.js";
 import "../chunk-JIZQFTW6.js";
 export {
   NotificationCenter,

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

@@ -2,17 +2,18 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-ZUXK7V4G.js";
+} from "../chunk-Q4IV5NUT.js";
 import "../chunk-RU5LOXWI.js";
-import "../chunk-MZ3UCDUL.js";
 import "../chunk-NMF2HYWO.js";
+import "../chunk-VYCU7I4J.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-TFL56AYR.js";
 import "../chunk-IQJDVFPP.js";
-import "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+import "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
-import "../chunk-STNRGV3Y.js";
+import "../chunk-MER66QUY.js";
+import "../chunk-7SYJFI5E.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   PromptModal,
   usePromptModal

package/build/modern/index.js

@@ -1,3 +1,10 @@
+import {
+  NavMenuList,
+  getPosition
+} from "./chunk-AIJ75ENY.js";
+import {
+  NavMenuTrigger
+} from "./chunk-245SMQ45.js";
 import {
   ThemeProvider,
   useThemeContext
@@ -17,21 +24,14 @@ import {
 import {
   NavMenuLink
 } from "./chunk-YOTXFCCC.js";
-import {
-  NavMenuList,
-  getPosition
-} from "./chunk-AIJ75ENY.js";
-import {
-  NavMenuTrigger
-} from "./chunk-BRVZVAPT.js";
 import {
   ConfirmModal,
   useConfirmModal
-} from "./chunk-UNDJYNQC.js";
+} from "./chunk-7S47NSGR.js";
 import {
   CTAModal,
   useCTAModal
-} from "./chunk-F5OVI74O.js";
+} from "./chunk-3RGRHMJQ.js";
 import {
   NavMenu,
   useNavMenuContext
@@ -39,11 +39,14 @@ import {
 import {
   NotificationCenter,
   useNotificationCenter
-} from "./chunk-FOKO6LKG.js";
+} from "./chunk-Z7FGXAND.js";
 import {
   PromptModal,
   usePromptModal
-} from "./chunk-ZUXK7V4G.js";
+} from "./chunk-Q4IV5NUT.js";
+import {
+  Tbody
+} from "./chunk-ZR37P4NZ.js";
 import {
   Td
 } from "./chunk-3R4TIF2X.js";
@@ -62,13 +65,16 @@ import {
 import {
   Tooltip
 } from "./chunk-LPALHB6R.js";
+import {
+  Radio
+} from "./chunk-FTPZHG6J.js";
 import {
   Option,
   OptionGroup,
   OptionGroupLabel,
   Select,
   createSelectCollection
-} from "./chunk-FV4UITYD.js";
+} from "./chunk-5QONP7GT.js";
 import {
   Text
 } from "./chunk-RU5LOXWI.js";
@@ -88,9 +94,6 @@ import {
   SelectTrigger,
   SelectValueText
 } from "./chunk-YWMPB2JR.js";
-import {
-  Spinner
-} from "./chunk-7SYJFI5E.js";
 import {
   Table,
   Tr
@@ -109,10 +112,10 @@ import {
 } from "./chunk-RZ7NG77U.js";
 import {
   Tag
-} from "./chunk-EDARV2EI.js";
+} from "./chunk-MISIUX63.js";
 import {
-  Tbody
-} from "./chunk-ZR37P4NZ.js";
+  Label
+} from "./chunk-NMF2HYWO.js";
 import {
   Legend
 } from "./chunk-ILQW5VZT.js";
@@ -135,8 +138,12 @@ import {
   NotificationHeading
 } from "./chunk-SLHYBPJ5.js";
 import {
-  Radio
-} from "./chunk-FTPZHG6J.js";
+  FeatureFlag
+} from "./chunk-BIDE4IJG.js";
+import {
+  FeatureFlags,
+  useFeatureFlags
+} from "./chunk-CJFW36DZ.js";
 import {
   Fieldset
 } from "./chunk-3ZDFQO25.js";
@@ -146,7 +153,7 @@ import {
 import {
   FileStatus,
   processStatus
-} from "./chunk-O6LFWUHI.js";
+} from "./chunk-7P7OWBGV.js";
 import {
   ProgressBar
 } from "./chunk-WZJ5UQNM.js";
@@ -155,16 +162,13 @@ import {
 } from "./chunk-JWIJHSI6.js";
 import {
   FileUploader
-} from "./chunk-25HMVHLT.js";
+} from "./chunk-7SU6FCTJ.js";
 import {
   Input
-} from "./chunk-MZ3UCDUL.js";
-import {
-  Label
-} from "./chunk-NMF2HYWO.js";
+} from "./chunk-VYCU7I4J.js";
 import {
   Checkbox
-} from "./chunk-N24COMHJ.js";
+} from "./chunk-NGOLRISW.js";
 import {
   CircularProgress
 } from "./chunk-6QHOKCV3.js";
@@ -179,7 +183,7 @@ import {
   DatePickerViewControlGroup,
   DatePickerYearView,
   RangePickerInput
-} from "./chunk-A6BRQ2QK.js";
+} from "./chunk-KU2AWAK3.js";
 import {
   Field,
   useFieldContext
@@ -217,13 +221,7 @@ import {
 import {
   Droppable
 } from "./chunk-TKI2CKHH.js";
-import {
-  FeatureFlag
-} from "./chunk-BIDE4IJG.js";
-import {
-  FeatureFlags,
-  useFeatureFlags
-} from "./chunk-CJFW36DZ.js";
+import "./chunk-V3M3ZOQI.js";
 import {
   AccordionItemGroup
 } from "./chunk-WN7TJX6J.js";
@@ -240,21 +238,15 @@ import {
   Admonition,
   AdmonitionDescription,
   AdmonitionHeading
-} from "./chunk-NJSETNRL.js";
-import "./chunk-ISCJ542I.js";
+} from "./chunk-DXBZ3HMY.js";
+import "./chunk-2HOUQ2DX.js";
 import {
   Avatar
-} from "./chunk-GCQMH4QA.js";
-import {
-  Show
-} from "./chunk-BUVVRQLZ.js";
+} from "./chunk-SXLPDPOZ.js";
 import {
   CerberusProvider,
   useCerberusContext
 } from "./chunk-GITT5645.js";
-import {
-  Button
-} from "./chunk-STNRGV3Y.js";
 import {
   useModal
 } from "./chunk-KGQG5JGW.js";
@@ -276,7 +268,20 @@ import {
   getLocalStorage,
   setLocalStorage
 } from "./chunk-FQLMPEYX.js";
-import "./chunk-V3M3ZOQI.js";
+import "./chunk-CYC2YUKU.js";
+import {
+  ButtonParts
+} from "./chunk-2JX27W6Y.js";
+import {
+  Button,
+  ButtonIcon
+} from "./chunk-MER66QUY.js";
+import {
+  Spinner
+} from "./chunk-7SYJFI5E.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
 import "./chunk-55J6XMHW.js";
 import {
   createNavTriggerProps
@@ -315,6 +320,8 @@ export {
   AdmonitionHeading,
   Avatar,
   Button,
+  ButtonIcon,
+  ButtonParts,
   CTAModal,
   CerberusProvider,
   Checkbox,

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/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'\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/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/Select'\nexport * from './components/Select.server'\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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/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'\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'\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/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/Select'\nexport * from './components/Select.server'\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoGA,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.15.0-next-32cd15e",
+  "version": "0.15.0-next-199cf16",
   "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.15.0-next-32cd15e"
+    "@cerberus/styled-system": "npm:@cerberus-design/styled-system@0.15.0-next-199cf16"
   },
   "publishConfig": {
     "access": "public"

package/src/components/DatePicker.client.tsx

@@ -23,7 +23,7 @@ import {
   DatePickerViewControl,
 } from './DatePicker.server'
 import { IconButton } from './IconButton'
-import { Button } from './Button'
+import { Button } from './button/button'
 import { useCerberusContext } from '../context/cerberus'
 import { useMemo, type InputHTMLAttributes } from 'react'
 

package/src/components/button/button.tsx

@@ -0,0 +1,77 @@
+'use client'
+
+import {
+  type ButtonHTMLAttributes,
+  type PropsWithChildren,
+  createContext,
+  useContext,
+  useMemo,
+} from 'react'
+import { cx } from '@cerberus/styled-system/css'
+import {
+  button,
+  type ButtonVariantProps,
+} from '@cerberus/styled-system/recipes'
+import { Show } from '../Show'
+import { Spinner } from '../Spinner'
+import { Box } from '@cerberus/styled-system/jsx'
+
+/**
+ * This module contains the Button component.
+ * @module
+ */
+
+interface ButtonContextValue {
+  pending: boolean
+}
+
+const ButtonContext = createContext<ButtonContextValue>({
+  pending: false,
+})
+
+export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &
+  ButtonVariantProps & {
+    pending?: boolean
+  }
+
+/**
+ * A component that allows the user to perform actions
+ * @see https://cerberus.digitalu.design/react/button
+ */
+export function Button(props: ButtonProps): JSX.Element {
+  const { palette, usage, shape, size, pending = false, ...nativeProps } = props
+  const value = useMemo(() => ({ pending }), [pending])
+
+  return (
+    <ButtonContext.Provider value={value}>
+      <button
+        {...nativeProps}
+        disabled={pending || nativeProps.disabled}
+        className={cx(
+          nativeProps.className,
+          button({
+            palette,
+            usage,
+            shape,
+            size,
+          }),
+        )}
+      />
+    </ButtonContext.Provider>
+  )
+}
+
+/**
+ * An icon to display in a button that utilizes the pending state to display
+ * a loading spinner.
+ */
+export function ButtonIcon(props: PropsWithChildren<object>) {
+  const { pending } = useContext(ButtonContext)
+  return (
+    <Show when={pending} fallback={<>{props.children}</>}>
+      <Box w="4">
+        <Spinner />
+      </Box>
+    </Show>
+  )
+}

package/src/components/button/index.ts

@@ -0,0 +1,2 @@
+export * from './button'
+export * from './parts'