vuetify 3.5.14 → 3.5.16

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

@@ -29,23 +29,23 @@ declare const VBanner: {
         density: Density;
         stacked: boolean;
     } & {
-        location?: Anchor | undefined;
-        height?: string | number | undefined;
+        class?: any;
+        text?: string | undefined;
         width?: string | number | undefined;
-        border?: string | number | boolean | undefined;
+        height?: string | number | undefined;
+        theme?: string | undefined;
         color?: string | undefined;
+        icon?: IconValue | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        border?: string | number | boolean | undefined;
+        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+        rounded?: string | number | boolean | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
-        text?: string | undefined;
-        class?: any;
-        icon?: IconValue | undefined;
         elevation?: string | number | undefined;
-        theme?: string | undefined;
-        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-        rounded?: string | number | boolean | undefined;
+        location?: Anchor | undefined;
         bgColor?: string | undefined;
         lines?: "one" | "two" | "three" | undefined;
         avatar?: string | undefined;
@@ -75,23 +75,23 @@ declare const VBanner: {
         density: Density;
         stacked: boolean;
     } & {
-        location?: Anchor | undefined;
-        height?: string | number | undefined;
+        class?: any;
+        text?: string | undefined;
         width?: string | number | undefined;
-        border?: string | number | boolean | undefined;
+        height?: string | number | undefined;
+        theme?: string | undefined;
         color?: string | undefined;
+        icon?: IconValue | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        border?: string | number | boolean | undefined;
+        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+        rounded?: string | number | boolean | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
-        text?: string | undefined;
-        class?: any;
-        icon?: IconValue | undefined;
         elevation?: string | number | undefined;
-        theme?: string | undefined;
-        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-        rounded?: string | number | boolean | undefined;
+        location?: Anchor | undefined;
         bgColor?: string | undefined;
         lines?: "one" | "two" | "three" | undefined;
         avatar?: string | undefined;
@@ -149,23 +149,23 @@ declare const VBanner: {
         density: Density;
         stacked: boolean;
     } & {
-        location?: Anchor | undefined;
-        height?: string | number | undefined;
+        class?: any;
+        text?: string | undefined;
         width?: string | number | undefined;
-        border?: string | number | boolean | undefined;
+        height?: string | number | undefined;
+        theme?: string | undefined;
         color?: string | undefined;
+        icon?: IconValue | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        border?: string | number | boolean | undefined;
+        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+        rounded?: string | number | boolean | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
-        text?: string | undefined;
-        class?: any;
-        icon?: IconValue | undefined;
         elevation?: string | number | undefined;
-        theme?: string | undefined;
-        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-        rounded?: string | number | boolean | undefined;
+        location?: Anchor | undefined;
         bgColor?: string | undefined;
         lines?: "one" | "two" | "three" | undefined;
         avatar?: string | undefined;
@@ -207,23 +207,23 @@ declare const VBanner: {
     density: Density;
     stacked: boolean;
 } & {
-    location?: Anchor | undefined;
-    height?: string | number | undefined;
+    class?: any;
+    text?: string | undefined;
     width?: string | number | undefined;
-    border?: string | number | boolean | undefined;
+    height?: string | number | undefined;
+    theme?: string | undefined;
     color?: string | undefined;
+    icon?: IconValue | undefined;
+    mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+    border?: string | number | boolean | undefined;
+    position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+    rounded?: string | number | boolean | undefined;
     maxHeight?: string | number | undefined;
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
-    position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
-    text?: string | undefined;
-    class?: any;
-    icon?: IconValue | undefined;
     elevation?: string | number | undefined;
-    theme?: string | undefined;
-    mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-    rounded?: string | number | boolean | undefined;
+    location?: Anchor | undefined;
     bgColor?: string | undefined;
     lines?: "one" | "two" | "three" | undefined;
     avatar?: string | undefined;
@@ -273,12 +273,12 @@ declare const VBanner: {
         default: string;
     };
     rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
     position: {
-        type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
+        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
     location: PropType<Anchor>;
@@ -303,7 +303,7 @@ declare const VBanner: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
     avatar: StringConstructor;
     bgColor: StringConstructor;
     color: StringConstructor;
@@ -319,12 +319,12 @@ declare const VBanner: {
         default: string;
     };
     rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
     position: {
-        type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
+        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
     location: PropType<Anchor>;
@@ -349,7 +349,7 @@ declare const VBanner: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
     avatar: StringConstructor;
     bgColor: StringConstructor;
     color: StringConstructor;
@@ -365,8 +365,8 @@ declare const VBannerActions: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         style: vue.StyleValue;
     } & {
-        color?: string | undefined;
         class?: any;
+        color?: string | undefined;
         density?: string | undefined;
     } & {
         $children?: vue.VNodeChild | {
@@ -380,8 +380,8 @@ declare const VBannerActions: {
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         style: vue.StyleValue;
     } & {
-        color?: string | undefined;
         class?: any;
+        color?: string | undefined;
         density?: string | undefined;
     } & {
         $children?: vue.VNodeChild | {
@@ -408,8 +408,8 @@ declare const VBannerActions: {
     }, {
         style: vue.StyleValue;
     } & {
-        color?: string | undefined;
         class?: any;
+        color?: string | undefined;
         density?: string | undefined;
     } & {
         $children?: vue.VNodeChild | {
@@ -429,8 +429,8 @@ declare const VBannerActions: {
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
 } & {
-    color?: string | undefined;
     class?: any;
+    color?: string | undefined;
     density?: string | undefined;
 } & {
     $children?: vue.VNodeChild | {

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VBanner","VBannerActions","VBannerText"],"sources":["../../../src/components/VBanner/index.ts"],"sourcesContent":["export { VBanner } from './VBanner'\nexport { VBannerActions } from './VBannerActions'\nexport { VBannerText } from './VBannerText'\n"],"mappings":"SAASA,OAAO;AAAA,SACPC,cAAc;AAAA,SACdC,WAAW"}
+{"version":3,"file":"index.mjs","names":["VBanner","VBannerActions","VBannerText"],"sources":["../../../src/components/VBanner/index.ts"],"sourcesContent":["export { VBanner } from './VBanner'\nexport { VBannerActions } from './VBannerActions'\nexport { VBannerText } from './VBannerText'\n"],"mappings":"SAASA,OAAO;AAAA,SACPC,cAAc;AAAA,SACdC,WAAW","ignoreList":[]}

package/lib/components/VBottomNavigation/VBottomNavigation.css

@@ -3,7 +3,7 @@
   max-width: 100%;
   overflow: hidden;
   position: absolute;
-  transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: transform, color, 0.2s, 0.1s 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;

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

@@ -1 +1 @@
-{"version":3,"file":"VBottomNavigation.mjs","names":["VBtnToggleSymbol","makeBorderProps","useBorder","useBackgroundColor","makeComponentProps","provideDefaults","makeDensityProps","useDensity","makeElevationProps","useElevation","makeGroupProps","useGroup","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","useSsrBoot","makeTagProps","makeThemeProps","useTheme","computed","toRef","convertToUnit","genericComponent","propsFactory","useRender","makeVBottomNavigationProps","bgColor","String","color","grow","Boolean","mode","type","validator","v","includes","height","Number","default","active","name","tag","modelValue","selectedClass","VBottomNavigation","props","emits","value","setup","_ref","slots","themeClasses","borderClasses","backgroundColorClasses","backgroundColorStyles","densityClasses","elevationClasses","roundedClasses","ssrBootStyles","density","isActive","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","absolute","VBtn","stacked","variant","scoped","_createVNode","class","transform","style"],"sources":["../../../src/components/VBottomNavigation/VBottomNavigation.tsx"],"sourcesContent":["// Styles\nimport './VBottomNavigation.sass'\n\n// Components\nimport { VBtnToggleSymbol } from '@/components/VBtnToggle/VBtnToggle'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\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 { useSsrBoot } from '@/composables/ssrBoot'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { GenericProps } from '@/util'\n\nexport const makeVBottomNavigationProps = propsFactory({\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  ...makeComponentProps(),\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}, 'VBottomNavigation')\n\nexport const VBottomNavigation = genericComponent<new <T>(\n  props: {\n    modelValue?: T\n    'onUpdate:modelValue'?: (value: T) => void\n  },\n  slots: { default: never },\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VBottomNavigation',\n\n  props: makeVBottomNavigationProps(),\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            props.class,\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            props.style,\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":["VBtnToggleSymbol","makeBorderProps","useBorder","useBackgroundColor","makeComponentProps","provideDefaults","makeDensityProps","useDensity","makeElevationProps","useElevation","makeGroupProps","useGroup","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","useSsrBoot","makeTagProps","makeThemeProps","useTheme","computed","toRef","convertToUnit","genericComponent","propsFactory","useRender","makeVBottomNavigationProps","bgColor","String","color","grow","Boolean","mode","type","validator","v","includes","height","Number","default","active","name","tag","modelValue","selectedClass","VBottomNavigation","props","emits","value","setup","_ref","slots","themeClasses","borderClasses","backgroundColorClasses","backgroundColorStyles","densityClasses","elevationClasses","roundedClasses","ssrBootStyles","density","isActive","layoutItemStyles","id","order","parseInt","position","layoutSize","elementSize","absolute","VBtn","stacked","variant","scoped","_createVNode","class","transform","style"],"sources":["../../../src/components/VBottomNavigation/VBottomNavigation.tsx"],"sourcesContent":["// Styles\nimport './VBottomNavigation.sass'\n\n// Components\nimport { VBtnToggleSymbol } from '@/components/VBtnToggle/VBtnToggle'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\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 { useSsrBoot } from '@/composables/ssrBoot'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { GenericProps } from '@/util'\n\nexport const makeVBottomNavigationProps = propsFactory({\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  ...makeComponentProps(),\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}, 'VBottomNavigation')\n\nexport const VBottomNavigation = genericComponent<new <T>(\n  props: {\n    modelValue?: T\n    'onUpdate:modelValue'?: (value: T) => void\n  },\n  slots: { default: never },\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VBottomNavigation',\n\n  props: makeVBottomNavigationProps(),\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            props.class,\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            props.style,\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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","ignoreList":[]}

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, .2s settings.$standard-easing !default;
+$bottom-navigation-transition: transform, color, .2s, .1s settings.$standard-easing !default;
 
 // Lists
 $bottom-navigation-border: (

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

@@ -34,68 +34,68 @@ type Density = null | 'default' | 'comfortable' | 'compact';
 
 declare const VBottomNavigation: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
-        absolute: boolean;
+        style: vue.StyleValue;
         height: string | number;
         active: boolean;
         name: string;
-        order: string | number;
-        style: vue.StyleValue;
         disabled: boolean;
-        multiple: boolean;
         tag: string;
+        order: string | number;
+        absolute: boolean;
+        multiple: boolean;
         tile: boolean;
         density: Density;
         selectedClass: string;
         grow: boolean;
     } & {
-        max?: number | undefined;
-        border?: string | number | boolean | undefined;
-        color?: string | undefined;
         class?: any;
         mode?: string | undefined;
-        mandatory?: boolean | "force" | undefined;
-        elevation?: string | number | undefined;
         theme?: string | undefined;
+        color?: string | undefined;
+        border?: string | number | boolean | undefined;
         rounded?: string | number | boolean | undefined;
+        mandatory?: boolean | "force" | undefined;
+        elevation?: string | number | undefined;
+        max?: number | undefined;
         bgColor?: string | undefined;
     } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => boolean;
-    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        absolute: boolean;
+    }, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        style: vue.StyleValue;
         height: string | number;
         active: boolean;
         name: string;
-        order: string | number;
-        style: vue.StyleValue;
         disabled: boolean;
-        multiple: boolean;
         tag: string;
+        order: string | number;
+        absolute: boolean;
+        multiple: boolean;
         tile: boolean;
         density: Density;
         selectedClass: string;
         grow: boolean;
     } & {
-        max?: number | undefined;
-        border?: string | number | boolean | undefined;
-        color?: string | undefined;
         class?: any;
         mode?: string | undefined;
-        mandatory?: boolean | "force" | undefined;
-        elevation?: string | number | undefined;
         theme?: string | undefined;
+        color?: string | undefined;
+        border?: string | number | boolean | undefined;
         rounded?: string | number | boolean | undefined;
+        mandatory?: boolean | "force" | undefined;
+        elevation?: string | number | undefined;
+        max?: number | undefined;
         bgColor?: string | undefined;
     } & {}, {
-        absolute: boolean;
+        style: vue.StyleValue;
         height: string | number;
         active: boolean;
         name: string;
-        order: string | number;
-        style: vue.StyleValue;
         disabled: boolean;
-        multiple: boolean;
         tag: string;
+        order: string | number;
+        absolute: boolean;
         rounded: string | number | boolean;
+        multiple: boolean;
         tile: boolean;
         density: Density;
         selectedClass: string;
@@ -112,41 +112,41 @@ declare const VBottomNavigation: {
         M: {};
         Defaults: {};
     }, {
-        absolute: boolean;
+        style: vue.StyleValue;
         height: string | number;
         active: boolean;
         name: string;
-        order: string | number;
-        style: vue.StyleValue;
         disabled: boolean;
-        multiple: boolean;
         tag: string;
+        order: string | number;
+        absolute: boolean;
+        multiple: boolean;
         tile: boolean;
         density: Density;
         selectedClass: string;
         grow: boolean;
     } & {
-        max?: number | undefined;
-        border?: string | number | boolean | undefined;
-        color?: string | undefined;
         class?: any;
         mode?: string | undefined;
-        mandatory?: boolean | "force" | undefined;
-        elevation?: string | number | undefined;
         theme?: string | undefined;
+        color?: string | undefined;
+        border?: string | number | boolean | undefined;
         rounded?: string | number | boolean | undefined;
+        mandatory?: boolean | "force" | undefined;
+        elevation?: string | number | undefined;
+        max?: number | undefined;
         bgColor?: string | undefined;
     } & {}, {}, {}, {}, {}, {
-        absolute: boolean;
+        style: vue.StyleValue;
         height: string | number;
         active: boolean;
         name: string;
-        order: string | number;
-        style: vue.StyleValue;
         disabled: boolean;
-        multiple: boolean;
         tag: string;
+        order: string | number;
+        absolute: boolean;
         rounded: string | number | boolean;
+        multiple: boolean;
         tile: boolean;
         density: Density;
         selectedClass: string;
@@ -156,43 +156,43 @@ declare const VBottomNavigation: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    absolute: boolean;
+    style: vue.StyleValue;
     height: string | number;
     active: boolean;
     name: string;
-    order: string | number;
-    style: vue.StyleValue;
     disabled: boolean;
-    multiple: boolean;
     tag: string;
+    order: string | number;
+    absolute: boolean;
+    multiple: boolean;
     tile: boolean;
     density: Density;
     selectedClass: string;
     grow: boolean;
 } & {
-    max?: number | undefined;
-    border?: string | number | boolean | undefined;
-    color?: string | undefined;
     class?: any;
     mode?: string | undefined;
-    mandatory?: boolean | "force" | undefined;
-    elevation?: string | number | undefined;
     theme?: string | undefined;
+    color?: string | undefined;
+    border?: string | number | boolean | undefined;
     rounded?: string | number | boolean | undefined;
+    mandatory?: boolean | "force" | undefined;
+    elevation?: string | number | undefined;
+    max?: number | undefined;
     bgColor?: string | undefined;
 } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (value: any) => boolean;
-}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, string, {
-    absolute: boolean;
+}, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "update:modelValue">, string, {
+    style: vue.StyleValue;
     height: string | number;
     active: boolean;
     name: string;
-    order: string | number;
-    style: vue.StyleValue;
     disabled: boolean;
-    multiple: boolean;
     tag: string;
+    order: string | number;
+    absolute: boolean;
     rounded: string | number | boolean;
+    multiple: boolean;
     tile: boolean;
     density: Density;
     selectedClass: string;
@@ -216,7 +216,7 @@ declare const VBottomNavigation: {
     modelValue: Omit<{
         type: null;
         default: undefined;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: vue.PropType<any>;
         default: any;
     };
@@ -231,13 +231,13 @@ declare const VBottomNavigation: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: vue.PropType<string>;
         default: string;
     };
     name: Omit<{
         type: StringConstructor;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: vue.PropType<string>;
         default: string;
     };
@@ -247,7 +247,7 @@ declare const VBottomNavigation: {
     };
     absolute: BooleanConstructor;
     rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -265,7 +265,7 @@ declare const VBottomNavigation: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
     bgColor: StringConstructor;
     color: StringConstructor;
     grow: BooleanConstructor;
@@ -286,7 +286,7 @@ declare const VBottomNavigation: {
     modelValue: Omit<{
         type: null;
         default: undefined;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: vue.PropType<any>;
         default: any;
     };
@@ -301,13 +301,13 @@ declare const VBottomNavigation: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: vue.PropType<string>;
         default: string;
     };
     name: Omit<{
         type: StringConstructor;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: vue.PropType<string>;
         default: string;
     };
@@ -317,7 +317,7 @@ declare const VBottomNavigation: {
     };
     absolute: BooleanConstructor;
     rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -335,7 +335,7 @@ declare const VBottomNavigation: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
     bgColor: StringConstructor;
     color: StringConstructor;
     grow: BooleanConstructor;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"VBottomSheet.mjs","names":["makeVDialogProps","VDialog","useProxiedModel","genericComponent","propsFactory","useRender","makeVBottomSheetProps","inset","Boolean","transition","VBottomSheet","name","props","emits","value","setup","_ref","slots","isActive","dialogProps","filterProps","_createVNode","_mergeProps","contentClass","$event","class","style"],"sources":["../../../src/components/VBottomSheet/VBottomSheet.tsx"],"sourcesContent":["// Styles\nimport './VBottomSheet.sass'\n\n// Components\nimport { makeVDialogProps, VDialog } from '@/components/VDialog/VDialog'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\n\nexport const makeVBottomSheetProps = propsFactory({\n  inset: Boolean,\n\n  ...makeVDialogProps({\n    transition: 'bottom-sheet-transition',\n  }),\n}, 'VBottomSheet')\n\nexport const VBottomSheet = genericComponent<OverlaySlots>()({\n  name: 'VBottomSheet',\n\n  props: makeVBottomSheetProps(),\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    useRender(() => {\n      const dialogProps = VDialog.filterProps(props)\n\n      return (\n        <VDialog\n          { ...dialogProps }\n          contentClass={[\n            'v-bottom-sheet__content',\n            props.contentClass,\n          ]}\n          v-model={ isActive.value }\n          class={[\n            'v-bottom-sheet',\n            {\n              'v-bottom-sheet--inset': props.inset,\n            },\n            props.class,\n          ]}\n          style={ props.style }\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBottomSheet = InstanceType<typeof VBottomSheet>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,gBAAgB,EAAEC,OAAO,kCAElC;AAAA,SACSC,eAAe,8CAExB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAGA,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,KAAK,EAAEC,OAAO;EAEd,GAAGR,gBAAgB,CAAC;IAClBS,UAAU,EAAE;EACd,CAAC;AACH,CAAC,EAAE,cAAc,CAAC;AAElB,OAAO,MAAMC,YAAY,GAAGP,gBAAgB,CAAe,CAAC,CAAC;EAC3DQ,IAAI,EAAE,cAAc;EAEpBC,KAAK,EAAEN,qBAAqB,CAAC,CAAC;EAE9BO,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,QAAQ,GAAGhB,eAAe,CAACU,KAAK,EAAE,YAAY,CAAC;IAErDP,SAAS,CAAC,MAAM;MACd,MAAMc,WAAW,GAAGlB,OAAO,CAACmB,WAAW,CAACR,KAAK,CAAC;MAE9C,OAAAS,YAAA,CAAApB,OAAA,EAAAqB,WAAA,CAESH,WAAW;QAAA,gBACF,CACZ,yBAAyB,EACzBP,KAAK,CAACW,YAAY,CACnB;QAAA,cACSL,QAAQ,CAACJ,KAAK;QAAA,uBAAAU,MAAA,IAAdN,QAAQ,CAACJ,KAAK,GAAAU,MAAA;QAAA,SACjB,CACL,gBAAgB,EAChB;UACE,uBAAuB,EAAEZ,KAAK,CAACL;QACjC,CAAC,EACDK,KAAK,CAACa,KAAK,CACZ;QAAA,SACOb,KAAK,CAACc;MAAK,IACTT,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VBottomSheet.mjs","names":["makeVDialogProps","VDialog","useProxiedModel","genericComponent","propsFactory","useRender","makeVBottomSheetProps","inset","Boolean","transition","VBottomSheet","name","props","emits","value","setup","_ref","slots","isActive","dialogProps","filterProps","_createVNode","_mergeProps","contentClass","$event","class","style"],"sources":["../../../src/components/VBottomSheet/VBottomSheet.tsx"],"sourcesContent":["// Styles\nimport './VBottomSheet.sass'\n\n// Components\nimport { makeVDialogProps, VDialog } from '@/components/VDialog/VDialog'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\n\nexport const makeVBottomSheetProps = propsFactory({\n  inset: Boolean,\n\n  ...makeVDialogProps({\n    transition: 'bottom-sheet-transition',\n  }),\n}, 'VBottomSheet')\n\nexport const VBottomSheet = genericComponent<OverlaySlots>()({\n  name: 'VBottomSheet',\n\n  props: makeVBottomSheetProps(),\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    useRender(() => {\n      const dialogProps = VDialog.filterProps(props)\n\n      return (\n        <VDialog\n          { ...dialogProps }\n          contentClass={[\n            'v-bottom-sheet__content',\n            props.contentClass,\n          ]}\n          v-model={ isActive.value }\n          class={[\n            'v-bottom-sheet',\n            {\n              'v-bottom-sheet--inset': props.inset,\n            },\n            props.class,\n          ]}\n          style={ props.style }\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBottomSheet = InstanceType<typeof VBottomSheet>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,gBAAgB,EAAEC,OAAO,kCAElC;AAAA,SACSC,eAAe,8CAExB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAGA,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,KAAK,EAAEC,OAAO;EAEd,GAAGR,gBAAgB,CAAC;IAClBS,UAAU,EAAE;EACd,CAAC;AACH,CAAC,EAAE,cAAc,CAAC;AAElB,OAAO,MAAMC,YAAY,GAAGP,gBAAgB,CAAe,CAAC,CAAC;EAC3DQ,IAAI,EAAE,cAAc;EAEpBC,KAAK,EAAEN,qBAAqB,CAAC,CAAC;EAE9BO,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,QAAQ,GAAGhB,eAAe,CAACU,KAAK,EAAE,YAAY,CAAC;IAErDP,SAAS,CAAC,MAAM;MACd,MAAMc,WAAW,GAAGlB,OAAO,CAACmB,WAAW,CAACR,KAAK,CAAC;MAE9C,OAAAS,YAAA,CAAApB,OAAA,EAAAqB,WAAA,CAESH,WAAW;QAAA,gBACF,CACZ,yBAAyB,EACzBP,KAAK,CAACW,YAAY,CACnB;QAAA,cACSL,QAAQ,CAACJ,KAAK;QAAA,uBAAAU,MAAA,IAAdN,QAAQ,CAACJ,KAAK,GAAAU,MAAA;QAAA,SACjB,CACL,gBAAgB,EAChB;UACE,uBAAuB,EAAEZ,KAAK,CAACL;QACjC,CAAC,EACDK,KAAK,CAACa,KAAK,CACZ;QAAA,SACOb,KAAK,CAACc;MAAK,IACTT,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}