@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

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

@@ -0,0 +1,21 @@
+import { CerberusProps } from '../../system/types';
+import { ButtonRootProps } from './primitives';
+export interface ButtonProps extends ButtonRootProps {
+    /**
+     * If true, the button will show a loading spinner.
+     */
+    pending?: boolean;
+}
+/**
+ * An icon to display in a button that utilizes the pending state to display
+ * a loading spinner.
+ */
+export declare function ButtonIcon(props: CerberusProps<'div'>): import("react").JSX.Element;
+export declare namespace ButtonIcon {
+    var displayName: string;
+}
+export declare function Button(props: ButtonProps): import("react").JSX.Element;
+export declare namespace Button {
+    var displayName: string;
+    var Icon: typeof ButtonIcon;
+}

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

@@ -0,0 +1,21 @@
+import { CerberusProps } from '../../system/types';
+import { ButtonRootProps } from './primitives';
+export interface ButtonProps extends ButtonRootProps {
+    /**
+     * If true, the button will show a loading spinner.
+     */
+    pending?: boolean;
+}
+/**
+ * An icon to display in a button that utilizes the pending state to display
+ * a loading spinner.
+ */
+export declare function ButtonIcon(props: CerberusProps<'div'>): import("react").JSX.Element;
+export declare namespace ButtonIcon {
+    var displayName: string;
+}
+export declare function Button(props: ButtonProps): import("react").JSX.Element;
+export declare namespace Button {
+    var displayName: string;
+    var Icon: typeof ButtonIcon;
+}

package/dist/components/button/button.js

