@vuetify/nightly 3.8.4-dev.2025-05-07 → 3.8.4-dev.2025-05-13

package/lib/composables/iconSizes.d.ts

@@ -0,0 +1,28 @@
+import type { ComputedGetter, PropType } from 'vue';
+import type { VIconBtnSizes } from "../labs/VIconBtn/VIconBtn.js";
+export interface IconSizeProps {
+    iconSize?: VIconBtnSizes | number | string;
+    iconSizes: [VIconBtnSizes, number][];
+}
+export declare const makeIconSizeProps: <Defaults extends {
+    iconSize?: unknown;
+    iconSizes?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    iconSize: unknown extends Defaults["iconSize"] ? PropType<string | number> : {
+        type: PropType<unknown extends Defaults["iconSize"] ? string | number : string | number | Defaults["iconSize"]>;
+        default: unknown extends Defaults["iconSize"] ? string | number : NonNullable<string | number> | Defaults["iconSize"];
+    };
+    iconSizes: unknown extends Defaults["iconSizes"] ? {
+        type: PropType<[VIconBtnSizes, number][]>;
+        default: () => (string | number)[][];
+    } : Omit<{
+        type: PropType<[VIconBtnSizes, number][]>;
+        default: () => (string | number)[][];
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["iconSizes"] ? [VIconBtnSizes, number][] : [VIconBtnSizes, number][] | Defaults["iconSizes"]>;
+        default: unknown extends Defaults["iconSizes"] ? [VIconBtnSizes, number][] : [VIconBtnSizes, number][] | Defaults["iconSizes"];
+    };
+};
+export declare function useIconSizes(props: IconSizeProps, fallback: ComputedGetter<VIconBtnSizes | number | string | undefined>): {
+    iconSize: import("vue").ComputedRef<number | VIconBtnSizes | undefined>;
+};

package/lib/composables/iconSizes.js

@@ -0,0 +1,23 @@
+// Utilities
+import { computed } from 'vue';
+import { propsFactory } from "../util/index.js"; // Types
+// Types
+// Composables
+export const makeIconSizeProps = propsFactory({
+  iconSize: [Number, String],
+  iconSizes: {
+    type: Array,
+    default: () => [['x-small', 10], ['small', 16], ['default', 24], ['large', 28], ['x-large', 32]]
+  }
+}, 'iconSize');
+export function useIconSizes(props, fallback) {
+  const iconSize = computed(() => {
+    const iconSizeMap = new Map(props.iconSizes);
+    const _iconSize = props.iconSize ?? fallback() ?? 'default';
+    return iconSizeMap.has(_iconSize) ? iconSizeMap.get(_iconSize) : _iconSize;
+  });
+  return {
+    iconSize
+  };
+}
+//# sourceMappingURL=iconSizes.js.map

