@expcat/tigercat-react 1.0.4 → 1.0.7

package/dist/chunk-7BVXG3Z5.mjs

@@ -0,0 +1,22 @@
+import { TaskBoard } from './chunk-DBNAL6G6.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+var Kanban = ({
+  showCardCount = true,
+  allowAddCard = true,
+  allowAddColumn = false,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    TaskBoard,
+    {
+      showCardCount,
+      allowAddCard,
+      allowAddColumn,
+      ...props
+    }
+  );
+};
+var Kanban_default = Kanban;
+
+export { Kanban, Kanban_default };

package/dist/{chunk-EHU3J4B2.mjs → chunk-DBNAL6G6.mjs}

@@ -1,6 +1,6 @@
 import { useTigerConfig } from './chunk-CRSMECWE.mjs';
 import React, { useMemo, useState, useEffect, useRef, useCallback } from 'react';
-import { classNames, taskBoardCardClasses, taskBoardCardDraggingClasses, isWipExceeded, taskBoardColumnClasses, taskBoardColumnDropTargetClasses, taskBoardColumnDraggingClasses, taskBoardDropIndicatorClasses, resolveLocaleText, taskBoardEmptyClasses, taskBoardColumnHeaderClasses, taskBoardWipExceededClasses, taskBoardColumnBodyClasses, taskBoardAddCardClasses, mergeTigerLocale, getTaskBoardLabels, createTouchDragTracker, moveCard, reorderColumns, setDragData, createCardDragData, getDropIndex, parseDragData, createColumnDragData, getColumnDropIndex, findColumnFromPoint, taskBoardBaseClasses } from '@expcat/tigercat-core';
+import { classNames, taskBoardCardClasses, taskBoardCardDraggingClasses, isWipExceeded, getColumnCardCount, taskBoardColumnClasses, taskBoardColumnDropTargetClasses, taskBoardColumnDraggingClasses, taskBoardDropIndicatorClasses, resolveLocaleText, taskBoardEmptyClasses, taskBoardColumnHeaderClasses, taskBoardWipExceededClasses, kanbanCardCountClasses, taskBoardColumnBodyClasses, taskBoardAddCardClasses, mergeTigerLocale, getTaskBoardLabels, filterColumns, createTouchDragTracker, moveCard, reorderColumns, setDragData, createCardDragData, getDropIndex, parseDragData, createColumnDragData, getColumnDropIndex, findColumnFromPoint, taskBoardBaseClasses, kanbanAddColumnClasses } from '@expcat/tigercat-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var CardItem = React.memo(
@@ -83,9 +83,12 @@ var ColumnItem = React.memo(
     onColumnTouchEnd,
     onCardKeyDown,
     dragStateId,
-    kbDragStateId
+    kbDragStateId,
+    showCardCount,
+    allowAddCard
   }) => {
     const wipOver = isWipExceeded(column);
+    const cardCount = showCardCount ? getColumnCardCount(column) : null;
     const colClasses = classNames(
       taskBoardColumnClasses,
       isDropTarget && taskBoardColumnDropTargetClasses,
@@ -153,7 +156,7 @@ var ColumnItem = React.memo(
               children: renderColumnHeader ? renderColumnHeader(column) : /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsxs("span", { className: wipOver ? taskBoardWipExceededClasses : void 0, children: [
                   column.title,
-                  column.wipLimit != null ? /* @__PURE__ */ jsxs("span", { className: "ml-2 text-xs font-normal opacity-70", title: wipTitle, children: [
+                  showCardCount && cardCount ? null : column.wipLimit != null ? /* @__PURE__ */ jsxs("span", { className: "ml-2 text-xs font-normal opacity-70", title: wipTitle, children: [
                     "(",
                     column.cards.length,
                     "/",
@@ -161,6 +164,16 @@ var ColumnItem = React.memo(
                     ")"
                   ] }) : /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs font-normal opacity-50", children: column.cards.length })
                 ] }),
+                showCardCount && cardCount && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: classNames(
+                      kanbanCardCountClasses,
+                      wipOver && taskBoardWipExceededClasses
+                    ),
+                    children: cardCount.limit ? `${cardCount.count}/${cardCount.limit}` : `${cardCount.count}`
+                  }
+                ),
                 column.description && /* @__PURE__ */ jsx("span", { className: "text-xs font-normal text-[var(--tiger-text-muted,#6b7280)] truncate max-w-[120px]", children: column.description })
               ] })
             }
@@ -177,14 +190,22 @@ var ColumnItem = React.memo(
               children: cardsContent
             }
           ),