@@ -0,0 +1,57 @@
+"use client";
+import { cerberus } from "../../system/index.js";
+import { Show } from "../show/show.js";
+import { Spinner } from "../spinner/spinner.js";
+import { button } from "styled-system/recipes";
+import { createContext, useContext, useMemo } from "react";
+import { css, cx } from "styled-system/css";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { Box } from "styled-system/jsx";
+//#region src/components/button/button.tsx
+var ButtonContext = 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] = button.splitVariantProps(props);
+	const { pending = false, ...nativeProps } = elProps;
+	const styles = button(variantProps);
+	const value = useMemo(() => ({ pending }), [pending]);
+	return /* @__PURE__ */ jsx(ButtonContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx(cerberus.button, {
+			"data-scope": "button",
+			"data-part": "root",
+			...nativeProps,
+			disabled: pending || nativeProps.disabled,
+			className: cx(elProps.className, styles, 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 } = useContext(ButtonContext);
+	return /* @__PURE__ */ jsx(Show, {
+		when: pending,
+		fallback: /* @__PURE__ */ jsx(Fragment, { children: props.children }),
+		children: /* @__PURE__ */ jsx(Box, {
+			"data-scope": "button",
+			"data-part": "button-spinner",
+			ref: props.ref,
+			w: "4",
+			children: /* @__PURE__ */ jsx(Spinner, {})
+		})
+	});
+}
+function Button(props) {
+	return /* @__PURE__ */ jsx(ButtonEl, { ...props });
+}
+Button.displayName = "Button";
+Button.Icon = ButtonIcon;
+ButtonIcon.displayName = "ButtonIcon";
+//#endregion
+export { Button, ButtonIcon };

package/dist/components/button/index.cjs

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_button = require("./button.cjs");
+const require_parts = require("./parts.cjs");
+const require_primitives = require("./primitives.cjs");
+exports.Button = require_button.Button;
+exports.ButtonGroup = require_primitives.ButtonGroup;
+exports.ButtonIcon = require_button.ButtonIcon;
+exports.ButtonParts = require_parts.ButtonParts;

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

@@ -0,0 +1,3 @@
+export * from './button';
+export * from './parts';
+export { ButtonGroup, type ButtonGroupProps } from './primitives';

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

@@ -0,0 +1,3 @@
+export * from './button';
+export * from './parts';
+export { ButtonGroup, type ButtonGroupProps } from './primitives';

package/dist/components/button/index.js

@@ -0,0 +1,4 @@
+import { Button, ButtonIcon } from "./button.js";
+import { ButtonParts } from "./parts.js";
+import { ButtonGroup } from "./primitives.js";
+export { Button, ButtonGroup, ButtonIcon, ButtonParts };

package/dist/components/button/parts.cjs

@@ -0,0 +1,17 @@
+const require_button = require("./button.cjs");
+//#region src/components/button/parts.ts
+/**
+* An Object containing the parts of the Button component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the ButtonParts object and
+* the entire family of components vs. only what you use.
+*/
+var ButtonParts = {
+	Root: require_button.Button,
+	Icon: require_button.ButtonIcon
+};
+//#endregion
+exports.ButtonParts = ButtonParts;

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

@@ -0,0 +1,26 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Button component.
+ * @module 'button/parts'
+ */
+interface ButtonPartsValue {
+    /**
+     * The context provider of the button.
+     */
+    Root: ElementType;
+    /**
+     * The icon of the button.
+     */
+    Icon: ElementType;
+}
+/**
+ * An Object containing the parts of the Button component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the ButtonParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const ButtonParts: ButtonPartsValue;
+export {};

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

@@ -0,0 +1,26 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Button component.
+ * @module 'button/parts'
+ */
+interface ButtonPartsValue {
+    /**
+     * The context provider of the button.
+     */
+    Root: ElementType;
+    /**
+     * The icon of the button.
+     */
+    Icon: ElementType;
+}
+/**
+ * An Object containing the parts of the Button component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the ButtonParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const ButtonParts: ButtonPartsValue;
+export {};

package/dist/components/button/parts.js

@@ -0,0 +1,17 @@
+import { Button, ButtonIcon } from "./button.js";
+//#region src/components/button/parts.ts
+/**
+* An Object containing the parts of the Button component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the ButtonParts object and
+* the entire family of components vs. only what you use.
+*/
+var ButtonParts = {
+	Root: Button,
+	Icon: ButtonIcon
+};
+//#endregion
+export { ButtonParts };

package/dist/components/button/primitives.cjs

@@ -0,0 +1,21 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/button/primitives.tsx
+/**
+* This module contains the Button component primitives.
+* @module @cerberus-design/react/components/button/primitives
+*/
+var { withRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.button);
+var { withRecipe: withGroupRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.buttonGroup);
+withRecipe("button");
+var ButtonGroupEl = withGroupRecipe("div");
+/**
+* The ButtonGroup component is a wrapper that groups multiple Button
+* components together.
+*/
+function ButtonGroup(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonGroupEl, { ...props });
+}
+//#endregion
+exports.ButtonGroup = ButtonGroup;

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes, ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
+import { ButtonVariantProps, ButtonGroupVariantProps } from 'styled-system/recipes';
+import { CerberusProps, CerberusPrimitiveProps } from '../../system/index';
+/**
+ * The root element of the Button component.
+ */
+export declare const ButtonRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type ButtonRootProps = CerberusProps<'button'> & ButtonVariantProps;
+export type ButtonGroupProps = CerberusPrimitiveProps<HTMLAttributes<HTMLDivElement> & ButtonGroupVariantProps>;
+/**
+ * The ButtonGroup component is a wrapper that groups multiple Button
+ * components together.
+ */
+export declare function ButtonGroup(props: ButtonGroupProps): import("react").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes, ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
+import { ButtonVariantProps, ButtonGroupVariantProps } from 'styled-system/recipes';
+import { CerberusProps, CerberusPrimitiveProps } from '../../system/index';
+/**
+ * The root element of the Button component.
+ */
+export declare const ButtonRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type ButtonRootProps = CerberusProps<'button'> & ButtonVariantProps;
+export type ButtonGroupProps = CerberusPrimitiveProps<HTMLAttributes<HTMLDivElement> & ButtonGroupVariantProps>;
+/**
+ * The ButtonGroup component is a wrapper that groups multiple Button
+ * components together.
+ */
+export declare function ButtonGroup(props: ButtonGroupProps): import("react").JSX.Element;

package/dist/components/button/primitives.js

@@ -0,0 +1,21 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { button, buttonGroup } from "styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/button/primitives.tsx
+/**
+* This module contains the Button component primitives.
+* @module @cerberus-design/react/components/button/primitives
+*/
+var { withRecipe } = createCerberusPrimitive(button);
+var { withRecipe: withGroupRecipe } = createCerberusPrimitive(buttonGroup);
+withRecipe("button");
+var ButtonGroupEl = withGroupRecipe("div");
+/**
+* The ButtonGroup component is a wrapper that groups multiple Button
+* components together.
+*/
+function ButtonGroup(props) {
+	return /* @__PURE__ */ jsx(ButtonGroupEl, { ...props });
+}
+//#endregion
+export { ButtonGroup };

package/dist/components/carousel/carousel.cjs

@@ -0,0 +1,38 @@
+const require_show = require("../show/show.cjs");
+const require_parts = require("./parts.cjs");
+const require_for = require("../for/for.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/carousel/carousel.tsx
+/**
+* The Carousel component is an abstraction of the carousel family of
+* components. It provides a simple interface for creating carousels with
+* various configurations.
+*
+* @remarks
+* This component uses the `CarouselParts` object to provide the necessary
+* parts. For customization, we recommend using the `CarouselParts` object
+* directly in combination with the `css` prop.
+*/
+function CarouselEl(props) {
+	const { showIndicators = false, children, ...rootProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.CarouselParts.Root, {
+		...rootProps,
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+			when: showIndicators,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.CarouselParts.IndicatorGroup, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_for.For, {
+				each: Array.from({ length: props.slideCount ?? 0 }),
+				children: (_, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.CarouselParts.Indicator, { index: idx }, idx)
+			}) })
+		})]
+	});
+}
+var Carousel = {
+	Root: CarouselEl,
+	ItemGroup: require_parts.CarouselParts.ItemGroup,
+	Item: require_parts.CarouselParts.Item,
+	Control: require_parts.CarouselParts.Control,
+	PrevTrigger: require_parts.CarouselParts.PrevTrigger,
+	NextTrigger: require_parts.CarouselParts.NextTrigger
+};
+//#endregion
+exports.Carousel = Carousel;

