@expcat/tigercat-react 1.4.0 → 1.5.0

package/dist/{chunk-WV5XHYW6.js → chunk-23XPDNCA.js}

@@ -16,7 +16,7 @@ var ChartLegend = ({
   const containerClasses = _react.useMemo.call(void 0, 
     () => _tigercatcore.classNames.call(void 0, 
       "flex flex-wrap",
-      position === "right" || position === "left" ? "flex-col gap-2" : "flex-row gap-3",
+      position === "right" || position === "left" ? "flex-col" : "flex-row",
       className
     ),
     [position, className]
@@ -43,8 +43,9 @@ var ChartLegend = ({
     "div",
     {
       className: containerClasses,
-      role: "list",
+      role: interactive ? "group" : "list",
       "aria-label": "Chart legend",
+      style: { gap: `${gap}px` },
       "data-chart-legend": "true",
       children: items.map((item) => {
         const ItemComponent = interactive ? "button" : "div";
@@ -58,7 +59,8 @@ var ChartLegend = ({
               interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] hover:bg-[var(--tiger-chart-legend-row-hover-bg,transparent)] transition-colors" : "cursor-default",
               item.active === false ? "opacity-50" : void 0
             ),
-            role: "listitem",
+            role: interactive ? void 0 : "listitem",
+            "aria-pressed": interactive ? item.active !== false : void 0,
             "data-legend-item": "true",
             onClick: interactive ? () => handleClick(item) : void 0,
             onMouseEnter: interactive ? () => handleHover(item) : void 0,
@@ -78,7 +80,7 @@ var ChartLegend = ({
                   "data-legend-marker": "true"
                 }
               ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { marginRight: `${gap}px` }, children: item.label })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: item.label })
             ]
           },
           `legend-${item.index}`

package/dist/{chunk-UAM3RQY4.js → chunk-24NDLFPK.js}

@@ -70,18 +70,15 @@ var Form = _react.forwardRef.call(void 0,
       [config.locale, locale]
     );
     const [errors, setErrors] = _react.useState.call(void 0, []);
-    const [formValues, setFormValues] = _react.useState.call(void 0, model);
     const fieldRulesRef = _react2.default.useRef({});
     const fieldConditionsRef = _react2.default.useRef({});
     const formValuesRef = _react2.default.useRef(model);
+    const initialValuesRef = _react2.default.useRef({ ...model });
     const validationDebouncerRef = _react2.default.useRef(
       _tigercatcore.createFormValidationDebouncer.call(void 0, { delay: validateDebounce })
     );
     const errorsByField = _react.useMemo.call(void 0, () => _tigercatcore.createFormErrorMap.call(void 0, errors), [errors]);
     const [historyState, setHistoryState] = _react.useState.call(void 0, () => _tigercatcore.createFormHistory.call(void 0, model, maxHistorySize));
-    _react2.default.useEffect(() => {
-      setFormValues(model);
-    }, [model]);
     _react2.default.useEffect(() => {
       validationDebouncerRef.current.cancel();
       validationDebouncerRef.current = _tigercatcore.createFormValidationDebouncer.call(void 0, { delay: validateDebounce });
@@ -286,27 +283,28 @@ var Form = _react.forwardRef.call(void 0,
     }, []);
     const resetFields = _react.useCallback.call(void 0, () => {
       clearValidate();
-      setFormValues(model);
-    }, [model, clearValidate]);
+      const next = { ...initialValuesRef.current };
+      formValuesRef.current = next;
+      _optionalChain([onChange, 'optionalCall', _11 => _11(next)]);
+      if (undoable) {
+        setHistoryState(_tigercatcore.createFormHistory.call(void 0, next, maxHistorySize));
+      }
+    }, [clearValidate, onChange, undoable, maxHistorySize]);
     const addField = _react.useCallback.call(void 0, 
       (fieldName, defaultValue) => {
         if (!fieldName) return;
-        setFormValues((prev) => {
-          const next = { ...prev, [fieldName]: _nullishCoalesce(defaultValue, () => ( null)) };
-          _optionalChain([onChange, 'optionalCall', _11 => _11(next)]);
-          return next;
-        });
+        const next = { ...formValuesRef.current, [fieldName]: _nullishCoalesce(defaultValue, () => ( null)) };
+        formValuesRef.current = next;
+        _optionalChain([onChange, 'optionalCall', _12 => _12(next)]);
       },
       [onChange]
     );
     const removeField = _react.useCallback.call(void 0, 
       (fieldName) => {
         if (!fieldName) return;
-        setFormValues((prev) => {
-          const { [fieldName]: _, ...next } = prev;
-          _optionalChain([onChange, 'optionalCall', _12 => _12(next)]);
-          return next;
-        });
+        const { [fieldName]: _, ...next } = formValuesRef.current;
+        formValuesRef.current = next;
+        _optionalChain([onChange, 'optionalCall', _13 => _13(next)]);
         clearValidate(fieldName);
       },
       [onChange, clearValidate]
@@ -337,11 +335,9 @@ var Form = _react.forwardRef.call(void 0,
           }
           return clone;
         };
-        setFormValues((prevValues) => {
-          const newValues = setValueByPath(prevValues, fieldName, value);
-          _optionalChain([onChange, 'optionalCall', _13 => _13(newValues)]);
-          return newValues;
-        });
+        const newValues = setValueByPath(formValuesRef.current, fieldName, value);
+        formValuesRef.current = newValues;
+        _optionalChain([onChange, 'optionalCall', _14 => _14(newValues)]);
       },
       [onChange]
     );
