@cerberus-design/react 0.14.2-next-6531b4c → 0.14.2-next-58af9c8

package/build/modern/components/AccordionItemGroup.js

@@ -1,10 +1,10 @@
 import {
   AccordionItemGroup
-} from "../chunk-JQCRDZNI.js";
-import "../chunk-BUVVRQLZ.js";
+} from "../chunk-BAWZBF5Q.js";
 import "../chunk-XZGXRRSQ.js";
-import "../chunk-GITT5645.js";
 import "../chunk-IGHMP4WA.js";
+import "../chunk-BUVVRQLZ.js";
+import "../chunk-GITT5645.js";
 export {
   AccordionItemGroup
 };

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

@@ -10,13 +10,13 @@ import {
   DatePickerViewControlGroup,
   DatePickerYearView,
   RangePickerInput
-} from "../chunk-UMF2TWZN.js";
+} from "../chunk-D252JE4V.js";
 import "../chunk-IQJDVFPP.js";
-import "../chunk-5EWCH7AI.js";
 import "../chunk-APD6IX5R.js";
-import "../chunk-EXGKZGML.js";
+import "../chunk-5EWCH7AI.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-GITT5645.js";
+import "../chunk-EXGKZGML.js";
 export {
   DatePicker,
   DatePickerCalendar,

package/build/modern/components/FileStatus.js

@@ -2,12 +2,12 @@
 import {
   FileStatus,
   processStatus
-} from "../chunk-EMNBMH7Z.js";
+} from "../chunk-USYM6XU6.js";
 import "../chunk-WZJ5UQNM.js";
 import "../chunk-APD6IX5R.js";
 import "../chunk-JWIJHSI6.js";
-import "../chunk-GCQMH4QA.js";
 import "../chunk-UZDVOIW5.js";
+import "../chunk-GCQMH4QA.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-GITT5645.js";
 export {

package/build/modern/components/Notification.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Notification
-} from "../chunk-KF35CYT4.js";
+} from "../chunk-RDRD6ACD.js";
 import "../chunk-GITT5645.js";
 import "../chunk-JIZQFTW6.js";
 export {

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

@@ -2,17 +2,17 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-CCTLGF5U.js";
-import "../chunk-XY6WL55R.js";
-import "../chunk-2UXE5PDG.js";
+} from "../chunk-YJI4Y7BH.js";
 import "../chunk-BE4EOU2P.js";
 import "../chunk-Q7BRMIBR.js";
+import "../chunk-XY6WL55R.js";
+import "../chunk-2UXE5PDG.js";
 import "../chunk-IQJDVFPP.js";
 import "../chunk-GCQMH4QA.js";
-import "../chunk-EXGKZGML.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-KGQG5JGW.js";
 import "../chunk-GITT5645.js";
+import "../chunk-EXGKZGML.js";
+import "../chunk-KGQG5JGW.js";
 import "../chunk-JIZQFTW6.js";
 export {
   ConfirmModal,

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

@@ -2,18 +2,18 @@
 import {
   CTAModal,
   useCTAModal
-} from "../chunk-Z64YZ5IH.js";
-import "../chunk-XY6WL55R.js";
-import "../chunk-2UXE5PDG.js";
+} from "../chunk-XDDLXEFV.js";
 import "../chunk-BE4EOU2P.js";
 import "../chunk-Q7BRMIBR.js";
+import "../chunk-XY6WL55R.js";
+import "../chunk-2UXE5PDG.js";
 import "../chunk-IQJDVFPP.js";
 import "../chunk-APD6IX5R.js";
 import "../chunk-GCQMH4QA.js";
-import "../chunk-EXGKZGML.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-KGQG5JGW.js";
 import "../chunk-GITT5645.js";
+import "../chunk-EXGKZGML.js";
+import "../chunk-KGQG5JGW.js";
 import "../chunk-JIZQFTW6.js";
 export {
   CTAModal,

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,14 +2,15 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "../chunk-N3L3PEMF.js";
-import "../chunk-KF35CYT4.js";
+} from "../chunk-YLMGZAKU.js";
 import "../chunk-UXY3KCC3.js";
 import "../chunk-SLHYBPJ5.js";
