@expcat/tigercat-react 1.0.0 → 1.0.7

package/dist/{chunk-L6WOLPV7.mjs → chunk-32PAZTVF.mjs}

@@ -7,8 +7,8 @@ var ColorPicker = ({
   value = "#2563eb",
   disabled = false,
   size = "md",
-  showAlpha = false,
-  format = "hex",
+  showAlpha: _showAlpha = false,
+  format: _format = "hex",
   presets,
   className,
   onChange

package/dist/{chunk-ZCBKAOAX.mjs → chunk-34VGG7AK.mjs}

@@ -22,7 +22,7 @@ var InputGroup = ({
   return /* @__PURE__ */ jsx(InputGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { ...rest, className: groupClasses, role: "group", children }) });
 };
 var InputGroupAddon = ({
-  addonType = "text",
+  addonType: _addonType = "text",
   className,
   children,
   ...rest

package/dist/{chunk-SULHTYSV.js → chunk-4Q4GADHJ.js}

@@ -21,7 +21,7 @@ var ChatWindow = ({
   inputAriaLabel,
   sendAriaLabel,
   statusText,
-  statusVariant = "info",
+  statusVariant: _statusVariant = "info",
   showAvatar = true,
   showName = true,
   showTime = false,

package/dist/{chunk-5CQEXJF2.js → chunk-5MALB34H.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkJ23B66DJ_js = require('./chunk-J23B66DJ.js');
+var chunkXO6NSGV3_js = require('./chunk-XO6NSGV3.js');
 var chunkNZNSUKPT_js = require('./chunk-NZNSUKPT.js');
 var chunk3GW3UAKB_js = require('./chunk-3GW3UAKB.js');
 var chunkZYJTHGQW_js = require('./chunk-ZYJTHGQW.js');
@@ -187,7 +187,7 @@ var DataTableWithToolbar = ({
   const showPagination = pagination && typeof pagination === "object";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, "data-tiger-data-table-with-toolbar": true, children: [
     renderToolbar(),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkJ23B66DJ_js.Table, { ...tableProps, pagination: false, className: tableClassName }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkXO6NSGV3_js.Table, { ...tableProps, pagination: false, className: tableClassName }),
     showPagination ? /* @__PURE__ */ jsxRuntime.jsx(chunk3GW3UAKB_js.Pagination, { ...pagination, onChange: onPageChange, onPageSizeChange }) : null
   ] });
 };

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-DR2DFFNQ.js → chunk-AHF6JE43.js}

@@ -13,7 +13,7 @@ var CropUpload = ({
   maxSize,
   cropperProps,
   modalTitle = "\u88C1\u526A\u56FE\u7247",
-  modalWidth = 520,
+  modalWidth: _modalWidth = 520,
   className,
   children,
   onCropComplete,

package/dist/{chunk-XODGTE2Y.js → chunk-AUW7DCXL.js}

@@ -10,7 +10,7 @@ var QRCode = ({
   size = 128,
   color = "#000000",
   bgColor = "#ffffff",
-  level = "M",
+  level: _level = "M",
   status = "active",
   onRefresh,
   className

package/dist/{chunk-5BBZBI2V.mjs → chunk-AYDTXJOR.mjs}

@@ -11,7 +11,7 @@ var CropUpload = ({
   maxSize,
   cropperProps,
   modalTitle = "\u88C1\u526A\u56FE\u7247",
-  modalWidth = 520,
+  modalWidth: _modalWidth = 520,
   className,
   children,
   onCropComplete,

package/dist/{chunk-6SDLSIAO.mjs → chunk-B3MNIAM5.mjs}

@@ -1,4 +1,4 @@
-import { Table } from './chunk-RU6YS4LZ.mjs';
+import { Table } from './chunk-MB7CJ32C.mjs';
 import { Select } from './chunk-HZ5Z5Y2J.mjs';
 import { Pagination } from './chunk-NZLOLMT2.mjs';
 import { Input } from './chunk-WNLUUD5N.mjs';

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-2H43QM4B.mjs → chunk-EBLAM3YP.mjs}

@@ -55,7 +55,7 @@ var DonutChart = ({
   // DonutChart-specific
   centerValue,
   centerLabel,
-  animated = false,
+  animated: _animated = false,
   // Callbacks
   onHoveredIndexChange,
   onSelectedIndexChange,

package/dist/{chunk-QNFSZYTZ.js → chunk-FHE4D56E.js}

@@ -13,7 +13,7 @@ var FunnelChart = ({
   height = 300,
   padding = 24,
   data,
-  direction = "vertical",
+  direction: _direction = "vertical",
   gap = 2,
   pinch = false,
   colors,

package/dist/{chunk-HADBETZG.js → chunk-FNK4ZATV.js}

@@ -48,7 +48,7 @@ var FloatButton = ({
   );
 };
 var FloatButtonGroup = ({
-  shape = "circle",
+  shape: _shape = "circle",
   trigger = "click",
   open: controlledOpen,
   triggerNode,

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-VUD4BU4K.mjs → chunk-H3NLKNR4.mjs}

@@ -26,7 +26,7 @@ var TreeMapChart = ({
   legendMarkerSize = 10,
   legendGap = 8,
   showTooltip = true,
-  tooltipFormatter,
+  tooltipFormatter: _tooltipFormatter,
   title,
   desc,
   className,

package/dist/{chunk-VWMVWZMD.js → chunk-HU3VDVH6.js}

@@ -100,7 +100,6 @@ var NotificationCenter = ({
       ...group,
       items: applyReadOverrides(group.items)
     })),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     [resolvedGroups, readStateOverrides]
   );
   const effectiveCurrentGroup = react.useMemo(() => {
@@ -145,7 +144,7 @@ var NotificationCenter = ({
     }
     onMarkAllRead?.(currentGroupKey, effectiveCurrentGroupItems);
   };
-  const renderItem = (item, index) => {
+  const renderItem = (item, _index) => {
     const isRead = Boolean(item.read);
     const timeText = item.time ? tigercatCore.formatActivityTime(item.time) : "";
     return /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/{chunk-H5CAIMVL.js → chunk-I3CDTF4U.js}

@@ -24,7 +24,7 @@ var InputGroup = ({
   return /* @__PURE__ */ jsxRuntime.jsx(InputGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, className: groupClasses, role: "group", children }) });
 };
 var InputGroupAddon = ({
-  addonType = "text",
+  addonType: _addonType = "text",
   className,
   children,
   ...rest

package/dist/{chunk-SJ5GT7Y4.mjs → chunk-J3N24I7A.mjs}

@@ -8,7 +8,7 @@ var QRCode = ({
   size = 128,
   color = "#000000",
   bgColor = "#ffffff",
-  level = "M",
+  level: _level = "M",
   status = "active",
   onRefresh,
   className

package/dist/{chunk-SVASEF6K.js → chunk-JB33A4S6.js}

@@ -9,8 +9,8 @@ var ColorPicker = ({
   value = "#2563eb",
   disabled = false,
   size = "md",
-  showAlpha = false,
-  format = "hex",
+  showAlpha: _showAlpha = false,
+  format: _format = "hex",
   presets,
   className,
   onChange

package/dist/{chunk-FT6TEMUF.mjs → chunk-LPNHBHS2.mjs}

@@ -19,7 +19,7 @@ var ChatWindow = ({
   inputAriaLabel,
   sendAriaLabel,
   statusText,
-  statusVariant = "info",
+  statusVariant: _statusVariant = "info",
   showAvatar = true,
   showName = true,
   showTime = false,

package/dist/{chunk-RU6YS4LZ.mjs → chunk-MB7CJ32C.mjs}

@@ -82,7 +82,7 @@ function Table({
   // v0.6.0 props
   virtual = false,
   virtualHeight = 400,
-  virtualItemHeight = 40,
+  virtualItemHeight: _virtualItemHeight = 40,
   editable = false,
   editableCells,
   filterMode = "basic",