@resistdesign/voltra 3.0.0-alpha.32 → 3.0.0-alpha.34

package/native/testing/react-native.d.ts

@@ -10,19 +10,37 @@ export declare const BackHandler: {
     removeEventListener: (_eventName: "hardwareBackPress", listener: Listener) => void;
     __triggerHardwareBackPress: () => boolean;
 };
-export declare const View: ({ children, ...props }: Record<string, any>) => React.DOMElement<{
-    [x: string]: any;
-}, Element>;
-export declare const Text: ({ children, ...props }: Record<string, any>) => React.DOMElement<{
-    [x: string]: any;
-}, Element>;
-export declare const Pressable: ({ children, ...props }: Record<string, any>) => React.DOMElement<{
-    [x: string]: any;
-}, Element>;
-export declare const Switch: ({ children, ...props }: Record<string, any>) => React.DOMElement<{
-    [x: string]: any;
-}, Element>;
-export declare const TextInput: ({ children, ...props }: Record<string, any>) => React.DOMElement<{
-    [x: string]: any;
-}, Element>;
+type PrimitiveProps = Record<string, any> & {
+    children?: React.ReactNode;
+};
+export declare const View: {
+    ({ children, ...props }: PrimitiveProps): React.ReactElement<{
+        "data-rn": string;
+    }, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+export declare const Text: {
+    ({ children, ...props }: PrimitiveProps): React.ReactElement<{
+        "data-rn": string;
+    }, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+export declare const Pressable: {
+    ({ children, ...props }: PrimitiveProps): React.ReactElement<{
+        "data-rn": string;
+    }, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+export declare const Switch: {
+    ({ children, ...props }: PrimitiveProps): React.ReactElement<{
+        "data-rn": string;
+    }, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+export declare const TextInput: {
+    ({ children, ...props }: PrimitiveProps): React.ReactElement<{
+        "data-rn": string;
+    }, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
 export {};

package/native/utils/index.d.ts

@@ -1,8 +1,20 @@
 /**
  * @packageDocumentation
  *
- * Native (render-agnostic) utilities.
+ * Native layout/navigation utilities.
+ */
+/**
+ * @category native
+ * @group Layout and Navigation
  */
 export * from "./EasyLayout";
+/**
+ * @category native
+ * @group Layout and Navigation
+ */
 export * from "./History";
+/**
+ * @category native
+ * @group Layout and Navigation
+ */
 export * from "./Route";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@resistdesign/voltra",
-  "version": "3.0.0-alpha.32",
+  "version": "3.0.0-alpha.34",
   "description": "With our powers combined!",
   "homepage": "https://voltra.app",
   "repository": "git@github.com:resistdesign/voltra.git",

package/web/forms/UI.d.ts

@@ -3,8 +3,8 @@
  *
  * Web AutoForm wrappers backed by the default web renderer.
  */
-import type { FC } from "react";
-import type { AutoFieldProps, CustomTypeActionPayload, FormValues, RelationActionPayload } from "../../app/forms/types";
+import { type FC } from "react";
+import type { AutoFieldProps, CustomValidatorMap, CustomTypeActionPayload, FormValues, RelationActionPayload, TranslateValidationErrorCode } from "../../app/forms/types";
 import type { TypeInfo, TypeOperation } from "../../common/TypeParsing/TypeInfo";
 import type { FormController } from "../../app/forms/types";
 /**
@@ -30,6 +30,8 @@ export interface AutoFormViewProps {
     onRelationAction?: (payload: RelationActionPayload) => void;
     /** Optional custom type action handler. */
     onCustomTypeAction?: (payload: CustomTypeActionPayload) => void;
+    /** Optional translator for validation error descriptors. */
+    translateValidationErrorCode?: TranslateValidationErrorCode;
 }
 /**
  * Render a web form UI from a prepared form controller.
@@ -58,6 +60,10 @@ export interface AutoFormProps {
     operation?: TypeOperation;
     /** Disable the submit button when true. */
     submitDisabled?: boolean;
+    /** Optional translator for validation error descriptors. */
+    translateValidationErrorCode?: TranslateValidationErrorCode;
+    /** Optional custom validators keyed by field name. */
+    customValidatorMap?: CustomValidatorMap;
 }
 /**
  * Build a controller from type metadata and render a web auto form.

package/web/forms/createWebFormRenderer.d.ts

@@ -16,6 +16,6 @@ import type { ComponentSuite } from "../../app/forms/core/types";
 export declare const createWebFormRenderer: (options?: {
     suite?: ComponentSuite<ReactElement>;
 }) => {
-    AutoField: (props: import("../../app/forms/core").AutoFieldInput) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    AutoField: import("react").FC<import("../../app").AutoFieldInput>;
     suite: import("../../app").ResolvedSuite<ReactElement<any, string | import("react").JSXElementConstructor<any>>>;
 };

package/web/forms/suite.d.ts

@@ -12,4 +12,4 @@ export declare const webSuite: ComponentSuite<ReactElement>;
 /**
  * AutoField renderer backed by the default web suite.
  */
-export declare const webAutoField: (props: import("../../app/forms/core").AutoFieldInput) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const webAutoField: import("react").FC<import("../../app").AutoFieldInput>;

package/web/index.js

@@ -1,8 +1,9 @@
-import { createEasyLayout } from '../chunk-FQMZMCXU.js';
-import { createFormRenderer, AutoFormView, AutoForm } from '../chunk-WELZGQDJ.js';
-import '../chunk-IWRHGGGH.js';
+import { createEasyLayout } from '../chunk-RUVFOXCR.js';
+import { createFormRenderer, AutoFormView, AutoForm, createBrowserRouteAdapter, Route } from '../chunk-4PV5LPTT.js';
+import { ERROR_MESSAGE_CONSTANTS } from '../chunk-WTD5BBJP.js';
+import '../chunk-GYWRAW3Y.js';
 import { __export, __reExport } from '../chunk-I2KLQ2HA.js';
-import { createElement } from 'react';
+import { createElement, useCallback, useRef } from 'react';
 import * as styledBase from 'styled-components';
 import styledBase__default from 'styled-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -65,9 +66,35 @@ var formatCustomValue = (val) => {
   if (typeof val === "string" || typeof val === "number") return String(val);
   return JSON.stringify(val, null, 2);
 };
-var renderRelationSingle = (context) => {
-  const { field, fieldKey, label, required, disabled, error, onRelationAction } = context;
+var renderErrorMessage = (context) => {
+  const { error, errors = [], translateValidationErrorCode } = context;
+  const descriptors = (errors.length ? errors : error ? [error] : []).filter(
+    (descriptor) => descriptor.code !== ERROR_MESSAGE_CONSTANTS.NONE
+  );
+  if (!descriptors.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: descriptors.map((descriptor, index) => {
+    const message = translateValidationErrorCode(descriptor);
+    if (!message) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(ErrorMessage, { children: message }, `${descriptor.code}-${index}`);
+  }) });
+};
+var RelationSingleField = (context) => {
+  const { field, fieldKey, label, required, disabled, onRelationAction } = context;
   const id = `field-${fieldKey}`;
+  const handleManageRelation = useCallback(() => {
+    onRelationAction?.({
+      action: "open",
+      fieldKey,
+      field,
+      value: void 0,
+      fullPaging: field.tags?.fullPaging,
+      onChange: context.onChange
+    });
+  }, [context.onChange, field, fieldKey, onRelationAction]);
   return /* @__PURE__ */ jsxs(FieldWrapper, { children: [
     /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
       label,
@@ -80,23 +107,26 @@ var renderRelationSingle = (context) => {
         "data-signifier": "manage",
         type: "button",
         disabled,
-        onClick: () => onRelationAction({
-          action: "open",
-          fieldKey,
-          field,
-          value: void 0,
-          fullPaging: field.tags?.fullPaging,
-          onChange: context.onChange
-        }),
+        onClick: handleManageRelation,
         children: "Manage"
       }
     ) : void 0,
-    error && /* @__PURE__ */ jsx(ErrorMessage, { children: error })
+    renderErrorMessage(context)
   ] });
 };
-var renderRelationArray = (context) => {
-  const { field, fieldKey, label, required, disabled, error, onRelationAction } = context;
+var RelationArrayField = (context) => {
+  const { field, fieldKey, label, required, disabled, onRelationAction } = context;
   const id = `field-${fieldKey}`;
+  const handleManageRelation = useCallback(() => {
+    onRelationAction?.({
+      action: "open",
+      fieldKey,
+      field,
+      value: void 0,
+      fullPaging: field.tags?.fullPaging,
+      onChange: context.onChange
+    });
+  }, [context.onChange, field, fieldKey, onRelationAction]);
   return /* @__PURE__ */ jsxs(FieldWrapper, { children: [
     /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
       label,
@@ -109,25 +139,31 @@ var renderRelationArray = (context) => {
         "data-signifier": "manage-related",
         type: "button",
         disabled,
-        onClick: () => onRelationAction({
-          action: "open",
-          fieldKey,
-          field,
-          value: void 0,
-          fullPaging: field.tags?.fullPaging,
-          onChange: context.onChange
-        }),
+        onClick: handleManageRelation,
         children: "Manage"
       }
     ) : void 0,
-    error && /* @__PURE__ */ jsx(ErrorMessage, { children: error })
+    renderErrorMessage(context)
   ] });
 };
-var renderCustomSingle = (context) => {
-  const { field, fieldKey, label, required, disabled, error } = context;
+var CustomSingleField = (context) => {
+  const { field, fieldKey, label, required, disabled } = context;
   const id = `field-${fieldKey}`;
   const customType = field.tags?.customType;
   const onCustomTypeAction = context.onCustomTypeAction;
+  const handleManageCustomType = useCallback(() => {
+    if (!customType) {
+      return;
+    }
+    onCustomTypeAction?.({
+      action: "open",
+      fieldKey,
+      field,
+      customType,
+      value: context.value,
+      onChange: context.onChange
+    });
+  }, [context.onChange, context.value, customType, field, fieldKey, onCustomTypeAction]);
   return /* @__PURE__ */ jsxs(FieldWrapper, { children: [
     /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
       label,
@@ -141,26 +177,76 @@ var renderCustomSingle = (context) => {
         "data-signifier": "manage",
         type: "button",
         disabled,
-        onClick: () => onCustomTypeAction({
-          action: "open",
-          fieldKey,
-          field,
-          customType,
-          value: context.value,
-          onChange: context.onChange
-        }),
+        onClick: handleManageCustomType,
         children: "Manage"
       }
     ) : void 0,
-    error && /* @__PURE__ */ jsx(ErrorMessage, { children: error })
+    renderErrorMessage(context)
   ] });
 };
-var renderCustomArray = (context) => {
-  const { field, fieldKey, label, required, disabled, error } = context;
+var CustomArrayField = (context) => {
+  const { field, fieldKey, label, required, disabled } = context;
   const id = `field-${fieldKey}`;
   const customType = field.tags?.customType;
   const onCustomTypeAction = context.onCustomTypeAction;
   const arrayValue = Array.isArray(context.value) ? context.value : [];
+  const handleEditItem = useCallback((event) => {
+    if (!customType) {
+      return;
+    }
+    const indexRaw = event.currentTarget.getAttribute("data-array-index");
+    if (!indexRaw) {
+      return;
+    }
+    const index = Number(indexRaw);
+    if (!Number.isFinite(index)) {
+      return;
+    }
+    onCustomTypeAction?.({
+      action: "edit",
+      fieldKey,
+      field,
+      customType,
+      value: context.value,
+      index,
+      onChange: context.onChange
+    });
+  }, [context.onChange, context.value, customType, field, fieldKey, onCustomTypeAction]);
+  const handleRemoveItem = useCallback((event) => {
+    if (!customType) {
+      return;
+    }
+    const indexRaw = event.currentTarget.getAttribute("data-array-index");
+    if (!indexRaw) {
+      return;
+    }
+    const index = Number(indexRaw);
+    if (!Number.isFinite(index)) {
+      return;
+    }
+    onCustomTypeAction?.({
+      action: "remove",
+      fieldKey,
+      field,
+      customType,
+      value: context.value,
+      index,
+      onChange: context.onChange
+    });
+  }, [context.onChange, context.value, customType, field, fieldKey, onCustomTypeAction]);
+  const handleAddItem = useCallback(() => {
+    if (!customType) {
+      return;
+    }
+    onCustomTypeAction?.({
+      action: "add",
+      fieldKey,
+      field,
+      customType,
+      value: context.value,
+      onChange: context.onChange
+    });
+  }, [context.onChange, context.value, customType, field, fieldKey, onCustomTypeAction]);
   return /* @__PURE__ */ jsxs(FieldWrapper, { children: [
     /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
       label,
@@ -176,17 +262,10 @@ var renderCustomArray = (context) => {
             "button",
             {
               "data-signifier": "manage",
+              "data-array-index": String(index),
               type: "button",
               disabled,
-              onClick: () => onCustomTypeAction({
-                action: "edit",
-                fieldKey,
-                field,
-                customType,
-                value: context.value,
-                index,
-                onChange: context.onChange
-              }),
+              onClick: handleEditItem,
               children: "Manage"
             }
           ) : void 0,
@@ -194,16 +273,9 @@ var renderCustomArray = (context) => {
             "button",
             {
               type: "button",
+              "data-array-index": String(index),
               disabled,
-              onClick: () => onCustomTypeAction({
-                action: "remove",
-                fieldKey,
-                field,
-                customType,
-                value: context.value,
-                index,
-                onChange: context.onChange
-              }),
+              onClick: handleRemoveItem,
               children: "Remove"
             }
           ) : void 0
@@ -215,25 +287,38 @@ var renderCustomArray = (context) => {
       {
         type: "button",
         disabled,
-        onClick: () => onCustomTypeAction({
-          action: "add",
-          fieldKey,
-          field,
-          customType,
-          value: context.value,
-          onChange: context.onChange
-        }),
+        onClick: handleAddItem,
         children: "Add Item"
       }
     ) : void 0,
-    error && /* @__PURE__ */ jsx(ErrorMessage, { children: error })
+    renderErrorMessage(context)
   ] });
 };
-var renderArray = (context) => {
-  const { field, fieldKey, label, required, disabled, error } = context;
+var ArrayField = (context) => {
+  const { field, fieldKey, label, required, disabled } = context;
   const id = `field-${fieldKey}`;
   const itemField = createArrayItemField(field);
   const arrayValue = Array.isArray(context.value) ? [...context.value] : [];
+  const handleRemoveArrayItem = useCallback((event) => {
+    const indexRaw = event.currentTarget.getAttribute("data-array-index");
+    if (!indexRaw) {
+      return;
+    }
+    const index = Number(indexRaw);
+    if (!Number.isFinite(index)) {
+      return;
+    }
+    const newValue = [...arrayValue];
+    newValue.splice(index, 1);
+    context.onChange(newValue);
+  }, [arrayValue, context]);
+  const handleAddArrayItem = useCallback(() => {
+    const baseValue = Array.isArray(context.value) ? context.value : [];
+    const newValue = [...baseValue];
+    const newItem = field.type === "number" ? 0 : field.type === "boolean" ? false : "";
+    newValue.push(newItem);
+    context.onChange(newValue);
+  }, [context, field.type]);
   return /* @__PURE__ */ jsxs(FieldWrapper, { children: [
     /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
       label,
@@ -251,18 +336,20 @@ var renderArray = (context) => {
             newValue[index] = newItem;
             context.onChange(newValue);
           },
+          errors: context.arrayItemErrorMap?.[index] ?? [],
+          error: context.arrayItemErrorMap?.[index]?.find(
+            (descriptor) => descriptor.code !== ERROR_MESSAGE_CONSTANTS.NONE
+          ) ?? void 0,
+          translateValidationErrorCode: context.translateValidationErrorCode,
           disabled
         }) }),
         /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
+            "data-array-index": String(index),
             disabled,
-            onClick: () => {
-              const newValue = [...arrayValue];
-              newValue.splice(index, 1);
-              context.onChange(newValue);
-            },
+            onClick: handleRemoveArrayItem,
             children: "Remove"
           }
         )
@@ -272,23 +359,20 @@ var renderArray = (context) => {
         {
           type: "button",
           disabled,
-          onClick: () => {
-            const baseValue = Array.isArray(context.value) ? context.value : [];
-            const newValue = [...baseValue];
-            const newItem = field.type === "number" ? 0 : field.type === "boolean" ? false : "";
-            newValue.push(newItem);
-            context.onChange(newValue);
-          },
+          onClick: handleAddArrayItem,
           children: "Add Item"
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx(ErrorMessage, { children: error })
+    renderErrorMessage(context)
   ] });
 };
