react-science 19.8.0 → 19.9.1

package/lib/components/form/components/field_groups/svg_line_style.d.ts

@@ -19,6 +19,7 @@ export declare const FieldGroupSVGLineStyleFields: <TFormData, TFields extends i
         readonly Select: typeof import("../input/select.tsx").Select;
         readonly Switch: typeof import("../input/switch.tsx").Switch;
         readonly ColorPicker: typeof import("../input/color_picker.tsx").ColorPicker;
+        readonly RadioGroup: typeof import("../input/radio_group.tsx").RadioGroup;
     }, {
         readonly SubmitButton: typeof import("../input/submit_button.tsx").SubmitButton;
         readonly ResetButton: typeof import("../input/reset_button.tsx").ResetButton;
@@ -30,6 +31,7 @@ export declare const FieldGroupSVGLineStyleFields: <TFormData, TFields extends i
         readonly Select: typeof import("../input/select.tsx").Select;
         readonly Switch: typeof import("../input/switch.tsx").Switch;
         readonly ColorPicker: typeof import("../input/color_picker.tsx").ColorPicker;
+        readonly RadioGroup: typeof import("../input/radio_group.tsx").RadioGroup;
     }, {
         readonly SubmitButton: typeof import("../input/submit_button.tsx").SubmitButton;
         readonly ResetButton: typeof import("../input/reset_button.tsx").ResetButton;

package/lib/components/form/components/field_groups/svg_line_style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svg_line_style.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/field_groups/svg_line_style.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;CACf;AAaD,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAqCvC,CAAC"}
+{"version":3,"file":"svg_line_style.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/field_groups/svg_line_style.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;CACf;AAaD,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAqCvC,CAAC"}

package/lib/components/form/components/field_groups/svg_text_style.d.ts

@@ -20,6 +20,7 @@ export declare const FieldGroupSVGTextStyleFields: <TFormData, TFields extends i
         readonly Select: typeof import("../input/select.tsx").Select;
         readonly Switch: typeof import("../input/switch.tsx").Switch;
         readonly ColorPicker: typeof import("../input/color_picker.tsx").ColorPicker;
+        readonly RadioGroup: typeof import("../input/radio_group.tsx").RadioGroup;
     }, {
         readonly SubmitButton: typeof import("../input/submit_button.tsx").SubmitButton;
         readonly ResetButton: typeof import("../input/reset_button.tsx").ResetButton;
@@ -31,6 +32,7 @@ export declare const FieldGroupSVGTextStyleFields: <TFormData, TFields extends i
         readonly Select: typeof import("../input/select.tsx").Select;
         readonly Switch: typeof import("../input/switch.tsx").Switch;
         readonly ColorPicker: typeof import("../input/color_picker.tsx").ColorPicker;
+        readonly RadioGroup: typeof import("../input/radio_group.tsx").RadioGroup;
     }, {
         readonly SubmitButton: typeof import("../input/submit_button.tsx").SubmitButton;
         readonly ResetButton: typeof import("../input/reset_button.tsx").ResetButton;

package/lib/components/form/components/field_groups/svg_text_style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svg_text_style.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/field_groups/svg_text_style.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDA4DvC,CAAC"}
+{"version":3,"file":"svg_text_style.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/field_groups/svg_text_style.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDA4DvC,CAAC"}

package/lib/components/form/components/input/index.d.ts

@@ -2,6 +2,7 @@ export { type Checkbox as _Checkbox } from './checkbox.js';
 export { type ColorPicker as _ColorPicker } from './color_picker.js';
 export { type Input as _Input } from './input.js';
 export { type NumericInput as _NumericInput } from './numeric_input.js';
+export { type RadioGroup as _RadioGroup } from './radio_group.js';
 export { type ResetButton as _ResetButton } from './reset_button.js';
 export { type Select as _Select } from './select.js';
 export { type SubmitButton as _SubmitButton } from './submit_button.js';

package/lib/components/form/components/input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,KAAK,WAAW,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,KAAK,KAAK,IAAI,MAAM,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,KAAK,YAAY,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,KAAK,WAAW,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,KAAK,MAAM,IAAI,OAAO,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,KAAK,YAAY,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,KAAK,MAAM,IAAI,OAAO,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,KAAK,WAAW,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,KAAK,KAAK,IAAI,MAAM,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,KAAK,YAAY,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,KAAK,UAAU,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,KAAK,WAAW,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,KAAK,MAAM,IAAI,OAAO,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,KAAK,YAAY,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,KAAK,MAAM,IAAI,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/lib/components/form/components/input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/index.tsx"],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/index.ts"],"names":[],"mappings":""}

