vuetify 3.1.3 → 3.1.5

package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs

@@ -67,7 +67,6 @@ export const VBreadcrumbs = genericComponent()({
       }
     });
     useRender(() => {
-      var _slots$default;
       const hasPrepend = !!(slots.prepend || props.icon);
       return _createVNode(props.tag, {
         "class": ['v-breadcrumbs', backgroundColorClasses.value, densityClasses.value, roundedClasses.value],
@@ -91,22 +90,16 @@ export const VBreadcrumbs = genericComponent()({
         }, typeof item === 'string' ? {
           title: item
         } : item), {
-          default: slots.title ? () => {
-            var _slots$title;
-            return (_slots$title = slots.title) == null ? void 0 : _slots$title.call(slots, {
-              item,
-              index
-            });
-          } : undefined
+          default: slots.title ? () => slots.title?.({
+            item,
+            index
+          }) : undefined
         }), index < array.length - 1 && _createVNode(VBreadcrumbsDivider, null, {
-          default: slots.divider ? () => {
-            var _slots$divider;
-            return (_slots$divider = slots.divider) == null ? void 0 : _slots$divider.call(slots, {
-              item,
-              index
-            });
-          } : undefined
-        })])), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]
+          default: slots.divider ? () => slots.divider?.({
+            item,
+            index
+          }) : undefined
+        })])), slots.default?.()]
       });
     });
     return {};

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

