@texaryn/react 0.4.4 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,59 @@
 # @texaryn/react
 
+## 0.5.1
+
+### Patch Changes
+
+- d3ea7a8: `homepage` points at the documentation site, https://texaryn.github.io/texaryn/,
+  instead of the GitHub README. No code changes.
+- Updated dependencies [d3ea7a8]
+- Updated dependencies [d3ea7a8]
+  - @texaryn/core@0.12.1
+
+## 0.5.0
+
+### Minor Changes
+
+- 191787c: `FormProvider` takes `messages`, a whole `FormMessages` set, and every built-in
+  widget renders from it. `useFormMessages()` is how a custom widget reads it.
+  
+  Removed: `removeActionName`, `moveUpActionName`, `addActionName` and
+  `REQUIRED_INDICATOR`. Their purpose was letting a custom widget match the
+  built-in wording, and a function that returns English whatever is configured
+  now serves that purpose wrongly, leaving one widget in English while the form
+  translates. Migration:
+  
+  before
+  
+      removeActionName(position, itemTitle, arrayTitle)
+      <span aria-hidden="true"> {REQUIRED_INDICATOR}</span>
+  
+  after
+  
+      const messages = useFormMessages()
+      messages.removeItem({ position, itemTitle, containerTitle: arrayTitle }).accessibleName
+      messages.requiredIndicator()   // { text, placement }
+  
+  `ArrayActions`'s `addName` and `removeName(position, item)` are replaced by
+  `add` and `remove(position, item)`, each returning an `ActionMessage` carrying
+  `label` and `accessibleName` together.
+- aa5dd6f: `ErrorSummary` is a named group with an `h2` heading and takes focus once a
+  failed submit settles, once per attempt; a successful submit, a validation
+  exception and blur or change validation move nothing. `focus={false}` keeps
+  it passive, for an application that renders one runtime twice and wants one
+  focusing summary. The heading and the text after each link come from
+  `errorSummaryHeading` and `errorSummaryDetail` in `FormMessages`.
+
+### Patch Changes
+
+- 3f19d2c: `ErrorSummary` reads its label and message fallbacks from
+  `visibleErrorLabel` and `visibleErrorMessages` in `@texaryn/core`. Rendered
+  output is unchanged.
+- Updated dependencies [191787c]
+- Updated dependencies [aa5dd6f]
+- Updated dependencies [3f19d2c]
+  - @texaryn/core@0.12.0
+
 ## 0.4.4
 
 ### Patch Changes

package/README.md

@@ -100,6 +100,10 @@ namespace for that rendering surface:
 </FormProvider>
 ```
 
+`messages` takes a whole `FormMessages` set from `@texaryn/core` and replaces
+every word the built-in widgets invent. See the localizing guide on the docs
+site. Custom widgets read it with `useFormMessages()`.
+
 `useFormContext()` returns the current runtime and `useFormIdPrefix()` returns
 the namespace. Rendering through `FormContext.Provider` instead throws: the
 context alone carries no namespace, which is what let two forms on one page
@@ -153,7 +157,7 @@ import { FieldErrors } from '@texaryn/react'
 <FieldErrors node={node} errors={errors} showErrors={showErrors} />
 ```
 