-          renderColumnFooter ? renderColumnFooter(column) : onCardAdd ? /* @__PURE__ */ jsxs(
+          renderColumnFooter ? renderColumnFooter(column) : onCardAdd || allowAddCard ? /* @__PURE__ */ jsxs(
             "div",
             {
               className: classNames(
                 "border-t border-[var(--tiger-border,#e5e7eb)]",
                 taskBoardAddCardClasses
               ),
-              onClick: () => onCardAdd(column.id),
+              role: "button",
+              tabIndex: 0,
+              onClick: () => onCardAdd?.(column.id),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  onCardAdd?.(column.id);
+                }
+              },
               children: [
                 /* @__PURE__ */ jsx("span", { children: "+" }),
                 /* @__PURE__ */ jsx("span", { children: resolveLocaleText(labels.addCardText) })
@@ -195,7 +216,7 @@ var ColumnItem = React.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, 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
 );
 ColumnItem.displayName = "TaskBoardColumnItem";
 var TaskBoard = ({
@@ -210,6 +231,12 @@ var TaskBoard = ({
   onColumnMove,
   onColumnsChange,
   onCardAdd,
+  filterText = "",
+  hiddenColumns,
+  showCardCount = false,
+  allowAddCard = false,
+  allowAddColumn = false,
+  onColumnAdd,
   renderCard: renderCardProp,
   renderColumnHeader,
   renderColumnFooter,
@@ -230,6 +257,12 @@ var TaskBoard = ({
     if (controlledColumns !== void 0) setInnerColumns(controlledColumns);
   }, [controlledColumns]);
   const currentColumns = controlledColumns ?? innerColumns;
+  const visibleColumns = useMemo(() => {
+    if (!filterText && (!hiddenColumns || hiddenColumns.length === 0)) {
+      return currentColumns;
+    }
+    return filterColumns(currentColumns, filterText, hiddenColumns);
+  }, [currentColumns, filterText, hiddenColumns]);
   const columnsRef = useRef(currentColumns);
   columnsRef.current = currentColumns;
   const updateColumns = useCallback(
@@ -477,7 +510,7 @@ var TaskBoard = ({
   const dragType = dragState?.type ?? null;
   const dragStateId = dragState?.type === "card" ? dragState.id : null;
   const kbDragStateId = kbDragState?.id ?? null;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       ref: boardRef,
@@ -487,47 +520,67 @@ var TaskBoard = ({
       "aria-label": resolveLocaleText(labels.boardAriaLabel),
       "data-tiger-task-board": "",
       ...rest,
-      children: currentColumns.map((col, i) => {
-        const isDropTarget = dragState?.type === "card" && dropTargetColumnId === col.id;
-        const isColDragging = dragState?.type === "column" && dragState.id === col.id;
-        return /* @__PURE__ */ jsx(
-          ColumnItem,
+      children: [
+        visibleColumns.map((col, i) => {
+          const isDropTarget = dragState?.type === "card" && dropTargetColumnId === col.id;
+          const isColDragging = dragState?.type === "column" && dragState.id === col.id;
+          return /* @__PURE__ */ jsx(
+            ColumnItem,
+            {
+              column: col,
+              colIndex: i,
+              isDropTarget,
+              isColDragging,
+              dropIdx: isDropTarget ? dropIdx : -1,
+              draggable,
+              columnDraggable,
+              labels,
+              renderCardProp,
+              renderColumnHeader,
+              renderColumnFooter,
+              renderEmptyColumn,
+              onCardAdd,
+              dragType,
+              onCardDragStart: handleCardDragStart,
+              onCardDragOver: handleCardDragOver,
+              onCardDrop: handleCardDrop,
+              onDragEnd: handleDragEnd,
+              onDragLeave: handleDragLeave,
+              onColumnDragStart: handleColumnDragStart,
+              onColumnDragOver: handleColumnDragOver,
+              onColumnDrop: handleColumnDrop,
+              onCardTouchStart: handleTouchStart,
+              onCardTouchMove: handleTouchMove,
+              onCardTouchEnd: handleTouchEnd,
+              onColumnTouchStart: handleColumnTouchStart,
+              onColumnTouchMove: handleColumnTouchMove,
+              onColumnTouchEnd: handleColumnTouchEnd,
+              onCardKeyDown: handleCardKeyDown,
+              dragStateId,
+              kbDragStateId,
+              showCardCount,
+              allowAddCard
+            },
+            String(col.id)
+          );
+        }),
+        allowAddColumn && /* @__PURE__ */ jsx(
+          "div",
           {
-            column: col,
-            colIndex: i,
-            isDropTarget,
-            isColDragging,
-            dropIdx: isDropTarget ? dropIdx : -1,
-            draggable,
-            columnDraggable,
-            labels,
-            renderCardProp,
-            renderColumnHeader,
-            renderColumnFooter,
-            renderEmptyColumn,
-            onCardAdd,
-            dragType,
-            onCardDragStart: handleCardDragStart,
-            onCardDragOver: handleCardDragOver,
-            onCardDrop: handleCardDrop,
-            onDragEnd: handleDragEnd,
-            onDragLeave: handleDragLeave,
-            onColumnDragStart: handleColumnDragStart,
-            onColumnDragOver: handleColumnDragOver,
-            onColumnDrop: handleColumnDrop,
-            onCardTouchStart: handleTouchStart,
-            onCardTouchMove: handleTouchMove,
-            onCardTouchEnd: handleTouchEnd,
-            onColumnTouchStart: handleColumnTouchStart,
-            onColumnTouchMove: handleColumnTouchMove,
-            onColumnTouchEnd: handleColumnTouchEnd,
-            onCardKeyDown: handleCardKeyDown,
-            dragStateId,
-            kbDragStateId
-          },
-          String(col.id)
-        );
-      })
+            className: kanbanAddColumnClasses,
+            role: "button",
+            tabIndex: 0,
+            onClick: () => onColumnAdd?.(),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                onColumnAdd?.();
+              }
+            },
+            children: "+ Add column"
+          }
+        )
+      ]
     }
   );
 };

package/dist/{chunk-WGPUGPYE.js → chunk-H3JAEEEE.js}

@@ -89,9 +89,12 @@ var ColumnItem = React__default.default.memo(
     onColumnTouchEnd,
     onCardKeyDown,
     dragStateId,
-    kbDragStateId
+    kbDragStateId,
+    showCardCount,
+    allowAddCard
   }) => {
     const wipOver = tigercatCore.isWipExceeded(column);
+    const cardCount = showCardCount ? tigercatCore.getColumnCardCount(column) : null;
     const colClasses = tigercatCore.classNames(
       tigercatCore.taskBoardColumnClasses,
       isDropTarget && tigercatCore.taskBoardColumnDropTargetClasses,
@@ -159,7 +162,7 @@ var ColumnItem = React__default.default.memo(
               children: renderColumnHeader ? renderColumnHeader(column) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: wipOver ? tigercatCore.taskBoardWipExceededClasses : void 0, children: [
                   column.title,
-                  column.wipLimit != null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-2 text-xs font-normal opacity-70", title: wipTitle, children: [
+                  showCardCount && cardCount ? null : column.wipLimit != null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-2 text-xs font-normal opacity-70", title: wipTitle, children: [
                     "(",
                     column.cards.length,
                     "/",
@@ -167,6 +170,16 @@ var ColumnItem = React__default.default.memo(
                     ")"
                   ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 text-xs font-normal opacity-50", children: column.cards.length })
                 ] }),
+                showCardCount && cardCount && /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: tigercatCore.classNames(
+                      tigercatCore.kanbanCardCountClasses,
+                      wipOver && tigercatCore.taskBoardWipExceededClasses
+                    ),
+                    children: cardCount.limit ? `${cardCount.count}/${cardCount.limit}` : `${cardCount.count}`
+                  }
+                ),
                 column.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-normal text-[var(--tiger-text-muted,#6b7280)] truncate max-w-[120px]", children: column.description })
               ] })
             }
@@ -183,14 +196,22 @@ var ColumnItem = React__default.default.memo(
               children: cardsContent
             }
           ),
