@scm-manager/ui-forms 2.47.0 → 2.48.0

package/build/index.js

@@ -35,6 +35,8 @@ __export(src_exports, {
   Form: () => Form2,
   Input: () => Input_default,
   Label: () => Label_default,
+  RadioGroup: () => RadioGroup3,
+  RadioGroupField: () => RadioGroupField2,
   Select: () => Select_default,
   SelectField: () => SelectField_default,
   Textarea: () => Textarea_default,
@@ -244,28 +246,33 @@ var import_react11 = __toESM(require("react"));
 // src/base/Field.tsx
 var import_react5 = __toESM(require("react"));
 var import_classnames2 = __toESM(require("classnames"));
-var Field = ({ className, children, ...rest }) => /* @__PURE__ */ import_react5.default.createElement("div", {
-  className: (0, import_classnames2.default)("field", className),
+var Field = ({
+  as = "div",
+  className,
+  children,
   ...rest
-}, children);
+}) => import_react5.default.createElement(as, { className: (0, import_classnames2.default)("field", className), ...rest }, children);
 var Field_default = Field;
 
 // src/base/Control.tsx
 var import_react6 = __toESM(require("react"));
 var import_classnames3 = __toESM(require("classnames"));
-var Control = ({ className, children, ...rest }) => /* @__PURE__ */ import_react6.default.createElement("div", {
+var Control = import_react6.default.forwardRef(({ className, children, ...rest }, ref) => /* @__PURE__ */ import_react6.default.createElement("div", {
   className: (0, import_classnames3.default)("control", className),
-  ...rest
-}, children);
+  ...rest,
+  ref
+}, children));
 var Control_default = Control;
 
 // src/base/label/Label.tsx
 var import_react7 = __toESM(require("react"));
 var import_classnames4 = __toESM(require("classnames"));
-var Label = ({ className, children, ...rest }) => /* @__PURE__ */ import_react7.default.createElement("label", {
-  className: (0, import_classnames4.default)("label", className),
+var Label = ({
+  as = "label",
+  className,
+  children,
   ...rest
-}, children);
+}) => import_react7.default.createElement(as, { className: (0, import_classnames4.default)("label", className), ...rest }, children);
 var Label_default = Label;
 
 // src/base/field-message/FieldMessage.tsx
@@ -929,7 +936,7 @@ function ControlledChipInputField({
   children,
   optionFactory = defaultOptionFactory,
   ...props
-}) {
+}, ref) {
   const { control, t, readOnly: formReadonly } = useScmFormContext();
   const formPathPrefix = useScmFormPathContext();
   const nameWithPrefix = formPathPrefix ? `${formPathPrefix}.${name}` : name;
@@ -955,11 +962,12 @@ function ControlledChipInputField({
       readOnly: readOnly ?? formReadonly,
       className: (0, import_classnames14.default)("column", className),
       error: fieldState.error ? fieldState.error.message || t(`${prefixedNameWithoutIndices}.error.${fieldState.error.type}`) : void 0,
-      testId: testId ?? `input-${nameWithPrefix}`
+      testId: testId ?? `input-${nameWithPrefix}`,
+      ref
     }, children)
   });
 }
-var ControlledChipInputField_default = ControlledChipInputField;
+var ControlledChipInputField_default = withForwardRef(ControlledChipInputField);
 
 // src/ScmFormListContext.tsx
 var import_react24 = __toESM(require("react"));
