@vuetify/nightly 3.0.0-alpha.8 → 3.0.0-beta.0

package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs

@@ -1,23 +1,25 @@
-import { mergeProps as _mergeProps, Fragment as _Fragment, createVNode as _createVNode } from "vue";
+import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, Fragment as _Fragment, createVNode as _createVNode } from "vue";
 // Styles
-import "./VBreadcrumbs.sass"; // Components
+import "./VBreadcrumbs.css"; // Components
 
-import VBreadcrumbsItem from "./VBreadcrumbsItem.mjs";
-import VBreadcrumbsDivider from "./VBreadcrumbsDivider.mjs";
-import { VIcon } from "../VIcon/index.mjs"; // Composables
+import { VIcon } from "../VIcon/index.mjs";
+import { VBreadcrumbsItem } from "./VBreadcrumbsItem.mjs";
+import { VBreadcrumbsDivider } from "./VBreadcrumbsDivider.mjs"; // Composables
 
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
-import { useTextColor } from "../../composables/color.mjs"; // Utilities
+import { provideDefaults } from "../../composables/defaults.mjs";
+import { useBackgroundColor } from "../../composables/color.mjs"; // Utilities
 
-import { computed, defineComponent, provide, toRef } from 'vue';
-import { makeProps } from "../../util/index.mjs"; // Types
+import { toRef } from 'vue';
+import { defineComponent, useRender } from "../../util/index.mjs"; // Types
 
