@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

package/dist/components/menu/primitives.js

@@ -0,0 +1,21 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { menu } from "styled-system/recipes";
+import { Menu } from "@ark-ui/react";
+//#region src/components/menu/primitives.ts
+/**
+* This module contains the Menu component primitives.
+* @module @cerberus-design/react/components/menu/primitives
+*/
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(menu);
+var MenuRoot = withSlotRecipe(Menu.Root, "root");
+var MenuTriggerEl = withNoRecipe(Menu.Trigger);
+var MenuTriggerItem = withNoRecipe(Menu.TriggerItem);
+var MenuIndicator = withNoRecipe(Menu.Indicator);
+var MenuPositioner = withSlotRecipe(Menu.Positioner, "positioner");
+var MenuContentEl = withSlotRecipe(Menu.Content, "content");
+var MenuItemEl = withSlotRecipe(Menu.Item, "item");
+var MenuItemGroupEl = withNoRecipe(Menu.ItemGroup);
+var MenuItemGroupLabelEl = withSlotRecipe(Menu.ItemGroupLabel, "itemGroupLabel");
+var MenuSeparatorEl = withSlotRecipe(Menu.Separator, "separator");
+//#endregion
+export { MenuContentEl, MenuIndicator, MenuItemEl, MenuItemGroupEl, MenuItemGroupLabelEl, MenuPositioner, MenuRoot, MenuSeparatorEl, MenuTriggerEl, MenuTriggerItem };

package/dist/components/notifications/center.cjs

@@ -0,0 +1,58 @@
+"use client";
+"use client";
+const require_show = require("../show/show.cjs");
+const require_button = require("../button/button.cjs");
+const require_parts = require("./parts.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");
+//#region src/components/notifications/center.tsx
+/**
+* The NotificationCenter component is an abstraction for the Notification
+* component. It manages displaying all the toasts in the center.
+*/
+function NotificationCenter(props) {
+	const cachedToaster = (0, react.useMemo)(() => props.toaster || require_toaster.toaster, [props.toaster]);
+	const typeToPalette = (0, react.useMemo)(() => ({
+		info: "info",
+		success: "success",
+		warning: "warning",
+		error: "danger"
+	}), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_toast.Toaster, {
+		toaster: cachedToaster,
+		children: (toast) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.NotificationParts.Root, {
+			"data-emphasis": toast.usage ?? "high",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_match_icon.MatchNotificationIcon, { ...toast }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(styled_system_jsx.Box, {
+					flex: "1",
+					paddingBlock: "sm",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.NotificationParts.Heading, { children: toast.title }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.NotificationParts.Description, { children: toast.description }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+							when: toast.action,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.NotificationParts.ActionTrigger, {
+								asChild: true,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+									palette: typeToPalette[String(toast.type)],
+									usage: "ghost",
+									size: "sm",
+									children: toast.action?.label
+								})
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_close_trigger.ToastCloseTrigger, {})
+			]
+		}, toast.id)
+	});
+}
+//#endregion
+exports.NotificationCenter = NotificationCenter;

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

@@ -0,0 +1,13 @@
+import { CreateToasterReturn } from '@ark-ui/react/toast';
+/**
+ * This module contains an abstraction of the Notification parts.
+ * @module 'notification/center'
+ */
+export interface NotificationCenterProps {
+    toaster?: CreateToasterReturn;
+}
+/**
+ * The NotificationCenter component is an abstraction for the Notification
+ * component. It manages displaying all the toasts in the center.
+ */
+export declare function NotificationCenter(props: NotificationCenterProps): import("react").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { CreateToasterReturn } from '@ark-ui/react/toast';
+/**
+ * This module contains an abstraction of the Notification parts.
+ * @module 'notification/center'
+ */
+export interface NotificationCenterProps {
+    toaster?: CreateToasterReturn;
+}
+/**
+ * The NotificationCenter component is an abstraction for the Notification
+ * component. It manages displaying all the toasts in the center.
+ */
+export declare function NotificationCenter(props: NotificationCenterProps): import("react").JSX.Element;

package/dist/components/notifications/center.js

