vuetify 3.2.3 → 3.2.5

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

@@ -42,6 +42,10 @@ declare const VLazy: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "style" | "options" | "tag" | "modelValue">;
@@ -83,6 +87,10 @@ declare const VLazy: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -140,6 +148,10 @@ declare const VLazy: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
@@ -171,6 +183,10 @@ declare const VLazy: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+} & {
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
 } & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {

package/lib/components/VList/VList.mjs

@@ -18,7 +18,7 @@ import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { makeVariantProps } from "../../composables/variant.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs";
 import { useBackgroundColor } from "../../composables/color.mjs"; // Utilities
-import { computed, ref, toRef } from 'vue';
+import { computed, ref, shallowRef, toRef } from 'vue';
 import { focusChild, genericComponent, getPropertyFromItem, pick, propsFactory, useRender } from "../../util/index.mjs"; // Types
 function isPrimitive(value) {
   return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';
@@ -149,7 +149,7 @@ export const VList = genericComponent()({
         variant: toRef(props, 'variant')
       }
     });
-    const isFocused = ref(false);
+    const isFocused = shallowRef(false);
     const contentRef = ref();
     function onFocusin(e) {
       isFocused.value = true;

package/lib/components/VList/VList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VList.mjs","names":["VListChildren","createList","makeBorderProps","useBorder","makeComponentProps","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeItemsProps","makeNestedProps","useNested","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","useBackgroundColor","computed","ref","toRef","focusChild","genericComponent","getPropertyFromItem","pick","propsFactory","useRender","isPrimitive","value","transformItem","props","item","type","itemType","title","itemTitle","itemValue","undefined","children","itemChildren","itemProps","_props","transformItems","raw","items","array","push","useListItems","makeVListProps","activeColor","String","activeClass","bgColor","disabled","Boolean","lines","default","nav","selectStrategy","openStrategy","variant","VList","name","emits","val","setup","_ref","slots","themeClasses","backgroundColorClasses","backgroundColorStyles","borderClasses","densityClasses","dimensionStyles","elevationClasses","roundedClasses","open","select","lineClasses","color","VListGroup","VListItem","density","isFocused","contentRef","onFocusin","e","onFocusout","onFocus","relatedTarget","contains","focus","onKeydown","key","preventDefault","location","_createVNode","tag","class","style"],"sources":["../../../src/components/VList/VList.tsx"],"sourcesContent":["// Styles\nimport './VList.sass'\n\n// Components\nimport { VListChildren } from './VListChildren'\n\n// Composables\nimport { createList } from './list'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeItemsProps } from '@/composables/items'\nimport { makeNestedProps, useNested } from '@/composables/nested/nested'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { focusChild, genericComponent, getPropertyFromItem, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { GenericProps } from '@/util'\nimport type { InternalItem, ItemProps } from '@/composables/items'\nimport type { VListChildrenSlots } from './VListChildren'\nimport type { PropType } from 'vue'\n\nexport interface InternalListItem<T = any> extends InternalItem<T> {\n  type?: 'item' | 'subheader' | 'divider'\n}\n\nfunction isPrimitive (value: unknown): value is string | number | boolean {\n  return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean'\n}\n\nfunction transformItem (props: ItemProps & { itemType: string }, item: any): InternalListItem {\n  const type = getPropertyFromItem(item, props.itemType, 'item')\n  const title = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemTitle)\n  const value = getPropertyFromItem(item, props.itemValue, undefined)\n  const children = getPropertyFromItem(item, props.itemChildren)\n  const itemProps = props.itemProps === true ? pick(item, ['children'])[1] : getPropertyFromItem(item, props.itemProps)\n\n  const _props = {\n    title,\n    value,\n    ...itemProps,\n  }\n\n  return {\n    type,\n    title: _props.title,\n    value: _props.value,\n    props: _props,\n    children: type === 'item' && children ? transformItems(props, children) : undefined,\n    raw: item,\n  }\n}\n\nfunction transformItems (props: ItemProps & { itemType: string }, items: (string | object)[]) {\n  const array: InternalListItem[] = []\n\n  for (const item of items) {\n    array.push(transformItem(props, item))\n  }\n\n  return array\n}\n\nfunction useListItems (props: ItemProps & { itemType: string }) {\n  const items = computed(() => transformItems(props, props.items))\n\n  return { items }\n}\n\nexport const makeVListProps = propsFactory({\n  activeColor: String,\n  activeClass: String,\n  bgColor: String,\n  disabled: Boolean,\n  lines: {\n    type: [Boolean, String] as PropType<'one' | 'two' | 'three' | false>,\n    default: 'one',\n  },\n  nav: Boolean,\n\n  ...makeNestedProps({\n    selectStrategy: 'single-leaf' as const,\n    openStrategy: 'list' as const,\n  }),\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  itemType: {\n    type: String,\n    default: 'type',\n  },\n  ...makeItemsProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps({ variant: 'text' } as const),\n}, 'v-list')\n\nexport const VList = genericComponent<new <T>(props: {\n  items?: T[]\n}) => GenericProps<typeof props, VListChildrenSlots<T>>>()({\n  name: 'VList',\n\n  props: makeVListProps(),\n\n  emits: {\n    'update:selected': (val: unknown[]) => true,\n    'update:opened': (val: unknown[]) => true,\n    'click:open': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n    'click:select': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n  },\n\n  setup (props, { slots }) {\n    const { items } = useListItems(props)\n    const { themeClasses } = provideTheme(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n    const { borderClasses } = useBorder(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n    const { open, select } = useNested(props)\n    const lineClasses = computed(() => props.lines ? `v-list--${props.lines}-line` : undefined)\n    const activeColor = toRef(props, 'activeColor')\n    const color = toRef(props, 'color')\n\n    createList()\n\n    provideDefaults({\n      VListGroup: {\n        activeColor,\n        color,\n      },\n      VListItem: {\n        activeClass: toRef(props, 'activeClass'),\n        activeColor,\n        color,\n        density: toRef(props, 'density'),\n        disabled: toRef(props, 'disabled'),\n        lines: toRef(props, 'lines'),\n        nav: toRef(props, 'nav'),\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    const isFocused = ref(false)\n    const contentRef = ref<HTMLElement>()\n    function onFocusin (e: FocusEvent) {\n      isFocused.value = true\n    }\n\n    function onFocusout (e: FocusEvent) {\n      isFocused.value = false\n    }\n\n    function onFocus (e: FocusEvent) {\n      if (\n        !isFocused.value &&\n        !(e.relatedTarget && contentRef.value?.contains(e.relatedTarget as Node))\n      ) focus()\n    }\n\n    function onKeydown (e: KeyboardEvent) {\n      if (!contentRef.value) return\n\n      if (e.key === 'ArrowDown') {\n        focus('next')\n      } else if (e.key === 'ArrowUp') {\n        focus('prev')\n      } else if (e.key === 'Home') {\n        focus('first')\n      } else if (e.key === 'End') {\n        focus('last')\n      } else {\n        return\n      }\n\n      e.preventDefault()\n    }\n\n    function focus (location?: 'next' | 'prev' | 'first' | 'last') {\n      if (contentRef.value) {\n        return focusChild(contentRef.value, location)\n      }\n    }\n\n    useRender(() => {\n      return (\n        <props.tag\n          ref={ contentRef }\n          class={[\n            'v-list',\n            {\n              'v-list--disabled': props.disabled,\n              'v-list--nav': props.nav,\n            },\n            themeClasses.value,\n            backgroundColorClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            lineClasses.value,\n            roundedClasses.value,\n            props.class,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            dimensionStyles.value,\n            props.style,\n          ]}\n          role=\"listbox\"\n          aria-activedescendant={ undefined }\n          onFocusin={ onFocusin }\n          onFocusout={ onFocusout }\n          onFocus={ onFocus }\n          onKeydown={ onKeydown }\n        >\n          <VListChildren items={ items.value } v-slots={ slots }></VListChildren>\n        </props.tag>\n      )\n    })\n\n    return {\n      open,\n      select,\n      focus,\n    }\n  },\n})\n\nexport type VList = InstanceType<typeof VList>\n"],"mappings":"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"}
+{"version":3,"file":"VList.mjs","names":["VListChildren","createList","makeBorderProps","useBorder","makeComponentProps","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeItemsProps","makeNestedProps","useNested","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","useBackgroundColor","computed","ref","shallowRef","toRef","focusChild","genericComponent","getPropertyFromItem","pick","propsFactory","useRender","isPrimitive","value","transformItem","props","item","type","itemType","title","itemTitle","itemValue","undefined","children","itemChildren","itemProps","_props","transformItems","raw","items","array","push","useListItems","makeVListProps","activeColor","String","activeClass","bgColor","disabled","Boolean","lines","default","nav","selectStrategy","openStrategy","variant","VList","name","emits","val","setup","_ref","slots","themeClasses","backgroundColorClasses","backgroundColorStyles","borderClasses","densityClasses","dimensionStyles","elevationClasses","roundedClasses","open","select","lineClasses","color","VListGroup","VListItem","density","isFocused","contentRef","onFocusin","e","onFocusout","onFocus","relatedTarget","contains","focus","onKeydown","key","preventDefault","location","_createVNode","tag","class","style"],"sources":["../../../src/components/VList/VList.tsx"],"sourcesContent":["// Styles\nimport './VList.sass'\n\n// Components\nimport { VListChildren } from './VListChildren'\n\n// Composables\nimport { createList } from './list'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeItemsProps } from '@/composables/items'\nimport { makeNestedProps, useNested } from '@/composables/nested/nested'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { computed, ref, shallowRef, toRef } from 'vue'\nimport { focusChild, genericComponent, getPropertyFromItem, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { GenericProps } from '@/util'\nimport type { InternalItem, ItemProps } from '@/composables/items'\nimport type { VListChildrenSlots } from './VListChildren'\nimport type { PropType } from 'vue'\n\nexport interface InternalListItem<T = any> extends InternalItem<T> {\n  type?: 'item' | 'subheader' | 'divider'\n}\n\nfunction isPrimitive (value: unknown): value is string | number | boolean {\n  return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean'\n}\n\nfunction transformItem (props: ItemProps & { itemType: string }, item: any): InternalListItem {\n  const type = getPropertyFromItem(item, props.itemType, 'item')\n  const title = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemTitle)\n  const value = getPropertyFromItem(item, props.itemValue, undefined)\n  const children = getPropertyFromItem(item, props.itemChildren)\n  const itemProps = props.itemProps === true ? pick(item, ['children'])[1] : getPropertyFromItem(item, props.itemProps)\n\n  const _props = {\n    title,\n    value,\n    ...itemProps,\n  }\n\n  return {\n    type,\n    title: _props.title,\n    value: _props.value,\n    props: _props,\n    children: type === 'item' && children ? transformItems(props, children) : undefined,\n    raw: item,\n  }\n}\n\nfunction transformItems (props: ItemProps & { itemType: string }, items: (string | object)[]) {\n  const array: InternalListItem[] = []\n\n  for (const item of items) {\n    array.push(transformItem(props, item))\n  }\n\n  return array\n}\n\nfunction useListItems (props: ItemProps & { itemType: string }) {\n  const items = computed(() => transformItems(props, props.items))\n\n  return { items }\n}\n\nexport const makeVListProps = propsFactory({\n  activeColor: String,\n  activeClass: String,\n  bgColor: String,\n  disabled: Boolean,\n  lines: {\n    type: [Boolean, String] as PropType<'one' | 'two' | 'three' | false>,\n    default: 'one',\n  },\n  nav: Boolean,\n\n  ...makeNestedProps({\n    selectStrategy: 'single-leaf' as const,\n    openStrategy: 'list' as const,\n  }),\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  itemType: {\n    type: String,\n    default: 'type',\n  },\n  ...makeItemsProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps({ variant: 'text' } as const),\n}, 'v-list')\n\nexport const VList = genericComponent<new <T>(props: {\n  items?: T[]\n}) => GenericProps<typeof props, VListChildrenSlots<T>>>()({\n  name: 'VList',\n\n  props: makeVListProps(),\n\n  emits: {\n    'update:selected': (val: unknown[]) => true,\n    'update:opened': (val: unknown[]) => true,\n    'click:open': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n    'click:select': (value: { id: unknown, value: boolean, path: unknown[] }) => true,\n  },\n\n  setup (props, { slots }) {\n    const { items } = useListItems(props)\n    const { themeClasses } = provideTheme(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n    const { borderClasses } = useBorder(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n    const { open, select } = useNested(props)\n    const lineClasses = computed(() => props.lines ? `v-list--${props.lines}-line` : undefined)\n    const activeColor = toRef(props, 'activeColor')\n    const color = toRef(props, 'color')\n\n    createList()\n\n    provideDefaults({\n      VListGroup: {\n        activeColor,\n        color,\n      },\n      VListItem: {\n        activeClass: toRef(props, 'activeClass'),\n        activeColor,\n        color,\n        density: toRef(props, 'density'),\n        disabled: toRef(props, 'disabled'),\n        lines: toRef(props, 'lines'),\n        nav: toRef(props, 'nav'),\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    const isFocused = shallowRef(false)\n    const contentRef = ref<HTMLElement>()\n    function onFocusin (e: FocusEvent) {\n      isFocused.value = true\n    }\n\n    function onFocusout (e: FocusEvent) {\n      isFocused.value = false\n    }\n\n    function onFocus (e: FocusEvent) {\n      if (\n        !isFocused.value &&\n        !(e.relatedTarget && contentRef.value?.contains(e.relatedTarget as Node))\n      ) focus()\n    }\n\n    function onKeydown (e: KeyboardEvent) {\n      if (!contentRef.value) return\n\n      if (e.key === 'ArrowDown') {\n        focus('next')\n      } else if (e.key === 'ArrowUp') {\n        focus('prev')\n      } else if (e.key === 'Home') {\n        focus('first')\n      } else if (e.key === 'End') {\n        focus('last')\n      } else {\n        return\n      }\n\n      e.preventDefault()\n    }\n\n    function focus (location?: 'next' | 'prev' | 'first' | 'last') {\n      if (contentRef.value) {\n        return focusChild(contentRef.value, location)\n      }\n    }\n\n    useRender(() => {\n      return (\n        <props.tag\n          ref={ contentRef }\n          class={[\n            'v-list',\n            {\n              'v-list--disabled': props.disabled,\n              'v-list--nav': props.nav,\n            },\n            themeClasses.value,\n            backgroundColorClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            lineClasses.value,\n            roundedClasses.value,\n            props.class,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            dimensionStyles.value,\n            props.style,\n          ]}\n          role=\"listbox\"\n          aria-activedescendant={ undefined }\n          onFocusin={ onFocusin }\n          onFocusout={ onFocusout }\n          onFocus={ onFocus }\n          onKeydown={ onKeydown }\n        >\n          <VListChildren items={ items.value } v-slots={ slots }></VListChildren>\n        </props.tag>\n      )\n    })\n\n    return {\n      open,\n      select,\n      focus,\n    }\n  },\n})\n\nexport type VList = InstanceType<typeof VList>\n"],"mappings":"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"}

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

@@ -3,15 +3,6 @@ import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, PropType, JSXCompo
 // @ts-ignore
 import * as vue_router from 'vue-router';
 
-type SelectStrategyFn = (data: {
-    id: unknown;
-    value: boolean;
-    selected: Map<unknown, 'on' | 'off' | 'indeterminate'>;
-    children: Map<unknown, unknown[]>;
-    parents: Map<unknown, unknown>;
-    event?: Event;
-}) => Map<unknown, 'on' | 'off' | 'indeterminate'>;
-
 type OpenStrategyFn = (data: {
     id: unknown;
     value: boolean;
@@ -34,12 +25,21 @@ type OpenStrategy = {
     select: OpenSelectStrategyFn;
 };
 
+type SelectStrategyFn = (data: {
+    id: unknown;
+    value: boolean;
+    selected: Map<unknown, 'on' | 'off' | 'indeterminate'>;
+    children: Map<unknown, unknown[]>;
+    parents: Map<unknown, unknown>;
+    event?: Event;
+}) => Map<unknown, 'on' | 'off' | 'indeterminate'>;
+
 type SelectStrategy = 'single-leaf' | 'leaf' | 'independent' | 'single-independent' | 'classic' | SelectStrategyFn;
 type OpenStrategyProp = 'single' | 'multiple' | 'list' | OpenStrategy;
 
 type Density = null | 'default' | 'comfortable' | 'compact';
 
-type SlotsToProps<U extends Record<string, any[]> | Record<string, Slot>, T = U extends Record<string, any[]> ? MakeSlots<U> : U> = {
+type SlotsToProps<U extends Record<string, any[]> | Record<string, Slot>, Generic extends boolean = false, T = U extends Record<string, any[]> ? MakeSlots<U> : U> = {
     $children?: (VNodeChild | (T extends {
         default: infer V;
     } ? V : {}) | {
@@ -50,13 +50,17 @@ type SlotsToProps<U extends Record<string, any[]> | Record<string, Slot>, T = U
     };
 } & {
     [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
-};
+} & (Generic extends false ? {
+    $slots?: {
+        [K in keyof T]?: T[K];
+    };
+} : {});
 type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
 type MakeSlots<T extends Record<string, any[]> | Record<string, Slot>> = {
     [K in keyof T]: T[K] extends any[] ? Slot<T[K]> : T[K];
 };
 type GenericProps<Props, Slots extends Record<string, any[]>> = {
-    $props: Props & SlotsToProps<Slots>;
+    $props: Props & SlotsToProps<Slots, true>;
     $slots: MakeSlots<Slots>;
 };
 interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
@@ -166,6 +170,14 @@ declare const VListItem: {
             "v-slot:default"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
             "v-slot:title"?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
             "v-slot:subtitle"?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+                subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
         } & {
             onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "replace" | "link" | "exact" | "active" | "nav" | "style" | "disabled" | "tag" | "rounded" | "density" | "variant" | "ripple">;
@@ -242,6 +254,14 @@ declare const VListItem: {
             "v-slot:default"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
             "v-slot:title"?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
             "v-slot:subtitle"?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+                title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+                subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
         } & {
             onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -339,6 +359,14 @@ declare const VListItem: {
         "v-slot:default"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
         "v-slot:title"?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
         "v-slot:subtitle"?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+    } & {
+        $slots?: {
+            prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+            append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+            default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+            title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+            subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
     } & {
         onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
@@ -405,6 +433,14 @@ declare const VListItem: {
     "v-slot:default"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
     "v-slot:title"?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
     "v-slot:subtitle"?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+} & {
+    $slots?: {
+        prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+        append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+        default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
+        title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
+        subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
 } & {
     onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -1337,6 +1373,14 @@ declare const VListGroup: {
                 isOpen: boolean;
                 props: Record<string, unknown>;
             }) => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+                activator?: ((args_0: {
+                    isOpen: boolean;
+                    props: Record<string, unknown>;
+                }) => vue.VNodeChild) | undefined;
+            } | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "tag" | "subgroup" | "collapseIcon" | "expandIcon" | "fluid">;
         $attrs: {
             [x: string]: unknown;
@@ -1387,6 +1431,14 @@ declare const VListGroup: {
                 isOpen: boolean;
                 props: Record<string, unknown>;
             }) => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+                activator?: ((args_0: {
+                    isOpen: boolean;
+                    props: Record<string, unknown>;
+                }) => vue.VNodeChild) | undefined;
+            } | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             style: vue.StyleValue;
             tag: string;
@@ -1450,6 +1502,14 @@ declare const VListGroup: {
             isOpen: boolean;
             props: Record<string, unknown>;
         }) => vue.VNodeChild) | undefined;
+    } & {
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+            activator?: ((args_0: {
+                isOpen: boolean;
+                props: Record<string, unknown>;
+            }) => vue.VNodeChild) | undefined;
+        } | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -1490,6 +1550,14 @@ declare const VListGroup: {
         isOpen: boolean;
         props: Record<string, unknown>;
     }) => vue.VNodeChild) | undefined;
+} & {
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+        activator?: ((args_0: {
+            isOpen: boolean;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
+    } | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     style: vue.StyleValue;
     tag: string;
@@ -1573,6 +1641,10 @@ declare const VListImg: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
@@ -1601,6 +1673,10 @@ declare const VListImg: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
@@ -1640,6 +1716,10 @@ declare const VListImg: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
     } & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>> & {} & vue.ComponentCustomProperties & {};
@@ -1660,6 +1740,10 @@ declare const VListImg: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+} & {
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
@@ -1713,6 +1797,10 @@ declare const VListItemAction: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "end" | "start" | "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
@@ -1743,6 +1831,10 @@ declare const VListItemAction: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             end: boolean;
             start: boolean;
@@ -1784,6 +1876,10 @@ declare const VListItemAction: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -1804,6 +1900,10 @@ declare const VListItemAction: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+} & {
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     end: boolean;
     start: boolean;
@@ -1861,6 +1961,10 @@ declare const VListItemMedia: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "end" | "start" | "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
@@ -1891,6 +1995,10 @@ declare const VListItemMedia: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             end: boolean;
             start: boolean;
@@ -1932,6 +2040,10 @@ declare const VListItemMedia: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -1952,6 +2064,10 @@ declare const VListItemMedia: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+} & {
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     end: boolean;
     start: boolean;
@@ -2005,6 +2121,10 @@ declare const VListItemSubtitle: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
@@ -2033,6 +2153,10 @@ declare const VListItemSubtitle: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
@@ -2072,6 +2196,10 @@ declare const VListItemSubtitle: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
     } & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>> & {} & vue.ComponentCustomProperties & {};
@@ -2092,6 +2220,10 @@ declare const VListItemSubtitle: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+} & {
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
@@ -2141,6 +2273,10 @@ declare const VListItemTitle: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
@@ -2169,6 +2305,10 @@ declare const VListItemTitle: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
@@ -2208,6 +2348,10 @@ declare const VListItemTitle: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
     } & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>> & {} & vue.ComponentCustomProperties & {};
@@ -2228,6 +2372,10 @@ declare const VListItemTitle: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+} & {
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
@@ -2283,6 +2431,10 @@ declare const VListSubheader: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "inset" | "style" | "tag" | "sticky">;
         $attrs: {
             [x: string]: unknown;
@@ -2315,6 +2467,10 @@ declare const VListSubheader: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             inset: boolean;
             style: vue.StyleValue;
@@ -2358,6 +2514,10 @@ declare const VListSubheader: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -2380,6 +2540,10 @@ declare const VListSubheader: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+} & {
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     inset: boolean;
     style: vue.StyleValue;

package/lib/components/VList/list.mjs

@@ -1,12 +1,12 @@
 // Utilities
-import { computed, inject, provide, ref } from 'vue';
+import { computed, inject, provide, shallowRef } from 'vue';
 
 // Types
 
 // Depth
 export const DepthKey = Symbol.for('vuetify:depth');
 export function useDepth(hasPrepend) {
-  const parent = inject(DepthKey, ref(-1));
+  const parent = inject(DepthKey, shallowRef(-1));
   const depth = computed(() => parent.value + 1 + (hasPrepend?.value ? 1 : 0));
   provide(DepthKey, depth);
   return depth;
@@ -16,11 +16,11 @@ export function useDepth(hasPrepend) {
 export const ListKey = Symbol.for('vuetify:list');
 export function createList() {
   const parent = inject(ListKey, {
-    hasPrepend: ref(false),
+    hasPrepend: shallowRef(false),
     updateHasPrepend: () => null
   });
   const data = {
-    hasPrepend: ref(false),
+    hasPrepend: shallowRef(false),
     updateHasPrepend: value => {
       if (value) data.hasPrepend.value = value;
     }

package/lib/components/VList/list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"list.mjs","names":["computed","inject","provide","ref","DepthKey","Symbol","for","useDepth","hasPrepend","parent","depth","value","ListKey","createList","updateHasPrepend","data","useList"],"sources":["../../../src/components/VList/list.ts"],"sourcesContent":["// Utilities\nimport { computed, inject, provide, ref } from 'vue'\n\n// Types\nimport type { InjectionKey, Ref } from 'vue'\n\n// Depth\nexport const DepthKey: InjectionKey<Ref<number>> = Symbol.for('vuetify:depth')\n\nexport function useDepth (hasPrepend?: Ref<boolean>) {\n  const parent = inject(DepthKey, ref(-1))\n\n  const depth = computed(() => parent.value + 1 + (hasPrepend?.value ? 1 : 0))\n\n  provide(DepthKey, depth)\n\n  return depth\n}\n\n// List\nexport const ListKey: InjectionKey<{\n  hasPrepend: Ref<boolean>\n  updateHasPrepend: (value: boolean) => void\n}> = Symbol.for('vuetify:list')\n\nexport function createList () {\n  const parent = inject(ListKey, { hasPrepend: ref(false), updateHasPrepend: () => null })\n\n  const data = {\n    hasPrepend: ref(false),\n    updateHasPrepend: (value: boolean) => {\n      if (value) data.hasPrepend.value = value\n    },\n  }\n\n  provide(ListKey, data)\n\n  return parent\n}\n\nexport function useList () {\n  return inject(ListKey, null)\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAEC,GAAG,QAAQ,KAAK;;AAEpD;;AAGA;AACA,OAAO,MAAMC,QAAmC,GAAGC,MAAM,CAACC,GAAG,CAAC,eAAe,CAAC;AAE9E,OAAO,SAASC,QAAQA,CAAEC,UAAyB,EAAE;EACnD,MAAMC,MAAM,GAAGR,MAAM,CAACG,QAAQ,EAAED,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;EAExC,MAAMO,KAAK,GAAGV,QAAQ,CAAC,MAAMS,MAAM,CAACE,KAAK,GAAG,CAAC,IAAIH,UAAU,EAAEG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;EAE5ET,OAAO,CAACE,QAAQ,EAAEM,KAAK,CAAC;EAExB,OAAOA,KAAK;AACd;;AAEA;AACA,OAAO,MAAME,OAGX,GAAGP,MAAM,CAACC,GAAG,CAAC,cAAc,CAAC;AAE/B,OAAO,SAASO,UAAUA,CAAA,EAAI;EAC5B,MAAMJ,MAAM,GAAGR,MAAM,CAACW,OAAO,EAAE;IAAEJ,UAAU,EAAEL,GAAG,CAAC,KAAK,CAAC;IAAEW,gBAAgB,EAAEA,CAAA,KAAM;EAAK,CAAC,CAAC;EAExF,MAAMC,IAAI,GAAG;IACXP,UAAU,EAAEL,GAAG,CAAC,KAAK,CAAC;IACtBW,gBAAgB,EAAGH,KAAc,IAAK;MACpC,IAAIA,KAAK,EAAEI,IAAI,CAACP,UAAU,CAACG,KAAK,GAAGA,KAAK;IAC1C;EACF,CAAC;EAEDT,OAAO,CAACU,OAAO,EAAEG,IAAI,CAAC;EAEtB,OAAON,MAAM;AACf;AAEA,OAAO,SAASO,OAAOA,CAAA,EAAI;EACzB,OAAOf,MAAM,CAACW,OAAO,EAAE,IAAI,CAAC;AAC9B"}
+{"version":3,"file":"list.mjs","names":["computed","inject","provide","shallowRef","DepthKey","Symbol","for","useDepth","hasPrepend","parent","depth","value","ListKey","createList","updateHasPrepend","data","useList"],"sources":["../../../src/components/VList/list.ts"],"sourcesContent":["// Utilities\nimport { computed, inject, provide, shallowRef } from 'vue'\n\n// Types\nimport type { InjectionKey, Ref } from 'vue'\n\n// Depth\nexport const DepthKey: InjectionKey<Ref<number>> = Symbol.for('vuetify:depth')\n\nexport function useDepth (hasPrepend?: Ref<boolean>) {\n  const parent = inject(DepthKey, shallowRef(-1))\n\n  const depth = computed(() => parent.value + 1 + (hasPrepend?.value ? 1 : 0))\n\n  provide(DepthKey, depth)\n\n  return depth\n}\n\n// List\nexport const ListKey: InjectionKey<{\n  hasPrepend: Ref<boolean>\n  updateHasPrepend: (value: boolean) => void\n}> = Symbol.for('vuetify:list')\n\nexport function createList () {\n  const parent = inject(ListKey, { hasPrepend: shallowRef(false), updateHasPrepend: () => null })\n\n  const data = {\n    hasPrepend: shallowRef(false),\n    updateHasPrepend: (value: boolean) => {\n      if (value) data.hasPrepend.value = value\n    },\n  }\n\n  provide(ListKey, data)\n\n  return parent\n}\n\nexport function useList () {\n  return inject(ListKey, null)\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAEC,UAAU,QAAQ,KAAK;;AAE3D;;AAGA;AACA,OAAO,MAAMC,QAAmC,GAAGC,MAAM,CAACC,GAAG,CAAC,eAAe,CAAC;AAE9E,OAAO,SAASC,QAAQA,CAAEC,UAAyB,EAAE;EACnD,MAAMC,MAAM,GAAGR,MAAM,CAACG,QAAQ,EAAED,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;EAE/C,MAAMO,KAAK,GAAGV,QAAQ,CAAC,MAAMS,MAAM,CAACE,KAAK,GAAG,CAAC,IAAIH,UAAU,EAAEG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;EAE5ET,OAAO,CAACE,QAAQ,EAAEM,KAAK,CAAC;EAExB,OAAOA,KAAK;AACd;;AAEA;AACA,OAAO,MAAME,OAGX,GAAGP,MAAM,CAACC,GAAG,CAAC,cAAc,CAAC;AAE/B,OAAO,SAASO,UAAUA,CAAA,EAAI;EAC5B,MAAMJ,MAAM,GAAGR,MAAM,CAACW,OAAO,EAAE;IAAEJ,UAAU,EAAEL,UAAU,CAAC,KAAK,CAAC;IAAEW,gBAAgB,EAAEA,CAAA,KAAM;EAAK,CAAC,CAAC;EAE/F,MAAMC,IAAI,GAAG;IACXP,UAAU,EAAEL,UAAU,CAAC,KAAK,CAAC;IAC7BW,gBAAgB,EAAGH,KAAc,IAAK;MACpC,IAAIA,KAAK,EAAEI,IAAI,CAACP,UAAU,CAACG,KAAK,GAAGA,KAAK;IAC1C;EACF,CAAC;EAEDT,OAAO,CAACU,OAAO,EAAEG,IAAI,CAAC;EAEtB,OAAON,MAAM;AACf;AAEA,OAAO,SAASO,OAAOA,CAAA,EAAI;EACzB,OAAOf,MAAM,CAACW,OAAO,EAAE,IAAI,CAAC;AAC9B"}

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

@@ -29,6 +29,10 @@ declare const VLocaleProvider: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "rtl" | "style">;
         $attrs: {
             [x: string]: unknown;
@@ -60,6 +64,10 @@ declare const VLocaleProvider: {
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             rtl: boolean;
             style: vue.StyleValue;
@@ -100,6 +108,10 @@ declare const VLocaleProvider: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -121,6 +133,10 @@ declare const VLocaleProvider: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+} & {
+    $slots?: {
+        default?: (() => vue.VNodeChild) | undefined;
+    } | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     rtl: boolean;
     style: vue.StyleValue;