package/dist/components/carousel/carousel.d.cts

@@ -0,0 +1,33 @@
+import { PropsWithChildren, ElementType } from 'react';
+import { CarouselRootProps } from './primitives';
+/**
+ * This module contains an abstraction of the carousel family of components.
+ * @module carousel
+ */
+export interface CarouselProps extends CarouselRootProps {
+    /**
+     * Whether to show the carousel indicators (dot list).
+     * @default false
+     */
+    showIndicators?: boolean;
+}
+/**
+ * The Carousel component is an abstraction of the carousel family of
+ * components. It provides a simple interface for creating carousels with
+ * various configurations.
+ *
+ * @remarks
+ * This component uses the `CarouselParts` object to provide the necessary
+ * parts. For customization, we recommend using the `CarouselParts` object
+ * directly in combination with the `css` prop.
+ */
+declare function CarouselEl(props: PropsWithChildren<CarouselProps>): import("react").JSX.Element;
+export declare const Carousel: {
+    Root: typeof CarouselEl;
+    ItemGroup: ElementType;
+    Item: ElementType;
+    Control: ElementType;
+    PrevTrigger: ElementType;
+    NextTrigger: ElementType;
+};
+export {};

package/dist/components/carousel/carousel.d.ts

@@ -0,0 +1,33 @@
+import { PropsWithChildren, ElementType } from 'react';
+import { CarouselRootProps } from './primitives';
+/**
+ * This module contains an abstraction of the carousel family of components.
+ * @module carousel
+ */
+export interface CarouselProps extends CarouselRootProps {
+    /**
+     * Whether to show the carousel indicators (dot list).
+     * @default false
+     */
+    showIndicators?: boolean;
+}
+/**
+ * The Carousel component is an abstraction of the carousel family of
+ * components. It provides a simple interface for creating carousels with
+ * various configurations.
+ *
+ * @remarks
+ * This component uses the `CarouselParts` object to provide the necessary
+ * parts. For customization, we recommend using the `CarouselParts` object
+ * directly in combination with the `css` prop.
+ */
+declare function CarouselEl(props: PropsWithChildren<CarouselProps>): import("react").JSX.Element;
+export declare const Carousel: {
+    Root: typeof CarouselEl;
+    ItemGroup: ElementType;
+    Item: ElementType;
+    Control: ElementType;
+    PrevTrigger: ElementType;
+    NextTrigger: ElementType;
+};
+export {};

