@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

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

@@ -0,0 +1,73 @@
+import { Field, FieldHelperTextProps as ArkFieldHelperTextProps, FieldInputProps as ArkFieldInputProps, FieldLabelProps as ArkFieldLabelProps, FieldRootProps as ArkFieldRootProps, FieldTextareaProps as ArkFieldTextareaProps, FieldRequiredIndicatorProps as ArkFieldRequiredIndicatorProps } from '@ark-ui/react/field';
+import { HTMLArkProps, PolymorphicProps } from '@ark-ui/react';
+import { FieldVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { CerberusFieldInput } from './input';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode, ClassAttributes, HTMLAttributes } from 'react';
+import { BaseCerberusProps } from '../..';
+export type FieldRootProps = CerberusPrimitiveProps<ArkFieldRootProps & FieldVariantProps>;
+export declare const FieldRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Field.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FieldLabelProps = CerberusPrimitiveProps<ArkFieldLabelProps> & {
+    /**
+     * Whether to hide the label visually while keeping it accessible to screen readers.
+     */
+    hideLabel?: boolean;
+};
+export declare const FieldLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< BaseCerberusProps & {
+    children?: ReactNode | undefined;
+} & Field.LabelProps & {
+    /**
+     * Whether to hide the label visually while keeping it accessible to screen readers.
+     */
+    hideLabel?: boolean;
+}>, "ref"> & RefAttributes<HTMLElement>>;
+export type FieldRequiredIndicatorProps = CerberusPrimitiveProps<ArkFieldRequiredIndicatorProps>;
+export declare const FieldRequiredIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< BaseCerberusProps & {
+    children?: ReactNode | undefined;
+} & Field.RequiredIndicatorProps>, "ref"> & RefAttributes<HTMLElement>>;
+export type FieldInputRootProps = CerberusPrimitiveProps<HTMLArkProps<'div'> & FieldVariantProps>;
+export declare const FieldInputRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & PolymorphicProps>, "ref"> & RefAttributes<HTMLElement>>;
+export type FieldInputProps = CerberusPrimitiveProps<ArkFieldInputProps & FieldVariantProps>;
+export declare const FieldInput: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Field.InputProps & RefAttributes<HTMLInputElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FieldHelperTextProps = CerberusPrimitiveProps<ArkFieldHelperTextProps>;
+export declare const FieldHelperText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Field.HelperTextProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FieldErrorTextProps = CerberusPrimitiveProps<ArkFieldHelperTextProps>;
+export declare const FieldErrorText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< BaseCerberusProps & {
+    children?: ReactNode | undefined;
+} & Field.HelperTextProps>, "ref"> & RefAttributes<HTMLElement>>;
+export type FieldTextareaProps = CerberusPrimitiveProps<ArkFieldTextareaProps>;
+export declare const FieldTextarea: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Field.TextareaProps & RefAttributes<HTMLTextAreaElement>>, "ref"> & RefAttributes<HTMLElement>>;
+/**
+ * A named export for the FieldInput component.
+ * @description [Field Docs](https://cerberus.digitalu.design/react/field)
+ * @example
+ * ```tsx
+ * import { Input } from '@cerberus/react'
+ *
+ * <Field
+ *   label="Enter your email"
+ *   helperText="We'll never share your email with anyone else."
+ *   errorText="Email is required."
+ *   required
+ * >
+ *   <Input type="email" />
+ * </Field>
+ * ```
+ */
+export declare const Input: typeof CerberusFieldInput;
+/**
+ * A named export for the FieldTextarea component.
+ * @description [Field Docs](https://cerberus.digitalu.design/react/field)
+ * @example
+ * ```tsx
+ * import { Textarea } from '@cerberus/react'
+ *
+ * <Field
+ *   label="Comments"
+ *   helperText="Your comments are valuable to us."
+ * >
+ *   <Textarea />
+ * </Field>
+ * ```
+ */
+export declare const Textarea: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Field.TextareaProps & RefAttributes<HTMLTextAreaElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/field/primitives.js