@@ -1358,18 +1366,193 @@ function ControlledComboboxField({
 }
 var ControlledComboboxField_default = ControlledComboboxField;
 
-// src/ConfigurationForm.tsx
-var import_ui_api = require("@scm-manager/ui-api");
+// src/radio-button/ControlledRadioGroupField.tsx
+var import_react37 = __toESM(require("react"));
+
+// src/radio-button/RadioGroupField.tsx
+var import_react36 = __toESM(require("react"));
+
+// src/radio-button/RadioGroup.tsx
+var import_react35 = __toESM(require("react"));
+var RadixRadio = __toESM(require("@radix-ui/react-radio-group"));
+
+// src/radio-button/RadioButton.tsx
+var import_react34 = __toESM(require("react"));
+var import_classnames19 = __toESM(require("classnames"));
+var RadioGroup = __toESM(require("@radix-ui/react-radio-group"));
 var import_ui_components11 = require("@scm-manager/ui-components");
+var import_styled_components6 = __toESM(require("styled-components"));
+
+// src/radio-button/RadioButtonContext.tsx
 var import_react33 = __toESM(require("react"));
+var RadioButtonContext = (0, import_react33.createContext)(null);
+function useRadioButtonContext() {
+  return (0, import_react33.useContext)(RadioButtonContext);
+}
+var RadioButtonContextProvider = ({ children, ...props }) => /* @__PURE__ */ import_react33.default.createElement(RadioButtonContext.Provider, {
+  value: props
+}, children);
+
+// src/radio-button/RadioButton.tsx
+var StyledRadioButton = (0, import_styled_components6.default)(RadioGroup.Item)`
+  all: unset;
+  width: 1rem;
+  height: 1rem;
+  border: var(--scm-border);
+  border-radius: 100%;
+
+  :hover {
+    border-color: var(--scm-hover-color);
+  }
+
+  :hover *::after {
+    background-color: var(--scm-info-hover-color);
+  }
+
+  :disabled {
+    background-color: var(--scm-dark-color-25);
+    border-color: var(--scm-hover-color);
+  }
+
+  :disabled *::after {
+    background-color: var(--scm-info-color);
+  }
+`;
+var StyledIndicator = (0, import_styled_components6.default)(RadioGroup.Indicator)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  position: relative;
+
+  ::after {
+    content: "";
+    display: block;
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 50%;
+    background-color: var(--scm-info-color);
+  }
+`;
+var RadioButton = import_react34.default.forwardRef(
+  ({ id, testId, indicatorClassName, label, labelClassName, className, helpText, value, ...props }, ref) => {
+    const context = useRadioButtonContext();
+    const inputId = (0, import_ui_components11.useGeneratedId)(id);
+    const labelKey = `${context == null ? void 0 : context.prefix}.radio.${value}`;
+    return /* @__PURE__ */ import_react34.default.createElement("label", {
+      className: (0, import_classnames19.default)("radio is-flex is-align-items-center", labelClassName),
+      htmlFor: inputId
+    }, /* @__PURE__ */ import_react34.default.createElement(StyledRadioButton, {
+      form: context == null ? void 0 : context.formId,
+      id: inputId,
+      value,
+      ref,
+      className: (0, import_classnames19.default)("mr-3 mt-3 mb-3", className),
+      ...props,
+      ...(0, import_ui_components11.createAttributesForTesting)(testId)
+    }, /* @__PURE__ */ import_react34.default.createElement(StyledIndicator, {
+      className: indicatorClassName
+    })), label ?? (context == null ? void 0 : context.t(labelKey)) ?? value, helpText ? /* @__PURE__ */ import_react34.default.createElement(Help_default, {
+      className: "ml-3",
+      text: helpText
+    }) : null);
+  }
+);
+var RadioButton_default = RadioButton;
+
+// src/radio-button/RadioGroup.tsx
+var RadioGroup2 = import_react35.default.forwardRef(({ options, children, className, ...props }, ref) => /* @__PURE__ */ import_react35.default.createElement(RadixRadio.Root, {
+  ...props,
+  asChild: true
+}, /* @__PURE__ */ import_react35.default.createElement(Control_default, {
+  ref,
+  className
+}, children ?? (options == null ? void 0 : options.map((option) => /* @__PURE__ */ import_react35.default.createElement(RadioButton_default, {
+  key: option.value,
+  value: option.value,
+  label: option.label,
+  helpText: option.helpText
+}))))));
+var RadioGroup_default = RadioGroup2;
+
+// src/radio-button/RadioGroupField.tsx
+var RadioGroupField = import_react36.default.forwardRef(
+  ({ fieldClassName, labelClassName, label, helpText, children, ...props }, ref) => {
+    return /* @__PURE__ */ import_react36.default.createElement(Field_default, {
+      className: fieldClassName,
+      as: "fieldset"
+    }, /* @__PURE__ */ import_react36.default.createElement(Label_default, {
+      className: labelClassName,
+      as: "legend"
+    }, label, helpText ? /* @__PURE__ */ import_react36.default.createElement(Help_default, {
+      className: "ml-1",
+      text: helpText
+    }) : null), /* @__PURE__ */ import_react36.default.createElement(RadioGroup_default, {
+      ref,
+      ...props
+    }, children));
+  }
+);
+var RadioGroupField_default = RadioGroupField;
+
+// src/radio-button/ControlledRadioGroupField.tsx
+var import_react_hook_form11 = require("react-hook-form");
+var import_classnames20 = __toESM(require("classnames"));
+function ControlledRadioGroupField({
+  name,
+  label,
+  helpText,
+  rules,
+  defaultValue,
+  children,
+  fieldClassName,
+  readOnly,
+  ...props
+}) {
+  const { control, t, readOnly: formReadOnly, formId } = useScmFormContext();
+  const formPathPrefix = useScmFormPathContext();
+  const nameWithPrefix = formPathPrefix ? `${formPathPrefix}.${name}` : name;
+  const prefixedNameWithoutIndices = prefixWithoutIndices(nameWithPrefix);
+  const labelTranslation = label ?? t(`${prefixedNameWithoutIndices}.label`) ?? "";
+  const helpTextTranslation = helpText ?? t(`${prefixedNameWithoutIndices}.helpText`);
+  return /* @__PURE__ */ import_react37.default.createElement(import_react_hook_form11.Controller, {
+    control,
+    name: nameWithPrefix,
+    rules,
+    defaultValue,
+    render: ({ field }) => /* @__PURE__ */ import_react37.default.createElement(RadioButtonContextProvider, {
+      t,
+      prefix: prefixedNameWithoutIndices,
+      formId
+    }, /* @__PURE__ */ import_react37.default.createElement(RadioGroupField_default, {
+      defaultValue,
+      disabled: readOnly ?? formReadOnly,
+      required: rules == null ? void 0 : rules.required,
+      label: labelTranslation,
+      helpText: helpTextTranslation,
+      fieldClassName: (0, import_classnames20.default)("column", fieldClassName),
+      onValueChange: field.onChange,
+      ...props,
+      ...field,
+      name: nameWithPrefix
+    }, children))
+  });
+}
+var ControlledRadioGroupField_default = ControlledRadioGroupField;
+
+// src/ConfigurationForm.tsx
+var import_ui_api = require("@scm-manager/ui-api");
+var import_ui_components12 = require("@scm-manager/ui-components");
+var import_react38 = __toESM(require("react"));
 var import_react_i18next6 = require("react-i18next");
 function ConfigurationForm({ link, children, ...formProps }) {
   const { initialConfiguration, isReadOnly, update, isLoading } = (0, import_ui_api.useConfigLink)(link);
   const [t] = (0, import_react_i18next6.useTranslation)("commons", { keyPrefix: "form" });
   if (isLoading || !initialConfiguration) {
-    return /* @__PURE__ */ import_react33.default.createElement(import_ui_components11.Loading, null);
+    return /* @__PURE__ */ import_react38.default.createElement(import_ui_components12.Loading, null);
   }
-  return /* @__PURE__ */ import_react33.default.createElement(Form_default, {
+  return /* @__PURE__ */ import_react38.default.createElement(Form_default, {
     onSubmit: update,
     defaultValues: initialConfiguration,
     readOnly: isReadOnly,
@@ -1380,15 +1563,15 @@ function ConfigurationForm({ link, children, ...formProps }) {
 var ConfigurationForm_default = ConfigurationForm;
 
 // src/input/Textarea.tsx
-var import_react34 = __toESM(require("react"));
-var import_classnames19 = __toESM(require("classnames"));
-var import_ui_components12 = require("@scm-manager/ui-components");
-var Textarea = import_react34.default.forwardRef(({ variant, className, testId, ...props }, ref) => {
-  return /* @__PURE__ */ import_react34.default.createElement("textarea", {
+var import_react39 = __toESM(require("react"));
+var import_classnames21 = __toESM(require("classnames"));
+var import_ui_components13 = require("@scm-manager/ui-components");
+var Textarea = import_react39.default.forwardRef(({ variant, className, testId, ...props }, ref) => {
+  return /* @__PURE__ */ import_react39.default.createElement("textarea", {
     ref,
-    className: (0, import_classnames19.default)("textarea", createVariantClass(variant), className),
+    className: (0, import_classnames21.default)("textarea", createVariantClass(variant), className),
     ...props,
-    ...(0, import_ui_components12.createAttributesForTesting)(testId)
+    ...(0, import_ui_components13.createAttributesForTesting)(testId)
   });
 });
 var Textarea_default = Textarea;
@@ -1480,6 +1663,11 @@ var useDeleteResource = (idFactory, { collectionName: [entityQueryKey, collectio
 };
 
 // src/index.ts
+var RadioGroupExport = {
+  Option: RadioButton_default
+};
+var RadioGroup3 = Object.assign(RadioGroup_default, RadioGroupExport);
+var RadioGroupField2 = Object.assign(RadioGroupField_default, RadioGroupExport);
 var ChipInputField3 = Object.assign(ChipInputField_default, {
   AddButton: ChipInput_default.AddButton
 });
@@ -1497,7 +1685,8 @@ var Form2 = Object.assign(Form_default, {
     Column: ControlledColumn_default
   }),
   ChipInput: ControlledChipInputField_default,
-  Combobox: ControlledComboboxField_default
+  Combobox: ControlledComboboxField_default,
+  RadioGroup: Object.assign(ControlledRadioGroupField_default, RadioGroupExport)
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -1510,6 +1699,8 @@ var Form2 = Object.assign(Form_default, {
   Form,
   Input,
   Label,
+  RadioGroup,
+  RadioGroupField,
   Select,
   SelectField,
   Textarea,

package/build/index.mjs

@@ -198,28 +198,33 @@ import React10 from "react";
 // src/base/Field.tsx
 import React4 from "react";
 import classNames2 from "classnames";
-var Field = ({ className, children, ...rest }) => /* @__PURE__ */ React4.createElement("div", {
-  className: classNames2("field", className),
+var Field = ({
+  as = "div",
+  className,
+  children,
   ...rest
-}, children);
+}) => React4.createElement(as, { className: classNames2("field", className), ...rest }, children);
 var Field_default = Field;
 
 // src/base/Control.tsx
 import React5 from "react";
 import classNames3 from "classnames";
-var Control = ({ className, children, ...rest }) => /* @__PURE__ */ React5.createElement("div", {
+var Control = React5.forwardRef(({ className, children, ...rest }, ref) => /* @__PURE__ */ React5.createElement("div", {
   className: classNames3("control", className),
-  ...rest
-}, children);
+  ...rest,
+  ref
+}, children));
 var Control_default = Control;
 
 // src/base/label/Label.tsx
 import React6 from "react";
 import classNames4 from "classnames";
-var Label = ({ className, children, ...rest }) => /* @__PURE__ */ React6.createElement("label", {
-  className: classNames4("label", className),
+var Label = ({
+  as = "label",
+  className,
+  children,
   ...rest
-}, children);
+}) => React6.createElement(as, { className: classNames4("label", className), ...rest }, children);
 var Label_default = Label;
 
 // src/base/field-message/FieldMessage.tsx
@@ -889,7 +894,7 @@ function ControlledChipInputField({
   children,
   optionFactory = defaultOptionFactory,
   ...props
-}) {
+}, ref) {
   const { control, t, readOnly: formReadonly } = useScmFormContext();
   const formPathPrefix = useScmFormPathContext();
   const nameWithPrefix = formPathPrefix ? `${formPathPrefix}.${name}` : name;
@@ -915,11 +920,12 @@ function ControlledChipInputField({
       readOnly: readOnly ?? formReadonly,
       className: classNames14("column", className),
       error: fieldState.error ? fieldState.error.message || t(`${prefixedNameWithoutIndices}.error.${fieldState.error.type}`) : void 0,
-      testId: testId ?? `input-${nameWithPrefix}`
+      testId: testId ?? `input-${nameWithPrefix}`,
+      ref
     }, children)
   });
 }
-var ControlledChipInputField_default = ControlledChipInputField;
+var ControlledChipInputField_default = withForwardRef(ControlledChipInputField);
 
 // src/ScmFormListContext.tsx
 import React23, { useContext as useContext4, useMemo as useMemo4 } from "react";
@@ -1323,18 +1329,193 @@ function ControlledComboboxField({
 }
 var ControlledComboboxField_default = ControlledComboboxField;
 
+// src/radio-button/ControlledRadioGroupField.tsx
+import React35 from "react";
+
+// src/radio-button/RadioGroupField.tsx
+import React34 from "react";
+
+// src/radio-button/RadioGroup.tsx
+import React33 from "react";
+import * as RadixRadio from "@radix-ui/react-radio-group";
+
+// src/radio-button/RadioButton.tsx
+import React32 from "react";
+import classNames19 from "classnames";
+import * as RadioGroup from "@radix-ui/react-radio-group";
+import { createAttributesForTesting as createAttributesForTesting6, useGeneratedId as useGeneratedId5 } from "@scm-manager/ui-components";
+import styled6 from "styled-components";
+
+// src/radio-button/RadioButtonContext.tsx
+import React31, { createContext as createContext2, useContext as useContext5 } from "react";
+var RadioButtonContext = createContext2(null);
+function useRadioButtonContext() {
+  return useContext5(RadioButtonContext);
+}
+var RadioButtonContextProvider = ({ children, ...props }) => /* @__PURE__ */ React31.createElement(RadioButtonContext.Provider, {
+  value: props
+}, children);
+
+// src/radio-button/RadioButton.tsx
+var StyledRadioButton = styled6(RadioGroup.Item)`
+  all: unset;
+  width: 1rem;
+  height: 1rem;
+  border: var(--scm-border);
+  border-radius: 100%;
+
+  :hover {
+    border-color: var(--scm-hover-color);
+  }
+
+  :hover *::after {
+    background-color: var(--scm-info-hover-color);
+  }
+
+  :disabled {
+    background-color: var(--scm-dark-color-25);
+    border-color: var(--scm-hover-color);
+  }
+
+  :disabled *::after {
+    background-color: var(--scm-info-color);
+  }
+`;
+var StyledIndicator = styled6(RadioGroup.Indicator)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  position: relative;
+
+  ::after {
+    content: "";
+    display: block;
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 50%;
+    background-color: var(--scm-info-color);
+  }
+`;
+var RadioButton = React32.forwardRef(
+  ({ id, testId, indicatorClassName, label, labelClassName, className, helpText, value, ...props }, ref) => {
+    const context = useRadioButtonContext();
+    const inputId = useGeneratedId5(id);
+    const labelKey = `${context == null ? void 0 : context.prefix}.radio.${value}`;
+    return /* @__PURE__ */ React32.createElement("label", {
+      className: classNames19("radio is-flex is-align-items-center", labelClassName),
+      htmlFor: inputId
+    }, /* @__PURE__ */ React32.createElement(StyledRadioButton, {
+      form: context == null ? void 0 : context.formId,
+      id: inputId,
+      value,
+      ref,
+      className: classNames19("mr-3 mt-3 mb-3", className),
+      ...props,
+      ...createAttributesForTesting6(testId)
+    }, /* @__PURE__ */ React32.createElement(StyledIndicator, {
+      className: indicatorClassName
+    })), label ?? (context == null ? void 0 : context.t(labelKey)) ?? value, helpText ? /* @__PURE__ */ React32.createElement(Help_default, {
+      className: "ml-3",
+      text: helpText
+    }) : null);
+  }
+);
+var RadioButton_default = RadioButton;
+
+// src/radio-button/RadioGroup.tsx
+var RadioGroup2 = React33.forwardRef(({ options, children, className, ...props }, ref) => /* @__PURE__ */ React33.createElement(RadixRadio.Root, {
+  ...props,
+  asChild: true
+}, /* @__PURE__ */ React33.createElement(Control_default, {
+  ref,
+  className
+}, children ?? (options == null ? void 0 : options.map((option) => /* @__PURE__ */ React33.createElement(RadioButton_default, {
+  key: option.value,
+  value: option.value,
+  label: option.label,
+  helpText: option.helpText
+}))))));
+var RadioGroup_default = RadioGroup2;
+
+// src/radio-button/RadioGroupField.tsx
+var RadioGroupField = React34.forwardRef(
+  ({ fieldClassName, labelClassName, label, helpText, children, ...props }, ref) => {
+    return /* @__PURE__ */ React34.createElement(Field_default, {
+      className: fieldClassName,
+      as: "fieldset"
+    }, /* @__PURE__ */ React34.createElement(Label_default, {
+      className: labelClassName,
+      as: "legend"
+    }, label, helpText ? /* @__PURE__ */ React34.createElement(Help_default, {
+      className: "ml-1",
+      text: helpText
+    }) : null), /* @__PURE__ */ React34.createElement(RadioGroup_default, {
+      ref,
+      ...props
+    }, children));
+  }
+);
+var RadioGroupField_default = RadioGroupField;
+
+// src/radio-button/ControlledRadioGroupField.tsx
+import { Controller as Controller7 } from "react-hook-form";
+import classNames20 from "classnames";
+function ControlledRadioGroupField({
+  name,
+  label,
+  helpText,
+  rules,
+  defaultValue,
+  children,
+  fieldClassName,
+  readOnly,
+  ...props
+}) {
+  const { control, t, readOnly: formReadOnly, formId } = useScmFormContext();
+  const formPathPrefix = useScmFormPathContext();
+  const nameWithPrefix = formPathPrefix ? `${formPathPrefix}.${name}` : name;
+  const prefixedNameWithoutIndices = prefixWithoutIndices(nameWithPrefix);
+  const labelTranslation = label ?? t(`${prefixedNameWithoutIndices}.label`) ?? "";
+  const helpTextTranslation = helpText ?? t(`${prefixedNameWithoutIndices}.helpText`);
+  return /* @__PURE__ */ React35.createElement(Controller7, {
+    control,
+    name: nameWithPrefix,
+    rules,
+    defaultValue,
+    render: ({ field }) => /* @__PURE__ */ React35.createElement(RadioButtonContextProvider, {
+      t,
+      prefix: prefixedNameWithoutIndices,
+      formId
+    }, /* @__PURE__ */ React35.createElement(RadioGroupField_default, {
+      defaultValue,
+      disabled: readOnly ?? formReadOnly,
+      required: rules == null ? void 0 : rules.required,
+      label: labelTranslation,
+      helpText: helpTextTranslation,
+      fieldClassName: classNames20("column", fieldClassName),
+      onValueChange: field.onChange,
+      ...props,
+      ...field,
+      name: nameWithPrefix
+    }, children))
+  });
+}
+var ControlledRadioGroupField_default = ControlledRadioGroupField;
+
 // src/ConfigurationForm.tsx
 import { useConfigLink } from "@scm-manager/ui-api";
 import { Loading } from "@scm-manager/ui-components";
-import React31 from "react";
+import React36 from "react";
 import { useTranslation as useTranslation6 } from "react-i18next";
 function ConfigurationForm({ link, children, ...formProps }) {
   const { initialConfiguration, isReadOnly, update, isLoading } = useConfigLink(link);
   const [t] = useTranslation6("commons", { keyPrefix: "form" });
   if (isLoading || !initialConfiguration) {
-    return /* @__PURE__ */ React31.createElement(Loading, null);
+    return /* @__PURE__ */ React36.createElement(Loading, null);
   }
-  return /* @__PURE__ */ React31.createElement(Form_default, {
+  return /* @__PURE__ */ React36.createElement(Form_default, {
     onSubmit: update,
     defaultValues: initialConfiguration,
     readOnly: isReadOnly,
@@ -1345,15 +1526,15 @@ function ConfigurationForm({ link, children, ...formProps }) {
 var ConfigurationForm_default = ConfigurationForm;
 
 // src/input/Textarea.tsx
-import React32 from "react";
-import classNames19 from "classnames";
-import { createAttributesForTesting as createAttributesForTesting6 } from "@scm-manager/ui-components";
-var Textarea = React32.forwardRef(({ variant, className, testId, ...props }, ref) => {
-  return /* @__PURE__ */ React32.createElement("textarea", {
+import React37 from "react";
+import classNames21 from "classnames";
+import { createAttributesForTesting as createAttributesForTesting7 } from "@scm-manager/ui-components";
+var Textarea = React37.forwardRef(({ variant, className, testId, ...props }, ref) => {
+  return /* @__PURE__ */ React37.createElement("textarea", {
     ref,
-    className: classNames19("textarea", createVariantClass(variant), className),
+    className: classNames21("textarea", createVariantClass(variant), className),
     ...props,
-    ...createAttributesForTesting6(testId)
+    ...createAttributesForTesting7(testId)
   });
 });
 var Textarea_default = Textarea;
@@ -1445,6 +1626,11 @@ var useDeleteResource = (idFactory, { collectionName: [entityQueryKey, collectio
 };
 
 // src/index.ts
+var RadioGroupExport = {
+  Option: RadioButton_default
+};
+var RadioGroup3 = Object.assign(RadioGroup_default, RadioGroupExport);
+var RadioGroupField2 = Object.assign(RadioGroupField_default, RadioGroupExport);
 var ChipInputField3 = Object.assign(ChipInputField_default, {
   AddButton: ChipInput_default.AddButton
 });
@@ -1462,7 +1648,8 @@ var Form2 = Object.assign(Form_default, {
     Column: ControlledColumn_default
   }),
   ChipInput: ControlledChipInputField_default,
-  Combobox: ControlledComboboxField_default
+  Combobox: ControlledComboboxField_default,
+  RadioGroup: Object.assign(ControlledRadioGroupField_default, RadioGroupExport)
 });
 export {
   Checkbox_default as Checkbox,
@@ -1474,6 +1661,8 @@ export {
   Form2 as Form,
   Input_default as Input,
   Label_default as Label,
+  RadioGroup3 as RadioGroup,
+  RadioGroupField2 as RadioGroupField,
   Select_default as Select,
   SelectField_default as SelectField,
   Textarea_default as Textarea,