@expcat/tigercat-react 1.4.0 → 1.5.0

package/dist/{chunk-CNNEUJR2.js → chunk-ENJMHEQU.js}

@@ -1,13 +1,21 @@
-"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; }
+"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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+
+
+var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
 
 
 var _chunkHQ3QOT7Hjs = require('./chunk-HQ3QOT7H.js');
 
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
 // src/components/Tour.tsx
 var _react = require('react');
-var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_reactdom);
+
+
+
 
 
 
@@ -50,9 +58,10 @@ var Tour = ({
     () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
     [config.locale, locale]
   );
-  const nextLabel = _tigercatcore.resolveLocaleText.call(void 0, "Next", nextText, _optionalChain([mergedLocale, 'optionalAccess', _ => _.formWizard, 'optionalAccess', _2 => _2.nextText]));
-  const prevLabel = _tigercatcore.resolveLocaleText.call(void 0, "Previous", prevText, _optionalChain([mergedLocale, 'optionalAccess', _3 => _3.formWizard, 'optionalAccess', _4 => _4.prevText]));
-  const finishLabel = _tigercatcore.resolveLocaleText.call(void 0, "Finish", finishText, _optionalChain([mergedLocale, 'optionalAccess', _5 => _5.formWizard, 'optionalAccess', _6 => _6.finishText]));
+  const labels = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getTourLabels.call(void 0, mergedLocale, { nextText, prevText, finishText }),
+    [finishText, mergedLocale, nextText, prevText]
+  );
   const [internalStep, setInternalStep] = _react.useState.call(void 0, 0);
   const [resolvedSteps, setResolvedSteps] = _react.useState.call(void 0, steps);
   const currentStep = _nullishCoalesce(controlledCurrent, () => ( internalStep));
