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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/fieldset/index.ts","../../../../src/utils/index.ts","../../../../src/components/fieldset/primitives.tsx","../../../../src/components/fieldset/parts.ts","../../../../src/components/fieldset/fieldset.tsx"],"sourcesContent":["export * from './fieldset'\nexport * from './parts'\nexport * from './primitives'\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","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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,kBAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;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;;;ACPI,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/parts.cjs

@@ -0,0 +1,80 @@
+"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/parts.ts
+var parts_exports = {};
+__export(parts_exports, {
+  FieldsetParts: () => FieldsetParts
+});
+module.exports = __toCommonJS(parts_exports);
+
+// 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
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FieldsetParts
+});
+//# sourceMappingURL=parts.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/fieldset/parts.ts","../../../../src/components/fieldset/primitives.tsx"],"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","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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,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;;;ADrCO,IAAM,gBAAoC;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AACb;","names":[]}

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

@@ -0,0 +1,76 @@
+"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/primitives.tsx
+var primitives_exports = {};
+__export(primitives_exports, {
+  FieldsetErrorText: () => FieldsetErrorText,
+  FieldsetHelperText: () => FieldsetHelperText,
+  FieldsetLegend: () => FieldsetLegend,
+  FieldsetRoot: () => FieldsetRoot
+});
+module.exports = __toCommonJS(primitives_exports);
+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)
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FieldsetErrorText,
+  FieldsetHelperText,
+  FieldsetLegend,
+  FieldsetRoot
+});
+//# sourceMappingURL=primitives.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/fieldset/primitives.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,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;","names":[]}

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

