@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

package/dist/components/accordion/item-indicator.js

@@ -0,0 +1,22 @@
+"use client";
+"use client";
+import { useCerberusContext } from "../../context/cerberus.js";
+import { AccordionParts } from "./parts.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/accordion/item-indicator.tsx
+/**
+* This module contains the internal AccordionItemIndicator component.
+* @module 'accordion/item-indicator'
+*/
+function AccordionChevronItemIndicator(props) {
+	const { size, ...indicatorProps } = props;
+	const iconSize = size === "sm" ? 16 : "24";
+	const { icons } = useCerberusContext();
+	const { accordionIndicator: ChevronDown } = icons;
+	return /* @__PURE__ */ jsx(AccordionParts.ItemIndicator, {
+		...indicatorProps,
+		children: /* @__PURE__ */ jsx(ChevronDown, { size: iconSize })
+	});
+}
+//#endregion
+export { AccordionChevronItemIndicator };

package/dist/components/accordion/parts.cjs

@@ -0,0 +1,20 @@
+const require_primitives = require("./primitives.cjs");
+//#region src/components/accordion/parts.ts
+/**
+* An Object containing the parts of the Accordion component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the AccordionParts object and
+* the entire family of components vs. only what you use.
+*/
+var AccordionParts = {
+	Root: require_primitives.AccordionRoot,
+	Item: require_primitives.AccordionItem,
+	ItemTrigger: require_primitives.AccordionItemTrigger,
+	ItemContent: require_primitives.AccordionItemContent,
+	ItemIndicator: require_primitives.AccordionItemIndicator
+};
+//#endregion
+exports.AccordionParts = AccordionParts;

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

@@ -0,0 +1,38 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Accordion component.
+ * @module 'accordion/parts'
+ */
+interface AccordionPartsValue {
+    /**
+     * The context provider of the accordion.
+     */
+    Root: ElementType;
+    /**
+     * The item of the accordion.
+     */
+    Item: ElementType;
+    /**
+     * The trigger of the accordion item.
+     */
+    ItemTrigger: ElementType;
+    /**
+     * The content of the accordion item.
+     */
+    ItemContent: ElementType;
+    /**
+     * The indicator of the accordion item.
+     */
+    ItemIndicator: ElementType;
+}
+/**
+ * An Object containing the parts of the Accordion component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the AccordionParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const AccordionParts: AccordionPartsValue;
+export {};

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

@@ -0,0 +1,38 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Accordion component.
+ * @module 'accordion/parts'
+ */
+interface AccordionPartsValue {
+    /**
+     * The context provider of the accordion.
+     */
+    Root: ElementType;
+    /**
+     * The item of the accordion.
+     */
+    Item: ElementType;
+    /**
+     * The trigger of the accordion item.
+     */
+    ItemTrigger: ElementType;
+    /**
+     * The content of the accordion item.
+     */
+    ItemContent: ElementType;
+    /**
+     * The indicator of the accordion item.
+     */
+    ItemIndicator: ElementType;
+}
+/**
+ * An Object containing the parts of the Accordion component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the AccordionParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const AccordionParts: AccordionPartsValue;
+export {};

package/dist/components/accordion/parts.js

@@ -0,0 +1,20 @@
+import { AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot } from "./primitives.js";
+//#region src/components/accordion/parts.ts
+/**
+* An Object containing the parts of the Accordion component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the AccordionParts object and
+* the entire family of components vs. only what you use.
+*/
+var AccordionParts = {
+	Root: AccordionRoot,
+	Item: AccordionItem,
+	ItemTrigger: AccordionItemTrigger,
+	ItemContent: AccordionItemContent,
+	ItemIndicator: AccordionItemIndicator
+};
+//#endregion
+export { AccordionParts };

package/dist/components/accordion/primitives.cjs

