@texaryn/react-bootstrap 0.1.3 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,60 @@
 # @texaryn/react-bootstrap
 
+## 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.3
 
 ### Patch Changes

package/README.md

@@ -42,7 +42,7 @@ The CSS import above assumes a bundler that resolves stylesheet imports. A page
 
 ## What this package renders
 
-`createBootstrapRegistry()` returns a `RendererRegistry<WidgetComponent>` with seven widgets. Each field widget sits in a `mb-3` wrapper, adds `is-invalid` to its control while the field shows errors, and renders the description as `form-text` and every visible error as `invalid-feedback d-block` inside the binding's `role="alert"` container.
+`createBootstrapRegistry()` returns a `RendererRegistry<WidgetComponent>` with seven widgets. Each field widget sits in a `mb-3` wrapper, adds `is-invalid` to its control while the field shows errors, and renders the description as `form-text` and every visible error as `invalid-feedback d-block` inside the binding's live region, which stays mounted and empty while the field is valid.
 
 | Widget | Node it matches | Classes |
 | --- | --- | --- |
@@ -51,12 +51,12 @@ The CSS import above assumes a bundler that resolves stylesheet imports. A page
 | `BootstrapTextarea` | field with the `textarea` widget hint | `form-label`, `form-control` |
 | `BootstrapSelect` | field with enum values | `form-label`, `form-select` |
 | `BootstrapCheckbox` | boolean field | `form-check`, `form-check-input`, `form-check-label` |
-| `BootstrapObjectLayout` | object container | none, a plain `div` around the children |
+| `BootstrapObjectLayout` | object container | a nested object is a `fieldset` named by its `legend`; the root is a plain `div` |
 | `BootstrapArrayControl` | array container | `btn btn-primary` to add, `btn btn-outline-danger btn-sm` to remove |
 
 Enum outranks the primitive type, so a string field with an `enum` renders as a select, and the `textarea` hint outranks both.
 
-`invalid-feedback` is hidden by Bootstrap unless it directly follows an `.is-invalid` sibling. The error lines sit inside the alert container rather than beside the control, so each one carries `d-block`.
+`invalid-feedback` is hidden by Bootstrap unless it directly follows an `.is-invalid` sibling. The error lines sit inside the live region rather than beside the control, so each one carries `d-block`.
 
 ## Composing your own registry
 

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

@@ -1 +1 @@
-{"version":3,"file":"BootstrapArrayControl.d.ts","sourceRoot":"","sources":["../../src/widgets/BootstrapArrayControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAiB,MAAM,EAAE,MAAM,eAAe,CAAA;AAG1D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,yBAAyB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBA6BvD;AAED,eAAO,MAAM,qBAAqB,6DAGjC,CAAA"}
+{"version":3,"file":"BootstrapArrayControl.d.ts","sourceRoot":"","sources":["../../src/widgets/BootstrapArrayControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAiB,MAAM,EAAE,MAAM,eAAe,CAAA;AAG1D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,yBAAyB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAwCvD;AAED,eAAO,MAAM,qBAAqB,6DAGjC,CAAA"}

package/dist/widgets/BootstrapArrayControl.js

@@ -1,14 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { NodeRenderer, useFieldArray, useRendererContext } from '@texaryn/react';
+import { NodeRenderer, useArrayActions, useFieldArray, useRendererContext } from '@texaryn/react';
 function BootstrapArrayControlImpl({ node }) {
     const containerNode = node;
     const fieldArray = useFieldArray(containerNode.id);
     const { document, registry } = useRendererContext();
+    const actions = useArrayActions(node);
     return (_jsxs("div", { children: [fieldArray.items.map((item, index) => {
                 const childNode = item.nodeId ? document.nodes[item.nodeId] : undefined;
-                return (_jsxs("div", { className: "mb-3", children: [childNode ? (_jsx(NodeRenderer, { node: childNode, document: document, registry: registry })) : null, fieldArray.canRemove ? (_jsx("button", { type: "button", className: "btn btn-outline-danger btn-sm", onClick: () => fieldArray.remove(index), children: "Remove" })) : null] }, item.id));
-            }), fieldArray.canAdd ? (_jsx("button", { type: "button", className: "btn btn-primary", onClick: () => fieldArray.add(), children: "Add" })) : null] }));
+                return (_jsxs("div", { className: "mb-3", children: [childNode ? (_jsx(NodeRenderer, { node: childNode, document: document, registry: registry })) : null, fieldArray.canRemove ? (_jsx("button", { type: "button", className: "btn btn-outline-danger btn-sm", "aria-label": actions.removeName(index + 1, childNode), onClick: () => fieldArray.remove(index), children: "Remove" })) : null] }, item.id));
+            }), fieldArray.canAdd ? (_jsx("button", { type: "button", className: "btn btn-primary", "aria-label": actions.addName, onClick: () => fieldArray.add(), children: "Add" })) : null] }));
 }
 export const BootstrapArrayControl = React.memo(BootstrapArrayControlImpl, (prev, next) => prev.node.id === next.node.id);
 //# sourceMappingURL=BootstrapArrayControl.js.map