@@ -0,0 +1,143 @@
+"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/radio/index.ts
+var radio_exports = {};
+__export(radio_exports, {
+  Radio: () => Radio,
+  RadioGroup: () => RadioGroup,
+  RadioGroupIndicator: () => RadioGroupIndicator,
+  RadioGroupItem: () => RadioGroupItem,
+  RadioGroupItemControl: () => RadioGroupItemControl,
+  RadioGroupItemHiddenInput: () => RadioGroupItemHiddenInput,
+  RadioGroupItemText: () => RadioGroupItemText,
+  RadioGroupLabel: () => RadioGroupLabel,
+  RadioGroupRoot: () => RadioGroupRoot,
+  RadioParts: () => RadioParts
+});
+module.exports = __toCommonJS(radio_exports);
+
+// src/components/radio/primitives.tsx
+var import_radio_group = require("@ark-ui/react/radio-group");
+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 RadioGroupRoot(props) {
+  const { size, orientation, ...rootProps } = props;
+  const styles = (0, import_recipes.radioGroup)({ size, orientation });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.Root,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className)
+    }
+  );
+}
+function RadioGroupLabel(props) {
+  const styles = (0, import_recipes.radioGroup)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.Label,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.label, props.className)
+    }
+  );
+}
+function RadioGroupIndicator(props) {
+  const styles = (0, import_recipes.radioGroup)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.Indicator,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.indicator, props.className)
+    }
+  );
+}
+function RadioGroupItem(props) {
+  const styles = (0, import_recipes.radioGroup)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.Item,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.item, props.className)
+    }
+  );
+}
+function RadioGroupItemText(props) {
+  const { size, orientation, ...itemTextProps } = props;
+  const styles = (0, import_recipes.radioGroup)({ size, orientation });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.ItemText,
+    {
+      ...itemTextProps,
+      className: (0, import_css.cx)(styles.itemText, itemTextProps.className)
+    }
+  );
+}
+function RadioGroupItemControl(props) {
+  const { size, orientation, ...itemControlProps } = props;
+  const styles = (0, import_recipes.radioGroup)({ size, orientation });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.ItemControl,
+    {
+      ...itemControlProps,
+      className: (0, import_css.cx)(styles.itemControl, itemControlProps.className)
+    }
+  );
+}
+function RadioGroupItemHiddenInput(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radio_group.RadioGroup.ItemHiddenInput, { ...props });
+}
+var RadioGroup = RadioGroupRoot;
+
+// src/components/radio/parts.ts
+var RadioParts = {
+  Root: RadioGroupRoot,
+  Label: RadioGroupLabel,
+  Indicator: RadioGroupIndicator,
+  Item: RadioGroupItem,
+  ItemText: RadioGroupItemText,
+  ItemControl: RadioGroupItemControl,
+  ItemHiddenInput: RadioGroupItemHiddenInput
+};
+
+// src/components/radio/radio.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Radio(props) {
+  const { size, children, ...groupProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(RadioGroupItem, { ...groupProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RadioGroupItemControl, { size }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RadioGroupItemText, { size, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RadioGroupItemHiddenInput, {})
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Radio,
+  RadioGroup,
+  RadioGroupIndicator,
+  RadioGroupItem,
+  RadioGroupItemControl,
+  RadioGroupItemHiddenInput,
+  RadioGroupItemText,
+  RadioGroupLabel,
+  RadioGroupRoot,
+  RadioParts
+});
+//# sourceMappingURL=index.cjs.map

package/build/legacy/components/radio/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/radio/index.ts","../../../../src/components/radio/primitives.tsx","../../../../src/components/radio/parts.ts","../../../../src/components/radio/radio.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './radio'\n","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","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","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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,yBASO;AACP,iBAAmB;AACnB,qBAGO;AAgBH;AANG,SAAS,eACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI;AAC5C,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,EAC7C;AAEJ;AAMO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;AAMO,SAAS,eAAe,OAA4B;AACzD,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS;AAAA;AAAA,EAC5C;AAEJ;AAMO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,cAAc,IAAI;AAChD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,UAAU,cAAc,SAAS;AAAA;AAAA,EACxD;AAEJ;AAMO,SAAS,sBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,iBAAiB,IAAI;AACnD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,iBAAiB,SAAS;AAAA;AAAA,EAC9D;AAEJ;AAMO,SAAS,0BACd,OACA;AACA,SAAO,4CAAC,mBAAAA,WAAc,iBAAd,EAA+B,GAAG,OAAO;AACnD;AAEO,IAAM,aAAa;;;AClEnB,IAAM,aAA8B;AAAA,EACzC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iBAAiB;AACnB;;;ACpCI,IAAAC,sBAAA;AAHG,SAAS,MAAM,OAAmB;AACvC,QAAM,EAAE,MAAM,UAAU,GAAG,WAAW,IAAI;AAC1C,SACE,8CAAC,kBAAgB,GAAG,YAClB;AAAA,iDAAC,yBAAsB,MAAY;AAAA,IACnC,6CAAC,sBAAmB,MAAa,UAAS;AAAA,IAC1C,6CAAC,6BAA0B;AAAA,KAC7B;AAEJ;","names":["ArkRadioGroup","import_jsx_runtime"]}

package/build/legacy/components/radio/parts.cjs

@@ -0,0 +1,113 @@
+"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/radio/parts.ts
+var parts_exports = {};
+__export(parts_exports, {
+  RadioParts: () => RadioParts
+});
+module.exports = __toCommonJS(parts_exports);
+
+// src/components/radio/primitives.tsx
+var import_radio_group = require("@ark-ui/react/radio-group");
+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 RadioGroupRoot(props) {
+  const { size, orientation, ...rootProps } = props;
+  const styles = (0, import_recipes.radioGroup)({ size, orientation });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.Root,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className)
+    }
+  );
+}
+function RadioGroupLabel(props) {
+  const styles = (0, import_recipes.radioGroup)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.Label,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.label, props.className)
+    }
+  );
+}
+function RadioGroupIndicator(props) {
+  const styles = (0, import_recipes.radioGroup)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.Indicator,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.indicator, props.className)
+    }
+  );
+}
+function RadioGroupItem(props) {
+  const styles = (0, import_recipes.radioGroup)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.Item,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.item, props.className)
+    }
+  );
+}
+function RadioGroupItemText(props) {
+  const { size, orientation, ...itemTextProps } = props;
+  const styles = (0, import_recipes.radioGroup)({ size, orientation });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.ItemText,
+    {
+      ...itemTextProps,
+      className: (0, import_css.cx)(styles.itemText, itemTextProps.className)
+    }
+  );
+}
+function RadioGroupItemControl(props) {
+  const { size, orientation, ...itemControlProps } = props;
+  const styles = (0, import_recipes.radioGroup)({ size, orientation });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.ItemControl,
+    {
+      ...itemControlProps,
+      className: (0, import_css.cx)(styles.itemControl, itemControlProps.className)
+    }
+  );
+}
+function RadioGroupItemHiddenInput(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radio_group.RadioGroup.ItemHiddenInput, { ...props });
+}
+
+// src/components/radio/parts.ts
+var RadioParts = {
+  Root: RadioGroupRoot,
+  Label: RadioGroupLabel,
+  Indicator: RadioGroupIndicator,
+  Item: RadioGroupItem,
+  ItemText: RadioGroupItemText,
+  ItemControl: RadioGroupItemControl,
+  ItemHiddenInput: RadioGroupItemHiddenInput
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RadioParts
+});
+//# sourceMappingURL=parts.cjs.map