@@ -0,0 +1,58 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _ark_ui_react_accordion = require("@ark-ui/react/accordion");
+//#region src/components/accordion/primitives.tsx
+/**
+* This module contains the primitives of the Accordion component.
+* @module 'accordion/primitives'
+*/
+var { withSlotRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.accordion);
+function AccordionRootEl(props) {
+	const { size, ...rootProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_accordion.Accordion.Root, {
+		...rootProps,
+		"data-size": size
+	});
+}
+/**
+* The primitive root component of the Accordion component.
+*
+* This component returns the Ark `Accordion.Root` component which has a
+* base style using the Cerberus `accordion` recipe that can be overridden.
+*/
+var AccordionRoot = withSlotRecipe(AccordionRootEl, "root");
+/**
+* The primitive item component of the Accordion component.
+*
+* This component returns the Ark `Accordion.Item` component which has a
+* base style using the Cerberus `accordion` recipe that can be overridden.
+*/
+var AccordionItem = withSlotRecipe(_ark_ui_react_accordion.Accordion.Item, "item");
+/**
+* The primitive trigger component of the Accordion component.
+*
+* This component returns the Ark `Accordion.ItemTrigger` component which has
+* a base style using the Cerberus `accordion` recipe that can be overridden.
+*/
+var AccordionItemTrigger = withSlotRecipe(_ark_ui_react_accordion.Accordion.ItemTrigger, "itemTrigger");
+/**
+* The primitive item indicator component of the Accordion component.
+*
+* This component returns the Ark `Accordion.ItemIndicator` component which has
+* a base style using the Cerberus `accordion` recipe that can be overridden.
+*/
+var AccordionItemIndicator = withSlotRecipe(_ark_ui_react_accordion.Accordion.ItemIndicator, "itemIndicator");
+/**
+* The primitive content component of the Accordion component.
+*
+* This component returns the Ark `Accordion.Content` component which has a
+* base style using the Cerberus `accordion` recipe that can be overridden.
+*/
+var AccordionItemContent = withSlotRecipe(_ark_ui_react_accordion.Accordion.ItemContent, "itemContent");
+//#endregion
+exports.AccordionItem = AccordionItem;
+exports.AccordionItemContent = AccordionItemContent;
+exports.AccordionItemIndicator = AccordionItemIndicator;
+exports.AccordionItemTrigger = AccordionItemTrigger;
+exports.AccordionRoot = AccordionRoot;

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