package/dist/components/carousel/carousel.js

@@ -0,0 +1,38 @@
+import { Show } from "../show/show.js";
+import { CarouselParts } from "./parts.js";
+import { For } from "../for/for.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/carousel/carousel.tsx
+/**
+* The Carousel component is an abstraction of the carousel family of
+* components. It provides a simple interface for creating carousels with
+* various configurations.
+*
+* @remarks
+* This component uses the `CarouselParts` object to provide the necessary
+* parts. For customization, we recommend using the `CarouselParts` object
+* directly in combination with the `css` prop.
+*/
+function CarouselEl(props) {
+	const { showIndicators = false, children, ...rootProps } = props;
+	return /* @__PURE__ */ jsxs(CarouselParts.Root, {
+		...rootProps,
+		children: [children, /* @__PURE__ */ jsx(Show, {
+			when: showIndicators,
+			children: /* @__PURE__ */ jsx(CarouselParts.IndicatorGroup, { children: /* @__PURE__ */ jsx(For, {
+				each: Array.from({ length: props.slideCount ?? 0 }),
+				children: (_, idx) => /* @__PURE__ */ jsx(CarouselParts.Indicator, { index: idx }, idx)
+			}) })
+		})]
+	});
+}
+var Carousel = {
+	Root: CarouselEl,
+	ItemGroup: CarouselParts.ItemGroup,
+	Item: CarouselParts.Item,
+	Control: CarouselParts.Control,
+	PrevTrigger: CarouselParts.PrevTrigger,
+	NextTrigger: CarouselParts.NextTrigger
+};
+//#endregion
+export { Carousel };

package/dist/components/carousel/index.cjs

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_parts = require("./parts.cjs");
+const require_carousel = require("./carousel.cjs");
+exports.Carousel = require_carousel.Carousel;
+exports.CarouselControl = require_primitives.CarouselControl;
+exports.CarouselIndicator = require_primitives.CarouselIndicator;
+exports.CarouselIndicatorGroup = require_primitives.CarouselIndicatorGroup;
+exports.CarouselItem = require_primitives.CarouselItem;
+exports.CarouselItemGroup = require_primitives.CarouselItemGroup;
+exports.CarouselNextTrigger = require_primitives.CarouselNextTrigger;
+exports.CarouselParts = require_parts.CarouselParts;
+exports.CarouselPrevTrigger = require_primitives.CarouselPrevTrigger;
+exports.CarouselRoot = require_primitives.CarouselRoot;

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

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

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

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

package/dist/components/carousel/index.js

@@ -0,0 +1,4 @@
+import { CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot } from "./primitives.js";
+import { CarouselParts } from "./parts.js";
+import { Carousel } from "./carousel.js";
+export { Carousel, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselParts, CarouselPrevTrigger, CarouselRoot };

package/dist/components/carousel/parts.cjs

@@ -0,0 +1,23 @@
+const require_primitives = require("./primitives.cjs");
+//#region src/components/carousel/parts.ts
+/**
+* An Object containing the parts of the Button component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the CarouselParts object and
+* the entire family of components vs. only what you use.
+*/
+var CarouselParts = {
+	Root: require_primitives.CarouselRoot,
+	Control: require_primitives.CarouselControl,
+	PrevTrigger: require_primitives.CarouselPrevTrigger,
+	NextTrigger: require_primitives.CarouselNextTrigger,
+	IndicatorGroup: require_primitives.CarouselIndicatorGroup,
+	Indicator: require_primitives.CarouselIndicator,
+	ItemGroup: require_primitives.CarouselItemGroup,
+	Item: require_primitives.CarouselItem
+};
+//#endregion
+exports.CarouselParts = CarouselParts;

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

