@vuetify/nightly 3.7.16-dev.2025-03-12 → 3.7.16-dev.2025-03-14

package/lib/components/VTabs/VTab.d.ts

@@ -46,7 +46,7 @@ export declare const makeVTabProps: <Defaults extends {
         default: unknown extends Defaults["replace"] ? boolean : boolean | Defaults["replace"];
     };
     variant: unknown extends Defaults["variant"] ? Omit<Omit<{
-        type: PropType<import("../../composables/variant").Variant>;
+        type: PropType<import("../../composables/variant.js").Variant>;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
@@ -56,7 +56,7 @@ export declare const makeVTabProps: <Defaults extends {
         type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     } : Omit<Omit<Omit<{
-        type: PropType<import("../../composables/variant").Variant>;
+        type: PropType<import("../../composables/variant.js").Variant>;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
@@ -160,28 +160,28 @@ export declare const makeVTabProps: <Defaults extends {
         default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"];
     };
     tag: unknown extends Defaults["tag"] ? Omit<{
-        type: PropType<string | import("../../util").JSXComponent>;
+        type: PropType<string | import("../../util/index.js").JSXComponent>;
         default: string;
     }, "type" | "default"> & {
-        type: PropType<string | import("../../util").JSXComponent>;
-        default: NonNullable<string | import("../../util").JSXComponent>;
+        type: PropType<string | import("../../util/index.js").JSXComponent>;
+        default: NonNullable<string | import("../../util/index.js").JSXComponent>;
     } : Omit<Omit<{
-        type: PropType<string | import("../../util").JSXComponent>;
+        type: PropType<string | import("../../util/index.js").JSXComponent>;
         default: string;
     }, "type" | "default"> & {
-        type: PropType<string | import("../../util").JSXComponent>;
-        default: NonNullable<string | import("../../util").JSXComponent>;
+        type: PropType<string | import("../../util/index.js").JSXComponent>;
+        default: NonNullable<string | import("../../util/index.js").JSXComponent>;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["tag"] ? string | import("../../util").JSXComponent : string | import("../../util").JSXComponent | Defaults["tag"]>;
-        default: unknown extends Defaults["tag"] ? string | import("../../util").JSXComponent : NonNullable<string | import("../../util").JSXComponent> | Defaults["tag"];
+        type: PropType<unknown extends Defaults["tag"] ? string | import("../../util/index.js").JSXComponent : string | import("../../util/index.js").JSXComponent | Defaults["tag"]>;
+        default: unknown extends Defaults["tag"] ? string | import("../../util/index.js").JSXComponent : NonNullable<string | import("../../util/index.js").JSXComponent> | Defaults["tag"];
     };
     to: unknown extends Defaults["to"] ? PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric> : {
         type: PropType<unknown extends Defaults["to"] ? string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric : string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | Defaults["to"]>;
         default: unknown extends Defaults["to"] ? string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric : NonNullable<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric> | Defaults["to"];
     };
-    icon: unknown extends Defaults["icon"] ? PropType<boolean | import("../../composables/icons").IconValue> : {
-        type: PropType<unknown extends Defaults["icon"] ? boolean | import("../../composables/icons").IconValue : boolean | import("../../composables/icons").IconValue | Defaults["icon"]>;
-        default: unknown extends Defaults["icon"] ? boolean | import("../../composables/icons").IconValue : NonNullable<boolean | import("../../composables/icons").IconValue> | Defaults["icon"];
+    icon: unknown extends Defaults["icon"] ? PropType<boolean | import("../../composables/icons.js").IconValue> : {
+        type: PropType<unknown extends Defaults["icon"] ? boolean | import("../../composables/icons.js").IconValue : boolean | import("../../composables/icons.js").IconValue | Defaults["icon"]>;
+        default: unknown extends Defaults["icon"] ? boolean | import("../../composables/icons.js").IconValue : NonNullable<boolean | import("../../composables/icons.js").IconValue> | Defaults["icon"];
     };
     href: unknown extends Defaults["href"] ? StringConstructor : {
         type: PropType<unknown extends Defaults["href"] ? string : string | Defaults["href"]>;
@@ -212,16 +212,16 @@ export declare const makeVTabProps: <Defaults extends {
         default: unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"];
     };
     density: unknown extends Defaults["density"] ? {
-        type: PropType<import("../../composables/density").Density>;
+        type: PropType<import("../../composables/density.js").Density>;
         default: string;
         validator: (v: any) => boolean;
     } : Omit<{
-        type: PropType<import("../../composables/density").Density>;
+        type: PropType<import("../../composables/density.js").Density>;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["density"] ? import("../../composables/density").Density : import("../../composables/density").Density | Defaults["density"]>;
-        default: unknown extends Defaults["density"] ? import("../../composables/density").Density : NonNullable<import("../../composables/density").Density> | Defaults["density"];
+        type: PropType<unknown extends Defaults["density"] ? import("../../composables/density.js").Density : import("../../composables/density.js").Density | Defaults["density"]>;
+        default: unknown extends Defaults["density"] ? import("../../composables/density.js").Density : NonNullable<import("../../composables/density.js").Density> | Defaults["density"];
     };
     baseColor: unknown extends Defaults["baseColor"] ? StringConstructor : {
         type: PropType<unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"]>;
@@ -241,13 +241,13 @@ export declare const makeVTabProps: <Defaults extends {
         type: PropType<unknown extends Defaults["activeColor"] ? string : string | Defaults["activeColor"]>;
         default: unknown extends Defaults["activeColor"] ? string : string | Defaults["activeColor"];
     };
-    prependIcon: unknown extends Defaults["prependIcon"] ? PropType<import("../../composables/icons").IconValue> : {
-        type: PropType<unknown extends Defaults["prependIcon"] ? import("../../composables/icons").IconValue : import("../../composables/icons").IconValue | Defaults["prependIcon"]>;
-        default: unknown extends Defaults["prependIcon"] ? import("../../composables/icons").IconValue : NonNullable<import("../../composables/icons").IconValue> | Defaults["prependIcon"];
+    prependIcon: unknown extends Defaults["prependIcon"] ? PropType<import("../../composables/icons.js").IconValue> : {
+        type: PropType<unknown extends Defaults["prependIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["prependIcon"]>;
+        default: unknown extends Defaults["prependIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["prependIcon"];
     };
-    appendIcon: unknown extends Defaults["appendIcon"] ? PropType<import("../../composables/icons").IconValue> : {
-        type: PropType<unknown extends Defaults["appendIcon"] ? import("../../composables/icons").IconValue : import("../../composables/icons").IconValue | Defaults["appendIcon"]>;
-        default: unknown extends Defaults["appendIcon"] ? import("../../composables/icons").IconValue : NonNullable<import("../../composables/icons").IconValue> | Defaults["appendIcon"];
+    appendIcon: unknown extends Defaults["appendIcon"] ? PropType<import("../../composables/icons.js").IconValue> : {
+        type: PropType<unknown extends Defaults["appendIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["appendIcon"]>;
+        default: unknown extends Defaults["appendIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["appendIcon"];
     };
     slim: unknown extends Defaults["slim"] ? BooleanConstructor : {
         type: PropType<unknown extends Defaults["slim"] ? boolean : boolean | Defaults["slim"]>;
@@ -258,10 +258,10 @@ export declare const makeVTabProps: <Defaults extends {
         default: unknown extends Defaults["stacked"] ? boolean : boolean | Defaults["stacked"];
     };
     ripple: unknown extends Defaults["ripple"] ? {
-        type: PropType<import("../../directives/ripple").RippleDirectiveBinding["value"]>;
+        type: PropType<import("../../directives/ripple/index.js").RippleDirectiveBinding["value"]>;
         default: boolean;
     } : Omit<{
-        type: PropType<import("../../directives/ripple").RippleDirectiveBinding["value"]>;
+        type: PropType<import("../../directives/ripple/index.js").RippleDirectiveBinding["value"]>;
         default: boolean;
     }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["ripple"] ? boolean | {
@@ -309,9 +309,9 @@ export declare const VTab: {
         disabled: boolean;
         size: string | number;
         readonly: boolean;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         tile: boolean;
-        density: import("../../composables/density").Density;
+        density: import("../../composables/density.js").Density;
         selectedClass: string;
         slim: boolean;
         stacked: boolean;
@@ -334,14 +334,14 @@ export declare const VTab: {
         class?: any;
         theme?: string | undefined;
         to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
-        icon?: boolean | import("../../composables/icons").IconValue | undefined;
+        icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         activeColor?: string | undefined;
-        prependIcon?: import("../../composables/icons").IconValue | undefined;
-        appendIcon?: import("../../composables/icons").IconValue | undefined;
+        prependIcon?: import("../../composables/icons.js").IconValue | undefined;
+        appendIcon?: import("../../composables/icons.js").IconValue | undefined;
         sliderColor?: string | undefined;
     } & {
         $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
@@ -377,10 +377,10 @@ export declare const VTab: {
             disabled: boolean;
             size: string | number;
             readonly: boolean;
-            tag: string | import("../../util").JSXComponent;
+            tag: string | import("../../util/index.js").JSXComponent;
             rounded: string | number | boolean;
             tile: boolean;
-            density: import("../../composables/density").Density;
+            density: import("../../composables/density.js").Density;
             slim: boolean;
             stacked: boolean;
             ripple: boolean | {
@@ -397,15 +397,15 @@ export declare const VTab: {
             disabled: boolean;
             size: string | number;
             readonly: boolean;
-            tag: string | import("../../util").JSXComponent;
+            tag: string | import("../../util/index.js").JSXComponent;
             tile: boolean;
-            density: import("../../composables/density").Density;
+            density: import("../../composables/density.js").Density;
             slim: boolean;
             stacked: boolean;
             ripple: boolean | {
                 class: string;
             } | undefined;
-            location?: import("../../util").Anchor | null | undefined;
+            location?: import("../../util/index.js").Anchor | null | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
             active?: boolean | undefined;
@@ -422,15 +422,15 @@ export declare const VTab: {
             class?: any;
             theme?: string | undefined;
             to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
-            icon?: boolean | import("../../composables/icons").IconValue | undefined;
+            icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
             href?: string | undefined;
             elevation?: string | number | undefined;
             rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             selectedClass?: string | undefined;
             activeColor?: string | undefined;
-            prependIcon?: import("../../composables/icons").IconValue | undefined;
-            appendIcon?: import("../../composables/icons").IconValue | undefined;
+            prependIcon?: import("../../composables/icons.js").IconValue | undefined;
+            appendIcon?: import("../../composables/icons.js").IconValue | undefined;
             $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
                 default?: (() => import("vue").VNodeChild) | undefined;
                 prepend?: (() => import("vue").VNodeChild) | undefined;
@@ -481,16 +481,16 @@ export declare const VTab: {
             disabled: boolean;
             size: string | number;
             readonly: boolean;
-            tag: string | import("../../util").JSXComponent;
+            tag: string | import("../../util/index.js").JSXComponent;
             tile: boolean;
-            density: import("../../composables/density").Density;
+            density: import("../../composables/density.js").Density;
             slim: boolean;
             stacked: boolean;
             ripple: boolean | {
                 class: string;
             } | undefined;
         } & {
-            location?: import("../../util").Anchor | null | undefined;
+            location?: import("../../util/index.js").Anchor | null | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
             active?: boolean | undefined;
@@ -507,15 +507,15 @@ export declare const VTab: {
             class?: any;
             theme?: string | undefined;
             to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
-            icon?: boolean | import("../../composables/icons").IconValue | undefined;
+            icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
             href?: string | undefined;
             elevation?: string | number | undefined;
             rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             selectedClass?: string | undefined;
             activeColor?: string | undefined;
-            prependIcon?: import("../../composables/icons").IconValue | undefined;
-            appendIcon?: import("../../composables/icons").IconValue | undefined;
+            prependIcon?: import("../../composables/icons.js").IconValue | undefined;
+            appendIcon?: import("../../composables/icons.js").IconValue | undefined;
         } & {
             $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
                 default?: (() => import("vue").VNodeChild) | undefined;
@@ -539,7 +539,7 @@ export declare const VTab: {
                 value: boolean;
             }) => any) | undefined;
         }, {
-            group: import("../../composables/group").GroupItemProvide | null;
+            group: import("../../composables/group.js").GroupItemProvide | null;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'group:selected': (val: {
                 value: boolean;
@@ -557,10 +557,10 @@ export declare const VTab: {
             disabled: boolean;
             size: string | number;
             readonly: boolean;
-            tag: string | import("../../util").JSXComponent;
+            tag: string | import("../../util/index.js").JSXComponent;
             rounded: string | number | boolean;
             tile: boolean;
-            density: import("../../composables/density").Density;
+            density: import("../../composables/density.js").Density;
             slim: boolean;
             stacked: boolean;
             ripple: boolean | {
@@ -604,10 +604,10 @@ export declare const VTab: {
         disabled: boolean;
         size: string | number;
         readonly: boolean;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         rounded: string | number | boolean;
         tile: boolean;
-        density: import("../../composables/density").Density;
+        density: import("../../composables/density.js").Density;
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -624,16 +624,16 @@ export declare const VTab: {
         disabled: boolean;
         size: string | number;
         readonly: boolean;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         tile: boolean;
-        density: import("../../composables/density").Density;
+        density: import("../../composables/density.js").Density;
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
             class: string;
         } | undefined;
     } & {
-        location?: import("../../util").Anchor | null | undefined;
+        location?: import("../../util/index.js").Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         active?: boolean | undefined;
@@ -650,15 +650,15 @@ export declare const VTab: {
         class?: any;
         theme?: string | undefined;
         to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
-        icon?: boolean | import("../../composables/icons").IconValue | undefined;
+        icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
         activeColor?: string | undefined;
-        prependIcon?: import("../../composables/icons").IconValue | undefined;
-        appendIcon?: import("../../composables/icons").IconValue | undefined;
+        prependIcon?: import("../../composables/icons.js").IconValue | undefined;
+        appendIcon?: import("../../composables/icons.js").IconValue | undefined;
     } & {
         $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
             default?: (() => import("vue").VNodeChild) | undefined;
@@ -682,10 +682,10 @@ export declare const VTab: {
             value: boolean;
         }) => any) | undefined;
     }, "group" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple")> & import("vue").ShallowUnwrapRef<{
-        group: import("../../composables/group").GroupItemProvide | null;
+        group: import("../../composables/group.js").GroupItemProvide | null;
     }> & {} & import("vue").ComponentCustomProperties & {}, "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "class" | "theme" | "to" | "icon" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | keyof import("vue").VNodeProps | "v-slot:prepend" | "v-slot:append" | "baseColor" | "selectedClass" | "onGroup:selected" | "activeColor" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`> & {
         _allExposed: {
-            group: import("../../composables/group").GroupItemProvide | null;
+            group: import("../../composables/group.js").GroupItemProvide | null;
         } | {};
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
         replace: boolean;
@@ -698,10 +698,10 @@ export declare const VTab: {
         disabled: boolean;
         size: string | number;
         readonly: boolean;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         rounded: string | number | boolean;
         tile: boolean;
-        density: import("../../composables/density").Density;
+        density: import("../../composables/density.js").Density;
         selectedClass: string;
         slim: boolean;
         stacked: boolean;
@@ -731,9 +731,9 @@ export declare const VTab: {
         disabled: boolean;
         size: string | number;
         readonly: boolean;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         tile: boolean;
-        density: import("../../composables/density").Density;
+        density: import("../../composables/density.js").Density;
         selectedClass: string;
         slim: boolean;
         stacked: boolean;
@@ -756,14 +756,14 @@ export declare const VTab: {
         class?: any;
         theme?: string | undefined;
         to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
-        icon?: boolean | import("../../composables/icons").IconValue | undefined;
+        icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         activeColor?: string | undefined;
-        prependIcon?: import("../../composables/icons").IconValue | undefined;
-        appendIcon?: import("../../composables/icons").IconValue | undefined;
+        prependIcon?: import("../../composables/icons.js").IconValue | undefined;
+        appendIcon?: import("../../composables/icons.js").IconValue | undefined;
         sliderColor?: string | undefined;
     } & {
         $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
@@ -799,10 +799,10 @@ export declare const VTab: {
             disabled: boolean;
             size: string | number;
             readonly: boolean;
-            tag: string | import("../../util").JSXComponent;
+            tag: string | import("../../util/index.js").JSXComponent;
             rounded: string | number | boolean;
             tile: boolean;
-            density: import("../../composables/density").Density;
+            density: import("../../composables/density.js").Density;
             slim: boolean;
             stacked: boolean;
             ripple: boolean | {
@@ -819,15 +819,15 @@ export declare const VTab: {
             disabled: boolean;
             size: string | number;
             readonly: boolean;
-            tag: string | import("../../util").JSXComponent;
+            tag: string | import("../../util/index.js").JSXComponent;
             tile: boolean;
-            density: import("../../composables/density").Density;
+            density: import("../../composables/density.js").Density;
             slim: boolean;
             stacked: boolean;
             ripple: boolean | {
                 class: string;
             } | undefined;
-            location?: import("../../util").Anchor | null | undefined;
+            location?: import("../../util/index.js").Anchor | null | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
             active?: boolean | undefined;
@@ -844,15 +844,15 @@ export declare const VTab: {
             class?: any;
             theme?: string | undefined;
             to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
-            icon?: boolean | import("../../composables/icons").IconValue | undefined;
+            icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
             href?: string | undefined;
             elevation?: string | number | undefined;
             rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             selectedClass?: string | undefined;
             activeColor?: string | undefined;
-            prependIcon?: import("../../composables/icons").IconValue | undefined;
-            appendIcon?: import("../../composables/icons").IconValue | undefined;
+            prependIcon?: import("../../composables/icons.js").IconValue | undefined;
+            appendIcon?: import("../../composables/icons.js").IconValue | undefined;
             $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
                 default?: (() => import("vue").VNodeChild) | undefined;
                 prepend?: (() => import("vue").VNodeChild) | undefined;
@@ -903,16 +903,16 @@ export declare const VTab: {
             disabled: boolean;
             size: string | number;
             readonly: boolean;
-            tag: string | import("../../util").JSXComponent;
+            tag: string | import("../../util/index.js").JSXComponent;
             tile: boolean;
-            density: import("../../composables/density").Density;
+            density: import("../../composables/density.js").Density;
             slim: boolean;
             stacked: boolean;
             ripple: boolean | {
                 class: string;
             } | undefined;
         } & {
-            location?: import("../../util").Anchor | null | undefined;
+            location?: import("../../util/index.js").Anchor | null | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
             active?: boolean | undefined;
@@ -929,15 +929,15 @@ export declare const VTab: {
             class?: any;
             theme?: string | undefined;
             to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
-            icon?: boolean | import("../../composables/icons").IconValue | undefined;
+            icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
             href?: string | undefined;
             elevation?: string | number | undefined;
             rounded?: string | number | boolean | undefined;
             baseColor?: string | undefined;
             selectedClass?: string | undefined;
             activeColor?: string | undefined;
-            prependIcon?: import("../../composables/icons").IconValue | undefined;
-            appendIcon?: import("../../composables/icons").IconValue | undefined;
+            prependIcon?: import("../../composables/icons.js").IconValue | undefined;
+            appendIcon?: import("../../composables/icons.js").IconValue | undefined;
         } & {
             $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
                 default?: (() => import("vue").VNodeChild) | undefined;
@@ -961,7 +961,7 @@ export declare const VTab: {
                 value: boolean;
             }) => any) | undefined;
         }, {
-            group: import("../../composables/group").GroupItemProvide | null;
+            group: import("../../composables/group.js").GroupItemProvide | null;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'group:selected': (val: {
                 value: boolean;
@@ -979,10 +979,10 @@ export declare const VTab: {
             disabled: boolean;
             size: string | number;
             readonly: boolean;
-            tag: string | import("../../util").JSXComponent;
+            tag: string | import("../../util/index.js").JSXComponent;
             rounded: string | number | boolean;
             tile: boolean;
-            density: import("../../composables/density").Density;
+            density: import("../../composables/density.js").Density;
             slim: boolean;
             stacked: boolean;
             ripple: boolean | {
@@ -1026,10 +1026,10 @@ export declare const VTab: {
         disabled: boolean;
         size: string | number;
         readonly: boolean;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         rounded: string | number | boolean;
         tile: boolean;
-        density: import("../../composables/density").Density;
+        density: import("../../composables/density.js").Density;
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -1046,16 +1046,16 @@ export declare const VTab: {
         disabled: boolean;
         size: string | number;
         readonly: boolean;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         tile: boolean;
-        density: import("../../composables/density").Density;
+        density: import("../../composables/density.js").Density;
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
             class: string;
         } | undefined;
     } & {
-        location?: import("../../util").Anchor | null | undefined;
+        location?: import("../../util/index.js").Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         active?: boolean | undefined;
@@ -1072,15 +1072,15 @@ export declare const VTab: {
         class?: any;
         theme?: string | undefined;
         to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
-        icon?: boolean | import("../../composables/icons").IconValue | undefined;
+        icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
         activeColor?: string | undefined;
-        prependIcon?: import("../../composables/icons").IconValue | undefined;
-        appendIcon?: import("../../composables/icons").IconValue | undefined;
+        prependIcon?: import("../../composables/icons.js").IconValue | undefined;
+        appendIcon?: import("../../composables/icons.js").IconValue | undefined;
     } & {
         $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
             default?: (() => import("vue").VNodeChild) | undefined;
@@ -1104,10 +1104,10 @@ export declare const VTab: {
             value: boolean;
         }) => any) | undefined;
     }, "group" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple")> & import("vue").ShallowUnwrapRef<{
-        group: import("../../composables/group").GroupItemProvide | null;
+        group: import("../../composables/group.js").GroupItemProvide | null;
     }> & {} & import("vue").ComponentCustomProperties & {}, "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "class" | "theme" | "to" | "icon" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | keyof import("vue").VNodeProps | "v-slot:prepend" | "v-slot:append" | "baseColor" | "selectedClass" | "onGroup:selected" | "activeColor" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`> & {
         _allExposed: {
-            group: import("../../composables/group").GroupItemProvide | null;
+            group: import("../../composables/group.js").GroupItemProvide | null;
         } | {};
     }, {}, {}, {}, {
         replace: boolean;
@@ -1120,10 +1120,10 @@ export declare const VTab: {
         disabled: boolean;
         size: string | number;
         readonly: boolean;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         rounded: string | number | boolean;
         tile: boolean;
-        density: import("../../composables/density").Density;
+        density: import("../../composables/density.js").Density;
         selectedClass: string;
         slim: boolean;
         stacked: boolean;
@@ -1145,9 +1145,9 @@ export declare const VTab: {
     disabled: boolean;
     size: string | number;
     readonly: boolean;
-    tag: string | import("../../util").JSXComponent;
+    tag: string | import("../../util/index.js").JSXComponent;
     tile: boolean;
-    density: import("../../composables/density").Density;
+    density: import("../../composables/density.js").Density;
     selectedClass: string;
     slim: boolean;
     stacked: boolean;
@@ -1170,14 +1170,14 @@ export declare const VTab: {
     class?: any;
     theme?: string | undefined;
     to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
-    icon?: boolean | import("../../composables/icons").IconValue | undefined;
+    icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
     href?: string | undefined;
     elevation?: string | number | undefined;
     rounded?: string | number | boolean | undefined;
     baseColor?: string | undefined;
     activeColor?: string | undefined;
-    prependIcon?: import("../../composables/icons").IconValue | undefined;
-    appendIcon?: import("../../composables/icons").IconValue | undefined;
+    prependIcon?: import("../../composables/icons.js").IconValue | undefined;
+    appendIcon?: import("../../composables/icons.js").IconValue | undefined;
     sliderColor?: string | undefined;
 } & {
     $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
@@ -1213,10 +1213,10 @@ export declare const VTab: {
         disabled: boolean;
         size: string | number;
         readonly: boolean;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         rounded: string | number | boolean;
         tile: boolean;
-        density: import("../../composables/density").Density;
+        density: import("../../composables/density.js").Density;
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -1233,15 +1233,15 @@ export declare const VTab: {
         disabled: boolean;
         size: string | number;
         readonly: boolean;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         tile: boolean;
-        density: import("../../composables/density").Density;
+        density: import("../../composables/density.js").Density;
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
             class: string;
         } | undefined;
-        location?: import("../../util").Anchor | null | undefined;
+        location?: import("../../util/index.js").Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         active?: boolean | undefined;
@@ -1258,15 +1258,15 @@ export declare const VTab: {
         class?: any;
         theme?: string | undefined;
         to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
-        icon?: boolean | import("../../composables/icons").IconValue | undefined;
+        icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
         activeColor?: string | undefined;
-        prependIcon?: import("../../composables/icons").IconValue | undefined;
-        appendIcon?: import("../../composables/icons").IconValue | undefined;
+        prependIcon?: import("../../composables/icons.js").IconValue | undefined;
+        appendIcon?: import("../../composables/icons.js").IconValue | undefined;
         $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
             default?: (() => import("vue").VNodeChild) | undefined;
             prepend?: (() => import("vue").VNodeChild) | undefined;
@@ -1317,16 +1317,16 @@ export declare const VTab: {
         disabled: boolean;
         size: string | number;
         readonly: boolean;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         tile: boolean;
-        density: import("../../composables/density").Density;
+        density: import("../../composables/density.js").Density;
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
             class: string;
         } | undefined;
     } & {
-        location?: import("../../util").Anchor | null | undefined;
+        location?: import("../../util/index.js").Anchor | null | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         active?: boolean | undefined;
@@ -1343,15 +1343,15 @@ export declare const VTab: {
         class?: any;
         theme?: string | undefined;
         to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
-        icon?: boolean | import("../../composables/icons").IconValue | undefined;
+        icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
         activeColor?: string | undefined;
-        prependIcon?: import("../../composables/icons").IconValue | undefined;
-        appendIcon?: import("../../composables/icons").IconValue | undefined;
+        prependIcon?: import("../../composables/icons.js").IconValue | undefined;
+        appendIcon?: import("../../composables/icons.js").IconValue | undefined;
     } & {
         $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
             default?: (() => import("vue").VNodeChild) | undefined;
@@ -1375,7 +1375,7 @@ export declare const VTab: {
             value: boolean;
         }) => any) | undefined;
     }, {
-        group: import("../../composables/group").GroupItemProvide | null;
+        group: import("../../composables/group.js").GroupItemProvide | null;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'group:selected': (val: {
             value: boolean;
@@ -1393,10 +1393,10 @@ export declare const VTab: {
         disabled: boolean;
         size: string | number;
         readonly: boolean;
-        tag: string | import("../../util").JSXComponent;
+        tag: string | import("../../util/index.js").JSXComponent;
         rounded: string | number | boolean;
         tile: boolean;
-        density: import("../../composables/density").Density;
+        density: import("../../composables/density.js").Density;
         slim: boolean;
         stacked: boolean;
         ripple: boolean | {
@@ -1440,10 +1440,10 @@ export declare const VTab: {
     disabled: boolean;
     size: string | number;
     readonly: boolean;
-    tag: string | import("../../util").JSXComponent;
+    tag: string | import("../../util/index.js").JSXComponent;
     rounded: string | number | boolean;
     tile: boolean;
-    density: import("../../composables/density").Density;
+    density: import("../../composables/density.js").Density;
     slim: boolean;
     stacked: boolean;
     ripple: boolean | {
@@ -1460,16 +1460,16 @@ export declare const VTab: {
     disabled: boolean;
     size: string | number;
     readonly: boolean;
-    tag: string | import("../../util").JSXComponent;
+    tag: string | import("../../util/index.js").JSXComponent;
     tile: boolean;
-    density: import("../../composables/density").Density;
+    density: import("../../composables/density.js").Density;
     slim: boolean;
     stacked: boolean;
     ripple: boolean | {
         class: string;
     } | undefined;
 } & {
-    location?: import("../../util").Anchor | null | undefined;
+    location?: import("../../util/index.js").Anchor | null | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
     active?: boolean | undefined;
@@ -1486,15 +1486,15 @@ export declare const VTab: {
     class?: any;
     theme?: string | undefined;
     to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
-    icon?: boolean | import("../../composables/icons").IconValue | undefined;
+    icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
     href?: string | undefined;
     elevation?: string | number | undefined;
     rounded?: string | number | boolean | undefined;
     baseColor?: string | undefined;
     selectedClass?: string | undefined;
     activeColor?: string | undefined;
-    prependIcon?: import("../../composables/icons").IconValue | undefined;
-    appendIcon?: import("../../composables/icons").IconValue | undefined;
+    prependIcon?: import("../../composables/icons.js").IconValue | undefined;
+    appendIcon?: import("../../composables/icons.js").IconValue | undefined;
 } & {
     $children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
         default?: (() => import("vue").VNodeChild) | undefined;
@@ -1518,10 +1518,10 @@ export declare const VTab: {
         value: boolean;
     }) => any) | undefined;
 }, "group" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple")> & import("vue").ShallowUnwrapRef<{
-    group: import("../../composables/group").GroupItemProvide | null;
+    group: import("../../composables/group.js").GroupItemProvide | null;
 }> & {} & import("vue").ComponentCustomProperties & {}, "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "class" | "theme" | "to" | "icon" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | keyof import("vue").VNodeProps | "v-slot:prepend" | "v-slot:append" | "baseColor" | "selectedClass" | "onGroup:selected" | "activeColor" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`> & {
     _allExposed: {
-        group: import("../../composables/group").GroupItemProvide | null;
+        group: import("../../composables/group.js").GroupItemProvide | null;
     } | {};
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     replace: boolean;
@@ -1534,10 +1534,10 @@ export declare const VTab: {
     disabled: boolean;
     size: string | number;
     readonly: boolean;
-    tag: string | import("../../util").JSXComponent;
+    tag: string | import("../../util/index.js").JSXComponent;
     rounded: string | number | boolean;
     tile: boolean;
-    density: import("../../composables/density").Density;
+    density: import("../../composables/density.js").Density;
     selectedClass: string;
     slim: boolean;
     stacked: boolean;
@@ -1550,10 +1550,10 @@ export declare const VTab: {
     prepend: () => import("vue").VNode[];
     append: () => import("vue").VNode[];
     loader: () => import("vue").VNode[];
-}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("../../util").FilterPropsOptions<{
+}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("../../util/index.js").FilterPropsOptions<{
     replace: BooleanConstructor;
     variant: Omit<Omit<{
-        type: PropType<import("../../composables/variant").Variant>;
+        type: PropType<import("../../composables/variant.js").Variant>;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
@@ -1588,17 +1588,17 @@ export declare const VTab: {
         default: string;
     };
     readonly: BooleanConstructor;
-    class: PropType<import("../../composables/component").ClassValue>;
+    class: PropType<import("../../composables/component.js").ClassValue>;
     theme: StringConstructor;
     tag: Omit<{
-        type: PropType<string | import("../../util").JSXComponent>;
+        type: PropType<string | import("../../util/index.js").JSXComponent>;
         default: string;
     }, "type" | "default"> & {
-        type: PropType<string | import("../../util").JSXComponent>;
-        default: NonNullable<string | import("../../util").JSXComponent>;
+        type: PropType<string | import("../../util/index.js").JSXComponent>;
+        default: NonNullable<string | import("../../util/index.js").JSXComponent>;
     };
     to: PropType<import("vue-router").RouteLocationRaw>;
-    icon: PropType<boolean | import("../../composables/icons").IconValue>;
+    icon: PropType<boolean | import("../../composables/icons.js").IconValue>;
     href: StringConstructor;
     elevation: {
         type: (StringConstructor | NumberConstructor)[];
@@ -1610,7 +1610,7 @@ export declare const VTab: {
     };
     tile: BooleanConstructor;
     density: {
-        type: PropType<import("../../composables/density").Density>;
+        type: PropType<import("../../composables/density.js").Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -1620,12 +1620,12 @@ export declare const VTab: {
         default: string;
     };
     activeColor: StringConstructor;
-    prependIcon: PropType<import("../../composables/icons").IconValue>;
-    appendIcon: PropType<import("../../composables/icons").IconValue>;
+    prependIcon: PropType<import("../../composables/icons.js").IconValue>;
+    appendIcon: PropType<import("../../composables/icons.js").IconValue>;
     slim: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: PropType<import("../../directives/ripple").RippleDirectiveBinding["value"]>;
+        type: PropType<import("../../directives/ripple/index.js").RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     fixed: BooleanConstructor;
@@ -1638,7 +1638,7 @@ export declare const VTab: {
 }, import("vue").ExtractPropTypes<{
     replace: BooleanConstructor;
     variant: Omit<Omit<{
-        type: PropType<import("../../composables/variant").Variant>;
+        type: PropType<import("../../composables/variant.js").Variant>;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
@@ -1673,17 +1673,17 @@ export declare const VTab: {
         default: string;
     };
     readonly: BooleanConstructor;
-    class: PropType<import("../../composables/component").ClassValue>;
+    class: PropType<import("../../composables/component.js").ClassValue>;
     theme: StringConstructor;
     tag: Omit<{
-        type: PropType<string | import("../../util").JSXComponent>;
+        type: PropType<string | import("../../util/index.js").JSXComponent>;
         default: string;
     }, "type" | "default"> & {
-        type: PropType<string | import("../../util").JSXComponent>;
-        default: NonNullable<string | import("../../util").JSXComponent>;
+        type: PropType<string | import("../../util/index.js").JSXComponent>;
+        default: NonNullable<string | import("../../util/index.js").JSXComponent>;
     };
     to: PropType<import("vue-router").RouteLocationRaw>;
-    icon: PropType<boolean | import("../../composables/icons").IconValue>;
+    icon: PropType<boolean | import("../../composables/icons.js").IconValue>;
     href: StringConstructor;
     elevation: {
         type: (StringConstructor | NumberConstructor)[];
@@ -1695,7 +1695,7 @@ export declare const VTab: {
     };
     tile: BooleanConstructor;
     density: {
-        type: PropType<import("../../composables/density").Density>;
+        type: PropType<import("../../composables/density.js").Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -1705,12 +1705,12 @@ export declare const VTab: {
         default: string;
     };
     activeColor: StringConstructor;
-    prependIcon: PropType<import("../../composables/icons").IconValue>;
-    appendIcon: PropType<import("../../composables/icons").IconValue>;
+    prependIcon: PropType<import("../../composables/icons.js").IconValue>;
+    appendIcon: PropType<import("../../composables/icons.js").IconValue>;
     slim: BooleanConstructor;
     stacked: BooleanConstructor;
     ripple: {
-        type: PropType<import("../../directives/ripple").RippleDirectiveBinding["value"]>;
+        type: PropType<import("../../directives/ripple/index.js").RippleDirectiveBinding["value"]>;
         default: boolean;
     };
     fixed: BooleanConstructor;