@@ -0,0 +1,72 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { CerberusFieldInput } from "./input.js";
+import { CerberusFieldErrorText } from "./error-text.js";
+import { field } from "styled-system/recipes";
+import { css, cx } from "styled-system/css";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react";
+import { Field } from "@ark-ui/react/field";
+//#region src/components/field/primitives.tsx
+/**
+* This module contains all the primitives of the Field component.
+* @module 'field'
+*/
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(field);
+var FieldRoot = withSlotRecipe(Field.Root, "root");
+function FieldLabelEl(props) {
+	const { children, hideLabel, className, ...nativeProps } = props;
+	return /* @__PURE__ */ jsxs(Field.Label, {
+		...nativeProps,
+		className: cx(className, hideLabel && css({ srOnly: true })),
+		children: [children, /* @__PURE__ */ jsx(Field.RequiredIndicator, { children: "(required)" })]
+	});
+}
+var FieldLabel = withSlotRecipe(FieldLabelEl, "label");
+function FieldRequiredIndicatorEl(props) {
+	return /* @__PURE__ */ jsx(Field.RequiredIndicator, {
+		...props,
+		children: "(required)"
+	});
+}
+var FieldRequiredIndicator = withNoRecipe(FieldRequiredIndicatorEl);
+var FieldInputRoot = withSlotRecipe(ark.div, "inputRoot");
+var FieldInput = withSlotRecipe(Field.Input, "input");
+var FieldHelperText = withSlotRecipe(Field.HelperText, "helperText");
+var FieldErrorText = withSlotRecipe(CerberusFieldErrorText, "errorText");
+var FieldTextarea = withSlotRecipe(Field.Textarea, "textarea");
+/**
+* A named export for the FieldInput component.
+* @description [Field Docs](https://cerberus.digitalu.design/react/field)
+* @example
+* ```tsx
+* import { Input } from '@cerberus/react'
+*
+* <Field
+*   label="Enter your email"
+*   helperText="We'll never share your email with anyone else."
+*   errorText="Email is required."
+*   required
+* >
+*   <Input type="email" />
+* </Field>
+* ```
+*/
+var Input = CerberusFieldInput;
+/**
+* A named export for the FieldTextarea component.
+* @description [Field Docs](https://cerberus.digitalu.design/react/field)
+* @example
+* ```tsx
+* import { Textarea } from '@cerberus/react'
+*
+* <Field
+*   label="Comments"
+*   helperText="Your comments are valuable to us."
+* >
+*   <Textarea />
+* </Field>
+* ```
+*/
+var Textarea = FieldTextarea;
+//#endregion
+export { FieldErrorText, FieldHelperText, FieldInput, FieldInputRoot, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldTextarea, Input, Textarea };

package/dist/components/field/start-indicator.cjs

@@ -0,0 +1,20 @@
+"use client";
+let styled_system_recipes = require("styled-system/recipes");
+let styled_system_css = require("styled-system/css");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/field/start-indicator.tsx
+/**
+* The start indicator displays an indicator at the start of the Input.
+* @description [Field Docs](https://cerberus.digitalu.design/react/field)
+*/
+function FieldStartIndicator(props) {
+	const styles = (0, styled_system_recipes.field)();
+	if (!props.children) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		"data-part": "start-indicator",
+		className: (0, styled_system_css.cx)(props.className, styles.startIndicator)
+	});
+}
+//#endregion
+exports.FieldStartIndicator = FieldStartIndicator;

package/dist/components/field/start-indicator.d.cts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export type FieldIndicatorProps = HTMLAttributes<HTMLSpanElement>;
+/**
+ * The start indicator displays an indicator at the start of the Input.
+ * @description [Field Docs](https://cerberus.digitalu.design/react/field)
+ */
+export declare function FieldStartIndicator(props: FieldIndicatorProps): import("react").JSX.Element | null;

