@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

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

@@ -0,0 +1,38 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Admonition component.
+ * @module 'admonition/parts'
+ */
+interface AdmonitionPartsValue {
+    /**
+     * The context provider of the Admonition.
+     */
+    Root: ElementType;
+    /**
+     * The indicator of the Admonition.
+     */
+    Indicator: ElementType;
+    /**
+     * The content of the Admonition.
+     */
+    Content: ElementType;
+    /**
+     * The heading of the Admonition.
+     */
+    Heading: ElementType;
+    /**
+     * The description of the Admonition.
+     */
+    Description: 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 AdmonitionParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const AdmonitionParts: AdmonitionPartsValue;
+export {};

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

@@ -0,0 +1,38 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Admonition component.
+ * @module 'admonition/parts'
+ */
+interface AdmonitionPartsValue {
+    /**
+     * The context provider of the Admonition.
+     */
+    Root: ElementType;
+    /**
+     * The indicator of the Admonition.
+     */
+    Indicator: ElementType;
+    /**
+     * The content of the Admonition.
+     */
+    Content: ElementType;
+    /**
+     * The heading of the Admonition.
+     */
+    Heading: ElementType;
+    /**
+     * The description of the Admonition.
+     */
+    Description: 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 AdmonitionParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const AdmonitionParts: AdmonitionPartsValue;
+export {};

package/dist/components/admonition/parts.js

@@ -0,0 +1,20 @@
+import { AdmonitionContent, AdmonitionDescription, AdmonitionHeading, AdmonitionIndicator, AdmonitionRoot } from "./primitives.js";
+//#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: AdmonitionRoot,
+	Indicator: AdmonitionIndicator,
+	Content: AdmonitionContent,
+	Heading: AdmonitionHeading,
+	Description: AdmonitionDescription
+};
+//#endregion
+export { AdmonitionParts };

package/dist/components/admonition/primitives.cjs

@@ -0,0 +1,49 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+//#region src/components/admonition/primitives.tsx
+/**
+* This module contains the primitives of the Admonition components.
+* @module 'admonition/primitives'
+*/
+var { withSlotRecipe, withNoRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.admonition);
+/**
+* The `AdmonitionRoot` component is the container for the Admonition.
+*/
+var AdmonitionRoot = withSlotRecipe("div", "root", { defaultProps: {
+	"data-scope": "admonition",
+	"data-part": "root"
+} });
+/**
+* The `AdmonitionIndicator` component is the indicator for the Admonition.
+*/
+var AdmonitionIndicator = withNoRecipe("span", { defaultProps: {
+	"data-scope": "admonition",
+	"data-part": "indicator"
+} });
+/**
+* The `AdmonitionContent` component is the content for the Admonition.
+*/
+var AdmonitionContent = withNoRecipe("div", { defaultProps: {
+	"data-scope": "admonition",
+	"data-part": "content"
+} });
+/**
+* The `AdmonitionHeading` component is the heading title for the Admonition.
+*/
+var AdmonitionHeading = withSlotRecipe("p", "heading", { defaultProps: {
+	"data-scope": "admonition",
+	"data-part": "heading"
+} });
+/**
+* The `AdmonitionDescription` component is the description for the Admonition.
+*/
+var AdmonitionDescription = withSlotRecipe("p", "description", { defaultProps: {
+	"data-scope": "admonition",
+	"data-part": "description"
+} });
+//#endregion
+exports.AdmonitionContent = AdmonitionContent;
+exports.AdmonitionDescription = AdmonitionDescription;
+exports.AdmonitionHeading = AdmonitionHeading;
+exports.AdmonitionIndicator = AdmonitionIndicator;
+exports.AdmonitionRoot = AdmonitionRoot;

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

@@ -0,0 +1,29 @@
+import { AdmonitionVariantProps } from 'styled-system/recipes';
+import { CerberusProps } from '../../system/index';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+import { CerberusPrimitiveProps } from '../..';
+/**
+ * The `AdmonitionRoot` component is the container for the Admonition.
+ */
+export declare const AdmonitionRoot: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AdmonitionRootProps = CerberusProps<'aside'> & AdmonitionVariantProps;
+/**
+ * The `AdmonitionIndicator` component is the indicator for the Admonition.
+ */
+export declare const AdmonitionIndicator: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AdmonitionIndicatorProps = CerberusProps<'span'>;
+/**
+ * The `AdmonitionContent` component is the content for the Admonition.
+ */
+export declare const AdmonitionContent: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AdmonitionContentProps = CerberusProps<'div'>;
+/**
+ * The `AdmonitionHeading` component is the heading title for the Admonition.
+ */
+export declare const AdmonitionHeading: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AdmonitionHeadingProps = CerberusProps<'p'> & AdmonitionVariantProps;
+/**
+ * The `AdmonitionDescription` component is the description for the Admonition.
+ */
+export declare const AdmonitionDescription: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AdmonitionDescriptionProps = CerberusProps<'p'> & AdmonitionVariantProps;

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

@@ -0,0 +1,29 @@
+import { AdmonitionVariantProps } from 'styled-system/recipes';
+import { CerberusProps } from '../../system/index';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+import { CerberusPrimitiveProps } from '../..';
+/**
+ * The `AdmonitionRoot` component is the container for the Admonition.
+ */
+export declare const AdmonitionRoot: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AdmonitionRootProps = CerberusProps<'aside'> & AdmonitionVariantProps;
+/**
+ * The `AdmonitionIndicator` component is the indicator for the Admonition.
+ */
+export declare const AdmonitionIndicator: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AdmonitionIndicatorProps = CerberusProps<'span'>;
+/**
+ * The `AdmonitionContent` component is the content for the Admonition.
+ */
+export declare const AdmonitionContent: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AdmonitionContentProps = CerberusProps<'div'>;
+/**
+ * The `AdmonitionHeading` component is the heading title for the Admonition.
+ */
+export declare const AdmonitionHeading: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AdmonitionHeadingProps = CerberusProps<'p'> & AdmonitionVariantProps;
+/**
+ * The `AdmonitionDescription` component is the description for the Admonition.
+ */
+export declare const AdmonitionDescription: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AdmonitionDescriptionProps = CerberusProps<'p'> & AdmonitionVariantProps;

package/dist/components/admonition/primitives.js

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

package/dist/components/avatar/avatar.cjs

@@ -0,0 +1,27 @@
+const require_show = require("../show/show.cjs");
+const require_parts = require("./parts.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/avatar/avatar.tsx
+/**
+* Avatar component is an abstraction of the primitives that displays a
+* avatar or it's fallback when the image fails to load.
+* @description [Cerberus Docs](https://cerberus.digitalu.design/react/avatar/overview)
+* @description [Ark Docs](https://ark-ui.com/react/docs/components/avatar#api-reference)
+*/
+function Avatar(props) {
+	const { alt, src, fallback, children, ...rootProps } = props;
+	const imgProps = {
+		alt,
+		src
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.AvatarParts.Root, {
+		...rootProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+			when: children,
+			fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.AvatarParts.Fallback, { children: fallback }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.AvatarParts.Image, { ...imgProps })] }),
+			children
+		})
+	});
+}
+//#endregion
+exports.Avatar = Avatar;

package/dist/components/avatar/avatar.d.cts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { AvatarRootProps } from './primitives';
+/**
+ * This module provides an abstraction of the Avatar primitives.
+ * @module 'avatar'
+ */
+export type AvatarWithoutImage = {
+    alt?: never;
+    src?: never;
+    fallback: ReactNode;
+};
+export type AvatarWithImage = {
+    alt: string;
+    src: string;
+    fallback?: ReactNode;
+};
+export type AvatarProps = AvatarRootProps & (AvatarWithoutImage | AvatarWithImage);
+/**
+ * Avatar component is an abstraction of the primitives that displays a
+ * avatar or it's fallback when the image fails to load.
+ * @description [Cerberus Docs](https://cerberus.digitalu.design/react/avatar/overview)
+ * @description [Ark Docs](https://ark-ui.com/react/docs/components/avatar#api-reference)
+ */
+export declare function Avatar(props: AvatarProps): import("react").JSX.Element;

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { AvatarRootProps } from './primitives';
+/**
+ * This module provides an abstraction of the Avatar primitives.
+ * @module 'avatar'
+ */
+export type AvatarWithoutImage = {
+    alt?: never;
+    src?: never;
+    fallback: ReactNode;
+};
+export type AvatarWithImage = {
+    alt: string;
+    src: string;
+    fallback?: ReactNode;
+};
+export type AvatarProps = AvatarRootProps & (AvatarWithoutImage | AvatarWithImage);
+/**
+ * Avatar component is an abstraction of the primitives that displays a
+ * avatar or it's fallback when the image fails to load.
+ * @description [Cerberus Docs](https://cerberus.digitalu.design/react/avatar/overview)
+ * @description [Ark Docs](https://ark-ui.com/react/docs/components/avatar#api-reference)
+ */
+export declare function Avatar(props: AvatarProps): import("react").JSX.Element;

