vuetify 3.1.5 → 3.1.7

package/lib/components/VSheet/VSheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VSheet.mjs","names":["makeBorderProps","useBorder","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","toRef","genericComponent","VSheet","name","props","color","String","setup","slots","themeClasses","backgroundColorClasses","backgroundColorStyles","borderClasses","dimensionStyles","elevationClasses","locationStyles","positionClasses","roundedClasses","value"],"sources":["../../../src/components/VSheet/VSheet.tsx"],"sourcesContent":["// Styles\nimport './VSheet.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\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 { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { genericComponent } from '@/util'\n\nexport const VSheet = genericComponent()({\n  name: 'VSheet',\n\n  props: {\n    color: String,\n\n    ...makeBorderProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeLocationProps(),\n    ...makePositionProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { borderClasses } = useBorder(props)\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    return () => (\n      <props.tag\n        class={[\n          'v-sheet',\n          themeClasses.value,\n          backgroundColorClasses.value,\n          borderClasses.value,\n          elevationClasses.value,\n          positionClasses.value,\n          roundedClasses.value,\n        ]}\n        style={[\n          backgroundColorStyles.value,\n          dimensionStyles.value,\n          locationStyles.value,\n        ]}\n        v-slots={ slots }\n      />\n    )\n  },\n})\n\nexport type VSheet = InstanceType<typeof VSheet>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAAA,SAC1BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,iBAAiB,EAAEC,WAAW;AAAA,SAC9BC,iBAAiB,EAAEC,WAAW;AAAA,SAC9BC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,kBAAkB,uCAE3B;AACA,SAASC,KAAK,QAAQ,KAAK;AAAA,SAClBC,gBAAgB;AAEzB,OAAO,MAAMC,MAAM,GAAGD,gBAAgB,EAAE,CAAC;EACvCE,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACLC,KAAK,EAAEC,MAAM;IAEb,GAAGtB,eAAe,EAAE;IACpB,GAAGE,kBAAkB,EAAE;IACvB,GAAGE,kBAAkB,EAAE;IACvB,GAAGE,iBAAiB,EAAE;IACtB,GAAGE,iBAAiB,EAAE;IACtB,GAAGE,gBAAgB,EAAE;IACrB,GAAGE,YAAY,EAAE;IACjB,GAAGC,cAAc;EACnB,CAAC;EAEDU,KAAK,CAAEH,KAAK,QAAa;IAAA,IAAX;MAAEI;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGX,YAAY,CAACM,KAAK,CAAC;IAC5C,MAAM;MAAEM,sBAAsB;MAAEC;IAAsB,CAAC,GAAGZ,kBAAkB,CAACC,KAAK,CAACI,KAAK,EAAE,OAAO,CAAC,CAAC;IACnG,MAAM;MAAEQ;IAAc,CAAC,GAAG3B,SAAS,CAACmB,KAAK,CAAC;IAC1C,MAAM;MAAES;IAAgB,CAAC,GAAG1B,YAAY,CAACiB,KAAK,CAAC;IAC/C,MAAM;MAAEU;IAAiB,CAAC,GAAGzB,YAAY,CAACe,KAAK,CAAC;IAChD,MAAM;MAAEW;IAAe,CAAC,GAAGxB,WAAW,CAACa,KAAK,CAAC;IAC7C,MAAM;MAAEY;IAAgB,CAAC,GAAGvB,WAAW,CAACW,KAAK,CAAC;IAC9C,MAAM;MAAEa;IAAe,CAAC,GAAGtB,UAAU,CAACS,KAAK,CAAC;IAE5C,OAAO;MAAA,SAEI,CACL,SAAS,EACTK,YAAY,CAACS,KAAK,EAClBR,sBAAsB,CAACQ,KAAK,EAC5BN,aAAa,CAACM,KAAK,EACnBJ,gBAAgB,CAACI,KAAK,EACtBF,eAAe,CAACE,KAAK,EACrBD,cAAc,CAACC,KAAK,CACrB;MAAA,SACM,CACLP,qBAAqB,CAACO,KAAK,EAC3BL,eAAe,CAACK,KAAK,EACrBH,cAAc,CAACG,KAAK;IACrB,GACSV,KAAK,CAElB;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"VSheet.mjs","names":["makeBorderProps","useBorder","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","genericComponent","pick","propsFactory","useRender","toRef","makeVSheetProps","color","String","VSheet","name","props","setup","slots","themeClasses","backgroundColorClasses","backgroundColorStyles","borderClasses","dimensionStyles","elevationClasses","locationStyles","positionClasses","roundedClasses","value","filterSheetProps","Object","keys"],"sources":["../../../src/components/VSheet/VSheet.tsx"],"sourcesContent":["// Styles\nimport './VSheet.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\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 { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { genericComponent, pick, propsFactory, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { ExtractPropTypes } from 'vue'\n\nexport const makeVSheetProps = propsFactory({\n  color: String,\n\n  ...makeBorderProps(),\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  ...makeLocationProps(),\n  ...makePositionProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n}, 'v-sheet')\n\nexport const VSheet = genericComponent()({\n  name: 'VSheet',\n\n  props: {\n    ...makeVSheetProps(),\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { borderClasses } = useBorder(props)\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    useRender(() => (\n      <props.tag\n        class={[\n          'v-sheet',\n          themeClasses.value,\n          backgroundColorClasses.value,\n          borderClasses.value,\n          elevationClasses.value,\n          positionClasses.value,\n          roundedClasses.value,\n        ]}\n        style={[\n          backgroundColorStyles.value,\n          dimensionStyles.value,\n          locationStyles.value,\n        ]}\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VSheet = InstanceType<typeof VSheet>\n\nexport function filterSheetProps (props: ExtractPropTypes<ReturnType<typeof makeVSheetProps>>) {\n  return pick(props, Object.keys(VSheet?.props ?? {}) as any)\n}\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAAA,SAC1BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,iBAAiB,EAAEC,WAAW;AAAA,SAC9BC,iBAAiB,EAAEC,WAAW;AAAA,SAC9BC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,kBAAkB,uCAE3B;AAAA,SACSC,gBAAgB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS;AACxD,SAASC,KAAK,QAAQ,KAAK;;AAE3B;;AAGA,OAAO,MAAMC,eAAe,GAAGH,YAAY,CAAC;EAC1CI,KAAK,EAAEC,MAAM;EAEb,GAAGvB,eAAe,EAAE;EACpB,GAAGE,kBAAkB,EAAE;EACvB,GAAGE,kBAAkB,EAAE;EACvB,GAAGE,iBAAiB,EAAE;EACtB,GAAGE,iBAAiB,EAAE;EACtB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,YAAY,EAAE;EACjB,GAAGC,cAAc;AACnB,CAAC,EAAE,SAAS,CAAC;AAEb,OAAO,MAAMW,MAAM,GAAGR,gBAAgB,EAAE,CAAC;EACvCS,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACL,GAAGL,eAAe;EACpB,CAAC;EAEDM,KAAK,CAAED,KAAK,QAAa;IAAA,IAAX;MAAEE;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGf,YAAY,CAACY,KAAK,CAAC;IAC5C,MAAM;MAAEI,sBAAsB;MAAEC;IAAsB,CAAC,GAAGhB,kBAAkB,CAACK,KAAK,CAACM,KAAK,EAAE,OAAO,CAAC,CAAC;IACnG,MAAM;MAAEM;IAAc,CAAC,GAAG/B,SAAS,CAACyB,KAAK,CAAC;IAC1C,MAAM;MAAEO;IAAgB,CAAC,GAAG9B,YAAY,CAACuB,KAAK,CAAC;IAC/C,MAAM;MAAEQ;IAAiB,CAAC,GAAG7B,YAAY,CAACqB,KAAK,CAAC;IAChD,MAAM;MAAES;IAAe,CAAC,GAAG5B,WAAW,CAACmB,KAAK,CAAC;IAC7C,MAAM;MAAEU;IAAgB,CAAC,GAAG3B,WAAW,CAACiB,KAAK,CAAC;IAC9C,MAAM;MAAEW;IAAe,CAAC,GAAG1B,UAAU,CAACe,KAAK,CAAC;IAE5CP,SAAS,CAAC;MAAA,SAEC,CACL,SAAS,EACTU,YAAY,CAACS,KAAK,EAClBR,sBAAsB,CAACQ,KAAK,EAC5BN,aAAa,CAACM,KAAK,EACnBJ,gBAAgB,CAACI,KAAK,EACtBF,eAAe,CAACE,KAAK,EACrBD,cAAc,CAACC,KAAK,CACrB;MAAA,SACM,CACLP,qBAAqB,CAACO,KAAK,EAC3BL,eAAe,CAACK,KAAK,EACrBH,cAAc,CAACG,KAAK;IACrB,GACSV,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC;AAIF,OAAO,SAASW,gBAAgB,CAAEb,KAA2D,EAAE;EAC7F,OAAOT,IAAI,CAACS,KAAK,EAAEc,MAAM,CAACC,IAAI,CAACjB,MAAM,EAAEE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAQ;AAC7D"}

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