package/dist/components/field/start-indicator.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export type FieldIndicatorProps = HTMLAttributes<HTMLSpanElement>;
+/**
+ * The start indicator displays an indicator at the start of the Input.
+ * @description [Field Docs](https://cerberus.digitalu.design/react/field)
+ */
+export declare function FieldStartIndicator(props: FieldIndicatorProps): import("react").JSX.Element | null;

package/dist/components/field/start-indicator.js

@@ -0,0 +1,20 @@
+"use client";
+import { field } from "styled-system/recipes";
+import { cx } from "styled-system/css";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/field/start-indicator.tsx
+/**
+* The start indicator displays an indicator at the start of the Input.
+* @description [Field Docs](https://cerberus.digitalu.design/react/field)
+*/
+function FieldStartIndicator(props) {
+	const styles = field();
+	if (!props.children) return null;
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		"data-part": "start-indicator",
+		className: cx(props.className, styles.startIndicator)
+	});
+}
+//#endregion
+export { FieldStartIndicator };

package/dist/components/field/status-indicator.cjs

@@ -0,0 +1,41 @@
+"use client";
+"use client";
+const require_cerberus = require("../../context/cerberus.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let styled_system_css = require("styled-system/css");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _ark_ui_react = require("@ark-ui/react");
+//#region src/components/field/status-indicator.tsx
+/**
+* The invalid status indicator for the Field component.
+* @description [Field Docs](https://cerberus.digitalu.design/react/field)
+* @example
+* ```tsx
+* <FieldRoot>
+*   <FieldStatusIndicator />
+* </FieldRoot>
+* ```
+*/
+function FieldStatusIndicator(props) {
+	const { fallback, ...nativeProps } = props;
+	const fieldContext = (0, _ark_ui_react.useFieldContext)();
+	const styles = (0, styled_system_recipes.field)();
+	const { icons } = require_cerberus.useCerberusContext();
+	const { invalid: InvalidIcon } = icons;
+	if (fieldContext?.invalid) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...nativeProps,
+		"aria-hidden": "true",
+		"data-invalid": true,
+		className: (0, styled_system_css.cx)(nativeProps.className, styles.statusIndicator),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InvalidIcon, {})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...nativeProps,
+		"aria-hidden": "true",
+		"data-part": "end-indicator",
+		className: (0, styled_system_css.cx)(nativeProps.className, styles.endIndicator),
+		children: fallback
+	});
+}
+//#endregion
+exports.FieldStatusIndicator = FieldStatusIndicator;

package/dist/components/field/status-indicator.d.cts

@@ -0,0 +1,18 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface FieldStatusIndicatorProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * The fallback content to display when the field is valid.
+     */
+    fallback?: ReactNode;
+}
+/**
+ * The invalid status indicator for the Field component.
+ * @description [Field Docs](https://cerberus.digitalu.design/react/field)
+ * @example
+ * ```tsx
+ * <FieldRoot>
+ *   <FieldStatusIndicator />
+ * </FieldRoot>
+ * ```
+ */
+export declare function FieldStatusIndicator(props: FieldStatusIndicatorProps): import("react").JSX.Element;

package/dist/components/field/status-indicator.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface FieldStatusIndicatorProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * The fallback content to display when the field is valid.
+     */
+    fallback?: ReactNode;
+}
+/**
+ * The invalid status indicator for the Field component.
+ * @description [Field Docs](https://cerberus.digitalu.design/react/field)
+ * @example
+ * ```tsx
+ * <FieldRoot>
+ *   <FieldStatusIndicator />
+ * </FieldRoot>
+ * ```
+ */
+export declare function FieldStatusIndicator(props: FieldStatusIndicatorProps): import("react").JSX.Element;

package/dist/components/field/status-indicator.js

