@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

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

@@ -0,0 +1,20 @@
+import { Carousel, CarouselRootProps as ArkRootProps, CarouselControlProps as ArkControlProps, CarouselPrevTriggerProps as ArkPrevTriggerProps, CarouselNextTriggerProps as ArkNextTriggerProps, CarouselIndicatorGroupProps as ArkIndicatorGroupProps, CarouselIndicatorProps as ArkIndicatorProps, CarouselItemGroupProps as ArkItemGroupProps, CarouselItemProps as ArkItemProps } from '@ark-ui/react/carousel';
+import { CarouselVariantProps } from 'styled-system/recipes';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { CerberusPrimitiveProps } from '../..';
+export type CarouselRootProps = CarouselVariantProps & ArkRootProps;
+export declare const CarouselRoot: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CarouselControlProps = CarouselVariantProps & ArkControlProps;
+export declare const CarouselControl: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.ControlProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CarouselPrevTriggerProps = CarouselVariantProps & ArkPrevTriggerProps;
+export declare const CarouselPrevTrigger: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.PrevTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CarouselNextTriggerProps = CarouselVariantProps & ArkNextTriggerProps;
+export declare const CarouselNextTrigger: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.NextTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CarouselIndicatorGroupProps = CarouselVariantProps & ArkIndicatorGroupProps;
+export declare const CarouselIndicatorGroup: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.IndicatorGroupProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CarouselIndicatorProps = CarouselVariantProps & ArkIndicatorProps;
+export declare const CarouselIndicator: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.IndicatorProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CarouselItemGroupProps = CarouselVariantProps & ArkItemGroupProps;
+export declare const CarouselItemGroup: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.ItemGroupProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CarouselItemProps = CarouselVariantProps & ArkItemProps;
+export declare const CarouselItem: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.ItemProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,20 @@
+import { Carousel, CarouselRootProps as ArkRootProps, CarouselControlProps as ArkControlProps, CarouselPrevTriggerProps as ArkPrevTriggerProps, CarouselNextTriggerProps as ArkNextTriggerProps, CarouselIndicatorGroupProps as ArkIndicatorGroupProps, CarouselIndicatorProps as ArkIndicatorProps, CarouselItemGroupProps as ArkItemGroupProps, CarouselItemProps as ArkItemProps } from '@ark-ui/react/carousel';
+import { CarouselVariantProps } from 'styled-system/recipes';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { CerberusPrimitiveProps } from '../..';
+export type CarouselRootProps = CarouselVariantProps & ArkRootProps;
+export declare const CarouselRoot: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CarouselControlProps = CarouselVariantProps & ArkControlProps;
+export declare const CarouselControl: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.ControlProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CarouselPrevTriggerProps = CarouselVariantProps & ArkPrevTriggerProps;
+export declare const CarouselPrevTrigger: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.PrevTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CarouselNextTriggerProps = CarouselVariantProps & ArkNextTriggerProps;
+export declare const CarouselNextTrigger: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.NextTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CarouselIndicatorGroupProps = CarouselVariantProps & ArkIndicatorGroupProps;
+export declare const CarouselIndicatorGroup: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.IndicatorGroupProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CarouselIndicatorProps = CarouselVariantProps & ArkIndicatorProps;
+export declare const CarouselIndicator: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.IndicatorProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CarouselItemGroupProps = CarouselVariantProps & ArkItemGroupProps;
+export declare const CarouselItemGroup: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.ItemGroupProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CarouselItemProps = CarouselVariantProps & ArkItemProps;
+export declare const CarouselItem: ForwardRefExoticComponent<Omit< CerberusPrimitiveProps<Carousel.ItemProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/carousel/primitives.js

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

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

@@ -0,0 +1,33 @@
+"use client";
+"use client";
+const require_show = require("../show/show.cjs");
+const require_cerberus = require("../../context/cerberus.cjs");
+const require_parts = require("./parts.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/checkbox/checkbox-icon.tsx
+/**
+* Checkbox component
+* @definition [ARIA Target Size](https://www.w3.org/WAI/WCAG21/Understanding/target-size.html#:~:text=Understanding%20SC%202.5.,%3ATarget%20Size%20(Level%20AAA)&text=The%20size%20of%20the%20target,Equivalent)
+* @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)
+* @see https://cerberus.digitalu.design/react/checkbox
+* @example
+* ```tsx
+* <Field>
+*   <Checkbox id="legal" checked={checked.legal} onChange={handleChange} />
+* </Field>
+* ```
+*/
+function CheckboxIcon(props) {
+	const { icons } = require_cerberus.useCerberusContext();
+	const { checkbox: CheckIcon, indeterminate: IndeterminateIcon } = icons;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.CheckboxParts.Indicator, {
+		indeterminate: props.indeterminate,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+			when: props.indeterminate,
+			fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckIcon, {}),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IndeterminateIcon, {})
+		})
+	});
+}
+//#endregion
+exports.CheckboxIcon = CheckboxIcon;

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