package/lib/components/form/components/input/radio_group.d.ts

@@ -0,0 +1,13 @@
+import type { RadioGroupProps as BPRadioGroupProps } from '@blueprintjs/core';
+import type { FormGroupInputProps } from '../input_groups/index.ts';
+interface RadioGroupProps extends Omit<FormGroupInputProps, 'placeholder'>, Omit<BPRadioGroupProps, keyof FormGroupInputProps | 'onChange' | 'id' | 'name' | 'onBlur' | 'selectedValue'> {
+}
+/**
+ * Default inline to true if the final layout (`layout ?? formLayout`) is 'inline'
+ * If you need to override this, set `inline={false}`.
+ *
+ * @param props
+ */
+export declare function RadioGroup(props: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=radio_group.d.ts.map

package/lib/components/form/components/input/radio_group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_group.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/radio_group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,IAAI,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAM9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAGpE,UAAU,eACR,SACE,IAAI,CAAC,mBAAmB,EAAE,aAAa,CAAC,EACxC,IAAI,CACF,iBAAiB,EACf,MAAM,mBAAmB,GACzB,UAAU,GACV,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,eAAe,CAClB;CAAG;AAER;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAyChD"}

package/lib/components/form/components/input/radio_group.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RadioGroup as BPRadioGroup } from '@blueprintjs/core';
+import { useFieldContext } from "../../context/use_ts_form.js";
+import { useFormContext } from "../input_groups/form_context.js";
+import { FormGroup } from "../input_groups/index.js";
+/**
+ * Default inline to true if the final layout (`layout ?? formLayout`) is 'inline'
+ * If you need to override this, set `inline={false}`.
+ *
+ * @param props
+ */
+export function RadioGroup(props) {
+    const { label, required, helpText, layout, fullWidth, ...radioGroupProps } = props;
+    const { layout: formLayout } = useFormContext();
+    const finalLayout = layout ?? formLayout;
+    const overridableRadioGroupProps = finalLayout === 'inline' ? { inline: true } : {};
+    const field = useFieldContext();
+    const error = field
+        .getMeta()
+        .errors.map((e) => e.message)
+        .at(0);
+    function onChange(event) {
+        return field.handleChange(event.currentTarget.value);
+    }
+    return (_jsx(FormGroup, { name: field.name, label: label, intent: error ? 'danger' : 'none', required: required, error: error, helpText: helpText, layout: layout, fullWidth: fullWidth, children: _jsx(BPRadioGroup, { ...overridableRadioGroupProps, ...radioGroupProps, id: field.name, name: field.name, onBlur: field.handleBlur, selectedValue: field.state.value, onChange: onChange }) }));
+}
+//# sourceMappingURL=radio_group.js.map

package/lib/components/form/components/input/radio_group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_group.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/radio_group.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG/D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAerD;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,GACxE,KAAK,CAAC;IAER,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAAC;IAChD,MAAM,WAAW,GAAG,MAAM,IAAI,UAAU,CAAC;IACzC,MAAM,0BAA0B,GAC9B,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEnD,MAAM,KAAK,GAAG,eAAe,EAAU,CAAC;IACxC,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,EAAE;SACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SAC5B,EAAE,CAAC,CAAC,CAAC,CAAC;IAET,SAAS,QAAQ,CAAC,KAAkC;QAClD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvD,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EACjC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,YAEpB,KAAC,YAAY,OACP,0BAA0B,KAC1B,eAAe,EACnB,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,UAAU,EACxB,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAChC,QAAQ,EAAE,QAAQ,GAClB,GACQ,CACb,CAAC;AACJ,CAAC"}

