@vuetify/nightly 3.8.8-master.2025-06-10 → 3.8.9-dev.2025-06-12

package/lib/labs/VMaskInput/VMaskInput.js

@@ -0,0 +1,67 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+// Components
+import { makeVTextFieldProps, VTextField } from "../../components/VTextField/VTextField.js"; // Composables
+import { forwardRefs } from "../../composables/forwardRefs.js";
+import { makeMaskProps, useMask } from "../../composables/mask.js";
+import { useProxiedModel } from "../../composables/proxiedModel.js"; // Utilities
+import { computed, onBeforeMount, ref } from 'vue';
+import { genericComponent, propsFactory, useRender } from "../../util/index.js"; // Types
+export const makeVMaskInputProps = propsFactory({
+  ...makeVTextFieldProps(),
+  ...makeMaskProps()
+}, 'VMaskInput');
+export const VMaskInput = genericComponent()({
+  name: 'VMaskInput',
+  props: makeVMaskInputProps(),
+  emits: {
+    'update:modelValue': val => true
+  },
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
+    const vTextFieldRef = ref();
+    const {
+      maskText,
+      updateRange,
+      unmaskText
+    } = useMask(props, vTextFieldRef);
+    const returnMaskedValue = computed(() => props.mask && props.returnMaskedValue);
+    const model = useProxiedModel(props, 'modelValue', undefined,
+    // Always display masked value in input when mask is applied
+    val => props.mask ? maskText(unmaskText(val)) : val, val => {
+      if (props.mask) {
+        const valueBeforeChange = unmaskText(model.value);
+        // E.g. mask is #-# and the input value is '2-23'
+        // model-value should be enforced to '2-2'
+        const enforcedMaskedValue = maskText(unmaskText(val));
+        const newUnmaskedValue = unmaskText(enforcedMaskedValue);
+        if (newUnmaskedValue === valueBeforeChange) {
+          vTextFieldRef.value.value = enforcedMaskedValue;
+        }
+        val = newUnmaskedValue;
+        updateRange();
+        return returnMaskedValue.value ? maskText(val) : val;
+      }
+      return val;
+    });
+    onBeforeMount(() => {
+      if (props.returnMaskedValue) {
+        emit('update:modelValue', model.value);
+      }
+    });
+    useRender(() => {
+      const textFieldProps = VTextField.filterProps(props);
+      return _createVNode(VTextField, _mergeProps(textFieldProps, {
+        "modelValue": model.value,
+        "onUpdate:modelValue": $event => model.value = $event,
+        "ref": vTextFieldRef
+      }), {
+        ...slots
+      });
+    });
+    return forwardRefs({}, vTextFieldRef);
+  }
+});
+//# sourceMappingURL=VMaskInput.js.map

