@expcat/tigercat-vue 1.3.3 → 1.4.0

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" },

package/dist/{chunk-ZSCOAOJJ.js → chunk-HMYVPBWI.js}

@@ -1,4 +1,8 @@
-"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; }// src/components/Cascader.ts
+"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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
+// src/components/Cascader.ts
 var _vue = require('vue');
 
 
@@ -20,6 +24,8 @@ var _vue = require('vue');
 
 
 
+
+
 
 
 
@@ -86,12 +92,21 @@ var Cascader = _vue.defineComponent.call(void 0, {
     },
     notFoundText: {
       type: String,
-      default: "No results found"
+      default: void 0
+    },
+    /**
+     * Locale overrides merged on top of ConfigProvider locale
+     */
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit, attrs }) {
     const instanceId = ++cascaderInstanceId;
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
     const isOpen = _vue.ref.call(void 0, false);
     const searchQuery = _vue.ref.call(void 0, "");
     const activePath = _vue.ref.call(void 0, []);
@@ -282,7 +297,10 @@ var Cascader = _vue.defineComponent.call(void 0, {
               ref: searchInputRef,
               type: "text",
               class: _tigercatcore.cascaderSearchInputClasses,
-              placeholder: "Search...",
+              placeholder: _tigercatcore.resolveLocaleText.call(void 0, 
+                "Search...",
+                _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.searchPlaceholder])
+              ),
               value: searchQuery.value,
               onInput: handleSearchInput,
               "aria-label": "Search options"
@@ -291,7 +309,17 @@ var Cascader = _vue.defineComponent.call(void 0, {
         }
         if (isSearchMode.value) {
           if (searchResults.value.length === 0) {
-            children.push(_vue.h.call(void 0, "div", { class: _tigercatcore.cascaderEmptyStateClasses }, props.notFoundText));
+            children.push(
+              _vue.h.call(void 0, 
+                "div",
+                { class: _tigercatcore.cascaderEmptyStateClasses },
+                _tigercatcore.resolveLocaleText.call(void 0, 
+                  "No results found",
+                  props.notFoundText,
+                  _optionalChain([mergedLocale, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.emptyText])
+                )
+              )
+            );
           } else {
             const searchList = _vue.h.call(void 0, 
               "div",
@@ -305,7 +333,7 @@ var Cascader = _vue.defineComponent.call(void 0, {
                       item.disabled && "opacity-50 cursor-not-allowed"
                     ),
                     ..._tigercatcore.getPickerOptionAria.call(void 0, {
-                      selected: _optionalChain([props, 'access', _ => _.modelValue, 'optionalAccess', _2 => _2.join, 'call', _3 => _3(",")]) === item.valuePath.join(","),
+                      selected: _optionalChain([props, 'access', _7 => _7.modelValue, 'optionalAccess', _8 => _8.join, 'call', _9 => _9(",")]) === item.valuePath.join(","),
                       disabled: item.disabled
                     }),
                     onClick: () => handleSearchResultClick(item.valuePath, item.disabled)

package/dist/{chunk-P7RXZVLT.js → chunk-HZBE2RY4.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/AutoComplete.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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
+// src/components/AutoComplete.ts
 
 
 
@@ -25,6 +29,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var autoCompleteInstanceId = 0;
 var ClearIcon = _vue.h.call(void 0, 
@@ -85,10 +91,16 @@ var AutoComplete = _vue.defineComponent.call(void 0, {
     allowFreeInput: {
       type: Boolean,
       default: true
+    },
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "select", "search", "change"],
   setup(props, { emit, attrs }) {
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
     const instanceId = ++autoCompleteInstanceId;
     const listboxId = `tiger-autocomplete-listbox-${instanceId}`;
     const isOpen = _vue.ref.call(void 0, false);
@@ -224,7 +236,7 @@ var AutoComplete = _vue.defineComponent.call(void 0, {
             {
               type: "button",
               class: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-autocomplete-clear,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-autocomplete-clear-hover,var(--tiger-text,#111827))] transition-colors",
-              "aria-label": "Clear",
+              "aria-label": _tigercatcore.resolveLocaleText.call(void 0, "Clear", _optionalChain([mergedLocale, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.clearText])),
               onClick: handleClear
             },
             [ClearIcon]

package/dist/{chunk-25EYT2CB.js → chunk-IXTYS3EK.js}

@@ -15,6 +15,7 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var TigerConfigKey = /* @__PURE__ */ Symbol("TigerConfig");
 function useTigerConfig() {
@@ -105,7 +106,7 @@ var ConfigProvider = _vue.defineComponent.call(void 0, {
     _vue.watch.call(void 0, 
       () => merged.value.direction,
       (direction) => {
-        if (!direction || typeof document === "undefined") return;
+        if (!direction || !_tigercatcore.isBrowser.call(void 0, )) return;
         const root = document.documentElement;
         if (previousDir === null && previousDataDir === null) {
           previousDir = root.getAttribute("dir");
@@ -117,7 +118,7 @@ var ConfigProvider = _vue.defineComponent.call(void 0, {
       { immediate: true }
     );
     _vue.onBeforeUnmount.call(void 0, () => {
-      if (typeof document === "undefined") return;
+      if (!_tigercatcore.isBrowser.call(void 0, )) return;
       const root = document.documentElement;
       if (previousDir === null) root.removeAttribute("dir");
       else root.setAttribute("dir", previousDir);

package/dist/{chunk-W6VKVYWZ.mjs → chunk-J6YCXMVY.mjs}

@@ -166,7 +166,7 @@ var Image = defineComponent({
       if (ht) base.height = ht;
       return mergeStyleValues(attrs.style, props.style, base);
     });
-    const imgClasses = computed(() => getImageImgClasses(props.fit));
+    const imgClasses = computed(() => getImageImgClasses(props.fit ?? "cover"));
     return () => {
       const forwardedAttrs = Object.fromEntries(
         Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")

package/dist/{chunk-Q4MH333P.js → chunk-JCPTFBLY.js}

@@ -66,7 +66,7 @@ var CheckboxGroup = _vue.defineComponent.call(void 0, {
     const internalValue = _vue.ref.call(void 0, props.defaultValue);
     const isControlled = _vue.computed.call(void 0, () => props.modelValue !== void 0);
     const value = _vue.computed.call(void 0, () => {
-      return isControlled.value ? props.modelValue : internalValue.value;
+      return props.modelValue !== void 0 ? props.modelValue : internalValue.value;
     });
     const updateValue = (val, checked) => {
       if (props.disabled) return;

package/dist/{chunk-CFWGZ4QP.mjs → chunk-KH2CF6JU.mjs}

@@ -1,18 +1,18 @@
 import {
   Select
-} from "./chunk-IZQ7BRHC.mjs";
+} from "./chunk-QAMXVTNN.mjs";
 import {
   Radio
 } from "./chunk-YZP4K6KI.mjs";
-import {
-  useTigerConfig
-} from "./chunk-VG6E4NX6.mjs";
 import {
   Empty
 } from "./chunk-WFISP42H.mjs";
 import {
   Checkbox
-} from "./chunk-2BNQGU7E.mjs";
+} from "./chunk-UKMOWUYH.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/Table.ts
 import {
@@ -28,7 +28,7 @@ import {
   classNames as classNames3,
   createTableResizeObserverController,
   formatTableSelectRowAriaLabel,
-  formatTableSortByText,
+  formatTableSortByText as formatTableSortByText2,
   getCardColumns,
   getCardGridInfo,
   getTableColgroup,
@@ -211,7 +211,7 @@ var tableEmits = [
   "sort-change",
   "filter-change",
   "update:hiddenColumnKeys",
-  "hidden-columns-change",
+  "hidden-column-keys-change",
   "page-change",
   "expand-change",
   "cell-change",
@@ -231,9 +231,9 @@ import {
   filterDataAdvanced,
   groupDataByColumn,
   getFixedColumnOffsets,
-  getFixedVirtualRange,
   filterHiddenColumns,
-  freezeTableColumnWidths
+  freezeTableColumnWidths,
+  orderTableFixedColumns
 } from "@expcat/tigercat-core";
 import { exportTableData, downloadTableExport } from "@expcat/tigercat-core";
 function useTableState(props, emit, measuredColumnWidths) {
@@ -344,7 +344,7 @@ function useTableState(props, emit, measuredColumnWidths) {
         fixed: hasOverride ? fixedOverrides.value[column.key] : column.fixed
       };
     });
-    return filterHiddenColumns(mapped, hiddenColumnKeys.value);
+    return orderTableFixedColumns(filterHiddenColumns(mapped, hiddenColumnKeys.value));
   });
   const fixedColumnsInfo = computed(() => {
     return getFixedColumnOffsets(displayColumns.value, measuredColumnWidths.value);
@@ -373,7 +373,7 @@ function useTableState(props, emit, measuredColumnWidths) {
       uncontrolledHiddenColumnKeys.value = hiddenKeys;
     }
     emit("update:hiddenColumnKeys", hiddenKeys);
-    emit("hidden-columns-change", hiddenKeys);
+    emit("hidden-column-keys-change", hiddenKeys);
   }
   function toggleColumnLock(columnKey) {
     const original = props.columns.find((c) => c.key === columnKey)?.fixed;
@@ -620,7 +620,6 @@ function useTableState(props, emit, measuredColumnWidths) {
     dragRowKey.value = null;
   }
   const virtualScrollTop = ref(0);
-  void getFixedVirtualRange;
   const groupedData = computed(() => {
     if (!props.groupBy) return null;
     return groupDataByColumn(paginatedData.value, props.groupBy);
@@ -756,9 +755,10 @@ import {
   getTableFixedHeaderCellClasses,
   getFixedColumnStyle,
   getCheckboxCellClasses,
-  getExpandIconCellClasses
+  getExpandIconCellClasses,
+  formatTableSortByText
 } from "@expcat/tigercat-core";
-function renderTableHeader(ctx, props, slots) {
+function renderTableHeader(ctx, props, slots, labels) {
   const headerCells = [];
   const expandAtStart = props.expandable && props.expandable.expandIconPosition !== "end";
   const expandAtEnd = props.expandable && props.expandable.expandIconPosition === "end";
@@ -816,7 +816,10 @@ function renderTableHeader(ctx, props, slots) {
               "inline-flex items-center",
               column.fixed === "left" || column.fixed === "right" ? "text-[var(--tiger-primary,#2563eb)]" : "text-gray-400 hover:text-gray-700"
             ),
-            "aria-label": column.fixed === "left" || column.fixed === "right" ? `Unlock column ${column.title}` : `Lock column ${column.title}`,
+            "aria-label": formatTableSortByText(
+              column.fixed === "left" || column.fixed === "right" ? labels.unlockColumnAriaLabel : labels.lockColumnAriaLabel,
+              String(column.title)
+            ),
             onClick: (e) => {
               e.stopPropagation();
               ctx.toggleColumnLock(column.key);
@@ -1216,13 +1219,14 @@ function renderPagination(ctx, props, view) {
   );
   const finalPrevAriaLabel = view?.disableI18n ? finalPrevText : labels.prevPageAriaLabel;
   const finalNextAriaLabel = view?.disableI18n ? finalNextText : labels.nextPageAriaLabel;
-  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [10, 20, 50, 100];
+  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [
+    10,
+    20,
+    50,
+    100
+  ];
   return h5("div", { class: getSimplePaginationContainerClasses() }, [
-    paginationConfig.showTotal !== false && h5(
-      "div",
-      { class: getSimplePaginationTotalClasses() },
-      finalTotalText
-    ),
+    paginationConfig.showTotal !== false && h5("div", { class: getSimplePaginationTotalClasses() }, finalTotalText),
     h5("div", { class: getSimplePaginationControlsClasses() }, [
       paginationConfig.showSizeChanger !== false && h5(
         "select",
@@ -1416,7 +1420,7 @@ var Table = defineComponent({
       ) : null;
       const tableChildren = [
         colgroup,
-        renderTableHeader(ctx, renderProps, slots),
+        renderTableHeader(ctx, renderProps, slots, tableLabels.value),
         renderTableBody(ctx, renderProps, slots),
         renderSummaryRow(ctx, renderProps)
       ];
@@ -1487,11 +1491,11 @@ var Table = defineComponent({
                     { label: tableLabels.value.clearSortText, value: "" },
                     ...sortableColumns.flatMap((column) => [
                       {
-                        label: `${formatTableSortByText(tableLabels.value.sortByText, column.title)} \u2191`,
+                        label: `${formatTableSortByText2(tableLabels.value.sortByText, column.title)} \u2191`,
                         value: `${column.key}:asc`
                       },
                       {
-                        label: `${formatTableSortByText(tableLabels.value.sortByText, column.title)} \u2193`,
+                        label: `${formatTableSortByText2(tableLabels.value.sortByText, column.title)} \u2193`,
                         value: `${column.key}:desc`
                       }
                     ])

package/dist/{chunk-Q47OK3FR.js → chunk-KN64NDJS.js}

@@ -332,9 +332,7 @@ var ChatWindow = _vue.defineComponent.call(void 0, {
               {
                 class: "h-full flex items-center justify-center py-8"
               },
-              [
-                _vue.h.call(void 0, _chunkNOZ65AMOjs.Empty, { description: props.emptyText })
-              ]
+              [_vue.h.call(void 0, _chunkNOZ65AMOjs.Empty, { description: props.emptyText })]
             )
           ] : props.messages.map((message, index) => renderMessageItem(message, index))
         ),