@transferwise/components 46.58.1 → 46.59.0

package/build/radioGroup/RadioGroup.js

@@ -9,7 +9,8 @@ function RadioGroup({
   name,
   radios,
   selectedValue: controlledValue,
-  onChange
+  onChange,
+  UNSAFE_inputAttributes
 }) {
   const inputAttributes = contexts.useInputAttributes({
     nonLabelable: true
@@ -18,6 +19,7 @@ function RadioGroup({
   return radios.length > 0 ? /*#__PURE__*/jsxRuntime.jsx("div", {
     role: "radiogroup",
     ...inputAttributes,
+    ...UNSAFE_inputAttributes,
     children: radios.map(({
       value = '',
       ...restProps

package/build/radioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../src/radioGroup/RadioGroup.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport Radio from '../radio';\nimport { RadioProps } from '../radio/Radio';\nimport { useInputAttributes } from '../inputs/contexts';\n\nexport type RadioGroupRadio<T extends string | number = string> = Omit<\n  RadioProps<T>,\n  'name' | 'checked' | 'onChange' | 'className'\n>;\n\nexport interface RadioGroupProps<T extends string | number = string> {\n  name: string;\n  radios: readonly RadioGroupRadio<T>[];\n  selectedValue?: T; // TODO: `NoInfer<T>` from TypeScript 5.4\n  onChange: NonNullable<RadioProps<T>['onChange']>;\n}\n\nexport default function RadioGroup<T extends string | number = never>({\n  name,\n  radios,\n  selectedValue: controlledValue,\n  onChange,\n}: RadioGroupProps<T>) {\n  const inputAttributes = useInputAttributes({ nonLabelable: true });\n\n  const [uncontrolledValue, setUncontrolledValue] = useState(controlledValue);\n\n  return radios.length > 0 ? (\n    <div role=\"radiogroup\" {...inputAttributes}>\n      {radios.map(({ value = '' as T, ...restProps }, index) => (\n        <Radio\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          {...restProps}\n          name={name}\n          value={value}\n          checked={value === uncontrolledValue}\n          onChange={(nextValue) => {\n            setUncontrolledValue(nextValue);\n            onChange(nextValue);\n          }}\n        />\n      ))}\n    </div>\n  ) : null;\n}\n"],"names":["RadioGroup","name","radios","selectedValue","controlledValue","onChange","inputAttributes","useInputAttributes","nonLabelable","uncontrolledValue","setUncontrolledValue","useState","length","_jsx","role","children","map","value","restProps","index","Radio","checked","nextValue"],"mappings":";;;;;;;AAkBwB,SAAAA,UAAUA,CAAoC;EACpEC,IAAI;EACJC,MAAM;AACNC,EAAAA,aAAa,EAAEC,eAAe;AAC9BC,EAAAA,QAAAA;AACmB,CAAA,EAAA;EACnB,MAAMC,eAAe,GAAGC,2BAAkB,CAAC;AAAEC,IAAAA,YAAY,EAAE,IAAA;AAAM,GAAA,CAAC,CAAA;EAElE,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGC,cAAQ,CAACP,eAAe,CAAC,CAAA;AAE3E,EAAA,OAAOF,MAAM,CAACU,MAAM,GAAG,CAAC,gBACtBC,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,IAAI,EAAC,YAAY;AAAA,IAAA,GAAKR,eAAe;AAAAS,IAAAA,QAAA,EACvCb,MAAM,CAACc,GAAG,CAAC,CAAC;AAAEC,MAAAA,KAAK,GAAG,EAAO;MAAE,GAAGC,SAAAA;AAAS,KAAE,EAAEC,KAAK,kBACnDN,cAAA,CAACO,KAAAA;AACC;AAAA,MAAA;AAAA,MAAA,GAEIF,SAAS;AACbjB,MAAAA,IAAI,EAAEA,IAAK;AACXgB,MAAAA,KAAK,EAAEA,KAAM;MACbI,OAAO,EAAEJ,KAAK,KAAKR,iBAAkB;MACrCJ,QAAQ,EAAGiB,SAAS,IAAI;QACtBZ,oBAAoB,CAACY,SAAS,CAAC,CAAA;QAC/BjB,QAAQ,CAACiB,SAAS,CAAC,CAAA;AACrB,OAAA;AAAE,KAAA,EARGH,KAQH,CAEL,CAAA;GACE,CAAC,GACJ,IAAI,CAAA;AACV;;;;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../src/radioGroup/RadioGroup.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport Radio from '../radio';\nimport { RadioProps } from '../radio/Radio';\nimport { useInputAttributes, WithInputAttributesProps } from '../inputs/contexts';\n\nexport type RadioGroupRadio<T extends string | number = string> = Omit<\n  RadioProps<T>,\n  'name' | 'checked' | 'onChange' | 'className'\n>;\n\nexport interface RadioGroupProps<T extends string | number = string> {\n  name: string;\n  radios: readonly RadioGroupRadio<T>[];\n  selectedValue?: T; // TODO: `NoInfer<T>` from TypeScript 5.4\n  onChange: NonNullable<RadioProps<T>['onChange']>;\n  UNSAFE_inputAttributes?: WithInputAttributesProps['inputAttributes'];\n}\n\nexport default function RadioGroup<T extends string | number = never>({\n  name,\n  radios,\n  selectedValue: controlledValue,\n  onChange,\n  UNSAFE_inputAttributes,\n}: RadioGroupProps<T>) {\n  const inputAttributes = useInputAttributes({ nonLabelable: true });\n\n  const [uncontrolledValue, setUncontrolledValue] = useState(controlledValue);\n\n  return radios.length > 0 ? (\n    <div role=\"radiogroup\" {...inputAttributes} {...UNSAFE_inputAttributes}>\n      {radios.map(({ value = '' as T, ...restProps }, index) => (\n        <Radio\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          {...restProps}\n          name={name}\n          value={value}\n          checked={value === uncontrolledValue}\n          onChange={(nextValue) => {\n            setUncontrolledValue(nextValue);\n            onChange(nextValue);\n          }}\n        />\n      ))}\n    </div>\n  ) : null;\n}\n"],"names":["RadioGroup","name","radios","selectedValue","controlledValue","onChange","UNSAFE_inputAttributes","inputAttributes","useInputAttributes","nonLabelable","uncontrolledValue","setUncontrolledValue","useState","length","_jsx","role","children","map","value","restProps","index","Radio","checked","nextValue"],"mappings":";;;;;;;AAmBc,SAAUA,UAAUA,CAAoC;EACpEC,IAAI;EACJC,MAAM;AACNC,EAAAA,aAAa,EAAEC,eAAe;EAC9BC,QAAQ;AACRC,EAAAA,sBAAAA;AACmB,CAAA,EAAA;EACnB,MAAMC,eAAe,GAAGC,2BAAkB,CAAC;AAAEC,IAAAA,YAAY,EAAE,IAAA;AAAM,GAAA,CAAC,CAAA;EAElE,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGC,cAAQ,CAACR,eAAe,CAAC,CAAA;AAE3E,EAAA,OAAOF,MAAM,CAACW,MAAM,GAAG,CAAC,gBACtBC,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,IAAI,EAAC,YAAY;AAAA,IAAA,GAAKR,eAAe;AAAA,IAAA,GAAMD,sBAAsB;AAAAU,IAAAA,QAAA,EACnEd,MAAM,CAACe,GAAG,CAAC,CAAC;AAAEC,MAAAA,KAAK,GAAG,EAAO;MAAE,GAAGC,SAAAA;AAAS,KAAE,EAAEC,KAAK,kBACnDN,cAAA,CAACO,KAAAA;AACC;AAAA,MAAA;AAAA,MAAA,GAEIF,SAAS;AACblB,MAAAA,IAAI,EAAEA,IAAK;AACXiB,MAAAA,KAAK,EAAEA,KAAM;MACbI,OAAO,EAAEJ,KAAK,KAAKR,iBAAkB;MACrCL,QAAQ,EAAGkB,SAAS,IAAI;QACtBZ,oBAAoB,CAACY,SAAS,CAAC,CAAA;QAC/BlB,QAAQ,CAACkB,SAAS,CAAC,CAAA;AACrB,OAAA;AAAE,KAAA,EARGH,KAQH,CAEL,CAAA;GACE,CAAC,GACJ,IAAI,CAAA;AACV;;;;"}

package/build/radioGroup/RadioGroup.mjs

@@ -7,7 +7,8 @@ function RadioGroup({
   name,
   radios,
   selectedValue: controlledValue,
-  onChange
+  onChange,
+  UNSAFE_inputAttributes
 }) {
   const inputAttributes = useInputAttributes({
     nonLabelable: true
@@ -16,6 +17,7 @@ function RadioGroup({
   return radios.length > 0 ? /*#__PURE__*/jsx("div", {
     role: "radiogroup",
     ...inputAttributes,
+    ...UNSAFE_inputAttributes,
     children: radios.map(({
       value = '',
       ...restProps

package/build/radioGroup/RadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.mjs","sources":["../../src/radioGroup/RadioGroup.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport Radio from '../radio';\nimport { RadioProps } from '../radio/Radio';\nimport { useInputAttributes } from '../inputs/contexts';\n\nexport type RadioGroupRadio<T extends string | number = string> = Omit<\n  RadioProps<T>,\n  'name' | 'checked' | 'onChange' | 'className'\n>;\n\nexport interface RadioGroupProps<T extends string | number = string> {\n  name: string;\n  radios: readonly RadioGroupRadio<T>[];\n  selectedValue?: T; // TODO: `NoInfer<T>` from TypeScript 5.4\n  onChange: NonNullable<RadioProps<T>['onChange']>;\n}\n\nexport default function RadioGroup<T extends string | number = never>({\n  name,\n  radios,\n  selectedValue: controlledValue,\n  onChange,\n}: RadioGroupProps<T>) {\n  const inputAttributes = useInputAttributes({ nonLabelable: true });\n\n  const [uncontrolledValue, setUncontrolledValue] = useState(controlledValue);\n\n  return radios.length > 0 ? (\n    <div role=\"radiogroup\" {...inputAttributes}>\n      {radios.map(({ value = '' as T, ...restProps }, index) => (\n        <Radio\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          {...restProps}\n          name={name}\n          value={value}\n          checked={value === uncontrolledValue}\n          onChange={(nextValue) => {\n            setUncontrolledValue(nextValue);\n            onChange(nextValue);\n          }}\n        />\n      ))}\n    </div>\n  ) : null;\n}\n"],"names":["RadioGroup","name","radios","selectedValue","controlledValue","onChange","inputAttributes","useInputAttributes","nonLabelable","uncontrolledValue","setUncontrolledValue","useState","length","_jsx","role","children","map","value","restProps","index","Radio","checked","nextValue"],"mappings":";;;;;AAkBwB,SAAAA,UAAUA,CAAoC;EACpEC,IAAI;EACJC,MAAM;AACNC,EAAAA,aAAa,EAAEC,eAAe;AAC9BC,EAAAA,QAAAA;AACmB,CAAA,EAAA;EACnB,MAAMC,eAAe,GAAGC,kBAAkB,CAAC;AAAEC,IAAAA,YAAY,EAAE,IAAA;AAAM,GAAA,CAAC,CAAA;EAElE,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGC,QAAQ,CAACP,eAAe,CAAC,CAAA;AAE3E,EAAA,OAAOF,MAAM,CAACU,MAAM,GAAG,CAAC,gBACtBC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,IAAI,EAAC,YAAY;AAAA,IAAA,GAAKR,eAAe;AAAAS,IAAAA,QAAA,EACvCb,MAAM,CAACc,GAAG,CAAC,CAAC;AAAEC,MAAAA,KAAK,GAAG,EAAO;MAAE,GAAGC,SAAAA;AAAS,KAAE,EAAEC,KAAK,kBACnDN,GAAA,CAACO,KAAAA;AACC;AAAA,MAAA;AAAA,MAAA,GAEIF,SAAS;AACbjB,MAAAA,IAAI,EAAEA,IAAK;AACXgB,MAAAA,KAAK,EAAEA,KAAM;MACbI,OAAO,EAAEJ,KAAK,KAAKR,iBAAkB;MACrCJ,QAAQ,EAAGiB,SAAS,IAAI;QACtBZ,oBAAoB,CAACY,SAAS,CAAC,CAAA;QAC/BjB,QAAQ,CAACiB,SAAS,CAAC,CAAA;AACrB,OAAA;AAAE,KAAA,EARGH,KAQH,CAEL,CAAA;GACE,CAAC,GACJ,IAAI,CAAA;AACV;;;;"}
+{"version":3,"file":"RadioGroup.mjs","sources":["../../src/radioGroup/RadioGroup.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport Radio from '../radio';\nimport { RadioProps } from '../radio/Radio';\nimport { useInputAttributes, WithInputAttributesProps } from '../inputs/contexts';\n\nexport type RadioGroupRadio<T extends string | number = string> = Omit<\n  RadioProps<T>,\n  'name' | 'checked' | 'onChange' | 'className'\n>;\n\nexport interface RadioGroupProps<T extends string | number = string> {\n  name: string;\n  radios: readonly RadioGroupRadio<T>[];\n  selectedValue?: T; // TODO: `NoInfer<T>` from TypeScript 5.4\n  onChange: NonNullable<RadioProps<T>['onChange']>;\n  UNSAFE_inputAttributes?: WithInputAttributesProps['inputAttributes'];\n}\n\nexport default function RadioGroup<T extends string | number = never>({\n  name,\n  radios,\n  selectedValue: controlledValue,\n  onChange,\n  UNSAFE_inputAttributes,\n}: RadioGroupProps<T>) {\n  const inputAttributes = useInputAttributes({ nonLabelable: true });\n\n  const [uncontrolledValue, setUncontrolledValue] = useState(controlledValue);\n\n  return radios.length > 0 ? (\n    <div role=\"radiogroup\" {...inputAttributes} {...UNSAFE_inputAttributes}>\n      {radios.map(({ value = '' as T, ...restProps }, index) => (\n        <Radio\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          {...restProps}\n          name={name}\n          value={value}\n          checked={value === uncontrolledValue}\n          onChange={(nextValue) => {\n            setUncontrolledValue(nextValue);\n            onChange(nextValue);\n          }}\n        />\n      ))}\n    </div>\n  ) : null;\n}\n"],"names":["RadioGroup","name","radios","selectedValue","controlledValue","onChange","UNSAFE_inputAttributes","inputAttributes","useInputAttributes","nonLabelable","uncontrolledValue","setUncontrolledValue","useState","length","_jsx","role","children","map","value","restProps","index","Radio","checked","nextValue"],"mappings":";;;;;AAmBc,SAAUA,UAAUA,CAAoC;EACpEC,IAAI;EACJC,MAAM;AACNC,EAAAA,aAAa,EAAEC,eAAe;EAC9BC,QAAQ;AACRC,EAAAA,sBAAAA;AACmB,CAAA,EAAA;EACnB,MAAMC,eAAe,GAAGC,kBAAkB,CAAC;AAAEC,IAAAA,YAAY,EAAE,IAAA;AAAM,GAAA,CAAC,CAAA;EAElE,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGC,QAAQ,CAACR,eAAe,CAAC,CAAA;AAE3E,EAAA,OAAOF,MAAM,CAACW,MAAM,GAAG,CAAC,gBACtBC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,IAAI,EAAC,YAAY;AAAA,IAAA,GAAKR,eAAe;AAAA,IAAA,GAAMD,sBAAsB;AAAAU,IAAAA,QAAA,EACnEd,MAAM,CAACe,GAAG,CAAC,CAAC;AAAEC,MAAAA,KAAK,GAAG,EAAO;MAAE,GAAGC,SAAAA;AAAS,KAAE,EAAEC,KAAK,kBACnDN,GAAA,CAACO,KAAAA;AACC;AAAA,MAAA;AAAA,MAAA,GAEIF,SAAS;AACblB,MAAAA,IAAI,EAAEA,IAAK;AACXiB,MAAAA,KAAK,EAAEA,KAAM;MACbI,OAAO,EAAEJ,KAAK,KAAKR,iBAAkB;MACrCL,QAAQ,EAAGkB,SAAS,IAAI;QACtBZ,oBAAoB,CAACY,SAAS,CAAC,CAAA;QAC/BlB,QAAQ,CAACkB,SAAS,CAAC,CAAA;AACrB,OAAA;AAAE,KAAA,EARGH,KAQH,CAEL,CAAA;GACE,CAAC,GACJ,IAAI,CAAA;AACV;;;;"}

package/build/types/radioGroup/RadioGroup.d.ts

@@ -1,10 +1,12 @@
 import { RadioProps } from '../radio/Radio';
+import { WithInputAttributesProps } from '../inputs/contexts';
 export type RadioGroupRadio<T extends string | number = string> = Omit<RadioProps<T>, 'name' | 'checked' | 'onChange' | 'className'>;
 export interface RadioGroupProps<T extends string | number = string> {
     name: string;
     radios: readonly RadioGroupRadio<T>[];
     selectedValue?: T;
     onChange: NonNullable<RadioProps<T>['onChange']>;
+    UNSAFE_inputAttributes?: WithInputAttributesProps['inputAttributes'];
 }
-export default function RadioGroup<T extends string | number = never>({ name, radios, selectedValue: controlledValue, onChange, }: RadioGroupProps<T>): import("react").JSX.Element | null;
+export default function RadioGroup<T extends string | number = never>({ name, radios, selectedValue: controlledValue, onChange, UNSAFE_inputAttributes, }: RadioGroupProps<T>): import("react").JSX.Element | null;
 //# sourceMappingURL=RadioGroup.d.ts.map

package/build/types/radioGroup/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,IAAI,CACpE,UAAU,CAAC,CAAC,CAAC,EACb,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC9C,CAAC;AAEF,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,CAAC;IAClB,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,KAAK,EAAE,EACpE,IAAI,EACJ,MAAM,EACN,aAAa,EAAE,eAAe,EAC9B,QAAQ,GACT,EAAE,eAAe,CAAC,CAAC,CAAC,sCAuBpB"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAsB,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAElF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,IAAI,CACpE,UAAU,CAAC,CAAC,CAAC,EACb,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC9C,CAAC;AAEF,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,CAAC;IAClB,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,sBAAsB,CAAC,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;CACtE;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,KAAK,EAAE,EACpE,IAAI,EACJ,MAAM,EACN,aAAa,EAAE,eAAe,EAC9B,QAAQ,EACR,sBAAsB,GACvB,EAAE,eAAe,CAAC,CAAC,CAAC,sCAuBpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "46.58.1",
+  "version": "46.59.0",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -92,8 +92,8 @@
     "rollup": "^4.18.1",
     "rollup-preserve-directives": "^1.1.1",
     "storybook": "^8.2.2",
-    "@transferwise/less-config": "3.1.0",
     "@transferwise/neptune-css": "14.13.4",
+    "@transferwise/less-config": "3.1.0",
     "@wise/components-theming": "1.6.0"
   },
   "peerDependencies": {

package/src/inputs/InputGroup.story.tsx

@@ -3,6 +3,7 @@ import { Search } from '@transferwise/icons';
 import { useRef, useState } from 'react';
 
 import ActionButton from '../actionButton';
+import { Field } from '../field/Field';
 
 import { Input } from './Input';
 import { InputGroup } from './InputGroup';
@@ -40,6 +41,13 @@ export const WithSuffix: Story = {
   args: {
     disabled: false,
   },
+  decorators: [
+    (Story) => (
+      <Field label="Label">
+        <Story />
+      </Field>
+    ),
+  ],
 };
 
 function InputGroupWithSuffix(args: NonNullable<Story['args']>) {

package/src/inputs/SearchInput.story.tsx

@@ -2,6 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { useState } from 'react';
 
 import { Size } from '../common';
+import { Field } from '../field/Field';
 
 import { SearchInput } from './SearchInput';
 
@@ -24,6 +25,13 @@ export const Basic: Story = {
       action: 'changed',
     },
   },
+  decorators: [
+    (Story) => (
+      <Field label="Label">
+        <Story />
+      </Field>
+    ),
+  ],
 };
 
 function SearchInputBasic({ onChange, ...restProps }: NonNullable<Story['args']>) {

package/src/radioGroup/RadioGroup.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 
 import Radio from '../radio';
 import { RadioProps } from '../radio/Radio';
-import { useInputAttributes } from '../inputs/contexts';
+import { useInputAttributes, WithInputAttributesProps } from '../inputs/contexts';
 
 export type RadioGroupRadio<T extends string | number = string> = Omit<
   RadioProps<T>,
@@ -14,6 +14,7 @@ export interface RadioGroupProps<T extends string | number = string> {
   radios: readonly RadioGroupRadio<T>[];
   selectedValue?: T; // TODO: `NoInfer<T>` from TypeScript 5.4
   onChange: NonNullable<RadioProps<T>['onChange']>;
+  UNSAFE_inputAttributes?: WithInputAttributesProps['inputAttributes'];
 }
 
 export default function RadioGroup<T extends string | number = never>({
@@ -21,13 +22,14 @@ export default function RadioGroup<T extends string | number = never>({
   radios,
   selectedValue: controlledValue,
   onChange,
+  UNSAFE_inputAttributes,
 }: RadioGroupProps<T>) {
   const inputAttributes = useInputAttributes({ nonLabelable: true });
 
   const [uncontrolledValue, setUncontrolledValue] = useState(controlledValue);
 
   return radios.length > 0 ? (
-    <div role="radiogroup" {...inputAttributes}>
+    <div role="radiogroup" {...inputAttributes} {...UNSAFE_inputAttributes}>
       {radios.map(({ value = '' as T, ...restProps }, index) => (
         <Radio
           // eslint-disable-next-line react/no-array-index-key