@texaryn/react-mui 0.1.4 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,60 @@
 # @texaryn/react-mui
 
+## 0.3.0
+
+### Minor Changes
+
+- 04270e8: Give every array action control an accessible name that says which row it acts on.
+  
+  Five buttons all announced as "Remove" leave a screen reader user guessing. Each now carries the current 1-based position and whatever schema titles exist, so "Remove Contact 2 from Contacts", degrading to "Remove item 2" when nothing is titled. Reorder controls read "Move up Contact 2 in Contacts", and the per-array control reads "Add item to Contacts". The visible words stay "Remove", "Up" and "Add", with the longer string in `aria-label`, which contains the visible text so speech input still works.
+  
+  The row's own value is deliberately not used: it is mutable, often blank, frequently duplicated, and sometimes sensitive. The position is recomputed on every render rather than captured when a row is created, because a row survives a move while its position does not.
+  
+  The add control is named from the item template rather than from the first row, so an empty array still says "Add Tag" where naming it matters most. That needed the template's annotations, which the projection did not carry: `NodeProjection.itemAnnotations` is new and optional, so an adapter that cannot supply it stays valid, and `ArrayMeta.itemTitle` carries the result to renderers.
+  
+  React exposes the decision as `useArrayActions` so its three widget sets cannot drift, and the name builders are exported for custom widgets. Reorder-control parity is unchanged: the three React sets still expose no reorder button.
+- c9b930f: Show a required field's requirement to a sighted user, without announcing it twice.
+  
+  Required was conveyed only through `aria-required`, so a sighted user had nothing to tell a required field from an optional one. Every required label now carries a visible `(required)`.
+  
+  Three channels carry that one fact and are deliberately kept separate. The visible label reads "Full Name (required)". The accessible name stays exactly "Full Name", because the indicator is `aria-hidden` and `aria-required` already reports the state; putting it in the name as well makes some screen readers say it twice. WCAG's Label in Name allows exactly this omission when the state is surfaced programmatically.
+  
+  The indicator is the word rather than an asterisk, so nothing has to be explained elsewhere on the form. `field.label` and `fieldLabel()` still return the raw schema title: the decoration lives in the label rendering, so a visual convention does not become the canonical field title a custom widget sees. React exposes `FieldLabelContent` so its three widget sets cannot drift, and each binding exports `REQUIRED_INDICATOR` so a custom widget can match the wording.
+
+### Patch Changes
+
+- Updated dependencies [04270e8]
+- Updated dependencies [c9b930f]
+  - @texaryn/core@0.7.0
+  - @texaryn/react@0.4.0
+
+## 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

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/MuiArrayControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MuiArrayControl.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiArrayControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,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,qBAoCjD;AAED,eAAO,MAAM,eAAe,uDAAiF,CAAA"}
+{"version":3,"file":"MuiArrayControl.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiArrayControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,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,qBAsCjD;AAED,eAAO,MAAM,eAAe,uDAAiF,CAAA"}

package/dist/widgets/MuiArrayControl.js

@@ -3,15 +3,16 @@ import React from 'react';
 import Stack from '@mui/material/Stack';
 import Button from '@mui/material/Button';
 import Box from '@mui/material/Box';
-import { NodeRenderer, useFieldArray, useRendererContext } from '@texaryn/react';
+import { NodeRenderer, useArrayActions, useFieldArray, useRendererContext } from '@texaryn/react';
 function MuiArrayControlImpl({ node }) {
     const containerNode = node;
     const fieldArray = useFieldArray(containerNode.id);
     const { document, registry } = useRendererContext();
+    const actions = useArrayActions(node);
     return (_jsxs(Stack, { spacing: 2, children: [fieldArray.items.map((item, index) => {
                 const childNode = item.nodeId ? document.nodes[item.nodeId] : undefined;
-                return (_jsxs(Box, { children: [childNode ? (_jsx(NodeRenderer, { node: childNode, document: document, registry: registry })) : null, fieldArray.canRemove ? (_jsx(Button, { variant: "outlined", color: "error", size: "small", onClick: () => fieldArray.remove(index), children: "Remove" })) : null] }, item.id));
-            }), fieldArray.canAdd ? (_jsx(Box, { children: _jsx(Button, { variant: "contained", onClick: () => fieldArray.add(), children: "Add" }) })) : null] }));
+                return (_jsxs(Box, { children: [childNode ? (_jsx(NodeRenderer, { node: childNode, document: document, registry: registry })) : null, fieldArray.canRemove ? (_jsx(Button, { variant: "outlined", color: "error", size: "small", "aria-label": actions.removeName(index + 1, childNode), onClick: () => fieldArray.remove(index), children: "Remove" })) : null] }, item.id));
+            }), fieldArray.canAdd ? (_jsx(Box, { children: _jsx(Button, { variant: "contained", "aria-label": actions.addName, onClick: () => fieldArray.add(), children: "Add" }) })) : null] }));
 }
 export const MuiArrayControl = React.memo(MuiArrayControlImpl, (prev, next) => prev.node.id === next.node.id);
 //# sourceMappingURL=MuiArrayControl.js.map

