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

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.4-dev.2025-05-07
+* Vuetify v3.8.4-dev.2025-05-13
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -6217,6 +6217,31 @@ const VAppBarTitle = genericComponent()({
 // Utilities
 const VAlertTitle = createSimpleFunctional('v-alert-title');
 
+// Utilities
+
+// Types
+
+// Types
+
+// Composables
+const makeIconSizeProps = propsFactory({
+  iconSize: [Number, String],
+  iconSizes: {
+    type: Array,
+    default: () => [['x-small', 10], ['small', 16], ['default', 24], ['large', 28], ['x-large', 32]]
+  }
+}, 'iconSize');
+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
+  };
+}
+
 // Types
 
 const allowedTypes = ['success', 'info', 'warning', 'error'];
@@ -6256,6 +6281,7 @@ const makeVAlertProps = propsFactory({
   ...makeDensityProps(),
   ...makeDimensionProps(),
   ...makeElevationProps(),
+  ...makeIconSizeProps(),
   ...makeLocationProps(),
   ...makePositionProps(),
   ...makeRoundedProps(),
@@ -6283,6 +6309,9 @@ const VAlert = genericComponent()({
       if (!props.type) return props.icon;
       return props.icon ?? `$${props.type}`;
     });
+    const {
+      iconSize
+    } = useIconSizes(props, () => props.prominent ? 44 : 28);
     const {
       themeClasses
     } = provideTheme(props);
@@ -6330,6 +6359,11 @@ const VAlert = genericComponent()({
       const hasPrepend = !!(slots.prepend || icon.value);
       const hasTitle = !!(slots.title || props.title);
       const hasClose = !!(slots.close || props.closable);
+      const iconProps = {
+        density: props.density,
+        icon: icon.value,
+        size: iconSize.value
+      };
       return isActive.value && createVNode(props.tag, {
         "class": ['v-alert', props.border && {
           'v-alert--border': !!props.border,
@@ -6347,19 +6381,14 @@ const VAlert = genericComponent()({
         }, null), hasPrepend && createVNode("div", {
           "key": "prepend",
           "class": "v-alert__prepend"
-        }, [!slots.prepend ? createVNode(VIcon, {
-          "key": "prepend-icon",
-          "density": props.density,
-          "icon": icon.value,
-          "size": props.prominent ? 44 : 28
-        }, null) : createVNode(VDefaultsProvider, {
+        }, [!slots.prepend ? createVNode(VIcon, mergeProps({
+          "key": "prepend-icon"
+        }, iconProps), null) : createVNode(VDefaultsProvider, {
           "key": "prepend-defaults",
           "disabled": !icon.value,
           "defaults": {
             VIcon: {
-              density: props.density,
-              icon: icon.value,
-              size: props.prominent ? 44 : 28
+              ...iconProps
             }
           }
         }, slots.prepend)]), createVNode("div", {
@@ -29318,7 +29347,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.4-dev.2025-05-07";
+const version$1 = "3.8.4-dev.2025-05-13";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29343,7 +29372,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.4-dev.2025-05-07";
+const version = "3.8.4-dev.2025-05-13";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };