nuxt-ui-tools 1.0.0 → 1.1.0

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/options.d.ts

@@ -1,3 +1,4 @@
+import type { RemoteCursorOptionsPage, RemoteOptionsPage, RemoteOptionsPageRequest, RemoteOptionsPagination, RemoteOptionsResult, RemoteOptionsSearch } from '../../shared/types/remote-options.js';
 import type { FormValue } from './/index.js';
 import type { FormFieldCallback, FormFieldCallbackParams } from './callbacks.js';
 import type { FormQueryOptions } from './context.js';
@@ -67,30 +68,17 @@ export interface FormOptionConfig<TOption, TContext = NonNullable<unknown>, TDep
     /** Disable the field while its option source has no usable data yet. */
     disableOnLoading?: boolean;
 }
-/**
- * Page envelope returned by an index-paginated remote option source.
- */
-export interface FormRemoteOptionsPage<TOption> {
-    options: readonly TOption[];
-    hasMore: boolean;
-}
-/**
- * Page envelope returned by a cursor-paginated remote option source.
- */
-export interface FormRemoteCursorOptionsPage<TOption> {
-    options: readonly TOption[];
-    nextCursor: string | null;
-}
-export type FormRemoteOptionsResult<TOption> = FormRemoteOptionsPage<TOption> | FormRemoteCursorOptionsPage<TOption>;
+/** @deprecated Use `RemoteOptionsPage` from `#ui-tools/shared`. Kept for public type compatibility. */
+export type FormRemoteOptionsPage<TOption> = RemoteOptionsPage<TOption>;
+/** @deprecated Use `RemoteCursorOptionsPage` from `#ui-tools/shared`. Kept for public type compatibility. */
+export type FormRemoteCursorOptionsPage<TOption> = RemoteCursorOptionsPage<TOption>;
+/** @deprecated Use `RemoteOptionsResult` from `#ui-tools/shared`. Kept for public type compatibility. */
+export type FormRemoteOptionsResult<TOption> = RemoteOptionsResult<TOption>;
 export interface FormRemoteOptionsRequest<TContext = NonNullable<unknown>, TDeps = NonNullable<unknown>, TValue = FormValue, TOption = FormValue> extends FormFieldCallbackParams<TContext, TDeps, TValue, TOption> {
     /** Current debounced search term. Empty when the menu lists unfiltered options. */
     search: string;
     /** Requested page. `cursor` is set for cursor pagination and `index` for page pagination. */
-    page: {
-        index: number;
-        cursor: string | null;
-        size: number;
-    };
+    page: RemoteOptionsPageRequest;
     /** Parent option whose direct children are requested. Undefined for root pages. */
     parent?: NoInfer<TOption>;
 }
@@ -99,30 +87,21 @@ export interface FormRemoteSelectedRequest<TContext = NonNullable<unknown>, TDep
     values: readonly FormOptionValue[];
 }
 export type FormRemoteSource<TResult> = FormQueryOptions<TResult> | Promise<TResult>;