-`ErrorSummary` reads the runtime's `visibleErrors` store and renders a jump-linked list of every currently visible error above the form:
+`ErrorSummary` renders a named group, headed by an `h2`, listing every visible error with a link to its field, and takes focus once a failed submit settles, once per attempt. Pass `focus={false}` on all but one summary when one runtime is rendered twice. The heading and the text after each link come from `errorSummaryHeading` and `errorSummaryDetail` in `FormMessages`.
 
 ```tsx
 import { ErrorSummary } from '@texaryn/react'
@@ -270,15 +274,13 @@ The schema adapter interprets data semantics. The core compiles and runs the for
 - `useObjectGroup`
 - `useArrayActions`
 - `ArrayActions`
-- `removeActionName`
-- `moveUpActionName`
-- `addActionName`
 - `ObjectGroup`
 - `FieldBinding`
 - `DomValueInputProps`
 - `DomCheckedInputProps`
 - `DomInputBaseProps`
 - `useFormContext`
+- `useFormMessages`
 
 ### Context and rendering
 
@@ -299,7 +301,6 @@ The schema adapter interprets data semantics. The core compiles and runs the for
 - `FieldErrors`
 - `FieldLabelContent`
 - `FieldLabelContentProps`
-- `REQUIRED_INDICATOR`
 - `FieldErrorsProps`
 - `ErrorSummary`
 

package/dist/components/ErrorSummary.d.ts

@@ -1,8 +1,7 @@
-/**
- * Deliberately not a live region. The fields already announce their own
- * errors, so an aggregate one would speak the same validation event twice.
- * What this needs instead is to become a focus destination after a failed
- * submit, which is separate work.
- */
-export declare function ErrorSummary(): import("react").JSX.Element | null;
+export interface ErrorSummaryProps {
+    /** Off for all but one summary when one runtime is rendered twice. */
+    focus?: boolean;
+}
+/** Not a live region: the fields announce their own errors, so the focus move after a failed submit is what speaks the heading. */
+export declare function ErrorSummary({ focus }: ErrorSummaryProps): import("react").JSX.Element | null;
 //# sourceMappingURL=ErrorSummary.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorSummary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorSummary.tsx"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH,wBAAgB,YAAY,uCAwB3B"}
+{"version":3,"file":"ErrorSummary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorSummary.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,iBAAiB;IAChC,sEAAsE;IACtE,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,mIAAmI;AACnI,wBAAgB,YAAY,CAAC,EAAE,KAAY,EAAE,EAAE,iBAAiB,sCAiC/D"}

package/dist/components/ErrorSummary.js

@@ -1,21 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { createFailedSubmitTracker, visibleErrorLabel, visibleErrorMessages } from '@texaryn/core';
 import { useFormContext } from '../context.js';
 import { useStore } from '../hooks/use-store.js';
 import { useFormIdPrefix } from '../id-prefix.js';
+import { useFormMessages } from '../messages.js';
 import { makeId } from '../props/field-props.js';
-/**
- * Deliberately not a live region. The fields already announce their own
- * errors, so an aggregate one would speak the same validation event twice.
- * What this needs instead is to become a focus destination after a failed
- * submit, which is separate work.
- */
-export function ErrorSummary() {
+/** Not a live region: the fields announce their own errors, so the focus move after a failed submit is what speaks the heading. */
+export function ErrorSummary({ focus = true }) {
     const runtime = useFormContext();
     const idPrefix = useFormIdPrefix();
+    const messages = useFormMessages();
     const visibleErrors = useStore(runtime.visibleErrors);
+    const submission = useStore(runtime.submission);
+    const container = useRef(null);
+    const tracker = useRef(null);
+    tracker.current ??= createFailedSubmitTracker(submission);
+    useEffect(() => {
+        if (!tracker.current.settle(submission, visibleErrors))
+            return;
+        if (focus && container.current?.isConnected)
+            container.current.focus();
+    }, [submission, visibleErrors, focus]);
     if (visibleErrors.length === 0) {
         return null;
     }
-    return (_jsx("div", { children: _jsx("ul", { children: visibleErrors.map((entry) => (_jsxs("li", { children: [_jsx("a", { href: `#${makeId(idPrefix, entry.nodeId, 'input')}`, children: entry.fieldTitle ?? entry.pointer ?? entry.nodeId }), ': ', entry.errors.map((error) => error.message ?? error.keyword).join(', ')] }, entry.nodeId))) }) }));
+    const headingId = makeId(idPrefix, 'error-summary', 'heading');
+    return (_jsxs("div", { role: "group", tabIndex: -1, "aria-labelledby": headingId, ref: container, children: [_jsx("h2", { id: headingId, children: messages.errorSummaryHeading({ count: visibleErrors.length }) }), _jsx("ul", { children: visibleErrors.map((entry) => (_jsxs("li", { children: [_jsx("a", { href: `#${makeId(idPrefix, entry.nodeId, 'input')}`, children: visibleErrorLabel(entry) }), messages.errorSummaryDetail({ messages: visibleErrorMessages(entry) })] }, entry.nodeId))) })] }));
 }
 //# sourceMappingURL=ErrorSummary.js.map

