@texaryn/react-mui 0.1.3 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @texaryn/react-mui
 
+## 0.2.0
+
+### Minor Changes
+
+- 3545378: Expose a titled nested object as a named group in React and Vue, closing the last gap the DOM accessibility contract declared.
+  
+  A nested object rendered as a plain `div` gives no indication where one group of fields ends and the next begins. It is now a `fieldset` named by its `legend`, matching what `@texaryn/web-components` already did. The element is chosen once at mount and only the grouping semantics are re-derived, because a conditional subschema can add or drop a title on any recompile and swapping `div` for `fieldset` at that moment would remount the subtree and take the caret with it. An untitled nested object stays a `fieldset` but carries `role="none"`, since an unnamed group is noise in the accessibility tree.
+  
+  The decision is shared through a new `useObjectGroup` hook, so the three React widget sets cannot drift apart on it. The root object is still a plain container: it is the form itself, not a group inside one.
+- 3e53ca9: Keep each field's error container mounted as a live region instead of inserting it with the message already inside.
+  
+  A region that appears together with its content is not reliably announced, which is what every binding did: React and Vue rendered nothing until an error existed, and Web Components kept the node but hid it, which takes it out of the accessibility tree just the same. The container now exists from mount, stays empty while the field is valid, and only its contents change.
+  
+  It is `aria-live="polite" aria-atomic="true"` rather than `role="alert"`. This is a public semantic change: `ErrorProps` promised `role: 'alert'` and now carries the live-region attributes instead. Alert is assertive, and validation runs on change, blur and submit, so keeping it would have interrupted typing and spoken once per failing field on submit. `aria-describedby` stays conditional, pointing at the region only while it has something to say. `ErrorSummary` loses its `role="alert"` and keeps rendering conditionally, because the fields now announce their own errors and an aggregate region would repeat the same validation event.
+- e7c00ce: Render a schema's `readOnly` as read-only rather than disabled, and enforce it in the runtime.
+  
+  A disabled control is not focusable and is announced differently; a read-only one stays focusable and selectable, which is what `readOnly` means. Compiled nodes now carry a resolved `readOnly` that a read-only object or array passes to everything beneath it, because editing a descendant changes the ancestor's value. The runtime refuses `SetValue`, `InsertItem`, `RemoveItem` and `MoveItem` on a read-only node, so a custom widget set cannot write past the restriction; `Reset` stays allowed as the owning authority replacing state. Renderers use the native `readonly` attribute where HTML has one and `aria-readonly` plus refusing the change where it does not, which is select and checkbox. `disabled` remains part of the node API, but the compiler no longer derives it from `readOnly`, so compiled nodes currently resolve it to false.
+
+### Patch Changes
+
+- Updated dependencies [3545378]
+- Updated dependencies [3e53ca9]
+- Updated dependencies [4a161b2]
+- Updated dependencies [e7c00ce]
+  - @texaryn/react@0.3.0
+  - @texaryn/core@0.6.0
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies [8b20b6e]
+  - @texaryn/core@0.5.0
+  - @texaryn/react@0.2.4
+
 ## 0.1.3
 
 ### Patch Changes

package/README.md