-export interface FormRemotePagination {
-    type: 'page' | 'cursor';
-    /** Page size forwarded to the source. */
-    size: number;
-    /** Distance from the list end that triggers the next page: pixels, or `'viewport'` for three viewport heights. Defaults to `'viewport'`. */
-    prefetchDistance?: number | 'viewport';
-}
-export interface FormRemoteSearch {
-    /** Debounce applied to typed search terms, in milliseconds. Defaults to 250. */
-    debounce?: number;
-    /** Minimum term length before a search request runs. Defaults to 0. */
-    minLength?: number;
-}
+/** @deprecated Use `RemoteOptionsPagination` from `#ui-tools/shared`. Kept for public type compatibility. */
+export type FormRemotePagination = RemoteOptionsPagination;
+/** @deprecated Use `RemoteOptionsSearch` from `#ui-tools/shared`. Kept for public type compatibility. */
+export type FormRemoteSearch = RemoteOptionsSearch;
 /**
  * Remote option configuration: server-side search, pagination, and selected-value hydration.
  */
 export interface FormRemoteOptionConfig<TOption, TContext = NonNullable<unknown>, TDeps = NonNullable<unknown>, TValue = FormValue> {
     mode: 'remote';
     /** Loads one page of options for the current search, page, and optional parent. */
-    source: (request: FormRemoteOptionsRequest<TContext, TDeps, TValue, TOption>) => FormRemoteSource<FormRemoteOptionsResult<TOption>>;
+    source: (request: FormRemoteOptionsRequest<TContext, TDeps, TValue, TOption>) => FormRemoteSource<RemoteOptionsResult<TOption>>;
     /** Hydrates selected values that the loaded pages do not contain. */
     resolveSelected?: (request: FormRemoteSelectedRequest<TContext, TDeps, TValue, TOption>) => FormRemoteSource<readonly TOption[]>;
-    pagination: FormRemotePagination;
-    search?: FormRemoteSearch;
+    pagination: RemoteOptionsPagination;
+    search?: RemoteOptionsSearch;
     /** Dependency aliases whose changes reset the loaded pages and re-run selected hydration. */
     refreshOn?: readonly string[];
     /** Clears selected values the latest successful selected hydration did not return. Defaults to `false`. */

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[];

package/dist/runtime/form/utils/state.js

@@ -149,28 +149,6 @@ export function buildFormOutput(schema, state, ctx, apiFactory) {
   }
   return buildFieldsOutput(getSchemaFields(schema), state, ctx, apiFactory, []);
 }
-export async function validateFormState(schema, state, ctx, apiFactory, mode = true) {
-  if (mode === false) {
-    return [];
-  }
-  const errors = [];
-  if (isSteppedSchema(schema)) {
-    for (const step of getSchemaSteps(schema)) {
-      errors.push(
-        ...await validateFields(
-          step.fields,
-          state,
-          ctx,
-          apiFactory,
-          step.root ? [step.root] : [],
-          mode
-        )
-      );
-    }
-    return errors;
-  }
-  return validateFields(getSchemaFields(schema), state, ctx, apiFactory, [], mode);
-}
 export function collectFormFieldPaths(schema) {
   if (isSteppedSchema(schema)) {
     return getSchemaSteps(schema).flatMap(
@@ -182,19 +160,6 @@ export function collectFormFieldPaths(schema) {
 export function collectFormFieldsPaths(fields, parentPath) {
   return collectFieldPaths(fields, parentPath);
 }
-export async function validateFormFields(params) {
-  if (params.mode === false) {
-    return [];
-  }
-  return await validateFields(
-    params.fields,
-    params.state,
-    params.ctx,
-    params.apiFactory,
-    params.parentPath,
-    params.mode ?? true
-  );
-}
 export function fieldPath(parentPath, field) {
   return [...parentPath, field.key];
 }
@@ -357,100 +322,6 @@ function buildFieldsOutput(fields, state, ctx, apiFactory, parentPath) {
   }
   return output;
 }
-async function validateFields(fields, state, ctx, apiFactory, parentPath, mode) {
-  const errors = [];
-  for (const field of fields) {
-    if (field.ignore === true) {
-      continue;
-    }
-    const fieldInstance = createFormFieldInstance(field);
-    if (fieldInstance.state.is("stateless")) {
-      continue;
-    }
-    if (isFlatPassthroughField(field)) {
-      errors.push(
-        ...await validateFields(getChildFields(field), state, ctx, apiFactory, parentPath, mode)
-      );
-      continue;
-    }
-    const path = fieldPath(parentPath, field);
-    const api = apiFactory(path, field);
-    const params = callbackParams({
-      api,
-      ctx,
-      field,
-      parentPath,
-      state
-    });
-    if (!shouldRenderField(field, params)) {
-      continue;
-    }
-    if (isObjectContainerField(field)) {
-      errors.push(
-        ...await validateFields(getChildFields(field), state, ctx, apiFactory, path, mode)
-      );
-      continue;
-    }
-    if (isPrimitiveArrayField(field)) {
-      errors.push(
-        ...await validatePrimitiveArrayItems(
-          field,
-          getPathValue(state, path),
-          state,
-          ctx,
-          apiFactory,
-          path,
-          mode
-        )
-      );
-    }
-    if (isArrayField(field)) {
-      const value2 = getPathValue(state, path);
-      if (Array.isArray(value2)) {
-        for (const index of value2.keys()) {
-          errors.push(
-            ...await validateFields(
-              getArrayItemFields(field, isRecord(value2[index]) ? value2[index] : {}),
-              state,
-              ctx,
-              apiFactory,
-              [...path, String(index)],
-              mode
-            )
-          );
-        }
-      }
-      continue;
-    }
-    if (fieldInstance.type.is("matrix")) {
-      for (const row of getMatrixRows(field)) {
-        errors.push(
-          ...await validateFields(
-            getChildFields(field),
-            state,
-            ctx,
-            apiFactory,
-            [...path, row],
-            mode
-          )
-        );
-      }
-      continue;
-    }
-    const value = getPathValue(state, path);
-    const required = mode !== "rules" && resolveRequired(field, params);
-    if (required && isEmptyValue(value)) {
-      errors.push({
-        message: resolveRequiredMessage(field),
-        path: path.join(".")
-      });
-    }
-    if (mode !== "required") {
-      errors.push(...await validateFieldRules(field, value, params, path));
-    }
-  }
-  return errors;
-}
 function collectFieldPaths(fields, parentPath) {
   return fields.flatMap((field) => {
     if (field.ignore === true) {
@@ -533,33 +404,6 @@ function buildPrimitiveArrayOutput(field, value, state, ctx, apiFactory, path) {
     return [applyOutputTransform(itemField, item, itemParams)];
   });
 }
-async function validatePrimitiveArrayItems(field, value, state, ctx, apiFactory, path, mode) {
-  const errors = [];
-  if (!Array.isArray(value)) {
-    return errors;
-  }
-  for (const [index, item] of value.entries()) {
-    const itemField = getPrimitiveArrayItemField(field, index);
-    if (!itemField) {
-      continue;
-    }
-    const itemPath = [...path, String(index)];
-    const itemParams = callbackParams({
-      api: apiFactory(itemPath, itemField),
-      ctx,
-      field: itemField,
-      parentPath: path,
-      state
-    });
-    if (mode !== "rules" && resolveRequired(itemField, itemParams) && isEmptyValue(item)) {
-      errors.push({ message: resolveRequiredMessage(itemField), path: itemPath.join(".") });
-    }
-    if (mode !== "required") {
-      errors.push(...await validateFieldRules(itemField, item, itemParams, itemPath));
-    }
-  }
-  return errors;
-}
 export function readStaticFieldProp(field, name) {
   const props = Object.getOwnPropertyDescriptor(field, "props")?.value;
   if (!isRecord(props)) {
@@ -689,49 +533,6 @@ export function resolveRequiredMessage(field, fallback = "This field is required
   }
   return fallback;
 }
-async function validateFieldRules(field, value, params, path) {
-  const validation = Object.getOwnPropertyDescriptor(field, "validation")?.value;
-  if (!isRecord(validation)) {
-    return [];
-  }
-  const rules = Object.getOwnPropertyDescriptor(validation, "rules")?.value;
-  if (!Array.isArray(rules)) {
-    return [];
-  }
-  const errors = [];
-  for (const rule of rules) {
-    if (!isRecord(rule)) {
-      continue;
-    }
-    const validate = Object.getOwnPropertyDescriptor(rule, "validate")?.value;
-    if (!isFunction(validate)) {
-      continue;
-    }
-    const result = await validate({
-      ...params,
-      api: params.api
-    });
-    if (result === true || result === null || isUndefined(result)) {
-      continue;
-    }
-    errors.push({
-      message: isString(result) ? result : resolveRuleMessage(rule, value),
-      path: path.join(".")
-    });
-  }
-  return errors;
-}
-function resolveRuleMessage(rule, _value) {
-  const message = Object.getOwnPropertyDescriptor(rule, "message")?.value;
-  if (isFunction(message)) {
-    return String(message());
-  }
-  if (isString(message) || isNumber(message)) {
-    return String(message);
-  }
-  const name = Object.getOwnPropertyDescriptor(rule, "name")?.value;
-  return isString(name) ? `Invalid value for ${name}.` : "Invalid value.";
-}
 export function isEmptyValue(value) {
   if (value === null || isUndefined(value)) {
     return true;