@cerberus-design/react 0.14.2-next-3837068 → 0.14.2-next-d5ed509

package/build/modern/_tsup-dts-rollup.d.ts

@@ -42,6 +42,7 @@ import { defaultDropAnimation } from '@dnd-kit/core';
 import { defaultDropAnimationSideEffects } from '@dnd-kit/core';
 import { defaultScreenReaderInstructions } from '@dnd-kit/core';
 import { DialogHTMLAttributes } from 'react';
+import type { Dispatch } from 'react';
 import { DistanceMeasurement } from '@dnd-kit/core';
 import { DndContext } from '@dnd-kit/core';
 import { DndContextDescriptor } from '@dnd-kit/core';
@@ -319,6 +320,18 @@ export { Activators }
 
 export { Active }
 
+/**
+ * Adds a notification to the notification center.
+ * @param dispatch The dispatch function.
+ * @param options The notification options.
+ */
+export declare function addNotification(dispatch: Dispatch<AddNotifyAction>, options: AddNotifyAction['payload']): void;
+
+export declare type AddNotifyAction = {
+    type: 'ADD_NOTIFICATION';
+    payload: NotificationOption;
+};
+
 /**
  * The `Admonition` component is used to create an admonition.
  * @example
@@ -630,6 +643,16 @@ declare interface CircularProgressProps extends SVGProps<SVGSVGElement> {
 export { CircularProgressProps }
 export { CircularProgressProps as CircularProgressProps_alias_1 }
 
+/**
+ * Clears the notification state.
+ * @param dispatch The dispatch function.
+ */
+export declare function clearNotificationState(dispatch: Dispatch<ClearNotifyAction>): void;
+
+export declare type ClearNotifyAction = {
+    type: 'CLEAR_NOTIFICATIONS';
+};
+
 declare type ClickableTagProps = HTMLAttributes<HTMLSpanElement> & {
     /**
      * The gradient to apply to the tag. Not available when the onClick prop is
@@ -2304,6 +2327,19 @@ declare function NotificationCenter(props: PropsWithChildren<NotificationsProvid
 export { NotificationCenter }
 export { NotificationCenter as NotificationCenter_alias_1 }
 
+/**
+ * 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 declare function notificationCenterReducer(state: NotificationsStore, action: AddNotifyAction | RemoveNotifyAction | UpdateNotifyAction | ClearNotifyAction): NotificationsStore;
+
 /**
  * Used to render the description of a notification.
  * @see https://cerberus.digitalu.design/react/notification
@@ -2332,14 +2368,26 @@ declare type NotificationHeadingProps = BaseNotificationHeadingProps & Notificat
 export { NotificationHeadingProps }
 export { NotificationHeadingProps as NotificationHeadingProps_alias_1 }
 
+export declare type NotificationOption = NotifyOptions & {
+    state: 'open' | 'closed';
+};
+
 declare type NotificationProps = NotificationBaseProps & NotificationVariantProps;
 export { NotificationProps }
 export { NotificationProps as NotificationProps_alias_1 }
 
-declare type NotificationsProviderProps = PortalProps;
+declare type NotificationsProviderProps = PortalProps & {
+    /**
+     * The duration in milliseconds to show the notification.
+     * @default 6000
+     */
+    duration?: number;
+};
 export { NotificationsProviderProps }
 export { NotificationsProviderProps as NotificationsProviderProps_alias_1 }
 
+export declare type NotificationsStore = NotificationOption[];
+
 declare interface NotificationsValue {
     notify: (options: NotifyOptions) => void;
 }
@@ -2607,6 +2655,20 @@ export { RangePickerInput as RangePickerInput_alias_1 }
 
 export { rectIntersection }
 
