@cerberus-design/react 1.2.1 → 1.3.0-rc.2

package/dist/components/admonition/primitives.js

@@ -1,4 +1,4 @@
-import { cerberus, createCerberusPrimitive } from "../../system/index.js";
+import { createCerberusPrimitive } from "../../system/index.js";
 import { admonition } from "styled-system/recipes";
 //#region src/components/admonition/primitives.tsx
 /**
@@ -9,35 +9,35 @@ var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(admonition);
 /**
 * The `AdmonitionRoot` component is the container for the Admonition.
 */
-var AdmonitionRoot = withSlotRecipe(cerberus.aside, "root", { defaultProps: {
+var AdmonitionRoot = withSlotRecipe("animateMotion", "root", { defaultProps: {
 	"data-scope": "admonition",
 	"data-part": "root"
 } });
 /**
 * The `AdmonitionIndicator` component is the indicator for the Admonition.
 */
-var AdmonitionIndicator = withNoRecipe(cerberus.span, { defaultProps: {
+var AdmonitionIndicator = withNoRecipe("span", { defaultProps: {
 	"data-scope": "admonition",
 	"data-part": "indicator"
 } });
 /**
 * The `AdmonitionContent` component is the content for the Admonition.
 */
-var AdmonitionContent = withNoRecipe(cerberus.div, { defaultProps: {
+var AdmonitionContent = withNoRecipe("div", { defaultProps: {
 	"data-scope": "admonition",
 	"data-part": "content"
 } });
 /**
 * The `AdmonitionHeading` component is the heading title for the Admonition.
 */
-var AdmonitionHeading = withSlotRecipe(cerberus.p, "heading", { defaultProps: {
+var AdmonitionHeading = withSlotRecipe("p", "heading", { defaultProps: {
 	"data-scope": "admonition",
 	"data-part": "heading"
 } });
 /**
 * The `AdmonitionDescription` component is the description for the Admonition.
 */
-var AdmonitionDescription = withSlotRecipe(cerberus.p, "description", { defaultProps: {
+var AdmonitionDescription = withSlotRecipe("p", "description", { defaultProps: {
 	"data-scope": "admonition",
 	"data-part": "description"
 } });

package/dist/components/combobox/use-stateful-collection.cjs

@@ -15,7 +15,7 @@ function useStatefulCollection(initialItems = []) {
 	const collection = (0, react.useMemo)(() => require_primitives.createSelectCollection(items), [items]);
 	const handleInputChange = (0, react.useCallback)((details) => {
 		if (details.inputValue === "") return setItems(initialItems);
-		setItems((prev) => prev.filter((item) => item.value.includes(details.inputValue.toLowerCase())));
+		setItems((prev) => prev.filter((item) => item.value.toLowerCase().includes(details.inputValue.toLowerCase()) || item.label.toLowerCase().includes(details.inputValue.toLowerCase())));
 		setFilterValue(details.inputValue.split(""));
 	}, [initialItems]);
 	return (0, react.useMemo)(() => ({

package/dist/components/combobox/use-stateful-collection.js

@@ -15,7 +15,7 @@ function useStatefulCollection(initialItems = []) {
 	const collection = useMemo(() => createSelectCollection(items), [items]);
 	const handleInputChange = useCallback((details) => {
 		if (details.inputValue === "") return setItems(initialItems);
-		setItems((prev) => prev.filter((item) => item.value.includes(details.inputValue.toLowerCase())));
+		setItems((prev) => prev.filter((item) => item.value.toLowerCase().includes(details.inputValue.toLowerCase()) || item.label.toLowerCase().includes(details.inputValue.toLowerCase())));
 		setFilterValue(details.inputValue.split(""));
 	}, [initialItems]);
 	return useMemo(() => ({

package/dist/components/dialog/dialog.cjs

@@ -1,5 +1,5 @@
-const require_primitives = require("./primitives.cjs");
 const require_portal = require("../portal/portal.cjs");
+const require_primitives = require("./primitives.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/dialog/dialog.tsx
 /**

package/dist/components/dialog/dialog.js

@@ -1,5 +1,5 @@
-import { DialogBackdrop, DialogContent, DialogPositioner } from "./primitives.js";
 import { Portal } from "../portal/portal.js";
+import { DialogBackdrop, DialogContent, DialogPositioner } from "./primitives.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/dialog/dialog.tsx
 /**

package/dist/components/dialog/index.cjs

@@ -8,6 +8,7 @@ exports.DialogBackdrop = require_primitives.DialogBackdrop;
 exports.DialogCloseIconTrigger = require_close_icon_trigger.DialogCloseIconTrigger;
 exports.DialogCloseTrigger = require_primitives.DialogCloseTrigger;
 exports.DialogContent = require_primitives.DialogContent;
+exports.DialogContext = require_primitives.DialogContext;
 exports.DialogDescription = require_primitives.DialogDescription;
 exports.DialogHeading = require_primitives.DialogHeading;
 exports.DialogParts = require_parts.DialogParts;

package/dist/components/dialog/index.js

@@ -1,5 +1,5 @@
-import { DialogBackdrop, DialogCloseTrigger, DialogContent, DialogDescription, DialogHeading, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger } from "./primitives.js";
+import { DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogHeading, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger } from "./primitives.js";
 import { DialogCloseIconTrigger } from "./close-icon-trigger.js";
 import { DialogParts } from "./parts.js";
 import { Dialog } from "./dialog.js";
-export { Dialog, DialogBackdrop, DialogCloseIconTrigger, DialogCloseTrigger, DialogContent, DialogDescription, DialogHeading, DialogParts, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger };
+export { Dialog, DialogBackdrop, DialogCloseIconTrigger, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogHeading, DialogParts, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger };

package/dist/components/dialog/primitives.cjs

@@ -19,10 +19,12 @@ var DialogContent = withSlotRecipe(_ark_ui_react_dialog.Dialog.Content, "content
 var DialogHeading = withSlotRecipe(_ark_ui_react_dialog.Dialog.Title, "title");
 var DialogDescription = withSlotRecipe(_ark_ui_react_dialog.Dialog.Description, "description");
 var DialogCloseTrigger = withNoRecipe(_ark_ui_react_dialog.Dialog.CloseTrigger);
+var DialogContext = _ark_ui_react_dialog.Dialog.Context;
 //#endregion
 exports.DialogBackdrop = DialogBackdrop;
 exports.DialogCloseTrigger = DialogCloseTrigger;
 exports.DialogContent = DialogContent;
+exports.DialogContext = DialogContext;
 exports.DialogDescription = DialogDescription;
 exports.DialogHeading = DialogHeading;
 exports.DialogPositioner = DialogPositioner;

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

@@ -1,7 +1,7 @@
-import { Dialog, DialogBackdropProps as ArkDialogBackdropProps, DialogContentProps as ArkDialogContentProps, DialogDescriptionProps as ArkDialogDescriptionProps, DialogPositionerProps as ArkDialogPositionerProps, DialogRootProps as ArkDialogRootProps, DialogTitleProps as ArkDialogTitleProps, DialogTriggerProps as ArkDialogTriggerProps } from '@ark-ui/react/dialog';
+import { Dialog, DialogRootProviderProps as ArkDialogRootProviderProps, DialogBackdropProps as ArkDialogBackdropProps, DialogContentProps as ArkDialogContentProps, DialogDescriptionProps as ArkDialogDescriptionProps, DialogPositionerProps as ArkDialogPositionerProps, DialogRootProps as ArkDialogRootProps, DialogTitleProps as ArkDialogTitleProps, DialogTriggerProps as ArkDialogTriggerProps, DialogContextProps as ArkDialogContextProps } from '@ark-ui/react/dialog';
 import { DialogVariantProps } from 'styled-system/recipes';
 import { CerberusPrimitiveProps } from '../../system/index';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
 /**
  * The provider that controls the dialog components.
  */
@@ -46,3 +46,6 @@ export declare const DialogDescription: ForwardRefExoticComponent<Omit<CerberusP
  */
 export type DialogCloseTriggerProps = CerberusPrimitiveProps<ArkDialogTriggerProps>;
 export declare const DialogCloseTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.CloseTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type DialogContextProps = CerberusPrimitiveProps<ArkDialogContextProps>;
+export declare const DialogContext: (props: Dialog.ContextProps) => ReactNode;
+export type DialogRootProviderProps = CerberusPrimitiveProps<ArkDialogRootProviderProps>;

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

@@ -1,7 +1,7 @@
-import { Dialog, DialogBackdropProps as ArkDialogBackdropProps, DialogContentProps as ArkDialogContentProps, DialogDescriptionProps as ArkDialogDescriptionProps, DialogPositionerProps as ArkDialogPositionerProps, DialogRootProps as ArkDialogRootProps, DialogTitleProps as ArkDialogTitleProps, DialogTriggerProps as ArkDialogTriggerProps } from '@ark-ui/react/dialog';
+import { Dialog, DialogRootProviderProps as ArkDialogRootProviderProps, DialogBackdropProps as ArkDialogBackdropProps, DialogContentProps as ArkDialogContentProps, DialogDescriptionProps as ArkDialogDescriptionProps, DialogPositionerProps as ArkDialogPositionerProps, DialogRootProps as ArkDialogRootProps, DialogTitleProps as ArkDialogTitleProps, DialogTriggerProps as ArkDialogTriggerProps, DialogContextProps as ArkDialogContextProps } from '@ark-ui/react/dialog';
 import { DialogVariantProps } from 'styled-system/recipes';
 import { CerberusPrimitiveProps } from '../../system/index';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
 /**
  * The provider that controls the dialog components.
  */
@@ -46,3 +46,6 @@ export declare const DialogDescription: ForwardRefExoticComponent<Omit<CerberusP
  */
 export type DialogCloseTriggerProps = CerberusPrimitiveProps<ArkDialogTriggerProps>;
 export declare const DialogCloseTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.CloseTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type DialogContextProps = CerberusPrimitiveProps<ArkDialogContextProps>;
+export declare const DialogContext: (props: Dialog.ContextProps) => ReactNode;
+export type DialogRootProviderProps = CerberusPrimitiveProps<ArkDialogRootProviderProps>;

package/dist/components/dialog/primitives.js

@@ -19,5 +19,6 @@ var DialogContent = withSlotRecipe(Dialog.Content, "content");
 var DialogHeading = withSlotRecipe(Dialog.Title, "title");
 var DialogDescription = withSlotRecipe(Dialog.Description, "description");
 var DialogCloseTrigger$1 = withNoRecipe(Dialog.CloseTrigger);
+var DialogContext = Dialog.Context;
 //#endregion
-export { DialogBackdrop, DialogCloseTrigger$1 as DialogCloseTrigger, DialogContent, DialogDescription, DialogHeading, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger };
+export { DialogBackdrop, DialogCloseTrigger$1 as DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogHeading, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger };

package/dist/components/icon-button/button.cjs

@@ -9,9 +9,7 @@ function IconButton(props) {
 	const { ariaLabel, clipboard, ...rootProps } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.IconButtonRoot, {
 		...rootProps,
-		...!clipboard && { "aria-label": ariaLabel },
-		"data-scope": "icon-button",
-		"data-part": "root"
+		...!clipboard && { "aria-label": ariaLabel }
 	});
 }
 //#endregion

package/dist/components/icon-button/button.js

@@ -9,9 +9,7 @@ function IconButton(props) {
 	const { ariaLabel, clipboard, ...rootProps } = props;
 	return /* @__PURE__ */ jsx(IconButtonRoot, {
 		...rootProps,
-		...!clipboard && { "aria-label": ariaLabel },
-		"data-scope": "icon-button",
-		"data-part": "root"
+		...!clipboard && { "aria-label": ariaLabel }
 	});
 }
 //#endregion

package/dist/components/icon-button/primitives.cjs

@@ -1,12 +1,14 @@
 const require_index = require("../../system/index.cjs");
 let styled_system_recipes = require("styled-system/recipes");
-let _ark_ui_react_factory = require("@ark-ui/react/factory");
 //#region src/components/icon-button/primitives.ts
 /**
 * This module contains the IconButton component primitives.
 * @module @cerberus-design/react/components/icon-button/primitives
 */
 var { withRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.iconButton);
-var IconButtonRoot = withRecipe(_ark_ui_react_factory.ark.button);
+var IconButtonRoot = withRecipe("button", { defaultProps: {
+	"data-scope": "icon-button",
+	"data-part": "root"
+} });
 //#endregion
 exports.IconButtonRoot = IconButtonRoot;

package/dist/components/icon-button/primitives.d.cts

@@ -1,6 +1,6 @@
-import { HTMLAttributes, ForwardRefExoticComponent, ClassAttributes, ButtonHTMLAttributes, RefAttributes } from 'react';
 import { IconButtonVariantProps } from 'styled-system/recipes';
-import { CerberusPrimitiveProps } from '../../system/index';
-import { PolymorphicProps } from '@ark-ui/react';
-export type IconButtonRootProps = CerberusPrimitiveProps<HTMLAttributes<HTMLButtonElement> & IconButtonVariantProps>;
-export declare const IconButtonRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< ClassAttributes<HTMLButtonElement> & ButtonHTMLAttributes<HTMLButtonElement> & PolymorphicProps>, "ref"> & RefAttributes<HTMLElement>>;
+import { CerberusProps } from '../../system/index';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
+import { CerberusPrimitiveProps } from '../..';
+export type IconButtonRootProps = CerberusProps<'button'> & IconButtonVariantProps;
+export declare const IconButtonRoot: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/icon-button/primitives.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes, ForwardRefExoticComponent, ClassAttributes, ButtonHTMLAttributes, RefAttributes } from 'react';
 import { IconButtonVariantProps } from 'styled-system/recipes';
-import { CerberusPrimitiveProps } from '../../system/index';
-import { PolymorphicProps } from '@ark-ui/react';
-export type IconButtonRootProps = CerberusPrimitiveProps<HTMLAttributes<HTMLButtonElement> & IconButtonVariantProps>;
-export declare const IconButtonRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< ClassAttributes<HTMLButtonElement> & ButtonHTMLAttributes<HTMLButtonElement> & PolymorphicProps>, "ref"> & RefAttributes<HTMLElement>>;
+import { CerberusProps } from '../../system/index';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
+import { CerberusPrimitiveProps } from '../..';
+export type IconButtonRootProps = CerberusProps<'button'> & IconButtonVariantProps;
+export declare const IconButtonRoot: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/icon-button/primitives.js

@@ -1,12 +1,14 @@
 import { createCerberusPrimitive } from "../../system/index.js";
 import { iconButton } from "styled-system/recipes";
-import { ark } from "@ark-ui/react/factory";
 //#region src/components/icon-button/primitives.ts
 /**
 * This module contains the IconButton component primitives.
 * @module @cerberus-design/react/components/icon-button/primitives
 */
 var { withRecipe } = createCerberusPrimitive(iconButton);
-var IconButtonRoot = withRecipe(ark.button);
+var IconButtonRoot = withRecipe("button", { defaultProps: {
+	"data-scope": "icon-button",
+	"data-part": "root"
+} });
 //#endregion
 export { IconButtonRoot };

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/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;
-};

package/dist/components/pagination/triggers.d.cts

@@ -1,8 +1,7 @@
-import { IconButtonProps } from '../icon-button/index';
 import { GroupProps } from '../group';
+import { IconButtonRootProps } from '../icon-button/index';
 export declare function PrevTrigger(props: TriggerProps): import("react/jsx-runtime").JSX.Element;
 export declare function NextTrigger(props: TriggerProps): import("react/jsx-runtime").JSX.Element;
-export interface TriggerBaseProps {
+export interface TriggerProps extends IconButtonRootProps {
     layout?: GroupProps['layout'];
 }
-export type TriggerProps = TriggerBaseProps & Omit<IconButtonProps, 'clipboard'>;