vuetify 3.3.0 → 3.3.2

package/lib/iconsets/mdi.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mdi.mjs","names":["h","VClassIcon","aliases","collapse","complete","cancel","close","delete","clear","success","info","warning","error","prev","next","checkboxOn","checkboxOff","checkboxIndeterminate","delimiter","sortAsc","sortDesc","expand","menu","subgroup","dropdown","radioOn","radioOff","edit","ratingEmpty","ratingFull","ratingHalf","loading","first","last","unfold","file","plus","minus","mdi","component","props","class"],"sources":["../../src/iconsets/mdi.ts"],"sourcesContent":["// Utilities\nimport { h } from 'vue'\n\n// Components\nimport { VClassIcon } from '@/composables/icons'\n\n// Types\nimport type { IconAliases, IconSet } from '@/composables/icons'\n\nconst aliases: IconAliases = {\n  collapse: 'mdi-chevron-up',\n  complete: 'mdi-check',\n  cancel: 'mdi-close-circle',\n  close: 'mdi-close',\n  delete: 'mdi-close-circle', // delete (e.g. v-chip close)\n  clear: 'mdi-close-circle',\n  success: 'mdi-check-circle',\n  info: 'mdi-information',\n  warning: 'mdi-alert-circle',\n  error: 'mdi-close-circle',\n  prev: 'mdi-chevron-left',\n  next: 'mdi-chevron-right',\n  checkboxOn: 'mdi-checkbox-marked',\n  checkboxOff: 'mdi-checkbox-blank-outline',\n  checkboxIndeterminate: 'mdi-minus-box',\n  delimiter: 'mdi-circle', // for carousel\n  sortAsc: 'mdi-arrow-up',\n  sortDesc: 'mdi-arrow-down',\n  expand: 'mdi-chevron-down',\n  menu: 'mdi-menu',\n  subgroup: 'mdi-menu-down',\n  dropdown: 'mdi-menu-down',\n  radioOn: 'mdi-radiobox-marked',\n  radioOff: 'mdi-radiobox-blank',\n  edit: 'mdi-pencil',\n  ratingEmpty: 'mdi-star-outline',\n  ratingFull: 'mdi-star',\n  ratingHalf: 'mdi-star-half-full',\n  loading: 'mdi-cached',\n  first: 'mdi-page-first',\n  last: 'mdi-page-last',\n  unfold: 'mdi-unfold-more-horizontal',\n  file: 'mdi-paperclip',\n  plus: 'mdi-plus',\n  minus: 'mdi-minus',\n}\n\nconst mdi: IconSet = {\n  // Not using mergeProps here, functional components merge props by default (?)\n  component: (props: any) => h(VClassIcon, { ...props, class: 'mdi' }),\n}\n\nexport { aliases, mdi }\n"],"mappings":"AAAA;AACA,SAASA,CAAC,QAAQ,KAAK;;AAEvB;AAAA,SACSC,UAAU,oCAEnB;AAGA,MAAMC,OAAoB,GAAG;EAC3BC,QAAQ,EAAE,gBAAgB;EAC1BC,QAAQ,EAAE,WAAW;EACrBC,MAAM,EAAE,kBAAkB;EAC1BC,KAAK,EAAE,WAAW;EAClBC,MAAM,EAAE,kBAAkB;EAAE;EAC5BC,KAAK,EAAE,kBAAkB;EACzBC,OAAO,EAAE,kBAAkB;EAC3BC,IAAI,EAAE,iBAAiB;EACvBC,OAAO,EAAE,kBAAkB;EAC3BC,KAAK,EAAE,kBAAkB;EACzBC,IAAI,EAAE,kBAAkB;EACxBC,IAAI,EAAE,mBAAmB;EACzBC,UAAU,EAAE,qBAAqB;EACjCC,WAAW,EAAE,4BAA4B;EACzCC,qBAAqB,EAAE,eAAe;EACtCC,SAAS,EAAE,YAAY;EAAE;EACzBC,OAAO,EAAE,cAAc;EACvBC,QAAQ,EAAE,gBAAgB;EAC1BC,MAAM,EAAE,kBAAkB;EAC1BC,IAAI,EAAE,UAAU;EAChBC,QAAQ,EAAE,eAAe;EACzBC,QAAQ,EAAE,eAAe;EACzBC,OAAO,EAAE,qBAAqB;EAC9BC,QAAQ,EAAE,oBAAoB;EAC9BC,IAAI,EAAE,YAAY;EAClBC,WAAW,EAAE,kBAAkB;EAC/BC,UAAU,EAAE,UAAU;EACtBC,UAAU,EAAE,oBAAoB;EAChCC,OAAO,EAAE,YAAY;EACrBC,KAAK,EAAE,gBAAgB;EACvBC,IAAI,EAAE,eAAe;EACrBC,MAAM,EAAE,4BAA4B;EACpCC,IAAI,EAAE,eAAe;EACrBC,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,GAAY,GAAG;EACnB;EACAC,SAAS,EAAGC,KAAU,IAAKxC,CAAC,CAACC,UAAU,EAAE;IAAE,GAAGuC,KAAK;IAAEC,KAAK,EAAE;EAAM,CAAC;AACrE,CAAC;AAED,SAASvC,OAAO,EAAEoC,GAAG"}
+{"version":3,"file":"mdi.mjs","names":["VClassIcon","h","aliases","collapse","complete","cancel","close","delete","clear","success","info","warning","error","prev","next","checkboxOn","checkboxOff","checkboxIndeterminate","delimiter","sortAsc","sortDesc","expand","menu","subgroup","dropdown","radioOn","radioOff","edit","ratingEmpty","ratingFull","ratingHalf","loading","first","last","unfold","file","plus","minus","mdi","component","props","class"],"sources":["../../src/iconsets/mdi.ts"],"sourcesContent":["// Composables\nimport { VClassIcon } from '@/composables/icons'\n\n// Utilities\nimport { h } from 'vue'\n\n// Types\nimport type { IconAliases, IconSet } from '@/composables/icons'\n\nconst aliases: IconAliases = {\n  collapse: 'mdi-chevron-up',\n  complete: 'mdi-check',\n  cancel: 'mdi-close-circle',\n  close: 'mdi-close',\n  delete: 'mdi-close-circle', // delete (e.g. v-chip close)\n  clear: 'mdi-close-circle',\n  success: 'mdi-check-circle',\n  info: 'mdi-information',\n  warning: 'mdi-alert-circle',\n  error: 'mdi-close-circle',\n  prev: 'mdi-chevron-left',\n  next: 'mdi-chevron-right',\n  checkboxOn: 'mdi-checkbox-marked',\n  checkboxOff: 'mdi-checkbox-blank-outline',\n  checkboxIndeterminate: 'mdi-minus-box',\n  delimiter: 'mdi-circle', // for carousel\n  sortAsc: 'mdi-arrow-up',\n  sortDesc: 'mdi-arrow-down',\n  expand: 'mdi-chevron-down',\n  menu: 'mdi-menu',\n  subgroup: 'mdi-menu-down',\n  dropdown: 'mdi-menu-down',\n  radioOn: 'mdi-radiobox-marked',\n  radioOff: 'mdi-radiobox-blank',\n  edit: 'mdi-pencil',\n  ratingEmpty: 'mdi-star-outline',\n  ratingFull: 'mdi-star',\n  ratingHalf: 'mdi-star-half-full',\n  loading: 'mdi-cached',\n  first: 'mdi-page-first',\n  last: 'mdi-page-last',\n  unfold: 'mdi-unfold-more-horizontal',\n  file: 'mdi-paperclip',\n  plus: 'mdi-plus',\n  minus: 'mdi-minus',\n}\n\nconst mdi: IconSet = {\n  // Not using mergeProps here, functional components merge props by default (?)\n  component: (props: any) => h(VClassIcon, { ...props, class: 'mdi' }),\n}\n\nexport { aliases, mdi }\n"],"mappings":"AAAA;AAAA,SACSA,UAAU,oCAEnB;AACA,SAASC,CAAC,QAAQ,KAAK;;AAEvB;;AAGA,MAAMC,OAAoB,GAAG;EAC3BC,QAAQ,EAAE,gBAAgB;EAC1BC,QAAQ,EAAE,WAAW;EACrBC,MAAM,EAAE,kBAAkB;EAC1BC,KAAK,EAAE,WAAW;EAClBC,MAAM,EAAE,kBAAkB;EAAE;EAC5BC,KAAK,EAAE,kBAAkB;EACzBC,OAAO,EAAE,kBAAkB;EAC3BC,IAAI,EAAE,iBAAiB;EACvBC,OAAO,EAAE,kBAAkB;EAC3BC,KAAK,EAAE,kBAAkB;EACzBC,IAAI,EAAE,kBAAkB;EACxBC,IAAI,EAAE,mBAAmB;EACzBC,UAAU,EAAE,qBAAqB;EACjCC,WAAW,EAAE,4BAA4B;EACzCC,qBAAqB,EAAE,eAAe;EACtCC,SAAS,EAAE,YAAY;EAAE;EACzBC,OAAO,EAAE,cAAc;EACvBC,QAAQ,EAAE,gBAAgB;EAC1BC,MAAM,EAAE,kBAAkB;EAC1BC,IAAI,EAAE,UAAU;EAChBC,QAAQ,EAAE,eAAe;EACzBC,QAAQ,EAAE,eAAe;EACzBC,OAAO,EAAE,qBAAqB;EAC9BC,QAAQ,EAAE,oBAAoB;EAC9BC,IAAI,EAAE,YAAY;EAClBC,WAAW,EAAE,kBAAkB;EAC/BC,UAAU,EAAE,UAAU;EACtBC,UAAU,EAAE,oBAAoB;EAChCC,OAAO,EAAE,YAAY;EACrBC,KAAK,EAAE,gBAAgB;EACvBC,IAAI,EAAE,eAAe;EACrBC,MAAM,EAAE,4BAA4B;EACpCC,IAAI,EAAE,eAAe;EACrBC,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,GAAY,GAAG;EACnB;EACAC,SAAS,EAAGC,KAAU,IAAKvC,CAAC,CAACD,UAAU,EAAE;IAAE,GAAGwC,KAAK;IAAEC,KAAK,EAAE;EAAM,CAAC;AACrE,CAAC;AAED,SAASvC,OAAO,EAAEoC,GAAG"}