-var renderString = (context) => {
-  const { fieldKey, label, required, disabled, error } = context;
+var StringField = (context) => {
+  const { fieldKey, label, required, disabled } = context;
   const id = `field-${fieldKey}`;
+  const handleChange = useCallback((event) => {
+    context.onChange(event.target.value);
+  }, [context]);
   return /* @__PURE__ */ jsxs(FieldWrapper, { children: [
     /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
       label,
@@ -301,17 +385,20 @@ var renderString = (context) => {
         id,
         type: context.format || "text",
         value: context.value || "",
-        onChange: (e) => context.onChange(e.target.value),
+        onChange: handleChange,
         disabled,
         pattern: context.constraints?.pattern
       }
     ),
-    error && /* @__PURE__ */ jsx(ErrorMessage, { children: error })
+    renderErrorMessage(context)
   ] });
 };
-var renderNumber = (context) => {
-  const { fieldKey, label, required, disabled, error } = context;
+var NumberField = (context) => {
+  const { fieldKey, label, required, disabled } = context;
   const id = `field-${fieldKey}`;
+  const handleChange = useCallback((event) => {
+    context.onChange(parseNumberValue(event.target.value));
+  }, [context]);
   return /* @__PURE__ */ jsxs(FieldWrapper, { children: [
     /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
       label,
@@ -324,19 +411,22 @@ var renderNumber = (context) => {
         id,
         type: "number",
         value: context.value ?? "",
-        onChange: (e) => context.onChange(parseNumberValue(e.target.value)),
+        onChange: handleChange,
         disabled,
         min: context.constraints?.min,
         max: context.constraints?.max,
         step: context.constraints?.step
       }
     ),
-    error && /* @__PURE__ */ jsx(ErrorMessage, { children: error })
+    renderErrorMessage(context)
   ] });
 };
