@cerberus-design/react 0.11.1-next-2ed68bd → 0.11.1-next-c28b077

package/build/modern/components/Avatar.js

@@ -1,9 +1,9 @@
 import {
   Avatar
-} from "../chunk-ZX6DBC2Z.js";
+} from "../chunk-SPZYPRZ6.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-FT7DFRHQ.js";
-import "../chunk-TMR7JGMP.js";
+import "../chunk-VERRHMW4.js";
+import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/components/Checkbox.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Checkbox
-} from "../chunk-MDIUFBDX.js";
+} from "../chunk-NB6DV4VA.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-FT7DFRHQ.js";
-import "../chunk-TMR7JGMP.js";
+import "../chunk-VERRHMW4.js";
+import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/components/FileStatus.js

@@ -2,15 +2,15 @@
 import {
   FileStatus,
   processStatus
-} from "../chunk-6EJXHRAP.js";
+} from "../chunk-ZBMA5G54.js";
 import "../chunk-KCANMM64.js";
 import "../chunk-APD6IX5R.js";
 import "../chunk-JWIJHSI6.js";
-import "../chunk-ZX6DBC2Z.js";
+import "../chunk-SPZYPRZ6.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-FT7DFRHQ.js";
-import "../chunk-TMR7JGMP.js";
+import "../chunk-VERRHMW4.js";
+import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/components/FileUploader.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   FileUploader
-} from "../chunk-HCB5NQ5J.js";
-import "../chunk-ZX6DBC2Z.js";
+} from "../chunk-W4DXACNV.js";
+import "../chunk-SPZYPRZ6.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-FT7DFRHQ.js";
-import "../chunk-TMR7JGMP.js";
+import "../chunk-VERRHMW4.js";
+import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/components/Input.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Input
-} from "../chunk-UJKS4DDN.js";
+} from "../chunk-NKM6PISB.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-FT7DFRHQ.js";
-import "../chunk-TMR7JGMP.js";
+import "../chunk-VERRHMW4.js";
+import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/components/ModalHeader.js

@@ -1,6 +1,6 @@
 import {
   ModalHeader
-} from "../chunk-ULYQLKWA.js";
+} from "../chunk-ZFAIE47A.js";
 export {
   ModalHeader
 };

package/build/modern/components/Notification.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Notification
-} from "../chunk-KLUBAM4U.js";
+} from "../chunk-7SGPJM66.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-FT7DFRHQ.js";
-import "../chunk-TMR7JGMP.js";
+import "../chunk-VERRHMW4.js";
+import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/components/Select.js

@@ -2,11 +2,11 @@
 import {
   Option,
   Select
-} from "../chunk-PA5EB7EO.js";
+} from "../chunk-XL4JREDT.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-FT7DFRHQ.js";
-import "../chunk-TMR7JGMP.js";
+import "../chunk-VERRHMW4.js";
+import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/components/Tag.js

@@ -1,9 +1,9 @@
 import {
   Tag
-} from "../chunk-BOCAJC3S.js";
+} from "../chunk-F72ZABKX.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-FT7DFRHQ.js";
-import "../chunk-TMR7JGMP.js";
+import "../chunk-VERRHMW4.js";
+import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/components/Toggle.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Toggle
-} from "../chunk-YWCTMLLO.js";
+} from "../chunk-NMNONSHU.js";
 import "../chunk-UZDVOIW5.js";
-import "../chunk-FT7DFRHQ.js";
-import "../chunk-TMR7JGMP.js";
+import "../chunk-VERRHMW4.js";
+import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/config/cerbIcons.js

@@ -1,6 +1,6 @@
 import {
   defaultIcons
-} from "../chunk-TMR7JGMP.js";
+} from "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/config/defineIcons.js

@@ -1,8 +1,8 @@
 import {
   $cerberusIcons,
   defineIcons
-} from "../chunk-FT7DFRHQ.js";
-import "../chunk-TMR7JGMP.js";
+} from "../chunk-VERRHMW4.js";
+import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

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

@@ -2,18 +2,18 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-X4Y4WTRU.js";
+} from "../chunk-PJGUYNKD.js";
 import "../chunk-GLY7GU5S.js";
 import "../chunk-BE4EOU2P.js";
 import "../chunk-Q7BRMIBR.js";
-import "../chunk-ULYQLKWA.js";
+import "../chunk-ZFAIE47A.js";
 import "../chunk-2UXE5PDG.js";
-import "../chunk-ZX6DBC2Z.js";
+import "../chunk-SPZYPRZ6.js";
 import "../chunk-EXGKZGML.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-FT7DFRHQ.js";
-import "../chunk-TMR7JGMP.js";
+import "../chunk-VERRHMW4.js";
+import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 import "../chunk-7T3JIGM7.js";

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

