@texaryn/react 0.5.3 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @texaryn/react
 
+## 0.7.0
+
+### Minor Changes
+
+- 2c2786f: Add a standalone version 2 display document runtime, semantic renderer roots, bounded server update sessions, and validated host action arguments.
+- 2c2786f: Add native drag reorder to every array renderer while retaining the existing accessible move controls.
+
+### Patch Changes
+
+- Updated dependencies [2c2786f]
+- Updated dependencies [2c2786f]
+  - @texaryn/core@0.15.0
+
+## 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/DocumentRoot.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentType } from 'react';
+import type { DocumentNode, DocumentRuntime, RendererRegistry } from '@texaryn/core';
+export type DocumentWidgetComponent = ComponentType<{
+    node: DocumentNode;
+    runtime: DocumentRuntime;
+}>;
+export interface DocumentRootProps {
+    runtime: DocumentRuntime;
+    registry?: RendererRegistry<DocumentWidgetComponent, DocumentNode>;
+    onActionError?: (error: unknown) => void;
+}
+export declare function DocumentRoot({ runtime, registry, onActionError }: DocumentRootProps): import("react").JSX.Element | null;
+//# sourceMappingURL=DocumentRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentRoot.d.ts","sourceRoot":"","sources":["../../src/components/DocumentRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EAEf,gBAAgB,EAEjB,MAAM,eAAe,CAAA;AAGtB,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC;IAClD,IAAI,EAAE,YAAY,CAAA;IAClB,OAAO,EAAE,eAAe,CAAA;CACzB,CAAC,CAAA;AAEF,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,eAAe,CAAA;IACxB,QAAQ,CAAC,EAAE,gBAAgB,CAAC,uBAAuB,EAAE,YAAY,CAAC,CAAA;IAClE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACzC;AAuFD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,aAA6B,EAAE,EAAE,iBAAiB,sCASnG"}

package/dist/components/DocumentRoot.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import { useStore } from '../hooks/use-store.js';
+const DocumentContext = createContext(null);
+function useDocumentContext() {
+    const context = useContext(DocumentContext);
+    if (!context)
+        throw new Error('DocumentRoot must contain every display node');
+    return context;
+}
+function useRows(nodeId) {
+    const { runtime } = useDocumentContext();
+    const store = runtime.getCollection(nodeId);
+    if (!store)
+        throw new Error(`Node ${nodeId} is not a collection`);
+    return useStore(store);
+}
+function DisplayNodeView({ nodeId }) {
+    const { runtime, document, registry, onActionError } = useDocumentContext();
+    const node = document.nodes[nodeId];
+    if (!node)
+        return null;
+    const Widget = registry?.resolve(node);
+    if (Widget)
+        return _jsx(Widget, { node: node, runtime: runtime });
+    if (node.type === 'container') {
+        const children = node.children.map((childId) => _jsx(DisplayNodeView, { nodeId: childId }, childId));
+        if (node.containerType === 'group') {
+            return _jsxs("fieldset", { children: [_jsx("legend", { children: node.annotations.title }), children] });
+        }
+        return _jsx("div", { "data-texaryn-layout": "", children: children });
+    }
+    if (node.type === 'text') {
+        if (node.textRole === 'heading')
+            return _jsx("h2", { children: node.content });
+        if (node.textRole === 'help')
+            return _jsx("p", { role: "note", children: node.content });
+        return _jsx("p", { children: node.content });
+    }
+    if (node.type === 'list')
+        return _jsx(DisplayList, { node: node });
+    if (node.type === 'table')
+        return _jsx(DisplayTable, { node: node });
+    if (node.type === 'action') {
+        return (_jsx("button", { type: "button", disabled: !runtime.hasActionHandler(node.actionType), onClick: () => {
+                void runtime.invokeAction(node.id).catch(onActionError);
+            }, children: node.label }));
+    }
+    return null;
+}
+function DisplayList({ node }) {
+    const rows = useRows(node.id);
+    return _jsx("ul", { children: rows.map((row) => _jsx("li", { children: row.value === null ? '' : String(row.value) }, row.id)) });
+}
+function DisplayTable({ node }) {
+    const rows = useRows(node.id);
+    return (_jsxs("table", { children: [_jsx("thead", { children: _jsx("tr", { children: node.columns.map((column) => _jsx("th", { scope: "col", children: column.label }, column.id)) }) }), _jsx("tbody", { children: rows.map((row) => (_jsx("tr", { children: node.columns.map((column, index) => {
+                        const value = row.cells[index] ?? null;
+                        return _jsx("td", { children: value === null ? '' : String(value) }, column.id);
+                    }) }, row.id))) })] }));
+}
+export function DocumentRoot({ runtime, registry, onActionError = console.error }) {
+    const document = useStore(runtime.document);
+    const context = { runtime, document, registry, onActionError };
+    if (!document.nodes[document.rootId])
+        return null;
+    return (_jsx(DocumentContext.Provider, { value: context, children: _jsx(DisplayNodeView, { nodeId: document.rootId }) }));
+}
+//# sourceMappingURL=DocumentRoot.js.map