-          renderColumnFooter ? renderColumnFooter(column) : onCardAdd ? /* @__PURE__ */ jsxRuntime.jsxs(
+          renderColumnFooter ? renderColumnFooter(column) : onCardAdd || allowAddCard ? /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
               className: tigercatCore.classNames(
                 "border-t border-[var(--tiger-border,#e5e7eb)]",
                 tigercatCore.taskBoardAddCardClasses
               ),
-              onClick: () => onCardAdd(column.id),
+              role: "button",
+              tabIndex: 0,
+              onClick: () => onCardAdd?.(column.id),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  onCardAdd?.(column.id);
+                }
+              },
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: "+" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: tigercatCore.resolveLocaleText(labels.addCardText) })
@@ -201,7 +222,7 @@ var ColumnItem = React__default.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, 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
 );
 ColumnItem.displayName = "TaskBoardColumnItem";
 var TaskBoard = ({
@@ -216,6 +237,12 @@ var TaskBoard = ({
   onColumnMove,
   onColumnsChange,
   onCardAdd,
+  filterText = "",
+  hiddenColumns,
+  showCardCount = false,
+  allowAddCard = false,
+  allowAddColumn = false,
+  onColumnAdd,
   renderCard: renderCardProp,
   renderColumnHeader,
   renderColumnFooter,
@@ -236,6 +263,12 @@ var TaskBoard = ({
     if (controlledColumns !== void 0) setInnerColumns(controlledColumns);
   }, [controlledColumns]);
   const currentColumns = controlledColumns ?? innerColumns;
+  const visibleColumns = React.useMemo(() => {
+    if (!filterText && (!hiddenColumns || hiddenColumns.length === 0)) {
+      return currentColumns;
+    }
+    return tigercatCore.filterColumns(currentColumns, filterText, hiddenColumns);
+  }, [currentColumns, filterText, hiddenColumns]);
   const columnsRef = React.useRef(currentColumns);
   columnsRef.current = currentColumns;
   const updateColumns = React.useCallback(
@@ -483,7 +516,7 @@ var TaskBoard = ({
   const dragType = dragState?.type ?? null;
   const dragStateId = dragState?.type === "card" ? dragState.id : null;
   const kbDragStateId = kbDragState?.id ?? null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       ref: boardRef,
@@ -493,47 +526,67 @@ var TaskBoard = ({
       "aria-label": tigercatCore.resolveLocaleText(labels.boardAriaLabel),
       "data-tiger-task-board": "",
       ...rest,
-      children: currentColumns.map((col, i) => {
-        const isDropTarget = dragState?.type === "card" && dropTargetColumnId === col.id;
-        const isColDragging = dragState?.type === "column" && dragState.id === col.id;
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          ColumnItem,
+      children: [
+        visibleColumns.map((col, i) => {
+          const isDropTarget = dragState?.type === "card" && dropTargetColumnId === col.id;
+          const isColDragging = dragState?.type === "column" && dragState.id === col.id;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            ColumnItem,
+            {
+              column: col,
+              colIndex: i,
+              isDropTarget,
+              isColDragging,
+              dropIdx: isDropTarget ? dropIdx : -1,
+              draggable,
+              columnDraggable,
+              labels,
+              renderCardProp,
+              renderColumnHeader,
+              renderColumnFooter,
+              renderEmptyColumn,
+              onCardAdd,
+              dragType,
+              onCardDragStart: handleCardDragStart,
+              onCardDragOver: handleCardDragOver,
+              onCardDrop: handleCardDrop,
+              onDragEnd: handleDragEnd,
+              onDragLeave: handleDragLeave,
+              onColumnDragStart: handleColumnDragStart,
+              onColumnDragOver: handleColumnDragOver,
+              onColumnDrop: handleColumnDrop,
+              onCardTouchStart: handleTouchStart,
+              onCardTouchMove: handleTouchMove,
+              onCardTouchEnd: handleTouchEnd,
+              onColumnTouchStart: handleColumnTouchStart,
+              onColumnTouchMove: handleColumnTouchMove,
+              onColumnTouchEnd: handleColumnTouchEnd,
+              onCardKeyDown: handleCardKeyDown,
+              dragStateId,
+              kbDragStateId,
+              showCardCount,
+              allowAddCard
+            },
+            String(col.id)
+          );
+        }),
+        allowAddColumn && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
           {
-            column: col,
-            colIndex: i,
-            isDropTarget,
-            isColDragging,
-            dropIdx: isDropTarget ? dropIdx : -1,
-            draggable,
-            columnDraggable,
-            labels,
-            renderCardProp,
-            renderColumnHeader,
-            renderColumnFooter,
-            renderEmptyColumn,
-            onCardAdd,
-            dragType,
-            onCardDragStart: handleCardDragStart,
-            onCardDragOver: handleCardDragOver,
-            onCardDrop: handleCardDrop,
-            onDragEnd: handleDragEnd,
-            onDragLeave: handleDragLeave,
-            onColumnDragStart: handleColumnDragStart,
-            onColumnDragOver: handleColumnDragOver,
-            onColumnDrop: handleColumnDrop,
-            onCardTouchStart: handleTouchStart,
-            onCardTouchMove: handleTouchMove,
-            onCardTouchEnd: handleTouchEnd,
-            onColumnTouchStart: handleColumnTouchStart,
-            onColumnTouchMove: handleColumnTouchMove,
-            onColumnTouchEnd: handleColumnTouchEnd,
-            onCardKeyDown: handleCardKeyDown,
-            dragStateId,
-            kbDragStateId
-          },
-          String(col.id)
-        );
-      })
+            className: tigercatCore.kanbanAddColumnClasses,
+            role: "button",
+            tabIndex: 0,
+            onClick: () => onColumnAdd?.(),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                onColumnAdd?.();
+              }
+            },
+            children: "+ Add column"
+          }
+        )
+      ]
     }
   );
 };