@@ -0,0 +1,47 @@
+import { Accordion, AccordionItemContentProps as ArkAccordionItemContentProps, AccordionItemIndicatorProps as ArkAccordionItemIndicatorProps, AccordionItemProps as ArkAccordionItemProps, AccordionItemTriggerProps as ArkAccordionItemTriggerProps, AccordionRootProps as ArkAccordionRootProps } from '@ark-ui/react/accordion';
+import { AccordionVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+import { BaseCerberusProps } from '../..';
+/**
+ * The primitive root component of the Accordion component.
+ *
+ * This component returns the Ark `Accordion.Root` component which has a
+ * base style using the Cerberus `accordion` recipe that can be overridden.
+ */
+export declare const AccordionRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< BaseCerberusProps & {
+    children?: ReactNode | undefined;
+} & Accordion.RootProps & AccordionVariantProps>, "ref"> & RefAttributes<HTMLElement>>;
+export type AccordionRootProps = CerberusPrimitiveProps<ArkAccordionRootProps & AccordionVariantProps>;
+/**
+ * The primitive item component of the Accordion component.
+ *
+ * This component returns the Ark `Accordion.Item` component which has a
+ * base style using the Cerberus `accordion` recipe that can be overridden.
+ */
+export declare const AccordionItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Accordion.ItemProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AccordionItemProps = CerberusPrimitiveProps<ArkAccordionItemProps & AccordionVariantProps>;
+/**
+ * The primitive trigger component of the Accordion component.
+ *
+ * This component returns the Ark `Accordion.ItemTrigger` component which has
+ * a base style using the Cerberus `accordion` recipe that can be overridden.
+ */
+export declare const AccordionItemTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Accordion.ItemTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AccordionItemTriggerProps = CerberusPrimitiveProps<ArkAccordionItemTriggerProps>;
+/**
+ * The primitive item indicator component of the Accordion component.
+ *
+ * This component returns the Ark `Accordion.ItemIndicator` component which has
+ * a base style using the Cerberus `accordion` recipe that can be overridden.
+ */
+export declare const AccordionItemIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Accordion.ItemIndicatorProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AccordionItemIndicatorProps = CerberusPrimitiveProps<ArkAccordionItemIndicatorProps>;
+/**
+ * The primitive content component of the Accordion component.
+ *
+ * This component returns the Ark `Accordion.Content` component which has a
+ * base style using the Cerberus `accordion` recipe that can be overridden.
+ */
+export declare const AccordionItemContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Accordion.ItemContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AccordionItemContentProps = CerberusPrimitiveProps<ArkAccordionItemContentProps>;

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

@@ -0,0 +1,47 @@
+import { Accordion, AccordionItemContentProps as ArkAccordionItemContentProps, AccordionItemIndicatorProps as ArkAccordionItemIndicatorProps, AccordionItemProps as ArkAccordionItemProps, AccordionItemTriggerProps as ArkAccordionItemTriggerProps, AccordionRootProps as ArkAccordionRootProps } from '@ark-ui/react/accordion';
+import { AccordionVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+import { BaseCerberusProps } from '../..';
+/**
+ * The primitive root component of the Accordion component.
+ *
+ * This component returns the Ark `Accordion.Root` component which has a
+ * base style using the Cerberus `accordion` recipe that can be overridden.
+ */
+export declare const AccordionRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< BaseCerberusProps & {
+    children?: ReactNode | undefined;
+} & Accordion.RootProps & AccordionVariantProps>, "ref"> & RefAttributes<HTMLElement>>;
+export type AccordionRootProps = CerberusPrimitiveProps<ArkAccordionRootProps & AccordionVariantProps>;
+/**
+ * The primitive item component of the Accordion component.
+ *
+ * This component returns the Ark `Accordion.Item` component which has a
+ * base style using the Cerberus `accordion` recipe that can be overridden.
+ */
+export declare const AccordionItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Accordion.ItemProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AccordionItemProps = CerberusPrimitiveProps<ArkAccordionItemProps & AccordionVariantProps>;
+/**
+ * The primitive trigger component of the Accordion component.
+ *
+ * This component returns the Ark `Accordion.ItemTrigger` component which has
+ * a base style using the Cerberus `accordion` recipe that can be overridden.
+ */
+export declare const AccordionItemTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Accordion.ItemTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AccordionItemTriggerProps = CerberusPrimitiveProps<ArkAccordionItemTriggerProps>;
+/**
+ * The primitive item indicator component of the Accordion component.
+ *
+ * This component returns the Ark `Accordion.ItemIndicator` component which has
+ * a base style using the Cerberus `accordion` recipe that can be overridden.
+ */
+export declare const AccordionItemIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Accordion.ItemIndicatorProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AccordionItemIndicatorProps = CerberusPrimitiveProps<ArkAccordionItemIndicatorProps>;
+/**
+ * The primitive content component of the Accordion component.
+ *
+ * This component returns the Ark `Accordion.Content` component which has a
+ * base style using the Cerberus `accordion` recipe that can be overridden.
+ */
+export declare const AccordionItemContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Accordion.ItemContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AccordionItemContentProps = CerberusPrimitiveProps<ArkAccordionItemContentProps>;

package/dist/components/accordion/primitives.js

@@ -0,0 +1,54 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { accordion } from "styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+import { Accordion } from "@ark-ui/react/accordion";
+//#region src/components/accordion/primitives.tsx
+/**
+* This module contains the primitives of the Accordion component.
+* @module 'accordion/primitives'
+*/
+var { withSlotRecipe } = createCerberusPrimitive(accordion);
+function AccordionRootEl(props) {
+	const { size, ...rootProps } = props;
+	return /* @__PURE__ */ jsx(Accordion.Root, {
+		...rootProps,
+		"data-size": size
+	});
+}
+/**
+* The primitive root component of the Accordion component.
+*
+* This component returns the Ark `Accordion.Root` component which has a
+* base style using the Cerberus `accordion` recipe that can be overridden.
+*/
+var AccordionRoot = withSlotRecipe(AccordionRootEl, "root");
+/**
+* The primitive item component of the Accordion component.
+*
+* This component returns the Ark `Accordion.Item` component which has a
+* base style using the Cerberus `accordion` recipe that can be overridden.
+*/
+var AccordionItem = withSlotRecipe(Accordion.Item, "item");
+/**
+* The primitive trigger component of the Accordion component.
+*
+* This component returns the Ark `Accordion.ItemTrigger` component which has
+* a base style using the Cerberus `accordion` recipe that can be overridden.
+*/
+var AccordionItemTrigger = withSlotRecipe(Accordion.ItemTrigger, "itemTrigger");
+/**
+* The primitive item indicator component of the Accordion component.
+*
+* This component returns the Ark `Accordion.ItemIndicator` component which has
+* a base style using the Cerberus `accordion` recipe that can be overridden.
+*/
+var AccordionItemIndicator = withSlotRecipe(Accordion.ItemIndicator, "itemIndicator");
+/**
+* The primitive content component of the Accordion component.
+*
+* This component returns the Ark `Accordion.Content` component which has a
+* base style using the Cerberus `accordion` recipe that can be overridden.
+*/
+var AccordionItemContent = withSlotRecipe(Accordion.ItemContent, "itemContent");
+//#endregion
+export { AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot };

package/dist/components/admonition/admonition.cjs

@@ -0,0 +1,38 @@
+const require_parts = require("./parts.cjs");
+const require_index = require("../../utils/index.cjs");
+const require_show = require("../show/show.cjs");
+const require_match_avatar = require("./match-avatar.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/admonition/admonition.tsx
+/**
+* The Admonition component is an abstraction of the primitives which
+* displays a Admonition with a label.
+*
+* @description [Cerberus Docs](https://cerberus.digitalu.design/react/admonition)
+*
+* @remarks
+*
+* For a customizable Admonition, use the `AdmonitionParts` object to access the
+* individual primitives of the Admonition component.
+*/
+function Admonition(props) {
+	const [elProps, styleProps, rootProps] = require_index.splitProps(props, [
+		"heading",
+		"icon",
+		"children"
+	], ["palette", "usage"]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.AdmonitionParts.Root, {
+		...styleProps,
+		...rootProps,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+			when: elProps.icon,
+			fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_match_avatar.MatchAvatar, { palette: styleProps.palette }),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.AdmonitionParts.Indicator, { children: elProps.icon })
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.AdmonitionParts.Content, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+			when: elProps.heading,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.AdmonitionParts.Heading, { children: elProps.heading })
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.AdmonitionParts.Description, { children: elProps.children })] })]
+	});
+}
+//#endregion
+exports.Admonition = Admonition;

