@nuxt/ui 2.21.0 → 2.22.0

package/dist/runtime/components/elements/Carousel.vue.d.ts

@@ -15,12 +15,12 @@ declare const config: {
     };
     default: {
         prevButton: {
-            color: import("../../types/button").ButtonColor;
+            color: import("../../types/button.js").ButtonColor;
             class: string;
             icon: string;
         };
         nextButton: {
-            color: import("../../types/button").ButtonColor;
+            color: import("../../types/button.js").ButtonColor;
             class: string;
             icon: string;
         };
@@ -85,12 +85,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         default: {
             prevButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
                 class: string;
                 icon: string;
             };
             nextButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
                 class: string;
                 icon: string;
             };
@@ -152,7 +152,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: any;
     };
 }>> & Readonly<{}>, {
-    class: any;
     ui: {
         wrapper?: string;
         container?: string;
@@ -168,12 +167,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, any>;
         default?: DeepPartial<{
             prevButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
                 class: string;
                 icon: string;
             };
             nextButton: {
-                color: import("../../types/button").ButtonColor;
+                color: import("../../types/button.js").ButtonColor;
                 class: string;
                 icon: string;
             };
@@ -183,6 +182,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    class: any;
     items: any[];
     arrows: boolean;
     indicators: boolean;
@@ -220,17 +220,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         size: {
-            type: PropType<import("../../types/button").ButtonSize>;
+            type: PropType<import("../../types/button.js").ButtonSize>;
             default: () => string;
             validator(value: string): boolean;
         };
         color: {
-            type: PropType<import("../../types/button").ButtonColor>;
+            type: PropType<import("../../types/button.js").ButtonColor>;
             default: () => string;
             validator(value: string): boolean;
         };
         variant: {
-            type: PropType<import("../../types/button").ButtonVariant>;
+            type: PropType<import("../../types/button.js").ButtonVariant>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -539,17 +539,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         size: {
-            type: PropType<import("../../types/button").ButtonSize>;
+            type: PropType<import("../../types/button.js").ButtonSize>;
             default: () => string;
             validator(value: string): boolean;
         };
         color: {
-            type: PropType<import("../../types/button").ButtonColor>;
+            type: PropType<import("../../types/button.js").ButtonColor>;
             default: () => string;
             validator(value: string): boolean;
         };
         variant: {
-            type: PropType<import("../../types/button").ButtonVariant>;
+            type: PropType<import("../../types/button.js").ButtonVariant>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -741,10 +741,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{}>, {
         type: string;
-        size: import("../../types/button").ButtonSize;
-        class: any;
-        to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-        disabled: boolean;
+        size: import("../../types/button.js").ButtonSize;
         ui: {
             base?: string;
             font?: string;
@@ -829,10 +826,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
-        color: import("../../types/button").ButtonColor;
-        variant: import("../../types/button").ButtonVariant;
+        color: import("../../types/button.js").ButtonColor;
+        variant: import("../../types/button.js").ButtonVariant;
         truncate: boolean;
         target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
+        to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         activeClass: string;
         exactActiveClass: string;
         ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
@@ -843,12 +841,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         prefetchedClass: string;
         external: boolean;
         leading: boolean;
+        disabled: boolean;
         href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         rel: any;
-        label: string;
         icon: string;
+        class: any;
         block: boolean;
         square: boolean;
+        label: string;
         loading: boolean;
         padded: boolean;
         loadingIcon: string;
@@ -1104,9 +1104,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{}>, {
             type: string;
-            to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-            disabled: boolean;
             target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
+            to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
             activeClass: string;
             exactActiveClass: string;
             ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
@@ -1117,6 +1116,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             prefetchedClass: string;
             external: boolean;
             as: string;
+            disabled: boolean;
             active: boolean;
             exact: boolean;
             exactQuery: boolean | "partial";

package/dist/runtime/components/elements/Chip.vue.d.ts

@@ -151,7 +151,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     size: "sm" | "xs" | "2xs" | "md" | "lg" | "xl" | "3xs" | "2xl" | "3xl";
-    class: any;
     ui: {
         wrapper?: string;
         base?: string;
@@ -193,6 +192,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     color: ChipColor;
     inset: boolean;
     position: "top-right" | "bottom-right" | "top-left" | "bottom-left";
+    class: any;
     text: string | number;
     show: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/elements/Dropdown.vue

@@ -28,7 +28,7 @@
                 <HMenuItem v-slot="{ active, disabled: itemDisabled, close }" :disabled="item.disabled">
                   <component
                     :is="!!href ? 'a' : 'button'"
-                    :href="!itemDisabled ? href : undefined"
+                    :href="!itemDisabled ? href : void 0"
                     :rel="rel"
                     :target="target"
                     :class="twMerge(twJoin(ui.item.base, ui.item.padding, ui.item.size, ui.item.rounded, active || isActive ? ui.item.active : ui.item.inactive, itemDisabled && ui.item.disabled), item.class)"

package/dist/runtime/components/elements/Dropdown.vue.d.ts

@@ -29,7 +29,7 @@ declare const config: {
         };
         avatar: {
             base: string;
-            size: import("../../types/avatar").AvatarSize;
+            size: import("../../types/avatar.js").AvatarSize;
         };
         label: string;
         shortcuts: string;
@@ -128,7 +128,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             avatar: {
                 base: string;
-                size: import("../../types/avatar").AvatarSize;
+                size: import("../../types/avatar.js").AvatarSize;
             };
             label: string;
             shortcuts: string;
@@ -242,8 +242,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:open"?: (...args: any[]) => any;
 }>, {
     mode: "click" | "hover";
-    class: any;
-    disabled: boolean;
     ui: {
         wrapper?: string;
         container?: string;
@@ -272,7 +270,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             avatar: {
                 base: string;
-                size: import("../../types/avatar").AvatarSize;
+                size: import("../../types/avatar.js").AvatarSize;
             };
             label: string;
             shortcuts: string;
@@ -307,6 +305,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         strategy?: Strategy;
     };
     popper: PopperOptions;
+    disabled: boolean;
+    class: any;
     open: boolean;
     items: DropdownItem[][];
     openDelay: number;
@@ -510,17 +510,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => any;
         };
         size: {
-            type: PropType<import("../../types/avatar").AvatarSize>;
+            type: PropType<import("../../types/avatar.js").AvatarSize>;
             default: () => string;
             validator(value: string): boolean;
         };
         chipColor: {
-            type: PropType<import("../../types/avatar").AvatarChipColor>;
+            type: PropType<import("../../types/avatar.js").AvatarChipColor>;
             default: () => any;
             validator(value: string): boolean;
         };
         chipPosition: {
-            type: PropType<import("../../types/avatar").AvatarChipPosition>;
+            type: PropType<import("../../types/avatar.js").AvatarChipPosition>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -693,17 +693,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => any;
         };
         size: {
-            type: PropType<import("../../types/avatar").AvatarSize>;
+            type: PropType<import("../../types/avatar.js").AvatarSize>;
             default: () => string;
             validator(value: string): boolean;
         };
         chipColor: {
-            type: PropType<import("../../types/avatar").AvatarChipColor>;
+            type: PropType<import("../../types/avatar.js").AvatarChipColor>;
             default: () => any;
             validator(value: string): boolean;
         };
         chipPosition: {
-            type: PropType<import("../../types/avatar").AvatarChipPosition>;
+            type: PropType<import("../../types/avatar.js").AvatarChipPosition>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -784,8 +784,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => {};
         };
     }>> & Readonly<{}>, {
-        size: import("../../types/avatar").AvatarSize;
-        class: any;
+        size: import("../../types/avatar.js").AvatarSize;
         ui: {
             wrapper?: string;
             background?: string;
@@ -850,11 +849,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             strategy?: Strategy;
         };
         as: string | Record<string, any>;
-        text: string;
         alt: string;
         icon: string;
+        class: any;
+        text: string;
         src: string | boolean;
-        chipColor: import("../../types/avatar").AvatarChipColor;
+        chipColor: import("../../types/avatar.js").AvatarChipColor;
         chipPosition: "top-right" | "bottom-right" | "top-left" | "bottom-left";
         chipText: string | number;
         imgClass: string;
@@ -911,7 +911,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: any;
         };
         size: {
-            type: PropType<import("../../types/kbd").KbdSize>;
+            type: PropType<import("../../types/kbd.js").KbdSize>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -967,7 +967,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: any;
         };
         size: {
-            type: PropType<import("../../types/kbd").KbdSize>;
+            type: PropType<import("../../types/kbd.js").KbdSize>;
             default: () => string;
             validator(value: string): boolean;
         };
@@ -997,8 +997,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => {};
         };
     }>> & Readonly<{}>, {
-        size: import("../../types/kbd").KbdSize;
-        class: any;
+        size: import("../../types/kbd.js").KbdSize;
         ui: {
             base?: string;
             padding?: string;
@@ -1019,6 +1018,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
+        class: any;
         value: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/elements/Kbd.vue.d.ts

@@ -79,7 +79,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     size: KbdSize;
-    class: any;
     ui: {
         base?: string;
         padding?: string;
@@ -100,6 +99,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    class: any;
     value: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/elements/Link.vue

@@ -17,22 +17,22 @@
   >
     <a
       v-bind="$attrs"
-      :href="!disabled ? href : undefined"
-      :aria-disabled="disabled ? 'true' : undefined"
-      :role="disabled ? 'link' : undefined"
+      :href="!disabled ? href : void 0"
+      :aria-disabled="disabled ? 'true' : void 0"
+      :role="disabled ? 'link' : void 0"
       :rel="rel"
       :target="target"
-      :class="active !== undefined ? (active ? activeClass : inactiveClass) : resolveLinkClass(route, $route, { isActive, isExactActive })"
-      :tabindex="disabled ? -1 : undefined"
-      @click="(e) => (!isExternal && !disabled) && navigate(e)"
+      :class="active !== void 0 ? active ? activeClass : inactiveClass : resolveLinkClass(route, $route, { isActive, isExactActive })"
+      :tabindex="disabled ? -1 : void 0"
+      @click="(e) => !isExternal && !disabled && navigate(e)"
     >
-      <slot v-bind="{ isActive: active !== undefined ? active : (exact ? isExactActive : isActive) }" />
+      <slot v-bind="{ isActive: active !== void 0 ? active : exact ? isExactActive : isActive }" />
     </a>
   </NuxtLink>
 </template>
 
 <script>
-import { isEqual, diff } from "ohash";
+import { isEqual, diff } from "ohash/utils";
 import { defineComponent } from "vue";
 import { nuxtLinkProps } from "../../utils";
 export default defineComponent({
@@ -76,11 +76,13 @@ export default defineComponent({
     function isPartiallyEqual(item1, item2) {
       const diffedKeys = diff(item1, item2).reduce((filtered, q) => {
         if (q.type === "added") {
-          filtered.push(q.key);
+          filtered.add(q.key);
         }
         return filtered;
-      }, []);
-      return isEqual(item1, item2, { excludeKeys: (key) => diffedKeys.includes(key) });
+      }, /* @__PURE__ */ new Set());
+      const item1Filtered = Object.fromEntries(Object.entries(item1).filter(([key]) => !diffedKeys.has(key)));
+      const item2Filtered = Object.fromEntries(Object.entries(item2).filter(([key]) => !diffedKeys.has(key)));
+      return isEqual(item1Filtered, item2Filtered);
     }
     function resolveLinkClass(route, $route, { isActive, isExactActive }) {
       if (props.exactQuery === "partial") {

package/dist/runtime/components/elements/Link.vue.d.ts

@@ -202,9 +202,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     type: string;
-    to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-    disabled: boolean;
     target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
+    to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
     activeClass: string;
     exactActiveClass: string;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
@@ -215,6 +214,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     prefetchedClass: string;
     external: boolean;
     as: string;
+    disabled: boolean;
     active: boolean;
     exact: boolean;
     exactQuery: boolean | "partial";

package/dist/runtime/components/elements/Meter.vue

@@ -41,7 +41,6 @@ export default defineComponent({
     UIcon
   },
   inheritAttrs: false,
-  slots: Object,
   props: {
     value: {
       type: Number,
@@ -90,6 +89,7 @@ export default defineComponent({
       default: () => ({})
     }
   },
+  slots: Object,
   setup(props) {
     const { ui, attrs } = useUI("meter", toRef(props, "ui"), config, toRef(props, "class"));
     function clampPercent(value, min, max) {

package/dist/runtime/components/elements/Meter.vue.d.ts

@@ -257,8 +257,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     size: "sm" | "xs" | "2xs" | "md" | "lg" | "xl" | "2xl";
-    class: any;
-    max: number;
     ui: {
         wrapper?: string;
         indicator?: DeepPartial<{
@@ -340,10 +338,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         strategy?: Strategy;
     };
     color: MeterColor;
-    label: string;
     icon: string;
+    class: any;
     value: number;
+    label: string;
     indicator: boolean;
+    max: number;
     min: number;
 }, SlotsType<{
     indicator?: {

package/dist/runtime/components/elements/Progress.vue

@@ -14,7 +14,7 @@
       :class="progressClass"
       v-bind="{ value, max: realMax, ...attrs }"
     >
-      {{ percent !== undefined ? `${Math.round(percent)}%` : undefined }}
+      {{ percent !== void 0 ? `${Math.round(percent)}%` : void 0 }}
     </progress>
 
     <div v-if="isSteps" :class="stepsClass">

package/dist/runtime/components/elements/Progress.vue.d.ts

@@ -93,7 +93,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
             of<T>(...items: T[]): T[];
             fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
             readonly [Symbol.species]: ArrayConstructor;
         })[];
         default: number;
@@ -233,7 +233,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
             of<T>(...items: T[]): T[];
             fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
             readonly [Symbol.species]: ArrayConstructor;
         })[];
         default: number;
@@ -269,9 +269,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     size: "sm" | "xs" | "2xs" | "md" | "lg" | "xl" | "2xl";
-    class: any;
-    max: number | any[];
-    animation: "carousel" | "carousel-inverse" | "swing" | "elastic";
     ui: {
         wrapper?: string;
         indicator?: DeepPartial<{
@@ -351,7 +348,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         strategy?: Strategy;
     };
     color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
+    class: any;
     value: number;
     indicator: boolean;
+    animation: "carousel" | "carousel-inverse" | "swing" | "elastic";
+    max: number | any[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/forms/Checkbox.vue.d.ts

@@ -164,8 +164,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     name: string;
     required: boolean;
-    class: any;
-    disabled: boolean;
     ui: {
         wrapper?: string;
         container?: string;
@@ -189,10 +187,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         strategy?: Strategy;
     };
     color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
-    label: string;
+    disabled: boolean;
     id: string;
+    class: any;
     modelValue: boolean | any[];
     value: string | number | boolean | Record<string, any>;
+    label: string;
     help: string;
     indeterminate: boolean;
     inputClass: string;

package/dist/runtime/components/forms/Form.vue

@@ -162,23 +162,20 @@ function isJoiSchema(schema) {
 function isJoiError(error) {
   return error.isJoi === true;
 }
-function isValibotSchema(schema) {
-  return "_parse" in schema || "_run" in schema || typeof schema === "function" && "schema" in schema;
+export function isStandardSchema(schema) {
+  return "~standard" in schema;
 }
-function isZodSchema(schema) {
-  return schema.parse !== void 0;
-}
-async function validateValibotSchema(state, schema) {
-  const result = await ("_parse" in schema ? schema._parse(state) : "_run" in schema ? schema._run({ typed: false, value: state }, {}) : schema(state));
+export async function validateStandardSchema(state, schema) {
+  const result = await schema["~standard"].validate(state);
   if (!result.issues || result.issues.length === 0) {
-    const output = "output" in result ? result.output : "value" in result ? result.value : null;
+    const output = "value" in result ? result.value : null;
     return {
       errors: null,
       result: output
     };
   }
   const errors = result.issues.map((issue) => ({
-    path: issue.path?.map((item) => item.key).join(".") || "",
+    path: issue.path?.map((item) => typeof item === "object" ? item.key : item).join(".") || "",
     message: issue.message
   }));
   return {
@@ -208,23 +205,6 @@ async function validateJoiSchema(state, schema) {
     }
   }
 }
-async function validateZodSchema(state, schema) {
-  const result = await schema.safeParseAsync(state);
-  if (result.success === false) {
-    const errors = result.error.issues.map((issue) => ({
-      path: issue.path.join("."),
-      message: issue.message
-    }));
-    return {
-      errors,
-      result: null
-    };
-  }
-  return {
-    result: result.data,
-    errors: null
-  };
-}
 async function validateSuperstructSchema(state, schema) {
   const [err, result] = schema.validate(state);
   if (err) {
@@ -265,12 +245,10 @@ async function validateYupSchema(state, schema) {
   }
 }
 function parseSchema(state, schema) {
-  if (isZodSchema(schema)) {
-    return validateZodSchema(state, schema);
+  if (isStandardSchema(schema)) {
+    return validateStandardSchema(state, schema);
   } else if (isJoiSchema(schema)) {
     return validateJoiSchema(state, schema);
-  } else if (isValibotSchema(schema)) {
-    return validateValibotSchema(state, schema);
   } else if (isYupSchema(schema)) {
     return validateYupSchema(state, schema);
   } else if (isSuperStructSchema(schema)) {

package/dist/runtime/components/forms/Form.vue.d.ts

@@ -1,13 +1,10 @@
 import { type PropType } from 'vue';
-import type { ZodSchema } from 'zod';
 import type { Schema as JoiSchema } from 'joi';
 import type { ObjectSchema as YupObjectSchema } from 'yup';
-import type { BaseSchema as ValibotSchema30, BaseSchemaAsync as ValibotSchemaAsync30 } from 'valibot30';
-import type { GenericSchema as ValibotSchema31, GenericSchemaAsync as ValibotSchemaAsync31, SafeParser as ValibotSafeParser31, SafeParserAsync as ValibotSafeParserAsync31 } from 'valibot31';
-import type { GenericSchema as ValibotSchema, GenericSchemaAsync as ValibotSchemaAsync, SafeParser as ValibotSafeParser, SafeParserAsync as ValibotSafeParserAsync } from 'valibot';
+import type { StandardSchemaV1 } from '@standard-schema/spec';
 import type { Struct } from 'superstruct';
-import type { FormError, FormEventType } from '../../types/form.js';
-type Schema = PropType<ZodSchema> | PropType<YupObjectSchema<any>> | PropType<JoiSchema> | PropType<ValibotSchema30 | ValibotSchemaAsync30> | PropType<ValibotSchema31 | ValibotSchemaAsync31> | PropType<ValibotSafeParser31<any, any> | ValibotSafeParserAsync31<any, any>> | PropType<ValibotSchema | ValibotSchemaAsync> | PropType<ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any>> | PropType<Struct<any, any>>;
+import type { FormError, FormEventType, ValidateReturnSchema } from '../../types/form.js';
+type Schema = PropType<StandardSchemaV1> | PropType<YupObjectSchema<any>> | PropType<Struct<any, any>> | PropType<JoiSchema>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     schema: {
         type: Schema;
@@ -52,11 +49,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string[];
     };
 }>> & Readonly<{
-    onSubmit?: (...args: any[]) => any;
     onError?: (...args: any[]) => any;
+    onSubmit?: (...args: any[]) => any;
 }>, {
-    schema: ZodSchema<any, import("zod").ZodTypeDef, any> | YupObjectSchema<any, import("yup").AnyObject, any, ""> | import("joi").AnySchema<any> | ValibotSchema30<any, any> | ValibotSchemaAsync30<any, any> | ValibotSchema31<unknown, unknown, import("valibot31").BaseIssue<unknown>> | ValibotSchemaAsync31<unknown, unknown, import("valibot31").BaseIssue<unknown>> | ValibotSafeParser31<any, any> | ValibotSafeParserAsync31<any, any> | ValibotSchema<unknown, unknown, import("valibot").BaseIssue<unknown>> | ValibotSchemaAsync<unknown, unknown, import("valibot").BaseIssue<unknown>> | Struct<any, any>;
+    schema: StandardSchemaV1<unknown, unknown> | YupObjectSchema<any, import("yup").AnyObject, any, ""> | Struct<any, any> | import("joi").AnySchema<any>;
     validate: ((state: any) => Promise<FormError[]>) | ((state: any) => FormError[]);
     validateOn: FormEventType[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
+export declare function isStandardSchema(schema: any): schema is StandardSchemaV1;
+export declare function validateStandardSchema(state: any, schema: StandardSchemaV1): Promise<ValidateReturnSchema<typeof state>>;

package/dist/runtime/components/forms/FormGroup.vue.d.ts

@@ -157,7 +157,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     name: string;
     required: boolean;
     size: FormGroupSize;
-    class: any;
     ui: {
         wrapper?: string;
         inner?: string;
@@ -187,9 +186,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
-    label: string;
     error: string | boolean;
     description: string;
+    class: any;
+    label: string;
     help: string;
     hint: string;
     eagerValidation: boolean;