@@ -0,0 +1,58 @@
+"use client";
+"use client";
+import { Show } from "../show/show.js";
+import { Button } from "../button/button.js";
+import { NotificationParts } from "./parts.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";
+//#region src/components/notifications/center.tsx
+/**
+* The NotificationCenter component is an abstraction for the Notification
+* component. It manages displaying all the toasts in the center.
+*/
+function NotificationCenter(props) {
+	const cachedToaster = useMemo(() => props.toaster || toaster, [props.toaster]);
+	const typeToPalette = useMemo(() => ({
+		info: "info",
+		success: "success",
+		warning: "warning",
+		error: "danger"
+	}), []);
+	return /* @__PURE__ */ jsx(Toaster, {
+		toaster: cachedToaster,
+		children: (toast) => /* @__PURE__ */ jsxs(NotificationParts.Root, {
+			"data-emphasis": toast.usage ?? "high",
+			children: [
+				/* @__PURE__ */ jsx(MatchNotificationIcon, { ...toast }),
+				/* @__PURE__ */ jsxs(Box, {
+					flex: "1",
+					paddingBlock: "sm",
+					children: [
+						/* @__PURE__ */ jsx(NotificationParts.Heading, { children: toast.title }),
+						/* @__PURE__ */ jsx(NotificationParts.Description, { children: toast.description }),
+						/* @__PURE__ */ jsx(Show, {
+							when: toast.action,
+							children: /* @__PURE__ */ jsx(NotificationParts.ActionTrigger, {
+								asChild: true,
+								children: /* @__PURE__ */ jsx(Button, {
+									palette: typeToPalette[String(toast.type)],
+									usage: "ghost",
+									size: "sm",
+									children: toast.action?.label
+								})
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx(ToastCloseTrigger, {})
+			]
+		}, toast.id)
+	});
+}
+//#endregion
+export { NotificationCenter };

package/dist/components/notifications/close-trigger.cjs

@@ -0,0 +1,20 @@
+"use client";
+"use client";
+const require_cerberus = require("../../context/cerberus.cjs");
+const require_parts = require("./parts.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/notifications/close-trigger.tsx
+/**
+* This private module contains a abstraction of the close trigger primitive.
+* @module 'notification/close-trigger'
+*/
+function ToastCloseTrigger(props) {
+	const { icons } = require_cerberus.useCerberusContext();
+	const { close: CloseIcon } = icons;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.NotificationParts.CloseTrigger, {
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CloseIcon, {})
+	});
+}
+//#endregion
+exports.ToastCloseTrigger = ToastCloseTrigger;

package/dist/components/notifications/close-trigger.d.cts

@@ -0,0 +1,6 @@
+import { NotificationCloseTriggerProps } from './primitives';
+/**
+ * This private module contains a abstraction of the close trigger primitive.
+ * @module 'notification/close-trigger'
+ */
+export declare function ToastCloseTrigger(props: NotificationCloseTriggerProps): import("react").JSX.Element;

package/dist/components/notifications/close-trigger.d.ts

@@ -0,0 +1,6 @@
+import { NotificationCloseTriggerProps } from './primitives';
+/**
+ * This private module contains a abstraction of the close trigger primitive.
+ * @module 'notification/close-trigger'
+ */
+export declare function ToastCloseTrigger(props: NotificationCloseTriggerProps): import("react").JSX.Element;

package/dist/components/notifications/close-trigger.js

@@ -0,0 +1,20 @@
+"use client";
+"use client";
+import { useCerberusContext } from "../../context/cerberus.js";
+import { NotificationParts } from "./parts.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/notifications/close-trigger.tsx
+/**
+* This private module contains a abstraction of the close trigger primitive.
+* @module 'notification/close-trigger'
+*/
+function ToastCloseTrigger(props) {
+	const { icons } = useCerberusContext();
+	const { close: CloseIcon } = icons;
+	return /* @__PURE__ */ jsx(NotificationParts.CloseTrigger, {
+		...props,
+		children: /* @__PURE__ */ jsx(CloseIcon, {})
+	});
+}
+//#endregion
+export { ToastCloseTrigger };

package/dist/components/notifications/index.cjs

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_parts = require("./parts.cjs");
+const require_toaster = require("./toaster.cjs");
+const require_center = require("./center.cjs");
+exports.NotificationActionTrigger = require_primitives.NotificationActionTrigger;
+exports.NotificationCenter = require_center.NotificationCenter;
+exports.NotificationCloseTrigger = require_primitives.NotificationCloseTrigger;
+exports.NotificationDescription = require_primitives.NotificationDescription;
+exports.NotificationHeading = require_primitives.NotificationHeading;
+exports.NotificationParts = require_parts.NotificationParts;
+exports.NotificationProvider = require_primitives.NotificationProvider;
+exports.NotificationRoot = require_primitives.NotificationRoot;
+exports.toaster = require_toaster.toaster;

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

@@ -0,0 +1,5 @@
+export * from './parts';
+export * from './primitives';
+export * from './center';
+export * from './types';
+export * from './toaster';

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

@@ -0,0 +1,5 @@
+export * from './parts';
+export * from './primitives';
+export * from './center';
+export * from './types';
+export * from './toaster';

package/dist/components/notifications/index.js

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

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

@@ -0,0 +1,30 @@
+"use client";
+"use client";
+const require_cerberus = require("../../context/cerberus.cjs");
+const require_spinner = require("../spinner/spinner.cjs");
+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 || "info";
+	const styles = (0, styled_system_recipes.toast)();
+	const Icon = icons[type] || ToastLoadingIcon;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_factory.ark.div, {
+		"data-emphasis": props.usage,
+		className: styles.icon,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {})
+	});
+}
+function ToastLoadingIcon() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_spinner.Spinner, { size: "1rem" });
+}
+//#endregion
+exports.MatchNotificationIcon = MatchNotificationIcon;

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

@@ -0,0 +1,8 @@
+import { NotifyOptions } from './types';
+/**
+ * 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'
+ */
+export declare function MatchNotificationIcon(props: NotifyOptions): import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { NotifyOptions } from './types';
+/**
+ * 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'
+ */
+export declare function MatchNotificationIcon(props: NotifyOptions): import("react").JSX.Element;

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

@@ -0,0 +1,30 @@
+"use client";
+"use client";
+import { useCerberusContext } from "../../context/cerberus.js";
+import { Spinner } from "../spinner/spinner.js";
+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 || "info";
+	const styles = toast();
+	const Icon = icons[type] || ToastLoadingIcon;
+	return /* @__PURE__ */ jsx(ark.div, {
+		"data-emphasis": props.usage,
+		className: styles.icon,
+		children: /* @__PURE__ */ jsx(Icon, {})
+	});
+}
+function ToastLoadingIcon() {
+	return /* @__PURE__ */ jsx(Spinner, { size: "1rem" });
+}
+//#endregion
+export { MatchNotificationIcon };