@@ -0,0 +1,25 @@
+"use client";
+import {
+  CTAModal,
+  useCTAModal
+} from "../chunk-JVIFMN67.js";
+import "../chunk-GLY7GU5S.js";
+import "../chunk-BE4EOU2P.js";
+import "../chunk-Q7BRMIBR.js";
+import "../chunk-ZFAIE47A.js";
+import "../chunk-2UXE5PDG.js";
+import "../chunk-APD6IX5R.js";
+import "../chunk-SPZYPRZ6.js";
+import "../chunk-EXGKZGML.js";
+import "../chunk-BUVVRQLZ.js";
+import "../chunk-JIZQFTW6.js";
+import "../chunk-VERRHMW4.js";
+import "../chunk-F27AAKQ3.js";
+import "../chunk-CP7OUC2Q.js";
+import "../chunk-HVKM54BA.js";
+import "../chunk-7T3JIGM7.js";
+export {
+  CTAModal,
+  useCTAModal
+};
+//# sourceMappingURL=cta-modal.js.map

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

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

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

@@ -2,16 +2,16 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "../chunk-RDQHHCFR.js";
-import "../chunk-KLUBAM4U.js";
+} from "../chunk-5OSUZUR4.js";
+import "../chunk-7SGPJM66.js";
 import "../chunk-XEW6TJJ4.js";
 import "../chunk-SXIXDXG3.js";
 import "../chunk-GLY7GU5S.js";
 import "../chunk-EXGKZGML.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-FT7DFRHQ.js";
-import "../chunk-TMR7JGMP.js";
+import "../chunk-VERRHMW4.js";
+import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

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

@@ -2,21 +2,21 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-3NE6C66J.js";
+} from "../chunk-C7UVOGPZ.js";
 import "../chunk-GLY7GU5S.js";
-import "../chunk-UJKS4DDN.js";
+import "../chunk-NKM6PISB.js";
 import "../chunk-NMF2HYWO.js";
 import "../chunk-BE4EOU2P.js";
 import "../chunk-Q7BRMIBR.js";
-import "../chunk-ULYQLKWA.js";
+import "../chunk-ZFAIE47A.js";
 import "../chunk-2UXE5PDG.js";
-import "../chunk-ZX6DBC2Z.js";
+import "../chunk-SPZYPRZ6.js";
 import "../chunk-EXGKZGML.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-FT7DFRHQ.js";
-import "../chunk-TMR7JGMP.js";
+import "../chunk-VERRHMW4.js";
+import "../chunk-F27AAKQ3.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 import "../chunk-7T3JIGM7.js";

package/build/modern/index.js

@@ -1,18 +1,22 @@
+import {
+  CTAModal,
+  useCTAModal
+} from "./chunk-JVIFMN67.js";
 import {
   NotificationCenter,
   useNotificationCenter
-} from "./chunk-RDQHHCFR.js";
+} from "./chunk-5OSUZUR4.js";
 import {
   PromptModal,
   usePromptModal
-} from "./chunk-3NE6C66J.js";
+} from "./chunk-C7UVOGPZ.js";
 import {
   ThemeProvider,
   useThemeContext
 } from "./chunk-EB37HRCN.js";
 import {
   Tag
-} from "./chunk-BOCAJC3S.js";
+} from "./chunk-F72ZABKX.js";
 import {
   Tbody
 } from "./chunk-PKQTTFWA.js";
@@ -30,18 +34,18 @@ import {
 } from "./chunk-PKY46RRA.js";
 import {
   Toggle
-} from "./chunk-YWCTMLLO.js";
+} from "./chunk-NMNONSHU.js";
 import {
   ConfirmModal,
   useConfirmModal
-} from "./chunk-X4Y4WTRU.js";
+} from "./chunk-PJGUYNKD.js";
 import {
   Radio
 } from "./chunk-FTPZHG6J.js";
 import {
   Option,
   Select
-} from "./chunk-PA5EB7EO.js";
+} from "./chunk-XL4JREDT.js";
 import {
   Spinner
 } from "./chunk-7SYJFI5E.js";
@@ -74,7 +78,7 @@ import {
 } from "./chunk-O75QAT4Z.js";
 import {
   Notification
-} from "./chunk-KLUBAM4U.js";
+} from "./chunk-7SGPJM66.js";
 import {
   NotificationDescription
 } from "./chunk-XEW6TJJ4.js";
@@ -86,7 +90,7 @@ import {
 } from "./chunk-GLY7GU5S.js";
 import {
   Input
-} from "./chunk-UJKS4DDN.js";
+} from "./chunk-NKM6PISB.js";
 import {
   Label
 } from "./chunk-NMF2HYWO.js";
@@ -101,7 +105,7 @@ import {
 } from "./chunk-Q7BRMIBR.js";
 import {
   ModalHeader
-} from "./chunk-ULYQLKWA.js";
+} from "./chunk-ZFAIE47A.js";
 import {
   ModalHeading
 } from "./chunk-2UXE5PDG.js";
