@cerberus-design/react 0.15.0-next-5d7dc1e → 0.15.0-next-7a184be

package/build/modern/_tsup-dts-rollup.d.ts

@@ -86,7 +86,11 @@ import { FieldLabelProps } from '@ark-ui/react/field';
 import { FieldMessageVariantProps } from '@cerberus/styled-system/recipes';
 import { FieldRootProps as FieldRootProps_2 } from '@ark-ui/react/field';
 import type { FieldRootProps as FieldRootProps_3 } from '@ark-ui/react';
-import type { FieldsetHTMLAttributes } from 'react';
+import { FieldsetHelperTextProps } from '@ark-ui/react/fieldset';
+import { FieldsetLegendProps } from '@ark-ui/react/fieldset';
+import type { FieldsetRootProps } from '@ark-ui/react';
+import { FieldsetRootProps as FieldsetRootProps_2 } from '@ark-ui/react/fieldset';
+import { FieldsetVariantProps } from '@cerberus/styled-system/recipes';
 import { FieldTextareaProps } from '@ark-ui/react/field';
 import { FieldVariantProps } from '@cerberus/styled-system/recipes';
 import { FileStatusVariantProps } from '@cerberus/styled-system/recipes';
@@ -131,9 +135,16 @@ import { PProps } from '@cerberus/styled-system/jsx';
 import type { Pretty } from '@cerberus/styled-system/types';
 import { ProgressBarVariantProps } from '@cerberus/styled-system/recipes';
 import { PropsWithChildren } from 'react';
-import { radio } from '@cerberus/styled-system/recipes';
+import { RadioGroupIndicatorProps } from '@ark-ui/react/radio-group';
+import { RadioGroupItemControlProps } from '@ark-ui/react/radio-group';
+import { RadioGroupItemHiddenInputProps } from '@ark-ui/react/radio-group';
+import { RadioGroupItemProps } from '@ark-ui/react/radio-group';
+import type { RadioGroupItemProps as RadioGroupItemProps_2 } from '@ark-ui/react';
+import { RadioGroupItemTextProps } from '@ark-ui/react/radio-group';
+import { RadioGroupLabelProps } from '@ark-ui/react/radio-group';
+import { RadioGroupRootProps } from '@ark-ui/react/radio-group';
+import { RadioGroupVariantProps } from '@cerberus/styled-system/recipes';
 import { ReactNode } from 'react';
-import type { RecipeVariantProps } from '@cerberus/styled-system/types';
 import { rectIntersection } from '@dnd-kit/core';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
@@ -1914,74 +1925,38 @@ export { FieldRootProps as FieldRootProps_alias_1 }
 export { FieldRootProps as FieldRootProps_alias_2 }
 
 /**
- * A component to group related elements in a form for accessibility.
- * @memberof Field
- * @see https://cerberus.digitalu.com/react/fieldset
- * @description [A11y Form Checklist](https://www.a11yproject.com/checklist/#forms)
- * @description [MDN Web Docs: Fieldset](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset)
- * @example
- * ```tsx
- * import { Fieldset, Legend, Field, Radio, Label } from '@cerberus/react'
- * import { Hstack } from '@cerberus/styled-system/jsx'
- *
- * function SomeForm() {
- *   return (
- *    <form>
- *     <Fieldset>
- *      <Legend>Do you like cats?</Legend>
- *      <Hstack>
- *        <Field>
- *          <Radio id="yes" name="cats" value="yes" />
- *          <Label htmlFor="yes">Yes</Label>
- *        </Field>
- *      </Hstack>
- *      <Hstack>
- *        <Field>
- *         <Radio id="no" name="cats" value="no" />
- *         <Label htmlFor="no">No</Label>
- *        </Field>
- *      </Hstack>
- *     </Fieldset>
- *    </form>
- *   )
- * }
+ * 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)
  */
 declare function Fieldset(props: FieldsetProps): JSX_2.Element;
 export { Fieldset }
 export { Fieldset as Fieldset_alias_1 }
