@vuetify/nightly 3.4.0-alpha.1-dev.2023-10-21 → 3.4.0-alpha.1-dev.2023-10-26

package/lib/composables/color.mjs

@@ -1,6 +1,6 @@
 // Utilities
 import { computed, isRef } from 'vue';
-import { destructComputed, getForeground, isCssColor, parseColor } from "../util/index.mjs"; // Types
+import { destructComputed, getForeground, isCssColor, isParsableColor, parseColor } from "../util/index.mjs"; // Types
 // Composables
 export function useColor(colors) {
   return destructComputed(() => {
@@ -9,7 +9,7 @@ export function useColor(colors) {
     if (colors.value.background) {
       if (isCssColor(colors.value.background)) {
         styles.backgroundColor = colors.value.background;
-        if (!colors.value.text) {
+        if (!colors.value.text && isParsableColor(colors.value.background)) {
           const backgroundColor = parseColor(colors.value.background);
           if (backgroundColor.a == null || backgroundColor.a === 1) {
             const textColor = getForeground(backgroundColor);

package/lib/composables/color.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"color.mjs","names":["computed","isRef","destructComputed","getForeground","isCssColor","parseColor","useColor","colors","classes","styles","value","background","backgroundColor","text","a","textColor","color","caretColor","push","colorClasses","colorStyles","useTextColor","props","name","textColorClasses","textColorStyles","useBackgroundColor","backgroundColorClasses","backgroundColorStyles"],"sources":["../../src/composables/color.ts"],"sourcesContent":["// Utilities\nimport { computed, isRef } from 'vue'\nimport { destructComputed, getForeground, isCssColor, parseColor } from '@/util'\n\n// Types\nimport type { CSSProperties, Ref } from 'vue'\n\ntype ColorValue = string | false | null | undefined\n\nexport interface TextColorData {\n  textColorClasses: Ref<string[]>\n  textColorStyles: Ref<CSSProperties>\n}\n\nexport interface BackgroundColorData {\n  backgroundColorClasses: Ref<string[]>\n  backgroundColorStyles: Ref<CSSProperties>\n}\n\n// Composables\nexport function useColor (colors: Ref<{ background?: ColorValue, text?: ColorValue }>) {\n  return destructComputed(() => {\n    const classes: string[] = []\n    const styles: CSSProperties = {}\n\n    if (colors.value.background) {\n      if (isCssColor(colors.value.background)) {\n        styles.backgroundColor = colors.value.background\n\n        if (!colors.value.text) {\n          const backgroundColor = parseColor(colors.value.background)\n          if (backgroundColor.a == null || backgroundColor.a === 1) {\n            const textColor = getForeground(backgroundColor)\n\n            styles.color = textColor\n            styles.caretColor = textColor\n          }\n        }\n      } else {\n        classes.push(`bg-${colors.value.background}`)\n      }\n    }\n\n    if (colors.value.text) {\n      if (isCssColor(colors.value.text)) {\n        styles.color = colors.value.text\n        styles.caretColor = colors.value.text\n      } else {\n        classes.push(`text-${colors.value.text}`)\n      }\n    }\n\n    return { colorClasses: classes, colorStyles: styles }\n  })\n}\n\nexport function useTextColor (color: Ref<ColorValue>): TextColorData\nexport function useTextColor <T extends Record<K, ColorValue>, K extends string> (props: T, name: K): TextColorData\nexport function useTextColor <T extends Record<K, ColorValue>, K extends string> (\n  props: T | Ref<ColorValue>,\n  name?: K\n): TextColorData {\n  const colors = computed(() => ({\n    text: isRef(props) ? props.value : (name ? props[name] : null),\n  }))\n\n  const {\n    colorClasses: textColorClasses,\n    colorStyles: textColorStyles,\n  } = useColor(colors)\n\n  return { textColorClasses, textColorStyles }\n}\n\nexport function useBackgroundColor (color: Ref<ColorValue>): BackgroundColorData\nexport function useBackgroundColor <T extends Record<K, ColorValue>, K extends string> (props: T, name: K): BackgroundColorData\nexport function useBackgroundColor <T extends Record<K, ColorValue>, K extends string> (\n  props: T | Ref<ColorValue>,\n  name?: K\n): BackgroundColorData {\n  const colors = computed(() => ({\n    background: isRef(props) ? props.value : (name ? props[name] : null),\n  }))\n\n  const {\n    colorClasses: backgroundColorClasses,\n    colorStyles: backgroundColorStyles,\n  } = useColor(colors)\n\n  return { backgroundColorClasses, backgroundColorStyles }\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAQ,EAAEC,KAAK,QAAQ,KAAK;AAAA,SAC5BC,gBAAgB,EAAEC,aAAa,EAAEC,UAAU,EAAEC,UAAU,6BAEhE;AAeA;AACA,OAAO,SAASC,QAAQA,CAAEC,MAA2D,EAAE;EACrF,OAAOL,gBAAgB,CAAC,MAAM;IAC5B,MAAMM,OAAiB,GAAG,EAAE;IAC5B,MAAMC,MAAqB,GAAG,CAAC,CAAC;IAEhC,IAAIF,MAAM,CAACG,KAAK,CAACC,UAAU,EAAE;MAC3B,IAAIP,UAAU,CAACG,MAAM,CAACG,KAAK,CAACC,UAAU,CAAC,EAAE;QACvCF,MAAM,CAACG,eAAe,GAAGL,MAAM,CAACG,KAAK,CAACC,UAAU;QAEhD,IAAI,CAACJ,MAAM,CAACG,KAAK,CAACG,IAAI,EAAE;UACtB,MAAMD,eAAe,GAAGP,UAAU,CAACE,MAAM,CAACG,KAAK,CAACC,UAAU,CAAC;UAC3D,IAAIC,eAAe,CAACE,CAAC,IAAI,IAAI,IAAIF,eAAe,CAACE,CAAC,KAAK,CAAC,EAAE;YACxD,MAAMC,SAAS,GAAGZ,aAAa,CAACS,eAAe,CAAC;YAEhDH,MAAM,CAACO,KAAK,GAAGD,SAAS;YACxBN,MAAM,CAACQ,UAAU,GAAGF,SAAS;UAC/B;QACF;MACF,CAAC,MAAM;QACLP,OAAO,CAACU,IAAI,CAAE,MAAKX,MAAM,CAACG,KAAK,CAACC,UAAW,EAAC,CAAC;MAC/C;IACF;IAEA,IAAIJ,MAAM,CAACG,KAAK,CAACG,IAAI,EAAE;MACrB,IAAIT,UAAU,CAACG,MAAM,CAACG,KAAK,CAACG,IAAI,CAAC,EAAE;QACjCJ,MAAM,CAACO,KAAK,GAAGT,MAAM,CAACG,KAAK,CAACG,IAAI;QAChCJ,MAAM,CAACQ,UAAU,GAAGV,MAAM,CAACG,KAAK,CAACG,IAAI;MACvC,CAAC,MAAM;QACLL,OAAO,CAACU,IAAI,CAAE,QAAOX,MAAM,CAACG,KAAK,CAACG,IAAK,EAAC,CAAC;MAC3C;IACF;IAEA,OAAO;MAAEM,YAAY,EAAEX,OAAO;MAAEY,WAAW,EAAEX;IAAO,CAAC;EACvD,CAAC,CAAC;AACJ;AAIA,OAAO,SAASY,YAAYA,CAC1BC,KAA0B,EAC1BC,IAAQ,EACO;EACf,MAAMhB,MAAM,GAAGP,QAAQ,CAAC,OAAO;IAC7Ba,IAAI,EAAEZ,KAAK,CAACqB,KAAK,CAAC,GAAGA,KAAK,CAACZ,KAAK,GAAIa,IAAI,GAAGD,KAAK,CAACC,IAAI,CAAC,GAAG;EAC3D,CAAC,CAAC,CAAC;EAEH,MAAM;IACJJ,YAAY,EAAEK,gBAAgB;IAC9BJ,WAAW,EAAEK;EACf,CAAC,GAAGnB,QAAQ,CAACC,MAAM,CAAC;EAEpB,OAAO;IAAEiB,gBAAgB;IAAEC;EAAgB,CAAC;AAC9C;AAIA,OAAO,SAASC,kBAAkBA,CAChCJ,KAA0B,EAC1BC,IAAQ,EACa;EACrB,MAAMhB,MAAM,GAAGP,QAAQ,CAAC,OAAO;IAC7BW,UAAU,EAAEV,KAAK,CAACqB,KAAK,CAAC,GAAGA,KAAK,CAACZ,KAAK,GAAIa,IAAI,GAAGD,KAAK,CAACC,IAAI,CAAC,GAAG;EACjE,CAAC,CAAC,CAAC;EAEH,MAAM;IACJJ,YAAY,EAAEQ,sBAAsB;IACpCP,WAAW,EAAEQ;EACf,CAAC,GAAGtB,QAAQ,CAACC,MAAM,CAAC;EAEpB,OAAO;IAAEoB,sBAAsB;IAAEC;EAAsB,CAAC;AAC1D"}
+{"version":3,"file":"color.mjs","names":["computed","isRef","destructComputed","getForeground","isCssColor","isParsableColor","parseColor","useColor","colors","classes","styles","value","background","backgroundColor","text","a","textColor","color","caretColor","push","colorClasses","colorStyles","useTextColor","props","name","textColorClasses","textColorStyles","useBackgroundColor","backgroundColorClasses","backgroundColorStyles"],"sources":["../../src/composables/color.ts"],"sourcesContent":["// Utilities\nimport { computed, isRef } from 'vue'\nimport { destructComputed, getForeground, isCssColor, isParsableColor, parseColor } from '@/util'\n\n// Types\nimport type { CSSProperties, Ref } from 'vue'\n\ntype ColorValue = string | false | null | undefined\n\nexport interface TextColorData {\n  textColorClasses: Ref<string[]>\n  textColorStyles: Ref<CSSProperties>\n}\n\nexport interface BackgroundColorData {\n  backgroundColorClasses: Ref<string[]>\n  backgroundColorStyles: Ref<CSSProperties>\n}\n\n// Composables\nexport function useColor (colors: Ref<{ background?: ColorValue, text?: ColorValue }>) {\n  return destructComputed(() => {\n    const classes: string[] = []\n    const styles: CSSProperties = {}\n\n    if (colors.value.background) {\n      if (isCssColor(colors.value.background)) {\n        styles.backgroundColor = colors.value.background\n\n        if (!colors.value.text && isParsableColor(colors.value.background)) {\n          const backgroundColor = parseColor(colors.value.background)\n          if (backgroundColor.a == null || backgroundColor.a === 1) {\n            const textColor = getForeground(backgroundColor)\n\n            styles.color = textColor\n            styles.caretColor = textColor\n          }\n        }\n      } else {\n        classes.push(`bg-${colors.value.background}`)\n      }\n    }\n\n    if (colors.value.text) {\n      if (isCssColor(colors.value.text)) {\n        styles.color = colors.value.text\n        styles.caretColor = colors.value.text\n      } else {\n        classes.push(`text-${colors.value.text}`)\n      }\n    }\n\n    return { colorClasses: classes, colorStyles: styles }\n  })\n}\n\nexport function useTextColor (color: Ref<ColorValue>): TextColorData\nexport function useTextColor <T extends Record<K, ColorValue>, K extends string> (props: T, name: K): TextColorData\nexport function useTextColor <T extends Record<K, ColorValue>, K extends string> (\n  props: T | Ref<ColorValue>,\n  name?: K\n): TextColorData {\n  const colors = computed(() => ({\n    text: isRef(props) ? props.value : (name ? props[name] : null),\n  }))\n\n  const {\n    colorClasses: textColorClasses,\n    colorStyles: textColorStyles,\n  } = useColor(colors)\n\n  return { textColorClasses, textColorStyles }\n}\n\nexport function useBackgroundColor (color: Ref<ColorValue>): BackgroundColorData\nexport function useBackgroundColor <T extends Record<K, ColorValue>, K extends string> (props: T, name: K): BackgroundColorData\nexport function useBackgroundColor <T extends Record<K, ColorValue>, K extends string> (\n  props: T | Ref<ColorValue>,\n  name?: K\n): BackgroundColorData {\n  const colors = computed(() => ({\n    background: isRef(props) ? props.value : (name ? props[name] : null),\n  }))\n\n  const {\n    colorClasses: backgroundColorClasses,\n    colorStyles: backgroundColorStyles,\n  } = useColor(colors)\n\n  return { backgroundColorClasses, backgroundColorStyles }\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAQ,EAAEC,KAAK,QAAQ,KAAK;AAAA,SAC5BC,gBAAgB,EAAEC,aAAa,EAAEC,UAAU,EAAEC,eAAe,EAAEC,UAAU,6BAEjF;AAeA;AACA,OAAO,SAASC,QAAQA,CAAEC,MAA2D,EAAE;EACrF,OAAON,gBAAgB,CAAC,MAAM;IAC5B,MAAMO,OAAiB,GAAG,EAAE;IAC5B,MAAMC,MAAqB,GAAG,CAAC,CAAC;IAEhC,IAAIF,MAAM,CAACG,KAAK,CAACC,UAAU,EAAE;MAC3B,IAAIR,UAAU,CAACI,MAAM,CAACG,KAAK,CAACC,UAAU,CAAC,EAAE;QACvCF,MAAM,CAACG,eAAe,GAAGL,MAAM,CAACG,KAAK,CAACC,UAAU;QAEhD,IAAI,CAACJ,MAAM,CAACG,KAAK,CAACG,IAAI,IAAIT,eAAe,CAACG,MAAM,CAACG,KAAK,CAACC,UAAU,CAAC,EAAE;UAClE,MAAMC,eAAe,GAAGP,UAAU,CAACE,MAAM,CAACG,KAAK,CAACC,UAAU,CAAC;UAC3D,IAAIC,eAAe,CAACE,CAAC,IAAI,IAAI,IAAIF,eAAe,CAACE,CAAC,KAAK,CAAC,EAAE;YACxD,MAAMC,SAAS,GAAGb,aAAa,CAACU,eAAe,CAAC;YAEhDH,MAAM,CAACO,KAAK,GAAGD,SAAS;YACxBN,MAAM,CAACQ,UAAU,GAAGF,SAAS;UAC/B;QACF;MACF,CAAC,MAAM;QACLP,OAAO,CAACU,IAAI,CAAE,MAAKX,MAAM,CAACG,KAAK,CAACC,UAAW,EAAC,CAAC;MAC/C;IACF;IAEA,IAAIJ,MAAM,CAACG,KAAK,CAACG,IAAI,EAAE;MACrB,IAAIV,UAAU,CAACI,MAAM,CAACG,KAAK,CAACG,IAAI,CAAC,EAAE;QACjCJ,MAAM,CAACO,KAAK,GAAGT,MAAM,CAACG,KAAK,CAACG,IAAI;QAChCJ,MAAM,CAACQ,UAAU,GAAGV,MAAM,CAACG,KAAK,CAACG,IAAI;MACvC,CAAC,MAAM;QACLL,OAAO,CAACU,IAAI,CAAE,QAAOX,MAAM,CAACG,KAAK,CAACG,IAAK,EAAC,CAAC;MAC3C;IACF;IAEA,OAAO;MAAEM,YAAY,EAAEX,OAAO;MAAEY,WAAW,EAAEX;IAAO,CAAC;EACvD,CAAC,CAAC;AACJ;AAIA,OAAO,SAASY,YAAYA,CAC1BC,KAA0B,EAC1BC,IAAQ,EACO;EACf,MAAMhB,MAAM,GAAGR,QAAQ,CAAC,OAAO;IAC7Bc,IAAI,EAAEb,KAAK,CAACsB,KAAK,CAAC,GAAGA,KAAK,CAACZ,KAAK,GAAIa,IAAI,GAAGD,KAAK,CAACC,IAAI,CAAC,GAAG;EAC3D,CAAC,CAAC,CAAC;EAEH,MAAM;IACJJ,YAAY,EAAEK,gBAAgB;IAC9BJ,WAAW,EAAEK;EACf,CAAC,GAAGnB,QAAQ,CAACC,MAAM,CAAC;EAEpB,OAAO;IAAEiB,gBAAgB;IAAEC;EAAgB,CAAC;AAC9C;AAIA,OAAO,SAASC,kBAAkBA,CAChCJ,KAA0B,EAC1BC,IAAQ,EACa;EACrB,MAAMhB,MAAM,GAAGR,QAAQ,CAAC,OAAO;IAC7BY,UAAU,EAAEX,KAAK,CAACsB,KAAK,CAAC,GAAGA,KAAK,CAACZ,KAAK,GAAIa,IAAI,GAAGD,KAAK,CAACC,IAAI,CAAC,GAAG;EACjE,CAAC,CAAC,CAAC;EAEH,MAAM;IACJJ,YAAY,EAAEQ,sBAAsB;IACpCP,WAAW,EAAEQ;EACf,CAAC,GAAGtB,QAAQ,CAACC,MAAM,CAAC;EAEpB,OAAO;IAAEoB,sBAAsB;IAAEC;EAAsB,CAAC;AAC1D"}

package/lib/entry-bundler.mjs

@@ -15,7 +15,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.4.0-alpha.1-dev.2023-10-21";
+export const version = "3.4.0-alpha.1-dev.2023-10-26";
 createVuetify.version = version;
 export { components, directives };
 export * from "./composables/index.mjs";

package/lib/framework.mjs

@@ -92,7 +92,7 @@ export function createVuetify() {
     date
   };
 }
-export const version = "3.4.0-alpha.1-dev.2023-10-21";
+export const version = "3.4.0-alpha.1-dev.2023-10-26";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup

package/lib/index.d.mts

@@ -408,10 +408,11 @@ declare module '@vue/runtime-core' {
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
-    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']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBtn: typeof import('vuetify/components')['VBtn']
     VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
@@ -421,22 +422,22 @@ declare module '@vue/runtime-core' {
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VChip: typeof import('vuetify/components')['VChip']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VChip: typeof import('vuetify/components')['VChip']
     VCode: typeof import('vuetify/components')['VCode']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VCombobox: typeof import('vuetify/components')['VCombobox']
     VCounter: typeof import('vuetify/components')['VCounter']
     VDialog: typeof import('vuetify/components')['VDialog']
-    VDivider: typeof import('vuetify/components')['VDivider']
     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']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VFileInput: typeof import('vuetify/components')['VFileInput']
@@ -447,9 +448,9 @@ declare module '@vue/runtime-core' {
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
     VImg: typeof import('vuetify/components')['VImg']
-    VInput: typeof import('vuetify/components')['VInput']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
+    VInput: typeof import('vuetify/components')['VInput']
     VKbd: typeof import('vuetify/components')['VKbd']
     VLabel: typeof import('vuetify/components')['VLabel']
     VList: typeof import('vuetify/components')['VList']
@@ -471,14 +472,21 @@ declare module '@vue/runtime-core' {
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VRating: typeof import('vuetify/components')['VRating']
-    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSelect: typeof import('vuetify/components')['VSelect']
+    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
     VSheet: typeof import('vuetify/components')['VSheet']
+    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
     VSlider: typeof import('vuetify/components')['VSlider']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
+    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']
     VSwitch: typeof import('vuetify/components')['VSwitch']
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTabs: typeof import('vuetify/components')['VTabs']
@@ -529,30 +537,22 @@ declare module '@vue/runtime-core' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VBottomSheet: typeof import('vuetify/labs/components')['VBottomSheet']
-    VInfiniteScroll: typeof import('vuetify/labs/components')['VInfiniteScroll']
-    VDateCard: typeof import('vuetify/labs/components')['VDateCard']
-    VDatePicker: typeof import('vuetify/labs/components')['VDatePicker']
-    VDatePickerControls: typeof import('vuetify/labs/components')['VDatePickerControls']
-    VDatePickerHeader: typeof import('vuetify/labs/components')['VDatePickerHeader']
-    VDatePickerMonth: typeof import('vuetify/labs/components')['VDatePickerMonth']
-    VDatePickerYears: typeof import('vuetify/labs/components')['VDatePickerYears']
     VDataTable: typeof import('vuetify/labs/components')['VDataTable']
     VDataTableFooter: typeof import('vuetify/labs/components')['VDataTableFooter']
     VDataTableRows: typeof import('vuetify/labs/components')['VDataTableRows']
     VDataTableRow: typeof import('vuetify/labs/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/labs/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/labs/components')['VDataTableServer']
+    VDateCard: typeof import('vuetify/labs/components')['VDateCard']
+    VDatePicker: typeof import('vuetify/labs/components')['VDatePicker']
+    VDatePickerControls: typeof import('vuetify/labs/components')['VDatePickerControls']
+    VDatePickerHeader: typeof import('vuetify/labs/components')['VDatePickerHeader']
+    VDatePickerMonth: typeof import('vuetify/labs/components')['VDatePickerMonth']
+    VDatePickerYears: typeof import('vuetify/labs/components')['VDatePickerYears']
+    VInfiniteScroll: typeof import('vuetify/labs/components')['VInfiniteScroll']
     VOtpInput: typeof import('vuetify/labs/components')['VOtpInput']
     VPicker: typeof import('vuetify/labs/components')['VPicker']
     VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
-    VSkeletonLoader: typeof import('vuetify/labs/components')['VSkeletonLoader']
-    VStepper: typeof import('vuetify/labs/components')['VStepper']
-    VStepperActions: typeof import('vuetify/labs/components')['VStepperActions']
-    VStepperHeader: typeof import('vuetify/labs/components')['VStepperHeader']
-    VStepperItem: typeof import('vuetify/labs/components')['VStepperItem']
-    VStepperWindow: typeof import('vuetify/labs/components')['VStepperWindow']
-    VStepperWindowItem: typeof import('vuetify/labs/components')['VStepperWindowItem']
     VDataIterator: typeof import('vuetify/labs/components')['VDataIterator']
   }
 }

package/lib/labs/VDataIterator/index.d.mts

@@ -185,101 +185,138 @@ declare const VDataIterator: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: {
-            loading?: boolean | undefined;
-            style?: vue.StyleValue | undefined;
-            expanded?: readonly string[] | undefined;
-            tag?: string | undefined;
-            page?: string | number | undefined;
-            sortBy?: readonly SortItem[] | undefined;
-            items?: any[] | undefined;
-            modelValue?: readonly any[] | undefined;
-            valueComparator?: typeof deepEqual | undefined;
-            selectStrategy?: "all" | "page" | "single" | undefined;
-            returnObject?: boolean | undefined;
-            filterMode?: FilterMode | undefined;
-            noFilter?: boolean | undefined;
-            itemValue?: SelectItemKey;
-            expandOnClick?: boolean | undefined;
-            showExpand?: boolean | undefined;
-            itemSelectable?: SelectItemKey;
-            showSelect?: boolean | undefined;
-            groupBy?: readonly SortItem[] | undefined;
-            multiSort?: boolean | undefined;
-            mustSort?: boolean | undefined;
-            itemsPerPage?: NonNullable<string | number> | undefined;
+        $props: Partial<{
+            loading: boolean;
+            style: vue.StyleValue;
+            expanded: readonly string[];
+            tag: string;
+            page: string | number;
+            sortBy: readonly SortItem[];
+            items: any[];
+            groupBy: readonly SortItem[];
+            modelValue: readonly any[];
+            valueComparator: typeof deepEqual;
+            selectStrategy: "all" | "page" | "single";
+            returnObject: boolean;
+            filterMode: FilterMode;
+            noFilter: boolean;
+            itemValue: SelectItemKey;
+            expandOnClick: boolean;
+            showExpand: boolean;
+            itemSelectable: SelectItemKey;
+            showSelect: boolean;
+            multiSort: boolean;
+            mustSort: boolean;
+            itemsPerPage: NonNullable<string | number>;
+        }> & Omit<{
+            loading: boolean;
+            style: vue.StyleValue;
+            expanded: readonly string[];
+            tag: string;
+            page: string | number;
+            sortBy: readonly SortItem[];
+            items: any[];
+            groupBy: readonly SortItem[];
+            modelValue: readonly any[];
+            valueComparator: typeof deepEqual;
+            selectStrategy: "all" | "page" | "single";
+            returnObject: boolean;
+            filterMode: FilterMode;
+            noFilter: boolean;
+            itemValue: SelectItemKey;
+            expandOnClick: boolean;
+            showExpand: boolean;
+            itemSelectable: SelectItemKey;
+            showSelect: boolean;
+            multiSort: boolean;
+            mustSort: boolean;
+            itemsPerPage: NonNullable<string | number>;
             search?: string | undefined;
-            key?: string | number | symbol | undefined;
             class?: any;
+            customFilter?: FilterFunction | undefined;
+            customKeyFilter?: FilterKeyFunctions | undefined;
+            filterKeys?: FilterKeys | undefined;
+            customKeySort?: Record<string, DataTableCompareFunction> | undefined;
             $children?: vue.VNodeChild | {
                 default?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
                 header?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
                 footer?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
                 'no-data'?: (() => vue.VNodeChild) | undefined;
             } | ((arg: VDataIteratorSlotProps) => vue.VNodeChild);
-            ref?: vue.VNodeRef | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            "v-slot:default"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
             'v-slots'?: {
                 default?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
                 header?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
                 footer?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
                 'no-data'?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+            "v-slot:default"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
             "v-slot:header"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            "v-slot:footer"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
+            "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+            "onUpdate:expanded"?: ((value: any) => any) | undefined;
+            "onUpdate:sortBy"?: ((value: any) => any) | undefined;
+            "onUpdate:groupBy"?: ((value: any) => any) | undefined;
+            "onUpdate:page"?: ((value: number) => any) | undefined;
+            "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
+            "onUpdate:options"?: ((value: any) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            loading: boolean;
+            style: vue.StyleValue;
+            expanded: readonly string[];
+            tag: string;
+            page: string | number;
+            sortBy: readonly SortItem[];
+            items: any[];
+            groupBy: readonly SortItem[];
+            modelValue: readonly any[];
+            valueComparator: typeof deepEqual;
+            selectStrategy: "all" | "page" | "single";
+            returnObject: boolean;
+            filterMode: FilterMode;
+            noFilter: boolean;
+            itemValue: SelectItemKey;
+            expandOnClick: boolean;
+            showExpand: boolean;
+            itemSelectable: SelectItemKey;
+            showSelect: boolean;
+            multiSort: boolean;
+            mustSort: boolean;
+            itemsPerPage: NonNullable<string | number>;
+        } & {
+            search?: string | undefined;
+            class?: any;
             customFilter?: FilterFunction | undefined;
             customKeyFilter?: FilterKeyFunctions | undefined;
             filterKeys?: FilterKeys | undefined;
+            customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+        } & {
+            $children?: vue.VNodeChild | {
+                default?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                header?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                footer?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                'no-data'?: (() => vue.VNodeChild) | undefined;
+            } | ((arg: VDataIteratorSlotProps) => vue.VNodeChild);
+            'v-slots'?: {
+                default?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                header?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                footer?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+                'no-data'?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            "v-slot:header"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
+            "v-slot:footer"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
             "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
             "onUpdate:expanded"?: ((value: any) => any) | undefined;
-            customKeySort?: Record<string, DataTableCompareFunction> | undefined;
             "onUpdate:sortBy"?: ((value: any) => any) | undefined;
             "onUpdate:groupBy"?: ((value: any) => any) | undefined;
             "onUpdate:page"?: ((value: number) => any) | undefined;
             "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
             "onUpdate:options"?: ((value: any) => any) | undefined;
-            "v-slot:footer"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
-        };
+        }, "loading" | "style" | "expanded" | "tag" | "page" | "sortBy" | "items" | "groupBy" | "modelValue" | "valueComparator" | "selectStrategy" | "returnObject" | "filterMode" | "noFilter" | "itemValue" | "expandOnClick" | "showExpand" | "itemSelectable" | "showSelect" | "multiSort" | "mustSort" | "itemsPerPage">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -312,6 +349,7 @@ declare const VDataIterator: {
             page: string | number;
             sortBy: readonly SortItem[];
             items: any[];
+            groupBy: readonly SortItem[];
             modelValue: readonly any[];
             valueComparator: typeof deepEqual;
             selectStrategy: "all" | "page" | "single";
@@ -323,7 +361,6 @@ declare const VDataIterator: {
             showExpand: boolean;
             itemSelectable: SelectItemKey;
             showSelect: boolean;
-            groupBy: readonly SortItem[];
             multiSort: boolean;
             mustSort: boolean;
             itemsPerPage: NonNullable<string | number>;
@@ -376,6 +413,7 @@ declare const VDataIterator: {
             page: string | number;
             sortBy: readonly SortItem[];
             items: any[];
+            groupBy: readonly SortItem[];
             modelValue: readonly any[];
             valueComparator: typeof deepEqual;
             selectStrategy: "all" | "page" | "single";
@@ -387,7 +425,6 @@ declare const VDataIterator: {
             showExpand: boolean;
             itemSelectable: SelectItemKey;
             showSelect: boolean;
-            groupBy: readonly SortItem[];
             multiSort: boolean;
             mustSort: boolean;
             itemsPerPage: NonNullable<string | number>;
@@ -432,6 +469,7 @@ declare const VDataIterator: {
         page: string | number;
         sortBy: readonly SortItem[];
         items: any[];
+        groupBy: readonly SortItem[];
         modelValue: readonly any[];
         valueComparator: typeof deepEqual;
         selectStrategy: "all" | "page" | "single";
@@ -443,7 +481,6 @@ declare const VDataIterator: {
         showExpand: boolean;
         itemSelectable: SelectItemKey;
         showSelect: boolean;
-        groupBy: readonly SortItem[];
         multiSort: boolean;
         mustSort: boolean;
         itemsPerPage: NonNullable<string | number>;
@@ -492,6 +529,7 @@ declare const VDataIterator: {
     page: string | number;
     sortBy: readonly SortItem[];
     items: any[];
+    groupBy: readonly SortItem[];
     modelValue: readonly any[];
     valueComparator: typeof deepEqual;
     selectStrategy: "all" | "page" | "single";
@@ -503,7 +541,6 @@ declare const VDataIterator: {
     showExpand: boolean;
     itemSelectable: SelectItemKey;
     showSelect: boolean;
-    groupBy: readonly SortItem[];
     multiSort: boolean;
     mustSort: boolean;
     itemsPerPage: NonNullable<string | number>;
@@ -556,6 +593,7 @@ declare const VDataIterator: {
     page: string | number;
     sortBy: readonly SortItem[];
     items: any[];
+    groupBy: readonly SortItem[];
     modelValue: readonly any[];
     valueComparator: typeof deepEqual;
     selectStrategy: "all" | "page" | "single";
@@ -567,7 +605,6 @@ declare const VDataIterator: {
     showExpand: boolean;
     itemSelectable: SelectItemKey;
     showSelect: boolean;
-    groupBy: readonly SortItem[];
     multiSort: boolean;
     mustSort: boolean;
     itemsPerPage: NonNullable<string | number>;