package/dist/chunk-NG3GA5LF.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var chunkH3JAEEEE_js = require('./chunk-H3JAEEEE.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Kanban = ({
+  showCardCount = true,
+  allowAddCard = true,
+  allowAddColumn = false,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkH3JAEEEE_js.TaskBoard,
+    {
+      showCardCount,
+      allowAddCard,
+      allowAddColumn,
+      ...props
+    }
+  );
+};
+var Kanban_default = Kanban;
+
+exports.Kanban = Kanban;
+exports.Kanban_default = Kanban_default;

package/dist/{chunk-QVZTZHCJ.mjs → chunk-PNSWIJG3.mjs}

@@ -19,21 +19,30 @@ var Splitter = ({
   children
 }) => {
   const containerRef = useRef(null);
-  const [paneSizes, setPaneSizes] = useState(controlledSizes || []);
+  const [paneSizes, setPaneSizes] = useState([]);
   const draggingRef = useRef(null);
   useEffect(() => {
-    if (controlledSizes) setPaneSizes(controlledSizes);
-  }, [controlledSizes]);
-  useEffect(() => {
-    if (controlledSizes && controlledSizes.length > 0) return;
     const el = containerRef.current;
     if (!el) return;
     const paneCount = React.Children.count(children);
     if (paneCount === 0) return;
     const totalGutter = (paneCount - 1) * gutterSize;
     const total = direction === "horizontal" ? el.clientWidth - totalGutter : el.clientHeight - totalGutter;
-    const eachSize = total / paneCount;
-    setPaneSizes(Array.from({ length: paneCount }, () => eachSize));
+    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]);
+      }
+    } else {
+      if (total > 0) {
+        const eachSize = total / paneCount;
+        setPaneSizes(Array.from({ length: paneCount }, () => eachSize));
+      }
+    }
   }, [children, direction, gutterSize, controlledSizes]);
   const mins = useMemo(() => paneSizes.map(() => min), [paneSizes.length, min]);
   const maxes = useMemo(() => paneSizes.map(() => max), [paneSizes.length, max]);

