@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

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

@@ -0,0 +1,18 @@
+"use client";
+//#region src/components/file-upload/utils.ts
+/**
+* Format a given file type string into a human-readable format.
+* @param accept FileUploadRootProps['accept']
+* @returns string (e.g., ".png, .jpg, .svg")
+*/
+function formatFileTypes(accept) {
+	if (Array.isArray(accept)) return accept.join(", ");
+	if (typeof accept === "object") return Object.keys(accept).join(", ");
+	if (typeof accept === "string") {
+		if (accept.includes("/*")) return `any ${accept.split("/")[0]}`;
+		return accept.split(",").join(", ");
+	}
+	return "any";
+}
+//#endregion
+export { formatFileTypes };

package/dist/components/for/for.cjs

@@ -0,0 +1,20 @@
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/for/for.tsx
+/**
+* The For component is used to iterate over an array and render a list of
+* components or display a fallback when the array is empty.
+* Inspired by the `<For>` component from SolidJS.
+*
+* @example
+* ```tsx
+* <For each={['a', 'b', 'c']}>
+*   {(item, index) => <div key={index}>{item}</div>}
+* </For>
+* ```
+*/
+function For(props) {
+	if (!props.each || !props.each.length) return props.fallback || null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: props.each?.map(props.children) });
+}
+//#endregion
+exports.For = For;

package/dist/components/for/for.d.cts

@@ -0,0 +1,28 @@
+import { JSX } from 'react';
+export interface ForProps<T extends readonly unknown[], U extends JSX.Element> {
+    /**
+     * The array to iterate over.
+     */
+    each: T | undefined | null | false;
+    /**
+     * The fallback to render when the array is empty.
+     */
+    fallback?: JSX.Element;
+    /**
+     * The children to render for each item in the array.
+     */
+    children: (item: T[number], index: number) => U;
+}
+/**
+ * The For component is used to iterate over an array and render a list of
+ * components or display a fallback when the array is empty.
+ * Inspired by the `<For>` component from SolidJS.
+ *
+ * @example
+ * ```tsx
+ * <For each={['a', 'b', 'c']}>
+ *   {(item, index) => <div key={index}>{item}</div>}
+ * </For>
+ * ```
+ */
+export declare function For<T extends readonly unknown[], U extends JSX.Element>(props: ForProps<T, U>): JSX.Element | null;

package/dist/components/for/for.d.ts

@@ -0,0 +1,28 @@
+import { JSX } from 'react';
+export interface ForProps<T extends readonly unknown[], U extends JSX.Element> {
+    /**
+     * The array to iterate over.
+     */
+    each: T | undefined | null | false;
+    /**
+     * The fallback to render when the array is empty.
+     */
+    fallback?: JSX.Element;
+    /**
+     * The children to render for each item in the array.
+     */
+    children: (item: T[number], index: number) => U;
+}
+/**
+ * The For component is used to iterate over an array and render a list of
+ * components or display a fallback when the array is empty.
+ * Inspired by the `<For>` component from SolidJS.
+ *
+ * @example
+ * ```tsx
+ * <For each={['a', 'b', 'c']}>
+ *   {(item, index) => <div key={index}>{item}</div>}
+ * </For>
+ * ```
+ */
+export declare function For<T extends readonly unknown[], U extends JSX.Element>(props: ForProps<T, U>): JSX.Element | null;

package/dist/components/for/for.js

@@ -0,0 +1,20 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+//#region src/components/for/for.tsx
+/**
+* The For component is used to iterate over an array and render a list of
+* components or display a fallback when the array is empty.
+* Inspired by the `<For>` component from SolidJS.
+*
+* @example
+* ```tsx
+* <For each={['a', 'b', 'c']}>
+*   {(item, index) => <div key={index}>{item}</div>}
+* </For>
+* ```
+*/
+function For(props) {
+	if (!props.each || !props.each.length) return props.fallback || null;
+	return /* @__PURE__ */ jsx(Fragment, { children: props.each?.map(props.children) });
+}
+//#endregion
+export { For };

package/dist/components/for/index.cjs

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_for = require("./for.cjs");
+exports.For = require_for.For;

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

