@expcat/tigercat-react 0.3.70 → 0.4.2

package/dist/chunk-RCNTRSUA.mjs

@@ -0,0 +1,271 @@
+import { useRef, useState, useCallback, useEffect, useMemo } from 'react';
+import { clampValue, formatPrecision, stepValue, isAtMin, isAtMax, classNames, getInputNumberWrapperClasses, getInputNumberStatusClasses, getInputNumberSizeClasses, getInputNumberFocusRingColor, getInputNumberInputClasses, getInputNumberSideButtonClasses, inputNumberMinusIconPathD, inputNumberPlusIconPathD, inputNumberControlsRightClasses, getInputNumberStepButtonClasses, inputNumberUpIconPathD, inputNumberDownIconPathD } from '@expcat/tigercat-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/InputNumber.tsx
+var InputNumber = ({
+  value: controlledValue,
+  defaultValue,
+  size = "md",
+  status = "default",
+  min = -Infinity,
+  max = Infinity,
+  step = 1,
+  precision,
+  disabled = false,
+  readonly = false,
+  placeholder,
+  name,
+  id,
+  keyboard = true,
+  controls = true,
+  controlsPosition = "right",
+  formatter,
+  parser,
+  autoFocus = false,
+  onChange,
+  onFocus,
+  onBlur,
+  className
+}) => {
+  const isControlled = controlledValue !== void 0;
+  const inputRef = useRef(null);
+  const [focused, setFocused] = useState(false);
+  const [internalValue, setInternalValue] = useState(
+    defaultValue ?? controlledValue ?? null
+  );
+  const [displayValue, setDisplayValue] = useState("");
+  const currentValue = isControlled ? controlledValue ?? null : internalValue;
+  const toDisplayValue = useCallback(
+    (val) => {
+      if (val === null || val === void 0) return "";
+      if (formatter) return formatter(val);
+      if (precision !== void 0) return val.toFixed(precision);
+      return String(val);
+    },
+    [formatter, precision]
+  );
+  const parseValue = useCallback(
+    (str) => {
+      if (str === "" || str === "-") return null;
+      if (parser) return parser(str);
+      const num = Number(str);
+      return Number.isNaN(num) ? null : num;
+    },
+    [parser]
+  );
+  useEffect(() => {
+    if (!focused) {
+      setDisplayValue(toDisplayValue(currentValue));
+    }
+  }, [currentValue, focused, toDisplayValue]);
+  useEffect(() => {
+    if (autoFocus && inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [autoFocus]);
+  const commitValue = useCallback(
+    (val) => {
+      let finalVal = val;
+      if (finalVal !== null) {
+        finalVal = clampValue(finalVal, min, max);
+        if (precision !== void 0) {
+          finalVal = formatPrecision(finalVal, precision);
+        }
+      }
+      if (!isControlled) {
+        setInternalValue(finalVal);
+      }
+      onChange?.(finalVal);
+      setDisplayValue(toDisplayValue(finalVal));
+    },
+    [min, max, precision, isControlled, onChange, toDisplayValue]
+  );
+  const handleStep = useCallback(
+    (direction) => {
+      if (disabled || readonly) return;
+      const next = stepValue(currentValue, step, direction, min, max, precision);
+      commitValue(next);
+    },
+    [currentValue, step, min, max, precision, disabled, readonly, commitValue]
+  );
+  const handleInput = useCallback((e) => {
+    setDisplayValue(e.target.value);
+  }, []);
+  const handleBlur = useCallback(
+    (e) => {
+      setFocused(false);
+      const parsed = parseValue(displayValue);
+      commitValue(parsed);
+      onBlur?.(e);
+    },
+    [displayValue, parseValue, commitValue, onBlur]
+  );
+  const handleFocus = useCallback(
+    (e) => {
+      setFocused(true);
+      if (formatter && currentValue !== null) {
+        setDisplayValue(String(currentValue));
+      }
+      onFocus?.(e);
+    },
+    [formatter, currentValue, onFocus]
+  );
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (!keyboard || disabled || readonly) return;
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        handleStep("up");
+      } else if (e.key === "ArrowDown") {
+        e.preventDefault();
+        handleStep("down");
+      } else if (e.key === "Enter") {
+        const parsed = parseValue(displayValue);
+        commitValue(parsed);
+      }
+    },
+    [keyboard, disabled, readonly, handleStep, parseValue, displayValue, commitValue]
+  );
+  const atMin = isAtMin(currentValue, min);
+  const atMax = isAtMax(currentValue, max);
+  const wrapperClasses = useMemo(
+    () => classNames(
+      getInputNumberWrapperClasses(disabled),
+      getInputNumberStatusClasses(status),
+      getInputNumberSizeClasses(size),
+      focused && `ring-2 ${getInputNumberFocusRingColor(status)}`,
+      className
+    ),
+    [disabled, status, size, focused, className]
+  );
+  const inputClasses = useMemo(
+    () => getInputNumberInputClasses(
+      size,
+      controls && controlsPosition === "right",
+      controls && controlsPosition === "both"
+    ),
+    [size, controls, controlsPosition]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
+    controls && controlsPosition === "both" && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        "aria-label": "Decrease",
+        className: getInputNumberSideButtonClasses("left", disabled || atMin),
+        disabled: disabled || atMin,
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: () => handleStep("down"),
+        children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            className: "w-4 h-4",
+            children: /* @__PURE__ */ jsx("path", { d: inputNumberMinusIconPathD })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "text",
+        inputMode: "decimal",
+        role: "spinbutton",
+        "aria-valuemin": min === -Infinity ? void 0 : min,
+        "aria-valuemax": max === Infinity ? void 0 : max,
+        "aria-valuenow": currentValue ?? void 0,
+        className: inputClasses,
+        value: displayValue,
+        placeholder,
+        disabled,
+        readOnly: readonly,
+        name,
+        id,
+        onChange: handleInput,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
+        onKeyDown: handleKeyDown
+      }
+    ),
+    controls && controlsPosition === "both" && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        "aria-label": "Increase",
+        className: getInputNumberSideButtonClasses("right", disabled || atMax),
+        disabled: disabled || atMax,
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: () => handleStep("up"),
+        children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            className: "w-4 h-4",
+            children: /* @__PURE__ */ jsx("path", { d: inputNumberPlusIconPathD })
+          }
+        )
+      }
+    ),
+    controls && controlsPosition === "right" && /* @__PURE__ */ jsxs("div", { className: inputNumberControlsRightClasses, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          tabIndex: -1,
+          "aria-label": "Increase",
+          className: getInputNumberStepButtonClasses("up", disabled || atMax),
+          disabled: disabled || atMax,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: () => handleStep("up"),
+          children: /* @__PURE__ */ jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 24 24",
+              fill: "currentColor",
+              className: "w-3 h-3",
+              children: /* @__PURE__ */ jsx("path", { d: inputNumberUpIconPathD })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          tabIndex: -1,
+          "aria-label": "Decrease",
+          className: getInputNumberStepButtonClasses("down", disabled || atMin),
+          disabled: disabled || atMin,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: () => handleStep("down"),
+          children: /* @__PURE__ */ jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 24 24",
+              fill: "currentColor",
+              className: "w-3 h-3",
+              children: /* @__PURE__ */ jsx("path", { d: inputNumberDownIconPathD })
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+};
+
+export { InputNumber };

package/dist/chunk-SHT4TU3T.mjs

@@ -0,0 +1,26 @@
+import { classNames, layoutSidebarClasses, layoutSidebarCollapsedClasses, getSidebarStyle } from '@expcat/tigercat-core';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/Sidebar.tsx
+var Sidebar = ({
+  className,
+  width = "256px",
+  collapsedWidth = "64px",
+  collapsed = false,
+  style,
+  children,
+  ...props
+}) => {
+  const sidebarClasses = classNames(
+    layoutSidebarClasses,
+    collapsed && layoutSidebarCollapsedClasses,
+    className
+  );
+  const sidebarStyle = {
+    ...style,
+    ...getSidebarStyle(collapsed, width, collapsedWidth)
+  };
+  return /* @__PURE__ */ jsx("aside", { className: sidebarClasses, style: sidebarStyle, ...props, children });
+};
+
+export { Sidebar };

package/dist/{chunk-OUAZM7NY.mjs → chunk-SMC2RV3V.mjs}

@@ -2,7 +2,7 @@ import { MenuItemGroup } from './chunk-OFBK35TK.mjs';
 import { MenuItem } from './chunk-D5KYIQWB.mjs';
 import { useMenuContext } from './chunk-ZIUOENTL.mjs';
 import React, { useState, useEffect, useMemo, useCallback } from 'react';
-import { isKeyOpen, classNames, getSubMenuTitleClasses, submenuContentHorizontalClasses, submenuContentPopupClasses, submenuContentInlineClasses, submenuContentVerticalClasses, focusFirstChildItem, moveFocusInMenu, focusMenuEdge, getMenuItemIndent, menuItemIconClasses, getSubMenuExpandIconClasses } from '@expcat/tigercat-core';
+import { isKeyOpen, classNames, getSubMenuTitleClasses, submenuContentHorizontalClasses, submenuContentHorizontalNestedClasses, submenuContentPopupClasses, submenuContentInlineClasses, submenuContentVerticalClasses, focusFirstChildItem, moveFocusInMenu, focusMenuEdge, getMenuItemIndent, getSubmenuPopupZIndex, menuItemIconClasses, getSubMenuExpandIconClasses } from '@expcat/tigercat-core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var ExpandIcon = ({ expanded }) => /* @__PURE__ */ jsx(
@@ -33,9 +33,9 @@ var SubMenu = ({
   const [isHovered, setIsHovered] = useState(false);
   const [isOpenByKeyboard, setIsOpenByKeyboard] = useState(false);
   const effectiveCollapsed = collapsedOverride ?? (menuContext ? menuContext.collapsed : false);
-  const isPopup = !!menuContext && menuContext.mode === "vertical" && effectiveCollapsed;
+  const isPopup = !!menuContext && (menuContext.mode === "horizontal" || menuContext.mode === "vertical" && effectiveCollapsed);
   const isOpen = !!menuContext && isKeyOpen(itemKey, menuContext.openKeys);
-  const isExpanded = menuContext?.mode === "horizontal" || isPopup ? isHovered || isOpenByKeyboard : isOpen;
+  const isExpanded = isPopup ? isHovered || isOpenByKeyboard : isOpen;
   const isInlineOrVertical = menuContext?.mode !== "horizontal" && !isPopup;
   const [hasRenderedInline, setHasRenderedInline] = useState(
     () => isInlineOrVertical ? isExpanded : false
@@ -50,11 +50,13 @@ var SubMenu = ({
   }, [menuContext, disabled, className]);
   const contentClasses = useMemo(() => {
     if (!menuContext) return "";
-    if (menuContext.mode === "horizontal") return submenuContentHorizontalClasses;
+    if (menuContext.mode === "horizontal") {
+      return level === 0 ? submenuContentHorizontalClasses : submenuContentHorizontalNestedClasses;
+    }
     if (isPopup) return submenuContentPopupClasses;
     if (menuContext.mode === "inline") return submenuContentInlineClasses;
     return submenuContentVerticalClasses;
-  }, [menuContext, isPopup]);
+  }, [menuContext, isPopup, level]);
   const handleTitleClick = useCallback(() => {
     if (!menuContext || disabled) return;
     if (menuContext.mode === "horizontal") return;
@@ -179,19 +181,19 @@ var SubMenu = ({
         return React.cloneElement(
           child,
           {
-            level: nextLevel,
-            collapsed: isPopup ? false : void 0
+            level: nextLevel
           }
         );
       }
       return child;
     });
-    if (menuContext.mode === "horizontal" || isPopup) {
+    const popupZIndex = isPopup ? getSubmenuPopupZIndex(level) : {};
+    if (isPopup) {
       return /* @__PURE__ */ jsx(
         "ul",
         {
           className: contentClasses,
-          style: { display: isExpanded ? "block" : "none" },
+          style: { display: isExpanded ? "block" : "none", ...popupZIndex },
           role: "menu",
           "aria-hidden": isExpanded ? void 0 : "true",
           children: enhancedChildren
@@ -216,7 +218,7 @@ var SubMenu = ({
   return /* @__PURE__ */ jsxs(
     "li",
     {
-      className: menuContext.mode === "horizontal" || isPopup ? "relative" : "",
+      className: isPopup ? "relative" : "",
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       role: "none",

package/dist/{chunk-OESNOOOT.js → chunk-YWTZALG5.js}

@@ -7,18 +7,22 @@ var jsxRuntime = require('react/jsx-runtime');
 var Sidebar = ({
   className,
   width = "256px",
+  collapsedWidth = "64px",
   collapsed = false,
   style,
   children,
   ...props
 }) => {
-  const sidebarClasses = tigercatCore.classNames(tigercatCore.layoutSidebarClasses, className);
+  const sidebarClasses = tigercatCore.classNames(
+    tigercatCore.layoutSidebarClasses,
+    collapsed && tigercatCore.layoutSidebarCollapsedClasses,
+    className
+  );
   const sidebarStyle = {
     ...style,
-    width: collapsed ? "0px" : width,
-    minWidth: collapsed ? "0px" : width
+    ...tigercatCore.getSidebarStyle(collapsed, width, collapsedWidth)
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("aside", { className: sidebarClasses, style: sidebarStyle, ...props, children: !collapsed && children });
+  return /* @__PURE__ */ jsxRuntime.jsx("aside", { className: sidebarClasses, style: sidebarStyle, ...props, children });
 };
 
 exports.Sidebar = Sidebar;

package/dist/components/ActivityFeed.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkIOM7DWWQ_js = require('../chunk-IOM7DWWQ.js');
+var chunkJ3HKED4B_js = require('../chunk-J3HKED4B.js');
 require('../chunk-PR3PQUKM.js');
-require('../chunk-2GKTVAAB.js');
 require('../chunk-QYYAXM5F.js');
+require('../chunk-2GKTVAAB.js');
 require('../chunk-VCULFIZ5.js');
 require('../chunk-I5TCE5E7.js');
 require('../chunk-SSQOCZ6O.js');
@@ -15,9 +15,9 @@ require('../chunk-CI2WHAT2.js');
 
 Object.defineProperty(exports, "ActivityFeed", {
   enumerable: true,
-  get: function () { return chunkIOM7DWWQ_js.ActivityFeed; }
+  get: function () { return chunkJ3HKED4B_js.ActivityFeed; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkIOM7DWWQ_js.ActivityFeed_default; }
+  get: function () { return chunkJ3HKED4B_js.ActivityFeed_default; }
 });

package/dist/components/ActivityFeed.mjs

@@ -1,7 +1,7 @@
-export { ActivityFeed, ActivityFeed_default as default } from '../chunk-FTY2W4L2.mjs';
+export { ActivityFeed, ActivityFeed_default as default } from '../chunk-MTL2QUM3.mjs';
 import '../chunk-JVTAKNRO.mjs';
-import '../chunk-AVUXDQYO.mjs';
 import '../chunk-XZVQ3PJS.mjs';
+import '../chunk-AVUXDQYO.mjs';
 import '../chunk-TGKNEMD4.mjs';
 import '../chunk-LIV33O73.mjs';
 import '../chunk-3M2IG6IN.mjs';

package/dist/components/DataTableWithToolbar.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkIRH2ZVD3_js = require('../chunk-IRH2ZVD3.js');
-require('../chunk-ZTVATZB6.js');
+var chunkQ7GUWWG5_js = require('../chunk-Q7GUWWG5.js');
+require('../chunk-6OVVMHZJ.js');
 require('../chunk-TDRINUMH.js');
 require('../chunk-3GW3UAKB.js');
 require('../chunk-OYCMGKQ7.js');
@@ -13,9 +13,9 @@ require('../chunk-F24IF2QL.js');
 
 Object.defineProperty(exports, "DataTableWithToolbar", {
   enumerable: true,
-  get: function () { return chunkIRH2ZVD3_js.DataTableWithToolbar; }
+  get: function () { return chunkQ7GUWWG5_js.DataTableWithToolbar; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkIRH2ZVD3_js.DataTableWithToolbar_default; }
+  get: function () { return chunkQ7GUWWG5_js.DataTableWithToolbar_default; }
 });

package/dist/components/DataTableWithToolbar.mjs

@@ -1,5 +1,5 @@
-export { DataTableWithToolbar, DataTableWithToolbar_default as default } from '../chunk-ZGQOYCQT.mjs';
-import '../chunk-3577FW3I.mjs';
+export { DataTableWithToolbar, DataTableWithToolbar_default as default } from '../chunk-FX2IBA4W.mjs';
+import '../chunk-PJ7NS7NX.mjs';
 import '../chunk-MDZDPGRK.mjs';
 import '../chunk-NZLOLMT2.mjs';
 import '../chunk-RPTLVIBF.mjs';

package/dist/components/InputNumber.d.mts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { InputNumberProps as InputNumberProps$1 } from '@expcat/tigercat-core';
+
+interface InputNumberProps extends InputNumberProps$1 {
+    /**
+     * Change handler (called with committed value)
+     */
+    onChange?: (value: number | null) => void;
+    /**
+     * Focus handler
+     */
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Blur handler
+     */
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+declare const InputNumber: React.FC<InputNumberProps>;
+
+export { InputNumber, type InputNumberProps };

package/dist/components/InputNumber.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { InputNumberProps as InputNumberProps$1 } from '@expcat/tigercat-core';
+
+interface InputNumberProps extends InputNumberProps$1 {
+    /**
+     * Change handler (called with committed value)
+     */
+    onChange?: (value: number | null) => void;
+    /**
+     * Focus handler
+     */
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Blur handler
+     */
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+declare const InputNumber: React.FC<InputNumberProps>;
+
+export { InputNumber, type InputNumberProps };

package/dist/components/InputNumber.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var chunkPEGJ2KHC_js = require('../chunk-PEGJ2KHC.js');
+
+
+
+Object.defineProperty(exports, "InputNumber", {
+  enumerable: true,
+  get: function () { return chunkPEGJ2KHC_js.InputNumber; }
+});

package/dist/components/InputNumber.mjs

@@ -0,0 +1 @@
+export { InputNumber } from '../chunk-RCNTRSUA.mjs';

package/dist/components/Sidebar.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkOESNOOOT_js = require('../chunk-OESNOOOT.js');
+var chunkYWTZALG5_js = require('../chunk-YWTZALG5.js');
 
 
 
 Object.defineProperty(exports, "Sidebar", {
   enumerable: true,
-  get: function () { return chunkOESNOOOT_js.Sidebar; }
+  get: function () { return chunkYWTZALG5_js.Sidebar; }
 });

package/dist/components/Sidebar.mjs

@@ -1 +1 @@
-export { Sidebar } from '../chunk-RITTIFCJ.mjs';
+export { Sidebar } from '../chunk-SHT4TU3T.mjs';

package/dist/components/SubMenu.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkPWZB45Z7_js = require('../chunk-PWZB45Z7.js');
+var chunkJQK354YN_js = require('../chunk-JQK354YN.js');
 require('../chunk-GJEWBALW.js');
 require('../chunk-A3PYG3D6.js');
 require('../chunk-IBYIPXIO.js');
@@ -9,5 +9,5 @@ require('../chunk-IBYIPXIO.js');
 
 Object.defineProperty(exports, "SubMenu", {
   enumerable: true,
-  get: function () { return chunkPWZB45Z7_js.SubMenu; }
+  get: function () { return chunkJQK354YN_js.SubMenu; }
 });

package/dist/components/SubMenu.mjs

@@ -1,4 +1,4 @@
-export { SubMenu } from '../chunk-OUAZM7NY.mjs';
+export { SubMenu } from '../chunk-SMC2RV3V.mjs';
 import '../chunk-OFBK35TK.mjs';
 import '../chunk-D5KYIQWB.mjs';
 import '../chunk-ZIUOENTL.mjs';

package/dist/components/Table.d.mts

@@ -36,11 +36,15 @@ interface TableProps<T = Record<string, unknown>> extends TableProps$1<T> {
         current: number;
         pageSize: number;
     }) => void;
+    /**
+     * Expanded rows change handler
+     */
+    onExpandedRowsChange?: (expandedRowKeys: (string | number)[]) => void;
     /**
      * Additional CSS classes
      */
     className?: string;
 }
-declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ columns, columnLockable, dataSource, sort, defaultSort, filters, defaultFilters, size, bordered, striped, hoverable, loading, emptyText, pagination, rowSelection, rowKey, rowClassName, stickyHeader, maxHeight, tableLayout, onChange, onRowClick, onSelectionChange, onSortChange, onFilterChange, onPageChange, className, ...props }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ columns, columnLockable, dataSource, sort, defaultSort, filters, defaultFilters, size, bordered, striped, hoverable, loading, emptyText, pagination, rowSelection, rowKey, rowClassName, stickyHeader, maxHeight, tableLayout, expandable, onChange, onRowClick, onSelectionChange, onSortChange, onFilterChange, onPageChange, onExpandedRowsChange, className, ...props }: TableProps<T>): react_jsx_runtime.JSX.Element;
 
 export { Table, type TableProps };

package/dist/components/Table.d.ts

@@ -36,11 +36,15 @@ interface TableProps<T = Record<string, unknown>> extends TableProps$1<T> {
         current: number;
         pageSize: number;
     }) => void;
+    /**
+     * Expanded rows change handler
+     */
+    onExpandedRowsChange?: (expandedRowKeys: (string | number)[]) => void;
     /**
      * Additional CSS classes
      */
     className?: string;
 }
-declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ columns, columnLockable, dataSource, sort, defaultSort, filters, defaultFilters, size, bordered, striped, hoverable, loading, emptyText, pagination, rowSelection, rowKey, rowClassName, stickyHeader, maxHeight, tableLayout, onChange, onRowClick, onSelectionChange, onSortChange, onFilterChange, onPageChange, className, ...props }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ columns, columnLockable, dataSource, sort, defaultSort, filters, defaultFilters, size, bordered, striped, hoverable, loading, emptyText, pagination, rowSelection, rowKey, rowClassName, stickyHeader, maxHeight, tableLayout, expandable, onChange, onRowClick, onSelectionChange, onSortChange, onFilterChange, onPageChange, onExpandedRowsChange, className, ...props }: TableProps<T>): react_jsx_runtime.JSX.Element;
 
 export { Table, type TableProps };

package/dist/components/Table.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkZTVATZB6_js = require('../chunk-ZTVATZB6.js');
+var chunk6OVVMHZJ_js = require('../chunk-6OVVMHZJ.js');
 
 
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkZTVATZB6_js.Table; }
+  get: function () { return chunk6OVVMHZJ_js.Table; }
 });

package/dist/components/Table.mjs

@@ -1 +1 @@
-export { Table } from '../chunk-3577FW3I.mjs';
+export { Table } from '../chunk-PJ7NS7NX.mjs';

package/dist/components/TaskBoard.d.mts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { TaskBoardProps as TaskBoardProps$1, TaskBoardCard, TaskBoardColumn } from '@expcat/tigercat-core';
+
+interface TaskBoardProps extends Omit<TaskBoardProps$1, 'style' | 'renderCard' | 'renderColumnHeader' | 'renderColumnFooter' | 'renderEmptyColumn'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'style' | 'draggable'> {
+    renderCard?: (card: TaskBoardCard, columnId: string | number) => React.ReactNode;
+    renderColumnHeader?: (column: TaskBoardColumn) => React.ReactNode;
+    renderColumnFooter?: (column: TaskBoardColumn) => React.ReactNode;
+    renderEmptyColumn?: (column: TaskBoardColumn) => React.ReactNode;
+    style?: React.CSSProperties;
+}
+declare const TaskBoard: React.FC<TaskBoardProps>;
+
+export { TaskBoard, type TaskBoardProps, TaskBoard as default };

package/dist/components/TaskBoard.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { TaskBoardProps as TaskBoardProps$1, TaskBoardCard, TaskBoardColumn } from '@expcat/tigercat-core';
+
+interface TaskBoardProps extends Omit<TaskBoardProps$1, 'style' | 'renderCard' | 'renderColumnHeader' | 'renderColumnFooter' | 'renderEmptyColumn'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'style' | 'draggable'> {
+    renderCard?: (card: TaskBoardCard, columnId: string | number) => React.ReactNode;
+    renderColumnHeader?: (column: TaskBoardColumn) => React.ReactNode;
+    renderColumnFooter?: (column: TaskBoardColumn) => React.ReactNode;
+    renderEmptyColumn?: (column: TaskBoardColumn) => React.ReactNode;
+    style?: React.CSSProperties;
+}
+declare const TaskBoard: React.FC<TaskBoardProps>;
+
+export { TaskBoard, type TaskBoardProps, TaskBoard as default };