@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/{chunk-UPO4LLNK.mjs → chunk-XBM76P27.mjs}

@@ -1,11 +1,36 @@
-import { useChartInteraction } from './chunk-6QML6T3Y.mjs';
-import { ChartLegend } from './chunk-UBP7HZSU.mjs';
-import { ChartTooltip } from './chunk-2IUTFPQQ.mjs';
-import { ChartCanvas } from './chunk-DKNVSQSV.mjs';
-import { useMemo } from 'react';
-import { getChartInnerRect, getPieArcs, resolveChartPalette, getPieGradientPrefix, buildChartLegendItems, resolveChartTooltipContent, classNames, createPieArcPath, getChartElementOpacity, computePieHoverOffset, PIE_EMPHASIS_SHADOW, PIE_BASE_SHADOW, computePieLabelLine, polarToCartesian, chartAxisTickTextClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  useChartInteraction
+} from "./chunk-6QML6T3Y.mjs";
+import {
+  ChartLegend
+} from "./chunk-UBP7HZSU.mjs";
+import {
+  ChartTooltip
+} from "./chunk-NASC6XHN.mjs";
+import {
+  ChartCanvas
+} from "./chunk-DKNVSQSV.mjs";
 
+// src/components/PieChart.tsx
+import { useId, useMemo } from "react";
+import {
+  chartAxisTickTextClasses,
+  classNames,
+  computePieHoverOffset,
+  computePieLabelLine,
+  createPieArcPath,
+  getChartElementOpacity,
+  getChartInnerRect,
+  getPieArcs,
+  getStableChartGradientPrefix,
+  PIE_BASE_SHADOW,
+  PIE_EMPHASIS_SHADOW,
+  polarToCartesian,
+  resolveChartPalette,
+  buildChartLegendItems,
+  resolveChartTooltipContent
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var PieChart = ({
   width = 320,
   height = 200,
@@ -99,7 +124,11 @@ var PieChart = ({
     [data, startAngle, endAngle, padAngle]
   );
   const palette = useMemo(() => resolveChartPalette(colors), [colors]);
-  const gradientPrefix = useMemo(() => getPieGradientPrefix(), []);
+  const gradientId = useId();
+  const gradientPrefix = useMemo(
+    () => getStableChartGradientPrefix("pie", gradientId),
+    [gradientId]
+  );
   const cx = innerRect.width / 2;
   const cy = innerRect.height / 2;
   const labelRadius = resolvedInnerRadius + (resolvedOuterRadius - resolvedInnerRadius) / 2;
@@ -182,7 +211,7 @@ var PieChart = ({
                 style: {
                   transform: isEmphasized ? `translate(${dx}px, ${dy}px) scale(1.04)` : `translate(${dx}px, ${dy}px)`,
                   transformOrigin: `${cx}px ${cy}px`,
-                  transition: "transform var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-spring,cubic-bezier(0.4,0,0.2,1)), opacity 0.2s ease-out, filter 0.3s ease-out",
+                  transition: "transform var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-spring,cubic-bezier(0.4,0,0.2,1)), opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out), filter var(--tiger-motion-duration-relaxed,0.3s) var(--tiger-motion-ease-decelerate,ease-out)",
                   filter: shadow ? isEmphasized ? PIE_EMPHASIS_SHADOW : PIE_BASE_SHADOW : void 0
                 },
                 tabIndex: selectable ? 0 : void 0,
@@ -288,4 +317,7 @@ var PieChart = ({
 };
 var PieChart_default = PieChart;
 
-export { PieChart, PieChart_default };
+export {
+  PieChart,
+  PieChart_default
+};

package/dist/chunk-XFPJYKBQ.js

@@ -0,0 +1,98 @@
+"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/FloatButton.tsx
+var _react = require('react');
+var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_reactdom);
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var FloatButton = ({
+  shape = "circle",
+  size = "md",
+  type = "primary",
+  tooltip,
+  disabled = false,
+  ariaLabel,
+  className,
+  children,
+  onClick,
+  ...props
+}) => {
+  const classes = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, 
+      _tigercatcore.floatButtonBaseClasses,
+      _tigercatcore.floatButtonShapeClasses[shape],
+      _tigercatcore.floatButtonSizeClasses[size],
+      _tigercatcore.floatButtonTypeClasses[type],
+      disabled && _tigercatcore.floatButtonDisabledClasses,
+      className
+    ),
+    [shape, size, type, disabled, className]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      className: classes,
+      type: "button",
+      disabled,
+      "aria-label": _nullishCoalesce(ariaLabel, () => ( tooltip)),
+      title: tooltip,
+      onClick: disabled ? void 0 : onClick,
+      ...props,
+      children
+    }
+  );
+};
+var FloatButtonGroup = ({
+  shape: _shape = "circle",
+  trigger = "click",
+  open: controlledOpen,
+  triggerNode,
+  children,
+  className,
+  onOpenChange,
+  ...props
+}) => {
+  const [internalOpen, setInternalOpen] = _react.useState.call(void 0, false);
+  const isOpen = _nullishCoalesce(controlledOpen, () => ( internalOpen));
+  const toggle = _react.useCallback.call(void 0, () => {
+    const next = !isOpen;
+    setInternalOpen(next);
+    _optionalChain([onOpenChange, 'optionalCall', _ => _(next)]);
+  }, [isOpen, onOpenChange]);
+  const handleMouseEnter = _react.useCallback.call(void 0, () => {
+    setInternalOpen(true);
+    _optionalChain([onOpenChange, 'optionalCall', _2 => _2(true)]);
+  }, [onOpenChange]);
+  const handleMouseLeave = _react.useCallback.call(void 0, () => {
+    setInternalOpen(false);
+    _optionalChain([onOpenChange, 'optionalCall', _3 => _3(false)]);
+  }, [onOpenChange]);
+  const groupClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.floatButtonGroupClasses, className), [className]);
+  if (!_tigercatcore.isBrowser.call(void 0, )) return null;
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: groupClasses,
+      onMouseEnter: trigger === "hover" ? handleMouseEnter : void 0,
+      onMouseLeave: trigger === "hover" ? handleMouseLeave : void 0,
+      ...props,
+      children: [
+        triggerNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { onClick: trigger === "click" ? toggle : void 0, children: triggerNode }),
+        isOpen && children
+      ]
+    }
+  );
+  return _reactdom2.default.createPortal(content, document.body);
+};
+
+
+
+
+exports.FloatButton = FloatButton; exports.FloatButtonGroup = FloatButtonGroup;