+/**
+ * Removes a notification from the notification center.
+ * @param dispatch The dispatch function.
+ * @param id The id of the notification to remove.
+ */
+export declare function removeNotification(dispatch: Dispatch<RemoveNotifyAction>, id: RemoveNotifyAction['payload']['id']): void;
+
+export declare type RemoveNotifyAction = {
+    type: 'REMOVE_NOTIFICATION';
+    payload: {
+        id: Required<NotificationOption['id']>;
+    };
+};
+
 /**
  * This module provides a hook to get Cerberus colors from the document root.
  * @module useRootColors
@@ -3413,6 +3475,20 @@ export { TrProps as TrProps_alias_1 }
 
 export { UniqueIdentifier }
 
+/**
+ * Updates a notification in the notification center.
+ * @param dispatch The dispatch function.
+ * @param options The notification options.
+ */
+export declare function updateNotificationState(dispatch: Dispatch<UpdateNotifyAction>, options: UpdateNotifyAction['payload']): void;
+
+export declare type UpdateNotifyAction = {
+    type: 'UPDATE_NOTIFICATION';
+    payload: {
+        id: Required<NotificationOption['id']>;
+    } & Partial<NotificationOption>;
+};
+
 /**
  * Returns the Cerberus configuration context.
  * @returns The Cerberus configuration context.

package/build/modern/{chunk-JQCRDZNI.js → chunk-BAWZBF5Q.js}

@@ -1,6 +1,3 @@
-import {
-  Show
-} from "./chunk-BUVVRQLZ.js";
 import {
   AccordionItemIndicator
 } from "./chunk-XZGXRRSQ.js";
@@ -9,6 +6,9 @@ import {
   AccordionItemContent,
   AccordionItemTrigger
 } from "./chunk-IGHMP4WA.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
 
 // src/components/AccordionItemGroup.tsx
 import { css } from "@cerberus/styled-system/css";
@@ -38,4 +38,4 @@ function AccordionItemGroup(props) {
 export {
   AccordionItemGroup
 };
-//# sourceMappingURL=chunk-JQCRDZNI.js.map
+//# sourceMappingURL=chunk-BAWZBF5Q.js.map

package/build/modern/{chunk-UMF2TWZN.js → chunk-D252JE4V.js}

@@ -1,6 +1,9 @@
 import {
   Portal
 } from "./chunk-IQJDVFPP.js";
+import {
+  IconButton
+} from "./chunk-APD6IX5R.js";
 import {
   DatePickerContext,
   DatePickerTable,
@@ -10,18 +13,15 @@ import {
   DatePickerView,
   DatePickerViewControl
 } from "./chunk-5EWCH7AI.js";
-import {
-  IconButton
-} from "./chunk-APD6IX5R.js";
-import {
-  Button
-} from "./chunk-EXGKZGML.js";
 import {
   useFieldContext
 } from "./chunk-UZDVOIW5.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  Button
+} from "./chunk-EXGKZGML.js";
 
 // src/components/DatePicker.client.tsx
 import {
@@ -208,4 +208,4 @@ export {
   DatePickerYearView,
   DatePickerCalendar
 };
-//# sourceMappingURL=chunk-UMF2TWZN.js.map
+//# sourceMappingURL=chunk-D252JE4V.js.map

package/build/modern/{chunk-KF35CYT4.js → chunk-RDRD6ACD.js}

@@ -33,6 +33,7 @@ function Notification(props) {
     "dialog",
     {
       ...nativeProps,
+      "data-placement": "left",
       className: cx(
         nativeProps.className,
         hstack({
@@ -74,4 +75,4 @@ function Notification(props) {
 export {
   Notification
 };
-//# sourceMappingURL=chunk-KF35CYT4.js.map
+//# sourceMappingURL=chunk-RDRD6ACD.js.map

package/build/modern/{chunk-KF35CYT4.js.map → chunk-RDRD6ACD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Notification.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from '@cerberus/styled-system/css'\nimport { hstack, vstack } from '@cerberus/styled-system/patterns'\nimport {\n  notification,\n  type NotificationVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport {\n  useRef,\n  type DialogHTMLAttributes,\n  type PropsWithChildren,\n  type MouseEvent,\n} from 'react'\nimport { trapFocus } from '../aria-helpers/trap-focus.aria'\nimport { useCerberusContext } from '../context/cerberus'\n\n/**\n * This module exports the Notification component.\n * @module\n */\n\nfunction MatchNotificationIcon(props: NotificationVariantProps) {\n  const { icons } = useCerberusContext()\n  const palette = (props.palette || 'info') as\n    | 'info'\n    | 'success'\n    | 'warning'\n    | 'danger'\n  const key = `${palette}Notification` as keyof typeof icons\n  const Icon = icons[key]\n  return <Icon />\n}\n\nexport interface NotificationBaseProps\n  extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onClose'> {\n  /**\n   * The unique id of the notification. Required for the onClose callback.\n   */\n  id: string\n  /**\n   * Called when the close button is clicked.\n   */\n  onClose?: (e: MouseEvent<HTMLButtonElement>) => void\n}\nexport type NotificationProps = NotificationBaseProps & NotificationVariantProps\n\n/**\n * A static Notification component that displays a message to the user. This\n * is typically only used when not utilizing the NotificationCenter.\n * @see https://cerberus.digitalu.design/react/notification\n * @memberof module:NotificationCenter\n * @example\n * ```tsx\n * <Notification id=\"info:1\" open>\n *  <NotificationHeading>Info Notification</NotificationHeading>\n *  <NotificationDescription>\n *   This is a description with a <a href=\"#\">link</a> in the message.\n *  </NotificationDescription>\n * </Notification>\n * ```\n */\nexport function Notification(props: PropsWithChildren<NotificationProps>) {\n  const { children, palette, onClose, ...nativeProps } = props\n  const ref = useRef<HTMLDialogElement>(null)\n  const onKeyDown = trapFocus(ref)\n  const styles = notification({ palette })\n\n  const { icons } = useCerberusContext()\n  const { close: CloseIcon } = icons\n\n  return (\n    <dialog\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        hstack({\n          position: 'relative',\n          gap: '4',\n        }),\n        styles.dialog,\n      )}\n      onKeyDown={onKeyDown}\n      ref={ref}\n    >\n      <span className={styles.icon}>\n        <MatchNotificationIcon palette={palette} />\n      </span>\n\n      <div\n        className={vstack({\n          alignItems: 'flex-start',\n          gap: '0',\n          py: '2',\n        })}\n      >\n        {children}\n      </div>\n\n      <button\n        aria-label=\"Close\"\n        className={styles.close}\n        onClick={onClose}\n        value={props.id}\n      >\n        <CloseIcon />\n      </button>\n    </dialog>\n  )\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,UAAU;AACnB,SAAS,QAAQ,cAAc;AAC/B;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAIK;AAkBE,cAyCL,YAzCK;AATT,SAAS,sBAAsB,OAAiC;AAC9D,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,UAAW,MAAM,WAAW;AAKlC,QAAM,MAAM,GAAG,OAAO;AACtB,QAAM,OAAO,MAAM,GAAG;AACtB,SAAO,oBAAC,QAAK;AACf;AA8BO,SAAS,aAAa,OAA6C;AACxE,QAAM,EAAE,UAAU,SAAS,SAAS,GAAG,YAAY,IAAI;AACvD,QAAM,MAAM,OAA0B,IAAI;AAC1C,QAAM,YAAY,UAAU,GAAG;AAC/B,QAAM,SAAS,aAAa,EAAE,QAAQ,CAAC;AAEvC,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL,UAAU;AAAA,UACV,KAAK;AAAA,QACP,CAAC;AAAA,QACD,OAAO;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,UAAK,WAAW,OAAO,MACtB,8BAAC,yBAAsB,SAAkB,GAC3C;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,OAAO;AAAA,cAChB,YAAY;AAAA,cACZ,KAAK;AAAA,cACL,IAAI;AAAA,YACN,CAAC;AAAA,YAEA;AAAA;AAAA,QACH;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAW,OAAO;AAAA,YAClB,SAAS;AAAA,YACT,OAAO,MAAM;AAAA,YAEb,8BAAC,aAAU;AAAA;AAAA,QACb;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/Notification.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from '@cerberus/styled-system/css'\nimport { hstack, vstack } from '@cerberus/styled-system/patterns'\nimport {\n  notification,\n  type NotificationVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport {\n  useRef,\n  type DialogHTMLAttributes,\n  type PropsWithChildren,\n  type MouseEvent,\n} from 'react'\nimport { trapFocus } from '../aria-helpers/trap-focus.aria'\nimport { useCerberusContext } from '../context/cerberus'\n\n/**\n * This module exports the Notification component.\n * @module\n */\n\nfunction MatchNotificationIcon(props: NotificationVariantProps) {\n  const { icons } = useCerberusContext()\n  const palette = (props.palette || 'info') as\n    | 'info'\n    | 'success'\n    | 'warning'\n    | 'danger'\n  const key = `${palette}Notification` as keyof typeof icons\n  const Icon = icons[key]\n  return <Icon />\n}\n\nexport interface NotificationBaseProps\n  extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onClose'> {\n  /**\n   * The unique id of the notification. Required for the onClose callback.\n   */\n  id: string\n  /**\n   * Called when the close button is clicked.\n   */\n  onClose?: (e: MouseEvent<HTMLButtonElement>) => void\n}\nexport type NotificationProps = NotificationBaseProps & NotificationVariantProps\n\n/**\n * A static Notification component that displays a message to the user. This\n * is typically only used when not utilizing the NotificationCenter.\n * @see https://cerberus.digitalu.design/react/notification\n * @memberof module:NotificationCenter\n * @example\n * ```tsx\n * <Notification id=\"info:1\" open>\n *  <NotificationHeading>Info Notification</NotificationHeading>\n *  <NotificationDescription>\n *   This is a description with a <a href=\"#\">link</a> in the message.\n *  </NotificationDescription>\n * </Notification>\n * ```\n */\nexport function Notification(props: PropsWithChildren<NotificationProps>) {\n  const { children, palette, onClose, ...nativeProps } = props\n  const ref = useRef<HTMLDialogElement>(null)\n\n  const onKeyDown = trapFocus(ref)\n  const styles = notification({ palette })\n\n  const { icons } = useCerberusContext()\n  const { close: CloseIcon } = icons\n\n  return (\n    <dialog\n      {...nativeProps}\n      data-placement=\"left\"\n      className={cx(\n        nativeProps.className,\n        hstack({\n          position: 'relative',\n          gap: '4',\n        }),\n        styles.dialog,\n      )}\n      onKeyDown={onKeyDown}\n      ref={ref}\n    >\n      <span className={styles.icon}>\n        <MatchNotificationIcon palette={palette} />\n      </span>\n\n      <div\n        className={vstack({\n          alignItems: 'flex-start',\n          gap: '0',\n          py: '2',\n        })}\n      >\n        {children}\n      </div>\n\n      <button\n        aria-label=\"Close\"\n        className={styles.close}\n        onClick={onClose}\n        value={props.id}\n      >\n        <CloseIcon />\n      </button>\n    </dialog>\n  )\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,UAAU;AACnB,SAAS,QAAQ,cAAc;AAC/B;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAIK;AAkBE,cA0CL,YA1CK;AATT,SAAS,sBAAsB,OAAiC;AAC9D,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,UAAW,MAAM,WAAW;AAKlC,QAAM,MAAM,GAAG,OAAO;AACtB,QAAM,OAAO,MAAM,GAAG;AACtB,SAAO,oBAAC,QAAK;AACf;AA8BO,SAAS,aAAa,OAA6C;AACxE,QAAM,EAAE,UAAU,SAAS,SAAS,GAAG,YAAY,IAAI;AACvD,QAAM,MAAM,OAA0B,IAAI;AAE1C,QAAM,YAAY,UAAU,GAAG;AAC/B,QAAM,SAAS,aAAa,EAAE,QAAQ,CAAC;AAEvC,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,kBAAe;AAAA,MACf,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL,UAAU;AAAA,UACV,KAAK;AAAA,QACP,CAAC;AAAA,QACD,OAAO;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,UAAK,WAAW,OAAO,MACtB,8BAAC,yBAAsB,SAAkB,GAC3C;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,OAAO;AAAA,cAChB,YAAY;AAAA,cACZ,KAAK;AAAA,cACL,IAAI;AAAA,YACN,CAAC;AAAA,YAEA;AAAA;AAAA,QACH;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAW,OAAO;AAAA,YAClB,SAAS;AAAA,YACT,OAAO,MAAM;AAAA,YAEb,8BAAC,aAAU;AAAA;AAAA,QACb;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/{chunk-EMNBMH7Z.js → chunk-USYM6XU6.js}

@@ -7,12 +7,12 @@ import {
 import {
   FieldMessage
 } from "./chunk-JWIJHSI6.js";
-import {
-  Avatar
-} from "./chunk-GCQMH4QA.js";
 import {
   Field
 } from "./chunk-UZDVOIW5.js";
+import {
+  Avatar
+} from "./chunk-GCQMH4QA.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -227,4 +227,4 @@ export {
   processStatus,
   FileStatus
 };
-//# sourceMappingURL=chunk-EMNBMH7Z.js.map
+//# sourceMappingURL=chunk-USYM6XU6.js.map

package/build/modern/chunk-V3M3ZOQI.js

@@ -0,0 +1,38 @@
+// src/context/notification-center/store.ts
+function notificationCenterReducer(state, action) {
+  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;
+  }
+}
+function addNotification(dispatch, options) {
+  dispatch({ type: "ADD_NOTIFICATION", payload: { ...options } });
+}
+function removeNotification(dispatch, id) {
+  dispatch({ type: "REMOVE_NOTIFICATION", payload: { id } });
+}
+function updateNotificationState(dispatch, options) {
+  dispatch({ type: "UPDATE_NOTIFICATION", payload: { ...options } });
+}
+function clearNotificationState(dispatch) {
+  dispatch({ type: "CLEAR_NOTIFICATIONS" });
+}
+
+export {
+  notificationCenterReducer,
+  addNotification,
+  removeNotification,
+  updateNotificationState,
+  clearNotificationState
+};
+//# sourceMappingURL=chunk-V3M3ZOQI.js.map

package/build/modern/chunk-V3M3ZOQI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/notification-center/store.ts"],"sourcesContent":["import type { Dispatch } from 'react'\nimport type {\n  AddNotifyAction,\n  ClearNotifyAction,\n  NotificationsStore,\n  RemoveNotifyAction,\n  UpdateNotifyAction,\n} from './types'\n\n/**\n * This module contains the reducer store and actions for the notification\n * center.\n * @module notification-center/store\n */\n\n/**\n * The reducer for the notification center.\n * @param state An array of notifications.\n * @param action An action to take on the notifications.\n * @returns The new state of the notifications.\n */\nexport function notificationCenterReducer(\n  state: NotificationsStore,\n  action:\n    | AddNotifyAction\n    | RemoveNotifyAction\n    | UpdateNotifyAction\n    | ClearNotifyAction,\n): NotificationsStore {\n  switch (action.type) {\n    case 'ADD_NOTIFICATION':\n      return [...state, action.payload]\n    case 'REMOVE_NOTIFICATION':\n      return state.filter((n) => n.id !== action.payload.id)\n    case 'UPDATE_NOTIFICATION':\n      return state.map((n) =>\n        n.id === action.payload.id ? { ...n, ...action.payload } : n,\n      )\n    case 'CLEAR_NOTIFICATIONS':\n      return []\n    default:\n      return state\n  }\n}\n\n/**\n * Adds a notification to the notification center.\n * @param dispatch The dispatch function.\n * @param options The notification options.\n */\nexport function addNotification(\n  dispatch: Dispatch<AddNotifyAction>,\n  options: AddNotifyAction['payload'],\n) {\n  dispatch({ type: 'ADD_NOTIFICATION', payload: { ...options } })\n}\n\n/**\n * Removes a notification from the notification center.\n * @param dispatch The dispatch function.\n * @param id The id of the notification to remove.\n */\nexport function removeNotification(\n  dispatch: Dispatch<RemoveNotifyAction>,\n  id: RemoveNotifyAction['payload']['id'],\n) {\n  dispatch({ type: 'REMOVE_NOTIFICATION', payload: { id } })\n}\n\n/**\n * Updates a notification in the notification center.\n * @param dispatch The dispatch function.\n * @param options The notification options.\n */\nexport function updateNotificationState(\n  dispatch: Dispatch<UpdateNotifyAction>,\n  options: UpdateNotifyAction['payload'],\n) {\n  dispatch({ type: 'UPDATE_NOTIFICATION', payload: { ...options } })\n}\n\n/**\n * Clears the notification state.\n * @param dispatch The dispatch function.\n */\nexport function clearNotificationState(dispatch: Dispatch<ClearNotifyAction>) {\n  dispatch({ type: 'CLEAR_NOTIFICATIONS' })\n}\n"],"mappings":";AAqBO,SAAS,0BACd,OACA,QAKoB;AACpB,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AACH,aAAO,CAAC,GAAG,OAAO,OAAO,OAAO;AAAA,IAClC,KAAK;AACH,aAAO,MAAM,OAAO,CAAC,MAAM,EAAE,OAAO,OAAO,QAAQ,EAAE;AAAA,IACvD,KAAK;AACH,aAAO,MAAM;AAAA,QAAI,CAAC,MAChB,EAAE,OAAO,OAAO,QAAQ,KAAK,EAAE,GAAG,GAAG,GAAG,OAAO,QAAQ,IAAI;AAAA,MAC7D;AAAA,IACF,KAAK;AACH,aAAO,CAAC;AAAA,IACV;AACE,aAAO;AAAA,EACX;AACF;AAOO,SAAS,gBACd,UACA,SACA;AACA,WAAS,EAAE,MAAM,oBAAoB,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAC;AAChE;AAOO,SAAS,mBACd,UACA,IACA;AACA,WAAS,EAAE,MAAM,uBAAuB,SAAS,EAAE,GAAG,EAAE,CAAC;AAC3D;AAOO,SAAS,wBACd,UACA,SACA;AACA,WAAS,EAAE,MAAM,uBAAuB,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAC;AACnE;AAMO,SAAS,uBAAuB,UAAuC;AAC5E,WAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1C;","names":[]}

package/build/modern/{chunk-Z64YZ5IH.js → chunk-XDDLXEFV.js}

@@ -1,15 +1,15 @@
-import {
-  ModalHeader
-} from "./chunk-XY6WL55R.js";
-import {
-  ModalHeading
-} from "./chunk-2UXE5PDG.js";
 import {
   Modal
 } from "./chunk-BE4EOU2P.js";
 import {
   ModalDescription
 } from "./chunk-Q7BRMIBR.js";
+import {
+  ModalHeader
+} from "./chunk-XY6WL55R.js";
+import {
+  ModalHeading
+} from "./chunk-2UXE5PDG.js";
 import {
   Portal
 } from "./chunk-IQJDVFPP.js";
@@ -19,18 +19,18 @@ import {
 import {
   Avatar
 } from "./chunk-GCQMH4QA.js";
-import {
-  Button
-} from "./chunk-EXGKZGML.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
-import {
-  useModal
-} from "./chunk-KGQG5JGW.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  Button
+} from "./chunk-EXGKZGML.js";
+import {
+  useModal
+} from "./chunk-KGQG5JGW.js";
 import {
   trapFocus
 } from "./chunk-JIZQFTW6.js";
@@ -151,4 +151,4 @@ export {
   CTAModal,
   useCTAModal
 };
-//# sourceMappingURL=chunk-Z64YZ5IH.js.map
+//# sourceMappingURL=chunk-XDDLXEFV.js.map

package/build/modern/{chunk-CCTLGF5U.js → chunk-YJI4Y7BH.js}

@@ -1,33 +1,33 @@
-import {
-  ModalHeader
-} from "./chunk-XY6WL55R.js";
-import {
-  ModalHeading
-} from "./chunk-2UXE5PDG.js";
 import {
   Modal
 } from "./chunk-BE4EOU2P.js";
 import {
   ModalDescription
 } from "./chunk-Q7BRMIBR.js";
+import {
+  ModalHeader
+} from "./chunk-XY6WL55R.js";
+import {
+  ModalHeading
+} from "./chunk-2UXE5PDG.js";
 import {
   Portal
 } from "./chunk-IQJDVFPP.js";
 import {
   Avatar
 } from "./chunk-GCQMH4QA.js";
-import {
-  Button
-} from "./chunk-EXGKZGML.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
-import {
-  useModal
-} from "./chunk-KGQG5JGW.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  Button
+} from "./chunk-EXGKZGML.js";
+import {
+  useModal
+} from "./chunk-KGQG5JGW.js";
 import {
   trapFocus
 } from "./chunk-JIZQFTW6.js";