package/dist/components/DocumentRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentRoot.js","sourceRoot":"","sources":["../../src/components/DocumentRoot.tsx"],"names":[],"mappings":"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"}

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-array-drag.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes, RefObject } from 'react';
+import type { NodeId, StableItemId } from '@texaryn/core';
+export interface ArrayDragBinding {
+    readonly canDrag: boolean;
+    readonly rootRef: RefObject<HTMLDivElement | null>;
+    handleProps(itemId: StableItemId): HTMLAttributes<HTMLSpanElement>;
+    rowProps: (itemId: StableItemId) => HTMLAttributes<HTMLDivElement> & {
+        'data-array-row': string;
+        'data-array-item-id': StableItemId;
+    };
+}
+export declare function useArrayDrag(nodeId: NodeId, items: readonly {
+    readonly id: StableItemId;
+}[], move: (from: number, to: number) => void): ArrayDragBinding;
+//# sourceMappingURL=use-array-drag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-array-drag.d.ts","sourceRoot":"","sources":["../../src/hooks/use-array-drag.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAiB,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAaxE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAClD,WAAW,CAAC,MAAM,EAAE,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,CAAA;IAClE,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,cAAc,CAAC,cAAc,CAAC,GAAG;QACnE,gBAAgB,EAAE,MAAM,CAAA;QACxB,oBAAoB,EAAE,YAAY,CAAA;KACnC,CAAA;CACF;AAkBD,wBAAgB,YAAY,CAC1B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,SAAS;IAAE,QAAQ,CAAC,EAAE,EAAE,YAAY,CAAA;CAAE,EAAE,EAC/C,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,GACvC,gBAAgB,CA4HlB"}

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