+export { Fieldset as Fieldset_alias_2 }
 
 /**
- * Used for labeling inputs that are children of a Fieldset group.
- * @memberof Fieldset
- * @see https://cerberus.digitalu.design/react/fieldset
- * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)
- * @example
- * ```tsx
- * import { Fieldset, Legend, Field, Radio, Label } from '@cerberus/react'
- * import { Hstack } from '@cerberus/styled-system/jsx'
- *
- * function SomeForm() {
- *   return (
- *    <form>
- *     <Fieldset>
- *      <Legend>Do you like cats?</Legend>
- *      <Hstack>
- *        <Field>
- *          <Radio id="yes" name="cats" value="yes" />
- *          <FieldsetLabel htmlFor="yes">Yes</FieldsetLabel>
- *        </Field>
- *      </Hstack>
- *      <Hstack>
- *        <Field>
- *         <Radio id="no" name="cats" value="no" />
- *         <FieldsetLabel htmlFor="no">No</FieldsetLabel>
- *        </Field>
- *      </Hstack>
- *     </Fieldset>
- *    </form>
- *   )
- * }
- * ```
+ * The error text element for the Fieldset group.
+ * @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)
+ * @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)
+ */
+declare function FieldsetErrorText(props: FieldsetHelperTextProps): JSX_2.Element;
+export { FieldsetErrorText }
+export { FieldsetErrorText as FieldsetErrorText_alias_1 }
+export { FieldsetErrorText as FieldsetErrorText_alias_2 }
+
+/**
+ * The description element for the Fieldset group.
+ * @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)
+ * @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)
+ */
+declare function FieldsetHelperText(props: FieldsetHelperTextProps & FieldsetVariantProps): JSX_2.Element;
+export { FieldsetHelperText }
+export { FieldsetHelperText as FieldsetHelperText_alias_1 }
+export { FieldsetHelperText as FieldsetHelperText_alias_2 }
+
+/**
+ * @deprecated
  */
 declare function FieldsetLabel(props: FieldsetLabelProps): JSX_2.Element;
 export { FieldsetLabel }
@@ -1997,13 +1972,88 @@ declare type FieldsetLabelProps = LabelProps & LabelVariantProps & {
 export { FieldsetLabelProps }
 export { FieldsetLabelProps as FieldsetLabelProps_alias_1 }
 
+/**
+ * The legend element for the Fieldset group.
+ * @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)
+ * @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)
+ */
+declare function FieldsetLegend(props: FieldsetLegendProps & FieldsetVariantProps): JSX_2.Element;
+export { FieldsetLegend }
+export { FieldsetLegend as FieldsetLegend_alias_1 }
+export { FieldsetLegend as FieldsetLegend_alias_2 }
+
+/**
+ * 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.
+ */
+declare const FieldsetParts: FieldsetPartsValue;
+export { FieldsetParts }
+export { FieldsetParts as FieldsetParts_alias_1 }
+export { FieldsetParts as FieldsetParts_alias_2 }
+
+/**
+ * This module contains the parts of the Field component.
+ * @module 'field/parts'
+ */
+declare 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;
+}
+
 /**
  * This module contains the Fieldset component.
  * @module Fieldset
  */
-declare type FieldsetProps = FieldsetHTMLAttributes<HTMLFieldSetElement>;
+declare interface FieldsetProps extends FieldsetRootProps, FieldsetVariantProps {
+    /**
+     * 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;
+}
 export { FieldsetProps }
 export { FieldsetProps as FieldsetProps_alias_1 }
+export { FieldsetProps as FieldsetProps_alias_2 }
+
+/**
+ * This module contains all the primitives of the Fieldset component.
+ * @module 'react/fieldset'
+ */
+/**
+ * The context & container for the Fieldset components.
+ * @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)
+ * @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)
+ */
+declare function FieldsetRoot(props: FieldsetRootProps_2): JSX_2.Element;
+export { FieldsetRoot }
+export { FieldsetRoot as FieldsetRoot_alias_1 }
+export { FieldsetRoot as FieldsetRoot_alias_2 }
 
 /**
  * The start indicator displays an indicator at the start of the Input.
@@ -3207,45 +3257,141 @@ export { PromptShowResult as PromptShowResult_alias_1 }
  * @memberof module:Field
  * @example
  * ```tsx
- * <Field>
- *  <fieldset name="fruit">
- *    <Radio id="radio-1" name="fruit" value="1">
- *     Option 1
- *    </Radio>
- *    <Radio id="radio-2" name="fruit" value="2">
- *     Option 2
- *    </Radio>
- *    <Radio id="radio-3" name="fruit" value="3">
- *     Option 3
- *    </Radio>
- *   </fieldset>
- * </Field>
+ * <Radio value="option1">Option 1</Radio>
  * ```
  */
-declare function Radio(props: PropsWithChildren<RadioProps>): JSX_2.Element;
+declare function Radio(props: RadioProps): JSX_2.Element;
 export { Radio }
 export { Radio as Radio_alias_1 }
+export { Radio as Radio_alias_2 }
+
+declare const RadioGroup: typeof RadioGroupRoot;
+export { RadioGroup }
+export { RadioGroup as RadioGroup_alias_1 }
+export { RadioGroup as RadioGroup_alias_2 }
+
+/**
+ * The RadioGroupIndicator component is used to indicate the selected radio
+ * button in a group.
+ */
+declare function RadioGroupIndicator(props: RadioGroupIndicatorProps): JSX_2.Element;
+export { RadioGroupIndicator }
+export { RadioGroupIndicator as RadioGroupIndicator_alias_1 }
+export { RadioGroupIndicator as RadioGroupIndicator_alias_2 }
+
+/**
+ * The RadioGroupItem component is used to render a single radio button in a
+ * group.
+ */
+declare function RadioGroupItem(props: RadioGroupItemProps): JSX_2.Element;
+export { RadioGroupItem }
+export { RadioGroupItem as RadioGroupItem_alias_1 }
+export { RadioGroupItem as RadioGroupItem_alias_2 }
+
+/**
+ * The RadioGroupItemControl component is used to render the control for a
+ * single radio button in a group.
+ */
+declare function RadioGroupItemControl(props: RadioGroupItemControlProps & RadioGroupVariantProps): JSX_2.Element;
+export { RadioGroupItemControl }
+export { RadioGroupItemControl as RadioGroupItemControl_alias_1 }
+export { RadioGroupItemControl as RadioGroupItemControl_alias_2 }
+
+/**
+ * The RadioGroupItemHiddenInput component is used to render the hidden input
+ * for a single radio button in a group.
+ */
+declare function RadioGroupItemHiddenInput(props: RadioGroupItemHiddenInputProps): JSX_2.Element;
+export { RadioGroupItemHiddenInput }
+export { RadioGroupItemHiddenInput as RadioGroupItemHiddenInput_alias_1 }
+export { RadioGroupItemHiddenInput as RadioGroupItemHiddenInput_alias_2 }
+
+/**
+ * The RadioGroupItemText component is used to render the text label for a
+ * single radio button in a group.
+ */
+declare function RadioGroupItemText(props: RadioGroupItemTextProps & RadioGroupVariantProps): JSX_2.Element;
+export { RadioGroupItemText }
+export { RadioGroupItemText as RadioGroupItemText_alias_1 }
+export { RadioGroupItemText as RadioGroupItemText_alias_2 }
+
+/**
+ * The RadioGroupLabel component is used to label a group of radio buttons.
+ */
+declare function RadioGroupLabel(props: RadioGroupLabelProps): JSX_2.Element;
+export { RadioGroupLabel }
+export { RadioGroupLabel as RadioGroupLabel_alias_1 }
+export { RadioGroupLabel as RadioGroupLabel_alias_2 }
 
-declare interface RadioBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+/**
+ * This module contains the Radio primitives
+ * @module 'react/radio'
+ */
+/**
+ * The RadioGroupRoot component is used to group radio buttons together.
+ */
+declare function RadioGroupRoot(props: RadioGroupRootProps & RadioGroupVariantProps): JSX_2.Element;
+export { RadioGroupRoot }
+export { RadioGroupRoot as RadioGroupRoot_alias_1 }
+export { RadioGroupRoot as RadioGroupRoot_alias_2 }
+
+/**
+ * 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.
+ */
+declare const RadioParts: RadioPartsValue;
+export { RadioParts }
+export { RadioParts as RadioParts_alias_1 }
+export { RadioParts as RadioParts_alias_2 }
+
+/**
+ * This module contains the parts of the Radio parts.
+ * @module 'radio/parts'
+ */
+declare interface RadioPartsValue {
     /**
-     * A unique identifier for the radio button. Required for accessibility.
+     * The container of the field.
      */
-    id: string;
+    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;
 }
-export { RadioBaseProps }
-export { RadioBaseProps as RadioBaseProps_alias_1 }
-
-declare type RadioProps = RadioBaseProps & RadioRecipe;
-export { RadioProps }
-export { RadioProps as RadioProps_alias_1 }
 
 /**
  * This module contains the Radio component.
  * @module
  */
-declare type RadioRecipe = RecipeVariantProps<typeof radio>;
-export { RadioRecipe }
-export { RadioRecipe as RadioRecipe_alias_1 }
+declare type RadioProps = RadioGroupVariantProps & RadioGroupItemProps_2;
+export { RadioProps }
+export { RadioProps as RadioProps_alias_1 }
+export { RadioProps as RadioProps_alias_2 }
 
 /**
  * The input component for the DatePicker that uses ranges.

package/build/modern/chunk-5RTNSVYU.js

@@ -0,0 +1,88 @@
+// src/components/radio/primitives.tsx
+import {
+  RadioGroup as ArkRadioGroup
+} from "@ark-ui/react/radio-group";
+import { cx } from "@cerberus/styled-system/css";
+import {
+  radioGroup
+} from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function RadioGroupRoot(props) {
+  const { size, orientation, ...rootProps } = props;
+  const styles = radioGroup({ size, orientation });
+  return /* @__PURE__ */ jsx(
+    ArkRadioGroup.Root,
+    {
+      ...rootProps,
+      className: cx(styles.root, rootProps.className)
+    }
+  );
+}
+function RadioGroupLabel(props) {
+  const styles = radioGroup();
+  return /* @__PURE__ */ jsx(
+    ArkRadioGroup.Label,
+    {
+      ...props,
+      className: cx(styles.label, props.className)
+    }
+  );
+}
+function RadioGroupIndicator(props) {
+  const styles = radioGroup();
+  return /* @__PURE__ */ jsx(
+    ArkRadioGroup.Indicator,
+    {
+      ...props,
+      className: cx(styles.indicator, props.className)
+    }
+  );
+}
+function RadioGroupItem(props) {
+  const styles = radioGroup();
+  return /* @__PURE__ */ jsx(
+    ArkRadioGroup.Item,
+    {
+      ...props,
+      className: cx(styles.item, props.className)
+    }
+  );
+}
+function RadioGroupItemText(props) {
+  const { size, orientation, ...itemTextProps } = props;
+  const styles = radioGroup({ size, orientation });
+  return /* @__PURE__ */ jsx(
+    ArkRadioGroup.ItemText,
+    {
+      ...itemTextProps,
+      className: cx(styles.itemText, itemTextProps.className)
+    }
+  );
+}
+function RadioGroupItemControl(props) {
+  const { size, orientation, ...itemControlProps } = props;
+  const styles = radioGroup({ size, orientation });
+  return /* @__PURE__ */ jsx(
+    ArkRadioGroup.ItemControl,
+    {
+      ...itemControlProps,
+      className: cx(styles.itemControl, itemControlProps.className)
+    }
+  );
+}
+function RadioGroupItemHiddenInput(props) {
+  return /* @__PURE__ */ jsx(ArkRadioGroup.ItemHiddenInput, { ...props });
+}
+var RadioGroup = RadioGroupRoot;
+
+export {
+  RadioGroupRoot,
+  RadioGroupLabel,
+  RadioGroupIndicator,
+  RadioGroupItem,
+  RadioGroupItemText,
+  RadioGroupItemControl,
+  RadioGroupItemHiddenInput,
+  RadioGroup
+};
+//# sourceMappingURL=chunk-5RTNSVYU.js.map