@@ -66,14 +66,14 @@ function App() {
 | `MuiTextarea` | field with the `textarea` widget hint | `TextField` with `multiline` |
 | `MuiSelect` | field with enum values | `TextField` with `select`, `MenuItem` per option |
 | `MuiCheckbox` | boolean field | `FormControl`, `FormControlLabel`, `Checkbox`, `FormHelperText` |
-| `MuiObjectLayout` | object container | `Stack` around the children |
+| `MuiObjectLayout` | object container | `Stack`; a nested object is a `fieldset` named by its `legend` |
 | `MuiArrayControl` | array container | `Stack`, `Box` per item, `Button` to add or remove |
 
 Enum outranks the primitive type, so a string field with an `enum` renders as a select, and the `textarea` hint outranks both.
 
 ### Error display: replace, not both
 
-Where `@texaryn/react-bootstrap` and the default registry show the description and every visible error together, this package shows one line of helper text at a time: the description while the field is valid, and the first visible error in its place once the field is invalid. That is `TextField`'s own `helperText` model, one slot, so the widgets pass it `field.error ?? field.description` rather than rendering both. The error line carries `role="alert"` through `slotProps.formHelperText`.
+Where `@texaryn/react-bootstrap` and the default registry show the description and every visible error together, this package shows one line of helper text at a time: the description while the field is valid, and the first visible error in its place once the field is invalid. That is `TextField`'s own `helperText` model, one slot, so the widgets fill it with the error or the description rather than both. MUI renders no helper line at all for empty `helperText`, so the live region that announces the error is a stable `aria-live="polite"` span inside that line rather than the line itself: a region inserted with its content already in place is not reliably announced.
 
 ### `aria-required`, not `required`
 

package/dist/widgets/MuiCheckbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MuiCheckbox.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAGtD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAiC7C;AAED,eAAO,MAAM,WAAW,mDAA6E,CAAA"}
+{"version":3,"file":"MuiCheckbox.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAItD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBA6B7C;AAED,eAAO,MAAM,WAAW,mDAA6E,CAAA"}

package/dist/widgets/MuiCheckbox.js

@@ -5,19 +5,20 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 import Checkbox from '@mui/material/Checkbox';
 import FormHelperText from '@mui/material/FormHelperText';
 import { useFieldBinding } from '@texaryn/react';
+import { helperContent } from './helper-text.js';
 function MuiCheckboxImpl({ node }) {
     const field = useFieldBinding(node);
-    const feedback = field.error ?? field.description;
     const helperId = `${field.domCheckboxProps.id}-helper`;
     return (_jsxs(FormControl, { error: field.invalid, disabled: field.disabled, children: [_jsx(FormControlLabel, { label: field.label, control: _jsx(Checkbox, { checked: field.domCheckboxProps.checked, onChange: field.domCheckboxProps.onChange, onBlur: field.domCheckboxProps.onBlur, slotProps: {
                         input: {
                             id: field.domCheckboxProps.id,
                             name: field.domCheckboxProps.name,
                             'aria-required': field.required || undefined,
+                            'aria-readonly': field.readOnly || undefined,
                             'aria-invalid': field.invalid || undefined,
-                            'aria-describedby': feedback ? helperId : undefined,
+                            'aria-describedby': helperId,
                         },
-                    } }) }), feedback ? (_jsx(FormHelperText, { id: helperId, role: field.invalid ? 'alert' : undefined, children: feedback })) : null] }));
+                    } }) }), _jsx(FormHelperText, { id: helperId, children: helperContent(field) })] }));
 }
 export const MuiCheckbox = React.memo(MuiCheckboxImpl, (prev, next) => prev.node.id === next.node.id);
 //# sourceMappingURL=MuiCheckbox.js.map

package/dist/widgets/MuiCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MuiCheckbox.js","sourceRoot":"","sources":["../../src/widgets/MuiCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,2BAA2B,CAAA;AACnD,OAAO,gBAAgB,MAAM,gCAAgC,CAAA;AAC7D,OAAO,QAAQ,MAAM,wBAAwB,CAAA;AAC7C,OAAO,cAAc,MAAM,8BAA8B,CAAA;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAMhD,SAAS,eAAe,CAAC,EAAE,IAAI,EAAe;IAC5C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAAA;IACjD,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAEtD,OAAO,CACL,MAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,aACzD,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EACL,KAAC,QAAQ,IACP,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,EACvC,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EACzC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,EACrC,SAAS,EAAE;wBACT,KAAK,EAAE;4BACL,EAAE,EAAE,KAAK,CAAC,gBAAgB,CAAC,EAAE;4BAC7B,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,IAAI;4BACjC,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;4BAC5C,cAAc,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;4BAC1C,kBAAkB,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;yBACpD;qBACF,GACD,GAEJ,EACD,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,cAAc,IAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,YACpE,QAAQ,GACM,CAClB,CAAC,CAAC,CAAC,IAAI,IACI,CACf,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"MuiCheckbox.js","sourceRoot":"","sources":["../../src/widgets/MuiCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,2BAA2B,CAAA;AACnD,OAAO,gBAAgB,MAAM,gCAAgC,CAAA;AAC7D,OAAO,QAAQ,MAAM,wBAAwB,CAAA;AAC7C,OAAO,cAAc,MAAM,8BAA8B,CAAA;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAMhD,SAAS,eAAe,CAAC,EAAE,IAAI,EAAe;IAC5C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAEtD,OAAO,CACL,MAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,aACzD,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EACL,KAAC,QAAQ,IACP,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,EACvC,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EACzC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,EACrC,SAAS,EAAE;wBACT,KAAK,EAAE;4BACL,EAAE,EAAE,KAAK,CAAC,gBAAgB,CAAC,EAAE;4BAC7B,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,IAAI;4BACjC,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;4BAC5C,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;4BAC5C,cAAc,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;4BAC1C,kBAAkB,EAAE,QAAQ;yBAC7B;qBACF,GACD,GAEJ,EACF,KAAC,cAAc,IAAC,EAAE,EAAE,QAAQ,YAAG,aAAa,CAAC,KAAK,CAAC,GAAkB,IACzD,CACf,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/widgets/MuiNumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MuiNumberInput.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiNumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAGtD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBA4BhD;AAED,eAAO,MAAM,cAAc,sDAAgF,CAAA"}
+{"version":3,"file":"MuiNumberInput.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiNumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAItD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBA0BhD;AAED,eAAO,MAAM,cAAc,sDAAgF,CAAA"}

