maz-ui 5.0.0-beta.47 → 5.0.0-beta.48

package/dist/chunks/{dom-events.CuYg9JPf.js → dom-events.Sq75viWa.js}

@@ -1,5 +1,5 @@
 import { useFreezeValue } from "../composables/useFreezeValue.js";
-import { getCurrentInstance, inject, nextTick } from "vue";
+import { getCurrentInstance, inject, nextTick, toRaw } from "vue";
 import { isEqual } from "@maz-ui/utils/helpers/isEqual";
 import { debounceId } from "@maz-ui/utils/helpers/debounceId";
 import { throttleId } from "@maz-ui/utils/helpers/throttleId";
@@ -15,21 +15,15 @@ var CONFIG = {
 function isEmptyValue(value) {
 	return value == null || value === "";
 }
-var storeValidbot = {};
-async function getValibotValidationMethod(methodName) {
-	if (storeValidbot[methodName]) return storeValidbot[methodName];
-	let valibot = await import("valibot");
-	return storeValidbot[methodName] = valibot[methodName], valibot[methodName];
-}
-async function getValidationSchema(formSchema) {
-	return (await getValibotValidationMethod("objectAsync"))(formSchema);
-}
 async function getFieldValidationResult(name, schema, value) {
-	let fieldSchema = await getValidationSchema(schema);
-	let result = await (await getValibotValidationMethod("safeParseAsync"))(fieldSchema.entries[name], value ?? "");
+	let result = await toRaw(schema[name])["~standard"].validate(value ?? "");
+	let isValid = !result.issues;
 	return {
-		result,
-		isValid: result.success
+		result: {
+			...result,
+			success: isValid
+		},
+		isValid
 	};
 }
 async function setFieldValidationState({ name, fieldState, schema, payload, setError = !0, setErrorIfInvalidAndNotEmpty = !1 }) {
@@ -48,7 +42,7 @@ async function setFieldValidationState({ name, fieldState, schema, payload, setE
 			"blur",
 			"progressive"
 		].includes(fieldState.mode);
-		(shouldSetError || shouldPreserveError) && (fieldState.error = !isValid), fieldState.errors = result.issues ?? [], fieldState.validated = !0;
+		(shouldSetError || shouldPreserveError) && (fieldState.error = !isValid), fieldState.errors = result.issues ? [...result.issues] : [], fieldState.validated = !0;
 	} finally {
 		fieldState.validating = !1;
 	}

package/dist/composables/index.d.ts

@@ -6,7 +6,7 @@ export * from './useDrag';
 export * from './useDropzone';
 export * from './useFormField';
 export * from './useFormValidator';
-export type { FieldsStates, FieldState, FormFieldOptions, FormSchema, FormValidatorOptions, InferOutputSchemaFormValidator, InferSchemaFormValidator } from './useFormValidator/types';
+export type { FieldsStates, FieldState, FormFieldOptions, FormSchema, FormValidatorOptions, InferOutputSchemaFormValidator, InferSchemaFormValidator, StandardSchemaV1, Validation, ValidationIssue, ValidationIssues } from './useFormValidator/types';
 export * from './useFreezeValue';
 export type { GlobalizableProps, MazComponentName, MazUiDefaultsOptions } from './useGlobalConfig';
 export * from './useIdleTimeout';

package/dist/composables/useFormField.d.ts

@@ -1,7 +1,7 @@
 import { BaseFormPayload, ExtractModelKey, FormFieldOptions, FormSchema } from './useFormValidator/types';
 export declare function useFormField<FieldType, Model extends BaseFormPayload = BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>>(name: ModelKey, options?: FormFieldOptions<Model, ModelKey, FieldType>): {
     hasError: import('vue').ComputedRef<boolean>;
-    errors: import('vue').ComputedRef<import('./useFormValidator/types').ValidationIssues>;
+    errors: import('vue').ComputedRef<import('.').ValidationIssues>;
     errorMessage: import('vue').ComputedRef<Record<ModelKey, string | undefined>[ModelKey]>;
     isValid: import('vue').ComputedRef<boolean>;
     isDirty: import('vue').ComputedRef<boolean>;

package/dist/composables/useFormField.js

@@ -1,4 +1,4 @@
-import { _ as setFieldValidationState, f as hasModeIncludes, i as removeEventFromInteractiveElements, n as findInteractiveElements, o as fieldHasValidation, p as updateFieldState, r as getValidationEvents, s as getContext, t as addEventToInteractiveElements, u as handleFieldBlur } from "../chunks/dom-events.CuYg9JPf.js";
+import { _ as setFieldValidationState, f as hasModeIncludes, i as removeEventFromInteractiveElements, n as findInteractiveElements, o as fieldHasValidation, p as updateFieldState, r as getValidationEvents, s as getContext, t as addEventToInteractiveElements, u as handleFieldBlur } from "../chunks/dom-events.Sq75viWa.js";
 import { useFreezeValue } from "./useFreezeValue.js";
 import { computed, onUnmounted, unref, watch } from "vue";
 import { isClient } from "@maz-ui/utils/helpers/isClient";

package/dist/composables/useFormValidator/types.d.ts

@@ -1,8 +1,42 @@
-import { BaseIssue, BaseSchema, BaseSchemaAsync, InferInput, InferIssue, InferOutput, objectAsync } from 'valibot';
 import { ComponentInternalInstance, InjectionKey, Ref, TemplateRef } from 'vue';
 import { getValidateFunction } from './validation';
-export type Validation = BaseSchema<unknown, unknown, BaseIssue<unknown>> | BaseSchemaAsync<unknown, unknown, BaseIssue<unknown>>;
-export type ValidationIssues = InferIssue<Validation>[];
+/**
+ * Standard Schema interface (https://standardschema.dev)
+ * Implemented by Valibot, Zod, ArkType, Effect Schema and many others
+ */
+export interface StandardSchemaV1<Input = unknown, Output = Input> {
+    readonly '~standard': StandardSchemaV1Props<Input, Output>;
+}
+export interface StandardSchemaV1Props<Input = unknown, Output = Input> {
+    readonly version: 1;
+    readonly vendor: string;
+    readonly validate: (value: unknown) => StandardSchemaV1Result<Output> | Promise<StandardSchemaV1Result<Output>>;
+    readonly types?: StandardSchemaV1Types<Input, Output> | undefined;
+}
+export type StandardSchemaV1Result<Output> = StandardSchemaV1SuccessResult<Output> | StandardSchemaV1FailureResult;
+export interface StandardSchemaV1SuccessResult<Output> {
+    readonly value: Output;
+    readonly issues?: undefined;
+}
+export interface StandardSchemaV1FailureResult {
+    readonly issues: ReadonlyArray<StandardSchemaV1Issue>;
+}
+export interface StandardSchemaV1Issue {
+    readonly message: string;
+    readonly path?: ReadonlyArray<PropertyKey | StandardSchemaV1PathSegment> | undefined;
+}
+export interface StandardSchemaV1PathSegment {
+    readonly key: PropertyKey;
+}
+export interface StandardSchemaV1Types<Input = unknown, Output = Input> {
+    readonly input: Input;
+    readonly output: Output;
+}
+export type Validation = StandardSchemaV1;
+export type ValidationIssue = StandardSchemaV1Issue;
+export type ValidationIssues = ValidationIssue[];
+export type InferValidationInput<T> = T extends StandardSchemaV1 ? NonNullable<T['~standard']['types']>['input'] : never;
+export type InferValidationOutput<T> = T extends StandardSchemaV1 ? NonNullable<T['~standard']['types']>['output'] : never;
 export type ExtractModelKey<T> = Extract<keyof T, string>;
 export type FormSchema<Model extends BaseFormPayload> = {
     [K in Extract<keyof Model, string> as Model[K] extends Required<Model>[K] ? K : never]: Validation;
@@ -102,5 +136,40 @@ export interface FormFieldOptions<Model extends BaseFormPayload, ModelKey extend
      */
     formIdentifier?: string | symbol;
 }
-export type InferSchemaFormValidator<T> = T extends Ref<infer U> ? U extends FormSchema<BaseFormPayload> ? Partial<InferInput<ReturnType<typeof objectAsync<U>>>> : never : T extends (...args: any[]) => FormSchema<BaseFormPayload> ? Partial<InferInput<ReturnType<typeof objectAsync<ReturnType<T>>>>> : T extends FormSchema<BaseFormPayload> ? Partial<InferInput<ReturnType<typeof objectAsync<T>>>> : never;
-export type InferOutputSchemaFormValidator<T> = T extends Ref<infer U> ? U extends FormSchema<BaseFormPayload> ? InferOutput<ReturnType<typeof objectAsync<U>>> : never : T extends (...args: any[]) => FormSchema<BaseFormPayload> ? InferOutput<ReturnType<typeof objectAsync<ReturnType<T>>>> : T extends FormSchema<BaseFormPayload> ? InferOutput<ReturnType<typeof objectAsync<T>>> : never;
+type Simplify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type IsOptionalOutputKey<TSchema> = TSchema extends {
+    readonly kind: 'schema';
+    readonly type: string;
+} ? TSchema extends {
+    readonly type: 'optional' | 'exact_optional' | 'nullish';
+    readonly default: infer TDefault;
+} ? undefined extends TDefault ? true : false : false : unknown extends InferValidationOutput<TSchema> ? false : undefined extends InferValidationOutput<TSchema> ? true : false;
+type IsReadonlyOutputKey<TSchema> = TSchema extends {
+    readonly pipe: readonly (infer TItem)[];
+} ? [Extract<TItem, {
+    readonly kind: 'transformation';
+    readonly type: 'readonly';
+}>] extends [never] ? false : true : false;
+type OptionalOutputKeys<TSchema> = {
+    [K in keyof TSchema]: IsOptionalOutputKey<TSchema[K]> extends true ? K : never;
+}[keyof TSchema];
+type ReadonlyOutputKeys<TSchema> = {
+    [K in keyof TSchema]: IsReadonlyOutputKey<TSchema[K]> extends true ? K : never;
+}[keyof TSchema];
+export type InferFormSchemaInput<TSchema> = Simplify<{
+    -readonly [K in keyof TSchema]?: InferValidationInput<TSchema[K]>;
+}>;
+export type InferFormSchemaOutput<TSchema> = Simplify<{
+    -readonly [K in Exclude<keyof TSchema, OptionalOutputKeys<TSchema> | ReadonlyOutputKeys<TSchema>>]: InferValidationOutput<TSchema[K]>;
+} & {
+    -readonly [K in Exclude<OptionalOutputKeys<TSchema>, ReadonlyOutputKeys<TSchema>>]?: InferValidationOutput<TSchema[K]>;
+} & {
+    readonly [K in Exclude<ReadonlyOutputKeys<TSchema>, OptionalOutputKeys<TSchema>>]: InferValidationOutput<TSchema[K]>;
+} & {
+    readonly [K in Extract<ReadonlyOutputKeys<TSchema>, OptionalOutputKeys<TSchema>>]?: InferValidationOutput<TSchema[K]>;
+}>;
+export type InferSchemaFormValidator<T> = T extends Ref<infer U> ? U extends FormSchema<BaseFormPayload> ? InferFormSchemaInput<U> : never : T extends (...args: any[]) => FormSchema<BaseFormPayload> ? InferFormSchemaInput<ReturnType<T>> : T extends FormSchema<BaseFormPayload> ? InferFormSchemaInput<T> : never;
+export type InferOutputSchemaFormValidator<T> = T extends Ref<infer U> ? U extends FormSchema<BaseFormPayload> ? InferFormSchemaOutput<U> : never : T extends (...args: any[]) => FormSchema<BaseFormPayload> ? InferFormSchemaOutput<ReturnType<T>> : T extends FormSchema<BaseFormPayload> ? InferFormSchemaOutput<T> : never;
+export {};

package/dist/composables/useFormValidator/validation.d.ts

@@ -1,9 +1,14 @@
 import { BaseFormPayload, ExtractModelKey, FieldsStates, FieldState, FormSchema, StrictOptions, ValidationIssues } from './types';
 export declare function isEmptyValue(value: unknown): value is null | undefined | '';
-export declare function getValibotValidationMethod<MethodName extends keyof typeof import('valibot')>(methodName: MethodName): Promise<(typeof import('valibot'))[MethodName]>;
-export declare function getValidationSchema<Model extends BaseFormPayload>(formSchema: FormSchema<Model>): Promise<import('valibot').ObjectSchemaAsync<FormSchema<Model>, undefined>>;
 export declare function getFieldValidationResult<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>>>(name: ModelKey, schema: FormSchema<Model>, value: Model[ModelKey]): Promise<{
-    result: import('valibot').SafeParseResult<FormSchema<Model>[ModelKey]>;
+    result: {
+        success: boolean;
+        issues: ReadonlyArray<import('./types').StandardSchemaV1Issue>;
+    } | {
+        success: boolean;
+        value: unknown;
+        issues?: undefined;
+    };
     isValid: boolean;
 }>;
 export declare function setFieldValidationState<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>>>({ name, fieldState, schema, payload, setError, setErrorIfInvalidAndNotEmpty, }: {

package/dist/composables/useFormValidator.js

@@ -1,4 +1,4 @@
-import { a as scrollToError, c as getFieldsStates, d as handleFieldInput, f as hasModeIncludes, g as getFieldsErrors, h as getErrorMessages, l as getInstance, m as updateFieldsStates, v as validateForm, y as CONFIG } from "../chunks/dom-events.CuYg9JPf.js";
+import { a as scrollToError, c as getFieldsStates, d as handleFieldInput, f as hasModeIncludes, g as getFieldsErrors, h as getErrorMessages, l as getInstance, m as updateFieldsStates, v as validateForm, y as CONFIG } from "../chunks/dom-events.Sq75viWa.js";
 import { computed, nextTick, provide, ref, toValue, watch } from "vue";
 //#region src/composables/useFormValidator.ts
 function createValidationProcessor(fieldsToValidate, fieldsStates, payload, internalSchema, isSubmitted) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "maz-ui",
   "type": "module",
-  "version": "5.0.0-beta.47",
+  "version": "5.0.0-beta.48",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -153,14 +153,20 @@
     "node": ">= 18.0.0"
   },
   "peerDependencies": {
+    "arktype": ">=2.0.0 <3.0.0",
     "nuxt": ">=3.4.0 <5.0.0",
     "shiki": ">=4.0.0",
     "unplugin-auto-import": ">=19.0.0 <22.0.0",
     "unplugin-vue-components": ">=28.0.0 <33.0.0",
+    "valibot": ">=1.0.0 <2.0.0",
     "vue": ">=3.5.0 <4.0.0",
-    "vue-router": ">=4.0.0 <6.0.0"
+    "vue-router": ">=4.0.0 <6.0.0",
+    "zod": ">=3.24.0 <5.0.0"
   },
   "peerDependenciesMeta": {
+    "arktype": {
+      "optional": true
+    },
     "nuxt": {
       "optional": true
     },
@@ -173,8 +179,14 @@
     "unplugin-vue-components": {
       "optional": true
     },
+    "valibot": {
+      "optional": true
+    },
     "vue-router": {
       "optional": true
+    },
+    "zod": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -188,8 +200,7 @@
     "dayjs": "^1.11.23",
     "dompurify": "^3.4.16",
     "libphonenumber-js": "^1.13.14",
-    "marked": "^18.0.14",
-    "valibot": "^1.5.0"
+    "marked": "^18.0.14"
   },
   "devDependencies": {
     "@maz-ui/eslint-config": "5.0.0-beta.47",
@@ -210,8 +221,10 @@
     "tailwindcss": "^4.3.3",
     "unplugin-auto-import": "^21.1.0",
     "unplugin-vue-components": "^32.0.0",
+    "valibot": "^1.5.0",
     "vitest-axe": "^0.1.0",
-    "vue-router": "^5.3.1"
+    "vue-router": "^5.3.1",
+    "zod": "^4.6.5"
   },
   "lint-staged": {
     "*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix",