@expcat/tigercat-vue 1.3.4 → 1.4.0

package/dist/{chunk-OGDZTDZ6.mjs → chunk-GHG2MCLM.mjs}

@@ -4,6 +4,9 @@ import {
   useVueEscapeKey,
   useVueFocusTrap
 } from "./chunk-BDTPFPSB.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/Spotlight.ts
 import {
@@ -31,6 +34,8 @@ import {
   getSpotlightSearchState,
   getSpotlightShortcutLabel,
   mergeStyleValues,
+  mergeTigerLocale,
+  resolveLocaleText,
   restoreFocus,
   shouldCloseOnMaskClick,
   spotlightEmptyClasses,
@@ -76,11 +81,15 @@ var Spotlight = defineComponent({
     },
     placeholder: {
       type: String,
-      default: "Search"
+      default: void 0
     },
     emptyText: {
       type: String,
-      default: "No results found"
+      default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
     },
     inputAriaLabel: {
       type: String,
@@ -131,8 +140,13 @@ var Spotlight = defineComponent({
       default: false
     }
   },
-  emits: ["update:open", "open-change", "close", "update:query", "query-change", "select"],
+  emits: ["update:open", "open-change", "update:query", "query-change", "select"],
   setup(props, { emit, attrs, slots }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const placeholderText = computed(
+      () => resolveLocaleText("Search", props.placeholder, mergedLocale.value?.common?.searchPlaceholder)
+    );
     const uncontrolledOpen = ref(props.defaultOpen);
     const uncontrolledQuery = ref(props.defaultQuery);
     const activeIndex = ref(-1);
@@ -154,7 +168,6 @@ var Spotlight = defineComponent({
       if (props.open === void 0) uncontrolledOpen.value = nextOpen;
       emit("update:open", nextOpen);
       emit("open-change", nextOpen);
-      if (!nextOpen) emit("close");
     };
     const setQueryValue = (nextQuery) => {
       if (props.query === void 0) uncontrolledQuery.value = nextQuery;
@@ -275,8 +288,8 @@ var Spotlight = defineComponent({
                   value: resolvedQuery.value,
                   type: "search",
                   class: spotlightInputClasses,
-                  placeholder: props.placeholder,
-                  "aria-label": props.inputAriaLabel ?? props.placeholder,
+                  placeholder: placeholderText.value,
+                  "aria-label": props.inputAriaLabel ?? placeholderText.value,
                   autocomplete: "off",
                   ...getPickerComboboxAria({
                     expanded: true,
@@ -356,7 +369,15 @@ var Spotlight = defineComponent({
                     ]
                   )
                 )
-              ) : h("div", { class: spotlightEmptyClasses }, props.emptyText)
+              ) : h(
+                "div",
+                { class: spotlightEmptyClasses },
+                resolveLocaleText(
+                  "No results found",
+                  props.emptyText,
+                  mergedLocale.value?.common?.emptyText
+                )
+              )
             ]
           )
         ]

package/dist/{chunk-F7WZCYYD.mjs → chunk-GL63FRI4.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-VG6E4NX6.mjs";
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/Pagination.ts
 import {

package/dist/{chunk-K4VUUEFQ.mjs → chunk-GRP54POG.mjs}

@@ -117,7 +117,7 @@ var CommentThread = defineComponent({
       default: void 0
     }
   },
-  emits: ["like", "reply", "more", "action", "expand-change", "load-more"],
+  emits: ["like", "reply", "more", "action", "update:expandedKeys", "load-more"],
   setup(props, { emit, attrs }) {
     const innerExpandedKeys = ref([...props.defaultExpandedKeys]);
     const expandedAllKeys = ref(/* @__PURE__ */ new Set());
@@ -141,7 +141,7 @@ var CommentThread = defineComponent({
       if (!props.expandedKeys) {
         innerExpandedKeys.value = next;
       }
-      emit("expand-change", next);
+      emit("update:expandedKeys", next);
     };
     const toggleExpanded = (id) => {
       const current = mergedExpandedKeys.value;
@@ -167,13 +167,14 @@ var CommentThread = defineComponent({
     const ACTION_BTN = `${BTN_BASE} text-gray-500 dark:text-gray-400 font-medium flex items-center gap-1.5`;
     const PRIMARY_BTN = `${BTN_BASE} text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary-hover,#1d4ed8)] dark:text-blue-400 dark:hover:text-blue-300 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10`;
     const renderNode = (node, depth, isLast) => {
-      const hasChildren = !!node.children && node.children.length > 0;
+      const children = node.children ?? [];
+      const hasChildren = children.length > 0;
       const isExpanded = expandedSet.value.has(node.id);
       const showReplies = hasChildren && isExpanded;
       const showAllReplies = expandedAllKeys.value.has(node.id);
       const repliesId = `tiger-comment-replies-${node.id}`;
-      const visibleChildren = showReplies ? props.maxReplies > 0 && !showAllReplies ? node.children.slice(0, props.maxReplies) : node.children : [];
-      const showLoadMore = showReplies && props.maxReplies > 0 && node.children.length > props.maxReplies && !showAllReplies;
+      const visibleChildren = showReplies ? props.maxReplies > 0 && !showAllReplies ? children.slice(0, props.maxReplies) : children : [];
+      const showLoadMore = showReplies && props.maxReplies > 0 && children.length > props.maxReplies && !showAllReplies;
       const actions = [];
       if (props.showLike) {
         const likeLabel = node.liked ? props.likedText : props.likeText;
@@ -194,17 +195,24 @@ var CommentThread = defineComponent({
             },
             {
               default: () => h("span", { class: "flex items-center gap-1.5" }, [
-                h("svg", {
-                  class: classNames("w-3.5 h-3.5 transition-transform duration-200 active:scale-125", node.liked ? "fill-current" : "stroke-current fill-none"),
-                  viewBox: "0 0 24 24",
-                  strokeWidth: "2"
-                }, [
-                  h("path", {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    d: "M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.421.068.848.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 010-7.764c.26-.85.1083-1.368 1.972-1.368h.908c.445 0 .72.498.523.898a8.963 8.963 0 00-.27.602"
-                  })
-                ]),
+                h(
+                  "svg",
+                  {
+                    class: classNames(
+                      "w-3.5 h-3.5 transition-transform duration-200 active:scale-125",
+                      node.liked ? "fill-current" : "stroke-current fill-none"
+                    ),
+                    viewBox: "0 0 24 24",
+                    strokeWidth: "2"
+                  },
+                  [
+                    h("path", {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.421.068.848.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 010-7.764c.26-.85.1083-1.368 1.972-1.368h.908c.445 0 .72.498.523.898a8.963 8.963 0 00-.27.602"
+                    })
+                  ]
+                ),
                 h("span", `${likeLabel}${likeCount}`)
               ])
             }
@@ -230,19 +238,23 @@ var CommentThread = defineComponent({
             },
             {
               default: () => h("span", { class: "flex items-center gap-1.5" }, [
-                h("svg", {
-                  class: "w-3.5 h-3.5",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2"
-                }, [
-                  h("path", {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
-                  })
-                ]),
+                h(
+                  "svg",
+                  {
+                    class: "w-3.5 h-3.5",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2"
+                  },
+                  [
+                    h("path", {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+                    })
+                  ]
+                ),
                 h("span", props.replyText)
               ])
             }
@@ -265,19 +277,23 @@ var CommentThread = defineComponent({
             },
             {
               default: () => h("span", { class: "flex items-center gap-1.5" }, [
-                h("svg", {
-                  class: "w-3.5 h-3.5",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2"
-                }, [
-                  h("path", {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    d: "M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
-                  })
-                ]),
+                h(
+                  "svg",
+                  {
+                    class: "w-3.5 h-3.5",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2"
+                  },
+                  [
+                    h("path", {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
+                    })
+                  ]
+                ),
                 h("span", props.moreText)
               ])
             }
@@ -294,10 +310,7 @@ var CommentThread = defineComponent({
                 key: actionKey,
                 size: "sm",
                 variant: action.variant ?? "ghost",
-                className: classNames(
-                  ACTION_BTN,
-                  "hover:bg-gray-100 dark:hover:bg-gray-800"
-                ),
+                className: classNames(ACTION_BTN, "hover:bg-gray-100 dark:hover:bg-gray-800"),
                 disabled: action.disabled,
                 onClick: () => {
                   action.onClick?.(node, action);
@@ -331,17 +344,31 @@ var CommentThread = defineComponent({
               h("div", { class: "flex items-center gap-2 flex-wrap" }, [
                 node.user?.name ? h(
                   Text,
-                  { tag: "span", size: "sm", weight: "bold", class: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer" },
+                  {
+                    tag: "span",
+                    size: "sm",
+                    weight: "bold",
+                    class: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer"
+                  },
                   { default: () => node.user?.name }
                 ) : null,
                 node.user?.title ? h(
                   Text,
-                  { tag: "span", size: "xs", color: "muted", class: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-gray-500 dark:text-gray-400 font-medium" },
+                  {
+                    tag: "span",
+                    size: "xs",
+                    color: "muted",
+                    class: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-gray-500 dark:text-gray-400 font-medium"
+                  },
                   { default: () => node.user?.title }
                 ) : null,
                 node.tag ? h(
                   Tag,
-                  { size: "sm", variant: node.tag.variant ?? "default", className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10" },
+                  {
+                    size: "sm",
+                    variant: node.tag.variant ?? "default",
+                    className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10"
+                  },
                   { default: () => node.tag?.label }
                 ) : null,
                 ...(node.tags ?? []).map(
@@ -358,7 +385,12 @@ var CommentThread = defineComponent({
                 ),
                 node.time ? h(
                   Text,
-                  { tag: "span", size: "xs", color: "muted", class: "ml-auto text-gray-400 dark:text-gray-500 font-normal" },
+                  {
+                    tag: "span",
+                    size: "xs",
+                    color: "muted",
+                    class: "ml-auto text-gray-400 dark:text-gray-500 font-normal"
+                  },
                   { default: () => formatCommentTime(node.time) }
                 ) : null
               ]),
@@ -417,13 +449,16 @@ var CommentThread = defineComponent({
                 {
                   size: "sm",
                   variant: "ghost",
-                  className: classNames("mt-2 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10 transition-colors", PRIMARY_BTN),
+                  className: classNames(
+                    "mt-2 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10 transition-colors",
+                    PRIMARY_BTN
+                  ),
                   "aria-expanded": isExpanded,
                   "aria-controls": repliesId,
                   onClick: () => toggleExpanded(node.id)
                 },
                 {
-                  default: () => isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${node.children.length} \u6761\u56DE\u590D`
+                  default: () => isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${children.length} \u6761\u56DE\u590D`
                 }
               ) : null,
               showReplies ? h(
@@ -458,21 +493,27 @@ var CommentThread = defineComponent({
       const children = resolvedNodes.value.length === 0 ? [
         h(
           "div",
-          { class: "flex flex-col items-center justify-center border border-dashed border-gray-200 dark:border-gray-800/80 rounded-xl py-12 px-4 bg-gray-50/20 dark:bg-gray-900/5 transition-colors" },
+          {
+            class: "flex flex-col items-center justify-center border border-dashed border-gray-200 dark:border-gray-800/80 rounded-xl py-12 px-4 bg-gray-50/20 dark:bg-gray-900/5 transition-colors"
+          },
           [
-            h("svg", {
-              class: "w-10 h-10 text-gray-300 dark:text-gray-600 mb-3",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              strokeWidth: "1.5"
-            }, [
-              h("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
-              })
-            ]),
+            h(
+              "svg",
+              {
+                class: "w-10 h-10 text-gray-300 dark:text-gray-600 mb-3",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                strokeWidth: "1.5"
+              },
+              [
+                h("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+                })
+              ]
+            ),
             h(
               Text,
               { tag: "div", size: "sm", color: "muted", class: "font-medium" },

package/dist/{chunk-TZDNF5SK.js → chunk-GY75BFAV.js}

@@ -117,7 +117,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
       default: void 0
     }
   },
-  emits: ["like", "reply", "more", "action", "expand-change", "load-more"],
+  emits: ["like", "reply", "more", "action", "update:expandedKeys", "load-more"],
   setup(props, { emit, attrs }) {
     const innerExpandedKeys = _vue.ref.call(void 0, [...props.defaultExpandedKeys]);
     const expandedAllKeys = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
@@ -141,7 +141,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
       if (!props.expandedKeys) {
         innerExpandedKeys.value = next;
       }
-      emit("expand-change", next);
+      emit("update:expandedKeys", next);
     };
     const toggleExpanded = (id) => {
       const current = mergedExpandedKeys.value;
@@ -167,13 +167,14 @@ var CommentThread = _vue.defineComponent.call(void 0, {
     const ACTION_BTN = `${BTN_BASE} text-gray-500 dark:text-gray-400 font-medium flex items-center gap-1.5`;
     const PRIMARY_BTN = `${BTN_BASE} text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary-hover,#1d4ed8)] dark:text-blue-400 dark:hover:text-blue-300 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10`;
     const renderNode = (node, depth, isLast) => {
-      const hasChildren = !!node.children && node.children.length > 0;
+      const children = _nullishCoalesce(node.children, () => ( []));
+      const hasChildren = children.length > 0;
       const isExpanded = expandedSet.value.has(node.id);
       const showReplies = hasChildren && isExpanded;
       const showAllReplies = expandedAllKeys.value.has(node.id);
       const repliesId = `tiger-comment-replies-${node.id}`;
-      const visibleChildren = showReplies ? props.maxReplies > 0 && !showAllReplies ? node.children.slice(0, props.maxReplies) : node.children : [];
-      const showLoadMore = showReplies && props.maxReplies > 0 && node.children.length > props.maxReplies && !showAllReplies;
+      const visibleChildren = showReplies ? props.maxReplies > 0 && !showAllReplies ? children.slice(0, props.maxReplies) : children : [];
+      const showLoadMore = showReplies && props.maxReplies > 0 && children.length > props.maxReplies && !showAllReplies;
       const actions = [];
       if (props.showLike) {
         const likeLabel = node.liked ? props.likedText : props.likeText;
@@ -194,17 +195,24 @@ var CommentThread = _vue.defineComponent.call(void 0, {
             },
             {
               default: () => _vue.h.call(void 0, "span", { class: "flex items-center gap-1.5" }, [
-                _vue.h.call(void 0, "svg", {
-                  class: _tigercatcore.classNames.call(void 0, "w-3.5 h-3.5 transition-transform duration-200 active:scale-125", node.liked ? "fill-current" : "stroke-current fill-none"),
-                  viewBox: "0 0 24 24",
-                  strokeWidth: "2"
-                }, [
-                  _vue.h.call(void 0, "path", {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    d: "M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.421.068.848.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 010-7.764c.26-.85.1083-1.368 1.972-1.368h.908c.445 0 .72.498.523.898a8.963 8.963 0 00-.27.602"
-                  })
-                ]),
+                _vue.h.call(void 0, 
+                  "svg",
+                  {
+                    class: _tigercatcore.classNames.call(void 0, 
+                      "w-3.5 h-3.5 transition-transform duration-200 active:scale-125",
+                      node.liked ? "fill-current" : "stroke-current fill-none"
+                    ),
+                    viewBox: "0 0 24 24",
+                    strokeWidth: "2"
+                  },
+                  [
+                    _vue.h.call(void 0, "path", {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.421.068.848.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 010-7.764c.26-.85.1083-1.368 1.972-1.368h.908c.445 0 .72.498.523.898a8.963 8.963 0 00-.27.602"
+                    })
+                  ]
+                ),
                 _vue.h.call(void 0, "span", `${likeLabel}${likeCount}`)
               ])
             }
@@ -230,19 +238,23 @@ var CommentThread = _vue.defineComponent.call(void 0, {
             },
             {
               default: () => _vue.h.call(void 0, "span", { class: "flex items-center gap-1.5" }, [
-                _vue.h.call(void 0, "svg", {
-                  class: "w-3.5 h-3.5",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2"
-                }, [
-                  _vue.h.call(void 0, "path", {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
-                  })
-                ]),
+                _vue.h.call(void 0, 
+                  "svg",
+                  {
+                    class: "w-3.5 h-3.5",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2"
+                  },
+                  [
+                    _vue.h.call(void 0, "path", {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+                    })
+                  ]
+                ),
                 _vue.h.call(void 0, "span", props.replyText)
               ])
             }
@@ -265,19 +277,23 @@ var CommentThread = _vue.defineComponent.call(void 0, {
             },
             {
               default: () => _vue.h.call(void 0, "span", { class: "flex items-center gap-1.5" }, [
-                _vue.h.call(void 0, "svg", {
-                  class: "w-3.5 h-3.5",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2"
-                }, [
-                  _vue.h.call(void 0, "path", {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    d: "M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
-                  })
-                ]),
+                _vue.h.call(void 0, 
+                  "svg",
+                  {
+                    class: "w-3.5 h-3.5",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2"
+                  },
+                  [
+                    _vue.h.call(void 0, "path", {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
+                    })
+                  ]
+                ),
                 _vue.h.call(void 0, "span", props.moreText)
               ])
             }
@@ -294,10 +310,7 @@ var CommentThread = _vue.defineComponent.call(void 0, {
                 key: actionKey,
                 size: "sm",
                 variant: _nullishCoalesce(action.variant, () => ( "ghost")),
-                className: _tigercatcore.classNames.call(void 0, 
-                  ACTION_BTN,
-                  "hover:bg-gray-100 dark:hover:bg-gray-800"
-                ),
+                className: _tigercatcore.classNames.call(void 0, ACTION_BTN, "hover:bg-gray-100 dark:hover:bg-gray-800"),
                 disabled: action.disabled,
                 onClick: () => {
                   _optionalChain([action, 'access', _ => _.onClick, 'optionalCall', _2 => _2(node, action)]);
@@ -331,17 +344,31 @@ var CommentThread = _vue.defineComponent.call(void 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, 
                   _chunkTGHB5XSTjs.Text,
-                  { tag: "span", size: "sm", weight: "bold", class: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer" },
+                  {
+                    tag: "span",
+                    size: "sm",
+                    weight: "bold",
+                    class: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer"
+                  },
                   { 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, 
                   _chunkTGHB5XSTjs.Text,
-                  { tag: "span", size: "xs", color: "muted", class: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-gray-500 dark:text-gray-400 font-medium" },
+                  {
+                    tag: "span",
+                    size: "xs",
+                    color: "muted",
+                    class: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-gray-500 dark:text-gray-400 font-medium"
+                  },
                   { default: () => _optionalChain([node, 'access', _9 => _9.user, 'optionalAccess', _10 => _10.title]) }
                 ) : null,
                 node.tag ? _vue.h.call(void 0, 
                   _chunkBPAZBRCRjs.Tag,
-                  { size: "sm", variant: _nullishCoalesce(node.tag.variant, () => ( "default")), className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10" },
+                  {
+                    size: "sm",
+                    variant: _nullishCoalesce(node.tag.variant, () => ( "default")),
+                    className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10"
+                  },
                   { default: () => _optionalChain([node, 'access', _11 => _11.tag, 'optionalAccess', _12 => _12.label]) }
                 ) : null,
                 ...(_nullishCoalesce(node.tags, () => ( []))).map(
@@ -358,7 +385,12 @@ var CommentThread = _vue.defineComponent.call(void 0, {
                 ),
                 node.time ? _vue.h.call(void 0, 
                   _chunkTGHB5XSTjs.Text,
-                  { tag: "span", size: "xs", color: "muted", class: "ml-auto text-gray-400 dark:text-gray-500 font-normal" },
+                  {
+                    tag: "span",
+                    size: "xs",
+                    color: "muted",
+                    class: "ml-auto text-gray-400 dark:text-gray-500 font-normal"
+                  },
                   { default: () => _tigercatcore.formatCommentTime.call(void 0, node.time) }
                 ) : null
               ]),
@@ -417,13 +449,16 @@ var CommentThread = _vue.defineComponent.call(void 0, {
                 {
                   size: "sm",
                   variant: "ghost",
-                  className: _tigercatcore.classNames.call(void 0, "mt-2 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10 transition-colors", PRIMARY_BTN),
+                  className: _tigercatcore.classNames.call(void 0, 
+                    "mt-2 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10 transition-colors",
+                    PRIMARY_BTN
+                  ),
                   "aria-expanded": isExpanded,
                   "aria-controls": repliesId,
                   onClick: () => toggleExpanded(node.id)
                 },
                 {
-                  default: () => isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${node.children.length} \u6761\u56DE\u590D`
+                  default: () => isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${children.length} \u6761\u56DE\u590D`
                 }
               ) : null,
               showReplies ? _vue.h.call(void 0, 
@@ -458,21 +493,27 @@ var CommentThread = _vue.defineComponent.call(void 0, {
       const children = resolvedNodes.value.length === 0 ? [
         _vue.h.call(void 0, 
           "div",
-          { class: "flex flex-col items-center justify-center border border-dashed border-gray-200 dark:border-gray-800/80 rounded-xl py-12 px-4 bg-gray-50/20 dark:bg-gray-900/5 transition-colors" },
+          {
+            class: "flex flex-col items-center justify-center border border-dashed border-gray-200 dark:border-gray-800/80 rounded-xl py-12 px-4 bg-gray-50/20 dark:bg-gray-900/5 transition-colors"
+          },
           [
-            _vue.h.call(void 0, "svg", {
-              class: "w-10 h-10 text-gray-300 dark:text-gray-600 mb-3",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              strokeWidth: "1.5"
-            }, [
-              _vue.h.call(void 0, "path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
-              })
-            ]),
+            _vue.h.call(void 0, 
+              "svg",
+              {
+                class: "w-10 h-10 text-gray-300 dark:text-gray-600 mb-3",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                strokeWidth: "1.5"
+              },
+              [
+                _vue.h.call(void 0, "path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+                })
+              ]
+            ),
             _vue.h.call(void 0, 
               _chunkTGHB5XSTjs.Text,
               { tag: "div", size: "sm", color: "muted", class: "font-medium" },