@cerberus-design/react 0.16.0-next-d049636 → 0.17.0-next-e7f9956

package/build/modern/components/switch/switch.js

@@ -1,8 +1,8 @@
 import {
   Switch
-} from "../../chunk-OVHCXBBI.js";
+} from "../../chunk-JOM5AAVW.js";
 import "../../chunk-CAZ3EICD.js";
-import "../../chunk-KQQPZJEI.js";
+import "../../chunk-HUN7VQBT.js";
 import "../../chunk-LZWNHXRP.js";
 import "../../chunk-GITT5645.js";
 export {

package/build/modern/components/table/index.d.ts

@@ -0,0 +1,13 @@
+export { TablePartsValue_alias_1 as TablePartsValue } from '../../_tsup-dts-rollup.js';
+export { TableParts_alias_1 as TableParts } from '../../_tsup-dts-rollup.js';
+export { TableRoot_alias_1 as TableRoot } from '../../_tsup-dts-rollup.js';
+export { TableEl_alias_1 as TableEl } from '../../_tsup-dts-rollup.js';
+export { Caption_alias_1 as Caption } from '../../_tsup-dts-rollup.js';
+export { Thead_alias_1 as Thead } from '../../_tsup-dts-rollup.js';
+export { Th_alias_1 as Th } from '../../_tsup-dts-rollup.js';
+export { Tbody_alias_1 as Tbody } from '../../_tsup-dts-rollup.js';
+export { Tr_alias_1 as Tr } from '../../_tsup-dts-rollup.js';
+export { Td_alias_1 as Td } from '../../_tsup-dts-rollup.js';
+export { Tfoot_alias_1 as Tfoot } from '../../_tsup-dts-rollup.js';
+export { TableTrigger_alias_1 as TableTrigger } from '../../_tsup-dts-rollup.js';
+export { Table_alias_1 as Table } from '../../_tsup-dts-rollup.js';

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

@@ -0,0 +1,35 @@
+import "../../chunk-M6WOFFOA.js";
+import {
+  TableParts
+} from "../../chunk-4IXQNNAM.js";
+import {
+  Table
+} from "../../chunk-5DY66QZD.js";
+import {
+  Caption,
+  TableEl,
+  TableRoot,
+  TableTrigger,
+  Tbody,
+  Td,
+  Tfoot,
+  Th,
+  Thead,
+  Tr
+} from "../../chunk-A464YKEL.js";
+import "../../chunk-BUVVRQLZ.js";
+export {
+  Caption,
+  Table,
+  TableEl,
+  TableParts,
+  TableRoot,
+  TableTrigger,
+  Tbody,
+  Td,
+  Tfoot,
+  Th,
+  Thead,
+  Tr
+};
+//# sourceMappingURL=index.js.map

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

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

package/build/modern/components/table/parts.d.ts

@@ -0,0 +1,2 @@
+export { TablePartsValue_alias_2 as TablePartsValue } from '../../_tsup-dts-rollup.js';
+export { TableParts_alias_2 as TableParts } from '../../_tsup-dts-rollup.js';

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

@@ -0,0 +1,8 @@
+import {
+  TableParts
+} from "../../chunk-4IXQNNAM.js";
+import "../../chunk-A464YKEL.js";
+export {
+  TableParts
+};
+//# sourceMappingURL=parts.js.map

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

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

package/build/modern/components/table/primitives.d.ts

@@ -0,0 +1,10 @@
+export { TableRoot_alias_2 as TableRoot } from '../../_tsup-dts-rollup.js';
+export { TableEl_alias_2 as TableEl } from '../../_tsup-dts-rollup.js';
+export { Caption_alias_2 as Caption } from '../../_tsup-dts-rollup.js';
+export { Thead_alias_2 as Thead } from '../../_tsup-dts-rollup.js';
+export { Th_alias_2 as Th } from '../../_tsup-dts-rollup.js';
+export { Tbody_alias_2 as Tbody } from '../../_tsup-dts-rollup.js';
+export { Tr_alias_2 as Tr } from '../../_tsup-dts-rollup.js';
+export { Td_alias_2 as Td } from '../../_tsup-dts-rollup.js';
+export { Tfoot_alias_2 as Tfoot } from '../../_tsup-dts-rollup.js';
+export { TableTrigger_alias_2 as TableTrigger } from '../../_tsup-dts-rollup.js';

package/build/modern/components/table/primitives.js

@@ -0,0 +1,25 @@
+import {
+  Caption,
+  TableEl,
+  TableRoot,
+  TableTrigger,
+  Tbody,
+  Td,
+  Tfoot,
+  Th,
+  Thead,
+  Tr
+} from "../../chunk-A464YKEL.js";
+export {
+  Caption,
+  TableEl,
+  TableRoot,
+  TableTrigger,
+  Tbody,
+  Td,
+  Tfoot,
+  Th,
+  Thead,
+  Tr
+};
+//# sourceMappingURL=primitives.js.map

package/build/modern/components/table/primitives.js.map

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

package/build/modern/components/table/table.d.ts

@@ -0,0 +1 @@
+export { Table_alias_2 as Table } from '../../_tsup-dts-rollup.js';

package/build/modern/components/table/table.js

@@ -0,0 +1,9 @@
+import {
+  Table
+} from "../../chunk-5DY66QZD.js";
+import "../../chunk-A464YKEL.js";
+import "../../chunk-BUVVRQLZ.js";
+export {
+  Table
+};
+//# sourceMappingURL=table.js.map

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

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

package/build/modern/components/tabs/index.d.ts

@@ -0,0 +1,8 @@
+export { TabsPartsValue_alias_1 as TabsPartsValue } from '../../_tsup-dts-rollup.js';
+export { TabsParts_alias_1 as TabsParts } from '../../_tsup-dts-rollup.js';
+export { TabsRoot_alias_1 as TabsRoot } from '../../_tsup-dts-rollup.js';
+export { TabsList_alias_1 as TabsList } from '../../_tsup-dts-rollup.js';
+export { TabsTrigger_alias_1 as TabsTrigger } from '../../_tsup-dts-rollup.js';
+export { TabsContent_alias_1 as TabsContent } from '../../_tsup-dts-rollup.js';
+export { TabsIndicator_alias_1 as TabsIndicator } from '../../_tsup-dts-rollup.js';
+export { Tabs_alias_1 as Tabs } from '../../_tsup-dts-rollup.js';

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

@@ -0,0 +1,24 @@
+import "../../chunk-4HVKAHBX.js";
+import {
+  Tabs
+} from "../../chunk-EH36PXVP.js";
+import {
+  TabsParts
+} from "../../chunk-YUNLWTUB.js";
+import {
+  TabsContent,
+  TabsIndicator,
+  TabsList,
+  TabsRoot,
+  TabsTrigger
+} from "../../chunk-4GFEWP76.js";
+export {
+  Tabs,
+  TabsContent,
+  TabsIndicator,
+  TabsList,
+  TabsParts,
+  TabsRoot,
+  TabsTrigger
+};
+//# sourceMappingURL=index.js.map

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

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

package/build/modern/components/tabs/parts.d.ts

@@ -0,0 +1,2 @@
+export { TabsPartsValue_alias_2 as TabsPartsValue } from '../../_tsup-dts-rollup.js';
+export { TabsParts_alias_2 as TabsParts } from '../../_tsup-dts-rollup.js';

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

@@ -0,0 +1,8 @@
+import {
+  TabsParts
+} from "../../chunk-YUNLWTUB.js";
+import "../../chunk-4GFEWP76.js";
+export {
+  TabsParts
+};
+//# sourceMappingURL=parts.js.map

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

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

package/build/modern/components/tabs/primitives.d.ts

@@ -0,0 +1,5 @@
+export { TabsRoot_alias_2 as TabsRoot } from '../../_tsup-dts-rollup.js';
+export { TabsList_alias_2 as TabsList } from '../../_tsup-dts-rollup.js';
+export { TabsTrigger_alias_2 as TabsTrigger } from '../../_tsup-dts-rollup.js';
+export { TabsContent_alias_2 as TabsContent } from '../../_tsup-dts-rollup.js';
+export { TabsIndicator_alias_2 as TabsIndicator } from '../../_tsup-dts-rollup.js';

package/build/modern/components/tabs/primitives.js

@@ -0,0 +1,15 @@
+import {
+  TabsContent,
+  TabsIndicator,
+  TabsList,
+  TabsRoot,
+  TabsTrigger
+} from "../../chunk-4GFEWP76.js";
+export {
+  TabsContent,
+  TabsIndicator,
+  TabsList,
+  TabsRoot,
+  TabsTrigger
+};
+//# sourceMappingURL=primitives.js.map

package/build/modern/components/tabs/primitives.js.map

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

package/build/modern/components/tabs/tabs.d.ts

@@ -0,0 +1 @@
+export { Tabs_alias_2 as Tabs } from '../../_tsup-dts-rollup.js';

package/build/modern/components/tabs/tabs.js

@@ -0,0 +1,9 @@
+import {
+  Tabs
+} from "../../chunk-EH36PXVP.js";
+import "../../chunk-YUNLWTUB.js";
+import "../../chunk-4GFEWP76.js";
+export {
+  Tabs
+};
+//# sourceMappingURL=tabs.js.map

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

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

package/build/modern/components/toggle/index.d.ts

@@ -0,0 +1,3 @@
+export { ToggleParts_alias_1 as ToggleParts } from '../../_tsup-dts-rollup.js';
+export { ToggleRoot_alias_1 as ToggleRoot } from '../../_tsup-dts-rollup.js';
+export { ToggleIndicator_alias_1 as ToggleIndicator } from '../../_tsup-dts-rollup.js';

package/build/modern/components/toggle/parts.d.ts

@@ -0,0 +1 @@
+export { ToggleParts_alias_2 as ToggleParts } from '../../_tsup-dts-rollup.js';

package/build/modern/components/toggle/primitives.d.ts

@@ -0,0 +1,2 @@
+export { ToggleRoot_alias_2 as ToggleRoot } from '../../_tsup-dts-rollup.js';
+export { ToggleIndicator_alias_2 as ToggleIndicator } from '../../_tsup-dts-rollup.js';

package/build/modern/config/defineIcons.d.ts

@@ -0,0 +1 @@
+export { defineIcons_alias_1 as defineIcons } from '../_tsup-dts-rollup.js';

package/build/modern/config/defineIcons.js

@@ -1,8 +1,8 @@
 import {
   defineIcons
-} from "../chunk-5SNLQZYP.js";
+} from "../chunk-M7T3MBFB.js";
 import "../chunk-E3PAEB7Y.js";