package/dist/components/notifications/parts.cjs

@@ -0,0 +1,20 @@
+const require_primitives = require("./primitives.cjs");
+//#region src/components/notifications/parts.ts
+/**
+* An Object containing the parts of the Notification components. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the NotificationParts object and
+* the entire family of components vs. only what you use.
+*/
+var NotificationParts = {
+	Root: require_primitives.NotificationRoot,
+	Heading: require_primitives.NotificationHeading,
+	Description: require_primitives.NotificationDescription,
+	CloseTrigger: require_primitives.NotificationCloseTrigger,
+	ActionTrigger: require_primitives.NotificationActionTrigger
+};
+//#endregion
+exports.NotificationParts = NotificationParts;

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

@@ -0,0 +1,38 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Notification parts.
+ * @module 'notification/parts'
+ */
+interface NotificationPartsValue {
+    /**
+     * The context provider of the notification.
+     */
+    Root: ElementType;
+    /**
+     * The title heading of the notification.
+     */
+    Heading: ElementType;
+    /**
+     * The description of the notification.
+     */
+    Description: ElementType;
+    /**
+     * The close button of the notification.
+     */
+    CloseTrigger: ElementType;
+    /**
+     * The action trigger of the notification.
+     */
+    ActionTrigger: ElementType;
+}
+/**
+ * An Object containing the parts of the Notification components. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the NotificationParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const NotificationParts: NotificationPartsValue;
+export {};

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

@@ -0,0 +1,38 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Notification parts.
+ * @module 'notification/parts'
+ */
+interface NotificationPartsValue {
+    /**
+     * The context provider of the notification.
+     */
+    Root: ElementType;
+    /**
+     * The title heading of the notification.
+     */
+    Heading: ElementType;
+    /**
+     * The description of the notification.
+     */
+    Description: ElementType;
+    /**
+     * The close button of the notification.
+     */
+    CloseTrigger: ElementType;
+    /**
+     * The action trigger of the notification.
+     */
+    ActionTrigger: ElementType;
+}
+/**
+ * An Object containing the parts of the Notification components. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the NotificationParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const NotificationParts: NotificationPartsValue;
+export {};

package/dist/components/notifications/parts.js

@@ -0,0 +1,20 @@
+import { NotificationActionTrigger, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationRoot } from "./primitives.js";
+//#region src/components/notifications/parts.ts
+/**
+* An Object containing the parts of the Notification components. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the NotificationParts object and
+* the entire family of components vs. only what you use.
+*/
+var NotificationParts = {
+	Root: NotificationRoot,
+	Heading: NotificationHeading,
+	Description: NotificationDescription,
+	CloseTrigger: NotificationCloseTrigger,
+	ActionTrigger: NotificationActionTrigger
+};
+//#endregion
+export { NotificationParts };

