@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

package/dist/components/portal/portal.d.cts

@@ -0,0 +1,26 @@
+import { PortalProps } from '@ark-ui/react';
+import { PropsWithChildren } from 'react';
+/**
+ * This module is the Portal component.
+ * @module
+ */
+export type { PortalProps };
+/**
+ * The Portal component is used to render children into a DOM node that exists outside the DOM hierarchy of the parent component.
+ * @see https://cerberus.digitalu.design/react/portal
+ * @definition [React Portal Docs](https://react.dev/reference/react-dom/createPortal)
+ * @example
+ * ```tsx
+ * 'use client'
+ *
+ * import { Portal } from '@cerberus/react'
+ *
+ * function SomeFeatureWithinSSRPage() {
+ *   return (
+ *     <Portal>
+ *       <div>Portal Content outside of the React VDom tree</div>
+ *     </Portal>
+ *   )
+ * }
+ */
+export declare const Portal: (props: PropsWithChildren<PortalProps>) => import("react").JSX.Element;

package/dist/components/portal/portal.d.ts

@@ -0,0 +1,26 @@
+import { PortalProps } from '@ark-ui/react';
+import { PropsWithChildren } from 'react';
+/**
+ * This module is the Portal component.
+ * @module
+ */
+export type { PortalProps };
+/**
+ * The Portal component is used to render children into a DOM node that exists outside the DOM hierarchy of the parent component.
+ * @see https://cerberus.digitalu.design/react/portal
+ * @definition [React Portal Docs](https://react.dev/reference/react-dom/createPortal)
+ * @example
+ * ```tsx
+ * 'use client'
+ *
+ * import { Portal } from '@cerberus/react'
+ *
+ * function SomeFeatureWithinSSRPage() {
+ *   return (
+ *     <Portal>
+ *       <div>Portal Content outside of the React VDom tree</div>
+ *     </Portal>
+ *   )
+ * }
+ */
+export declare const Portal: (props: PropsWithChildren<PortalProps>) => import("react").JSX.Element;

package/dist/components/portal/portal.js

@@ -0,0 +1,24 @@
+"use client";
+import { Portal } from "@ark-ui/react";
+//#region src/components/portal/portal.tsx
+/**
+* The Portal component is used to render children into a DOM node that exists outside the DOM hierarchy of the parent component.
+* @see https://cerberus.digitalu.design/react/portal
+* @definition [React Portal Docs](https://react.dev/reference/react-dom/createPortal)
+* @example
+* ```tsx
+* 'use client'
+*
+* import { Portal } from '@cerberus/react'
+*
+* function SomeFeatureWithinSSRPage() {
+*   return (
+*     <Portal>
+*       <div>Portal Content outside of the React VDom tree</div>
+*     </Portal>
+*   )
+* }
+*/
+var Portal$1 = Portal;
+//#endregion
+export { Portal$1 as Portal };

package/dist/components/progress/index.cjs

@@ -0,0 +1,6 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_progress_bar = require("./progress-bar.cjs");
+exports.ProgressBar = require_progress_bar.ProgressBar;
+exports.ProgressBarBar = require_primitives.ProgressBarBar;
+exports.ProgressBarRoot = require_primitives.ProgressBarRoot;

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

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

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

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

package/dist/components/progress/index.js

@@ -0,0 +1,3 @@
+import { ProgressBarBar, ProgressBarRoot } from "./primitives.js";
+import { ProgressBar } from "./progress-bar.js";
+export { ProgressBar, ProgressBarBar, ProgressBarRoot };

package/dist/components/progress/primitives.cjs

@@ -0,0 +1,17 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+//#region src/components/progress/primitives.ts
+/**
+* This module contains the ProgressBar component primitives.
+* @module @cerberus-design/react/components/progress-bar/primitives
+*/
+var { withSlotRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.progressBar);
+var ProgressBarRoot = withSlotRecipe("div", "root", { defaultProps: {
+	"aria-valuemin": "0",
+	"aria-valuemax": "100",
+	role: "progressbar"
+} });
+var ProgressBarBar = withSlotRecipe("div", "bar");
+//#endregion
+exports.ProgressBarBar = ProgressBarBar;
+exports.ProgressBarRoot = ProgressBarRoot;

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

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

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

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