-import "../chunk-IW3LIRDG.js";
+import "../chunk-VV2G62UD.js";
 export {
   defineIcons
 };

package/build/modern/config/icons/checkbox.icons.d.ts

@@ -0,0 +1,4 @@
+export { CheckmarkIcon } from '../../_tsup-dts-rollup.js';
+export { IndeterminateIcon } from '../../_tsup-dts-rollup.js';
+export { CheckboxIconProps } from '../../_tsup-dts-rollup.js';
+export { IndeterminateIconProps } from '../../_tsup-dts-rollup.js';

package/build/modern/config/index.d.ts

@@ -0,0 +1,5 @@
+export { makeSystemConfig_alias_1 as makeSystemConfig } from '../_tsup-dts-rollup.js';
+export { defineIcons_alias_2 as defineIcons } from '../_tsup-dts-rollup.js';
+export { SystemConfig_alias_1 as SystemConfig } from '../_tsup-dts-rollup.js';
+export { DefinedIcons_alias_1 as DefinedIcons } from '../_tsup-dts-rollup.js';
+export { IconType_alias_1 as IconType } from '../_tsup-dts-rollup.js';

package/build/modern/config/index.js

@@ -3,10 +3,10 @@ import {
 } from "../chunk-KDDPAJMR.js";
 import {
   defineIcons
-} from "../chunk-5SNLQZYP.js";
+} from "../chunk-M7T3MBFB.js";
 import "../chunk-E3PAEB7Y.js";
