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

package/dist/vuetify-labs.cjs

@@ -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.
 */
@@ -5943,6 +5943,31 @@
   // 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 = vue.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'];
@@ -5982,6 +6007,7 @@
     ...makeDensityProps(),
     ...makeDimensionProps(),
     ...makeElevationProps(),
+    ...makeIconSizeProps(),
     ...makeLocationProps(),
     ...makePositionProps(),
     ...makeRoundedProps(),
@@ -6009,6 +6035,9 @@
         if (!props.type) return props.icon;
         return props.icon ?? `$${props.type}`;
       });
+      const {
+        iconSize
+      } = useIconSizes(props, () => props.prominent ? 44 : 28);
       const {
         themeClasses
       } = provideTheme(props);
@@ -6056,6 +6085,11 @@
         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 && vue.createVNode(props.tag, {
           "class": ['v-alert', props.border && {
             'v-alert--border': !!props.border,
@@ -6073,19 +6107,14 @@
           }, null), hasPrepend && vue.createVNode("div", {
             "key": "prepend",
             "class": "v-alert__prepend"
-          }, [!slots.prepend ? vue.createVNode(VIcon, {
-            "key": "prepend-icon",
-            "density": props.density,
-            "icon": icon.value,
-            "size": props.prominent ? 44 : 28
-          }, null) : vue.createVNode(VDefaultsProvider, {
+          }, [!slots.prepend ? vue.createVNode(VIcon, vue.mergeProps({
+            "key": "prepend-icon"
+          }, iconProps), null) : vue.createVNode(VDefaultsProvider, {
             "key": "prepend-defaults",
             "disabled": !icon.value,
             "defaults": {
               VIcon: {
-                density: props.density,
-                icon: icon.value,
-                size: props.prominent ? 44 : 28
+                ...iconProps
               }
             }
           }, slots.prepend)]), vue.createVNode("div", {
@@ -29707,11 +29736,6 @@
     hideOverlay: Boolean,
     icon: [String, Function, Object],
     iconColor: String,
-    iconSize: [Number, String],
-    iconSizes: {
-      type: Array,
-      default: () => [['x-small', 10], ['small', 16], ['default', 24], ['large', 28], ['x-large', 32]]
-    },
     loading: Boolean,
     opacity: [Number, String],
     readonly: Boolean,
@@ -29731,6 +29755,7 @@
     ...makeBorderProps(),
     ...makeComponentProps(),
     ...makeElevationProps(),
+    ...makeIconSizeProps(),
     ...makeRoundedProps(),
     ...makeTagProps({
       tag: 'button'
@@ -29785,7 +29810,6 @@
         })()
       }));
       const btnSizeMap = new Map(props.sizes);
-      const iconSizeMap = new Map(props.iconSizes);
       function onClick() {
         if (props.disabled || props.readonly || isActive.value === undefined || props.tag === 'a' && attrs.href) return;
         isActive.value = !isActive.value;
@@ -29797,12 +29821,12 @@
         const btnSize = hasNamedSize ? btnSizeMap.get(_btnSize) : _btnSize;
         const btnHeight = props.height ?? btnSize;
         const btnWidth = props.width ?? btnSize;
-        const _iconSize = props.iconSize;
-        const hasNamedIconSize = iconSizeMap.has(_iconSize);
-        const iconSize = !_iconSize ? hasNamedSize ? iconSizeMap.get(_btnSize) : iconSizeMap.get('default') : hasNamedIconSize ? iconSizeMap.get(_iconSize) : _iconSize;
+        const {
+          iconSize
+        } = useIconSizes(props, () => new Map(props.iconSizes).get(_btnSize));
         const iconProps = {
           icon,
-          size: iconSize,
+          size: iconSize.value,
           iconColor: props.iconColor,
           opacity: props.opacity
         };
@@ -29845,7 +29869,7 @@
             "color": typeof props.loading === 'boolean' ? undefined : props.loading,
             "indeterminate": "disable-shrink",
             "width": "2",
-            "size": iconSize
+            "size": iconSize.value
           }, null)])]
         });
       });
@@ -31754,7 +31778,7 @@
       };
     });
   }
-  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
@@ -32052,7 +32076,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.8.4-dev.2025-05-07";
+  const version = "3.8.4-dev.2025-05-13";
 
   /* eslint-disable local-rules/sort-imports */