package/dist/components/avatar/avatar.js

@@ -0,0 +1,27 @@
+import { Show } from "../show/show.js";
+import { AvatarParts } from "./parts.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/avatar/avatar.tsx
+/**
+* Avatar component is an abstraction of the primitives that displays a
+* avatar or it's fallback when the image fails to load.
+* @description [Cerberus Docs](https://cerberus.digitalu.design/react/avatar/overview)
+* @description [Ark Docs](https://ark-ui.com/react/docs/components/avatar#api-reference)
+*/
+function Avatar(props) {
+	const { alt, src, fallback, children, ...rootProps } = props;
+	const imgProps = {
+		alt,
+		src
+	};
+	return /* @__PURE__ */ jsx(AvatarParts.Root, {
+		...rootProps,
+		children: /* @__PURE__ */ jsx(Show, {
+			when: children,
+			fallback: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AvatarParts.Fallback, { children: fallback }), /* @__PURE__ */ jsx(AvatarParts.Image, { ...imgProps })] }),
+			children
+		})
+	});
+}
+//#endregion
+export { Avatar };

package/dist/components/avatar/index.cjs

@@ -0,0 +1,16 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_parts = require("./parts.cjs");
+const require_avatar = require("./avatar.cjs");
+let _ark_ui_react_avatar = require("@ark-ui/react/avatar");
+exports.Avatar = require_avatar.Avatar;
+exports.AvatarFallback = require_primitives.AvatarFallback;
+exports.AvatarImage = require_primitives.AvatarImage;
+exports.AvatarParts = require_parts.AvatarParts;
+exports.AvatarRoot = require_primitives.AvatarRoot;
+Object.defineProperty(exports, "useAvatarContext", {
+	enumerable: true,
+	get: function() {
+		return _ark_ui_react_avatar.useAvatarContext;
+	}
+});

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

@@ -0,0 +1,4 @@
+export * from './parts';
+export * from './primitives';
+export * from './avatar';
+export { useAvatarContext } from '@ark-ui/react/avatar';

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

@@ -0,0 +1,4 @@
+export * from './parts';
+export * from './primitives';
+export * from './avatar';
+export { useAvatarContext } from '@ark-ui/react/avatar';

package/dist/components/avatar/index.js

@@ -0,0 +1,5 @@
+import { AvatarFallback, AvatarImage, AvatarRoot } from "./primitives.js";
+import { AvatarParts } from "./parts.js";
+import { Avatar } from "./avatar.js";
+import { useAvatarContext } from "@ark-ui/react/avatar";
+export { Avatar, AvatarFallback, AvatarImage, AvatarParts, AvatarRoot, useAvatarContext };

