@vuetify/nightly 3.0.0-beta.0 → 3.0.0-beta.13

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

@@ -0,0 +1,143 @@
+import * as vue from 'vue';
+
+declare const VBottomNavigation: vue.DefineComponent<{
+    theme: StringConstructor;
+    modelValue: Omit<{
+        type: null;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: vue.PropType<any>;
+        default: any;
+    };
+    multiple: BooleanConstructor;
+    mandatory: vue.PropType<boolean | "force">;
+    max: NumberConstructor;
+    selectedClass: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    name: Omit<{
+        type: StringConstructor;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    bgColor: StringConstructor;
+    color: StringConstructor;
+    grow: BooleanConstructor;
+    mode: {
+        type: StringConstructor;
+        validator: (v: any) => boolean;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: any) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    modelValue: Omit<{
+        type: null;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: vue.PropType<any>;
+        default: any;
+    };
+    multiple: BooleanConstructor;
+    mandatory: vue.PropType<boolean | "force">;
+    max: NumberConstructor;
+    selectedClass: {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    name: Omit<{
+        type: StringConstructor;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    bgColor: StringConstructor;
+    color: StringConstructor;
+    grow: BooleanConstructor;
+    mode: {
+        type: StringConstructor;
+        validator: (v: any) => boolean;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}, {
+    absolute: boolean;
+    height: string | number;
+    name: string;
+    order: string | number;
+    disabled: boolean;
+    multiple: boolean;
+    tag: string;
+    rounded: string | number | boolean;
+    density: "default" | "compact" | "comfortable" | null;
+    modelValue: any;
+    selectedClass: string;
+    grow: boolean;
+}>;
+declare type VBottomNavigation = InstanceType<typeof VBottomNavigation>;
+
+export { VBottomNavigation };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBottomNavigation/index.ts"],"names":["VBottomNavigation"],"mappings":"SAASA,iB","sourcesContent":["export { VBottomNavigation } from './VBottomNavigation'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VBottomNavigation"],"sources":["../../../src/components/VBottomNavigation/index.ts"],"sourcesContent":["export { VBottomNavigation } from './VBottomNavigation'\n"],"mappings":"SAASA,iB"}

package/lib/components/VBottomSheet/VBottomSheet.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBottomSheet/VBottomSheet.ts"],"names":["VDialog","extend","name","props","inset","Boolean","maxWidth","type","String","Number","default","transition","computed","classes","options","call"],"mappings":"AAAA;;AACA;AAEA,4B,CAEA;;OACOA,O;AAEP;;AACA,eAAeA,OAAO,CAACC,MAAR,CAAe;AAC5BC,EAAAA,IAAI,EAAE,gBADsB;AAG5BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,OADF;AAELC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,IAAI,EAAE,CAACC,MAAD,EAASC,MAAT,CADE;AAERC,MAAAA,OAAO,EAAE;AAFD,KAFL;AAMLC,IAAAA,UAAU,EAAE;AACVJ,MAAAA,IAAI,EAAEC,MADI;AAEVE,MAAAA,OAAO,EAAE;AAFC;AANP,GAHqB;AAe5BE,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,GAAY;AACjB,aAAO,EACL,GAAGb,OAAO,CAACc,OAAR,CAAgBF,QAAhB,CAAyBC,OAAzB,CAAiCE,IAAjC,CAAsC,IAAtC,CADE;AAEL,0BAAkB,IAFb;AAGL,iCAAyB,KAAKX;AAHzB,OAAP;AAKD;;AAPO;AAfkB,CAAf,CAAf","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport './VBottomSheet.sass'\n\n// Extensions\nimport VDialog from '../VDialog/VDialog'\n\n/* @vue/component */\nexport default VDialog.extend({\n  name: 'v-bottom-sheet',\n\n  props: {\n    inset: Boolean,\n    maxWidth: {\n      type: [String, Number],\n      default: 'auto',\n    },\n    transition: {\n      type: String,\n      default: 'bottom-sheet-transition',\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VDialog.options.computed.classes.call(this),\n        'v-bottom-sheet': true,\n        'v-bottom-sheet--inset': this.inset,\n      }\n    },\n  },\n})\n"],"file":"VBottomSheet.mjs"}
+{"version":3,"file":"VBottomSheet.mjs","names":["VDialog","extend","name","props","inset","Boolean","maxWidth","type","String","Number","default","transition","computed","classes","options","call"],"sources":["../../../src/components/VBottomSheet/VBottomSheet.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport './VBottomSheet.sass'\n\n// Extensions\nimport VDialog from '../VDialog/VDialog'\n\n/* @vue/component */\nexport default VDialog.extend({\n  name: 'v-bottom-sheet',\n\n  props: {\n    inset: Boolean,\n    maxWidth: {\n      type: [String, Number],\n      default: 'auto',\n    },\n    transition: {\n      type: String,\n      default: 'bottom-sheet-transition',\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VDialog.options.computed.classes.call(this),\n        'v-bottom-sheet': true,\n        'v-bottom-sheet--inset': this.inset,\n      }\n    },\n  },\n})\n"],"mappings":"AAAA;;AACA;AAEA,4B,CAEA;;OACOA,O;AAEP;;AACA,eAAeA,OAAO,CAACC,MAAR,CAAe;EAC5BC,IAAI,EAAE,gBADsB;EAG5BC,KAAK,EAAE;IACLC,KAAK,EAAEC,OADF;IAELC,QAAQ,EAAE;MACRC,IAAI,EAAE,CAACC,MAAD,EAASC,MAAT,CADE;MAERC,OAAO,EAAE;IAFD,CAFL;IAMLC,UAAU,EAAE;MACVJ,IAAI,EAAEC,MADI;MAEVE,OAAO,EAAE;IAFC;EANP,CAHqB;EAe5BE,QAAQ,EAAE;IACRC,OAAO,GAAY;MACjB,OAAO,EACL,GAAGb,OAAO,CAACc,OAAR,CAAgBF,QAAhB,CAAyBC,OAAzB,CAAiCE,IAAjC,CAAsC,IAAtC,CADE;QAEL,kBAAkB,IAFb;QAGL,yBAAyB,KAAKX;MAHzB,CAAP;IAKD;;EAPO;AAfkB,CAAf,CAAf"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBottomSheet/index.ts"],"names":["VBottomSheet"],"mappings":"OAAOA,Y;AAEP,SAASA,YAAT;AACA,eAAeA,YAAf","sourcesContent":["import VBottomSheet from './VBottomSheet'\n\nexport { VBottomSheet }\nexport default VBottomSheet\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VBottomSheet"],"sources":["../../../src/components/VBottomSheet/index.ts"],"sourcesContent":["import VBottomSheet from './VBottomSheet'\n\nexport { VBottomSheet }\nexport default VBottomSheet\n"],"mappings":"OAAOA,Y;AAEP,SAASA,YAAT;AACA,eAAeA,YAAf"}

package/lib/components/VBreadcrumbs/VBreadcrumbs.css

@@ -1,4 +1,6 @@
 .v-breadcrumbs {
+  display: flex;
+  align-items: center;
   line-height: 1.375rem;
   padding: 16px 12px;
 }
@@ -6,18 +8,23 @@
   border-radius: 4px;
 }
 .v-breadcrumbs--density-default {
-  padding-top: 16px 12px0px;
-  padding-bottom: 16px 12px0px;
+  padding-top: 16px;
+  padding-bottom: 16px;
 }
 
 .v-breadcrumbs--density-comfortable {
-  padding-top: 16px 12px-4px;
-  padding-bottom: 16px 12px-4px;
+  padding-top: 12px;
+  padding-bottom: 12px;
 }
 
 .v-breadcrumbs--density-compact {
-  padding-top: 16px 12px-8px;
-  padding-bottom: 16px 12px-8px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+.v-breadcrumbs__prepend {
+  align-items: center;
+  display: inline-flex;
 }
 
 .v-breadcrumbs-item {

package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs

@@ -2,23 +2,26 @@ import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, Fragm
 // Styles
 import "./VBreadcrumbs.css"; // Components
 
-import { VIcon } from "../VIcon/index.mjs";
+import { VBreadcrumbsDivider } from "./VBreadcrumbsDivider.mjs";
 import { VBreadcrumbsItem } from "./VBreadcrumbsItem.mjs";
-import { VBreadcrumbsDivider } from "./VBreadcrumbsDivider.mjs"; // Composables
+import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
+import { VIcon } from "../VIcon/index.mjs"; // Composables
 
+import { IconValue } from "../../composables/icons.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs";
 import { useBackgroundColor } from "../../composables/color.mjs"; // Utilities
 
-import { toRef } from 'vue';
-import { defineComponent, useRender } from "../../util/index.mjs"; // Types
+import { genericComponent, useRender } from "../../util/index.mjs";
+import { toRef } from 'vue'; // Types
 
-export const VBreadcrumbs = defineComponent({
+export const VBreadcrumbs = genericComponent()({
   name: 'VBreadcrumbs',
   props: {
     activeClass: String,
+    activeColor: String,
     bgColor: String,
     color: String,
     disabled: Boolean,
@@ -26,7 +29,7 @@ export const VBreadcrumbs = defineComponent({
       type: String,
       default: '/'
     },
-    icon: String,
+    icon: IconValue,
     items: {
       type: Array,
       default: () => []
@@ -42,19 +45,20 @@ export const VBreadcrumbs = defineComponent({
     let {
       slots
     } = _ref;
+    const {
+      backgroundColorClasses,
+      backgroundColorStyles
+    } = useBackgroundColor(toRef(props, 'bgColor'));
     const {
       densityClasses
     } = useDensity(props);
     const {
       roundedClasses
     } = useRounded(props);
-    const {
-      backgroundColorClasses,
-      backgroundColorStyles
-    } = useBackgroundColor(toRef(props, 'bgColor'));
     provideDefaults({
       VBreadcrumbsItem: {
         activeClass: toRef(props, 'activeClass'),
+        activeColor: toRef(props, 'activeColor'),
         color: toRef(props, 'color'),
         disabled: toRef(props, 'disabled')
       }
@@ -62,35 +66,45 @@ export const VBreadcrumbs = defineComponent({
     useRender(() => {
       var _slots$default;
 
+      const hasPrepend = !!(slots.prepend || props.icon);
       return _createVNode(props.tag, {
         "class": ['v-breadcrumbs', backgroundColorClasses.value, densityClasses.value, roundedClasses.value],
         "style": backgroundColorStyles.value
       }, {
-        default: () => [props.icon && _createVNode(VIcon, {
-          "icon": props.icon,
-          "left": true
-        }, null), props.items.map((item, index, array) => {
-          var _slots$divider, _slots$divider2;
+        default: () => [hasPrepend && _createVNode(VDefaultsProvider, {
+          "key": "prepend",
+          "defaults": {
+            VIcon: {
+              icon: props.icon,
+              start: true
+            }
+          }
+        }, {
+          default: () => [_createVNode("div", {
+            "class": "v-breadcrumbs__prepend"
+          }, [slots.prepend ? slots.prepend() : props.icon && _createVNode(VIcon, null, null)])]
+        }), props.items.map((item, index, array) => {
+          var _slots$divider;
 
           return _createVNode(_Fragment, null, [_createVNode(VBreadcrumbsItem, _mergeProps({
             "key": index,
             "disabled": index >= array.length - 1
           }, typeof item === 'string' ? {
-            text: item
+            title: item
           } : item), {
-            default: slots.text ? () => {
-              var _slots$text;
+            default: slots.title ? () => {
+              var _slots$title;
 
-              return (_slots$text = slots.text) == null ? void 0 : _slots$text.call(slots, {
+              return (_slots$title = slots.title) == null ? void 0 : _slots$title.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, {
+            default: () => [((_slots$divider = slots.divider) == null ? void 0 : _slots$divider.call(slots, {
               item,
               index
-            })) != null ? _slots$divider : props.divider]
+            })) ?? props.divider]
           })]);
         }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]
       });

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

@@ -1 +1 @@
-{"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"}
+{"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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"}

package/lib/components/VBreadcrumbs/VBreadcrumbs.sass

@@ -1,19 +1,23 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 
 .v-breadcrumbs
+  display: flex
+  align-items: center
   line-height: $breadcrumbs-line-height
-  padding: $breadcrumbs-padding
+  padding: $breadcrumbs-padding-y $breadcrumbs-padding-x
 
   &--rounded
     @include tools.rounded($breadcrumbs-rounded-border-radius)
 
   @at-root
     @include tools.density('v-breadcrumbs', $breadcrumbs-density) using ($modifier)
-      padding-top: $breadcrumbs-padding + $modifier
-      padding-bottom: $breadcrumbs-padding + $modifier
+      padding-top: #{$breadcrumbs-padding-y + $modifier}
+      padding-bottom: #{$breadcrumbs-padding-y + $modifier}
 
+.v-breadcrumbs__prepend
+  align-items: center
+  display: inline-flex
 
 .v-breadcrumbs-item
   align-items: center

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

@@ -1 +1 @@
-{"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"}
+{"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"}

package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
+import { createVNode as _createVNode } from "vue";
 // Composables
 import { makeRouterProps, useLink } from "../../composables/router.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
@@ -14,7 +14,7 @@ export const VBreadcrumbsItem = defineComponent({
     activeColor: String,
     color: String,
     disabled: Boolean,
-    text: String,
+    title: String,
     ...makeRouterProps(),
     ...makeTagProps({
       tag: 'li'
@@ -26,36 +26,34 @@ export const VBreadcrumbsItem = defineComponent({
       slots,
       attrs
     } = _ref;
-    const {
-      isExactActive,
-      isLink,
-      navigate
-    } = useLink(props, attrs);
-    const isActive = computed(() => props.active || (isExactActive == null ? void 0 : isExactActive.value));
+    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 color = computed(() => isActive.value ? props.activeColor : props.color);
     const {
       textColorClasses,
       textColorStyles
     } = useTextColor(color);
     useRender(() => {
-      const Tag = isLink.value ? 'a' : props.tag;
-      const hasText = !!(slots.default || props.text);
+      var _slots$default;
+
+      const Tag = link.isLink.value ? 'a' : props.tag;
       return _createVNode(Tag, {
         "class": ['v-breadcrumbs-item', {
           'v-breadcrumbs-item--active': isActive.value,
           'v-breadcrumbs-item--disabled': props.disabled,
-          'v-breadcrumbs-item--link': isLink.value,
+          'v-breadcrumbs-item--link': link.isLink.value,
           [`${props.activeClass}`]: isActive.value && props.activeClass
         }, textColorClasses.value],
         "style": [textColorStyles.value],
+        "href": link.href.value,
         "aria-current": isActive.value ? 'page' : undefined,
-        "onClick": isActive.value && navigate
+        "onClick": link.navigate
       }, {
-        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
+        default: () => [((_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)) ?? props.title]
       });
     });
     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","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"}
+{"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;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,uBAAgBY,IAAI,CAACC,QAArB,qBAAgB,eAAeC,KAA/B,CAAN;IAAA,CAAD,CAAzB;IACA,MAAMT,KAAK,GAAGX,QAAQ,CAAC,MAAMmB,QAAQ,CAACC,KAAT,GAAiBf,KAAK,CAACK,WAAvB,GAAqCL,KAAK,CAACM,KAAlD,CAAtB;IAEA,MAAM;MAAEU,gBAAF;MAAoBC;IAApB,IAAwCvB,YAAY,CAACY,KAAD,CAA1D;IAEAT,SAAS,CAAC,MAAM;MAAA;;MACd,MAAMqB,GAAG,GAAGL,IAAI,CAACM,MAAL,CAAYJ,KAAZ,GAAoB,GAApB,GAA0Bf,KAAK,CAACS,GAA5C;MAEA;QAAA,SAEW,CACL,oBADK,EAEL;UACE,8BAA8BK,QAAQ,CAACC,KADzC;UAEE,gCAAgCf,KAAK,CAACO,QAFxC;UAGE,4BAA4BM,IAAI,CAACM,MAAL,CAAYJ,KAH1C;UAIE,CAAE,GAAEf,KAAK,CAACG,WAAY,EAAtB,GAA0BW,QAAQ,CAACC,KAAT,IAAkBf,KAAK,CAACG;QAJpD,CAFK,EAQLa,gBAAgB,CAACD,KARZ,CAFX;QAAA,SAYW,CACLE,eAAe,CAACF,KADX,CAZX;QAAA,QAeWF,IAAI,CAACO,IAAL,CAAUL,KAfrB;QAAA,gBAgBmBD,QAAQ,CAACC,KAAT,GAAiB,MAAjB,GAA0BM,SAhB7C;QAAA,WAiBcR,IAAI,CAACS;MAjBnB;QAAA,gBAmBM,mBAAAX,KAAK,CAACY,OAAN,yCAAAZ,KAAK,MAAgBX,KAAK,CAACQ,KAnBjC;MAAA;IAsBD,CAzBQ,CAAT;IA2BA,OAAO,EAAP;EACD;;AAlD6C,CAAD,CAAxC"}

package/lib/components/VBreadcrumbs/_variables.scss

@@ -11,6 +11,7 @@ $breadcrumbs-item-icon-margin-inline-start: -4px !default;
 $breadcrumbs-item-link-text-decoration: underline !default;
 $breadcrumbs-item-padding: 0 4px !default;
 $breadcrumbs-line-height: tools.map-deep-get(settings.$typography, 'subtitle-2', 'line-height') !default;
-$breadcrumbs-padding: 16px 12px !default;
+$breadcrumbs-padding-y: 16px !default;
+$breadcrumbs-padding-x: 12px !default;
 $breadcrumbs-rounded-border-radius: settings.$border-radius-root !default;
 $breadcrumbs-vertical-align: middle !default;