vuetify 3.7.0 → 3.7.2

package/lib/components/VAvatar/VAvatar.css

@@ -41,7 +41,7 @@
 .v-avatar {
   border-color: rgba(var(--v-border-color), var(--v-border-opacity));
   border-style: solid;
-  border-width: thin;
+  border-width: 0;
 }
 .v-avatar--border {
   border-width: thin;

package/lib/components/VAvatar/_variables.scss

@@ -10,7 +10,7 @@ $avatar-border-color: settings.$border-color-root !default;
 $avatar-border-radius: map.get(settings.$rounded, 0) !default;
 $avatar-border-style: settings.$border-style-root !default;
 $avatar-border-thin-width: thin !default;
-$avatar-border-width: thin !default;
+$avatar-border-width: 0 !default;
 $avatar-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
 $avatar-density: ('default': 0, 'comfortable': -1, 'compact': -2) !default;
 $avatar-elevation: 1 !default;

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

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, PropType, ComponentPublicInstance, FunctionalComponent } from 'vue';
 
 interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
@@ -12,6 +12,9 @@ type Density = null | 'default' | 'comfortable' | 'compact';
 declare const allowedVariants: readonly ["elevated", "flat", "tonal", "outlined", "text", "plain"];
 type Variant = typeof allowedVariants[number];
 
