@vuetify/nightly 3.0.0-beta.2 → 3.0.0-beta.3

package/lib/components/VBadge/VBadge.css

@@ -6,13 +6,12 @@
 .v-badge__badge {
   align-items: center;
   border-radius: 10px;
-  display: flex;
   font-size: 0.75rem;
   font-weight: 500;
   height: 1.25rem;
   justify-content: center;
   min-width: 20px;
-  padding: 4px;
+  padding: 4px 6px;
   pointer-events: auto;
   position: absolute;
   text-align: center;
@@ -51,6 +50,8 @@
 }
 .v-badge__badge .v-icon {
   color: inherit;
+  font-size: 0.75rem;
+  margin: 0 -2px;
 }
 .v-badge__badge img,
 .v-badge__badge .v-img {
@@ -58,10 +59,6 @@
   width: 100%;
 }
 
-.v-badge__content {
-  padding: 0 2px;
-}
-
 .v-badge__wrapper {
   display: flex;
   position: relative;

package/lib/components/VBadge/VBadge.mjs

@@ -10,10 +10,11 @@ import { makeThemeProps, useTheme } from "../../composables/theme.mjs";
 import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs";
 import { useBackgroundColor, useTextColor } from "../../composables/color.mjs";
 import { useLocale } from "../../composables/locale.mjs";
-import { useRtl } from "../../composables/rtl.mjs"; // Utilities
+import { makeLocationProps, useLocation } from "../../composables/location.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Utilities
 
-import { computed, toRef } from 'vue';
-import { convertToUnit, defineComponent, pick } from "../../util/index.mjs";
+import { toRef } from 'vue';
+import { defineComponent, pick } from "../../util/index.mjs";
 export const VBadge = defineComponent({
   name: 'VBadge',
   inheritAttrs: false,
@@ -23,20 +24,12 @@ export const VBadge = defineComponent({
     content: [Number, String],
     dot: Boolean,
     floating: Boolean,
-    icon: String,
+    icon: IconValue,
     inline: Boolean,
     label: {
       type: String,
       default: '$vuetify.badge'
     },
-    location: {
-      type: String,
-      default: 'top-end',
-      validator: value => {
-        const [vertical, horizontal] = (value != null ? value : '').split('-');
-        return ['top', 'bottom'].includes(vertical) && ['start', 'end'].includes(horizontal);
-      }
-    },
     max: [Number, String],
     modelValue: {
       type: Boolean,
@@ -45,6 +38,9 @@ export const VBadge = defineComponent({
     offsetX: [Number, String],
     offsetY: [Number, String],
     textColor: String,
+    ...makeLocationProps({
+      location: 'top end'
+    }),
     ...makeRoundedProps(),
     ...makeTagProps(),
     ...makeThemeProps(),
@@ -58,9 +54,6 @@ export const VBadge = defineComponent({
       backgroundColorClasses,
       backgroundColorStyles
     } = useBackgroundColor(toRef(props, 'color'));
-    const {
-      isRtl
-    } = useRtl();
     const {
       roundedClasses
     } = useRounded(props);
@@ -74,32 +67,13 @@ export const VBadge = defineComponent({
     const {
       themeClasses
     } = useTheme();
-    const position = computed(() => {
-      return props.floating ? props.dot ? 2 : 4 : props.dot ? 8 : 12;
-    });
-
-    function calculatePosition(offset) {
-      return `calc(100% - ${convertToUnit(position.value + parseInt(offset != null ? offset : 0, 10))})`;
-    }
-
-    const locationStyles = computed(() => {
-      var _props$location;
-
-      const [vertical, horizontal] = ((_props$location = props.location) != null ? _props$location : '').split('-');
-      const styles = {
-        bottom: 'auto',
-        left: 'auto',
-        right: 'auto',
-        top: 'auto'
-      };
-
-      if (!props.inline) {
-        const isRight = isRtl.value && horizontal === 'end' || !isRtl.value && horizontal === 'start';
-        styles[isRight ? 'right' : 'left'] = calculatePosition(props.offsetX);
-        styles[vertical === 'top' ? 'bottom' : 'top'] = calculatePosition(props.offsetY);
-      }
+    const {
+      locationStyles
+    } = useLocation(props, true, side => {
+      var _props$offsetY, _props$offsetX;
 
-      return styles;
+      const base = props.floating ? props.dot ? 2 : 4 : props.dot ? 8 : 12;
+      return base + (['top', 'bottom'].includes(side) ? +((_props$offsetY = props.offsetY) != null ? _props$offsetY : 0) : ['left', 'right'].includes(side) ? +((_props$offsetX = props.offsetX) != null ? _props$offsetX : 0) : 0);
     });
     return () => {
       var _ctx$slots$default, _ctx$slots, _ctx$slots$badge, _ctx$slots2;
@@ -122,16 +96,14 @@ export const VBadge = defineComponent({
         }, {
           default: () => [_withDirectives(_createVNode("span", _mergeProps({
             "class": ['v-badge__badge', backgroundColorClasses.value, roundedClasses.value, textColorClasses.value, themeClasses.value],
-            "style": [backgroundColorStyles.value, locationStyles.value, textColorStyles.value],
+            "style": [backgroundColorStyles.value, textColorStyles.value, props.inline ? {} : locationStyles.value],
             "aria-atomic": "true",
             "aria-label": t(props.label, value),
             "aria-live": "polite",
             "role": "status"
           }, badgeAttrs), [props.dot ? undefined : ctx.slots.badge ? (_ctx$slots$badge = (_ctx$slots2 = ctx.slots).badge) == null ? void 0 : _ctx$slots$badge.call(_ctx$slots2) : props.icon ? _createVNode(VIcon, {
             "icon": props.icon
-          }, null) : _createVNode("span", {
-            "class": "v-badge__content"
-          }, [content])]), [[_vShow, props.modelValue]])]
+          }, null) : content]), [[_vShow, props.modelValue]])]
         })])]
       });
     };

package/lib/components/VBadge/VBadge.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBadge/VBadge.tsx"],"names":["VIcon","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","useTheme","makeTransitionProps","MaybeTransition","useBackgroundColor","useTextColor","useLocale","useRtl","computed","toRef","convertToUnit","defineComponent","pick","VBadge","name","inheritAttrs","props","bordered","Boolean","color","String","content","Number","dot","floating","icon","inline","label","type","default","location","validator","value","vertical","horizontal","split","includes","max","modelValue","offsetX","offsetY","textColor","transition","setup","ctx","backgroundColorClasses","backgroundColorStyles","isRtl","roundedClasses","t","textColorClasses","textColorStyles","themeClasses","position","calculatePosition","offset","parseInt","locationStyles","styles","bottom","left","right","top","isRight","isNaN","badgeAttrs","attrs","slots","undefined","badge"],"mappings":"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","sourcesContent":["// Styles\nimport './VBadge.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useLocale } from '@/composables/locale'\nimport { useRtl } from '@/composables/rtl'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, defineComponent, pick } from '@/util'\n\nexport const VBadge = defineComponent({\n  name: 'VBadge',\n\n  inheritAttrs: false,\n\n  props: {\n    bordered: Boolean,\n    color: String,\n    content: [Number, String],\n    dot: Boolean,\n    floating: Boolean,\n    icon: String,\n    inline: Boolean,\n    label: {\n      type: String,\n      default: '$vuetify.badge',\n    },\n    location: {\n      type: String,\n      default: 'top-end',\n      validator: (value: string) => {\n        const [vertical, horizontal] = (value ?? '').split('-')\n\n        return (\n          ['top', 'bottom'].includes(vertical) &&\n          ['start', 'end'].includes(horizontal)\n        )\n      },\n    },\n    max: [Number, String],\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    offsetX: [Number, String],\n    offsetY: [Number, String],\n    textColor: String,\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeTransitionProps({ transition: 'scale-rotate-transition' }),\n  },\n\n  setup (props, ctx) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { isRtl } = useRtl()\n    const { roundedClasses } = useRounded(props)\n    const { t } = useLocale()\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'textColor'))\n    const { themeClasses } = useTheme()\n\n    const position = computed(() => {\n      return props.floating\n        ? (props.dot ? 2 : 4)\n        : (props.dot ? 8 : 12)\n    })\n\n    function calculatePosition (offset?: number | string) {\n      return `calc(100% - ${convertToUnit(position.value + parseInt(offset ?? 0, 10))})`\n    }\n\n    const locationStyles = computed(() => {\n      const [vertical, horizontal] = (props.location ?? '').split('-')\n\n      const styles = {\n        bottom: 'auto',\n        left: 'auto',\n        right: 'auto',\n        top: 'auto',\n      }\n\n      if (!props.inline) {\n        const isRight = (isRtl.value && horizontal === 'end') || (!isRtl.value && horizontal === 'start')\n\n        styles[isRight ? 'right' : 'left'] = calculatePosition(props.offsetX)\n        styles[vertical === 'top' ? 'bottom' : 'top'] = calculatePosition(props.offsetY)\n      }\n\n      return styles\n    })\n\n    return () => {\n      const value = Number(props.content)\n      const content = (!props.max || isNaN(value)) ? props.content\n        : value <= props.max ? value\n        : `${props.max}+`\n\n      const [badgeAttrs, attrs] = pick(ctx.attrs as Record<string, any>, [\n        'aria-atomic',\n        'aria-label',\n        'aria-live',\n        'role',\n        'title',\n      ])\n\n      return (\n        <props.tag\n          class={[\n            'v-badge',\n            {\n              'v-badge--bordered': props.bordered,\n              'v-badge--dot': props.dot,\n              'v-badge--floating': props.floating,\n              'v-badge--inline': props.inline,\n            },\n          ]}\n          { ...attrs }\n        >\n          <div class=\"v-badge__wrapper\">\n            { ctx.slots.default?.() }\n\n            <MaybeTransition transition={ props.transition }>\n              <span\n                v-show={ props.modelValue }\n                class={[\n                  'v-badge__badge',\n                  backgroundColorClasses.value,\n                  roundedClasses.value,\n                  textColorClasses.value,\n                  themeClasses.value,\n                ]}\n                style={[\n                  backgroundColorStyles.value,\n                  locationStyles.value,\n                  textColorStyles.value,\n                ]}\n                aria-atomic=\"true\"\n                aria-label={ t(props.label, value) }\n                aria-live=\"polite\"\n                role=\"status\"\n                { ...badgeAttrs }\n              >\n                {\n                  props.dot ? undefined\n                  : ctx.slots.badge ? ctx.slots.badge?.()\n                  : props.icon ? <VIcon icon={props.icon} />\n                  : <span class=\"v-badge__content\">{content}</span>\n                }\n              </span>\n            </MaybeTransition>\n          </div>\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport type VBadge = InstanceType<typeof VBadge>\n"],"file":"VBadge.mjs"}
+{"version":3,"file":"VBadge.mjs","names":["VIcon","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","useTheme","makeTransitionProps","MaybeTransition","useBackgroundColor","useTextColor","useLocale","makeLocationProps","useLocation","IconValue","toRef","defineComponent","pick","VBadge","name","inheritAttrs","props","bordered","Boolean","color","String","content","Number","dot","floating","icon","inline","label","type","default","max","modelValue","offsetX","offsetY","textColor","location","transition","setup","ctx","backgroundColorClasses","backgroundColorStyles","roundedClasses","t","textColorClasses","textColorStyles","themeClasses","locationStyles","side","base","includes","value","isNaN","badgeAttrs","attrs","slots","undefined","badge"],"sources":["../../../src/components/VBadge/VBadge.tsx"],"sourcesContent":["// Styles\nimport './VBadge.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useLocale } from '@/composables/locale'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { defineComponent, pick } from '@/util'\n\nexport const VBadge = defineComponent({\n  name: 'VBadge',\n\n  inheritAttrs: false,\n\n  props: {\n    bordered: Boolean,\n    color: String,\n    content: [Number, String],\n    dot: Boolean,\n    floating: Boolean,\n    icon: IconValue,\n    inline: Boolean,\n    label: {\n      type: String,\n      default: '$vuetify.badge',\n    },\n    max: [Number, String],\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    offsetX: [Number, String],\n    offsetY: [Number, String],\n    textColor: String,\n\n    ...makeLocationProps({ location: 'top end' } as const),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeTransitionProps({ transition: 'scale-rotate-transition' }),\n  },\n\n  setup (props, ctx) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { roundedClasses } = useRounded(props)\n    const { t } = useLocale()\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'textColor'))\n    const { themeClasses } = useTheme()\n\n    const { locationStyles } = useLocation(props, true, side => {\n      const base = props.floating\n        ? (props.dot ? 2 : 4)\n        : (props.dot ? 8 : 12)\n\n      return base + (\n        ['top', 'bottom'].includes(side) ? +(props.offsetY ?? 0)\n        : ['left', 'right'].includes(side) ? +(props.offsetX ?? 0)\n        : 0\n      )\n    })\n\n    return () => {\n      const value = Number(props.content)\n      const content = (!props.max || isNaN(value)) ? props.content\n        : value <= props.max ? value\n        : `${props.max}+`\n\n      const [badgeAttrs, attrs] = pick(ctx.attrs as Record<string, any>, [\n        'aria-atomic',\n        'aria-label',\n        'aria-live',\n        'role',\n        'title',\n      ])\n\n      return (\n        <props.tag\n          class={[\n            'v-badge',\n            {\n              'v-badge--bordered': props.bordered,\n              'v-badge--dot': props.dot,\n              'v-badge--floating': props.floating,\n              'v-badge--inline': props.inline,\n            },\n          ]}\n          { ...attrs }\n        >\n          <div class=\"v-badge__wrapper\">\n            { ctx.slots.default?.() }\n\n            <MaybeTransition transition={ props.transition }>\n              <span\n                v-show={ props.modelValue }\n                class={[\n                  'v-badge__badge',\n                  backgroundColorClasses.value,\n                  roundedClasses.value,\n                  textColorClasses.value,\n                  themeClasses.value,\n                ]}\n                style={[\n                  backgroundColorStyles.value,\n                  textColorStyles.value,\n                  props.inline ? {} : locationStyles.value,\n                ]}\n                aria-atomic=\"true\"\n                aria-label={ t(props.label, value) }\n                aria-live=\"polite\"\n                role=\"status\"\n                { ...badgeAttrs }\n              >\n                {\n                  props.dot ? undefined\n                  : ctx.slots.badge ? ctx.slots.badge?.()\n                  : props.icon ? <VIcon icon={ props.icon } />\n                  : content\n                }\n              </span>\n            </MaybeTransition>\n          </div>\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport type VBadge = InstanceType<typeof VBadge>\n"],"mappings":"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"}

package/lib/components/VBadge/VBadge.sass

@@ -9,7 +9,6 @@
 .v-badge__badge
   align-items: center
   border-radius: $badge-border-radius
-  display: flex
   font-size: $badge-font-size
   font-weight: $badge-font-weight
   height: $badge-height
@@ -55,15 +54,14 @@
 
   .v-icon
     color: inherit
+    font-size: $badge-font-size
+    margin: $badge-icon-margin
 
   img,
   .v-img
     height: 100%
     width: 100%
 
-.v-badge__content
-  padding: $badge-content-padding
-
 .v-badge__wrapper
   display: flex
   position: relative

package/lib/components/VBadge/_variables.scss

@@ -9,7 +9,6 @@ $badge-border-radius: 10px !default;
 $badge-border-style: solid !default;
 $badge-border-transform: scale(1.20) !default;
 $badge-border-width: 2px !default;
-$badge-content-padding: 0 2px !default;
 $badge-dot-border-radius: 4.5px;
 $badge-dot-border-width: 1.5px !default;
 $badge-dot-height: 9px !default;
@@ -23,7 +22,7 @@ $badge-icon-padding: 4px 6px !default;
 $badge-inline-vertical-align: middle !default;
 $badge-line-height: 1 !default;
 $badge-min-width: 20px !default;
-$badge-padding: 4px !default;
+$badge-padding: 4px 6px !default;
 $badge-transition: .225s settings.$standard-easing !default;
 $badge-wrapper-margin: 0 4px !default;
 

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

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

package/lib/components/VBanner/VBanner.mjs

@@ -11,12 +11,14 @@ import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
+import { makeLocationProps, useLocation } from "../../composables/location.mjs";
 import { makePositionProps, usePosition } from "../../composables/position.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs";
-import { useDisplay } from "../../composables/display.mjs"; // Utilities
+import { useDisplay } from "../../composables/display.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Utilities
 
 import { defineComponent, useRender } from "../../util/index.mjs";
 import { toRef } from 'vue'; // Types
@@ -26,7 +28,7 @@ export const VBanner = defineComponent({
   props: {
     avatar: String,
     color: String,
-    icon: String,
+    icon: IconValue,
     lines: String,
     stacked: Boolean,
     sticky: Boolean,
@@ -35,6 +37,7 @@ export const VBanner = defineComponent({
     ...makeDensityProps(),
     ...makeDimensionProps(),
     ...makeElevationProps(),
+    ...makeLocationProps(),
     ...makePositionProps(),
     ...makeRoundedProps(),
     ...makeTagProps(),
@@ -61,8 +64,10 @@ export const VBanner = defineComponent({
       elevationClasses
     } = useElevation(props);
     const {
-      positionClasses,
-      positionStyles
+      locationStyles
+    } = useLocation(props);
+    const {
+      positionClasses
     } = usePosition(props);
     const {
       roundedClasses
@@ -98,7 +103,7 @@ export const VBanner = defineComponent({
           'v-banner--sticky': props.sticky,
           [`v-banner--${props.lines}-line`]: !!props.lines
         }, borderClasses.value, densityClasses.value, elevationClasses.value, positionClasses.value, roundedClasses.value, themeClasses.value],
-        "style": [dimensionStyles.value, positionStyles.value],
+        "style": [dimensionStyles.value, locationStyles.value],
         "role": "banner"
       }, {
         default: () => [hasPrepend && _createVNode(_Fragment, null, [slots.prepend ? _createVNode("div", {

package/lib/components/VBanner/VBanner.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBanner/VBanner.tsx"],"names":["VBannerActions","VBannerAvatar","VBannerIcon","VBannerText","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","provideDefaults","useDisplay","defineComponent","useRender","toRef","VBanner","name","props","avatar","String","color","icon","lines","stacked","Boolean","sticky","text","setup","slots","borderClasses","densityClasses","mobile","dimensionStyles","elevationClasses","positionClasses","positionStyles","roundedClasses","themeClasses","density","image","hasText","hasPrepend","prepend","value","undefined","default","actions"],"mappings":"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","sourcesContent":["// Styles\nimport './VBanner.sass'\n\n// Components\nimport { VBannerActions } from './VBannerActions'\nimport { VBannerAvatar } from './VBannerAvatar'\nimport { VBannerIcon } from './VBannerIcon'\nimport { VBannerText } from './VBannerText'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useDisplay } from '@/composables/display'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VBanner = defineComponent({\n  name: 'VBanner',\n\n  props: {\n    avatar: String,\n    color: String,\n    icon: String,\n    lines: String as PropType<'one' | 'two' | 'three'>,\n    stacked: Boolean,\n    sticky: Boolean,\n    text: String,\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makePositionProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const { borderClasses } = useBorder(props)\n    const { densityClasses } = useDensity(props)\n    const { mobile } = useDisplay()\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { positionClasses, positionStyles } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n\n    const { themeClasses } = provideTheme(props)\n\n    const color = toRef(props, 'color')\n    const density = toRef(props, 'density')\n\n    provideDefaults({\n      VBannerActions: { color, density },\n      VBannerAvatar: { density, image: toRef(props, 'avatar') },\n      VBannerIcon: { color, density, icon: toRef(props, 'icon') },\n    })\n\n    useRender(() => {\n      const hasText = !!(props.text || slots.text)\n      const hasPrepend = !!(slots.prepend || props.avatar || props.icon)\n\n      return (\n        <props.tag\n          class={[\n            'v-banner',\n            {\n              'v-banner--stacked': props.stacked || mobile.value,\n              'v-banner--sticky': props.sticky,\n              [`v-banner--${props.lines}-line`]: !!props.lines,\n            },\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            themeClasses.value,\n          ]}\n          style={[\n            dimensionStyles.value,\n            positionStyles.value,\n          ]}\n          role=\"banner\"\n        >\n          { hasPrepend && (\n            <>\n              { slots.prepend\n                ? (\n                  <div class=\"v-banner__prepend\">\n                    { slots.prepend() }\n                  </div>\n                )\n                : props.avatar ? (<VBannerAvatar />)\n                : props.icon ? (<VBannerIcon />)\n                : undefined\n              }\n            </>\n          ) }\n\n          { hasText && (\n            <VBannerText>\n              { slots.text ? slots.text() : props.text }\n            </VBannerText>\n          ) }\n\n          { slots.default?.() }\n\n          { slots.actions && (\n            <VBannerActions>\n              { slots.actions() }\n            </VBannerActions>\n          ) }\n        </props.tag>\n      )\n    })\n  },\n})\n\nexport type VBanner = InstanceType<typeof VBanner>\n"],"file":"VBanner.mjs"}
+{"version":3,"file":"VBanner.mjs","names":["VBannerActions","VBannerAvatar","VBannerIcon","VBannerText","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","provideDefaults","useDisplay","IconValue","defineComponent","useRender","toRef","VBanner","name","props","avatar","String","color","icon","lines","stacked","Boolean","sticky","text","setup","slots","borderClasses","densityClasses","mobile","dimensionStyles","elevationClasses","locationStyles","positionClasses","roundedClasses","themeClasses","density","image","hasText","hasPrepend","prepend","value","undefined","default","actions"],"sources":["../../../src/components/VBanner/VBanner.tsx"],"sourcesContent":["// Styles\nimport './VBanner.sass'\n\n// Components\nimport { VBannerActions } from './VBannerActions'\nimport { VBannerAvatar } from './VBannerAvatar'\nimport { VBannerIcon } from './VBannerIcon'\nimport { VBannerText } from './VBannerText'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useDisplay } from '@/composables/display'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VBanner = defineComponent({\n  name: 'VBanner',\n\n  props: {\n    avatar: String,\n    color: String,\n    icon: IconValue,\n    lines: String as PropType<'one' | 'two' | 'three'>,\n    stacked: Boolean,\n    sticky: Boolean,\n    text: String,\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeLocationProps(),\n    ...makePositionProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const { borderClasses } = useBorder(props)\n    const { densityClasses } = useDensity(props)\n    const { mobile } = useDisplay()\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n\n    const { themeClasses } = provideTheme(props)\n\n    const color = toRef(props, 'color')\n    const density = toRef(props, 'density')\n\n    provideDefaults({\n      VBannerActions: { color, density },\n      VBannerAvatar: { density, image: toRef(props, 'avatar') },\n      VBannerIcon: { color, density, icon: toRef(props, 'icon') },\n    })\n\n    useRender(() => {\n      const hasText = !!(props.text || slots.text)\n      const hasPrepend = !!(slots.prepend || props.avatar || props.icon)\n\n      return (\n        <props.tag\n          class={[\n            'v-banner',\n            {\n              'v-banner--stacked': props.stacked || mobile.value,\n              'v-banner--sticky': props.sticky,\n              [`v-banner--${props.lines}-line`]: !!props.lines,\n            },\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            themeClasses.value,\n          ]}\n          style={[\n            dimensionStyles.value,\n            locationStyles.value,\n          ]}\n          role=\"banner\"\n        >\n          { hasPrepend && (\n            <>\n              { slots.prepend\n                ? (\n                  <div class=\"v-banner__prepend\">\n                    { slots.prepend() }\n                  </div>\n                )\n                : props.avatar ? (<VBannerAvatar />)\n                : props.icon ? (<VBannerIcon />)\n                : undefined\n              }\n            </>\n          ) }\n\n          { hasText && (\n            <VBannerText>\n              { slots.text ? slots.text() : props.text }\n            </VBannerText>\n          ) }\n\n          { slots.default?.() }\n\n          { slots.actions && (\n            <VBannerActions>\n              { slots.actions() }\n            </VBannerActions>\n          ) }\n        </props.tag>\n      )\n    })\n  },\n})\n\nexport type VBanner = InstanceType<typeof VBanner>\n"],"mappings":";AAAA;AACA,uB,CAEA;;SACSA,c;SACAC,a;SACAC,W;SACAC,W,6BAET;;SACSC,e,EAAiBC,S;SACjBC,gB,EAAkBC,U;SAClBC,kB,EAAoBC,Y;SACpBC,kB,EAAoBC,Y;SACpBC,iB,EAAmBC,W;SACnBC,iB,EAAmBC,W;SACnBC,gB,EAAkBC,U;SAClBC,Y;SACAC,c,EAAgBC,Y;SAChBC,e;SACAC,U;SACAC,S,uCAET;;SACSC,e,EAAiBC,S;AAC1B,SAASC,KAAT,QAAsB,KAAtB,C,CAEA;;AAGA,OAAO,MAAMC,OAAO,GAAGH,eAAe,CAAC;EACrCI,IAAI,EAAE,SAD+B;EAGrCC,KAAK,EAAE;IACLC,MAAM,EAAEC,MADH;IAELC,KAAK,EAAED,MAFF;IAGLE,IAAI,EAAEV,SAHD;IAILW,KAAK,EAAEH,MAJF;IAKLI,OAAO,EAAEC,OALJ;IAMLC,MAAM,EAAED,OANH;IAOLE,IAAI,EAAEP,MAPD;IASL,GAAG3B,eAAe,EATb;IAUL,GAAGE,gBAAgB,EAVd;IAWL,GAAGE,kBAAkB,EAXhB;IAYL,GAAGE,kBAAkB,EAZhB;IAaL,GAAGE,iBAAiB,EAbf;IAcL,GAAGE,iBAAiB,EAdf;IAeL,GAAGE,gBAAgB,EAfd;IAgBL,GAAGE,YAAY,EAhBV;IAiBL,GAAGC,cAAc;EAjBZ,CAH8B;;EAuBrCoB,KAAK,CAAEV,KAAF,QAAoB;IAAA,IAAX;MAAEW;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAoBpC,SAAS,CAACwB,KAAD,CAAnC;IACA,MAAM;MAAEa;IAAF,IAAqBnC,UAAU,CAACsB,KAAD,CAArC;IACA,MAAM;MAAEc;IAAF,IAAarB,UAAU,EAA7B;IACA,MAAM;MAAEsB;IAAF,IAAsBnC,YAAY,CAACoB,KAAD,CAAxC;IACA,MAAM;MAAEgB;IAAF,IAAuBlC,YAAY,CAACkB,KAAD,CAAzC;IACA,MAAM;MAAEiB;IAAF,IAAqBjC,WAAW,CAACgB,KAAD,CAAtC;IACA,MAAM;MAAEkB;IAAF,IAAsBhC,WAAW,CAACc,KAAD,CAAvC;IACA,MAAM;MAAEmB;IAAF,IAAqB/B,UAAU,CAACY,KAAD,CAArC;IAEA,MAAM;MAAEoB;IAAF,IAAmB7B,YAAY,CAACS,KAAD,CAArC;IAEA,MAAMG,KAAK,GAAGN,KAAK,CAACG,KAAD,EAAQ,OAAR,CAAnB;IACA,MAAMqB,OAAO,GAAGxB,KAAK,CAACG,KAAD,EAAQ,SAAR,CAArB;IAEAR,eAAe,CAAC;MACdrB,cAAc,EAAE;QAAEgC,KAAF;QAASkB;MAAT,CADF;MAEdjD,aAAa,EAAE;QAAEiD,OAAF;QAAWC,KAAK,EAAEzB,KAAK,CAACG,KAAD,EAAQ,QAAR;MAAvB,CAFD;MAGd3B,WAAW,EAAE;QAAE8B,KAAF;QAASkB,OAAT;QAAkBjB,IAAI,EAAEP,KAAK,CAACG,KAAD,EAAQ,MAAR;MAA7B;IAHC,CAAD,CAAf;IAMAJ,SAAS,CAAC,MAAM;MAAA;;MACd,MAAM2B,OAAO,GAAG,CAAC,EAAEvB,KAAK,CAACS,IAAN,IAAcE,KAAK,CAACF,IAAtB,CAAjB;MACA,MAAMe,UAAU,GAAG,CAAC,EAAEb,KAAK,CAACc,OAAN,IAAiBzB,KAAK,CAACC,MAAvB,IAAiCD,KAAK,CAACI,IAAzC,CAApB;MAEA;QAAA,SAEW,CACL,UADK,EAEL;UACE,qBAAqBJ,KAAK,CAACM,OAAN,IAAiBQ,MAAM,CAACY,KAD/C;UAEE,oBAAoB1B,KAAK,CAACQ,MAF5B;UAGE,CAAE,aAAYR,KAAK,CAACK,KAAM,OAA1B,GAAmC,CAAC,CAACL,KAAK,CAACK;QAH7C,CAFK,EAOLO,aAAa,CAACc,KAPT,EAQLb,cAAc,CAACa,KARV,EASLV,gBAAgB,CAACU,KATZ,EAULR,eAAe,CAACQ,KAVX,EAWLP,cAAc,CAACO,KAXV,EAYLN,YAAY,CAACM,KAZR,CAFX;QAAA,SAgBW,CACLX,eAAe,CAACW,KADX,EAELT,cAAc,CAACS,KAFV,CAhBX;QAAA,QAoBS;MApBT;QAAA,gBAsBMF,UAAU,mCAENb,KAAK,CAACc,OAAN;UAAA,SAEa;QAFb,IAGMd,KAAK,CAACc,OAAN,EAHN,KAMEzB,KAAK,CAACC,MAAN,6CACAD,KAAK,CAACI,IAAN,2CACAuB,SAVI,EAtBhB,EAqCMJ,OAAO;UAAA,gBAEHZ,KAAK,CAACF,IAAN,GAAaE,KAAK,CAACF,IAAN,EAAb,GAA4BT,KAAK,CAACS,IAF/B;QAAA,EArCb,oBA2CME,KAAK,CAACiB,OA3CZ,qBA2CM,oBAAAjB,KAAK,CA3CX,EA6CMA,KAAK,CAACkB,OAAN;UAAA,gBAEIlB,KAAK,CAACkB,OAAN,EAFJ;QAAA,EA7CN;MAAA;IAoDD,CAxDQ,CAAT;EAyDD;;AArGoC,CAAD,CAA/B"}

package/lib/components/VBanner/VBannerActions.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBanner/VBannerActions.tsx"],"names":["provideDefaults","defineComponent","useRender","VBannerActions","name","props","color","String","density","setup","slots","VBtn","variant","default"],"mappings":";AAAA;SACSA,e,0CAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,cAAc,GAAGF,eAAe,CAAC;AAC5CG,EAAAA,IAAI,EAAE,gBADsC;AAG5CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,MADF;AAELC,IAAAA,OAAO,EAAED;AAFJ,GAHqC;;AAQ5CE,EAAAA,KAAK,CAAEJ,KAAF,QAAoB;AAAA,QAAX;AAAEK,MAAAA;AAAF,KAAW;AACvBV,IAAAA,eAAe,CAAC;AACdW,MAAAA,IAAI,EAAE;AACJL,QAAAA,KAAK,EAAED,KAAK,CAACC,KADT;AAEJE,QAAAA,OAAO,EAAEH,KAAK,CAACG,OAFX;AAGJI,QAAAA,OAAO,EAAE;AAHL;AADQ,KAAD,CAAf;AAQAV,IAAAA,SAAS,CAAC;AAAA;;AAAA;AAAA,iBACG;AADH,UAEJQ,KAFI,sCAEJA,KAAK,CAAEG,OAFH,qBAEJ,oBAAAH,KAAK,CAFD;AAAA,KAAD,CAAT;AAMA,WAAO,EAAP;AACD;;AAxB2C,CAAD,CAAtC","sourcesContent":["// Composables\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utility\nimport { defineComponent, useRender } from '@/util'\n\nexport const VBannerActions = defineComponent({\n  name: 'VBannerActions',\n\n  props: {\n    color: String,\n    density: String,\n  },\n\n  setup (props, { slots }) {\n    provideDefaults({\n      VBtn: {\n        color: props.color,\n        density: props.density,\n        variant: 'text',\n      },\n    })\n\n    useRender(() => (\n      <div class=\"v-banner-actions\">\n        { slots?.default?.() }\n      </div>\n    ))\n\n    return {}\n  },\n})\n"],"file":"VBannerActions.mjs"}
+{"version":3,"file":"VBannerActions.mjs","names":["provideDefaults","defineComponent","useRender","VBannerActions","name","props","color","String","density","setup","slots","VBtn","variant","default"],"sources":["../../../src/components/VBanner/VBannerActions.tsx"],"sourcesContent":["// Composables\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utility\nimport { defineComponent, useRender } from '@/util'\n\nexport const VBannerActions = defineComponent({\n  name: 'VBannerActions',\n\n  props: {\n    color: String,\n    density: String,\n  },\n\n  setup (props, { slots }) {\n    provideDefaults({\n      VBtn: {\n        color: props.color,\n        density: props.density,\n        variant: 'text',\n      },\n    })\n\n    useRender(() => (\n      <div class=\"v-banner-actions\">\n        { slots?.default?.() }\n      </div>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,e,0CAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,cAAc,GAAGF,eAAe,CAAC;EAC5CG,IAAI,EAAE,gBADsC;EAG5CC,KAAK,EAAE;IACLC,KAAK,EAAEC,MADF;IAELC,OAAO,EAAED;EAFJ,CAHqC;;EAQ5CE,KAAK,CAAEJ,KAAF,QAAoB;IAAA,IAAX;MAAEK;IAAF,CAAW;IACvBV,eAAe,CAAC;MACdW,IAAI,EAAE;QACJL,KAAK,EAAED,KAAK,CAACC,KADT;QAEJE,OAAO,EAAEH,KAAK,CAACG,OAFX;QAGJI,OAAO,EAAE;MAHL;IADQ,CAAD,CAAf;IAQAV,SAAS,CAAC;MAAA;;MAAA;QAAA,SACG;MADH,IAEJQ,KAFI,sCAEJA,KAAK,CAAEG,OAFH,qBAEJ,oBAAAH,KAAK,CAFD;IAAA,CAAD,CAAT;IAMA,OAAO,EAAP;EACD;;AAxB2C,CAAD,CAAtC"}

package/lib/components/VBanner/VBannerAvatar.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBanner/VBannerAvatar.tsx"],"names":["makeVAvatarProps","VAvatar","defineComponent","VBannerAvatar","name","props","setup","slots"],"mappings":";AAAA;SACSA,gB,EAAkBC,O,kCAE3B;;SACSC,e;AAET,OAAO,MAAMC,aAAa,GAAGD,eAAe,CAAC;AAC3CE,EAAAA,IAAI,EAAE,eADqC;AAG3CC,EAAAA,KAAK,EAAEL,gBAAgB,EAHoB;;AAK3CM,EAAAA,KAAK,CAAED,KAAF,QAAoB;AAAA,QAAX;AAAEE,MAAAA;AAAF,KAAW;AACvB,WAAO;AAAA,eAEG;AAFH,OAGEF,KAHF,GAIOE,KAJP,CAAP;AAOD;;AAb0C,CAAD,CAArC","sourcesContent":["// Components\nimport { makeVAvatarProps, VAvatar } from '@/components/VAvatar/VAvatar'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VBannerAvatar = defineComponent({\n  name: 'VBannerAvatar',\n\n  props: makeVAvatarProps(),\n\n  setup (props, { slots }) {\n    return () => (\n      <VAvatar\n        class=\"v-banner-avatar\"\n        { ...props }\n        v-slots={ slots }\n      />\n    )\n  },\n})\n"],"file":"VBannerAvatar.mjs"}
+{"version":3,"file":"VBannerAvatar.mjs","names":["makeVAvatarProps","VAvatar","defineComponent","VBannerAvatar","name","props","setup","slots"],"sources":["../../../src/components/VBanner/VBannerAvatar.tsx"],"sourcesContent":["// Components\nimport { makeVAvatarProps, VAvatar } from '@/components/VAvatar/VAvatar'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VBannerAvatar = defineComponent({\n  name: 'VBannerAvatar',\n\n  props: makeVAvatarProps(),\n\n  setup (props, { slots }) {\n    return () => (\n      <VAvatar\n        class=\"v-banner-avatar\"\n        { ...props }\n        v-slots={ slots }\n      />\n    )\n  },\n})\n"],"mappings":";AAAA;SACSA,gB,EAAkBC,O,kCAE3B;;SACSC,e;AAET,OAAO,MAAMC,aAAa,GAAGD,eAAe,CAAC;EAC3CE,IAAI,EAAE,eADqC;EAG3CC,KAAK,EAAEL,gBAAgB,EAHoB;;EAK3CM,KAAK,CAAED,KAAF,QAAoB;IAAA,IAAX;MAAEE;IAAF,CAAW;IACvB,OAAO;MAAA,SAEG;IAFH,GAGEF,KAHF,GAIOE,KAJP,CAAP;EAOD;;AAb0C,CAAD,CAArC"}

package/lib/components/VBanner/VBannerIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBanner/VBannerIcon.tsx"],"names":["makeVAvatarProps","VAvatar","defineComponent","VBannerIcon","name","props","setup","slots"],"mappings":";AAAA;SACSA,gB,EAAkBC,O,kCAE3B;;SACSC,e;AAET,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;AACzCE,EAAAA,IAAI,EAAE,aADmC;AAGzCC,EAAAA,KAAK,EAAEL,gBAAgB,EAHkB;;AAKzCM,EAAAA,KAAK,CAAED,KAAF,QAAoB;AAAA,QAAX;AAAEE,MAAAA;AAAF,KAAW;AACvB,WAAO;AAAA,eAEG;AAFH,OAGEF,KAHF,GAIOE,KAJP,CAAP;AAOD;;AAbwC,CAAD,CAAnC","sourcesContent":["// Components\nimport { makeVAvatarProps, VAvatar } from '@/components/VAvatar/VAvatar'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VBannerIcon = defineComponent({\n  name: 'VBannerIcon',\n\n  props: makeVAvatarProps(),\n\n  setup (props, { slots }) {\n    return () => (\n      <VAvatar\n        class=\"v-banner-icon\"\n        { ...props }\n        v-slots={ slots }\n      />\n    )\n  },\n})\n"],"file":"VBannerIcon.mjs"}
+{"version":3,"file":"VBannerIcon.mjs","names":["makeVAvatarProps","VAvatar","defineComponent","VBannerIcon","name","props","setup","slots"],"sources":["../../../src/components/VBanner/VBannerIcon.tsx"],"sourcesContent":["// Components\nimport { makeVAvatarProps, VAvatar } from '@/components/VAvatar/VAvatar'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VBannerIcon = defineComponent({\n  name: 'VBannerIcon',\n\n  props: makeVAvatarProps(),\n\n  setup (props, { slots }) {\n    return () => (\n      <VAvatar\n        class=\"v-banner-icon\"\n        { ...props }\n        v-slots={ slots }\n      />\n    )\n  },\n})\n"],"mappings":";AAAA;SACSA,gB,EAAkBC,O,kCAE3B;;SACSC,e;AAET,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;EACzCE,IAAI,EAAE,aADmC;EAGzCC,KAAK,EAAEL,gBAAgB,EAHkB;;EAKzCM,KAAK,CAAED,KAAF,QAAoB;IAAA,IAAX;MAAEE;IAAF,CAAW;IACvB,OAAO;MAAA,SAEG;IAFH,GAGEF,KAHF,GAIOE,KAJP,CAAP;EAOD;;AAbwC,CAAD,CAAnC"}

package/lib/components/VBanner/VBannerText.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBanner/VBannerText.ts"],"names":["createSimpleFunctional","VBannerText"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,WAAW,GAAGD,sBAAsB,CAAC,eAAD,CAA1C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VBannerText = createSimpleFunctional('v-banner-text')\n"],"file":"VBannerText.mjs"}
+{"version":3,"file":"VBannerText.mjs","names":["createSimpleFunctional","VBannerText"],"sources":["../../../src/components/VBanner/VBannerText.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VBannerText = createSimpleFunctional('v-banner-text')\n"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,WAAW,GAAGD,sBAAsB,CAAC,eAAD,CAA1C"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBanner/index.ts"],"names":["VBanner","VBannerActions","VBannerAvatar","VBannerIcon","VBannerText"],"mappings":"SAASA,O;SACAC,c;SACAC,a;SACAC,W;SACAC,W","sourcesContent":["export { VBanner } from './VBanner'\nexport { VBannerActions } from './VBannerActions'\nexport { VBannerAvatar } from './VBannerAvatar'\nexport { VBannerIcon } from './VBannerIcon'\nexport { VBannerText } from './VBannerText'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VBanner","VBannerActions","VBannerAvatar","VBannerIcon","VBannerText"],"sources":["../../../src/components/VBanner/index.ts"],"sourcesContent":["export { VBanner } from './VBanner'\nexport { VBannerActions } from './VBannerActions'\nexport { VBannerAvatar } from './VBannerAvatar'\nexport { VBannerIcon } from './VBannerIcon'\nexport { VBannerText } from './VBannerText'\n"],"mappings":"SAASA,O;SACAC,c;SACAC,a;SACAC,W;SACAC,W"}

package/lib/components/VBottomNavigation/VBottomNavigation.css

@@ -47,7 +47,7 @@
   color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
 }
 .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
-  width: 100%;
+  flex-grow: 1;
 }
 .v-bottom-navigation--shift .v-bottom-navigation__content > .v-btn .v-btn__icon {
   top: 0.5rem;

package/lib/components/VBottomNavigation/VBottomNavigation.mjs

@@ -81,7 +81,7 @@ export const VBottomNavigation = defineComponent({
       layoutItemStyles
     } = useLayoutItem({
       id: props.name,
-      priority: computed(() => parseInt(props.priority, 10)),
+      order: computed(() => parseInt(props.order, 10)),
       position: computed(() => 'bottom'),
       layoutSize: computed(() => isActive.value ? height.value : 0),
       elementSize: height,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VBottomNavigation/VBottomNavigation.tsx"],"names":["makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeGroupProps","useGroup","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","useTheme","provideDefaults","useBackgroundColor","useProxiedModel","computed","toRef","convertToUnit","defineComponent","VBtnToggleSymbol","VBottomNavigation","name","props","bgColor","String","color","grow","Boolean","mode","type","validator","v","includes","height","Number","default","tag","modelValue","selectedClass","emits","value","setup","slots","themeClasses","borderClasses","backgroundColorClasses","backgroundColorStyles","densityClasses","elevationClasses","roundedClasses","density","isActive","layoutItemStyles","id","priority","parseInt","position","layoutSize","elementSize","active","absolute","VBtn","stacked","variant","scoped","transform"],"mappings":"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","sourcesContent":["// Styles\nimport './VBottomNavigation.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, defineComponent } from '@/util'\n\n// Types\nimport { VBtnToggleSymbol } from '../VBtnToggle/VBtnToggle'\n\nexport const VBottomNavigation = defineComponent({\n  name: 'VBottomNavigation',\n\n  props: {\n    bgColor: String,\n    color: String,\n    grow: Boolean,\n    mode: {\n      type: String,\n      validator: (v: any) => !v || ['horizontal', 'shift'].includes(v),\n    },\n    height: {\n      type: [Number, String],\n      default: 56,\n    },\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeLayoutItemProps({ name: 'bottom-navigation' }),\n    ...makeTagProps({ tag: 'header' }),\n    ...makeGroupProps({\n      modelValue: true,\n      selectedClass: 'v-btn--selected',\n    }),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = useTheme()\n    const { borderClasses } = useBorder(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n    const { densityClasses } = useDensity(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n    const height = computed(() => (\n      Number(props.height) -\n      (props.density === 'comfortable' ? 8 : 0) -\n      (props.density === 'compact' ? 16 : 0)\n    ))\n    const isActive = useProxiedModel(props, 'modelValue', props.modelValue)\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      priority: computed(() => parseInt(props.priority, 10)),\n      position: computed(() => 'bottom'),\n      layoutSize: computed(() => isActive.value ? height.value : 0),\n      elementSize: height,\n      active: isActive,\n      absolute: toRef(props, 'absolute'),\n    })\n\n    useGroup(props, VBtnToggleSymbol)\n\n    provideDefaults({\n      VBtn: {\n        color: toRef(props, 'color'),\n        density: toRef(props, 'density'),\n        stacked: computed(() => props.mode !== 'horizontal'),\n        variant: 'text',\n      },\n    }, { scoped: true })\n\n    return () => {\n      return (\n        <props.tag\n          class={[\n            'v-bottom-navigation',\n            {\n              'v-bottom-navigation--active': isActive.value,\n              'v-bottom-navigation--grow': props.grow,\n              'v-bottom-navigation--shift': props.mode === 'shift',\n            },\n            themeClasses.value,\n            backgroundColorClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            layoutItemStyles.value,\n            {\n              height: convertToUnit(height.value),\n              transform: `translateY(${convertToUnit(!isActive.value ? 100 : 0, '%')})`,\n            },\n          ]}\n        >\n          { slots.default && (\n            <div class=\"v-bottom-navigation__content\">\n              { slots.default() }\n            </div>\n          ) }\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport type VBottomNavigation = InstanceType<typeof VBottomNavigation>\n"],"file":"VBottomNavigation.mjs"}
+{"version":3,"file":"VBottomNavigation.mjs","names":["makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeGroupProps","useGroup","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","useTheme","provideDefaults","useBackgroundColor","useProxiedModel","computed","toRef","convertToUnit","defineComponent","VBtnToggleSymbol","VBottomNavigation","name","props","bgColor","String","color","grow","Boolean","mode","type","validator","v","includes","height","Number","default","tag","modelValue","selectedClass","emits","value","setup","slots","themeClasses","borderClasses","backgroundColorClasses","backgroundColorStyles","densityClasses","elevationClasses","roundedClasses","density","isActive","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","active","absolute","VBtn","stacked","variant","scoped","transform"],"sources":["../../../src/components/VBottomNavigation/VBottomNavigation.tsx"],"sourcesContent":["// Styles\nimport './VBottomNavigation.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, defineComponent } from '@/util'\n\n// Types\nimport { VBtnToggleSymbol } from '../VBtnToggle/VBtnToggle'\n\nexport const VBottomNavigation = defineComponent({\n  name: 'VBottomNavigation',\n\n  props: {\n    bgColor: String,\n    color: String,\n    grow: Boolean,\n    mode: {\n      type: String,\n      validator: (v: any) => !v || ['horizontal', 'shift'].includes(v),\n    },\n    height: {\n      type: [Number, String],\n      default: 56,\n    },\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeLayoutItemProps({ name: 'bottom-navigation' }),\n    ...makeTagProps({ tag: 'header' }),\n    ...makeGroupProps({\n      modelValue: true,\n      selectedClass: 'v-btn--selected',\n    }),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = useTheme()\n    const { borderClasses } = useBorder(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n    const { densityClasses } = useDensity(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n    const height = computed(() => (\n      Number(props.height) -\n      (props.density === 'comfortable' ? 8 : 0) -\n      (props.density === 'compact' ? 16 : 0)\n    ))\n    const isActive = useProxiedModel(props, 'modelValue', props.modelValue)\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: computed(() => 'bottom'),\n      layoutSize: computed(() => isActive.value ? height.value : 0),\n      elementSize: height,\n      active: isActive,\n      absolute: toRef(props, 'absolute'),\n    })\n\n    useGroup(props, VBtnToggleSymbol)\n\n    provideDefaults({\n      VBtn: {\n        color: toRef(props, 'color'),\n        density: toRef(props, 'density'),\n        stacked: computed(() => props.mode !== 'horizontal'),\n        variant: 'text',\n      },\n    }, { scoped: true })\n\n    return () => {\n      return (\n        <props.tag\n          class={[\n            'v-bottom-navigation',\n            {\n              'v-bottom-navigation--active': isActive.value,\n              'v-bottom-navigation--grow': props.grow,\n              'v-bottom-navigation--shift': props.mode === 'shift',\n            },\n            themeClasses.value,\n            backgroundColorClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            layoutItemStyles.value,\n            {\n              height: convertToUnit(height.value),\n              transform: `translateY(${convertToUnit(!isActive.value ? 100 : 0, '%')})`,\n            },\n          ]}\n        >\n          { slots.default && (\n            <div class=\"v-bottom-navigation__content\">\n              { slots.default() }\n            </div>\n          ) }\n        </props.tag>\n      )\n    }\n  },\n})\n\nexport type VBottomNavigation = InstanceType<typeof VBottomNavigation>\n"],"mappings":"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"}

package/lib/components/VBottomNavigation/VBottomNavigation.sass

@@ -47,7 +47,7 @@
 
   .v-bottom-navigation--grow &
     > .v-btn
-      width: 100%
+      flex-grow: 1
 
   .v-bottom-navigation--shift &
     > .v-btn

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.mjs

@@ -10,7 +10,8 @@ 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 { useBackgroundColor } from "../../composables/color.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Utilities
 
 import { toRef } from 'vue';
 import { defineComponent, useRender } from "../../util/index.mjs"; // Types
@@ -27,7 +28,7 @@ export const VBreadcrumbs = defineComponent({
       type: String,
       default: '/'
     },
-    icon: String,
+    icon: IconValue,
     items: {
       type: Array,
       default: () => []

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","activeColor","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  disabled?: boolean\n})\n\nexport const VBreadcrumbs = defineComponent({\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: 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        activeColor: toRef(props, 'activeColor'),\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":["VIcon","VBreadcrumbsItem","VBreadcrumbsDivider","makeDensityProps","useDensity","makeRoundedProps","useRounded","makeTagProps","provideDefaults","useBackgroundColor","IconValue","toRef","defineComponent","useRender","VBreadcrumbs","name","props","activeClass","String","activeColor","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"],"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.tsx"],"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'\nimport { IconValue } from '@/composables/icons'\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  disabled?: boolean\n})\n\nexport const VBreadcrumbs = defineComponent({\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 { 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        activeColor: toRef(props, 'activeColor'),\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"],"mappings":"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"}

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.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","link","isActive","isExactActive","value","textColorClasses","textColorStyles","Tag","isLink","hasText","default","href","undefined","navigate"],"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,UAAMC,IAAI,GAAGrB,OAAO,CAACQ,KAAD,EAAQY,KAAR,CAApB;AACA,UAAME,QAAQ,GAAGnB,QAAQ,CAAC;AAAA;;AAAA,aAAMK,KAAK,CAACC,MAAN,4BAAgBY,IAAI,CAACE,aAArB,qBAAgB,oBAAoBC,KAApC,CAAN;AAAA,KAAD,CAAzB;AACA,UAAMV,KAAK,GAAGX,QAAQ,CAAC,MAAMmB,QAAQ,CAACE,KAAT,GAAiBhB,KAAK,CAACK,WAAvB,GAAqCL,KAAK,CAACM,KAAlD,CAAtB;AAEA,UAAM;AAAEW,MAAAA,gBAAF;AAAoBC,MAAAA;AAApB,QAAwCxB,YAAY,CAACY,KAAD,CAA1D;AAEAT,IAAAA,SAAS,CAAC,MAAM;AACd,YAAMsB,GAAG,GAAGN,IAAI,CAACO,MAAL,CAAYJ,KAAZ,GAAoB,GAApB,GAA0BhB,KAAK,CAACS,GAA5C;AACA,YAAMY,OAAO,GAAG,CAAC,EAAEV,KAAK,CAACW,OAAN,IAAiBtB,KAAK,CAACQ,IAAzB,CAAjB;AAEA;AAAA,iBAEW,CACL,oBADK,EAEL;AACE,wCAA8BM,QAAQ,CAACE,KADzC;AAEE,0CAAgChB,KAAK,CAACO,QAFxC;AAGE,sCAA4BM,IAAI,CAACO,MAAL,CAAYJ,KAH1C;AAIE,WAAE,GAAEhB,KAAK,CAACG,WAAY,EAAtB,GAA0BW,QAAQ,CAACE,KAAT,IAAkBhB,KAAK,CAACG;AAJpD,SAFK,EAQLc,gBAAgB,CAACD,KARZ,CAFX;AAAA,iBAYW,CACLE,eAAe,CAACF,KADX,CAZX;AAAA,gBAeWH,IAAI,CAACU,IAAL,CAAUP,KAfrB;AAAA,wBAgBmBF,QAAQ,CAACE,KAAT,GAAiB,MAAjB,GAA0BQ,SAhB7C;AAAA,mBAiBcX,IAAI,CAACY;AAjBnB,SAkBa;AACPH,QAAAA,OAAO,EAAED,OAAO,GAAG;AAAA;;AAAA,sDAAMV,KAAK,CAACW,OAAZ,qBAAM,qBAAAX,KAAK,CAAX,6BAA2BX,KAAK,CAACQ,IAAjC;AAAA,SAAH,GAA2CgB;AADpD,OAlBb;AAuBD,KA3BQ,CAAT;AA6BA,WAAO,EAAP;AACD;;AApD6C,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 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      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': 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          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","text","tag","setup","slots","attrs","link","isActive","isExactActive","value","textColorClasses","textColorStyles","Tag","isLink","hasText","default","href","undefined","navigate"],"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    text: 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      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': 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          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"],"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,IAAI,EAAEJ,MAND;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;MACd,MAAMsB,GAAG,GAAGN,IAAI,CAACO,MAAL,CAAYJ,KAAZ,GAAoB,GAApB,GAA0BhB,KAAK,CAACS,GAA5C;MACA,MAAMY,OAAO,GAAG,CAAC,EAAEV,KAAK,CAACW,OAAN,IAAiBtB,KAAK,CAACQ,IAAzB,CAAjB;MAEA;QAAA,SAEW,CACL,oBADK,EAEL;UACE,8BAA8BM,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,CAACU,IAAL,CAAUP,KAfrB;QAAA,gBAgBmBF,QAAQ,CAACE,KAAT,GAAiB,MAAjB,GAA0BQ,SAhB7C;QAAA,WAiBcX,IAAI,CAACY;MAjBnB,GAkBa;QACPH,OAAO,EAAED,OAAO,GAAG;UAAA;;UAAA,4CAAMV,KAAK,CAACW,OAAZ,qBAAM,qBAAAX,KAAK,CAAX,6BAA2BX,KAAK,CAACQ,IAAjC;QAAA,CAAH,GAA2CgB;MADpD,CAlBb;IAuBD,CA3BQ,CAAT;IA6BA,OAAO,EAAP;EACD;;AApD6C,CAAD,CAAxC"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"shared.mjs","names":["VBreadcrumbsSymbol","Symbol","for"],"sources":["../../../src/components/VBreadcrumbs/shared.ts"],"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"],"mappings":"AAOA,OAAO,MAAMA,kBAAoD,GAAGC,MAAM,CAACC,GAAP,CAAW,qBAAX,CAA7D"}