-import "../chunk-IW3LIRDG.js";
 import "../chunk-36N4527B.js";
+import "../chunk-VV2G62UD.js";
 export {
   defineIcons,
   makeSystemConfig

package/build/modern/config/types.d.ts

@@ -0,0 +1,3 @@
+export { SystemConfig_alias_2 as SystemConfig } from '../_tsup-dts-rollup.js';
+export { DefinedIcons_alias_2 as DefinedIcons } from '../_tsup-dts-rollup.js';
+export { IconType_alias_2 as IconType } from '../_tsup-dts-rollup.js';

package/build/modern/context/cerberus.d.ts

@@ -0,0 +1,2 @@
+export { CerberusProvider_alias_1 as CerberusProvider } from '../_tsup-dts-rollup.js';
+export { useCerberusContext_alias_1 as useCerberusContext } from '../_tsup-dts-rollup.js';

package/build/modern/context/confirm-modal.d.ts

@@ -0,0 +1,9 @@
+export { ConfirmModal_alias_1 as ConfirmModal } from '../_tsup-dts-rollup.js';
+export { useConfirmModal_alias_1 as useConfirmModal } from '../_tsup-dts-rollup.js';
+export { BaseConfirmOptions_alias_1 as BaseConfirmOptions } from '../_tsup-dts-rollup.js';
+export { DestructiveConfirmOptions_alias_1 as DestructiveConfirmOptions } from '../_tsup-dts-rollup.js';
+export { NonDestructiveConfirmModalOptions_alias_1 as NonDestructiveConfirmModalOptions } from '../_tsup-dts-rollup.js';
+export { ShowConfirmModalOptions_alias_1 as ShowConfirmModalOptions } from '../_tsup-dts-rollup.js';
+export { ShowResult_alias_1 as ShowResult } from '../_tsup-dts-rollup.js';
+export { ConfirmModalValue_alias_1 as ConfirmModalValue } from '../_tsup-dts-rollup.js';
+export { ConfirmModalProviderProps_alias_1 as ConfirmModalProviderProps } from '../_tsup-dts-rollup.js';

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

@@ -2,18 +2,22 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-EQPYRZ3X.js";
+} from "../chunk-IP3O6AIC.js";
 import "../chunk-DJOYRUNT.js";