package/dist/components/admonition/admonition.d.cts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { AdmonitionRootProps } from './primitives';
+/**
+ * This module provides an abstraction for the Admonition component.
+ * @module 'admonition/admonition'
+ */
+export interface AdmonitionProps extends AdmonitionRootProps {
+    /**
+     * The heading title for the Admonition.
+     */
+    heading?: string;
+    /**
+     * One off replacement for the icon.
+     */
+    icon?: ReactNode;
+}
+/**
+ * The Admonition component is an abstraction of the primitives which
+ * displays a Admonition with a label.
+ *
+ * @description [Cerberus Docs](https://cerberus.digitalu.design/react/admonition)
+ *
+ * @remarks
+ *
+ * For a customizable Admonition, use the `AdmonitionParts` object to access the
+ * individual primitives of the Admonition component.
+ */
+export declare function Admonition(props: AdmonitionProps): import("react").JSX.Element;

package/dist/components/admonition/admonition.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { AdmonitionRootProps } from './primitives';
+/**
+ * This module provides an abstraction for the Admonition component.
+ * @module 'admonition/admonition'
+ */
+export interface AdmonitionProps extends AdmonitionRootProps {
+    /**
+     * The heading title for the Admonition.
+     */
+    heading?: string;
+    /**
+     * One off replacement for the icon.
+     */
+    icon?: ReactNode;
+}
+/**
+ * The Admonition component is an abstraction of the primitives which
+ * displays a Admonition with a label.
+ *
+ * @description [Cerberus Docs](https://cerberus.digitalu.design/react/admonition)
+ *
+ * @remarks
+ *
+ * For a customizable Admonition, use the `AdmonitionParts` object to access the
+ * individual primitives of the Admonition component.
+ */
+export declare function Admonition(props: AdmonitionProps): import("react").JSX.Element;

package/dist/components/admonition/admonition.js

@@ -0,0 +1,38 @@
+import { AdmonitionParts } from "./parts.js";
+import { splitProps } from "../../utils/index.js";
+import { Show } from "../show/show.js";
+import { MatchAvatar } from "./match-avatar.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/admonition/admonition.tsx
+/**
+* The Admonition component is an abstraction of the primitives which
+* displays a Admonition with a label.
+*
+* @description [Cerberus Docs](https://cerberus.digitalu.design/react/admonition)
+*
+* @remarks
+*
+* For a customizable Admonition, use the `AdmonitionParts` object to access the
+* individual primitives of the Admonition component.
+*/
+function Admonition(props) {
+	const [elProps, styleProps, rootProps] = splitProps(props, [
+		"heading",
+		"icon",
+		"children"
+	], ["palette", "usage"]);
+	return /* @__PURE__ */ jsxs(AdmonitionParts.Root, {
+		...styleProps,
+		...rootProps,
+		children: [/* @__PURE__ */ jsx(Show, {
+			when: elProps.icon,
+			fallback: /* @__PURE__ */ jsx(MatchAvatar, { palette: styleProps.palette }),
+			children: /* @__PURE__ */ jsx(AdmonitionParts.Indicator, { children: elProps.icon })
+		}), /* @__PURE__ */ jsxs(AdmonitionParts.Content, { children: [/* @__PURE__ */ jsx(Show, {
+			when: elProps.heading,
+			children: /* @__PURE__ */ jsx(AdmonitionParts.Heading, { children: elProps.heading })
+		}), /* @__PURE__ */ jsx(AdmonitionParts.Description, { children: elProps.children })] })]
+	});
+}
+//#endregion
+export { Admonition };

package/dist/components/admonition/index.cjs

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_parts = require("./parts.cjs");
+const require_admonition = require("./admonition.cjs");
+exports.Admonition = require_admonition.Admonition;
+exports.AdmonitionContent = require_primitives.AdmonitionContent;
+exports.AdmonitionDescription = require_primitives.AdmonitionDescription;
+exports.AdmonitionHeading = require_primitives.AdmonitionHeading;
+exports.AdmonitionIndicator = require_primitives.AdmonitionIndicator;
+exports.AdmonitionParts = require_parts.AdmonitionParts;
+exports.AdmonitionRoot = require_primitives.AdmonitionRoot;

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

@@ -0,0 +1,3 @@
+export * from './parts';
+export * from './primitives';
+export * from './admonition';

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

@@ -0,0 +1,3 @@
+export * from './parts';
+export * from './primitives';
+export * from './admonition';

package/dist/components/admonition/index.js

@@ -0,0 +1,4 @@
+import { AdmonitionContent, AdmonitionDescription, AdmonitionHeading, AdmonitionIndicator, AdmonitionRoot } from "./primitives.js";
+import { AdmonitionParts } from "./parts.js";
+import { Admonition } from "./admonition.js";
+export { Admonition, AdmonitionContent, AdmonitionDescription, AdmonitionHeading, AdmonitionIndicator, AdmonitionParts, AdmonitionRoot };

package/dist/components/admonition/match-avatar.cjs