@@ -0,0 +1,21 @@
+/**
+ * This module contains the Checkbox Icon component.
+ * @module
+ */
+interface CheckboxIconProps {
+    indeterminate?: boolean;
+}
+/**
+ * Checkbox component
+ * @definition [ARIA Target Size](https://www.w3.org/WAI/WCAG21/Understanding/target-size.html#:~:text=Understanding%20SC%202.5.,%3ATarget%20Size%20(Level%20AAA)&text=The%20size%20of%20the%20target,Equivalent)
+ * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)
+ * @see https://cerberus.digitalu.design/react/checkbox
+ * @example
+ * ```tsx
+ * <Field>
+ *   <Checkbox id="legal" checked={checked.legal} onChange={handleChange} />
+ * </Field>
+ * ```
+ */
+export declare function CheckboxIcon(props: CheckboxIconProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+/**
+ * This module contains the Checkbox Icon component.
+ * @module
+ */
+interface CheckboxIconProps {
+    indeterminate?: boolean;
+}
+/**
+ * Checkbox component
+ * @definition [ARIA Target Size](https://www.w3.org/WAI/WCAG21/Understanding/target-size.html#:~:text=Understanding%20SC%202.5.,%3ATarget%20Size%20(Level%20AAA)&text=The%20size%20of%20the%20target,Equivalent)
+ * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)
+ * @see https://cerberus.digitalu.design/react/checkbox
+ * @example
+ * ```tsx
+ * <Field>
+ *   <Checkbox id="legal" checked={checked.legal} onChange={handleChange} />
+ * </Field>
+ * ```
+ */
+export declare function CheckboxIcon(props: CheckboxIconProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,33 @@
+"use client";
+"use client";
+import { Show } from "../show/show.js";
+import { useCerberusContext } from "../../context/cerberus.js";
+import { CheckboxParts } from "./parts.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/checkbox/checkbox-icon.tsx
+/**
+* Checkbox component
+* @definition [ARIA Target Size](https://www.w3.org/WAI/WCAG21/Understanding/target-size.html#:~:text=Understanding%20SC%202.5.,%3ATarget%20Size%20(Level%20AAA)&text=The%20size%20of%20the%20target,Equivalent)
+* @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)
+* @see https://cerberus.digitalu.design/react/checkbox
+* @example
+* ```tsx
+* <Field>
+*   <Checkbox id="legal" checked={checked.legal} onChange={handleChange} />
+* </Field>
+* ```
+*/
+function CheckboxIcon(props) {
+	const { icons } = useCerberusContext();
+	const { checkbox: CheckIcon, indeterminate: IndeterminateIcon } = icons;
+	return /* @__PURE__ */ jsx(CheckboxParts.Indicator, {
+		indeterminate: props.indeterminate,
+		children: /* @__PURE__ */ jsx(Show, {
+			when: props.indeterminate,
+			fallback: /* @__PURE__ */ jsx(CheckIcon, {}),
+			children: /* @__PURE__ */ jsx(IndeterminateIcon, {})
+		})
+	});
+}
+//#endregion
+export { CheckboxIcon };

package/dist/components/checkbox/checkbox.cjs

@@ -0,0 +1,38 @@
+const require_show = require("../show/show.cjs");
+const require_text = require("../text/text.cjs");
+const require_parts = require("./parts.cjs");
+const require_checkbox_icon = require("./checkbox-icon.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/checkbox/checkbox.tsx
+/**
+* Checkbox component is an abstraction of the primitives that displays a
+* controlled checkbox with a label.
+* @description [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+* @description [Ark Docs](https://ark-ui.com/docs/components/checkbox)
+*/
+function Checkbox(props) {
+	const { size, children, ...rootProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.CheckboxParts.Root, {
+		...rootProps,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.CheckboxParts.Control, {
+				size,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_checkbox_icon.CheckboxIcon, { indeterminate: rootProps.checked === "indeterminate" })
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.CheckboxParts.Label, {
+				size,
+				children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+					when: props.required,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text.Text, {
+						as: "span",
+						"data-part": "required-indicator",
+						children: "(required)"
+					})
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.CheckboxParts.HiddenInput, {})
+		]
+	});
+}
+//#endregion
+exports.Checkbox = Checkbox;

package/dist/components/checkbox/checkbox.d.cts

@@ -0,0 +1,14 @@
+import { CheckboxRootProps } from '@ark-ui/react';
+import { CheckboxVariantProps } from 'styled-system/recipes';
+/**
+ * This module contains the Checkbox component.
+ * @module
+ */
+export type CheckboxProps = CheckboxVariantProps & CheckboxRootProps;
+/**
+ * Checkbox component is an abstraction of the primitives that displays a
+ * controlled checkbox with a label.
+ * @description [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+ * @description [Ark Docs](https://ark-ui.com/docs/components/checkbox)
+ */
+export declare function Checkbox(props: CheckboxProps): import("react").JSX.Element;

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,14 @@
+import { CheckboxRootProps } from '@ark-ui/react';
+import { CheckboxVariantProps } from 'styled-system/recipes';
+/**
+ * This module contains the Checkbox component.
+ * @module
+ */
+export type CheckboxProps = CheckboxVariantProps & CheckboxRootProps;
+/**
+ * Checkbox component is an abstraction of the primitives that displays a
+ * controlled checkbox with a label.
+ * @description [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+ * @description [Ark Docs](https://ark-ui.com/docs/components/checkbox)
+ */
+export declare function Checkbox(props: CheckboxProps): import("react").JSX.Element;

package/dist/components/checkbox/checkbox.js

@@ -0,0 +1,38 @@
+import { Show } from "../show/show.js";
+import { Text } from "../text/text.js";
+import { CheckboxParts } from "./parts.js";
+import { CheckboxIcon } from "./checkbox-icon.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/checkbox/checkbox.tsx
+/**
+* Checkbox component is an abstraction of the primitives that displays a
+* controlled checkbox with a label.
+* @description [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+* @description [Ark Docs](https://ark-ui.com/docs/components/checkbox)
+*/
+function Checkbox(props) {
+	const { size, children, ...rootProps } = props;
+	return /* @__PURE__ */ jsxs(CheckboxParts.Root, {
+		...rootProps,
+		children: [
+			/* @__PURE__ */ jsx(CheckboxParts.Control, {
+				size,
+				children: /* @__PURE__ */ jsx(CheckboxIcon, { indeterminate: rootProps.checked === "indeterminate" })
+			}),
+			/* @__PURE__ */ jsxs(CheckboxParts.Label, {
+				size,
+				children: [children, /* @__PURE__ */ jsx(Show, {
+					when: props.required,
+					children: /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						"data-part": "required-indicator",
+						children: "(required)"
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx(CheckboxParts.HiddenInput, {})
+		]
+	});
+}
+//#endregion
+export { Checkbox };

package/dist/components/checkbox/index.cjs

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_parts = require("./parts.cjs");
+const require_checkbox = require("./checkbox.cjs");
+exports.Checkbox = require_checkbox.Checkbox;
+exports.CheckboxControl = require_primitives.CheckboxControl;
+exports.CheckboxGroup = require_primitives.CheckboxGroup;
+exports.CheckboxHiddenInput = require_primitives.CheckboxHiddenInput;
+exports.CheckboxIndicator = require_primitives.CheckboxIndicator;
+exports.CheckboxLabel = require_primitives.CheckboxLabel;
+exports.CheckboxParts = require_parts.CheckboxParts;
+exports.CheckboxRoot = require_primitives.CheckboxRoot;

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

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

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

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

package/dist/components/checkbox/index.js

@@ -0,0 +1,4 @@
+import { CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot } from "./primitives.js";
+import { CheckboxParts } from "./parts.js";
+import { Checkbox } from "./checkbox.js";
+export { Checkbox, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxParts, CheckboxRoot };

package/dist/components/checkbox/parts.cjs

@@ -0,0 +1,21 @@
+const require_primitives = require("./primitives.cjs");
+//#region src/components/checkbox/parts.ts
+/**
+* An Object containing the parts of the Checkbox component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the CheckboxParts object and
+* the entire family of components vs. only what you use.
+*/
+var CheckboxParts = {
+	Root: require_primitives.CheckboxRoot,
+	Label: require_primitives.CheckboxLabel,
+	Control: require_primitives.CheckboxControl,
+	Indicator: require_primitives.CheckboxIndicator,
+	HiddenInput: require_primitives.CheckboxHiddenInput,
+	Group: require_primitives.CheckboxGroup
+};
+//#endregion
+exports.CheckboxParts = CheckboxParts;

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

@@ -0,0 +1,42 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Field component.
+ * @module 'field/parts'
+ */
+interface CheckboxPartsValue {
+    /**
+     * The container of the field.
+     */
+    Root: ElementType;
+    /**
+     * The label of the field.
+     */
+    Label: ElementType;
+    /**
+     * The control of the field.
+     */
+    Control: ElementType;
+    /**
+     * The indicator of the field.
+     */
+    Indicator: ElementType;
+    /**
+     * The hidden input of the field.
+     */
+    HiddenInput: ElementType;
+    /**
+     * The checkbox group component.
+     */
+    Group: ElementType;
+}
+/**
+ * An Object containing the parts of the Checkbox component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the CheckboxParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const CheckboxParts: CheckboxPartsValue;
+export {};

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

@@ -0,0 +1,42 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Field component.
+ * @module 'field/parts'
+ */
+interface CheckboxPartsValue {
+    /**
+     * The container of the field.
+     */
+    Root: ElementType;
+    /**
+     * The label of the field.
+     */
+    Label: ElementType;
+    /**
+     * The control of the field.
+     */
+    Control: ElementType;
+    /**
+     * The indicator of the field.
+     */
+    Indicator: ElementType;
+    /**
+     * The hidden input of the field.
+     */
+    HiddenInput: ElementType;
+    /**
+     * The checkbox group component.
+     */
+    Group: ElementType;
+}
+/**
+ * An Object containing the parts of the Checkbox component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the CheckboxParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const CheckboxParts: CheckboxPartsValue;
+export {};

package/dist/components/checkbox/parts.js

@@ -0,0 +1,21 @@
+import { CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot } from "./primitives.js";
+//#region src/components/checkbox/parts.ts
+/**
+* An Object containing the parts of the Checkbox component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the CheckboxParts object and
+* the entire family of components vs. only what you use.
+*/
+var CheckboxParts = {
+	Root: CheckboxRoot,
+	Label: CheckboxLabel,
+	Control: CheckboxControl,
+	Indicator: CheckboxIndicator,
+	HiddenInput: CheckboxHiddenInput,
+	Group: CheckboxGroup
+};
+//#endregion
+export { CheckboxParts };

package/dist/components/checkbox/primitives.cjs

@@ -0,0 +1,54 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let _ark_ui_react = require("@ark-ui/react");
+//#region src/components/checkbox/primitives.tsx
+/**
+* This module contains the Checkbox primitives.
+* @module 'react/checkbox'
+*/
+var { withSlotRecipe, withNoRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.checkbox);
+/**
+* Checkbox Root component used to provide the context to all other checkbox
+* primitives.
+* @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+* @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+*/
+var CheckboxRoot = withSlotRecipe(_ark_ui_react.Checkbox.Root, "root");
+/**
+* Checkbox Label component used to display the label of the checkbox.
+* @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+* @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+*/
+var CheckboxLabel = withSlotRecipe(_ark_ui_react.Checkbox.Label, "label");
+/**
+* Checkbox Control component used to display the control of the checkbox.
+* @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+* @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+*/
+var CheckboxControl = withSlotRecipe(_ark_ui_react.Checkbox.Control, "control");
+/**
+* Checkbox Indicator component used to display the indicator of the checkbox.
+* @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+* @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+*/
+var CheckboxIndicator = withSlotRecipe(_ark_ui_react.Checkbox.Indicator, "indicator");
+/**
+* Checkbox HiddenInput component used to provide the native checkbox input.
+* @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+* @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+*/
+var CheckboxHiddenInput = withNoRecipe(_ark_ui_react.Checkbox.HiddenInput);
+/**
+* Checkbox Group is used to group checkboxes together in a consistently styled
+* way.
+* @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+* @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+*/
+var CheckboxGroup = withSlotRecipe(_ark_ui_react.Checkbox.Group, "group");
+//#endregion
+exports.CheckboxControl = CheckboxControl;
+exports.CheckboxGroup = CheckboxGroup;
+exports.CheckboxHiddenInput = CheckboxHiddenInput;
+exports.CheckboxIndicator = CheckboxIndicator;
+exports.CheckboxLabel = CheckboxLabel;
+exports.CheckboxRoot = CheckboxRoot;

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

@@ -0,0 +1,48 @@
+import { Checkbox, CheckboxControlProps as ArkCheckboxControlProps, CheckboxGroupProps as ArkCheckboxGroupProps, CheckboxIndicatorProps as ArkCheckboxIndicatorProps, CheckboxLabelProps as ArkCheckboxLabelProps, CheckboxRootProps as ArkCheckboxRootProps, CheckboxHiddenInputProps as ArkCheckboxHiddenInputProps } from '@ark-ui/react';
+import { CheckboxVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/**
+ * Checkbox Root component used to provide the context to all other checkbox
+ * primitives.
+ * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+ * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+ */
+export declare const CheckboxRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Checkbox.RootProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CheckboxRootProps = CerberusPrimitiveProps<ArkCheckboxRootProps>;
+/**
+ * Checkbox Label component used to display the label of the checkbox.
+ * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+ * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+ */
+export declare const CheckboxLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Checkbox.LabelProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CheckboxLabelProps = CerberusPrimitiveProps<ArkCheckboxLabelProps & CheckboxVariantProps>;
+/**
+ * Checkbox Control component used to display the control of the checkbox.
+ * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+ * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+ */
+export declare const CheckboxControl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Checkbox.ControlProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CheckboxControlProps = CerberusPrimitiveProps<ArkCheckboxControlProps & CheckboxVariantProps>;
+/**
+ * Checkbox Indicator component used to display the indicator of the checkbox.
+ * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+ * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+ */
+export declare const CheckboxIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Checkbox.IndicatorProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CheckboxIndicatorProps = CerberusPrimitiveProps<ArkCheckboxIndicatorProps>;
+/**
+ * Checkbox HiddenInput component used to provide the native checkbox input.
+ * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+ * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+ */
+export declare const CheckboxHiddenInput: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Checkbox.HiddenInputProps & RefAttributes<HTMLInputElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CheckboxHiddenInputProps = CerberusPrimitiveProps<ArkCheckboxHiddenInputProps>;
+/**
+ * Checkbox Group is used to group checkboxes together in a consistently styled
+ * way.
+ * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+ * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+ */
+export declare const CheckboxGroup: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Checkbox.GroupProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CheckboxGroupProps = CerberusPrimitiveProps<ArkCheckboxGroupProps>;

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

@@ -0,0 +1,48 @@
+import { Checkbox, CheckboxControlProps as ArkCheckboxControlProps, CheckboxGroupProps as ArkCheckboxGroupProps, CheckboxIndicatorProps as ArkCheckboxIndicatorProps, CheckboxLabelProps as ArkCheckboxLabelProps, CheckboxRootProps as ArkCheckboxRootProps, CheckboxHiddenInputProps as ArkCheckboxHiddenInputProps } from '@ark-ui/react';
+import { CheckboxVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/**
+ * Checkbox Root component used to provide the context to all other checkbox
+ * primitives.
+ * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+ * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+ */
+export declare const CheckboxRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Checkbox.RootProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CheckboxRootProps = CerberusPrimitiveProps<ArkCheckboxRootProps>;
+/**
+ * Checkbox Label component used to display the label of the checkbox.
+ * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+ * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+ */
+export declare const CheckboxLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Checkbox.LabelProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CheckboxLabelProps = CerberusPrimitiveProps<ArkCheckboxLabelProps & CheckboxVariantProps>;
+/**
+ * Checkbox Control component used to display the control of the checkbox.
+ * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+ * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+ */
+export declare const CheckboxControl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Checkbox.ControlProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CheckboxControlProps = CerberusPrimitiveProps<ArkCheckboxControlProps & CheckboxVariantProps>;
+/**
+ * Checkbox Indicator component used to display the indicator of the checkbox.
+ * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+ * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+ */
+export declare const CheckboxIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Checkbox.IndicatorProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CheckboxIndicatorProps = CerberusPrimitiveProps<ArkCheckboxIndicatorProps>;
+/**
+ * Checkbox HiddenInput component used to provide the native checkbox input.
+ * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+ * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+ */
+export declare const CheckboxHiddenInput: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Checkbox.HiddenInputProps & RefAttributes<HTMLInputElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CheckboxHiddenInputProps = CerberusPrimitiveProps<ArkCheckboxHiddenInputProps>;
+/**
+ * Checkbox Group is used to group checkboxes together in a consistently styled
+ * way.
+ * @definition [Cerberus Docs](https://cerberus.digitalu.design/react/checkbox)
+ * @definition [Primitive Docs](https://ark-ui.com/react/docs/components/checkbox)
+ */
+export declare const CheckboxGroup: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Checkbox.GroupProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type CheckboxGroupProps = CerberusPrimitiveProps<ArkCheckboxGroupProps>;