@@ -127,7 +131,7 @@ import {
 import {
   FileStatus,
   processStatus
-} from "./chunk-6EJXHRAP.js";
+} from "./chunk-ZBMA5G54.js";
 import {
   ProgressBar
 } from "./chunk-KCANMM64.js";
@@ -139,7 +143,7 @@ import {
 } from "./chunk-JWIJHSI6.js";
 import {
   FileUploader
-} from "./chunk-HCB5NQ5J.js";
+} from "./chunk-W4DXACNV.js";
 import {
   MODE_KEY,
   THEME_KEY,
@@ -155,16 +159,16 @@ import {
   Admonition,
   AdmonitionDescription,
   AdmonitionHeading
-} from "./chunk-KF6V5JLW.js";
+} from "./chunk-N4QTLDVM.js";
 import {
   Avatar
-} from "./chunk-ZX6DBC2Z.js";
+} from "./chunk-SPZYPRZ6.js";
 import {
   Button
 } from "./chunk-EXGKZGML.js";
 import {
   Checkbox
-} from "./chunk-MDIUFBDX.js";
+} from "./chunk-NB6DV4VA.js";
 import {
   Field,
   useFieldContext
@@ -190,8 +194,8 @@ import {
 import {
   $cerberusIcons,
   defineIcons
-} from "./chunk-FT7DFRHQ.js";
-import "./chunk-TMR7JGMP.js";
+} from "./chunk-VERRHMW4.js";
+import "./chunk-F27AAKQ3.js";
 import "./chunk-CP7OUC2Q.js";
 import "./chunk-HVKM54BA.js";
 import {
@@ -207,6 +211,7 @@ export {
   AdmonitionHeading,
   Avatar,
   Button,
+  CTAModal,
   Checkbox,
   CircularProgress,
   ConfirmModal,
@@ -266,6 +271,7 @@ export {
   getPosition,
   processStatus,
   trapFocus,
+  useCTAModal,
   useConfirmModal,
   useFeatureFlags,
   useFieldContext,

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/Admonition'\nexport * from './components/Avatar'\nexport * from './components/Button'\nexport * from './components/Checkbox'\nexport * from './components/CircularProgress'\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/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/Tab'\nexport * from './components/TabList'\nexport * from './components/TabPanel'\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/Textarea'\nexport * from './components/Toggle'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/confirm-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/useModal'\nexport * from './hooks/useTheme'\nexport * from './hooks/useToggle'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\nexport * from './aria-helpers/tabs.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFA,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// components\n\nexport * from './components/Admonition'\nexport * from './components/Avatar'\nexport * from './components/Button'\nexport * from './components/Checkbox'\nexport * from './components/CircularProgress'\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/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/Tab'\nexport * from './components/TabList'\nexport * from './components/TabPanel'\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/Textarea'\nexport * from './components/Toggle'\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/useModal'\nexport * from './hooks/useTheme'\nexport * from './hooks/useToggle'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\nexport * from './aria-helpers/tabs.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.11.1-next-2ed68bd",
+  "version": "0.11.1-next-c28b077",
   "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-design/styled-system": "0.11.1-next-2ed68bd"
+    "@cerberus-design/styled-system": "0.11.1-next-c28b077"
   },
   "publishConfig": {
     "access": "public"

package/src/components/ModalHeader.tsx

@@ -31,6 +31,7 @@ export function ModalHeader(props: ModalHeaderProps) {
           alignItems: 'flex-start',
           gap: 'md',
           mb: 'md',
+          position: 'relative',
         }),
       )}
     />

package/src/components/Notification.tsx

@@ -12,7 +12,6 @@ import {
   type PropsWithChildren,
   type MouseEvent,
 } from 'react'
-import { Close } from '@cerberus/icons'
 import { $cerberusIcons } from '../config/defineIcons'
 import type { IconType } from '../config/cerbIcons'
 import { trapFocus } from '../aria-helpers/trap-focus.aria'
@@ -62,6 +61,7 @@ export function Notification(props: PropsWithChildren<NotificationProps>) {
   const ref = useRef<HTMLDialogElement>(null)
   const onKeyDown = trapFocus(ref)
   const styles = notification({ palette })
+  const { close: CloseIcon } = $cerberusIcons
 
   return (
     <dialog
@@ -97,7 +97,7 @@ export function Notification(props: PropsWithChildren<NotificationProps>) {
         onClick={onClose}
         value={props.id}
       >
-        <Close />
+        <CloseIcon />
       </button>
     </dialog>
   )

package/src/config/cerbIcons.ts

@@ -2,7 +2,7 @@ import {
   Checkmark,
   CheckmarkOutline,
   ChevronDown,
-  CloseFilled,
+  Close,
   CloudUpload,
   Information,
   Restart,
@@ -43,7 +43,7 @@ export interface DefinedIcons {
 export const defaultIcons: DefinedIcons = {
   avatar: UserFilled,
   checkbox: CheckmarkIcon,
-  close: CloseFilled,
+  close: Close,
   confirmModal: Information,
   delete: TrashCan,
   promptModal: Information,