@@ -1 +1 @@
-{"version":3,"file":"VBreadcrumbs.mjs","names":["VBreadcrumbsDivider","VBreadcrumbsItem","VDefaultsProvider","VIcon","IconValue","makeDensityProps","useDensity","makeRoundedProps","useRounded","makeTagProps","provideDefaults","useBackgroundColor","genericComponent","useRender","toRef","VBreadcrumbs","name","props","activeClass","String","activeColor","bgColor","color","disabled","Boolean","divider","type","default","icon","items","Array","tag","setup","slots","backgroundColorClasses","backgroundColorStyles","densityClasses","roundedClasses","hasPrepend","prepend","value","start","map","item","index","array","length","title","undefined"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.tsx"],"sourcesContent":["// Styles\nimport './VBreadcrumbs.sass'\n\n// Components\nimport { VBreadcrumbsDivider } from './VBreadcrumbsDivider'\nimport { VBreadcrumbsItem } from './VBreadcrumbsItem'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { LinkProps } from '@/composables/router'\nimport type { PropType } from 'vue'\nimport type { SlotsToProps } from '@/util'\n\nexport type BreadcrumbItem = string | (LinkProps & {\n  text: string\n  disabled?: boolean\n})\n\nexport const VBreadcrumbs = genericComponent<new <T>() => {\n  $props: {\n    items?: T[]\n  } & SlotsToProps<{\n    prepend: []\n    title: [{ item: T, index: number }]\n    divider: [{ item: T, index: number }]\n    default: []\n  }>\n}>()({\n  name: 'VBreadcrumbs',\n\n  props: {\n    activeClass: String,\n    activeColor: String,\n    bgColor: String,\n    color: String,\n    disabled: Boolean,\n    divider: {\n      type: String,\n      default: '/',\n    },\n    icon: IconValue,\n    items: {\n      type: Array as PropType<BreadcrumbItem[]>,\n      default: () => ([]),\n    },\n\n    ...makeDensityProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps({ tag: 'ul' }),\n  },\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n    const { densityClasses } = useDensity(props)\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBreadcrumbsDivider: {\n        divider: toRef(props, 'divider'),\n      },\n      VBreadcrumbsItem: {\n        activeClass: toRef(props, 'activeClass'),\n        activeColor: toRef(props, 'activeColor'),\n        color: toRef(props, 'color'),\n        disabled: toRef(props, 'disabled'),\n      },\n    })\n\n    useRender(() => {\n      const hasPrepend = !!(slots.prepend || props.icon)\n\n      return (\n        <props.tag\n          class={[\n            'v-breadcrumbs',\n            backgroundColorClasses.value,\n            densityClasses.value,\n            roundedClasses.value,\n          ]}\n          style={ backgroundColorStyles.value }\n        >\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VIcon: {\n                  icon: props.icon,\n                  start: true,\n                },\n              }}\n            >\n              <div class=\"v-breadcrumbs__prepend\">\n                { slots.prepend\n                  ? slots.prepend()\n                  : props.icon && (<VIcon />)\n                }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          { props.items.map((item, index, array) => (\n            <>\n              <VBreadcrumbsItem\n                key={ index }\n                disabled={ index >= array.length - 1 }\n                { ...(typeof item === 'string' ? { title: item } : item) }\n                v-slots={{\n                  default: slots.title ? () => slots.title?.({ item, index }) : undefined,\n                }}\n              />\n\n              { index < array.length - 1 && (\n                <VBreadcrumbsDivider\n                  v-slots={{\n                    default: slots.divider ? () => slots.divider?.({ item, index }) : undefined,\n                  }}\n                />\n              ) }\n            </>\n          )) }\n\n          { slots.default?.() }\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBreadcrumbs = InstanceType<typeof VBreadcrumbs>\n"],"mappings":"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"}
+{"version":3,"file":"VBreadcrumbs.mjs","names":["VBreadcrumbsDivider","VBreadcrumbsItem","VDefaultsProvider","VIcon","IconValue","makeDensityProps","useDensity","makeRoundedProps","useRounded","makeTagProps","provideDefaults","useBackgroundColor","genericComponent","useRender","toRef","VBreadcrumbs","name","props","activeClass","String","activeColor","bgColor","color","disabled","Boolean","divider","type","default","icon","items","Array","tag","setup","slots","backgroundColorClasses","backgroundColorStyles","densityClasses","roundedClasses","hasPrepend","prepend","value","start","map","item","index","array","length","title","undefined"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.tsx"],"sourcesContent":["// Styles\nimport './VBreadcrumbs.sass'\n\n// Components\nimport { VBreadcrumbsDivider } from './VBreadcrumbsDivider'\nimport { VBreadcrumbsItem } from './VBreadcrumbsItem'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { LinkProps } from '@/composables/router'\nimport type { PropType } from 'vue'\nimport type { SlotsToProps } from '@/util'\n\nexport type BreadcrumbItem = string | (LinkProps & {\n  text: string\n  disabled?: boolean\n})\n\nexport const VBreadcrumbs = genericComponent<new <T>() => {\n  $props: {\n    items?: T[]\n  } & SlotsToProps<{\n    prepend: []\n    title: [{ item: T, index: number }]\n    divider: [{ item: T, index: number }]\n    default: []\n  }>\n}>()({\n  name: 'VBreadcrumbs',\n\n  props: {\n    activeClass: String,\n    activeColor: String,\n    bgColor: String,\n    color: String,\n    disabled: Boolean,\n    divider: {\n      type: String,\n      default: '/',\n    },\n    icon: IconValue,\n    items: {\n      type: Array as PropType<BreadcrumbItem[]>,\n      default: () => ([]),\n    },\n\n    ...makeDensityProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps({ tag: 'ul' }),\n  },\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n    const { densityClasses } = useDensity(props)\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBreadcrumbsDivider: {\n        divider: toRef(props, 'divider'),\n      },\n      VBreadcrumbsItem: {\n        activeClass: toRef(props, 'activeClass'),\n        activeColor: toRef(props, 'activeColor'),\n        color: toRef(props, 'color'),\n        disabled: toRef(props, 'disabled'),\n      },\n    })\n\n    useRender(() => {\n      const hasPrepend = !!(slots.prepend || props.icon)\n\n      return (\n        <props.tag\n          class={[\n            'v-breadcrumbs',\n            backgroundColorClasses.value,\n            densityClasses.value,\n            roundedClasses.value,\n          ]}\n          style={ backgroundColorStyles.value }\n        >\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VIcon: {\n                  icon: props.icon,\n                  start: true,\n                },\n              }}\n            >\n              <div class=\"v-breadcrumbs__prepend\">\n                { slots.prepend\n                  ? slots.prepend()\n                  : props.icon && (<VIcon />)\n                }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          { props.items.map((item, index, array) => (\n            <>\n              <VBreadcrumbsItem\n                key={ index }\n                disabled={ index >= array.length - 1 }\n                { ...(typeof item === 'string' ? { title: item } : item) }\n                v-slots={{\n                  default: slots.title ? () => slots.title?.({ item, index }) : undefined,\n                }}\n              />\n\n              { index < array.length - 1 && (\n                <VBreadcrumbsDivider\n                  v-slots={{\n                    default: slots.divider ? () => slots.divider?.({ item, index }) : undefined,\n                  }}\n                />\n              ) }\n            </>\n          )) }\n\n          { slots.default?.() }\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBreadcrumbs = InstanceType<typeof VBreadcrumbs>\n"],"mappings":"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"}

package/lib/components/VBreadcrumbs/VBreadcrumbsDivider.mjs

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 // Utility
-import { defineComponent, useRender } from "../../util/index.mjs";
-export const VBreadcrumbsDivider = defineComponent({
+import { genericComponent, useRender } from "../../util/index.mjs";
+export const VBreadcrumbsDivider = genericComponent()({
   name: 'VBreadcrumbsDivider',
   props: {
     divider: [Number, String]
@@ -10,12 +10,9 @@ export const VBreadcrumbsDivider = defineComponent({
     let {
       slots
     } = _ref;
-    useRender(() => {
-      var _slots$default;
-      return _createVNode("li", {
-        "class": "v-breadcrumbs-divider"
-      }, [(slots == null ? void 0 : (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)) ?? props.divider]);
-    });
+    useRender(() => _createVNode("li", {
+      "class": "v-breadcrumbs-divider"
+    }, [slots?.default?.() ?? props.divider]));
     return {};
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"VBreadcrumbsDivider.mjs","names":["defineComponent","useRender","VBreadcrumbsDivider","name","props","divider","Number","String","setup","slots","default"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsDivider.tsx"],"sourcesContent":["// Utility\nimport { defineComponent, useRender } from '@/util'\n\nexport const VBreadcrumbsDivider = defineComponent({\n  name: 'VBreadcrumbsDivider',\n\n  props: {\n    divider: [Number, String],\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <li class=\"v-breadcrumbs-divider\">\n        { slots?.default?.() ?? props.divider }\n      </li>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,mBAAmB,GAAGF,eAAe,CAAC;EACjDG,IAAI,EAAE,qBAAqB;EAE3BC,KAAK,EAAE;IACLC,OAAO,EAAE,CAACC,MAAM,EAAEC,MAAM;EAC1B,CAAC;EAEDC,KAAK,CAAEJ,KAAK,QAAa;IAAA,IAAX;MAAEK;IAAM,CAAC;IACrBR,SAAS,CAAC;MAAA;MAAA;QAAA,SACE;MAAuB,IAC7B,CAAAQ,KAAK,sCAALA,KAAK,CAAEC,OAAO,qBAAd,oBAAAD,KAAK,CAAa,KAAIL,KAAK,CAACC,OAAO;IAAA,CAExC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VBreadcrumbsDivider.mjs","names":["genericComponent","useRender","VBreadcrumbsDivider","name","props","divider","Number","String","setup","slots","default"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsDivider.tsx"],"sourcesContent":["// Utility\nimport { genericComponent, useRender } from '@/util'\n\nexport const VBreadcrumbsDivider = genericComponent()({\n  name: 'VBreadcrumbsDivider',\n\n  props: {\n    divider: [Number, String],\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <li class=\"v-breadcrumbs-divider\">\n        { slots?.default?.() ?? props.divider }\n      </li>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;AAAA,SACSA,gBAAgB,EAAEC,SAAS;AAEpC,OAAO,MAAMC,mBAAmB,GAAGF,gBAAgB,EAAE,CAAC;EACpDG,IAAI,EAAE,qBAAqB;EAE3BC,KAAK,EAAE;IACLC,OAAO,EAAE,CAACC,MAAM,EAAEC,MAAM;EAC1B,CAAC;EAEDC,KAAK,CAAEJ,KAAK,QAAa;IAAA,IAAX;MAAEK;IAAM,CAAC;IACrBR,SAAS,CAAC;MAAA,SACE;IAAuB,IAC7BQ,KAAK,EAAEC,OAAO,IAAI,IAAIN,KAAK,CAACC,OAAO,EAExC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs

@@ -4,8 +4,8 @@ import { makeRouterProps, useLink } from "../../composables/router.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { useTextColor } from "../../composables/color.mjs"; // Utilities
 import { computed } from 'vue';
-import { defineComponent, useRender } from "../../util/index.mjs";
-export const VBreadcrumbsItem = defineComponent({
+import { genericComponent, useRender } from "../../util/index.mjs";
+export const VBreadcrumbsItem = genericComponent()({
   name: 'VBreadcrumbsItem',
   props: {
     active: Boolean,
@@ -25,17 +25,13 @@ export const VBreadcrumbsItem = defineComponent({
       attrs
     } = _ref;
     const link = useLink(props, attrs);
-    const isActive = computed(() => {
-      var _link$isActive;
-      return props.active || ((_link$isActive = link.isActive) == null ? void 0 : _link$isActive.value);
-    });
+    const isActive = computed(() => props.active || link.isActive?.value);
     const color = computed(() => isActive.value ? props.activeColor : props.color);
     const {
       textColorClasses,
       textColorStyles
     } = useTextColor(color);
     useRender(() => {
-      var _slots$default;
       const Tag = link.isLink.value ? 'a' : props.tag;
       return _createVNode(Tag, {
         "class": ['v-breadcrumbs-item', {
@@ -49,7 +45,7 @@ export const VBreadcrumbsItem = defineComponent({
         "aria-current": isActive.value ? 'page' : undefined,
         "onClick": link.navigate
       }, {
-        default: () => [((_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)) ?? props.title]
+        default: () => [slots.default?.() ?? props.title]
       });
     });
     return {};

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

@@ -1 +1 @@
-{"version":3,"file":"VBreadcrumbsItem.mjs","names":["makeRouterProps","useLink","makeTagProps","useTextColor","computed","defineComponent","useRender","VBreadcrumbsItem","name","props","active","Boolean","activeClass","String","activeColor","color","disabled","title","tag","setup","slots","attrs","link","isActive","value","textColorClasses","textColorStyles","Tag","isLink","href","undefined","navigate","default"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsItem.tsx"],"sourcesContent":["// Composables\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\nexport const VBreadcrumbsItem = defineComponent({\n  name: 'VBreadcrumbsItem',\n\n  props: {\n    active: Boolean,\n    activeClass: String,\n    activeColor: String,\n    color: String,\n    disabled: Boolean,\n    title: String,\n\n    ...makeRouterProps(),\n    ...makeTagProps({ tag: 'li' }),\n  },\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      const Tag = link.isLink.value ? 'a' : props.tag\n\n      return (\n        <Tag\n          class={[\n            'v-breadcrumbs-item',\n            {\n              'v-breadcrumbs-item--active': isActive.value,\n              'v-breadcrumbs-item--disabled': props.disabled,\n              'v-breadcrumbs-item--link': link.isLink.value,\n              [`${props.activeClass}`]: isActive.value && props.activeClass,\n            },\n            textColorClasses.value,\n          ]}\n          style={[\n            textColorStyles.value,\n          ]}\n          href={ link.href.value }\n          aria-current={ isActive.value ? 'page' : undefined }\n          onClick={ link.navigate }\n        >\n          { slots.default?.() ?? props.title }\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBreadcrumbsItem = InstanceType<typeof VBreadcrumbsItem>\n"],"mappings":";AAAA;AAAA,SACSA,eAAe,EAAEC,OAAO;AAAA,SACxBC,YAAY;AAAA,SACZC,YAAY,uCAErB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,gBAAgB,GAAGF,eAAe,CAAC;EAC9CG,IAAI,EAAE,kBAAkB;EAExBC,KAAK,EAAE;IACLC,MAAM,EAAEC,OAAO;IACfC,WAAW,EAAEC,MAAM;IACnBC,WAAW,EAAED,MAAM;IACnBE,KAAK,EAAEF,MAAM;IACbG,QAAQ,EAAEL,OAAO;IACjBM,KAAK,EAAEJ,MAAM;IAEb,GAAGb,eAAe,EAAE;IACpB,GAAGE,YAAY,CAAC;MAAEgB,GAAG,EAAE;IAAK,CAAC;EAC/B,CAAC;EAEDC,KAAK,CAAEV,KAAK,QAAoB;IAAA,IAAlB;MAAEW,KAAK;MAAEC;IAAM,CAAC;IAC5B,MAAMC,IAAI,GAAGrB,OAAO,CAACQ,KAAK,EAAEY,KAAK,CAAC;IAClC,MAAME,QAAQ,GAAGnB,QAAQ,CAAC;MAAA;MAAA,OAAMK,KAAK,CAACC,MAAM,uBAAIY,IAAI,CAACC,QAAQ,qBAAb,eAAeC,KAAK;IAAA,EAAC;IACrE,MAAMT,KAAK,GAAGX,QAAQ,CAAC,MAAMmB,QAAQ,CAACC,KAAK,GAAGf,KAAK,CAACK,WAAW,GAAGL,KAAK,CAACM,KAAK,CAAC;IAE9E,MAAM;MAAEU,gBAAgB;MAAEC;IAAgB,CAAC,GAAGvB,YAAY,CAACY,KAAK,CAAC;IAEjET,SAAS,CAAC,MAAM;MAAA;MACd,MAAMqB,GAAG,GAAGL,IAAI,CAACM,MAAM,CAACJ,KAAK,GAAG,GAAG,GAAGf,KAAK,CAACS,GAAG;MAE/C;QAAA,SAEW,CACL,oBAAoB,EACpB;UACE,4BAA4B,EAAEK,QAAQ,CAACC,KAAK;UAC5C,8BAA8B,EAAEf,KAAK,CAACO,QAAQ;UAC9C,0BAA0B,EAAEM,IAAI,CAACM,MAAM,CAACJ,KAAK;UAC7C,CAAE,GAAEf,KAAK,CAACG,WAAY,EAAC,GAAGW,QAAQ,CAACC,KAAK,IAAIf,KAAK,CAACG;QACpD,CAAC,EACDa,gBAAgB,CAACD,KAAK,CACvB;QAAA,SACM,CACLE,eAAe,CAACF,KAAK,CACtB;QAAA,QACMF,IAAI,CAACO,IAAI,CAACL,KAAK;QAAA,gBACPD,QAAQ,CAACC,KAAK,GAAG,MAAM,GAAGM,SAAS;QAAA,WACxCR,IAAI,CAACS;MAAQ;QAAA,gBAErB,mBAAAX,KAAK,CAACY,OAAO,qBAAb,oBAAAZ,KAAK,CAAY,KAAIX,KAAK,CAACQ,KAAK;MAAA;IAGxC,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VBreadcrumbsItem.mjs","names":["makeRouterProps","useLink","makeTagProps","useTextColor","computed","genericComponent","useRender","VBreadcrumbsItem","name","props","active","Boolean","activeClass","String","activeColor","color","disabled","title","tag","setup","slots","attrs","link","isActive","value","textColorClasses","textColorStyles","Tag","isLink","href","undefined","navigate","default"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsItem.tsx"],"sourcesContent":["// Composables\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\nexport const VBreadcrumbsItem = genericComponent()({\n  name: 'VBreadcrumbsItem',\n\n  props: {\n    active: Boolean,\n    activeClass: String,\n    activeColor: String,\n    color: String,\n    disabled: Boolean,\n    title: String,\n\n    ...makeRouterProps(),\n    ...makeTagProps({ tag: 'li' }),\n  },\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      const Tag = link.isLink.value ? 'a' : props.tag\n\n      return (\n        <Tag\n          class={[\n            'v-breadcrumbs-item',\n            {\n              'v-breadcrumbs-item--active': isActive.value,\n              'v-breadcrumbs-item--disabled': props.disabled,\n              'v-breadcrumbs-item--link': link.isLink.value,\n              [`${props.activeClass}`]: isActive.value && props.activeClass,\n            },\n            textColorClasses.value,\n          ]}\n          style={[\n            textColorStyles.value,\n          ]}\n          href={ link.href.value }\n          aria-current={ isActive.value ? 'page' : undefined }\n          onClick={ link.navigate }\n        >\n          { slots.default?.() ?? props.title }\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBreadcrumbsItem = InstanceType<typeof VBreadcrumbsItem>\n"],"mappings":";AAAA;AAAA,SACSA,eAAe,EAAEC,OAAO;AAAA,SACxBC,YAAY;AAAA,SACZC,YAAY,uCAErB;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,SAAS;AAEpC,OAAO,MAAMC,gBAAgB,GAAGF,gBAAgB,EAAE,CAAC;EACjDG,IAAI,EAAE,kBAAkB;EAExBC,KAAK,EAAE;IACLC,MAAM,EAAEC,OAAO;IACfC,WAAW,EAAEC,MAAM;IACnBC,WAAW,EAAED,MAAM;IACnBE,KAAK,EAAEF,MAAM;IACbG,QAAQ,EAAEL,OAAO;IACjBM,KAAK,EAAEJ,MAAM;IAEb,GAAGb,eAAe,EAAE;IACpB,GAAGE,YAAY,CAAC;MAAEgB,GAAG,EAAE;IAAK,CAAC;EAC/B,CAAC;EAEDC,KAAK,CAAEV,KAAK,QAAoB;IAAA,IAAlB;MAAEW,KAAK;MAAEC;IAAM,CAAC;IAC5B,MAAMC,IAAI,GAAGrB,OAAO,CAACQ,KAAK,EAAEY,KAAK,CAAC;IAClC,MAAME,QAAQ,GAAGnB,QAAQ,CAAC,MAAMK,KAAK,CAACC,MAAM,IAAIY,IAAI,CAACC,QAAQ,EAAEC,KAAK,CAAC;IACrE,MAAMT,KAAK,GAAGX,QAAQ,CAAC,MAAMmB,QAAQ,CAACC,KAAK,GAAGf,KAAK,CAACK,WAAW,GAAGL,KAAK,CAACM,KAAK,CAAC;IAE9E,MAAM;MAAEU,gBAAgB;MAAEC;IAAgB,CAAC,GAAGvB,YAAY,CAACY,KAAK,CAAC;IAEjET,SAAS,CAAC,MAAM;MACd,MAAMqB,GAAG,GAAGL,IAAI,CAACM,MAAM,CAACJ,KAAK,GAAG,GAAG,GAAGf,KAAK,CAACS,GAAG;MAE/C;QAAA,SAEW,CACL,oBAAoB,EACpB;UACE,4BAA4B,EAAEK,QAAQ,CAACC,KAAK;UAC5C,8BAA8B,EAAEf,KAAK,CAACO,QAAQ;UAC9C,0BAA0B,EAAEM,IAAI,CAACM,MAAM,CAACJ,KAAK;UAC7C,CAAE,GAAEf,KAAK,CAACG,WAAY,EAAC,GAAGW,QAAQ,CAACC,KAAK,IAAIf,KAAK,CAACG;QACpD,CAAC,EACDa,gBAAgB,CAACD,KAAK,CACvB;QAAA,SACM,CACLE,eAAe,CAACF,KAAK,CACtB;QAAA,QACMF,IAAI,CAACO,IAAI,CAACL,KAAK;QAAA,gBACPD,QAAQ,CAACC,KAAK,GAAG,MAAM,GAAGM,SAAS;QAAA,WACxCR,IAAI,CAACS;MAAQ;QAAA,gBAErBX,KAAK,CAACY,OAAO,IAAI,IAAIvB,KAAK,CAACQ,KAAK;MAAA;IAGxC,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -5,9 +5,9 @@ import * as vue_router from 'vue-router';
 // @ts-ignore
 import { RouteLocationRaw } from 'vue-router';
 
-declare type Density = null | 'default' | 'comfortable' | 'compact';
+type Density = null | 'default' | 'comfortable' | 'compact';
 
-declare type IconValue = string | JSXComponent;
+type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
 interface LinkProps {
@@ -17,7 +17,7 @@ interface LinkProps {
     exact: boolean | undefined;
 }
 
-declare type BreadcrumbItem = string | (LinkProps & {
+type BreadcrumbItem = string | (LinkProps & {
     text: string;
     disabled?: boolean;
 });
@@ -62,7 +62,7 @@ declare const VBreadcrumbs: {
                 type: PropType<BreadcrumbItem[]>;
                 default: () => never[];
             };
-        }, "$children" | "items" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:title" | "v-slot:divider">>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "disabled" | "tag" | "rounded" | "density" | "divider">;
+        }, "$children" | "v-slot:default" | "items" | "v-slots" | "v-slot:title" | "v-slot:prepend" | "v-slot:divider">>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "disabled" | "tag" | "rounded" | "density" | "divider">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -72,8 +72,8 @@ declare const VBreadcrumbs: {
         $slots: Readonly<{
             [name: string]: vue.Slot | undefined;
         }>;
-        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
@@ -107,13 +107,13 @@ declare const VBreadcrumbs: {
                 type: PropType<BreadcrumbItem[]>;
                 default: () => never[];
             };
-        }, "$children" | "items" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:title" | "v-slot:divider">>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "items" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:title" | "v-slot:divider">, string, {
+        }, "$children" | "v-slot:default" | "items" | "v-slots" | "v-slot:title" | "v-slot:prepend" | "v-slot:divider">>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "items" | "v-slots" | "v-slot:title" | "v-slot:prepend" | "v-slot:divider">, string, {
             disabled: boolean;
             tag: string;
             rounded: string | number | boolean;
             density: Density;
             divider: string;
-        }> & {
+        }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -128,11 +128,11 @@ declare const VBreadcrumbs: {
             unmounted?: ((() => void) | (() => void)[]) | undefined;
             renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
             renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
-        $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & Readonly<vue.ExtractPropTypes<Omit<{
         tag: Omit<{
             type: StringConstructor;
@@ -164,7 +164,7 @@ declare const VBreadcrumbs: {
             type: PropType<BreadcrumbItem[]>;
             default: () => never[];
         };
-    }, "$children" | "items" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:title" | "v-slot:divider">>> & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties;
+    }, "$children" | "v-slot:default" | "items" | "v-slots" | "v-slot:title" | "v-slot:prepend" | "v-slot:divider">>> & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -199,24 +199,24 @@ declare const VBreadcrumbs: {
         type: PropType<BreadcrumbItem[]>;
         default: () => never[];
     };
-}, "$children" | "items" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:title" | "v-slot:divider">>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "items" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:title" | "v-slot:divider">, string, {
+}, "$children" | "v-slot:default" | "items" | "v-slots" | "v-slot:title" | "v-slot:prepend" | "v-slot:divider">>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "items" | "v-slots" | "v-slot:title" | "v-slot:prepend" | "v-slot:divider">, string, {
     disabled: boolean;
     tag: string;
     rounded: string | number | boolean;
     density: Density;
     divider: string;
-}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>() => {
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1>() => {
     $props: {
-        items?: T[] | undefined;
+        items?: T_1[] | undefined;
     } & {
         $children?: {} | vue.VNodeChild | {
             prepend?: (() => vue.VNodeChild) | undefined;
             title?: ((args_0: {
-                item: T;
+                item: T_1;
                 index: number;
             }) => vue.VNodeChild) | undefined;
             divider?: ((args_0: {
-                item: T;
+                item: T_1;
                 index: number;
             }) => vue.VNodeChild) | undefined;
             default?: (() => vue.VNodeChild) | undefined;
@@ -224,11 +224,11 @@ declare const VBreadcrumbs: {
         'v-slots'?: {
             prepend?: false | (() => vue.VNodeChild) | undefined;
             title?: false | ((args_0: {
-                item: T;
+                item: T_1;
                 index: number;
             }) => vue.VNodeChild) | undefined;
             divider?: false | ((args_0: {
-                item: T;
+                item: T_1;
                 index: number;
             }) => vue.VNodeChild) | undefined;
             default?: false | (() => vue.VNodeChild) | undefined;
@@ -236,67 +236,93 @@ declare const VBreadcrumbs: {
     } & {
         "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:title"?: false | ((args_0: {
-            item: T;
+            item: T_1;
             index: number;
         }) => vue.VNodeChild) | undefined;
         "v-slot:divider"?: false | ((args_0: {
-            item: T;
+            item: T_1;
             index: number;
         }) => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     };
 });
-declare type VBreadcrumbs = InstanceType<typeof VBreadcrumbs>;
+type VBreadcrumbs = InstanceType<typeof VBreadcrumbs>;
 
 declare const VBreadcrumbsItem: vue.DefineComponent<{
-    tag: Omit<{
-        type: StringConstructor;
-        default: string;
-    }, "type" | "default"> & {
-        type: vue.PropType<string>;
-        default: string;
+    replace: boolean;
+    exact: boolean;
+    active: boolean;
+    disabled: boolean;
+    tag: string;
+} & {
+    color?: string | undefined;
+    title?: string | undefined;
+    href?: string | undefined;
+    to?: vue_router.RouteLocationRaw | undefined;
+    activeClass?: string | undefined;
+    activeColor?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-    href: StringConstructor;
-    replace: BooleanConstructor;
-    to: vue.PropType<vue_router.RouteLocationRaw>;
-    exact: BooleanConstructor;
-    active: BooleanConstructor;
-    activeClass: StringConstructor;
-    activeColor: StringConstructor;
-    color: StringConstructor;
-    disabled: BooleanConstructor;
-    title: StringConstructor;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    tag: Omit<{
-        type: StringConstructor;
-        default: string;
-    }, "type" | "default"> & {
-        type: vue.PropType<string>;
-        default: string;
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    replace: boolean;
+    exact: boolean;
+    active: boolean;
+    disabled: boolean;
+    tag: string;
+} & {
+    color?: string | undefined;
+    title?: string | undefined;
+    href?: string | undefined;
+    to?: vue_router.RouteLocationRaw | undefined;
+    activeClass?: string | undefined;
+    activeColor?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-    href: StringConstructor;
-    replace: BooleanConstructor;
-    to: vue.PropType<vue_router.RouteLocationRaw>;
-    exact: BooleanConstructor;
-    active: BooleanConstructor;
-    activeClass: StringConstructor;
-    activeColor: StringConstructor;
-    color: StringConstructor;
-    disabled: BooleanConstructor;
-    title: StringConstructor;
-}>>, {
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     replace: boolean;
     exact: boolean;
     active: boolean;
     disabled: boolean;
     tag: string;
 }>;
-declare type VBreadcrumbsItem = InstanceType<typeof VBreadcrumbsItem>;
+type VBreadcrumbsItem = InstanceType<typeof VBreadcrumbsItem>;
 
-declare const VBreadcrumbsDivider: vue.DefineComponent<{
-    divider: (StringConstructor | NumberConstructor)[];
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    divider: (StringConstructor | NumberConstructor)[];
-}>>, {}>;
+declare const VBreadcrumbsDivider: vue.DefineComponent<{} & {
+    divider?: string | number | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {} & {
+    divider?: string | number | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {}>;
 
 export { VBreadcrumbs, VBreadcrumbsDivider, VBreadcrumbsItem };

package/lib/components/VBtn/VBtn.css

@@ -88,28 +88,28 @@
   position: fixed;
 }
 .v-btn:hover > .v-btn__overlay {
-  opacity: calc(0.04 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
 }
 .v-btn:focus-visible > .v-btn__overlay {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
 }
 @supports not selector(:focus-visible) {
   .v-btn:focus > .v-btn__overlay {
-    opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+    opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
   }
 }
 .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
-  opacity: calc(0.12 * var(--v-theme-overlay-multiplier));
+  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
 }
 .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
-  opacity: calc(0.16 * var(--v-theme-overlay-multiplier));
+  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
 }
 .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
-  opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
 }
 @supports not selector(:focus-visible) {
   .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
-    opacity: calc(0.24 * var(--v-theme-overlay-multiplier));
+    opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
   }
 }
 .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {

package/lib/components/VBtn/VBtn.mjs

@@ -25,8 +25,8 @@ import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { useSelectLink } from "../../composables/selectLink.mjs"; // Utilities
 import { computed } from 'vue';
-import { defineComponent, useRender } from "../../util/index.mjs"; // Types
-export const VBtn = defineComponent({
+import { genericComponent, useRender } from "../../util/index.mjs"; // Types
+export const VBtn = genericComponent()({
   name: 'VBtn',
   directives: {
     Ripple
@@ -120,12 +120,11 @@ export const VBtn = defineComponent({
         return props.active;
       }
       if (link.isLink.value) {
-        var _link$isActive;
-        return (_link$isActive = link.isActive) == null ? void 0 : _link$isActive.value;
+        return link.isActive?.value;
       }
-      return group == null ? void 0 : group.isSelected.value;
+      return group?.isSelected.value;
     });
-    const isDisabled = computed(() => (group == null ? void 0 : group.disabled.value) || props.disabled);
+    const isDisabled = computed(() => group?.disabled.value || props.disabled);
     const isElevated = computed(() => {
       return props.variant === 'elevated' && !(props.disabled || props.flat || props.border);
     });
@@ -133,17 +132,16 @@ export const VBtn = defineComponent({
       if (props.value === undefined) return undefined;
       return Object(props.value) === props.value ? JSON.stringify(props.value, null, 0) : props.value;
     });
-    useSelectLink(link, group == null ? void 0 : group.select);
+    useSelectLink(link, group?.select);
     useRender(() => {
-      var _link$isActive2, _link$isActive3, _slots$prepend, _slots$default, _slots$append, _slots$loader;
       const Tag = link.isLink.value ? 'a' : props.tag;
       const hasPrepend = !!(props.prependIcon || slots.prepend);
       const hasAppend = !!(props.appendIcon || slots.append);
       const hasIcon = !!(props.icon && props.icon !== true);
-      const hasColor = (group == null ? void 0 : group.isSelected.value) && (!link.isLink.value || ((_link$isActive2 = link.isActive) == null ? void 0 : _link$isActive2.value)) || !group || ((_link$isActive3 = link.isActive) == null ? void 0 : _link$isActive3.value);
+      const hasColor = group?.isSelected.value && (!link.isLink.value || link.isActive?.value) || !group || link.isActive?.value;
       return _withDirectives(_createVNode(Tag, {
         "type": Tag === 'a' ? undefined : 'button',
-        "class": ['v-btn', group == null ? void 0 : group.selectedClass.value, {
+        "class": ['v-btn', group?.selectedClass.value, {
           'v-btn--active': isActive.value,
           'v-btn--block': props.block,
           'v-btn--disabled': isDisabled.value,
@@ -157,10 +155,9 @@ export const VBtn = defineComponent({
         "disabled": isDisabled.value || undefined,
         "href": link.href.value,
         "onClick": e => {
-          var _link$navigate;
           if (isDisabled.value) return;
-          (_link$navigate = link.navigate) == null ? void 0 : _link$navigate.call(link, e);
-          group == null ? void 0 : group.toggle();
+          link.navigate?.(e);
+          group?.toggle();
         },
         "value": valueAttr.value
       }, {
@@ -174,7 +171,7 @@ export const VBtn = defineComponent({
         }, {
           default: () => [_createVNode("span", {
             "class": "v-btn__prepend"
-          }, [((_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots)) ?? _createVNode(VIcon, null, null)])]
+          }, [slots.prepend?.() ?? _createVNode(VIcon, null, null)])]
         }), _createVNode("span", {
           "class": "v-btn__content",
           "data-no-activator": ""
@@ -186,7 +183,7 @@ export const VBtn = defineComponent({
             }
           }
         }, {
-          default: () => [((_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)) ?? (hasIcon && _createVNode(VIcon, {
+          default: () => [slots.default?.() ?? (hasIcon && _createVNode(VIcon, {
             "key": "icon"
           }, null))]
         })]), !props.icon && hasAppend && _createVNode(VDefaultsProvider, {
@@ -199,11 +196,11 @@ export const VBtn = defineComponent({
         }, {
           default: () => [_createVNode("span", {
             "class": "v-btn__append"
-          }, [((_slots$append = slots.append) == null ? void 0 : _slots$append.call(slots)) ?? _createVNode(VIcon, null, null)])]
+          }, [slots.append?.() ?? _createVNode(VIcon, null, null)])]
         }), !!props.loading && _createVNode("span", {
           "key": "loader",
           "class": "v-btn__loader"
-        }, [((_slots$loader = slots.loader) == null ? void 0 : _slots$loader.call(slots)) ?? _createVNode(VProgressCircular, {
+        }, [slots.loader?.() ?? _createVNode(VProgressCircular, {
           "color": typeof props.loading === 'boolean' ? undefined : props.loading,
           "indeterminate": true,
           "size": "23",