@@ -61,10 +70,12 @@ var Tour = ({
     () => _tigercatcore.getCurrentActiveTourStep.call(void 0, activeSteps, currentStep, resolvedSteps.length),
     [activeSteps, currentStep, resolvedSteps.length]
   );
-  const activeStepPosition = _tigercatcore.getActiveTourStepPosition.call(void 0, activeSteps, _optionalChain([activeStepInfo, 'optionalAccess', _7 => _7.index]));
-  const step = _optionalChain([activeStepInfo, 'optionalAccess', _8 => _8.step]);
+  const activeStepPosition = _tigercatcore.getActiveTourStepPosition.call(void 0, activeSteps, _optionalChain([activeStepInfo, 'optionalAccess', _ => _.index]));
+  const step = _optionalChain([activeStepInfo, 'optionalAccess', _2 => _2.step]);
   const [targetRect, setTargetRect] = _react.useState.call(void 0, );
   const popoverRef = _react.useRef.call(void 0, null);
+  const closeButtonRef = _react.useRef.call(void 0, null);
+  const previousActiveElementRef = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     if (!loadSteps) {
       setResolvedSteps(steps);
@@ -82,7 +93,7 @@ var Tour = ({
     };
   }, [loadSteps, open, steps]);
   const updateRect = _react.useCallback.call(void 0, () => {
-    if (_optionalChain([step, 'optionalAccess', _9 => _9.target])) {
+    if (_optionalChain([step, 'optionalAccess', _3 => _3.target])) {
       setTargetRect(_tigercatcore.getTourTargetRect.call(void 0, step.target));
     } else {
       setTargetRect(void 0);
@@ -104,7 +115,7 @@ var Tour = ({
   const goTo = _react.useCallback.call(void 0, 
     (idx) => {
       setInternalStep(idx);
-      _optionalChain([onChange, 'optionalCall', _10 => _10(idx)]);
+      _optionalChain([onChange, 'optionalCall', _4 => _4(idx)]);
     },
     [onChange]
   );
@@ -113,9 +124,9 @@ var Tour = ({
     if (nextStep) {
       goTo(nextStep.index);
     } else {
-      _optionalChain([onFinish, 'optionalCall', _11 => _11()]);
-      _optionalChain([onOpenChange, 'optionalCall', _12 => _12(false)]);
-      _optionalChain([onClose, 'optionalCall', _13 => _13()]);
+      _optionalChain([onFinish, 'optionalCall', _5 => _5()]);
+      _optionalChain([onOpenChange, 'optionalCall', _6 => _6(false)]);
+      _optionalChain([onClose, 'optionalCall', _7 => _7()]);
     }
   }, [activeSteps, activeStepPosition, goTo, onFinish, onOpenChange, onClose]);
   const prev = _react.useCallback.call(void 0, () => {
@@ -123,9 +134,22 @@ var Tour = ({
     if (prevStep) goTo(prevStep.index);
   }, [activeSteps, activeStepPosition, goTo]);
   const close = _react.useCallback.call(void 0, () => {
-    _optionalChain([onOpenChange, 'optionalCall', _14 => _14(false)]);
-    _optionalChain([onClose, 'optionalCall', _15 => _15()]);
+    _optionalChain([onOpenChange, 'optionalCall', _8 => _8(false)]);
+    _optionalChain([onClose, 'optionalCall', _9 => _9()]);
   }, [onOpenChange, onClose]);
+  _react.useEffect.call(void 0, () => {
+    if (open) {
+      previousActiveElementRef.current = _tigercatcore.captureActiveElement.call(void 0, );
+      const timer = setTimeout(() => {
+        _tigercatcore.focusFirst.call(void 0, [closeButtonRef.current, popoverRef.current]);
+      }, 0);
+      return () => clearTimeout(timer);
+    }
+    _tigercatcore.restoreFocus.call(void 0, previousActiveElementRef.current);
+  }, [open]);
+  _chunkSTTQ5LXXjs.useEscapeKey.call(void 0, { enabled: open, onEscape: close });
+  _chunkSTTQ5LXXjs.useBodyScrollLock.call(void 0, { enabled: open });
+  _chunkSTTQ5LXXjs.useFocusTrap.call(void 0, { enabled: open, containerRef: popoverRef });
   if (!open || !step) return null;
   if (!_tigercatcore.isBrowser.call(void 0, )) return null;
   const placement = _nullishCoalesce(step.placement, () => ( "bottom"));
@@ -159,9 +183,10 @@ var Tour = ({
           closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "button",
             {
+              ref: closeButtonRef,
               className: _tigercatcore.tourCloseButtonClasses,
               type: "button",
-              "aria-label": "Close tour",
+              "aria-label": labels.closeAriaLabel,
               onClick: close,
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: _tigercatcore.closeIconPathD, className: "h-4 w-4" })
             }
@@ -181,7 +206,7 @@ var Tour = ({
                   type: "button",
                   className: "px-3 py-1.5 text-sm rounded-md border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors mr-2",
                   onClick: prev,
-                  children: prevLabel
+                  children: labels.prevText
                 }
               ),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -190,7 +215,7 @@ var Tour = ({
                   type: "button",
                   className: "px-3 py-1.5 text-sm rounded-md bg-[var(--tiger-primary,#2563eb)] text-white hover:bg-[var(--tiger-primary-hover,#1d4ed8)] transition-colors",
                   onClick: next,
-                  children: isLast ? finishLabel : nextLabel
+                  children: isLast ? labels.finishText : labels.nextText
                 }
               )
             ] })
@@ -199,7 +224,7 @@ var Tour = ({
       }
     )
   ] });
-  return _reactdom2.default.createPortal(content, document.body);
+  return _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, content);
 };
 
 

package/dist/{chunk-BRA3PO53.js → chunk-FBIBHTBG.js}

@@ -394,7 +394,7 @@ var Upload = ({
     const imageUrl = file.url || (file.file ? URL.createObjectURL(file.file) : "");
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getPictureCardClasses.call(void 0, file.status), children: [
       imageUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: imageUrl, alt: file.name, className: "w-full h-full object-cover" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-50 transition-all flex items-center justify-center space-x-2 opacity-0 hover:opacity-100", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute inset-0 bg-black/0 hover:bg-black/50 transition-all flex items-center justify-center space-x-2 opacity-0 hover:opacity-100", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "button",
           {
@@ -456,7 +456,7 @@ var Upload = ({
           }
         )
       ] }),
-      file.status === "uploading" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      file.status === "uploading" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-white/75 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "svg",
         {
           className: _tigercatcore.getUploadStatusIconClasses.call(void 0, "uploading", "lg", {

package/dist/{chunk-P36GX65N.js → chunk-FCCHM2B4.js}

@@ -22,7 +22,10 @@ var VirtualList = ({
   onScroll
 }) => {
   const [scrollTop, setScrollTop] = _react.useState.call(void 0, 0);
+  const [measureVersion, setMeasureVersion] = _react.useState.call(void 0, 0);
   const containerRef = _react.useRef.call(void 0, null);
+  const itemRefs = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
+  const isDynamic = !customStrategy && !getItemHeight && estimatedItemHeight !== void 0;
   const strategy = _react.useMemo.call(void 0, () => {
     if (customStrategy) return customStrategy;
     if (getItemHeight) return _tigercatcore.variableSizeStrategy.call(void 0, getItemHeight, itemCount);
@@ -32,8 +35,23 @@ var VirtualList = ({
   }, [customStrategy, getItemHeight, estimatedItemHeight, itemHeight, itemCount]);
   const range = _react.useMemo.call(void 0, 
     () => strategy.getRange(scrollTop, height, itemCount, overscan),
-    [scrollTop, height, itemCount, overscan, strategy]
+    // measureVersion participates so re-measured heights recompute the window.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [scrollTop, height, itemCount, overscan, strategy, measureVersion]
   );
+  _react.useLayoutEffect.call(void 0, () => {
+    if (!isDynamic || !strategy.updateItemHeight) return;
+    let changed = false;
+    itemRefs.current.forEach((el, i) => {
+      if (!el) return;
+      const measured = el.offsetHeight;
+      if (measured > 0 && measured !== strategy.getItemHeight(i)) {
+        strategy.updateItemHeight(i, measured);
+        changed = true;
+      }
+    });
+    if (changed) setMeasureVersion((v) => v + 1);
+  }, [isDynamic, strategy]);
   const handleScroll = _react.useCallback.call(void 0, () => {
     if (containerRef.current) {
       const st = containerRef.current.scrollTop;
@@ -45,9 +63,27 @@ var VirtualList = ({
   const items = [];
   for (let i = startIndex; i <= endIndex; i++) {
     const itemH = strategy.getItemHeight(i);
-    items.push(
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { height: `${itemH}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
-    );
+    if (isDynamic) {
+      const index = i;
+      items.push(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            ref: (el) => {
+              if (el) itemRefs.current.set(index, el);
+              else itemRefs.current.delete(index);
+            },
+            style: { width: "100%" },
+            children: renderItem({ index })
+          },
+          index
+        )
+      );
+    } else {
+      items.push(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { height: `${itemH}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
+      );
+    }
   }
   const offsetTop = startIndex >= 0 ? strategy.getItemOffset(startIndex) : 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/{chunk-4LIDROT4.js → chunk-FFDK6PEP.js}

@@ -9,6 +9,7 @@ var _react = require('react');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var DefaultIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -24,7 +25,7 @@ var DefaultIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
     children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: _tigercatcore.backTopIconPath })
   }
 );
-var getDefaultTarget = () => window;
+var getDefaultTarget = () => _tigercatcore.isBrowser.call(void 0, ) ? window : null;
 var BackTop = ({
   visibilityHeight = 400,
   target = getDefaultTarget,
@@ -36,8 +37,10 @@ var BackTop = ({
   ...props
 }) => {
   const [visible, setVisible] = _react.useState.call(void 0, false);
+  const [targetElement, setTargetElement] = _react.useState.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     const el = target();
+    setTargetElement(el);
     if (!el) return;
     const visibilityController = _tigercatcore.createBackTopVisibilityController.call(void 0, {
       target: el,
@@ -49,6 +52,7 @@ var BackTop = ({
     return () => {
       el.removeEventListener("scroll", visibilityController.schedule);
       visibilityController.cancel();
+      setTargetElement(null);
     };
   }, [target, visibilityHeight]);
   const handleClick = _react.useCallback.call(void 0, 
@@ -60,14 +64,13 @@ var BackTop = ({
     [target, duration, onClick]
   );
   const buttonClasses = _react.useMemo.call(void 0, () => {
-    const el = target();
-    const positionClasses = !el || el === window ? _tigercatcore.backTopButtonClasses : _tigercatcore.backTopContainerClasses;
+    const positionClasses = !targetElement || targetElement === window ? _tigercatcore.backTopButtonClasses : _tigercatcore.backTopContainerClasses;
     return _tigercatcore.classNames.call(void 0, 
       positionClasses,
       visible ? _tigercatcore.backTopVisibleClasses : _tigercatcore.backTopHiddenClasses,
       className
     );
-  }, [target, visible, className]);
+  }, [targetElement, visible, className]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "button",
     {

package/dist/{chunk-R2KUNFDN.mjs → chunk-GA4YOE57.mjs}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-6QML6T3Y.mjs";
 import {
   ChartLegend
-} from "./chunk-UBP7HZSU.mjs";
+} from "./chunk-ZG2W4HS5.mjs";
 import {
   ChartTooltip
-} from "./chunk-NASC6XHN.mjs";
+} from "./chunk-O6YIPNXX.mjs";
 import {
   ChartCanvas
 } from "./chunk-DKNVSQSV.mjs";

package/dist/{chunk-3E76U2RG.js → chunk-GADCSCH2.js}

@@ -11,6 +11,8 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var CodeEditor = ({
@@ -25,6 +27,7 @@ var CodeEditor = ({
   wordWrap = false,
   minLines = 3,
   maxLines = 0,
+  highlightActiveLine = true,
   disabled = false,
   className,
   style,
@@ -32,6 +35,7 @@ var CodeEditor = ({
   highlighter
 }) => {
   const [internalValue, setInternalValue] = _react.useState.call(void 0, defaultValue);
+  const [activeLine, setActiveLine] = _react.useState.call(void 0, 0);
   const textareaRef = _react.useRef.call(void 0, null);
   const code = controlledValue !== void 0 ? controlledValue : internalValue;
   const lines = _react.useMemo.call(void 0, () => code.split("\n"), [code]);
@@ -48,11 +52,17 @@ var CodeEditor = ({
     if (maxLines > 0) s.maxHeight = `${maxLines * lineHeight + 1.5}rem`;
     return s;
   }, [minLines, maxLines, style]);
+  const updateActiveLine = _react.useCallback.call(void 0, () => {
+    const ta = textareaRef.current;
+    if (!ta) return;
+    setActiveLine(_tigercatcore.getActiveLineIndex.call(void 0, ta.value, ta.selectionStart));
+  }, []);
   const handleInput = _react.useCallback.call(void 0, 
     (e) => {
       const val = e.target.value;
       setInternalValue(val);
       _optionalChain([onChange, 'optionalCall', _ => _(val)]);
+      setActiveLine(_tigercatcore.getActiveLineIndex.call(void 0, val, e.target.selectionStart));
     },
     [onChange]
   );
@@ -74,27 +84,42 @@ var CodeEditor = ({
     [tabSize, onChange]
   );
   const wrapClass = wordWrap ? "whitespace-pre-wrap break-all" : "";
+  const showActiveLine = highlightActiveLine && !disabled;
+  const activeLineClass = _tigercatcore.getCodeEditorActiveLineClasses.call(void 0, theme);
   const renderToken = (token, idx) => {
     const cls = _tigercatcore.getTokenClasses.call(void 0, token.type, theme);
     return cls ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: cls, children: token.value }, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: token.value }, idx);
   };
   const renderLine = (line, lineIndex) => {
+    const lineClass = _tigercatcore.classNames.call(void 0, 
+      "min-h-[1.625rem]",
+      showActiveLine && lineIndex === activeLine && activeLineClass
+    );
     if (_optionalChain([highlighter, 'optionalAccess', _3 => _3.highlightLine])) {
       const html = highlighter.highlightLine(line, language, theme) || (line === "" ? "\n" : "");
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
-          className: "min-h-[1.625rem]",
+          className: lineClass,
+          "data-active-line": showActiveLine && lineIndex === activeLine ? "" : void 0,
           dangerouslySetInnerHTML: { __html: html }
         },
         lineIndex
       );
     }
     const tokens = _tigercatcore.tokenizeLine.call(void 0, line, language);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-h-[1.625rem]", children: [
-      tokens.map(renderToken),
-      line === "" ? "\n" : null
-    ] }, lineIndex);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        className: lineClass,
+        "data-active-line": showActiveLine && lineIndex === activeLine ? "" : void 0,
+        children: [
+          tokens.map(renderToken),
+          line === "" ? "\n" : null
+        ]
+      },
+      lineIndex
+    );
   };
   const blockHtml = highlighter && !highlighter.highlightLine && highlighter.highlightCode ? highlighter.highlightCode(code, language, theme) : null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -123,6 +148,9 @@ var CodeEditor = ({
               value: code,
               onChange: handleInput,
               onKeyDown: handleKeyDown,
+              onSelect: updateActiveLine,
+              onClick: updateActiveLine,
+              onKeyUp: updateActiveLine,
               readOnly: readOnly || disabled,
               disabled,
               placeholder,

package/dist/{chunk-JOB47R6Q.mjs → chunk-GCOA4AO6.mjs}

@@ -22,8 +22,13 @@ import {
   taskBoardWipExceededClasses,
   taskBoardAddCardClasses,
   kanbanCardCountClasses,
+  kanbanSwimlaneClasses,
+  kanbanSwimlaneHeaderClasses,
+  kanbanSwimlaneDotClasses,
+  kanbanSwimlaneCollapsedClasses,
   kanbanAddColumnClasses,
   filterColumns,
+  groupBySwimlane,
   getColumnCardCount,
   moveCard,
   reorderColumns,
@@ -90,7 +95,9 @@ var ColumnItem = React.memo(
     dragStateId,
     kbDragStateId,
     showCardCount,
-    allowAddCard
+    allowAddCard,
+    swimlanes,
+    swimlaneField
   }) => {
     const wipOver = isWipExceeded(column);
     const cardCount = showCardCount ? getColumnCardCount(column) : null;
@@ -99,32 +106,61 @@ var ColumnItem = React.memo(
       isDropTarget && taskBoardColumnDropTargetClasses,
       isColDragging && taskBoardColumnDraggingClasses
     );
+    const renderCardNode = (card, originalIndex) => {
+      const nodes = [];
+      if (isDropTarget && dropIdx === originalIndex) {
+        nodes.push(/* @__PURE__ */ jsx("div", { className: taskBoardDropIndicatorClasses }, `drop-${originalIndex}`));
+      }
+      const isDragging = dragStateId === card.id;
+      const isKbGrabbed = kbDragStateId === card.id;
+      nodes.push(
+        /* @__PURE__ */ jsx(
+          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__ */ jsx("div", { className: taskBoardDropIndicatorClasses }, `drop-${i}`));
-        }
-        const isDragging = dragStateId === card.id;
-        const isKbGrabbed = kbDragStateId === card.id;
-        nodes.push(
-          /* @__PURE__ */ jsx(
-            CardItem,
-            {
-              card,
-              column,
-              isDragging,
-              isKbGrabbed,
-              draggable,
-              dragHintText: labels.dragHintText,
-              renderCard: renderCardProp,
-              dragCtrl
-            },
-            String(card.id)
-          )
-        );
-      });
+      const nodes = swimlanes && swimlaneField ? groupBySwimlane(column.cards, swimlanes, swimlaneField).map((group) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: kanbanSwimlaneClasses,
+          "data-tiger-kanban-swimlane": "",
+          "data-tiger-kanban-swimlane-id": String(group.swimlane.id),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: kanbanSwimlaneHeaderClasses, children: [
+              group.swimlane.color && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: kanbanSwimlaneDotClasses,
+                  style: { backgroundColor: group.swimlane.color }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: group.swimlane.label }),
+              /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-[var(--tiger-text-muted,#6b7280)]", children: group.cards.length })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: group.swimlane.collapsed ? 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__ */ jsx("div", { className: taskBoardDropIndicatorClasses }, "drop-end"));
       }
@@ -245,7 +281,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.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__ */ jsx(
+        allowAddColumn && /* @__PURE__ */ jsxs(
           "div",
           {
             className: kanbanAddColumnClasses,
@@ -428,7 +468,10 @@ var TaskBoard = ({
                 onColumnAdd?.();
               }
             },
-            children: "+ Add column"
+            children: [
+              "+ ",
+              resolveLocaleText(labels.addColumnText)
+            ]
           }
         )
       ]

package/dist/{chunk-M6YXUNOU.mjs → chunk-GOUSXJEY.mjs}

@@ -1,9 +1,9 @@
 import {
   ImageGroupContext
-} from "./chunk-RYNLPRUM.mjs";
+} from "./chunk-SYVMCKPR.mjs";
 import {
   ImagePreview
-} from "./chunk-KXT2TP6A.mjs";
+} from "./chunk-P2WQIVXD.mjs";
 import {
   usePopup
 } from "./chunk-C44WSDEY.mjs";

package/dist/{chunk-GDPU5MYA.js → chunk-GPAY5F7D.js}

@@ -1,5 +1,8 @@
 "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 _chunkI3CDTF4Ujs = require('./chunk-I3CDTF4U.js');
+
+
 var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
 
 // src/components/Textarea.tsx
@@ -12,7 +15,7 @@ var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var Textarea = _react.forwardRef.call(void 0, 
   ({
-    size = "md",
+    size,
     disabled = false,
     readonly = false,
     required = false,
@@ -33,6 +36,8 @@ var Textarea = _react.forwardRef.call(void 0,
     className,
     ...props
   }, ref) => {
+    const inputGroup = _chunkI3CDTF4Ujs.useInputGroupContext.call(void 0, );
+    const effectiveSize = _nullishCoalesce(_nullishCoalesce(size, () => ( _optionalChain([inputGroup, 'optionalAccess', _ => _.size]))), () => ( "md"));
     const textareaRef = _react.useRef.call(void 0, null);
     const [currentValue, setValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, value, defaultValue || "");
     const setRefs = (node) => {
@@ -47,20 +52,20 @@ var Textarea = _react.forwardRef.call(void 0,
     const textareaClasses = _react.useMemo.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, 
         "block",
-        _tigercatcore.getInputClasses.call(void 0, { size }),
+        _tigercatcore.getInputClasses.call(void 0, { size: effectiveSize }),
         autoResize ? "resize-none" : "resize-y",
         className
       ),
-      [size, autoResize, className]
+      [effectiveSize, autoResize, className]
     );
     const handleInput = (event) => {
       setValue(event.currentTarget.value);
-      _optionalChain([onInput, 'optionalCall', _ => _(event)]);
+      _optionalChain([onInput, 'optionalCall', _2 => _2(event)]);
     };
     const handleChange = (event) => {
-      _optionalChain([onChange, 'optionalCall', _2 => _2(event)]);
+      _optionalChain([onChange, 'optionalCall', _3 => _3(event)]);
     };
-    const currentLength = _nullishCoalesce(_optionalChain([currentValue, 'optionalAccess', _3 => _3.length]), () => ( 0));
+    const currentLength = _nullishCoalesce(_optionalChain([currentValue, 'optionalAccess', _4 => _4.length]), () => ( 0));
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "textarea",

package/dist/{chunk-TNTOSFGN.mjs → chunk-GQPKHMHA.mjs}

@@ -1,7 +1,7 @@
 import {
   Steps,
   StepsItem
-} from "./chunk-YSGM22AH.mjs";
+} from "./chunk-6UIVNRAR.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";

package/dist/{chunk-NKSYX4R7.mjs → chunk-GTDLZF7K.mjs}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-6QML6T3Y.mjs";
 import {
   ChartLegend
-} from "./chunk-UBP7HZSU.mjs";
+} from "./chunk-ZG2W4HS5.mjs";
 import {
   ChartTooltip
-} from "./chunk-NASC6XHN.mjs";
+} from "./chunk-O6YIPNXX.mjs";
 import {
   ChartCanvas
 } from "./chunk-DKNVSQSV.mjs";