package/dist/components/ErrorSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../src/components/ErrorSummary.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAEhD;;;;;GAKG;AACH,MAAM,UAAU,YAAY;IAC1B,MAAM,OAAO,GAAG,cAAc,EAAE,CAAA;IAChC,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IAErD,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,wBACE,uBACG,aAAa,CAAC,GAAG,CAAC,CAAC,KAAmB,EAAE,EAAE,CAAC,CAC1C,yBACE,YAAG,IAAI,EAAE,IAAI,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,YACnD,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,GAChD,EACH,IAAI,EACJ,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KALhE,KAAK,CAAC,MAAM,CAMhB,CACN,CAAC,GACC,GACD,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"ErrorSummary.js","sourceRoot":"","sources":["../../src/components/ErrorSummary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAElG,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAOhD,mIAAmI;AACnI,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,EAAqB;IAC9D,MAAM,OAAO,GAAG,cAAc,EAAE,CAAA;IAChC,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IACrD,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,OAAO,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAA;IACxD,OAAO,CAAC,OAAO,KAAK,yBAAyB,CAAC,UAAU,CAAC,CAAA;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC;YAAE,OAAM;QAC/D,IAAI,KAAK,IAAI,SAAS,CAAC,OAAO,EAAE,WAAW;YAAE,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;IACxE,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAA;IAEtC,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,EAAE,eAAe,EAAE,SAAS,CAAC,CAAA;IAC9D,OAAO,CACL,eAAK,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,CAAC,CAAC,qBAAmB,SAAS,EAAE,GAAG,EAAE,SAAS,aACxE,aAAI,EAAE,EAAE,SAAS,YAAG,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC,GAAM,EACvF,uBACG,aAAa,CAAC,GAAG,CAAC,CAAC,KAAmB,EAAE,EAAE,CAAC,CAC1C,yBACE,YAAG,IAAI,EAAE,IAAI,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,YAAG,iBAAiB,CAAC,KAAK,CAAC,GAAK,EACrF,QAAQ,CAAC,kBAAkB,CAAC,EAAE,QAAQ,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAAE,CAAC,KAFhE,KAAK,CAAC,MAAM,CAGhB,CACN,CAAC,GACC,IACD,CACP,CAAA;AACH,CAAC"}

