@expcat/tigercat-react 1.3.4 → 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-CY5GRTAX.js → chunk-24NDLFPK.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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/Form.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/Form.tsx
 
 
 
@@ -25,6 +29,8 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var FormContext = _react.createContext.call(void 0, null);
@@ -54,22 +60,25 @@ var Form = _react.forwardRef.call(void 0,
     validateDebounce = 0,
     undoable = false,
     maxHistorySize = 50,
+    locale,
     ...props
   }, ref) => {
     const resolvedLabelAlign = _nullishCoalesce(labelAlign, () => ( (labelPosition === "top" ? "left" : "right")));
+    const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+    const validationMessages = _react.useMemo.call(void 0, 
+      () => _tigercatcore.getFormValidationLabels.call(void 0, _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale)),
+      [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 });
@@ -161,9 +170,16 @@ var Form = _react.forwardRef.call(void 0,
         }
         const currentValues = formValuesRef.current;
         const value = _tigercatcore.getValueByPath.call(void 0, currentValues, fieldName);
-        return _tigercatcore.validateField.call(void 0, fieldName, value, fieldRules, currentValues, trigger);
+        return _tigercatcore.validateField.call(void 0, 
+          fieldName,
+          value,
+          fieldRules,
+          currentValues,
+          trigger,
+          validationMessages
+        );
       },
-      [resolveFieldRules]
+      [resolveFieldRules, validationMessages]
     );
     const validateFieldNow = _react.useCallback.call(void 0, 
       async (fieldName, rulesOverride, trigger) => {
@@ -219,10 +235,10 @@ var Form = _react.forwardRef.call(void 0,
         setErrors([]);
         return { valid: true, errors: [] };
       }
-      const result = await _tigercatcore.validateForm.call(void 0, formValuesRef.current, effectiveRules);
+      const result = await _tigercatcore.validateForm.call(void 0, formValuesRef.current, effectiveRules, validationMessages);
       setErrors(result.errors);
       return result;
-    }, [getEffectiveRules]);
+    }, [getEffectiveRules, validationMessages]);
     const validate = _react.useCallback.call(void 0, async () => {
       const result = await runValidation();
       return result.valid;
@@ -267,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]
@@ -318,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]
     );
@@ -335,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;
@@ -348,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;
@@ -361,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]
     );