@@ -171,4 +171,4 @@ export {
   ConfirmModal,
   useConfirmModal
 };
-//# sourceMappingURL=chunk-CCTLGF5U.js.map
+//# sourceMappingURL=chunk-YJI4Y7BH.js.map

package/build/modern/chunk-YLMGZAKU.js

@@ -0,0 +1,180 @@
+import {
+  NotificationDescription
+} from "./chunk-UXY3KCC3.js";
+import {
+  NotificationHeading
+} from "./chunk-SLHYBPJ5.js";
+import {
+  Notification
+} from "./chunk-RDRD6ACD.js";
+import {
+  Portal
+} from "./chunk-IQJDVFPP.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
+import {
+  Button
+} from "./chunk-EXGKZGML.js";
+import {
+  addNotification,
+  clearNotificationState,
+  notificationCenterReducer,
+  removeNotification,
+  updateNotificationState
+} from "./chunk-V3M3ZOQI.js";
+
+// src/context/notification-center.tsx
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useMemo,
+  useReducer
+} from "react";
+import { animateIn, vstack } from "@cerberus/styled-system/patterns";
+import { notification } from "@cerberus/styled-system/recipes";
+import { cx } from "@cerberus/styled-system/css";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NotificationsContext = createContext(null);
+function NotificationCenter(props) {
+  const [state, dispatch] = useReducer(notificationCenterReducer, []);
+  const styles = notification();
+  const timeout = useMemo(
+    () => props.duration || 6e3,
+    [props.duration]
+  );
+  const closeNotification = useCallback(
+    (id) => {
+      updateNotificationState(dispatch, {
+        id,
+        state: "closed"
+      });
+      setTimeout(() => {
+        removeNotification(dispatch, id);
+      }, 150);
+    },
+    [dispatch]
+  );
+  const handleNotify = useCallback(
+    (options) => {
+      const id = `${options.palette}:${state.length + 1}`;
+      addNotification(dispatch, {
+        ...options,
+        id,
+        state: "open"
+      });
+      setTimeout(() => {
+        closeNotification(id);
+      }, timeout);
+    },
+    [dispatch, state, timeout, closeNotification]
+  );
+  const handleClose = useCallback(
+    (e) => {
+      const target = e.currentTarget;
+      closeNotification(target.value);
+    },
+    [closeNotification]
+  );
+  const handleCloseAll = useCallback(() => {
+    state.forEach((item) => {
+      if (item.onClose) item.onClose();
+    });
+    clearNotificationState(dispatch);
+  }, [state, dispatch]);
+  const value = useMemo(
+    () => ({
+      notify: handleNotify
+    }),
+    [handleNotify]
+  );
+  return /* @__PURE__ */ jsxs(NotificationsContext.Provider, { value, children: [
+    props.children,
+    /* @__PURE__ */ jsx(Show, { when: state.length > 0, children: /* @__PURE__ */ jsx(Portal, { container: props.container, children: /* @__PURE__ */ jsxs("div", { className: styles.center, children: [
+      /* @__PURE__ */ jsx(Show, { when: state.length >= 4, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: cx(styles.closeAll, animateIn()),
+          onClick: handleCloseAll,
+          palette: "action",
+          shape: "rounded",
+          size: "sm",
+          usage: "ghost",
+          children: "Close all"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: vstack({
+            alignItems: "flex-end",
+            gap: "4"
+          }),
+          style: {
+            alignItems: "flex-end"
+          },
+          children: state.map((option) => /* @__PURE__ */ jsx(
+            MatchNotification,
+            {
+              ...option,
+              onClose: handleClose,
+              open: option.state
+            },
+            option.id
+          ))
+        }
+      )
+    ] }) }) })
+  ] });
+}
+function MatchNotification(props) {
+  const { palette, id, onClose, heading, description, open } = props;
+  const sharedProps = useMemo(
+    () => ({
+      id,
+      open: true,
+      onClose,
+      "data-state": open
+    }),
+    [id, open, onClose]
+  );
+  switch (palette) {
+    case "success":
+      return /* @__PURE__ */ jsxs(Notification, { ...sharedProps, palette: "success", children: [
+        /* @__PURE__ */ jsx(NotificationHeading, { palette: "success", children: heading }),
+        /* @__PURE__ */ jsx(NotificationDescription, { palette: "success", children: description })
+      ] });
+    case "warning":
+      return /* @__PURE__ */ jsxs(Notification, { ...sharedProps, palette: "warning", children: [
+        /* @__PURE__ */ jsx(NotificationHeading, { palette: "warning", children: heading }),
+        /* @__PURE__ */ jsx(NotificationDescription, { palette: "warning", children: description })
+      ] });
+    case "danger":
+      return /* @__PURE__ */ jsxs(Notification, { ...sharedProps, palette: "danger", children: [
+        /* @__PURE__ */ jsx(NotificationHeading, { palette: "danger", children: heading }),
+        /* @__PURE__ */ jsx(NotificationDescription, { palette: "danger", children: description })
+      ] });
+    case "info":
+    default:
+      return /* @__PURE__ */ jsxs(Notification, { ...sharedProps, palette: "info", children: [
+        /* @__PURE__ */ jsx(NotificationHeading, { palette: "info", children: heading }),
+        /* @__PURE__ */ jsx(NotificationDescription, { palette: "info", children: description })
+      ] });
+  }
+}
+function useNotificationCenter() {
+  const context = useContext(NotificationsContext);
+  if (!context) {
+    throw new Error(
+      "useNotificationCenter must be used within a NotificationsProvider"
+    );
+  }
+  return context;
+}
+
+export {
+  NotificationCenter,
+  useNotificationCenter
+};
+//# sourceMappingURL=chunk-YLMGZAKU.js.map

package/build/modern/chunk-YLMGZAKU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/notification-center.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  type MouseEvent,\n  type PropsWithChildren,\n  type ReactNode,\n} from 'react'\nimport { Show } from '../components/Show'\nimport { NotificationHeading } from '../components/NotificationHeading'\nimport { NotificationDescription } from '../components/NotificationDescription'\nimport { Notification } from '../components/Notification'\nimport { animateIn, vstack } from '@cerberus/styled-system/patterns'\nimport { Portal, type PortalProps } from '../components/Portal'\nimport { notification } from '@cerberus/styled-system/recipes'\nimport { Button } from '../components/Button'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  addNotification,\n  clearNotificationState,\n  notificationCenterReducer,\n  removeNotification,\n  updateNotificationState,\n} from './notification-center/store'\n\n/**\n * This module provides a context and hook for notifications.\n * @module\n */\n\nexport interface NotifyOptions {\n  /**\n   * The palette of the notification.\n   * @default 'info'\n   */\n  palette: 'info' | 'success' | 'warning' | 'danger'\n  /**\n   * The heading of the notification.\n   */\n  heading: string\n  /**\n   * The unique id of the notification.\n   */\n  id?: string\n  /**\n   * The description of the notification.\n   */\n  description?: ReactNode\n  /**\n   * The action to take when the notification is closed\n   */\n  onClose?: () => void\n}\n\nexport interface NotificationsValue {\n  notify: (options: NotifyOptions) => void\n}\n\nconst NotificationsContext = createContext<NotificationsValue | null>(null)\n\nexport type NotificationsProviderProps = PortalProps & {\n  /**\n   * The duration in milliseconds to show the notification.\n   * @default 6000\n   */\n  duration?: number\n}\n\n/**\n * Provides a notification center to the app.\n * @see https://cerberus.digitalu.design/react/notification\n * @example\n * ```tsx\n * // Wrap the Provider around the root of the feature.\n * <Notifications>\n *   <SomeFeatureSection />\n * </Notifications>\n *\n * // Use the hook to show a notification.\n * const notify = useNotifications()\n *\n * const handleClick = useCallback(() => {\n *  notify({\n *   palette: 'info',\n *   heading: 'New feature!',\n *   description: 'We have added a new feature to the app.',\n * })\n * }, [notify])\n * ```\n */\nexport function NotificationCenter(\n  props: PropsWithChildren<NotificationsProviderProps>,\n) {\n  const [state, dispatch] = useReducer(notificationCenterReducer, [])\n  const styles = notification()\n\n  const timeout = useMemo<number>(\n    () => props.duration || 6000,\n    [props.duration],\n  )\n\n  const closeNotification = useCallback(\n    (id: string) => {\n      updateNotificationState(dispatch, {\n        id,\n        state: 'closed',\n      })\n      setTimeout(() => {\n        removeNotification(dispatch, id)\n      }, 150)\n    },\n    [dispatch],\n  )\n\n  const handleNotify = useCallback(\n    (options: NotifyOptions) => {\n      const id = `${options.palette}:${state.length + 1}`\n      addNotification(dispatch, {\n        ...options,\n        id,\n        state: 'open',\n      })\n\n      setTimeout(() => {\n        closeNotification(id)\n      }, timeout)\n    },\n    [dispatch, state, timeout, closeNotification],\n  )\n\n  const handleClose = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const target = e.currentTarget as HTMLButtonElement\n      closeNotification(target.value)\n    },\n    [closeNotification],\n  )\n\n  const handleCloseAll = useCallback(() => {\n    state.forEach((item) => {\n      if (item.onClose) item.onClose()\n    })\n    // we don't want to animate out for this one\n    clearNotificationState(dispatch)\n  }, [state, dispatch])\n\n  const value = useMemo(\n    () => ({\n      notify: handleNotify,\n    }),\n    [handleNotify],\n  )\n\n  // For some reason, the vstack pattern alignItems is not registering here.\n  // So we are forcing it with the style prop.\n\n  return (\n    <NotificationsContext.Provider value={value}>\n      {props.children}\n\n      <Show when={state.length > 0}>\n        <Portal container={props.container}>\n          <div className={styles.center}>\n            <Show when={state.length >= 4}>\n              <Button\n                className={cx(styles.closeAll, animateIn())}\n                onClick={handleCloseAll}\n                palette=\"action\"\n                shape=\"rounded\"\n                size=\"sm\"\n                usage=\"ghost\"\n              >\n                Close all\n              </Button>\n            </Show>\n\n            <div\n              className={vstack({\n                alignItems: 'flex-end',\n                gap: '4',\n              })}\n              style={{\n                alignItems: 'flex-end',\n              }}\n            >\n              {state.map((option) => (\n                <MatchNotification\n                  key={option.id}\n                  {...option}\n                  onClose={handleClose}\n                  open={option.state}\n                />\n              ))}\n            </div>\n          </div>\n        </Portal>\n      </Show>\n    </NotificationsContext.Provider>\n  )\n}\n\ninterface MatchNotificationProps extends Omit<NotifyOptions, 'onClose'> {\n  open: 'open' | 'closed'\n  onClose: (e: MouseEvent<HTMLButtonElement>) => void\n  key: string | undefined\n}\n\nfunction MatchNotification(props: MatchNotificationProps) {\n  const { palette, id, onClose, heading, description, open } = props\n  const sharedProps = useMemo(\n    () => ({\n      id: id!,\n      open: true,\n      onClose,\n      'data-state': open,\n    }),\n    [id, open, onClose],\n  )\n\n  switch (palette) {\n    case 'success':\n      return (\n        <Notification {...sharedProps} palette=\"success\">\n          <NotificationHeading palette=\"success\">{heading}</NotificationHeading>\n          <NotificationDescription palette=\"success\">\n            {description}\n          </NotificationDescription>\n        </Notification>\n      )\n\n    case 'warning':\n      return (\n        <Notification {...sharedProps} palette=\"warning\">\n          <NotificationHeading palette=\"warning\">{heading}</NotificationHeading>\n          <NotificationDescription palette=\"warning\">\n            {description}\n          </NotificationDescription>\n        </Notification>\n      )\n\n    case 'danger':\n      return (\n        <Notification {...sharedProps} palette=\"danger\">\n          <NotificationHeading palette=\"danger\">{heading}</NotificationHeading>\n          <NotificationDescription palette=\"danger\">\n            {description}\n          </NotificationDescription>\n        </Notification>\n      )\n\n    case 'info':\n    default:\n      return (\n        <Notification {...sharedProps} palette=\"info\">\n          <NotificationHeading palette=\"info\">{heading}</NotificationHeading>\n          <NotificationDescription palette=\"info\">\n            {description}\n          </NotificationDescription>\n        </Notification>\n      )\n  }\n}\n\n/**\n * The hook to use the NotificationCenter.\n * @returns The notify method to trigger a notification.\n * @example\n * ```tsx\n * const {notify} = useNotificationCenter()\n * notify({\n *  palette: 'info',\n *  heading: 'New feature',\n *  description: 'We have added a new feature to the app.',\n * })\n * ```\n */\nexport function useNotificationCenter(): NotificationsValue {\n  const context = useContext(NotificationsContext)\n  if (!context) {\n    throw new Error(\n      'useNotificationCenter must be used within a NotificationsProvider',\n    )\n  }\n  return context\n}\n"],"mappings":"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","names":[]}

package/build/modern/{chunk-QKZZHZL4.js → chunk-ZHBHPMTP.js}

@@ -1,3 +1,9 @@
+import {
+  Modal
+} from "./chunk-BE4EOU2P.js";
+import {
+  ModalDescription
+} from "./chunk-Q7BRMIBR.js";
 import {
   ModalHeader
 } from "./chunk-XY6WL55R.js";
@@ -10,33 +16,27 @@ import {
 import {
   Label
 } from "./chunk-NMF2HYWO.js";
-import {
-  Modal
-} from "./chunk-BE4EOU2P.js";
-import {
-  ModalDescription
-} from "./chunk-Q7BRMIBR.js";
 import {
   Portal
 } from "./chunk-IQJDVFPP.js";
-import {
-  Avatar
-} from "./chunk-GCQMH4QA.js";
-import {
-  Button
-} from "./chunk-EXGKZGML.js";
 import {
   Field
 } from "./chunk-UZDVOIW5.js";
+import {
+  Avatar
+} from "./chunk-GCQMH4QA.js";
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
-import {
-  useModal
-} from "./chunk-KGQG5JGW.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
+import {
+  Button
+} from "./chunk-EXGKZGML.js";
+import {
+  useModal
+} from "./chunk-KGQG5JGW.js";
 import {
   trapFocus
 } from "./chunk-JIZQFTW6.js";
@@ -241,4 +241,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-QKZZHZL4.js.map
+//# sourceMappingURL=chunk-ZHBHPMTP.js.map