@@ -0,0 +1,41 @@
+"use client";
+"use client";
+import { useCerberusContext } from "../../context/cerberus.js";
+import { field } from "styled-system/recipes";
+import { cx } from "styled-system/css";
+import { jsx } from "react/jsx-runtime";
+import { useFieldContext } from "@ark-ui/react";
+//#region src/components/field/status-indicator.tsx
+/**
+* The invalid status indicator for the Field component.
+* @description [Field Docs](https://cerberus.digitalu.design/react/field)
+* @example
+* ```tsx
+* <FieldRoot>
+*   <FieldStatusIndicator />
+* </FieldRoot>
+* ```
+*/
+function FieldStatusIndicator(props) {
+	const { fallback, ...nativeProps } = props;
+	const fieldContext = useFieldContext();
+	const styles = field();
+	const { icons } = useCerberusContext();
+	const { invalid: InvalidIcon } = icons;
+	if (fieldContext?.invalid) return /* @__PURE__ */ jsx("span", {
+		...nativeProps,
+		"aria-hidden": "true",
+		"data-invalid": true,
+		className: cx(nativeProps.className, styles.statusIndicator),
+		children: /* @__PURE__ */ jsx(InvalidIcon, {})
+	});
+	return /* @__PURE__ */ jsx("span", {
+		...nativeProps,
+		"aria-hidden": "true",
+		"data-part": "end-indicator",
+		className: cx(nativeProps.className, styles.endIndicator),
+		children: fallback
+	});
+}
+//#endregion
+export { FieldStatusIndicator };

package/dist/components/fieldset/fieldset.cjs

@@ -0,0 +1,35 @@
+const require_index = require("../../utils/index.cjs");
+const require_parts = require("./parts.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/fieldset/fieldset.tsx
+/**
+* A component used for grouping related fields in a form that is an
+* abstraction of the Fieldset primitives.
+* @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)
+* @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)
+*/
+function Fieldset(props) {
+	const [fieldsetProps, { usage }, rootProps] = require_index.splitProps(props, [
+		"legend",
+		"helperText",
+		"errorText",
+		"children"
+	], ["usage"]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.FieldsetParts.Root, {
+		...rootProps,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.FieldsetParts.Legend, {
+				usage,
+				children: fieldsetProps.legend
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.FieldsetParts.HelperText, {
+				usage,
+				children: fieldsetProps.helperText
+			}),
+			fieldsetProps.children,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.FieldsetParts.ErrorText, { children: fieldsetProps.errorText })
+		]
+	});
+}
+//#endregion
+exports.Fieldset = Fieldset;

package/dist/components/fieldset/fieldset.d.cts

@@ -0,0 +1,26 @@
+import { FieldsetRootProps } from './primitives';
+/**
+ * This module contains the Fieldset component.
+ * @module Fieldset
+ */
+export interface FieldsetProps extends FieldsetRootProps {
+    /**
+     * The legend/title/label of the fieldset group.
+     */
+    legend?: string;
+    /**
+     * The description text for the fieldset group.
+     */
+    helperText?: string;
+    /**
+     * The error text for the fieldset group shown when the field is invalid.
+     */
+    errorText?: string;
+}
+/**
+ * A component used for grouping related fields in a form that is an
+ * abstraction of the Fieldset primitives.
+ * @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)
+ * @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)
+ */
+export declare function Fieldset(props: FieldsetProps): import("react").JSX.Element;

package/dist/components/fieldset/fieldset.d.ts

@@ -0,0 +1,26 @@
+import { FieldsetRootProps } from './primitives';
+/**
+ * This module contains the Fieldset component.
+ * @module Fieldset
+ */
+export interface FieldsetProps extends FieldsetRootProps {
+    /**
+     * The legend/title/label of the fieldset group.
+     */
+    legend?: string;
+    /**
+     * The description text for the fieldset group.
+     */
+    helperText?: string;
+    /**
+     * The error text for the fieldset group shown when the field is invalid.
+     */
+    errorText?: string;
+}
+/**
+ * A component used for grouping related fields in a form that is an
+ * abstraction of the Fieldset primitives.
+ * @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)
+ * @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)
+ */
+export declare function Fieldset(props: FieldsetProps): import("react").JSX.Element;

package/dist/components/fieldset/fieldset.js

