@cerberus-design/react 0.15.0-next-5d7dc1e → 0.15.0-next-544221f

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

@@ -0,0 +1,82 @@
+"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/radio.tsx
+var radio_exports = {};
+__export(radio_exports, {
+  Radio: () => Radio
+});
+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 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/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
+});
+//# sourceMappingURL=radio.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/radio/radio.tsx","../../../../src/components/radio/primitives.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","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;AAsCG,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;;;AD5FI,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"]}