package/dist/components/progress/primitives.js

@@ -0,0 +1,16 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { progressBar } from "styled-system/recipes";
+//#region src/components/progress/primitives.ts
+/**
+* This module contains the ProgressBar component primitives.
+* @module @cerberus-design/react/components/progress-bar/primitives
+*/
+var { withSlotRecipe } = createCerberusPrimitive(progressBar);
+var ProgressBarRoot = withSlotRecipe("div", "root", { defaultProps: {
+	"aria-valuemin": "0",
+	"aria-valuemax": "100",
+	role: "progressbar"
+} });
+var ProgressBarBar = withSlotRecipe("div", "bar");
+//#endregion
+export { ProgressBarBar, ProgressBarRoot };

package/dist/components/progress/progress-bar.cjs

@@ -0,0 +1,29 @@
+"use client";
+const require_primitives = require("./primitives.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/progress/progress-bar.tsx
+/**
+* The ProgressBar component is used to display the progress of a task.
+* @see https://cerberus.digitalu.design/react/progress-indicators
+* @example
+* ```tsx
+* <ProgressBar value={75} />
+* ```
+*/
+function ProgressBar(props) {
+	const { indeterminate, now, label, ...nativeProps } = props;
+	const nowClamped = Math.min(100, Math.max(0, now || 0));
+	const width = { width: indeterminate ? "50%" : `${nowClamped}%` };
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.ProgressBarRoot, {
+		...nativeProps,
+		"aria-label": label,
+		"aria-valuenow": indeterminate ? 0 : nowClamped,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.ProgressBarBar, {
+			...indeterminate && { "data-state": "indeterminate" },
+			"data-complete": nowClamped === 100,
+			style: width
+		})
+	});
+}
+//#endregion
+exports.ProgressBar = ProgressBar;

package/dist/components/progress/progress-bar.d.cts

@@ -0,0 +1,51 @@
+import { ProgressBarRootProps } from './primitives';
+/**
+ * This module contains the ProgressBar component.
+ * @module
+ */
+export type NonIndeterminateProgressBarProps = {
+    /**
+     * A unique identifier for the progress bar. Required for accessibility.
+     */
+    id: string;
+    /**
+     * A description label for the progress bar. Required for accessibility.
+     */
+    label: string;
+    /**
+     * The state of the progress bar.
+     */
+    indeterminate?: never;
+    /**
+     * The current value of the progress bar.
+     */
+    now: number;
+};
+export type IndeterminateProgressBarProps = {
+    /**
+     * A unique identifier for the progress bar. Required for accessibility.
+     */
+    id: string;
+    /**
+     * A description label for the progress bar. Required for accessibility.
+     */
+    label: string;
+    /**
+     * The state of the progress bar.
+     */
+    indeterminate?: true;
+    /**
+     * The current value of the progress bar.
+     */
+    now?: never;
+};
+export type ProgressBarProps = ProgressBarRootProps & (NonIndeterminateProgressBarProps | IndeterminateProgressBarProps);
+/**
+ * The ProgressBar component is used to display the progress of a task.
+ * @see https://cerberus.digitalu.design/react/progress-indicators
+ * @example
+ * ```tsx
+ * <ProgressBar value={75} />
+ * ```
+ */
+export declare function ProgressBar(props: ProgressBarProps): import("react").JSX.Element;

package/dist/components/progress/progress-bar.d.ts