package/dist/components/notifications/primitives.cjs

@@ -0,0 +1,22 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let _ark_ui_react_toast = require("@ark-ui/react/toast");
+//#region src/components/notifications/primitives.tsx
+/**
+* This module contains the primitives of the Notification component.
+* @module 'notification/primitives'
+*/
+var { withSlotRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.toast);
+var NotificationProvider = _ark_ui_react_toast.Toaster;
+var NotificationRoot = withSlotRecipe(_ark_ui_react_toast.Toast.Root, "root");
+var NotificationHeading = withSlotRecipe(_ark_ui_react_toast.Toast.Title, "title");
+var NotificationDescription = withSlotRecipe(_ark_ui_react_toast.Toast.Description, "description");
+var NotificationCloseTrigger = withSlotRecipe(_ark_ui_react_toast.Toast.CloseTrigger, "closeTrigger");
+var NotificationActionTrigger = withSlotRecipe(_ark_ui_react_toast.Toast.ActionTrigger, "actionTrigger");
+//#endregion
+exports.NotificationActionTrigger = NotificationActionTrigger;
+exports.NotificationCloseTrigger = NotificationCloseTrigger;
+exports.NotificationDescription = NotificationDescription;
+exports.NotificationHeading = NotificationHeading;
+exports.NotificationProvider = NotificationProvider;
+exports.NotificationRoot = NotificationRoot;

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

