@vuetify/nightly 3.11.8-dev.2026-02-01 → 3.11.8-dev.2026-02-07

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.11.8-dev.2026-02-01
+* Vuetify v3.11.8-dev.2026-02-07
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -36185,6 +36185,88 @@ const VValidation = genericComponent()({
 
 // Types
 
+const makeVAvatarGroupProps = propsFactory({
+  border: [Boolean, Number, String],
+  gap: [Number, String],
+  hoverable: Boolean,
+  items: {
+    type: Array,
+    default: () => []
+  },
+  itemProps: {
+    type: [Boolean, String, Array, Function],
+    default: null
+  },
+  limit: Number,
+  overflowText: String,
+  reverse: Boolean,
+  size: [Number, String],
+  vertical: Boolean,
+  ...makeComponentProps(),
+  ...makeTagProps()
+}, 'VAvatarGroup');
+const VAvatarGroup = genericComponent()({
+  name: 'VAvatarGroup',
+  props: makeVAvatarGroupProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const items = computed(() => {
+      const visibleItems = props.limit ? props.items.slice(0, props.limit) : props.items;
+      const orderedItems = props.reverse ? visibleItems.toReversed() : visibleItems;
+      return orderedItems.map(item => {
+        const avatarProps = props.itemProps === true ? isObject(item) ? item : {
+          image: item
+        } : getPropertyFromItem(item, props.itemProps, item);
+        if (avatarProps != null) return avatarProps;
+        if (!isObject(item)) return {
+          image: item
+        };
+        return item;
+      });
+    });
+    const overflow = computed(() => props.limit ? Math.max(props.items.length - props.limit, 0) : 0);
+    const overflowText = computed(() => props.overflowText ?? (overflow.value ? `+${overflow.value}` : ''));
+    const overflowItem = () => slots.overflow?.({
+      overflow: overflow.value
+    }) ?? createVNode(VAvatar, {
+      "class": "v-avatar-group__overflow",
+      "text": overflowText.value
+    }, null);
+    useRender(() => createVNode(props.tag, {
+      "class": normalizeClass(['v-avatar-group', `v-avatar-group--${props.vertical ? 'vertical' : 'horizontal'}`, {
+        'v-avatar-group--hoverable': props.hoverable,
+        'v-avatar-group--reverse': props.reverse
+      }, props.class]),
+      "style": normalizeStyle([{
+        '--v-avatar-group-gap': convertToUnit(props.gap)
+      }, props.style])
+    }, {
+      default: () => [slots.prepend?.(), createElementVNode("div", {
+        "class": "v-avatar-group__content"
+      }, [createVNode(VDefaultsProvider, {
+        "defaults": {
+          VAvatar: {
+            size: props.size,
+            border: props.border
+          }
+        }
+      }, {
+        default: () => [slots.default?.() ?? createElementVNode(Fragment, null, [props.reverse && overflowText.value && overflowItem(), items.value.map((item, index) => slots.item?.({
+          props: item,
+          index
+        }) ?? createVNode(VAvatar, mergeProps({
+          "key": index
+        }, item), null)), !props.reverse && overflowText.value && overflowItem()])]
+      })]), slots.append?.()]
+    }));
+    return {};
+  }
+});
+
+// Types
+
 const availablePipLocations = ['prepend', 'prepend-inner', 'append', 'append-inner'];
 const makeVColorInputProps = propsFactory({
   hidePip: Boolean,
@@ -39441,6 +39523,7 @@ var components = /*#__PURE__*/Object.freeze({
   VAppBarTitle: VAppBarTitle,
   VAutocomplete: VAutocomplete,
   VAvatar: VAvatar,
+  VAvatarGroup: VAvatarGroup,
   VBadge: VBadge,
   VBanner: VBanner,
   VBannerActions: VBannerActions,
@@ -39942,7 +40025,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.11.8-dev.2026-02-01";
+const version$1 = "3.11.8-dev.2026-02-07";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -40245,7 +40328,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.11.8-dev.2026-02-01";
+const version = "3.11.8-dev.2026-02-07";
 
 /* eslint-disable local-rules/sort-imports */