@expcat/tigercat-vue 1.3.3 → 1.4.0

package/dist/{chunk-MJP2SNLK.mjs → chunk-KY6AJRGT.mjs}

@@ -1,9 +1,9 @@
 import {
   Timeline
-} from "./chunk-VCBBWDOV.mjs";
+} from "./chunk-DOJPPVAN.mjs";
 import {
   Loading
-} from "./chunk-XQRKFOXS.mjs";
+} from "./chunk-6WF3336O.mjs";
 import {
   Link
 } from "./chunk-3MO7A4GU.mjs";
@@ -140,7 +140,10 @@ var ActivityFeed = defineComponent({
       return h(
         "div",
         {
-          class: classNames(activityItemClasses, "p-4 rounded-2xl border border-gray-100/70 dark:border-gray-800/40 bg-white/40 dark:bg-gray-900/15 backdrop-blur-sm shadow-sm transition-all duration-300 hover:shadow-md hover:shadow-gray-100/30 dark:hover:shadow-none hover:bg-white dark:hover:bg-gray-900/30 hover:-translate-y-0.5 w-full")
+          class: classNames(
+            activityItemClasses,
+            "p-4 rounded-2xl border border-gray-100/70 dark:border-gray-800/40 bg-white/40 dark:bg-gray-900/15 backdrop-blur-sm shadow-sm transition-all duration-300 hover:shadow-md hover:shadow-gray-100/30 dark:hover:shadow-none hover:bg-white dark:hover:bg-gray-900/30 hover:-translate-y-0.5 w-full"
+          )
         },
         [
           h("div", { class: activityItemLayoutClasses }, [
@@ -155,7 +158,12 @@ var ActivityFeed = defineComponent({
                 h("div", { class: activityItemTitleGroupClasses }, [
                   titleText ? h(
                     Text,
-                    { tag: "div", size: "sm", weight: "semibold", class: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer truncate" },
+                    {
+                      tag: "div",
+                      size: "sm",
+                      weight: "semibold",
+                      class: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer truncate"
+                    },
                     { default: () => titleText }
                   ) : null,
                   item.status ? h(
@@ -185,11 +193,18 @@ var ActivityFeed = defineComponent({
                   tag: "div",
                   size: "sm",
                   color: "muted",
-                  class: classNames(activityItemDescriptionClasses, "text-gray-600 dark:text-gray-300 leading-relaxed pl-0.5 mt-1")
+                  class: classNames(
+                    activityItemDescriptionClasses,
+                    "text-gray-600 dark:text-gray-300 leading-relaxed pl-0.5 mt-1"
+                  )
                 },
                 { default: () => descriptionText }
               ) : null,
-              actionNodes?.length ? h("div", { class: classNames(activityItemActionsClasses, "mt-2.5") }, actionNodes) : null
+              actionNodes?.length ? h(
+                "div",
+                { class: classNames(activityItemActionsClasses, "mt-2.5") },
+                actionNodes
+              ) : null
             ])
           ])
         ]
@@ -202,7 +217,10 @@ var ActivityFeed = defineComponent({
     const feedAriaBusy = computed(() => attrs["aria-busy"] ?? (props.loading ? "true" : void 0));
     return () => {
       if (props.loading) {
-        const loadingNode = slots.loading ? slots.loading() : h(Loading, { text: props.loadingText, class: "text-blue-500 dark:text-blue-400 font-medium" });
+        const loadingNode = slots.loading ? slots.loading() : h(Loading, {
+          text: props.loadingText,
+          class: "text-blue-500 dark:text-blue-400 font-medium"
+        });
         return h(
           "div",
           {
@@ -231,20 +249,28 @@ var ActivityFeed = defineComponent({
       }
       if (resolvedGroups.value.length === 0) {
         const emptyNode = slots.empty ? slots.empty() : h("div", { class: "flex flex-col items-center justify-center py-12 px-4" }, [
-          h("svg", {
-            class: "w-12 h-12 text-gray-300 dark:text-gray-600 mb-3 animate-pulse",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            strokeWidth: "1.5"
-          }, [
-            h("path", {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              d: "M12 7.5h1.5m-1.5 3h1.5m-7.5 3h10.5m-10.5 3h10.5m-13.5-9h16.5M3 5.25h18M3 18.75h18"
-            })
-          ]),
-          h(Text, { tag: "div", size: "sm", color: "muted", class: "font-medium" }, { default: () => props.emptyText })
+          h(
+            "svg",
+            {
+              class: "w-12 h-12 text-gray-300 dark:text-gray-600 mb-3 animate-pulse",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              strokeWidth: "1.5"
+            },
+            [
+              h("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M12 7.5h1.5m-1.5 3h1.5m-7.5 3h10.5m-10.5 3h10.5m-13.5-9h16.5M3 5.25h18M3 18.75h18"
+              })
+            ]
+          ),
+          h(
+            Text,
+            { tag: "div", size: "sm", color: "muted", class: "font-medium" },
+            { default: () => props.emptyText }
+          )
         ]);
         return h(
           "div",
@@ -287,10 +313,17 @@ var ActivityFeed = defineComponent({
           const timelineItems = toActivityTimelineItems(group.items);
           return h("div", { key: group.key ?? groupIndex, class: "space-y-3" }, [
             props.showGroupTitle && groupTitle ? headerNode ?? h("div", { class: "flex items-center gap-2 mb-2" }, [
-              h("span", { class: "w-1.5 h-3.5 bg-blue-500 rounded-full dark:bg-blue-400 shadow-sm shadow-blue-500/20" }),
+              h("span", {
+                class: "w-1.5 h-3.5 bg-blue-500 rounded-full dark:bg-blue-400 shadow-sm shadow-blue-500/20"
+              }),
               h(
                 Text,
-                { tag: "span", size: "sm", weight: "bold", class: "text-gray-900 dark:text-gray-100 uppercase tracking-wider" },
+                {
+                  tag: "span",
+                  size: "sm",
+                  weight: "bold",
+                  class: "text-gray-900 dark:text-gray-100 uppercase tracking-wider"
+                },
                 { default: () => groupTitle }
               )
             ]) : null,
@@ -321,7 +354,9 @@ var ActivityFeed = defineComponent({
                     pulseClass = "bg-blue-500/30";
                   }
                   return h("div", { class: "relative flex items-center justify-center w-4 h-4" }, [
-                    pulseClass ? h("span", { class: `absolute inline-flex h-full w-full rounded-full animate-ping opacity-75 ${pulseClass}` }) : null,
+                    pulseClass ? h("span", {
+                      class: `absolute inline-flex h-full w-full rounded-full animate-ping opacity-75 ${pulseClass}`
+                    }) : null,
                     h("span", { class: `${baseDotClass} ${colorClass} relative z-10` })
                   ]);
                 }

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

@@ -1,6 +1,9 @@
 import {
   VirtualList
 } from "./chunk-PENI3H3I.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/Tree.ts
 import { defineComponent, computed, ref, h, watch, nextTick } from "vue";
@@ -22,6 +25,8 @@ import {
   getSpinnerSVG,
   normalizeSvgAttrs,
   getVisibleTreeItems,
+  getFirstVisibleChildKey,
+  getTreeKeyboardAction,
   getParentKeys,
   getAllKeys,
   findNode,
@@ -30,7 +35,9 @@ import {
   getCheckedKeysByStrategy,
   filterTreeNodes,
   getAutoExpandKeys,
-  checkedSetsFromState
+  checkedSetsFromState,
+  resolveLocaleText,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var spinnerSvg = getSpinnerSVG("spinner");
 var ExpandIcon = (expanded, hasChildren) => {
@@ -218,7 +225,7 @@ var Tree = defineComponent({
      */
     emptyText: {
       type: String,
-      default: "No data"
+      default: void 0
     },
     /**
      * Accessible label for the tree container
@@ -263,6 +270,13 @@ var Tree = defineComponent({
     className: {
       type: String,
       default: void 0
+    },
+    /**
+     * Locale overrides merged on top of ConfigProvider locale
+     */
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   emits: [
@@ -279,6 +293,8 @@ var Tree = defineComponent({
   ],
   setup(props, { emit, attrs }) {
     const rootEl = ref(null);
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const effectiveSelectable = computed(() => {
       if (props.selectionMode !== void 0) {
         return props.selectionMode !== "none";
@@ -496,21 +512,6 @@ var Tree = defineComponent({
     function getCurrentKey(fallbackKey) {
       return activeKey.value ?? defaultActiveKey.value ?? fallbackKey;
     }
-    function getNavigationIndex(key) {
-      return focusableKeys.value.findIndex((k) => k === key);
-    }
-    function getFirstChildKey(key) {
-      const list = visibleItems.value;
-      const index = list.findIndex((i) => i.key === key);
-      if (index < 0) return void 0;
-      const base = list[index];
-      for (let i = index + 1; i < list.length; i++) {
-        const item = list[i];
-        if (item.level <= base.level) break;
-        if (item.parentKey === key && !item.node.disabled) return item.key;
-      }
-      return void 0;
-    }
     function renderTreeRow(node, level) {
       const hasChildren = !!(node.children && node.children.length > 0);
       const isExpanded = computedExpandedKeys.value.has(node.key);
@@ -602,83 +603,41 @@ var Tree = defineComponent({
           onKeydown: (e) => {
             if (node.disabled) return;
             const currentKey = getCurrentKey(node.key);
-            const currentIndex = getNavigationIndex(currentKey);
             const parents = getParentKeys(props.treeData, node.key);
             const parentKey = parents[parents.length - 1];
-            if (e.key === "ArrowDown") {
-              e.preventDefault();
-              focusKey(focusableKeys.value[currentIndex + 1] ?? currentKey);
-              return;
-            }
-            if (e.key === "ArrowUp") {
-              e.preventDefault();
-              focusKey(focusableKeys.value[currentIndex - 1] ?? currentKey);
-              return;
-            }
-            if (e.key === "Home") {
-              e.preventDefault();
-              focusKey(focusableKeys.value[0] ?? currentKey);
-              return;
-            }
-            if (e.key === "End") {
-              e.preventDefault();
-              focusKey(focusableKeys.value[focusableKeys.value.length - 1] ?? currentKey);
-              return;
-            }
-            if (e.key === "ArrowRight") {
-              e.preventDefault();
-              if (isExpandable && !isExpanded) {
-                handleExpand(node.key);
-                return;
-              }
-              if (isExpandable && isExpanded) {
-                focusKey(getFirstChildKey(node.key) ?? currentKey);
-              }
-              return;
-            }
-            if (e.key === "ArrowLeft") {
-              e.preventDefault();
-              if (isExpandable && isExpanded) {
-                handleExpand(node.key);
-                return;
-              }
-              focusKey(parentKey ?? currentKey);
-              return;
-            }
-            if (e.key === "Escape") {
-              e.preventDefault();
-              if (isExpandable && isExpanded) {
-                handleExpand(node.key);
-                return;
-              }
-              if (parentKey !== void 0) {
-                if (computedExpandedKeys.value.has(parentKey)) {
-                  handleExpand(parentKey);
-                }
-                focusKey(parentKey);
-              }
-              return;
-            }
-            if (e.key === "Enter") {
-              e.preventDefault();
-              if (effectiveSelectable.value) {
-                handleSelect(node.key, e);
-                return;
-              }
-              if (isExpandable) {
-                handleExpand(node.key);
-              }
-              return;
-            }
-            if (e.key === " ") {
-              e.preventDefault();
-              if (props.checkable) {
-                handleCheck(node.key, !isChecked);
-                return;
-              }
-              if (isExpandable) {
-                handleExpand(node.key);
-              }
+            const action = getTreeKeyboardAction({
+              key: e.key,
+              nodeKey: node.key,
+              currentKey,
+              focusableKeys: focusableKeys.value,
+              parentKey,
+              firstChildKey: getFirstVisibleChildKey(visibleItems.value, node.key),
+              isExpandable,
+              isExpanded,
+              isParentExpanded: parentKey !== void 0 && computedExpandedKeys.value.has(parentKey),
+              isChecked,
+              selectable: effectiveSelectable.value,
+              checkable: !!props.checkable
+            });
+            if (!action) return;
+            e.preventDefault();
+            switch (action.type) {
+              case "focus":
+                focusKey(action.key);
+                break;
+              case "toggleExpand":
+                handleExpand(action.key);
+                break;
+              case "select":
+                handleSelect(action.key, e);
+                break;
+              case "check":
+                handleCheck(action.key, action.checked);
+                break;
+              case "collapseAndFocus":
+                if (action.collapseKey !== void 0) handleExpand(action.collapseKey);
+                focusKey(action.focusKey);
+                break;
             }
           },
           onClick: (e) => {
@@ -693,7 +652,8 @@ var Tree = defineComponent({
       );
     }
     function renderTreeNode(node, level) {
-      const hasChildren = !!(node.children && node.children.length > 0);
+      const children = node.children ?? [];
+      const hasChildren = children.length > 0;
       const isExpanded = computedExpandedKeys.value.has(node.key);
       const isFiltered = filteredNodeKeys.value.size > 0;
       const isMatched = filteredNodeKeys.value.has(node.key);
@@ -714,7 +674,7 @@ var Tree = defineComponent({
             {
               class: classNames(treeNodeChildrenClasses, props.showLine && treeLineClasses)
             },
-            node.children.map((child) => renderTreeNode(child, level + 1))
+            children.map((child) => renderTreeNode(child, level + 1))
           )
         ]
       );
@@ -734,13 +694,22 @@ var Tree = defineComponent({
             role: "tree",
             "aria-label": props.ariaLabel
           },
-          [h("div", { class: treeEmptyStateClasses }, props.emptyText)]
+          [
+            h(
+              "div",
+              { class: treeEmptyStateClasses },
+              resolveLocaleText("No data", props.emptyText, mergedLocale.value?.common?.emptyText)
+            )
+          ]
         );
       }
       const searchInput = props.searchable ? h("input", {
         type: "text",
         class: "w-full mb-2 px-2 py-1 text-sm border border-[var(--tiger-border,#e5e7eb)] rounded bg-[var(--tiger-surface,#ffffff)] focus:outline-none focus:ring-1 focus:ring-[var(--tiger-primary,#2563eb)]",
-        placeholder: "Search...",
+        placeholder: resolveLocaleText(
+          "Search...",
+          mergedLocale.value?.common?.searchPlaceholder
+        ),
         value: internalSearchValue.value,
         onInput: (e) => {
           internalSearchValue.value = e.target.value;

package/dist/{chunk-NYR6OQO4.js → chunk-LG55VN6B.js}

@@ -1,9 +1,9 @@
 "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 _chunkRBHF7NOQjs = require('./chunk-RBHF7NOQ.js');
+var _chunkTXQEHRQBjs = require('./chunk-TXQEHRQB.js');
 
 
-var _chunk6XI4VDU4js = require('./chunk-6XI4VDU4.js');
+var _chunkRBWJSHKRjs = require('./chunk-RBWJSHKR.js');
 
 
 var _chunk2DC3BMEDjs = require('./chunk-2DC3BMED.js');
@@ -140,7 +140,10 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
       return _vue.h.call(void 0, 
         "div",
         {
-          class: _tigercatcore.classNames.call(void 0, _tigercatcore.activityItemClasses, "p-4 rounded-2xl border border-gray-100/70 dark:border-gray-800/40 bg-white/40 dark:bg-gray-900/15 backdrop-blur-sm shadow-sm transition-all duration-300 hover:shadow-md hover:shadow-gray-100/30 dark:hover:shadow-none hover:bg-white dark:hover:bg-gray-900/30 hover:-translate-y-0.5 w-full")
+          class: _tigercatcore.classNames.call(void 0, 
+            _tigercatcore.activityItemClasses,
+            "p-4 rounded-2xl border border-gray-100/70 dark:border-gray-800/40 bg-white/40 dark:bg-gray-900/15 backdrop-blur-sm shadow-sm transition-all duration-300 hover:shadow-md hover:shadow-gray-100/30 dark:hover:shadow-none hover:bg-white dark:hover:bg-gray-900/30 hover:-translate-y-0.5 w-full"
+          )
         },
         [
           _vue.h.call(void 0, "div", { class: _tigercatcore.activityItemLayoutClasses }, [
@@ -155,7 +158,12 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
                 _vue.h.call(void 0, "div", { class: _tigercatcore.activityItemTitleGroupClasses }, [
                   titleText ? _vue.h.call(void 0, 
                     _chunkTGHB5XSTjs.Text,
-                    { tag: "div", size: "sm", weight: "semibold", class: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer truncate" },
+                    {
+                      tag: "div",
+                      size: "sm",
+                      weight: "semibold",
+                      class: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer truncate"
+                    },
                     { default: () => titleText }
                   ) : null,
                   item.status ? _vue.h.call(void 0, 
@@ -185,11 +193,18 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
                   tag: "div",
                   size: "sm",
                   color: "muted",
-                  class: _tigercatcore.classNames.call(void 0, _tigercatcore.activityItemDescriptionClasses, "text-gray-600 dark:text-gray-300 leading-relaxed pl-0.5 mt-1")
+                  class: _tigercatcore.classNames.call(void 0, 
+                    _tigercatcore.activityItemDescriptionClasses,
+                    "text-gray-600 dark:text-gray-300 leading-relaxed pl-0.5 mt-1"
+                  )
                 },
                 { default: () => descriptionText }
               ) : null,
-              _optionalChain([actionNodes, 'optionalAccess', _8 => _8.length]) ? _vue.h.call(void 0, "div", { class: _tigercatcore.classNames.call(void 0, _tigercatcore.activityItemActionsClasses, "mt-2.5") }, actionNodes) : null
+              _optionalChain([actionNodes, 'optionalAccess', _8 => _8.length]) ? _vue.h.call(void 0, 
+                "div",
+                { class: _tigercatcore.classNames.call(void 0, _tigercatcore.activityItemActionsClasses, "mt-2.5") },
+                actionNodes
+              ) : null
             ])
           ])
         ]
@@ -202,7 +217,10 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
     const feedAriaBusy = _vue.computed.call(void 0, () => _nullishCoalesce(attrs["aria-busy"], () => ( (props.loading ? "true" : void 0))));
     return () => {
       if (props.loading) {
-        const loadingNode = slots.loading ? slots.loading() : _vue.h.call(void 0, _chunk6XI4VDU4js.Loading, { text: props.loadingText, class: "text-blue-500 dark:text-blue-400 font-medium" });
+        const loadingNode = slots.loading ? slots.loading() : _vue.h.call(void 0, _chunkRBWJSHKRjs.Loading, {
+          text: props.loadingText,
+          class: "text-blue-500 dark:text-blue-400 font-medium"
+        });
         return _vue.h.call(void 0, 
           "div",
           {
@@ -231,20 +249,28 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
       }
       if (resolvedGroups.value.length === 0) {
         const emptyNode = slots.empty ? slots.empty() : _vue.h.call(void 0, "div", { class: "flex flex-col items-center justify-center py-12 px-4" }, [
-          _vue.h.call(void 0, "svg", {
-            class: "w-12 h-12 text-gray-300 dark:text-gray-600 mb-3 animate-pulse",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            strokeWidth: "1.5"
-          }, [
-            _vue.h.call(void 0, "path", {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              d: "M12 7.5h1.5m-1.5 3h1.5m-7.5 3h10.5m-10.5 3h10.5m-13.5-9h16.5M3 5.25h18M3 18.75h18"
-            })
-          ]),
-          _vue.h.call(void 0, _chunkTGHB5XSTjs.Text, { tag: "div", size: "sm", color: "muted", class: "font-medium" }, { default: () => props.emptyText })
+          _vue.h.call(void 0, 
+            "svg",
+            {
+              class: "w-12 h-12 text-gray-300 dark:text-gray-600 mb-3 animate-pulse",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              strokeWidth: "1.5"
+            },
+            [
+              _vue.h.call(void 0, "path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M12 7.5h1.5m-1.5 3h1.5m-7.5 3h10.5m-10.5 3h10.5m-13.5-9h16.5M3 5.25h18M3 18.75h18"
+              })
+            ]
+          ),
+          _vue.h.call(void 0, 
+            _chunkTGHB5XSTjs.Text,
+            { tag: "div", size: "sm", color: "muted", class: "font-medium" },
+            { default: () => props.emptyText }
+          )
         ]);
         return _vue.h.call(void 0, 
           "div",
@@ -287,15 +313,22 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
           const timelineItems = _tigercatcore.toActivityTimelineItems.call(void 0, group.items);
           return _vue.h.call(void 0, "div", { key: _nullishCoalesce(group.key, () => ( groupIndex)), class: "space-y-3" }, [
             props.showGroupTitle && groupTitle ? _nullishCoalesce(headerNode, () => ( _vue.h.call(void 0, "div", { class: "flex items-center gap-2 mb-2" }, [
-              _vue.h.call(void 0, "span", { class: "w-1.5 h-3.5 bg-blue-500 rounded-full dark:bg-blue-400 shadow-sm shadow-blue-500/20" }),
+              _vue.h.call(void 0, "span", {
+                class: "w-1.5 h-3.5 bg-blue-500 rounded-full dark:bg-blue-400 shadow-sm shadow-blue-500/20"
+              }),
               _vue.h.call(void 0, 
                 _chunkTGHB5XSTjs.Text,
-                { tag: "span", size: "sm", weight: "bold", class: "text-gray-900 dark:text-gray-100 uppercase tracking-wider" },
+                {
+                  tag: "span",
+                  size: "sm",
+                  weight: "bold",
+                  class: "text-gray-900 dark:text-gray-100 uppercase tracking-wider"
+                },
                 { default: () => groupTitle }
               )
             ]))) : null,
             _vue.h.call(void 0, 
-              _chunkRBHF7NOQjs.Timeline,
+              _chunkTXQEHRQBjs.Timeline,
               {
                 items: timelineItems,
                 style: {
@@ -321,7 +354,9 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
                     pulseClass = "bg-blue-500/30";
                   }
                   return _vue.h.call(void 0, "div", { class: "relative flex items-center justify-center w-4 h-4" }, [
-                    pulseClass ? _vue.h.call(void 0, "span", { class: `absolute inline-flex h-full w-full rounded-full animate-ping opacity-75 ${pulseClass}` }) : null,
+                    pulseClass ? _vue.h.call(void 0, "span", {
+                      class: `absolute inline-flex h-full w-full rounded-full animate-ping opacity-75 ${pulseClass}`
+                    }) : null,
                     _vue.h.call(void 0, "span", { class: `${baseDotClass} ${colorClass} relative z-10` })
                   ]);
                 }

package/dist/{chunk-LA5YKXPH.mjs → chunk-LHOSPU6V.mjs}

@@ -1,12 +1,12 @@
-import {
-  useTigerConfig
-} from "./chunk-VG6E4NX6.mjs";
 import {
   renderVueBodyTeleport,
   useVueBodyScrollLock,
   useVueEscapeKey,
   useVueFocusTrap
 } from "./chunk-BDTPFPSB.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/Drawer.ts
 import {

package/dist/{chunk-OKLDFVDJ.js → chunk-LYF6AAQ7.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
 
 // src/components/TaskBoard.ts
 var _vue = require('vue');
@@ -96,7 +96,7 @@ var TaskBoard = _vue.defineComponent.call(void 0, {
   },
   emits: ["card-move", "column-move", "card-add", "column-add", "update:columns"],
   setup(props, { slots, attrs, emit }) {
-    const config = _chunk25EYT2CBjs.useTigerConfig.call(void 0, );
+    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 labels = _vue.computed.call(void 0, () => _tigercatcore.getTaskBoardLabels.call(void 0, mergedLocale.value, props.labels));
     const innerColumns = _vue.ref.call(void 0, _nullishCoalesce(_nullishCoalesce(props.columns, () => ( props.defaultColumns)), () => ( [])));

package/dist/{chunk-Z7ETXBOL.mjs → chunk-M2ECZQ2D.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/Transfer.ts
 import { defineComponent, h, ref, computed } from "vue";
 import {
@@ -19,7 +23,9 @@ import {
   classNames,
   icon20ViewBox,
   chevronLeftSolidIcon20PathD,
-  chevronRightSolidIcon20PathD
+  chevronRightSolidIcon20PathD,
+  resolveLocaleText,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 function ArrowIcon(pathD) {
   return h(
@@ -72,15 +78,24 @@ var Transfer = defineComponent({
     },
     notFoundText: {
       type: String,
-      default: "No data"
+      default: void 0
     },
     filterOption: {
       type: Function,
       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 config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const sourceSelectedKeys = ref(/* @__PURE__ */ new Set());
     const targetSelectedKeys = ref(/* @__PURE__ */ new Set());
     const sourceSearch = ref("");
@@ -167,7 +182,10 @@ var Transfer = defineComponent({
         props.showSearch ? h("input", {
           type: "text",
           class: transferSearchClasses,
-          placeholder: "Search...",
+          placeholder: resolveLocaleText(
+            "Search...",
+            mergedLocale.value?.common?.searchPlaceholder
+          ),
           value: searchValue,
           "aria-label": `Search ${title}`,
           onInput: (e) => onSearch(e.target.value)
@@ -202,7 +220,17 @@ var Transfer = defineComponent({
                 h("span", { class: "flex-1 truncate" }, item.label)
               ]
             );
-          }) : [h("div", { class: transferEmptyClasses }, props.notFoundText)]
+          }) : [
+            h(
+              "div",
+              { class: transferEmptyClasses },
+              resolveLocaleText(
+                "No data",
+                props.notFoundText,
+                mergedLocale.value?.common?.emptyText
+              )
+            )
+          ]
         )
       ]);
     }

package/dist/{chunk-ZDKGABPQ.mjs → chunk-MOLGN476.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskBoard
-} from "./chunk-25VVIM45.mjs";
+} from "./chunk-6K4UE5MK.mjs";
 
 // src/components/Kanban.ts
 import { defineComponent, h } from "vue";