@@ -0,0 +1 @@
+export * from './for';

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

@@ -0,0 +1 @@
+export * from './for';

package/dist/components/for/index.js

@@ -0,0 +1,2 @@
+import { For } from "./for.js";
+export { For };

package/dist/components/group/index.cjs

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+exports.Group = require_primitives.Group;

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

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

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

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

package/dist/components/group/index.js

@@ -0,0 +1,2 @@
+import { Group } from "./primitives.js";
+export { Group };

package/dist/components/group/primitives.cjs

@@ -0,0 +1,7 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+//#region src/components/group/primitives.ts
+var { withRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.group);
+var Group = withRecipe("div");
+//#endregion
+exports.Group = Group;

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

@@ -0,0 +1,6 @@
+import { GroupVariantProps } from 'styled-system/recipes';
+import { CerberusProps } from '../../system/index';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+import { CerberusPrimitiveProps } from '../..';
+export type GroupProps = CerberusProps<'div'> & GroupVariantProps;
+export declare const Group: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,6 @@
+import { GroupVariantProps } from 'styled-system/recipes';
+import { CerberusProps } from '../../system/index';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+import { CerberusPrimitiveProps } from '../..';
+export type GroupProps = CerberusProps<'div'> & GroupVariantProps;
+export declare const Group: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/group/primitives.js

@@ -0,0 +1,7 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { group } from "styled-system/recipes";
+//#region src/components/group/primitives.ts
+var { withRecipe } = createCerberusPrimitive(group);
+var Group = withRecipe("div");
+//#endregion
+export { Group };

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

