@expcat/tigercat-vue 1.2.0 → 1.2.16

package/dist/{chunk-ZED7TU62.js → chunk-2DC3BMED.js}

@@ -10,6 +10,7 @@ var _vue = require('vue');
 var _tigercatcore = require('@expcat/tigercat-core');
 var Link = _vue.defineComponent.call(void 0, {
   name: "TigerLink",
+  inheritAttrs: false,
   props: {
     /** @default 'primary' */
     variant: {

package/dist/{chunk-DIQGHFAT.mjs → chunk-3AF4VRCD.mjs}

@@ -1,6 +1,10 @@
 // src/components/Switch.ts
 import { defineComponent, computed, h } from "vue";
-import { getSwitchClasses, getSwitchThumbClasses } from "@expcat/tigercat-core";
+import {
+  getSwitchClasses,
+  getSwitchThumbClasses,
+  mergeStyleValues
+} from "@expcat/tigercat-core";
 var Switch = defineComponent({
   name: "TigerSwitch",
   inheritAttrs: false,
@@ -73,7 +77,7 @@ var Switch = defineComponent({
         "aria-checked": props.checked,
         "aria-disabled": props.disabled ? "true" : void 0,
         class: switchClasses.value,
-        style: props.style,
+        style: mergeStyleValues(attrs.style, props.style),
         disabled: props.disabled,
         tabindex: props.disabled ? -1 : attrs.tabindex,
         onClick: emitChange,

package/dist/{chunk-4YHOD7LT.mjs → chunk-3MO7A4GU.mjs}

@@ -10,6 +10,7 @@ import {
 } from "@expcat/tigercat-core";
 var Link = defineComponent({
   name: "TigerLink",
+  inheritAttrs: false,
   props: {
     /** @default 'primary' */
     variant: {

package/dist/{chunk-FIV4PKWT.js → chunk-3NRRNQYJ.js}

@@ -10,13 +10,15 @@ var _tigercatcore = require('@expcat/tigercat-core');
 
 var QRCode = _vue.defineComponent.call(void 0, {
   name: "TigerQRCode",
+  inheritAttrs: false,
   props: {
     value: { type: String, required: true },
     size: { type: Number, default: 128 },
     color: { type: String, default: "#000000" },
     bgColor: { type: String, default: "#ffffff" },
     level: { type: String, default: "M" },
-    status: { type: String, default: "active" }
+    status: { type: String, default: "active" },
+    className: { type: String, default: void 0 }
   },
   emits: ["refresh"],
   setup(props, { emit, attrs }) {
@@ -26,7 +28,12 @@ var QRCode = _vue.defineComponent.call(void 0, {
       return props.size / mLen;
     });
     return () => {
-      const containerClass = _tigercatcore.classNames.call(void 0, _tigercatcore.qrcodeContainerClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class));
+      const attrsRecord = attrs;
+      const containerClass = _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.qrcodeContainerClasses,
+        props.className,
+        _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class)
+      );
       const mSize = moduleSize.value;
       const modules = matrix.value;
       const rects = modules.flatMap(
@@ -79,8 +86,12 @@ var QRCode = _vue.defineComponent.call(void 0, {
       return _vue.h.call(void 0, 
         "div",
         {
+          ...attrs,
           class: containerClass,
-          style: { width: `${props.size}px`, height: `${props.size}px` }
+          style: _tigercatcore.mergeStyleValues.call(void 0, attrsRecord.style, {
+            width: `${props.size}px`,
+            height: `${props.size}px`
+          })
         },
         children
       );

package/dist/{chunk-5436FG3B.js → chunk-4VLNT2ED.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Button.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunk7ADONGSBjs = require('./chunk-7ADONGSB.js');
+
+// src/components/Button.ts
 var _vue = require('vue');
 
 
@@ -39,12 +43,11 @@ var Button = _vue.defineComponent.call(void 0, {
       default: "primary"
     },
     /**
-     * Button size
-     * @default 'md'
+     * Button size. Falls back to the enclosing ButtonGroup size, then 'md'.
      */
     size: {
       type: String,
-      default: "md"
+      default: void 0
     },
     /**
      * Whether the button is disabled
@@ -89,12 +92,14 @@ var Button = _vue.defineComponent.call(void 0, {
   },
   emits: ["click"],
   setup(props, { slots, emit, attrs }) {
+    const group = _vue.inject.call(void 0, _chunk7ADONGSBjs.BUTTON_GROUP_INJECTION_KEY, null);
+    const resolvedSize = _vue.computed.call(void 0, () => _nullishCoalesce(_nullishCoalesce(props.size, () => ( _optionalChain([group, 'optionalAccess', _ => _.size]))), () => ( "md")));
     const buttonClasses = _vue.computed.call(void 0, () => {
       const variantClasses = props.danger ? _nullishCoalesce(_tigercatcore.buttonDangerClasses[props.variant], () => ( _tigercatcore.buttonDangerClasses.primary)) : _tigercatcore.getButtonVariantClasses.call(void 0, props.variant);
       return _tigercatcore.composeComponentClasses.call(void 0, 
         _tigercatcore.buttonBaseClasses,
         variantClasses,
-        _tigercatcore.buttonSizeClasses[props.size],
+        _tigercatcore.buttonSizeClasses[resolvedSize.value],
         (props.disabled || props.loading) && _tigercatcore.buttonDisabledClasses,
         props.block && "w-full",
         props.className,
@@ -123,7 +128,7 @@ var Button = _vue.defineComponent.call(void 0, {
           type: props.htmlType,
           onClick: isDisabled ? void 0 : (event) => emit("click", event)
         },
-        [loadingNode, iconNode, _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])]
+        [loadingNode, iconNode, _optionalChain([slots, 'access', _2 => _2.default, 'optionalCall', _3 => _3()])]
       );
     };
   }

package/dist/{chunk-DDNRF5U7.mjs → chunk-4Z4XMXCO.mjs}

@@ -1,6 +1,6 @@
 import {
   Button
-} from "./chunk-UM5GGKIX.mjs";
+} from "./chunk-PO5GVU4Q.mjs";
 import {
   renderVueBodyTeleport,
   useVueBodyScrollLock,

package/dist/{chunk-BEIZXMHW.js → chunk-6CSTMVB2.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk5436FG3Bjs = require('./chunk-5436FG3B.js');
+var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
 
 
 
@@ -389,7 +389,7 @@ var Modal = _vue.defineComponent.call(void 0, {
         slots.footer({ ok: handleOk, cancel: handleClose })
       ) : props.showDefaultFooter ? _vue.h.call(void 0, "div", { class: _tigercatcore.modalFooterClasses, "data-tiger-modal-footer": "" }, [
         _vue.h.call(void 0, 
-          _chunk5436FG3Bjs.Button,
+          _chunk4VLNT2EDjs.Button,
           { variant: "secondary", onClick: handleClose },
           {
             default: () => _tigercatcore.resolveLocaleText.call(void 0, 
@@ -401,7 +401,7 @@ var Modal = _vue.defineComponent.call(void 0, {
           }
         ),
         _vue.h.call(void 0, 
-          _chunk5436FG3Bjs.Button,
+          _chunk4VLNT2EDjs.Button,
           { onClick: handleOk },
           {
             default: () => _tigercatcore.resolveLocaleText.call(void 0, 

package/dist/{chunk-SCRSO3ES.mjs → chunk-ATRF7NPJ.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-2WJADO6O.mjs";
 import {
   Button
-} from "./chunk-UM5GGKIX.mjs";
+} from "./chunk-PO5GVU4Q.mjs";
 
 // src/components/DataTableWithToolbar.ts
 import {

package/dist/{chunk-4DWOTV7J.js → chunk-CBZIVUCJ.js}

@@ -9,10 +9,10 @@ var _chunkBYNMOQBBjs = require('./chunk-BYNMOQBB.js');
 var _chunk6FXYRDYHjs = require('./chunk-6FXYRDYH.js');
 
 
-var _chunk5436FG3Bjs = require('./chunk-5436FG3B.js');
+var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
 
 
-var _chunkWPIDP6IGjs = require('./chunk-WPIDP6IG.js');
+var _chunkZ6HBM73Wjs = require('./chunk-Z6HBM73W.js');
 
 // src/components/ChatWindow.ts
 var _vue = require('vue');
@@ -227,7 +227,7 @@ var ChatWindow = _vue.defineComponent.call(void 0, {
           key: _nullishCoalesce(message.id, () => ( index))
         },
         [
-          props.showAvatar && message.user ? _vue.h.call(void 0, _chunkWPIDP6IGjs.Avatar, {
+          props.showAvatar && message.user ? _vue.h.call(void 0, _chunkZ6HBM73Wjs.Avatar, {
             size: "sm",
             src: message.user.avatar,
             text: message.user.name,
@@ -347,7 +347,7 @@ var ChatWindow = _vue.defineComponent.call(void 0, {
           [
             _vue.h.call(void 0, "div", { class: "flex-1" }, [renderInput()]),
             _vue.h.call(void 0, 
-              _chunk5436FG3Bjs.Button,
+              _chunk4VLNT2EDjs.Button,
               {
                 disabled: !canSend.value,
                 onClick: handleSend,

package/dist/{chunk-QRAV345L.js → chunk-CTAQ5WEN.js}

@@ -14,6 +14,7 @@ var _vue = require('vue');
 var _tigercatcore = require('@expcat/tigercat-core');
 var Statistic = _vue.defineComponent.call(void 0, {
   name: "TigerStatistic",
+  inheritAttrs: false,
   props: {
     title: { type: String, default: void 0 },
     value: { type: [String, Number], default: void 0 },
@@ -23,7 +24,8 @@ var Statistic = _vue.defineComponent.call(void 0, {
     groupSeparator: { type: Boolean, default: false },
     animated: { type: Boolean, default: false },
     animationDuration: { type: Number, default: void 0 },
-    size: { type: String, default: "md" }
+    size: { type: String, default: "md" },
+    className: { type: String, default: void 0 }
   },
   setup(props, { attrs }) {
     const initialValue = props.animated && _tigercatcore.canAnimateStatisticValue.call(void 0, props.value) ? 0 : props.value;
@@ -67,7 +69,12 @@ var Statistic = _vue.defineComponent.call(void 0, {
     return () => _vue.h.call(void 0, 
       "div",
       {
-        class: _tigercatcore.classNames.call(void 0, _tigercatcore.statisticBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class))
+        ...attrs,
+        class: _tigercatcore.classNames.call(void 0, 
+          _tigercatcore.statisticBaseClasses,
+          props.className,
+          _tigercatcore.coerceClassValue.call(void 0, attrs.class)
+        )
       },
       [
         props.title ? _vue.h.call(void 0, "div", { class: _tigercatcore.getStatisticTitleClasses.call(void 0, props.size) }, props.title) : null,

package/dist/{chunk-RDJZOMI6.js → chunk-DJCTERZH.js}

@@ -8,9 +8,11 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var Segmented = _vue.defineComponent.call(void 0, {
   name: "TigerSegmented",
+  inheritAttrs: false,
   props: {
     modelValue: {
       type: [String, Number],
@@ -22,7 +24,8 @@ var Segmented = _vue.defineComponent.call(void 0, {
     },
     disabled: { type: Boolean, default: false },
     size: { type: String, default: "md" },
-    block: { type: Boolean, default: false }
+    block: { type: Boolean, default: false },
+    className: { type: String, default: void 0 }
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit, attrs }) {
@@ -35,11 +38,16 @@ var Segmented = _vue.defineComponent.call(void 0, {
     return () => _vue.h.call(void 0, 
       "div",
       {
+        ...attrs,
         class: _tigercatcore.classNames.call(void 0, 
           _tigercatcore.getSegmentedContainerClasses.call(void 0, props.size, props.block),
+          props.className,
           _tigercatcore.coerceClassValue.call(void 0, attrs.class)
         ),
-        style: _tigercatcore.getSegmentedContainerStyle.call(void 0, props.options.length),
+        style: _tigercatcore.mergeStyleValues.call(void 0, 
+          attrs.style,
+          _tigercatcore.getSegmentedContainerStyle.call(void 0, props.options.length)
+        ),
         role: "radiogroup"
       },
       [

package/dist/{chunk-DTUTHYQY.mjs → chunk-DP25XFAH.mjs}

@@ -6,6 +6,7 @@ import {
 } from "@expcat/tigercat-core";
 var Divider = defineComponent({
   name: "TigerDivider",
+  inheritAttrs: false,
   props: {
     orientation: {
       type: String,

package/dist/{chunk-CZALMJH3.mjs → chunk-DYJ4Z47L.mjs}

@@ -3,16 +3,16 @@ import {
 } from "./chunk-MKBIVETW.mjs";
 import {
   Button
-} from "./chunk-UM5GGKIX.mjs";
+} from "./chunk-PO5GVU4Q.mjs";
 import {
   Tag
 } from "./chunk-3G4VPV4D.mjs";
 import {
   Text
-} from "./chunk-6V7XCCXN.mjs";
+} from "./chunk-NN6AINLG.mjs";
 import {
   Avatar
-} from "./chunk-COCECPMG.mjs";
+} from "./chunk-ZCT56WB7.mjs";
 
 // src/components/CommentThread.ts
 import { defineComponent, computed, h, ref } from "vue";

package/dist/{chunk-WGNJHM34.js → chunk-EJZBG5RT.js}

@@ -5,6 +5,8 @@
 
 
 
+
+
 var _vue = require('vue');
 
 
@@ -13,6 +15,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var BreadcrumbContextKey = /* @__PURE__ */ Symbol("BreadcrumbContext");
 var BreadcrumbItem = _vue.defineComponent.call(void 0, {
@@ -156,6 +160,15 @@ var Breadcrumb = _vue.defineComponent.call(void 0, {
       type: String,
       default: "/"
     },
+    /**
+     * Maximum number of visible items before collapsing the middle into '...'.
+     * Shows the first item, the last `maxItems - 1` items, and a clickable
+     * ellipsis for the rest. Ignored when `maxItems <= 0` or `>=` item count.
+     */
+    maxItems: {
+      type: Number,
+      default: void 0
+    },
     /**
      * Additional CSS classes
      */
@@ -179,6 +192,7 @@ var Breadcrumb = _vue.defineComponent.call(void 0, {
     }
   },
   setup(props, { slots, attrs }) {
+    const expanded = _vue.ref.call(void 0, false);
     const extraContent = _vue.computed.call(void 0, () => {
       const slotValue = _optionalChain([slots, 'access', _ => _.extra, 'optionalCall', _2 => _2()]);
       if (slotValue && slotValue.length > 0) return slotValue;
@@ -191,6 +205,60 @@ var Breadcrumb = _vue.defineComponent.call(void 0, {
     _vue.provide.call(void 0, BreadcrumbContextKey, {
       separator: props.separator
     });
+    const renderItems = () => {
+      const rawChildren = _optionalChain([slots, 'access', _3 => _3.default, 'optionalCall', _4 => _4()]) || [];
+      const items = [];
+      const flatten = (vnodes) => {
+        for (const vnode of vnodes) {
+          if (vnode.type === _vue.Fragment && Array.isArray(vnode.children)) {
+            flatten(vnode.children);
+          } else {
+            items.push(vnode);
+          }
+        }
+      };
+      flatten(rawChildren);
+      const maxItems = props.maxItems;
+      if (expanded.value || maxItems === void 0 || maxItems <= 0 || maxItems >= items.length) {
+        return items;
+      }
+      const { collapsed } = _tigercatcore.getBreadcrumbCollapsedItems.call(void 0, items.length, maxItems);
+      if (collapsed.length === 0) return items;
+      const collapsedSet = new Set(collapsed);
+      const result = [];
+      let ellipsisInserted = false;
+      items.forEach((item, index) => {
+        if (collapsedSet.has(index)) {
+          if (!ellipsisInserted) {
+            ellipsisInserted = true;
+            result.push(
+              _vue.h.call(void 0, "li", { key: "__tiger-breadcrumb-ellipsis", class: _tigercatcore.getBreadcrumbItemClasses.call(void 0, ) }, [
+                _vue.h.call(void 0, 
+                  "button",
+                  {
+                    type: "button",
+                    class: _tigercatcore.breadcrumbEllipsisClasses,
+                    "aria-label": "Show collapsed breadcrumb items",
+                    onClick: () => {
+                      expanded.value = true;
+                    }
+                  },
+                  "..."
+                ),
+                _vue.h.call(void 0, 
+                  "span",
+                  { class: _tigercatcore.getBreadcrumbSeparatorClasses.call(void 0, ), "aria-hidden": "true" },
+                  _tigercatcore.getSeparatorContent.call(void 0, props.separator)
+                )
+              ])
+            );
+          }
+          return;
+        }
+        result.push(item);
+      });
+      return result;
+    };
     return () => {
       return _vue.h.call(void 0, 
         "nav",
@@ -206,7 +274,7 @@ var Breadcrumb = _vue.defineComponent.call(void 0, {
             {
               class: "flex items-center flex-wrap gap-2"
             },
-            _optionalChain([slots, 'access', _3 => _3.default, 'optionalCall', _4 => _4()])
+            renderItems()
           ),
           extraContent.value ? _vue.h.call(void 0, 
             "div",

package/dist/{chunk-6DVWLGSZ.mjs → chunk-F5JPUPWI.mjs}

@@ -1,12 +1,12 @@
 import {
   Modal
-} from "./chunk-DDNRF5U7.mjs";
+} from "./chunk-4Z4XMXCO.mjs";
 import {
   ImageCropper
 } from "./chunk-DEJKRMMU.mjs";
 import {
   Button
-} from "./chunk-UM5GGKIX.mjs";
+} from "./chunk-PO5GVU4Q.mjs";
 
 // src/components/CropUpload.ts
 import { defineComponent, h, ref, computed } from "vue";

package/dist/{chunk-J73M5UTG.mjs → chunk-HCANI7ZG.mjs}

@@ -4,15 +4,19 @@ import {
   computed,
   inject,
   provide,
+  ref,
+  Fragment,
   h
 } from "vue";
 import {
   classNames,
   breadcrumbContainerClasses,
+  breadcrumbEllipsisClasses,
   getBreadcrumbItemClasses,
   getBreadcrumbLinkClasses,
   getBreadcrumbSeparatorClasses,
-  getSeparatorContent
+  getSeparatorContent,
+  getBreadcrumbCollapsedItems
 } from "@expcat/tigercat-core";
 var BreadcrumbContextKey = /* @__PURE__ */ Symbol("BreadcrumbContext");
 var BreadcrumbItem = defineComponent({
@@ -156,6 +160,15 @@ var Breadcrumb = defineComponent({
       type: String,
       default: "/"
     },
+    /**
+     * Maximum number of visible items before collapsing the middle into '...'.
+     * Shows the first item, the last `maxItems - 1` items, and a clickable
+     * ellipsis for the rest. Ignored when `maxItems <= 0` or `>=` item count.
+     */
+    maxItems: {
+      type: Number,
+      default: void 0
+    },
     /**
      * Additional CSS classes
      */
@@ -179,6 +192,7 @@ var Breadcrumb = defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
+    const expanded = ref(false);
     const extraContent = computed(() => {
       const slotValue = slots.extra?.();
       if (slotValue && slotValue.length > 0) return slotValue;
@@ -191,6 +205,60 @@ var Breadcrumb = defineComponent({
     provide(BreadcrumbContextKey, {
       separator: props.separator
     });
+    const renderItems = () => {
+      const rawChildren = slots.default?.() || [];
+      const items = [];
+      const flatten = (vnodes) => {
+        for (const vnode of vnodes) {
+          if (vnode.type === Fragment && Array.isArray(vnode.children)) {
+            flatten(vnode.children);
+          } else {
+            items.push(vnode);
+          }
+        }
+      };
+      flatten(rawChildren);
+      const maxItems = props.maxItems;
+      if (expanded.value || maxItems === void 0 || maxItems <= 0 || maxItems >= items.length) {
+        return items;
+      }
+      const { collapsed } = getBreadcrumbCollapsedItems(items.length, maxItems);
+      if (collapsed.length === 0) return items;
+      const collapsedSet = new Set(collapsed);
+      const result = [];
+      let ellipsisInserted = false;
+      items.forEach((item, index) => {
+        if (collapsedSet.has(index)) {
+          if (!ellipsisInserted) {
+            ellipsisInserted = true;
+            result.push(
+              h("li", { key: "__tiger-breadcrumb-ellipsis", class: getBreadcrumbItemClasses() }, [
+                h(
+                  "button",
+                  {
+                    type: "button",
+                    class: breadcrumbEllipsisClasses,
+                    "aria-label": "Show collapsed breadcrumb items",
+                    onClick: () => {
+                      expanded.value = true;
+                    }
+                  },
+                  "..."
+                ),
+                h(
+                  "span",
+                  { class: getBreadcrumbSeparatorClasses(), "aria-hidden": "true" },
+                  getSeparatorContent(props.separator)
+                )
+              ])
+            );
+          }
+          return;
+        }
+        result.push(item);
+      });
+      return result;
+    };
     return () => {
       return h(
         "nav",
@@ -206,7 +274,7 @@ var Breadcrumb = defineComponent({
             {
               class: "flex items-center flex-wrap gap-2"
             },
-            slots.default?.()
+            renderItems()
           ),
           extraContent.value ? h(
             "div",

package/dist/{chunk-QZ5OPNL4.mjs → chunk-I7ZMDGAR.mjs}

@@ -14,6 +14,7 @@ import {
 } from "@expcat/tigercat-core";
 var Statistic = defineComponent({
   name: "TigerStatistic",
+  inheritAttrs: false,
   props: {
     title: { type: String, default: void 0 },
     value: { type: [String, Number], default: void 0 },
@@ -23,7 +24,8 @@ var Statistic = defineComponent({
     groupSeparator: { type: Boolean, default: false },
     animated: { type: Boolean, default: false },
     animationDuration: { type: Number, default: void 0 },
-    size: { type: String, default: "md" }
+    size: { type: String, default: "md" },
+    className: { type: String, default: void 0 }
   },
   setup(props, { attrs }) {
     const initialValue = props.animated && canAnimateStatisticValue(props.value) ? 0 : props.value;
@@ -67,7 +69,12 @@ var Statistic = defineComponent({
     return () => h(
       "div",
       {
-        class: classNames(statisticBaseClasses, coerceClassValue(attrs.class))
+        ...attrs,
+        class: classNames(
+          statisticBaseClasses,
+          props.className,
+          coerceClassValue(attrs.class)
+        )
       },
       [
         props.title ? h("div", { class: getStatisticTitleClasses(props.size) }, props.title) : null,

package/dist/{chunk-EKWJTB5H.mjs → chunk-IIEMDA36.mjs}

@@ -9,10 +9,10 @@ import {
 } from "./chunk-MKBIVETW.mjs";
 import {
   Button
-} from "./chunk-UM5GGKIX.mjs";
+} from "./chunk-PO5GVU4Q.mjs";
 import {
   Avatar
-} from "./chunk-COCECPMG.mjs";
+} from "./chunk-ZCT56WB7.mjs";
 
 // src/components/ChatWindow.ts
 import { defineComponent, h, computed, ref, watch, onMounted, onUpdated } from "vue";

package/dist/{chunk-DQFTTJJ5.mjs → chunk-IPZVGA6Y.mjs}

@@ -256,6 +256,13 @@ var Tree = defineComponent({
     itemHeight: {
       type: Number,
       default: 32
+    },
+    /**
+     * Additional CSS classes (applied to root element)
+     */
+    className: {
+      type: String,
+      default: void 0
     }
   },
   emits: [
@@ -413,7 +420,6 @@ var Tree = defineComponent({
             loadingNodes.value.delete(nodeKey);
           }).catch(() => {
             loadingNodes.value.delete(nodeKey);
-            newExpandedKeys.delete(nodeKey);
           });
         }
       }
@@ -714,7 +720,11 @@ var Tree = defineComponent({
       );
     }
     return () => {
-      const rootClass = classNames(treeBaseClasses, coerceClassValue(attrs.class));
+      const rootClass = classNames(
+        treeBaseClasses,
+        props.className,
+        coerceClassValue(attrs.class)
+      );
       if (!props.treeData || props.treeData.length === 0) {
         return h(
           "div",

package/dist/{chunk-V32X2OEO.js → chunk-JZJEZKGN.js}

@@ -120,7 +120,7 @@ var MessageContainer = _vue.defineComponent.call(void 0, {
         },
         IS_TEST_ENV ? messageInstances.value.map(renderMessageItem) : _vue.h.call(void 0, 
           _vue.TransitionGroup,
-          { name: "message", tag: "div" },
+          { name: "message" },
           () => messageInstances.value.map(renderMessageItem)
         )
       )

package/dist/{chunk-3W4CM7KO.mjs → chunk-KLX7YHP2.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-VG6E4NX6.mjs";
 import {
   Button
-} from "./chunk-UM5GGKIX.mjs";
+} from "./chunk-PO5GVU4Q.mjs";
 
 // src/components/FormWizard.ts
 import { defineComponent, computed, ref, watch, h } from "vue";