@@ -0,0 +1,51 @@
+import { ProgressBarRootProps } from './primitives';
+/**
+ * This module contains the ProgressBar component.
+ * @module
+ */
+export type NonIndeterminateProgressBarProps = {
+    /**
+     * A unique identifier for the progress bar. Required for accessibility.
+     */
+    id: string;
+    /**
+     * A description label for the progress bar. Required for accessibility.
+     */
+    label: string;
+    /**
+     * The state of the progress bar.
+     */
+    indeterminate?: never;
+    /**
+     * The current value of the progress bar.
+     */
+    now: number;
+};
+export type IndeterminateProgressBarProps = {
+    /**
+     * A unique identifier for the progress bar. Required for accessibility.
+     */
+    id: string;
+    /**
+     * A description label for the progress bar. Required for accessibility.
+     */
+    label: string;
+    /**
+     * The state of the progress bar.
+     */
+    indeterminate?: true;
+    /**
+     * The current value of the progress bar.
+     */
+    now?: never;
+};
+export type ProgressBarProps = ProgressBarRootProps & (NonIndeterminateProgressBarProps | IndeterminateProgressBarProps);
+/**
+ * The ProgressBar component is used to display the progress of a task.
+ * @see https://cerberus.digitalu.design/react/progress-indicators
+ * @example
+ * ```tsx
+ * <ProgressBar value={75} />
+ * ```
+ */
+export declare function ProgressBar(props: ProgressBarProps): import("react").JSX.Element;

package/dist/components/progress/progress-bar.js

@@ -0,0 +1,29 @@
+"use client";
+import { ProgressBarBar, ProgressBarRoot } from "./primitives.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/progress/progress-bar.tsx
+/**
+* The ProgressBar component is used to display the progress of a task.
+* @see https://cerberus.digitalu.design/react/progress-indicators
+* @example
+* ```tsx
+* <ProgressBar value={75} />
+* ```
+*/
+function ProgressBar(props) {
+	const { indeterminate, now, label, ...nativeProps } = props;
+	const nowClamped = Math.min(100, Math.max(0, now || 0));
+	const width = { width: indeterminate ? "50%" : `${nowClamped}%` };
+	return /* @__PURE__ */ jsx(ProgressBarRoot, {
+		...nativeProps,
+		"aria-label": label,
+		"aria-valuenow": indeterminate ? 0 : nowClamped,
+		children: /* @__PURE__ */ jsx(ProgressBarBar, {
+			...indeterminate && { "data-state": "indeterminate" },
+			"data-complete": nowClamped === 100,
+			style: width
+		})
+	});
+}
+//#endregion
+export { ProgressBar };

package/dist/components/radio/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_radio = require("./radio.cjs");
+exports.Radio = require_radio.Radio;
+exports.RadioGroup = require_primitives.RadioGroup;
+exports.RadioGroupIndicator = require_primitives.RadioGroupIndicator;
+exports.RadioGroupItem = require_primitives.RadioGroupItem;
+exports.RadioGroupItemControl = require_primitives.RadioGroupItemControl;
+exports.RadioGroupItemHiddenInput = require_primitives.RadioGroupItemHiddenInput;
+exports.RadioGroupItemText = require_primitives.RadioGroupItemText;
+exports.RadioGroupLabel = require_primitives.RadioGroupLabel;
+exports.RadioGroupRoot = require_primitives.RadioGroupRoot;
+exports.RadioParts = require_parts.RadioParts;

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

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

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

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

package/dist/components/radio/index.js

@@ -0,0 +1,4 @@
+import { RadioGroup, RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot } from "./primitives.js";
+import { RadioParts } from "./parts.js";
+import { Radio } from "./radio.js";
+export { Radio, RadioGroup, RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, RadioParts };

package/dist/components/radio/parts.cjs

@@ -0,0 +1,22 @@
+const require_primitives = require("./primitives.cjs");
+//#region src/components/radio/parts.ts
+/**
+* An Object containing the parts of the Radio component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the RadioParts object and
+* the entire family of components vs. only what you use.
+*/
+var RadioParts = {
+	Root: require_primitives.RadioGroupRoot,
+	Label: require_primitives.RadioGroupLabel,
+	Indicator: require_primitives.RadioGroupIndicator,
+	Item: require_primitives.RadioGroupItem,
+	ItemText: require_primitives.RadioGroupItemText,
+	ItemControl: require_primitives.RadioGroupItemControl,
+	ItemHiddenInput: require_primitives.RadioGroupItemHiddenInput
+};
+//#endregion
+exports.RadioParts = RadioParts;

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

@@ -0,0 +1,46 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Radio parts.
+ * @module 'radio/parts'
+ */
+interface RadioPartsValue {
+    /**
+     * The container of the field.
+     */
+    Root: ElementType;
+    /**
+     * The label of the field.
+     */
+    Label: ElementType;
+    /**
+     * The indicator that appears when a radio is checked.
+     */
+    Indicator: ElementType;
+    /**
+     * An individual radio item of the field.
+     */
+    Item: ElementType;
+    /**
+     * The text that labels a single radio of the field.
+     */
+    ItemText: ElementType;
+    /**
+     * The visual radio control of the field.
+     */
+    ItemControl: ElementType;
+    /**
+     * The native input for a radio item in the field.
+     */
+    ItemHiddenInput: ElementType;
+}
+/**
+ * An Object containing the parts of the Radio component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the RadioParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const RadioParts: RadioPartsValue;
+export {};

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

@@ -0,0 +1,46 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Radio parts.
+ * @module 'radio/parts'
+ */
+interface RadioPartsValue {
+    /**
+     * The container of the field.
+     */
+    Root: ElementType;
+    /**
+     * The label of the field.
+     */
+    Label: ElementType;
+    /**
+     * The indicator that appears when a radio is checked.
+     */
+    Indicator: ElementType;
+    /**
+     * An individual radio item of the field.
+     */
+    Item: ElementType;
+    /**
+     * The text that labels a single radio of the field.
+     */
+    ItemText: ElementType;
+    /**
+     * The visual radio control of the field.
+     */
+    ItemControl: ElementType;
+    /**
+     * The native input for a radio item in the field.
+     */
+    ItemHiddenInput: ElementType;
+}
+/**
+ * An Object containing the parts of the Radio component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the RadioParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const RadioParts: RadioPartsValue;
+export {};

package/dist/components/radio/parts.js

@@ -0,0 +1,22 @@
+import { RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot } from "./primitives.js";
+//#region src/components/radio/parts.ts
+/**
+* An Object containing the parts of the Radio component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the RadioParts object and
+* the entire family of components vs. only what you use.
+*/
+var RadioParts = {
+	Root: RadioGroupRoot,
+	Label: RadioGroupLabel,
+	Indicator: RadioGroupIndicator,
+	Item: RadioGroupItem,
+	ItemText: RadioGroupItemText,
+	ItemControl: RadioGroupItemControl,
+	ItemHiddenInput: RadioGroupItemHiddenInput
+};
+//#endregion
+export { RadioParts };

package/dist/components/radio/primitives.cjs

@@ -0,0 +1,42 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let _ark_ui_react_radio_group = require("@ark-ui/react/radio-group");
+//#region src/components/radio/primitives.tsx
+/**
+* This module contains the Radio primitives
+* @module 'react/radio'
+*/
+var { withSlotRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.radioGroup);
+var RadioGroupRoot = withSlotRecipe(_ark_ui_react_radio_group.RadioGroup.Root, "root");
+var RadioGroupLabel = withSlotRecipe(_ark_ui_react_radio_group.RadioGroup.Label, "label");
+var RadioGroupIndicator = withSlotRecipe(_ark_ui_react_radio_group.RadioGroup.Indicator, "indicator");
+var RadioGroupItem = withSlotRecipe(_ark_ui_react_radio_group.RadioGroup.Item, "item");
+var RadioGroupItemText = withSlotRecipe(_ark_ui_react_radio_group.RadioGroup.ItemText, "itemText");
+var RadioGroupItemControl = withSlotRecipe(_ark_ui_react_radio_group.RadioGroup.ItemControl, "itemControl");
+var RadioGroupItemHiddenInput = _ark_ui_react_radio_group.RadioGroup.ItemHiddenInput;
+/**
+* The context provider for a set of radio buttons.
+* It provides the necessary context for managing the state of the radio group.
+* @see {@link https://cerberus.digitalu.design/react/radio/overview}
+*
+* @example
+* ```tsx
+* import { RadioGroup } from '@cerberus/react/radio';
+*
+* <RadioGroup defaultValue="cerberus">
+*   <Radio value="cerberus">Cerberus</Radio>
+*   <Radio value="hades">Hades</Radio>
+*   <Radio value="zeus">Zeus</Radio>
+* </RadioGroup>
+* ```
+*/
+var RadioGroup = RadioGroupRoot;
+//#endregion
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupIndicator = RadioGroupIndicator;
+exports.RadioGroupItem = RadioGroupItem;
+exports.RadioGroupItemControl = RadioGroupItemControl;
+exports.RadioGroupItemHiddenInput = RadioGroupItemHiddenInput;
+exports.RadioGroupItemText = RadioGroupItemText;
+exports.RadioGroupLabel = RadioGroupLabel;
+exports.RadioGroupRoot = RadioGroupRoot;

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

