vuetify 3.5.8 → 3.5.10

package/lib/components/VFooter/index.d.mts

@@ -23,9 +23,9 @@ declare const VFooter: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -48,9 +48,9 @@ declare const VFooter: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -93,9 +93,9 @@ declare const VFooter: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -131,9 +131,9 @@ declare const VFooter: {
     theme?: string | undefined;
     rounded?: string | number | boolean | undefined;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+    $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
-    };
+    } | (() => vue.VNodeChild);
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;

package/lib/components/VGrid/index.d.mts

@@ -13,9 +13,9 @@ declare const VContainer: {
     } & {
         class?: any;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -28,9 +28,9 @@ declare const VContainer: {
     } & {
         class?: any;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -58,9 +58,9 @@ declare const VContainer: {
     } & {
         class?: any;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -81,9 +81,9 @@ declare const VContainer: {
 } & {
     class?: any;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+    $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
-    };
+    } | (() => vue.VNodeChild);
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -154,9 +154,9 @@ declare const VCol: {
         orderXl?: string | number | undefined;
         orderXxl?: string | number | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -189,9 +189,9 @@ declare const VCol: {
         orderXl?: string | number | undefined;
         orderXxl?: string | number | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -240,9 +240,9 @@ declare const VCol: {
         orderXl?: string | number | undefined;
         orderXxl?: string | number | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -286,9 +286,9 @@ declare const VCol: {
     orderXl?: string | number | undefined;
     orderXxl?: string | number | undefined;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+    $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
-    };
+    } | (() => vue.VNodeChild);
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -421,9 +421,9 @@ declare const VRow: {
         alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
         alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -457,9 +457,9 @@ declare const VRow: {
         alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
         alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -510,9 +510,9 @@ declare const VRow: {
         alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
         alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -558,9 +558,9 @@ declare const VRow: {
     alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
     alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+    $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
-    };
+    } | (() => vue.VNodeChild);
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -674,9 +674,9 @@ declare const VSpacer: {
     } & {
         class?: any;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -690,9 +690,9 @@ declare const VSpacer: {
     } & {
         class?: any;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -718,9 +718,9 @@ declare const VSpacer: {
     } & {
         class?: any;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -741,9 +741,9 @@ declare const VSpacer: {
 } & {
     class?: any;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+    $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
-    };
+    } | (() => vue.VNodeChild);
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;

package/lib/components/VIcon/VIcon.css

@@ -18,6 +18,10 @@
 .v-icon--clickable {
   cursor: pointer;
 }
+.v-icon--disabled {
+  pointer-events: none;
+  opacity: 0.38;
+}
 .v-icon--size-x-small {
   font-size: calc(var(--v-icon-size-multiplier) * 1em);
 }

package/lib/components/VIcon/VIcon.mjs

@@ -13,6 +13,7 @@ import { computed, ref, Text, toRef } from 'vue';
 import { convertToUnit, flattenFragments, genericComponent, propsFactory, useRender } from "../../util/index.mjs";
 export const makeVIconProps = propsFactory({
   color: String,
+  disabled: Boolean,
   start: Boolean,
   end: Boolean,
   icon: IconValue,
@@ -50,11 +51,13 @@ export const VIcon = genericComponent()({
       if (slotValue) {
         slotIcon.value = flattenFragments(slotValue).filter(node => node.type === Text && node.children && typeof node.children === 'string')[0]?.children;
       }
+      const hasClick = !!(attrs.onClick || attrs.onClickOnce);
       return _createVNode(iconData.value.component, {
         "tag": props.tag,
         "icon": iconData.value.icon,
         "class": ['v-icon', 'notranslate', themeClasses.value, sizeClasses.value, textColorClasses.value, {
-          'v-icon--clickable': !!attrs.onClick,
+          'v-icon--clickable': hasClick,
+          'v-icon--disabled': props.disabled,
           'v-icon--start': props.start,
           'v-icon--end': props.end
         }, props.class],
@@ -63,8 +66,9 @@ export const VIcon = genericComponent()({
           height: convertToUnit(props.size),
           width: convertToUnit(props.size)
         } : undefined, textColorStyles.value, props.style],
-        "role": attrs.onClick ? 'button' : undefined,
-        "aria-hidden": !attrs.onClick
+        "role": hasClick ? 'button' : undefined,
+        "aria-hidden": !hasClick,
+        "tabindex": hasClick ? props.disabled ? -1 : 0 : undefined
       }, {
         default: () => [slotValue]
       });

package/lib/components/VIcon/VIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VIcon.mjs","names":["useTextColor","makeComponentProps","IconValue","useIcon","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","computed","ref","Text","toRef","convertToUnit","flattenFragments","genericComponent","propsFactory","useRender","makeVIconProps","color","String","start","Boolean","end","icon","tag","VIcon","name","props","setup","_ref","attrs","slots","slotIcon","themeClasses","iconData","value","sizeClasses","textColorClasses","textColorStyles","slotValue","default","filter","node","type","children","_createVNode","component","onClick","class","fontSize","size","height","width","undefined","style"],"sources":["../../../src/components/VIcon/VIcon.tsx"],"sourcesContent":["// Styles\nimport './VIcon.sass'\n\n// Composables\nimport { useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { IconValue, useIcon } from '@/composables/icons'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, ref, Text, toRef } from 'vue'\nimport { convertToUnit, flattenFragments, genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVIconProps = propsFactory({\n  color: String,\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n\n  ...makeComponentProps(),\n  ...makeSizeProps(),\n  ...makeTagProps({ tag: 'i' }),\n  ...makeThemeProps(),\n}, 'VIcon')\n\nexport const VIcon = genericComponent()({\n  name: 'VIcon',\n\n  props: makeVIconProps(),\n\n  setup (props, { attrs, slots }) {\n    const slotIcon = ref<string>()\n\n    const { themeClasses } = provideTheme(props)\n    const { iconData } = useIcon(computed(() => slotIcon.value || props.icon))\n    const { sizeClasses } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    useRender(() => {\n      const slotValue = slots.default?.()\n      if (slotValue) {\n        slotIcon.value = flattenFragments(slotValue).filter(node =>\n          node.type === Text && node.children && typeof node.children === 'string'\n        )[0]?.children as string\n      }\n\n      return (\n        <iconData.value.component\n          tag={ props.tag }\n          icon={ iconData.value.icon }\n          class={[\n            'v-icon',\n            'notranslate',\n            themeClasses.value,\n            sizeClasses.value,\n            textColorClasses.value,\n            {\n              'v-icon--clickable': !!attrs.onClick,\n              'v-icon--start': props.start,\n              'v-icon--end': props.end,\n            },\n            props.class,\n          ]}\n          style={[\n            !sizeClasses.value ? ({\n              fontSize: convertToUnit(props.size),\n              height: convertToUnit(props.size),\n              width: convertToUnit(props.size),\n            }) : undefined,\n            textColorStyles.value,\n            props.style,\n          ]}\n          role={ attrs.onClick ? 'button' : undefined }\n          aria-hidden={ !attrs.onClick }\n        >\n          { slotValue }\n        </iconData.value.component>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VIcon = InstanceType<typeof VIcon>\n"],"mappings":"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"}
+{"version":3,"file":"VIcon.mjs","names":["useTextColor","makeComponentProps","IconValue","useIcon","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","computed","ref","Text","toRef","convertToUnit","flattenFragments","genericComponent","propsFactory","useRender","makeVIconProps","color","String","disabled","Boolean","start","end","icon","tag","VIcon","name","props","setup","_ref","attrs","slots","slotIcon","themeClasses","iconData","value","sizeClasses","textColorClasses","textColorStyles","slotValue","default","filter","node","type","children","hasClick","onClick","onClickOnce","_createVNode","component","class","fontSize","size","height","width","undefined","style"],"sources":["../../../src/components/VIcon/VIcon.tsx"],"sourcesContent":["// Styles\nimport './VIcon.sass'\n\n// Composables\nimport { useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { IconValue, useIcon } from '@/composables/icons'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, ref, Text, toRef } from 'vue'\nimport { convertToUnit, flattenFragments, genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVIconProps = propsFactory({\n  color: String,\n  disabled: Boolean,\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n\n  ...makeComponentProps(),\n  ...makeSizeProps(),\n  ...makeTagProps({ tag: 'i' }),\n  ...makeThemeProps(),\n}, 'VIcon')\n\nexport const VIcon = genericComponent()({\n  name: 'VIcon',\n\n  props: makeVIconProps(),\n\n  setup (props, { attrs, slots }) {\n    const slotIcon = ref<string>()\n\n    const { themeClasses } = provideTheme(props)\n    const { iconData } = useIcon(computed(() => slotIcon.value || props.icon))\n    const { sizeClasses } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    useRender(() => {\n      const slotValue = slots.default?.()\n      if (slotValue) {\n        slotIcon.value = flattenFragments(slotValue).filter(node =>\n          node.type === Text && node.children && typeof node.children === 'string'\n        )[0]?.children as string\n      }\n      const hasClick = !!(attrs.onClick || attrs.onClickOnce)\n\n      return (\n        <iconData.value.component\n          tag={ props.tag }\n          icon={ iconData.value.icon }\n          class={[\n            'v-icon',\n            'notranslate',\n            themeClasses.value,\n            sizeClasses.value,\n            textColorClasses.value,\n            {\n              'v-icon--clickable': hasClick,\n              'v-icon--disabled': props.disabled,\n              'v-icon--start': props.start,\n              'v-icon--end': props.end,\n            },\n            props.class,\n          ]}\n          style={[\n            !sizeClasses.value ? ({\n              fontSize: convertToUnit(props.size),\n              height: convertToUnit(props.size),\n              width: convertToUnit(props.size),\n            }) : undefined,\n            textColorStyles.value,\n            props.style,\n          ]}\n          role={ hasClick ? 'button' : undefined }\n          aria-hidden={ !hasClick }\n          tabindex={ hasClick ? props.disabled ? -1 : 0 : undefined }\n        >\n          { slotValue }\n        </iconData.value.component>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VIcon = InstanceType<typeof VIcon>\n"],"mappings":"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"}

package/lib/components/VIcon/VIcon.sass

@@ -22,6 +22,10 @@
   &--clickable
     cursor: pointer
 
+  &--disabled
+    pointer-events: none
+    opacity: $icon-disabled-opacity
+
   @each $name in settings.$sizes
     &--size-#{$name}
       font-size: calc(var(--v-icon-size-multiplier) * #{map.get($icon-sizes, $name)})

package/lib/components/VIcon/_variables.scss

@@ -3,6 +3,7 @@
 @use '../../styles/tools';
 
 // VIcon
+$icon-disabled-opacity: 0.38 !default;
 $icon-left-margin-left: map.get(settings.$grid-gutters, 'md') !default;
 $icon-letter-spacing: normal !default;
 $icon-line-height: 1 !default;

package/lib/components/VIcon/index.d.mts

@@ -13,9 +13,9 @@ declare const VComponentIcon: {
     } & {
         icon?: IconValue | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -26,9 +26,9 @@ declare const VComponentIcon: {
     } & {
         icon?: IconValue | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -50,9 +50,9 @@ declare const VComponentIcon: {
     } & {
         icon?: IconValue | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -67,9 +67,9 @@ declare const VComponentIcon: {
 } & {
     icon?: IconValue | undefined;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+    $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
-    };
+    } | (() => vue.VNodeChild);
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -289,6 +289,7 @@ declare const VIcon: {
         end: boolean;
         start: boolean;
         style: vue.StyleValue;
+        disabled: boolean;
         size: string | number;
         tag: string;
     } & {
@@ -297,9 +298,9 @@ declare const VIcon: {
         icon?: IconValue | undefined;
         theme?: string | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -309,6 +310,7 @@ declare const VIcon: {
         end: boolean;
         start: boolean;
         style: vue.StyleValue;
+        disabled: boolean;
         size: string | number;
         tag: string;
     } & {
@@ -317,9 +319,9 @@ declare const VIcon: {
         icon?: IconValue | undefined;
         theme?: string | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -329,6 +331,7 @@ declare const VIcon: {
         end: boolean;
         start: boolean;
         style: vue.StyleValue;
+        disabled: boolean;
         size: string | number;
         tag: string;
     }, true, {}, vue.SlotsType<Partial<{
@@ -346,6 +349,7 @@ declare const VIcon: {
         end: boolean;
         start: boolean;
         style: vue.StyleValue;
+        disabled: boolean;
         size: string | number;
         tag: string;
     } & {
@@ -354,9 +358,9 @@ declare const VIcon: {
         icon?: IconValue | undefined;
         theme?: string | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -366,6 +370,7 @@ declare const VIcon: {
         end: boolean;
         start: boolean;
         style: vue.StyleValue;
+        disabled: boolean;
         size: string | number;
         tag: string;
     }>;
@@ -376,6 +381,7 @@ declare const VIcon: {
     end: boolean;
     start: boolean;
     style: vue.StyleValue;
+    disabled: boolean;
     size: string | number;
     tag: string;
 } & {
@@ -384,9 +390,9 @@ declare const VIcon: {
     icon?: IconValue | undefined;
     theme?: string | undefined;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+    $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
-    };
+    } | (() => vue.VNodeChild);
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -396,6 +402,7 @@ declare const VIcon: {
     end: boolean;
     start: boolean;
     style: vue.StyleValue;
+    disabled: boolean;
     size: string | number;
     tag: string;
 }, {}, string, vue.SlotsType<Partial<{
@@ -421,6 +428,7 @@ declare const VIcon: {
         default: null;
     };
     color: StringConstructor;
+    disabled: BooleanConstructor;
     start: BooleanConstructor;
     end: BooleanConstructor;
     icon: vue.PropType<IconValue>;
@@ -443,6 +451,7 @@ declare const VIcon: {
         default: null;
     };
     color: StringConstructor;
+    disabled: BooleanConstructor;
     start: BooleanConstructor;
     end: BooleanConstructor;
     icon: vue.PropType<IconValue>;

package/lib/components/VImg/index.d.mts

@@ -40,8 +40,8 @@ declare const VImg: {
         crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
         sizes?: string | undefined;
         srcset?: string | undefined;
-        contentClass?: string | undefined;
         rounded?: string | number | boolean | undefined;
+        contentClass?: string | undefined;
         gradient?: string | undefined;
         lazySrc?: string | undefined;
     } & {
@@ -104,8 +104,8 @@ declare const VImg: {
         crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
         sizes?: string | undefined;
         srcset?: string | undefined;
-        contentClass?: string | undefined;
         rounded?: string | number | boolean | undefined;
+        contentClass?: string | undefined;
         gradient?: string | undefined;
         lazySrc?: string | undefined;
     } & {
@@ -191,8 +191,8 @@ declare const VImg: {
         crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
         sizes?: string | undefined;
         srcset?: string | undefined;
-        contentClass?: string | undefined;
         rounded?: string | number | boolean | undefined;
+        contentClass?: string | undefined;
         gradient?: string | undefined;
         lazySrc?: string | undefined;
     } & {
@@ -268,8 +268,8 @@ declare const VImg: {
     crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
     sizes?: string | undefined;
     srcset?: string | undefined;
-    contentClass?: string | undefined;
     rounded?: string | number | boolean | undefined;
+    contentClass?: string | undefined;
     gradient?: string | undefined;
     lazySrc?: string | undefined;
 } & {