@@ -0,0 +1,16 @@
+const require_primitives = require("./primitives.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/icon-button/button.tsx
+/**
+* A component that allows the user to perform actions using an icon
+* @see https://cerberus.digitalu.design/react/icon-button
+*/
+function IconButton(props) {
+	const { ariaLabel, clipboard, ...rootProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.IconButtonRoot, {
+		...rootProps,
+		...!clipboard && { "aria-label": ariaLabel }
+	});
+}
+//#endregion
+exports.IconButton = IconButton;

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

@@ -0,0 +1,27 @@
+import { IconButtonRootProps } from './primitives';
+/**
+ * This module contains the Icon Button component.
+ * @module
+ */
+type NonClipboardIconButtonProps = {
+    /**
+     * The aria-label attribute for the icon button.
+     */
+    ariaLabel: string;
+    clipboard?: never;
+};
+type ClipboardIconButtonProps = {
+    ariaLabel?: never;
+    /**
+     * If true, the icon button is used as a clipboard trigger.
+     * In this case, the aria-label defaults to "Copy to clipboard".
+     */
+    clipboard: true;
+};
+export type IconButtonProps = IconButtonRootProps & (NonClipboardIconButtonProps | ClipboardIconButtonProps);
+/**
+ * A component that allows the user to perform actions using an icon
+ * @see https://cerberus.digitalu.design/react/icon-button
+ */
+export declare function IconButton(props: IconButtonProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,27 @@
+import { IconButtonRootProps } from './primitives';
+/**
+ * This module contains the Icon Button component.
+ * @module
+ */
+type NonClipboardIconButtonProps = {
+    /**
+     * The aria-label attribute for the icon button.
+     */
+    ariaLabel: string;
+    clipboard?: never;
+};
+type ClipboardIconButtonProps = {
+    ariaLabel?: never;
+    /**
+     * If true, the icon button is used as a clipboard trigger.
+     * In this case, the aria-label defaults to "Copy to clipboard".
+     */
+    clipboard: true;
+};
+export type IconButtonProps = IconButtonRootProps & (NonClipboardIconButtonProps | ClipboardIconButtonProps);
+/**
+ * A component that allows the user to perform actions using an icon
+ * @see https://cerberus.digitalu.design/react/icon-button
+ */
+export declare function IconButton(props: IconButtonProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import { IconButtonRoot } from "./primitives.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/icon-button/button.tsx
+/**
+* A component that allows the user to perform actions using an icon
+* @see https://cerberus.digitalu.design/react/icon-button
+*/
+function IconButton(props) {
+	const { ariaLabel, clipboard, ...rootProps } = props;
+	return /* @__PURE__ */ jsx(IconButtonRoot, {
+		...rootProps,
+		...!clipboard && { "aria-label": ariaLabel }
+	});
+}
+//#endregion
+export { IconButton };

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

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

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

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

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

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

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

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

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

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

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

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

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.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.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.js

@@ -0,0 +1,46 @@
+import { Show } from "../show/show.js";
+import { MarqueeContent, MarqueeEdge, MarqueeItem, MarqueeRoot, MarqueeRootProvider, MarqueeViewport } from "./primitives.js";
+import { getEndEdge, getStartEdge, shouldShowEdge } from "./utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MarqueeContext } from "@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__ */ jsxs(MarqueeRoot, {
+		autoFill: true,
+		...rootProps,
+		children: [
+			/* @__PURE__ */ jsx(Show, {
+				when: shouldShowEdge([
+					"start",
+					"top",
+					"both"
+				], edges),
+				children: () => /* @__PURE__ */ jsx(MarqueeEdge, { side: getStartEdge(edges, rootProps.side) })
+			}),
+			/* @__PURE__ */ jsx(MarqueeViewport, { children: /* @__PURE__ */ jsx(MarqueeContent, { children }) }),
+			/* @__PURE__ */ jsx(Show, {
+				when: shouldShowEdge([
+					"end",
+					"bottom",
+					"both"
+				], edges),
+				children: () => /* @__PURE__ */ jsx(MarqueeEdge, { side: getEndEdge(edges, rootProps.side) })
+			})
+		]
+	});
+}
+Marquee.Context = MarqueeContext;
+Marquee.RootProvider = MarqueeRootProvider;
+Marquee.Root = MarqueeRoot;
+Marquee.Edge = MarqueeEdge;
+Marquee.Viewport = MarqueeViewport;
+Marquee.Content = MarqueeContent;
+Marquee.Item = MarqueeItem;
+Marquee.displayName = "Cerberus.Marquee";
+//#endregion
+export { Marquee };

package/dist/components/marquee/primitives.cjs

@@ -0,0 +1,18 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let _ark_ui_react_marquee = require("@ark-ui/react/marquee");
+//#region src/components/marquee/primitives.ts
+var { withSlotRecipe, withNoRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.marquee);
+var MarqueeRootProvider = withSlotRecipe(_ark_ui_react_marquee.Marquee.RootProvider, "root");
+var MarqueeRoot = withSlotRecipe(_ark_ui_react_marquee.Marquee.Root, "root");
+var MarqueeViewport = withSlotRecipe(_ark_ui_react_marquee.Marquee.Viewport, "viewport");
+var MarqueeContent = withSlotRecipe(_ark_ui_react_marquee.Marquee.Content, "content");
+var MarqueeEdge = withSlotRecipe(_ark_ui_react_marquee.Marquee.Edge, "edge");
+var MarqueeItem = withNoRecipe(_ark_ui_react_marquee.Marquee.Item);
+//#endregion
+exports.MarqueeContent = MarqueeContent;
+exports.MarqueeEdge = MarqueeEdge;
+exports.MarqueeItem = MarqueeItem;
+exports.MarqueeRoot = MarqueeRoot;
+exports.MarqueeRootProvider = MarqueeRootProvider;
+exports.MarqueeViewport = MarqueeViewport;

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

@@ -0,0 +1,16 @@
+import { Marquee } from '@ark-ui/react/marquee';
+import { MarqueeVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export type MarqueeRootProviderProps = CerberusPrimitiveProps<Marquee.RootProviderProps>;
+export declare const MarqueeRootProvider: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.RootProviderProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeRootProps = CerberusPrimitiveProps<Marquee.RootProps & MarqueeVariantProps>;
+export declare const MarqueeRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeViewportProps = CerberusPrimitiveProps<Marquee.ViewportProps>;
+export declare const MarqueeViewport: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.ViewportProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeContentProps = CerberusPrimitiveProps<Marquee.ContentProps>;
+export declare const MarqueeContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeEdgeProps = CerberusPrimitiveProps<Marquee.EdgeProps>;
+export declare const MarqueeEdge: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.EdgeProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeItemProps = CerberusPrimitiveProps<Marquee.ItemProps>;
+export declare const MarqueeItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.ItemProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,16 @@
+import { Marquee } from '@ark-ui/react/marquee';
+import { MarqueeVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export type MarqueeRootProviderProps = CerberusPrimitiveProps<Marquee.RootProviderProps>;
+export declare const MarqueeRootProvider: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.RootProviderProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeRootProps = CerberusPrimitiveProps<Marquee.RootProps & MarqueeVariantProps>;
+export declare const MarqueeRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeViewportProps = CerberusPrimitiveProps<Marquee.ViewportProps>;
+export declare const MarqueeViewport: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.ViewportProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeContentProps = CerberusPrimitiveProps<Marquee.ContentProps>;
+export declare const MarqueeContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeEdgeProps = CerberusPrimitiveProps<Marquee.EdgeProps>;
+export declare const MarqueeEdge: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.EdgeProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeItemProps = CerberusPrimitiveProps<Marquee.ItemProps>;
+export declare const MarqueeItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.ItemProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/marquee/primitives.js

@@ -0,0 +1,13 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { marquee } from "styled-system/recipes";
+import { Marquee } from "@ark-ui/react/marquee";
+//#region src/components/marquee/primitives.ts
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(marquee);
+var MarqueeRootProvider = withSlotRecipe(Marquee.RootProvider, "root");
+var MarqueeRoot = withSlotRecipe(Marquee.Root, "root");
+var MarqueeViewport = withSlotRecipe(Marquee.Viewport, "viewport");
+var MarqueeContent = withSlotRecipe(Marquee.Content, "content");
+var MarqueeEdge = withSlotRecipe(Marquee.Edge, "edge");
+var MarqueeItem = withNoRecipe(Marquee.Item);
+//#endregion
+export { MarqueeContent, MarqueeEdge, MarqueeItem, MarqueeRoot, MarqueeRootProvider, MarqueeViewport };

package/dist/components/marquee/utils.cjs

@@ -0,0 +1,33 @@
+"use client";
+//#region src/components/marquee/utils.ts
+var dir = {
+	start: 1,
+	end: 1,
+	top: 2,
+	bottom: 2,
+	both: 3,
+	hor: 1,
+	vert: 2
+};
+function shouldShowEdge(edge, edges) {
+	if (!edges) return false;
+	return edge.some((e) => edges.includes(e));
+}
+function getStartEdge(edges, side) {
+	if (!edges) return "start";
+	const direction = dir[side ?? "start"];
+	if (direction === dir.hor) return "start";
+	if (direction === dir.vert) return "top";
+	return "start";
+}
+function getEndEdge(edges, side) {
+	if (!edges) return "end";
+	const direction = dir[side ?? "end"];
+	if (direction === dir.hor) return "end";
+	if (direction === dir.vert) return "bottom";
+	return "end";
+}
+//#endregion
+exports.getEndEdge = getEndEdge;
+exports.getStartEdge = getStartEdge;
+exports.shouldShowEdge = shouldShowEdge;

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

@@ -0,0 +1,4 @@
+import { MarqueeEdgeOption, MarqueeProps } from './marquee';
+export declare function shouldShowEdge(edge: MarqueeEdgeOption[], edges: MarqueeProps['edges']): boolean;
+export declare function getStartEdge(edges: MarqueeProps['edges'], side: MarqueeProps['side']): MarqueeEdgeOption;
+export declare function getEndEdge(edges: MarqueeProps['edges'], side: MarqueeProps['side']): MarqueeEdgeOption;

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

@@ -0,0 +1,4 @@
+import { MarqueeEdgeOption, MarqueeProps } from './marquee';
+export declare function shouldShowEdge(edge: MarqueeEdgeOption[], edges: MarqueeProps['edges']): boolean;
+export declare function getStartEdge(edges: MarqueeProps['edges'], side: MarqueeProps['side']): MarqueeEdgeOption;
+export declare function getEndEdge(edges: MarqueeProps['edges'], side: MarqueeProps['side']): MarqueeEdgeOption;