@@ -0,0 +1,50 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Carousel component.
+ * @module 'carousel/parts'
+ */
+interface CarouselPartsValue {
+    /**
+     * The context provider of the carousel.
+     */
+    Root: ElementType;
+    /**
+     * The control of the carousel.
+     */
+    Control: ElementType;
+    /**
+     * The previous trigger of the carousel.
+     */
+    PrevTrigger: ElementType;
+    /**
+     * The next trigger of the carousel.
+     */
+    NextTrigger: ElementType;
+    /**
+     * The indicator group of the carousel.
+     */
+    IndicatorGroup: ElementType;
+    /**
+     * The indicator of the carousel.
+     */
+    Indicator: ElementType;
+    /**
+     * The item group of the carousel.
+     */
+    ItemGroup: ElementType;
+    /**
+     * The item of the carousel.
+     */
+    Item: ElementType;
+}
+/**
+ * An Object containing the parts of the Button component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the CarouselParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const CarouselParts: CarouselPartsValue;
+export {};

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

@@ -0,0 +1,50 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Carousel component.
+ * @module 'carousel/parts'
+ */
+interface CarouselPartsValue {
+    /**
+     * The context provider of the carousel.
+     */
+    Root: ElementType;
+    /**
+     * The control of the carousel.
+     */
+    Control: ElementType;
+    /**
+     * The previous trigger of the carousel.
+     */
+    PrevTrigger: ElementType;
+    /**
+     * The next trigger of the carousel.
+     */
+    NextTrigger: ElementType;
+    /**
+     * The indicator group of the carousel.
+     */
+    IndicatorGroup: ElementType;
+    /**
+     * The indicator of the carousel.
+     */
+    Indicator: ElementType;
+    /**
+     * The item group of the carousel.
+     */
+    ItemGroup: ElementType;
+    /**
+     * The item of the carousel.
+     */
+    Item: ElementType;
+}
+/**
+ * An Object containing the parts of the Button component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the CarouselParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const CarouselParts: CarouselPartsValue;
+export {};

package/dist/components/carousel/parts.js

@@ -0,0 +1,23 @@
+import { CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot } from "./primitives.js";
+//#region src/components/carousel/parts.ts
+/**
+* An Object containing the parts of the Button component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the CarouselParts object and
+* the entire family of components vs. only what you use.
+*/
+var CarouselParts = {
+	Root: CarouselRoot,
+	Control: CarouselControl,
+	PrevTrigger: CarouselPrevTrigger,
+	NextTrigger: CarouselNextTrigger,
+	IndicatorGroup: CarouselIndicatorGroup,
+	Indicator: CarouselIndicator,
+	ItemGroup: CarouselItemGroup,
+	Item: CarouselItem
+};
+//#endregion
+export { CarouselParts };

package/dist/components/carousel/primitives.cjs

@@ -0,0 +1,26 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let _ark_ui_react_carousel = require("@ark-ui/react/carousel");
+//#region src/components/carousel/primitives.ts
+/**
+* This module contains the carousel primitives.
+* @module carousel/primitives
+*/
+var { withSlotRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.carousel);
+var CarouselRoot = withSlotRecipe(_ark_ui_react_carousel.Carousel.Root, "root");
+var CarouselControl = withSlotRecipe(_ark_ui_react_carousel.Carousel.Control, "control");
+var CarouselPrevTrigger = withSlotRecipe(_ark_ui_react_carousel.Carousel.PrevTrigger, "prevTrigger");
+var CarouselNextTrigger = withSlotRecipe(_ark_ui_react_carousel.Carousel.NextTrigger, "nextTrigger");
+var CarouselIndicatorGroup = withSlotRecipe(_ark_ui_react_carousel.Carousel.IndicatorGroup, "indicatorGroup");
+var CarouselIndicator = withSlotRecipe(_ark_ui_react_carousel.Carousel.Indicator, "indicator");
+var CarouselItemGroup = withSlotRecipe(_ark_ui_react_carousel.Carousel.ItemGroup, "itemGroup");
+var CarouselItem = withSlotRecipe(_ark_ui_react_carousel.Carousel.Item, "item");
+//#endregion
+exports.CarouselControl = CarouselControl;
+exports.CarouselIndicator = CarouselIndicator;
+exports.CarouselIndicatorGroup = CarouselIndicatorGroup;
+exports.CarouselItem = CarouselItem;
+exports.CarouselItemGroup = CarouselItemGroup;
+exports.CarouselNextTrigger = CarouselNextTrigger;
+exports.CarouselPrevTrigger = CarouselPrevTrigger;
+exports.CarouselRoot = CarouselRoot;