@cerberus-design/react 1.2.0 → 1.3.0-rc.1

package/dist/components/menu/menu.d.ts

@@ -1,7 +1,7 @@
 import { MenuContentProps, MenuTriggerProps } from './primitives';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { CerberusPrimitiveProps } from '../..';
 import { MenuRootProps, MenuItemProps, MenuItemGroupProps, MenuItemGroupLabelProps, MenuSeparatorProps } from '@ark-ui/react';
-import { RefAttributes } from 'react';
 /**
  * This module contains the Menu named abstractions component.
  * @module @cerberus-design/react/components/menu
@@ -16,10 +16,7 @@ import { RefAttributes } from 'react';
  *  <MenuTrigger>Trigger</MenuTrigger>
  * </Menu>
  */
-export declare const Menu: {
-    (internalProps: CerberusPrimitiveProps<MenuRootProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const Menu: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<MenuRootProps>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The MenuTrigger component opens/closes the Menu.
  * @definition [Cerberus docs](https://cerberus.digitalu.design/react/menu/dev)
@@ -63,10 +60,7 @@ export declare function MenuContent(props: MenuContentProps): import("react/jsx-
  *  </MenuContent>
  * </Menu>
  */
-export declare const MenuItem: {
-    (internalProps: CerberusPrimitiveProps< MenuItemProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuItem: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps< MenuItemProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The MenuItemGroup component is a group of menu items.
  * @definition [Cerberus docs](https://cerberus.digitalu.design/react/menu/dev)
@@ -84,10 +78,7 @@ export declare const MenuItem: {
  *  </MenuContent>
  * </Menu>
  */
-export declare const MenuItemGroup: {
-    (props: CerberusPrimitiveProps< MenuItemGroupProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuItemGroup: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps< MenuItemGroupProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The MenuItemGroupLabel component is the label for a group of menu items.
  * @definition [Cerberus docs](https://cerberus.digitalu.design/react/menu/dev)
@@ -106,10 +97,7 @@ export declare const MenuItemGroup: {
  *  </MenuContent>
  * </Menu>
  */
-export declare const MenuGroupLabel: {
-    (internalProps: CerberusPrimitiveProps< MenuItemGroupLabelProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuGroupLabel: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps< MenuItemGroupLabelProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The MenuSeparator component is a visual divider between menu items.
  * @definition [Cerberus docs](https://cerberus.digitalu.design/react/menu/dev)
@@ -129,7 +117,4 @@ export declare const MenuGroupLabel: {
  *  </MenuContent>
  * </Menu>
  */
-export declare const MenuSeparator: {
-    (internalProps: CerberusPrimitiveProps< MenuSeparatorProps & RefAttributes<HTMLHRElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuSeparator: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps< MenuSeparatorProps & RefAttributes<HTMLHRElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/menu/primitives.d.cts

@@ -1,54 +1,24 @@
 import { Menu as ArkMenu, MenuRootProps as ArkMenuRootProps, MenuTriggerProps as ArkMenuTriggerProps, MenuTriggerItemProps as ArkMenuTriggerItemProps, MenuIndicatorProps as ArkMenuIndicatorProps, MenuPositionerProps as ArkMenuPositionerProps, MenuContentProps as ArkMenuContentProps, MenuItemProps as ArkMenuItemProps, MenuItemGroupProps as ArkMenuItemGroupProps, MenuItemGroupLabelProps as ArkMenuItemGroupLabelProps, MenuSeparatorProps as ArkMenuSeparatorProps } from '@ark-ui/react';
 import { CerberusPrimitiveProps } from '../../system/index';
-import { RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export type MenuRootProps = CerberusPrimitiveProps<ArkMenuRootProps>;
-export declare const MenuRoot: {
-    (internalProps: CerberusPrimitiveProps<ArkMenu.RootProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.RootProps>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuTriggerProps = CerberusPrimitiveProps<ArkMenuTriggerProps>;
-export declare const MenuTriggerEl: {
-    (props: CerberusPrimitiveProps<ArkMenu.TriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuTriggerEl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuTriggerItemProps = CerberusPrimitiveProps<ArkMenuTriggerItemProps>;
-export declare const MenuTriggerItem: {
-    (props: CerberusPrimitiveProps<ArkMenu.TriggerItemProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuTriggerItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.TriggerItemProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuIndicatorProps = CerberusPrimitiveProps<ArkMenuIndicatorProps>;
-export declare const MenuIndicator: {
-    (props: CerberusPrimitiveProps<ArkMenu.IndicatorProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.IndicatorProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuPositionerProps = CerberusPrimitiveProps<ArkMenuPositionerProps>;
-export declare const MenuPositioner: {
-    (internalProps: CerberusPrimitiveProps<ArkMenu.PositionerProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuPositioner: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.PositionerProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuContentProps = CerberusPrimitiveProps<ArkMenuContentProps>;
-export declare const MenuContentEl: {
-    (internalProps: CerberusPrimitiveProps<ArkMenu.ContentProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuContentEl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuItemProps = CerberusPrimitiveProps<ArkMenuItemProps>;
-export declare const MenuItemEl: {
-    (internalProps: CerberusPrimitiveProps<ArkMenu.ItemProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuItemEl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.ItemProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuItemGroupProps = CerberusPrimitiveProps<ArkMenuItemGroupProps>;
-export declare const MenuItemGroupEl: {
-    (props: CerberusPrimitiveProps<ArkMenu.ItemGroupProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuItemGroupEl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.ItemGroupProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuItemGroupLabelProps = CerberusPrimitiveProps<ArkMenuItemGroupLabelProps>;
-export declare const MenuItemGroupLabelEl: {
-    (internalProps: CerberusPrimitiveProps<ArkMenu.ItemGroupLabelProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuItemGroupLabelEl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.ItemGroupLabelProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuSeparatorProps = CerberusPrimitiveProps<ArkMenuSeparatorProps>;
-export declare const MenuSeparatorEl: {
-    (internalProps: CerberusPrimitiveProps<ArkMenu.SeparatorProps & RefAttributes<HTMLHRElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuSeparatorEl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.SeparatorProps & RefAttributes<HTMLHRElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type { MenuSelectionDetails } from '@ark-ui/react/menu';

package/dist/components/menu/primitives.d.ts

@@ -1,54 +1,24 @@
 import { Menu as ArkMenu, MenuRootProps as ArkMenuRootProps, MenuTriggerProps as ArkMenuTriggerProps, MenuTriggerItemProps as ArkMenuTriggerItemProps, MenuIndicatorProps as ArkMenuIndicatorProps, MenuPositionerProps as ArkMenuPositionerProps, MenuContentProps as ArkMenuContentProps, MenuItemProps as ArkMenuItemProps, MenuItemGroupProps as ArkMenuItemGroupProps, MenuItemGroupLabelProps as ArkMenuItemGroupLabelProps, MenuSeparatorProps as ArkMenuSeparatorProps } from '@ark-ui/react';
 import { CerberusPrimitiveProps } from '../../system/index';
-import { RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export type MenuRootProps = CerberusPrimitiveProps<ArkMenuRootProps>;
-export declare const MenuRoot: {
-    (internalProps: CerberusPrimitiveProps<ArkMenu.RootProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.RootProps>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuTriggerProps = CerberusPrimitiveProps<ArkMenuTriggerProps>;
-export declare const MenuTriggerEl: {
-    (props: CerberusPrimitiveProps<ArkMenu.TriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuTriggerEl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuTriggerItemProps = CerberusPrimitiveProps<ArkMenuTriggerItemProps>;
-export declare const MenuTriggerItem: {
-    (props: CerberusPrimitiveProps<ArkMenu.TriggerItemProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuTriggerItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.TriggerItemProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuIndicatorProps = CerberusPrimitiveProps<ArkMenuIndicatorProps>;
-export declare const MenuIndicator: {
-    (props: CerberusPrimitiveProps<ArkMenu.IndicatorProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.IndicatorProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuPositionerProps = CerberusPrimitiveProps<ArkMenuPositionerProps>;
-export declare const MenuPositioner: {
-    (internalProps: CerberusPrimitiveProps<ArkMenu.PositionerProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuPositioner: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.PositionerProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuContentProps = CerberusPrimitiveProps<ArkMenuContentProps>;
-export declare const MenuContentEl: {
-    (internalProps: CerberusPrimitiveProps<ArkMenu.ContentProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuContentEl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuItemProps = CerberusPrimitiveProps<ArkMenuItemProps>;
-export declare const MenuItemEl: {
-    (internalProps: CerberusPrimitiveProps<ArkMenu.ItemProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuItemEl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.ItemProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuItemGroupProps = CerberusPrimitiveProps<ArkMenuItemGroupProps>;
-export declare const MenuItemGroupEl: {
-    (props: CerberusPrimitiveProps<ArkMenu.ItemGroupProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuItemGroupEl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.ItemGroupProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuItemGroupLabelProps = CerberusPrimitiveProps<ArkMenuItemGroupLabelProps>;
-export declare const MenuItemGroupLabelEl: {
-    (internalProps: CerberusPrimitiveProps<ArkMenu.ItemGroupLabelProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuItemGroupLabelEl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.ItemGroupLabelProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type MenuSeparatorProps = CerberusPrimitiveProps<ArkMenuSeparatorProps>;
-export declare const MenuSeparatorEl: {
-    (internalProps: CerberusPrimitiveProps<ArkMenu.SeparatorProps & RefAttributes<HTMLHRElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const MenuSeparatorEl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkMenu.SeparatorProps & RefAttributes<HTMLHRElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type { MenuSelectionDetails } from '@ark-ui/react/menu';

package/dist/components/notifications/center.cjs

@@ -3,9 +3,10 @@
 const require_show = require("../show/show.cjs");
 const require_button = require("../button/button.cjs");
 const require_parts = require("./parts.cjs");
-const require_match_icon = require("./match-icon.cjs");
 const require_close_trigger = require("./close-trigger.cjs");
+const require_match_icon = require("./match-icon.cjs");
 const require_toaster = require("./toaster.cjs");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let styled_system_jsx = require("styled-system/jsx");
 let _ark_ui_react_toast = require("@ark-ui/react/toast");
@@ -14,8 +15,9 @@ let _ark_ui_react_toast = require("@ark-ui/react/toast");
 * This module contains an abstraction of the Notification parts.
 * @module 'notification/center'
 */
-function getEmphasis(type) {
-	return type.includes("subtle") ? "low" : "high";
+function getEmphasis(options) {
+	if (options.usage === "subtle") return "low";
+	return "high";
 }
 /**
 * The NotificationCenter component is an abstraction for the Notification
@@ -23,9 +25,9 @@ function getEmphasis(type) {
 */
 function NotificationCenter(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_toast.Toaster, {
-		toaster: props.toaster || require_toaster.toaster,
+		toaster: (0, react.useMemo)(() => props.toaster || require_toaster.toaster, [props.toaster]),
 		children: (toast) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.NotificationParts.Root, {
-			"data-emphasis": getEmphasis(toast.type ?? "info"),
+			"data-emphasis": getEmphasis(toast),
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_match_icon.MatchNotificationIcon, { type: toast.type }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(styled_system_jsx.Box, {
@@ -53,24 +55,6 @@ function NotificationCenter(props) {
 		}, toast.id)
 	});
 }
-/**
-* @deprecated use `toaster` instead
-*/
-function useNotificationCenter() {
-	function notify(options) {
-		require_toaster.toaster.create({
-			title: options.heading,
-			description: options.description,
-			type: options.palette,
-			action: options.action
-		});
-	}
-	return {
-		...require_toaster.toaster,
-		notify
-	};
-}
 //#endregion
 exports.NotificationCenter = NotificationCenter;
 exports.getEmphasis = getEmphasis;
-exports.useNotificationCenter = useNotificationCenter;

package/dist/components/notifications/center.d.cts

@@ -1,10 +1,10 @@
 import { CreateToasterReturn } from '@ark-ui/react/toast';
-import { NotifyOptionsType, UseNotificationCenterReturn } from './types';
+import { NotifyOptions } from './types';
 /**
  * This module contains an abstraction of the Notification parts.
  * @module 'notification/center'
  */
-export declare function getEmphasis(type: NotifyOptionsType): "high" | "low";
+export declare function getEmphasis(options: NotifyOptions): "high" | "low";
 export interface NotificationCenterProps {
     toaster?: CreateToasterReturn;
 }
@@ -13,7 +13,3 @@ export interface NotificationCenterProps {
  * component. It manages displaying all the toasts in the center.
  */
 export declare function NotificationCenter(props: NotificationCenterProps): import("react/jsx-runtime").JSX.Element;
-/**
- * @deprecated use `toaster` instead
- */
-export declare function useNotificationCenter(): UseNotificationCenterReturn;

package/dist/components/notifications/center.d.ts

@@ -1,10 +1,10 @@
 import { CreateToasterReturn } from '@ark-ui/react/toast';
-import { NotifyOptionsType, UseNotificationCenterReturn } from './types';
+import { NotifyOptions } from './types';
 /**
  * This module contains an abstraction of the Notification parts.
  * @module 'notification/center'
  */
-export declare function getEmphasis(type: NotifyOptionsType): "high" | "low";
+export declare function getEmphasis(options: NotifyOptions): "high" | "low";
 export interface NotificationCenterProps {
     toaster?: CreateToasterReturn;
 }
@@ -13,7 +13,3 @@ export interface NotificationCenterProps {
  * component. It manages displaying all the toasts in the center.
  */
 export declare function NotificationCenter(props: NotificationCenterProps): import("react/jsx-runtime").JSX.Element;
-/**
- * @deprecated use `toaster` instead
- */
-export declare function useNotificationCenter(): UseNotificationCenterReturn;

package/dist/components/notifications/center.js

@@ -3,9 +3,10 @@
 import { Show } from "../show/show.js";
 import { Button } from "../button/button.js";
 import { NotificationParts } from "./parts.js";
-import { MatchNotificationIcon } from "./match-icon.js";
 import { ToastCloseTrigger } from "./close-trigger.js";
+import { MatchNotificationIcon } from "./match-icon.js";
 import { toaster } from "./toaster.js";
+import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box } from "styled-system/jsx";
 import { Toaster } from "@ark-ui/react/toast";
@@ -14,8 +15,9 @@ import { Toaster } from "@ark-ui/react/toast";
 * This module contains an abstraction of the Notification parts.
 * @module 'notification/center'
 */
-function getEmphasis(type) {
-	return type.includes("subtle") ? "low" : "high";
+function getEmphasis(options) {
+	if (options.usage === "subtle") return "low";
+	return "high";
 }
 /**
 * The NotificationCenter component is an abstraction for the Notification
@@ -23,9 +25,9 @@ function getEmphasis(type) {
 */
 function NotificationCenter(props) {
 	return /* @__PURE__ */ jsx(Toaster, {
-		toaster: props.toaster || toaster,
+		toaster: useMemo(() => props.toaster || toaster, [props.toaster]),
 		children: (toast) => /* @__PURE__ */ jsxs(NotificationParts.Root, {
-			"data-emphasis": getEmphasis(toast.type ?? "info"),
+			"data-emphasis": getEmphasis(toast),
 			children: [
 				/* @__PURE__ */ jsx(MatchNotificationIcon, { type: toast.type }),
 				/* @__PURE__ */ jsxs(Box, {
@@ -53,22 +55,5 @@ function NotificationCenter(props) {
 		}, toast.id)
 	});
 }
-/**
-* @deprecated use `toaster` instead
-*/
-function useNotificationCenter() {
-	function notify(options) {
-		toaster.create({
-			title: options.heading,
-			description: options.description,
-			type: options.palette,
-			action: options.action
-		});
-	}
-	return {
-		...toaster,
-		notify
-	};
-}
 //#endregion
-export { NotificationCenter, getEmphasis, useNotificationCenter };
+export { NotificationCenter, getEmphasis };

package/dist/components/notifications/index.cjs

@@ -3,7 +3,6 @@ const require_primitives = require("./primitives.cjs");
 const require_parts = require("./parts.cjs");
 const require_toaster = require("./toaster.cjs");
 const require_center = require("./center.cjs");
-let _ark_ui_react_toast = require("@ark-ui/react/toast");
 exports.NotificationActionTrigger = require_primitives.NotificationActionTrigger;
 exports.NotificationCenter = require_center.NotificationCenter;
 exports.NotificationCloseTrigger = require_primitives.NotificationCloseTrigger;
@@ -12,18 +11,5 @@ exports.NotificationHeading = require_primitives.NotificationHeading;
 exports.NotificationParts = require_parts.NotificationParts;
 exports.NotificationProvider = require_primitives.NotificationProvider;
 exports.NotificationRoot = require_primitives.NotificationRoot;
-Object.defineProperty(exports, "Toaster", {
-	enumerable: true,
-	get: function() {
-		return _ark_ui_react_toast.Toaster;
-	}
-});
-Object.defineProperty(exports, "createToaster", {
-	enumerable: true,
-	get: function() {
-		return _ark_ui_react_toast.createToaster;
-	}
-});
 exports.getEmphasis = require_center.getEmphasis;
 exports.toaster = require_toaster.toaster;
-exports.useNotificationCenter = require_center.useNotificationCenter;

package/dist/components/notifications/index.js

@@ -1,5 +1,5 @@
 import { NotificationActionTrigger, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationProvider, NotificationRoot } from "./primitives.js";
 import { NotificationParts } from "./parts.js";
-import { Toaster, createToaster, toaster } from "./toaster.js";
-import { NotificationCenter, getEmphasis, useNotificationCenter } from "./center.js";
-export { NotificationActionTrigger, NotificationCenter, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationParts, NotificationProvider, NotificationRoot, Toaster, createToaster, getEmphasis, toaster, useNotificationCenter };
+import { toaster } from "./toaster.js";
+import { NotificationCenter, getEmphasis } from "./center.js";
+export { NotificationActionTrigger, NotificationCenter, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationParts, NotificationProvider, NotificationRoot, getEmphasis, toaster };

package/dist/components/notifications/match-icon.cjs

@@ -7,13 +7,19 @@ let styled_system_recipes = require("styled-system/recipes");
 let _ark_ui_react_factory = require("@ark-ui/react/factory");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/notifications/match-icon.tsx
+/**
+* This private module contains a component that returns the correct icon for a
+* notification based on the palette. If there is no result, it is assumed to
+* be a 'loading' type.
+* @module 'notification/match-icon'
+*/
 function MatchNotificationIcon(props) {
 	const { icons } = require_cerberus.useCerberusContext();
 	const type = props.type?.split("-")[0] || "info";
 	const styles = (0, styled_system_recipes.toast)();
 	const Icon = icons[`${type}Notification`] || ToastLoadingIcon;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_factory.ark.div, {
-		"data-emphasis": require_center.getEmphasis(props.type),
+		"data-emphasis": require_center.getEmphasis(props),
 		className: styles.icon,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {})
 	});

package/dist/components/notifications/match-icon.d.cts

@@ -5,8 +5,4 @@ import { NotifyOptions } from './types';
  * be a 'loading' type.
  * @module 'notification/match-icon'
  */
-interface MatchNotificationIconProps {
-    type?: NotifyOptions['palette'];
-}
-export declare function MatchNotificationIcon(props: MatchNotificationIconProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function MatchNotificationIcon(props: NotifyOptions): import("react/jsx-runtime").JSX.Element;

package/dist/components/notifications/match-icon.d.ts

@@ -5,8 +5,4 @@ import { NotifyOptions } from './types';
  * be a 'loading' type.
  * @module 'notification/match-icon'
  */
-interface MatchNotificationIconProps {
-    type?: NotifyOptions['palette'];
-}
-export declare function MatchNotificationIcon(props: MatchNotificationIconProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function MatchNotificationIcon(props: NotifyOptions): import("react/jsx-runtime").JSX.Element;

package/dist/components/notifications/match-icon.js

@@ -7,13 +7,19 @@ import { toast } from "styled-system/recipes";
 import { ark } from "@ark-ui/react/factory";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/notifications/match-icon.tsx
+/**
+* This private module contains a component that returns the correct icon for a
+* notification based on the palette. If there is no result, it is assumed to
+* be a 'loading' type.
+* @module 'notification/match-icon'
+*/
 function MatchNotificationIcon(props) {
 	const { icons } = useCerberusContext();
 	const type = props.type?.split("-")[0] || "info";
 	const styles = toast();
 	const Icon = icons[`${type}Notification`] || ToastLoadingIcon;
 	return /* @__PURE__ */ jsx(ark.div, {
-		"data-emphasis": getEmphasis(props.type),
+		"data-emphasis": getEmphasis(props),
 		className: styles.icon,
 		children: /* @__PURE__ */ jsx(Icon, {})
 	});

package/dist/components/notifications/primitives.d.cts

@@ -5,27 +5,12 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export type NotificationProviderProps = ToasterProps;
 export declare const NotificationProvider: ForwardRefExoticComponent<ToasterProps & RefAttributes<HTMLDivElement>>;
 export type NotificationRootProps = CerberusPrimitiveProps<ToastRootProps & ToastVariantProps>;
-export declare const NotificationRoot: {
-    (internalProps: CerberusPrimitiveProps<Toast.RootProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const NotificationRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type NotificationHeadingProps = CerberusPrimitiveProps<ToastTitleProps>;
-export declare const NotificationHeading: {
-    (internalProps: CerberusPrimitiveProps<Toast.TitleProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const NotificationHeading: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.TitleProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type NotificationDescriptionProps = CerberusPrimitiveProps<ToastDescriptionProps>;
-export declare const NotificationDescription: {
-    (internalProps: CerberusPrimitiveProps<Toast.DescriptionProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const NotificationDescription: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.DescriptionProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type NotificationCloseTriggerProps = CerberusPrimitiveProps<ToastCloseTriggerProps>;
-export declare const NotificationCloseTrigger: {
-    (internalProps: CerberusPrimitiveProps<Toast.CloseTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const NotificationCloseTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.CloseTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type NotificationActionTriggerProps = CerberusPrimitiveProps<ToastActionTriggerProps>;
-export declare const NotificationActionTrigger: {
-    (internalProps: CerberusPrimitiveProps<Toast.ActionTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const NotificationActionTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.ActionTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/notifications/primitives.d.ts

@@ -5,27 +5,12 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export type NotificationProviderProps = ToasterProps;
 export declare const NotificationProvider: ForwardRefExoticComponent<ToasterProps & RefAttributes<HTMLDivElement>>;
 export type NotificationRootProps = CerberusPrimitiveProps<ToastRootProps & ToastVariantProps>;
-export declare const NotificationRoot: {
-    (internalProps: CerberusPrimitiveProps<Toast.RootProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const NotificationRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type NotificationHeadingProps = CerberusPrimitiveProps<ToastTitleProps>;
-export declare const NotificationHeading: {
-    (internalProps: CerberusPrimitiveProps<Toast.TitleProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const NotificationHeading: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.TitleProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type NotificationDescriptionProps = CerberusPrimitiveProps<ToastDescriptionProps>;
-export declare const NotificationDescription: {
-    (internalProps: CerberusPrimitiveProps<Toast.DescriptionProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const NotificationDescription: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.DescriptionProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type NotificationCloseTriggerProps = CerberusPrimitiveProps<ToastCloseTriggerProps>;
-export declare const NotificationCloseTrigger: {
-    (internalProps: CerberusPrimitiveProps<Toast.CloseTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const NotificationCloseTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.CloseTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type NotificationActionTriggerProps = CerberusPrimitiveProps<ToastActionTriggerProps>;
-export declare const NotificationActionTrigger: {
-    (internalProps: CerberusPrimitiveProps<Toast.ActionTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const NotificationActionTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.ActionTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/notifications/toaster.d.cts

@@ -1,3 +1,2 @@
 import { CreateToasterReturn } from '@ark-ui/react/toast';
 export declare const toaster: CreateToasterReturn;
-export { createToaster, Toaster } from '@ark-ui/react/toast';

package/dist/components/notifications/toaster.d.ts

@@ -1,3 +1,2 @@
 import { CreateToasterReturn } from '@ark-ui/react/toast';
 export declare const toaster: CreateToasterReturn;
-export { createToaster, Toaster } from '@ark-ui/react/toast';

package/dist/components/notifications/toaster.js

@@ -1,6 +1,6 @@
 "use client";
 "use client";
-import { Toaster as Toaster$1, createToaster, createToaster as createToaster$1 } from "@ark-ui/react/toast";
+import { createToaster } from "@ark-ui/react/toast";
 //#region src/components/notifications/toaster.ts
 var toaster = createToaster({
 	gap: 16,
@@ -8,4 +8,4 @@ var toaster = createToaster({
 	placement: "top-end"
 });
 //#endregion
-export { Toaster$1 as Toaster, createToaster$1 as createToaster, toaster };
+export { toaster };

package/dist/components/notifications/types.d.cts

@@ -1,31 +1,5 @@
-import { CreateToasterReturn } from '@ark-ui/react/toast';
-import { ReactNode } from 'react';
-export type NotifyOptionsType = 'info' | 'info-subtle' | 'success' | 'success-subtle' | 'warning' | 'warning-subtle' | 'error' | 'error-subtle' | 'loading' | 'loading-subtle';
-export interface NotifyOptions {
-    /**
-     * The palette of the notification.
-     * @default 'info'
-     */
-    palette?: NotifyOptionsType;
-    /**
-     * The heading of the notification.
-     */
-    heading: string;
-    /**
-     * The description of the notification.
-     */
-    description?: ReactNode;
-    /**
-     * The action to take when the notification is closed
-     */
-    action?: {
-        label: string;
-        onClick: () => void;
-    };
+import { ToastOptions } from '@ark-ui/react/toast';
+export type NotifyOptionsType = ToastOptions['type'];
+export interface NotifyOptions extends ToastOptions {
+    usage?: 'subtle' | 'default';
 }
-export type UseNotificationCenterReturn = CreateToasterReturn & {
-    /**
-     * @deprecated use `create` instead
-     */
-    notify: (options: NotifyOptions) => void;
-};

package/dist/components/notifications/types.d.ts

@@ -1,31 +1,5 @@
-import { CreateToasterReturn } from '@ark-ui/react/toast';
-import { ReactNode } from 'react';
-export type NotifyOptionsType = 'info' | 'info-subtle' | 'success' | 'success-subtle' | 'warning' | 'warning-subtle' | 'error' | 'error-subtle' | 'loading' | 'loading-subtle';
-export interface NotifyOptions {
-    /**
-     * The palette of the notification.
-     * @default 'info'
-     */
-    palette?: NotifyOptionsType;
-    /**
-     * The heading of the notification.
-     */
-    heading: string;
-    /**
-     * The description of the notification.
-     */
-    description?: ReactNode;
-    /**
-     * The action to take when the notification is closed
-     */
-    action?: {
-        label: string;
-        onClick: () => void;
-    };
+import { ToastOptions } from '@ark-ui/react/toast';
+export type NotifyOptionsType = ToastOptions['type'];
+export interface NotifyOptions extends ToastOptions {
+    usage?: 'subtle' | 'default';
 }
-export type UseNotificationCenterReturn = CreateToasterReturn & {
-    /**
-     * @deprecated use `create` instead
-     */
-    notify: (options: NotifyOptions) => void;
-};