@texaryn/react 0.5.3 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @texaryn/react
 
+## 0.6.0
+
+### Minor Changes
+
+- 82f38e9: Add explicit view expansion for recursion and budget boundaries.
+- 8605d64: Adds localized Up and Down controls for reorderable array rows across all renderer families.
+
+### Patch Changes
+
+- Updated dependencies [8605d64]
+- Updated dependencies [82f38e9]
+- Updated dependencies [8605d64]
+  - @texaryn/core@0.14.0
+
 ## 0.5.3
 
 ### Patch Changes

package/README.md

@@ -241,6 +241,10 @@ const registry = createDefaultRegistry()
 
 The default registry is intentionally small. Applications can supply their own registry and widget components for a product or design system.
 
+`ArrayControl` renders `Add` and `Remove` when the array hints allow them. With
+`canReorder: true`, each row also gets `Up` and `Down` controls when a move in
+that direction is available. Moving a row preserves its mounted fields.
+
 ## Custom rendering
 
 The renderer boundary is registry-based. React components are selected from semantic node information rather than from JSON Schema keywords directly.

package/dist/components/ProjectionBoundaryActions.d.ts

@@ -0,0 +1,7 @@
+import type { ContainerNode } from '@texaryn/core';
+export interface ProjectionBoundaryActionsProps {
+    container: ContainerNode;
+    title?: string;
+}
+export declare function ProjectionBoundaryActions({ container, title, }: ProjectionBoundaryActionsProps): import("react").JSX.Element[];
+//# sourceMappingURL=ProjectionBoundaryActions.d.ts.map

package/dist/components/ProjectionBoundaryActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectionBoundaryActions.d.ts","sourceRoot":"","sources":["../../src/components/ProjectionBoundaryActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAIlD,MAAM,WAAW,8BAA8B;IAC7C,SAAS,EAAE,aAAa,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,KAAK,GACN,EAAE,8BAA8B,iCAiChC"}

package/dist/components/ProjectionBoundaryActions.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { englishMessages } from '@texaryn/core';
+import { useFormContext } from '../context.js';
+import { useFormMessages } from '../messages.js';
+export function ProjectionBoundaryActions({ container, title, }) {
+    const runtime = useFormContext();
+    const messages = useFormMessages();
+    const targets = container.boundaryTargets ?? [];
+    const firstTargetByReason = new Map();
+    for (const target of targets) {
+        if (!firstTargetByReason.has(target.reason))
+            firstTargetByReason.set(target.reason, target);
+    }
+    return [...firstTargetByReason.values()].map((target) => {
+        const message = (messages.expandBoundary ?? englishMessages.expandBoundary)({
+            boundary: target.reason,
+            containerTitle: title,
+            position: 1,
+            count: 1,
+        });
+        return (_jsx("button", { type: "button", "aria-label": message.accessibleName, onClick: () => runtime.dispatch({
+                type: 'ExpandBoundary',
+                containerId: container.id,
+                targetToken: target.token,
+            }), children: message.label }, target.reason));
+    });
+}
+//# sourceMappingURL=ProjectionBoundaryActions.js.map

package/dist/components/ProjectionBoundaryActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectionBoundaryActions.js","sourceRoot":"","sources":["../../src/components/ProjectionBoundaryActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAOhD,MAAM,UAAU,yBAAyB,CAAC,EACxC,SAAS,EACT,KAAK,GAC0B;IAC/B,MAAM,OAAO,GAAG,cAAc,EAAE,CAAA;IAChC,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,OAAO,GAAG,SAAS,CAAC,eAAe,IAAI,EAAE,CAAA;IAC/C,MAAM,mBAAmB,GAAG,IAAI,GAAG,EAAoC,CAAA;IACvE,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC;YAAE,mBAAmB,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7F,CAAC;IAED,OAAO,CAAC,GAAG,mBAAmB,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACtD,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,cAAc,IAAI,eAAe,CAAC,cAAc,CAAC,CAAC;YAC1E,QAAQ,EAAE,MAAM,CAAC,MAAM;YACvB,cAAc,EAAE,KAAK;YACrB,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,CAAC;SACT,CAAC,CAAA;QACF,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,gBACD,OAAO,CAAC,cAAc,EAClC,OAAO,EAAE,GAAG,EAAE,CACZ,OAAO,CAAC,QAAQ,CAAC;gBACf,IAAI,EAAE,gBAAgB;gBACtB,WAAW,EAAE,SAAS,CAAC,EAAE;gBACzB,WAAW,EAAE,MAAM,CAAC,KAAK;aAC1B,CAAC,YAGH,OAAO,CAAC,KAAK,IAXT,MAAM,CAAC,MAAM,CAYX,CACV,CAAA;IACH,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/hooks/use-array-actions.d.ts