@@ -26,12 +26,15 @@ declare const VSheet: vue.DefineComponent<{
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
     tag: string;
 } & {
     location?: Anchor | undefined;
@@ -51,6 +54,9 @@ declare const VSheet: vue.DefineComponent<{
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;

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

@@ -64,6 +64,11 @@ declare const VSlideGroup: vue.DefineComponent<{
         prev?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
         next?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
+        prev?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
+        next?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
         prev?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
@@ -101,6 +106,11 @@ declare const VSlideGroup: vue.DefineComponent<{
         prev?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
         next?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
+        prev?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
+        next?: ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
         prev?: false | ((args_0: SlideGroupSlot) => vue.VNodeChild) | undefined;
@@ -145,6 +155,14 @@ declare const VSlideGroupItem: vue.DefineComponent<{
             selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
         }) => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: ((args_0: {
+            isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
+            select: GroupItemProvide['select'];
+            toggle: GroupItemProvide['toggle'];
+            selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
+        }) => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | ((args_0: {
             isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
@@ -185,6 +203,14 @@ declare const VSlideGroupItem: vue.DefineComponent<{
             selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
         }) => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: ((args_0: {
+            isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
+            select: GroupItemProvide['select'];
+            toggle: GroupItemProvide['toggle'];
+            selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
+        }) => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | ((args_0: {
             isSelected: UnwrapRef<GroupItemProvide['isSelected']>;

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

@@ -74,6 +74,14 @@ declare const VSlider: vue.DefineComponent<{
         'tick-label'?: (() => vue.VNodeChild) | undefined;
         'thumb-label'?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        'tick-label'?: (() => vue.VNodeChild) | undefined;
+        'thumb-label'?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -140,6 +148,14 @@ declare const VSlider: vue.DefineComponent<{
         'tick-label'?: (() => vue.VNodeChild) | undefined;
         'thumb-label'?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        'tick-label'?: (() => vue.VNodeChild) | undefined;
+        'thumb-label'?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;

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

@@ -132,6 +132,14 @@ declare const VSnackbar: vue.DefineComponent<{
         default?: (() => vue.VNodeChild) | undefined;
         actions?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        activator?: ((args_0: {
+            isActive: boolean;
+            props: Record<string, any>;
+        }) => vue.VNodeChild) | undefined;
+        default?: (() => vue.VNodeChild) | undefined;
+        actions?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         activator?: false | ((args_0: {
             isActive: boolean;
@@ -227,6 +235,15 @@ declare const VSnackbar: vue.DefineComponent<{
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
         };
+        $slots?: {
+            default?: ((args_0: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            activator?: ((args_0: {
+                isActive: boolean;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
+        } | undefined;
         'v-slots'?: {
             default?: false | ((args_0: {
                 isActive: vue.Ref<boolean>;
@@ -313,6 +330,15 @@ declare const VSnackbar: vue.DefineComponent<{
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
         };
+        $slots?: {
+            default?: ((args_0: {
+                isActive: vue.Ref<boolean>;
+            }) => vue.VNodeChild) | undefined;
+            activator?: ((args_0: {
+                isActive: boolean;
+                props: Record<string, any>;
+            }) => vue.VNodeChild) | undefined;
+        } | undefined;
         'v-slots'?: {
             default?: false | ((args_0: {
                 isActive: vue.Ref<boolean>;
@@ -442,6 +468,15 @@ declare const VSnackbar: vue.DefineComponent<{
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: ((args_0: {
+            isActive: vue.Ref<boolean>;
+        }) => vue.VNodeChild) | undefined;
+        activator?: ((args_0: {
+            isActive: boolean;
+            props: Record<string, any>;
+        }) => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | ((args_0: {
             isActive: vue.Ref<boolean>;
@@ -470,7 +505,7 @@ declare const VSnackbar: vue.DefineComponent<{
     globalTop: Readonly<vue.Ref<boolean>>;
     localTop: vue.ComputedRef<boolean>;
     updateLocation: vue.Ref<((e: Event) => void) | undefined>;
-}> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slot:default" | "$slots" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (v: boolean) => boolean;
 }, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
     absolute: boolean;
@@ -524,6 +559,14 @@ declare const VSnackbar: vue.DefineComponent<{
         default?: (() => vue.VNodeChild) | undefined;
         actions?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        activator?: ((args_0: {
+            isActive: boolean;
+            props: Record<string, any>;
+        }) => vue.VNodeChild) | undefined;
+        default?: (() => vue.VNodeChild) | undefined;
+        actions?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         activator?: false | ((args_0: {
             isActive: boolean;

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

@@ -89,6 +89,17 @@ declare const VSwitch: vue.DefineComponent<{
         }) => vue.VNodeChild) | undefined;
         input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        label?: ((args_0: {
+            label: string | undefined;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
+        input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -165,6 +176,17 @@ declare const VSwitch: vue.DefineComponent<{
         }) => vue.VNodeChild) | undefined;
         input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        label?: ((args_0: {
+            label: string | undefined;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
+        input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;

package/lib/components/VSystemBar/VSystemBar.css

@@ -5,7 +5,8 @@
   height: 24px;
   justify-content: flex-end;
   max-width: 100%;
-  padding: 0 8px;
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
   position: relative;
   text-align: end;
   width: 100%;
@@ -32,4 +33,7 @@
 }
 .v-system-bar--window {
   height: 32px;
+}
+.v-system-bar:not(.v-system-bar--absolute) {
+  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
 }

package/lib/components/VSystemBar/VSystemBar.sass

@@ -8,7 +8,8 @@
   height: $system-bar-height
   justify-content: $system-bar-justify-content
   max-width: 100%
-  padding: $system-bar-padding
+  padding-inline-start: $system-bar-padding-x
+  padding-inline-end: $system-bar-padding-x
   position: relative
   text-align: $system-bar-text-align
   width: 100%
@@ -26,3 +27,6 @@
 
   &--window
     height: $system-bar-window-height
+
+  &:not(.v-system-bar--absolute)
+    padding-inline-end: calc(var(--v-scrollbar-offset) + #{$system-bar-padding-x})

package/lib/components/VSystemBar/_variables.scss

@@ -16,7 +16,7 @@ $system-bar-justify-content: flex-end !default;
 $system-bar-letter-spacing: tools.map-deep-get(settings.$typography, 'caption', 'letter-spacing') !default;
 $system-bar-lights-out-background: rgba(var(--v-theme-background), 0.7) !default;
 $system-bar-line-height: tools.map-deep-get(settings.$typography, 'caption', 'line-height') !default;
-$system-bar-padding: 0 8px !default;
+$system-bar-padding-x: 8px !default;
 $system-bar-positions: absolute fixed !default;
 $system-bar-text-align: end !default;
 $system-bar-text-transform: tools.map-deep-get(settings.$typography, 'caption', 'text-transform') !default;
@@ -35,3 +35,6 @@ $system-bar-typography: (
   $system-bar-line-height,
   $system-bar-text-transform
 );
+
+// Deprecated
+$system-bar-padding: 0 8px !default;

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

@@ -16,6 +16,9 @@ declare const VSystemBar: vue.DefineComponent<{
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -37,6 +40,9 @@ declare const VSystemBar: vue.DefineComponent<{
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;

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

@@ -18,6 +18,12 @@ declare const VTable: vue.DefineComponent<{
         bottom?: (() => vue.VNodeChild) | undefined;
         wrapper?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+        top?: (() => vue.VNodeChild) | undefined;
+        bottom?: (() => vue.VNodeChild) | undefined;
+        wrapper?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         top?: false | (() => vue.VNodeChild) | undefined;
@@ -45,6 +51,12 @@ declare const VTable: vue.DefineComponent<{
         bottom?: (() => vue.VNodeChild) | undefined;
         wrapper?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+        top?: (() => vue.VNodeChild) | undefined;
+        bottom?: (() => vue.VNodeChild) | undefined;
+        wrapper?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         top?: false | (() => vue.VNodeChild) | undefined;

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

@@ -27,6 +27,9 @@ declare const VTabs: vue.DefineComponent<{
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -55,6 +58,9 @@ declare const VTabs: vue.DefineComponent<{
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -106,6 +112,9 @@ declare const VTab: vue.DefineComponent<{
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -137,6 +146,9 @@ declare const VTab: vue.DefineComponent<{
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;

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

@@ -105,6 +105,17 @@ declare const VTextField: vue.DefineComponent<{
         'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
         default?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        clear?: (() => vue.VNodeChild) | undefined;
+        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
+        'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         clear?: false | (() => vue.VNodeChild) | undefined;
         details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -170,6 +181,12 @@ declare const VTextField: vue.DefineComponent<{
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         };
+        $slots?: {
+            default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
         'v-slots'?: {
             default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -227,6 +244,12 @@ declare const VTextField: vue.DefineComponent<{
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         };
+        $slots?: {
+            default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
         'v-slots'?: {
             default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -307,6 +330,12 @@ declare const VTextField: vue.DefineComponent<{
         append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -324,7 +353,7 @@ declare const VTextField: vue.DefineComponent<{
     reset: () => void;
     resetValidation: () => void;
     validate: () => Promise<string[]>;
-}> & {} & vue.ComponentCustomProperties & {}, "id" | "name" | "label" | "$children" | "v-slot:default" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "validateOn" | "validationValue" | "hideDetails" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules") | "v-slot:details">, `$${any}`> & Omit<Omit<{
+}> & {} & vue.ComponentCustomProperties & {}, "id" | "name" | "label" | "$children" | "v-slot:default" | "$slots" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "validateOn" | "validationValue" | "hideDetails" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules") | "v-slot:details">, `$${any}`> & Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
     $props: Partial<{
@@ -369,7 +398,7 @@ declare const VTextField: vue.DefineComponent<{
         'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
         focused: BooleanConstructor;
         id: StringConstructor;
-    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+    }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
     $attrs: {
@@ -415,14 +444,14 @@ declare const VTextField: vue.DefineComponent<{
         'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
         focused: BooleanConstructor;
         id: StringConstructor;
-    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+    }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     }, {
         controlRef: vue.Ref<HTMLElement | undefined>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:focused': (focused: boolean) => true;
         'update:modelValue': (val: any) => true;
-    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
+    }, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
         reverse: boolean;
         error: boolean;
         active: boolean;
@@ -484,7 +513,7 @@ declare const VTextField: vue.DefineComponent<{
     'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
     focused: BooleanConstructor;
     id: StringConstructor;
-}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
+}, "$children" | "v-slot:default" | "$slots" | "v-slots" | "modelValue" | "onUpdate:modelValue" | "v-slot:loader" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner">>> & {
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
 } & vue.ShallowUnwrapRef<{
     controlRef: vue.Ref<HTMLElement | undefined>;
@@ -501,6 +530,14 @@ declare const VTextField: vue.DefineComponent<{
             loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
             default?: ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
         };
+        $slots?: {
+            clear?: (() => vue.VNodeChild) | undefined;
+            'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+            loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
+            default?: ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
         'v-slots'?: {
             clear?: false | (() => vue.VNodeChild) | undefined;
             'prepend-inner'?: false | ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
@@ -517,7 +554,7 @@ declare const VTextField: vue.DefineComponent<{
         "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
     };
-}, "id" | "color" | "loading" | "label" | "$children" | "theme" | "v-slot:default" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, "id" | "color" | "loading" | "label" | "$children" | "theme" | "v-slot:default" | "$slots" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:label" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'click:control': (e: MouseEvent) => true;
     'mousedown:control': (e: MouseEvent) => true;
     'update:focused': (focused: boolean) => true;
@@ -585,6 +622,17 @@ declare const VTextField: vue.DefineComponent<{
         'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
         default?: (() => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        clear?: (() => vue.VNodeChild) | undefined;
+        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
+        'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         clear?: false | (() => vue.VNodeChild) | undefined;
         details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;

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

@@ -104,6 +104,16 @@ declare const VTextarea: vue.DefineComponent<{
         'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
         'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        clear?: (() => vue.VNodeChild) | undefined;
+        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
+        'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         clear?: false | (() => vue.VNodeChild) | undefined;
         details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -167,6 +177,12 @@ declare const VTextarea: vue.DefineComponent<{
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         };
+        $slots?: {
+            default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
         'v-slots'?: {
             default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -224,6 +240,12 @@ declare const VTextarea: vue.DefineComponent<{
             append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         };
+        $slots?: {
+            default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
         'v-slots'?: {
             default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -304,6 +326,12 @@ declare const VTextarea: vue.DefineComponent<{
         append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -321,7 +349,7 @@ declare const VTextarea: vue.DefineComponent<{
     reset: () => void;
     resetValidation: () => void;
     validate: () => Promise<string[]>;
-}> & {} & vue.ComponentCustomProperties & {}, "id" | "name" | "label" | "$children" | "v-slot:default" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "validateOn" | "validationValue" | "hideDetails" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules") | "v-slot:details">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}> & {} & vue.ComponentCustomProperties & {}, "id" | "name" | "label" | "$children" | "v-slot:default" | "$slots" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "validateOn" | "validationValue" | "hideDetails" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules") | "v-slot:details">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'click:control': (e: MouseEvent) => true;
     'mousedown:control': (e: MouseEvent) => true;
     'update:focused': (focused: boolean) => true;
@@ -391,6 +419,16 @@ declare const VTextarea: vue.DefineComponent<{
         'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
         'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
     };
+    $slots?: {
+        clear?: (() => vue.VNodeChild) | undefined;
+        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        label?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        loader?: ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
+        'prepend-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+        'append-inner'?: ((args_0: DefaultInputSlot & VInputSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
     'v-slots'?: {
         clear?: false | (() => vue.VNodeChild) | undefined;
         details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;