package/build/legacy/components/radio/parts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/radio/parts.ts","../../../../src/components/radio/primitives.tsx"],"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","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;AAAA;AAAA;AAAA;;;ACAA,yBASO;AACP,iBAAmB;AACnB,qBAGO;AAgBH;AANG,SAAS,eACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI;AAC5C,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,EAC7C;AAEJ;AAMO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;AAMO,SAAS,eAAe,OAA4B;AACzD,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS;AAAA;AAAA,EAC5C;AAEJ;AAMO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,cAAc,IAAI;AAChD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,UAAU,cAAc,SAAS;AAAA;AAAA,EACxD;AAEJ;AAMO,SAAS,sBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,iBAAiB,IAAI;AACnD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,iBAAiB,SAAS;AAAA;AAAA,EAC9D;AAEJ;AAMO,SAAS,0BACd,OACA;AACA,SAAO,4CAAC,mBAAAA,WAAc,iBAAd,EAA+B,GAAG,OAAO;AACnD;;;ADhEO,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":["ArkRadioGroup"]}

package/build/legacy/components/radio/primitives.cjs

@@ -0,0 +1,115 @@
+"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/radio/primitives.tsx
+var primitives_exports = {};
+__export(primitives_exports, {
+  RadioGroup: () => RadioGroup,
+  RadioGroupIndicator: () => RadioGroupIndicator,
+  RadioGroupItem: () => RadioGroupItem,
+  RadioGroupItemControl: () => RadioGroupItemControl,
+  RadioGroupItemHiddenInput: () => RadioGroupItemHiddenInput,
+  RadioGroupItemText: () => RadioGroupItemText,
+  RadioGroupLabel: () => RadioGroupLabel,
+  RadioGroupRoot: () => RadioGroupRoot
+});
+module.exports = __toCommonJS(primitives_exports);
+var import_radio_group = require("@ark-ui/react/radio-group");
+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 RadioGroupRoot(props) {
+  const { size, orientation, ...rootProps } = props;
+  const styles = (0, import_recipes.radioGroup)({ size, orientation });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.Root,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className)
+    }
+  );
+}
+function RadioGroupLabel(props) {
+  const styles = (0, import_recipes.radioGroup)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.Label,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.label, props.className)
+    }
+  );
+}
+function RadioGroupIndicator(props) {
+  const styles = (0, import_recipes.radioGroup)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.Indicator,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.indicator, props.className)
+    }
+  );
+}
+function RadioGroupItem(props) {
+  const styles = (0, import_recipes.radioGroup)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.Item,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.item, props.className)
+    }
+  );
+}
+function RadioGroupItemText(props) {
+  const { size, orientation, ...itemTextProps } = props;
+  const styles = (0, import_recipes.radioGroup)({ size, orientation });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.ItemText,
+    {
+      ...itemTextProps,
+      className: (0, import_css.cx)(styles.itemText, itemTextProps.className)
+    }
+  );
+}
+function RadioGroupItemControl(props) {
+  const { size, orientation, ...itemControlProps } = props;
+  const styles = (0, import_recipes.radioGroup)({ size, orientation });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio_group.RadioGroup.ItemControl,
+    {
+      ...itemControlProps,
+      className: (0, import_css.cx)(styles.itemControl, itemControlProps.className)
+    }
+  );
+}
+function RadioGroupItemHiddenInput(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radio_group.RadioGroup.ItemHiddenInput, { ...props });
+}
+var RadioGroup = RadioGroupRoot;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RadioGroup,
+  RadioGroupIndicator,
+  RadioGroupItem,
+  RadioGroupItemControl,
+  RadioGroupItemHiddenInput,
+  RadioGroupItemText,
+  RadioGroupLabel,
+  RadioGroupRoot
+});
+//# sourceMappingURL=primitives.cjs.map

package/build/legacy/components/radio/primitives.cjs.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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBASO;AACP,iBAAmB;AACnB,qBAGO;AAgBH;AANG,SAAS,eACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI;AAC5C,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,EAC7C;AAEJ;AAMO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;AAMO,SAAS,eAAe,OAA4B;AACzD,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS;AAAA;AAAA,EAC5C;AAEJ;AAMO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,cAAc,IAAI;AAChD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,UAAU,cAAc,SAAS;AAAA;AAAA,EACxD;AAEJ;AAMO,SAAS,sBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,iBAAiB,IAAI;AACnD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,iBAAiB,SAAS;AAAA;AAAA,EAC9D;AAEJ;AAMO,SAAS,0BACd,OACA;AACA,SAAO,4CAAC,mBAAAA,WAAc,iBAAd,EAA+B,GAAG,OAAO;AACnD;AAEO,IAAM,aAAa;","names":["ArkRadioGroup"]}