@@ -4,6 +4,10 @@ export interface ArrayActions {
     add: ActionMessage;
     /** Both surfaces of the control that removes the row at this position. */
     remove(position: number, item: UINode | undefined): ActionMessage;
+    /** Both surfaces of the control that moves this row one position up. */
+    moveUp(position: number, item: UINode | undefined): ActionMessage;
+    /** Both surfaces of the control that moves this row one position down. */
+    moveDown(position: number, item: UINode | undefined): ActionMessage;
 }
 /**
  * Shared by the three React widget sets so their action names cannot drift.

package/dist/hooks/use-array-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-array-actions.d.ts","sourceRoot":"","sources":["../../src/hooks/use-array-actions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,EAAE,MAAM,eAAe,CAAA;AAIzE,MAAM,WAAW,YAAY;IAC3B,uDAAuD;IACvD,GAAG,EAAE,aAAa,CAAA;IAClB,0EAA0E;IAC1E,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,CAAA;CAClE;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAa1D"}
+{"version":3,"file":"use-array-actions.d.ts","sourceRoot":"","sources":["../../src/hooks/use-array-actions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,EAAE,MAAM,eAAe,CAAA;AAIzE,MAAM,WAAW,YAAY;IAC3B,uDAAuD;IACvD,GAAG,EAAE,aAAa,CAAA;IAClB,0EAA0E;IAC1E,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,CAAA;IACjE,wEAAwE;IACxE,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,CAAA;IACjE,0EAA0E;IAC1E,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,CAAA;CACpE;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAiB1D"}

package/dist/hooks/use-array-actions.js

@@ -13,6 +13,8 @@ export function useArrayActions(node) {
     const containerTitle = current.annotations.title;
     return {
         remove: (position, item) => messages.removeItem({ position, itemTitle: item?.annotations.title, containerTitle }),
+        moveUp: (position, item) => messages.moveItemUp({ position, itemTitle: item?.annotations.title, containerTitle }),
+        moveDown: (position, item) => messages.moveItemDown({ position, itemTitle: item?.annotations.title, containerTitle }),
         // The item template's title, not the first row's. A row may not exist yet,
         // which is exactly when naming the add control matters most, and a row's
         // annotations can in principle depend on its data.

package/dist/hooks/use-array-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-array-actions.js","sourceRoot":"","sources":["../../src/hooks/use-array-actions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAShD;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,IAAY;IAC1C,MAAM,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACzC,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAkB,CAAA;IAClE,MAAM,cAAc,GAAG,OAAO,CAAC,WAAW,CAAC,KAAK,CAAA;IAChD,OAAO;QACL,MAAM,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,CACzB,QAAQ,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,cAAc,EAAE,CAAC;QACvF,2EAA2E;QAC3E,yEAAyE;QACzE,mDAAmD;QACnD,GAAG,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,iBAAiB,EAAE,OAAO,CAAC,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;KAC3F,CAAA;AACH,CAAC"}
+{"version":3,"file":"use-array-actions.js","sourceRoot":"","sources":["../../src/hooks/use-array-actions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAahD;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,IAAY;IAC1C,MAAM,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACzC,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAkB,CAAA;IAClE,MAAM,cAAc,GAAG,OAAO,CAAC,WAAW,CAAC,KAAK,CAAA;IAChD,OAAO;QACL,MAAM,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,CACzB,QAAQ,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,cAAc,EAAE,CAAC;QACvF,MAAM,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,CACzB,QAAQ,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,cAAc,EAAE,CAAC;QACvF,QAAQ,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,CAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,cAAc,EAAE,CAAC;QACzF,2EAA2E;QAC3E,yEAAyE;QACzE,mDAAmD;QACnD,GAAG,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,iBAAiB,EAAE,OAAO,CAAC,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;KAC3F,CAAA;AACH,CAAC"}

package/dist/hooks/use-object-group.d.ts

@@ -1,5 +1,6 @@
-import type { UINode } from '@texaryn/core';
+import type { ContainerNode, UINode } from '@texaryn/core';
 export interface ObjectGroup {
+    container: ContainerNode;
     /**
      * Fixed for the widget's lifetime. The root object is the form itself, so
      * only a nested object is a candidate for being a named group.

package/dist/hooks/use-object-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-object-group.d.ts","sourceRoot":"","sources":["../../src/hooks/use-object-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,MAAM,EAAE,MAAM,eAAe,CAAA;AAG1D,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAA;IACf;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,CAUxD"}
+{"version":3,"file":"use-object-group.d.ts","sourceRoot":"","sources":["../../src/hooks/use-object-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAG1D,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,aAAa,CAAA;IACxB;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAA;IACf;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,CAWxD"}

package/dist/hooks/use-object-group.js

@@ -8,6 +8,7 @@ export function useObjectGroup(node) {
     const { document } = useRendererContext();
     const current = (document.nodes[node.id] ?? node);
     return {
+        container: current,
         nested: node.parentId !== null,
         title: current.annotations.title,
         children: current.children

package/dist/hooks/use-object-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-object-group.js","sourceRoot":"","sources":["../../src/hooks/use-object-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAiBtE;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,IAAY;IACzC,MAAM,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACzC,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAkB,CAAA;IAClE,OAAO;QACL,MAAM,EAAE,IAAI,CAAC,QAAQ,KAAK,IAAI;QAC9B,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK;QAChC,QAAQ,EAAE,OAAO,CAAC,QAAQ;aACvB,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;aAC/B,MAAM,CAAC,CAAC,KAAK,EAAmB,EAAE,CAAC,KAAK,IAAI,IAAI,CAAC;KACrD,CAAA;AACH,CAAC"}
+{"version":3,"file":"use-object-group.js","sourceRoot":"","sources":["../../src/hooks/use-object-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAkBtE;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,IAAY;IACzC,MAAM,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACzC,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAkB,CAAA;IAClE,OAAO;QACL,SAAS,EAAE,OAAO;QAClB,MAAM,EAAE,IAAI,CAAC,QAAQ,KAAK,IAAI;QAC9B,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK;QAChC,QAAQ,EAAE,OAAO,CAAC,QAAQ;aACvB,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;aAC/B,MAAM,CAAC,CAAC,KAAK,EAAmB,EAAE,CAAC,KAAK,IAAI,IAAI,CAAC;KACrD,CAAA;AACH,CAAC"}

package/dist/index.d.ts

@@ -20,6 +20,8 @@ export type { InputProps, LabelProps, ErrorProps, DescriptionProps, FieldState }
 export { FormRoot } from './components/FormRoot.js';
 export type { FormRootProps } from './components/FormRoot.js';
 export { NodeRenderer } from './components/NodeRenderer.js';
+export { ProjectionBoundaryActions } from './components/ProjectionBoundaryActions.js';
+export type { ProjectionBoundaryActionsProps } from './components/ProjectionBoundaryActions.js';
 export type { NodeRendererProps } from './components/NodeRenderer.js';
 export { FieldLabelContent } from './components/FieldLabelContent.js';
 export type { FieldLabelContentProps } from './components/FieldLabelContent.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAC7C,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAC9D,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AACxE,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxG,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,YAAY,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AACrE,YAAY,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,YAAY,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AACrE,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AAC7F,OAAO,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,qBAAqB,GACtB,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAC7C,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAC9D,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AACxE,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxG,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAA;AACrF,YAAY,EAAE,8BAA8B,EAAE,MAAM,2CAA2C,CAAA;AAC/F,YAAY,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AACrE,YAAY,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,YAAY,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AACrE,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AAC7F,OAAO,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,qBAAqB,GACtB,MAAM,oBAAoB,CAAA"}

package/dist/index.js

@@ -11,6 +11,7 @@ export { useFormIdPrefix } from './id-prefix.js';
 export { getInputProps, getLabelProps, getErrorProps, getDescriptionProps, hasNativeReadOnly, } from './props/index.js';
 export { FormRoot } from './components/FormRoot.js';
 export { NodeRenderer } from './components/NodeRenderer.js';
+export { ProjectionBoundaryActions } from './components/ProjectionBoundaryActions.js';
 export { FieldLabelContent } from './components/FieldLabelContent.js';
 export { FieldErrors } from './components/FieldErrors.js';
 export { ErrorSummary } from './components/ErrorSummary.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAS9D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAExE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AAErE,OAAO,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,qBAAqB,GACtB,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAS9D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAExE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAA;AAGrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AAErE,OAAO,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,qBAAqB,GACtB,MAAM,oBAAoB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayControl.d.ts","sourceRoot":"","sources":["../../src/widgets/ArrayControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAiB,MAAM,EAAE,MAAM,eAAe,CAAA;AAM1D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAsC9C;AAED,eAAO,MAAM,YAAY,oDAGxB,CAAA"}
+{"version":3,"file":"ArrayControl.d.ts","sourceRoot":"","sources":["../../src/widgets/ArrayControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAiB,MAAM,EAAE,MAAM,eAAe,CAAA;AAM1D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAQD,iBAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAsE9C;AAED,eAAO,MAAM,YAAY,oDAGxB,CAAA"}

package/dist/widgets/ArrayControl.js

@@ -4,6 +4,13 @@ import { useFieldArray } from '../hooks/use-field-array.js';
 import { NodeRenderer } from '../components/NodeRenderer.js';
 import { useRendererContext } from '../components/renderer-context.js';
 import { useArrayActions } from '../hooks/use-array-actions.js';
+function focusAfterRender(row, direction) {
+    const focus = () => row?.querySelector(`:scope > [data-reorder-direction="${direction}"]`)?.focus();
+    if (typeof requestAnimationFrame === 'function')
+        requestAnimationFrame(focus);
+    else
+        setTimeout(focus, 0);
+}
 function ArrayControlImpl({ node }) {
     const containerNode = node;
     const fieldArray = useFieldArray(containerNode.id);
@@ -12,7 +19,21 @@ function ArrayControlImpl({ node }) {
     return (_jsxs("div", { children: [fieldArray.items.map((item, index) => {
                 const childNode = item.nodeId ? document.nodes[item.nodeId] : undefined;
                 const remove = actions.remove(index + 1, childNode);
-                return (_jsxs("div", { children: [childNode ? (_jsx(NodeRenderer, { node: childNode, document: document, registry: registry })) : null, fieldArray.canRemove ? (
+                const moveUp = actions.moveUp(index + 1, childNode);
+                const moveDown = actions.moveDown(index + 1, childNode);
+                return (_jsxs("div", { "data-array-row": "", children: [childNode ? (_jsx(NodeRenderer, { node: childNode, document: document, registry: registry })) : null, fieldArray.canReorder && index > 0 ? (_jsx("button", { type: "button", "aria-label": moveUp.accessibleName, "data-reorder-direction": "up", onClick: (event) => {
+                                const wasFocused = globalThis.document.activeElement === event.currentTarget;
+                                const row = event.currentTarget.closest('[data-array-row]');
+                                fieldArray.move(index, index - 1);
+                                if (wasFocused && index === 1)
+                                    focusAfterRender(row, 'down');
+                            }, children: moveUp.label })) : null, fieldArray.canReorder && index < fieldArray.items.length - 1 ? (_jsx("button", { type: "button", "aria-label": moveDown.accessibleName, "data-reorder-direction": "down", onClick: (event) => {
+                                const wasFocused = globalThis.document.activeElement === event.currentTarget;
+                                const row = event.currentTarget.closest('[data-array-row]');
+                                fieldArray.move(index, index + 1);
+                                if (wasFocused && index === fieldArray.items.length - 2)
+                                    focusAfterRender(row, 'up');
+                            }, children: moveDown.label })) : null, fieldArray.canRemove ? (
                         // The visible word stays short; the name that distinguishes the
                         // row goes in aria-label, which contains it so speech input
                         // still works.

package/dist/widgets/ArrayControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayControl.js","sourceRoot":"","sources":["../../src/widgets/ArrayControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAM/D,SAAS,gBAAgB,CAAC,EAAE,IAAI,EAAe;IAC7C,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,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,SAAS,CAAC,CAAA;gBACnD,OAAO,CACL,0BACG,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;wBACtB,gEAAgE;wBAChE,4DAA4D;wBAC5D,eAAe;wBACf,iBACE,IAAI,EAAC,QAAQ,gBACD,MAAM,CAAC,cAAc,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,YAEtC,MAAM,CAAC,KAAK,GACN,CACV,CAAC,CAAC,CAAC,IAAI,KAfA,IAAI,CAAC,EAAE,CAgBX,CACP,CAAA;YACH,CAAC,CAAC,EACD,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,iBAAQ,IAAI,EAAC,QAAQ,gBAAa,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,YAC1F,OAAO,CAAC,GAAG,CAAC,KAAK,GACX,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CACpC,gBAAgB,EAChB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAC9C,CAAA"}
+{"version":3,"file":"ArrayControl.js","sourceRoot":"","sources":["../../src/widgets/ArrayControl.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectLayout.d.ts","sourceRoot":"","sources":["../../src/widgets/ObjectLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAK3C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAsB9C;AAED,eAAO,MAAM,YAAY,oDAGxB,CAAA"}
+{"version":3,"file":"ObjectLayout.d.ts","sourceRoot":"","sources":["../../src/widgets/ObjectLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAM3C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBA8B9C;AAED,eAAO,MAAM,YAAY,oDAGxB,CAAA"}

package/dist/widgets/ObjectLayout.js

@@ -2,20 +2,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { objectChildKey } from '@texaryn/core';
 import { NodeRenderer } from '../components/NodeRenderer.js';
+import { ProjectionBoundaryActions } from '../components/ProjectionBoundaryActions.js';
 import { useRendererContext } from '../components/renderer-context.js';
 import { useObjectGroup } from '../hooks/use-object-group.js';
 function ObjectLayoutImpl({ node }) {
     const { document, registry } = useRendererContext();
-    const { nested, title, children } = useObjectGroup(node);
+    const { container, nested, title, children } = useObjectGroup(node);
     const rendered = children.map((child) => (_jsx(NodeRenderer, { node: child, document: document, registry: registry }, objectChildKey(child))));
     if (!nested) {
-        return _jsx("div", { children: rendered });
+        return (_jsxs("div", { children: [rendered, _jsx(ProjectionBoundaryActions, { container: container, title: title })] }));
     }
     // The element is chosen once and only the grouping semantics are re-derived:
     // swapping div for fieldset when a title appears would remount the subtree
     // and drop focus. Children sit in their own element so the legend is never a
     // candidate for reorder.
-    return (_jsxs("fieldset", { role: title === undefined ? 'none' : undefined, children: [title === undefined ? null : _jsx("legend", { children: title }), _jsx("div", { children: rendered })] }));
+    return (_jsxs("fieldset", { role: title === undefined ? 'none' : undefined, children: [title === undefined ? null : _jsx("legend", { children: title }), _jsxs("div", { children: [rendered, _jsx(ProjectionBoundaryActions, { container: container, title: title })] })] }));
 }
 export const ObjectLayout = React.memo(ObjectLayoutImpl, (prev, next) => prev.node.id === next.node.id);
 //# sourceMappingURL=ObjectLayout.js.map

package/dist/widgets/ObjectLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectLayout.js","sourceRoot":"","sources":["../../src/widgets/ObjectLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAM7D,SAAS,gBAAgB,CAAC,EAAE,IAAI,EAAe;IAC7C,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,IAA6B,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAA1E,cAAc,CAAC,KAAK,CAAC,CAAyD,CAClG,CAAC,CAAA;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,wBAAM,QAAQ,GAAO,CAAA;IAC9B,CAAC;IAED,6EAA6E;IAC7E,2EAA2E;IAC3E,6EAA6E;IAC7E,yBAAyB;IACzB,OAAO,CACL,oBAAU,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aACrD,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,2BAAS,KAAK,GAAU,EACtD,wBAAM,QAAQ,GAAO,IACZ,CACZ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CACpC,gBAAgB,EAChB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAC9C,CAAA"}
+{"version":3,"file":"ObjectLayout.js","sourceRoot":"","sources":["../../src/widgets/ObjectLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,4CAA4C,CAAA;AACtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAM7D,SAAS,gBAAgB,CAAC,EAAE,IAAI,EAAe;IAC7C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IACnD,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;IAEnE,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACvC,KAAC,YAAY,IAA6B,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAA1E,cAAc,CAAC,KAAK,CAAC,CAAyD,CAClG,CAAC,CAAA;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,CACL,0BACG,QAAQ,EACT,KAAC,yBAAyB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAI,IAC7D,CACP,CAAA;IACH,CAAC;IAED,6EAA6E;IAC7E,2EAA2E;IAC3E,6EAA6E;IAC7E,yBAAyB;IACzB,OAAO,CACL,oBAAU,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aACrD,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,2BAAS,KAAK,GAAU,EACtD,0BACG,QAAQ,EACT,KAAC,yBAAyB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAI,IAC7D,IACG,CACZ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CACpC,gBAAgB,EAChB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAC9C,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texaryn/react",
-  "version": "0.5.3",
+  "version": "0.6.0",
   "description": "React bindings, hooks, prop getters, and default widgets for Texaryn",
   "keywords": [
     "react",
@@ -44,7 +44,7 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@texaryn/core": "^0.13.0"
+    "@texaryn/core": "^0.14.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0"
@@ -56,7 +56,7 @@
     "jsdom": "^25.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@texaryn/schema-json": "0.7.0"
+    "@texaryn/schema-json": "0.8.0"
   },
   "scripts": {
     "build": "tsc --build"