@@ -0,0 +1,134 @@
+import { useEffect, useRef } from 'react';
+import { useFormContext } from '../context.js';
+const arrayDragType = 'application/x-texaryn-array-item';
+function dragPayloadPresent(event) {
+    return Array.from(event.dataTransfer.types).includes(arrayDragType);
+}
+function ownsArrayTarget(event, root) {
+    const target = event.target;
+    return target instanceof Element && target.closest('[data-array-container]') === root;
+}
+function currentArray(runtime, nodeId) {
+    const node = runtime.document.getSnapshot().nodes[nodeId];
+    return node?.type === 'container' && node.containerType === 'array'
+        ? node
+        : undefined;
+}
+export function useArrayDrag(nodeId, items, move) {
+    const runtime = useFormContext();
+    const rootRef = useRef(null);
+    const dragSession = useRef(null);
+    const array = currentArray(runtime, nodeId);
+    const canDrag = array?.arrayMeta?.canReorder === true && !array.readOnly && !array.disabled;
+    const clearDrag = () => {
+        const root = rootRef.current;
+        root?.removeAttribute('data-array-drag-active');
+        root?.querySelectorAll('[data-dragging], [data-drop-target]').forEach((row) => {
+            row.removeAttribute('data-dragging');
+            row.removeAttribute('data-drop-target');
+        });
+        dragSession.current = null;
+    };
+    useEffect(() => {
+        const session = dragSession.current;
+        if (!session)
+            return;
+        const activeArray = currentArray(runtime, nodeId);
+        if (session.runtime !== runtime ||
+            session.root !== rootRef.current ||
+            session.identityKey !== activeArray?.arrayMeta?.identityKey ||
+            activeArray?.arrayMeta?.canReorder !== true || activeArray.readOnly || activeArray.disabled ||
+            !items.some((item) => item.id === session.itemId))
+            clearDrag();
+    }, [runtime, nodeId, array?.arrayMeta?.identityKey, array?.arrayMeta?.itemIds, items]);
+    useEffect(() => () => clearDrag(), []);
+    const handleProps = (itemId) => ({
+        'aria-hidden': true,
+        className: 'texaryn-array-drag-handle',
+        draggable: canDrag,
+        tabIndex: -1,
+        onDragStart: (event) => {
+            const root = rootRef.current;
+            const current = currentArray(runtime, nodeId);
+            const identityKey = current?.arrayMeta?.identityKey;
+            if (current?.arrayMeta?.canReorder !== true || current.readOnly || current.disabled ||
+                !root || identityKey === undefined || !current.arrayMeta.itemIds.includes(itemId)) {
+                event.preventDefault();
+                return;
+            }
+            event.stopPropagation();
+            event.dataTransfer.setData(arrayDragType, itemId);
+            event.dataTransfer.effectAllowed = 'move';
+            dragSession.current = { runtime, identityKey, root, itemId };
+            root.setAttribute('data-array-drag-active', '');
+            event.currentTarget.closest('[data-array-row]')?.setAttribute('data-dragging', '');
+        },
+        onDragEnd: (event) => {
+            event.dataTransfer.clearData(arrayDragType);
+            clearDrag();
+        },
+    });
+    const rowProps = (itemId) => ({
+        'data-array-row': '',
+        'data-array-item-id': itemId,
+        onDragOver: (event) => {
+            if (!dragPayloadPresent(event))
+                return;
+            const root = rootRef.current;
+            if (!root || !ownsArrayTarget(event, root)) {
+                event.stopPropagation();
+                return;
+            }
+            const session = dragSession.current;
+            const current = currentArray(runtime, nodeId);
+            const ids = current?.arrayMeta?.itemIds ?? [];
+            if (!session || session.runtime !== runtime || session.root !== root ||
+                session.identityKey !== current?.arrayMeta?.identityKey ||
+                current?.arrayMeta?.canReorder !== true || current.readOnly || current.disabled ||
+                !ids.includes(session.itemId) || !ids.includes(itemId)) {
+                event.stopPropagation();
+                return;
+            }
+            event.preventDefault();
+            event.stopPropagation();
+            event.dataTransfer.dropEffect = 'move';
+            event.currentTarget.setAttribute('data-drop-target', '');
+        },
+        onDragLeave: (event) => {
+            if (dragPayloadPresent(event))
+                event.currentTarget.removeAttribute('data-drop-target');
+        },
+        onDrop: (event) => {
+            if (!dragPayloadPresent(event))
+                return;
+            event.stopPropagation();
+            const root = rootRef.current;
+            const session = dragSession.current;
+            const current = currentArray(runtime, nodeId);
+            const ids = current?.arrayMeta?.itemIds ?? [];
+            if (!root || !ownsArrayTarget(event, root) || !session) {
+                clearDrag();
+                return;
+            }
+            const sourceIndex = ids.indexOf(session.itemId);
+            const targetIndex = ids.indexOf(itemId);
+            if (session.runtime !== runtime || session.root !== root ||
+                session.identityKey !== current?.arrayMeta?.identityKey ||
+                current?.arrayMeta?.canReorder !== true || current.readOnly || current.disabled ||
+                sourceIndex < 0 || targetIndex < 0) {
+                clearDrag();
+                return;
+            }
+            event.preventDefault();
+            const bounds = event.currentTarget.getBoundingClientRect();
+            const after = event.clientY >= bounds.top + bounds.height / 2;
+            const insertionBoundary = targetIndex + (after ? 1 : 0);
+            const destination = insertionBoundary > sourceIndex ? insertionBoundary - 1 : insertionBoundary;
+            clearDrag();
+            if (destination !== sourceIndex)
+                move(sourceIndex, destination);
+        },
+    });
+    return { canDrag, rootRef, handleProps, rowProps };
+}
+//# sourceMappingURL=use-array-drag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-array-drag.js","sourceRoot":"","sources":["../../src/hooks/use-array-drag.ts"],"names":[],"mappings":"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"}

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

@@ -5,6 +5,8 @@ export { useField } from './hooks/use-field.js';
 export type { UseFieldReturn } from './hooks/use-field.js';
 export { useFieldArray } from './hooks/use-field-array.js';
 export type { UseFieldArrayReturn } from './hooks/use-field-array.js';
+export { useArrayDrag } from './hooks/use-array-drag.js';
+export type { ArrayDragBinding } from './hooks/use-array-drag.js';
 export { useFieldBinding } from './hooks/use-field-binding.js';
 export { useObjectGroup } from './hooks/use-object-group.js';
 export { useArrayActions } from './hooks/use-array-actions.js';
@@ -19,7 +21,11 @@ export { getInputProps, getLabelProps, getErrorProps, getDescriptionProps, hasNa
 export type { InputProps, LabelProps, ErrorProps, DescriptionProps, FieldState } from './props/index.js';
 export { FormRoot } from './components/FormRoot.js';
 export type { FormRootProps } from './components/FormRoot.js';
+export { DocumentRoot } from './components/DocumentRoot.js';
+export type { DocumentRootProps, DocumentWidgetComponent } from './components/DocumentRoot.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,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,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,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAC9F,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

@@ -2,6 +2,7 @@ export { useStore } from './hooks/use-store.js';
 export { useForm } from './hooks/use-form.js';
 export { useField } from './hooks/use-field.js';
 export { useFieldArray } from './hooks/use-field-array.js';
+export { useArrayDrag } from './hooks/use-array-drag.js';
 export { useFieldBinding } from './hooks/use-field-binding.js';
 export { useObjectGroup } from './hooks/use-object-group.js';
 export { useArrayActions } from './hooks/use-array-actions.js';
@@ -10,7 +11,9 @@ export { useFormMessages } from './messages.js';
 export { useFormIdPrefix } from './id-prefix.js';
 export { getInputProps, getLabelProps, getErrorProps, getDescriptionProps, hasNativeReadOnly, } from './props/index.js';
 export { FormRoot } from './components/FormRoot.js';
+export { DocumentRoot } from './components/DocumentRoot.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,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,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,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;AAO1D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAQD,iBAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAiF9C;AAED,eAAO,MAAM,YAAY,oDAGxB,CAAA"}

package/dist/widgets/ArrayControl.js

@@ -1,18 +1,41 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { useFieldArray } from '../hooks/use-field-array.js';
+import { useArrayDrag } from '../hooks/use-array-drag.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);
     const { document, registry } = useRendererContext();
     const actions = useArrayActions(node);
-    return (_jsxs("div", { children: [fieldArray.items.map((item, index) => {
+    const drag = useArrayDrag(containerNode.id, fieldArray.items, fieldArray.move);
+    return (_jsxs("div", { ref: drag.rootRef, "data-array-container": "", 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", { ...drag.rowProps(item.id), children: [drag.canDrag ? (_jsx("span", { ...drag.handleProps(item.id), children: "\u283F" })) : null, 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.7.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.15.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.3"
   },
   "scripts": {
     "build": "tsc --build"