-export const VBreadcrumbsSymbol = Symbol.for('vuetify:breadcrumbs');
-export default defineComponent({
+export const VBreadcrumbs = defineComponent({
   name: 'VBreadcrumbs',
-  props: makeProps({
+  props: {
+    activeClass: String,
+    bgColor: String,
     color: String,
     disabled: Boolean,
     divider: {
@@ -34,63 +36,66 @@ export default defineComponent({
     ...makeTagProps({
       tag: 'ul'
     })
-  }),
+  },
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
     const {
       densityClasses
-    } = useDensity(props, 'v-breadcrumbs');
+    } = useDensity(props);
     const {
       roundedClasses
-    } = useRounded(props, 'v-breadcrumbs');
+    } = useRounded(props);
     const {
-      textColorClasses,
-      textColorStyles
-    } = useTextColor(toRef(props, 'color'));
-    const items = computed(() => {
-      return props.items.map((item, index, array) => ({
-        props: {
-          disabled: index >= array.length - 1,
-          ...(typeof item === 'string' ? {
-            text: item
-          } : item)
-        }
-      }));
-    });
-    provide(VBreadcrumbsSymbol, {
-      color: toRef(props, 'color'),
-      disabled: toRef(props, 'disabled')
+      backgroundColorClasses,
+      backgroundColorStyles
+    } = useBackgroundColor(toRef(props, 'bgColor'));
+    provideDefaults({
+      VBreadcrumbsItem: {
+        activeClass: toRef(props, 'activeClass'),
+        color: toRef(props, 'color'),
+        disabled: toRef(props, 'disabled')
+      }
     });
-    return () => {
+    useRender(() => {
       var _slots$default;
 
       return _createVNode(props.tag, {
-        "class": ['v-breadcrumbs', densityClasses.value, roundedClasses.value, textColorClasses.value],
-        "style": [textColorStyles.value]
+        "class": ['v-breadcrumbs', backgroundColorClasses.value, densityClasses.value, roundedClasses.value],
+        "style": backgroundColorStyles.value
       }, {
         default: () => [props.icon && _createVNode(VIcon, {
           "icon": props.icon,
           "left": true
-        }, null, 8, ["icon", "left"]), items.value.map((item, index) => {
-          var _slots$item;
+        }, null), props.items.map((item, index, array) => {
+          var _slots$divider, _slots$divider2;
 
           return _createVNode(_Fragment, null, [_createVNode(VBreadcrumbsItem, _mergeProps({
-            "key": index
-          }, item.props), {
-            default: () => [(_slots$item = slots.item) == null ? void 0 : _slots$item.call(slots, { ...item,
-              index
-            })]
-          }, 16), index < props.items.length - 1 && _createVNode(VBreadcrumbsDivider, null, {
-            default: () => [slots.divider ? slots.divider({ ...item,
+            "key": index,
+            "disabled": index >= array.length - 1
+          }, typeof item === 'string' ? {
+            text: item
+          } : item), {
+            default: slots.text ? () => {
+              var _slots$text;
+
+              return (_slots$text = slots.text) == null ? void 0 : _slots$text.call(slots, {
+                item,
+                index
+              });
+            } : undefined
+          }), index < array.length - 1 && _createVNode(VBreadcrumbsDivider, null, {
+            default: () => [(_slots$divider = (_slots$divider2 = slots.divider) == null ? void 0 : _slots$divider2.call(slots, {
+              item,
               index
-            }) : props.divider]
+            })) != null ? _slots$divider : props.divider]
           })]);
-        }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)],
-        _: 1
-      }, 8, ["class", "style"]);
-    };
+        }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]
+      });
+    });
+    return {};
   }
 
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.tsx"],"names":["VBreadcrumbsItem","VBreadcrumbsDivider","VIcon","makeDensityProps","useDensity","makeRoundedProps","useRounded","makeTagProps","useTextColor","computed","defineComponent","provide","toRef","makeProps","VBreadcrumbsSymbol","Symbol","for","name","props","color","String","disabled","Boolean","divider","type","default","icon","items","Array","tag","setup","slots","densityClasses","roundedClasses","textColorClasses","textColorStyles","map","item","index","array","length","text","value"],"mappings":";AAAA;AACA,6B,CAEA;;OACOA,gB;OACAC,mB;SACEC,K,8BAET;;SACSC,gB,EAAkBC,U;SAClBC,gB,EAAkBC,U;SAClBC,Y;SACAC,Y,uCAET;;AACA,SAASC,QAAT,EAAmBC,eAAnB,EAAoCC,OAApC,EAA6CC,KAA7C,QAA0D,KAA1D;SACSC,S,gCAET;;AASA,OAAO,MAAMC,kBAAoD,GAAGC,MAAM,CAACC,GAAP,CAAW,qBAAX,CAA7D;AAMP,eAAeN,eAAe,CAAC;AAC7BO,EAAAA,IAAI,EAAE,cADuB;AAG7BC,EAAAA,KAAK,EAAEL,SAAS,CAAC;AACfM,IAAAA,KAAK,EAAEC,MADQ;AAEfC,IAAAA,QAAQ,EAAEC,OAFK;AAGfC,IAAAA,OAAO,EAAE;AACPC,MAAAA,IAAI,EAAEJ,MADC;AAEPK,MAAAA,OAAO,EAAE;AAFF,KAHM;AAOfC,IAAAA,IAAI,EAAEN,MAPS;AAQfO,IAAAA,KAAK,EAAE;AACLH,MAAAA,IAAI,EAAEI,KADD;AAELH,MAAAA,OAAO,EAAE,MAAO;AAFX,KARQ;AAaf,OAAGtB,gBAAgB,EAbJ;AAcf,OAAGE,gBAAgB,EAdJ;AAef,OAAGE,YAAY,CAAC;AAAEsB,MAAAA,GAAG,EAAE;AAAP,KAAD;AAfA,GAAD,CAHa;;AAqB7BC,EAAAA,KAAK,CAAEZ,KAAF,EAAS;AAAEa,IAAAA;AAAF,GAAT,EAAoB;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAqB5B,UAAU,CAACc,KAAD,EAAQ,eAAR,CAArC;AACA,UAAM;AAAEe,MAAAA;AAAF,QAAqB3B,UAAU,CAACY,KAAD,EAAQ,eAAR,CAArC;AACA,UAAM;AAAEgB,MAAAA,gBAAF;AAAoBC,MAAAA;AAApB,QAAwC3B,YAAY,CAACI,KAAK,CAACM,KAAD,EAAQ,OAAR,CAAN,CAA1D;AACA,UAAMS,KAAK,GAAGlB,QAAQ,CAAC,MAAM;AAC3B,aAAOS,KAAK,CAACS,KAAN,CAAYS,GAAZ,CAAgB,CAACC,IAAD,EAAOC,KAAP,EAAcC,KAAd,MAAyB;AAC9CrB,QAAAA,KAAK,EAAE;AACLG,UAAAA,QAAQ,EAAEiB,KAAK,IAAIC,KAAK,CAACC,MAAN,GAAe,CAD7B;AAEL,cAAI,OAAOH,IAAP,KAAgB,QAAhB,GAA2B;AAAEI,YAAAA,IAAI,EAAEJ;AAAR,WAA3B,GAA4CA,IAAhD;AAFK;AADuC,OAAzB,CAAhB,CAAP;AAMD,KAPqB,CAAtB;AASA1B,IAAAA,OAAO,CAACG,kBAAD,EAAqB;AAC1BK,MAAAA,KAAK,EAAEP,KAAK,CAACM,KAAD,EAAQ,OAAR,CADc;AAE1BG,MAAAA,QAAQ,EAAET,KAAK,CAACM,KAAD,EAAQ,UAAR;AAFW,KAArB,CAAP;AAKA,WAAO;AAAA;;AAAA;AAAA,iBAEI,CACL,eADK,EAELc,cAAc,CAACU,KAFV,EAGLT,cAAc,CAACS,KAHV,EAILR,gBAAgB,CAACQ,KAJZ,CAFJ;AAAA,iBAQI,CACLP,eAAe,CAACO,KADX;AARJ;AAAA,wBAYDxB,KAAK,CAACQ,IAAN;AAAA,kBACcR,KAAK,CAACQ,IADpB;AAAA;AAAA,qCAZC,EAgBDC,KAAK,CAACe,KAAN,CAAYN,GAAZ,CAAgB,CAACC,IAAD,EAAOC,KAAP;AAAA;;AAAA;AAAA,mBAGNA;AAHM,aAIPD,IAAI,CAACnB,KAJE;AAAA,2CAMVa,KAAK,CAACM,IANI,qBAMV,iBAAAN,KAAK,EAAQ,EAAE,GAAGM,IAAL;AAAWC,cAAAA;AAAX,aAAR,CANK;AAAA,kBASZA,KAAK,GAAGpB,KAAK,CAACS,KAAN,CAAYa,MAAZ,GAAqB,CAA7B;AAAA,4BAEIT,KAAK,CAACR,OAAN,GAAgBQ,KAAK,CAACR,OAAN,CAAc,EAAE,GAAGc,IAAL;AAAWC,cAAAA;AAAX,aAAd,CAAhB,GAAoDpB,KAAK,CAACK,OAF9D;AAAA,YATY;AAAA,SAAhB,CAhBC,oBAiCDQ,KAAK,CAACN,OAjCL,qBAiCD,oBAAAM,KAAK,CAjCJ;AAAA;AAAA;AAAA,KAAP;AAoCD;;AA3E4B,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VBreadcrumbs.sass'\n\n// Components\nimport VBreadcrumbsItem from './VBreadcrumbsItem'\nimport VBreadcrumbsDivider from './VBreadcrumbsDivider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, defineComponent, provide, toRef } from 'vue'\nimport { makeProps } from '@/util'\n\n// Types\nimport type { InjectionKey, PropType, Ref } from 'vue'\nimport type { LinkProps } from '@/composables/router'\n\ninterface BreadcrumbsContext {\n  color: Ref<string | undefined>\n  disabled: Ref<boolean>\n}\n\nexport const VBreadcrumbsSymbol: InjectionKey<BreadcrumbsContext> = Symbol.for('vuetify:breadcrumbs')\n\nexport type BreadcrumbItem = string | (LinkProps & {\n  text: string\n})\n\nexport default defineComponent({\n  name: 'VBreadcrumbs',\n\n  props: makeProps({\n    color: String,\n    disabled: Boolean,\n    divider: {\n      type: String,\n      default: '/',\n    },\n    icon: String,\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 { densityClasses } = useDensity(props, 'v-breadcrumbs')\n    const { roundedClasses } = useRounded(props, 'v-breadcrumbs')\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n    const items = computed(() => {\n      return props.items.map((item, index, array) => ({\n        props: {\n          disabled: index >= array.length - 1,\n          ...(typeof item === 'string' ? { text: item } : item),\n        },\n      }))\n    })\n\n    provide(VBreadcrumbsSymbol, {\n      color: toRef(props, 'color'),\n      disabled: toRef(props, 'disabled'),\n    })\n\n    return () => (\n      <props.tag\n        class={[\n          'v-breadcrumbs',\n          densityClasses.value,\n          roundedClasses.value,\n          textColorClasses.value,\n        ]}\n        style={[\n          textColorStyles.value,\n        ]}\n      >\n        { props.icon && (\n          <VIcon icon={ props.icon } left />\n        ) }\n\n        { items.value.map((item, index) => (\n          <>\n            <VBreadcrumbsItem\n              key={ index }\n              { ...item.props }\n            >\n              { slots.item?.({ ...item, index }) }\n            </VBreadcrumbsItem>\n\n            { index < props.items.length - 1 && (\n              <VBreadcrumbsDivider>\n                { slots.divider ? slots.divider({ ...item, index }) : props.divider }\n              </VBreadcrumbsDivider>\n            ) }\n          </>\n        )) }\n\n        { slots.default?.() }\n      </props.tag>\n    )\n  },\n})\n"],"file":"VBreadcrumbs.mjs"}
+{"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.tsx"],"names":["VIcon","VBreadcrumbsItem","VBreadcrumbsDivider","makeDensityProps","useDensity","makeRoundedProps","useRounded","makeTagProps","provideDefaults","useBackgroundColor","toRef","defineComponent","useRender","VBreadcrumbs","name","props","activeClass","String","bgColor","color","disabled","Boolean","divider","type","default","icon","items","Array","tag","setup","slots","densityClasses","roundedClasses","backgroundColorClasses","backgroundColorStyles","value","map","item","index","array","length","text","undefined"],"mappings":"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","sourcesContent":["// Styles\nimport './VBreadcrumbs.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VBreadcrumbsItem } from './VBreadcrumbsItem'\nimport { VBreadcrumbsDivider } from './VBreadcrumbsDivider'\n\n// Composables\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 { toRef } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { LinkProps } from '@/composables/router'\n\nexport type BreadcrumbItem = string | (LinkProps & {\n  text: string\n})\n\nexport const VBreadcrumbs = defineComponent({\n  name: 'VBreadcrumbs',\n\n  props: {\n    activeClass: String,\n    bgColor: String,\n    color: String,\n    disabled: Boolean,\n    divider: {\n      type: String,\n      default: '/',\n    },\n    icon: String,\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 { densityClasses } = useDensity(props)\n    const { roundedClasses } = useRounded(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n\n    provideDefaults({\n      VBreadcrumbsItem: {\n        activeClass: toRef(props, 'activeClass'),\n        color: toRef(props, 'color'),\n        disabled: toRef(props, 'disabled'),\n      },\n    })\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-breadcrumbs',\n          backgroundColorClasses.value,\n          densityClasses.value,\n          roundedClasses.value,\n        ]}\n        style={ backgroundColorStyles.value }\n      >\n        { props.icon && (\n          <VIcon icon={ props.icon } left />\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' ? { text: item } : item) }\n              v-slots={{\n                default: slots.text ? () => slots.text?.({ 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    return {}\n  },\n})\n\nexport type VBreadcrumbs = InstanceType<typeof VBreadcrumbs>\n"],"file":"VBreadcrumbs.mjs"}