@@ -0,0 +1,35 @@
+import { splitProps } from "../../utils/index.js";
+import { FieldsetParts } from "./parts.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/fieldset/fieldset.tsx
+/**
+* A component used for grouping related fields in a form that is an
+* abstraction of the Fieldset primitives.
+* @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)
+* @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)
+*/
+function Fieldset(props) {
+	const [fieldsetProps, { usage }, rootProps] = splitProps(props, [
+		"legend",
+		"helperText",
+		"errorText",
+		"children"
+	], ["usage"]);
+	return /* @__PURE__ */ jsxs(FieldsetParts.Root, {
+		...rootProps,
+		children: [
+			/* @__PURE__ */ jsx(FieldsetParts.Legend, {
+				usage,
+				children: fieldsetProps.legend
+			}),
+			/* @__PURE__ */ jsx(FieldsetParts.HelperText, {
+				usage,
+				children: fieldsetProps.helperText
+			}),
+			fieldsetProps.children,
+			/* @__PURE__ */ jsx(FieldsetParts.ErrorText, { children: fieldsetProps.errorText })
+		]
+	});
+}
+//#endregion
+export { Fieldset };

package/dist/components/fieldset/index.cjs

@@ -0,0 +1,10 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_parts = require("./parts.cjs");
+const require_fieldset = require("./fieldset.cjs");
+exports.Fieldset = require_fieldset.Fieldset;
+exports.FieldsetErrorText = require_primitives.FieldsetErrorText;
+exports.FieldsetHelperText = require_primitives.FieldsetHelperText;
+exports.FieldsetLegend = require_primitives.FieldsetLegend;
+exports.FieldsetParts = require_parts.FieldsetParts;
+exports.FieldsetRoot = require_primitives.FieldsetRoot;

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

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

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

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

package/dist/components/fieldset/index.js

@@ -0,0 +1,4 @@
+import { FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot } from "./primitives.js";
+import { FieldsetParts } from "./parts.js";
+import { Fieldset } from "./fieldset.js";
+export { Fieldset, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetParts, FieldsetRoot };

package/dist/components/fieldset/parts.cjs

@@ -0,0 +1,19 @@
+const require_primitives = require("./primitives.cjs");
+//#region src/components/fieldset/parts.ts
+/**
+* An Object containing the parts of the Field component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the FieldParts object and
+* the entire family of components vs. only what you use.
+*/
+var FieldsetParts = {
+	Root: require_primitives.FieldsetRoot,
+	Legend: require_primitives.FieldsetLegend,
+	HelperText: require_primitives.FieldsetHelperText,
+	ErrorText: require_primitives.FieldsetErrorText
+};
+//#endregion
+exports.FieldsetParts = FieldsetParts;

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

@@ -0,0 +1,34 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Field component.
+ * @module 'field/parts'
+ */
+interface FieldsetPartsValue {
+    /**
+     * The container of the field.
+     */
+    Root: ElementType;
+    /**
+     * The label of the field.
+     */
+    Legend: ElementType;
+    /**
+     * The text that displays when the field is valid.
+     */
+    HelperText: ElementType;
+    /**
+     * The text that displays when the field is invalid.
+     */
+    ErrorText: ElementType;
+}
+/**
+ * An Object containing the parts of the Field component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the FieldParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const FieldsetParts: FieldsetPartsValue;
+export {};

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

@@ -0,0 +1,34 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Field component.
+ * @module 'field/parts'
+ */
+interface FieldsetPartsValue {
+    /**
+     * The container of the field.
+     */
+    Root: ElementType;
+    /**
+     * The label of the field.
+     */
+    Legend: ElementType;
+    /**
+     * The text that displays when the field is valid.
+     */
+    HelperText: ElementType;
+    /**
+     * The text that displays when the field is invalid.
+     */
+    ErrorText: ElementType;
+}
+/**
+ * An Object containing the parts of the Field component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the FieldParts object and
+ * the entire family of components vs. only what you use.
+ */
+export declare const FieldsetParts: FieldsetPartsValue;
+export {};