+type JSXComponent<Props = any> = {
+    new (): ComponentPublicInstance<Props>;
+} | FunctionalComponent<Props>;
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
@@ -31,8 +34,8 @@ declare const VAvatar: {
         image?: string | undefined;
         text?: string | undefined;
         class?: any;
-        icon?: IconValue | undefined;
         theme?: string | undefined;
+        icon?: IconValue | undefined;
         rounded?: string | number | boolean | undefined;
     } & {
         $children?: vue.VNodeChild | {
@@ -58,8 +61,8 @@ declare const VAvatar: {
         image?: string | undefined;
         text?: string | undefined;
         class?: any;
-        icon?: IconValue | undefined;
         theme?: string | undefined;
+        icon?: IconValue | undefined;
         rounded?: string | number | boolean | undefined;
     } & {
         $children?: vue.VNodeChild | {
@@ -104,8 +107,8 @@ declare const VAvatar: {
         image?: string | undefined;
         text?: string | undefined;
         class?: any;
-        icon?: IconValue | undefined;
         theme?: string | undefined;
+        icon?: IconValue | undefined;
         rounded?: string | number | boolean | undefined;
     } & {
         $children?: vue.VNodeChild | {
@@ -145,8 +148,8 @@ declare const VAvatar: {
     image?: string | undefined;
     text?: string | undefined;
     class?: any;
-    icon?: IconValue | undefined;
     theme?: string | undefined;
+    icon?: IconValue | undefined;
     rounded?: string | number | boolean | undefined;
 } & {
     $children?: vue.VNodeChild | {

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

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, PropType, ComponentPublicInstance, FunctionalComponent } from 'vue';
 
 type ClassValue = any;
 
@@ -13,6 +13,9 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
 }
 
+type JSXComponent<Props = any> = {
+    new (): ComponentPublicInstance<Props>;
+} | FunctionalComponent<Props>;
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
@@ -36,8 +39,8 @@ declare const VBadge: {
         color?: string | undefined;
         content?: string | number | undefined;
         class?: any;
-        icon?: IconValue | undefined;
         theme?: string | undefined;
+        icon?: IconValue | undefined;
         rounded?: string | number | boolean | undefined;
         offsetX?: string | number | undefined;
         offsetY?: string | number | undefined;
@@ -73,8 +76,8 @@ declare const VBadge: {
         color?: string | undefined;
         content?: string | number | undefined;
         class?: any;
-        icon?: IconValue | undefined;
         theme?: string | undefined;
+        icon?: IconValue | undefined;
         rounded?: string | number | boolean | undefined;
         offsetX?: string | number | undefined;
         offsetY?: string | number | undefined;
@@ -135,8 +138,8 @@ declare const VBadge: {
         color?: string | undefined;
         content?: string | number | undefined;
         class?: any;
-        icon?: IconValue | undefined;
         theme?: string | undefined;
+        icon?: IconValue | undefined;
         rounded?: string | number | boolean | undefined;
         offsetX?: string | number | undefined;
         offsetY?: string | number | undefined;
@@ -191,8 +194,8 @@ declare const VBadge: {
     color?: string | undefined;
     content?: string | number | undefined;
     class?: any;
-    icon?: IconValue | undefined;
     theme?: string | undefined;
+    icon?: IconValue | undefined;
     rounded?: string | number | boolean | undefined;
     offsetX?: string | number | undefined;
     offsetY?: string | number | undefined;

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

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, PropType, ComponentPublicInstance, FunctionalComponent } from 'vue';
 
 type ClassValue = any;
 
@@ -19,6 +19,9 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
 }
 
+type JSXComponent<Props = any> = {
+    new (): ComponentPublicInstance<Props>;
+} | FunctionalComponent<Props>;
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
@@ -41,16 +44,16 @@ declare const VBanner: {
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
         text?: string | undefined;
         class?: any;
+        theme?: string | undefined;
+        lines?: "one" | "two" | "three" | undefined;
         icon?: IconValue | undefined;
         elevation?: string | number | undefined;
-        theme?: string | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
-        lines?: "one" | "two" | "three" | undefined;
         avatar?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -88,16 +91,16 @@ declare const VBanner: {
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
         text?: string | undefined;
         class?: any;
+        theme?: string | undefined;
+        lines?: "one" | "two" | "three" | undefined;
         icon?: IconValue | undefined;
         elevation?: string | number | undefined;
-        theme?: string | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
-        lines?: "one" | "two" | "three" | undefined;
         avatar?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -156,16 +159,16 @@ declare const VBanner: {
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
         text?: string | undefined;
         class?: any;
+        theme?: string | undefined;
+        lines?: "one" | "two" | "three" | undefined;
         icon?: IconValue | undefined;
         elevation?: string | number | undefined;
-        theme?: string | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
-        lines?: "one" | "two" | "three" | undefined;
         avatar?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -216,16 +219,16 @@ declare const VBanner: {
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
-    position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+    position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
     text?: string | undefined;
     class?: any;
+    theme?: string | undefined;
+    lines?: "one" | "two" | "three" | undefined;
     icon?: IconValue | undefined;
     elevation?: string | number | undefined;
-    theme?: string | undefined;
     mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     rounded?: string | number | boolean | undefined;
     bgColor?: string | undefined;
-    lines?: "one" | "two" | "three" | undefined;
     avatar?: string | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -271,7 +274,7 @@ declare const VBanner: {
     };
     tile: BooleanConstructor;
     position: {
-        type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
+        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
     location: PropType<Anchor | null>;
@@ -324,7 +327,7 @@ declare const VBanner: {
     };
     tile: BooleanConstructor;
     position: {
-        type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
+        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
     location: PropType<Anchor | null>;

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

@@ -54,10 +54,10 @@ declare const VBottomNavigation: {
         border?: string | number | boolean | undefined;
         color?: string | undefined;
         class?: any;
+        theme?: string | undefined;
         mode?: string | undefined;
         mandatory?: boolean | "force" | undefined;
         elevation?: string | number | undefined;
-        theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
@@ -85,10 +85,10 @@ declare const VBottomNavigation: {
         border?: string | number | boolean | undefined;
         color?: string | undefined;
         class?: any;
+        theme?: string | undefined;
         mode?: string | undefined;
         mandatory?: boolean | "force" | undefined;
         elevation?: string | number | undefined;
-        theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
@@ -137,10 +137,10 @@ declare const VBottomNavigation: {
         border?: string | number | boolean | undefined;
         color?: string | undefined;
         class?: any;
+        theme?: string | undefined;
         mode?: string | undefined;
         mandatory?: boolean | "force" | undefined;
         elevation?: string | number | undefined;
-        theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
@@ -184,10 +184,10 @@ declare const VBottomNavigation: {
     border?: string | number | boolean | undefined;
     color?: string | undefined;
     class?: any;
+    theme?: string | undefined;
     mode?: string | undefined;
     mandatory?: boolean | "force" | undefined;
     elevation?: string | number | undefined;
-    theme?: string | undefined;
     rounded?: string | number | boolean | undefined;
     baseColor?: string | undefined;
     bgColor?: string | undefined;

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

@@ -107,6 +107,7 @@ declare const VBottomSheet: {
         style: vue.StyleValue;
         eager: boolean;
         disabled: boolean;
+        persistent: boolean;
         modelValue: boolean;
         locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
             updateLocation: (e?: Event) => void;
@@ -118,7 +119,6 @@ declare const VBottomSheet: {
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
-        persistent: boolean;
         scrim: string | boolean;
         fullscreen: boolean;
         retainFocus: boolean;
@@ -136,9 +136,9 @@ declare const VBottomSheet: {
         class?: any;
         theme?: string | undefined;
         contentClass?: any;
-        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         openOnClick?: boolean | undefined;
         openOnFocus?: boolean | undefined;
         contentProps?: any;
@@ -193,6 +193,7 @@ declare const VBottomSheet: {
         style: vue.StyleValue;
         eager: boolean;
         disabled: boolean;
+        persistent: boolean;
         modelValue: boolean;
         locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
             updateLocation: (e?: Event) => void;
@@ -204,7 +205,6 @@ declare const VBottomSheet: {
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
-        persistent: boolean;
         scrim: string | boolean;
         fullscreen: boolean;
         retainFocus: boolean;
@@ -222,9 +222,9 @@ declare const VBottomSheet: {
         class?: any;
         theme?: string | undefined;
         contentClass?: any;
-        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         openOnClick?: boolean | undefined;
         openOnFocus?: boolean | undefined;
         contentProps?: any;
@@ -277,6 +277,7 @@ declare const VBottomSheet: {
         style: vue.StyleValue;
         eager: boolean;
         disabled: boolean;
+        persistent: boolean;
         modelValue: boolean;
         locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
             updateLocation: (e?: Event) => void;
@@ -290,7 +291,6 @@ declare const VBottomSheet: {
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
-        persistent: boolean;
         scrim: string | boolean;
         fullscreen: boolean;
         retainFocus: boolean;
@@ -325,6 +325,7 @@ declare const VBottomSheet: {
         style: vue.StyleValue;
         eager: boolean;
         disabled: boolean;
+        persistent: boolean;
         modelValue: boolean;
         locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
             updateLocation: (e?: Event) => void;
@@ -336,7 +337,6 @@ declare const VBottomSheet: {
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
-        persistent: boolean;
         scrim: string | boolean;
         fullscreen: boolean;
         retainFocus: boolean;
@@ -354,9 +354,9 @@ declare const VBottomSheet: {
         class?: any;
         theme?: string | undefined;
         contentClass?: any;
-        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         openOnClick?: boolean | undefined;
         openOnFocus?: boolean | undefined;
         contentProps?: any;
@@ -409,6 +409,7 @@ declare const VBottomSheet: {
         style: vue.StyleValue;
         eager: boolean;
         disabled: boolean;
+        persistent: boolean;
         modelValue: boolean;
         locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
             updateLocation: (e?: Event) => void;
@@ -422,7 +423,6 @@ declare const VBottomSheet: {
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
-        persistent: boolean;
         scrim: string | boolean;
         fullscreen: boolean;
         retainFocus: boolean;
@@ -445,6 +445,7 @@ declare const VBottomSheet: {
     style: vue.StyleValue;
     eager: boolean;
     disabled: boolean;
+    persistent: boolean;
     modelValue: boolean;
     locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
         updateLocation: (e?: Event) => void;
@@ -456,7 +457,6 @@ declare const VBottomSheet: {
     closeOnBack: boolean;
     contained: boolean;
     noClickAnimation: boolean;
-    persistent: boolean;
     scrim: string | boolean;
     fullscreen: boolean;
     retainFocus: boolean;
@@ -474,9 +474,9 @@ declare const VBottomSheet: {
     class?: any;
     theme?: string | undefined;
     contentClass?: any;
-    activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
     closeDelay?: string | number | undefined;
     openDelay?: string | number | undefined;
+    activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
     openOnClick?: boolean | undefined;
     openOnFocus?: boolean | undefined;
     contentProps?: any;
@@ -531,6 +531,7 @@ declare const VBottomSheet: {
     style: vue.StyleValue;
     eager: boolean;
     disabled: boolean;
+    persistent: boolean;
     modelValue: boolean;
     locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
         updateLocation: (e?: Event) => void;
@@ -544,7 +545,6 @@ declare const VBottomSheet: {
     closeOnBack: boolean;
     contained: boolean;
     noClickAnimation: boolean;
-    persistent: boolean;
     scrim: string | boolean;
     fullscreen: boolean;
     retainFocus: boolean;

package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 // Composables
 import { useTextColor } from "../../composables/color.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
@@ -44,12 +44,10 @@ export const VBreadcrumbsItem = genericComponent()({
         "style": [textColorStyles.value, props.style],
         "aria-current": isActive.value ? 'page' : undefined
       }, {
-        default: () => [!link.isLink.value ? slots.default?.() ?? props.title : _createVNode("a", {
+        default: () => [!link.isLink.value ? slots.default?.() ?? props.title : _createVNode("a", _mergeProps({
           "class": "v-breadcrumbs-item--link",
-          "href": link.href.value,
-          "aria-current": isActive.value ? 'page' : undefined,
           "onClick": link.navigate
-        }, [slots.default?.() ?? props.title])]
+        }, link.linkProps), [slots.default?.() ?? props.title])]
       });
     });
     return {};

package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBreadcrumbsItem.mjs","names":["useTextColor","makeComponentProps","makeRouterProps","useLink","makeTagProps","computed","genericComponent","propsFactory","useRender","makeVBreadcrumbsItemProps","active","Boolean","activeClass","String","activeColor","color","disabled","title","tag","VBreadcrumbsItem","name","props","setup","_ref","slots","attrs","link","isActive","value","textColorClasses","textColorStyles","_createVNode","class","style","undefined","default","isLink","href","navigate"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsItem.tsx"],"sourcesContent":["// Composables\nimport { useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVBreadcrumbsItemProps = propsFactory({\n  active: Boolean,\n  activeClass: String,\n  activeColor: String,\n  color: String,\n  disabled: Boolean,\n  title: String,\n\n  ...makeComponentProps(),\n  ...makeRouterProps(),\n  ...makeTagProps({ tag: 'li' }),\n}, 'VBreadcrumbsItem')\n\nexport const VBreadcrumbsItem = genericComponent()({\n  name: 'VBreadcrumbsItem',\n\n  props: makeVBreadcrumbsItemProps(),\n\n  setup (props, { slots, attrs }) {\n    const link = useLink(props, attrs)\n    const isActive = computed(() => props.active || link.isActive?.value)\n    const color = computed(() => isActive.value ? props.activeColor : props.color)\n\n    const { textColorClasses, textColorStyles } = useTextColor(color)\n\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-breadcrumbs-item',\n            {\n              'v-breadcrumbs-item--active': isActive.value,\n              'v-breadcrumbs-item--disabled': props.disabled,\n              [`${props.activeClass}`]: isActive.value && props.activeClass,\n            },\n            textColorClasses.value,\n            props.class,\n          ]}\n          style={[\n            textColorStyles.value,\n            props.style,\n          ]}\n          aria-current={ isActive.value ? 'page' : undefined }\n        >\n          { !link.isLink.value ? slots.default?.() ?? props.title : (\n            <a\n              class=\"v-breadcrumbs-item--link\"\n              href={ link.href.value }\n              aria-current={ isActive.value ? 'page' : undefined }\n              onClick={ link.navigate }\n            >\n              { slots.default?.() ?? props.title }\n            </a>\n          )}\n        </props.tag>\n      )\n    })\n    return {}\n  },\n})\n\nexport type VBreadcrumbsItem = InstanceType<typeof VBreadcrumbsItem>\n"],"mappings":";AAAA;AAAA,SACSA,YAAY;AAAA,SACZC,kBAAkB;AAAA,SAClBC,eAAe,EAAEC,OAAO;AAAA,SACxBC,YAAY,qCAErB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,yBAAyB,GAAGF,YAAY,CAAC;EACpDG,MAAM,EAAEC,OAAO;EACfC,WAAW,EAAEC,MAAM;EACnBC,WAAW,EAAED,MAAM;EACnBE,KAAK,EAAEF,MAAM;EACbG,QAAQ,EAAEL,OAAO;EACjBM,KAAK,EAAEJ,MAAM;EAEb,GAAGZ,kBAAkB,CAAC,CAAC;EACvB,GAAGC,eAAe,CAAC,CAAC;EACpB,GAAGE,YAAY,CAAC;IAAEc,GAAG,EAAE;EAAK,CAAC;AAC/B,CAAC,EAAE,kBAAkB,CAAC;AAEtB,OAAO,MAAMC,gBAAgB,GAAGb,gBAAgB,CAAC,CAAC,CAAC;EACjDc,IAAI,EAAE,kBAAkB;EAExBC,KAAK,EAAEZ,yBAAyB,CAAC,CAAC;EAElCa,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAMG,IAAI,GAAGvB,OAAO,CAACkB,KAAK,EAAEI,KAAK,CAAC;IAClC,MAAME,QAAQ,GAAGtB,QAAQ,CAAC,MAAMgB,KAAK,CAACX,MAAM,IAAIgB,IAAI,CAACC,QAAQ,EAAEC,KAAK,CAAC;IACrE,MAAMb,KAAK,GAAGV,QAAQ,CAAC,MAAMsB,QAAQ,CAACC,KAAK,GAAGP,KAAK,CAACP,WAAW,GAAGO,KAAK,CAACN,KAAK,CAAC;IAE9E,MAAM;MAAEc,gBAAgB;MAAEC;IAAgB,CAAC,GAAG9B,YAAY,CAACe,KAAK,CAAC;IAEjEP,SAAS,CAAC,MAAM;MACd,OAAAuB,YAAA,CAAAV,KAAA,CAAAH,GAAA;QAAA,SAEW,CACL,oBAAoB,EACpB;UACE,4BAA4B,EAAES,QAAQ,CAACC,KAAK;UAC5C,8BAA8B,EAAEP,KAAK,CAACL,QAAQ;UAC9C,CAAC,GAAGK,KAAK,CAACT,WAAW,EAAE,GAAGe,QAAQ,CAACC,KAAK,IAAIP,KAAK,CAACT;QACpD,CAAC,EACDiB,gBAAgB,CAACD,KAAK,EACtBP,KAAK,CAACW,KAAK,CACZ;QAAA,SACM,CACLF,eAAe,CAACF,KAAK,EACrBP,KAAK,CAACY,KAAK,CACZ;QAAA,gBACcN,QAAQ,CAACC,KAAK,GAAG,MAAM,GAAGM;MAAS;QAAAC,OAAA,EAAAA,CAAA,MAEhD,CAACT,IAAI,CAACU,MAAM,CAACR,KAAK,GAAGJ,KAAK,CAACW,OAAO,GAAG,CAAC,IAAId,KAAK,CAACJ,KAAK,GAAAc,YAAA;UAAA;UAAA,QAG5CL,IAAI,CAACW,IAAI,CAACT,KAAK;UAAA,gBACPD,QAAQ,CAACC,KAAK,GAAG,MAAM,GAAGM,SAAS;UAAA,WACxCR,IAAI,CAACY;QAAQ,IAErBd,KAAK,CAACW,OAAO,GAAG,CAAC,IAAId,KAAK,CAACJ,KAAK,EAErC;MAAA;IAGP,CAAC,CAAC;IACF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"VBreadcrumbsItem.mjs","names":["useTextColor","makeComponentProps","makeRouterProps","useLink","makeTagProps","computed","genericComponent","propsFactory","useRender","makeVBreadcrumbsItemProps","active","Boolean","activeClass","String","activeColor","color","disabled","title","tag","VBreadcrumbsItem","name","props","setup","_ref","slots","attrs","link","isActive","value","textColorClasses","textColorStyles","_createVNode","class","style","undefined","default","isLink","_mergeProps","navigate","linkProps"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsItem.tsx"],"sourcesContent":["// Composables\nimport { useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVBreadcrumbsItemProps = propsFactory({\n  active: Boolean,\n  activeClass: String,\n  activeColor: String,\n  color: String,\n  disabled: Boolean,\n  title: String,\n\n  ...makeComponentProps(),\n  ...makeRouterProps(),\n  ...makeTagProps({ tag: 'li' }),\n}, 'VBreadcrumbsItem')\n\nexport const VBreadcrumbsItem = genericComponent()({\n  name: 'VBreadcrumbsItem',\n\n  props: makeVBreadcrumbsItemProps(),\n\n  setup (props, { slots, attrs }) {\n    const link = useLink(props, attrs)\n    const isActive = computed(() => props.active || link.isActive?.value)\n    const color = computed(() => isActive.value ? props.activeColor : props.color)\n\n    const { textColorClasses, textColorStyles } = useTextColor(color)\n\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-breadcrumbs-item',\n            {\n              'v-breadcrumbs-item--active': isActive.value,\n              'v-breadcrumbs-item--disabled': props.disabled,\n              [`${props.activeClass}`]: isActive.value && props.activeClass,\n            },\n            textColorClasses.value,\n            props.class,\n          ]}\n          style={[\n            textColorStyles.value,\n            props.style,\n          ]}\n          aria-current={ isActive.value ? 'page' : undefined }\n        >\n          { !link.isLink.value ? slots.default?.() ?? props.title : (\n            <a\n              class=\"v-breadcrumbs-item--link\"\n              onClick={ link.navigate }\n              { ...link.linkProps }\n            >\n              { slots.default?.() ?? props.title }\n            </a>\n          )}\n        </props.tag>\n      )\n    })\n    return {}\n  },\n})\n\nexport type VBreadcrumbsItem = InstanceType<typeof VBreadcrumbsItem>\n"],"mappings":";AAAA;AAAA,SACSA,YAAY;AAAA,SACZC,kBAAkB;AAAA,SAClBC,eAAe,EAAEC,OAAO;AAAA,SACxBC,YAAY,qCAErB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,yBAAyB,GAAGF,YAAY,CAAC;EACpDG,MAAM,EAAEC,OAAO;EACfC,WAAW,EAAEC,MAAM;EACnBC,WAAW,EAAED,MAAM;EACnBE,KAAK,EAAEF,MAAM;EACbG,QAAQ,EAAEL,OAAO;EACjBM,KAAK,EAAEJ,MAAM;EAEb,GAAGZ,kBAAkB,CAAC,CAAC;EACvB,GAAGC,eAAe,CAAC,CAAC;EACpB,GAAGE,YAAY,CAAC;IAAEc,GAAG,EAAE;EAAK,CAAC;AAC/B,CAAC,EAAE,kBAAkB,CAAC;AAEtB,OAAO,MAAMC,gBAAgB,GAAGb,gBAAgB,CAAC,CAAC,CAAC;EACjDc,IAAI,EAAE,kBAAkB;EAExBC,KAAK,EAAEZ,yBAAyB,CAAC,CAAC;EAElCa,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5B,MAAMG,IAAI,GAAGvB,OAAO,CAACkB,KAAK,EAAEI,KAAK,CAAC;IAClC,MAAME,QAAQ,GAAGtB,QAAQ,CAAC,MAAMgB,KAAK,CAACX,MAAM,IAAIgB,IAAI,CAACC,QAAQ,EAAEC,KAAK,CAAC;IACrE,MAAMb,KAAK,GAAGV,QAAQ,CAAC,MAAMsB,QAAQ,CAACC,KAAK,GAAGP,KAAK,CAACP,WAAW,GAAGO,KAAK,CAACN,KAAK,CAAC;IAE9E,MAAM;MAAEc,gBAAgB;MAAEC;IAAgB,CAAC,GAAG9B,YAAY,CAACe,KAAK,CAAC;IAEjEP,SAAS,CAAC,MAAM;MACd,OAAAuB,YAAA,CAAAV,KAAA,CAAAH,GAAA;QAAA,SAEW,CACL,oBAAoB,EACpB;UACE,4BAA4B,EAAES,QAAQ,CAACC,KAAK;UAC5C,8BAA8B,EAAEP,KAAK,CAACL,QAAQ;UAC9C,CAAC,GAAGK,KAAK,CAACT,WAAW,EAAE,GAAGe,QAAQ,CAACC,KAAK,IAAIP,KAAK,CAACT;QACpD,CAAC,EACDiB,gBAAgB,CAACD,KAAK,EACtBP,KAAK,CAACW,KAAK,CACZ;QAAA,SACM,CACLF,eAAe,CAACF,KAAK,EACrBP,KAAK,CAACY,KAAK,CACZ;QAAA,gBACcN,QAAQ,CAACC,KAAK,GAAG,MAAM,GAAGM;MAAS;QAAAC,OAAA,EAAAA,CAAA,MAEhD,CAACT,IAAI,CAACU,MAAM,CAACR,KAAK,GAAGJ,KAAK,CAACW,OAAO,GAAG,CAAC,IAAId,KAAK,CAACJ,KAAK,GAAAc,YAAA,MAAAM,WAAA;UAAA;UAAA,WAGzCX,IAAI,CAACY;QAAQ,GAClBZ,IAAI,CAACa,SAAS,IAEjBf,KAAK,CAACW,OAAO,GAAG,CAAC,IAAId,KAAK,CAACJ,KAAK,EAErC;MAAA;IAGP,CAAC,CAAC;IACF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, JSXComponent, PropType } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, ComponentPublicInstance, FunctionalComponent } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
 // @ts-ignore
@@ -38,6 +38,9 @@ type ClassValue = any;
 
 type Density = null | 'default' | 'comfortable' | 'compact';
 
+type JSXComponent<Props = any> = {
+    new (): ComponentPublicInstance<Props>;
+} | FunctionalComponent<Props>;
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
@@ -285,8 +288,8 @@ declare const VBreadcrumbsItem: {
         color?: string | undefined;
         title?: string | undefined;
         class?: any;
-        href?: string | undefined;
         to?: vue_router.RouteLocationRaw | undefined;
+        href?: string | undefined;
         activeColor?: string | undefined;
         activeClass?: string | undefined;
     } & {
@@ -309,8 +312,8 @@ declare const VBreadcrumbsItem: {
         color?: string | undefined;
         title?: string | undefined;
         class?: any;
-        href?: string | undefined;
         to?: vue_router.RouteLocationRaw | undefined;
+        href?: string | undefined;
         activeColor?: string | undefined;
         activeClass?: string | undefined;
     } & {
@@ -349,8 +352,8 @@ declare const VBreadcrumbsItem: {
         color?: string | undefined;
         title?: string | undefined;
         class?: any;
-        href?: string | undefined;
         to?: vue_router.RouteLocationRaw | undefined;
+        href?: string | undefined;
         activeColor?: string | undefined;
         activeClass?: string | undefined;
     } & {
@@ -384,8 +387,8 @@ declare const VBreadcrumbsItem: {
     color?: string | undefined;
     title?: string | undefined;
     class?: any;
-    href?: string | undefined;
     to?: vue_router.RouteLocationRaw | undefined;
+    href?: string | undefined;
     activeColor?: string | undefined;
     activeClass?: string | undefined;
 } & {

package/lib/components/VBtn/VBtn.mjs

@@ -1,4 +1,4 @@
-import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
+import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 // Styles
 import "./VBtn.css";
 
@@ -156,7 +156,7 @@ export const VBtn = genericComponent()({
       const hasPrepend = !!(props.prependIcon || slots.prepend);
       const hasAppend = !!(props.appendIcon || slots.append);
       const hasIcon = !!(props.icon && props.icon !== true);
-      return withDirectives(_createVNode(Tag, {
+      return withDirectives(_createVNode(Tag, _mergeProps({
         "type": Tag === 'a' ? undefined : 'button',
         "class": ['v-btn', group?.selectedClass.value, {
           'v-btn--active': isActive.value,
@@ -173,11 +173,10 @@ export const VBtn = genericComponent()({
         "style": [colorStyles.value, dimensionStyles.value, locationStyles.value, sizeStyles.value, props.style],
         "aria-busy": props.loading ? true : undefined,
         "disabled": isDisabled.value || undefined,
-        "href": link.href.value,
         "tabindex": props.loading || props.readonly ? -1 : undefined,
         "onClick": onClick,
         "value": valueAttr.value
-      }, {
+      }, link.linkProps), {
         default: () => [genOverlays(true, 'v-btn'), !props.icon && hasPrepend && _createVNode("span", {
           "key": "prepend",
           "class": "v-btn__prepend"