vuetify 3.1.12 → 3.1.13

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

@@ -162,7 +162,7 @@ declare const VAutocomplete: {
             active: boolean;
             direction: "horizontal" | "vertical";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })>;
             menu: boolean;
             autofocus: boolean;
@@ -201,16 +201,16 @@ declare const VAutocomplete: {
         }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
             transition: Omit<{
                 type: vue.PropType<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })>;
                 default: string;
                 validator: (val: unknown) => boolean;
             }, "type" | "default"> & {
                 type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })>>;
                 default: NonNullable<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })>;
             };
             reverse: BooleanConstructor;
@@ -331,7 +331,7 @@ declare const VAutocomplete: {
                     location: Anchor;
                     origin: "auto" | Anchor | "overlap";
                     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        component?: vue.Component | undefined;
                     })> | {
                         component: {
                             new (...args: any[]): {
@@ -461,7 +461,7 @@ declare const VAutocomplete: {
                     location: Anchor;
                     origin: "auto" | Anchor | "overlap";
                     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        component?: vue.Component | undefined;
                     })> | {
                         component: {
                             new (...args: any[]): {
@@ -596,7 +596,7 @@ declare const VAutocomplete: {
                     minWidth?: string | number | undefined;
                     theme?: string | undefined;
                     contentClass?: any;
-                    activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+                    activator?: string | Element | vue.ComponentPublicInstance | undefined;
                     openOnClick?: boolean | undefined;
                     openOnFocus?: boolean | undefined;
                     contentProps?: any;
@@ -683,16 +683,16 @@ declare const VAutocomplete: {
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
             transition: Omit<{
                 type: vue.PropType<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })>;
                 default: string;
                 validator: (val: unknown) => boolean;
             }, "type" | "default"> & {
                 type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })>>;
                 default: NonNullable<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })>;
             };
             reverse: BooleanConstructor;
@@ -813,7 +813,7 @@ declare const VAutocomplete: {
                     location: Anchor;
                     origin: "auto" | Anchor | "overlap";
                     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        component?: vue.Component | undefined;
                     })> | {
                         component: {
                             new (...args: any[]): {
@@ -943,7 +943,7 @@ declare const VAutocomplete: {
                     location: Anchor;
                     origin: "auto" | Anchor | "overlap";
                     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                        component?: vue.Component | undefined;
                     })> | {
                         component: {
                             new (...args: any[]): {
@@ -1078,7 +1078,7 @@ declare const VAutocomplete: {
                     minWidth?: string | number | undefined;
                     theme?: string | undefined;
                     contentClass?: any;
-                    activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+                    activator?: string | Element | vue.ComponentPublicInstance | undefined;
                     openOnClick?: boolean | undefined;
                     openOnFocus?: boolean | undefined;
                     contentProps?: any;
@@ -1168,7 +1168,7 @@ declare const VAutocomplete: {
             active: boolean;
             direction: "horizontal" | "vertical";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })>;
             menu: boolean;
             autofocus: boolean;
@@ -1227,16 +1227,16 @@ declare const VAutocomplete: {
     } & Readonly<vue.ExtractPropTypes<Omit<{
         transition: Omit<{
             type: vue.PropType<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })>;
             default: string;
             validator: (val: unknown) => boolean;
         }, "type" | "default"> & {
             type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })>>;
             default: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })>;
         };
         reverse: BooleanConstructor;