package/dist/components/FieldLabelContent.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
-/** The wording every binding uses, so a custom widget can match it. */
-export declare const REQUIRED_INDICATOR = "(required)";
 export interface FieldLabelContentProps {
     label: string;
     required: boolean;
@@ -10,11 +8,11 @@ export interface FieldLabelContentProps {
  * indicator that is kept out of the accessible name.
  *
  * Three separate channels carry one fact, and they must not be collapsed. The
- * sighted user reads "(required)". The accessible name stays the label alone,
+ * sighted user reads the indicator. The accessible name stays the label alone,
  * because `aria-required` already reports the state and putting it in the name
- * as well makes some screen readers say it twice. The indicator says the word
- * rather than an asterisk, so nobody has to be told elsewhere what a marker
- * means.
+ * as well makes some screen readers say it twice. The message decides the
+ * wording and which side of the label it sits on; this component decides that
+ * it is `aria-hidden`.
  *
  * Shared by the three React widget sets so they cannot drift on it.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"FieldLabelContent.d.ts","sourceRoot":"","sources":["../../src/components/FieldLabelContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,uEAAuE;AACvE,eAAO,MAAM,kBAAkB,eAAe,CAAA;AAE9C,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,sBAAsB,qBAO5E"}
+{"version":3,"file":"FieldLabelContent.d.ts","sourceRoot":"","sources":["../../src/components/FieldLabelContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,sBAAsB,qBAoB5E"}

package/dist/components/FieldLabelContent.js

@@ -1,21 +1,25 @@
-import { jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-/** The wording every binding uses, so a custom widget can match it. */
-export const REQUIRED_INDICATOR = '(required)';
+import { useFormMessages } from '../messages.js';
 /**
  * Label content for a field: the schema's label, plus a visible required
  * indicator that is kept out of the accessible name.
  *
  * Three separate channels carry one fact, and they must not be collapsed. The
- * sighted user reads "(required)". The accessible name stays the label alone,
+ * sighted user reads the indicator. The accessible name stays the label alone,
  * because `aria-required` already reports the state and putting it in the name
- * as well makes some screen readers say it twice. The indicator says the word
- * rather than an asterisk, so nobody has to be told elsewhere what a marker
- * means.
+ * as well makes some screen readers say it twice. The message decides the
+ * wording and which side of the label it sits on; this component decides that
+ * it is `aria-hidden`.
  *
  * Shared by the three React widget sets so they cannot drift on it.
  */
 export function FieldLabelContent({ label, required }) {
-    return (_jsxs(_Fragment, { children: [label, required ? _jsxs("span", { "aria-hidden": "true", children: [" ", REQUIRED_INDICATOR] }) : null] }));
+    const messages = useFormMessages();
+    if (!required)
+        return _jsx(_Fragment, { children: label });
+    const indicator = messages.requiredIndicator();
+    const marker = (_jsx("span", { "aria-hidden": "true", children: indicator.placement === 'after' ? ` ${indicator.text}` : `${indicator.text} ` }));
+    return indicator.placement === 'after' ? (_jsxs(_Fragment, { children: [label, marker] })) : (_jsxs(_Fragment, { children: [marker, label] }));
 }
 //# sourceMappingURL=FieldLabelContent.js.map

package/dist/components/FieldLabelContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLabelContent.js","sourceRoot":"","sources":["../../src/components/FieldLabelContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,uEAAuE;AACvE,MAAM,CAAC,MAAM,kBAAkB,GAAG,YAAY,CAAA;AAO9C;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAA0B;IAC3E,OAAO,CACL,8BACG,KAAK,EACL,QAAQ,CAAC,CAAC,CAAC,+BAAkB,MAAM,kBAAG,kBAAkB,IAAQ,CAAC,CAAC,CAAC,IAAI,IACvE,CACJ,CAAA;AACH,CAAC"}
+{"version":3,"file":"FieldLabelContent.js","sourceRoot":"","sources":["../../src/components/FieldLabelContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAOhD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAA0B;IAC3E,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAA;IAClC,IAAI,CAAC,QAAQ;QAAE,OAAO,4BAAG,KAAK,GAAI,CAAA;IAClC,MAAM,SAAS,GAAG,QAAQ,CAAC,iBAAiB,EAAE,CAAA;IAC9C,MAAM,MAAM,GAAG,CACb,8BAAkB,MAAM,YACrB,SAAS,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,IAAI,GAAG,GACzE,CACR,CAAA;IACD,OAAO,SAAS,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,CACvC,8BACG,KAAK,EACL,MAAM,IACN,CACJ,CAAC,CAAC,CAAC,CACF,8BACG,MAAM,EACN,KAAK,IACL,CACJ,CAAA;AACH,CAAC"}

package/dist/context.d.ts

@@ -1,8 +1,10 @@
 import type { ReactNode } from 'react';
-import type { FormRuntime } from '@texaryn/core';
+import type { FormMessages, FormRuntime } from '@texaryn/core';
 export declare const FormContext: import("react").Context<FormRuntime | null>;
 export interface FormProviderProps {
     value: FormRuntime | null;
+    /** The whole set, or English. Passed through by identity, so a stable object costs no re-render. */
+    messages?: FormMessages;
     children?: ReactNode;
 }
 /**
@@ -14,6 +16,6 @@ export interface FormProviderProps {
  * siblings of FormRoot, ErrorSummary in particular, resolve the same namespace
  * the fields do.
  */
-export declare function FormProvider({ value, children }: FormProviderProps): import("react").JSX.Element;
+export declare function FormProvider({ value, messages, children }: FormProviderProps): import("react").JSX.Element;
 export declare function useFormContext(): FormRuntime;
 //# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAGhD,eAAO,MAAM,WAAW,6CAA0C,CAAA;AAElE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAOlE;AAED,wBAAgB,cAAc,IAAI,WAAW,CAM5C"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI9D,eAAO,MAAM,WAAW,6CAA0C,CAAA;AAElE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAA;IACzB,oGAAoG;IACpG,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAS5E;AAED,wBAAgB,cAAc,IAAI,WAAW,CAM5C"}

package/dist/context.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext } from 'react';
+import { englishMessages } from '@texaryn/core';
 import { IdPrefixProvider, useGeneratedIdPrefix } from './id-prefix.js';
+import { MessagesProvider } from './messages.js';
 export const FormContext = createContext(null);
 /**
  * The rendering surface, and therefore the DOM namespace, for one form.
@@ -11,9 +13,9 @@ export const FormContext = createContext(null);
  * siblings of FormRoot, ErrorSummary in particular, resolve the same namespace
  * the fields do.
  */
-export function FormProvider({ value, children }) {
+export function FormProvider({ value, messages, children }) {
     const idPrefix = useGeneratedIdPrefix();
-    return (_jsx(FormContext.Provider, { value: value, children: _jsx(IdPrefixProvider, { value: idPrefix, children: children }) }));
+    return (_jsx(FormContext.Provider, { value: value, children: _jsx(IdPrefixProvider, { value: idPrefix, children: _jsx(MessagesProvider, { value: messages ?? englishMessages, children: children }) }) }));
 }
 export function useFormContext() {
     const runtime = useContext(FormContext);

package/dist/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGjD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAEvE,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAqB,IAAI,CAAC,CAAA;AAOlE;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAqB;IACjE,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAA;IACvC,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAChC,KAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,YAAG,QAAQ,GAAoB,GAC3C,CACxB,CAAA;AACH,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACvC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAA;IACtE,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAqB,IAAI,CAAC,CAAA;AASlE;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAqB;IAC3E,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAA;IACvC,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAChC,KAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,YAC/B,KAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,IAAI,eAAe,YAAG,QAAQ,GAAoB,GAClE,GACE,CACxB,CAAA;AACH,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACvC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAA;IACtE,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC"}

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

@@ -1,9 +1,9 @@
-import type { UINode } from '@texaryn/core';
+import type { ActionMessage, UINode } from '@texaryn/core';
 export interface ArrayActions {
-    /** Accessible name for the control that removes the row at this position. */
-    removeName(position: number, item: UINode | undefined): string;
-    /** Accessible name for the control that appends a row. */
-    addName: string;
+    /** Both surfaces of the control that appends a row. */
+    add: ActionMessage;
+    /** Both surfaces of the control that removes the row at this position. */
+    remove(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,EAAiB,MAAM,EAAE,MAAM,eAAe,CAAA;AAI1D,MAAM,WAAW,YAAY;IAC3B,6EAA6E;IAC7E,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;IAC9D,0DAA0D;IAC1D,OAAO,EAAE,MAAM,CAAA;CAChB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAW1D"}
+{"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"}

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

@@ -1,5 +1,5 @@
 import { useRendererContext } from '../components/renderer-context.js';
-import { addActionName, removeActionName } from '../props/action-names.js';
+import { useFormMessages } from '../messages.js';
 /**
  * Shared by the three React widget sets so their action names cannot drift.
  * The array title is read from the document rather than the node prop: these
@@ -8,14 +8,15 @@ import { addActionName, removeActionName } from '../props/action-names.js';
  */
 export function useArrayActions(node) {
     const { document } = useRendererContext();
+    const messages = useFormMessages();
     const current = (document.nodes[node.id] ?? node);
-    const arrayTitle = current.annotations.title;
+    const containerTitle = current.annotations.title;
     return {
-        removeName: (position, item) => removeActionName(position, item?.annotations.title, arrayTitle),
+        remove: (position, item) => messages.removeItem({ 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.
-        addName: addActionName(current.arrayMeta?.itemTitle, arrayTitle),
+        add: messages.addItem({ itemTemplateTitle: current.arrayMeta?.itemTitle, containerTitle }),
     };
 }
 //# sourceMappingURL=use-array-actions.js.map

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,aAAa,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAS1E;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,IAAY;IAC1C,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,MAAM,UAAU,GAAG,OAAO,CAAC,WAAW,CAAC,KAAK,CAAA;IAC5C,OAAO;QACL,UAAU,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,UAAU,CAAC;QAC/F,2EAA2E;QAC3E,yEAAyE;QACzE,mDAAmD;QACnD,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC;KACjE,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;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"}

package/dist/index.d.ts

@@ -9,11 +9,11 @@ export { useFieldBinding } from './hooks/use-field-binding.js';
 export { useObjectGroup } from './hooks/use-object-group.js';
 export { useArrayActions } from './hooks/use-array-actions.js';
 export type { ArrayActions } from './hooks/use-array-actions.js';
-export { removeActionName, moveUpActionName, addActionName } from './props/action-names.js';
 export type { ObjectGroup } from './hooks/use-object-group.js';
 export type { FieldBinding, DomValueInputProps, DomCheckedInputProps, DomInputBaseProps, } from './hooks/use-field-binding.js';
 export { FormContext, FormProvider, useFormContext } from './context.js';
 export type { FormProviderProps } from './context.js';
+export { useFormMessages } from './messages.js';
 export { useFormIdPrefix } from './id-prefix.js';
 export { getInputProps, getLabelProps, getErrorProps, getDescriptionProps, hasNativeReadOnly, } from './props/index.js';
 export type { InputProps, LabelProps, ErrorProps, DescriptionProps, FieldState } from './props/index.js';
@@ -21,11 +21,12 @@ export { FormRoot } from './components/FormRoot.js';
 export type { FormRootProps } from './components/FormRoot.js';
 export { NodeRenderer } from './components/NodeRenderer.js';
 export type { NodeRendererProps } from './components/NodeRenderer.js';
-export { FieldLabelContent, REQUIRED_INDICATOR } from './components/FieldLabelContent.js';
+export { FieldLabelContent } from './components/FieldLabelContent.js';
 export type { FieldLabelContentProps } from './components/FieldLabelContent.js';
 export { FieldErrors } from './components/FieldErrors.js';
 export type { FieldErrorsProps } from './components/FieldErrors.js';
 export { ErrorSummary } from './components/ErrorSummary.js';
+export type { ErrorSummaryProps } from './components/ErrorSummary.js';
 export { useRendererContext } from './components/renderer-context.js';
 export type { WidgetComponent, RendererContextValue } from './components/renderer-context.js';
 export { TextInput, NumberInput, Checkbox, Select, Textarea, ObjectLayout, ArrayControl, createDefaultRegistry, } from './widgets/index.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,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAC3F,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,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,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACzF,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,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,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

@@ -5,13 +5,13 @@ export { useFieldArray } from './hooks/use-field-array.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';
-export { removeActionName, moveUpActionName, addActionName } from './props/action-names.js';
 export { FormContext, FormProvider, useFormContext } from './context.js';
+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 { NodeRenderer } from './components/NodeRenderer.js';
-export { FieldLabelContent, REQUIRED_INDICATOR } from './components/FieldLabelContent.js';
+export { FieldLabelContent } from './components/FieldLabelContent.js';
 export { FieldErrors } from './components/FieldErrors.js';
 export { ErrorSummary } from './components/ErrorSummary.js';
 export { useRendererContext } from './components/renderer-context.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;AAE9D,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAQ3F,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAExE,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,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAEzF,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,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;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"}

package/dist/messages.d.ts

@@ -0,0 +1,5 @@
+import type { FormMessages } from '@texaryn/core';
+export declare const MessagesProvider: import("react").Provider<FormMessages>;
+/** English when nothing is provided: unlike a missing id prefix, a missing locale has a safe answer. */
+export declare function useFormMessages(): FormMessages;
+//# sourceMappingURL=messages.d.ts.map

package/dist/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../src/messages.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,eAAO,MAAM,gBAAgB,wCAA2B,CAAA;AAExD,wGAAwG;AACxG,wBAAgB,eAAe,IAAI,YAAY,CAE9C"}

package/dist/messages.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from 'react';
+import { englishMessages } from '@texaryn/core';
+const MessagesContext = createContext(englishMessages);
+export const MessagesProvider = MessagesContext.Provider;
+/** English when nothing is provided: unlike a missing id prefix, a missing locale has a safe answer. */
+export function useFormMessages() {
+    return useContext(MessagesContext);
+}
+//# sourceMappingURL=messages.js.map

package/dist/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../src/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAG/C,MAAM,eAAe,GAAG,aAAa,CAAe,eAAe,CAAC,CAAA;AAEpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC,QAAQ,CAAA;AAExD,wGAAwG;AACxG,MAAM,UAAU,eAAe;IAC7B,OAAO,UAAU,CAAC,eAAe,CAAC,CAAA;AACpC,CAAC"}

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,qBAqC9C;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;AAED,iBAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAsC9C;AAED,eAAO,MAAM,YAAY,oDAGxB,CAAA"}

package/dist/widgets/ArrayControl.js

@@ -11,12 +11,13 @@ function ArrayControlImpl({ node }) {
     const actions = useArrayActions(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 ? (
                         // The visible word stays short; the name that distinguishes the
                         // row goes in aria-label, which contains it so speech input
                         // still works.
-                        _jsx("button", { type: "button", "aria-label": actions.removeName(index + 1, childNode), onClick: () => fieldArray.remove(index), children: "Remove" })) : null] }, item.id));
-            }), fieldArray.canAdd ? (_jsx("button", { type: "button", "aria-label": actions.addName, onClick: () => fieldArray.add(), children: "Add" })) : null] }));
+                        _jsx("button", { type: "button", "aria-label": remove.accessibleName, onClick: () => fieldArray.remove(index), children: remove.label })) : null] }, item.id));
+            }), fieldArray.canAdd ? (_jsx("button", { type: "button", "aria-label": actions.add.accessibleName, onClick: () => fieldArray.add(), children: actions.add.label })) : null] }));
 }
 export const ArrayControl = React.memo(ArrayControlImpl, (prev, next) => prev.node.id === next.node.id);
 //# sourceMappingURL=ArrayControl.js.map

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,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,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,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,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,oBAEzE,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":";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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texaryn/react",
-  "version": "0.4.4",
+  "version": "0.5.1",
   "description": "React bindings, hooks, prop getters, and default widgets for Texaryn",
   "keywords": [
     "react",
@@ -24,7 +24,7 @@
     "url": "git+https://github.com/texaryn/texaryn.git",
     "directory": "packages/react"
   },