@@ -0,0 +1,35 @@
+import { RadioGroup as ArkRadioGroup, RadioGroupIndicatorProps as ArkRadioGroupIndicatorProps, RadioGroupItemControlProps as ArkRadioGroupItemControlProps, RadioGroupItemHiddenInputProps as ArkRadioGroupItemHiddenInputProps, RadioGroupItemProps as ArkRadioGroupItemProps, RadioGroupItemTextProps as ArkRadioGroupItemTextProps, RadioGroupLabelProps as ArkRadioGroupLabelProps, RadioGroupRootProps as ArkRadioGroupRootProps } from '@ark-ui/react/radio-group';
+import { RadioGroupVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export type RadioGroupRootProps = CerberusPrimitiveProps<ArkRadioGroupRootProps & RadioGroupVariantProps>;
+export declare const RadioGroupRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkRadioGroup.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type RadioGroupLabelProps = CerberusPrimitiveProps<ArkRadioGroupLabelProps>;
+export declare const RadioGroupLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkRadioGroup.LabelProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type RadioGroupIndicatorProps = CerberusPrimitiveProps<ArkRadioGroupIndicatorProps>;
+export declare const RadioGroupIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkRadioGroup.IndicatorProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type RadioGroupItemProps = CerberusPrimitiveProps<ArkRadioGroupItemProps>;
+export declare const RadioGroupItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkRadioGroup.ItemProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type RadioGroupItemTextProps = CerberusPrimitiveProps<ArkRadioGroupItemTextProps & RadioGroupVariantProps>;
+export declare const RadioGroupItemText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkRadioGroup.ItemTextProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type RadioGroupItemControlProps = CerberusPrimitiveProps<ArkRadioGroupItemControlProps & RadioGroupVariantProps>;
+export declare const RadioGroupItemControl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkRadioGroup.ItemControlProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type RadioGroupItemHiddenInputProps = ArkRadioGroupItemHiddenInputProps;
+export declare const RadioGroupItemHiddenInput: ForwardRefExoticComponent<ArkRadioGroup.ItemHiddenInputProps & RefAttributes<HTMLInputElement>>;
+/**
+ * The context provider for a set of radio buttons.
+ * It provides the necessary context for managing the state of the radio group.
+ * @see {@link https://cerberus.digitalu.design/react/radio/overview}
+ *
+ * @example
+ * ```tsx
+ * import { RadioGroup } from '@cerberus/react/radio';
+ *
+ * <RadioGroup defaultValue="cerberus">
+ *   <Radio value="cerberus">Cerberus</Radio>
+ *   <Radio value="hades">Hades</Radio>
+ *   <Radio value="zeus">Zeus</Radio>
+ * </RadioGroup>
+ * ```
+ */
+export declare const RadioGroup: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkRadioGroup.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,35 @@
+import { RadioGroup as ArkRadioGroup, RadioGroupIndicatorProps as ArkRadioGroupIndicatorProps, RadioGroupItemControlProps as ArkRadioGroupItemControlProps, RadioGroupItemHiddenInputProps as ArkRadioGroupItemHiddenInputProps, RadioGroupItemProps as ArkRadioGroupItemProps, RadioGroupItemTextProps as ArkRadioGroupItemTextProps, RadioGroupLabelProps as ArkRadioGroupLabelProps, RadioGroupRootProps as ArkRadioGroupRootProps } from '@ark-ui/react/radio-group';
+import { RadioGroupVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export type RadioGroupRootProps = CerberusPrimitiveProps<ArkRadioGroupRootProps & RadioGroupVariantProps>;
+export declare const RadioGroupRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkRadioGroup.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type RadioGroupLabelProps = CerberusPrimitiveProps<ArkRadioGroupLabelProps>;
+export declare const RadioGroupLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkRadioGroup.LabelProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type RadioGroupIndicatorProps = CerberusPrimitiveProps<ArkRadioGroupIndicatorProps>;
+export declare const RadioGroupIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkRadioGroup.IndicatorProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type RadioGroupItemProps = CerberusPrimitiveProps<ArkRadioGroupItemProps>;
+export declare const RadioGroupItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkRadioGroup.ItemProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type RadioGroupItemTextProps = CerberusPrimitiveProps<ArkRadioGroupItemTextProps & RadioGroupVariantProps>;
+export declare const RadioGroupItemText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkRadioGroup.ItemTextProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type RadioGroupItemControlProps = CerberusPrimitiveProps<ArkRadioGroupItemControlProps & RadioGroupVariantProps>;
+export declare const RadioGroupItemControl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkRadioGroup.ItemControlProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type RadioGroupItemHiddenInputProps = ArkRadioGroupItemHiddenInputProps;
+export declare const RadioGroupItemHiddenInput: ForwardRefExoticComponent<ArkRadioGroup.ItemHiddenInputProps & RefAttributes<HTMLInputElement>>;
+/**
+ * The context provider for a set of radio buttons.
+ * It provides the necessary context for managing the state of the radio group.
+ * @see {@link https://cerberus.digitalu.design/react/radio/overview}
+ *
+ * @example
+ * ```tsx
+ * import { RadioGroup } from '@cerberus/react/radio';
+ *
+ * <RadioGroup defaultValue="cerberus">
+ *   <Radio value="cerberus">Cerberus</Radio>
+ *   <Radio value="hades">Hades</Radio>
+ *   <Radio value="zeus">Zeus</Radio>
+ * </RadioGroup>
+ * ```
+ */
+export declare const RadioGroup: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<ArkRadioGroup.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/radio/primitives.js

@@ -0,0 +1,35 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { radioGroup } from "styled-system/recipes";
+import { RadioGroup } from "@ark-ui/react/radio-group";
+//#region src/components/radio/primitives.tsx
+/**
+* This module contains the Radio primitives
+* @module 'react/radio'
+*/
+var { withSlotRecipe } = createCerberusPrimitive(radioGroup);
+var RadioGroupRoot = withSlotRecipe(RadioGroup.Root, "root");
+var RadioGroupLabel = withSlotRecipe(RadioGroup.Label, "label");
+var RadioGroupIndicator = withSlotRecipe(RadioGroup.Indicator, "indicator");
+var RadioGroupItem = withSlotRecipe(RadioGroup.Item, "item");
+var RadioGroupItemText = withSlotRecipe(RadioGroup.ItemText, "itemText");
+var RadioGroupItemControl = withSlotRecipe(RadioGroup.ItemControl, "itemControl");
+var RadioGroupItemHiddenInput = RadioGroup.ItemHiddenInput;
+/**
+* The context provider for a set of radio buttons.
+* It provides the necessary context for managing the state of the radio group.
+* @see {@link https://cerberus.digitalu.design/react/radio/overview}
+*
+* @example
+* ```tsx
+* import { RadioGroup } from '@cerberus/react/radio';
+*
+* <RadioGroup defaultValue="cerberus">
+*   <Radio value="cerberus">Cerberus</Radio>
+*   <Radio value="hades">Hades</Radio>
+*   <Radio value="zeus">Zeus</Radio>
+* </RadioGroup>
+* ```
+*/
+var RadioGroup$1 = RadioGroupRoot;
+//#endregion
+export { RadioGroup$1 as RadioGroup, RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot };