@nuxt/ui 2.19.1 → 2.20.0

package/dist/runtime/components/elements/MeterGroup.d.ts

@@ -1,5 +1,5 @@
 import type { VNode, SlotsType, PropType } from 'vue';
-import type { Strategy, MeterSize } from '../../types/index.js';
+import type { DeepPartial, Strategy, MeterSize } from '../../types/index.js';
 import type Meter from './Meter.vue.js';
 declare const meterGroupConfig: {
     wrapper: string;
@@ -79,7 +79,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof meterGroupConfig> & {
+        type: PropType<DeepPartial<typeof meterGroupConfig> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -113,22 +113,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof meterGroupConfig> & {
+        type: PropType<DeepPartial<typeof meterGroupConfig> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    size: "xs" | "sm" | "2xs" | "md" | "lg" | "xl" | "2xl";
-    ui: Partial<{
-        wrapper: string;
-        base: string;
-        background: string;
-        transition: string;
-        rounded: string;
-        shadow: string;
-        list: string;
-        orientation: {
+    ui: {
+        wrapper?: string;
+        base?: string;
+        background?: string;
+        transition?: string;
+        rounded?: string;
+        shadow?: string;
+        list?: string;
+        orientation?: DeepPartial<{
             'rounded-none': {
                 left: string;
                 right: string;
@@ -165,16 +164,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 left: string;
                 right: string;
             };
-        };
-        default: {
+        }, any>;
+        default?: DeepPartial<{
             size: string;
             icon: string;
-        };
-    }> & {
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
         strategy?: Strategy;
     };
-    icon: string;
+    size: "sm" | "xs" | "2xs" | "md" | "lg" | "xl" | "2xl";
     class: any;
+    icon: string;
     max: number;
     min: number;
     indicator: boolean;

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

@@ -268,11 +268,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    size: "xs" | "sm" | "2xs" | "md" | "lg" | "xl" | "2xl";
+    size: "sm" | "xs" | "2xs" | "md" | "lg" | "xl" | "2xl";
     class: any;
     max: number | any[];
     animation: "carousel" | "carousel-inverse" | "swing" | "elastic";
-    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
     ui: {
         wrapper?: string;
         indicator?: DeepPartial<{
@@ -351,6 +350,7 @@ 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";
     value: number;
     indicator: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -166,8 +166,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     required: boolean;
     class: any;
     disabled: boolean;
-    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
-    label: string;
     ui: {
         wrapper?: string;
         container?: string;
@@ -190,6 +188,8 @@ 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;
     id: string;
     modelValue: boolean | any[];
     value: string | number | boolean | Record<string, any>;

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

@@ -38,6 +38,7 @@ export default defineComponent({
   setup(props, { expose, emit }) {
     const formId = useId();
     const bus = useEventBus(`form-${formId}`);
+    const parsedValue = ref(null);
     onMounted(() => {
       bus.on(async (event) => {
         if (event.type !== "submit" && props.validateOn?.includes(event.type)) {
@@ -60,7 +61,7 @@ export default defineComponent({
         if (errors2) {
           errs = errs.concat(errors2);
         } else {
-          Object.assign(props.state, result);
+          parsedValue.value = result;
         }
       }
       return errs;
@@ -95,7 +96,7 @@ export default defineComponent({
         if (props.validateOn?.includes("submit")) {
           await validate();
         }
-        event.data = props.state;
+        event.data = props.schema ? parsedValue.value : props.state;
         emit("submit", event);
       } catch (error) {
         if (!(error instanceof FormException)) {
@@ -187,10 +188,10 @@ async function validateValibotSchema(state, schema) {
 }
 async function validateJoiSchema(state, schema) {
   try {
-    await schema.validateAsync(state, { abortEarly: false });
+    const result = await schema.validateAsync(state, { abortEarly: false });
     return {
       errors: null,
-      result: state
+      result
     };
   } catch (error) {
     if (isJoiError(error)) {
@@ -243,7 +244,7 @@ async function validateSuperstructSchema(state, schema) {
 }
 async function validateYupSchema(state, schema) {
   try {
-    const result = schema.validateSync(state, { abortEarly: false });
+    const result = await schema.validate(state, { abortEarly: false });
     return {
       errors: null,
       result

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

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

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

@@ -462,9 +462,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     size: InputSize;
     class: any;
     disabled: boolean;
-    leading: boolean;
-    color: InputColor;
-    variant: InputVariant;
     ui: {
         wrapper?: string;
         base?: string;
@@ -578,6 +575,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    color: InputColor;
+    variant: InputVariant;
+    leading: boolean;
     id: string;
     icon: string;
     modelValue: string | number;

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

@@ -48,7 +48,7 @@
               v-slot="{ active, selected, disabled: optionDisabled }"
               :key="index"
               as="template"
-              :value="valueAttribute ? option[valueAttribute] : option"
+              :value="valueAttribute ? accessor(option, valueAttribute) : option"
               :disabled="option.disabled"
             >
               <li :class="[uiMenu.option.base, uiMenu.option.rounded, uiMenu.option.padding, uiMenu.option.size, uiMenu.option.color, active ? uiMenu.option.active : uiMenu.option.inactive, selected && uiMenu.option.selected, optionDisabled && uiMenu.option.disabled]">
@@ -103,6 +103,7 @@ import {
 import { computedAsync, useDebounceFn } from "@vueuse/core";
 import { defu } from "defu";
 import { twMerge, twJoin } from "tailwind-merge";
+import { isEqual } from "ohash";
 import UIcon from "../elements/Icon.vue";
 import UAvatar from "../elements/Avatar.vue";
 import { useUI } from "../../composables/useUI";
@@ -281,6 +282,20 @@ export default defineComponent({
     const { size: sizeButtonGroup, rounded } = useInjectButtonGroup({ ui, props });
     const { emitFormBlur, emitFormChange, inputId, color, size: sizeFormGroup, name } = useFormGroup(props, config);
     const size = computed(() => sizeButtonGroup.value ?? sizeFormGroup.value);
+    const by = computed(() => {
+      if (!props.by) return void 0;
+      if (typeof props.by === "function") {
+        return props.by;
+      }
+      const key = props.by;
+      const hasDot = key.indexOf(".");
+      if (hasDot > 0) {
+        return (a, z) => {
+          return accessor(a, key) === accessor(z, key);
+        };
+      }
+      return key;
+    });
     const internalQuery = ref("");
     const query = computed({
       get() {
@@ -292,11 +307,24 @@ export default defineComponent({
       }
     });
     const label = computed(() => {
-      if (!props.modelValue) {
-        return;
+      if (!props.modelValue) return null;
+      function getValue(value) {
+        if (props.valueAttribute) {
+          return accessor(value, props.valueAttribute);
+        }
+        return value;
+      }
+      function compareValues(value1, value2) {
+        if (by.value && typeof by.value !== "function" && typeof value1 === "object" && typeof value2 === "object") {
+          return isEqual(value1[props.by], value2[props.by]);
+        }
+        return isEqual(value1, value2);
       }
       if (props.valueAttribute) {
-        const option = options.value.find((option2) => option2[props.valueAttribute] === props.modelValue);
+        const option = options.value.find((option2) => {
+          const optionValue = getValue(option2);
+          return compareValues(optionValue, props.modelValue);
+        });
         return option ? accessor(option, props.optionAttribute) : null;
       } else {
         return ["string", "number"].includes(typeof props.modelValue) ? props.modelValue : accessor(props.modelValue, props.optionAttribute);
@@ -443,7 +471,9 @@ export default defineComponent({
       query,
       accessor,
       onUpdate,
-      onQueryChange
+      onQueryChange,
+      // eslint-disable-next-line vue/no-dupe-keys
+      by
     };
   }
 });

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

@@ -145,7 +145,7 @@ declare const configMenu: {
         };
         avatar: {
             base: string;
-            size: "2xs";
+            size: import("../../types/avatar").AvatarSize;
         };
         chip: {
             base: string;
@@ -467,7 +467,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             avatar: {
                 base: string;
-                size: "2xs";
+                size: import("../../types/avatar").AvatarSize;
             };
             chip: {
                 base: string;
@@ -523,6 +523,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     accessor: <T extends Record<string, any>>(obj: T, key: string) => any;
     onUpdate: (value: any) => void;
     onQueryChange: (event: any) => void;
+    by: import("vue").ComputedRef<string | ((a: any, z: any) => boolean)>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:modelValue" | "open" | "update:query")[], "change" | "close" | "update:modelValue" | "open" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<string | number | object | Array<any> | null>;
@@ -678,12 +679,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     size: InputSize;
     class: any;
     disabled: boolean;
-    search: (query: string) => Promise<any[]> | any[];
-    leading: boolean;
-    popper: PopperOptions;
-    color: InputColor;
-    variant: InputVariant;
-    query: string;
     ui: {
         wrapper?: string;
         base?: string;
@@ -797,6 +792,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    color: InputColor;
+    variant: InputVariant;
+    search: (query: string) => Promise<any[]> | any[];
+    leading: boolean;
+    popper: PopperOptions;
+    query: string;
     id: string;
     icon: string;
     options: string[] | {
@@ -856,7 +857,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             avatar: {
                 base: string;
-                size: "2xs";
+                size: import("../../types/avatar").AvatarSize;
             };
             chip: {
                 base: string;
@@ -1533,9 +1534,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         size: import("../../types/avatar").AvatarSize;
         class: any;
-        as: string | Record<string, any>;
-        text: string;
-        alt: string;
         ui: {
             wrapper?: string;
             background?: string;
@@ -1599,6 +1597,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
+        as: string | Record<string, any>;
+        text: string;
+        alt: string;
         icon: string;
         src: string | boolean;
         chipColor: import("../../types/avatar").AvatarChipColor;

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

@@ -156,8 +156,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     required: boolean;
     class: any;
     disabled: boolean;
-    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
-    label: string;
     ui: {
         wrapper?: string;
         container?: string;
@@ -179,6 +177,8 @@ 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;
     id: string;
     modelValue: string | number | boolean | object;
     value: string | number | boolean;

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

@@ -164,8 +164,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     name: string;
     class: any;
     disabled: boolean;
-    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
-    legend: string;
     ui: {
         wrapper?: string;
         fieldset?: string;
@@ -178,6 +176,8 @@ 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";
+    legend: string;
     options: unknown[];
     modelValue: string | number | boolean | object;
     optionAttribute: string;
@@ -374,8 +374,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: boolean;
         class: any;
         disabled: boolean;
-        color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
-        label: string;
         ui: {
             wrapper?: string;
             container?: string;
@@ -397,6 +395,8 @@ 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;
         id: string;
         modelValue: string | number | boolean | object;
         value: string | number | boolean;

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

@@ -257,8 +257,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     class: any;
     disabled: boolean;
     max: number;
-    step: number;
-    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
     ui: {
         wrapper?: string;
         base?: string;
@@ -326,6 +324,8 @@ 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";
+    step: number;
     id: string;
     modelValue: number;
     inputClass: string;

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

@@ -449,9 +449,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     size: SelectSize;
     class: any;
     disabled: boolean;
-    leading: boolean;
-    color: SelectColor;
-    variant: SelectVariant;
     ui: {
         form?: string;
         placeholder?: string;
@@ -566,6 +563,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    color: SelectColor;
+    variant: SelectVariant;
+    leading: boolean;
     id: string;
     icon: string;
     options: unknown[];

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

@@ -71,7 +71,7 @@
               v-slot="{ active, selected: optionSelected, disabled: optionDisabled }"
               :key="index"
               as="template"
-              :value="valueAttribute ? option[valueAttribute] : option"
+              :value="valueAttribute ? accessor(option, valueAttribute) : option"
               :disabled="option.disabled"
             >
               <li :class="[uiMenu.option.base, uiMenu.option.rounded, uiMenu.option.padding, uiMenu.option.size, uiMenu.option.color, active ? uiMenu.option.active : uiMenu.option.inactive, optionSelected && uiMenu.option.selected, optionDisabled && uiMenu.option.disabled]">
@@ -139,6 +139,7 @@ import {
 import { computedAsync, useDebounceFn } from "@vueuse/core";
 import { defu } from "defu";
 import { twMerge, twJoin } from "tailwind-merge";
+import { isEqual } from "ohash";
 import UIcon from "../elements/Icon.vue";
 import UAvatar from "../elements/Avatar.vue";
 import { useUI } from "../../composables/useUI";
@@ -337,6 +338,20 @@ export default defineComponent({
     const { ui: uiMenu } = useUI("selectMenu", toRef(props, "uiMenu"), configMenu);
     const popper = computed(() => defu({}, props.popper, uiMenu.value.popper));
     const [trigger, container] = usePopper(popper.value);
+    const by = computed(() => {
+      if (!props.by) return void 0;
+      if (typeof props.by === "function") {
+        return props.by;
+      }
+      const key = props.by;
+      const hasDot = key.indexOf(".");
+      if (hasDot > 0) {
+        return (a, z) => {
+          return accessor(a, key) === accessor(z, key);
+        };
+      }
+      return key;
+    });
     const { size: sizeButtonGroup, rounded } = useInjectButtonGroup({ ui, props });
     const { emitFormBlur, emitFormChange, inputId, color, size: sizeFormGroup, name } = useFormGroup(props, config);
     const size = computed(() => sizeButtonGroup.value ?? sizeFormGroup.value);
@@ -351,35 +366,41 @@ export default defineComponent({
       }
     });
     const selected = computed(() => {
-      if (props.multiple) {
-        if (!Array.isArray(props.modelValue) || !props.modelValue.length) {
-          return [];
+      function compareValues(value1, value2) {
+        if (by.value && typeof by.value !== "function" && typeof value1 === "object" && typeof value2 === "object") {
+          return isEqual(value1[by.value], value2[by.value]);
         }
+        return isEqual(value1, value2);
+      }
+      function getValue(value) {
         if (props.valueAttribute) {
-          return options.value.filter((option) => props.modelValue.includes(option[props.valueAttribute]));
+          return accessor(value, props.valueAttribute);
         }
-        return options.value.filter((option) => props.modelValue.includes(option));
+        return value;
       }
-      if (props.valueAttribute) {
-        return options.value.find((option) => option[props.valueAttribute] === props.modelValue);
+      if (props.multiple) {
+        const modelValue = props.modelValue;
+        if (!Array.isArray(modelValue) || !modelValue.length) {
+          return [];
+        }
+        return options.value.filter((option) => {
+          const optionValue = getValue(option);
+          return modelValue.some((value) => compareValues(value, optionValue));
+        });
       }
-      return options.value.find((option) => option === props.modelValue);
+      return options.value.find((option) => {
+        const optionValue = getValue(option);
+        return compareValues(optionValue, toRaw(props.modelValue));
+      }) ?? props.modelValue;
     });
     const label = computed(() => {
-      if (props.multiple) {
-        if (Array.isArray(props.modelValue) && props.modelValue.length) {
-          return `${selected.value.length} selected`;
-        } else {
-          return null;
-        }
-      } else if (props.modelValue !== void 0 && props.modelValue !== null) {
-        if (props.valueAttribute) {
-          return accessor(selected.value, props.optionAttribute) ?? null;
-        } else {
-          return ["string", "number"].includes(typeof props.modelValue) ? props.modelValue : accessor(props.modelValue, props.optionAttribute);
-        }
+      if (!props.modelValue) return null;
+      if (Array.isArray(props.modelValue) && props.modelValue.length) {
+        return `${props.modelValue.length} selected`;
+      } else if (["string", "number"].includes(typeof props.modelValue)) {
+        return props.valueAttribute ? accessor(selected.value, props.optionAttribute) : props.modelValue;
       }
-      return null;
+      return accessor(props.modelValue, props.optionAttribute);
     });
     const selectClass = computed(() => {
       const variant = ui.value.color?.[color.value]?.[props.variant] || ui.value.variant[props.variant];
@@ -550,7 +571,9 @@ export default defineComponent({
       // eslint-disable-next-line vue/no-dupe-keys
       query,
       onUpdate,
-      onQueryChange
+      onQueryChange,
+      // eslint-disable-next-line vue/no-dupe-keys
+      by
     };
   }
 });

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

@@ -140,7 +140,7 @@ declare const configMenu: {
         };
         avatar: {
             base: string;
-            size: "2xs";
+            size: import("../../types/avatar").AvatarSize;
         };
         chip: {
             base: string;
@@ -488,7 +488,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             avatar: {
                 base: string;
-                size: "2xs";
+                size: import("../../types/avatar").AvatarSize;
             };
             chip: {
                 base: string;
@@ -563,6 +563,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     query: import("vue").WritableComputedRef<string, string>;
     onUpdate: (value: any) => void;
     onQueryChange: (event: any) => void;
+    by: import("vue").ComputedRef<string | ((a: any, z: any) => boolean)>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:modelValue" | "open" | "update:query")[], "change" | "close" | "update:modelValue" | "open" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<string | number | object | Array<any> | boolean | null>;
@@ -734,11 +735,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     size: SelectSize;
     class: any;
     disabled: boolean;
-    leading: boolean;
-    popper: PopperOptions;
-    color: SelectColor;
-    variant: SelectVariant;
-    query: string;
     ui: {
         form?: string;
         placeholder?: string;
@@ -853,6 +849,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    color: SelectColor;
+    variant: SelectVariant;
+    leading: boolean;
+    popper: PopperOptions;
+    query: string;
     id: string;
     icon: string;
     options: string[] | {
@@ -904,7 +905,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             avatar: {
                 base: string;
-                size: "2xs";
+                size: import("../../types/avatar").AvatarSize;
             };
             chip: {
                 base: string;
@@ -1803,9 +1804,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         size: import("../../types/avatar").AvatarSize;
         class: any;
-        as: string | Record<string, any>;
-        text: string;
-        alt: string;
         ui: {
             wrapper?: string;
             background?: string;
@@ -1869,6 +1867,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         } & {
             strategy?: Strategy;
         };
+        as: string | Record<string, any>;
+        text: string;
+        alt: string;
         icon: string;
         src: string | boolean;
         chipColor: import("../../types/avatar").AvatarChipColor;

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

@@ -419,9 +419,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     size: TextareaSize;
     class: any;
     disabled: boolean;
-    resize: boolean;
-    color: TextareaColor;
-    variant: TextareaVariant;
     ui: {
         form?: string;
         default?: DeepPartial<{
@@ -534,6 +531,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } & {
         strategy?: Strategy;
     };
+    color: TextareaColor;
+    variant: TextareaVariant;
+    resize: boolean;
     id: string;
     modelValue: string | number;
     padded: boolean;