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

package/build/legacy/_tsup-dts-rollup.d.cts

@@ -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/legacy/components/{FieldsetLabel.cjs → deprecated/FieldsetLabel.cjs}

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/FieldsetLabel.tsx
+// src/components/deprecated/FieldsetLabel.tsx
 var FieldsetLabel_exports = {};
 __export(FieldsetLabel_exports, {
   FieldsetLabel: () => FieldsetLabel

package/build/legacy/components/deprecated/FieldsetLabel.cjs.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;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAmB;AACnB,qBAA8C;AAmB1C;AAHG,SAAS,cAAc,OAA2B;AACvD,QAAM,EAAE,MAAM,OAAO,GAAG,YAAY,IAAI;AACxC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW;AAAA,QACT,YAAY;AAAA,YACZ,sBAAM;AAAA,UACJ;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/legacy/components/fieldset/fieldset.cjs

@@ -0,0 +1,116 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/fieldset/fieldset.tsx
+var fieldset_exports = {};
+__export(fieldset_exports, {
+  Fieldset: () => Fieldset2
+});
+module.exports = __toCommonJS(fieldset_exports);
+
+// src/utils/index.ts
+function splitProps(props, ...keyGroups) {
+  const result = keyGroups.map(() => ({}));
+  const rest = {};
+  for (const key in props) {
+    let assigned = false;
+    for (let i = 0; i < keyGroups.length; i++) {
+      if (keyGroups[i].includes(key)) {
+        result[i][key] = props[key];
+        assigned = true;
+        break;
+      }
+    }
+    if (!assigned) {
+      rest[key] = props[key];
+    }
+  }
+  return [...result, rest];
+}
+
+// src/components/fieldset/primitives.tsx
+var import_fieldset = require("@ark-ui/react/fieldset");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function FieldsetRoot(props) {
+  const styles = (0, import_recipes.fieldset)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldset.Fieldset.Root, { ...props, className: (0, import_css.cx)(styles.root, props.className) });
+}
+function FieldsetLegend(props) {
+  const { usage, ...legendProps } = props;
+  const styles = (0, import_recipes.fieldset)({ usage });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_fieldset.Fieldset.Legend,
+    {
+      ...legendProps,
+      className: (0, import_css.cx)(styles.legend, legendProps.className)
+    }
+  );
+}
+function FieldsetHelperText(props) {
+  const { usage, ...helperTextProps } = props;
+  const styles = (0, import_recipes.fieldset)({ usage });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_fieldset.Fieldset.HelperText,
+    {
+      ...helperTextProps,
+      className: (0, import_css.cx)(styles.helperText, helperTextProps.className)
+    }
+  );
+}
+function FieldsetErrorText(props) {
+  const styles = (0, import_recipes.fieldset)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_fieldset.Fieldset.ErrorText,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.errorText, props.className)
+    }
+  );
+}
+
+// src/components/fieldset/parts.ts
+var FieldsetParts = {
+  Root: FieldsetRoot,
+  Legend: FieldsetLegend,
+  HelperText: FieldsetHelperText,
+  ErrorText: FieldsetErrorText
+};
+
+// src/components/fieldset/fieldset.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Fieldset2(props) {
+  const [fieldsetProps, { usage }, rootProps] = splitProps(
+    props,
+    ["legend", "helperText", "errorText", "children"],
+    ["usage"]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(FieldsetParts.Root, { ...rootProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FieldsetParts.Legend, { usage, children: fieldsetProps.legend }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FieldsetParts.HelperText, { usage, children: fieldsetProps.helperText }),
+    fieldsetProps.children,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FieldsetParts.ErrorText, { children: fieldsetProps.errorText })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Fieldset
+});
+//# sourceMappingURL=fieldset.cjs.map

package/build/legacy/components/fieldset/fieldset.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/fieldset/fieldset.tsx","../../../../src/utils/index.ts","../../../../src/components/fieldset/primitives.tsx","../../../../src/components/fieldset/parts.ts"],"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","/**\n * This module contains utility functions that are used across your app.\n * @module Utils\n */\n\n/**\n * Formats the count of notifications to be displayed in the notification badge.\n * @param count - The number of notifications.\n * @returns The formatted count of notifications.\n * @example\n * ```tsx\n * const count = formatNotifyCount(100)\n * console.log(count) // '99+'\n * ```\n */\nexport function formatNotifyCount(count: number): string {\n  if (count > 99) return '99+'\n  return count.toString()\n}\n\n/**\n * Splits the properties of an object into multiple groups based on lists of keys.\n * @param props - The object to split.\n * @param keyGroups - The lists of keys to include in each group.\n * @returns An array of objects: each containing the properties specified in the corresponding key group, and the last object containing the remaining keys.\n */\nexport function splitProps<T extends object>(\n  props: T,\n  ...keyGroups: (keyof T)[][]\n): { [K in keyof T]?: T[K] }[] {\n  const result = keyGroups.map(() => ({}) as { [K in keyof T]?: T[K] })\n  const rest = {} as { [K in keyof T]?: T[K] }\n\n  for (const key in props) {\n    let assigned = false\n    for (let i = 0; i < keyGroups.length; i++) {\n      if (keyGroups[i].includes(key as keyof T)) {\n        result[i][key as keyof T] = props[key]\n        assigned = true\n        break\n      }\n    }\n    if (!assigned) {\n      rest[key as keyof T] = props[key]\n    }\n  }\n\n  return [...result, rest]\n}\n\nexport * from './localStorage'\n","import {\n  Fieldset,\n  type FieldsetHelperTextProps,\n  type FieldsetLegendProps,\n  type FieldsetRootProps,\n} from '@ark-ui/react/fieldset'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  fieldset,\n  type FieldsetVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains all the primitives of the Fieldset component.\n * @module 'react/fieldset'\n */\n\n/**\n * The context & container for the Fieldset components.\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 FieldsetRoot(props: FieldsetRootProps) {\n  const styles = fieldset()\n  return (\n    <Fieldset.Root {...props} className={cx(styles.root, props.className)} />\n  )\n}\n\n/**\n * The legend element for the Fieldset group.\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 FieldsetLegend(\n  props: FieldsetLegendProps & FieldsetVariantProps,\n) {\n  const { usage, ...legendProps } = props\n  const styles = fieldset({ usage })\n  return (\n    <Fieldset.Legend\n      {...legendProps}\n      className={cx(styles.legend, legendProps.className)}\n    />\n  )\n}\n\n/**\n * The description element for the Fieldset group.\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 FieldsetHelperText(\n  props: FieldsetHelperTextProps & FieldsetVariantProps,\n) {\n  const { usage, ...helperTextProps } = props\n  const styles = fieldset({ usage })\n  return (\n    <Fieldset.HelperText\n      {...helperTextProps}\n      className={cx(styles.helperText, helperTextProps.className)}\n    />\n  )\n}\n\n/**\n * The error text element for the Fieldset group.\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 FieldsetErrorText(props: FieldsetHelperTextProps) {\n  const styles = fieldset()\n  return (\n    <Fieldset.ErrorText\n      {...props}\n      className={cx(styles.errorText, props.className)}\n    />\n  )\n}\n","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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,kBAAAA;AAAA;AAAA;;;AC0BO,SAAS,WACd,UACG,WAC0B;AAC7B,QAAM,SAAS,UAAU,IAAI,OAAO,CAAC,EAA+B;AACpE,QAAM,OAAO,CAAC;AAEd,aAAW,OAAO,OAAO;AACvB,QAAI,WAAW;AACf,aAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AACzC,UAAI,UAAU,CAAC,EAAE,SAAS,GAAc,GAAG;AACzC,eAAO,CAAC,EAAE,GAAc,IAAI,MAAM,GAAG;AACrC,mBAAW;AACX;AAAA,MACF;AAAA,IACF;AACA,QAAI,CAAC,UAAU;AACb,WAAK,GAAc,IAAI,MAAM,GAAG;AAAA,IAClC;AAAA,EACF;AAEA,SAAO,CAAC,GAAG,QAAQ,IAAI;AACzB;;;AChDA,sBAKO;AACP,iBAAmB;AACnB,qBAGO;AAeH;AAHG,SAAS,aAAa,OAA0B;AACrD,QAAM,aAAS,yBAAS;AACxB,SACE,4CAAC,yBAAS,MAAT,EAAe,GAAG,OAAO,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAE3E;AAOO,SAAS,eACd,OACA;AACA,QAAM,EAAE,OAAO,GAAG,YAAY,IAAI;AAClC,QAAM,aAAS,yBAAS,EAAE,MAAM,CAAC;AACjC,SACE;AAAA,IAAC,yBAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,QAAQ,YAAY,SAAS;AAAA;AAAA,EACpD;AAEJ;AAOO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,OAAO,GAAG,gBAAgB,IAAI;AACtC,QAAM,aAAS,yBAAS,EAAE,MAAM,CAAC;AACjC,SACE;AAAA,IAAC,yBAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,YAAY,gBAAgB,SAAS;AAAA;AAAA,EAC5D;AAEJ;AAOO,SAAS,kBAAkB,OAAgC;AAChE,QAAM,aAAS,yBAAS;AACxB,SACE;AAAA,IAAC,yBAAS;AAAA,IAAT;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;;;ACrCO,IAAM,gBAAoC;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AACb;;;AHPI,IAAAC,sBAAA;AARG,SAASC,UAAS,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,8CAAC,cAAc,MAAd,EAAoB,GAAG,WACtB;AAAA,iDAAC,cAAc,QAAd,EAAqB,OACnB,wBAAc,QACjB;AAAA,IACA,6CAAC,cAAc,YAAd,EAAyB,OACvB,wBAAc,YACjB;AAAA,IAEC,cAAc;AAAA,IAEf,6CAAC,cAAc,WAAd,EACE,wBAAc,WACjB;AAAA,KACF;AAEJ;","names":["Fieldset","import_jsx_runtime","Fieldset"]}

package/build/legacy/components/fieldset/index.cjs

@@ -0,0 +1,126 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/fieldset/index.ts
+var fieldset_exports = {};
+__export(fieldset_exports, {
+  Fieldset: () => Fieldset2,
+  FieldsetErrorText: () => FieldsetErrorText,
+  FieldsetHelperText: () => FieldsetHelperText,
+  FieldsetLegend: () => FieldsetLegend,
+  FieldsetParts: () => FieldsetParts,
+  FieldsetRoot: () => FieldsetRoot
+});
+module.exports = __toCommonJS(fieldset_exports);
+
+// src/utils/index.ts
+function splitProps(props, ...keyGroups) {
+  const result = keyGroups.map(() => ({}));
+  const rest = {};
+  for (const key in props) {
+    let assigned = false;
+    for (let i = 0; i < keyGroups.length; i++) {
+      if (keyGroups[i].includes(key)) {
+        result[i][key] = props[key];
+        assigned = true;
+        break;
+      }
+    }
+    if (!assigned) {
+      rest[key] = props[key];
+    }
+  }
+  return [...result, rest];
+}
+
+// src/components/fieldset/primitives.tsx
+var import_fieldset = require("@ark-ui/react/fieldset");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function FieldsetRoot(props) {
+  const styles = (0, import_recipes.fieldset)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldset.Fieldset.Root, { ...props, className: (0, import_css.cx)(styles.root, props.className) });
+}
+function FieldsetLegend(props) {
+  const { usage, ...legendProps } = props;
+  const styles = (0, import_recipes.fieldset)({ usage });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_fieldset.Fieldset.Legend,
+    {
+      ...legendProps,
+      className: (0, import_css.cx)(styles.legend, legendProps.className)
+    }
+  );
+}
+function FieldsetHelperText(props) {
+  const { usage, ...helperTextProps } = props;
+  const styles = (0, import_recipes.fieldset)({ usage });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_fieldset.Fieldset.HelperText,
+    {
+      ...helperTextProps,
+      className: (0, import_css.cx)(styles.helperText, helperTextProps.className)
+    }
+  );
+}
+function FieldsetErrorText(props) {
+  const styles = (0, import_recipes.fieldset)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_fieldset.Fieldset.ErrorText,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.errorText, props.className)
+    }
+  );
+}
+
+// src/components/fieldset/parts.ts
+var FieldsetParts = {
+  Root: FieldsetRoot,
+  Legend: FieldsetLegend,
+  HelperText: FieldsetHelperText,
+  ErrorText: FieldsetErrorText
+};
+
+// src/components/fieldset/fieldset.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Fieldset2(props) {
+  const [fieldsetProps, { usage }, rootProps] = splitProps(
+    props,
+    ["legend", "helperText", "errorText", "children"],
+    ["usage"]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(FieldsetParts.Root, { ...rootProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FieldsetParts.Legend, { usage, children: fieldsetProps.legend }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FieldsetParts.HelperText, { usage, children: fieldsetProps.helperText }),
+    fieldsetProps.children,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FieldsetParts.ErrorText, { children: fieldsetProps.errorText })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Fieldset,
+  FieldsetErrorText,
+  FieldsetHelperText,
+  FieldsetLegend,
+  FieldsetParts,
+  FieldsetRoot
+});
+//# sourceMappingURL=index.cjs.map