package/dist/widgets/BootstrapArrayControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"BootstrapArrayControl.js","sourceRoot":"","sources":["../../src/widgets/BootstrapArrayControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAMhF,SAAS,yBAAyB,CAAC,EAAE,IAAI,EAAe;IACtD,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,0BACG,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,eAAmB,SAAS,EAAC,MAAM,aAChC,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,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,+BAA+B,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,uBAE9F,CACV,CAAC,CAAC,CAAC,IAAI,KARA,IAAI,CAAC,EAAE,CASX,CACP,CAAA;YACH,CAAC,CAAC,EACD,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,oBAExE,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAC7C,yBAAyB,EACzB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAC9C,CAAA"}
+{"version":3,"file":"BootstrapArrayControl.js","sourceRoot":"","sources":["../../src/widgets/BootstrapArrayControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAMjG,SAAS,yBAAyB,CAAC,EAAE,IAAI,EAAe;IACtD,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,0BACG,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,eAAmB,SAAS,EAAC,MAAM,aAChC,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,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+BAA+B,gBAC7B,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,KAbA,IAAI,CAAC,EAAE,CAcX,CACP,CAAA;YACH,CAAC,CAAC,EACD,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,gBACf,OAAO,CAAC,OAAO,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,oBAGxB,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAC7C,yBAAyB,EACzB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAC9C,CAAA"}

package/dist/widgets/BootstrapCheckbox.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { useFieldBinding } from '@texaryn/react';
+import { FieldLabelContent, useFieldBinding } from '@texaryn/react';
 import { BootstrapFeedback } from './BootstrapFeedback.js';
 function BootstrapCheckboxImpl({ node }) {
     const field = useFieldBinding(node);
-    return (_jsxs("div", { className: "form-check mb-3", children: [_jsx("input", { ...field.domCheckboxProps, type: "checkbox", className: field.invalid ? 'form-check-input is-invalid' : 'form-check-input' }), _jsx("label", { ...field.labelProps, className: "form-check-label", children: field.label }), _jsx(BootstrapFeedback, { field: field })] }));
+    return (_jsxs("div", { className: "form-check mb-3", children: [_jsx("input", { ...field.domCheckboxProps, type: "checkbox", className: field.invalid ? 'form-check-input is-invalid' : 'form-check-input' }), _jsx("label", { ...field.labelProps, className: "form-check-label", children: _jsx(FieldLabelContent, { label: field.label, required: field.required }) }), _jsx(BootstrapFeedback, { field: field })] }));
 }
 export const BootstrapCheckbox = React.memo(BootstrapCheckboxImpl, (prev, next) => prev.node.id === next.node.id);
 //# sourceMappingURL=BootstrapCheckbox.js.map

package/dist/widgets/BootstrapCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"BootstrapCheckbox.js","sourceRoot":"","sources":["../../src/widgets/BootstrapCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAM1D,SAAS,qBAAqB,CAAC,EAAE,IAAI,EAAe;IAClD,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,mBAAW,KAAK,CAAC,gBAAgB,EAAE,IAAI,EAAC,UAAU,EAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,kBAAkB,GAAI,EACpI,mBAAW,KAAK,CAAC,UAAU,EAAE,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,KAAK,GAAS,EAC/E,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,IAC/B,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"BootstrapCheckbox.js","sourceRoot":"","sources":["../../src/widgets/BootstrapCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAM1D,SAAS,qBAAqB,CAAC,EAAE,IAAI,EAAe;IAClD,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,mBAAW,KAAK,CAAC,gBAAgB,EAAE,IAAI,EAAC,UAAU,EAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,kBAAkB,GAAI,EACpI,mBAAW,KAAK,CAAC,UAAU,EAAE,SAAS,EAAC,kBAAkB,YAAC,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,GAAQ,EACrI,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,IAC/B,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"BootstrapFeedback.d.ts","sourceRoot":"","sources":["../../src/widgets/BootstrapFeedback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAKlD,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE,+BAenE"}
+{"version":3,"file":"BootstrapFeedback.d.ts","sourceRoot":"","sources":["../../src/widgets/BootstrapFeedback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAKlD,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE,+BAiBnE"}

package/dist/widgets/BootstrapFeedback.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // .invalid-feedback is display: none unless it follows an .is-invalid sibling or
-// carries d-block. The lines sit inside the role="alert" container, not beside
-// the control, so each one needs d-block.
+// carries d-block. The lines sit inside the live region, not beside the
+// control, so each one needs d-block.
 export function BootstrapFeedback({ field }) {
-    return (_jsxs(_Fragment, { children: [field.description ? (_jsx("div", { ...field.descriptionProps, className: "form-text", children: field.description })) : null, field.invalid ? (_jsx("div", { ...field.errorProps, children: field.errors.map((error, index) => (_jsx("div", { className: "invalid-feedback d-block", children: error.message ?? error.keyword }, index))) })) : null] }));
+    return (_jsxs(_Fragment, { children: [field.description ? (_jsx("div", { ...field.descriptionProps, className: "form-text", children: field.description })) : null, _jsx("div", { ...field.errorProps, children: field.invalid
+                    ? field.errors.map((error, index) => (_jsx("div", { className: "invalid-feedback d-block", children: error.message ?? error.keyword }, index)))
+                    : null })] }));
 }
 //# sourceMappingURL=BootstrapFeedback.js.map

package/dist/widgets/BootstrapFeedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"BootstrapFeedback.js","sourceRoot":"","sources":["../../src/widgets/BootstrapFeedback.tsx"],"names":[],"mappings":";AAEA,iFAAiF;AACjF,+EAA+E;AAC/E,0CAA0C;AAC1C,MAAM,UAAU,iBAAiB,CAAC,EAAE,KAAK,EAA2B;IAClE,OAAO,CACL,8BACG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,iBAAS,KAAK,CAAC,gBAAgB,EAAE,SAAS,EAAC,WAAW,YAAE,KAAK,CAAC,WAAW,GAAO,CACjF,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CACf,iBAAS,KAAK,CAAC,UAAU,YACtB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,cAAiB,SAAS,EAAC,0BAA0B,YAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,IAA3E,KAAK,CAA6E,CAC7F,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAA;AACH,CAAC"}
+{"version":3,"file":"BootstrapFeedback.js","sourceRoot":"","sources":["../../src/widgets/BootstrapFeedback.tsx"],"names":[],"mappings":";AAEA,iFAAiF;AACjF,wEAAwE;AACxE,sCAAsC;AACtC,MAAM,UAAU,iBAAiB,CAAC,EAAE,KAAK,EAA2B;IAClE,OAAO,CACL,8BACG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,iBAAS,KAAK,CAAC,gBAAgB,EAAE,SAAS,EAAC,WAAW,YAAE,KAAK,CAAC,WAAW,GAAO,CACjF,CAAC,CAAC,CAAC,IAAI,EAGR,iBAAS,KAAK,CAAC,UAAU,YACtB,KAAK,CAAC,OAAO;oBACZ,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,cAAiB,SAAS,EAAC,0BAA0B,YAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,IAA3E,KAAK,CAA6E,CAC7F,CAAC;oBACJ,CAAC,CAAC,IAAI,GACJ,IACL,CACJ,CAAA;AACH,CAAC"}

package/dist/widgets/BootstrapNumberInput.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { useFieldBinding } from '@texaryn/react';
+import { FieldLabelContent, useFieldBinding } from '@texaryn/react';
 import { BootstrapFeedback } from './BootstrapFeedback.js';
 function BootstrapNumberInputImpl({ node }) {
     const field = useFieldBinding(node);
-    return (_jsxs("div", { className: "mb-3", children: [_jsx("label", { ...field.labelProps, className: "form-label", children: field.label }), _jsx("input", { ...field.domInputProps, type: "number", className: field.invalid ? 'form-control is-invalid' : 'form-control' }), _jsx(BootstrapFeedback, { field: field })] }));
+    return (_jsxs("div", { className: "mb-3", children: [_jsx("label", { ...field.labelProps, className: "form-label", children: _jsx(FieldLabelContent, { label: field.label, required: field.required }) }), _jsx("input", { ...field.domInputProps, type: "number", className: field.invalid ? 'form-control is-invalid' : 'form-control' }), _jsx(BootstrapFeedback, { field: field })] }));
 }
 export const BootstrapNumberInput = React.memo(BootstrapNumberInputImpl, (prev, next) => prev.node.id === next.node.id);
 //# sourceMappingURL=BootstrapNumberInput.js.map

package/dist/widgets/BootstrapNumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BootstrapNumberInput.js","sourceRoot":"","sources":["../../src/widgets/BootstrapNumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAM1D,SAAS,wBAAwB,CAAC,EAAE,IAAI,EAAe;IACrD,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,aACnB,mBAAW,KAAK,CAAC,UAAU,EAAE,SAAS,EAAC,YAAY,YAAE,KAAK,CAAC,KAAK,GAAS,EACzE,mBAAW,KAAK,CAAC,aAAa,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,cAAc,GAAI,EACvH,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,IAC/B,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"BootstrapNumberInput.js","sourceRoot":"","sources":["../../src/widgets/BootstrapNumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAM1D,SAAS,wBAAwB,CAAC,EAAE,IAAI,EAAe;IACrD,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,aACnB,mBAAW,KAAK,CAAC,UAAU,EAAE,SAAS,EAAC,YAAY,YAAC,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,GAAQ,EAC/H,mBAAW,KAAK,CAAC,aAAa,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,cAAc,GAAI,EACvH,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,IAC/B,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"BootstrapObjectLayout.d.ts","sourceRoot":"","sources":["../../src/widgets/BootstrapObjectLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAiB,MAAM,EAAE,MAAM,eAAe,CAAA;AAG1D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,yBAAyB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAevD;AAED,eAAO,MAAM,qBAAqB,6DAGjC,CAAA"}
+{"version":3,"file":"BootstrapObjectLayout.d.ts","sourceRoot":"","sources":["../../src/widgets/BootstrapObjectLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAG3C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,yBAAyB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAkBvD;AAED,eAAO,MAAM,qBAAqB,6DAGjC,CAAA"}

package/dist/widgets/BootstrapObjectLayout.js

@@ -1,16 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { NodeRenderer, useRendererContext } from '@texaryn/react';
+import { NodeRenderer, useObjectGroup, useRendererContext } from '@texaryn/react';
 function BootstrapObjectLayoutImpl({ node }) {
-    const containerNode = node;
     const { document, registry } = useRendererContext();
-    return (_jsx("div", { 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("div", { children: rendered });
+    }
+    return (_jsxs("fieldset", { role: title === undefined ? 'none' : undefined, className: "mb-3", children: [title === undefined ? null : _jsx("legend", { className: "fs-6 fw-semibold", children: title }), _jsx("div", { children: rendered })] }));
 }
 export const BootstrapObjectLayout = React.memo(BootstrapObjectLayoutImpl, (prev, next) => prev.node.id === next.node.id);
 //# sourceMappingURL=BootstrapObjectLayout.js.map

package/dist/widgets/BootstrapObjectLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"BootstrapObjectLayout.js","sourceRoot":"","sources":["../../src/widgets/BootstrapObjectLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAMjE,SAAS,yBAAyB,CAAC,EAAE,IAAI,EAAe;IACtD,MAAM,aAAa,GAAG,IAAqB,CAAA;IAC3C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEnD,OAAO,CACL,wBACG,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,GACE,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAC7C,yBAAyB,EACzB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAC9C,CAAA"}
+{"version":3,"file":"BootstrapObjectLayout.js","sourceRoot":"","sources":["../../src/widgets/BootstrapObjectLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAMjF,SAAS,yBAAyB,CAAC,EAAE,IAAI,EAAe;IACtD,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,wBAAM,QAAQ,GAAO,CAAA;IAC9B,CAAC;IAED,OAAO,CACL,oBAAU,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAC,MAAM,aACvE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAQ,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAU,EACnF,wBAAM,QAAQ,GAAO,IACZ,CACZ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAC7C,yBAAyB,EACzB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAC9C,CAAA"}

package/dist/widgets/BootstrapSelect.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { useFieldBinding } from '@texaryn/react';
+import { FieldLabelContent, useFieldBinding } from '@texaryn/react';
 import { BootstrapFeedback } from './BootstrapFeedback.js';
 function BootstrapSelectImpl({ node }) {
     const field = useFieldBinding(node);
     const enumValues = field.node.enumValues ?? [];
-    return (_jsxs("div", { className: "mb-3", children: [_jsx("label", { ...field.labelProps, className: "form-label", children: field.label }), _jsx("select", { ...field.domInputProps, className: field.invalid ? 'form-select is-invalid' : 'form-select', children: enumValues.map((option) => (_jsx("option", { value: String(option.value), children: option.title ?? String(option.value) }, String(option.value)))) }), _jsx(BootstrapFeedback, { field: field })] }));
+    return (_jsxs("div", { className: "mb-3", children: [_jsx("label", { ...field.labelProps, className: "form-label", children: _jsx(FieldLabelContent, { label: field.label, required: field.required }) }), _jsx("select", { ...field.domInputProps, className: field.invalid ? 'form-select is-invalid' : 'form-select', children: enumValues.map((option) => (_jsx("option", { value: String(option.value), children: option.title ?? String(option.value) }, String(option.value)))) }), _jsx(BootstrapFeedback, { field: field })] }));
 }
 export const BootstrapSelect = React.memo(BootstrapSelectImpl, (prev, next) => prev.node.id === next.node.id);
 //# sourceMappingURL=BootstrapSelect.js.map

package/dist/widgets/BootstrapSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"BootstrapSelect.js","sourceRoot":"","sources":["../../src/widgets/BootstrapSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAM1D,SAAS,mBAAmB,CAAC,EAAE,IAAI,EAAe;IAChD,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAA;IAE9C,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,aACnB,mBAAW,KAAK,CAAC,UAAU,EAAE,SAAS,EAAC,YAAY,YAAE,KAAK,CAAC,KAAK,GAAS,EACzE,oBAAY,KAAK,CAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,aAAa,YACjG,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC1B,iBAAmC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,YAC3D,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAD1B,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAExB,CACV,CAAC,GACK,EACT,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,IAC/B,CACP,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":"BootstrapSelect.js","sourceRoot":"","sources":["../../src/widgets/BootstrapSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAM1D,SAAS,mBAAmB,CAAC,EAAE,IAAI,EAAe;IAChD,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAA;IAE9C,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,aACnB,mBAAW,KAAK,CAAC,UAAU,EAAE,SAAS,EAAC,YAAY,YAAC,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,GAAQ,EAC/H,oBAAY,KAAK,CAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,aAAa,YACjG,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC1B,iBAAmC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,YAC3D,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAD1B,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAExB,CACV,CAAC,GACK,EACT,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,IAC/B,CACP,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/BootstrapTextInput.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { useFieldBinding } from '@texaryn/react';
+import { FieldLabelContent, useFieldBinding } from '@texaryn/react';
 import { BootstrapFeedback } from './BootstrapFeedback.js';
 function BootstrapTextInputImpl({ node }) {
     const field = useFieldBinding(node);
-    return (_jsxs("div", { className: "mb-3", children: [_jsx("label", { ...field.labelProps, className: "form-label", children: field.label }), _jsx("input", { ...field.domInputProps, type: "text", className: field.invalid ? 'form-control is-invalid' : 'form-control' }), _jsx(BootstrapFeedback, { field: field })] }));
+    return (_jsxs("div", { className: "mb-3", children: [_jsx("label", { ...field.labelProps, className: "form-label", children: _jsx(FieldLabelContent, { label: field.label, required: field.required }) }), _jsx("input", { ...field.domInputProps, type: "text", className: field.invalid ? 'form-control is-invalid' : 'form-control' }), _jsx(BootstrapFeedback, { field: field })] }));
 }
 export const BootstrapTextInput = React.memo(BootstrapTextInputImpl, (prev, next) => prev.node.id === next.node.id);
 //# sourceMappingURL=BootstrapTextInput.js.map

package/dist/widgets/BootstrapTextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BootstrapTextInput.js","sourceRoot":"","sources":["../../src/widgets/BootstrapTextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAM1D,SAAS,sBAAsB,CAAC,EAAE,IAAI,EAAe;IACnD,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,aACnB,mBAAW,KAAK,CAAC,UAAU,EAAE,SAAS,EAAC,YAAY,YAAE,KAAK,CAAC,KAAK,GAAS,EACzE,mBAAW,KAAK,CAAC,aAAa,EAAE,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,cAAc,GAAI,EACrH,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,IAC/B,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"BootstrapTextInput.js","sourceRoot":"","sources":["../../src/widgets/BootstrapTextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAM1D,SAAS,sBAAsB,CAAC,EAAE,IAAI,EAAe;IACnD,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,aACnB,mBAAW,KAAK,CAAC,UAAU,EAAE,SAAS,EAAC,YAAY,YAAC,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,GAAQ,EAC/H,mBAAW,KAAK,CAAC,aAAa,EAAE,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,cAAc,GAAI,EACrH,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,IAC/B,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/widgets/BootstrapTextarea.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { useFieldBinding } from '@texaryn/react';
+import { FieldLabelContent, useFieldBinding } from '@texaryn/react';
 import { BootstrapFeedback } from './BootstrapFeedback.js';
 function BootstrapTextareaImpl({ node }) {
     const field = useFieldBinding(node);
-    return (_jsxs("div", { className: "mb-3", children: [_jsx("label", { ...field.labelProps, className: "form-label", children: field.label }), _jsx("textarea", { ...field.domInputProps, className: field.invalid ? 'form-control is-invalid' : 'form-control' }), _jsx(BootstrapFeedback, { field: field })] }));
+    return (_jsxs("div", { className: "mb-3", children: [_jsx("label", { ...field.labelProps, className: "form-label", children: _jsx(FieldLabelContent, { label: field.label, required: field.required }) }), _jsx("textarea", { ...field.domInputProps, className: field.invalid ? 'form-control is-invalid' : 'form-control' }), _jsx(BootstrapFeedback, { field: field })] }));
 }
 export const BootstrapTextarea = React.memo(BootstrapTextareaImpl, (prev, next) => prev.node.id === next.node.id);
 //# sourceMappingURL=BootstrapTextarea.js.map

package/dist/widgets/BootstrapTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"BootstrapTextarea.js","sourceRoot":"","sources":["../../src/widgets/BootstrapTextarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAM1D,SAAS,qBAAqB,CAAC,EAAE,IAAI,EAAe;IAClD,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,aACnB,mBAAW,KAAK,CAAC,UAAU,EAAE,SAAS,EAAC,YAAY,YAAE,KAAK,CAAC,KAAK,GAAS,EACzE,sBAAc,KAAK,CAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,cAAc,GAAI,EAC5G,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,IAC/B,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"BootstrapTextarea.js","sourceRoot":"","sources":["../../src/widgets/BootstrapTextarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAM1D,SAAS,qBAAqB,CAAC,EAAE,IAAI,EAAe;IAClD,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,aACnB,mBAAW,KAAK,CAAC,UAAU,EAAE,SAAS,EAAC,YAAY,YAAC,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,GAAQ,EAC/H,sBAAc,KAAK,CAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,cAAc,GAAI,EAC5G,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,IAC/B,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texaryn/react-bootstrap",
-  "version": "0.1.3",
+  "version": "0.3.0",
   "description": "Bootstrap 5 widgets for Texaryn: native markup and Bootstrap classes 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": {
     "react": ">=18.0.0",
     "bootstrap": "^5.3",
-    "@texaryn/react": "^0.2.4"
+    "@texaryn/react": "^0.4.0"
   },
   "peerDependenciesMeta": {
     "bootstrap": {
@@ -59,8 +59,8 @@
     "jsdom": "^25.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@texaryn/react": "0.2.4",
-    "@texaryn/schema-json": "0.2.4"
+    "@texaryn/schema-json": "0.3.0",
+    "@texaryn/react": "0.4.0"
   },
   "scripts": {
     "build": "tsc --build"