package/dist/{chunk-MOSVX52I.js → chunk-XHT2VIDR.js}

@@ -1,31 +1,45 @@
-'use strict';
+"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 chunk6YBLWFP5_js = require('./chunk-6YBLWFP5.js');
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+// src/components/TaskBoard.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
-var React__default = /*#__PURE__*/_interopDefault(React);
 
-var CardItem = React__default.default.memo(
-  ({
-    card,
-    column,
-    isDragging,
-    isKbGrabbed,
-    draggable,
-    dragHintText,
-    renderCard,
-    dragCtrl
-  }) => {
-    const cardClasses = tigercatCore.classNames(
-      tigercatCore.taskBoardCardClasses,
-      isDragging && tigercatCore.taskBoardCardDraggingClasses,
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var CardItem = _react2.default.memo(
+  ({ card, column, isDragging, isKbGrabbed, draggable, dragHintText, renderCard, dragCtrl }) => {
+    const cardClasses = _tigercatcore.classNames.call(void 0, 
+      _tigercatcore.taskBoardCardClasses,
+      isDragging && _tigercatcore.taskBoardCardDraggingClasses,
       isKbGrabbed && "ring-2 ring-[var(--tiger-primary,#2563eb)]"
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         className: cardClasses,
@@ -46,9 +60,9 @@ var CardItem = React__default.default.memo(
         onKeyDown: (e) => {
           if (dragCtrl.cardKeyDown(e.key, card, column)) e.preventDefault();
         },
-        children: renderCard ? renderCard(card, column.id) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-sm text-[var(--tiger-text,#1f2937)]", children: card.title }),
-          card.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs text-[var(--tiger-text-muted,#6b7280)] line-clamp-2", children: card.description })
+        children: renderCard ? renderCard(card, column.id) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "font-medium text-sm text-[var(--tiger-text,#1f2937)]", children: card.title }),
+          card.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-1 text-xs text-[var(--tiger-text-muted,#6b7280)] line-clamp-2", children: card.description })
         ] })
       }
     );
@@ -56,7 +70,7 @@ var CardItem = React__default.default.memo(
   (prev, next) => prev.card.id === next.card.id && prev.isDragging === next.isDragging && prev.isKbGrabbed === next.isKbGrabbed && prev.draggable === next.draggable && prev.card === next.card
 );
 CardItem.displayName = "TaskBoardCardItem";
-var ColumnItem = React__default.default.memo(
+var ColumnItem = _react2.default.memo(
   ({
     column,
     colIndex,
@@ -78,24 +92,24 @@ var ColumnItem = React__default.default.memo(
     showCardCount,
     allowAddCard
   }) => {
-    const wipOver = tigercatCore.isWipExceeded(column);
-    const cardCount = showCardCount ? tigercatCore.getColumnCardCount(column) : null;
-    const colClasses = tigercatCore.classNames(
-      tigercatCore.taskBoardColumnClasses,
-      isDropTarget && tigercatCore.taskBoardColumnDropTargetClasses,
-      isColDragging && tigercatCore.taskBoardColumnDraggingClasses
+    const wipOver = _tigercatcore.isWipExceeded.call(void 0, column);
+    const cardCount = showCardCount ? _tigercatcore.getColumnCardCount.call(void 0, column) : null;
+    const colClasses = _tigercatcore.classNames.call(void 0, 
+      _tigercatcore.taskBoardColumnClasses,
+      isDropTarget && _tigercatcore.taskBoardColumnDropTargetClasses,
+      isColDragging && _tigercatcore.taskBoardColumnDraggingClasses
     );
     let cardsContent;
     if (column.cards.length > 0) {
       const nodes = [];
       column.cards.forEach((card, i) => {
         if (isDropTarget && dropIdx === i) {
-          nodes.push(/* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.taskBoardDropIndicatorClasses }, `drop-${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(
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             CardItem,
             {
               card,
@@ -112,14 +126,14 @@ var ColumnItem = React__default.default.memo(
         );
       });
       if (isDropTarget && dropIdx >= column.cards.length) {
-        nodes.push(/* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.taskBoardDropIndicatorClasses }, "drop-end"));
+        nodes.push(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.taskBoardDropIndicatorClasses }, "drop-end"));
       }
       cardsContent = nodes;
     } else {
-      cardsContent = isDropTarget ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.taskBoardDropIndicatorClasses }, "drop-empty") : renderEmptyColumn ? renderEmptyColumn(column) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.taskBoardEmptyClasses, children: tigercatCore.resolveLocaleText(labels.emptyColumnText) });
+      cardsContent = isDropTarget ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.taskBoardDropIndicatorClasses }, "drop-empty") : renderEmptyColumn ? renderEmptyColumn(column) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.taskBoardEmptyClasses, children: _tigercatcore.resolveLocaleText.call(void 0, labels.emptyColumnText) });
     }
-    const wipTitle = column.wipLimit != null ? tigercatCore.resolveLocaleText(labels.wipLimitText.replace("{limit}", String(column.wipLimit))) : void 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
+    const wipTitle = column.wipLimit != null ? _tigercatcore.resolveLocaleText.call(void 0, labels.wipLimitText.replace("{limit}", String(column.wipLimit))) : void 0;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
         className: colClasses,
@@ -134,48 +148,53 @@ var ColumnItem = React__default.default.memo(
           if (e.dataTransfer) dragCtrl.columnDrop(e.dataTransfer, e.clientX);
         } : void 0,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "div",
             {
-              className: tigercatCore.taskBoardColumnHeaderClasses,
+              className: _tigercatcore.taskBoardColumnHeaderClasses,
               draggable: columnDraggable,
               onDragStart: (e) => {
                 if (e.dataTransfer) dragCtrl.columnDragStart(e.dataTransfer, column, colIndex);
               },
               onDragEnd: () => dragCtrl.dragEnd(),
-              onTouchStart: (e) => dragCtrl.columnTouchStart(e.nativeEvent, e.currentTarget, column, colIndex),
+              onTouchStart: (e) => dragCtrl.columnTouchStart(
+                e.nativeEvent,
+                e.currentTarget,
+                column,
+                colIndex
+              ),
               onTouchMove: (e) => dragCtrl.columnTouchMove(e.nativeEvent),
               onTouchEnd: () => dragCtrl.columnTouchEnd(),
               style: columnDraggable ? { cursor: "grab" } : void 0,
-              children: renderColumnHeader ? renderColumnHeader(column) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: wipOver ? tigercatCore.taskBoardWipExceededClasses : void 0, children: [
+              children: renderColumnHeader ? renderColumnHeader(column) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: wipOver ? _tigercatcore.taskBoardWipExceededClasses : void 0, children: [
                   column.title,
-                  showCardCount && cardCount ? null : 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.call(void 0, "span", { className: "ml-2 text-xs font-normal opacity-70", title: wipTitle, children: [
                     "(",
                     column.cards.length,
                     "/",
                     column.wipLimit,
                     ")"
-                  ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 text-xs font-normal opacity-50", children: column.cards.length })
+                  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-2 text-xs font-normal opacity-50", children: column.cards.length })
                 ] }),
-                showCardCount && cardCount && /* @__PURE__ */ jsxRuntime.jsx(
+                showCardCount && cardCount && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "span",
                   {
-                    className: tigercatCore.classNames(
-                      tigercatCore.kanbanCardCountClasses,
-                      wipOver && tigercatCore.taskBoardWipExceededClasses
+                    className: _tigercatcore.classNames.call(void 0, 
+                      _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 })
+                column.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs font-normal text-[var(--tiger-text-muted,#6b7280)] truncate max-w-[120px]", children: column.description })
               ] })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "div",
             {
-              className: tigercatCore.taskBoardColumnBodyClasses,
+              className: _tigercatcore.taskBoardColumnBodyClasses,
               role: "list",
               "aria-label": column.title,
               onDragOver: (e) => {
@@ -190,25 +209,25 @@ var ColumnItem = React__default.default.memo(
               children: cardsContent
             }
           ),
-          renderColumnFooter ? renderColumnFooter(column) : onCardAdd || allowAddCard ? /* @__PURE__ */ jsxRuntime.jsxs(
+          renderColumnFooter ? renderColumnFooter(column) : onCardAdd || allowAddCard ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "div",
             {
-              className: tigercatCore.classNames(
+              className: _tigercatcore.classNames.call(void 0, 
                 "border-t border-[var(--tiger-border,#e5e7eb)]",
-                tigercatCore.taskBoardAddCardClasses
+                _tigercatcore.taskBoardAddCardClasses
               ),
               role: "button",
               tabIndex: 0,
-              onClick: () => onCardAdd?.(column.id),
+              onClick: () => _optionalChain([onCardAdd, 'optionalCall', _ => _(column.id)]),
               onKeyDown: (e) => {
                 if (e.key === "Enter" || e.key === " ") {
                   e.preventDefault();
-                  onCardAdd?.(column.id);
+                  _optionalChain([onCardAdd, 'optionalCall', _2 => _2(column.id)]);
                 }
               },
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "+" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: tigercatCore.resolveLocaleText(labels.addCardText) })
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "+" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: _tigercatcore.resolveLocaleText.call(void 0, labels.addCardText) })
               ]
             }
           ) : null
@@ -246,47 +265,47 @@ var TaskBoard = ({
   style,
   ...rest
 }) => {
-  const config = chunk6YBLWFP5_js.useTigerConfig();
-  const mergedLocale = React.useMemo(
-    () => tigercatCore.mergeTigerLocale(config.locale, locale),
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
     [config.locale, locale]
   );
-  const labels = React.useMemo(() => tigercatCore.getTaskBoardLabels(mergedLocale), [mergedLocale]);
-  const [innerColumns, setInnerColumns] = React.useState(defaultColumns);
-  React.useEffect(() => {
+  const labels = _react.useMemo.call(void 0, () => _tigercatcore.getTaskBoardLabels.call(void 0, mergedLocale), [mergedLocale]);
+  const [innerColumns, setInnerColumns] = _react.useState.call(void 0, defaultColumns);
+  _react.useEffect.call(void 0, () => {
     if (controlledColumns !== void 0) setInnerColumns(controlledColumns);
   }, [controlledColumns]);
-  const currentColumns = controlledColumns ?? innerColumns;
-  const visibleColumns = React.useMemo(() => {
+  const currentColumns = _nullishCoalesce(controlledColumns, () => ( innerColumns));
+  const visibleColumns = _react.useMemo.call(void 0, () => {
     if (!filterText && (!hiddenColumns || hiddenColumns.length === 0)) {
       return currentColumns;
     }
-    return tigercatCore.filterColumns(currentColumns, filterText, hiddenColumns);
+    return _tigercatcore.filterColumns.call(void 0, currentColumns, filterText, hiddenColumns);
   }, [currentColumns, filterText, hiddenColumns]);
-  const columnsRef = React.useRef(currentColumns);
+  const columnsRef = _react.useRef.call(void 0, currentColumns);
   columnsRef.current = currentColumns;
-  const updateColumns = React.useCallback(
+  const updateColumns = _react.useCallback.call(void 0, 
     (next) => {
       setInnerColumns(next);
-      onColumnsChange?.(next);
+      _optionalChain([onColumnsChange, 'optionalCall', _3 => _3(next)]);
     },
     [onColumnsChange]
   );
-  const [dragSnap, setDragSnap] = React.useState(tigercatCore.createDefaultDragSnapshot);
-  const boardRef = React.useRef(null);
-  const beforeCardMoveRef = React.useRef(beforeCardMove);
+  const [dragSnap, setDragSnap] = _react.useState.call(void 0, _tigercatcore.createDefaultDragSnapshot);
+  const boardRef = _react.useRef.call(void 0, null);
+  const beforeCardMoveRef = _react.useRef.call(void 0, beforeCardMove);
   beforeCardMoveRef.current = beforeCardMove;
-  const beforeColumnMoveRef = React.useRef(beforeColumnMove);
+  const beforeColumnMoveRef = _react.useRef.call(void 0, beforeColumnMove);
   beforeColumnMoveRef.current = beforeColumnMove;
-  const onCardMoveRef = React.useRef(onCardMove);
+  const onCardMoveRef = _react.useRef.call(void 0, onCardMove);
   onCardMoveRef.current = onCardMove;
-  const onColumnMoveRef = React.useRef(onColumnMove);
+  const onColumnMoveRef = _react.useRef.call(void 0, onColumnMove);
   onColumnMoveRef.current = onColumnMove;
-  const enforceWipLimitRef = React.useRef(enforceWipLimit);
+  const enforceWipLimitRef = _react.useRef.call(void 0, enforceWipLimit);
   enforceWipLimitRef.current = enforceWipLimit;
-  const applyCardMove = React.useCallback(
+  const applyCardMove = _react.useCallback.call(void 0, 
     async (cardId, fromColumnId, toColumnId, toIdx) => {
-      const result = tigercatCore.moveCard(columnsRef.current, cardId, fromColumnId, toColumnId, toIdx, {
+      const result = _tigercatcore.moveCard.call(void 0, columnsRef.current, cardId, fromColumnId, toColumnId, toIdx, {
         enforceWipLimit: enforceWipLimitRef.current
       });
       if (!result) return;
@@ -295,27 +314,27 @@ var TaskBoard = ({
         if (!ok) return;
       }
       updateColumns(result.columns);
-      onCardMoveRef.current?.(result.event);
+      _optionalChain([onCardMoveRef, 'access', _4 => _4.current, 'optionalCall', _5 => _5(result.event)]);
     },
     [updateColumns]
   );
-  const applyColumnMove = React.useCallback(
+  const applyColumnMove = _react.useCallback.call(void 0, 
     async (fromIdx, toIdx) => {
       const cols = columnsRef.current;
-      const result = tigercatCore.reorderColumns(cols, fromIdx, Math.min(toIdx, cols.length - 1));
+      const result = _tigercatcore.reorderColumns.call(void 0, cols, fromIdx, Math.min(toIdx, cols.length - 1));
       if (!result) return;
       if (beforeColumnMoveRef.current) {
         const ok = await beforeColumnMoveRef.current(result.event);
         if (!ok) return;
       }
       updateColumns(result.columns);
-      onColumnMoveRef.current?.(result.event);
+      _optionalChain([onColumnMoveRef, 'access', _6 => _6.current, 'optionalCall', _7 => _7(result.event)]);
     },
     [updateColumns]
   );
-  const dragCtrlRef = React.useRef(null);
+  const dragCtrlRef = _react.useRef.call(void 0, null);
   if (!dragCtrlRef.current) {
-    dragCtrlRef.current = tigercatCore.createTaskBoardDragController(
+    dragCtrlRef.current = _tigercatcore.createTaskBoardDragController.call(void 0, 
       {
         onStateChange: setDragSnap,
         applyCardMove: (...args) => applyCardMoveRef.current(...args),
@@ -327,36 +346,36 @@ var TaskBoard = ({
     );
   }
   const dragCtrl = dragCtrlRef.current;
-  const applyCardMoveRef = React.useRef(applyCardMove);
+  const applyCardMoveRef = _react.useRef.call(void 0, applyCardMove);
   applyCardMoveRef.current = applyCardMove;
-  const applyColumnMoveRef = React.useRef(applyColumnMove);
+  const applyColumnMoveRef = _react.useRef.call(void 0, applyColumnMove);
   applyColumnMoveRef.current = applyColumnMove;
-  React.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     dragCtrl.setOptions({ draggable, columnDraggable });
   }, [draggable, columnDraggable, dragCtrl]);
-  React.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     dragCtrl.init();
     return () => dragCtrl.dispose();
   }, [dragCtrl]);
-  const wrapperClasses = React.useMemo(() => tigercatCore.classNames(tigercatCore.taskBoardBaseClasses, className), [className]);
-  const dragType = dragSnap.drag?.type ?? null;
-  const dragStateId = dragSnap.drag?.type === "card" ? dragSnap.drag.id : null;
-  const kbDragStateId = dragSnap.kbDrag?.id ?? null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  const wrapperClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.taskBoardBaseClasses, className), [className]);
+  const dragType = _nullishCoalesce(_optionalChain([dragSnap, 'access', _8 => _8.drag, 'optionalAccess', _9 => _9.type]), () => ( null));
+  const dragStateId = _optionalChain([dragSnap, 'access', _10 => _10.drag, 'optionalAccess', _11 => _11.type]) === "card" ? dragSnap.drag.id : null;
+  const kbDragStateId = _nullishCoalesce(_optionalChain([dragSnap, 'access', _12 => _12.kbDrag, 'optionalAccess', _13 => _13.id]), () => ( null));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
       ref: boardRef,
       className: wrapperClasses,
       style,
       role: "region",
-      "aria-label": tigercatCore.resolveLocaleText(labels.boardAriaLabel),
+      "aria-label": _tigercatcore.resolveLocaleText.call(void 0, labels.boardAriaLabel),
       "data-tiger-task-board": "",
       ...rest,
       children: [
         visibleColumns.map((col, i) => {
-          const isDropTarget = dragSnap.drag?.type === "card" && dragSnap.dropTargetColumnId === col.id;
-          const isColDragging = dragSnap.drag?.type === "column" && dragSnap.drag.id === col.id;
-          return /* @__PURE__ */ jsxRuntime.jsx(
+          const isDropTarget = _optionalChain([dragSnap, 'access', _14 => _14.drag, 'optionalAccess', _15 => _15.type]) === "card" && dragSnap.dropTargetColumnId === col.id;
+          const isColDragging = _optionalChain([dragSnap, 'access', _16 => _16.drag, 'optionalAccess', _17 => _17.type]) === "column" && dragSnap.drag.id === col.id;
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             ColumnItem,
             {
               column: col,
@@ -382,17 +401,17 @@ var TaskBoard = ({
             String(col.id)
           );
         }),
-        allowAddColumn && /* @__PURE__ */ jsxRuntime.jsx(
+        allowAddColumn && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
-            className: tigercatCore.kanbanAddColumnClasses,
+            className: _tigercatcore.kanbanAddColumnClasses,
             role: "button",
             tabIndex: 0,
-            onClick: () => onColumnAdd?.(),
+            onClick: () => _optionalChain([onColumnAdd, 'optionalCall', _18 => _18()]),
             onKeyDown: (e) => {
               if (e.key === "Enter" || e.key === " ") {
                 e.preventDefault();
-                onColumnAdd?.();
+                _optionalChain([onColumnAdd, 'optionalCall', _19 => _19()]);
               }
             },
             children: "+ Add column"
@@ -404,5 +423,7 @@ var TaskBoard = ({
 };
 var TaskBoard_default = TaskBoard;
 
-exports.TaskBoard = TaskBoard;
-exports.TaskBoard_default = TaskBoard_default;
+
+
+
+exports.TaskBoard = TaskBoard; exports.TaskBoard_default = TaskBoard_default;

package/dist/chunk-XJ7U2W7S.mjs

@@ -1,7 +1,9 @@
-import { getSpaceStyle, getSpaceClasses } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/Space.tsx
+import {
+  getSpaceClasses,
+  getSpaceStyle
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var Space = ({
   direction = "horizontal",
   size = "md",
@@ -24,4 +26,6 @@ var Space = ({
   );
 };
 
-export { Space };
+export {
+  Space
+};