package/lib/composables/iconSizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconSizes.js","names":["computed","propsFactory","makeIconSizeProps","iconSize","Number","String","iconSizes","type","Array","default","useIconSizes","props","fallback","iconSizeMap","Map","_iconSize","has","get"],"sources":["../../src/composables/iconSizes.ts"],"sourcesContent":["// Utilities\nimport { computed } from 'vue'\nimport { propsFactory } from '@/util'\n\n// Types\nimport type { ComputedGetter, PropType } from 'vue'\nimport type { VIconBtnSizes } from '@/labs/VIconBtn/VIconBtn'\n\n// Types\nexport interface IconSizeProps {\n  iconSize?: VIconBtnSizes | number | string\n  iconSizes: [VIconBtnSizes, number][]\n}\n\n// Composables\nexport const makeIconSizeProps = propsFactory({\n  iconSize: [Number, String] as PropType<VIconBtnSizes | number | string>,\n  iconSizes: {\n    type: Array as PropType<[VIconBtnSizes, number][]>,\n    default: () => ([\n      ['x-small', 10],\n      ['small', 16],\n      ['default', 24],\n      ['large', 28],\n      ['x-large', 32],\n    ]),\n  },\n}, 'iconSize')\n\nexport function useIconSizes (props: IconSizeProps, fallback: ComputedGetter<VIconBtnSizes | number | string | undefined>) {\n  const iconSize = computed(() => {\n    const iconSizeMap = new Map(props.iconSizes)\n    const _iconSize = props.iconSize as VIconBtnSizes ?? fallback() ?? 'default'\n    return iconSizeMap.has(_iconSize)\n      ? iconSizeMap.get(_iconSize)\n      : _iconSize\n  })\n\n  return { iconSize }\n}\n"],"mappings":"AAAA;AACA,SAASA,QAAQ,QAAQ,KAAK;AAAA,SACrBC,YAAY,4BAErB;AAIA;AAMA;AACA,OAAO,MAAMC,iBAAiB,GAAGD,YAAY,CAAC;EAC5CE,QAAQ,EAAE,CAACC,MAAM,EAAEC,MAAM,CAA8C;EACvEC,SAAS,EAAE;IACTC,IAAI,EAAEC,KAA4C;IAClDC,OAAO,EAAEA,CAAA,KAAO,CACd,CAAC,SAAS,EAAE,EAAE,CAAC,EACf,CAAC,OAAO,EAAE,EAAE,CAAC,EACb,CAAC,SAAS,EAAE,EAAE,CAAC,EACf,CAAC,OAAO,EAAE,EAAE,CAAC,EACb,CAAC,SAAS,EAAE,EAAE,CAAC;EAEnB;AACF,CAAC,EAAE,UAAU,CAAC;AAEd,OAAO,SAASC,YAAYA,CAAEC,KAAoB,EAAEC,QAAqE,EAAE;EACzH,MAAMT,QAAQ,GAAGH,QAAQ,CAAC,MAAM;IAC9B,MAAMa,WAAW,GAAG,IAAIC,GAAG,CAACH,KAAK,CAACL,SAAS,CAAC;IAC5C,MAAMS,SAAS,GAAGJ,KAAK,CAACR,QAAQ,IAAqBS,QAAQ,CAAC,CAAC,IAAI,SAAS;IAC5E,OAAOC,WAAW,CAACG,GAAG,CAACD,SAAS,CAAC,GAC7BF,WAAW,CAACI,GAAG,CAACF,SAAS,CAAC,GAC1BA,SAAS;EACf,CAAC,CAAC;EAEF,OAAO;IAAEZ;EAAS,CAAC;AACrB","ignoreList":[]}

package/lib/entry-bundler.js

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

package/lib/framework.d.ts

@@ -2542,39 +2542,41 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: typeof import('vuetify/components')['VApp']
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VAvatar: typeof import('vuetify/components')['VAvatar']
-    VBadge: typeof import('vuetify/components')['VBadge']
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
+    VAppBar: typeof import('vuetify/components')['VAppBar']
+    VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
+    VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
+    VApp: typeof import('vuetify/components')['VApp']
     VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
+    VBtn: typeof import('vuetify/components')['VBtn']
+    VAlert: typeof import('vuetify/components')['VAlert']
+    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
     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']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VChip: typeof import('vuetify/components')['VChip']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VCarousel: typeof import('vuetify/components')['VCarousel']
     VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
-    VCode: typeof import('vuetify/components')['VCode']
-    VColorPicker: typeof import('vuetify/components')['VColorPicker']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
     VCounter: typeof import('vuetify/components')['VCounter']
+    VCode: typeof import('vuetify/components')['VCode']
     VDataTable: typeof import('vuetify/components')['VDataTable']
     VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
     VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