-var renderBoolean = (context) => {
-  const { fieldKey, label, disabled, error } = context;
+var BooleanField = (context) => {
+  const { fieldKey, label, disabled } = context;
   const id = `field-${fieldKey}`;
+  const handleChange = useCallback((event) => {
+    context.onChange(event.target.checked);
+  }, [context]);
   return /* @__PURE__ */ jsxs(FieldWrapper, { children: [
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(
@@ -345,7 +435,7 @@ var renderBoolean = (context) => {
           id,
           type: "checkbox",
           checked: !!context.value,
-          onChange: (e) => context.onChange(e.target.checked),
+          onChange: handleChange,
           disabled
         }
       ),
@@ -355,14 +445,30 @@ var renderBoolean = (context) => {
         " "
       ] })
     ] }),
-    error && /* @__PURE__ */ jsx(ErrorMessage, { children: error })
+    renderErrorMessage(context)
   ] });
 };
-var renderEnumSelect = (context) => {
-  const { field, fieldKey, label, required, disabled, error } = context;
+var EnumSelectField = (context) => {
+  const { field, fieldKey, label, required, disabled } = context;
   const id = `field-${fieldKey}`;
   const selectableValues = getSelectableValues(context.possibleValues);
   const allowCustom = context.allowCustomSelection;
+  const handleCustomSelectionChange = useCallback(
+    (event) => {
+      context.onChange(
+        field.type === "number" ? parseNumberValue(event.target.value) : event.target.value
+      );
+    },
+    [context, field.type]
+  );
+  const handleSelectChange = useCallback(
+    (event) => {
+      context.onChange(
+        field.type === "number" ? parseNumberValue(event.target.value) : event.target.value
+      );
+    },
+    [context, field.type]
+  );
   return /* @__PURE__ */ jsxs(FieldWrapper, { children: [
     /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
       label,
@@ -377,9 +483,7 @@ var renderEnumSelect = (context) => {
           type: "text",
           list: `list-${id}`,
           value: context.value ?? "",
-          onChange: (e) => context.onChange(
-            field.type === "number" ? parseNumberValue(e.target.value) : e.target.value
-          ),
+          onChange: handleCustomSelectionChange,
           placeholder: "Select or type...",
           disabled
         }
@@ -391,9 +495,7 @@ var renderEnumSelect = (context) => {
       {
         id,
         value: context.value ?? "",
-        onChange: (e) => context.onChange(
-          field.type === "number" ? parseNumberValue(e.target.value) : e.target.value
-        ),
+        onChange: handleSelectChange,
         disabled,
         children: [
           /* @__PURE__ */ jsx("option", { value: "", children: "Select..." }),
@@ -401,7 +503,7 @@ var renderEnumSelect = (context) => {
         ]
       }
     ),
-    error && /* @__PURE__ */ jsx(ErrorMessage, { children: error })
+    renderErrorMessage(context)
   ] });
 };
 var FormRoot = ({
@@ -434,15 +536,15 @@ var SuiteButton = ({
 };
 var webSuite = {
   renderers: {
-    string: renderString,
-    number: renderNumber,
-    boolean: renderBoolean,
-    enum_select: renderEnumSelect,
-    array: renderArray,
-    relation_single: renderRelationSingle,
-    relation_array: renderRelationArray,
-    custom_single: renderCustomSingle,
-    custom_array: renderCustomArray
+    string: StringField,
+    number: NumberField,
+    boolean: BooleanField,
+    enum_select: EnumSelectField,
+    array: ArrayField,
+    relation_single: RelationSingleField,
+    relation_array: RelationArrayField,
+    custom_single: CustomSingleField,
+    custom_array: CustomArrayField
   },
   primitives: {
     FormRoot,
@@ -488,12 +590,15 @@ var createWebFormRenderer = (options) => {
 };
 var defaultWebRenderer = createWebFormRenderer();
 var AutoField = (props) => {
-  return webAutoField({
+  return createElement(webAutoField, {
     field: props.field,
     fieldKey: props.fieldKey,
     value: props.value,
     onChange: props.onChange,
     error: props.error,
+    errors: props.errors,
+    arrayItemErrorMap: props.arrayItemErrorMap,
+    translateValidationErrorCode: props.translateValidationErrorCode,
     disabled: props.disabled,
     onRelationAction: props.onRelationAction,
     onCustomTypeAction: props.onCustomTypeAction
@@ -543,5 +648,21 @@ var styledFactory = {
 var getEasyLayout = (extendFrom, areasExtendFrom, options = {}) => {
   return createEasyLayout(styledFactory, extendFrom, areasExtendFrom, options);
 };
+var Route2 = (props) => {
+  const hasMatcherProps = typeof props.path !== "undefined" || typeof props.exact !== "undefined" || typeof props.onParamsChange !== "undefined";
+  const adapterRef = useRef(null);
+  const shouldUseAutoBrowserAdapter = !hasMatcherProps && typeof props.adapter === "undefined" && typeof props.ingress === "undefined";
+  const routeProps = props;
+  if (shouldUseAutoBrowserAdapter && !adapterRef.current) {
+    adapterRef.current = createBrowserRouteAdapter();
+  }
+  return shouldUseAutoBrowserAdapter ? /* @__PURE__ */ jsx(
+    Route,
+    {
+      ...routeProps,
+      adapter: adapterRef.current ?? void 0
+    }
+  ) : /* @__PURE__ */ jsx(Route, { ...routeProps });
+};
 
-export { ArrayContainer, ArrayItemWrapper, AutoField, AutoForm2 as AutoForm, AutoFormView2 as AutoFormView, ErrorMessage, FieldWrapper, createWebFormRenderer, getEasyLayout, webAutoField, webSuite };
+export { ArrayContainer, ArrayItemWrapper, AutoField, AutoForm2 as AutoForm, AutoFormView2 as AutoFormView, ErrorMessage, FieldWrapper, Route2 as Route, createWebFormRenderer, getEasyLayout, webAutoField, webSuite };