nuxt-ui-tools 1.0.0 → 1.0.1

package/dist/module.json

@@ -5,7 +5,7 @@
   "configKey": "nuxtUiTools",
   "docs": "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
   "name": "nuxt-ui-tools",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/runtime/form/components/root/form.vue

@@ -293,7 +293,7 @@ function getSchemaSyncInput(schema) {
 function getSchemaValidationMode(schema) {
   const controls = getSchemaControls(schema);
   const value = controls ? Object.getOwnPropertyDescriptor(controls, "validate")?.value : void 0;
-  return value === false || value === "required" || value === "rules" ? value : true;
+  return value === false || value === "required" || value === "validators" ? value : true;
 }
 function getSchemaControls(schema) {
   if (!isRecord(schema)) {

package/dist/runtime/form/composables/use-form-validation.d.ts

@@ -3,9 +3,8 @@ import type { FormFieldApiFactory } from './use-form-state.js';
 /**
  * Connects schema-owned field rules to Regle's validation tree.
  *
- * Regle owns validation execution, dirty state, async completion, and error collection. The
- * package-specific callback rules are converted to native Regle rules at the schema boundary,
- * so renderers only consume the resulting field errors.
+ * Regle owns validation execution, dirty state, async completion, and error collection, so
+ * renderers only consume the resulting field errors.
  */
 export declare function useFormValidation(params: {
     schema: () => FormValue;

package/dist/runtime/form/composables/use-form-validation.js

@@ -1,18 +1,11 @@
 import { useRegle } from "@regle/core";
-import { withAsync, withMessage } from "@regle/rules";
+import { withMessage } from "@regle/rules";
 import { computed, nextTick, reactive, ref, unref, watch } from "vue";
 import { calendarSeedFromValue, isDateFamilyRange } from "../fields/date-family/utils.js";
 import { resolveFieldDependencies } from "../utils/dependencies.js";
 import { createFormFieldInstance } from "../utils/field-instance.js";
 import { getPathValue, isRecord, pathSegments } from "../utils/path.js";
-import {
-  isBoolean,
-  isFunction,
-  isNumber,
-  isObject,
-  isString,
-  isUndefined
-} from "../utils/predicate.js";
+import { isBoolean, isFunction, isNumber, isObject, isString } from "../utils/predicate.js";
 import {
   fieldPath,
   getArrayItemFields,
@@ -27,12 +20,11 @@ import {
   resolveRequiredMessage,
   shouldRenderField
 } from "../utils/state.js";
-import { resolveFormBoundaryText } from "../utils/text.js";
+import { resolveFormBoundaryText, resolveFormText } from "../utils/text.js";
 export function useFormValidation(params) {
   const customErrors = ref([]);
   const touchedPaths = ref([]);
   const pendingPaths = ref(/* @__PURE__ */ new Map());
-  const dynamicMessages = ref(/* @__PURE__ */ new Map());
   const validatedMessages = ref(/* @__PURE__ */ new Map());
   const validationRuns = /* @__PURE__ */ new Map();
   const regle = useRegle(
@@ -40,7 +32,6 @@ export function useFormValidation(params) {
     () => buildRegleRules({
       apiFactory: params.apiFactory,
       context: params.context,
-      dynamicMessages,
       getDateMaxMessage: params.getDateMaxMessage,
       getDateMinMessage: params.getDateMinMessage,
       getRequiredMessage: params.getRequiredMessage,
@@ -57,7 +48,6 @@ export function useFormValidation(params) {
     () => buildRegleRules({
       apiFactory: params.apiFactory,
       context: params.context,
-      dynamicMessages,
       getDateMaxMessage: params.getDateMaxMessage,
       getDateMinMessage: params.getDateMinMessage,
       getRequiredMessage: params.getRequiredMessage,
@@ -75,7 +65,6 @@ export function useFormValidation(params) {
     () => buildPrimitiveItemRules({
       apiFactory: params.apiFactory,
       context: params.context,
-      dynamicMessages,
       getDateMaxMessage: params.getDateMaxMessage,
       getDateMinMessage: params.getDateMinMessage,
       getRequiredMessage: params.getRequiredMessage,
@@ -92,7 +81,6 @@ export function useFormValidation(params) {
     () => buildPrimitiveItemRules({
       apiFactory: params.apiFactory,
       context: params.context,
-      dynamicMessages,
       getDateMaxMessage: params.getDateMaxMessage,
       getDateMinMessage: params.getDateMinMessage,
       getRequiredMessage: params.getRequiredMessage,
@@ -164,7 +152,6 @@ export function useFormValidation(params) {
     }
     resetRegleRoots();
     const paths = collectFormFieldsPathsForSchema(params.schema(), params.state);
-    clearDynamicMessages(paths);
     clearValidatedMessages(paths);
     const prepared = prepareReglePaths(
       { items: itemsRegle.r$, main: regle.r$ },
@@ -214,7 +201,6 @@ export function useFormValidation(params) {
     if (params.getValidationMode() === false) {
       return true;
     }
-    clearDynamicMessages(paths);
     clearValidatedMessages(paths);
     const prepared = prepareReglePaths(
       { items: itemsRegle.r$, main: regle.r$ },
@@ -282,7 +268,6 @@ export function useFormValidation(params) {
     if (!path) {
       customErrors.value = [];
       touchedPaths.value = [];
-      dynamicMessages.value = /* @__PURE__ */ new Map();
       validatedMessages.value = /* @__PURE__ */ new Map();
       resetRegleRoots();
       return;
@@ -294,11 +279,6 @@ export function useFormValidation(params) {
     touchedPaths.value = touchedPaths.value.filter(
       (touchedPath) => touchedPath !== key && !touchedPath.startsWith(`${key}.`)
     );
-    dynamicMessages.value = new Map(
-      [...dynamicMessages.value.entries()].filter(
-        ([messageKey]) => !messageKey.startsWith(`${key}:`)
-      )
-    );
     validatedMessages.value = new Map(
       [...validatedMessages.value.entries()].filter(
         ([messagePath]) => messagePath !== key && !messagePath.startsWith(`${key}.`)
@@ -308,17 +288,9 @@ export function useFormValidation(params) {
   function clearValidationState() {
     customErrors.value = [];
     touchedPaths.value = [];
-    dynamicMessages.value = /* @__PURE__ */ new Map();
     validatedMessages.value = /* @__PURE__ */ new Map();
     resetRegleRoots();
   }
-  function clearDynamicMessages(paths) {
-    dynamicMessages.value = new Map(
-      [...dynamicMessages.value.entries()].filter(
-        ([messageKey]) => !paths.some((path) => messageKey.startsWith(`${path}:`))
-      )
-    );
-  }
   function clearValidatedMessages(paths) {
     if (!paths.length) {
       return;
@@ -500,9 +472,7 @@ function isRegleRuleTreeNode(value) {
 }
 function buildLeafRules(params) {
   const output = {};
-  const validation = Object.getOwnPropertyDescriptor(params.field, "validation")?.value;
-  const key = params.path.join(".");
-  if (params.mode !== "rules" && resolveRequired(params.field, params.callbackParams)) {
+  if (params.mode !== "validators" && resolveRequired(params.field, params.callbackParams)) {
     output.required = withMessage(
       (value) => !isEmptyValue(value),
       resolveRequiredMessage(params.field, params.getRequiredMessage?.())
@@ -512,6 +482,7 @@ function buildLeafRules(params) {
     return output;
   }
   applyDateBoundsRules(output, params);
+  applyPasswordRequirementRules(output, params);
   const authoredValidators = "validators" in params.field ? params.field.validators : void 0;
   let validators;
   if (isValidatorMap(authoredValidators)) {
@@ -522,96 +493,37 @@ function buildLeafRules(params) {
   if (validators) {
     for (const name in validators) {
       const rule = validators[name];
-      if (rule) {
+      if (rule && (params.includeAsync || !isAsyncValidator(rule))) {
         output[name] = rule;
       }
     }
   }
-  const authoredRules = isRecord(validation) ? Object.getOwnPropertyDescriptor(validation, "rules")?.value : void 0;
-  if (!Array.isArray(authoredRules)) {
-    return output;
-  }
-  authoredRules.forEach((rule, index) => {
-    if (!isRecord(rule)) {
-      return;
-    }
-    const validate = Object.getOwnPropertyDescriptor(rule, "validate")?.value;
-    if (!isFunction(validate)) {
-      return;
-    }
-    if (!params.includeAsync && isAsyncFunction(validate)) {
-      return;
-    }
-    const ruleName = resolveRuleName(rule, index);
-    const messageKey = `${key}:${ruleName}`;
-    function message() {
-      return params.dynamicMessages.value.get(messageKey) ?? resolveRuleMessage(rule, params.field);
-    }
-    if (isAsyncFunction(validate)) {
-      output[ruleName] = withMessage(
-        withAsync(
-          async () => resolveRuleResult(
-            await validate({ ...params.callbackParams, api: params.callbackParams.api }),
-            messageKey,
-            params.dynamicMessages
-          )
-        ),
-        message
-      );
-    } else {
-      output[ruleName] = withMessage(
-        () => resolveRuleResult(
-          validate({ ...params.callbackParams, api: params.callbackParams.api }),
-          messageKey,
-          params.dynamicMessages
-        ),
-        message
-      );
-    }
-  });
   return output;
 }
-function isValidatorMap(value) {
-  return isObject(value);
-}
-function resolveRuleResult(result, messageKey, dynamicMessages) {
-  if (isString(result)) {
-    setDynamicMessage(dynamicMessages, messageKey, result);
-    return false;
+function applyPasswordRequirementRules(output, params) {
+  if (params.field.type !== "password") {
+    return;
   }
-  clearDynamicMessage(dynamicMessages, messageKey);
-  return result === true || result === null || isUndefined(result);
-}
-function isAsyncFunction(value) {
-  return Object.getPrototypeOf(value)?.constructor?.name === "AsyncFunction";
-}
-function setDynamicMessage(messages, key, value) {
-  const next = new Map(messages.value);
-  next.set(key, value);
-  messages.value = next;
-}
-function clearDynamicMessage(messages, key) {
-  if (!messages.value.has(key)) {
+  const authoredProps = Object.getOwnPropertyDescriptor(params.field, "props")?.value;
+  const resolvedProps = isFunction(authoredProps) ? authoredProps(params.callbackParams) : authoredProps;
+  if (!isObject(resolvedProps) || !Array.isArray(resolvedProps.requirements)) {
     return;
   }
-  const next = new Map(messages.value);
-  next.delete(key);
-  messages.value = next;
+  for (const requirement of resolvedProps.requirements) {
+    output[`requirement:${requirement.key}`] = withMessage(
+      (value) => isEmptyValue(value) || isString(value) && requirement.validate(value),
+      resolveFormText(requirement.label) ?? requirement.key
+    );
+  }
 }
-function resolveRuleName(rule, index) {
-  const name = Object.getOwnPropertyDescriptor(rule, "name")?.value;
-  return isString(name) && name.length ? name : `rule-${index + 1}`;
+function isValidatorMap(value) {
+  return isObject(value);
 }
-function resolveRuleMessage(rule, field) {
-  const message = Object.getOwnPropertyDescriptor(rule, "message")?.value;
-  if (isFunction(message)) {
-    return String(message());
-  }
-  if (isString(message) || isNumber(message)) {
-    return String(message);
+function isAsyncValidator(rule) {
+  if (isObject(rule)) {
+    return rule._async === true;
   }
-  const name = Object.getOwnPropertyDescriptor(rule, "name")?.value;
-  return isString(name) ? `Invalid value for ${name}.` : `Invalid value for ${field.key}.`;
+  return isFunction(rule) && Object.getPrototypeOf(rule)?.constructor?.name === "AsyncFunction";
 }
 function resolveRegleStatusErrors(status) {
   const errors = readReactiveProperty(status, "$errors");

package/dist/runtime/form/composables/use-form.js

@@ -162,7 +162,7 @@ function getSchemaSyncInput(schema) {
 function getSchemaValidationMode(schema) {
   const controls = getSchemaControls(schema);
   const value = controls ? Object.getOwnPropertyDescriptor(controls, "validate")?.value : void 0;
-  return value === false || value === "required" || value === "rules" ? value : true;
+  return value === false || value === "required" || value === "validators" ? value : true;
 }
 function getSchemaControls(schema) {
   if (!isRecord(schema)) {

package/dist/runtime/form/fields/password/component.vue

@@ -1,6 +1,9 @@
 <script setup>
 import UButton from "@nuxt/ui/components/Button.vue";
+import UIcon from "@nuxt/ui/components/Icon.vue";
 import UInput from "@nuxt/ui/components/Input.vue";
+import UPopover from "@nuxt/ui/components/Popover.vue";
+import UProgress from "@nuxt/ui/components/Progress.vue";
 import { computed, ref } from "vue";
 import { useUiToolsLocale } from "../../../i18n/use-locale";
 import FormFieldShell from "../../components/renderer/form-field-shell.vue";
@@ -16,14 +19,29 @@ const { t } = useUiToolsLocale();
 const { fieldProps, form, controlProps, controlSize, disabled, handleBlur, placeholder } = useFieldControl(
   () => props.field,
   () => props.path,
-  { omit: ["visibilityToggle"] }
+  { omit: ["requirements", "visibilityToggle"] }
 );
 const visible = ref(false);
+const requirementsOpen = ref(false);
 const visibilityToggleEnabled = computed(() => fieldProps.value.visibilityToggle !== false);
 const visibilityToggleConfig = computed(
   () => isPasswordVisibilityConfig(fieldProps.value.visibilityToggle) ? fieldProps.value.visibilityToggle : void 0
 );
 const inputType = computed(() => visible.value ? "text" : "password");
+const requirements = computed(
+  () => Array.isArray(fieldProps.value.requirements) ? fieldProps.value.requirements : []
+);
+const requirementResults = computed(() => {
+  const value = model.value ?? "";
+  return requirements.value.map((requirement) => ({
+    key: requirement.key,
+    label: resolveFormText(requirement.label) ?? requirement.key,
+    passed: requirement.validate(value)
+  }));
+});
+const passedRequirementCount = computed(
+  () => requirementResults.value.filter((requirement) => requirement.passed).length
+);
 const visibilityLabel = computed(() => {
   const configured = visible.value ? visibilityToggleConfig.value?.hideLabel : visibilityToggleConfig.value?.showLabel;
   return resolveFormText(configured) ?? t(visible.value ? "form.fields.password.hide" : "form.fields.password.show");
@@ -34,6 +52,10 @@ const visibilityIcon = computed(
 function isPasswordVisibilityConfig(value) {
   return isObject(value);
 }
+function handleInputBlur(event) {
+  requirementsOpen.value = false;
+  handleBlur(event);
+}
 const model = computed({
   get: () => {
     const value = form.getValue(props.path);
@@ -44,34 +66,12 @@ const model = computed({
 </script>
 
 <template>
-  <UInput
+  <UPopover
     v-if="bare"
-    v-model="model"
-    v-bind="controlProps"
-    class="w-full"
-    :type="inputType"
-    :placeholder="placeholder"
-    :disabled="disabled"
-    @blur="handleBlur"
+    :open="requirementsOpen && requirements.length > 0"
+    :content="{ align: 'start', side: 'bottom', sideOffset: 8 }"
+    :ui="{ content: 'w-[min(22rem,calc(100vw-2rem))] p-3.5' }"
   >
-    <template v-if="visibilityToggleEnabled" #trailing>
-      <UButton
-        type="button"
-        color="neutral"
-        variant="link"
-        :size="controlSize"
-        :icon="visibilityIcon"
-        :aria-label="visibilityLabel"
-        :title="visibilityLabel"
-        :aria-pressed="visible"
-        :disabled="disabled"
-        :ui="{ base: 'p-0' }"
-        @mousedown.prevent
-        @click="visible = !visible"
-      />
-    </template>
-  </UInput>
-  <FormFieldShell v-else :field="field" :path="path">
     <UInput
       v-model="model"
       v-bind="controlProps"
@@ -79,7 +79,8 @@ const model = computed({
       :type="inputType"
       :placeholder="placeholder"
       :disabled="disabled"
-      @blur="handleBlur"
+      @focus="requirementsOpen = true"
+      @blur="handleInputBlur"
     >
       <template v-if="visibilityToggleEnabled" #trailing>
         <UButton
@@ -98,5 +99,108 @@ const model = computed({
         />
       </template>
     </UInput>
+
+    <template #content>
+      <div class="space-y-3" data-form-password-requirements="">
+        <div class="flex items-center justify-between gap-3 text-xs font-medium text-toned">
+          <span>{{ t("form.fields.password.requirements") }}</span>
+          <span class="tabular-nums">
+            {{ passedRequirementCount }}/{{ requirementResults.length }}
+          </span>
+        </div>
+        <UProgress
+          :model-value="passedRequirementCount"
+          :max="requirementResults.length"
+          size="sm"
+          color="success"
+          data-form-password-progress=""
+          :data-value="passedRequirementCount"
+          :data-max="requirementResults.length"
+        />
+        <ul class="space-y-1.5">
+          <li
+            v-for="requirement in requirementResults"
+            :key="requirement.key"
+            class="flex items-start gap-2 text-xs"
+            :class="requirement.passed ? 'text-success' : 'text-muted'"
+          >
+            <UIcon
+              :name="requirement.passed ? 'i-lucide-check' : 'i-lucide-x'"
+              class="mt-0.5 size-3.5 shrink-0"
+            />
+            <span>{{ requirement.label }}</span>
+          </li>
+        </ul>
+      </div>
+    </template>
+  </UPopover>
+  <FormFieldShell v-else :field="field" :path="path">
+    <UPopover
+      :open="requirementsOpen && requirements.length > 0"
+      :content="{ align: 'start', side: 'bottom', sideOffset: 8 }"
+      :ui="{ content: 'w-[min(22rem,calc(100vw-2rem))] p-3.5' }"
+    >
+      <UInput
+        v-model="model"
+        v-bind="controlProps"
+        class="w-full"
+        :type="inputType"
+        :placeholder="placeholder"
+        :disabled="disabled"
+        @focus="requirementsOpen = true"
+        @blur="handleInputBlur"
+      >
+        <template v-if="visibilityToggleEnabled" #trailing>
+          <UButton
+            type="button"
+            color="neutral"
+            variant="link"
+            :size="controlSize"
+            :icon="visibilityIcon"
+            :aria-label="visibilityLabel"
+            :title="visibilityLabel"
+            :aria-pressed="visible"
+            :disabled="disabled"
+            :ui="{ base: 'p-0' }"
+            @mousedown.prevent
+            @click="visible = !visible"
+          />
+        </template>
+      </UInput>
+
+      <template #content>
+        <div class="space-y-3" data-form-password-requirements="">
+          <div class="flex items-center justify-between gap-3 text-xs font-medium text-toned">
+            <span>{{ t("form.fields.password.requirements") }}</span>
+            <span class="tabular-nums">
+              {{ passedRequirementCount }}/{{ requirementResults.length }}
+            </span>
+          </div>
+          <UProgress
+            :model-value="passedRequirementCount"
+            :max="requirementResults.length"
+            size="sm"
+            color="success"
+            data-form-password-progress=""
+            :data-value="passedRequirementCount"
+            :data-max="requirementResults.length"
+          />
+          <ul class="space-y-1.5">
+            <li
+              v-for="requirement in requirementResults"
+              :key="requirement.key"
+              class="flex items-start gap-2 text-xs"
+              :class="requirement.passed ? 'text-success' : 'text-muted'"
+            >
+              <UIcon
+                :name="requirement.passed ? 'i-lucide-check' : 'i-lucide-x'"
+                class="mt-0.5 size-3.5 shrink-0"
+              />
+              <span>{{ requirement.label }}</span>
+            </li>
+          </ul>
+        </div>
+      </template>
+    </UPopover>
   </FormFieldShell>
 </template>

package/dist/runtime/form/fields/password/types.d.ts

@@ -7,7 +7,13 @@ export interface FormPasswordVisibilityToggle {
     showLabel?: FormText;
     hideLabel?: FormText;
 }
+export interface FormPasswordRequirement {
+    key: string;
+    label: FormText;
+    validate: (value: string) => boolean;
+}
 export interface FormPasswordProps {
+    requirements?: readonly FormPasswordRequirement[];
     visibilityToggle?: boolean | FormPasswordVisibilityToggle;
 }
 export type FormPasswordField<TContext = NonNullable<unknown>, TDeps = NonNullable<unknown>> = FormStatefulFieldBase<'password', string | null, TContext, TDeps, FormPasswordProps>;

package/dist/runtime/form/fields/text/component.vue

@@ -26,6 +26,11 @@ const model = computed({
   set: (value) => form.setValue(props.path, normalize(value))
 });
 const maskOptions = computed(() => maskDirectiveOptions(fieldProps.value.mask));
+const vOptionalMaska = (element, binding, vnode, previousVnode) => {
+  if (binding.value !== void 0 && typeof vMaska === "function") {
+    vMaska(element, binding, vnode, previousVnode);
+  }
+};
 const prefix = computed(() => resolveFormText(fieldProps.value.prefix));
 const suffix = computed(() => resolveFormText(fieldProps.value.suffix));
 const showClear = computed(
@@ -66,7 +71,7 @@ function clear() {
   <UInput
     v-if="bare"
     v-model="model"
-    v-maska="maskOptions"
+    v-optional-maska="maskOptions"
     v-bind="controlProps"
     :class="controlClass"
     :type="fieldProps.inputType ?? 'text'"
@@ -100,7 +105,7 @@ function clear() {
   <FormFieldShell v-else :field="field" :path="path">
     <UInput
       v-model="model"
-      v-maska="maskOptions"
+      v-optional-maska="maskOptions"
       v-bind="controlProps"
       :class="controlClass"
       :type="fieldProps.inputType ?? 'text'"

package/dist/runtime/form/types/field.d.ts

@@ -72,7 +72,7 @@ export type { FormMatrixField, FormMatrixRow } from '../fields/matrix/types.js';
 export type { FormNumberField } from '../fields/number/types.js';
 export type { FormOneTimeCodeField } from '../fields/one-time-code/types.js';
 export type { FormObjectField } from '../fields/object/types.js';
-export type { FormPasswordField } from '../fields/password/types.js';
+export type * from '../fields/password/types';
 export type { FormPhoneNumberField } from '../fields/phone-number/types.js';
 export type { FormRadioCardField } from '../fields/radio-card/types.js';
 export type { FormRadioField } from '../fields/radio/types.js';

package/dist/runtime/form/types/validation.d.ts

@@ -1,22 +1,7 @@
 import type { RegleRuleRaw } from '@regle/core';
 import type { FormValue } from './/index.js';
 import type { FormFieldCallback } from './callbacks.js';
-import type { FormMaybePromise, FormObject, FormText } from './utils.js';
-/**
- * Result returned by a form validation rule.
- */
-export type FormValidationResult = boolean | string | null | undefined;
-/**
- * A single validation rule.
- */
-export interface FormValidationRule<TValue = FormValue, TContext = NonNullable<unknown>, TDeps = NonNullable<unknown>> {
-    /** Stable rule name used for debugging, i18n, and external error mapping. */
-    name: string;
-    /** Returns true for valid values, false/string for invalid values. */
-    validate: FormFieldCallback<FormMaybePromise<FormValidationResult>, TContext, TDeps, TValue>;
-    /** Default message used when `validate` returns false. */
-    message?: FormText;
-}
+import type { FormObject, FormText } from './utils.js';
 /**
  * Controls when a field starts running validation while the user edits it.
  *
@@ -26,8 +11,8 @@ export interface FormValidationRule<TValue = FormValue, TContext = NonNullable<u
  * - `submit`: only validates through explicit form/step submit validation.
  */
 export type FormValidationTrigger = 'blur' | 'input' | 'submit';
-/** Selects which authored validation layers are evaluated. */
-export type FormValidationMode = boolean | 'required' | 'rules';
+/** Selects which native Regle validation layers are evaluated. */
+export type FormValidationMode = boolean | 'required' | 'validators';
 /**
  * Concrete validation error stored by the form runtime.
  */
@@ -63,8 +48,6 @@ export interface FormValidationConfig<TValue = FormValue, TContext = NonNullable
     required?: boolean | FormFieldCallback<boolean, TContext, TDeps, TValue>;
     /** Message used by the default required rule. */
     requiredMessage?: FormText;
-    /** Additional field rules. */
-    rules?: readonly FormValidationRule<TValue, TContext, TDeps>[];
 }
 /** Native Regle rules keyed by their validation name. */
 export type FormValidators = Record<string, RegleRuleRaw>;

package/dist/runtime/form/utils/state.d.ts

@@ -1,8 +1,4 @@
-import type { FormValue, FormContextData, FormField, FormFieldApi, FormFieldCallbackParams, FormLayoutConfig, FormObject, FormText, FormValidationMode } from '../types/index.js';
-export interface FormSubmitError {
-    path: string;
-    message: string;
-}
+import type { FormValue, FormContextData, FormField, FormFieldApi, FormFieldCallbackParams, FormLayoutConfig, FormObject, FormText } from '../types/index.js';
 export interface RuntimeFormStep {
     key?: string;
     title?: FormText;
@@ -18,17 +14,8 @@ export type InitialStateApiFactory = (state: FormObject, initial: FormObject) =>
 export declare function buildInitialFormState(schema: FormValue, ctx: FormContextData, input?: FormObject, createApiFactory?: InitialStateApiFactory): import("../../shared/index.js").GenericObject;
 export declare function buildInitialFormFieldsState(fields: readonly FormField[], ctx: FormContextData): import("../../shared/index.js").GenericObject;
 export declare function buildFormOutput(schema: FormValue, state: FormObject, ctx: FormContextData, apiFactory: FormFieldApiFactory): import("../../shared/index.js").GenericObject;
-export declare function validateFormState(schema: FormValue, state: FormObject, ctx: FormContextData, apiFactory: FormFieldApiFactory, mode?: FormValidationMode): Promise<FormSubmitError[]>;
 export declare function collectFormFieldPaths(schema: FormValue): readonly string[];
 export declare function collectFormFieldsPaths(fields: readonly FormField[], parentPath: readonly string[]): readonly string[];
-export declare function validateFormFields(params: {
-    fields: readonly FormField[];
-    state: FormObject;
-    ctx: FormContextData;
-    apiFactory: FormFieldApiFactory;
-    parentPath: readonly string[];
-    mode?: FormValidationMode;
-}): Promise<FormSubmitError[]>;
 export type FormFieldApiFactory = (path: readonly string[], field?: FormField) => FormFieldApi;
 export declare function fieldPath(parentPath: readonly string[], field: FormField): string[];
 export declare function childParentPath(parentPath: readonly string[], field: FormField): readonly string[];