@@ -0,0 +1,41 @@
+"use client";
+"use client";
+const require_cerberus = require("../../context/cerberus.cjs");
+const require_avatar = require("../avatar/avatar.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/admonition/match-avatar.tsx
+function MatchAvatar(props) {
+	const { palette = "page" } = props;
+	const { icons } = require_cerberus.useCerberusContext();
+	const { infoNotification: InfoIcon, successNotification: SuccessIcon, warningNotification: WarningIcon, dangerNotification: DangerIcon } = icons;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (0, react.useRef)({
+		page: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_avatar.Avatar, {
+			gradient: "charon-light",
+			fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoIcon, {}),
+			size: "sm"
+		}),
+		info: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_avatar.Avatar, {
+			gradient: "amphiaraus-dark",
+			fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InfoIcon, {}),
+			size: "sm"
+		}),
+		success: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_avatar.Avatar, {
+			gradient: "thanatos-dark",
+			fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SuccessIcon, {}),
+			size: "sm"
+		}),
+		warning: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_avatar.Avatar, {
+			gradient: "asphodel-light",
+			fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WarningIcon, {}),
+			size: "sm"
+		}),
+		danger: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_avatar.Avatar, {
+			gradient: "hades-light",
+			fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DangerIcon, {}),
+			size: "sm"
+		})
+	}).current[palette] });
+}
+//#endregion
+exports.MatchAvatar = MatchAvatar;

package/dist/components/admonition/match-avatar.d.cts

@@ -0,0 +1,4 @@
+import { AdmonitionVariantProps } from 'styled-system/recipes';
+type MatchAvatarProps = AdmonitionVariantProps;
+export declare function MatchAvatar(props: MatchAvatarProps): import("react").JSX.Element;
+export {};

package/dist/components/admonition/match-avatar.d.ts

@@ -0,0 +1,4 @@
+import { AdmonitionVariantProps } from 'styled-system/recipes';
+type MatchAvatarProps = AdmonitionVariantProps;
+export declare function MatchAvatar(props: MatchAvatarProps): import("react").JSX.Element;
+export {};

package/dist/components/admonition/match-avatar.js

@@ -0,0 +1,41 @@
+"use client";
+"use client";
+import { useCerberusContext } from "../../context/cerberus.js";
+import { Avatar } from "../avatar/avatar.js";
+import { useRef } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+//#region src/components/admonition/match-avatar.tsx
+function MatchAvatar(props) {
+	const { palette = "page" } = props;
+	const { icons } = useCerberusContext();
+	const { infoNotification: InfoIcon, successNotification: SuccessIcon, warningNotification: WarningIcon, dangerNotification: DangerIcon } = icons;
+	return /* @__PURE__ */ jsx(Fragment, { children: useRef({
+		page: /* @__PURE__ */ jsx(Avatar, {
+			gradient: "charon-light",
+			fallback: /* @__PURE__ */ jsx(InfoIcon, {}),
+			size: "sm"
+		}),
+		info: /* @__PURE__ */ jsx(Avatar, {
+			gradient: "amphiaraus-dark",
+			fallback: /* @__PURE__ */ jsx(InfoIcon, {}),
+			size: "sm"
+		}),
+		success: /* @__PURE__ */ jsx(Avatar, {
+			gradient: "thanatos-dark",
+			fallback: /* @__PURE__ */ jsx(SuccessIcon, {}),
+			size: "sm"
+		}),
+		warning: /* @__PURE__ */ jsx(Avatar, {
+			gradient: "asphodel-light",
+			fallback: /* @__PURE__ */ jsx(WarningIcon, {}),
+			size: "sm"
+		}),
+		danger: /* @__PURE__ */ jsx(Avatar, {
+			gradient: "hades-light",
+			fallback: /* @__PURE__ */ jsx(DangerIcon, {}),
+			size: "sm"
+		})
+	}).current[palette] });
+}
+//#endregion
+export { MatchAvatar };

package/dist/components/admonition/parts.cjs

@@ -0,0 +1,20 @@
+const require_primitives = require("./primitives.cjs");
+//#region src/components/admonition/parts.ts
+/**
+* An Object containing the parts of the Accordion component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the AdmonitionParts object and
+* the entire family of components vs. only what you use.
+*/
+var AdmonitionParts = {
+	Root: require_primitives.AdmonitionRoot,
+	Indicator: require_primitives.AdmonitionIndicator,
+	Content: require_primitives.AdmonitionContent,
+	Heading: require_primitives.AdmonitionHeading,
+	Description: require_primitives.AdmonitionDescription
+};
+//#endregion
+exports.AdmonitionParts = AdmonitionParts;