package/lib/labs/VMaskInput/VMaskInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VMaskInput.js","names":["makeVTextFieldProps","VTextField","forwardRefs","makeMaskProps","useMask","useProxiedModel","computed","onBeforeMount","ref","genericComponent","propsFactory","useRender","makeVMaskInputProps","VMaskInput","name","props","emits","val","setup","_ref","slots","emit","vTextFieldRef","maskText","updateRange","unmaskText","returnMaskedValue","mask","model","undefined","valueBeforeChange","value","enforcedMaskedValue","newUnmaskedValue","textFieldProps","filterProps","_createVNode","_mergeProps","$event"],"sources":["../../../src/labs/VMaskInput/VMaskInput.tsx"],"sourcesContent":["// Components\nimport { makeVTextFieldProps, VTextField } from '@/components/VTextField/VTextField'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { makeMaskProps, useMask } from '@/composables/mask'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, onBeforeMount, ref } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VTextFieldSlots } from '@/components/VTextField/VTextField'\n\nexport type VMaskInputSlots = VTextFieldSlots\n\nexport const makeVMaskInputProps = propsFactory({\n  ...makeVTextFieldProps(),\n  ...makeMaskProps(),\n}, 'VMaskInput')\n\nexport const VMaskInput = genericComponent<VMaskInputSlots>()({\n  name: 'VMaskInput',\n\n  props: makeVMaskInputProps(),\n\n  emits: {\n    'update:modelValue': (val: string) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const vTextFieldRef = ref<VTextField>()\n\n    const { maskText, updateRange, unmaskText } = useMask(props, vTextFieldRef)\n    const returnMaskedValue = computed(() => props.mask && props.returnMaskedValue)\n\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      undefined,\n      // Always display masked value in input when mask is applied\n      val => props.mask ? maskText(unmaskText(val)) : val,\n      val => {\n        if (props.mask) {\n          const valueBeforeChange = unmaskText(model.value)\n          // E.g. mask is #-# and the input value is '2-23'\n          // model-value should be enforced to '2-2'\n          const enforcedMaskedValue = maskText(unmaskText(val))\n          const newUnmaskedValue = unmaskText(enforcedMaskedValue)\n\n          if (newUnmaskedValue === valueBeforeChange) {\n            vTextFieldRef.value!.value = enforcedMaskedValue\n          }\n          val = newUnmaskedValue\n          updateRange()\n          return returnMaskedValue.value ? maskText(val) : val\n        }\n        return val\n      },\n    )\n\n    onBeforeMount(() => {\n      if (props.returnMaskedValue) {\n        emit('update:modelValue', model.value)\n      }\n    })\n\n    useRender(() => {\n      const textFieldProps = VTextField.filterProps(props)\n\n      return (\n        <VTextField\n          { ...textFieldProps }\n          v-model={ model.value }\n          ref={ vTextFieldRef }\n        >\n          {{ ...slots }}\n        </VTextField>\n      )\n    })\n\n    return forwardRefs({}, vTextFieldRef)\n  },\n})\n\nexport type VMaskInput = InstanceType<typeof VMaskInput>\n"],"mappings":";AAAA;AAAA,SACSA,mBAAmB,EAAEC,UAAU,qDAExC;AAAA,SACSC,WAAW;AAAA,SACXC,aAAa,EAAEC,OAAO;AAAA,SACtBC,eAAe,6CAExB;AACA,SAASC,QAAQ,EAAEC,aAAa,EAAEC,GAAG,QAAQ,KAAK;AAAA,SACzCC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,+BAElD;AAKA,OAAO,MAAMC,mBAAmB,GAAGF,YAAY,CAAC;EAC9C,GAAGV,mBAAmB,CAAC,CAAC;EACxB,GAAGG,aAAa,CAAC;AACnB,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMU,UAAU,GAAGJ,gBAAgB,CAAkB,CAAC,CAAC;EAC5DK,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEH,mBAAmB,CAAC,CAAC;EAE5BI,KAAK,EAAE;IACL,mBAAmB,EAAGC,GAAW,IAAK;EACxC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAmB;IAAA,IAAjB;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAAF,IAAA;IAC3B,MAAMG,aAAa,GAAGd,GAAG,CAAa,CAAC;IAEvC,MAAM;MAAEe,QAAQ;MAAEC,WAAW;MAAEC;IAAW,CAAC,GAAGrB,OAAO,CAACW,KAAK,EAAEO,aAAa,CAAC;IAC3E,MAAMI,iBAAiB,GAAGpB,QAAQ,CAAC,MAAMS,KAAK,CAACY,IAAI,IAAIZ,KAAK,CAACW,iBAAiB,CAAC;IAE/E,MAAME,KAAK,GAAGvB,eAAe,CAC3BU,KAAK,EACL,YAAY,EACZc,SAAS;IACT;IACAZ,GAAG,IAAIF,KAAK,CAACY,IAAI,GAAGJ,QAAQ,CAACE,UAAU,CAACR,GAAG,CAAC,CAAC,GAAGA,GAAG,EACnDA,GAAG,IAAI;MACL,IAAIF,KAAK,CAACY,IAAI,EAAE;QACd,MAAMG,iBAAiB,GAAGL,UAAU,CAACG,KAAK,CAACG,KAAK,CAAC;QACjD;QACA;QACA,MAAMC,mBAAmB,GAAGT,QAAQ,CAACE,UAAU,CAACR,GAAG,CAAC,CAAC;QACrD,MAAMgB,gBAAgB,GAAGR,UAAU,CAACO,mBAAmB,CAAC;QAExD,IAAIC,gBAAgB,KAAKH,iBAAiB,EAAE;UAC1CR,aAAa,CAACS,KAAK,CAAEA,KAAK,GAAGC,mBAAmB;QAClD;QACAf,GAAG,GAAGgB,gBAAgB;QACtBT,WAAW,CAAC,CAAC;QACb,OAAOE,iBAAiB,CAACK,KAAK,GAAGR,QAAQ,CAACN,GAAG,CAAC,GAAGA,GAAG;MACtD;MACA,OAAOA,GAAG;IACZ,CACF,CAAC;IAEDV,aAAa,CAAC,MAAM;MAClB,IAAIQ,KAAK,CAACW,iBAAiB,EAAE;QAC3BL,IAAI,CAAC,mBAAmB,EAAEO,KAAK,CAACG,KAAK,CAAC;MACxC;IACF,CAAC,CAAC;IAEFpB,SAAS,CAAC,MAAM;MACd,MAAMuB,cAAc,GAAGjC,UAAU,CAACkC,WAAW,CAACpB,KAAK,CAAC;MAEpD,OAAAqB,YAAA,CAAAnC,UAAA,EAAAoC,WAAA,CAESH,cAAc;QAAA,cACTN,KAAK,CAACG,KAAK;QAAA,uBAAAO,MAAA,IAAXV,KAAK,CAACG,KAAK,GAAAO,MAAA;QAAA,OACfhB;MAAa;QAEhB,GAAGF;MAAK;IAGjB,CAAC,CAAC;IAEF,OAAOlB,WAAW,CAAC,CAAC,CAAC,EAAEoB,aAAa,CAAC;EACvC;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/labs/VMaskInput/index.d.ts