+import "../chunk-RDRD6ACD.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";
 export {
   NotificationCenter,

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

@@ -2,20 +2,20 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-QKZZHZL4.js";
+} from "../chunk-ZHBHPMTP.js";
+import "../chunk-BE4EOU2P.js";
+import "../chunk-Q7BRMIBR.js";
 import "../chunk-XY6WL55R.js";
 import "../chunk-2UXE5PDG.js";
 import "../chunk-MZ3UCDUL.js";
 import "../chunk-NMF2HYWO.js";
-import "../chunk-BE4EOU2P.js";
-import "../chunk-Q7BRMIBR.js";
 import "../chunk-IQJDVFPP.js";
-import "../chunk-GCQMH4QA.js";
-import "../chunk-EXGKZGML.js";
 import "../chunk-UZDVOIW5.js";
+import "../chunk-GCQMH4QA.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-KGQG5JGW.js";
 import "../chunk-GITT5645.js";
+import "../chunk-EXGKZGML.js";
+import "../chunk-KGQG5JGW.js";
 import "../chunk-JIZQFTW6.js";
 export {
   PromptModal,

package/build/modern/index.js

@@ -1,26 +1,48 @@
+import {
+  NotificationCenter,
+  useNotificationCenter
+} from "./chunk-YLMGZAKU.js";
 import {
   PromptModal,
   usePromptModal
-} from "./chunk-QKZZHZL4.js";
+} from "./chunk-ZHBHPMTP.js";
 import {
   ThemeProvider,
   useThemeContext
 } from "./chunk-EB37HRCN.js";
+import {
+  Thead
+} from "./chunk-Y6QQCRQV.js";
+import {
+  Toggle
+} from "./chunk-XQICKZH4.js";
 import {
   Tooltip
 } from "./chunk-LPALHB6R.js";
 import {
   ConfirmModal,
   useConfirmModal
-} from "./chunk-CCTLGF5U.js";
+} from "./chunk-YJI4Y7BH.js";
 import {
   CTAModal,
   useCTAModal
-} from "./chunk-Z64YZ5IH.js";
+} from "./chunk-XDDLXEFV.js";
 import {
-  NotificationCenter,
-  useNotificationCenter
-} from "./chunk-N3L3PEMF.js";
+  Table,
+  Tr
+} from "./chunk-B4CVET74.js";
+import {
+  Tab,
+  TabIndicator,
+  TabList,
+  TabPanel,
+  TabsList
+} from "./chunk-N7O6D7BW.js";
+import {
+  Tabs,
+  TabsContext,
+  useTabsContext
+} from "./chunk-RZ7NG77U.js";
 import {
   Tag
 } from "./chunk-EDARV2EI.js";
@@ -40,11 +62,11 @@ import {
   Th
 } from "./chunk-SGKHA4EB.js";
 import {
-  Thead
-} from "./chunk-Y6QQCRQV.js";
+  NotificationDescription
+} from "./chunk-UXY3KCC3.js";
 import {
-  Toggle
-} from "./chunk-XQICKZH4.js";
+  NotificationHeading
+} from "./chunk-SLHYBPJ5.js";
 import {
   Radio
 } from "./chunk-FTPZHG6J.js";
@@ -56,21 +78,11 @@ import {
   Spinner
 } from "./chunk-7SYJFI5E.js";
 import {
-  Table,
-  Tr
-} from "./chunk-B4CVET74.js";
-import {
-  Tab,
-  TabIndicator,
-  TabList,
-  TabPanel,
-  TabsList
-} from "./chunk-N7O6D7BW.js";
+  Modal
+} from "./chunk-BE4EOU2P.js";
 import {
-  Tabs,
-  TabsContext,
-  useTabsContext
-} from "./chunk-RZ7NG77U.js";
+  ModalDescription
+} from "./chunk-Q7BRMIBR.js";
 import {
   ModalHeader
 } from "./chunk-XY6WL55R.js";
@@ -93,13 +105,17 @@ import {
 } from "./chunk-6WS765J3.js";
 import {
   Notification
-} from "./chunk-KF35CYT4.js";
+} from "./chunk-RDRD6ACD.js";
 import {
-  NotificationDescription
-} from "./chunk-UXY3KCC3.js";
+  FieldsetLabel
+} from "./chunk-PZAZKQMO.js";
 import {
-  NotificationHeading
-} from "./chunk-SLHYBPJ5.js";
+  FileStatus,
+  processStatus
+} from "./chunk-USYM6XU6.js";
+import {
+  ProgressBar
+} from "./chunk-WZJ5UQNM.js";
 import {
   FileUploader
 } from "./chunk-25HMVHLT.js";