package/dist/{chunk-45H3JEI3.js → chunk-RFPXIDAK.js}

@@ -25,21 +25,30 @@ var Splitter = ({
   children
 }) => {
   const containerRef = React.useRef(null);
-  const [paneSizes, setPaneSizes] = React.useState(controlledSizes || []);
+  const [paneSizes, setPaneSizes] = React.useState([]);
   const draggingRef = React.useRef(null);
   React.useEffect(() => {
-    if (controlledSizes) setPaneSizes(controlledSizes);
-  }, [controlledSizes]);
-  React.useEffect(() => {
-    if (controlledSizes && controlledSizes.length > 0) return;
     const el = containerRef.current;
     if (!el) return;
     const paneCount = React__default.default.Children.count(children);
     if (paneCount === 0) return;
     const totalGutter = (paneCount - 1) * gutterSize;
     const total = direction === "horizontal" ? el.clientWidth - totalGutter : el.clientHeight - totalGutter;
-    const eachSize = total / paneCount;
-    setPaneSizes(Array.from({ length: paneCount }, () => eachSize));
+    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]);
+      }
+    } else {
+      if (total > 0) {
+        const eachSize = total / paneCount;
+        setPaneSizes(Array.from({ length: paneCount }, () => eachSize));
+      }
+    }
   }, [children, direction, gutterSize, controlledSizes]);
   const mins = React.useMemo(() => paneSizes.map(() => min), [paneSizes.length, min]);
   const maxes = React.useMemo(() => paneSizes.map(() => max), [paneSizes.length, max]);