-import "../chunk-NZKE7C53.js";
-import "../chunk-MH6CIBDU.js";
-import "../chunk-APD6IX5R.js";
 import "../chunk-FCSO6N2Y.js";
+import "../chunk-GVU6L6CZ.js";
+import "../chunk-MH6CIBDU.js";
 import "../chunk-D7UIWAFO.js";
-import "../chunk-SXLPDPOZ.js";
-import "../chunk-6KZVE4HC.js";
-import "../chunk-7SYJFI5E.js";
-import "../chunk-IQJDVFPP.js";
+import "../chunk-RD2YPFRA.js";
+import "../chunk-N4RPMT6J.js";
+import "../chunk-SYPAA5YF.js";
+import "../chunk-2FRF57EU.js";
+import "../chunk-BL7G3577.js";
+import "../chunk-FQLMPEYX.js";
 import "../chunk-GITT5645.js";
+import "../chunk-SRNDDY5D.js";
+import "../chunk-IQJDVFPP.js";
+import "../chunk-7SYJFI5E.js";
 import "../chunk-BUVVRQLZ.js";
 export {
   ConfirmModal,

package/build/modern/context/feature-flags.d.ts

@@ -0,0 +1,4 @@
+export { FeatureFlags_alias_1 as FeatureFlags } from '../_tsup-dts-rollup.js';
+export { useFeatureFlags_alias_1 as useFeatureFlags } from '../_tsup-dts-rollup.js';
+export { FeatureFlagValue_alias_1 as FeatureFlagValue } from '../_tsup-dts-rollup.js';
+export { FeatureFlagProviderProps_alias_1 as FeatureFlagProviderProps } from '../_tsup-dts-rollup.js';

package/build/modern/context/field.d.ts

@@ -0,0 +1,3 @@
+export { FieldProvider } from '../_tsup-dts-rollup.js';
+export { useFieldContext } from '../_tsup-dts-rollup.js';
+export { FieldContextValue } from '../_tsup-dts-rollup.js';

package/build/modern/context/navMenu.d.ts

@@ -0,0 +1,5 @@
+export { NavMenu_alias_1 as NavMenu } from '../_tsup-dts-rollup.js';
+export { useNavMenuContext_alias_1 as useNavMenuContext } from '../_tsup-dts-rollup.js';
+export { NavTriggerRef_alias_1 as NavTriggerRef } from '../_tsup-dts-rollup.js';
+export { NavMenuRef_alias_1 as NavMenuRef } from '../_tsup-dts-rollup.js';
+export { NavMenuContextValue_alias_1 as NavMenuContextValue } from '../_tsup-dts-rollup.js';

package/build/modern/context/notification-center/store.d.ts

@@ -0,0 +1,5 @@
+export { notificationCenterReducer } from '../../_tsup-dts-rollup.js';
+export { addNotification } from '../../_tsup-dts-rollup.js';
+export { removeNotification } from '../../_tsup-dts-rollup.js';
+export { updateNotificationState } from '../../_tsup-dts-rollup.js';
+export { clearNotificationState } from '../../_tsup-dts-rollup.js';

package/build/modern/context/notification-center/types.d.ts

@@ -0,0 +1,6 @@
+export { NotificationsStore } from '../../_tsup-dts-rollup.js';
+export { NotificationOption } from '../../_tsup-dts-rollup.js';
+export { AddNotifyAction } from '../../_tsup-dts-rollup.js';
+export { RemoveNotifyAction } from '../../_tsup-dts-rollup.js';
+export { UpdateNotifyAction } from '../../_tsup-dts-rollup.js';
+export { ClearNotifyAction } from '../../_tsup-dts-rollup.js';

package/build/modern/context/notification-center.d.ts

@@ -0,0 +1,5 @@
+export { NotificationCenter_deprecated } from '../_tsup-dts-rollup.js';
+export { useNotificationCenter_deprecated } from '../_tsup-dts-rollup.js';
+export { NotifyOptions_alias_3 as NotifyOptions } from '../_tsup-dts-rollup.js';
+export { NotificationsValue } from '../_tsup-dts-rollup.js';
+export { NotificationsProviderProps } from '../_tsup-dts-rollup.js';

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

@@ -1,20 +1,183 @@
 "use client";
 import {
-  NotificationCenter,
-  useNotificationCenter
-} from "../chunk-AAGQR6B4.js";
-import "../chunk-RDRD6ACD.js";
-import "../chunk-UXY3KCC3.js";
-import "../chunk-SLHYBPJ5.js";
-import "../chunk-V3M3ZOQI.js";
-import "../chunk-6KZVE4HC.js";
-import "../chunk-7SYJFI5E.js";
-import "../chunk-IQJDVFPP.js";
+  addNotification,
+  clearNotificationState,
+  notificationCenterReducer,
+  removeNotification,
+  updateNotificationState
+} from "../chunk-V3M3ZOQI.js";
+import {
+  Notification
+} from "../chunk-EUYI7C2E.js";
+import {
+  NotificationDescription
+} from "../chunk-QJ3CJ4CR.js";
+import {
+  NotificationHeading
+} from "../chunk-V6LNXFJV.js";
+import {
+  Button
+} from "../chunk-RD2YPFRA.js";
 import "../chunk-GITT5645.js";