-  "homepage": "https://github.com/texaryn/texaryn#readme",
+  "homepage": "https://texaryn.github.io/texaryn/",
   "bugs": {
     "url": "https://github.com/texaryn/texaryn/issues"
   },
@@ -44,7 +44,7 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@texaryn/core": "^0.11.0"
+    "@texaryn/core": "^0.12.1"
   },
   "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.6.0"
+    "@texaryn/schema-json": "0.6.2"
   },
   "scripts": {
     "build": "tsc --build"

package/dist/props/action-names.d.ts

@@ -1,19 +0,0 @@
-/**
- * Accessible names for the controls an array renders.
- *
- * Five identical "Remove" buttons tell a screen reader user nothing about
- * which row they act on. The name carries the current 1-based position, which
- * is what a person means by "the second contact"; the stable item id is
- * implementation identity and means nothing to them.
- *
- * The row's own value is deliberately not used. It is mutable, often blank,
- * frequently duplicated, sometimes long, and sometimes sensitive.
- *
- * Titles come from the schema: the array's own title, and the item title,
- * which repeats across rows and so cannot distinguish them on its own. Each
- * name degrades cleanly as those go missing.
- */
-export declare function removeActionName(position: number, itemTitle: string | undefined, arrayTitle: string | undefined): string;
-export declare function moveUpActionName(position: number, itemTitle: string | undefined, arrayTitle: string | undefined): string;
-export declare function addActionName(itemTitle: string | undefined, arrayTitle: string | undefined): string;
-//# sourceMappingURL=action-names.d.ts.map

package/dist/props/action-names.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"action-names.d.ts","sourceRoot":"","sources":["../../src/props/action-names.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,UAAU,EAAE,MAAM,GAAG,SAAS,GAC7B,MAAM,CAER;AAED,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,UAAU,EAAE,MAAM,GAAG,SAAS,GAC7B,MAAM,CAER;AAED,wBAAgB,aAAa,CAC3B,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,UAAU,EAAE,MAAM,GAAG,SAAS,GAC7B,MAAM,CAGR"}

package/dist/props/action-names.js

@@ -1,30 +0,0 @@
-/**
- * Accessible names for the controls an array renders.
- *
- * Five identical "Remove" buttons tell a screen reader user nothing about
- * which row they act on. The name carries the current 1-based position, which
- * is what a person means by "the second contact"; the stable item id is
- * implementation identity and means nothing to them.
- *
- * The row's own value is deliberately not used. It is mutable, often blank,
- * frequently duplicated, sometimes long, and sometimes sensitive.
- *
- * Titles come from the schema: the array's own title, and the item title,
- * which repeats across rows and so cannot distinguish them on its own. Each
- * name degrades cleanly as those go missing.
- */
-export function removeActionName(position, itemTitle, arrayTitle) {
-    return withContainer(`Remove ${itemTitle ?? 'item'} ${position}`, 'from', arrayTitle);
-}
-export function moveUpActionName(position, itemTitle, arrayTitle) {
-    return withContainer(`Move up ${itemTitle ?? 'item'} ${position}`, 'in', arrayTitle);
-}
-export function addActionName(itemTitle, arrayTitle) {
-    if (arrayTitle !== undefined)
-        return `Add item to ${arrayTitle}`;
-    return itemTitle === undefined ? 'Add item' : `Add ${itemTitle}`;
-}
-function withContainer(name, preposition, arrayTitle) {
-    return arrayTitle === undefined ? name : `${name} ${preposition} ${arrayTitle}`;
-}
-//# sourceMappingURL=action-names.js.map

package/dist/props/action-names.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"action-names.js","sourceRoot":"","sources":["../../src/props/action-names.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,gBAAgB,CAC9B,QAAgB,EAChB,SAA6B,EAC7B,UAA8B;IAE9B,OAAO,aAAa,CAAC,UAAU,SAAS,IAAI,MAAM,IAAI,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,CAAA;AACvF,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,QAAgB,EAChB,SAA6B,EAC7B,UAA8B;IAE9B,OAAO,aAAa,CAAC,WAAW,SAAS,IAAI,MAAM,IAAI,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,CAAA;AACtF,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,SAA6B,EAC7B,UAA8B;IAE9B,IAAI,UAAU,KAAK,SAAS;QAAE,OAAO,eAAe,UAAU,EAAE,CAAA;IAChE,OAAO,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,SAAS,EAAE,CAAA;AAClE,CAAC;AAED,SAAS,aAAa,CAAC,IAAY,EAAE,WAAmB,EAAE,UAA8B;IACtF,OAAO,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,WAAW,IAAI,UAAU,EAAE,CAAA;AACjF,CAAC"}