@homebound/beam 2.399.1 → 2.400.0

package/dist/index.cjs

@@ -11821,17 +11821,28 @@ var import_react_stately14 = require("react-stately");
 var import_jsx_runtime68 = require("@emotion/react/jsx-runtime");
 var nextNameId = 0;
 function RadioGroupField(props) {
-  const { label, labelStyle, value, onChange, options, disabled = false, errorMsg, helperText, ...otherProps } = props;
-  const name = (0, import_react55.useMemo)(() => `radio-group-${++nextNameId}`, []);
+  const {
+    label,
+    labelStyle,
+    value,
+    onChange,
+    options,
+    disabled = false,
+    errorMsg,
+    helperText,
+    unsupportedNameHack,
+    ...otherProps
+  } = props;
+  const groupName = (0, import_react55.useMemo)(() => unsupportedNameHack ?? `radio-group-${++nextNameId}`, [unsupportedNameHack]);
   const state = (0, import_react_stately14.useRadioGroupState)({
-    name,
+    name: groupName,
     value,
     onChange: (value2) => onChange(value2),
     isDisabled: disabled,
     isReadOnly: false
   });
   const tid = useTestIds(props, defaultTestId(label));
-  const { labelProps, radioGroupProps } = (0, import_react_aria34.useRadioGroup)({ label, isDisabled: disabled }, state);
+  const { labelProps, radioGroupProps } = (0, import_react_aria34.useRadioGroup)({ label, isDisabled: disabled, name: groupName }, state);
   return (
     // default styling to position `<Label />` above.
     /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { css: Css.df.fdc.gap1.aifs.if(labelStyle === "left").fdr.gap2.jcsb.$, children: [
@@ -11845,7 +11856,7 @@ function RadioGroupField(props) {
             children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
               Radio,
               {
-                parentId: name,
+                parentId: groupName,
                 option,
                 state: { ...state, isDisabled },
                 ...otherProps,
@@ -11893,6 +11904,7 @@ function Radio(props) {
         disabled,
         "aria-labelledby": labelId,
         ...inputProps,
+        name: parentId,
         ...focusProps,
         ...others
       }