@vuetify/nightly 3.9.0-dev.2025-07-15 → 3.9.0-dev.2025-07-16

package/lib/components/VProgressLinear/VProgressLinear.js.map

@@ -1 +1 @@
-{"version":3,"file":"VProgressLinear.js","names":["useBackgroundColor","useTextColor","makeComponentProps","useIntersectionObserver","useRtl","makeLocationProps","useLocation","useProxiedModel","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","computed","Transition","clamp","convertToUnit","genericComponent","IN_BROWSER","propsFactory","useRender","makeVProgressLinearProps","absolute","Boolean","active","type","default","bgColor","String","bgOpacity","Number","bufferValue","bufferColor","bufferOpacity","clickable","color","height","indeterminate","max","modelValue","opacity","reverse","stream","striped","roundedBar","location","VProgressLinear","name","props","emits","value","setup","_ref","slots","progress","isRtl","rtlClasses","themeClasses","locationStyles","textColorClasses","textColorStyles","backgroundColorClasses","backgroundColorStyles","bufferColorClasses","bufferColorStyles","barColorClasses","barColorStyles","roundedClasses","intersectionRef","isIntersecting","parseFloat","normalizedBuffer","normalizedValue","isReversed","transition","isForcedColorsModeActive","window","matchMedia","matches","handleClick","e","left","right","width","getBoundingClientRect","clientX","Math","round","_createVNode","tag","_normalizeClass","rounded","class","_normalizeStyle","bottom","undefined","top","style","min","_createElementVNode","borderTop","map","bar","buffer"],"sources":["../../../src/components/VProgressLinear/VProgressLinear.tsx"],"sourcesContent":["// Styles\nimport './VProgressLinear.sass'\n\n// Composables\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useRtl } from '@/composables/locale'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { computed, Transition } from 'vue'\nimport { clamp, convertToUnit, genericComponent, IN_BROWSER, propsFactory, useRender } from '@/util'\n\ntype VProgressLinearSlots = {\n  default: { value: number, buffer: number }\n}\n\nexport const makeVProgressLinearProps = propsFactory({\n  absolute: Boolean,\n  active: {\n    type: Boolean,\n    default: true,\n  },\n  bgColor: String,\n  bgOpacity: [Number, String],\n  bufferValue: {\n    type: [Number, String],\n    default: 0,\n  },\n  bufferColor: String,\n  bufferOpacity: [Number, String],\n  clickable: Boolean,\n  color: String,\n  height: {\n    type: [Number, String],\n    default: 4,\n  },\n  indeterminate: Boolean,\n  max: {\n    type: [Number, String],\n    default: 100,\n  },\n  modelValue: {\n    type: [Number, String],\n    default: 0,\n  },\n  opacity: [Number, String],\n  reverse: Boolean,\n  stream: Boolean,\n  striped: Boolean,\n  roundedBar: Boolean,\n\n  ...makeComponentProps(),\n  ...makeLocationProps({ location: 'top' } as const),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n}, 'VProgressLinear')\n\nexport const VProgressLinear = genericComponent<VProgressLinearSlots>()({\n  name: 'VProgressLinear',\n\n  props: makeVProgressLinearProps(),\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n  },\n\n  setup (props, { slots }) {\n    const progress = useProxiedModel(props, 'modelValue')\n    const { isRtl, rtlClasses } = useRtl()\n    const { themeClasses } = provideTheme(props)\n    const { locationStyles } = useLocation(props)\n    const { textColorClasses, textColorStyles } = useTextColor(() => props.color)\n    const {\n      backgroundColorClasses,\n      backgroundColorStyles,\n    } = useBackgroundColor(() => props.bgColor || props.color)\n    const {\n      backgroundColorClasses: bufferColorClasses,\n      backgroundColorStyles: bufferColorStyles,\n    } = useBackgroundColor(() => props.bufferColor || props.bgColor || props.color)\n    const {\n      backgroundColorClasses: barColorClasses,\n      backgroundColorStyles: barColorStyles,\n    } = useBackgroundColor(() => props.color)\n    const { roundedClasses } = useRounded(props)\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n\n    const max = computed(() => parseFloat(props.max))\n    const height = computed(() => parseFloat(props.height))\n    const normalizedBuffer = computed(() => clamp(parseFloat(props.bufferValue) / max.value * 100, 0, 100))\n    const normalizedValue = computed(() => clamp(parseFloat(progress.value) / max.value * 100, 0, 100))\n    const isReversed = computed(() => isRtl.value !== props.reverse)\n    const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition')\n    const isForcedColorsModeActive = IN_BROWSER && window.matchMedia?.('(forced-colors: active)').matches\n\n    function handleClick (e: MouseEvent) {\n      if (!intersectionRef.value) return\n\n      const { left, right, width } = intersectionRef.value.getBoundingClientRect()\n      const value = isReversed.value ? (width - e.clientX) + (right - width) : e.clientX - left\n\n      progress.value = Math.round(value / width * max.value)\n    }\n\n    useRender(() => (\n      <props.tag\n        ref={ intersectionRef }\n        class={[\n          'v-progress-linear',\n          {\n            'v-progress-linear--absolute': props.absolute,\n            'v-progress-linear--active': props.active && isIntersecting.value,\n            'v-progress-linear--reverse': isReversed.value,\n            'v-progress-linear--rounded': props.rounded,\n            'v-progress-linear--rounded-bar': props.roundedBar,\n            'v-progress-linear--striped': props.striped,\n          },\n          roundedClasses.value,\n          themeClasses.value,\n          rtlClasses.value,\n          props.class,\n        ]}\n        style={[\n          {\n            bottom: props.location === 'bottom' ? 0 : undefined,\n            top: props.location === 'top' ? 0 : undefined,\n            height: props.active ? convertToUnit(height.value) : 0,\n            '--v-progress-linear-height': convertToUnit(height.value),\n            ...(props.absolute ? locationStyles.value : {}),\n          },\n          props.style,\n        ]}\n        role=\"progressbar\"\n        aria-hidden={ props.active ? 'false' : 'true' }\n        aria-valuemin=\"0\"\n        aria-valuemax={ props.max }\n        aria-valuenow={ props.indeterminate ? undefined : Math.min(parseFloat(progress.value), max.value) }\n        onClick={ props.clickable && handleClick }\n      >\n        { props.stream && (\n          <div\n            key=\"stream\"\n            class={[\n              'v-progress-linear__stream',\n              textColorClasses.value,\n            ]}\n            style={{\n              ...textColorStyles.value,\n              [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),\n              borderTop: `${convertToUnit(height.value / 2)} dotted`,\n              opacity: parseFloat(props.bufferOpacity!),\n              top: `calc(50% - ${convertToUnit(height.value / 4)})`,\n              width: convertToUnit(100 - normalizedBuffer.value, '%'),\n              '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1)),\n            }}\n          />\n        )}\n\n        <div\n          class={[\n            'v-progress-linear__background',\n            !isForcedColorsModeActive ? backgroundColorClasses.value : undefined,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            {\n              opacity: parseFloat(props.bgOpacity!),\n              width: props.stream ? 0 : undefined,\n            },\n          ]}\n        />\n\n        <div\n          class={[\n            'v-progress-linear__buffer',\n            !isForcedColorsModeActive ? bufferColorClasses.value : undefined,\n          ]}\n          style={[\n            bufferColorStyles.value,\n            {\n              opacity: parseFloat(props.bufferOpacity!),\n              width: convertToUnit(normalizedBuffer.value, '%'),\n            },\n          ]}\n        />\n\n        <Transition name={ transition.value }>\n          { !props.indeterminate ? (\n            <div\n              class={[\n                'v-progress-linear__determinate',\n                !isForcedColorsModeActive ? barColorClasses.value : undefined,\n              ]}\n              style={[\n                barColorStyles.value,\n                { width: convertToUnit(normalizedValue.value, '%') },\n              ]}\n            />\n          ) : (\n            <div class=\"v-progress-linear__indeterminate\">\n              {['long', 'short'].map(bar => (\n                <div\n                  key={ bar }\n                  class={[\n                    'v-progress-linear__indeterminate',\n                    bar,\n                    !isForcedColorsModeActive ? barColorClasses.value : undefined,\n                  ]}\n                  style={ barColorStyles.value }\n                />\n              ))}\n            </div>\n          )}\n        </Transition>\n\n        { slots.default && (\n          <div class=\"v-progress-linear__content\">\n            { slots.default({ value: normalizedValue.value, buffer: normalizedBuffer.value }) }\n          </div>\n        )}\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VProgressLinear = InstanceType<typeof VProgressLinear>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VProgressLinear.js","names":["useBackgroundColor","useTextColor","makeComponentProps","useIntersectionObserver","useRtl","makeLocationProps","useLocation","useProxiedModel","useResizeObserver","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useToggleScope","computed","ref","shallowRef","Transition","watchEffect","makeChunksProps","useChunks","clamp","convertToUnit","genericComponent","IN_BROWSER","propsFactory","useRender","makeVProgressLinearProps","absolute","Boolean","active","type","default","bgColor","String","bgOpacity","Number","bufferValue","bufferColor","bufferOpacity","clickable","color","height","indeterminate","max","modelValue","opacity","reverse","stream","striped","roundedBar","location","VProgressLinear","name","props","emits","value","setup","_ref","slots","root","progress","isRtl","rtlClasses","themeClasses","locationStyles","textColorClasses","textColorStyles","backgroundColorClasses","backgroundColorStyles","bufferColorClasses","bufferColorStyles","barColorClasses","barColorStyles","roundedClasses","intersectionRef","isIntersecting","parseFloat","normalizedBuffer","normalizedValue","isReversed","transition","isForcedColorsModeActive","window","matchMedia","matches","containerWidth","hasChunks","chunksMaskStyles","snapValueToChunk","resizeRef","entries","contentRect","width","bufferWidth","barWidth","handleClick","e","left","right","getBoundingClientRect","clientX","Math","round","_createVNode","tag","_normalizeClass","rounded","class","_normalizeStyle","bottom","undefined","top","style","min","_createElementVNode","borderTop","map","bar","buffer"],"sources":["../../../src/components/VProgressLinear/VProgressLinear.tsx"],"sourcesContent":["// Styles\nimport './VProgressLinear.sass'\n\n// Composables\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useRtl } from '@/composables/locale'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useResizeObserver } from '@/composables/resizeObserver'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useToggleScope } from '@/composables/toggleScope'\n\n// Utilities\nimport { computed, ref, shallowRef, Transition, watchEffect } from 'vue'\nimport { makeChunksProps, useChunks } from './chunks'\nimport { clamp, convertToUnit, genericComponent, IN_BROWSER, propsFactory, useRender } from '@/util'\n\ntype VProgressLinearSlots = {\n  default: { value: number, buffer: number }\n}\n\nexport const makeVProgressLinearProps = propsFactory({\n  absolute: Boolean,\n  active: {\n    type: Boolean,\n    default: true,\n  },\n  bgColor: String,\n  bgOpacity: [Number, String],\n  bufferValue: {\n    type: [Number, String],\n    default: 0,\n  },\n  bufferColor: String,\n  bufferOpacity: [Number, String],\n  clickable: Boolean,\n  color: String,\n  height: {\n    type: [Number, String],\n    default: 4,\n  },\n  indeterminate: Boolean,\n  max: {\n    type: [Number, String],\n    default: 100,\n  },\n  modelValue: {\n    type: [Number, String],\n    default: 0,\n  },\n  opacity: [Number, String],\n  reverse: Boolean,\n  stream: Boolean,\n  striped: Boolean,\n  roundedBar: Boolean,\n\n  ...makeChunksProps(),\n  ...makeComponentProps(),\n  ...makeLocationProps({ location: 'top' } as const),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n}, 'VProgressLinear')\n\nexport const VProgressLinear = genericComponent<VProgressLinearSlots>()({\n  name: 'VProgressLinear',\n\n  props: makeVProgressLinearProps(),\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n  },\n\n  setup (props, { slots }) {\n    const root = ref<HTMLElement>()\n\n    const progress = useProxiedModel(props, 'modelValue')\n    const { isRtl, rtlClasses } = useRtl()\n    const { themeClasses } = provideTheme(props)\n    const { locationStyles } = useLocation(props)\n    const { textColorClasses, textColorStyles } = useTextColor(() => props.color)\n    const {\n      backgroundColorClasses,\n      backgroundColorStyles,\n    } = useBackgroundColor(() => props.bgColor || props.color)\n    const {\n      backgroundColorClasses: bufferColorClasses,\n      backgroundColorStyles: bufferColorStyles,\n    } = useBackgroundColor(() => props.bufferColor || props.bgColor || props.color)\n    const {\n      backgroundColorClasses: barColorClasses,\n      backgroundColorStyles: barColorStyles,\n    } = useBackgroundColor(() => props.color)\n    const { roundedClasses } = useRounded(props)\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n\n    const max = computed(() => parseFloat(props.max))\n    const height = computed(() => parseFloat(props.height))\n    const normalizedBuffer = computed(() => clamp(parseFloat(props.bufferValue) / max.value * 100, 0, 100))\n    const normalizedValue = computed(() => clamp(parseFloat(progress.value) / max.value * 100, 0, 100))\n    const isReversed = computed(() => isRtl.value !== props.reverse)\n    const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition')\n    const isForcedColorsModeActive = IN_BROWSER && window.matchMedia?.('(forced-colors: active)').matches\n\n    const containerWidth = shallowRef(0)\n    const { hasChunks, chunksMaskStyles, snapValueToChunk } = useChunks(props, containerWidth)\n    useToggleScope(hasChunks, () => {\n      const { resizeRef } = useResizeObserver(entries => containerWidth.value = entries[0].contentRect.width)\n      watchEffect(() => resizeRef.value = root.value)\n    })\n\n    const bufferWidth = computed(() => {\n      return hasChunks.value\n        ? snapValueToChunk(normalizedBuffer.value)\n        : normalizedBuffer.value\n    })\n\n    const barWidth = computed(() => {\n      return hasChunks.value\n        ? snapValueToChunk(normalizedValue.value)\n        : normalizedValue.value\n    })\n\n    function handleClick (e: MouseEvent) {\n      if (!intersectionRef.value) return\n\n      const { left, right, width } = intersectionRef.value.getBoundingClientRect()\n      const value = isReversed.value ? (width - e.clientX) + (right - width) : e.clientX - left\n\n      progress.value = Math.round(value / width * max.value)\n    }\n\n    watchEffect(() => {\n      intersectionRef.value = root.value\n    })\n\n    useRender(() => (\n      <props.tag\n        ref={ root }\n        class={[\n          'v-progress-linear',\n          {\n            'v-progress-linear--absolute': props.absolute,\n            'v-progress-linear--active': props.active && isIntersecting.value,\n            'v-progress-linear--reverse': isReversed.value,\n            'v-progress-linear--rounded': props.rounded,\n            'v-progress-linear--rounded-bar': props.roundedBar,\n            'v-progress-linear--striped': props.striped,\n          },\n          roundedClasses.value,\n          themeClasses.value,\n          rtlClasses.value,\n          props.class,\n        ]}\n        style={[\n          {\n            bottom: props.location === 'bottom' ? 0 : undefined,\n            top: props.location === 'top' ? 0 : undefined,\n            height: props.active ? convertToUnit(height.value) : 0,\n            '--v-progress-linear-height': convertToUnit(height.value),\n            ...(props.absolute ? locationStyles.value : {}),\n          },\n          chunksMaskStyles.value,\n          props.style,\n        ]}\n        role=\"progressbar\"\n        aria-hidden={ props.active ? 'false' : 'true' }\n        aria-valuemin=\"0\"\n        aria-valuemax={ props.max }\n        aria-valuenow={ props.indeterminate ? undefined : Math.min(parseFloat(progress.value), max.value) }\n        onClick={ props.clickable && handleClick }\n      >\n        { props.stream && (\n          <div\n            key=\"stream\"\n            class={[\n              'v-progress-linear__stream',\n              textColorClasses.value,\n            ]}\n            style={{\n              ...textColorStyles.value,\n              [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),\n              borderTop: `${convertToUnit(height.value / 2)} dotted`,\n              opacity: parseFloat(props.bufferOpacity!),\n              top: `calc(50% - ${convertToUnit(height.value / 4)})`,\n              width: convertToUnit(100 - normalizedBuffer.value, '%'),\n              '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1)),\n            }}\n          />\n        )}\n\n        <div\n          class={[\n            'v-progress-linear__background',\n            !isForcedColorsModeActive ? backgroundColorClasses.value : undefined,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            {\n              opacity: parseFloat(props.bgOpacity!),\n              width: props.stream ? 0 : undefined,\n            },\n          ]}\n        />\n\n        <div\n          class={[\n            'v-progress-linear__buffer',\n            !isForcedColorsModeActive ? bufferColorClasses.value : undefined,\n          ]}\n          style={[\n            bufferColorStyles.value,\n            {\n              opacity: parseFloat(props.bufferOpacity!),\n              width: convertToUnit(bufferWidth.value, '%'),\n            },\n          ]}\n        />\n\n        <Transition name={ transition.value }>\n          { !props.indeterminate ? (\n            <div\n              class={[\n                'v-progress-linear__determinate',\n                !isForcedColorsModeActive ? barColorClasses.value : undefined,\n              ]}\n              style={[\n                barColorStyles.value,\n                { width: convertToUnit(barWidth.value, '%') },\n              ]}\n            />\n          ) : (\n            <div class=\"v-progress-linear__indeterminate\">\n              {['long', 'short'].map(bar => (\n                <div\n                  key={ bar }\n                  class={[\n                    'v-progress-linear__indeterminate',\n                    bar,\n                    !isForcedColorsModeActive ? barColorClasses.value : undefined,\n                  ]}\n                  style={ barColorStyles.value }\n                />\n              ))}\n            </div>\n          )}\n        </Transition>\n\n        { slots.default && (\n          <div class=\"v-progress-linear__content\">\n            { slots.default({ value: normalizedValue.value, buffer: normalizedBuffer.value }) }\n          </div>\n        )}\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VProgressLinear = InstanceType<typeof VProgressLinear>\n"],"mappings":"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","ignoreList":[]}

package/lib/components/VProgressLinear/VProgressLinear.sass

@@ -7,7 +7,7 @@
     background: transparent
     overflow: hidden
     position: relative
-    transition: $progress-linear-transition
+    transition: $progress-linear-transition, mask-size 0s
     width: 100%
 
     &--rounded
@@ -28,7 +28,7 @@
     width: 100%
     transition-property: width, left, right
     transition: inherit
-    
+
   @media (forced-colors: active)
     .v-progress-linear__buffer
       background-color: highlight

package/lib/components/VProgressLinear/chunks.d.ts

@@ -0,0 +1,55 @@
+import type { MaybeRefOrGetter } from 'vue';
+export interface ChunksProps {
+    chunkCount: number | string;
+    chunkWidth: number | string;
+    chunkGap: number | string;
+}
+export declare const makeChunksProps: <Defaults extends {
+    chunkCount?: unknown;
+    chunkWidth?: unknown;
+    chunkGap?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    chunkCount: unknown extends Defaults["chunkCount"] ? {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    } : Omit<{
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["chunkCount"] ? string | number : string | number | Defaults["chunkCount"]>;
+        default: unknown extends Defaults["chunkCount"] ? string | number : NonNullable<string | number> | Defaults["chunkCount"];
+    };
+    chunkWidth: unknown extends Defaults["chunkWidth"] ? {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    } : Omit<{
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["chunkWidth"] ? string | number : string | number | Defaults["chunkWidth"]>;
+        default: unknown extends Defaults["chunkWidth"] ? string | number : NonNullable<string | number> | Defaults["chunkWidth"];
+    };
+    chunkGap: unknown extends Defaults["chunkGap"] ? {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    } : Omit<{
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["chunkGap"] ? string | number : string | number | Defaults["chunkGap"]>;
+        default: unknown extends Defaults["chunkGap"] ? string | number : NonNullable<string | number> | Defaults["chunkGap"];
+    };
+};
+export declare function useChunks(props: ChunksProps, containerWidth: MaybeRefOrGetter<number | undefined>): {
+    hasChunks: Readonly<import("vue").Ref<boolean, boolean>>;
+    chunksMaskStyles: import("vue").ComputedRef<{
+        maskRepeat?: undefined;
+        maskImage?: undefined;
+        maskSize?: undefined;
+    } | {
+        maskRepeat: string;
+        maskImage: string;
+        maskSize: string;
+    }>;
+    snapValueToChunk: (val: number) => number;
+};

package/lib/components/VProgressLinear/chunks.js

@@ -0,0 +1,62 @@
+// Utilities
+import { computed, toRef, toValue } from 'vue';
+import { clamp, convertToUnit, propsFactory } from "../../util/index.js"; // Types
+// Composables
+export const makeChunksProps = propsFactory({
+  chunkCount: {
+    type: [Number, String],
+    default: null
+  },
+  chunkWidth: {
+    type: [Number, String],
+    default: null
+  },
+  chunkGap: {
+    type: [Number, String],
+    default: 4
+  }
+}, 'chunks');
+export function useChunks(props, containerWidth) {
+  const hasChunks = toRef(() => !!props.chunkCount || !!props.chunkWidth);
+  const chunkWidth = computed(() => {
+    const containerSize = toValue(containerWidth);
+    if (!containerSize) {
+      return 0;
+    }
+    if (!props.chunkCount) {
+      return Number(props.chunkWidth);
+    }
+    const count = Number(props.chunkCount);
+    const availableWidth = containerSize - Number(props.chunkGap) * (count - 1);
+    return availableWidth / count;
+  });
+  const chunkGap = toRef(() => Number(props.chunkGap));
+  const chunksMaskStyles = computed(() => {
+    if (!hasChunks.value) {
+      return {};
+    }
+    const chunkGapPx = convertToUnit(chunkGap.value);
+    const chunkWidthPx = convertToUnit(chunkWidth.value);
+    return {
+      maskRepeat: 'repeat-x',
+      maskImage: `linear-gradient(90deg, #000, #000 ${chunkWidthPx}, transparent ${chunkWidthPx}, transparent)`,
+      maskSize: `calc(${chunkWidthPx} + ${chunkGapPx}) 100%`
+    };
+  });
+  function snapValueToChunk(val) {
+    const containerSize = toValue(containerWidth);
+    if (!containerSize) {
+      return val;
+    }
+    const gapRelativeSize = 100 * chunkGap.value / containerSize;
+    const chunkRelativeSize = 100 * (chunkWidth.value + chunkGap.value) / containerSize;
+    const filledChunks = Math.floor((val + gapRelativeSize) / chunkRelativeSize);
+    return clamp(0, filledChunks * chunkRelativeSize - gapRelativeSize / 2, 100);
+  }
+  return {
+    hasChunks,
+    chunksMaskStyles,
+    snapValueToChunk
+  };
+}
+//# sourceMappingURL=chunks.js.map

package/lib/components/VProgressLinear/chunks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunks.js","names":["computed","toRef","toValue","clamp","convertToUnit","propsFactory","makeChunksProps","chunkCount","type","Number","String","default","chunkWidth","chunkGap","useChunks","props","containerWidth","hasChunks","containerSize","count","availableWidth","chunksMaskStyles","value","chunkGapPx","chunkWidthPx","maskRepeat","maskImage","maskSize","snapValueToChunk","val","gapRelativeSize","chunkRelativeSize","filledChunks","Math","floor"],"sources":["../../../src/components/VProgressLinear/chunks.ts"],"sourcesContent":["// Utilities\nimport { computed, toRef, toValue } from 'vue'\nimport { clamp, convertToUnit, propsFactory } from '@/util'\n\n// Types\nimport type { MaybeRefOrGetter } from 'vue'\n\nexport interface ChunksProps {\n  chunkCount: number | string\n  chunkWidth: number | string\n  chunkGap: number | string\n}\n\n// Composables\nexport const makeChunksProps = propsFactory({\n  chunkCount: {\n    type: [Number, String],\n    default: null,\n  },\n  chunkWidth: {\n    type: [Number, String],\n    default: null,\n  },\n  chunkGap: {\n    type: [Number, String],\n    default: 4,\n  },\n}, 'chunks')\n\nexport function useChunks (\n  props: ChunksProps,\n  containerWidth: MaybeRefOrGetter<number | undefined>,\n) {\n  const hasChunks = toRef(() => !!props.chunkCount || !!props.chunkWidth)\n\n  const chunkWidth = computed(() => {\n    const containerSize = toValue(containerWidth)\n    if (!containerSize) {\n      return 0\n    }\n\n    if (!props.chunkCount) {\n      return Number(props.chunkWidth)\n    }\n\n    const count = Number(props.chunkCount)\n    const availableWidth = containerSize - Number(props.chunkGap) * (count - 1)\n    return availableWidth / count\n  })\n\n  const chunkGap = toRef(() => Number(props.chunkGap))\n  const chunksMaskStyles = computed(() => {\n    if (!hasChunks.value) {\n      return {}\n    }\n\n    const chunkGapPx = convertToUnit(chunkGap.value)\n    const chunkWidthPx = convertToUnit(chunkWidth.value)\n\n    return {\n      maskRepeat: 'repeat-x',\n      maskImage: `linear-gradient(90deg, #000, #000 ${chunkWidthPx}, transparent ${chunkWidthPx}, transparent)`,\n      maskSize: `calc(${chunkWidthPx} + ${chunkGapPx}) 100%`,\n    }\n  })\n\n  function snapValueToChunk (val: number) {\n    const containerSize = toValue(containerWidth)\n    if (!containerSize) {\n      return val\n    }\n\n    const gapRelativeSize = 100 * chunkGap.value / containerSize\n    const chunkRelativeSize = 100 * (chunkWidth.value + chunkGap.value) / containerSize\n    const filledChunks = Math.floor((val + gapRelativeSize) / chunkRelativeSize)\n    return clamp(0, filledChunks * chunkRelativeSize - gapRelativeSize / 2, 100)\n  }\n\n  return {\n    hasChunks,\n    chunksMaskStyles,\n    snapValueToChunk,\n  }\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAQ,EAAEC,KAAK,EAAEC,OAAO,QAAQ,KAAK;AAAA,SACrCC,KAAK,EAAEC,aAAa,EAAEC,YAAY,+BAE3C;AASA;AACA,OAAO,MAAMC,eAAe,GAAGD,YAAY,CAAC;EAC1CE,UAAU,EAAE;IACVC,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;IACtBC,OAAO,EAAE;EACX,CAAC;EACDC,UAAU,EAAE;IACVJ,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;IACtBC,OAAO,EAAE;EACX,CAAC;EACDE,QAAQ,EAAE;IACRL,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;IACtBC,OAAO,EAAE;EACX;AACF,CAAC,EAAE,QAAQ,CAAC;AAEZ,OAAO,SAASG,SAASA,CACvBC,KAAkB,EAClBC,cAAoD,EACpD;EACA,MAAMC,SAAS,GAAGhB,KAAK,CAAC,MAAM,CAAC,CAACc,KAAK,CAACR,UAAU,IAAI,CAAC,CAACQ,KAAK,CAACH,UAAU,CAAC;EAEvE,MAAMA,UAAU,GAAGZ,QAAQ,CAAC,MAAM;IAChC,MAAMkB,aAAa,GAAGhB,OAAO,CAACc,cAAc,CAAC;IAC7C,IAAI,CAACE,aAAa,EAAE;MAClB,OAAO,CAAC;IACV;IAEA,IAAI,CAACH,KAAK,CAACR,UAAU,EAAE;MACrB,OAAOE,MAAM,CAACM,KAAK,CAACH,UAAU,CAAC;IACjC;IAEA,MAAMO,KAAK,GAAGV,MAAM,CAACM,KAAK,CAACR,UAAU,CAAC;IACtC,MAAMa,cAAc,GAAGF,aAAa,GAAGT,MAAM,CAACM,KAAK,CAACF,QAAQ,CAAC,IAAIM,KAAK,GAAG,CAAC,CAAC;IAC3E,OAAOC,cAAc,GAAGD,KAAK;EAC/B,CAAC,CAAC;EAEF,MAAMN,QAAQ,GAAGZ,KAAK,CAAC,MAAMQ,MAAM,CAACM,KAAK,CAACF,QAAQ,CAAC,CAAC;EACpD,MAAMQ,gBAAgB,GAAGrB,QAAQ,CAAC,MAAM;IACtC,IAAI,CAACiB,SAAS,CAACK,KAAK,EAAE;MACpB,OAAO,CAAC,CAAC;IACX;IAEA,MAAMC,UAAU,GAAGnB,aAAa,CAACS,QAAQ,CAACS,KAAK,CAAC;IAChD,MAAME,YAAY,GAAGpB,aAAa,CAACQ,UAAU,CAACU,KAAK,CAAC;IAEpD,OAAO;MACLG,UAAU,EAAE,UAAU;MACtBC,SAAS,EAAE,qCAAqCF,YAAY,iBAAiBA,YAAY,gBAAgB;MACzGG,QAAQ,EAAE,QAAQH,YAAY,MAAMD,UAAU;IAChD,CAAC;EACH,CAAC,CAAC;EAEF,SAASK,gBAAgBA,CAAEC,GAAW,EAAE;IACtC,MAAMX,aAAa,GAAGhB,OAAO,CAACc,cAAc,CAAC;IAC7C,IAAI,CAACE,aAAa,EAAE;MAClB,OAAOW,GAAG;IACZ;IAEA,MAAMC,eAAe,GAAG,GAAG,GAAGjB,QAAQ,CAACS,KAAK,GAAGJ,aAAa;IAC5D,MAAMa,iBAAiB,GAAG,GAAG,IAAInB,UAAU,CAACU,KAAK,GAAGT,QAAQ,CAACS,KAAK,CAAC,GAAGJ,aAAa;IACnF,MAAMc,YAAY,GAAGC,IAAI,CAACC,KAAK,CAAC,CAACL,GAAG,GAAGC,eAAe,IAAIC,iBAAiB,CAAC;IAC5E,OAAO5B,KAAK,CAAC,CAAC,EAAE6B,YAAY,GAAGD,iBAAiB,GAAGD,eAAe,GAAG,CAAC,EAAE,GAAG,CAAC;EAC9E;EAEA,OAAO;IACLb,SAAS;IACTI,gBAAgB;IAChBO;EACF,CAAC;AACH","ignoreList":[]}

package/lib/composables/fileFilter.d.ts

@@ -0,0 +1,18 @@
+export interface FileFilterProps {
+    filterByType?: string;
+}
+export type FileFilterResult = {
+    accepted: File[];
+    rejected: File[];
+};
+export declare const makeFileFilterProps: <Defaults extends {
+    filterByType?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    filterByType: unknown extends Defaults["filterByType"] ? StringConstructor : {
+        type: import("vue").PropType<unknown extends Defaults["filterByType"] ? string : string | Defaults["filterByType"]>;
+        default: unknown extends Defaults["filterByType"] ? string : string | Defaults["filterByType"];
+    };
+};
+export declare function useFileFilter(props: FileFilterProps): {
+    filterAccepted: (files: File[]) => FileFilterResult;
+};

package/lib/composables/fileFilter.js

@@ -0,0 +1,38 @@
+// Utilities
+import { computed } from 'vue';
+import { propsFactory } from "../util/index.js";
+// Composables
+export const makeFileFilterProps = propsFactory({
+  filterByType: String
+}, 'file-accept');
+export function useFileFilter(props) {
+  const fileFilter = computed(() => props.filterByType ? createFilter(props.filterByType) : null);
+  function filterAccepted(files) {
+    if (fileFilter.value) {
+      const accepted = files.filter(fileFilter.value);
+      return {
+        accepted,
+        rejected: files.filter(f => !accepted.includes(f))
+      };
+    }
+    return {
+      accepted: files,
+      rejected: []
+    };
+  }
+  return {
+    filterAccepted
+  };
+}
+function createFilter(v) {
+  const types = v.split(',').map(x => x.trim().toLowerCase());
+  const extensionsToMatch = types.filter(x => x.startsWith('.'));
+  const wildcards = types.filter(x => x.endsWith('/*'));
+  const typesToMatch = types.filter(x => !extensionsToMatch.includes(x) && !wildcards.includes(x));
+  return file => {
+    const extension = file.name.split('.').at(-1)?.toLowerCase() ?? '';
+    const typeGroup = file.type.split('/').at(0)?.toLowerCase() ?? '';
+    return typesToMatch.includes(file.type) || extensionsToMatch.includes(`.${extension}`) || wildcards.includes(`${typeGroup}/*`);
+  };
+}
+//# sourceMappingURL=fileFilter.js.map

package/lib/composables/fileFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileFilter.js","names":["computed","propsFactory","makeFileFilterProps","filterByType","String","useFileFilter","props","fileFilter","createFilter","filterAccepted","files","value","accepted","filter","rejected","f","includes","v","types","split","map","x","trim","toLowerCase","extensionsToMatch","startsWith","wildcards","endsWith","typesToMatch","file","extension","name","at","typeGroup","type"],"sources":["../../src/composables/fileFilter.ts"],"sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { propsFactory } from '@/util'\n\nexport interface FileFilterProps {\n  filterByType?: string\n}\n\nexport type FileFilterResult = {\n  accepted: File[]\n  rejected: File[]\n}\n\n// Composables\nexport const makeFileFilterProps = propsFactory({\n  filterByType: String,\n}, 'file-accept')\n\nexport function useFileFilter (props: FileFilterProps) {\n  const fileFilter = computed(() => props.filterByType ? createFilter(props.filterByType) : null)\n\n  function filterAccepted (files: File[]): FileFilterResult {\n    if (fileFilter.value) {\n      const accepted = files.filter(fileFilter.value)\n      return {\n        accepted,\n        rejected: files.filter(f => !accepted.includes(f)),\n      }\n    }\n    return {\n      accepted: files,\n      rejected: [],\n    }\n  }\n\n  return {\n    filterAccepted,\n  }\n}\n\nfunction createFilter (v: string): ((v: File) => boolean) {\n  const types = v.split(',').map(x => x.trim().toLowerCase())\n  const extensionsToMatch = types.filter(x => x.startsWith('.'))\n  const wildcards = types.filter(x => x.endsWith('/*'))\n  const typesToMatch = types.filter(x => !extensionsToMatch.includes(x) && !wildcards.includes(x))\n\n  return (file: File): boolean => {\n    const extension = file.name.split('.').at(-1)?.toLowerCase() ?? ''\n    const typeGroup = file.type.split('/').at(0)?.toLowerCase() ?? ''\n    return typesToMatch.includes(file.type) ||\n      extensionsToMatch.includes(`.${extension}`) ||\n      wildcards.includes(`${typeGroup}/*`)\n  }\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAQ,QAAQ,KAAK;AAAA,SACrBC,YAAY;AAWrB;AACA,OAAO,MAAMC,mBAAmB,GAAGD,YAAY,CAAC;EAC9CE,YAAY,EAAEC;AAChB,CAAC,EAAE,aAAa,CAAC;AAEjB,OAAO,SAASC,aAAaA,CAAEC,KAAsB,EAAE;EACrD,MAAMC,UAAU,GAAGP,QAAQ,CAAC,MAAMM,KAAK,CAACH,YAAY,GAAGK,YAAY,CAACF,KAAK,CAACH,YAAY,CAAC,GAAG,IAAI,CAAC;EAE/F,SAASM,cAAcA,CAAEC,KAAa,EAAoB;IACxD,IAAIH,UAAU,CAACI,KAAK,EAAE;MACpB,MAAMC,QAAQ,GAAGF,KAAK,CAACG,MAAM,CAACN,UAAU,CAACI,KAAK,CAAC;MAC/C,OAAO;QACLC,QAAQ;QACRE,QAAQ,EAAEJ,KAAK,CAACG,MAAM,CAACE,CAAC,IAAI,CAACH,QAAQ,CAACI,QAAQ,CAACD,CAAC,CAAC;MACnD,CAAC;IACH;IACA,OAAO;MACLH,QAAQ,EAAEF,KAAK;MACfI,QAAQ,EAAE;IACZ,CAAC;EACH;EAEA,OAAO;IACLL;EACF,CAAC;AACH;AAEA,SAASD,YAAYA,CAAES,CAAS,EAA0B;EACxD,MAAMC,KAAK,GAAGD,CAAC,CAACE,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAACC,CAAC,IAAIA,CAAC,CAACC,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;EAC3D,MAAMC,iBAAiB,GAAGN,KAAK,CAACL,MAAM,CAACQ,CAAC,IAAIA,CAAC,CAACI,UAAU,CAAC,GAAG,CAAC,CAAC;EAC9D,MAAMC,SAAS,GAAGR,KAAK,CAACL,MAAM,CAACQ,CAAC,IAAIA,CAAC,CAACM,QAAQ,CAAC,IAAI,CAAC,CAAC;EACrD,MAAMC,YAAY,GAAGV,KAAK,CAACL,MAAM,CAACQ,CAAC,IAAI,CAACG,iBAAiB,CAACR,QAAQ,CAACK,CAAC,CAAC,IAAI,CAACK,SAAS,CAACV,QAAQ,CAACK,CAAC,CAAC,CAAC;EAEhG,OAAQQ,IAAU,IAAc;IAC9B,MAAMC,SAAS,GAAGD,IAAI,CAACE,IAAI,CAACZ,KAAK,CAAC,GAAG,CAAC,CAACa,EAAE,CAAC,CAAC,CAAC,CAAC,EAAET,WAAW,CAAC,CAAC,IAAI,EAAE;IAClE,MAAMU,SAAS,GAAGJ,IAAI,CAACK,IAAI,CAACf,KAAK,CAAC,GAAG,CAAC,CAACa,EAAE,CAAC,CAAC,CAAC,EAAET,WAAW,CAAC,CAAC,IAAI,EAAE;IACjE,OAAOK,YAAY,CAACZ,QAAQ,CAACa,IAAI,CAACK,IAAI,CAAC,IACrCV,iBAAiB,CAACR,QAAQ,CAAC,IAAIc,SAAS,EAAE,CAAC,IAC3CJ,SAAS,CAACV,QAAQ,CAAC,GAAGiB,SAAS,IAAI,CAAC;EACxC,CAAC;AACH","ignoreList":[]}

package/lib/entry-bundler.js

@@ -16,7 +16,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.9.0-dev.2025-07-15";
+export const version = "3.9.0-dev.2025-07-16";
 createVuetify.version = version;
 export { blueprints, components, directives };
 export * from "./composables/index.js";

package/lib/framework.d.ts

@@ -2577,75 +2577,75 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VApp: typeof import('vuetify/components')['VApp']
     VAlert: typeof import('vuetify/components')['VAlert']
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VApp: typeof import('vuetify/components')['VApp']
-    VAvatar: typeof import('vuetify/components')['VAvatar']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
-    VBadge: typeof import('vuetify/components')['VBadge']
-    VBanner: typeof import('vuetify/components')['VBanner']
-    VBannerActions: typeof import('vuetify/components')['VBannerActions']
-    VBannerText: typeof import('vuetify/components')['VBannerText']
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
+    VAvatar: typeof import('vuetify/components')['VAvatar']
+    VBadge: typeof import('vuetify/components')['VBadge']
     VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
     VBtn: typeof import('vuetify/components')['VBtn']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VChip: typeof import('vuetify/components')['VChip']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VChip: typeof import('vuetify/components')['VChip']
     VCombobox: typeof import('vuetify/components')['VCombobox']
+    VCode: typeof import('vuetify/components')['VCode']
+    VColorPicker: typeof import('vuetify/components')['VColorPicker']
+    VDataTable: typeof import('vuetify/components')['VDataTable']
+    VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
+    VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
+    VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
+    VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
+    VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
+    VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
+    VCounter: typeof import('vuetify/components')['VCounter']
+    VDialog: typeof import('vuetify/components')['VDialog']
     VDatePicker: typeof import('vuetify/components')['VDatePicker']
     VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
     VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
     VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
     VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
     VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
-    VCounter: typeof import('vuetify/components')['VCounter']
-    VColorPicker: typeof import('vuetify/components')['VColorPicker']
-    VCode: typeof import('vuetify/components')['VCode']
+    VDivider: typeof import('vuetify/components')['VDivider']
+    VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VFab: typeof import('vuetify/components')['VFab']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VDivider: typeof import('vuetify/components')['VDivider']
-    VEmptyState: typeof import('vuetify/components')['VEmptyState']
-    VDataTable: typeof import('vuetify/components')['VDataTable']
-    VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
-    VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
-    VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
-    VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
-    VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
-    VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
-    VDialog: typeof import('vuetify/components')['VDialog']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VFileInput: typeof import('vuetify/components')['VFileInput']
     VFooter: typeof import('vuetify/components')['VFooter']
-    VFab: typeof import('vuetify/components')['VFab']
-    VItemGroup: typeof import('vuetify/components')['VItemGroup']
-    VItem: typeof import('vuetify/components')['VItem']
     VImg: typeof import('vuetify/components')['VImg']
-    VLabel: typeof import('vuetify/components')['VLabel']
+    VIcon: typeof import('vuetify/components')['VIcon']
+    VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
+    VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
+    VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
+    VClassIcon: typeof import('vuetify/components')['VClassIcon']
     VKbd: typeof import('vuetify/components')['VKbd']
-    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
     VInput: typeof import('vuetify/components')['VInput']
-    VMenu: typeof import('vuetify/components')['VMenu']
+    VItemGroup: typeof import('vuetify/components')['VItemGroup']
+    VItem: typeof import('vuetify/components')['VItem']
+    VLabel: typeof import('vuetify/components')['VLabel']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -2657,53 +2657,49 @@ declare module 'vue' {
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
     VMain: typeof import('vuetify/components')['VMain']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
-    VIcon: typeof import('vuetify/components')['VIcon']
-    VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
-    VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
-    VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
-    VClassIcon: typeof import('vuetify/components')['VClassIcon']
     VMessages: typeof import('vuetify/components')['VMessages']
-    VNumberInput: typeof import('vuetify/components')['VNumberInput']
+    VMenu: typeof import('vuetify/components')['VMenu']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VOverlay: typeof import('vuetify/components')['VOverlay']
-    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VPagination: typeof import('vuetify/components')['VPagination']
+    VNumberInput: typeof import('vuetify/components')['VNumberInput']
+    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
-    VSelect: typeof import('vuetify/components')['VSelect']
-    VRating: typeof import('vuetify/components')['VRating']
-    VSlider: typeof import('vuetify/components')['VSlider']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
-    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
+    VRating: typeof import('vuetify/components')['VRating']
+    VSelect: typeof import('vuetify/components')['VSelect']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
+    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
+    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
+    VSlider: typeof import('vuetify/components')['VSlider']
     VSheet: typeof import('vuetify/components')['VSheet']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
-    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
-    VTab: typeof import('vuetify/components')['VTab']
-    VTabs: typeof import('vuetify/components')['VTabs']
-    VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
-    VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VStepper: typeof import('vuetify/components')['VStepper']
     VStepperActions: typeof import('vuetify/components')['VStepperActions']
     VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
     VTable: typeof import('vuetify/components')['VTable']
+    VTab: typeof import('vuetify/components')['VTab']
+    VTabs: typeof import('vuetify/components')['VTabs']
+    VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
+    VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
+    VTextField: typeof import('vuetify/components')['VTextField']
     VTextarea: typeof import('vuetify/components')['VTextarea']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VTimePicker: typeof import('vuetify/components')['VTimePicker']
+    VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
+    VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
     VTooltip: typeof import('vuetify/components')['VTooltip']
-    VTimePicker: typeof import('vuetify/components')['VTimePicker']
-    VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
-    VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
-    VTextField: typeof import('vuetify/components')['VTextField']
     VTreeview: typeof import('vuetify/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
@@ -2712,25 +2708,29 @@ declare module 'vue' {
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
-    VForm: typeof import('vuetify/components')['VForm']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
-    VLazy: typeof import('vuetify/components')['VLazy']
+    VHover: typeof import('vuetify/components')['VHover']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
-    VHover: typeof import('vuetify/components')['VHover']
+    VForm: typeof import('vuetify/components')['VForm']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
-    VNoSsr: typeof import('vuetify/components')['VNoSsr']
+    VLazy: typeof import('vuetify/components')['VLazy']
     VParallax: typeof import('vuetify/components')['VParallax']
     VRadio: typeof import('vuetify/components')['VRadio']
-    VResponsive: typeof import('vuetify/components')['VResponsive']
+    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
+    VNoSsr: typeof import('vuetify/components')['VNoSsr']
     VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
+    VResponsive: typeof import('vuetify/components')['VResponsive']
+    VBanner: typeof import('vuetify/components')['VBanner']
+    VBannerActions: typeof import('vuetify/components')['VBannerActions']
+    VBannerText: typeof import('vuetify/components')['VBannerText']
     VSparkline: typeof import('vuetify/components')['VSparkline']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
-    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VValidation: typeof import('vuetify/components')['VValidation']
+    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
@@ -2748,25 +2748,25 @@ declare module 'vue' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
-    VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
-    VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
-    VColorInput: typeof import('vuetify/labs/components')['VColorInput']
+    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
     VCalendar: typeof import('vuetify/labs/components')['VCalendar']
     VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
     VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
     VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
     VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
     VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
+    VColorInput: typeof import('vuetify/labs/components')['VColorInput']
     VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
+    VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
+    VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
     VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
-    VPicker: typeof import('vuetify/labs/components')['VPicker']
-    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VHotkey: typeof import('vuetify/labs/components')['VHotkey']
-    VDateInput: typeof import('vuetify/labs/components')['VDateInput']
     VMaskInput: typeof import('vuetify/labs/components')['VMaskInput']
+    VDateInput: typeof import('vuetify/labs/components')['VDateInput']
     VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
   }
   export interface GlobalDirectives {

package/lib/framework.js

@@ -109,7 +109,7 @@ export function createVuetify() {
     };
   });
 }
-export const version = "3.9.0-dev.2025-07-15";
+export const version = "3.9.0-dev.2025-07-16";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup