@zeno-lib/forms 0.10.0 → 0.10.1

package/dist/create-zeno-form.d.mts

@@ -2,7 +2,6 @@ import { FieldControlProps } from "./lib/use-field-control.mjs";
 import { ValidationMode } from "./lib/validation-modes.mjs";
 import { AppFieldExtendedReactFieldGroupApi, AppFieldExtendedReactFormApi, BaseFormOptions, DeepKeys, DeepValue, FieldsMap, FormAsyncValidateOrFn, FormOptions, FormValidateOrFn, WithFormProps } from "@tanstack/react-form";
 import { ComponentProps, PropsWithChildren, ReactNode } from "react";
-//#region src/create-zeno-form.d.ts
 type StandardSchema<T> = {
   readonly "~standard": {
     readonly validate: (value: unknown) => unknown;
@@ -144,4 +143,4 @@ export declare function createZenoForm<FC extends Record<string, AnyComponent>,
     form: AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, [unknown] extends [FC] ? any : FC, [unknown] extends [FMC] ? any : FMC>;
   }>>;
 };
-//#endregion
+export {};

package/dist/create-zeno-form.mjs

@@ -15,7 +15,7 @@ import { blurThenChangeLogic } from "./lib/validation-logic.mjs";
 import { createFormHook } from "@tanstack/react-form";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/create-zeno-form.tsx
