vuetify 3.1.4 → 3.1.6

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

@@ -1,126 +1,162 @@
 import * as vue from 'vue';
 import { JSXComponent, PropType } from 'vue';
 
-declare type Density = null | 'default' | 'comfortable' | 'compact';
-
 declare const block: readonly ["top", "bottom"];
 declare const inline: readonly ["start", "end", "left", "right"];
-declare type Tblock = typeof block[number];
-declare type Tinline = typeof inline[number];
-declare type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+type Tblock = typeof block[number];
+type Tinline = typeof inline[number];
+type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+
+type Density = null | 'default' | 'comfortable' | 'compact';
 
-declare type IconValue = string | JSXComponent;
+type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
 declare const VBanner: vue.DefineComponent<{
-    theme: StringConstructor;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    position: {
-        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
-        validator: (v: any) => boolean;
-    };
-    location: PropType<Anchor>;
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
-    };
-    height: (StringConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    density: {
-        type: PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    avatar: StringConstructor;
-    color: StringConstructor;
-    icon: PropType<IconValue>;
-    lines: PropType<"one" | "two" | "three">;
-    stacked: BooleanConstructor;
-    sticky: BooleanConstructor;
-    text: StringConstructor;
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    theme: StringConstructor;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    position: {
-        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
-        validator: (v: any) => boolean;
-    };
-    location: PropType<Anchor>;
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
+    tag: string;
+    sticky: boolean;
+    density: Density;
+    stacked: boolean;
+} & {
+    location?: Anchor | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+    text?: string | undefined;
+    icon?: IconValue | undefined;
+    elevation?: string | number | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    lines?: "one" | "two" | "three" | undefined;
+    avatar?: string | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        prepend?: (() => vue.VNodeChild) | undefined;
+        text?: (() => vue.VNodeChild) | undefined;
+        actions?: (() => vue.VNodeChild) | undefined;
     };
-    height: (StringConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    density: {
-        type: PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        prepend?: false | (() => vue.VNodeChild) | undefined;
+        text?: false | (() => vue.VNodeChild) | undefined;
+        actions?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    tag: string;
+    sticky: boolean;
+    density: Density;
+    stacked: boolean;
+} & {
+    location?: Anchor | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+    text?: string | undefined;
+    icon?: IconValue | undefined;
+    elevation?: string | number | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    lines?: "one" | "two" | "three" | undefined;
+    avatar?: string | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        prepend?: (() => vue.VNodeChild) | undefined;
+        text?: (() => vue.VNodeChild) | undefined;
+        actions?: (() => vue.VNodeChild) | undefined;
     };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    avatar: StringConstructor;
-    color: StringConstructor;
-    icon: PropType<IconValue>;
-    lines: PropType<"one" | "two" | "three">;
-    stacked: BooleanConstructor;
-    sticky: BooleanConstructor;
-    text: StringConstructor;
-}>>, {
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        prepend?: false | (() => vue.VNodeChild) | undefined;
+        text?: false | (() => vue.VNodeChild) | undefined;
+        actions?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     tag: string;
     sticky: boolean;
     rounded: string | number | boolean;
     density: Density;
     stacked: boolean;
 }>;
-declare type VBanner = InstanceType<typeof VBanner>;
+type VBanner = InstanceType<typeof VBanner>;
 
-declare const VBannerActions: vue.DefineComponent<{
-    color: StringConstructor;
-    density: StringConstructor;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    color: StringConstructor;
-    density: StringConstructor;
-}>>, {}>;
-declare type VBannerActions = InstanceType<typeof VBannerActions>;
+declare const VBannerActions: vue.DefineComponent<{} & {
+    color?: string | undefined;
+    density?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {} & {
+    color?: string | undefined;
+    density?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {}>;
+type VBannerActions = InstanceType<typeof VBannerActions>;
 
 declare const VBannerText: vue.DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
+    tag: string;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    tag: string;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-}>>, {
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     tag: string;
 }>;
-declare type VBannerText = InstanceType<typeof VBannerText>;
+type VBannerText = InstanceType<typeof VBannerText>;
 
 export { VBanner, VBannerActions, VBannerText };

package/lib/components/VBottomNavigation/VBottomNavigation.css

@@ -3,6 +3,7 @@
   max-width: 100%;
   overflow: hidden;
   position: absolute;
+  transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   border-color: rgba(var(--v-border-color), var(--v-border-opacity));
   border-style: solid;
   border-width: 0;
@@ -23,7 +24,7 @@
   flex: none;
   font-size: 0.75rem;
   justify-content: center;
-  transition: transform, color 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: inherit;
   width: 100%;
 }
 .v-bottom-navigation .v-bottom-navigation__content > .v-btn {

package/lib/components/VBottomNavigation/VBottomNavigation.mjs

@@ -12,11 +12,12 @@ import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, useTheme } from "../../composables/theme.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs";
-import { useBackgroundColor } from "../../composables/color.mjs"; // Utilities
+import { useBackgroundColor } from "../../composables/color.mjs";
+import { useSsrBoot } from "../../composables/ssrBoot.mjs"; // Utilities
 import { computed, toRef } from 'vue';
-import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs"; // Types
+import { convertToUnit, genericComponent, useRender } from "../../util/index.mjs"; // Types
 import { VBtnToggleSymbol } from "../VBtnToggle/VBtnToggle.mjs";
-export const VBottomNavigation = defineComponent({
+export const VBottomNavigation = genericComponent()({
   name: 'VBottomNavigation',
   props: {
     bgColor: String,
@@ -76,6 +77,9 @@ export const VBottomNavigation = defineComponent({
     const {
       roundedClasses
     } = useRounded(props);
+    const {
+      ssrBootStyles
+    } = useSsrBoot();
     const height = computed(() => Number(props.height) - (props.density === 'comfortable' ? 8 : 0) - (props.density === 'compact' ? 16 : 0));
     const isActive = toRef(props, 'active');
     const {
@@ -110,7 +114,7 @@ export const VBottomNavigation = defineComponent({
         "style": [backgroundColorStyles.value, layoutItemStyles.value, {
           height: convertToUnit(height.value),
           transform: `translateY(${convertToUnit(!isActive.value ? 100 : 0, '%')})`
-        }]
+        }, ssrBootStyles.value]
       }, {
         default: () => [slots.default && _createVNode("div", {
           "class": "v-bottom-navigation__content"

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

@@ -1 +1 @@
-{"version":3,"file":"VBottomNavigation.mjs","names":["makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeGroupProps","useGroup","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","useTheme","provideDefaults","useBackgroundColor","computed","toRef","convertToUnit","defineComponent","useRender","VBtnToggleSymbol","VBottomNavigation","name","props","bgColor","String","color","grow","Boolean","mode","type","validator","v","includes","height","Number","default","active","tag","modelValue","selectedClass","emits","value","setup","slots","themeClasses","borderClasses","backgroundColorClasses","backgroundColorStyles","densityClasses","elevationClasses","roundedClasses","density","isActive","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","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'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, defineComponent, useRender } 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    active: {\n      type: Boolean,\n      default: true,\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 = toRef(props, 'active')\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    useRender(() => {\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    return {}\n  },\n})\n\nexport type VBottomNavigation = InstanceType<typeof VBottomNavigation>\n"],"mappings":"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"}
+{"version":3,"file":"VBottomNavigation.mjs","names":["makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeGroupProps","useGroup","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","useTheme","provideDefaults","useBackgroundColor","useSsrBoot","computed","toRef","convertToUnit","genericComponent","useRender","VBtnToggleSymbol","VBottomNavigation","name","props","bgColor","String","color","grow","Boolean","mode","type","validator","v","includes","height","Number","default","active","tag","modelValue","selectedClass","emits","value","setup","slots","themeClasses","borderClasses","backgroundColorClasses","backgroundColorStyles","densityClasses","elevationClasses","roundedClasses","ssrBootStyles","density","isActive","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","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 { useSsrBoot } from '@/composables/ssrBoot'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\n// Types\nimport { VBtnToggleSymbol } from '@/components/VBtnToggle/VBtnToggle'\n\nexport const VBottomNavigation = genericComponent()({\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    active: {\n      type: Boolean,\n      default: true,\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 { ssrBootStyles } = useSsrBoot()\n    const height = computed(() => (\n      Number(props.height) -\n      (props.density === 'comfortable' ? 8 : 0) -\n      (props.density === 'compact' ? 16 : 0)\n    ))\n    const isActive = toRef(props, 'active')\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    useRender(() => {\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            ssrBootStyles.value,\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    return {}\n  },\n})\n\nexport type VBottomNavigation = InstanceType<typeof VBottomNavigation>\n"],"mappings":"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"}

package/lib/components/VBottomNavigation/VBottomNavigation.sass

@@ -6,6 +6,7 @@
   max-width: 100%
   overflow: hidden
   position: absolute
+  transition: $bottom-navigation-transition
 
   @include tools.border($bottom-navigation-border...)
   @include tools.rounded($bottom-navigation-border-radius)
@@ -19,7 +20,7 @@
   flex: none
   font-size: $bottom-navigation-content-font-size
   justify-content: center
-  transition: $bottom-navigation-transition
+  transition: inherit
   width: 100%
 
   .v-bottom-navigation &

package/lib/components/VBottomNavigation/_variables.scss

@@ -26,7 +26,7 @@ $bottom-navigation-shift-content-color: rgba(var(--v-theme-on-surface), 0) !defa
 $bottom-navigation-shift-icon-top: math.div($bottom-navigation-icon-font-size, 3) !default;
 $bottom-navigation-shift-icon-transform: translateY($bottom-navigation-shift-icon-top) !default;
 $bottom-navigation-text-transform: none !default;
-$bottom-navigation-transition: transform, color .2s, .1s settings.$standard-easing !default;
+$bottom-navigation-transition: transform, color .2s, .2s settings.$standard-easing !default;
 
 // Lists
 $bottom-navigation-border: (

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

@@ -1,138 +1,74 @@
 import * as vue from 'vue';
 
-declare type Density = null | 'default' | 'comfortable' | 'compact';
+type Density = null | 'default' | 'comfortable' | 'compact';
 
 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<Density>;
-        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;
-    };
-    active: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    absolute: boolean;
+    height: string | number;
+    active: boolean;
+    name: string;
+    order: string | number;
+    disabled: boolean;
+    multiple: boolean;
+    tag: string;
+    density: Density;
+    selectedClass: string;
+    grow: boolean;
+} & {
+    max?: number | undefined;
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
+    mode?: string | undefined;
+    mandatory?: boolean | "force" | undefined;
+    elevation?: string | number | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    modelValue?: any;
+    bgColor?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    '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<Density>;
-        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;
-    };
-    active: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
+    'update:modelValue': (value: any) => boolean;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    absolute: boolean;
+    height: string | number;
+    active: boolean;
+    name: string;
+    order: string | number;
+    disabled: boolean;
+    multiple: boolean;
+    tag: string;
+    density: Density;
+    selectedClass: string;
+    grow: boolean;
+} & {
+    max?: number | undefined;
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
+    mode?: string | undefined;
+    mandatory?: boolean | "force" | undefined;
+    elevation?: string | number | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    modelValue?: any;
+    bgColor?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+} & {
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
     absolute: boolean;
@@ -149,6 +85,6 @@ declare const VBottomNavigation: vue.DefineComponent<{
     selectedClass: string;
     grow: boolean;
 }>;
-declare type VBottomNavigation = InstanceType<typeof VBottomNavigation>;
+type VBottomNavigation = InstanceType<typeof VBottomNavigation>;
 
 export { VBottomNavigation };

package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs

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