@cerberus-design/react 1.3.0-rc.3 → 1.4.0-rc.1

package/dist/components/admonition/primitives.cjs

@@ -9,7 +9,7 @@ var { withSlotRecipe, withNoRecipe } = require_index.createCerberusPrimitive(sty
 /**
 * The `AdmonitionRoot` component is the container for the Admonition.
 */
-var AdmonitionRoot = withSlotRecipe("animateMotion", "root", { defaultProps: {
+var AdmonitionRoot = withSlotRecipe("div", "root", { defaultProps: {
 	"data-scope": "admonition",
 	"data-part": "root"
 } });

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

@@ -1,11 +1,11 @@
 import { AdmonitionVariantProps } from 'styled-system/recipes';
 import { CerberusProps } from '../../system/index';
-import { ForwardRefExoticComponent, SVGProps, RefAttributes, DetailedHTMLProps, HTMLAttributes } from 'react';
+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<SVGProps<SVGElement>>, "ref"> & RefAttributes<HTMLElement>>;
+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.

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

@@ -1,11 +1,11 @@
 import { AdmonitionVariantProps } from 'styled-system/recipes';
 import { CerberusProps } from '../../system/index';
-import { ForwardRefExoticComponent, SVGProps, RefAttributes, DetailedHTMLProps, HTMLAttributes } from 'react';
+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<SVGProps<SVGElement>>, "ref"> & RefAttributes<HTMLElement>>;
+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.

package/dist/components/admonition/primitives.js

@@ -9,7 +9,7 @@ var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(admonition);
 /**
 * The `AdmonitionRoot` component is the container for the Admonition.
 */
-var AdmonitionRoot = withSlotRecipe("animateMotion", "root", { defaultProps: {
+var AdmonitionRoot = withSlotRecipe("div", "root", { defaultProps: {
 	"data-scope": "admonition",
 	"data-part": "root"
 } });

package/dist/components/combobox/combobox.d.cts

@@ -1,8 +1,7 @@
 import { ComboboxRootProps } from '@ark-ui/react/combobox';
 import { ComboboxVariantProps } from 'styled-system/recipes';
-import { SelectCollectionItem } from '../select/select';
 import { FieldInputElProps } from '../field/index';
-export interface ComboboxProps extends ComboboxRootProps<SelectCollectionItem>, ComboboxVariantProps {
+export interface ComboboxProps<T> extends ComboboxRootProps<T>, ComboboxVariantProps {
     /**
      * The label that appears above the combobox input.
      */
@@ -12,4 +11,4 @@ export interface ComboboxProps extends ComboboxRootProps<SelectCollectionItem>,
      */
     startIcon?: FieldInputElProps['startIcon'];
 }
-export declare function Combobox(props: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Combobox<T>(props: ComboboxProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/combobox/combobox.d.ts

@@ -1,8 +1,7 @@
 import { ComboboxRootProps } from '@ark-ui/react/combobox';
 import { ComboboxVariantProps } from 'styled-system/recipes';
-import { SelectCollectionItem } from '../select/select';
 import { FieldInputElProps } from '../field/index';
-export interface ComboboxProps extends ComboboxRootProps<SelectCollectionItem>, ComboboxVariantProps {
+export interface ComboboxProps<T> extends ComboboxRootProps<T>, ComboboxVariantProps {
     /**
      * The label that appears above the combobox input.
      */
@@ -12,4 +11,4 @@ export interface ComboboxProps extends ComboboxRootProps<SelectCollectionItem>,
      */
     startIcon?: FieldInputElProps['startIcon'];
 }
-export declare function Combobox(props: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Combobox<T>(props: ComboboxProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/combobox/index.cjs

@@ -11,6 +11,7 @@ exports.ComboItemWithIndicator = require_item.ComboItemWithIndicator;
 exports.Combobox = require_combobox.Combobox;
 exports.ComboboxClearTrigger = require_primitives.ComboboxClearTrigger;
 exports.ComboboxContent = require_primitives.ComboboxContent;
+exports.ComboboxContext = require_primitives.ComboboxContext;
 exports.ComboboxControl = require_primitives.ComboboxControl;
 exports.ComboboxInput = require_primitives.ComboboxInput;
 exports.ComboboxItem = require_primitives.ComboboxItem;

package/dist/components/combobox/index.js

@@ -1,7 +1,7 @@
-import { ComboItemText, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxStartIcon, ComboboxTrigger } from "./primitives.js";
+import { ComboItemText, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxStartIcon, ComboboxTrigger } from "./primitives.js";
 import { ComboboxParts } from "./parts.js";
 import { Combobox } from "./combobox.js";
 import { ComboItemWithIndicator } from "./item.js";
 import { ComboItemGroup } from "./item-group.js";
 import { useStatefulCollection } from "./use-stateful-collection.js";
-export { ComboItemGroup, ComboItemText, ComboItemWithIndicator, Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxParts, ComboboxPositioner, ComboboxRoot, ComboboxStartIcon, ComboboxTrigger, useStatefulCollection };
+export { ComboItemGroup, ComboItemText, ComboItemWithIndicator, Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxParts, ComboboxPositioner, ComboboxRoot, ComboboxStartIcon, ComboboxTrigger, useStatefulCollection };

package/dist/components/combobox/parts.cjs

@@ -10,6 +10,7 @@ const require_primitives = require("./primitives.cjs");
 * the entire family of components vs. only what you use.
 */
 var ComboboxParts = {
+	Context: require_primitives.ComboboxContext,
 	Root: require_primitives.ComboboxRoot,
 	Label: require_primitives.ComboboxLabel,
 	Control: require_primitives.ComboboxControl,

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

@@ -4,6 +4,10 @@ import { ElementType } from 'react';
  * @module 'combobox/parts'
  */
 interface ComboboxPartsValue {
+    /**
+     * A uitility component to pass the context without a hook.
+     */
+    Context: ElementType;
     /**
      * The context provider for the Select component.
      */

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

@@ -4,6 +4,10 @@ import { ElementType } from 'react';
  * @module 'combobox/parts'
  */
 interface ComboboxPartsValue {
+    /**
+     * A uitility component to pass the context without a hook.
+     */
+    Context: ElementType;
     /**
      * The context provider for the Select component.
      */

package/dist/components/combobox/parts.js

@@ -1,4 +1,4 @@
-import { ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxTrigger } from "./primitives.js";
+import { ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxTrigger } from "./primitives.js";
 //#region src/components/combobox/parts.ts
 /**
 * An Object containing the parts of the Radio component. For users that
@@ -10,6 +10,7 @@ import { ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput,
 * the entire family of components vs. only what you use.
 */
 var ComboboxParts = {
+	Context: ComboboxContext,
 	Root: ComboboxRoot,
 	Label: ComboboxLabel,
 	Control: ComboboxControl,

package/dist/components/combobox/primitives.cjs

@@ -12,6 +12,7 @@ var { withSlotRecipe } = require_index.createCerberusPrimitive(styled_system_rec
 * The ComboboxRoot component is the context provider for the Combobox
 * component.
 */
+var ComboboxContext = _ark_ui_react_combobox.Combobox.Context;
 var ComboboxRoot = withSlotRecipe(_ark_ui_react_combobox.Combobox.Root, "root");
 /**
 * The label that appears above the combobox input.
@@ -70,6 +71,7 @@ var ComboItemText = ComboboxItemText;
 exports.ComboItemText = ComboItemText;
 exports.ComboboxClearTrigger = ComboboxClearTrigger;
 exports.ComboboxContent = ComboboxContent;
+exports.ComboboxContext = ComboboxContext;
 exports.ComboboxControl = ComboboxControl;
 exports.ComboboxInput = ComboboxInput;
 exports.ComboboxItem = ComboboxItem;

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

@@ -1,14 +1,16 @@
-import { Combobox, ComboboxClearTriggerProps as ArkComboboxClearTriggerProps, ComboboxContentProps as ArkComboboxContentProps, ComboboxControlProps as ArkComboboxControlProps, ComboboxInputProps as ArkComboboxInputProps, ComboboxItemGroupLabelProps as ArkComboboxItemGroupLabelProps, ComboboxItemGroupProps as ArkComboboxItemGroupProps, ComboboxItemIndicatorProps as ArkComboboxItemIndicatorProps, ComboboxItemProps as ArkComboboxItemProps, ComboboxItemTextProps as ArkComboboxItemTextProps, ComboboxLabelProps as ArkComboboxLabelProps, ComboboxPositionerProps as ArkComboboxPositionerProps, ComboboxRootProps as ArkComboboxRootProps, ComboboxTriggerProps as ArkComboboxTriggerProps } from '@ark-ui/react/combobox';
+import { Combobox, ComboboxContextProps as ArkComboboxContextProps, ComboboxClearTriggerProps as ArkComboboxClearTriggerProps, ComboboxContentProps as ArkComboboxContentProps, ComboboxControlProps as ArkComboboxControlProps, ComboboxInputProps as ArkComboboxInputProps, ComboboxItemGroupLabelProps as ArkComboboxItemGroupLabelProps, ComboboxItemGroupProps as ArkComboboxItemGroupProps, ComboboxItemIndicatorProps as ArkComboboxItemIndicatorProps, ComboboxItemProps as ArkComboboxItemProps, ComboboxItemTextProps as ArkComboboxItemTextProps, ComboboxLabelProps as ArkComboboxLabelProps, ComboboxPositionerProps as ArkComboboxPositionerProps, ComboboxRootProps as ArkComboboxRootProps, ComboboxTriggerProps as ArkComboboxTriggerProps } from '@ark-ui/react/combobox';
 import { HTMLArkProps } from '@ark-ui/react/factory';
 import { SelectCollectionItem } from '../select/select';
 import { ComboboxVariantProps } from 'styled-system/recipes';
 import { CerberusPrimitiveProps } from '../../system/index';
-import { ForwardRefExoticComponent, RefAttributes, ClassAttributes, HTMLAttributes } from 'react';
+import { ReactNode, ForwardRefExoticComponent, RefAttributes, ClassAttributes, HTMLAttributes } from 'react';
 import { PolymorphicProps } from '@ark-ui/react';
 /**
  * The ComboboxRoot component is the context provider for the Combobox
  * component.
  */
+export declare const ComboboxContext: <T extends unknown>(props: Combobox.ContextProps<T>) => ReactNode;
+export type ComboboxContextProps<T> = ArkComboboxContextProps<T>;
 export declare const ComboboxRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Omit<Combobox.RootProps<unknown>, never> & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxRootProps = CerberusPrimitiveProps<ArkComboboxRootProps<SelectCollectionItem> & ComboboxVariantProps>;
 /**

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

@@ -1,14 +1,16 @@
-import { Combobox, ComboboxClearTriggerProps as ArkComboboxClearTriggerProps, ComboboxContentProps as ArkComboboxContentProps, ComboboxControlProps as ArkComboboxControlProps, ComboboxInputProps as ArkComboboxInputProps, ComboboxItemGroupLabelProps as ArkComboboxItemGroupLabelProps, ComboboxItemGroupProps as ArkComboboxItemGroupProps, ComboboxItemIndicatorProps as ArkComboboxItemIndicatorProps, ComboboxItemProps as ArkComboboxItemProps, ComboboxItemTextProps as ArkComboboxItemTextProps, ComboboxLabelProps as ArkComboboxLabelProps, ComboboxPositionerProps as ArkComboboxPositionerProps, ComboboxRootProps as ArkComboboxRootProps, ComboboxTriggerProps as ArkComboboxTriggerProps } from '@ark-ui/react/combobox';
+import { Combobox, ComboboxContextProps as ArkComboboxContextProps, ComboboxClearTriggerProps as ArkComboboxClearTriggerProps, ComboboxContentProps as ArkComboboxContentProps, ComboboxControlProps as ArkComboboxControlProps, ComboboxInputProps as ArkComboboxInputProps, ComboboxItemGroupLabelProps as ArkComboboxItemGroupLabelProps, ComboboxItemGroupProps as ArkComboboxItemGroupProps, ComboboxItemIndicatorProps as ArkComboboxItemIndicatorProps, ComboboxItemProps as ArkComboboxItemProps, ComboboxItemTextProps as ArkComboboxItemTextProps, ComboboxLabelProps as ArkComboboxLabelProps, ComboboxPositionerProps as ArkComboboxPositionerProps, ComboboxRootProps as ArkComboboxRootProps, ComboboxTriggerProps as ArkComboboxTriggerProps } from '@ark-ui/react/combobox';
 import { HTMLArkProps } from '@ark-ui/react/factory';
 import { SelectCollectionItem } from '../select/select';
 import { ComboboxVariantProps } from 'styled-system/recipes';
 import { CerberusPrimitiveProps } from '../../system/index';
-import { ForwardRefExoticComponent, RefAttributes, ClassAttributes, HTMLAttributes } from 'react';
+import { ReactNode, ForwardRefExoticComponent, RefAttributes, ClassAttributes, HTMLAttributes } from 'react';
 import { PolymorphicProps } from '@ark-ui/react';
 /**
  * The ComboboxRoot component is the context provider for the Combobox
  * component.
  */
+export declare const ComboboxContext: <T extends unknown>(props: Combobox.ContextProps<T>) => ReactNode;
+export type ComboboxContextProps<T> = ArkComboboxContextProps<T>;
 export declare const ComboboxRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Omit<Combobox.RootProps<unknown>, never> & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxRootProps = CerberusPrimitiveProps<ArkComboboxRootProps<SelectCollectionItem> & ComboboxVariantProps>;
 /**

package/dist/components/combobox/primitives.js

@@ -12,6 +12,7 @@ var { withSlotRecipe } = createCerberusPrimitive(combobox);
 * The ComboboxRoot component is the context provider for the Combobox
 * component.
 */
+var ComboboxContext = Combobox.Context;
 var ComboboxRoot = withSlotRecipe(Combobox.Root, "root");
 /**
 * The label that appears above the combobox input.
@@ -67,4 +68,4 @@ var ComboboxItemIndicator = withSlotRecipe(Combobox.ItemIndicator, "itemIndicato
 var ComboboxStartIcon = withSlotRecipe(ark.span, "startIcon");
 var ComboItemText = ComboboxItemText;
 //#endregion
-export { ComboItemText, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxStartIcon, ComboboxTrigger };
+export { ComboItemText, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxStartIcon, ComboboxTrigger };

package/dist/components/field/field.d.cts

@@ -1,4 +1,5 @@
 import { FieldRootProps } from '@ark-ui/react/field';
+import { ReactNode } from 'react';
 import { CerberusPrimitiveProps } from '../../system/types';
 export interface FieldProps extends FieldRootProps {
     /**
@@ -8,7 +9,7 @@ export interface FieldProps extends FieldRootProps {
     /**
      * The helper text of the field.
      */
-    helperText?: string;
+    helperText?: ReactNode;
     /**
      * A helper text positioned at the end of the field. Good for Textarea fields.
      */

package/dist/components/field/field.d.ts

@@ -1,4 +1,5 @@
 import { FieldRootProps } from '@ark-ui/react/field';
+import { ReactNode } from 'react';
 import { CerberusPrimitiveProps } from '../../system/types';
 export interface FieldProps extends FieldRootProps {
     /**
@@ -8,7 +9,7 @@ export interface FieldProps extends FieldRootProps {
     /**
      * The helper text of the field.
      */
-    helperText?: string;
+    helperText?: ReactNode;
     /**
      * A helper text positioned at the end of the field. Good for Textarea fields.
      */

package/dist/components/file-upload/file-status.cjs

@@ -44,10 +44,10 @@ function FileStatus(props) {
 	const modalIconPalette = (0, react.useMemo)(() => getModalIconPalette(status), [status]);
 	const styles = (0, react.useMemo)(() => {
 		switch (status) {
-			case processStatus.TODO: return (0, styled_system_recipes.fileStatus)({ status: "todo" });
-			case processStatus.PROCESSING: return (0, styled_system_recipes.fileStatus)({ status: "processing" });
-			case processStatus.DONE: return (0, styled_system_recipes.fileStatus)({ status: "done" });
-			case processStatus.ERROR: return (0, styled_system_recipes.fileStatus)({ status: "error" });
+			case "todo": return (0, styled_system_recipes.fileStatus)({ status: "todo" });
+			case "processing": return (0, styled_system_recipes.fileStatus)({ status: "processing" });
+			case "done": return (0, styled_system_recipes.fileStatus)({ status: "done" });
+			case "error": return (0, styled_system_recipes.fileStatus)({ status: "error" });
 			default: return (0, styled_system_recipes.fileStatus)();
 		}
 	}, [status]);
@@ -110,19 +110,19 @@ function MatchFileStatusIcon(props) {
 	const { icons } = require_cerberus.useCerberusContext();
 	const { waitingFileUploader: TodoIcon, fileUploader: FileUploaderIcon, invalidAlt: InvalidIcon, successNotification: DoneIcon } = icons;
 	switch (props.status) {
-		case processStatus.TODO: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TodoIcon, { size: props.size });
-		case processStatus.PROCESSING: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileUploaderIcon, { size: props.size });
-		case processStatus.DONE: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DoneIcon, { size: props.size });
-		case processStatus.ERROR: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InvalidIcon, { size: props.size });
+		case "todo": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TodoIcon, { size: props.size });
+		case "processing": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileUploaderIcon, { size: props.size });
+		case "done": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DoneIcon, { size: props.size });
+		case "error": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InvalidIcon, { size: props.size });
 		default: throw new Error("Unknown status");
 	}
 }
 function MatchFileStatusText(props) {
 	switch (props.status) {
-		case processStatus.TODO: return "Waiting to upload";
-		case processStatus.PROCESSING: return `${props.now}% Complete`;
-		case processStatus.DONE: return "File uploaded successfully";
-		case processStatus.ERROR: return "There was an error uploading the file";
+		case "todo": return "Waiting to upload";
+		case "processing": return `${props.now}% Complete`;
+		case "done": return "File uploaded successfully";
+		case "error": return "There was an error uploading the file";
 		default: throw new Error("Invalid status");
 	}
 }
@@ -130,37 +130,37 @@ function MatchStatusAction(props) {
 	const { icons } = require_cerberus.useCerberusContext();
 	const { close: CloseIcon, redo: RedoIcon, delete: TrashIcon } = icons;
 	switch (props.status) {
-		case processStatus.TODO:
-		case processStatus.PROCESSING: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CloseIcon, {});
-		case processStatus.ERROR: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RedoIcon, {});
-		case processStatus.DONE: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrashIcon, {});
+		case "todo":
+		case "processing": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CloseIcon, {});
+		case "error": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RedoIcon, {});
+		case "done": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrashIcon, {});
 		default: throw new Error("Invalid status");
 	}
 }
 function getStatusActionLabel(status) {
 	switch (status) {
-		case processStatus.TODO:
-		case processStatus.PROCESSING: return "Cancel";
-		case processStatus.ERROR: return "Retry";
-		case processStatus.DONE: return "Delete";
+		case "todo":
+		case "processing": return "Cancel";
+		case "error": return "Retry";
+		case "done": return "Delete";
 		default: return "";
 	}
 }
 function getPalette(status) {
 	switch (status) {
-		case processStatus.TODO:
-		case processStatus.PROCESSING: return "danger";
-		case processStatus.ERROR: return "action";
-		case processStatus.DONE: return "danger";
+		case "todo":
+		case "processing": return "danger";
+		case "error": return "action";
+		case "done": return "danger";
 		default: return "action";
 	}
 }
 function getModalIconPalette(status) {
 	switch (status) {
-		case processStatus.TODO:
-		case processStatus.PROCESSING: return "charon-light";
-		case processStatus.ERROR: return "hades-dark";
-		case processStatus.DONE: return "thanatos-dark";
+		case "todo":
+		case "processing": return "charon-light";
+		case "error": return "hades-dark";
+		case "done": return "thanatos-dark";
 		default: return "charon-light";
 	}
 }

package/dist/components/file-upload/file-status.js

@@ -44,10 +44,10 @@ function FileStatus(props) {
 	const modalIconPalette = useMemo(() => getModalIconPalette(status), [status]);
 	const styles = useMemo(() => {
 		switch (status) {
-			case processStatus.TODO: return fileStatus({ status: "todo" });
-			case processStatus.PROCESSING: return fileStatus({ status: "processing" });
-			case processStatus.DONE: return fileStatus({ status: "done" });
-			case processStatus.ERROR: return fileStatus({ status: "error" });
+			case "todo": return fileStatus({ status: "todo" });
+			case "processing": return fileStatus({ status: "processing" });
+			case "done": return fileStatus({ status: "done" });
+			case "error": return fileStatus({ status: "error" });
 			default: return fileStatus();
 		}
 	}, [status]);
@@ -110,19 +110,19 @@ function MatchFileStatusIcon(props) {
 	const { icons } = useCerberusContext();
 	const { waitingFileUploader: TodoIcon, fileUploader: FileUploaderIcon, invalidAlt: InvalidIcon, successNotification: DoneIcon } = icons;
 	switch (props.status) {
-		case processStatus.TODO: return /* @__PURE__ */ jsx(TodoIcon, { size: props.size });
-		case processStatus.PROCESSING: return /* @__PURE__ */ jsx(FileUploaderIcon, { size: props.size });
-		case processStatus.DONE: return /* @__PURE__ */ jsx(DoneIcon, { size: props.size });
-		case processStatus.ERROR: return /* @__PURE__ */ jsx(InvalidIcon, { size: props.size });
+		case "todo": return /* @__PURE__ */ jsx(TodoIcon, { size: props.size });
+		case "processing": return /* @__PURE__ */ jsx(FileUploaderIcon, { size: props.size });
+		case "done": return /* @__PURE__ */ jsx(DoneIcon, { size: props.size });
+		case "error": return /* @__PURE__ */ jsx(InvalidIcon, { size: props.size });
 		default: throw new Error("Unknown status");
 	}
 }
 function MatchFileStatusText(props) {
 	switch (props.status) {
-		case processStatus.TODO: return "Waiting to upload";
-		case processStatus.PROCESSING: return `${props.now}% Complete`;
-		case processStatus.DONE: return "File uploaded successfully";
-		case processStatus.ERROR: return "There was an error uploading the file";
+		case "todo": return "Waiting to upload";
+		case "processing": return `${props.now}% Complete`;
+		case "done": return "File uploaded successfully";
+		case "error": return "There was an error uploading the file";
 		default: throw new Error("Invalid status");
 	}
 }
@@ -130,37 +130,37 @@ function MatchStatusAction(props) {
 	const { icons } = useCerberusContext();
 	const { close: CloseIcon, redo: RedoIcon, delete: TrashIcon } = icons;
 	switch (props.status) {
-		case processStatus.TODO:
-		case processStatus.PROCESSING: return /* @__PURE__ */ jsx(CloseIcon, {});
-		case processStatus.ERROR: return /* @__PURE__ */ jsx(RedoIcon, {});
-		case processStatus.DONE: return /* @__PURE__ */ jsx(TrashIcon, {});
+		case "todo":
+		case "processing": return /* @__PURE__ */ jsx(CloseIcon, {});
+		case "error": return /* @__PURE__ */ jsx(RedoIcon, {});
+		case "done": return /* @__PURE__ */ jsx(TrashIcon, {});
 		default: throw new Error("Invalid status");
 	}
 }
 function getStatusActionLabel(status) {
 	switch (status) {
-		case processStatus.TODO:
-		case processStatus.PROCESSING: return "Cancel";
-		case processStatus.ERROR: return "Retry";
-		case processStatus.DONE: return "Delete";
+		case "todo":
+		case "processing": return "Cancel";
+		case "error": return "Retry";
+		case "done": return "Delete";
 		default: return "";
 	}
 }
 function getPalette(status) {
 	switch (status) {
-		case processStatus.TODO:
-		case processStatus.PROCESSING: return "danger";
-		case processStatus.ERROR: return "action";
-		case processStatus.DONE: return "danger";
+		case "todo":
+		case "processing": return "danger";
+		case "error": return "action";
+		case "done": return "danger";
 		default: return "action";
 	}
 }
 function getModalIconPalette(status) {
 	switch (status) {
-		case processStatus.TODO:
-		case processStatus.PROCESSING: return "charon-light";
-		case processStatus.ERROR: return "hades-dark";
-		case processStatus.DONE: return "thanatos-dark";
+		case "todo":
+		case "processing": return "charon-light";
+		case "error": return "hades-dark";
+		case "done": return "thanatos-dark";
 		default: return "charon-light";
 	}
 }

package/dist/components/marquee/Marquee.1.d.cts

@@ -0,0 +1 @@
+export {};

package/dist/components/marquee/Marquee.1.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/marquee/index.cjs

@@ -0,0 +1,10 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_marquee = require("./marquee.cjs");
+exports.Marquee = require_marquee.Marquee;
+exports.MarqueeContent = require_primitives.MarqueeContent;
+exports.MarqueeEdge = require_primitives.MarqueeEdge;
+exports.MarqueeItem = require_primitives.MarqueeItem;
+exports.MarqueeRoot = require_primitives.MarqueeRoot;
+exports.MarqueeRootProvider = require_primitives.MarqueeRootProvider;
+exports.MarqueeViewport = require_primitives.MarqueeViewport;

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

@@ -0,0 +1,2 @@
+export * from './primitives';
+export * from './marquee';

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

@@ -0,0 +1,2 @@
+export * from './primitives';
+export * from './marquee';

package/dist/components/marquee/index.js

@@ -0,0 +1,3 @@
+import { MarqueeContent, MarqueeEdge, MarqueeItem, MarqueeRoot, MarqueeRootProvider, MarqueeViewport } from "./primitives.js";
+import { Marquee } from "./marquee.js";
+export { Marquee, MarqueeContent, MarqueeEdge, MarqueeItem, MarqueeRoot, MarqueeRootProvider, MarqueeViewport };

package/dist/components/marquee/marquee.cjs

@@ -0,0 +1,46 @@
+const require_show = require("../show/show.cjs");
+const require_primitives = require("./primitives.cjs");
+const require_utils = require("./utils.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _ark_ui_react = require("@ark-ui/react");
+//#region src/components/marquee/marquee.tsx
+/**
+* The marquee component displays a horizontally scrolling content with optional edges.
+* @description [Marquee Docs](https://cerberus.digitalu.design/docs/components/marquee)
+*/
+function Marquee(props) {
+	const { children, edges, ...rootProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.MarqueeRoot, {
+		autoFill: true,
+		...rootProps,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+				when: require_utils.shouldShowEdge([
+					"start",
+					"top",
+					"both"
+				], edges),
+				children: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.MarqueeEdge, { side: require_utils.getStartEdge(edges, rootProps.side) })
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.MarqueeViewport, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.MarqueeContent, { children }) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+				when: require_utils.shouldShowEdge([
+					"end",
+					"bottom",
+					"both"
+				], edges),
+				children: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.MarqueeEdge, { side: require_utils.getEndEdge(edges, rootProps.side) })
+			})
+		]
+	});
+}
+Marquee.Context = _ark_ui_react.MarqueeContext;
+Marquee.RootProvider = require_primitives.MarqueeRootProvider;
+Marquee.Root = require_primitives.MarqueeRoot;
+Marquee.Edge = require_primitives.MarqueeEdge;
+Marquee.Viewport = require_primitives.MarqueeViewport;
+Marquee.Content = require_primitives.MarqueeContent;
+Marquee.Item = require_primitives.MarqueeItem;
+Marquee.displayName = "Cerberus.Marquee";
+//#endregion
+exports.Marquee = Marquee;

package/dist/components/marquee/marquee.d.cts

@@ -0,0 +1,23 @@
+import { MarqueeRootProps } from './primitives';
+export type MarqueeEdgeOption = 'both' | MarqueeRootProps['side'];
+export type MarqueeProps = MarqueeRootProps & {
+    /**
+     * When provided, the marquee will display edges listed in the array.
+     */
+    edges?: MarqueeEdgeOption[];
+};
+/**
+ * The marquee component displays a horizontally scrolling content with optional edges.
+ * @description [Marquee Docs](https://cerberus.digitalu.design/docs/components/marquee)
+ */
+export declare function Marquee(props: MarqueeProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Marquee {
+    var Context: (props: import("@ark-ui/react").MarqueeContextProps) => import("react").ReactNode;
+    var RootProvider: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").MarqueeRootProviderProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Root: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").MarqueeRootProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Edge: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").MarqueeEdgeProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Viewport: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").MarqueeViewportProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Content: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").MarqueeContentProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Item: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").MarqueeItemProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var displayName: string;
+}

package/dist/components/marquee/marquee.d.ts

@@ -0,0 +1,23 @@
+import { MarqueeRootProps } from './primitives';
+export type MarqueeEdgeOption = 'both' | MarqueeRootProps['side'];
+export type MarqueeProps = MarqueeRootProps & {
+    /**
+     * When provided, the marquee will display edges listed in the array.
+     */
+    edges?: MarqueeEdgeOption[];
+};
+/**
+ * The marquee component displays a horizontally scrolling content with optional edges.
+ * @description [Marquee Docs](https://cerberus.digitalu.design/docs/components/marquee)
+ */
+export declare function Marquee(props: MarqueeProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Marquee {
+    var Context: (props: import("@ark-ui/react").MarqueeContextProps) => import("react").ReactNode;
+    var RootProvider: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").MarqueeRootProviderProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Root: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").MarqueeRootProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Edge: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").MarqueeEdgeProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Viewport: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").MarqueeViewportProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Content: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").MarqueeContentProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var Item: import("react").ForwardRefExoticComponent<Omit<import("../..").CerberusPrimitiveProps<import("@ark-ui/react").MarqueeItemProps & import("react").RefAttributes<HTMLDivElement>>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    var displayName: string;
+}