package/lib/index.d.mts

@@ -153,37 +153,6 @@ type DefaultsInstance = undefined | {
 type DefaultsOptions = Partial<DefaultsInstance>;
 declare function useDefaults(props?: Record<string, any>, name?: string): Record<string, any>;
 
-interface DateAdapter<Date> {
-    date(value?: any): Date | null;
-    format(date: Date, formatString: string): string;
-    startOfMonth(date: Date): Date;
-    endOfMonth(date: Date): Date;
-    startOfYear(date: Date): Date;
-    endOfYear(date: Date): Date;
-    isAfter(date: Date, comparing: Date): boolean;
-    isEqual(date: Date, comparing: Date): boolean;
-    isSameDay(date: Date, comparing: Date): boolean;
-    isSameMonth(date: Date, comparing: Date): boolean;
-    isValid(date: any): boolean;
-    isWithinRange(date: Date, range: [Date, Date]): boolean;
-    addDays(date: Date, amount: number): Date;
-    addMonths(date: Date, amount: number): Date;
-    getYear(date: Date): number;
-    setYear(date: Date, year: number): Date;
-    getDiff(date: Date, comparing: Date | string, unit?: string): number;
-    getWeek(date: Date): number;
-    getWeekArray(date: Date): (Date | null)[][];
-    getWeekdays(): string[];
-    getMonth(date: Date): number;
-}
-
-interface DateInstance extends DateAdapter<Date> {
-    locale: string;
-}
-type DateOptions = {
-    adapter: (new (locale: string) => DateInstance) | DateInstance;
-};
-
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 interface IconAliases {
@@ -238,6 +207,37 @@ type IconOptions = {
     sets: Record<string, IconSet>;
 };
 
+interface DateAdapter<Date> {
+    date(value?: any): Date | null;
+    format(date: Date, formatString: string): string;
+    startOfMonth(date: Date): Date;
+    endOfMonth(date: Date): Date;
+    startOfYear(date: Date): Date;
+    endOfYear(date: Date): Date;
+    isAfter(date: Date, comparing: Date): boolean;
+    isEqual(date: Date, comparing: Date): boolean;
+    isSameDay(date: Date, comparing: Date): boolean;
+    isSameMonth(date: Date, comparing: Date): boolean;
+    isValid(date: any): boolean;
+    isWithinRange(date: Date, range: [Date, Date]): boolean;
+    addDays(date: Date, amount: number): Date;
+    addMonths(date: Date, amount: number): Date;
+    getYear(date: Date): number;
+    setYear(date: Date, year: number): Date;
+    getDiff(date: Date, comparing: Date | string, unit?: string): number;
+    getWeek(date: Date): number;
+    getWeekArray(date: Date): (Date | null)[][];
+    getWeekdays(): string[];
+    getMonth(date: Date): number;
+}
+
+interface DateInstance extends DateAdapter<Date> {
+    locale: string;
+}
+type DateOptions = {
+    adapter: (new (locale: string) => DateInstance) | DateInstance;
+};
+
 type Position = 'top' | 'left' | 'right' | 'bottom';
 interface Layer {
     top: number;
@@ -311,6 +311,8 @@ declare const version: string;
 
 export { Blueprint, DateInstance, DateOptions, DefaultsInstance, DisplayBreakpoint, DisplayInstance, DisplayThresholds, IconAliases, IconOptions, IconProps, IconSet, LocaleInstance, LocaleMessages, LocaleOptions, RtlInstance, RtlOptions, SubmitEventPromise, ThemeDefinition, ThemeInstance, VuetifyOptions, createVuetify, useDefaults, useDisplay, useLayout, useLocale, useRtl, useTheme, version };
 
+/* eslint-disable local-rules/sort-imports */
+
 import type { ComponentPublicInstance, FunctionalComponent, UnwrapNestedRefs, VNodeChild } from 'vue'
 
 
@@ -370,22 +372,22 @@ declare module '@vue/runtime-core' {
     VBtn: typeof import('vuetify/components')['VBtn']
     VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     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']
+    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']
     VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VCode: typeof import('vuetify/components')['VCode']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
-    VCounter: typeof import('vuetify/components')['VCounter']
     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']
@@ -396,12 +398,12 @@ declare module '@vue/runtime-core' {
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VFileInput: typeof import('vuetify/components')['VFileInput']
     VFooter: typeof import('vuetify/components')['VFooter']
-    VImg: typeof import('vuetify/components')['VImg']
     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']
+    VImg: typeof import('vuetify/components')['VImg']
     VInput: typeof import('vuetify/components')['VInput']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
@@ -417,7 +419,6 @@ declare module '@vue/runtime-core' {
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
     VMain: typeof import('vuetify/components')['VMain']
-    VMenu: typeof import('vuetify/components')['VMenu']
     VMessages: typeof import('vuetify/components')['VMessages']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
     VOverlay: typeof import('vuetify/components')['VOverlay']
@@ -434,11 +435,11 @@ declare module '@vue/runtime-core' {
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
     VSlider: typeof import('vuetify/components')['VSlider']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VSwitch: typeof import('vuetify/components')['VSwitch']
-    VTable: typeof import('vuetify/components')['VTable']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTab: typeof import('vuetify/components')['VTab']
+    VTable: typeof import('vuetify/components')['VTable']
     VTextarea: typeof import('vuetify/components')['VTextarea']
     VTextField: typeof import('vuetify/components')['VTextField']
     VTimeline: typeof import('vuetify/components')['VTimeline']
@@ -465,6 +466,7 @@ declare module '@vue/runtime-core' {
     VRadio: typeof import('vuetify/components')['VRadio']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VResponsive: typeof import('vuetify/components')['VResponsive']
+    VMenu: typeof import('vuetify/components')['VMenu']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VValidation: typeof import('vuetify/components')['VValidation']
     VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']

package/lib/labs/VBottomSheet/VBottomSheet.mjs

@@ -12,7 +12,7 @@ export const makeVBottomSheetProps = propsFactory({
     contentClass: 'v-bottom-sheet__content',
     transition: 'bottom-sheet-transition'
   })
-}, 'v-bottom-sheet');
+}, 'VBottomSheet');
 export const VBottomSheet = genericComponent()({
   name: 'VBottomSheet',
   props: makeVBottomSheetProps(),

package/lib/labs/VBottomSheet/VBottomSheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBottomSheet.mjs","names":["makeVDialogProps","VDialog","useProxiedModel","genericComponent","propsFactory","useRender","makeVBottomSheetProps","inset","Boolean","contentClass","transition","VBottomSheet","name","props","emits","value","setup","_ref","slots","isActive","dialogProps","filterProps","_createVNode","_mergeProps","$event"],"sources":["../../../src/labs/VBottomSheet/VBottomSheet.tsx"],"sourcesContent":["// Styles\nimport './VBottomSheet.sass'\n\n// Components\nimport { makeVDialogProps, VDialog } from '@/components/VDialog/VDialog'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\n\nexport const makeVBottomSheetProps = propsFactory({\n  inset: Boolean,\n\n  ...makeVDialogProps({\n    contentClass: 'v-bottom-sheet__content',\n    transition: 'bottom-sheet-transition',\n  }),\n}, 'v-bottom-sheet')\n\nexport const VBottomSheet = genericComponent<OverlaySlots>()({\n  name: 'VBottomSheet',\n\n  props: makeVBottomSheetProps(),\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    useRender(() => {\n      const [dialogProps] = VDialog.filterProps(props)\n\n      return (\n        <VDialog\n          { ...dialogProps }\n          v-model={ isActive.value }\n          class={[\n            'v-bottom-sheet',\n            {\n              'v-bottom-sheet--inset': props.inset,\n            },\n          ]}\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBottomSheet = InstanceType<typeof VBottomSheet>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,gBAAgB,EAAEC,OAAO,gDAElC;AAAA,SACSC,eAAe,8CAExB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAGA,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,KAAK,EAAEC,OAAO;EAEd,GAAGR,gBAAgB,CAAC;IAClBS,YAAY,EAAE,yBAAyB;IACvCC,UAAU,EAAE;EACd,CAAC;AACH,CAAC,EAAE,gBAAgB,CAAC;AAEpB,OAAO,MAAMC,YAAY,GAAGR,gBAAgB,EAAgB,CAAC;EAC3DS,IAAI,EAAE,cAAc;EAEpBC,KAAK,EAAEP,qBAAqB,EAAE;EAE9BQ,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,QAAQ,GAAGjB,eAAe,CAACW,KAAK,EAAE,YAAY,CAAC;IAErDR,SAAS,CAAC,MAAM;MACd,MAAM,CAACe,WAAW,CAAC,GAAGnB,OAAO,CAACoB,WAAW,CAACR,KAAK,CAAC;MAEhD,OAAAS,YAAA,CAAArB,OAAA,EAAAsB,WAAA,CAESH,WAAW;QAAA,cACND,QAAQ,CAACJ,KAAK;QAAA,uBAAAS,MAAA,IAAdL,QAAQ,CAACJ,KAAK,GAAAS,MAAA;QAAA,SACjB,CACL,gBAAgB,EAChB;UACE,uBAAuB,EAAEX,KAAK,CAACN;QACjC,CAAC;MACF,IACSW,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VBottomSheet.mjs","names":["makeVDialogProps","VDialog","useProxiedModel","genericComponent","propsFactory","useRender","makeVBottomSheetProps","inset","Boolean","contentClass","transition","VBottomSheet","name","props","emits","value","setup","_ref","slots","isActive","dialogProps","filterProps","_createVNode","_mergeProps","$event"],"sources":["../../../src/labs/VBottomSheet/VBottomSheet.tsx"],"sourcesContent":["// Styles\nimport './VBottomSheet.sass'\n\n// Components\nimport { makeVDialogProps, VDialog } from '@/components/VDialog/VDialog'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\n\nexport const makeVBottomSheetProps = propsFactory({\n  inset: Boolean,\n\n  ...makeVDialogProps({\n    contentClass: 'v-bottom-sheet__content',\n    transition: 'bottom-sheet-transition',\n  }),\n}, 'VBottomSheet')\n\nexport const VBottomSheet = genericComponent<OverlaySlots>()({\n  name: 'VBottomSheet',\n\n  props: makeVBottomSheetProps(),\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    useRender(() => {\n      const [dialogProps] = VDialog.filterProps(props)\n\n      return (\n        <VDialog\n          { ...dialogProps }\n          v-model={ isActive.value }\n          class={[\n            'v-bottom-sheet',\n            {\n              'v-bottom-sheet--inset': props.inset,\n            },\n          ]}\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBottomSheet = InstanceType<typeof VBottomSheet>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,gBAAgB,EAAEC,OAAO,gDAElC;AAAA,SACSC,eAAe,8CAExB;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAGA,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,KAAK,EAAEC,OAAO;EAEd,GAAGR,gBAAgB,CAAC;IAClBS,YAAY,EAAE,yBAAyB;IACvCC,UAAU,EAAE;EACd,CAAC;AACH,CAAC,EAAE,cAAc,CAAC;AAElB,OAAO,MAAMC,YAAY,GAAGR,gBAAgB,EAAgB,CAAC;EAC3DS,IAAI,EAAE,cAAc;EAEpBC,KAAK,EAAEP,qBAAqB,EAAE;EAE9BQ,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAME,QAAQ,GAAGjB,eAAe,CAACW,KAAK,EAAE,YAAY,CAAC;IAErDR,SAAS,CAAC,MAAM;MACd,MAAM,CAACe,WAAW,CAAC,GAAGnB,OAAO,CAACoB,WAAW,CAACR,KAAK,CAAC;MAEhD,OAAAS,YAAA,CAAArB,OAAA,EAAAsB,WAAA,CAESH,WAAW;QAAA,cACND,QAAQ,CAACJ,KAAK;QAAA,uBAAAS,MAAA,IAAdL,QAAQ,CAACJ,KAAK,GAAAS,MAAA;QAAA,SACjB,CACL,gBAAgB,EAChB;UACE,uBAAuB,EAAEX,KAAK,CAACN;QACjC,CAAC;MACF,IACSW,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -104,15 +104,15 @@ declare const VBottomSheet: {
             disabled?: boolean | undefined;
             contentClass?: any;
             modelValue?: boolean | undefined;
+            locationStrategy?: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined) | undefined;
+            scrollStrategy?: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition"> | undefined;
             activatorProps?: Record<string, any> | undefined;
             openOnClick?: boolean | undefined;
             openOnHover?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             closeOnContentClick?: boolean | undefined;
-            locationStrategy?: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
-            } | undefined) | undefined;
-            scrollStrategy?: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition"> | undefined;
             closeOnBack?: boolean | undefined;
             contained?: boolean | undefined;
             noClickAnimation?: boolean | undefined;
@@ -131,37 +131,28 @@ declare const VBottomSheet: {
             minWidth?: string | number | undefined;
             class?: any;
             $children?: vue.VNodeChild | {
-                default?: ((args_0: {
+                default?: ((arg: {
                     isActive: vue.Ref<boolean>;
                 }) => vue.VNodeChild) | undefined;
-                activator?: ((args_0: {
+                activator?: ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
-            } | ((args_0: {
+            } | ((arg: {
                 isActive: vue.Ref<boolean>;
             }) => vue.VNodeChild);
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             theme?: string | undefined;
-            "v-slot:default"?: false | ((args_0: {
+            "v-slot:default"?: false | ((arg: {
                 isActive: vue.Ref<boolean>;
             }) => vue.VNodeChild) | undefined;
             'v-slots'?: {
-                default?: false | ((args_0: {
-                    isActive: vue.Ref<boolean>;
-                }) => vue.VNodeChild) | undefined;
-                activator?: false | ((args_0: {
-                    isActive: boolean;
-                    props: Record<string, any>;
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
-            $slots?: {
-                default?: ((args_0: {
+                default?: false | ((arg: {
                     isActive: vue.Ref<boolean>;
                 }) => vue.VNodeChild) | undefined;
-                activator?: ((args_0: {
+                activator?: false | ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
@@ -206,7 +197,7 @@ declare const VBottomSheet: {
             }>) => void)[] | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             activator?: string | Element | vue.ComponentPublicInstance | undefined;
-            "v-slot:activator"?: false | ((args_0: {
+            "v-slot:activator"?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
@@ -222,12 +213,12 @@ declare const VBottomSheet: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            default?: ((args_0: {
+            default?: ((arg: {
                 isActive: vue.Ref<boolean>;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            activator?: ((args_0: {
+            activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -253,13 +244,13 @@ declare const VBottomSheet: {
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
-            activatorProps: Record<string, any>;
-            openOnHover: boolean;
-            closeOnContentClick: boolean;
             locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
             } | undefined);
             scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
+            activatorProps: Record<string, any>;
+            openOnHover: boolean;
+            closeOnContentClick: boolean;
             closeOnBack: boolean;
             contained: boolean;
             noClickAnimation: boolean;
@@ -288,43 +279,33 @@ declare const VBottomSheet: {
             attach?: string | boolean | Element | undefined;
         } & {
             $children?: vue.VNodeChild | {
-                default?: ((args_0: {
+                default?: ((arg: {
                     isActive: vue.Ref<boolean>;
                 }) => vue.VNodeChild) | undefined;
-                activator?: ((args_0: {
+                activator?: ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
-            } | ((args_0: {
+            } | ((arg: {
                 isActive: vue.Ref<boolean>;
             }) => vue.VNodeChild);
             'v-slots'?: {
-                default?: false | ((args_0: {
+                default?: false | ((arg: {
                     isActive: vue.Ref<boolean>;
                 }) => vue.VNodeChild) | undefined;
-                activator?: false | ((args_0: {
+                activator?: false | ((arg: {
                     isActive: boolean;
                     props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | ((args_0: {
+            "v-slot:default"?: false | ((arg: {
                 isActive: vue.Ref<boolean>;
             }) => vue.VNodeChild) | undefined;
-            "v-slot:activator"?: false | ((args_0: {
+            "v-slot:activator"?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: ((args_0: {
-                    isActive: vue.Ref<boolean>;
-                }) => vue.VNodeChild) | undefined;
-                activator?: ((args_0: {
-                    isActive: boolean;
-                    props: Record<string, any>;
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -345,15 +326,15 @@ declare const VBottomSheet: {
             disabled: boolean;
             contentClass: any;
             modelValue: boolean;
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined);
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
             activatorProps: Record<string, any>;
             openOnClick: boolean;
             openOnHover: boolean;
             openOnFocus: boolean;
             closeOnContentClick: boolean;
-            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
-            } | undefined);
-            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
             closeOnBack: boolean;
             contained: boolean;
             noClickAnimation: boolean;
@@ -363,12 +344,12 @@ declare const VBottomSheet: {
             retainFocus: boolean;
             scrollable: boolean;
         }, {}, string, vue.SlotsType<Partial<{
-            default: (args_0: {
+            default: (arg: {
                 isActive: vue.Ref<boolean>;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            activator: (args_0: {
+            activator: (arg: {
                 isActive: boolean;
                 props: Record<string, any>;
             }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -409,13 +390,13 @@ declare const VBottomSheet: {
         eager: boolean;
         disabled: boolean;
         modelValue: boolean;
-        activatorProps: Record<string, any>;
-        openOnHover: boolean;
-        closeOnContentClick: boolean;
         locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
         } | undefined);
         scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
+        activatorProps: Record<string, any>;
+        openOnHover: boolean;
+        closeOnContentClick: boolean;
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
@@ -444,43 +425,33 @@ declare const VBottomSheet: {
         attach?: string | boolean | Element | undefined;
     } & {
         $children?: vue.VNodeChild | {
-            default?: ((args_0: {
+            default?: ((arg: {
                 isActive: vue.Ref<boolean>;
             }) => vue.VNodeChild) | undefined;
-            activator?: ((args_0: {
+            activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
-        } | ((args_0: {
+        } | ((arg: {
             isActive: vue.Ref<boolean>;
         }) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | ((args_0: {
+            default?: false | ((arg: {
                 isActive: vue.Ref<boolean>;
             }) => vue.VNodeChild) | undefined;
-            activator?: false | ((args_0: {
+            activator?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | ((args_0: {
+        "v-slot:default"?: false | ((arg: {
             isActive: vue.Ref<boolean>;
         }) => vue.VNodeChild) | undefined;
-        "v-slot:activator"?: false | ((args_0: {
+        "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: ((args_0: {
-                isActive: vue.Ref<boolean>;
-            }) => vue.VNodeChild) | undefined;
-            activator?: ((args_0: {
-                isActive: boolean;
-                props: Record<string, any>;
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
@@ -502,13 +473,13 @@ declare const VBottomSheet: {
     eager: boolean;
     disabled: boolean;
     modelValue: boolean;
-    activatorProps: Record<string, any>;
-    openOnHover: boolean;
-    closeOnContentClick: boolean;
     locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
         updateLocation: (e: Event) => void;
     } | undefined);
     scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
+    activatorProps: Record<string, any>;
+    openOnHover: boolean;
+    closeOnContentClick: boolean;
     closeOnBack: boolean;
     contained: boolean;
     noClickAnimation: boolean;
@@ -537,43 +508,33 @@ declare const VBottomSheet: {
     attach?: string | boolean | Element | undefined;
 } & {
     $children?: vue.VNodeChild | {
-        default?: ((args_0: {
+        default?: ((arg: {
             isActive: vue.Ref<boolean>;
         }) => vue.VNodeChild) | undefined;
-        activator?: ((args_0: {
+        activator?: ((arg: {
             isActive: boolean;
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
-    } | ((args_0: {
+    } | ((arg: {
         isActive: vue.Ref<boolean>;
     }) => vue.VNodeChild);
     'v-slots'?: {
-        default?: false | ((args_0: {
+        default?: false | ((arg: {
             isActive: vue.Ref<boolean>;
         }) => vue.VNodeChild) | undefined;
-        activator?: false | ((args_0: {
+        activator?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | ((args_0: {
+    "v-slot:default"?: false | ((arg: {
         isActive: vue.Ref<boolean>;
     }) => vue.VNodeChild) | undefined;
-    "v-slot:activator"?: false | ((args_0: {
+    "v-slot:activator"?: false | ((arg: {
         isActive: boolean;
         props: Record<string, any>;
     }) => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: ((args_0: {
-            isActive: vue.Ref<boolean>;
-        }) => vue.VNodeChild) | undefined;
-        activator?: ((args_0: {
-            isActive: boolean;
-            props: Record<string, any>;
-        }) => vue.VNodeChild) | undefined;
-    } | undefined;
 } & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -594,15 +555,15 @@ declare const VBottomSheet: {
     disabled: boolean;
     contentClass: any;
     modelValue: boolean;
+    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
+        updateLocation: (e: Event) => void;
+    } | undefined);
+    scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
     activatorProps: Record<string, any>;
     openOnClick: boolean;
     openOnHover: boolean;
     openOnFocus: boolean;
     closeOnContentClick: boolean;
-    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
-        updateLocation: (e: Event) => void;
-    } | undefined);
-    scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
     closeOnBack: boolean;
     contained: boolean;
     noClickAnimation: boolean;
@@ -612,12 +573,12 @@ declare const VBottomSheet: {
     retainFocus: boolean;
     scrollable: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    default: (args_0: {
+    default: (arg: {
         isActive: vue.Ref<boolean>;
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    activator: (args_0: {
+    activator: (arg: {
         isActive: boolean;
         props: Record<string, any>;
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {

package/lib/labs/VDataIterator/VDataIterator.mjs

@@ -1,23 +1,23 @@
 import { createVNode as _createVNode } from "vue";
 // Composables
-import { makeDataIteratorItemProps, useDataIteratorItems } from "./composables/items.mjs";
+import { makeDataIteratorItemsProps, useDataIteratorItems } from "./composables/items.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
 import { makeFilterProps, useFilter } from "../../composables/filter.mjs";
-import { makeTagProps } from "../../composables/tag.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs";
-import { createPagination, makeDataTablePaginateProps, providePagination, usePaginatedItems } from "../VDataTable/composables/paginate.mjs";
-import { createSort, makeDataTableSortProps, provideSort, useSortedItems } from "../VDataTable/composables/sort.mjs";
+import { makeTagProps } from "../../composables/tag.mjs";
 import { makeDataTableExpandProps, provideExpanded } from "../VDataTable/composables/expand.mjs";
 import { makeDataTableGroupProps, provideGroupBy, useGroupedItems } from "../VDataTable/composables/group.mjs";
+import { useOptions } from "../VDataTable/composables/options.mjs";
+import { createPagination, makeDataTablePaginateProps, providePagination, usePaginatedItems } from "../VDataTable/composables/paginate.mjs";
 import { makeDataTableSelectProps, provideSelection } from "../VDataTable/composables/select.mjs";
-import { useOptions } from "../VDataTable/composables/options.mjs"; // Utilities
+import { createSort, makeDataTableSortProps, provideSort, useSortedItems } from "../VDataTable/composables/sort.mjs"; // Utilities
 import { computed, toRef } from 'vue';
 import { genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
 export const makeVDataIteratorProps = propsFactory({
   search: String,
   loading: Boolean,
   ...makeComponentProps(),
-  ...makeDataIteratorItemProps(),
+  ...makeDataIteratorItemsProps(),
   ...makeDataTableSelectProps(),
   ...makeDataTableSortProps(),
   ...makeDataTablePaginateProps({
@@ -27,7 +27,7 @@ export const makeVDataIteratorProps = propsFactory({
   ...makeDataTableGroupProps(),
   ...makeFilterProps(),
   ...makeTagProps()
-}, 'v-data-iterator');
+}, 'VDataIterator');
 export const VDataIterator = genericComponent()({
   name: 'VDataIterator',
   props: makeVDataIteratorProps(),
@@ -115,7 +115,10 @@ export const VDataIterator = genericComponent()({
       select,
       selectAll,
       toggleSelect
-    } = provideSelection(props, paginatedItemsWithoutGroups);
+    } = provideSelection(props, {
+      allItems: items,
+      currentPage: paginatedItemsWithoutGroups
+    });
     const {
       isExpanded,
       toggleExpand
@@ -145,8 +148,8 @@ export const VDataIterator = genericComponent()({
       toggleExpand,
       isGroupOpen,
       toggleGroup,
-      items: paginatedItems.value,
-      groupedItems: flatItems.value
+      items: paginatedItemsWithoutGroups.value,
+      groupedItems: paginatedItems.value
     }));
     useRender(() => _createVNode(props.tag, {
       "class": ['v-data-iterator', props.class],