@@ -0,0 +1 @@
+export { VMaskInput } from './VMaskInput.js';

package/lib/labs/VMaskInput/index.js

@@ -0,0 +1,2 @@
+export { VMaskInput } from "./VMaskInput.js";
+//# sourceMappingURL=index.js.map

package/lib/labs/VMaskInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["VMaskInput"],"sources":["../../../src/labs/VMaskInput/index.ts"],"sourcesContent":["export { VMaskInput } from './VMaskInput'\n"],"mappings":"SAASA,UAAU","ignoreList":[]}

package/lib/labs/VStepperVertical/VStepperVertical.d.ts

@@ -193,14 +193,18 @@ export declare const makeVStepperVerticalProps: <Defaults extends {
         default: boolean;
     }, "type" | "default"> & {
         type: import("vue").PropType<unknown extends Defaults["ripple"] ? boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined : boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | Defaults["ripple"] | undefined>;
         default: unknown extends Defaults["ripple"] ? boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined : NonNullable<boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined> | Defaults["ripple"];
     };
     collapseIcon: unknown extends Defaults["collapseIcon"] ? {
@@ -333,7 +337,8 @@ export declare const VStepperVertical: {
         itemValue: string;
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -376,7 +381,8 @@ export declare const VStepperVertical: {
         rounded: string | number | boolean;
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -422,7 +428,8 @@ export declare const VStepperVertical: {
         itemValue: string;
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -463,7 +470,8 @@ export declare const VStepperVertical: {
         rounded: string | number | boolean;
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -494,7 +502,8 @@ export declare const VStepperVertical: {
     itemValue: string;
     tile: boolean;
     ripple: boolean | {
-        class: string;
+        class?: string;
+        keys?: number[];
     } | undefined;
     collapseIcon: import("../../composables/icons.js").IconValue;
     expandIcon: import("../../composables/icons.js").IconValue;
@@ -537,7 +546,8 @@ export declare const VStepperVertical: {
     rounded: string | number | boolean;
     tile: boolean;
     ripple: boolean | {
-        class: string;
+        class?: string;
+        keys?: number[];
     } | undefined;
     collapseIcon: import("../../composables/icons.js").IconValue;
     expandIcon: import("../../composables/icons.js").IconValue;

package/lib/labs/VStepperVertical/VStepperVerticalItem.d.ts

@@ -175,14 +175,18 @@ export declare const makeVStepperVerticalItemProps: <Defaults extends {
         default: boolean;
     }, "type" | "default"> & {
         type: import("vue").PropType<unknown extends Defaults["ripple"] ? boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined : boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | Defaults["ripple"] | undefined>;
         default: unknown extends Defaults["ripple"] ? boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined : NonNullable<boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined> | Defaults["ripple"];
     };
     collapseIcon: unknown extends Defaults["collapseIcon"] ? Omit<{
@@ -296,7 +300,8 @@ export declare const VStepperVerticalItem: {
         rules: readonly import("../../components/VStepper/VStepperItem.js").ValidationRule[];
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -375,7 +380,8 @@ export declare const VStepperVerticalItem: {
         rounded: string | number | boolean;
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -413,7 +419,8 @@ export declare const VStepperVerticalItem: {
         rules: readonly import("../../components/VStepper/VStepperItem.js").ValidationRule[];
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -488,7 +495,8 @@ export declare const VStepperVerticalItem: {
         rounded: string | number | boolean;
         tile: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         collapseIcon: import("../../composables/icons.js").IconValue;
         expandIcon: import("../../composables/icons.js").IconValue;
@@ -514,7 +522,8 @@ export declare const VStepperVerticalItem: {
     rules: readonly import("../../components/VStepper/VStepperItem.js").ValidationRule[];
     tile: boolean;
     ripple: boolean | {
-        class: string;
+        class?: string;
+        keys?: number[];
     } | undefined;
     collapseIcon: import("../../composables/icons.js").IconValue;
     expandIcon: import("../../composables/icons.js").IconValue;
@@ -593,7 +602,8 @@ export declare const VStepperVerticalItem: {
     rounded: string | number | boolean;
     tile: boolean;
     ripple: boolean | {
-        class: string;
+        class?: string;
+        keys?: number[];
     } | undefined;
     collapseIcon: import("../../composables/icons.js").IconValue;
     expandIcon: import("../../composables/icons.js").IconValue;

package/lib/labs/VTreeview/VTreeview.d.ts

@@ -36,6 +36,7 @@ export declare const makeVTreeviewProps: <Defaults extends {
     activeColor?: unknown;
     slim?: unknown;
     activeClass?: unknown;
+    filterable?: unknown;
     activatable?: unknown;
     selectable?: unknown;
     activeStrategy?: unknown;
@@ -281,6 +282,10 @@ export declare const makeVTreeviewProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["activeClass"] ? string : string | Defaults["activeClass"]>;
         default: unknown extends Defaults["activeClass"] ? string : string | Defaults["activeClass"];
     };
+    filterable: unknown extends Defaults["filterable"] ? BooleanConstructor : {
+        type: import("vue").PropType<unknown extends Defaults["filterable"] ? boolean : boolean | Defaults["filterable"]>;
+        default: unknown extends Defaults["filterable"] ? boolean : boolean | Defaults["filterable"];
+    };
     activatable: unknown extends Defaults["activatable"] ? BooleanConstructor : {
         type: import("vue").PropType<unknown extends Defaults["activatable"] ? boolean : boolean | Defaults["activatable"]>;
         default: unknown extends Defaults["activatable"] ? boolean : boolean | Defaults["activatable"];
@@ -505,6 +510,7 @@ export declare const VTreeview: {
         tile: boolean;
         slim: boolean;
         indeterminateIcon: import("../../composables/icons.js").IconValue;
+        filterable: boolean;
         activatable: boolean;
         selectable: boolean;
         collapseIcon: import("../../composables/icons.js").IconValue;
@@ -606,6 +612,7 @@ export declare const VTreeview: {
         slim: boolean;
         openOnClick: boolean;
         indeterminateIcon: import("../../composables/icons.js").IconValue;
+        filterable: boolean;
         activatable: boolean;
         selectable: boolean;
         collapseIcon: import("../../composables/icons.js").IconValue;
@@ -667,6 +674,7 @@ export declare const VTreeview: {
         tile: boolean;
         slim: boolean;
         indeterminateIcon: import("../../composables/icons.js").IconValue;
+        filterable: boolean;
         activatable: boolean;
         selectable: boolean;
         collapseIcon: import("../../composables/icons.js").IconValue;
@@ -753,6 +761,7 @@ export declare const VTreeview: {
         slim: boolean;
         openOnClick: boolean;
         indeterminateIcon: import("../../composables/icons.js").IconValue;
+        filterable: boolean;
         activatable: boolean;
         selectable: boolean;
         collapseIcon: import("../../composables/icons.js").IconValue;
@@ -785,6 +794,7 @@ export declare const VTreeview: {
     tile: boolean;
     slim: boolean;
     indeterminateIcon: import("../../composables/icons.js").IconValue;
+    filterable: boolean;
     activatable: boolean;
     selectable: boolean;
     collapseIcon: import("../../composables/icons.js").IconValue;
@@ -886,6 +896,7 @@ export declare const VTreeview: {
     slim: boolean;
     openOnClick: boolean;
     indeterminateIcon: import("../../composables/icons.js").IconValue;
+    filterable: boolean;
     activatable: boolean;
     selectable: boolean;
     collapseIcon: import("../../composables/icons.js").IconValue;
@@ -1000,6 +1011,7 @@ export declare const VTreeview: {
         default: boolean;
     };
     activeClass: StringConstructor;
+    filterable: BooleanConstructor;
     activatable: BooleanConstructor;
     selectable: BooleanConstructor;
     activeStrategy: import("vue").PropType<import("../../composables/nested/nested.js").ActiveStrategyProp>;
@@ -1140,6 +1152,7 @@ export declare const VTreeview: {
         default: boolean;
     };
     activeClass: StringConstructor;
+    filterable: BooleanConstructor;
     activatable: BooleanConstructor;
     selectable: BooleanConstructor;
     activeStrategy: import("vue").PropType<import("../../composables/nested/nested.js").ActiveStrategyProp>;

package/lib/labs/VTreeview/VTreeviewItem.d.ts

@@ -241,14 +241,18 @@ export declare const makeVTreeviewItemProps: <Defaults extends {
         default: boolean;
     }, "type" | "default"> & {
         type: import("vue").PropType<unknown extends Defaults["ripple"] ? boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined : boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | Defaults["ripple"] | undefined>;
         default: unknown extends Defaults["ripple"] ? boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined : NonNullable<boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined> | Defaults["ripple"];
     };
     slim: unknown extends Defaults["slim"] ? {
@@ -316,7 +320,8 @@ export declare const VTreeviewItem: {
         tile: boolean;
         slim: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
     } & {
         link?: boolean | undefined;
@@ -391,7 +396,8 @@ export declare const VTreeviewItem: {
         tile: boolean;
         slim: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         subtitle: string | number | boolean;
     }, true, {}, import("vue").SlotsType<Partial<{
@@ -420,7 +426,8 @@ export declare const VTreeviewItem: {
         tile: boolean;
         slim: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
     } & {
         link?: boolean | undefined;
@@ -493,7 +500,8 @@ export declare const VTreeviewItem: {
         tile: boolean;
         slim: boolean;
         ripple: boolean | {
-            class: string;
+            class?: string;
+            keys?: number[];
         } | undefined;
         subtitle: string | number | boolean;
     }>;
@@ -513,7 +521,8 @@ export declare const VTreeviewItem: {
     tile: boolean;
     slim: boolean;
     ripple: boolean | {
-        class: string;
+        class?: string;
+        keys?: number[];
     } | undefined;
 } & {
     link?: boolean | undefined;
@@ -588,7 +597,8 @@ export declare const VTreeviewItem: {
     tile: boolean;
     slim: boolean;
     ripple: boolean | {
-        class: string;
+        class?: string;
+        keys?: number[];
     } | undefined;
     subtitle: string | number | boolean;
 }, {}, string, import("vue").SlotsType<Partial<{

package/lib/labs/components.d.ts

@@ -3,6 +3,7 @@ export * from './VColorInput/index.js';
 export * from './VDateInput/index.js';
 export * from './VFileUpload/index.js';
 export * from './VIconBtn/index.js';
+export * from './VMaskInput/index.js';
 export * from './VPicker/index.js';
 export * from './VStepperVertical/index.js';
 export * from './VPullToRefresh/index.js';

package/lib/labs/components.js

@@ -3,6 +3,7 @@ export * from "./VColorInput/index.js";
 export * from "./VDateInput/index.js";
 export * from "./VFileUpload/index.js";
 export * from "./VIconBtn/index.js";
+export * from "./VMaskInput/index.js";
 export * from "./VPicker/index.js";
 export * from "./VStepperVertical/index.js";
 export * from "./VPullToRefresh/index.js";

package/lib/labs/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","names":[],"sources":["../../src/labs/components.ts"],"sourcesContent":["export * from './VCalendar'\nexport * from './VColorInput'\nexport * from './VDateInput'\nexport * from './VFileUpload'\nexport * from './VIconBtn'\nexport * from './VPicker'\nexport * from './VStepperVertical'\nexport * from './VPullToRefresh'\nexport * from './VTimePicker'\nexport * from './VTreeview'\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"components.js","names":[],"sources":["../../src/labs/components.ts"],"sourcesContent":["export * from './VCalendar'\nexport * from './VColorInput'\nexport * from './VDateInput'\nexport * from './VFileUpload'\nexport * from './VIconBtn'\nexport * from './VMaskInput'\nexport * from './VPicker'\nexport * from './VStepperVertical'\nexport * from './VPullToRefresh'\nexport * from './VTimePicker'\nexport * from './VTreeview'\n"],"mappings":"","ignoreList":[]}

package/lib/labs/entry-bundler.d.ts

@@ -41,10 +41,10 @@ export declare const createVuetify: (options?: VuetifyOptions) => {
             startOfYear: (date: unknown) => unknown;
             endOfYear: (date: unknown) => unknown;
             isAfter: (date: unknown, comparing: unknown) => boolean;
-            isAfterDay: (value: unknown, comparing: unknown) => boolean;
+            isAfterDay: (date: unknown, comparing: unknown) => boolean;
             isSameDay: (date: unknown, comparing: unknown) => boolean;
             isSameMonth: (date: unknown, comparing: unknown) => boolean;
-            isSameYear: (value: unknown, comparing: unknown) => boolean;
+            isSameYear: (date: unknown, comparing: unknown) => boolean;
             isBefore: (date: unknown, comparing: unknown) => boolean;
             isEqual: (date: unknown, comparing: unknown) => boolean;
             isValid: (date: any) => boolean;
@@ -58,7 +58,7 @@ export declare const createVuetify: (options?: VuetifyOptions) => {
             setYear: (date: unknown, year: number) => unknown;
             getDiff: (date: unknown, comparing: unknown, unit?: string) => number;
             getWeekArray: (date: unknown, firstDayOfWeek?: number | string) => unknown[][];
-            getWeekdays: (firstDayOfWeek?: number | string) => string[];
+            getWeekdays: (firstDayOfWeek?: number | string, weekdayFormat?: "long" | "short" | "narrow") => string[];
             getWeek: (date: unknown, firstDayOfWeek?: number | string, firstWeekMinSize?: number) => number;
             getMonth: (date: unknown) => number;
             setMonth: (date: unknown, month: number) => unknown;

package/lib/util/globals.d.ts

@@ -2,3 +2,4 @@ export declare const IN_BROWSER: boolean;
 export declare const SUPPORTS_INTERSECTION: boolean;
 export declare const SUPPORTS_TOUCH: boolean;
 export declare const SUPPORTS_EYE_DROPPER: boolean;
+export declare const SUPPORTS_MATCH_MEDIA: boolean;

package/lib/util/globals.js

@@ -2,4 +2,5 @@ export const IN_BROWSER = typeof window !== 'undefined';
 export const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
 export const SUPPORTS_TOUCH = IN_BROWSER && ('ontouchstart' in window || window.navigator.maxTouchPoints > 0);
 export const SUPPORTS_EYE_DROPPER = IN_BROWSER && 'EyeDropper' in window;
+export const SUPPORTS_MATCH_MEDIA = IN_BROWSER && 'matchMedia' in window && typeof window.matchMedia === 'function';
 //# sourceMappingURL=globals.js.map

package/lib/util/globals.js.map

@@ -1 +1 @@
-{"version":3,"file":"globals.js","names":["IN_BROWSER","window","SUPPORTS_INTERSECTION","SUPPORTS_TOUCH","navigator","maxTouchPoints","SUPPORTS_EYE_DROPPER"],"sources":["../../src/util/globals.ts"],"sourcesContent":["export const IN_BROWSER = typeof window !== 'undefined'\nexport const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window\nexport const SUPPORTS_TOUCH = IN_BROWSER && ('ontouchstart' in window || window.navigator.maxTouchPoints > 0)\nexport const SUPPORTS_EYE_DROPPER = IN_BROWSER && 'EyeDropper' in window\n"],"mappings":"AAAA,OAAO,MAAMA,UAAU,GAAG,OAAOC,MAAM,KAAK,WAAW;AACvD,OAAO,MAAMC,qBAAqB,GAAGF,UAAU,IAAI,sBAAsB,IAAIC,MAAM;AACnF,OAAO,MAAME,cAAc,GAAGH,UAAU,KAAK,cAAc,IAAIC,MAAM,IAAIA,MAAM,CAACG,SAAS,CAACC,cAAc,GAAG,CAAC,CAAC;AAC7G,OAAO,MAAMC,oBAAoB,GAAGN,UAAU,IAAI,YAAY,IAAIC,MAAM","ignoreList":[]}
+{"version":3,"file":"globals.js","names":["IN_BROWSER","window","SUPPORTS_INTERSECTION","SUPPORTS_TOUCH","navigator","maxTouchPoints","SUPPORTS_EYE_DROPPER","SUPPORTS_MATCH_MEDIA","matchMedia"],"sources":["../../src/util/globals.ts"],"sourcesContent":["export const IN_BROWSER = typeof window !== 'undefined'\nexport const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window\nexport const SUPPORTS_TOUCH = IN_BROWSER && ('ontouchstart' in window || window.navigator.maxTouchPoints > 0)\nexport const SUPPORTS_EYE_DROPPER = IN_BROWSER && 'EyeDropper' in window\nexport const SUPPORTS_MATCH_MEDIA = IN_BROWSER && 'matchMedia' in window && typeof window.matchMedia === 'function'\n"],"mappings":"AAAA,OAAO,MAAMA,UAAU,GAAG,OAAOC,MAAM,KAAK,WAAW;AACvD,OAAO,MAAMC,qBAAqB,GAAGF,UAAU,IAAI,sBAAsB,IAAIC,MAAM;AACnF,OAAO,MAAME,cAAc,GAAGH,UAAU,KAAK,cAAc,IAAIC,MAAM,IAAIA,MAAM,CAACG,SAAS,CAACC,cAAc,GAAG,CAAC,CAAC;AAC7G,OAAO,MAAMC,oBAAoB,GAAGN,UAAU,IAAI,YAAY,IAAIC,MAAM;AACxE,OAAO,MAAMM,oBAAoB,GAAGP,UAAU,IAAI,YAAY,IAAIC,MAAM,IAAI,OAAOA,MAAM,CAACO,UAAU,KAAK,UAAU","ignoreList":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuetify/nightly",
   "description": "Vue Material Component Framework",
-  "version": "3.8.8-master.2025-06-10",
+  "version": "3.8.9-dev.2025-06-12",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"
@@ -76,6 +76,8 @@
     "./labs/components": "./lib/labs/components.js",
     "./labs/*": "./lib/labs/*/index.js",
     "./util/colors": "./lib/util/colors.js",
+    "./date/adapters/*": "./lib/composables/date/adapters/*.js",
+    "./util/transitions": "./lib/components/transitions/createTransition.js",
     "./dist/vuetify.js": {
       "types": "./dist/vuetify.d.ts",
       "import": "./dist/vuetify.esm.js",