package/lib/components/VBreadcrumbs/VBreadcrumbs.sass

@@ -1,14 +1,16 @@
-@import ./index
+@forward './variables'
+@use '../../styles/tools'
+@use './variables' as *
 
 .v-breadcrumbs
   line-height: $breadcrumbs-line-height
   padding: $breadcrumbs-padding
 
   &--rounded
-    @include rounded($breadcrumbs-rounded-border-radius)
+    @include tools.rounded($breadcrumbs-rounded-border-radius)
 
   @at-root
-    @include density('v-breadcrumbs', $breadcrumbs-density) using ($modifier)
+    @include tools.density('v-breadcrumbs', $breadcrumbs-density) using ($modifier)
       padding-top: $breadcrumbs-padding + $modifier
       padding-bottom: $breadcrumbs-padding + $modifier
 

package/lib/components/VBreadcrumbs/VBreadcrumbsDivider.mjs

@@ -1,3 +1,3 @@
 import { createSimpleFunctional } from "../../util/index.mjs";
-export default createSimpleFunctional('v-breadcrumbs-divider', 'li');
+export const VBreadcrumbsDivider = createSimpleFunctional('v-breadcrumbs-divider', 'li');
 //# sourceMappingURL=VBreadcrumbsDivider.mjs.map

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

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