package/dist/components/Kanban.d.mts

@@ -1,5 +1,6 @@
+import * as _expcat_tigercat_core from '@expcat/tigercat-core';
+import { TaskBoardColumn, TaskBoardCardMoveEvent, TaskBoardColumnMoveEvent } from '@expcat/tigercat-core';
 import React from 'react';
-import { TaskBoardColumn, TaskBoardCardMoveEvent, TaskBoardColumnMoveEvent, TaskBoardCard } from '@expcat/tigercat-core';
 
 interface KanbanProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /** Controlled columns */
@@ -37,7 +38,7 @@ interface KanbanProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChan
     /** Column add callback */
     onColumnAdd?: () => void;
     /** Custom card renderer */
-    renderCard?: (card: TaskBoardCard, columnId: string | number) => React.ReactNode;
+    renderCard?: (card: _expcat_tigercat_core.TaskBoardCard, columnId: string | number) => React.ReactNode;
     /** Custom column header renderer */
     renderColumnHeader?: (column: TaskBoardColumn) => React.ReactNode;
 }

package/dist/components/Kanban.d.ts

@@ -1,5 +1,6 @@
+import * as _expcat_tigercat_core from '@expcat/tigercat-core';
+import { TaskBoardColumn, TaskBoardCardMoveEvent, TaskBoardColumnMoveEvent } from '@expcat/tigercat-core';
 import React from 'react';
-import { TaskBoardColumn, TaskBoardCardMoveEvent, TaskBoardColumnMoveEvent, TaskBoardCard } from '@expcat/tigercat-core';
 
 interface KanbanProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /** Controlled columns */
@@ -37,7 +38,7 @@ interface KanbanProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChan
     /** Column add callback */
     onColumnAdd?: () => void;
     /** Custom card renderer */
-    renderCard?: (card: TaskBoardCard, columnId: string | number) => React.ReactNode;
+    renderCard?: (card: _expcat_tigercat_core.TaskBoardCard, columnId: string | number) => React.ReactNode;
     /** Custom column header renderer */
     renderColumnHeader?: (column: TaskBoardColumn) => React.ReactNode;
 }

package/dist/components/Kanban.js

@@ -2,16 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunk24RUEJWB_js = require('../chunk-24RUEJWB.js');
-require('../chunk-UKGQ7256.js');
+var chunkNG3GA5LF_js = require('../chunk-NG3GA5LF.js');
+require('../chunk-H3JAEEEE.js');
+require('../chunk-2XOFRGY6.js');
 
 
 
 Object.defineProperty(exports, "Kanban", {
   enumerable: true,
-  get: function () { return chunk24RUEJWB_js.Kanban; }
+  get: function () { return chunkNG3GA5LF_js.Kanban; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunk24RUEJWB_js.Kanban_default; }
+  get: function () { return chunkNG3GA5LF_js.Kanban_default; }
 });

package/dist/components/Kanban.mjs

@@ -1,2 +1,3 @@
-export { Kanban, Kanban_default as default } from '../chunk-YXWRSEP5.mjs';
-import '../chunk-UQMPEMY7.mjs';
+export { Kanban, Kanban_default as default } from '../chunk-7BVXG3Z5.mjs';
+import '../chunk-DBNAL6G6.mjs';
+import '../chunk-CRSMECWE.mjs';

package/dist/components/Splitter.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunk45H3JEI3_js = require('../chunk-45H3JEI3.js');
+var chunkRFPXIDAK_js = require('../chunk-RFPXIDAK.js');
 
 
 
 Object.defineProperty(exports, "Splitter", {
   enumerable: true,
-  get: function () { return chunk45H3JEI3_js.Splitter; }
+  get: function () { return chunkRFPXIDAK_js.Splitter; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunk45H3JEI3_js.Splitter_default; }
+  get: function () { return chunkRFPXIDAK_js.Splitter_default; }
 });

package/dist/components/Splitter.mjs

@@ -1 +1 @@
-export { Splitter, Splitter_default as default } from '../chunk-QVZTZHCJ.mjs';
+export { Splitter, Splitter_default as default } from '../chunk-PNSWIJG3.mjs';