vuetify 3.0.0-beta.9 → 3.0.1

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 { MakeSlots } from '@/util'\nimport type { PropType } from 'vue'\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  }\n  $slots: MakeSlots<{\n    default: []\n    item: [T | number]\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\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\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                  { slots.divider?.({ item, index }) ?? props.divider }\n                </VBreadcrumbsDivider>\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 { SlotsToProps } from '@/util'\nimport type { PropType } from 'vue'\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\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\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                  { slots.divider?.({ item, index }) ?? props.divider }\n                </VBreadcrumbsDivider>\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.map

@@ -1 +1 @@
-{"version":3,"file":"VBreadcrumbsDivider.mjs","names":["createSimpleFunctional","VBreadcrumbsDivider"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsDivider.tsx"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VBreadcrumbsDivider = createSimpleFunctional('v-breadcrumbs-divider', 'li')\n"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,mBAAmB,GAAGD,sBAAsB,CAAC,uBAAD,EAA0B,IAA1B,CAAlD"}
+{"version":3,"file":"VBreadcrumbsDivider.mjs","names":["createSimpleFunctional","VBreadcrumbsDivider"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsDivider.tsx"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VBreadcrumbsDivider = createSimpleFunctional('v-breadcrumbs-divider', 'li')\n\nexport type VBreadcrumbsDivider = InstanceType<typeof VBreadcrumbsDivider>\n"],"mappings":"SAASA,sBAAsB;AAE/B,OAAO,MAAMC,mBAAmB,GAAGD,sBAAsB,CAAC,uBAAuB,EAAE,IAAI,CAAC"}

package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs

@@ -3,7 +3,6 @@ import { createVNode as _createVNode } from "vue";
 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({
@@ -20,7 +19,6 @@ export const VBreadcrumbsItem = defineComponent({
       tag: 'li'
     })
   },
-
   setup(props, _ref) {
     let {
       slots,
@@ -28,9 +26,8 @@ export const VBreadcrumbsItem = defineComponent({
     } = _ref;
     const link = useLink(props, attrs);
     const isActive = computed(() => {
-      var _link$isExactActive;
-
-      return props.active || ((_link$isExactActive = link.isExactActive) == null ? void 0 : _link$isExactActive.value);
+      var _link$isActive;
+      return props.active || ((_link$isActive = link.isActive) == null ? void 0 : _link$isActive.value);
     });
     const color = computed(() => isActive.value ? props.activeColor : props.color);
     const {
@@ -38,8 +35,7 @@ export const VBreadcrumbsItem = defineComponent({
       textColorStyles
     } = useTextColor(color);
     useRender(() => {
-      var _slots$default, _slots$default2;
-
+      var _slots$default;
       const Tag = link.isLink.value ? 'a' : props.tag;
       return _createVNode(Tag, {
         "class": ['v-breadcrumbs-item', {
@@ -53,11 +49,10 @@ export const VBreadcrumbsItem = defineComponent({
         "aria-current": isActive.value ? 'page' : undefined,
         "onClick": link.navigate
       }, {
-        default: () => [(_slots$default = (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots)) != null ? _slots$default : props.title]
+        default: () => [((_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)) ?? props.title]
       });
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VBreadcrumbsItem.mjs.map

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","isExactActive","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.isExactActive?.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;SACSA,e,EAAiBC,O;SACjBC,Y;SACAC,Y,uCAET;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,gBAAgB,GAAGF,eAAe,CAAC;EAC9CG,IAAI,EAAE,kBADwC;EAG9CC,KAAK,EAAE;IACLC,MAAM,EAAEC,OADH;IAELC,WAAW,EAAEC,MAFR;IAGLC,WAAW,EAAED,MAHR;IAILE,KAAK,EAAEF,MAJF;IAKLG,QAAQ,EAAEL,OALL;IAMLM,KAAK,EAAEJ,MANF;IAQL,GAAGb,eAAe,EARb;IASL,GAAGE,YAAY,CAAC;MAAEgB,GAAG,EAAE;IAAP,CAAD;EATV,CAHuC;;EAe9CC,KAAK,CAAEV,KAAF,QAA2B;IAAA,IAAlB;MAAEW,KAAF;MAASC;IAAT,CAAkB;IAC9B,MAAMC,IAAI,GAAGrB,OAAO,CAACQ,KAAD,EAAQY,KAAR,CAApB;IACA,MAAME,QAAQ,GAAGnB,QAAQ,CAAC;MAAA;;MAAA,OAAMK,KAAK,CAACC,MAAN,4BAAgBY,IAAI,CAACE,aAArB,qBAAgB,oBAAoBC,KAApC,CAAN;IAAA,CAAD,CAAzB;IACA,MAAMV,KAAK,GAAGX,QAAQ,CAAC,MAAMmB,QAAQ,CAACE,KAAT,GAAiBhB,KAAK,CAACK,WAAvB,GAAqCL,KAAK,CAACM,KAAlD,CAAtB;IAEA,MAAM;MAAEW,gBAAF;MAAoBC;IAApB,IAAwCxB,YAAY,CAACY,KAAD,CAA1D;IAEAT,SAAS,CAAC,MAAM;MAAA;;MACd,MAAMsB,GAAG,GAAGN,IAAI,CAACO,MAAL,CAAYJ,KAAZ,GAAoB,GAApB,GAA0BhB,KAAK,CAACS,GAA5C;MAEA;QAAA,SAEW,CACL,oBADK,EAEL;UACE,8BAA8BK,QAAQ,CAACE,KADzC;UAEE,gCAAgChB,KAAK,CAACO,QAFxC;UAGE,4BAA4BM,IAAI,CAACO,MAAL,CAAYJ,KAH1C;UAIE,CAAE,GAAEhB,KAAK,CAACG,WAAY,EAAtB,GAA0BW,QAAQ,CAACE,KAAT,IAAkBhB,KAAK,CAACG;QAJpD,CAFK,EAQLc,gBAAgB,CAACD,KARZ,CAFX;QAAA,SAYW,CACLE,eAAe,CAACF,KADX,CAZX;QAAA,QAeWH,IAAI,CAACQ,IAAL,CAAUL,KAfrB;QAAA,gBAgBmBF,QAAQ,CAACE,KAAT,GAAiB,MAAjB,GAA0BM,SAhB7C;QAAA,WAiBcT,IAAI,CAACU;MAjBnB;QAAA,qDAmBMZ,KAAK,CAACa,OAnBZ,qBAmBM,qBAAAb,KAAK,CAnBX,6BAmB2BX,KAAK,CAACQ,KAnBjC;MAAA;IAsBD,CAzBQ,CAAT;IA2BA,OAAO,EAAP;EACD;;AAlD6C,CAAD,CAAxC"}
+{"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"}

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

@@ -0,0 +1,313 @@
+import * as vue from 'vue';
+import { JSXComponent, PropType } from 'vue';
+// @ts-ignore
+import * as vue_router from 'vue-router';
+// @ts-ignore
+import { RouteLocationRaw } from 'vue-router';
+
+declare type Density = null | 'default' | 'comfortable' | 'compact';
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+interface LinkProps {
+    href: string | undefined;
+    replace: boolean | undefined;
+    to: RouteLocationRaw | undefined;
+    exact: boolean | undefined;
+}
+
+declare type BreadcrumbItem = string | (LinkProps & {
+    text: string;
+    disabled?: boolean;
+});
+declare const VBreadcrumbs: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            disabled: boolean;
+            tag: string;
+            rounded: string | number | boolean;
+            density: Density;
+            divider: string;
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+            tag: Omit<{
+                type: StringConstructor;
+                default: string;
+            }, "type" | "default"> & {
+                type: PropType<string>;
+                default: string;
+            };
+            rounded: {
+                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            density: {
+                type: PropType<Density>;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            activeClass: StringConstructor;
+            activeColor: StringConstructor;
+            bgColor: StringConstructor;
+            color: StringConstructor;
+            disabled: BooleanConstructor;
+            divider: {
+                type: StringConstructor;
+                default: string;
+            };
+            icon: PropType<IconValue>;
+            items: {
+                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">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $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;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+            tag: Omit<{
+                type: StringConstructor;
+                default: string;
+            }, "type" | "default"> & {
+                type: PropType<string>;
+                default: string;
+            };
+            rounded: {
+                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            density: {
+                type: PropType<Density>;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            activeClass: StringConstructor;
+            activeColor: StringConstructor;
+            bgColor: StringConstructor;
+            color: StringConstructor;
+            disabled: BooleanConstructor;
+            divider: {
+                type: StringConstructor;
+                default: string;
+            };
+            icon: PropType<IconValue>;
+            items: {
+                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, {
+            disabled: boolean;
+            tag: string;
+            rounded: string | number | boolean;
+            density: Density;
+            divider: string;
+        }> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            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;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & Readonly<vue.ExtractPropTypes<Omit<{
+        tag: Omit<{
+            type: StringConstructor;
+            default: string;
+        }, "type" | "default"> & {
+            type: PropType<string>;
+            default: string;
+        };
+        rounded: {
+            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        density: {
+            type: PropType<Density>;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        activeClass: StringConstructor;
+        activeColor: StringConstructor;
+        bgColor: StringConstructor;
+        color: StringConstructor;
+        disabled: BooleanConstructor;
+        divider: {
+            type: StringConstructor;
+            default: string;
+        };
+        icon: PropType<IconValue>;
+        items: {
+            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;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    density: {
+        type: PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    activeClass: StringConstructor;
+    activeColor: StringConstructor;
+    bgColor: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    divider: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: PropType<IconValue>;
+    items: {
+        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, {
+    disabled: boolean;
+    tag: string;
+    rounded: string | number | boolean;
+    density: Density;
+    divider: string;
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>() => {
+    $props: {
+        items?: T[] | undefined;
+    } & {
+        $children?: {} | vue.VNodeChild | {
+            prepend?: (() => vue.VNodeChild) | undefined;
+            title?: ((args_0: {
+                item: T;
+                index: number;
+            }) => vue.VNodeChild) | undefined;
+            divider?: ((args_0: {
+                item: T;
+                index: number;
+            }) => vue.VNodeChild) | undefined;
+            default?: (() => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            prepend?: false | (() => vue.VNodeChild) | undefined;
+            title?: false | ((args_0: {
+                item: T;
+                index: number;
+            }) => vue.VNodeChild) | undefined;
+            divider?: false | ((args_0: {
+                item: T;
+                index: number;
+            }) => vue.VNodeChild) | undefined;
+            default?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:title"?: false | ((args_0: {
+            item: T;
+            index: number;
+        }) => vue.VNodeChild) | undefined;
+        "v-slot:divider"?: false | ((args_0: {
+            item: T;
+            index: number;
+        }) => vue.VNodeChild) | undefined;
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    };
+});
+declare type VBreadcrumbs = InstanceType<typeof VBreadcrumbs>;
+
+declare const VBreadcrumbsItem: vue.DefineComponent<{
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    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;
+    };
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: vue.PropType<vue_router.RouteLocationRaw>;
+    exact: BooleanConstructor;
+    active: BooleanConstructor;
+    activeClass: StringConstructor;
+    activeColor: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    title: StringConstructor;
+}>>, {
+    replace: boolean;
+    exact: boolean;
+    active: boolean;
+    disabled: boolean;
+    tag: string;
+}>;
+declare type VBreadcrumbsItem = InstanceType<typeof VBreadcrumbsItem>;
+
+declare const VBreadcrumbsDivider: vue.DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    tag: string;
+}>;
+declare type VBreadcrumbsDivider = InstanceType<typeof VBreadcrumbsDivider>;
+
+export { VBreadcrumbs, VBreadcrumbsDivider, VBreadcrumbsItem };

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VBreadcrumbs","VBreadcrumbsItem","VBreadcrumbsDivider"],"sources":["../../../src/components/VBreadcrumbs/index.ts"],"sourcesContent":["export { VBreadcrumbs } from './VBreadcrumbs'\nexport { VBreadcrumbsItem } from './VBreadcrumbsItem'\nexport { VBreadcrumbsDivider } from './VBreadcrumbsDivider'\n"],"mappings":"SAASA,Y;SACAC,gB;SACAC,mB"}
+{"version":3,"file":"index.mjs","names":["VBreadcrumbs","VBreadcrumbsItem","VBreadcrumbsDivider"],"sources":["../../../src/components/VBreadcrumbs/index.ts"],"sourcesContent":["export { VBreadcrumbs } from './VBreadcrumbs'\nexport { VBreadcrumbsItem } from './VBreadcrumbsItem'\nexport { VBreadcrumbsDivider } from './VBreadcrumbsDivider'\n"],"mappings":"SAASA,YAAY;AAAA,SACZC,gBAAgB;AAAA,SAChBC,mBAAmB"}

package/lib/components/VBtn/VBtn.css

@@ -102,11 +102,16 @@
   opacity: calc(0.12 * 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.12 * var(--v-theme-overlay-multiplier));
-}
-.v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
   opacity: calc(0.16 * 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));
+}
+@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));
+  }
+}
 .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
   background: transparent;
   color: inherit;
@@ -125,10 +130,10 @@
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
 }
 .v-btn--variant-elevated {
-  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }
 .v-btn--variant-flat {
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }
 .v-btn--variant-outlined {
   border: thin solid currentColor;
@@ -146,7 +151,6 @@
   bottom: 0;
   left: 0;
   pointer-events: none;
-  transition: opacity 0.2s ease-in-out;
 }
 @supports selector(:focus-visible) {
   .v-btn::after {
@@ -188,10 +192,10 @@
 }
 
 .v-btn--elevated:hover, .v-btn--elevated:focus {
-  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }
 .v-btn--elevated:active {
-  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }
 .v-btn--flat {
   box-shadow: none;
@@ -379,12 +383,12 @@
 }
 
 .v-app-bar .v-btn {
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }
 
 .v-card-actions .v-btn {
   padding: 0 8px;
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
 }
 .v-card-actions .v-btn ~ .v-btn {
   margin-inline-start: 0.5rem;