+// src/create-zeno-form.tsx
 function buildValidatorsFromSchema(schema, mode) {
 	switch (mode) {
 		case "blur": return { onBlur: schema };
@@ -191,5 +191,4 @@ function createZenoForm(config) {
 		withForm
 	};
 }
-//#endregion
 export { createZenoForm };

package/dist/form-element.d.mts

@@ -1,5 +1,4 @@
 import { ComponentProps, ReactNode } from "react";
-//#region src/form-element.d.ts
 type FormProviderProps = {
   children: ReactNode;
   /**
@@ -22,5 +21,4 @@ type FormProps = Omit<ComponentProps<"form">, "onSubmit"> & {
   disabled?: boolean;
 };
 declare function Form({ children, className, disabled, ...props }: FormProps): import("react").JSX.Element;
-//#endregion
 export { Form, FormProvider };

package/dist/form-element.mjs

@@ -5,7 +5,7 @@ import { reportSubmitError } from "./lib/submit-error.mjs";
 import { focusFirstInvalid, restoreFocus } from "./lib/focus-first-invalid.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/form-element.tsx
+// src/form-element.tsx
 function FormProvider({ children, disabled = false, form }) {
 	const { store } = form;
 	const scope = useMemo(() => ({
@@ -49,5 +49,4 @@ function Form({ children, className, disabled = false, ...props }) {
 		})
 	});
 }
-//#endregion
 export { Form, FormProvider };

package/dist/lib/action-result.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/action-result.d.ts
 type ActionError = {
   readonly fieldErrors: Readonly<Record<string, readonly string[]>>;
   readonly formErrors: readonly string[];
@@ -18,5 +17,4 @@ type ActionIssue = {
 };
 declare function toFieldName(path: ActionIssue["path"]): string;
 declare function toActionError(issues: readonly ActionIssue[]): ActionError;
-//#endregion
 export { type ActionError, type ActionIssue, type ActionResult, toActionError, toFieldName };

package/dist/lib/action-result.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/action-result.ts
+// src/lib/action-result.ts
 function toFieldName(path) {
 	let name = "";
 	for (const segment of path ?? []) {
@@ -28,5 +28,4 @@ function toActionError(issues) {
 		formErrors
 	};
 }
-//#endregion
 export { toActionError, toFieldName };

package/dist/lib/apply-validation-error.d.mts

@@ -1,6 +1,4 @@
 import { ValidationError } from "./validation-error.mjs";
 import { AnyFormApi } from "@tanstack/react-form";
-//#region src/lib/apply-validation-error.d.ts
 declare function applyValidationError(formApi: AnyFormApi, error: ValidationError): void;
-//#endregion
 export { applyValidationError };

package/dist/lib/apply-validation-error.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/apply-validation-error.ts
+// src/lib/apply-validation-error.ts
 function clearWhenEdited(formApi, name, entry) {
 	const rejected = formApi.getFieldValue(name);
 	const subscription = formApi.store.subscribe(() => {
@@ -37,5 +37,4 @@ function applyValidationError(formApi, error) {
 		form: error.formError
 	} });
 }
-//#endregion
 export { applyValidationError };

package/dist/lib/aria.d.mts

@@ -1,3 +1 @@
-//#region src/lib/aria.d.ts
-export declare function describedBy(...entries: [unknown, string][]): string | undefined;
-//#endregion
+export declare function describedBy(...entries: [unknown, string][]): string | undefined;

package/dist/lib/aria.mjs

@@ -1,7 +1,6 @@
-//#region src/lib/aria.ts
+// src/lib/aria.ts
 function describedBy(...entries) {
 	const ids = entries.filter(([show]) => Boolean(show)).map(([, id]) => id);
 	return ids.length > 0 ? ids.join(" ") : void 0;
 }
-//#endregion
 export { describedBy };

package/dist/lib/contexts.d.mts

@@ -1,5 +1,3 @@
-//#region src/lib/contexts.d.ts
 declare const fieldContext: import("react").Context<import("@tanstack/react-form").AnyFieldApi>, formContext: import("react").Context<import("@tanstack/react-form").AnyFormApi>, useFieldContext: <TData>() => import("@tanstack/react-form").FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useFormContext: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
 export declare const FormProvider: import("react").Provider<import("@tanstack/react-form").AnyFormApi>;
-//#endregion
 export { fieldContext, formContext, useFieldContext, useFormContext };

package/dist/lib/contexts.mjs

@@ -1,7 +1,6 @@
 "use client";
 import { createFormHookContexts } from "@tanstack/react-form";
-//#region src/lib/contexts.ts
+// src/lib/contexts.ts
 const { fieldContext, formContext, useFieldContext, useFormContext } = createFormHookContexts();
 const FormProvider = formContext.Provider;
-//#endregion
 export { FormProvider, fieldContext, formContext, useFieldContext, useFormContext };

package/dist/lib/date-value.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/date-value.d.ts
 /**
  * What a date field stores for a picked day:
  * - `"date"`: a `Date`, at local midnight.
@@ -20,5 +19,4 @@ declare function parseDateValue(value: unknown): Date | undefined;
 declare function formatIsoDate(date: Date): string;
 /** The value to store for `date`, a day picked in local time. */
 declare function toDateValue(date: Date, type: DateValueType): Date | string;
-//#endregion
 export { type DateValueType, formatIsoDate, parseDateValue, toDateValue };

package/dist/lib/date-value.mjs

@@ -1,5 +1,5 @@
-//#region src/lib/date-value.ts
-const ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/;
+// src/lib/date-value.ts
+const ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/u;
 function pad(value, length) {
 	return String(value).padStart(length, "0");
 }
@@ -33,5 +33,4 @@ function toDateValue(date, type) {
 	if (type === "iso-datetime") return date.toISOString();
 	return date;
 }
-//#endregion
 export { formatIsoDate, parseDateValue, toDateValue };

package/dist/lib/default-props.d.mts

@@ -1,7 +1,5 @@
-//#region src/lib/default-props.d.ts
 /**
  * The props a component renders with: `props` over `defaults`. A prop passed
  * as `undefined` keeps its default, as a destructuring default would.
  */
-export declare function withDefaultProps<P extends object>(defaults: Partial<P> | undefined, props: P): P;
-//#endregion
+export declare function withDefaultProps<P extends object>(defaults: Partial<P> | undefined, props: P): P;

package/dist/lib/default-props.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/default-props.ts
+// src/lib/default-props.ts
 /**
 * The props a component renders with: `props` over `defaults`. A prop passed
 * as `undefined` keeps its default, as a destructuring default would.
@@ -9,5 +9,4 @@ function withDefaultProps(defaults, props) {
 	for (const [key, value] of Object.entries(props)) if (value !== void 0) merged[key] = value;
 	return merged;
 }
-//#endregion
 export { withDefaultProps };

package/dist/lib/empty-value.d.mts

@@ -1,6 +1,5 @@
 import { StandardSchemaLike } from "./schema-required.mjs";
 import { AnyFieldApi } from "@tanstack/react-form";
-//#region src/lib/empty-value.d.ts
 declare function toPathKeys(name: string): PropertyKey[];
 declare function emptyValueFor(schema: StandardSchemaLike | undefined, values: unknown, name: string, fallback: unknown): unknown;
 declare function withEmptyStartValues(schema: StandardSchemaLike, defaults: Record<string, unknown>): Record<string, unknown>;
@@ -16,5 +15,4 @@ declare function getEmptyValue<T>(field: AnyFieldApi, fallback: T): T;
  * so the other fields' values never change it.
  */
 declare function getNoTextValue(field: AnyFieldApi): string | null;
-//#endregion
 export { emptyValueFor, getEmptyValue, getNoTextValue, toPathKeys, withEmptyStartValues };

package/dist/lib/empty-value.mjs

@@ -2,9 +2,9 @@ import { toFieldName } from "./action-result.mjs";
 import { extractZodDefaultAt } from "./schema-defaults.mjs";
 import { validateSync } from "./schema-required.mjs";
 import { getFormSchema } from "./validation-modes.mjs";
-//#region src/lib/empty-value.ts
-const NAME_SEGMENT = /[^.[\]]+/g;
-const INDEX = /^\d+$/;
+// src/lib/empty-value.ts
+const NAME_SEGMENT = /[^.[\]]+/gu;
+const INDEX = /^\d+$/u;
 function toPathKeys(name) {
 	return (name.match(NAME_SEGMENT) ?? []).map((part) => INDEX.test(part) ? Number(part) : part);
 }
@@ -99,5 +99,4 @@ function getNoTextValue(field) {
 	const start = schema ? extractZodDefaultAt(schema, toPathKeys(field.name)) : { ok: false };
 	return start.ok && start.value === null ? null : "";
 }
-//#endregion
 export { emptyValueFor, getEmptyValue, getNoTextValue, toPathKeys, withEmptyStartValues };

package/dist/lib/field-hints.d.mts

@@ -1,5 +1,4 @@
 import { AnyFieldApi } from "@tanstack/react-form";
-//#region src/lib/field-hints.d.ts
 /**
  * What a field reads from the column its schema comes from, when the column's
  * hint names it. The `percentage()` and `year()` columns of
@@ -14,5 +13,4 @@ type FieldHints = {
   readonly scale?: "fraction" | "percent" | undefined;
 };
 declare function getFieldHints(field: AnyFieldApi, kind: string): FieldHints;
-//#endregion
 export { type FieldHints, getFieldHints };

package/dist/lib/field-hints.mjs

@@ -1,7 +1,7 @@
 import { findZodSchemaAt } from "./schema-defaults.mjs";
 import { getFormSchema } from "./validation-modes.mjs";
 import { toPathKeys } from "./empty-value.mjs";
-//#region src/lib/field-hints.ts
+// src/lib/field-hints.ts
 const FIELD_HINTS_KEY = Symbol.for("@zeno-lib/field-hints");
 const readHint = (node) => {
 	const hint = globalThis[FIELD_HINTS_KEY]?.get(node);
@@ -20,5 +20,4 @@ function getFieldHints(field, kind) {
 		scale: scale === "fraction" || scale === "percent" ? scale : void 0
 	};
 }
-//#endregion
 export { getFieldHints };

package/dist/lib/focus-first-invalid.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/focus-first-invalid.d.ts
 /**
  * Move focus to the first invalid control inside `root` (a `<form>`): the
  * first element with `aria-invalid="true"`, or, for a group root that can't
@@ -19,5 +18,4 @@ declare function focusFirstInvalid(root: ParentNode | null | undefined): HTMLEle
  * moved focus.
  */
 declare function restoreFocus(element: Element | null): boolean;
-//#endregion
 export { focusFirstInvalid, restoreFocus };

package/dist/lib/focus-first-invalid.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/focus-first-invalid.ts
+// src/lib/focus-first-invalid.ts
 /**
 * Move focus to the first invalid control inside `root` (a `<form>`): the
 * first element with `aria-invalid="true"`, or, for a group root that can't
@@ -33,5 +33,4 @@ function restoreFocus(element) {
 	element.focus({ preventScroll: true });
 	return element.ownerDocument.activeElement === element;
 }
-//#endregion
 export { focusFirstInvalid, restoreFocus };

package/dist/lib/form-disabled.d.mts

@@ -1,5 +1,4 @@
 import { AnyFormApi } from "@tanstack/react-form";
-//#region src/lib/form-disabled.d.ts
 /** Apply `useForm({ disabled })` to `form`. */
 declare function useDisabledOption(form: AnyFormApi, disabled: boolean): void;
 type FormDisabledScope = {
@@ -24,5 +23,4 @@ declare const FormDisabledContext: import("react").Context<FormDisabledScope | n
  * mounted.
  */
 declare function useIsFormDisabled(form?: AnyFormApi): boolean;
-//#endregion
 export { FormDisabledContext, useDisabledOption, useIsFormDisabled };

package/dist/lib/form-disabled.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { formContext } from "./contexts.mjs";
 import { createContext, useCallback, useContext, useLayoutEffect, useSyncExternalStore } from "react";
-//#region src/lib/form-disabled.ts
+// src/lib/form-disabled.ts
 const disabledOption = /* @__PURE__ */ new WeakMap();
 const listeners = /* @__PURE__ */ new WeakMap();
 function subscribe(key, listener) {
@@ -50,5 +50,4 @@ function useIsFormDisabled(form) {
 	const byOption = useSyncExternalStore(subscribeToKey, getSnapshot, getSnapshot);
 	return scope?.disabled === true && (key === void 0 || scope.key === key) || byOption;
 }
-//#endregion
 export { FormDisabledContext, useDisabledOption, useIsFormDisabled };

package/dist/lib/formatted-number.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/formatted-number.d.ts
 type NumberSeparators = {
   /** Thousands separator, e.g. `’` for `de-CH`, `,` for `en-US`. */
   group: string;
@@ -52,5 +51,4 @@ declare function parseLocaleNumber(text: string, locale?: string): number | null
 declare function mapCaret(raw: string, caret: number, next: string, locale?: string): number;
 /** Round to `digits` decimals without the `1.005 → 1.00` float surprise. */
 declare function roundTo(value: number, digits: number): number;
-//#endregion
 export { type FormatNumberOptions, type NumberSeparators, type ParseTypedOptions, type TypedNumber, formatNumber, getNumberSeparators, mapCaret, parseLocaleNumber, parseTypedNumber, roundTo };

package/dist/lib/formatted-number.mjs

@@ -1,14 +1,14 @@
-//#region src/lib/formatted-number.ts
+// src/lib/formatted-number.ts
 const separatorCache = /* @__PURE__ */ new Map();
-const MINUS_SIGNS = /[-−–]/;
-const LEADING_MINUS = /^[^\d]*[-−–]/;
-const NON_DIGIT = /\D/g;
-const LEADING_ZEROS = /^0+(?=\d)/;
-const DIGIT = /\d/;
-const DIGITS = /\d/g;
-const PARENTHESIZED = /^\s*\(.*\)\s*$/;
-const NOT_NUMERIC = /[^\d.,]/g;
-const UNICODE_MINUS = /\u2212/g;
+const MINUS_SIGNS = /[-−–]/u;
+const LEADING_MINUS = /^[^\d]*[-−–]/u;
+const NON_DIGIT = /\D/gu;
+const LEADING_ZEROS = /^0+(?=\d)/u;
+const DIGIT = /\d/u;
+const DIGITS = /\d/gu;
+const PARENTHESIZED = /^\s*\(.*\)\s*$/u;
+const NOT_NUMERIC = /[^\d.,]/gu;
+const UNICODE_MINUS = /\u2212/gu;
 function getNumberSeparators(locale) {
 	const key = locale ?? "";
 	const cached = separatorCache.get(key);
@@ -134,5 +134,4 @@ function roundTo(value, digits) {
 	const rounded = Math.round((Math.abs(value) + Number.EPSILON) * factor);
 	return Math.sign(value) * rounded / factor;
 }
-//#endregion
 export { formatNumber, getNumberSeparators, mapCaret, parseLocaleNumber, parseTypedNumber, roundTo };

package/dist/lib/item-options.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/item-options.d.ts
 /** An item whose value isn't its label. */
 type ItemObject<V> = {
   value: V;
@@ -41,5 +40,4 @@ declare function toItemList<T>(items: readonly T[]): ItemList<T>;
 declare function isSameValue(a: unknown, b: unknown, isItemEqualToValue: ValueComparator | undefined): boolean;
 /** The option whose value is `value`, if `items` has it. */
 declare function findOption<T>(list: ItemList<T>, value: unknown, isItemEqualToValue: ValueComparator | undefined): ItemOption<T> | undefined;
-//#endregion
 export { type ItemGroup, type ItemList, type ItemObject, type ItemOption, type ItemValue, type ValueComparator, findOption, isItemGroup, isItemObject, isSameValue, itemLabel, itemValue, toItemList, valueKey };

package/dist/lib/item-options.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/item-options.ts
+// src/lib/item-options.ts
 function isItemObject(item) {
 	return typeof item === "object" && item !== null && "value" in item && "label" in item;
 }
@@ -66,5 +66,4 @@ function findOption(list, value, isItemEqualToValue) {
 	if (hit !== void 0 && isSameValue(itemValue(hit), value, isItemEqualToValue)) return hit;
 	return list.options.find((option) => isSameValue(itemValue(option), value, isItemEqualToValue));
 }
-//#endregion
 export { findOption, isItemGroup, isItemObject, isSameValue, itemLabel, itemValue, toItemList, valueKey };

package/dist/lib/schema-defaults.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/schema-defaults.d.ts
 type SchemaNode = {
   readonly _zod?: {
     readonly def?: SchemaDef;
@@ -28,5 +27,4 @@ declare function findZodSchemaAt<T>(schema: SchemaNode, keys: readonly PropertyK
 } | undefined;
 declare function pickSchemaShape<T>(schema: SchemaNode, value: T): T;
 declare function deepMergeDefaults(schemaDefaults: Record<string, unknown>, userDefaults: Record<string, unknown> | undefined): Record<string, unknown>;
-//#endregion
 export { deepMergeDefaults, extractZodDefaultAt, extractZodDefaults, findZodSchemaAt, pickSchemaShape };

package/dist/lib/schema-defaults.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/schema-defaults.ts
+// src/lib/schema-defaults.ts
 const MAX_WRAPPER_DEPTH = 16;
 function getDef(node) {
 	return node?._zod?.def;
@@ -178,5 +178,4 @@ function deepMergeDefaults(schemaDefaults, userDefaults) {
 	}
 	return result;
 }
-//#endregion
 export { deepMergeDefaults, extractZodDefaultAt, extractZodDefaults, findZodSchemaAt, pickSchemaShape };

package/dist/lib/schema-required.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/schema-required.d.ts
 type PathPart = PropertyKey | {
   readonly key: PropertyKey;
 };
@@ -22,5 +21,4 @@ type StandardSchemaLike = {
 declare function toRequiredPathKey(name: string): string;
 declare function validateSync(schema: StandardSchemaLike, value: unknown): readonly StandardIssue[] | undefined;
 declare function getRequiredPaths(schema: StandardSchemaLike): Set<string>;
-//#endregion
 export { type StandardSchemaLike, getRequiredPaths, toRequiredPathKey, validateSync };

package/dist/lib/schema-required.mjs

@@ -1,7 +1,7 @@
-//#region src/lib/schema-required.ts
+// src/lib/schema-required.ts
 const MAX_PROBE_DEPTH = 16;
-const INDEX_SEGMENT = /^\d+$/;
-const INDEX_IN_NAME = /\[\d+\]|\.(\d+)(?=\.|\[|$)/g;
+const INDEX_SEGMENT = /^\d+$/u;
+const INDEX_IN_NAME = /\[\d+\]|\.\d+(?=\.|\[|$)/gu;
 function pathKey(part) {
 	if (typeof part === "object" && part !== null && "key" in part) return part.key;
 	return part;
@@ -134,5 +134,4 @@ function getRequiredPaths(schema) {
 	}
 	return required;
 }
-//#endregion
 export { getRequiredPaths, toRequiredPathKey, validateSync };

package/dist/lib/submit-action.d.mts

@@ -1,6 +1,5 @@
 import { ActionError, ActionIssue, ActionResult } from "./action-result.mjs";
 import { AnyFormApi } from "@tanstack/react-form";
-//#region src/lib/submit-action.d.ts
 declare function applyActionError(formApi: FormApiLike, error: ActionError): void;
 type SchemaResult<TOutput> = {
   readonly value: TOutput;
@@ -66,5 +65,4 @@ type SubmitActionSchemaOptions<TValues, TOutput, TData> = SubmitActionOptions<TV
  */
 declare function submitAction<TValues, TOutput, TData>(props: SubmitProps<TValues>, action: Action<TOutput, TData>, options: SubmitActionSchemaOptions<TValues, TOutput, TData>): Promise<ActionResult<TData>>;
 declare function submitAction<TValues, TData>(props: SubmitProps<TValues>, action: Action<NoInfer<TValues>, TData>, options?: SubmitActionOptions<TValues, TData>): Promise<ActionResult<TData>>;
-//#endregion
 export { type FormApiLike, type SubmitActionOptions, type SubmitActionSchema, applyActionError, submitAction };

package/dist/lib/submit-action.mjs

@@ -3,7 +3,7 @@ import { toActionError } from "./action-result.mjs";
 import { pickSchemaShape } from "./schema-defaults.mjs";
 import { getFormSchema } from "./validation-modes.mjs";
 import { ValidationError } from "./validation-error.mjs";
-//#region src/lib/submit-action.ts
+// src/lib/submit-action.ts
 function applyActionError(formApi, error) {
 	const fields = {};
 	const formErrors = [...error.formErrors];
@@ -46,5 +46,4 @@ function toFormValues(formApi, data) {
 	const schema = getFormSchema(formApi);
 	return schema ? pickSchemaShape(schema, data) : data;
 }
-//#endregion
 export { applyActionError, submitAction };

package/dist/lib/submit-error.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/submit-error.d.ts
 type SubmitErrorState = {
   readonly submissionAttempts: number;
   readonly values: unknown;
@@ -32,5 +31,4 @@ declare function setSubmitError(form: SubmitErrorForm, error: unknown): void;
 declare function reportSubmitError(error: unknown): void;
 /** The error `form`'s last submit threw, until it went stale. */
 declare function useSubmitError(form: SubmitErrorForm): SubmitError | undefined;
-//#endregion
 export { type SubmitError, type SubmitErrorForm, reportSubmitError, setSubmitError, useSubmitError };

package/dist/lib/submit-error.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { useCallback, useSyncExternalStore } from "react";
-//#region src/lib/submit-error.ts
+// src/lib/submit-error.ts
 const entries = /* @__PURE__ */ new WeakMap();
 const listeners = /* @__PURE__ */ new WeakMap();
 function notify(key) {
@@ -62,5 +62,4 @@ function useSubmitError(form) {
 	}, [key]);
 	return useSyncExternalStore(subscribe, () => entries.get(key)?.submitError, () => void 0);
 }
-//#endregion
 export { reportSubmitError, setSubmitError, useSubmitError };

package/dist/lib/use-field-control.d.mts

@@ -1,6 +1,5 @@
 import { AnyFieldMeta } from "@tanstack/react-form";
 import { ReactNode } from "react";
-//#region src/lib/use-field-control.d.ts
 type UseFieldControlOptions = {
   /**
    * The description the field renders, if any. The control is described by
@@ -79,5 +78,4 @@ type FieldControl<TValue = unknown> = {
  * state its label, description and error need.
  */
 declare function useFieldControl<TValue = unknown>({ description, disabled, label, required }?: UseFieldControlOptions): FieldControl<TValue>;
-//#endregion
 export { type FieldControl, type FieldControlProps, type UseFieldControlOptions, useFieldControl };

package/dist/lib/use-field-control.mjs

@@ -6,7 +6,7 @@ import { useIsFormDisabled } from "./form-disabled.mjs";
 import { describedBy } from "./aria.mjs";
 import { useHideFieldErrors, useIsFieldRequired, useIsFieldRequiredBySchema, useIsInvalid } from "./use-is-invalid.mjs";
 import { useCallback, useId } from "react";
-//#region src/lib/use-field-control.ts
+// src/lib/use-field-control.ts
 function isEmpty(value) {
 	return value === null || value === void 0 || value === "" || Number.isNaN(value) || Array.isArray(value) && value.length === 0;
 }
@@ -66,5 +66,4 @@ function useFieldControl({ description, disabled, label, required } = {}) {
 		showRequiredIndicator: required ?? schemaRequired
 	};
 }
-//#endregion
 export { useFieldControl };

package/dist/lib/use-form-dialog.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/use-form-dialog.d.ts
 type FormDialogOpenOptions<TValues> = {
   /**
    * Values to edit in this session. Omit to start from the hook's
@@ -84,5 +83,4 @@ declare function useLeaveGuard({ hasUnsavedChanges, onSave }: UseLeaveGuardOptio
  * fields' ids come from `useId`), else that root's first focusable element.
  */
 declare function findFieldElement(root: ParentNode | null | undefined, name: string): HTMLElement | null;
-//#endregion
 export { type FormDialogController, type FormDialogOpenOptions, type LeaveGuard, type UseFormDialogOptions, type UseLeaveGuardOptions, findFieldElement, useFormDialog, useLeaveGuard };

package/dist/lib/use-form-dialog.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { useCallback, useRef, useState } from "react";
-//#region src/lib/use-form-dialog.ts
+// src/lib/use-form-dialog.ts
 /**
 * Open/close state for a dialog-hosted form, one "session" per `open()`.
 *
@@ -91,7 +91,7 @@ function useLeaveGuard({ hasUnsavedChanges, onSave }) {
 }
 const FOCUSABLE = "input:not([type=\"hidden\"]):not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
 function attributeSelector(attribute, value) {
-	return `[${attribute}="${value.replace(/["\\]/g, "\\$&")}"]`;
+	return `[${attribute}="${value.replace(/["\\]/gu, "\\$&")}"]`;
 }
 /**
 * Find the element to focus for field `name` inside `root`: the control with
@@ -108,5 +108,4 @@ function findFieldElement(root, name) {
 	const labelFor = fieldRoot.querySelector("label[for]")?.getAttribute("for");
 	return (labelFor ? fieldRoot.querySelector(attributeSelector("id", labelFor)) : null) ?? fieldRoot.querySelector(FOCUSABLE);
 }
-//#endregion
 export { findFieldElement, useFormDialog, useLeaveGuard };

package/dist/lib/use-formatted-number.d.mts

@@ -1,5 +1,4 @@
 import { ChangeEvent, ClipboardEvent } from "react";
-//#region src/lib/use-formatted-number.d.ts
 type UseFormattedNumberOptions = {
   /** The stored value. `null`/`undefined` renders an empty input. */
   value: number | null | undefined;
@@ -57,5 +56,4 @@ type FormattedNumberInputProps = {
  * can use it.
  */
 declare function useFormattedNumber({ value, onValueChange, onBlur, locale, maximumFractionDigits, padFraction, useGrouping, allowNegative, maxIntegerDigits, min, max, toDisplay, fromDisplay }: UseFormattedNumberOptions): FormattedNumberInputProps;
-//#endregion
 export { type FormattedNumberInputProps, type UseFormattedNumberOptions, useFormattedNumber };

package/dist/lib/use-formatted-number.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { formatNumber, mapCaret, parseLocaleNumber, parseTypedNumber, roundTo } from "./formatted-number.mjs";
 import { useLayoutEffect, useReducer, useRef, useState } from "react";
-//#region src/lib/use-formatted-number.ts
+// src/lib/use-formatted-number.ts
 const identity = (value) => value;
 function clamp(value, min, max) {
 	let next = value;
@@ -100,5 +100,4 @@ function useFormattedNumber({ value, onValueChange, onBlur, locale, maximumFract
 		value: text
 	};
 }
-//#endregion
 export { useFormattedNumber };

package/dist/lib/use-is-invalid.d.mts

@@ -1,8 +1,6 @@
 import { AnyFieldApi } from "@tanstack/react-form";
-//#region src/lib/use-is-invalid.d.ts
 declare function useIsInvalid(field: AnyFieldApi): boolean;
 declare function useHideFieldErrors(field: AnyFieldApi): boolean;
 declare function useIsFieldRequired(field: AnyFieldApi): boolean;
 declare function useIsFieldRequiredBySchema(field: AnyFieldApi): boolean;
-//#endregion
 export { useHideFieldErrors, useIsFieldRequired, useIsFieldRequiredBySchema, useIsInvalid };

package/dist/lib/use-is-invalid.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { getFormHideFieldErrors, getFormValidationMode, isFieldRequired, isFieldRequiredBySchema } from "./validation-modes.mjs";
 import { useSelector } from "@tanstack/react-form";
-//#region src/lib/use-is-invalid.ts
+// src/lib/use-is-invalid.ts
 function hasFieldLevelError(errorMap, errorSourceMap, cause) {
 	if (!(errorMap && errorSourceMap)) return false;
 	return errorSourceMap[cause] === "field" && errorMap[cause] !== void 0;
@@ -30,5 +30,4 @@ function useIsFieldRequired(field) {
 function useIsFieldRequiredBySchema(field) {
 	return isFieldRequiredBySchema(field.form, field.name);
 }
-//#endregion
 export { useHideFieldErrors, useIsFieldRequired, useIsFieldRequiredBySchema, useIsInvalid };

package/dist/lib/use-rebased-default-values.d.mts

@@ -1,10 +1,8 @@
 import { AnyFormApi } from "@tanstack/react-form";
-//#region src/lib/use-rebased-default-values.d.ts
 declare function useRebasedDefaultValues<T>(callerDefaults: T): {
   defaultValues: T;
   onMount: (props: {
     formApi: AnyFormApi;
   }) => void;
 };
-//#endregion
 export { useRebasedDefaultValues };

package/dist/lib/use-rebased-default-values.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { evaluate } from "@tanstack/react-form";
 import { useCallback, useLayoutEffect, useRef } from "react";
-//#region src/lib/use-rebased-default-values.ts
+// src/lib/use-rebased-default-values.ts
 function useRebasedDefaultValues(callerDefaults) {
 	const liveForm = useRef(null);
 	const lastCallerDefaults = useRef(callerDefaults);
@@ -18,5 +18,4 @@ function useRebasedDefaultValues(callerDefaults) {
 		onMount
 	};
 }
-//#endregion
 export { useRebasedDefaultValues };

package/dist/lib/use-unsaved-changes-warning.d.mts

@@ -1,6 +1,4 @@
 import { AnyFormApi } from "@tanstack/react-form";
-//#region src/lib/use-unsaved-changes-warning.d.ts
 type UnsavedChangesMode = "if-changed" | "if-touched";
 declare function useUnsavedChangesWarning(form: AnyFormApi, enabled: boolean | UnsavedChangesMode): void;
-//#endregion
 export { type UnsavedChangesMode, useUnsavedChangesWarning };

package/dist/lib/use-unsaved-changes-warning.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { useSelector } from "@tanstack/react-form";
 import { useEffect } from "react";
-//#region src/lib/use-unsaved-changes-warning.ts
+// src/lib/use-unsaved-changes-warning.ts
 function useUnsavedChangesWarning(form, enabled) {
 	let mode;
 	if (enabled === false) mode = null;
@@ -20,5 +20,4 @@ function useUnsavedChangesWarning(form, enabled) {
 		return () => window.removeEventListener("beforeunload", handler);
 	}, [active]);
 }
-//#endregion
 export { useUnsavedChangesWarning };

package/dist/lib/validation-error.d.mts

@@ -1,4 +1,3 @@
-//#region src/lib/validation-error.d.ts
 type FieldMessage = string | readonly string[];
 declare class ValidationError extends Error {
   readonly fields: Readonly<Record<string, FieldMessage>>;
@@ -8,5 +7,4 @@ declare class ValidationError extends Error {
     message?: string;
   });
 }
-//#endregion
 export { type FieldMessage, ValidationError };

package/dist/lib/validation-error.mjs

@@ -1,4 +1,4 @@
-//#region src/lib/validation-error.ts
+// src/lib/validation-error.ts
 var ValidationError = class extends Error {
 	constructor(fields, options = {}) {
 		super(options.message ?? "Validation failed");
@@ -7,5 +7,4 @@ var ValidationError = class extends Error {
 		this.formError = options.formError;
 	}
 };
-//#endregion
 export { ValidationError };

package/dist/lib/validation-logic.d.mts

@@ -1,5 +1,3 @@
 import { ValidationLogicFn } from "@tanstack/react-form";
-//#region src/lib/validation-logic.d.ts
 declare const blurThenChangeLogic: ValidationLogicFn;
-//#endregion
 export { blurThenChangeLogic };

package/dist/lib/validation-logic.mjs

@@ -1,5 +1,5 @@
 "use client";
-//#region src/lib/validation-logic.ts
+// src/lib/validation-logic.ts
 function pickLiveValidator(validators, isAsync) {
 	const fn = isAsync ? validators?.onChangeAsync ?? validators?.onBlurAsync : validators?.onChange ?? validators?.onBlur;
 	return fn ? {
@@ -110,5 +110,4 @@ function blurThenChangeLogicImpl(props) {
 	});
 }
 const blurThenChangeLogic = blurThenChangeLogicImpl;
-//#endregion
 export { blurThenChangeLogic };

package/dist/lib/validation-modes.d.mts

@@ -1,6 +1,5 @@
 import { StandardSchemaLike } from "./schema-required.mjs";
 import { AnyFormApi } from "@tanstack/react-form";
-//#region src/lib/validation-modes.d.ts
 type ValidationMode = "change" | "blur" | "submit" | "blur-then-change";
 declare const DEFAULT_VALIDATION_MODE: ValidationMode;
 type ZenoFormState = {
@@ -16,5 +15,4 @@ declare function getFormHideFieldErrors(form: AnyFormApi): boolean;
 declare function getFormSchema(form: AnyFormApi): StandardSchemaLike | undefined;
 declare function isFieldRequiredBySchema(form: AnyFormApi, name: string): boolean;
 declare function isFieldRequired(form: AnyFormApi, name: string): boolean;
-//#endregion
 export { DEFAULT_VALIDATION_MODE, type ValidationMode, getFormHideFieldErrors, getFormSchema, getFormValidationMode, isFieldRequired, isFieldRequiredBySchema, setFormZenoState };

package/dist/lib/validation-modes.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { toRequiredPathKey } from "./schema-required.mjs";
-//#region src/lib/validation-modes.ts
+// src/lib/validation-modes.ts
 const DEFAULT_VALIDATION_MODE = "blur-then-change";
 const DEFAULT_FORM_STATE = {
 	hideFieldErrors: false,
@@ -39,5 +39,4 @@ function isFieldRequiredBySchema(form, name) {
 function isFieldRequired(form, name) {
 	return getFormZenoState(form).requiredIndicator && isFieldRequiredBySchema(form, name);
 }
-//#endregion
 export { DEFAULT_VALIDATION_MODE, getFormHideFieldErrors, getFormSchema, getFormValidationMode, isFieldRequired, isFieldRequiredBySchema, setFormZenoState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeno-lib/forms",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "repository": {
     "url": "https://github.com/zeno-lib/zeno.git",
     "directory": "packages/forms"
@@ -33,18 +33,18 @@
     "@tanstack/react-form": "1.33.5"
   },
   "devDependencies": {
-    "@types/node": "26.6.4",
+    "@types/node": "26.6.5",
     "@types/react": "19.3.0",
     "@types/react-dom": "19.3.0",
-    "@zeno-lib/test": "^0.1.1",
+    "@zeno-lib/test": "^0.1.2",
     "@zeno-lib/typescript": "^1.2.0",
     "@zeno-lib/ui": "^0.0.1",
-    "lucide-react": "^1.52.0",
-    "tsdown": "^0.23.0",
+    "lucide-react": "^1.62.0",
+    "tsdown": "^0.23.1",
     "typescript": "7.0.2",
-    "vite": "8.3.3",
-    "vitest": "5.0.3",
-    "zod": "^4.6.5"
+    "vite": "8.3.5",
+    "vitest": "5.0.5",
+    "zod": "^4.6.7"
   },
   "peerDependencies": {
     "@tanstack/react-devtools": ">=0.10",

package/src/composition.test.tsx

@@ -11,9 +11,9 @@ import {
   withForm,
 } from "./create-form"
 
-const STREET_LABEL = /Street/
-const CITY_LABEL = /City/
-const BILLING_STREET_LABEL = /Billing street/
+const STREET_LABEL = /Street/u
+const CITY_LABEL = /City/u
+const BILLING_STREET_LABEL = /Billing street/u
 
 afterEach(() => {
   cleanup()

package/src/control-field.test.tsx

@@ -9,7 +9,7 @@ afterEach(() => {
   cleanup()
 })
 
-const PHONE = /Phone/
+const PHONE = /Phone/u
 const SUBMIT = { name: "Submit" }
 
 // A control a `<label htmlFor>` can't name: only `aria-labelledby` does.

package/src/date-picker-field.test.tsx

@@ -9,9 +9,9 @@ import { afterEach, beforeEach, describe, expect, test, vi } from "vitest"
 import { Form, FormProvider, useForm } from "./create-form"
 import type { DateValueType } from "./lib/date-value"
 
-const DAY_LABEL = /Day/
-const OCTOBER_9_SELECTED = /October 9th, 2026, selected/
-const OCTOBER_10 = /October 10th, 2026/
+const DAY_LABEL = /Day/u
+const OCTOBER_9_SELECTED = /October 9th, 2026, selected/u
+const OCTOBER_10 = /October 10th, 2026/u
 
 afterEach(() => {
   cleanup()

package/src/form-dialog.test.tsx

@@ -20,9 +20,9 @@ import type { ActionResult } from "./lib/action-result"
 import { submitAction } from "./lib/submit-action"
 import { type FormDialogController, useFormDialog } from "./lib/use-form-dialog"
 
-const NAME = /Name/
-const EMAIL = /Email/
-const INNER_NAME = /Inner name/
+const NAME = /Name/u
+const EMAIL = /Email/u
+const INNER_NAME = /Inner name/u
 
 const animatable = HTMLElement.prototype as {
   getAnimations?: () => unknown[]

package/src/form-error.test.tsx

@@ -17,7 +17,7 @@ afterEach(() => {
   vi.unstubAllGlobals()
 })
 
-const NAME = /Name/
+const NAME = /Name/u
 const SUBMIT = { name: "Submit" }
 
 const schema = z.object({ name: z.string().min(1, "Required") })

package/src/formatted-number-fields.test.tsx

@@ -11,9 +11,9 @@ import { z } from "zod"
 import { Form, FormProvider, useForm } from "./create-form"
 import { getNumberSeparators } from "./lib/formatted-number"
 
-const AMOUNT = /Amount/
-const RATE = /Rate/
-const YEAR = /Year/
+const AMOUNT = /Amount/u
+const RATE = /Rate/u
+const YEAR = /Year/u
 const CH = getNumberSeparators("de-CH").group
 
 afterEach(() => {

package/src/lib/date-value.ts

@@ -9,7 +9,8 @@
  */
 type DateValueType = "date" | "iso-date" | "iso-datetime"
 
-const ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/
+// biome-ignore lint/style/useNamedCaptureGroup: named groups need ES2018, past the ES6 target
+const ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/u
 
 function pad(value: number, length: number): string {
   return String(value).padStart(length, "0")

package/src/lib/empty-value.ts

@@ -12,8 +12,8 @@ import { getFormSchema } from "./validation-modes"
 // accepts none of them is required. A cleared field holds its empty value,
 // and so does an untouched one whose schema rejects `""` or `[]`.
 
-const NAME_SEGMENT = /[^.[\]]+/g
-const INDEX = /^\d+$/
+const NAME_SEGMENT = /[^.[\]]+/gu
+const INDEX = /^\d+$/u
 
 // `members[2].name` (or `members.2.name`) → `["members", 2, "name"]`.
 function toPathKeys(name: string): PropertyKey[] {

package/src/lib/formatted-number.ts

@@ -43,15 +43,15 @@ const separatorCache = new Map<string, NumberSeparators>()
 
 // Minus signs a user may type or paste: ASCII hyphen-minus, U+2212 (what Intl
 // emits for some locales), and the en dash.
-const MINUS_SIGNS = /[-−–]/
-const LEADING_MINUS = /^[^\d]*[-−–]/
-const NON_DIGIT = /\D/g
-const LEADING_ZEROS = /^0+(?=\d)/
-const DIGIT = /\d/
-const DIGITS = /\d/g
-const PARENTHESIZED = /^\s*\(.*\)\s*$/
-const NOT_NUMERIC = /[^\d.,]/g
-const UNICODE_MINUS = /\u2212/g
+const MINUS_SIGNS = /[-−–]/u
+const LEADING_MINUS = /^[^\d]*[-−–]/u
+const NON_DIGIT = /\D/gu
+const LEADING_ZEROS = /^0+(?=\d)/u
+const DIGIT = /\d/u
+const DIGITS = /\d/gu
+const PARENTHESIZED = /^\s*\(.*\)\s*$/u
+const NOT_NUMERIC = /[^\d.,]/gu
+const UNICODE_MINUS = /\u2212/gu
 
 function getNumberSeparators(locale?: string): NumberSeparators {
   const key = locale ?? ""

package/src/lib/schema-required.ts

@@ -53,10 +53,10 @@ type StandardSchemaLike = {
 // Each level can take two passes: the empty value, then the descent.
 const MAX_PROBE_DEPTH = 16
 
-const INDEX_SEGMENT = /^\d+$/
+const INDEX_SEGMENT = /^\d+$/u
 
 // Matches `[3]` and `.3` index segments in a field name.
-const INDEX_IN_NAME = /\[\d+\]|\.(\d+)(?=\.|\[|$)/g
+const INDEX_IN_NAME = /\[\d+\]|\.\d+(?=\.|\[|$)/gu
 
 function pathKey(part: PathPart): PropertyKey {
   // biome-ignore lint/suspicious/noUnnecessaryConditions: issue paths come from third-party validators at runtime, and a non-conforming `null` segment would make `in` throw.

package/src/lib/use-form-dialog.ts

@@ -199,7 +199,7 @@ const FOCUSABLE =
   'input:not([type="hidden"]):not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex="-1"])'
 
 function attributeSelector(attribute: string, value: string): string {
-  return `[${attribute}="${value.replace(/["\\]/g, "\\$&")}"]`
+  return `[${attribute}="${value.replace(/["\\]/gu, "\\$&")}"]`
 }
 
 /**

package/src/multi-value-fields.test.tsx

@@ -3,8 +3,8 @@ import userEvent from "@zeno-lib/test/user-event"
 import { afterEach, describe, expect, test, vi } from "vitest"
 import { Form, FormProvider, useForm } from "./create-form"
 
-const TAGS = /Tags/
-const CLEAR = /Clear/
+const TAGS = /Tags/u
+const CLEAR = /Clear/u
 
 afterEach(() => {
   cleanup()

package/src/submit-action.test.tsx

@@ -14,10 +14,10 @@ afterEach(() => {
 })
 
 const SUBMIT = { name: "Submit" }
-const EMAIL_LABEL = /Email/
-const NAME_LABEL = /Name/
-const OWNER_1_SHARE_LABEL = /^Owner 1 share/
-const OWNER_2_SHARE_LABEL = /^Owner 2 share/
+const EMAIL_LABEL = /Email/u
+const NAME_LABEL = /Name/u
+const OWNER_1_SHARE_LABEL = /^Owner 1 share/u
+const OWNER_2_SHARE_LABEL = /^Owner 2 share/u
 
 function failure(
   fieldErrors: Record<string, string[]>,

package/src/use-app-fields.test.tsx

@@ -12,16 +12,16 @@ import { z } from "zod"
 import { SelectItem } from "@/components/ui/select"
 import { Form, FormProvider, RadioGroupFieldItem, useForm } from "./create-form"
 
-const CONTACT_EMAIL_LABEL = /Contact email/
-const PASSWORD_LABEL = /Password/
-const NAME_LABEL = /Name/
-const ACCEPT_NAME = /Accept/
-const TITLE_LABEL = /Title/
-const NOTE_LABEL = /Note/
-const DAY_LABEL = /Day/
-const PICKED_DAY = /October 9/
-const ROLE_LABEL = /Role/
-const OWNER_LABEL = /Owner/
+const CONTACT_EMAIL_LABEL = /Contact email/u
+const PASSWORD_LABEL = /Password/u
+const NAME_LABEL = /Name/u
+const ACCEPT_NAME = /Accept/u
+const TITLE_LABEL = /Title/u
+const NOTE_LABEL = /Note/u
+const DAY_LABEL = /Day/u
+const PICKED_DAY = /October 9/u
+const ROLE_LABEL = /Role/u
+const OWNER_LABEL = /Owner/u
 const PICK_A_ROLE = "Pick a role"
 const PICK_A_DAY = "Pick a day"
 

package/src/use-form.cascade.test.tsx

@@ -4,8 +4,8 @@ import { afterEach, describe, expect, test, vi } from "vitest"
 import { z } from "zod"
 import { Form, FormProvider, useForm } from "./create-form"
 
-const DIET_LABEL = /Diet/
-const SAUSAGE_LABEL = /Sausage/
+const DIET_LABEL = /Diet/u
+const SAUSAGE_LABEL = /Sausage/u
 
 afterEach(() => {
   cleanup()

package/src/use-form.reset-defaults.test.tsx

@@ -14,8 +14,8 @@ afterEach(() => {
   cleanup()
 })
 
-const TITLE = /Title/
-const SAVE = /Save/
+const TITLE = /Title/u
+const SAVE = /Save/u
 
 const schema = z.object({ title: z.string().min(1) })
 

package/src/use-form.test.tsx

@@ -6,9 +6,9 @@ import { z } from "zod"
 import { Form, FormProvider, useForm } from "./create-form"
 import { ValidationError } from "./lib/validation-error"
 
-const EMAIL_LABEL = /Email/
-const VALID_EMAIL_MSG = /Enter a valid email/i
-const SUBMIT_NAME = /Submit/
+const EMAIL_LABEL = /Email/u
+const VALID_EMAIL_MSG = /Enter a valid email/iu
+const SUBMIT_NAME = /Submit/u
 
 // @testing-library auto-cleanup only runs with `globals: true`. Our vitest
 // config keeps globals off (we import test helpers explicitly), so add the

package/src/use-form.unsaved-warning.test.tsx

@@ -4,7 +4,7 @@ import { afterEach, beforeEach, describe, expect, test, vi } from "vitest"
 import { z } from "zod"
 import { Form, FormProvider, useForm } from "./create-form"
 
-const NAME_LABEL = /Name/
+const NAME_LABEL = /Name/u
 
 let addSpy: ReturnType<typeof vi.spyOn>
 let removeSpy: ReturnType<typeof vi.spyOn>

package/src/use-form.validation-modes.test.tsx

@@ -30,8 +30,8 @@ function Harness({ mode }: { mode?: ValidationMode }) {
   )
 }
 
-const ERROR = /Enter a valid email/i
-const EMAIL_LABEL = /Email/
+const ERROR = /Enter a valid email/iu
+const EMAIL_LABEL = /Email/u
 
 function getInput() {
   return screen.getByLabelText(EMAIL_LABEL) as HTMLInputElement

package/src/with-form.test.tsx

@@ -4,7 +4,7 @@ import { afterEach, expect, test, vi } from "vitest"
 import { z } from "zod"
 import { Form, FormProvider, useForm, withForm } from "./create-form"
 
-const CITY = /City/
+const CITY = /City/u
 
 afterEach(() => {
   cleanup()