@@ -122,11 +138,11 @@ import {
   MenuTrigger
 } from "./chunk-RUR5MV54.js";
 import {
-  Modal
-} from "./chunk-BE4EOU2P.js";
+  Checkbox
+} from "./chunk-N24COMHJ.js";
 import {
-  ModalDescription
-} from "./chunk-Q7BRMIBR.js";
+  CircularProgress
+} from "./chunk-6QHOKCV3.js";
 import {
   DatePicker,
   DatePickerCalendar,
@@ -138,10 +154,13 @@ import {
   DatePickerViewControlGroup,
   DatePickerYearView,
   RangePickerInput
-} from "./chunk-UMF2TWZN.js";
+} from "./chunk-D252JE4V.js";
 import {
   Portal
 } from "./chunk-IQJDVFPP.js";
+import {
+  IconButton
+} from "./chunk-APD6IX5R.js";
 import {
   DatePickerContext,
   DatePickerLabel,
@@ -162,28 +181,28 @@ import {
   FeatureFlags,
   useFeatureFlags
 } from "./chunk-CJFW36DZ.js";
+import {
+  FieldMessage
+} from "./chunk-JWIJHSI6.js";
 import {
   Fieldset
 } from "./chunk-3ZDFQO25.js";
 import {
-  FieldsetLabel
-} from "./chunk-PZAZKQMO.js";
-import {
-  FileStatus,
-  processStatus
-} from "./chunk-EMNBMH7Z.js";
-import {
-  ProgressBar
-} from "./chunk-WZJ5UQNM.js";
+  Field,
+  useFieldContext
+} from "./chunk-UZDVOIW5.js";
 import {
-  IconButton
-} from "./chunk-APD6IX5R.js";
+  AccordionItemGroup
+} from "./chunk-BAWZBF5Q.js";
 import {
-  FieldMessage
-} from "./chunk-JWIJHSI6.js";
+  AccordionItemIndicator
+} from "./chunk-XZGXRRSQ.js";
 import {
-  AccordionItemGroup
-} from "./chunk-JQCRDZNI.js";
+  Accordion,
+  AccordionItem,
+  AccordionItemContent,
+  AccordionItemTrigger
+} from "./chunk-IGHMP4WA.js";
 import {
   Admonition,
   AdmonitionDescription,
@@ -193,22 +212,16 @@ import "./chunk-ISCJ542I.js";
 import {
   Avatar
 } from "./chunk-GCQMH4QA.js";
-import {
-  Button
-} from "./chunk-EXGKZGML.js";
-import {
-  Checkbox
-} from "./chunk-N24COMHJ.js";
-import {
-  Field,
-  useFieldContext
-} from "./chunk-UZDVOIW5.js";
-import {
-  CircularProgress
-} from "./chunk-6QHOKCV3.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";
@@ -230,26 +243,8 @@ import {
   getLocalStorage,
   setLocalStorage
 } from "./chunk-FQLMPEYX.js";
-import {
-  AccordionItemIndicator
-} from "./chunk-XZGXRRSQ.js";
-import {
-  CerberusProvider,
-  useCerberusContext
-} from "./chunk-GITT5645.js";
-import {
-  Accordion,
-  AccordionItem,
-  AccordionItemContent,
-  AccordionItemTrigger
-} from "./chunk-IGHMP4WA.js";
+import "./chunk-V3M3ZOQI.js";
 import "./chunk-55J6XMHW.js";
-import {
-  createNavTriggerProps
-} from "./chunk-JF76VIL3.js";
-import {
-  trapFocus
-} from "./chunk-JIZQFTW6.js";
 import {
   makeSystemConfig
 } from "./chunk-KDDPAJMR.js";
@@ -259,6 +254,12 @@ import {
 import "./chunk-E3PAEB7Y.js";
 import "./chunk-IW3LIRDG.js";
 import "./chunk-36N4527B.js";
+import {
+  createNavTriggerProps
+} from "./chunk-JF76VIL3.js";
+import {
+  trapFocus
+} from "./chunk-JIZQFTW6.js";
 import {
   DateFormats,
   formatISOToMilitary,

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/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/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/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA,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/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/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/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.14.2-next-6531b4c",
+  "version": "0.14.2-next-58af9c8",
   "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.14.2-next-6531b4c"
+    "@cerberus/styled-system": "npm:@cerberus-design/styled-system@0.14.2-next-58af9c8"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Notification.tsx

@@ -63,6 +63,7 @@ export type NotificationProps = NotificationBaseProps & NotificationVariantProps
 export function Notification(props: PropsWithChildren<NotificationProps>) {
   const { children, palette, onClose, ...nativeProps } = props
   const ref = useRef<HTMLDialogElement>(null)
+
   const onKeyDown = trapFocus(ref)
   const styles = notification({ palette })
 
@@ -72,6 +73,7 @@ export function Notification(props: PropsWithChildren<NotificationProps>) {
   return (
     <dialog
       {...nativeProps}
+      data-placement="left"
       className={cx(
         nativeProps.className,
         hstack({

package/src/context/notification-center/store.ts

@@ -0,0 +1,88 @@
+import type { Dispatch } from 'react'
+import type {
+  AddNotifyAction,
+  ClearNotifyAction,
+  NotificationsStore,
+  RemoveNotifyAction,
+  UpdateNotifyAction,
+} from './types'
+
+/**
+ * This module contains the reducer store and actions for the notification
+ * center.
+ * @module notification-center/store
+ */
+
+/**
+ * The reducer for the notification center.
+ * @param state An array of notifications.
+ * @param action An action to take on the notifications.
+ * @returns The new state of the notifications.
+ */
+export function notificationCenterReducer(
+  state: NotificationsStore,
+  action:
+    | AddNotifyAction
+    | RemoveNotifyAction
+    | UpdateNotifyAction
+    | ClearNotifyAction,
+): NotificationsStore {
+  switch (action.type) {
+    case 'ADD_NOTIFICATION':
+      return [...state, action.payload]
+    case 'REMOVE_NOTIFICATION':
+      return state.filter((n) => n.id !== action.payload.id)
+    case 'UPDATE_NOTIFICATION':
+      return state.map((n) =>
+        n.id === action.payload.id ? { ...n, ...action.payload } : n,
+      )
+    case 'CLEAR_NOTIFICATIONS':
+      return []
+    default:
+      return state
+  }
+}
+
+/**
+ * Adds a notification to the notification center.
+ * @param dispatch The dispatch function.
+ * @param options The notification options.
+ */
+export function addNotification(
+  dispatch: Dispatch<AddNotifyAction>,
+  options: AddNotifyAction['payload'],
+) {
+  dispatch({ type: 'ADD_NOTIFICATION', payload: { ...options } })
+}
+
+/**
+ * Removes a notification from the notification center.
+ * @param dispatch The dispatch function.
+ * @param id The id of the notification to remove.
+ */
+export function removeNotification(
+  dispatch: Dispatch<RemoveNotifyAction>,
+  id: RemoveNotifyAction['payload']['id'],
+) {
+  dispatch({ type: 'REMOVE_NOTIFICATION', payload: { id } })
+}
+
+/**
+ * Updates a notification in the notification center.
+ * @param dispatch The dispatch function.
+ * @param options The notification options.
+ */
+export function updateNotificationState(
+  dispatch: Dispatch<UpdateNotifyAction>,
+  options: UpdateNotifyAction['payload'],
+) {
+  dispatch({ type: 'UPDATE_NOTIFICATION', payload: { ...options } })
+}
+
+/**
+ * Clears the notification state.
+ * @param dispatch The dispatch function.
+ */
+export function clearNotificationState(dispatch: Dispatch<ClearNotifyAction>) {
+  dispatch({ type: 'CLEAR_NOTIFICATIONS' })
+}

package/src/context/notification-center/types.ts

@@ -0,0 +1,28 @@
+import type { NotifyOptions } from '../notification-center'
+
+export type NotificationsStore = NotificationOption[]
+
+export type NotificationOption = NotifyOptions & {
+  state: 'open' | 'closed'
+}
+
+// Actions
+
+export type AddNotifyAction = {
+  type: 'ADD_NOTIFICATION'
+  payload: NotificationOption
+}
+
+export type RemoveNotifyAction = {
+  type: 'REMOVE_NOTIFICATION'
+  payload: { id: Required<NotificationOption['id']> }
+}
+
+export type UpdateNotifyAction = {
+  type: 'UPDATE_NOTIFICATION'
+  payload: {
+    id: Required<NotificationOption['id']>
+  } & Partial<NotificationOption>
+}
+
+export type ClearNotifyAction = { type: 'CLEAR_NOTIFICATIONS' }