package/dist/widgets/MuiNumberInput.js

@@ -2,16 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import TextField from '@mui/material/TextField';
 import { useFieldBinding } from '@texaryn/react';
+import { helperContent } from './helper-text.js';
 function MuiNumberInputImpl({ node }) {
     const field = useFieldBinding(node);
-    return (_jsx(TextField, { type: "number", id: field.domInputProps.id, name: field.domInputProps.name, value: field.domInputProps.value, onChange: field.domInputProps.onChange, onBlur: field.domInputProps.onBlur, disabled: field.disabled, placeholder: field.placeholder, label: field.label, error: field.invalid, helperText: field.error ?? field.description, fullWidth: true, slotProps: {
+    return (_jsx(TextField, { type: "number", id: field.domInputProps.id, name: field.domInputProps.name, value: field.domInputProps.value, onChange: field.domInputProps.onChange, onBlur: field.domInputProps.onBlur, disabled: field.disabled, placeholder: field.placeholder, label: field.label, error: field.invalid, helperText: helperContent(field), fullWidth: true, slotProps: {
             htmlInput: {
+                readOnly: field.readOnly,
                 'aria-required': field.required || undefined,
                 'aria-invalid': field.invalid || undefined,
             },
-            formHelperText: {
-                role: field.invalid ? 'alert' : undefined,
-            },
         } }));
 }
 export const MuiNumberInput = React.memo(MuiNumberInputImpl, (prev, next) => prev.node.id === next.node.id);

package/dist/widgets/MuiNumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MuiNumberInput.js","sourceRoot":"","sources":["../../src/widgets/MuiNumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAMhD,SAAS,kBAAkB,CAAC,EAAE,IAAI,EAAe;IAC/C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAEhD,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,EAC1B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,EAC9B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,EAChC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,EACtC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,EAC5C,SAAS,QACT,SAAS,EAAE;YACT,SAAS,EAAE;gBACT,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;gBAC5C,cAAc,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;aAC3C;YACD,cAAc,EAAE;gBACd,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;aAC1C;SACF,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"MuiNumberInput.js","sourceRoot":"","sources":["../../src/widgets/MuiNumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAMhD,SAAS,kBAAkB,CAAC,EAAE,IAAI,EAAe;IAC/C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAEhD,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,EAC1B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,EAC9B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,EAChC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,EACtC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,aAAa,CAAC,KAAK,CAAC,EAChC,SAAS,QACT,SAAS,EAAE;YACT,SAAS,EAAE;gBACT,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;gBAC5C,cAAc,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;aAC3C;SACF,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/widgets/MuiObjectLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MuiObjectLayout.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiObjectLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAiB,MAAM,EAAE,MAAM,eAAe,CAAA;AAG1D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAejD;AAED,eAAO,MAAM,eAAe,uDAAiF,CAAA"}
+{"version":3,"file":"MuiObjectLayout.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiObjectLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAG3C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBA8BjD;AAED,eAAO,MAAM,eAAe,uDAG3B,CAAA"}

package/dist/widgets/MuiObjectLayout.js

@@ -1,17 +1,19 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import Stack from '@mui/material/Stack';
-import { NodeRenderer, useRendererContext } from '@texaryn/react';
+import Typography from '@mui/material/Typography';
+import { NodeRenderer, useObjectGroup, useRendererContext } from '@texaryn/react';
 function MuiObjectLayoutImpl({ node }) {
-    const containerNode = node;
     const { document, registry } = useRendererContext();
-    return (_jsx(Stack, { spacing: 2, children: containerNode.children.map((childId) => {
-            const child = document.nodes[childId];
-            if (!child) {
-                return null;
-            }
-            return _jsx(NodeRenderer, { node: child, document: document, registry: registry }, childId);
-        }) }));
+    const { nested, title, children } = useObjectGroup(node);
+    const rendered = children.map((child) => (_jsx(NodeRenderer, { node: child, document: document, registry: registry }, child.id)));
+    if (!nested) {
+        return _jsx(Stack, { spacing: 2, children: rendered });
+    }
+    // A plain fieldset rather than one of MUI's own containers: this package is
+    // theme-neutral and the grouping has to be a real fieldset with a legend for
+    // the group to be named. Typography styles the legend without replacing it.
+    return (_jsxs(Stack, { component: "fieldset", spacing: 2, role: title === undefined ? 'none' : undefined, sx: { border: 0, m: 0, p: 0 }, children: [title === undefined ? null : (_jsx(Typography, { component: "legend", variant: "subtitle2", children: title })), _jsx(Stack, { spacing: 2, children: rendered })] }));
 }
 export const MuiObjectLayout = React.memo(MuiObjectLayoutImpl, (prev, next) => prev.node.id === next.node.id);
 //# sourceMappingURL=MuiObjectLayout.js.map

package/dist/widgets/MuiObjectLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"MuiObjectLayout.js","sourceRoot":"","sources":["../../src/widgets/MuiObjectLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,qBAAqB,CAAA;AAEvC,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAMjE,SAAS,mBAAmB,CAAC,EAAE,IAAI,EAAe;IAChD,MAAM,aAAa,GAAG,IAAqB,CAAA;IAC3C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEnD,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAE,CAAC,YACd,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YACtC,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;YACrC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,IAAI,CAAA;YACb,CAAC;YACD,OAAO,KAAC,YAAY,IAAe,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAA5D,OAAO,CAAyD,CAAA;QAC5F,CAAC,CAAC,GACI,CACT,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"MuiObjectLayout.js","sourceRoot":"","sources":["../../src/widgets/MuiObjectLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,qBAAqB,CAAA;AACvC,OAAO,UAAU,MAAM,0BAA0B,CAAA;AAEjD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAMjF,SAAS,mBAAmB,CAAC,EAAE,IAAI,EAAe;IAChD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACnD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;IAExD,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACvC,KAAC,YAAY,IAAgB,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAA7D,KAAK,CAAC,EAAE,CAAyD,CACrF,CAAC,CAAA;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,KAAC,KAAK,IAAC,OAAO,EAAE,CAAC,YAAG,QAAQ,GAAS,CAAA;IAC9C,CAAC;IAED,4EAA4E;IAC5E,6EAA6E;IAC7E,4EAA4E;IAC5E,OAAO,CACL,MAAC,KAAK,IACJ,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,CAAC,EACV,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC9C,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,aAE5B,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5B,KAAC,UAAU,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,YAC/C,KAAK,GACK,CACd,EACD,KAAC,KAAK,IAAC,OAAO,EAAE,CAAC,YAAG,QAAQ,GAAS,IAC/B,CACT,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CACvC,mBAAmB,EACnB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAC9C,CAAA"}

package/dist/widgets/MuiSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MuiSelect.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAGtD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,aAAa,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBA2C3C;AAED,eAAO,MAAM,SAAS,iDAA2E,CAAA"}
+{"version":3,"file":"MuiSelect.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAItD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,aAAa,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAyC3C;AAED,eAAO,MAAM,SAAS,iDAA2E,CAAA"}

package/dist/widgets/MuiSelect.js

@@ -3,10 +3,11 @@ import React from 'react';
 import TextField from '@mui/material/TextField';
 import MenuItem from '@mui/material/MenuItem';
 import { useFieldBinding } from '@texaryn/react';
+import { helperContent } from './helper-text.js';
 function MuiSelectImpl({ node }) {
     const field = useFieldBinding(node);
     const enumValues = node.enumValues ?? [];
-    return (_jsx(TextField, { select: true, id: field.domInputProps.id, name: field.domInputProps.name, value: field.domInputProps.value, onChange: field.domInputProps.onChange, onBlur: field.domInputProps.onBlur, disabled: field.disabled, label: field.label, error: field.invalid, helperText: field.error ?? field.description, fullWidth: true, slotProps: {
+    return (_jsx(TextField, { select: true, id: field.domInputProps.id, name: field.domInputProps.name, value: field.domInputProps.value, onChange: field.domInputProps.onChange, onBlur: field.domInputProps.onBlur, disabled: field.disabled, label: field.label, error: field.invalid, helperText: helperContent(field), fullWidth: true, slotProps: {
             // Screen readers see the combobox div, not MUI's aria-hidden native
             // input, so the required state goes on the display element.
             //
@@ -18,11 +19,9 @@ function MuiSelectImpl({ node }) {
             select: {
                 SelectDisplayProps: {
                     'aria-required': field.required || undefined,
+                    'aria-readonly': field.readOnly || undefined,
                 },
             },
-            formHelperText: {
-                role: field.invalid ? 'alert' : undefined,
-            },
         }, children: enumValues.map((option) => (_jsx(MenuItem, { value: String(option.value), children: option.title ?? String(option.value) }, String(option.value)))) }));
 }
 export const MuiSelect = React.memo(MuiSelectImpl, (prev, next) => prev.node.id === next.node.id);

package/dist/widgets/MuiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MuiSelect.js","sourceRoot":"","sources":["../../src/widgets/MuiSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAC/C,OAAO,QAAQ,MAAM,wBAAwB,CAAA;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAMhD,SAAS,aAAa,CAAC,EAAE,IAAI,EAAe;IAC1C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,MAAM,UAAU,GAAI,IAAkB,CAAC,UAAU,IAAI,EAAE,CAAA;IAEvD,OAAO,CACL,KAAC,SAAS,IACR,MAAM,QACN,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,EAC1B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,EAC9B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,EAChC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,EACtC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,EAC5C,SAAS,QACT,SAAS,EAAE;YACT,oEAAoE;YACpE,4DAA4D;YAC5D,EAAE;YACF,qEAAqE;YACrE,kEAAkE;YAClE,oEAAoE;YACpE,kEAAkE;YAClE,qBAAqB;YACrB,MAAM,EAAE;gBACN,kBAAkB,EAAE;oBAClB,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;iBAC7C;aACF;YACD,cAAc,EAAE;gBACd,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;aAC1C;SACF,YAEA,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC1B,KAAC,QAAQ,IAA4B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,YAC7D,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IADxB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAExB,CACZ,CAAC,GACQ,CACb,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"MuiSelect.js","sourceRoot":"","sources":["../../src/widgets/MuiSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAC/C,OAAO,QAAQ,MAAM,wBAAwB,CAAA;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAMhD,SAAS,aAAa,CAAC,EAAE,IAAI,EAAe;IAC1C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,MAAM,UAAU,GAAI,IAAkB,CAAC,UAAU,IAAI,EAAE,CAAA;IAEvD,OAAO,CACL,KAAC,SAAS,IACR,MAAM,QACN,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,EAC1B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,EAC9B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,EAChC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,EACtC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,aAAa,CAAC,KAAK,CAAC,EAChC,SAAS,QACT,SAAS,EAAE;YACT,oEAAoE;YACpE,4DAA4D;YAC5D,EAAE;YACF,qEAAqE;YACrE,kEAAkE;YAClE,oEAAoE;YACpE,kEAAkE;YAClE,qBAAqB;YACrB,MAAM,EAAE;gBACN,kBAAkB,EAAE;oBAClB,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;oBAC5C,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;iBAC7C;aACF;SACF,YAEA,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC1B,KAAC,QAAQ,IAA4B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,YAC7D,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IADxB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAExB,CACZ,CAAC,GACQ,CACb,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/widgets/MuiTextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MuiTextInput.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAGtD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBA2B9C;AAED,eAAO,MAAM,YAAY,oDAA8E,CAAA"}
+{"version":3,"file":"MuiTextInput.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAItD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAyB9C;AAED,eAAO,MAAM,YAAY,oDAA8E,CAAA"}

package/dist/widgets/MuiTextInput.js

@@ -2,16 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import TextField from '@mui/material/TextField';
 import { useFieldBinding } from '@texaryn/react';
+import { helperContent } from './helper-text.js';
 function MuiTextInputImpl({ node }) {
     const field = useFieldBinding(node);
-    return (_jsx(TextField, { id: field.domInputProps.id, name: field.domInputProps.name, value: field.domInputProps.value, onChange: field.domInputProps.onChange, onBlur: field.domInputProps.onBlur, disabled: field.disabled, placeholder: field.placeholder, label: field.label, error: field.invalid, helperText: field.error ?? field.description, fullWidth: true, slotProps: {
+    return (_jsx(TextField, { id: field.domInputProps.id, name: field.domInputProps.name, value: field.domInputProps.value, onChange: field.domInputProps.onChange, onBlur: field.domInputProps.onBlur, disabled: field.disabled, placeholder: field.placeholder, label: field.label, error: field.invalid, helperText: helperContent(field), fullWidth: true, slotProps: {
             htmlInput: {
+                readOnly: field.readOnly,
                 'aria-required': field.required || undefined,
                 'aria-invalid': field.invalid || undefined,
             },
-            formHelperText: {
-                role: field.invalid ? 'alert' : undefined,
-            },
         } }));
 }
 export const MuiTextInput = React.memo(MuiTextInputImpl, (prev, next) => prev.node.id === next.node.id);

package/dist/widgets/MuiTextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MuiTextInput.js","sourceRoot":"","sources":["../../src/widgets/MuiTextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAMhD,SAAS,gBAAgB,CAAC,EAAE,IAAI,EAAe;IAC7C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAEhD,OAAO,CACL,KAAC,SAAS,IACR,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,EAC1B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,EAC9B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,EAChC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,EACtC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,EAC5C,SAAS,QACT,SAAS,EAAE;YACT,SAAS,EAAE;gBACT,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;gBAC5C,cAAc,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;aAC3C;YACD,cAAc,EAAE;gBACd,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;aAC1C;SACF,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"MuiTextInput.js","sourceRoot":"","sources":["../../src/widgets/MuiTextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAMhD,SAAS,gBAAgB,CAAC,EAAE,IAAI,EAAe;IAC7C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAEhD,OAAO,CACL,KAAC,SAAS,IACR,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,EAC1B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,EAC9B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,EAChC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,EACtC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,aAAa,CAAC,KAAK,CAAC,EAChC,SAAS,QACT,SAAS,EAAE;YACT,SAAS,EAAE;gBACT,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;gBAC5C,cAAc,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;aAC3C;SACF,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/widgets/MuiTextarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MuiTextarea.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAGtD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBA6B7C;AAED,eAAO,MAAM,WAAW,mDAA6E,CAAA"}
+{"version":3,"file":"MuiTextarea.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAItD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBA2B7C;AAED,eAAO,MAAM,WAAW,mDAA6E,CAAA"}

package/dist/widgets/MuiTextarea.js

@@ -2,16 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import TextField from '@mui/material/TextField';
 import { useFieldBinding } from '@texaryn/react';
+import { helperContent } from './helper-text.js';
 function MuiTextareaImpl({ node }) {
     const field = useFieldBinding(node);
-    return (_jsx(TextField, { multiline: true, minRows: 3, id: field.domInputProps.id, name: field.domInputProps.name, value: field.domInputProps.value, onChange: field.domInputProps.onChange, onBlur: field.domInputProps.onBlur, disabled: field.disabled, placeholder: field.placeholder, label: field.label, error: field.invalid, helperText: field.error ?? field.description, fullWidth: true, slotProps: {
+    return (_jsx(TextField, { multiline: true, minRows: 3, id: field.domInputProps.id, name: field.domInputProps.name, value: field.domInputProps.value, onChange: field.domInputProps.onChange, onBlur: field.domInputProps.onBlur, disabled: field.disabled, placeholder: field.placeholder, label: field.label, error: field.invalid, helperText: helperContent(field), fullWidth: true, slotProps: {
             htmlInput: {
+                readOnly: field.readOnly,
                 'aria-required': field.required || undefined,
                 'aria-invalid': field.invalid || undefined,
             },
-            formHelperText: {
-                role: field.invalid ? 'alert' : undefined,
-            },
         } }));
 }
 export const MuiTextarea = React.memo(MuiTextareaImpl, (prev, next) => prev.node.id === next.node.id);

package/dist/widgets/MuiTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"MuiTextarea.js","sourceRoot":"","sources":["../../src/widgets/MuiTextarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAMhD,SAAS,eAAe,CAAC,EAAE,IAAI,EAAe;IAC5C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAEhD,OAAO,CACL,KAAC,SAAS,IACR,SAAS,QACT,OAAO,EAAE,CAAC,EACV,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,EAC1B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,EAC9B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,EAChC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,EACtC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,EAC5C,SAAS,QACT,SAAS,EAAE;YACT,SAAS,EAAE;gBACT,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;gBAC5C,cAAc,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;aAC3C;YACD,cAAc,EAAE;gBACd,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;aAC1C;SACF,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"MuiTextarea.js","sourceRoot":"","sources":["../../src/widgets/MuiTextarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAMhD,SAAS,eAAe,CAAC,EAAE,IAAI,EAAe;IAC5C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAEhD,OAAO,CACL,KAAC,SAAS,IACR,SAAS,QACT,OAAO,EAAE,CAAC,EACV,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,EAC1B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,EAC9B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,EAChC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,EACtC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,aAAa,CAAC,KAAK,CAAC,EAChC,SAAS,QACT,SAAS,EAAE;YACT,SAAS,EAAE;gBACT,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;gBAC5C,cAAc,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;aAC3C;SACF,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/widgets/helper-text.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { FieldBinding } from '@texaryn/react';
+/**
+ * MUI's helper line doubles as description and error, and it renders nothing
+ * when helperText is empty, so the live region has to be a stable child of it
+ * rather than the line itself. Only the error goes inside the region: the
+ * description is not news and should not be re-announced.
+ *
+ * Always returning an element keeps the line mounted without reserving it with
+ * a blank string, which would change layout to prime the announcement.
+ */
+export declare function helperContent(field: FieldBinding): React.ReactNode;
+//# sourceMappingURL=helper-text.d.ts.map

package/dist/widgets/helper-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper-text.d.ts","sourceRoot":"","sources":["../../src/widgets/helper-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,SAAS,CASlE"}

package/dist/widgets/helper-text.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+/**
+ * MUI's helper line doubles as description and error, and it renders nothing
+ * when helperText is empty, so the live region has to be a stable child of it
+ * rather than the line itself. Only the error goes inside the region: the
+ * description is not news and should not be re-announced.
+ *
+ * Always returning an element keeps the line mounted without reserving it with
+ * a blank string, which would change layout to prime the announcement.
+ */
+export function helperContent(field) {
+    return (_jsxs(_Fragment, { children: [_jsx("span", { "aria-live": "polite", "aria-atomic": "true", children: field.error ?? '' }), field.invalid ? null : field.description] }));
+}
+//# sourceMappingURL=helper-text.js.map

package/dist/widgets/helper-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper-text.js","sourceRoot":"","sources":["../../src/widgets/helper-text.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;GAQG;AACH,MAAM,UAAU,aAAa,CAAC,KAAmB;IAC/C,OAAO,CACL,8BACE,4BAAgB,QAAQ,iBAAa,MAAM,YACxC,KAAK,CAAC,KAAK,IAAI,EAAE,GACb,EACN,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,IACxC,CACJ,CAAA;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texaryn/react-mui",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "Material UI v9 widgets for Texaryn: MUI components on top of @texaryn/react",
   "keywords": [
     "react",
@@ -41,12 +41,12 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@texaryn/core": "^0.4.0"
+    "@texaryn/core": "^0.6.0"
   },
   "peerDependencies": {
     "@mui/material": "^9.0.0",
     "react": ">=18.0.0",
-    "@texaryn/react": "^0.2.3"
+    "@texaryn/react": "^0.3.0"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
@@ -57,8 +57,8 @@
     "jsdom": "^25.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@texaryn/schema-json": "0.2.3",
-    "@texaryn/react": "0.2.3"
+    "@texaryn/react": "0.3.0",
+    "@texaryn/schema-json": "0.2.5"
   },
   "scripts": {
     "build": "tsc --build"