package/dist/components/fieldset/parts.js

@@ -0,0 +1,19 @@
+import { FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot } from "./primitives.js";
+//#region src/components/fieldset/parts.ts
+/**
+* An Object containing the parts of the Field component. For users that
+* prefer Object component syntax.
+*
+* @remarks
+*
+* When using object component syntax, you import the FieldParts object and
+* the entire family of components vs. only what you use.
+*/
+var FieldsetParts = {
+	Root: FieldsetRoot,
+	Legend: FieldsetLegend,
+	HelperText: FieldsetHelperText,
+	ErrorText: FieldsetErrorText
+};
+//#endregion
+export { FieldsetParts };

package/dist/components/fieldset/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_fieldset = require("@ark-ui/react/fieldset");
+//#region src/components/fieldset/primitives.tsx
+/**
+* This module contains all the primitives of the Fieldset component.
+* @module 'react/fieldset'
+*/
+var { withSlotRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.fieldset);
+var FieldsetRoot = withSlotRecipe(_ark_ui_react_fieldset.Fieldset.Root, "root");
+var FieldsetLegend = withSlotRecipe(_ark_ui_react_fieldset.Fieldset.Legend, "legend");
+var FieldsetHelperText = withSlotRecipe(_ark_ui_react_fieldset.Fieldset.HelperText, "helperText");
+var FieldsetErrorText = withSlotRecipe(_ark_ui_react_fieldset.Fieldset.ErrorText, "errorText");
+//#endregion
+exports.FieldsetErrorText = FieldsetErrorText;
+exports.FieldsetHelperText = FieldsetHelperText;
+exports.FieldsetLegend = FieldsetLegend;
+exports.FieldsetRoot = FieldsetRoot;

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

@@ -0,0 +1,12 @@
+import { Fieldset, FieldsetHelperTextProps as ArkFieldsetHelperText, FieldsetLegendProps as ArkFieldsetLegendProps, FieldsetRootProps as ArkFieldsetRootProps } from '@ark-ui/react/fieldset';
+import { FieldsetVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export declare const FieldsetRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.RootProps & RefAttributes<HTMLFieldSetElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FieldsetRootProps = CerberusPrimitiveProps<ArkFieldsetRootProps & FieldsetVariantProps>;
+export type FieldsetLegendProps = CerberusPrimitiveProps<ArkFieldsetLegendProps & FieldsetVariantProps>;
+export declare const FieldsetLegend: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.LegendProps & RefAttributes<HTMLLegendElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FieldsetHelperTextProps = CerberusPrimitiveProps<ArkFieldsetHelperText & FieldsetVariantProps>;
+export declare const FieldsetHelperText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.HelperTextProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FieldsetErrorTextProps = CerberusPrimitiveProps<ArkFieldsetHelperText>;
+export declare const FieldsetErrorText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.ErrorTextProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,12 @@
+import { Fieldset, FieldsetHelperTextProps as ArkFieldsetHelperText, FieldsetLegendProps as ArkFieldsetLegendProps, FieldsetRootProps as ArkFieldsetRootProps } from '@ark-ui/react/fieldset';
+import { FieldsetVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export declare const FieldsetRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.RootProps & RefAttributes<HTMLFieldSetElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FieldsetRootProps = CerberusPrimitiveProps<ArkFieldsetRootProps & FieldsetVariantProps>;
+export type FieldsetLegendProps = CerberusPrimitiveProps<ArkFieldsetLegendProps & FieldsetVariantProps>;
+export declare const FieldsetLegend: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.LegendProps & RefAttributes<HTMLLegendElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FieldsetHelperTextProps = CerberusPrimitiveProps<ArkFieldsetHelperText & FieldsetVariantProps>;
+export declare const FieldsetHelperText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.HelperTextProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type FieldsetErrorTextProps = CerberusPrimitiveProps<ArkFieldsetHelperText>;
+export declare const FieldsetErrorText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Fieldset.ErrorTextProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;