@@ -2582,38 +2584,37 @@ declare module 'vue' {
     VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
+    VDialog: typeof import('vuetify/components')['VDialog']
+    VEmptyState: typeof import('vuetify/components')['VEmptyState']
     VDatePicker: typeof import('vuetify/components')['VDatePicker']
     VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
     VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
     VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
     VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
     VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
-    VDialog: typeof import('vuetify/components')['VDialog']
-    VEmptyState: typeof import('vuetify/components')['VEmptyState']
-    VFileInput: typeof import('vuetify/components')['VFileInput']
-    VDivider: typeof import('vuetify/components')['VDivider']
-    VFab: typeof import('vuetify/components')['VFab']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VFooter: typeof import('vuetify/components')['VFooter']
+    VFab: typeof import('vuetify/components')['VFab']
+    VDivider: typeof import('vuetify/components')['VDivider']
+    VFileInput: typeof import('vuetify/components')['VFileInput']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
+    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']
+    VFooter: typeof import('vuetify/components')['VFooter']
     VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VKbd: typeof import('vuetify/components')['VKbd']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VKbd: typeof import('vuetify/components')['VKbd']
-    VAppBar: typeof import('vuetify/components')['VAppBar']
-    VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
-    VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
     VInput: typeof import('vuetify/components')['VInput']
-    VLabel: typeof import('vuetify/components')['VLabel']
+    VMessages: typeof import('vuetify/components')['VMessages']
+    VMain: typeof import('vuetify/components')['VMain']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -2623,26 +2624,25 @@ declare module 'vue' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
-    VMain: typeof import('vuetify/components')['VMain']
-    VMessages: typeof import('vuetify/components')['VMessages']
-    VOtpInput: typeof import('vuetify/components')['VOtpInput']
     VMenu: typeof import('vuetify/components')['VMenu']
-    VNumberInput: typeof import('vuetify/components')['VNumberInput']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
     VOverlay: typeof import('vuetify/components')['VOverlay']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VPagination: typeof import('vuetify/components')['VPagination']
+    VNumberInput: typeof import('vuetify/components')['VNumberInput']
+    VOtpInput: typeof import('vuetify/components')['VOtpInput']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
+    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
-    VRating: typeof import('vuetify/components')['VRating']
     VSelect: typeof import('vuetify/components')['VSelect']
-    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
-    VSheet: typeof import('vuetify/components')['VSheet']
-    VSlider: typeof import('vuetify/components')['VSlider']
+    VRating: typeof import('vuetify/components')['VRating']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
-    VSnackbar: typeof import('vuetify/components')['VSnackbar']
-    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
+    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
+    VSheet: typeof import('vuetify/components')['VSheet']
+    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']
@@ -2651,42 +2651,43 @@ declare module 'vue' {
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
     VSwitch: typeof import('vuetify/components')['VSwitch']
     VSystemBar: typeof import('vuetify/components')['VSystemBar']
+    VTable: typeof import('vuetify/components')['VTable']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
-    VTable: typeof import('vuetify/components')['VTable']
     VTextarea: typeof import('vuetify/components')['VTextarea']
-    VToolbar: typeof import('vuetify/components')['VToolbar']
-    VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
-    VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
     VTextField: typeof import('vuetify/components')['VTextField']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
+    VLabel: typeof import('vuetify/components')['VLabel']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
+    VToolbar: typeof import('vuetify/components')['VToolbar']
+    VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
+    VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
-    VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
+    VDataIterator: typeof import('vuetify/components')['VDataIterator']
+    VForm: typeof import('vuetify/components')['VForm']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
-    VForm: typeof import('vuetify/components')['VForm']
     VHover: typeof import('vuetify/components')['VHover']
+    VLazy: typeof import('vuetify/components')['VLazy']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
-    VLazy: typeof import('vuetify/components')['VLazy']
-    VParallax: typeof import('vuetify/components')['VParallax']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
-    VRadio: typeof import('vuetify/components')['VRadio']
-    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
+    VParallax: typeof import('vuetify/components')['VParallax']
     VResponsive: typeof import('vuetify/components')['VResponsive']
-    VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
+    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
+    VRadio: typeof import('vuetify/components')['VRadio']
     VSparkline: typeof import('vuetify/components')['VSparkline']
-    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
+    VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
@@ -2705,26 +2706,25 @@ declare module 'vue' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VImg: typeof import('vuetify/components')['VImg']
+    VBadge: typeof import('vuetify/components')['VBadge']
     VValidation: typeof import('vuetify/components')['VValidation']
-    VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
-    VCalendar: typeof import('vuetify/labs/components')['VCalendar']
-    VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
-    VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
-    VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
-    VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
-    VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
     VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
+    VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
+    VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
     VPicker: typeof import('vuetify/labs/components')['VPicker']
     VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
+    VCalendar: typeof import('vuetify/labs/components')['VCalendar']
+    VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
+    VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
+    VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
+    VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
+    VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
     VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
     VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
     VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
-    VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
-    VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
     VTreeview: typeof import('vuetify/labs/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']

package/lib/framework.js

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