package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs

@@ -1,16 +1,14 @@
-import { createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Composables
 import { makeRouterProps, useLink } from "../../composables/router.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { useTextColor } from "../../composables/color.mjs"; // Utilities
 
-import { computed, defineComponent, inject } from 'vue';
-import { makeProps } from "../../util/index.mjs"; // Types
-
-import { VBreadcrumbsSymbol } from "./VBreadcrumbs.mjs";
-export default defineComponent({
+import { computed } from 'vue';
+import { defineComponent, useRender } from "../../util/index.mjs";
+export const VBreadcrumbsItem = defineComponent({
   name: 'VBreadcrumbsItem',
-  props: makeProps({
+  props: {
     active: Boolean,
     activeClass: String,
     activeColor: String,
@@ -21,49 +19,46 @@ export default defineComponent({
     ...makeTagProps({
       tag: 'li'
     })
-  }),
-
-  setup(props, {
-    slots,
-    attrs
-  }) {
-    const breadcrumbs = inject(VBreadcrumbsSymbol);
-    if (!breadcrumbs) throw new Error('[Vuetify] Could not find v-breadcrumbs provider');
-    const link = useLink(props, attrs);
-    const isActive = computed(() => {
-      var _link$isExactActive;
+  },
 
-      return props.active || ((_link$isExactActive = link.isExactActive) == null ? void 0 : _link$isExactActive.value);
-    });
-    const color = computed(() => {
-      var _props$activeColor;
-
-      if (isActive.value) return (_props$activeColor = props.activeColor) != null ? _props$activeColor : breadcrumbs.color.value;
-      return props.color;
-    });
+  setup(props, _ref) {
+    let {
+      slots,
+      attrs
+    } = _ref;
+    const {
+      isExactActive,
+      isLink,
+      navigate
+    } = useLink(props, attrs);
+    const isActive = computed(() => props.active || (isExactActive == null ? void 0 : isExactActive.value));
+    const color = computed(() => isActive.value ? props.activeColor : props.color);
     const {
       textColorClasses,
       textColorStyles
     } = useTextColor(color);
-    return () => {
-      var _slots$default;
-
-      const Tag = link.isLink.value ? 'a' : props.tag;
+    useRender(() => {
+      const Tag = isLink.value ? 'a' : props.tag;
+      const hasText = !!(slots.default || props.text);
       return _createVNode(Tag, {
         "class": ['v-breadcrumbs-item', {
           'v-breadcrumbs-item--active': isActive.value,
-          'v-breadcrumbs-item--disabled': props.disabled || breadcrumbs.disabled.value,
-          'v-breadcrumbs-item--link': link.isLink.value,
+          'v-breadcrumbs-item--disabled': props.disabled,
+          'v-breadcrumbs-item--link': isLink.value,
           [`${props.activeClass}`]: isActive.value && props.activeClass
         }, textColorClasses.value],
         "style": [textColorStyles.value],
         "aria-current": isActive.value ? 'page' : undefined,
-        "onClick": isActive.value && link.navigate
+        "onClick": isActive.value && navigate
       }, {
-        default: () => [props.text, (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)],
-        _: 1
-      }, 8, ["class", "style", "aria-current", "onClick"]);
-    };
+        default: hasText ? () => {
+          var _slots$default, _slots$default2;
+
+          return (_slots$default = (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots)) != null ? _slots$default : props.text;
+        } : undefined
+      });
+    });
+    return {};
   }
 
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsItem.tsx"],"names":["makeRouterProps","useLink","makeTagProps","useTextColor","computed","defineComponent","inject","makeProps","VBreadcrumbsSymbol","name","props","active","Boolean","activeClass","String","activeColor","color","disabled","text","tag","setup","slots","attrs","breadcrumbs","Error","link","isActive","isExactActive","value","textColorClasses","textColorStyles","Tag","isLink","undefined","navigate","default"],"mappings":";AAAA;SACSA,e,EAAiBC,O;SACjBC,Y;SACAC,Y,uCAET;;AACA,SAASC,QAAT,EAAmBC,eAAnB,EAAoCC,MAApC,QAAkD,KAAlD;SACSC,S,gCAET;;SACSC,kB;AAET,eAAeH,eAAe,CAAC;AAC7BI,EAAAA,IAAI,EAAE,kBADuB;AAG7BC,EAAAA,KAAK,EAAEH,SAAS,CAAC;AACfI,IAAAA,MAAM,EAAEC,OADO;AAEfC,IAAAA,WAAW,EAAEC,MAFE;AAGfC,IAAAA,WAAW,EAAED,MAHE;AAIfE,IAAAA,KAAK,EAAEF,MAJQ;AAKfG,IAAAA,QAAQ,EAAEL,OALK;AAMfM,IAAAA,IAAI,EAAEJ,MANS;AAQf,OAAGd,eAAe,EARH;AASf,OAAGE,YAAY,CAAC;AAAEiB,MAAAA,GAAG,EAAE;AAAP,KAAD;AATA,GAAD,CAHa;;AAe7BC,EAAAA,KAAK,CAAEV,KAAF,EAAS;AAAEW,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAT,EAA2B;AAC9B,UAAMC,WAAW,GAAGjB,MAAM,CAACE,kBAAD,CAA1B;AAEA,QAAI,CAACe,WAAL,EAAkB,MAAM,IAAIC,KAAJ,CAAU,iDAAV,CAAN;AAElB,UAAMC,IAAI,GAAGxB,OAAO,CAACS,KAAD,EAAQY,KAAR,CAApB;AACA,UAAMI,QAAQ,GAAGtB,QAAQ,CAAC,MAAM;AAAA;;AAC9B,aAAOM,KAAK,CAACC,MAAN,4BAAgBc,IAAI,CAACE,aAArB,qBAAgB,oBAAoBC,KAApC,CAAP;AACD,KAFwB,CAAzB;AAGA,UAAMZ,KAAK,GAAGZ,QAAQ,CAAC,MAAM;AAAA;;AAC3B,UAAIsB,QAAQ,CAACE,KAAb,EAAoB,6BAAOlB,KAAK,CAACK,WAAb,iCAA4BQ,WAAW,CAACP,KAAZ,CAAkBY,KAA9C;AAEpB,aAAOlB,KAAK,CAACM,KAAb;AACD,KAJqB,CAAtB;AAKA,UAAM;AAAEa,MAAAA,gBAAF;AAAoBC,MAAAA;AAApB,QAAwC3B,YAAY,CAACa,KAAD,CAA1D;AAEA,WAAO,MAAM;AAAA;;AACX,YAAMe,GAAG,GAAIN,IAAI,CAACO,MAAL,CAAYJ,KAAb,GAAsB,GAAtB,GAA4BlB,KAAK,CAACS,GAA9C;AAEA;AAAA,iBAEW,CACL,oBADK,EAEL;AACE,wCAA8BO,QAAQ,CAACE,KADzC;AAEE,0CAAgClB,KAAK,CAACO,QAAN,IAAkBM,WAAW,CAACN,QAAZ,CAAqBW,KAFzE;AAGE,sCAA4BH,IAAI,CAACO,MAAL,CAAYJ,KAH1C;AAIE,WAAE,GAAElB,KAAK,CAACG,WAAY,EAAtB,GAA0Ba,QAAQ,CAACE,KAAT,IAAkBlB,KAAK,CAACG;AAJpD,SAFK,EAQLgB,gBAAgB,CAACD,KARZ,CAFX;AAAA,iBAYW,CACLE,eAAe,CAACF,KADX,CAZX;AAAA,wBAemBF,QAAQ,CAACE,KAAT,GAAiB,MAAjB,GAA0BK,SAf7C;AAAA,mBAgBcP,QAAQ,CAACE,KAAT,IAAkBH,IAAI,CAACS;AAhBrC;AAAA,wBAkBMxB,KAAK,CAACQ,IAlBZ,oBAoBMG,KAAK,CAACc,OApBZ,qBAoBM,oBAAAd,KAAK,CApBX;AAAA;AAAA;AAuBD,KA1BD;AA2BD;;AA1D4B,CAAD,CAA9B","sourcesContent":["// Composables\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeTagProps } from '@/composables/tag'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, defineComponent, inject } from 'vue'\nimport { makeProps } from '@/util'\n\n// Types\nimport { VBreadcrumbsSymbol } from './VBreadcrumbs'\n\nexport default defineComponent({\n  name: 'VBreadcrumbsItem',\n\n  props: makeProps({\n    active: Boolean,\n    activeClass: String,\n    activeColor: String,\n    color: String,\n    disabled: Boolean,\n    text: String,\n\n    ...makeRouterProps(),\n    ...makeTagProps({ tag: 'li' }),\n  }),\n\n  setup (props, { slots, attrs }) {\n    const breadcrumbs = inject(VBreadcrumbsSymbol)\n\n    if (!breadcrumbs) throw new Error('[Vuetify] Could not find v-breadcrumbs provider')\n\n    const link = useLink(props, attrs)\n    const isActive = computed(() => {\n      return props.active || link.isExactActive?.value\n    })\n    const color = computed(() => {\n      if (isActive.value) return props.activeColor ?? breadcrumbs.color.value\n\n      return props.color\n    })\n    const { textColorClasses, textColorStyles } = useTextColor(color)\n\n    return () => {\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 || breadcrumbs.disabled.value,\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          aria-current={ isActive.value ? 'page' : undefined }\n          onClick={ isActive.value && link.navigate }\n        >\n          { props.text }\n\n          { slots.default?.() }\n        </Tag>\n      )\n    }\n  },\n})\n"],"file":"VBreadcrumbsItem.mjs"}
+{"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsItem.tsx"],"names":["makeRouterProps","useLink","makeTagProps","useTextColor","computed","defineComponent","useRender","VBreadcrumbsItem","name","props","active","Boolean","activeClass","String","activeColor","color","disabled","text","tag","setup","slots","attrs","isExactActive","isLink","navigate","isActive","value","textColorClasses","textColorStyles","Tag","hasText","default","undefined"],"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;AAC9CG,EAAAA,IAAI,EAAE,kBADwC;AAG9CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAEC,OADH;AAELC,IAAAA,WAAW,EAAEC,MAFR;AAGLC,IAAAA,WAAW,EAAED,MAHR;AAILE,IAAAA,KAAK,EAAEF,MAJF;AAKLG,IAAAA,QAAQ,EAAEL,OALL;AAMLM,IAAAA,IAAI,EAAEJ,MAND;AAQL,OAAGb,eAAe,EARb;AASL,OAAGE,YAAY,CAAC;AAAEgB,MAAAA,GAAG,EAAE;AAAP,KAAD;AATV,GAHuC;;AAe9CC,EAAAA,KAAK,CAAEV,KAAF,QAA2B;AAAA,QAAlB;AAAEW,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAkB;AAC9B,UAAM;AAAEC,MAAAA,aAAF;AAAiBC,MAAAA,MAAjB;AAAyBC,MAAAA;AAAzB,QAAsCvB,OAAO,CAACQ,KAAD,EAAQY,KAAR,CAAnD;AACA,UAAMI,QAAQ,GAAGrB,QAAQ,CAAC,MAAMK,KAAK,CAACC,MAAN,KAAgBY,aAAhB,oBAAgBA,aAAa,CAAEI,KAA/B,CAAP,CAAzB;AACA,UAAMX,KAAK,GAAGX,QAAQ,CAAC,MAAMqB,QAAQ,CAACC,KAAT,GAAiBjB,KAAK,CAACK,WAAvB,GAAqCL,KAAK,CAACM,KAAlD,CAAtB;AAEA,UAAM;AAAEY,MAAAA,gBAAF;AAAoBC,MAAAA;AAApB,QAAwCzB,YAAY,CAACY,KAAD,CAA1D;AAEAT,IAAAA,SAAS,CAAC,MAAM;AACd,YAAMuB,GAAG,GAAIN,MAAM,CAACG,KAAR,GAAiB,GAAjB,GAAuBjB,KAAK,CAACS,GAAzC;AACA,YAAMY,OAAO,GAAG,CAAC,EAAEV,KAAK,CAACW,OAAN,IAAiBtB,KAAK,CAACQ,IAAzB,CAAjB;AAEA;AAAA,iBAEW,CACL,oBADK,EAEL;AACE,wCAA8BQ,QAAQ,CAACC,KADzC;AAEE,0CAAgCjB,KAAK,CAACO,QAFxC;AAGE,sCAA4BO,MAAM,CAACG,KAHrC;AAIE,WAAE,GAAEjB,KAAK,CAACG,WAAY,EAAtB,GAA0Ba,QAAQ,CAACC,KAAT,IAAkBjB,KAAK,CAACG;AAJpD,SAFK,EAQLe,gBAAgB,CAACD,KARZ,CAFX;AAAA,iBAYW,CACLE,eAAe,CAACF,KADX,CAZX;AAAA,wBAemBD,QAAQ,CAACC,KAAT,GAAiB,MAAjB,GAA0BM,SAf7C;AAAA,mBAgBcP,QAAQ,CAACC,KAAT,IAAkBF;AAhBhC,SAiBa;AACPO,QAAAA,OAAO,EAAED,OAAO,GAAG;AAAA;;AAAA,sDAAMV,KAAK,CAACW,OAAZ,qBAAM,qBAAAX,KAAK,CAAX,6BAA2BX,KAAK,CAACQ,IAAjC;AAAA,SAAH,GAA2Ce;AADpD,OAjBb;AAsBD,KA1BQ,CAAT;AA4BA,WAAO,EAAP;AACD;;AAnD6C,CAAD,CAAxC","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    text: String,\n\n    ...makeRouterProps(),\n    ...makeTagProps({ tag: 'li' }),\n  },\n\n  setup (props, { slots, attrs }) {\n    const { isExactActive, isLink, navigate } = useLink(props, attrs)\n    const isActive = computed(() => props.active || 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 = (isLink.value) ? 'a' : props.tag\n      const hasText = !!(slots.default || props.text)\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': isLink.value,\n              [`${props.activeClass}`]: isActive.value && props.activeClass,\n            },\n            textColorClasses.value,\n          ]}\n          style={[\n            textColorStyles.value,\n          ]}\n          aria-current={ isActive.value ? 'page' : undefined }\n          onClick={ isActive.value && navigate }\n          v-slots={{\n            default: hasText ? () => slots.default?.() ?? props.text : undefined,\n          }}\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBreadcrumbsItem = InstanceType<typeof VBreadcrumbsItem>\n"],"file":"VBreadcrumbsItem.mjs"}

package/lib/components/VBreadcrumbs/_variables.scss

@@ -1,13 +1,16 @@
+@use '../../styles/settings';
+@use '../../styles/tools';
+
 // Defaults
 $breadcrumbs-density: ('default': 0, 'comfortable': -1, 'compact': -2) !default;
 $breadcrumbs-divider-padding: 0 8px !default;
 $breadcrumbs-item-disabled-opacity: var(--v-disabled-opacity) !default;
-$breadcrumbs-item-icon-font-size: map-deep-get($typography, 'body-1', 'size') !default;
+$breadcrumbs-item-icon-font-size: tools.map-deep-get(settings.$typography, 'body-1', 'size') !default;
 $breadcrumbs-item-icon-margin-inline-end: 2px !default;
 $breadcrumbs-item-icon-margin-inline-start: -4px !default;
 $breadcrumbs-item-link-text-decoration: underline !default;
 $breadcrumbs-item-padding: 0 4px !default;
-$breadcrumbs-line-height: map-deep-get($typography, 'subtitle-2', 'line-height') !default;
-$breadcrumbs-padding: 16px !default;
-$breadcrumbs-rounded-border-radius: $border-radius-root !default;
+$breadcrumbs-line-height: tools.map-deep-get(settings.$typography, 'subtitle-2', 'line-height') !default;
+$breadcrumbs-padding: 16px 12px !default;
+$breadcrumbs-rounded-border-radius: settings.$border-radius-root !default;
 $breadcrumbs-vertical-align: middle !default;

package/lib/components/VBreadcrumbs/index.mjs

@@ -1,4 +1,4 @@
-export { default as VBreadcrumbs } from "./VBreadcrumbs.mjs";
-export { default as VBreadcrumbsItem } from "./VBreadcrumbsItem.mjs";
-export { default as VBreadcrumbsDivider } from "./VBreadcrumbsDivider.mjs";
+export { VBreadcrumbs } from "./VBreadcrumbs.mjs";
+export { VBreadcrumbsItem } from "./VBreadcrumbsItem.mjs";
+export { VBreadcrumbsDivider } from "./VBreadcrumbsDivider.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBreadcrumbs/index.ts"],"names":["default","VBreadcrumbs","VBreadcrumbsItem","VBreadcrumbsDivider"],"mappings":"SAASA,OAAO,IAAIC,Y;SACXD,OAAO,IAAIE,gB;SACXF,OAAO,IAAIG,mB","sourcesContent":["export { default as VBreadcrumbs } from './VBreadcrumbs'\nexport { default as VBreadcrumbsItem } from './VBreadcrumbsItem'\nexport { default as VBreadcrumbsDivider } from './VBreadcrumbsDivider'\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VBreadcrumbs/index.ts"],"names":["VBreadcrumbs","VBreadcrumbsItem","VBreadcrumbsDivider"],"mappings":"SAASA,Y;SACAC,gB;SACAC,mB","sourcesContent":["export { VBreadcrumbs } from './VBreadcrumbs'\nexport { VBreadcrumbsItem } from './VBreadcrumbsItem'\nexport { VBreadcrumbsDivider } from './VBreadcrumbsDivider'\n"],"file":"index.mjs"}

package/lib/components/VBreadcrumbs/shared.mjs

@@ -0,0 +1,2 @@
+export const VBreadcrumbsSymbol = Symbol.for('vuetify:breadcrumbs');
+//# sourceMappingURL=shared.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VBreadcrumbs/shared.ts"],"names":["VBreadcrumbsSymbol","Symbol","for"],"mappings":"AAOA,OAAO,MAAMA,kBAAoD,GAAGC,MAAM,CAACC,GAAP,CAAW,qBAAX,CAA7D","sourcesContent":["import type { InjectionKey, Ref } from 'vue'\n\ninterface BreadcrumbsContext {\n  color: Ref<string | undefined>\n  disabled: Ref<boolean>\n}\n\nexport const VBreadcrumbsSymbol: InjectionKey<BreadcrumbsContext> = Symbol.for('vuetify:breadcrumbs')\n"],"file":"shared.mjs"}