package/build/modern/chunk-5RTNSVYU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/radio/primitives.tsx"],"sourcesContent":["import {\n  RadioGroup as ArkRadioGroup,\n  type RadioGroupIndicatorProps,\n  type RadioGroupItemControlProps,\n  type RadioGroupItemHiddenInputProps,\n  type RadioGroupItemProps,\n  type RadioGroupItemTextProps,\n  type RadioGroupLabelProps,\n  type RadioGroupRootProps,\n} from '@ark-ui/react/radio-group'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  radioGroup,\n  type RadioGroupVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Radio primitives\n * @module 'react/radio'\n */\n\n/**\n * The RadioGroupRoot component is used to group radio buttons together.\n */\nexport function RadioGroupRoot(\n  props: RadioGroupRootProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...rootProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupLabel component is used to label a group of radio buttons.\n */\nexport function RadioGroupLabel(props: RadioGroupLabelProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupIndicator component is used to indicate the selected radio\n * button in a group.\n */\nexport function RadioGroupIndicator(props: RadioGroupIndicatorProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItem component is used to render a single radio button in a\n * group.\n */\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Item\n      {...props}\n      className={cx(styles.item, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemText component is used to render the text label for a\n * single radio button in a group.\n */\nexport function RadioGroupItemText(\n  props: RadioGroupItemTextProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemTextProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemText\n      {...itemTextProps}\n      className={cx(styles.itemText, itemTextProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemControl component is used to render the control for a\n * single radio button in a group.\n */\nexport function RadioGroupItemControl(\n  props: RadioGroupItemControlProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemControlProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemControl\n      {...itemControlProps}\n      className={cx(styles.itemControl, itemControlProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemHiddenInput component is used to render the hidden input\n * for a single radio button in a group.\n */\nexport function RadioGroupItemHiddenInput(\n  props: RadioGroupItemHiddenInputProps,\n) {\n  return <ArkRadioGroup.ItemHiddenInput {...props} />\n}\n\nexport const RadioGroup = RadioGroupRoot\n"],"mappings":";AAAA;AAAA,EACE,cAAc;AAAA,OAQT;AACP,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,OAEK;AAgBH;AANG,SAAS,eACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI;AAC5C,QAAM,SAAS,WAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,SAAS,WAAW;AAC1B,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,EAC7C;AAEJ;AAMO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,SAAS,WAAW;AAC1B,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;AAMO,SAAS,eAAe,OAA4B;AACzD,QAAM,SAAS,WAAW;AAC1B,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,MAAM,MAAM,SAAS;AAAA;AAAA,EAC5C;AAEJ;AAMO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,cAAc,IAAI;AAChD,QAAM,SAAS,WAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,UAAU,cAAc,SAAS;AAAA;AAAA,EACxD;AAEJ;AAMO,SAAS,sBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,iBAAiB,IAAI;AACnD,QAAM,SAAS,WAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,aAAa,iBAAiB,SAAS;AAAA;AAAA,EAC9D;AAEJ;AAMO,SAAS,0BACd,OACA;AACA,SAAO,oBAAC,cAAc,iBAAd,EAA+B,GAAG,OAAO;AACnD;AAEO,IAAM,aAAa;","names":[]}

package/build/modern/chunk-7TQRTBUP.js

@@ -0,0 +1,19 @@
+import {
+  FieldsetErrorText,
+  FieldsetHelperText,
+  FieldsetLegend,
+  FieldsetRoot
+} from "./chunk-Z3FDG263.js";
+
+// src/components/fieldset/parts.ts
+var FieldsetParts = {
+  Root: FieldsetRoot,
+  Legend: FieldsetLegend,
+  HelperText: FieldsetHelperText,
+  ErrorText: FieldsetErrorText
+};
+
+export {
+  FieldsetParts
+};
+//# sourceMappingURL=chunk-7TQRTBUP.js.map

package/build/modern/chunk-7TQRTBUP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/fieldset/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  FieldsetErrorText,\n  FieldsetHelperText,\n  FieldsetLegend,\n  FieldsetRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Field component.\n * @module 'field/parts'\n */\n\ninterface FieldsetPartsValue {\n  /**\n   * The container of the field.\n   */\n  Root: ElementType\n  /**\n   * The label of the field.\n   */\n  Legend: ElementType\n  /**\n   * The text that displays when the field is valid.\n   */\n  HelperText: ElementType\n  /**\n   * The text that displays when the field is invalid.\n   */\n  ErrorText: ElementType\n}\n\n/**\n * An Object containing the parts of the Field component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the FieldParts object and\n * the entire family of components vs. only what you use.\n */\nexport const FieldsetParts: FieldsetPartsValue = {\n  Root: FieldsetRoot,\n  Legend: FieldsetLegend,\n  HelperText: FieldsetHelperText,\n  ErrorText: FieldsetErrorText,\n}\n"],"mappings":";;;;;;;;AAyCO,IAAM,gBAAoC;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AACb;","names":[]}

package/build/modern/chunk-AO3GB72J.js

@@ -0,0 +1,27 @@
+import {
+  FieldsetParts
+} from "./chunk-7TQRTBUP.js";
+import {
+  splitProps
+} from "./chunk-BL7G3577.js";
+
+// src/components/fieldset/fieldset.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+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 })
+  ] });
+}
+
+export {
+  Fieldset
+};
+//# sourceMappingURL=chunk-AO3GB72J.js.map

package/build/modern/chunk-AO3GB72J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/fieldset/fieldset.tsx"],"sourcesContent":["import type { FieldsetRootProps } from '@ark-ui/react'\nimport { splitProps } from '../../utils'\nimport { FieldsetParts } from './parts'\nimport type { FieldsetVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Fieldset component.\n * @module Fieldset\n */\n\nexport interface FieldsetProps extends FieldsetRootProps, FieldsetVariantProps {\n  /**\n   * The legend/title/label of the fieldset group.\n   */\n  legend?: string\n  /**\n   * The description text for the fieldset group.\n   */\n  helperText?: string\n  /**\n   * The error text for the fieldset group shown when the field is invalid.\n   */\n  errorText?: string\n}\n\n/**\n * A component used for grouping related fields in a form that is an\n * abstraction of the Fieldset primitives.\n * @description [Fieldset Docs](https://cerberus.digitalu.design/react/fieldset)\n * @description [Primitive Docs](https://ark-ui.com/react/docs/components/fieldset)\n */\nexport function Fieldset(props: FieldsetProps) {\n  const [fieldsetProps, { usage }, rootProps] = splitProps(\n    props,\n    ['legend', 'helperText', 'errorText', 'children'],\n    ['usage'],\n  )\n\n  return (\n    <FieldsetParts.Root {...rootProps}>\n      <FieldsetParts.Legend usage={usage}>\n        {fieldsetProps.legend}\n      </FieldsetParts.Legend>\n      <FieldsetParts.HelperText usage={usage}>\n        {fieldsetProps.helperText}\n      </FieldsetParts.HelperText>\n\n      {fieldsetProps.children}\n\n      <FieldsetParts.ErrorText>\n        {fieldsetProps.errorText}\n      </FieldsetParts.ErrorText>\n    </FieldsetParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;AAuCI,SACE,KADF;AARG,SAAS,SAAS,OAAsB;AAC7C,QAAM,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,IAAI;AAAA,IAC5C;AAAA,IACA,CAAC,UAAU,cAAc,aAAa,UAAU;AAAA,IAChD,CAAC,OAAO;AAAA,EACV;AAEA,SACE,qBAAC,cAAc,MAAd,EAAoB,GAAG,WACtB;AAAA,wBAAC,cAAc,QAAd,EAAqB,OACnB,wBAAc,QACjB;AAAA,IACA,oBAAC,cAAc,YAAd,EAAyB,OACvB,wBAAc,YACjB;AAAA,IAEC,cAAc;AAAA,IAEf,oBAAC,cAAc,WAAd,EACE,wBAAc,WACjB;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/{chunk-OYT7RGC7.js → chunk-DRDNNRU3.js}

@@ -1,4 +1,4 @@
-// src/components/FieldsetLabel.tsx
+// src/components/deprecated/FieldsetLabel.tsx
 import { cx } from "@cerberus/styled-system/css";
 import { label } from "@cerberus/styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
@@ -22,4 +22,4 @@ function FieldsetLabel(props) {
 export {
   FieldsetLabel
 };
-//# sourceMappingURL=chunk-OYT7RGC7.js.map
+//# sourceMappingURL=chunk-DRDNNRU3.js.map

package/build/modern/chunk-DRDNNRU3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/FieldsetLabel.tsx"],"sourcesContent":["import { cx } from '@cerberus/styled-system/css'\nimport { label, type LabelVariantProps } from '@cerberus/styled-system/recipes'\nimport type { LabelProps } from './Label'\n\n/**\n * This module contains the FieldsetLabel component.\n * @module FieldsetLabel\n */\n\nexport type FieldsetLabelProps = LabelProps &\n  LabelVariantProps & {\n    htmlFor?: string\n  }\n\n/**\n * @deprecated\n */\nexport function FieldsetLabel(props: FieldsetLabelProps) {\n  const { size, usage, ...nativeProps } = props\n  return (\n    <label\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        label({\n          size,\n          usage,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,UAAU;AACnB,SAAS,aAAqC;AAmB1C;AAHG,SAAS,cAAc,OAA2B;AACvD,QAAM,EAAE,MAAM,OAAO,GAAG,YAAY,IAAI;AACxC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-FUL2VRDU.js

@@ -0,0 +1,25 @@
+import {
+  RadioGroupIndicator,
+  RadioGroupItem,
+  RadioGroupItemControl,
+  RadioGroupItemHiddenInput,
+  RadioGroupItemText,
+  RadioGroupLabel,
+  RadioGroupRoot
+} from "./chunk-5RTNSVYU.js";
+
+// src/components/radio/parts.ts
+var RadioParts = {
+  Root: RadioGroupRoot,
+  Label: RadioGroupLabel,
+  Indicator: RadioGroupIndicator,
+  Item: RadioGroupItem,
+  ItemText: RadioGroupItemText,
+  ItemControl: RadioGroupItemControl,
+  ItemHiddenInput: RadioGroupItemHiddenInput
+};
+
+export {
+  RadioParts
+};
+//# sourceMappingURL=chunk-FUL2VRDU.js.map

package/build/modern/chunk-FUL2VRDU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/radio/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  RadioGroupRoot,\n  RadioGroupLabel,\n  RadioGroupIndicator,\n  RadioGroupItem,\n  RadioGroupItemText,\n  RadioGroupItemControl,\n  RadioGroupItemHiddenInput,\n} from './primitives'\n\n/**\n * This module contains the parts of the Radio parts.\n * @module 'radio/parts'\n */\n\ninterface RadioPartsValue {\n  /**\n   * The container of the field.\n   */\n  Root: ElementType\n  /**\n   * The label of the field.\n   */\n  Label: ElementType\n  /**\n   * The indicator that appears when a radio is checked.\n   */\n  Indicator: ElementType\n  /**\n   * An individual radio item of the field.\n   */\n  Item: ElementType\n  /**\n   * The text that labels a single radio of the field.\n   */\n  ItemText: ElementType\n  /**\n   * The visual radio control of the field.\n   */\n  ItemControl: ElementType\n  /**\n   * The native input for a radio item in the field.\n   */\n  ItemHiddenInput: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the RadioParts object and\n * the entire family of components vs. only what you use.\n */\nexport const RadioParts: RadioPartsValue = {\n  Root: RadioGroupRoot,\n  Label: RadioGroupLabel,\n  Indicator: RadioGroupIndicator,\n  Item: RadioGroupItem,\n  ItemText: RadioGroupItemText,\n  ItemControl: RadioGroupItemControl,\n  ItemHiddenInput: RadioGroupItemHiddenInput,\n}\n"],"mappings":";;;;;;;;;;;AAwDO,IAAM,aAA8B;AAAA,EACzC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iBAAiB;AACnB;","names":[]}

package/build/modern/chunk-IDTAB2UJ.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-IDTAB2UJ.js.map

package/build/modern/chunk-OGYMMATX.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-OGYMMATX.js.map

package/build/modern/{chunk-FK52US7K.js → chunk-RHCTPSKT.js}

@@ -1,9 +1,3 @@
-import {
-  Portal
-} from "./chunk-IQJDVFPP.js";
-import {
-  IconButton
-} from "./chunk-APD6IX5R.js";
 import {
   DatePickerContext,
   DatePickerTable,
@@ -13,6 +7,12 @@ import {
   DatePickerView,
   DatePickerViewControl
 } from "./chunk-5EWCH7AI.js";
+import {
+  IconButton
+} from "./chunk-APD6IX5R.js";
+import {
+  Portal
+} from "./chunk-IQJDVFPP.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -201,4 +201,4 @@ export {
   DatePickerYearView,
   DatePickerCalendar
 };
-//# sourceMappingURL=chunk-FK52US7K.js.map
+//# sourceMappingURL=chunk-RHCTPSKT.js.map

package/build/modern/chunk-STLN7BMJ.js

@@ -0,0 +1,22 @@
+import {
+  RadioGroupItem,
+  RadioGroupItemControl,
+  RadioGroupItemHiddenInput,
+  RadioGroupItemText
+} from "./chunk-5RTNSVYU.js";
+
+// src/components/radio/radio.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Radio(props) {
+  const { size, children, ...groupProps } = props;
+  return /* @__PURE__ */ jsxs(RadioGroupItem, { ...groupProps, children: [
+    /* @__PURE__ */ jsx(RadioGroupItemControl, { size }),
+    /* @__PURE__ */ jsx(RadioGroupItemText, { size, children }),
+    /* @__PURE__ */ jsx(RadioGroupItemHiddenInput, {})
+  ] });
+}
+
+export {
+  Radio
+};
+//# sourceMappingURL=chunk-STLN7BMJ.js.map

package/build/modern/chunk-STLN7BMJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/radio/radio.tsx"],"sourcesContent":["import type { RadioGroupItemProps } from '@ark-ui/react'\nimport { type RadioGroupVariantProps } from '@cerberus/styled-system/recipes'\nimport {\n  RadioGroupItem,\n  RadioGroupItemControl,\n  RadioGroupItemHiddenInput,\n  RadioGroupItemText,\n} from './primitives'\n\n/**\n * This module contains the Radio component.\n * @module\n */\n\nexport type RadioProps = RadioGroupVariantProps & RadioGroupItemProps\n\n/**\n * The Radio component is used to allow users to select a single option from a list of options.\n * @see https://cerberus.digitalu.design/react/radio\n * @memberof module:Field\n * @example\n * ```tsx\n * <Radio value=\"option1\">Option 1</Radio>\n * ```\n */\nexport function Radio(props: RadioProps) {\n  const { size, children, ...groupProps } = props\n  return (\n    <RadioGroupItem {...groupProps}>\n      <RadioGroupItemControl size={size} />\n      <RadioGroupItemText size={size}>{children}</RadioGroupItemText>\n      <RadioGroupItemHiddenInput />\n    </RadioGroupItem>\n  )\n}\n"],"mappings":";;;;;;;;AA4BI,SACE,KADF;AAHG,SAAS,MAAM,OAAmB;AACvC,QAAM,EAAE,MAAM,UAAU,GAAG,WAAW,IAAI;AAC1C,SACE,qBAAC,kBAAgB,GAAG,YAClB;AAAA,wBAAC,yBAAsB,MAAY;AAAA,IACnC,oBAAC,sBAAmB,MAAa,UAAS;AAAA,IAC1C,oBAAC,6BAA0B;AAAA,KAC7B;AAEJ;","names":[]}