@expcat/tigercat-vue 1.2.0 → 1.2.16

package/dist/{chunk-GL6KRUVO.js → chunk-KOLARHCT.js}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkBEIZXMHWjs = require('./chunk-BEIZXMHW.js');
+var _chunk6CSTMVB2js = require('./chunk-6CSTMVB2.js');
 
 
 var _chunkWUEP3PFNjs = require('./chunk-WUEP3PFN.js');
 
 
-var _chunk5436FG3Bjs = require('./chunk-5436FG3B.js');
+var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
 
 // src/components/CropUpload.ts
 var _vue = require('vue');
@@ -171,7 +171,7 @@ var CropUpload = _vue.defineComponent.call(void 0, {
         ]
       );
       const modal = _vue.h.call(void 0, 
-        _chunkBEIZXMHWjs.Modal,
+        _chunk6CSTMVB2js.Modal,
         {
           open: modalVisible.value,
           size: "lg",
@@ -190,9 +190,9 @@ var CropUpload = _vue.defineComponent.call(void 0, {
             ...props.cropperProps
           }) : null,
           footer: ({ cancel: _cancel }) => _vue.h.call(void 0, "div", { class: _tigercatcore.modalFooterClasses }, [
-            _vue.h.call(void 0, _chunk5436FG3Bjs.Button, { variant: "secondary", onClick: handleCancel }, { default: () => "\u53D6\u6D88" }),
+            _vue.h.call(void 0, _chunk4VLNT2EDjs.Button, { variant: "secondary", onClick: handleCancel }, { default: () => "\u53D6\u6D88" }),
             _vue.h.call(void 0, 
-              _chunk5436FG3Bjs.Button,
+              _chunk4VLNT2EDjs.Button,
               { onClick: handleConfirm, loading: cropping.value },
               { default: () => "\u786E\u8BA4\u88C1\u526A" }
             )

package/dist/{chunk-MFYBHMQL.js → chunk-L5E3L6ID.js}

@@ -256,6 +256,13 @@ var Tree = _vue.defineComponent.call(void 0, {
     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 = _vue.defineComponent.call(void 0, {
             loadingNodes.value.delete(nodeKey);
           }).catch(() => {
             loadingNodes.value.delete(nodeKey);
-            newExpandedKeys.delete(nodeKey);
           });
         }
       }
@@ -714,7 +720,11 @@ var Tree = _vue.defineComponent.call(void 0, {
       );
     }
     return () => {
-      const rootClass = _tigercatcore.classNames.call(void 0, _tigercatcore.treeBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class));
+      const rootClass = _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.treeBaseClasses,
+        props.className,
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
+      );
       if (!props.treeData || props.treeData.length === 0) {
         return _vue.h.call(void 0, 
           "div",

package/dist/{chunk-EZXW4HIZ.mjs → chunk-LD7ZJCTO.mjs}

@@ -16,11 +16,13 @@ import {
 } from "@expcat/tigercat-core";
 var Calendar = defineComponent({
   name: "TigerCalendar",
+  inheritAttrs: false,
   props: {
     modelValue: { type: Date, default: void 0 },
     mode: { type: String, default: "month" },
     fullscreen: { type: Boolean, default: false },
-    disabledDate: { type: Function, default: void 0 }
+    disabledDate: { type: Function, default: void 0 },
+    className: { type: String, default: void 0 }
   },
   emits: ["update:modelValue", "change", "panel-change"],
   setup(props, { emit, attrs }) {
@@ -66,6 +68,7 @@ var Calendar = defineComponent({
     return () => {
       const containerClass = classNames(
         getCalendarContainerClasses(!!props.fullscreen),
+        props.className,
         coerceClassValue(attrs.class)
       );
       const header = h("div", { class: calendarHeaderClasses }, [
@@ -152,7 +155,7 @@ var Calendar = defineComponent({
         );
         body = h("div", {}, [weekdayRow, dayGrid]);
       }
-      return h("div", { class: containerClass, role: "group" }, [header, body]);
+      return h("div", { ...attrs, class: containerClass, role: "group" }, [header, body]);
     };
   }
 });

package/dist/{chunk-TGIXSJI3.mjs → chunk-LS4VI4RG.mjs}

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

package/dist/{chunk-EJNPSYTS.js → chunk-LUBUJUSH.js}

@@ -6,6 +6,7 @@ var _vue = require('vue');
 var _tigercatcore = require('@expcat/tigercat-core');
 var Divider = _vue.defineComponent.call(void 0, {
   name: "TigerDivider",
+  inheritAttrs: false,
   props: {
     orientation: {
       type: String,

package/dist/{chunk-JAAIL4XS.js → chunk-MVZGR3ZB.js}

@@ -14,13 +14,6 @@ var DropdownItem = _vue.defineComponent.call(void 0, {
   name: "TigerDropdownItem",
   inheritAttrs: false,
   props: {
-    /**
-     * Unique key for the dropdown item
-     */
-    itemKey: {
-      type: [String, Number],
-      default: void 0
-    },
     /**
      * Whether the item is disabled
      * @default false

package/dist/{chunk-XY4A73TK.js → chunk-NCLUMDZB.js}

@@ -6,6 +6,7 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var Code = _vue.defineComponent.call(void 0, {
   name: "TigerCode",
@@ -73,7 +74,7 @@ var Code = _vue.defineComponent.call(void 0, {
       {
         ...attrs,
         class: containerClasses.value,
-        style: props.style
+        style: _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style)
       },
       [
         _vue.h.call(void 0, "pre", { class: _tigercatcore.codeBlockPreClasses }, [_vue.h.call(void 0, "code", { class: "block" }, props.code)]),

package/dist/{chunk-6V7XCCXN.mjs → chunk-NN6AINLG.mjs}

@@ -5,6 +5,7 @@ import {
 } from "@expcat/tigercat-core";
 var Text = defineComponent({
   name: "TigerText",
+  inheritAttrs: false,
   props: {
     /**
      * HTML tag to render

package/dist/{chunk-JL526HSV.mjs → chunk-OK7MTFAX.mjs}

@@ -6,19 +6,19 @@ import {
 } from "./chunk-PCUUTKQZ.mjs";
 import {
   Link
-} from "./chunk-4YHOD7LT.mjs";
+} from "./chunk-3MO7A4GU.mjs";
 import {
   Tag
 } from "./chunk-3G4VPV4D.mjs";
 import {
   Text
-} from "./chunk-6V7XCCXN.mjs";
+} from "./chunk-NN6AINLG.mjs";
 import {
   Card
 } from "./chunk-KOTSKHPQ.mjs";
 import {
   Avatar
-} from "./chunk-COCECPMG.mjs";
+} from "./chunk-ZCT56WB7.mjs";
 
 // src/components/ActivityFeed.ts
 import { defineComponent, computed, h } from "vue";

package/dist/{chunk-GIQQOHDA.js → chunk-P453RVKY.js}

@@ -7,7 +7,7 @@ var _chunkVPNIZPIFjs = require('./chunk-VPNIZPIF.js');
 var _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
 
 
-var _chunk5436FG3Bjs = require('./chunk-5436FG3B.js');
+var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
 
 // src/components/FormWizard.ts
 var _vue = require('vue');
@@ -234,7 +234,7 @@ var FormWizard = _vue.defineComponent.call(void 0, {
             },
             [
               _vue.h.call(void 0, 
-                _chunk5436FG3Bjs.Button,
+                _chunk4VLNT2EDjs.Button,
                 {
                   type: "button",
                   variant: "secondary",
@@ -244,7 +244,7 @@ var FormWizard = _vue.defineComponent.call(void 0, {
                 { default: () => _tigercatcore.resolveLocaleText.call(void 0, labels.value.prevText, props.prevText) }
               ),
               _vue.h.call(void 0, 
-                _chunk5436FG3Bjs.Button,
+                _chunk4VLNT2EDjs.Button,
                 {
                   type: "button",
                   variant: "primary",

package/dist/{chunk-UM5GGKIX.mjs → chunk-PO5GVU4Q.mjs}

@@ -1,5 +1,9 @@
+import {
+  BUTTON_GROUP_INJECTION_KEY
+} from "./chunk-Z2ZECCGD.mjs";
+
 // src/components/Button.ts
-import { defineComponent, computed, h } from "vue";
+import { defineComponent, computed, h, inject } from "vue";
 import {
   composeComponentClasses,
   mergeStyleValues,
@@ -39,12 +43,11 @@ var Button = defineComponent({
       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 = defineComponent({
   },
   emits: ["click"],
   setup(props, { slots, emit, attrs }) {
+    const group = inject(BUTTON_GROUP_INJECTION_KEY, null);
+    const resolvedSize = computed(() => props.size ?? group?.size ?? "md");
     const buttonClasses = computed(() => {
       const variantClasses = props.danger ? buttonDangerClasses[props.variant] ?? buttonDangerClasses.primary : getButtonVariantClasses(props.variant);
       return composeComponentClasses(
         buttonBaseClasses,
         variantClasses,
-        buttonSizeClasses[props.size],
+        buttonSizeClasses[resolvedSize.value],
         (props.disabled || props.loading) && buttonDisabledClasses,
         props.block && "w-full",
         props.className,

package/dist/{chunk-NCFY3VXA.js → chunk-RAUERIPS.js}

@@ -1,5 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Switch.ts
 var _vue = require('vue');
+
+
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var Switch = _vue.defineComponent.call(void 0, {
   name: "TigerSwitch",
@@ -73,7 +77,7 @@ var Switch = _vue.defineComponent.call(void 0, {
         "aria-checked": props.checked,
         "aria-disabled": props.disabled ? "true" : void 0,
         class: switchClasses.value,
-        style: props.style,
+        style: _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style),
         disabled: props.disabled,
         tabindex: props.disabled ? -1 : attrs.tabindex,
         onClick: emitChange,

package/dist/{chunk-W55GCQ2D.js → chunk-SGAUVRUS.js}

@@ -11,6 +11,7 @@ var _chunkX6FG4RPFjs = require('./chunk-X6FG4RPF.js');
 
 
 
+
 var _vue = require('vue');
 
 
@@ -77,6 +78,15 @@ var Image = _vue.defineComponent.call(void 0, {
         group.unregister(props.src);
       }
     });
+    _vue.watch.call(void 0, 
+      () => props.src,
+      (newSrc) => {
+        if (props.lazy) return;
+        actualSrc.value = newSrc;
+        error.value = false;
+        loading.value = true;
+      }
+    );
     const handleLoad = () => {
       loading.value = false;
       error.value = false;

package/dist/{chunk-DUQ7Q2GO.js → chunk-TGHB5XST.js}

@@ -5,6 +5,7 @@ var _vue = require('vue');
 var _tigercatcore = require('@expcat/tigercat-core');
 var Text = _vue.defineComponent.call(void 0, {
   name: "TigerText",
+  inheritAttrs: false,
   props: {
     /**
      * HTML tag to render

package/dist/{chunk-2VBUCW5G.js → chunk-U5S3ZEYZ.js}

@@ -7,13 +7,13 @@ var _chunk44N7LE3Qjs = require('./chunk-44N7LE3Q.js');
 var _chunkS6Q7TD6Hjs = require('./chunk-S6Q7TD6H.js');
 
 
-var _chunk5436FG3Bjs = require('./chunk-5436FG3B.js');
+var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
 
 
 var _chunk2LNNB55Ejs = require('./chunk-2LNNB55E.js');
 
 
-var _chunkDUQ7Q2GOjs = require('./chunk-DUQ7Q2GO.js');
+var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
 
 
 var _chunkXGXGAK27js = require('./chunk-XGXGAK27.js');
@@ -319,7 +319,7 @@ var NotificationCenter = _vue.defineComponent.call(void 0, {
           _vue.h.call(void 0, "div", { class: "flex-1 min-w-0" }, [
             _vue.h.call(void 0, "div", { class: "flex items-baseline justify-between gap-2" }, [
               _vue.h.call(void 0, 
-                _chunkDUQ7Q2GOjs.Text,
+                _chunkTGHB5XSTjs.Text,
                 {
                   tag: "span",
                   size: "sm",
@@ -344,7 +344,7 @@ var NotificationCenter = _vue.defineComponent.call(void 0, {
             ) : null
           ]),
           _vue.h.call(void 0, 
-            _chunk5436FG3Bjs.Button,
+            _chunk4VLNT2EDjs.Button,
             {
               size: "sm",
               variant: "ghost",
@@ -404,7 +404,7 @@ var NotificationCenter = _vue.defineComponent.call(void 0, {
       const header = _vue.h.call(void 0, "div", { class: "flex flex-col gap-3" }, [
         _vue.h.call(void 0, "div", { class: "flex items-center justify-between" }, [
           _vue.h.call(void 0, "div", { class: "flex items-center gap-2.5" }, [
-            _vue.h.call(void 0, _chunkDUQ7Q2GOjs.Text, { tag: "div", size: "base", weight: "bold" }, { default: () => props.title }),
+            _vue.h.call(void 0, _chunkTGHB5XSTjs.Text, { tag: "div", size: "base", weight: "bold" }, { default: () => props.title }),
             totalUnread.value > 0 ? _vue.h.call(void 0, 
               "span",
               {
@@ -414,7 +414,7 @@ var NotificationCenter = _vue.defineComponent.call(void 0, {
             ) : null
           ]),
           _vue.h.call(void 0, 
-            _chunk5436FG3Bjs.Button,
+            _chunk4VLNT2EDjs.Button,
             {
               size: "sm",
               variant: "ghost",

package/dist/{chunk-6HM77SWE.js → chunk-V6YR7CPK.js}

@@ -9,7 +9,7 @@ var _chunkBGMAWKWVjs = require('./chunk-BGMAWKWV.js');
 var _chunkBYNMOQBBjs = require('./chunk-BYNMOQBB.js');
 
 
-var _chunk5436FG3Bjs = require('./chunk-5436FG3B.js');
+var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
 
 // src/components/DataTableWithToolbar.ts
 
@@ -263,7 +263,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
                 }
               }),
               showButton ? _vue.h.call(void 0, 
-                _chunk5436FG3Bjs.Button,
+                _chunk4VLNT2EDjs.Button,
                 {
                   size: "sm",
                   variant: "primary",
@@ -315,7 +315,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
         (_nullishCoalesce(_optionalChain([props, 'access', _43 => _43.toolbar, 'optionalAccess', _44 => _44.bulkActions]), () => ( []))).forEach((action) => {
           bulkChildren.push(
             _vue.h.call(void 0, 
-              _chunk5436FG3Bjs.Button,
+              _chunk4VLNT2EDjs.Button,
               {
                 key: action.key,
                 size: "sm",

package/dist/{chunk-KZP3B3FQ.mjs → chunk-VWEH6TGR.mjs}

@@ -8,6 +8,7 @@ import {
   h,
   ref,
   computed,
+  watch,
   onMounted,
   onBeforeUnmount,
   inject
@@ -77,6 +78,15 @@ var Image = defineComponent({
         group.unregister(props.src);
       }
     });
+    watch(
+      () => props.src,
+      (newSrc) => {
+        if (props.lazy) return;
+        actualSrc.value = newSrc;
+        error.value = false;
+        loading.value = true;
+      }
+    );
     const handleLoad = () => {
       loading.value = false;
       error.value = false;

package/dist/{chunk-ZMNX4SCS.mjs → chunk-WLYQHKLZ.mjs}

@@ -5,7 +5,8 @@ import {
   codeBlockPreClasses,
   copyTextToClipboard,
   getCodeBlockContainerClasses,
-  getCodeBlockCopyButtonClasses
+  getCodeBlockCopyButtonClasses,
+  mergeStyleValues
 } from "@expcat/tigercat-core";
 var Code = defineComponent({
   name: "TigerCode",
@@ -73,7 +74,7 @@ var Code = defineComponent({
       {
         ...attrs,
         class: containerClasses.value,
-        style: props.style
+        style: mergeStyleValues(attrs.style, props.style)
       },
       [
         h("pre", { class: codeBlockPreClasses }, [h("code", { class: "block" }, props.code)]),

package/dist/{chunk-3MC45EXP.mjs → chunk-WNKF2OD5.mjs}

@@ -1,6 +1,6 @@
 // src/components/QRCode.ts
 import { defineComponent, h, computed } from "vue";
-import { classNames, coerceClassValue } from "@expcat/tigercat-core";
+import { classNames, coerceClassValue, mergeStyleValues } from "@expcat/tigercat-core";
 import {
   qrcodeContainerClasses,
   qrcodeOverlayClasses,
@@ -10,13 +10,15 @@ import {
 } from "@expcat/tigercat-core";
 var QRCode = defineComponent({
   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 = defineComponent({
       return props.size / mLen;
     });
     return () => {
-      const containerClass = classNames(qrcodeContainerClasses, coerceClassValue(attrs.class));
+      const attrsRecord = attrs;
+      const containerClass = classNames(
+        qrcodeContainerClasses,
+        props.className,
+        coerceClassValue(attrsRecord.class)
+      );
       const mSize = moduleSize.value;
       const modules = matrix.value;
       const rects = modules.flatMap(
@@ -79,8 +86,12 @@ var QRCode = defineComponent({
       return h(
         "div",
         {
+          ...attrs,
           class: containerClass,
-          style: { width: `${props.size}px`, height: `${props.size}px` }
+          style: mergeStyleValues(attrsRecord.style, {
+            width: `${props.size}px`,
+            height: `${props.size}px`
+          })
         },
         children
       );

package/dist/{chunk-MNH3KNSN.js → chunk-XAQID5IO.js}

@@ -16,11 +16,13 @@ var _tigercatcore = require('@expcat/tigercat-core');
 
 var Calendar = _vue.defineComponent.call(void 0, {
   name: "TigerCalendar",
+  inheritAttrs: false,
   props: {
     modelValue: { type: Date, default: void 0 },
     mode: { type: String, default: "month" },
     fullscreen: { type: Boolean, default: false },
-    disabledDate: { type: Function, default: void 0 }
+    disabledDate: { type: Function, default: void 0 },
+    className: { type: String, default: void 0 }
   },
   emits: ["update:modelValue", "change", "panel-change"],
   setup(props, { emit, attrs }) {
@@ -66,6 +68,7 @@ var Calendar = _vue.defineComponent.call(void 0, {
     return () => {
       const containerClass = _tigercatcore.classNames.call(void 0, 
         _tigercatcore.getCalendarContainerClasses.call(void 0, !!props.fullscreen),
+        props.className,
         _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
       const header = _vue.h.call(void 0, "div", { class: _tigercatcore.calendarHeaderClasses }, [
@@ -152,7 +155,7 @@ var Calendar = _vue.defineComponent.call(void 0, {
         );
         body = _vue.h.call(void 0, "div", {}, [weekdayRow, dayGrid]);
       }
-      return _vue.h.call(void 0, "div", { class: containerClass, role: "group" }, [header, body]);
+      return _vue.h.call(void 0, "div", { ...attrs, class: containerClass, role: "group" }, [header, body]);
     };
   }
 });

package/dist/{chunk-GDKYQ7U6.js → chunk-XMGU52S5.js}

@@ -3,16 +3,16 @@
 var _chunk6FXYRDYHjs = require('./chunk-6FXYRDYH.js');
 
 
-var _chunk5436FG3Bjs = require('./chunk-5436FG3B.js');
+var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
 
 
 var _chunk2KDSHEZTjs = require('./chunk-2KDSHEZT.js');
 
 
-var _chunkDUQ7Q2GOjs = require('./chunk-DUQ7Q2GO.js');
+var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
 
 
-var _chunkWPIDP6IGjs = require('./chunk-WPIDP6IG.js');
+var _chunkZ6HBM73Wjs = require('./chunk-Z6HBM73W.js');
 
 // src/components/CommentThread.ts
 var _vue = require('vue');
@@ -167,7 +167,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
     const ACTION_BTN = `${BTN_BASE} text-gray-400 hover:text-gray-600 font-normal hover:bg-gray-50`;
     const PRIMARY_BTN = `${BTN_BASE} text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary-hover,#1d4ed8)] font-medium hover:bg-[var(--tiger-primary,#2563eb)]/5`;
     const renderActionButton = (label, key, onClick, active) => _vue.h.call(void 0, 
-      _chunk5436FG3Bjs.Button,
+      _chunk4VLNT2EDjs.Button,
       {
         key,
         size: "sm",
@@ -217,7 +217,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
           const actionKey = _nullishCoalesce(action.key, () => ( `${node.id}-action-${index}`));
           actions.push(
             _vue.h.call(void 0, 
-              _chunk5436FG3Bjs.Button,
+              _chunk4VLNT2EDjs.Button,
               {
                 key: actionKey,
                 size: "sm",
@@ -246,7 +246,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
         },
         [
           _vue.h.call(void 0, "div", { class: "flex gap-3" }, [
-            props.showAvatar && node.user ? _vue.h.call(void 0, _chunkWPIDP6IGjs.Avatar, {
+            props.showAvatar && node.user ? _vue.h.call(void 0, _chunkZ6HBM73Wjs.Avatar, {
               size: depth === 1 ? "md" : "sm",
               src: node.user.avatar,
               text: node.user.name,
@@ -255,12 +255,12 @@ var CommentThread = _vue.defineComponent.call(void 0, {
             _vue.h.call(void 0, "div", { class: "flex-1 min-w-0" }, [
               _vue.h.call(void 0, "div", { class: "flex items-center gap-2 flex-wrap" }, [
                 _optionalChain([node, 'access', _3 => _3.user, 'optionalAccess', _4 => _4.name]) ? _vue.h.call(void 0, 
-                  _chunkDUQ7Q2GOjs.Text,
+                  _chunkTGHB5XSTjs.Text,
                   { tag: "span", size: "sm", weight: "bold" },
                   { default: () => _optionalChain([node, 'access', _5 => _5.user, 'optionalAccess', _6 => _6.name]) }
                 ) : null,
                 _optionalChain([node, 'access', _7 => _7.user, 'optionalAccess', _8 => _8.title]) ? _vue.h.call(void 0, 
-                  _chunkDUQ7Q2GOjs.Text,
+                  _chunkTGHB5XSTjs.Text,
                   { tag: "span", size: "xs", color: "muted" },
                   { default: () => _optionalChain([node, 'access', _9 => _9.user, 'optionalAccess', _10 => _10.title]) }
                 ) : null,
@@ -281,7 +281,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
                   )
                 ),
                 node.time ? _vue.h.call(void 0, 
-                  _chunkDUQ7Q2GOjs.Text,
+                  _chunkTGHB5XSTjs.Text,
                   { tag: "span", size: "xs", color: "muted", class: "ml-auto" },
                   { default: () => _tigercatcore.formatCommentTime.call(void 0, node.time) }
                 ) : null
@@ -311,7 +311,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
                   }),
                   _vue.h.call(void 0, "div", { class: "flex items-center gap-2 justify-end" }, [
                     _vue.h.call(void 0, 
-                      _chunk5436FG3Bjs.Button,
+                      _chunk4VLNT2EDjs.Button,
                       {
                         size: "sm",
                         variant: "ghost",
@@ -323,7 +323,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
                       { default: () => props.cancelReplyText }
                     ),
                     _vue.h.call(void 0, 
-                      _chunk5436FG3Bjs.Button,
+                      _chunk4VLNT2EDjs.Button,
                       {
                         size: "sm",
                         variant: "primary",
@@ -335,7 +335,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
                 ]
               ) : null,
               hasChildren ? _vue.h.call(void 0, 
-                _chunk5436FG3Bjs.Button,
+                _chunk4VLNT2EDjs.Button,
                 {
                   size: "sm",
                   variant: "ghost",
@@ -359,7 +359,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
                     (child, index) => renderNode(child, depth + 1, index === visibleChildren.length - 1)
                   ),
                   showLoadMore ? _vue.h.call(void 0, 
-                    _chunk5436FG3Bjs.Button,
+                    _chunk4VLNT2EDjs.Button,
                     {
                       size: "sm",
                       variant: "ghost",
@@ -379,7 +379,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
       const ariaLabel = _nullishCoalesce(attrs["aria-label"], () => ( (attrs["aria-labelledby"] ? void 0 : "\u8BC4\u8BBA\u7EBF\u7A0B")));
       const children = resolvedNodes.value.length === 0 ? [
         _vue.h.call(void 0, 
-          _chunkDUQ7Q2GOjs.Text,
+          _chunkTGHB5XSTjs.Text,
           { tag: "div", size: "sm", color: "muted", class: "text-center py-8" },
           { default: () => props.emptyText }
         )