package/lib/components/form/components/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/layout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/form/components/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/components/layout/index.tsx"],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/components/layout/index.ts"],"names":[],"mappings":""}

package/lib/components/form/context/use_ts_form.d.ts

@@ -2,6 +2,7 @@ import { Checkbox } from '../components/input/checkbox.js';
 import { ColorPicker } from '../components/input/color_picker.tsx';
 import { Input } from '../components/input/input.js';
 import { NumericInput } from '../components/input/numeric_input.js';
+import { RadioGroup } from '../components/input/radio_group.js';
 import { ResetButton } from '../components/input/reset_button.js';
 import { Select } from '../components/input/select.js';
 import { SubmitButton } from '../components/input/submit_button.js';
@@ -15,6 +16,7 @@ declare const withForm: <TFormData, TOnMount extends import("@tanstack/react-for
     readonly Select: typeof Select;
     readonly Switch: typeof Switch;
     readonly ColorPicker: typeof ColorPicker;
+    readonly RadioGroup: typeof RadioGroup;
 }, {
     readonly SubmitButton: typeof SubmitButton;
     readonly ResetButton: typeof ResetButton;
@@ -27,6 +29,7 @@ declare const withForm: <TFormData, TOnMount extends import("@tanstack/react-for
         readonly Select: typeof Select;
         readonly Switch: typeof Switch;
         readonly ColorPicker: typeof ColorPicker;
+        readonly RadioGroup: typeof RadioGroup;
     }, {
         readonly SubmitButton: typeof SubmitButton;
         readonly ResetButton: typeof ResetButton;
@@ -39,6 +42,7 @@ declare const withForm: <TFormData, TOnMount extends import("@tanstack/react-for
     readonly Select: typeof Select;
     readonly Switch: typeof Switch;
     readonly ColorPicker: typeof ColorPicker;
+    readonly RadioGroup: typeof RadioGroup;
 }, {
     readonly SubmitButton: typeof SubmitButton;
     readonly ResetButton: typeof ResetButton;
@@ -51,6 +55,7 @@ declare const withForm: <TFormData, TOnMount extends import("@tanstack/react-for
         readonly Select: typeof Select;
         readonly Switch: typeof Switch;
         readonly ColorPicker: typeof ColorPicker;
+        readonly RadioGroup: typeof RadioGroup;
     }, {
         readonly SubmitButton: typeof SubmitButton;
         readonly ResetButton: typeof ResetButton;
@@ -62,6 +67,7 @@ declare const withForm: <TFormData, TOnMount extends import("@tanstack/react-for
         readonly Select: typeof Select;
         readonly Switch: typeof Switch;
         readonly ColorPicker: typeof ColorPicker;
+        readonly RadioGroup: typeof RadioGroup;
     }, {
         readonly SubmitButton: typeof SubmitButton;
         readonly ResetButton: typeof ResetButton;
@@ -76,6 +82,7 @@ export declare const useForm: <TFormData, TOnMount extends import("@tanstack/rea
     readonly Select: typeof Select;
     readonly Switch: typeof Switch;
     readonly ColorPicker: typeof ColorPicker;
+    readonly RadioGroup: typeof RadioGroup;
 }, {
     readonly SubmitButton: typeof SubmitButton;
     readonly ResetButton: typeof ResetButton;

package/lib/components/form/context/use_ts_form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_ts_form.d.ts","sourceRoot":"","sources":["../../../../src/components/form/context/use_ts_form.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAE1D,QAAA,MAAQ,cAAc,2IAAE,eAAe,8KACb,CAAC;AAE3B,QAAA,MAAoB,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;KAAE,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAgB1C,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;EAAa,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"use_ts_form.d.ts","sourceRoot":"","sources":["../../../../src/components/form/context/use_ts_form.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAE1D,QAAA,MAAQ,cAAc,2IAAE,eAAe,8KACb,CAAC;AAS3B,QAAA,MAAoB,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;KAAE,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAiB1C,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;EAAa,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC"}

package/lib/components/form/context/use_ts_form.js

@@ -3,12 +3,20 @@ import { Checkbox } from '../components/input/checkbox.js';
 import { ColorPicker } from "../components/input/color_picker.js";
 import { Input } from '../components/input/input.js';
 import { NumericInput } from '../components/input/numeric_input.js';
+import { RadioGroup } from '../components/input/radio_group.js';
 import { ResetButton } from '../components/input/reset_button.js';
 import { Select } from '../components/input/select.js';
 import { SubmitButton } from '../components/input/submit_button.js';
 import { Switch } from '../components/input/switch.js';
 import { Section } from '../components/layout/Section.js';
 const { useFormContext, useFieldContext, formContext, fieldContext } = createFormHookContexts();
+/*
+ * formComponents and fieldComponents components MUST have their types
+ * exported from the `../components/input/index.ts`
+ * or `../components/layout/index.ts` file.
+ *
+ * It is necessary for `withForm` usage.
+ */
 const { useAppForm, withForm, withFieldGroup } = createFormHook({
     fieldContext,
     formContext,
@@ -24,6 +32,7 @@ const { useAppForm, withForm, withFieldGroup } = createFormHook({
         Select,
         Switch,
         ColorPicker,
+        RadioGroup,
     },
 });
 export const useForm = useAppForm;

package/lib/components/form/context/use_ts_form.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_ts_form.js","sourceRoot":"","sources":["../../../../src/components/form/context/use_ts_form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAE9E,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAsC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAE1D,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,GAClE,sBAAsB,EAAE,CAAC;AAE3B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc,CAAC;IAC9D,YAAY;IACZ,WAAW;IACX,cAAc,EAAE;QACd,YAAY;QACZ,WAAW;QACX,OAAO;KACR;IACD,eAAe,EAAE;QACf,KAAK;QACL,YAAY;QACZ,QAAQ;QACR,MAAM;QACN,MAAM;QACN,WAAW;KACZ;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"use_ts_form.js","sourceRoot":"","sources":["../../../../src/components/form/context/use_ts_form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAE9E,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAsC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAE1D,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,GAClE,sBAAsB,EAAE,CAAC;AAE3B;;;;;;GAMG;AACH,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc,CAAC;IAC9D,YAAY;IACZ,WAAW;IACX,cAAc,EAAE;QACd,YAAY;QACZ,WAAW;QACX,OAAO;KACR;IACD,eAAe,EAAE;QACf,KAAK;QACL,YAAY;QACZ,QAAQ;QACR,MAAM;QACN,MAAM;QACN,WAAW;QACX,UAAU;KACX;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-science",
-  "version": "19.8.0",
+  "version": "19.9.1",
   "description": "React components to build scientific applications UI",
   "type": "module",
   "exports": {
@@ -57,80 +57,80 @@
   },
   "dependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^1.7.7",
-    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.2",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.5",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
     "@emotion/styled": "^11.14.1",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
-    "@tanstack/react-form": "^1.27.7",
+    "@tanstack/react-form": "^1.28.3",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.13.18",
     "@zakodium/pdnd-esm": "^1.0.2",
     "d3-scale-chromatic": "^3.1.0",
     "react-d3-utils": "^3.1.2",
-    "react-dropzone": "^14.3.8",
+    "react-dropzone": "^15.0.0",
     "react-full-screen": "^1.1.1",
     "react-icons": "^5.5.0",
     "react-inspector": "^9.0.0",
     "tinycolor2": "^1.6.0",
     "ts-pattern": "^5.9.0",
-    "zod": "^4.3.5"
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "@blueprintjs/core": "6.0.0",
     "@blueprintjs/icons": "6.0.0",
     "@blueprintjs/select": "6.0.0",
-    "@floating-ui/react": "^0.27.16",
-    "@playwright/experimental-ct-react": "^1.57.0",
-    "@playwright/test": "^1.57.0",
-    "@storybook/addon-docs": "^9.1.10",
-    "@storybook/react-vite": "^9.1.10",
-    "@tanstack/react-query": "^5.90.16",
+    "@floating-ui/react": "^0.27.17",
+    "@playwright/experimental-ct-react": "=1.57.0",
+    "@playwright/test": "=1.57.0",
+    "@storybook/addon-docs": "^10.2.8",
+    "@storybook/react-vite": "^10.2.8",
+    "@tanstack/react-query": "^5.90.21",
     "@types/babel__core": "^7.20.5",
     "@types/d3-scale-chromatic": "^3.1.0",
     "@types/node": "^24.7.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/tinycolor2": "^1.4.6",
-    "@vitejs/plugin-react": "^5.1.2",
-    "@vitest/coverage-v8": "^4.0.16",
+    "@vitejs/plugin-react": "^5.1.4",
+    "@vitest/coverage-v8": "^4.0.18",
     "@zakodium/tsconfig": "^1.0.2",
     "biologic-converter": "^0.6.0",
     "cheminfo-font": "^1.13.1",
-    "cheminfo-types": "^1.9.0",
+    "cheminfo-types": "^1.10.0",
     "cross-env": "^10.1.0",
     "eslint": "^9.39.2",
-    "eslint-config-zakodium": "^19.0.0",
-    "eslint-plugin-storybook": "^9.1.10",
+    "eslint-config-zakodium": "^19.1.0",
+    "eslint-plugin-storybook": "^10.2.8",
     "fifo-logger": "^2.0.1",
     "filelist-utils": "^1.11.3",
-    "immer": "^11.1.3",
+    "immer": "^11.1.4",
     "jcampconverter": "^12.1.0",
     "ml-gsd": "^13.1.1",
     "ml-peak-shape-generator": "^4.2.0",
-    "ml-signal-processing": "^2.1.0",
-    "ml-spectra-processing": "^14.18.2",
+    "ml-signal-processing": "^2.2.0",
+    "ml-spectra-processing": "^14.19.0",
     "ms-spectrum": "^3.9.2",
     "netcdfjs": "^3.0.0",
     "postcss-styled-syntax": "^0.7.1",
-    "prettier": "^3.7.4",
+    "prettier": "^3.8.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-error-boundary": "^6.0.3",
+    "react-error-boundary": "^6.1.1",
     "react-kbs": "^3.1.0",
-    "react-ocl": "^8.4.0",
+    "react-ocl": "^8.5.0",
     "react-plot": "^3.1.2",
-    "rimraf": "^6.1.2",
+    "rimraf": "^6.1.3",
     "spc-parser": "^1.0.0",
-    "storybook": "^9.1.10",
-    "stylelint": "^16.26.1",
-    "stylelint-config-standard": "^39.0.1",
+    "storybook": "^10.2.8",
+    "stylelint": "^17.3.0",
+    "stylelint-config-standard": "^40.0.0",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
-    "vitest": "^4.0.16",
+    "vitest": "^4.0.18",
     "wdf-parser": "^0.3.0"
   },
   "volta": {
-    "node": "24.13.0"
+    "node": "24.13.1"
   },
   "overrides": {
     "storybook": "$storybook"

package/src/components/form/components/input/{index.tsx → index.ts}

@@ -2,6 +2,7 @@ export { type Checkbox as _Checkbox } from './checkbox.js';
 export { type ColorPicker as _ColorPicker } from './color_picker.js';
 export { type Input as _Input } from './input.js';
 export { type NumericInput as _NumericInput } from './numeric_input.js';
+export { type RadioGroup as _RadioGroup } from './radio_group.js';
 export { type ResetButton as _ResetButton } from './reset_button.js';
 export { type Select as _Select } from './select.js';
 export { type SubmitButton as _SubmitButton } from './submit_button.js';

package/src/components/form/components/input/radio_group.tsx

@@ -0,0 +1,70 @@
+import type { RadioGroupProps as BPRadioGroupProps } from '@blueprintjs/core';
+import { RadioGroup as BPRadioGroup } from '@blueprintjs/core';
+import type { FormEvent } from 'react';
+
+import { useFieldContext } from '../../context/use_ts_form.ts';
+import { useFormContext } from '../input_groups/form_context.ts';
+import type { FormGroupInputProps } from '../input_groups/index.ts';
+import { FormGroup } from '../input_groups/index.ts';
+
+interface RadioGroupProps
+  extends
+    Omit<FormGroupInputProps, 'placeholder'>,
+    Omit<
+      BPRadioGroupProps,
+      | keyof FormGroupInputProps
+      | 'onChange'
+      | 'id'
+      | 'name'
+      | 'onBlur'
+      | 'selectedValue'
+    > {}
+
+/**
+ * Default inline to true if the final layout (`layout ?? formLayout`) is 'inline'
+ * If you need to override this, set `inline={false}`.
+ *
+ * @param props
+ */
+export function RadioGroup(props: RadioGroupProps) {
+  const { label, required, helpText, layout, fullWidth, ...radioGroupProps } =
+    props;
+
+  const { layout: formLayout } = useFormContext();
+  const finalLayout = layout ?? formLayout;
+  const overridableRadioGroupProps: Pick<BPRadioGroupProps, 'inline'> =
+    finalLayout === 'inline' ? { inline: true } : {};
+
+  const field = useFieldContext<string>();
+  const error = field
+    .getMeta()
+    .errors.map((e) => e.message)
+    .at(0);
+
+  function onChange(event: FormEvent<HTMLInputElement>) {
+    return field.handleChange(event.currentTarget.value);
+  }
+
+  return (
+    <FormGroup
+      name={field.name}
+      label={label}
+      intent={error ? 'danger' : 'none'}
+      required={required}
+      error={error}
+      helpText={helpText}
+      layout={layout}
+      fullWidth={fullWidth}
+    >
+      <BPRadioGroup
+        {...overridableRadioGroupProps}
+        {...radioGroupProps}
+        id={field.name}
+        name={field.name}
+        onBlur={field.handleBlur}
+        selectedValue={field.state.value}
+        onChange={onChange}
+      />
+    </FormGroup>
+  );
+}

package/src/components/form/context/use_ts_form.ts

@@ -4,6 +4,7 @@ import { Checkbox } from '../components/input/checkbox.js';
 import { ColorPicker } from '../components/input/color_picker.tsx';
 import { Input } from '../components/input/input.js';
 import { NumericInput } from '../components/input/numeric_input.js';
+import { RadioGroup } from '../components/input/radio_group.js';
 import { ResetButton } from '../components/input/reset_button.js';
 import { Select } from '../components/input/select.js';
 import { SubmitButton } from '../components/input/submit_button.js';
@@ -13,6 +14,13 @@ import { Section } from '../components/layout/Section.js';
 const { useFormContext, useFieldContext, formContext, fieldContext } =
   createFormHookContexts();
 
+/*
+ * formComponents and fieldComponents components MUST have their types
+ * exported from the `../components/input/index.ts`
+ * or `../components/layout/index.ts` file.
+ *
+ * It is necessary for `withForm` usage.
+ */
 const { useAppForm, withForm, withFieldGroup } = createFormHook({
   fieldContext,
   formContext,
@@ -28,6 +36,7 @@ const { useAppForm, withForm, withFieldGroup } = createFormHook({
     Select,
     Switch,
     ColorPicker,
+    RadioGroup,
   },
 });