@@ -0,0 +1,16 @@
+import { Toast, ToastActionTriggerProps, ToastCloseTriggerProps, ToastDescriptionProps, ToasterProps, ToastRootProps, ToastTitleProps } from '@ark-ui/react/toast';
+import { ToastVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+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: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type NotificationHeadingProps = CerberusPrimitiveProps<ToastTitleProps>;
+export declare const NotificationHeading: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.TitleProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type NotificationDescriptionProps = CerberusPrimitiveProps<ToastDescriptionProps>;
+export declare const NotificationDescription: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.DescriptionProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type NotificationCloseTriggerProps = CerberusPrimitiveProps<ToastCloseTriggerProps>;
+export declare const NotificationCloseTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.CloseTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type NotificationActionTriggerProps = CerberusPrimitiveProps<ToastActionTriggerProps>;
+export declare const NotificationActionTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.ActionTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,16 @@
+import { Toast, ToastActionTriggerProps, ToastCloseTriggerProps, ToastDescriptionProps, ToasterProps, ToastRootProps, ToastTitleProps } from '@ark-ui/react/toast';
+import { ToastVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+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: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type NotificationHeadingProps = CerberusPrimitiveProps<ToastTitleProps>;
+export declare const NotificationHeading: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.TitleProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type NotificationDescriptionProps = CerberusPrimitiveProps<ToastDescriptionProps>;
+export declare const NotificationDescription: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.DescriptionProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type NotificationCloseTriggerProps = CerberusPrimitiveProps<ToastCloseTriggerProps>;
+export declare const NotificationCloseTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.CloseTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type NotificationActionTriggerProps = CerberusPrimitiveProps<ToastActionTriggerProps>;
+export declare const NotificationActionTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Toast.ActionTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/notifications/primitives.js

@@ -0,0 +1,17 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { toast } from "styled-system/recipes";
+import { Toast, Toaster } from "@ark-ui/react/toast";
+//#region src/components/notifications/primitives.tsx
+/**
+* This module contains the primitives of the Notification component.
+* @module 'notification/primitives'
+*/
+var { withSlotRecipe } = createCerberusPrimitive(toast);
+var NotificationProvider = Toaster;
+var NotificationRoot = withSlotRecipe(Toast.Root, "root");
+var NotificationHeading = withSlotRecipe(Toast.Title, "title");
+var NotificationDescription = withSlotRecipe(Toast.Description, "description");
+var NotificationCloseTrigger = withSlotRecipe(Toast.CloseTrigger, "closeTrigger");
+var NotificationActionTrigger = withSlotRecipe(Toast.ActionTrigger, "actionTrigger");
+//#endregion
+export { NotificationActionTrigger, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationProvider, NotificationRoot };

package/dist/components/notifications/toaster.cjs

@@ -0,0 +1,10 @@
+"use client";
+"use client";
+//#region src/components/notifications/toaster.ts
+var toaster = (0, require("@ark-ui/react/toast").createToaster)({
+	gap: 16,
+	overlap: true,
+	placement: "top-end"
+});
+//#endregion
+exports.toaster = toaster;

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

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

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

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

package/dist/components/notifications/toaster.js

@@ -0,0 +1,11 @@
+"use client";
+"use client";
+import { createToaster } from "@ark-ui/react/toast";
+//#region src/components/notifications/toaster.ts
+var toaster = createToaster({
+	gap: 16,
+	overlap: true,
+	placement: "top-end"
+});
+//#endregion
+export { toaster };

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

@@ -0,0 +1,5 @@
+import { ToastOptions } from '@ark-ui/react/toast';
+export type NotifyOptionsType = ToastOptions['type'];
+export interface NotifyOptions extends ToastOptions {
+    usage?: 'subtle' | 'default';
+}

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

@@ -0,0 +1,5 @@
+import { ToastOptions } from '@ark-ui/react/toast';
+export type NotifyOptionsType = ToastOptions['type'];
+export interface NotifyOptions extends ToastOptions {
+    usage?: 'subtle' | 'default';
+}

package/dist/components/number-input/decrement-trigger.cjs

@@ -0,0 +1,16 @@
+"use client";
+"use client";
+const require_cerberus = require("../../context/cerberus.cjs");
+const require_parts = require("./parts.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/number-input/decrement-trigger.tsx
+function DecrementTrigger(props) {
+	const { icons } = require_cerberus.useCerberusContext();
+	const { decrement: ChevronDown } = icons;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.NumberInputParts.DecrementTrigger, {
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDown, {})
+	});
+}
+//#endregion
+exports.DecrementTrigger = DecrementTrigger;

package/dist/components/number-input/decrement-trigger.d.cts

@@ -0,0 +1,2 @@
+import { NumberInputDecrementTriggerProps } from './primitives';
+export declare function DecrementTrigger(props: NumberInputDecrementTriggerProps): import("react").JSX.Element;

package/dist/components/number-input/decrement-trigger.d.ts

@@ -0,0 +1,2 @@
+import { NumberInputDecrementTriggerProps } from './primitives';
+export declare function DecrementTrigger(props: NumberInputDecrementTriggerProps): import("react").JSX.Element;

package/dist/components/number-input/decrement-trigger.js

@@ -0,0 +1,16 @@
+"use client";
+"use client";
+import { useCerberusContext } from "../../context/cerberus.js";
+import { NumberInputParts } from "./parts.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/number-input/decrement-trigger.tsx
+function DecrementTrigger(props) {
+	const { icons } = useCerberusContext();
+	const { decrement: ChevronDown } = icons;
+	return /* @__PURE__ */ jsx(NumberInputParts.DecrementTrigger, {
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDown, {})
+	});
+}
+//#endregion
+export { DecrementTrigger };