@@ -354,9 +350,8 @@ var Form = _react.forwardRef.call(void 0,
       setHistoryState((prev) => {
         const result = _tigercatcore.undoFormHistory.call(void 0, prev);
         if (result) {
-          setFormValues(result.present);
           formValuesRef.current = result.present;
-          _optionalChain([onChange, 'optionalCall', _14 => _14(result.present)]);
+          _optionalChain([onChange, 'optionalCall', _15 => _15(result.present)]);
           return result;
         }
         return prev;
@@ -367,9 +362,8 @@ var Form = _react.forwardRef.call(void 0,
       setHistoryState((prev) => {
         const result = _tigercatcore.redoFormHistory.call(void 0, prev);
         if (result) {
-          setFormValues(result.present);
           formValuesRef.current = result.present;
-          _optionalChain([onChange, 'optionalCall', _15 => _15(result.present)]);
+          _optionalChain([onChange, 'optionalCall', _16 => _16(result.present)]);
           return result;
         }
         return prev;
@@ -380,7 +374,7 @@ var Form = _react.forwardRef.call(void 0,
         event.preventDefault();
         if (loading) return;
         const result = await runValidation();
-        _optionalChain([onSubmit, 'optionalCall', _16 => _16({ ...result, values: formValuesRef.current })]);
+        _optionalChain([onSubmit, 'optionalCall', _17 => _17({ ...result, values: formValuesRef.current })]);
       },
       [runValidation, onSubmit, loading]
     );
@@ -416,7 +410,7 @@ var Form = _react.forwardRef.call(void 0,
     );
     const contextValue = _react.useMemo.call(void 0, 
       () => ({
-        model: formValues,
+        model,
         rules,
         labelWidth,
         labelPosition,
@@ -436,7 +430,7 @@ var Form = _react.forwardRef.call(void 0,
         updateValue
       }),
       [
-        formValues,
+        model,
         rules,
         labelWidth,
         labelPosition,

package/dist/{chunk-NMKFR435.js → chunk-2LKX6CE7.js}

@@ -3,13 +3,13 @@
 var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
 
 
-var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
+var _chunk23XPDNCAjs = require('./chunk-23XPDNCA.js');
 
 
 var _chunkAX5XRD2Qjs = require('./chunk-AX5XRD2Q.js');
 
 
-var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+var _chunkSK7PXSVEjs = require('./chunk-SK7PXSVE.js');
 
 
 var _chunkE5GD3H7Ljs = require('./chunk-E5GD3H7L.js');
@@ -302,6 +302,9 @@ var BarChart = ({
               } : null
             },
             tabIndex: selectable ? 0 : void 0,
+            role: selectable ? "button" : "img",
+            "aria-label": _nullishCoalesce(bar.datum.label, () => ( String(bar.datum.x))),
+            "data-bar-index": bar.index,
             onMouseEnter: (e) => handleMouseEnter(bar.index, e),
             onMouseMove: handleMouseMove,
             onMouseLeave: handleMouseLeave,
@@ -333,7 +336,7 @@ var BarChart = ({
     }
   );
   const tooltip = showTooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUVMQJOTXjs.ChartTooltip,
+    _chunkSK7PXSVEjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: hoverable && resolvedHoveredIndex !== null && tooltipContent !== "",
@@ -350,7 +353,7 @@ var BarChart = ({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
     chart,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWV5XHYW6js.ChartLegend,
+      _chunk23XPDNCAjs.ChartLegend,
       {
         items: legendItems,
         position: legendPosition,

package/dist/{chunk-BEZO5IE4.js → chunk-2PV3F47T.js}

@@ -1,6 +1,6 @@
 "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 _chunkNVI2P7VHjs = require('./chunk-NVI2P7VH.js');
+var _chunkI6VHGILWjs = require('./chunk-I6VHGILW.js');
 
 // src/components/ImageGroup.tsx
 var _react = require('react');
@@ -44,7 +44,7 @@ var ImageGroup = ({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ImageGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getImageGroupClasses.call(void 0, className), role: "group", children: [
     children,
     preview && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNVI2P7VHjs.ImagePreview,
+      _chunkI6VHGILWjs.ImagePreview,
       {
         open: previewVisible,
         images: imagesRef.current,

package/dist/{chunk-ANN5P7TJ.js → chunk-2ZA4MUO2.js}

@@ -24,6 +24,11 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
+
+
+
+
 
 
 
@@ -90,7 +95,9 @@ var ColumnItem = _react2.default.memo(
     dragStateId,
     kbDragStateId,
     showCardCount,
-    allowAddCard
+    allowAddCard,
+    swimlanes,
+    swimlaneField
   }) => {
     const wipOver = _tigercatcore.isWipExceeded.call(void 0, column);
     const cardCount = showCardCount ? _tigercatcore.getColumnCardCount.call(void 0, column) : null;
@@ -99,32 +106,61 @@ var ColumnItem = _react2.default.memo(
       isDropTarget && _tigercatcore.taskBoardColumnDropTargetClasses,
       isColDragging && _tigercatcore.taskBoardColumnDraggingClasses
     );
+    const renderCardNode = (card, originalIndex) => {
+      const nodes = [];
+      if (isDropTarget && dropIdx === originalIndex) {
+        nodes.push(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.taskBoardDropIndicatorClasses }, `drop-${originalIndex}`));
+      }
+      const isDragging = dragStateId === card.id;
+      const isKbGrabbed = kbDragStateId === card.id;
+      nodes.push(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          CardItem,
+          {
+            card,
+            column,
+            isDragging,
+            isKbGrabbed,
+            draggable,
+            dragHintText: labels.dragHintText,
+            renderCard: renderCardProp,
+            dragCtrl
+          },
+          String(card.id)
+        )
+      );
+      return nodes;
+    };
     let cardsContent;
     if (column.cards.length > 0) {
-      const nodes = [];
-      column.cards.forEach((card, i) => {
-        if (isDropTarget && dropIdx === i) {
-          nodes.push(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.taskBoardDropIndicatorClasses }, `drop-${i}`));
-        }
-        const isDragging = dragStateId === card.id;
-        const isKbGrabbed = kbDragStateId === card.id;
-        nodes.push(
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            CardItem,
-            {
-              card,
-              column,
-              isDragging,
-              isKbGrabbed,
-              draggable,
-              dragHintText: labels.dragHintText,
-              renderCard: renderCardProp,
-              dragCtrl
-            },
-            String(card.id)
-          )
-        );
-      });
+      const nodes = swimlanes && swimlaneField ? _tigercatcore.groupBySwimlane.call(void 0, column.cards, swimlanes, swimlaneField).map((group) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: _tigercatcore.kanbanSwimlaneClasses,
+          "data-tiger-kanban-swimlane": "",
+          "data-tiger-kanban-swimlane-id": String(group.swimlane.id),
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.kanbanSwimlaneHeaderClasses, children: [
+              group.swimlane.color && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "span",
+                {
+                  className: _tigercatcore.kanbanSwimlaneDotClasses,
+                  style: { backgroundColor: group.swimlane.color }
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: group.swimlane.label }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-auto text-xs text-[var(--tiger-text-muted,#6b7280)]", children: group.cards.length })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: group.swimlane.collapsed ? _tigercatcore.kanbanSwimlaneCollapsedClasses : "", children: group.cards.flatMap(
+              (card) => renderCardNode(
+                card,
+                column.cards.findIndex((item) => item.id === card.id)
+              )
+            ) })
+          ]
+        },
+        String(group.swimlane.id)
+      )) : column.cards.flatMap((card, i) => renderCardNode(card, i));
       if (isDropTarget && dropIdx >= column.cards.length) {
         nodes.push(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.taskBoardDropIndicatorClasses }, "drop-end"));
       }
@@ -245,7 +281,7 @@ var ColumnItem = _react2.default.memo(
       }
     );
   },
-  (prev, next) => prev.column === next.column && prev.colIndex === next.colIndex && prev.isDropTarget === next.isDropTarget && prev.isColDragging === next.isColDragging && prev.dropIdx === next.dropIdx && prev.draggable === next.draggable && prev.columnDraggable === next.columnDraggable && prev.dragType === next.dragType && prev.dragStateId === next.dragStateId && prev.kbDragStateId === next.kbDragStateId && prev.onCardAdd === next.onCardAdd && prev.showCardCount === next.showCardCount && prev.allowAddCard === next.allowAddCard
+  (prev, next) => prev.column === next.column && prev.colIndex === next.colIndex && prev.isDropTarget === next.isDropTarget && prev.isColDragging === next.isColDragging && prev.dropIdx === next.dropIdx && prev.draggable === next.draggable && prev.columnDraggable === next.columnDraggable && prev.dragType === next.dragType && prev.dragStateId === next.dragStateId && prev.kbDragStateId === next.kbDragStateId && prev.onCardAdd === next.onCardAdd && prev.showCardCount === next.showCardCount && prev.allowAddCard === next.allowAddCard && prev.swimlanes === next.swimlanes && prev.swimlaneField === next.swimlaneField
 );
 ColumnItem.displayName = "TaskBoardColumnItem";
 var TaskBoard = ({
@@ -270,6 +306,8 @@ var TaskBoard = ({
   renderColumnHeader,
   renderColumnFooter,
   renderEmptyColumn,
+  swimlanes,
+  swimlaneField,
   locale,
   labels: labelsOverride,
   className,
@@ -410,12 +448,14 @@ var TaskBoard = ({
               dragStateId,
               kbDragStateId,
               showCardCount,
-              allowAddCard
+              allowAddCard,
+              swimlanes,
+              swimlaneField
             },
             String(col.id)
           );
         }),
-        allowAddColumn && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        allowAddColumn && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "div",
           {
             className: _tigercatcore.kanbanAddColumnClasses,
@@ -428,7 +468,10 @@ var TaskBoard = ({
                 _optionalChain([onColumnAdd, 'optionalCall', _19 => _19()]);
               }
             },
-            children: "+ Add column"
+            children: [
+              "+ ",
+              _tigercatcore.resolveLocaleText.call(void 0, labels.addColumnText)
+            ]
           }
         )
       ]

package/dist/{chunk-H4AR4GXH.js → chunk-3NVMKDMH.js}

@@ -43,14 +43,7 @@ var Splitter = ({
     const totalGutter = (paneCount2 - 1) * gutterSize;
     const total = direction === "horizontal" ? el.clientWidth - totalGutter : el.clientHeight - totalGutter;
     if (controlledSizes && controlledSizes.length > 0) {
-      if (total > 0) {
-        const sum = controlledSizes.reduce((a, b) => a + b, 0);
-        if (sum > 0) {
-          setPaneSizes(controlledSizes.map((s) => s / sum * total));
-        }
-      } else {
-        setPaneSizes([...controlledSizes]);
-      }
+      setPaneSizes([...controlledSizes]);
     } else {
       if (total > 0) {
         const eachSize = total / paneCount2;

package/dist/{chunk-7CHTTM6D.js → chunk-3RQ3FHJ7.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 _chunkP36GX65Njs = require('./chunk-P36GX65N.js');
+var _chunkFCCHM2B4js = require('./chunk-FCCHM2B4.js');
 
 
 var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
@@ -608,7 +608,7 @@ var Tree = (props) => {
           }
         ),
         ctx.virtual ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkP36GX65Njs.VirtualList,
+          _chunkFCCHM2B4js.VirtualList,
           {
             itemCount: ctx.visibleItems.length,
             itemHeight: ctx.itemHeight,

package/dist/{chunk-ELRZ2ZHM.mjs → chunk-4DRJA5ZK.mjs}

@@ -23,6 +23,7 @@ import {
   getGestureTouchPoint,
   resolveSwipeGesture,
   isKeyActive,
+  getNextActiveKey,
   tabAddButtonClasses,
   tabCloseButtonClasses,
   tabContentBaseClasses
@@ -43,8 +44,7 @@ var TabPane = ({
   children,
   renderMode = "pane",
   tabId,
-  panelId,
-  tabIndex
+  panelId
 }) => {
   const tabsContext = useTabsContext();
   if (!tabsContext) {
@@ -90,10 +90,8 @@ var TabPane = ({
       return;
     }
     const tabList = event.currentTarget?.closest('[role="tablist"]');
-    const tabButtons = Array.from(
-      tabList?.querySelectorAll('[role="tab"]') ?? []
-    );
-    const enabled = tabButtons.filter((button) => !button.disabled);
+    const tabButtons = Array.from(tabList?.querySelectorAll('[role="tab"]') ?? []);
+    const enabled = tabButtons.filter((button) => button.getAttribute("aria-disabled") !== "true");
     const currentIndex = enabled.findIndex((button) => button.id === tabId);
     if (currentIndex === -1) {
       return;
@@ -125,23 +123,22 @@ var TabPane = ({
     }
   };
   const handleClose = (event) => {
+    event.stopPropagation();
     if (!disabled) {
       tabsContext.handleTabClose(tabKey, event);
     }
   };
   if (renderMode === "tab") {
     return /* @__PURE__ */ jsxs(
-      "button",
+      "div",
       {
-        type: "button",
         className: tabItemClasses,
         role: "tab",
         id: tabId,
         "aria-controls": panelId,
         "aria-selected": isActive,
         "aria-disabled": disabled,
-        disabled,
-        tabIndex: typeof tabIndex === "number" ? tabIndex : isActive ? 0 : -1,
+        tabIndex: disabled ? -1 : isActive ? 0 : -1,
         "data-tiger-tabs-id": tabsContext.idBase,
         "data-tiger-tab-key": typeof tabKey === "number" ? `n:${tabKey}` : `s:${tabKey}`,
         onClick: handleClick,
@@ -150,9 +147,9 @@ var TabPane = ({
           icon && /* @__PURE__ */ jsx("span", { className: "flex items-center", children: icon }),
           /* @__PURE__ */ jsx("span", { children: label }),
           isClosable && /* @__PURE__ */ jsx(
-            "span",
+            "button",
             {
-              role: "button",
+              type: "button",
               className: tabCloseButtonClasses,
               "aria-label": `Close ${String(label)}`,
               tabIndex: -1,
@@ -234,7 +231,6 @@ var Tabs = ({
       if (firstKey === void 0) firstKey = key;
       keys.push(key);
       if (!child.props.disabled) enabledKeys.push(key);
-      const resolvedActiveKey = controlledActiveKey ?? defaultActiveKey ?? firstKey;
       const tabId = `${idBase}-tab-${String(key)}`;
       const panelId = `${idBase}-panel-${String(key)}`;
       items.push(
@@ -242,8 +238,7 @@ var Tabs = ({
           key: `tab-${String(key)}`,
           renderMode: "tab",
           tabId,
-          panelId,
-          tabIndex: key === resolvedActiveKey ? 0 : -1
+          panelId
         })
       );
       panes.push(
@@ -262,7 +257,7 @@ var Tabs = ({
       tabKeys: keys,
       enabledTabKeys: enabledKeys
     };
-  }, [children, controlledActiveKey, defaultActiveKey, idBase]);
+  }, [children, idBase]);
   const activeKey = controlledActiveKey !== void 0 ? controlledActiveKey : internalActiveKey !== void 0 ? internalActiveKey : firstTabKey;
   const activeTabIndex = useMemo(() => tabKeys.indexOf(activeKey ?? ""), [tabKeys, activeKey]);
   const handleTabClick = useCallback(
@@ -281,9 +276,12 @@ var Tabs = ({
   const handleTabClose = useCallback(
     (key, event) => {
       event.stopPropagation();
+      if (controlledActiveKey === void 0 && key === activeKey) {
+        setInternalActiveKey(getNextActiveKey(key, activeKey, tabKeys));
+      }
       onEdit?.({ targetKey: key, action: "remove" });
     },
-    [onEdit]
+    [onEdit, controlledActiveKey, activeKey, tabKeys]
   );
   const handleTabAdd = useCallback(() => {
     onEdit?.({ targetKey: void 0, action: "add" });

package/dist/{chunk-J3N24I7A.mjs → chunk-4F3UTDFE.mjs}

@@ -1,6 +1,10 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/QRCode.tsx
 import { useMemo } from "react";
-import { classNames } from "@expcat/tigercat-core";
+import { classNames, mergeTigerLocale, resolveLocaleText } from "@expcat/tigercat-core";
 import {
   qrcodeContainerClasses,
   qrcodeOverlayClasses,
@@ -17,11 +21,25 @@ var QRCode = ({
   level: _level = "M",
   status = "active",
   onRefresh,
-  className
+  className,
+  locale
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
   const matrix = useMemo(() => generateQRMatrix(value), [value]);
   const moduleSize = useMemo(() => size / matrix.length, [size, matrix.length]);
   const containerClass = classNames(qrcodeContainerClasses, className);
+  const ariaLabel = resolveLocaleText("QR Code", mergedLocale?.qrcode?.ariaLabel);
+  const expiredText = resolveLocaleText("QR code expired", mergedLocale?.qrcode?.expiredText);
+  const refreshText = resolveLocaleText("Refresh", mergedLocale?.qrcode?.refreshText);
+  const loadingText = resolveLocaleText(
+    "Loading...",
+    mergedLocale?.qrcode?.loadingText,
+    mergedLocale?.common?.loadingText
+  );
   return /* @__PURE__ */ jsxs("div", { className: containerClass, style: { width: size, height: size }, children: [
     /* @__PURE__ */ jsxs(
       "svg",
@@ -31,7 +49,7 @@ var QRCode = ({
         viewBox: `0 0 ${size} ${size}`,
         xmlns: "http://www.w3.org/2000/svg",
         role: "img",
-        "aria-label": "QR Code",
+        "aria-label": ariaLabel,
         children: [
           /* @__PURE__ */ jsx("rect", { width: size, height: size, fill: bgColor }),
           matrix.flatMap(
@@ -53,10 +71,10 @@ var QRCode = ({
       }
     ),
     status === "expired" && /* @__PURE__ */ jsxs("div", { className: qrcodeOverlayClasses, children: [
-      /* @__PURE__ */ jsx("span", { className: qrcodeExpiredTextClasses, children: "QR code expired" }),
-      /* @__PURE__ */ jsx("span", { className: qrcodeRefreshClasses, onClick: onRefresh, children: "Refresh" })
+      /* @__PURE__ */ jsx("span", { className: qrcodeExpiredTextClasses, children: expiredText }),
+      /* @__PURE__ */ jsx("span", { className: qrcodeRefreshClasses, onClick: onRefresh, children: refreshText })
     ] }),
-    status === "loading" && /* @__PURE__ */ jsx("div", { className: qrcodeOverlayClasses, children: /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500", children: "Loading..." }) })
+    status === "loading" && /* @__PURE__ */ jsx("div", { className: qrcodeOverlayClasses, children: /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500", children: loadingText }) })
   ] });
 };
 var QRCode_default = QRCode;