@@ -1357,7 +1357,7 @@ declare const VAutocomplete: {
                 location: Anchor;
                 origin: "auto" | Anchor | "overlap";
                 transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })> | {
                     component: {
                         new (...args: any[]): {
@@ -1487,7 +1487,7 @@ declare const VAutocomplete: {
                 location: Anchor;
                 origin: "auto" | Anchor | "overlap";
                 transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                    component?: vue.Component | undefined;
                 })> | {
                     component: {
                         new (...args: any[]): {
@@ -1622,7 +1622,7 @@ declare const VAutocomplete: {
                 minWidth?: string | number | undefined;
                 theme?: string | undefined;
                 contentClass?: any;
-                activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+                activator?: string | Element | vue.ComponentPublicInstance | undefined;
                 openOnClick?: boolean | undefined;
                 openOnFocus?: boolean | undefined;
                 contentProps?: any;
@@ -1708,16 +1708,16 @@ declare const VAutocomplete: {
 } & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
     transition: Omit<{
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
         type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
     };
     reverse: BooleanConstructor;
@@ -1838,7 +1838,7 @@ declare const VAutocomplete: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -1968,7 +1968,7 @@ declare const VAutocomplete: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -2103,7 +2103,7 @@ declare const VAutocomplete: {
             minWidth?: string | number | undefined;
             theme?: string | undefined;
             contentClass?: any;
-            activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+            activator?: string | Element | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -2193,7 +2193,7 @@ declare const VAutocomplete: {
     active: boolean;
     direction: "horizontal" | "vertical";
     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        component?: vue.Component | undefined;
     })>;
     menu: boolean;
     autofocus: boolean;
@@ -2348,16 +2348,16 @@ declare const VAutocomplete: {
 }) & FilterPropsOptions<{
     transition: Omit<{
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
         type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
     };
     reverse: BooleanConstructor;
@@ -2478,7 +2478,7 @@ declare const VAutocomplete: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -2608,7 +2608,7 @@ declare const VAutocomplete: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -2743,7 +2743,7 @@ declare const VAutocomplete: {
             minWidth?: string | number | undefined;
             theme?: string | undefined;
             contentClass?: any;
-            activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+            activator?: string | Element | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -2813,16 +2813,16 @@ declare const VAutocomplete: {
 }, vue.ExtractPropTypes<{
     transition: Omit<{
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
         type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
     };
     reverse: BooleanConstructor;
@@ -2943,7 +2943,7 @@ declare const VAutocomplete: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -3073,7 +3073,7 @@ declare const VAutocomplete: {
             location: Anchor;
             origin: "auto" | Anchor | "overlap";
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })> | {
                 component: {
                     new (...args: any[]): {
@@ -3208,7 +3208,7 @@ declare const VAutocomplete: {
             minWidth?: string | number | undefined;
             theme?: string | undefined;
             contentClass?: any;
-            activator?: string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | undefined;
+            activator?: string | Element | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;

package/lib/components/VAvatar/VAvatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VAvatar.mjs","names":["VIcon","VImg","genOverlays","makeVariantProps","useVariant","IconValue","makeDensityProps","useDensity","makeRoundedProps","useRounded","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","genericComponent","propsFactory","useRender","makeVAvatarProps","start","Boolean","end","icon","image","String","variant","VAvatar","name","props","setup","slots","themeClasses","colorClasses","colorStyles","variantClasses","densityClasses","roundedClasses","sizeClasses","sizeStyles","value","default"],"sources":["../../../src/components/VAvatar/VAvatar.tsx"],"sourcesContent":["// Styles\nimport './VAvatar.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVAvatarProps = propsFactory({\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n  image: String,\n\n  ...makeDensityProps(),\n  ...makeRoundedProps(),\n  ...makeSizeProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps({ variant: 'flat' } as const),\n}, 'v-avatar')\n\nexport const VAvatar = genericComponent()({\n  name: 'VAvatar',\n\n  props: makeVAvatarProps(),\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-avatar',\n          {\n            'v-avatar--start': props.start,\n            'v-avatar--end': props.end,\n          },\n          themeClasses.value,\n          colorClasses.value,\n          densityClasses.value,\n          roundedClasses.value,\n          sizeClasses.value,\n          variantClasses.value,\n        ]}\n        style={[\n          colorStyles.value,\n          sizeStyles.value,\n        ]}\n      >\n        { props.image\n          ? (<VImg key=\"image\" src={ props.image } alt=\"\" cover />)\n          : props.icon\n            ? (<VIcon key=\"icon\" icon={ props.icon } />)\n            : slots.default?.()\n        }\n\n        { genOverlays(false, 'v-avatar') }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VAvatar = InstanceType<typeof VAvatar>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,KAAK;AAAA,SACLC,IAAI,6BAEb;AAAA,SACSC,WAAW,EAAEC,gBAAgB,EAAEC,UAAU;AAAA,SACzCC,SAAS;AAAA,SACTC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,aAAa,EAAEC,OAAO;AAAA,SACtBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY,uCAErC;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,gBAAgB,GAAGF,YAAY,CAAC;EAC3CG,KAAK,EAAEC,OAAO;EACdC,GAAG,EAAED,OAAO;EACZE,IAAI,EAAEjB,SAAS;EACfkB,KAAK,EAAEC,MAAM;EAEb,GAAGlB,gBAAgB,EAAE;EACrB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,aAAa,EAAE;EAClB,GAAGE,YAAY,EAAE;EACjB,GAAGC,cAAc,EAAE;EACnB,GAAGV,gBAAgB,CAAC;IAAEsB,OAAO,EAAE;EAAO,CAAC;AACzC,CAAC,EAAE,UAAU,CAAC;AAEd,OAAO,MAAMC,OAAO,GAAGX,gBAAgB,EAAE,CAAC;EACxCY,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAEV,gBAAgB,EAAE;EAEzBW,KAAK,CAAED,KAAK,QAAa;IAAA,IAAX;MAAEE;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGjB,YAAY,CAACc,KAAK,CAAC;IAC5C,MAAM;MAAEI,YAAY;MAAEC,WAAW;MAAEC;IAAe,CAAC,GAAG9B,UAAU,CAACwB,KAAK,CAAC;IACvE,MAAM;MAAEO;IAAe,CAAC,GAAG5B,UAAU,CAACqB,KAAK,CAAC;IAC5C,MAAM;MAAEQ;IAAe,CAAC,GAAG3B,UAAU,CAACmB,KAAK,CAAC;IAC5C,MAAM;MAAES,WAAW;MAAEC;IAAW,CAAC,GAAG3B,OAAO,CAACiB,KAAK,CAAC;IAElDX,SAAS,CAAC;MAAA,SAEC,CACL,UAAU,EACV;QACE,iBAAiB,EAAEW,KAAK,CAACT,KAAK;QAC9B,eAAe,EAAES,KAAK,CAACP;MACzB,CAAC,EACDU,YAAY,CAACQ,KAAK,EAClBP,YAAY,CAACO,KAAK,EAClBJ,cAAc,CAACI,KAAK,EACpBH,cAAc,CAACG,KAAK,EACpBF,WAAW,CAACE,KAAK,EACjBL,cAAc,CAACK,KAAK,CACrB;MAAA,SACM,CACLN,WAAW,CAACM,KAAK,EACjBD,UAAU,CAACC,KAAK;IACjB;MAAA,gBAECX,KAAK,CAACL,KAAK;QAAA,OACE,OAAO;QAAA,OAAOK,KAAK,CAACL,KAAK;QAAA,OAAO,EAAE;QAAA;MAAA,WAC7CK,KAAK,CAACN,IAAI;QAAA,OACI,MAAM;QAAA,QAAQM,KAAK,CAACN;MAAI,WACpCQ,KAAK,CAACU,OAAO,IAAI,EAGrBtC,WAAW,CAAC,KAAK,EAAE,UAAU,CAAC;IAAA,EAEnC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VAvatar.mjs","names":["VIcon","VImg","genOverlays","makeVariantProps","useVariant","IconValue","makeDensityProps","useDensity","makeRoundedProps","useRounded","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","genericComponent","propsFactory","useRender","makeVAvatarProps","start","Boolean","end","icon","image","String","variant","VAvatar","name","props","setup","_ref","slots","themeClasses","colorClasses","colorStyles","variantClasses","densityClasses","roundedClasses","sizeClasses","sizeStyles","_createVNode","tag","value","default"],"sources":["../../../src/components/VAvatar/VAvatar.tsx"],"sourcesContent":["// Styles\nimport './VAvatar.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVAvatarProps = propsFactory({\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n  image: String,\n\n  ...makeDensityProps(),\n  ...makeRoundedProps(),\n  ...makeSizeProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps({ variant: 'flat' } as const),\n}, 'v-avatar')\n\nexport const VAvatar = genericComponent()({\n  name: 'VAvatar',\n\n  props: makeVAvatarProps(),\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-avatar',\n          {\n            'v-avatar--start': props.start,\n            'v-avatar--end': props.end,\n          },\n          themeClasses.value,\n          colorClasses.value,\n          densityClasses.value,\n          roundedClasses.value,\n          sizeClasses.value,\n          variantClasses.value,\n        ]}\n        style={[\n          colorStyles.value,\n          sizeStyles.value,\n        ]}\n      >\n        { props.image\n          ? (<VImg key=\"image\" src={ props.image } alt=\"\" cover />)\n          : props.icon\n            ? (<VIcon key=\"icon\" icon={ props.icon } />)\n            : slots.default?.()\n        }\n\n        { genOverlays(false, 'v-avatar') }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VAvatar = InstanceType<typeof VAvatar>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,KAAK;AAAA,SACLC,IAAI,6BAEb;AAAA,SACSC,WAAW,EAAEC,gBAAgB,EAAEC,UAAU;AAAA,SACzCC,SAAS;AAAA,SACTC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,aAAa,EAAEC,OAAO;AAAA,SACtBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY,uCAErC;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,gBAAgB,GAAGF,YAAY,CAAC;EAC3CG,KAAK,EAAEC,OAAO;EACdC,GAAG,EAAED,OAAO;EACZE,IAAI,EAAEjB,SAAS;EACfkB,KAAK,EAAEC,MAAM;EAEb,GAAGlB,gBAAgB,EAAE;EACrB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,aAAa,EAAE;EAClB,GAAGE,YAAY,EAAE;EACjB,GAAGC,cAAc,EAAE;EACnB,GAAGV,gBAAgB,CAAC;IAAEsB,OAAO,EAAE;EAAO,CAAC;AACzC,CAAC,EAAE,UAAU,CAAC;AAEd,OAAO,MAAMC,OAAO,GAAGX,gBAAgB,EAAE,CAAC;EACxCY,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAEV,gBAAgB,EAAE;EAEzBW,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAGlB,YAAY,CAACc,KAAK,CAAC;IAC5C,MAAM;MAAEK,YAAY;MAAEC,WAAW;MAAEC;IAAe,CAAC,GAAG/B,UAAU,CAACwB,KAAK,CAAC;IACvE,MAAM;MAAEQ;IAAe,CAAC,GAAG7B,UAAU,CAACqB,KAAK,CAAC;IAC5C,MAAM;MAAES;IAAe,CAAC,GAAG5B,UAAU,CAACmB,KAAK,CAAC;IAC5C,MAAM;MAAEU,WAAW;MAAEC;IAAW,CAAC,GAAG5B,OAAO,CAACiB,KAAK,CAAC;IAElDX,SAAS,CAAC,MAAAuB,YAAA,CAAAZ,KAAA,CAAAa,GAAA;MAAA,SAEC,CACL,UAAU,EACV;QACE,iBAAiB,EAAEb,KAAK,CAACT,KAAK;QAC9B,eAAe,EAAES,KAAK,CAACP;MACzB,CAAC,EACDW,YAAY,CAACU,KAAK,EAClBT,YAAY,CAACS,KAAK,EAClBN,cAAc,CAACM,KAAK,EACpBL,cAAc,CAACK,KAAK,EACpBJ,WAAW,CAACI,KAAK,EACjBP,cAAc,CAACO,KAAK,CACrB;MAAA,SACM,CACLR,WAAW,CAACQ,KAAK,EACjBH,UAAU,CAACG,KAAK;IACjB;MAAAC,OAAA,EAAAA,CAAA,MAECf,KAAK,CAACL,KAAK,GAAAiB,YAAA,CAAAvC,IAAA;QAAA,OACE,OAAO;QAAA,OAAO2B,KAAK,CAACL,KAAK;QAAA,OAAO,EAAE;QAAA;MAAA,WAC7CK,KAAK,CAACN,IAAI,GAAAkB,YAAA,CAAAxC,KAAA;QAAA,OACI,MAAM;QAAA,QAAQ4B,KAAK,CAACN;MAAI,WACpCS,KAAK,CAACY,OAAO,IAAI,EAGrBzC,WAAW,CAAC,KAAK,EAAE,UAAU,CAAC;IAAA,EAEnC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VBadge/VBadge.mjs

@@ -76,7 +76,7 @@ export const VBadge = genericComponent()({
     });
     useRender(() => {
       const value = Number(props.content);
-      const content = !props.max || isNaN(value) ? props.content : value <= props.max ? value : `${props.max}+`;
+      const content = !props.max || isNaN(value) ? props.content : value <= +props.max ? value : `${props.max}+`;
       const [badgeAttrs, attrs] = pick(ctx.attrs, ['aria-atomic', 'aria-label', 'aria-live', 'role', 'title']);
       return _createVNode(props.tag, _mergeProps({
         "class": ['v-badge', {

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

@@ -1 +1 @@
-{"version":3,"file":"VBadge.mjs","names":["VIcon","IconValue","makeLocationProps","useLocation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","useTheme","makeTransitionProps","MaybeTransition","useBackgroundColor","useTextColor","useLocale","genericComponent","pick","useRender","toRef","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 { IconValue } from '@/composables/icons'\nimport { makeLocationProps, useLocation } from '@/composables/location'\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'\n\n// Utilities\nimport { genericComponent, pick, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { MakeSlots } from '@/util'\n\nexport type VBadgeSlots = MakeSlots<{\n  default: []\n  badge: []\n}>\n\nexport const VBadge = genericComponent<VBadgeSlots>()({\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    useRender(() => {\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                  themeClasses.value,\n                  backgroundColorClasses.value,\n                  roundedClasses.value,\n                  textColorClasses.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    return {}\n  },\n})\n\nexport type VBadge = InstanceType<typeof VBadge>\n"],"mappings":"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"}
+{"version":3,"file":"VBadge.mjs","names":["VIcon","IconValue","makeLocationProps","useLocation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","useTheme","makeTransitionProps","MaybeTransition","useBackgroundColor","useTextColor","useLocale","genericComponent","pick","useRender","toRef","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","_createVNode","tag","_mergeProps","slots","_withDirectives","undefined","badge","_vShow"],"sources":["../../../src/components/VBadge/VBadge.tsx"],"sourcesContent":["// Styles\nimport './VBadge.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeLocationProps, useLocation } from '@/composables/location'\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'\n\n// Utilities\nimport { genericComponent, pick, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { MakeSlots } from '@/util'\n\nexport type VBadgeSlots = MakeSlots<{\n  default: []\n  badge: []\n}>\n\nexport const VBadge = genericComponent<VBadgeSlots>()({\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    useRender(() => {\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                  themeClasses.value,\n                  backgroundColorClasses.value,\n                  roundedClasses.value,\n                  textColorClasses.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    return {}\n  },\n})\n\nexport type VBadge = InstanceType<typeof VBadge>\n"],"mappings":"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"}

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

@@ -22,7 +22,7 @@ declare const VBadge: {
             inline: boolean;
             location: NonNullable<Anchor>;
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })>;
             label: string;
             tag: string;
@@ -35,7 +35,7 @@ declare const VBadge: {
             inline: boolean;
             location: NonNullable<Anchor>;
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })>;
             label: string;
             tag: string;
@@ -87,7 +87,7 @@ declare const VBadge: {
             inline: boolean;
             location: NonNullable<Anchor>;
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })>;
             label: string;
             tag: string;
@@ -125,7 +125,7 @@ declare const VBadge: {
             inline: boolean;
             location: NonNullable<Anchor>;
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
-                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                component?: vue.Component | undefined;
             })>;
             label: string;
             tag: string;
@@ -158,7 +158,7 @@ declare const VBadge: {
         inline: boolean;
         location: NonNullable<Anchor>;
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
         label: string;
         tag: string;
@@ -200,7 +200,7 @@ declare const VBadge: {
     inline: boolean;
     location: NonNullable<Anchor>;
     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        component?: vue.Component | undefined;
     })>;
     label: string;
     tag: string;
@@ -238,7 +238,7 @@ declare const VBadge: {
     inline: boolean;
     location: NonNullable<Anchor>;
     transition: NonNullable<string | boolean | (vue.TransitionProps & {
-        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        component?: vue.Component | undefined;
     })>;
     label: string;
     tag: string;
@@ -250,16 +250,16 @@ declare const VBadge: {
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     transition: Omit<{
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
         type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
     };
     theme: StringConstructor;
@@ -297,16 +297,16 @@ declare const VBadge: {
 }, vue.ExtractPropTypes<{
     transition: Omit<{
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
         type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>>;
         default: NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            component?: vue.Component | undefined;
         })>;
     };
     theme: StringConstructor;

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

@@ -1 +1 @@
-{"version":3,"file":"VBanner.mjs","names":["VAvatar","VBannerActions","VBannerText","VDefaultsProvider","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","provideDefaults","useDisplay","IconValue","genericComponent","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","hasText","hasPrependMedia","hasPrepend","prepend","value","image","default","actions"],"sources":["../../../src/components/VBanner/VBanner.tsx"],"sourcesContent":["// Styles\nimport './VBanner.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VBannerActions } from './VBannerActions'\nimport { VBannerText } from './VBannerText'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\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 { genericComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { MakeSlots } from '@/util'\nimport type { PropType } from 'vue'\n\nexport type VBannerSlots = MakeSlots<{\n  default: []\n  prepend: []\n  text: []\n  actions: []\n}>\n\nexport const VBanner = genericComponent<VBannerSlots>()({\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({ VBannerActions: { color, density } })\n\n    useRender(() => {\n      const hasText = !!(props.text || slots.text)\n      const hasPrependMedia = !!(props.avatar || props.icon)\n      const hasPrepend = !!(hasPrependMedia || slots.prepend)\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            <div key=\"prepend\" class=\"v-banner__prepend\">\n              { !slots.prepend ? (\n                <VAvatar\n                  key=\"prepend-avatar\"\n                  color={ color.value }\n                  density={ density.value }\n                  icon={ props.icon }\n                  image={ props.avatar }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"prepend-defaults\"\n                  disabled={ !hasPrependMedia }\n                  defaults={{\n                    VAvatar: {\n                      color: color.value,\n                      density: density.value,\n                      icon: props.icon,\n                      image: props.avatar,\n                    },\n                  }}\n                  v-slots:default={ slots.prepend }\n                />\n              )}\n            </div>\n          )}\n\n          <div class=\"v-banner__content\">\n            { hasText && (\n              <VBannerText key=\"text\">\n                { slots.text?.() ?? props.text }\n              </VBannerText>\n            )}\n\n            { slots.default?.() }\n          </div>\n\n          { slots.actions && (\n            <VBannerActions key=\"actions\" v-slots:default={ slots.actions } />\n          )}\n        </props.tag>\n      )\n    })\n  },\n})\n\nexport type VBanner = InstanceType<typeof VBanner>\n"],"mappings":"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"}
+{"version":3,"file":"VBanner.mjs","names":["VAvatar","VBannerActions","VBannerText","VDefaultsProvider","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","provideDefaults","useDisplay","IconValue","genericComponent","useRender","toRef","VBanner","name","props","avatar","String","color","icon","lines","stacked","Boolean","sticky","text","setup","_ref","slots","borderClasses","densityClasses","mobile","dimensionStyles","elevationClasses","locationStyles","positionClasses","roundedClasses","themeClasses","density","hasText","hasPrependMedia","hasPrepend","prepend","_createVNode","tag","value","default","image","actions"],"sources":["../../../src/components/VBanner/VBanner.tsx"],"sourcesContent":["// Styles\nimport './VBanner.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VBannerActions } from './VBannerActions'\nimport { VBannerText } from './VBannerText'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\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 { genericComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { MakeSlots } from '@/util'\nimport type { PropType } from 'vue'\n\nexport type VBannerSlots = MakeSlots<{\n  default: []\n  prepend: []\n  text: []\n  actions: []\n}>\n\nexport const VBanner = genericComponent<VBannerSlots>()({\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({ VBannerActions: { color, density } })\n\n    useRender(() => {\n      const hasText = !!(props.text || slots.text)\n      const hasPrependMedia = !!(props.avatar || props.icon)\n      const hasPrepend = !!(hasPrependMedia || slots.prepend)\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            <div key=\"prepend\" class=\"v-banner__prepend\">\n              { !slots.prepend ? (\n                <VAvatar\n                  key=\"prepend-avatar\"\n                  color={ color.value }\n                  density={ density.value }\n                  icon={ props.icon }\n                  image={ props.avatar }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"prepend-defaults\"\n                  disabled={ !hasPrependMedia }\n                  defaults={{\n                    VAvatar: {\n                      color: color.value,\n                      density: density.value,\n                      icon: props.icon,\n                      image: props.avatar,\n                    },\n                  }}\n                  v-slots:default={ slots.prepend }\n                />\n              )}\n            </div>\n          )}\n\n          <div class=\"v-banner__content\">\n            { hasText && (\n              <VBannerText key=\"text\">\n                { slots.text?.() ?? props.text }\n              </VBannerText>\n            )}\n\n            { slots.default?.() }\n          </div>\n\n          { slots.actions && (\n            <VBannerActions key=\"actions\" v-slots:default={ slots.actions } />\n          )}\n        </props.tag>\n      )\n    })\n  },\n})\n\nexport type VBanner = InstanceType<typeof VBanner>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"VBannerActions.mjs","names":["provideDefaults","genericComponent","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 { genericComponent, useRender } from '@/util'\n\nexport const VBannerActions = genericComponent()({\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\nexport type VBannerActions = InstanceType<typeof VBannerActions>\n"],"mappings":";AAAA;AAAA,SACSA,eAAe,0CAExB;AAAA,SACSC,gBAAgB,EAAEC,SAAS;AAEpC,OAAO,MAAMC,cAAc,GAAGF,gBAAgB,EAAE,CAAC;EAC/CG,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAE;IACLC,KAAK,EAAEC,MAAM;IACbC,OAAO,EAAED;EACX,CAAC;EAEDE,KAAK,CAAEJ,KAAK,QAAa;IAAA,IAAX;MAAEK;IAAM,CAAC;IACrBV,eAAe,CAAC;MACdW,IAAI,EAAE;QACJL,KAAK,EAAED,KAAK,CAACC,KAAK;QAClBE,OAAO,EAAEH,KAAK,CAACG,OAAO;QACtBI,OAAO,EAAE;MACX;IACF,CAAC,CAAC;IAEFV,SAAS,CAAC;MAAA,SACG;IAAkB,IACzBQ,KAAK,CAACG,OAAO,IAAI,EAEtB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VBannerActions.mjs","names":["provideDefaults","genericComponent","useRender","VBannerActions","name","props","color","String","density","setup","_ref","slots","VBtn","variant","_createVNode","default"],"sources":["../../../src/components/VBanner/VBannerActions.tsx"],"sourcesContent":["// Composables\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utility\nimport { genericComponent, useRender } from '@/util'\n\nexport const VBannerActions = genericComponent()({\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\nexport type VBannerActions = InstanceType<typeof VBannerActions>\n"],"mappings":";AAAA;AAAA,SACSA,eAAe,0CAExB;AAAA,SACSC,gBAAgB,EAAEC,SAAS;AAEpC,OAAO,MAAMC,cAAc,GAAGF,gBAAgB,EAAE,CAAC;EAC/CG,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAE;IACLC,KAAK,EAAEC,MAAM;IACbC,OAAO,EAAED;EACX,CAAC;EAEDE,KAAKA,CAAEJ,KAAK,EAAAK,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrBV,eAAe,CAAC;MACdY,IAAI,EAAE;QACJN,KAAK,EAAED,KAAK,CAACC,KAAK;QAClBE,OAAO,EAAEH,KAAK,CAACG,OAAO;QACtBK,OAAO,EAAE;MACX;IACF,CAAC,CAAC;IAEFX,SAAS,CAAC,MAAAY,YAAA;MAAA,SACG;IAAkB,IACzBH,KAAK,CAACI,OAAO,IAAI,EAEtB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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","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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"}
+{"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","_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","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/VBottomSheet/VBottomSheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBottomSheet.mjs","names":["VDialog","extend","name","props","inset","Boolean","maxWidth","String","Number","transition","type","default","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: [String, Number],\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;;AAEA;AAAA,OACOA,OAAO;AAEd;AACA,eAAeA,OAAO,CAACC,MAAM,CAAC;EAC5BC,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAE;IACLC,KAAK,EAAEC,OAAO;IACdC,QAAQ,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;IAC1BC,UAAU,EAAE;MACVC,IAAI,EAAEH,MAAM;MACZI,OAAO,EAAE;IACX;EACF,CAAC;EAEDC,QAAQ,EAAE;IACRC,OAAO,GAAY;MACjB,OAAO;QACL,GAAGb,OAAO,CAACc,OAAO,CAACF,QAAQ,CAACC,OAAO,CAACE,IAAI,CAAC,IAAI,CAAC;QAC9C,gBAAgB,EAAE,IAAI;QACtB,uBAAuB,EAAE,IAAI,CAACX;MAChC,CAAC;IACH;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"VBottomSheet.mjs","names":["VDialog","extend","name","props","inset","Boolean","maxWidth","String","Number","transition","type","default","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: [String, Number],\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;;AAEA;AAAA,OACOA,OAAO;AAEd;AACA,eAAeA,OAAO,CAACC,MAAM,CAAC;EAC5BC,IAAI,EAAE,gBAAgB;EAEtBC,KAAK,EAAE;IACLC,KAAK,EAAEC,OAAO;IACdC,QAAQ,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;IAC1BC,UAAU,EAAE;MACVC,IAAI,EAAEH,MAAM;MACZI,OAAO,EAAE;IACX;EACF,CAAC;EAEDC,QAAQ,EAAE;IACRC,OAAOA,CAAA,EAAY;MACjB,OAAO;QACL,GAAGb,OAAO,CAACc,OAAO,CAACF,QAAQ,CAACC,OAAO,CAACE,IAAI,CAAC,IAAI,CAAC;QAC9C,gBAAgB,EAAE,IAAI;QACtB,uBAAuB,EAAE,IAAI,CAACX;MAChC,CAAC;IACH;EACF;AACF,CAAC,CAAC"}