-import "../chunk-BUVVRQLZ.js";
+import {
+  Portal
+} from "../chunk-IQJDVFPP.js";
+import "../chunk-7SYJFI5E.js";
 import "../chunk-JIZQFTW6.js";
+import {
+  Show
+} from "../chunk-BUVVRQLZ.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_deprecated(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"
+      });
+      window.setTimeout(() => {
+        removeNotification(dispatch, id);
+      }, 150);
+    },
+    [dispatch]
+  );
+  const handleNotify = useCallback(
+    (options) => {
+      const id = `${options.palette}:${state.length + 1}`;
+      addNotification(dispatch, {
+        ...options,
+        id,
+        state: "open"
+      });
+      window.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_deprecated() {
+  const context = useContext(NotificationsContext);
+  if (!context) {
+    throw new Error(
+      "useNotificationCenter must be used within a NotificationsProvider"
+    );
+  }
+  return context;
+}
 export {
-  NotificationCenter,
-  useNotificationCenter
+  NotificationCenter_deprecated,
+  useNotificationCenter_deprecated
 };
 //# sourceMappingURL=notification-center.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"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 { animateIn, vstack } from '@cerberus/styled-system/patterns'\nimport { notification } from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus/styled-system/css'\nimport { Show } from '../components/Show'\nimport { NotificationHeading } from '../components/deprecated/NotificationHeading'\nimport { NotificationDescription } from '../components/deprecated/NotificationDescription'\nimport { Notification } from '../components/deprecated/Notification'\nimport { Portal, type PortalProps } from '../components/Portal'\nimport { Button } from '../components/button/button'\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 * @deprecated\n */\nexport function NotificationCenter_deprecated(\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      window.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      window.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\nexport function useNotificationCenter_deprecated(): 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/context/prompt-modal.d.ts

@@ -0,0 +1,6 @@
+export { PromptModal_alias_1 as PromptModal } from '../_tsup-dts-rollup.js';
+export { usePromptModal_alias_1 as usePromptModal } from '../_tsup-dts-rollup.js';
+export { ShowPromptModalOptions_alias_1 as ShowPromptModalOptions } from '../_tsup-dts-rollup.js';
+export { PromptShowResult_alias_1 as PromptShowResult } from '../_tsup-dts-rollup.js';
+export { PromptModalValue_alias_1 as PromptModalValue } from '../_tsup-dts-rollup.js';
+export { PromptModalProviderProps_alias_1 as PromptModalProviderProps } from '../_tsup-dts-rollup.js';