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

package/dist/vuetify-labs.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.
 */
@@ -5939,6 +5939,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'];
@@ -5978,6 +6003,7 @@ const makeVAlertProps = propsFactory({
   ...makeDensityProps(),
   ...makeDimensionProps(),
   ...makeElevationProps(),
+  ...makeIconSizeProps(),
   ...makeLocationProps(),
   ...makePositionProps(),
   ...makeRoundedProps(),
@@ -6005,6 +6031,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);
@@ -6052,6 +6081,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,
@@ -6069,19 +6103,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", {
@@ -29703,11 +29732,6 @@ const makeVIconBtnProps = propsFactory({
   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,
@@ -29727,6 +29751,7 @@ const makeVIconBtnProps = propsFactory({
   ...makeBorderProps(),
   ...makeComponentProps(),
   ...makeElevationProps(),
+  ...makeIconSizeProps(),
   ...makeRoundedProps(),
   ...makeTagProps({
     tag: 'button'
@@ -29781,7 +29806,6 @@ const VIconBtn = genericComponent()({
       })()
     }));
     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;
@@ -29793,12 +29817,12 @@ const VIconBtn = genericComponent()({
       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
       };
@@ -29841,7 +29865,7 @@ const VIconBtn = genericComponent()({
           "color": typeof props.loading === 'boolean' ? undefined : props.loading,
           "indeterminate": "disable-shrink",
           "width": "2",
-          "size": iconSize
+          "size": iconSize.value
         }, null)])]
       });
     });
@@ -31750,7 +31774,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
@@ -32048,7 +32072,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* 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 */