@@ -397,7 +410,7 @@ var Form = _react.forwardRef.call(void 0,
     );
     const contextValue = _react.useMemo.call(void 0, 
       () => ({
-        model: formValues,
+        model,
         rules,
         labelWidth,
         labelPosition,
@@ -417,7 +430,7 @@ var Form = _react.forwardRef.call(void 0,
         updateValue
       }),
       [
-        formValues,
+        model,
         rules,
         labelWidth,
         labelPosition,

package/dist/{chunk-3SV6J7I5.mjs → chunk-2L7QEOFD.mjs}

@@ -1,9 +1,15 @@
+import {
+  useControlledState
+} from "./chunk-WHYHLUXG.mjs";
 import {
   renderBodyPortal,
   useBodyScrollLock,
   useEscapeKey,
   useFocusTrap
 } from "./chunk-SEWNVIHH.mjs";
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 
 // src/components/Spotlight.tsx
 import React, { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
@@ -20,6 +26,8 @@ import {
   getSpotlightOptionClasses,
   getSpotlightSearchState,
   getSpotlightShortcutLabel,
+  mergeTigerLocale,
+  resolveLocaleText,
   restoreFocus,
   shouldCloseOnMaskClick,
   spotlightEmptyClasses,
@@ -49,8 +57,9 @@ var Spotlight = ({
   defaultQuery = "",
   items = EMPTY_ITEMS,
   title = "Spotlight",
-  placeholder = "Search",
-  emptyText = "No results found",
+  placeholder,
+  emptyText,
+  locale,
   inputAriaLabel,
   listboxLabel,
   closeOnSelect = true,
@@ -67,13 +76,27 @@ var Spotlight = ({
   style,
   ...rest
 }) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
-  const [uncontrolledQuery, setUncontrolledQuery] = useState(defaultQuery);
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const placeholderText = resolveLocaleText(
+    "Search",
+    placeholder,
+    mergedLocale?.common?.searchPlaceholder
+  );
+  const [resolvedOpen, setOpenValue] = useControlledState(
+    open,
+    defaultOpen ?? false,
+    onOpenChange
+  );
+  const [resolvedQuery, setQueryValue] = useControlledState(
+    query,
+    defaultQuery ?? "",
+    onQueryChange
+  );
   const [activeIndex, setActiveIndex] = useState(-1);
-  const isOpenControlled = open !== void 0;
-  const isQueryControlled = query !== void 0;
-  const resolvedOpen = isOpenControlled ? Boolean(open) : uncontrolledOpen;
-  const resolvedQuery = isQueryControlled ? String(query) : uncontrolledQuery;
   const reactId = useId();
   const dialogId = `tiger-spotlight-${reactId}`;
   const titleId = `${dialogId}-title`;
@@ -85,20 +108,6 @@ var Spotlight = ({
     () => getSpotlightSearchState(items, resolvedQuery, { filterItem, limit }),
     [items, resolvedQuery, filterItem, limit]
   );
-  const setOpenValue = useCallback(
-    (nextOpen) => {
-      if (!isOpenControlled) setUncontrolledOpen(nextOpen);
-      onOpenChange?.(nextOpen);
-    },
-    [isOpenControlled, onOpenChange]
-  );
-  const setQueryValue = useCallback(
-    (nextQuery) => {
-      if (!isQueryControlled) setUncontrolledQuery(nextQuery);
-      onQueryChange?.(nextQuery);
-    },
-    [isQueryControlled, onQueryChange]
-  );
   const closeSpotlight = useCallback(() => {
     setOpenValue(false);
   }, [setOpenValue]);
@@ -200,8 +209,8 @@ var Spotlight = ({
                 value: resolvedQuery,
                 type: "search",
                 className: spotlightInputClasses,
-                placeholder,
-                "aria-label": inputAriaLabel ?? placeholder,
+                placeholder: placeholderText,
+                "aria-label": inputAriaLabel ?? placeholderText,
                 autoComplete: "off",
                 ...getPickerComboboxAria({
                   expanded: true,
@@ -256,7 +265,7 @@ var Spotlight = ({
                 group.label ?? `group-${groupIndex}`
               ))
             }
-          ) : /* @__PURE__ */ jsx("div", { className: spotlightEmptyClasses, children: emptyText })
+          ) : /* @__PURE__ */ jsx("div", { className: spotlightEmptyClasses, children: resolveLocaleText("No results found", emptyText, mergedLocale?.common?.emptyText) })
         ]
       }
     )

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-MB6U72CI.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 _chunk4U5HSR2Hjs = require('./chunk-4U5HSR2H.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, 
-      _chunk4U5HSR2Hjs.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-NPTXXUXF.mjs → chunk-3RBRWBUG.mjs}

@@ -1,9 +1,12 @@
 import {
   RadioGroupContext
-} from "./chunk-IG75YSX3.mjs";
+} from "./chunk-4MONGWU5.mjs";
+import {
+  useControlledState
+} from "./chunk-WHYHLUXG.mjs";
 
 // src/components/Radio.tsx
-import { useContext, useMemo, useState } from "react";
+import { useContext, useMemo } from "react";
 import {
   classNames,
   getRadioDotClasses,
@@ -27,13 +30,12 @@ var Radio = ({
   ...props
 }) => {
   const groupContext = useContext(RadioGroupContext);
-  const [internalChecked, setInternalChecked] = useState(defaultChecked);
-  const isCheckedControlled = checked !== void 0;
+  const [checkedState, setChecked] = useControlledState(checked, defaultChecked);
   const isInGroup = !!groupContext;
   const actualSize = size || groupContext?.size || "md";
   const actualDisabled = disabled !== void 0 ? disabled : groupContext?.disabled || false;
   const actualName = name || groupContext?.name || "";
-  const isChecked = checked !== void 0 ? checked : groupContext?.value !== void 0 ? groupContext.value === value : internalChecked;
+  const isChecked = checked === void 0 && groupContext?.value !== void 0 ? groupContext.value === value : checkedState;
   const radioClasses = useMemo(
     () => getRadioVisualClasses({
       size: actualSize,
@@ -66,8 +68,8 @@ var Radio = ({
     }
     const newChecked = event.target.checked;
     if (!newChecked) return;
-    if (!isCheckedControlled && !isInGroup) {
-      setInternalChecked(true);
+    if (!isInGroup) {
+      setChecked(true);
     }
     onChange?.(value);
     groupContext?.onChange?.(value);