package/dist/widgets/MuiArrayControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"MuiArrayControl.js","sourceRoot":"","sources":["../../src/widgets/MuiArrayControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,qBAAqB,CAAA;AACvC,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,GAAG,MAAM,mBAAmB,CAAA;AAEnC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAMhF,SAAS,mBAAmB,CAAC,EAAE,IAAI,EAAe;IAChD,MAAM,aAAa,GAAG,IAAqB,CAAA;IAC3C,MAAM,UAAU,GAAG,aAAa,CAAC,aAAa,CAAC,EAAE,CAAC,CAAA;IAClD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEnD,OAAO,CACL,MAAC,KAAK,IAAC,OAAO,EAAE,CAAC,aACd,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACpC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;gBACvE,OAAO,CACL,MAAC,GAAG,eACD,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,YAAY,IAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC1E,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,uBAGhC,CACV,CAAC,CAAC,CAAC,IAAI,KAbA,IAAI,CAAC,EAAE,CAcX,CACP,CAAA;YACH,CAAC,CAAC,EACD,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,KAAC,GAAG,cACF,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,oBAElD,GACL,CACP,CAAC,CAAC,CAAC,IAAI,IACF,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":"MuiArrayControl.js","sourceRoot":"","sources":["../../src/widgets/MuiArrayControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,qBAAqB,CAAA;AACvC,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,GAAG,MAAM,mBAAmB,CAAA;AAEnC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAMjG,SAAS,mBAAmB,CAAC,EAAE,IAAI,EAAe;IAChD,MAAM,aAAa,GAAG,IAAqB,CAAA;IAC3C,MAAM,UAAU,GAAG,aAAa,CAAC,aAAa,CAAC,EAAE,CAAC,CAAA;IAClD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACnD,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;IAErC,OAAO,CACL,MAAC,KAAK,IAAC,OAAO,EAAE,CAAC,aACd,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACpC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;gBACvE,OAAO,CACL,MAAC,GAAG,eACD,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,YAAY,IAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC1E,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,gBACA,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,EAAE,SAAS,CAAC,EACpD,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,uBAGhC,CACV,CAAC,CAAC,CAAC,IAAI,KAdA,IAAI,CAAC,EAAE,CAeX,CACP,CAAA;YACH,CAAC,CAAC,EACD,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,KAAC,GAAG,cACF,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,gBAAa,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,oBAE/E,GACL,CACP,CAAC,CAAC,CAAC,IAAI,IACF,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"}

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

@@ -4,20 +4,21 @@ import FormControl from '@mui/material/FormControl';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import Checkbox from '@mui/material/Checkbox';
 import FormHelperText from '@mui/material/FormHelperText';
-import { useFieldBinding } from '@texaryn/react';
+import { FieldLabelContent, 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: {
+    return (_jsxs(FormControl, { error: field.invalid, disabled: field.disabled, children: [_jsx(FormControlLabel, { label: _jsx(FieldLabelContent, { label: field.label, required: field.required }), 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,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACnE,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,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,EAC1E,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

@@ -1,17 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import TextField from '@mui/material/TextField';
-import { useFieldBinding } from '@texaryn/react';
+import { FieldLabelContent, 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: _jsx(FieldLabelContent, { label: field.label, required: field.required }), 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,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACnE,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,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,EAC1E,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

@@ -2,11 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import TextField from '@mui/material/TextField';
 import MenuItem from '@mui/material/MenuItem';
-import { useFieldBinding } from '@texaryn/react';
+import { FieldLabelContent, 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: _jsx(FieldLabelContent, { label: field.label, required: field.required }), 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,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACnE,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,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,EAC1E,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

@@ -1,17 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import TextField from '@mui/material/TextField';
-import { useFieldBinding } from '@texaryn/react';
+import { FieldLabelContent, 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: _jsx(FieldLabelContent, { label: field.label, required: field.required }), 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,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACnE,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,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,EAC1E,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

@@ -1,17 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import TextField from '@mui/material/TextField';
-import { useFieldBinding } from '@texaryn/react';
+import { FieldLabelContent, 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: _jsx(FieldLabelContent, { label: field.label, required: field.required }), 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,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACnE,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,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,EAC1E,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.4",
+  "version": "0.3.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.5.0"
+    "@texaryn/core": "^0.7.0"
   },
   "peerDependencies": {
     "@mui/material": "^9.0.0",
     "react": ">=18.0.0",
-    "@texaryn/react": "^0.2.4"
+    "@texaryn/react": "^0.4.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.4",
-    "@texaryn/react": "0.2.4"
+    "@texaryn/react": "0.4.0",
+    "@texaryn/schema-json": "0.3.0"
   },
   "scripts": {
     "build": "tsc --build"