package/dist/components/avatar/parts.cjs

@@ -0,0 +1,18 @@
+const require_primitives = require("./primitives.cjs");
+//#region src/components/avatar/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 AvatarParts object and
+* the entire family of components vs. only what you use.
+*/
+var AvatarParts = {
+	Root: require_primitives.AvatarRoot,
+	Image: require_primitives.AvatarImage,
+	Fallback: require_primitives.AvatarFallback
+};
+//#endregion
+exports.AvatarParts = AvatarParts;

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

@@ -0,0 +1,30 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Avatar component.
+ * @module 'avatar/parts'
+ */
+interface AvatarPartsValue {
+    /**
+     * The context provider of the Avatar.
+     */
+    Root: ElementType;
+    /**
+     * The image of the Avatar.
+     */
+    Image: ElementType;
+    /**
+     * The fallback content to display when the image fails to load.
+     */
+    Fallback: 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 AvatarParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const AvatarParts: AvatarPartsValue;
+export {};

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

@@ -0,0 +1,30 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Avatar component.
+ * @module 'avatar/parts'
+ */
+interface AvatarPartsValue {
+    /**
+     * The context provider of the Avatar.
+     */
+    Root: ElementType;
+    /**
+     * The image of the Avatar.
+     */
+    Image: ElementType;
+    /**
+     * The fallback content to display when the image fails to load.
+     */
+    Fallback: 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 AvatarParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const AvatarParts: AvatarPartsValue;
+export {};

package/dist/components/avatar/parts.js

@@ -0,0 +1,18 @@
+import { AvatarFallback, AvatarImage, AvatarRoot } from "./primitives.js";
+//#region src/components/avatar/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 AvatarParts object and
+* the entire family of components vs. only what you use.
+*/
+var AvatarParts = {
+	Root: AvatarRoot,
+	Image: AvatarImage,
+	Fallback: AvatarFallback
+};
+//#endregion
+export { AvatarParts };

package/dist/components/avatar/primitives.cjs

@@ -0,0 +1,25 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let _ark_ui_react_avatar = require("@ark-ui/react/avatar");
+//#region src/components/avatar/primitives.tsx
+/**
+* This module provides the primitive components for the Avatar component.
+* @module 'avatar/primitives'
+*/
+var { withSlotRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.avatar);
+/**
+* The root component of the Avatar.
+*/
+var AvatarRoot = withSlotRecipe(_ark_ui_react_avatar.Avatar.Root, "root");
+/**
+* The image component of the Avatar.
+*/
+var AvatarImage = withSlotRecipe(_ark_ui_react_avatar.Avatar.Image, "image");
+/**
+* The fallback component of the Avatar.
+*/
+var AvatarFallback = withSlotRecipe(_ark_ui_react_avatar.Avatar.Fallback, "fallback");
+//#endregion
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarImage = AvatarImage;
+exports.AvatarRoot = AvatarRoot;

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

@@ -0,0 +1,19 @@
+import { Avatar, AvatarFallbackProps as ArkAvatarFallbackProps, AvatarImageProps as ArkAvatarImageProps, AvatarRootProps as ArkAvatarRootProps } from '@ark-ui/react/avatar';
+import { AvatarVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/**
+ * The root component of the Avatar.
+ */
+export declare const AvatarRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Avatar.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AvatarRootProps = CerberusPrimitiveProps<ArkAvatarRootProps & AvatarVariantProps>;
+/**
+ * The image component of the Avatar.
+ */
+export declare const AvatarImage: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Avatar.ImageProps & RefAttributes<HTMLImageElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AvatarImageProps = CerberusPrimitiveProps<ArkAvatarImageProps>;
+/**
+ * The fallback component of the Avatar.
+ */
+export declare const AvatarFallback: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Avatar.FallbackProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AvatarFallbackProps = CerberusPrimitiveProps<ArkAvatarFallbackProps>;

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

@@ -0,0 +1,19 @@
+import { Avatar, AvatarFallbackProps as ArkAvatarFallbackProps, AvatarImageProps as ArkAvatarImageProps, AvatarRootProps as ArkAvatarRootProps } from '@ark-ui/react/avatar';
+import { AvatarVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/**
+ * The root component of the Avatar.
+ */
+export declare const AvatarRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Avatar.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AvatarRootProps = CerberusPrimitiveProps<ArkAvatarRootProps & AvatarVariantProps>;
+/**
+ * The image component of the Avatar.
+ */
+export declare const AvatarImage: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Avatar.ImageProps & RefAttributes<HTMLImageElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AvatarImageProps = CerberusPrimitiveProps<ArkAvatarImageProps>;
+/**
+ * The fallback component of the Avatar.
+ */
+export declare const AvatarFallback: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Avatar.FallbackProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type AvatarFallbackProps = CerberusPrimitiveProps<ArkAvatarFallbackProps>;

package/dist/components/avatar/primitives.js

@@ -0,0 +1,23 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { avatar } from "styled-system/recipes";
+import { Avatar } from "@ark-ui/react/avatar";
+//#region src/components/avatar/primitives.tsx
+/**
+* This module provides the primitive components for the Avatar component.
+* @module 'avatar/primitives'
+*/
+var { withSlotRecipe } = createCerberusPrimitive(avatar);
+/**
+* The root component of the Avatar.
+*/
+var AvatarRoot = withSlotRecipe(Avatar.Root, "root");
+/**
+* The image component of the Avatar.
+*/
+var AvatarImage = withSlotRecipe(Avatar.Image, "image");
+/**
+* The fallback component of the Avatar.
+*/
+var AvatarFallback = withSlotRecipe(Avatar.Fallback, "fallback");
+//#endregion
+export { AvatarFallback, AvatarImage, AvatarRoot };

package/dist/components/button/button.cjs

@@ -0,0 +1,58 @@
+"use client";
+const require_index = require("../../system/index.cjs");
+const require_show = require("../show/show.cjs");
+const require_spinner = require("../spinner/spinner.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let react = require("react");
+let styled_system_css = require("styled-system/css");
+let react_jsx_runtime = require("react/jsx-runtime");
+let styled_system_jsx = require("styled-system/jsx");
+//#region src/components/button/button.tsx
+var ButtonContext = (0, react.createContext)({ pending: false });
+/**
+* A component that allows the user to perform actions
+* @see https://cerberus.digitalu.design/react/button
+*/
+function ButtonEl(props) {
+	const [variantProps, elProps] = styled_system_recipes.button.splitVariantProps(props);
+	const { pending = false, ...nativeProps } = elProps;
+	const styles = (0, styled_system_recipes.button)(variantProps);
+	const value = (0, react.useMemo)(() => ({ pending }), [pending]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonContext.Provider, {
+		value,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.cerberus.button, {
+			"data-scope": "button",
+			"data-part": "root",
+			...nativeProps,
+			disabled: pending || nativeProps.disabled,
+			className: (0, styled_system_css.cx)(elProps.className, styles, (0, styled_system_css.css)(elProps.css))
+		})
+	});
+}
+/**
+* An icon to display in a button that utilizes the pending state to display
+* a loading spinner.
+*/
+function ButtonIcon(props) {
+	const { pending } = (0, react.useContext)(ButtonContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+		when: pending,
+		fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: props.children }),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(styled_system_jsx.Box, {
+			"data-scope": "button",
+			"data-part": "button-spinner",
+			ref: props.ref,
+			w: "4",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_spinner.Spinner, {})
+		})
+	});
+}
+function Button(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonEl, { ...props });
+}
+Button.displayName = "Button";
+Button.Icon = ButtonIcon;
+ButtonIcon.displayName = "ButtonIcon";
+//#endregion
+exports.Button = Button;
+exports.ButtonIcon = ButtonIcon;