@expcat/tigercat-react 1.2.43 → 1.2.46

package/dist/{chunk-WYGO6XC7.mjs → chunk-AGHGG73I.mjs}

@@ -21,6 +21,7 @@ import {
   createTableResizeObserverController,
   getTableWrapperClasses,
   getCardColumns,
+  getCardGridInfo,
   getTableResponsiveCardListClasses,
   getTableResponsiveTableClasses,
   getTableVirtualRecommendation,
@@ -994,6 +995,7 @@ function Table({
   cardBreakpoint = "sm",
   cardClassName,
   renderCard,
+  cardLayout,
   // v0.6.0 props
   virtual = false,
   autoVirtual = true,
@@ -1128,6 +1130,18 @@ function Table({
     onRowOrderChange,
     onExport
   });
+  const cardLayoutMap = useMemo2(() => {
+    const map = /* @__PURE__ */ new Map();
+    if (cardLayout) {
+      for (const item of cardLayout) {
+        map.set(item.key, item);
+      }
+    }
+    return map;
+  }, [cardLayout]);
+  const hasCustomCardLayout = useMemo2(() => {
+    return ctx.displayColumns.some((col) => col.cardGrid) || cardLayout && cardLayout.length > 0;
+  }, [ctx.displayColumns, cardLayout]);
   const virtualRecommendation = useMemo2(
     () => getTableVirtualRecommendation({
       virtual,
@@ -1349,6 +1363,38 @@ function Table({
                           const dataKey = column.dataKey || column.key;
                           return column.render ? column.render(record, index) : record[dataKey];
                         };
+                        if (hasCustomCardLayout) {
+                          return /* @__PURE__ */ jsxs5(Fragment, { children: [
+                            titleColumn && /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardTitleClasses, children: renderCellContent(titleColumn) }),
+                            /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-12 gap-3 mt-2", children: bodyColumns.map((column) => {
+                              const layoutItem = cardLayoutMap.get(column.key);
+                              const gridInfo = getCardGridInfo(column, layoutItem);
+                              if (gridInfo.hideLabel) {
+                                return /* @__PURE__ */ jsx6("div", { className: gridInfo.className, children: renderCellContent(column) }, column.key);
+                              }
+                              if (gridInfo.labelPosition === "top") {
+                                return /* @__PURE__ */ jsxs5("div", { className: gridInfo.className, children: [
+                                  /* @__PURE__ */ jsx6("div", { className: "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] mb-1", children: column.title }),
+                                  /* @__PURE__ */ jsx6("div", { className: "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words", children: renderCellContent(column) })
+                                ] }, column.key);
+                              }
+                              return /* @__PURE__ */ jsxs5(
+                                "div",
+                                {
+                                  className: classNames3(
+                                    gridInfo.className,
+                                    "grid grid-cols-[auto_1fr] gap-2 items-baseline"
+                                  ),
+                                  children: [
+                                    /* @__PURE__ */ jsx6("div", { className: "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] shrink-0", children: column.title }),
+                                    /* @__PURE__ */ jsx6("div", { className: "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words", children: renderCellContent(column) })
+                                  ]
+                                },
+                                column.key
+                              );
+                            }) })
+                          ] });
+                        }
                         return /* @__PURE__ */ jsxs5(Fragment, { children: [
                           titleColumn && /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardTitleClasses, children: renderCellContent(titleColumn) }),
                           bodyColumns.map((column) => /* @__PURE__ */ jsxs5("div", { className: tableResponsiveCardRowClasses, children: [

package/dist/{chunk-LHBE3N3U.js → chunk-EWSYARW4.js}

@@ -1,6 +1,6 @@
 "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 _chunkXUETAIF3js = require('./chunk-XUETAIF3.js');
+var _chunkIFVIPIAAjs = require('./chunk-IFVIPIAA.js');
 
 
 var _chunk6Z4LLPZAjs = require('./chunk-6Z4LLPZA.js');
@@ -124,7 +124,7 @@ var DataTableWithToolbar = ({
   }, [_optionalChain([toolbar, 'optionalAccess', _8 => _8.filters])]);
   const searchValue = _optionalChain([toolbar, 'optionalAccess', _9 => _9.searchValue]) !== void 0 ? toolbar.searchValue : internalSearch;
   const resolvedFilters = _react.useMemo.call(void 0, () => {
-    const next = {};
+    const next = { ...internalFilters };
     _optionalChain([toolbar, 'optionalAccess', _10 => _10.filters, 'optionalAccess', _11 => _11.forEach, 'call', _12 => _12((filter) => {
       next[filter.key] = filter.value !== void 0 ? filter.value : _nullishCoalesce(_nullishCoalesce(internalFilters[filter.key], () => ( filter.defaultValue)), () => ( null));
     })]);
@@ -134,23 +134,24 @@ var DataTableWithToolbar = ({
     toolbar && (toolbar.searchPlaceholder || toolbar.searchValue !== void 0 || toolbar.defaultSearchValue !== void 0 || toolbar.showSearchButton || toolbar.onSearchChange || toolbar.onSearch || onSearchChange || onSearch)
   );
   const hasFilters = Boolean(_optionalChain([toolbar, 'optionalAccess', _14 => _14.filters]) && toolbar.filters.length > 0);
-  const hasBulkActions = Boolean(_optionalChain([toolbar, 'optionalAccess', _15 => _15.bulkActions]) && toolbar.bulkActions.length > 0);
-  const hasColumnSettings = Boolean(_optionalChain([toolbar, 'optionalAccess', _16 => _16.showColumnSettings]));
+  const hasFiltersExtra = Boolean(_optionalChain([toolbar, 'optionalAccess', _15 => _15.filtersExtra]));
+  const hasBulkActions = Boolean(_optionalChain([toolbar, 'optionalAccess', _16 => _16.bulkActions]) && toolbar.bulkActions.length > 0);
+  const hasColumnSettings = Boolean(_optionalChain([toolbar, 'optionalAccess', _17 => _17.showColumnSettings]));
   const resolvedHiddenKeys = _nullishCoalesce(hiddenColumnKeys, () => ( internalHiddenKeys));
   const handleHiddenColumnsChange = (nextHiddenKeys) => {
     if (hiddenColumnKeys === void 0) {
       setInternalHiddenKeys(nextHiddenKeys);
     }
-    _optionalChain([onHiddenColumnsChange, 'optionalCall', _17 => _17(nextHiddenKeys)]);
+    _optionalChain([onHiddenColumnsChange, 'optionalCall', _18 => _18(nextHiddenKeys)]);
   };
   const handleToggleColumnVisibility = (columnKey, visible) => {
     const nextHiddenKeys = visible ? resolvedHiddenKeys.filter((key) => key !== columnKey) : [...resolvedHiddenKeys, columnKey];
     handleHiddenColumnsChange(nextHiddenKeys);
   };
   const { bordered = false, ...remainingTableProps } = tableProps;
-  const selectedKeys = _nullishCoalesce(_nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _18 => _18.selectedKeys]), () => ( _optionalChain([tableProps, 'access', _19 => _19.rowSelection, 'optionalAccess', _20 => _20.selectedRowKeys]))), () => ( []));
-  const selectedCount = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _21 => _21.selectedCount]), () => ( selectedKeys.length));
-  const bulkLabel = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _22 => _22.bulkActionsLabel]), () => ( tableLabels.selectedText));
+  const selectedKeys = _nullishCoalesce(_nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _19 => _19.selectedKeys]), () => ( _optionalChain([tableProps, 'access', _20 => _20.rowSelection, 'optionalAccess', _21 => _21.selectedRowKeys]))), () => ( []));
+  const selectedCount = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _22 => _22.selectedCount]), () => ( selectedKeys.length));
+  const bulkLabel = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _23 => _23.bulkActionsLabel]), () => ( tableLabels.selectedText));
   const wrapperClasses = _react.useMemo.call(void 0, 
     () => _tigercatcore.classNames.call(void 0, 
       "tiger-data-table-with-toolbar flex flex-col",
@@ -160,46 +161,49 @@ var DataTableWithToolbar = ({
     [className, bordered]
   );
   const handleSearchChange = (value) => {
-    if (_optionalChain([toolbar, 'optionalAccess', _23 => _23.searchValue]) === void 0) {
+    if (_optionalChain([toolbar, 'optionalAccess', _24 => _24.searchValue]) === void 0) {
       setInternalSearch(value);
     }
-    _optionalChain([onSearchChange, 'optionalCall', _24 => _24(value)]);
-    _optionalChain([toolbar, 'optionalAccess', _25 => _25.onSearchChange, 'optionalCall', _26 => _26(value)]);
+    _optionalChain([onSearchChange, 'optionalCall', _25 => _25(value)]);
+    _optionalChain([toolbar, 'optionalAccess', _26 => _26.onSearchChange, 'optionalCall', _27 => _27(value)]);
   };
   const handleSearchSubmit = () => {
-    _optionalChain([onSearch, 'optionalCall', _27 => _27(_nullishCoalesce(searchValue, () => ( "")))]);
-    _optionalChain([toolbar, 'optionalAccess', _28 => _28.onSearch, 'optionalCall', _29 => _29(_nullishCoalesce(searchValue, () => ( "")))]);
+    _optionalChain([onSearch, 'optionalCall', _28 => _28(_nullishCoalesce(searchValue, () => ( "")))]);
+    _optionalChain([toolbar, 'optionalAccess', _29 => _29.onSearch, 'optionalCall', _30 => _30(_nullishCoalesce(searchValue, () => ( "")))]);
   };
-  const handleFilterSelect = (filter, value) => {
+  const setFilterValue = (key, value, filter) => {
     const nextFilters = {
       ...resolvedFilters,
-      [filter.key]: value
+      [key]: value
     };
-    if (filter.value === void 0) {
+    if (!filter || filter.value === void 0) {
       setInternalFilters((prev) => ({
         ...prev,
-        [filter.key]: value
+        [key]: value
       }));
     }
-    _optionalChain([onFiltersChange, 'optionalCall', _30 => _30(nextFilters)]);
-    _optionalChain([toolbar, 'optionalAccess', _31 => _31.onFiltersChange, 'optionalCall', _32 => _32(nextFilters)]);
+    _optionalChain([onFiltersChange, 'optionalCall', _31 => _31(nextFilters)]);
+    _optionalChain([toolbar, 'optionalAccess', _32 => _32.onFiltersChange, 'optionalCall', _33 => _33(nextFilters)]);
+  };
+  const handleFilterSelect = (filter, value) => {
+    setFilterValue(filter.key, value, filter);
   };
   const handleBulkAction = (action) => {
     const keys = _nullishCoalesce(selectedKeys, () => ( []));
-    _optionalChain([action, 'access', _33 => _33.onClick, 'optionalCall', _34 => _34(keys)]);
-    _optionalChain([onBulkAction, 'optionalCall', _35 => _35(action, keys)]);
-    _optionalChain([toolbar, 'optionalAccess', _36 => _36.onBulkAction, 'optionalCall', _37 => _37(action, keys)]);
+    _optionalChain([action, 'access', _34 => _34.onClick, 'optionalCall', _35 => _35(keys)]);
+    _optionalChain([onBulkAction, 'optionalCall', _36 => _36(action, keys)]);
+    _optionalChain([toolbar, 'optionalAccess', _37 => _37.onBulkAction, 'optionalCall', _38 => _38(action, keys)]);
   };
   const handleTablePageChange = ({ current, pageSize }) => {
-    _optionalChain([onPageChange, 'optionalCall', _38 => _38(current, pageSize)]);
+    _optionalChain([onPageChange, 'optionalCall', _39 => _39(current, pageSize)]);
     if (previousPageSizeRef.current !== void 0 && previousPageSizeRef.current !== pageSize) {
-      _optionalChain([onPageSizeChange, 'optionalCall', _39 => _39(current, pageSize)]);
+      _optionalChain([onPageSizeChange, 'optionalCall', _40 => _40(current, pageSize)]);
     }
     previousPageSizeRef.current = pageSize;
   };
   const renderColumnSettings = () => {
-    const lockedKeys = new Set(_nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _40 => _40.columnSettings, 'optionalAccess', _41 => _41.lockedColumnKeys]), () => ( [])));
-    const panelTitle = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _42 => _42.columnSettings, 'optionalAccess', _43 => _43.title]), () => ( tableLabels.columnSettingsText));
+    const lockedKeys = new Set(_nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _41 => _41.columnSettings, 'optionalAccess', _42 => _42.lockedColumnKeys]), () => ( [])));
+    const panelTitle = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _43 => _43.columnSettings, 'optionalAccess', _44 => _44.title]), () => ( tableLabels.columnSettingsText));
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkLYYL2JMPjs.Popover,
       {
@@ -262,7 +266,14 @@ var DataTableWithToolbar = ({
     );
   };
   const renderToolbar = () => {
-    if (!hasSearch && !hasFilters && !hasBulkActions && !hasColumnSettings) return null;
+    if (!hasSearch && !hasFilters && !hasFiltersExtra && !hasBulkActions && !hasColumnSettings) {
+      return null;
+    }
+    const filtersExtraContext = {
+      filters: resolvedFilters,
+      setFilter: (key, value) => setFilterValue(key, value)
+    };
+    const filtersExtra = typeof _optionalChain([toolbar, 'optionalAccess', _45 => _45.filtersExtra]) === "function" ? toolbar.filtersExtra(filtersExtraContext) : _optionalChain([toolbar, 'optionalAccess', _46 => _46.filtersExtra]);
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
@@ -281,7 +292,7 @@ var DataTableWithToolbar = ({
                   type: "search",
                   size: "sm",
                   value: searchValue,
-                  placeholder: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _44 => _44.searchPlaceholder]), () => ( tableLabels.searchPlaceholder)),
+                  placeholder: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _47 => _47.searchPlaceholder]), () => ( tableLabels.searchPlaceholder)),
                   prefix: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "svg",
                     {
@@ -309,21 +320,30 @@ var DataTableWithToolbar = ({
                   }
                 }
               ),
-              _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _45 => _45.showSearchButton]), () => ( true)) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _48 => _48.showSearchButton]), () => ( true)) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _chunk56ZV3VVYjs.Button,
                 {
                   size: "sm",
                   variant: "primary",
                   className: "whitespace-nowrap shrink-0 rounded-[var(--tiger-radius-md,0.5rem)] px-3",
                   onClick: handleSearchSubmit,
-                  disabled: !onSearch && !_optionalChain([toolbar, 'optionalAccess', _46 => _46.onSearch]),
-                  children: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _47 => _47.searchButtonText]), () => ( tableLabels.searchButtonText))
+                  disabled: !onSearch && !_optionalChain([toolbar, 'optionalAccess', _49 => _49.onSearch]),
+                  children: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _50 => _50.searchButtonText]), () => ( tableLabels.searchButtonText))
                 }
               ) : null
             ] }) : null,
-            hasFilters ? _optionalChain([toolbar, 'optionalAccess', _48 => _48.filters, 'optionalAccess', _49 => _49.map, 'call', _50 => _50((filter) => {
+            hasFilters ? _optionalChain([toolbar, 'optionalAccess', _51 => _51.filters, 'optionalAccess', _52 => _52.map, 'call', _53 => _53((filter) => {
               const currentValue = resolvedFilters[filter.key];
               const clearable = filter.clearable !== false;
+              if (filter.render) {
+                return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full sm:w-auto", children: filter.render({
+                  filter,
+                  value: currentValue,
+                  filters: resolvedFilters,
+                  setValue: (value) => setFilterValue(filter.key, value, filter),
+                  setFilter: (key, value) => setFilterValue(key, value)
+                }) }, filter.key);
+              }
               return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "div",
                 {
@@ -332,11 +352,11 @@ var DataTableWithToolbar = ({
                     _chunk6Z4LLPZAjs.Select,
                     {
                       size: "sm",
-                      options: filter.options.map((opt) => ({
+                      options: (_nullishCoalesce(filter.options, () => ( []))).map((opt) => ({
                         label: opt.label,
                         value: opt.value
                       })),
-                      value: _nullishCoalesce(currentValue, () => ( void 0)),
+                      value: typeof currentValue === "string" || typeof currentValue === "number" ? currentValue : void 0,
                       placeholder: _nullishCoalesce(filter.placeholder, () => ( filter.label)),
                       clearable,
                       onChange: (value) => {
@@ -347,7 +367,8 @@ var DataTableWithToolbar = ({
                 },
                 filter.key
               );
-            })]) : null
+            })]) : null,
+            filtersExtra
           ] }),
           hasBulkActions ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2.5 flex-wrap ml-auto shrink-0", children: [
             selectedCount > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-[var(--tiger-primary,#2563eb)]/10 text-[var(--tiger-primary,#2563eb)] text-xs font-medium border border-[var(--tiger-primary,#2563eb)]/15 shrink-0 transition-all duration-300", children: [
@@ -360,7 +381,7 @@ var DataTableWithToolbar = ({
                 tableLabels.selectedItemsText
               ] })
             ] }) : null,
-            _optionalChain([toolbar, 'optionalAccess', _51 => _51.bulkActions, 'optionalAccess', _52 => _52.map, 'call', _53 => _53((action) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _optionalChain([toolbar, 'optionalAccess', _54 => _54.bulkActions, 'optionalAccess', _55 => _55.map, 'call', _56 => _56((action) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               _chunk56ZV3VVYjs.Button,
               {
                 size: "sm",
@@ -380,7 +401,7 @@ var DataTableWithToolbar = ({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, "data-tiger-data-table-with-toolbar": true, children: [
     renderToolbar(),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXUETAIF3js.Table,
+      _chunkIFVIPIAAjs.Table,
       {
         ...remainingTableProps,
         locale,

package/dist/{chunk-XUETAIF3.js → chunk-IFVIPIAA.js}

@@ -36,6 +36,7 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -994,6 +995,7 @@ function Table({
   cardBreakpoint = "sm",
   cardClassName,
   renderCard,
+  cardLayout,
   // v0.6.0 props
   virtual = false,
   autoVirtual = true,
@@ -1128,6 +1130,18 @@ function Table({
     onRowOrderChange,
     onExport
   });
+  const cardLayoutMap = _react.useMemo.call(void 0, () => {
+    const map = /* @__PURE__ */ new Map();
+    if (cardLayout) {
+      for (const item of cardLayout) {
+        map.set(item.key, item);
+      }
+    }
+    return map;
+  }, [cardLayout]);
+  const hasCustomCardLayout = _react.useMemo.call(void 0, () => {
+    return ctx.displayColumns.some((col) => col.cardGrid) || cardLayout && cardLayout.length > 0;
+  }, [ctx.displayColumns, cardLayout]);
   const virtualRecommendation = _react.useMemo.call(void 0, 
     () => _tigercatcore.getTableVirtualRecommendation.call(void 0, {
       virtual,
@@ -1349,6 +1363,38 @@ function Table({
                           const dataKey = column.dataKey || column.key;
                           return column.render ? column.render(record, index) : record[dataKey];
                         };
+                        if (hasCustomCardLayout) {
+                          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                            titleColumn && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardTitleClasses, children: renderCellContent(titleColumn) }),
+                            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-12 gap-3 mt-2", children: bodyColumns.map((column) => {
+                              const layoutItem = cardLayoutMap.get(column.key);
+                              const gridInfo = _tigercatcore.getCardGridInfo.call(void 0, column, layoutItem);
+                              if (gridInfo.hideLabel) {
+                                return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: gridInfo.className, children: renderCellContent(column) }, column.key);
+                              }
+                              if (gridInfo.labelPosition === "top") {
+                                return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: gridInfo.className, children: [
+                                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] mb-1", children: column.title }),
+                                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words", children: renderCellContent(column) })
+                                ] }, column.key);
+                              }
+                              return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                                "div",
+                                {
+                                  className: _tigercatcore.classNames.call(void 0, 
+                                    gridInfo.className,
+                                    "grid grid-cols-[auto_1fr] gap-2 items-baseline"
+                                  ),
+                                  children: [
+                                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-xs font-medium uppercase tracking-wider text-[var(--tiger-text-muted,#6b7280)] shrink-0", children: column.title }),
+                                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0 text-sm text-[var(--tiger-text,#111827)] break-words", children: renderCellContent(column) })
+                                  ]
+                                },
+                                column.key
+                              );
+                            }) })
+                          ] });
+                        }
                         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
                           titleColumn && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardTitleClasses, children: renderCellContent(titleColumn) }),
                           bodyColumns.map((column) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.tableResponsiveCardRowClasses, children: [

package/dist/{chunk-2VE2CP7E.mjs → chunk-KVZE7UGH.mjs}

@@ -1,6 +1,6 @@
 import {
   Table
-} from "./chunk-WYGO6XC7.mjs";
+} from "./chunk-AGHGG73I.mjs";
 import {
   Select
 } from "./chunk-T4OVGM4X.mjs";
@@ -124,7 +124,7 @@ var DataTableWithToolbar = ({
   }, [toolbar?.filters]);
   const searchValue = toolbar?.searchValue !== void 0 ? toolbar.searchValue : internalSearch;
   const resolvedFilters = useMemo(() => {
-    const next = {};
+    const next = { ...internalFilters };
     toolbar?.filters?.forEach((filter) => {
       next[filter.key] = filter.value !== void 0 ? filter.value : internalFilters[filter.key] ?? filter.defaultValue ?? null;
     });
@@ -134,6 +134,7 @@ var DataTableWithToolbar = ({
     toolbar && (toolbar.searchPlaceholder || toolbar.searchValue !== void 0 || toolbar.defaultSearchValue !== void 0 || toolbar.showSearchButton || toolbar.onSearchChange || toolbar.onSearch || onSearchChange || onSearch)
   );
   const hasFilters = Boolean(toolbar?.filters && toolbar.filters.length > 0);
+  const hasFiltersExtra = Boolean(toolbar?.filtersExtra);
   const hasBulkActions = Boolean(toolbar?.bulkActions && toolbar.bulkActions.length > 0);
   const hasColumnSettings = Boolean(toolbar?.showColumnSettings);
   const resolvedHiddenKeys = hiddenColumnKeys ?? internalHiddenKeys;
@@ -170,20 +171,23 @@ var DataTableWithToolbar = ({
     onSearch?.(searchValue ?? "");
     toolbar?.onSearch?.(searchValue ?? "");
   };
-  const handleFilterSelect = (filter, value) => {
+  const setFilterValue = (key, value, filter) => {
     const nextFilters = {
       ...resolvedFilters,
-      [filter.key]: value
+      [key]: value
     };
-    if (filter.value === void 0) {
+    if (!filter || filter.value === void 0) {
       setInternalFilters((prev) => ({
         ...prev,
-        [filter.key]: value
+        [key]: value
       }));
     }
     onFiltersChange?.(nextFilters);
     toolbar?.onFiltersChange?.(nextFilters);
   };
+  const handleFilterSelect = (filter, value) => {
+    setFilterValue(filter.key, value, filter);
+  };
   const handleBulkAction = (action) => {
     const keys = selectedKeys ?? [];
     action.onClick?.(keys);
@@ -262,7 +266,14 @@ var DataTableWithToolbar = ({
     );
   };
   const renderToolbar = () => {
-    if (!hasSearch && !hasFilters && !hasBulkActions && !hasColumnSettings) return null;
+    if (!hasSearch && !hasFilters && !hasFiltersExtra && !hasBulkActions && !hasColumnSettings) {
+      return null;
+    }
+    const filtersExtraContext = {
+      filters: resolvedFilters,
+      setFilter: (key, value) => setFilterValue(key, value)
+    };
+    const filtersExtra = typeof toolbar?.filtersExtra === "function" ? toolbar.filtersExtra(filtersExtraContext) : toolbar?.filtersExtra;
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -324,6 +335,15 @@ var DataTableWithToolbar = ({
             hasFilters ? toolbar?.filters?.map((filter) => {
               const currentValue = resolvedFilters[filter.key];
               const clearable = filter.clearable !== false;
+              if (filter.render) {
+                return /* @__PURE__ */ jsx("div", { className: "w-full sm:w-auto", children: filter.render({
+                  filter,
+                  value: currentValue,
+                  filters: resolvedFilters,
+                  setValue: (value) => setFilterValue(filter.key, value, filter),
+                  setFilter: (key, value) => setFilterValue(key, value)
+                }) }, filter.key);
+              }
               return /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -332,11 +352,11 @@ var DataTableWithToolbar = ({
                     Select,
                     {
                       size: "sm",
-                      options: filter.options.map((opt) => ({
+                      options: (filter.options ?? []).map((opt) => ({
                         label: opt.label,
                         value: opt.value
                       })),
-                      value: currentValue ?? void 0,
+                      value: typeof currentValue === "string" || typeof currentValue === "number" ? currentValue : void 0,
                       placeholder: filter.placeholder ?? filter.label,
                       clearable,
                       onChange: (value) => {
@@ -347,7 +367,8 @@ var DataTableWithToolbar = ({
                 },
                 filter.key
               );
-            }) : null
+            }) : null,
+            filtersExtra
           ] }),
           hasBulkActions ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 flex-wrap ml-auto shrink-0", children: [
             selectedCount > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-[var(--tiger-primary,#2563eb)]/10 text-[var(--tiger-primary,#2563eb)] text-xs font-medium border border-[var(--tiger-primary,#2563eb)]/15 shrink-0 transition-all duration-300", children: [

package/dist/components/DataTableWithToolbar.d.mts

@@ -1,13 +1,25 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { TableToolbarProps, TableToolbarFilterValue, TableToolbarAction } from '@expcat/tigercat-core';
+import { TableToolbarProps, TableToolbarFilter, TableToolbarFilterRenderContext, TableToolbarFiltersExtraContext, TableToolbarFilterValue, TableToolbarAction } from '@expcat/tigercat-core';
 import { T as TableProps } from '../types-CHmCMNEM.mjs';
 
+interface ReactTableToolbarFilterRenderContext extends Omit<TableToolbarFilterRenderContext, 'filter'> {
+    filter: ReactTableToolbarFilter;
+}
+interface ReactTableToolbarFiltersExtraContext extends TableToolbarFiltersExtraContext {
+}
+interface ReactTableToolbarFilter extends Omit<TableToolbarFilter, 'render'> {
+    render?: (context: ReactTableToolbarFilterRenderContext) => React.ReactNode;
+}
+interface ReactTableToolbarProps extends Omit<TableToolbarProps, 'filters' | 'filtersExtra'> {
+    filters?: ReactTableToolbarFilter[];
+    filtersExtra?: React.ReactNode | ((context: ReactTableToolbarFiltersExtraContext) => React.ReactNode);
+}
 interface DataTableWithToolbarProps<T = Record<string, unknown>> extends Omit<TableProps<T>, 'className' | 'onPageChange'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> {
     /**
      * Toolbar configuration
      */
-    toolbar?: TableToolbarProps;
+    toolbar?: ReactTableToolbarProps;
     /**
      * Search change handler
      */
@@ -43,4 +55,4 @@ interface DataTableWithToolbarProps<T = Record<string, unknown>> extends Omit<Ta
 }
 declare const DataTableWithToolbar: <T extends Record<string, unknown> = Record<string, unknown>>({ toolbar, locale, labels, onSearchChange, onSearch, onFiltersChange, onBulkAction, hiddenColumnKeys, defaultHiddenColumnKeys, onHiddenColumnsChange, pagination, onPageChange, onPageSizeChange, className, tableClassName, ...tableProps }: DataTableWithToolbarProps<T>) => react_jsx_runtime.JSX.Element;
 
-export { DataTableWithToolbar, type DataTableWithToolbarProps, DataTableWithToolbar as default };
+export { DataTableWithToolbar, type DataTableWithToolbarProps, type ReactTableToolbarFilter, type ReactTableToolbarFilterRenderContext, type ReactTableToolbarFiltersExtraContext, type ReactTableToolbarProps, DataTableWithToolbar as default };

package/dist/components/DataTableWithToolbar.d.ts

@@ -1,13 +1,25 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { TableToolbarProps, TableToolbarFilterValue, TableToolbarAction } from '@expcat/tigercat-core';
+import { TableToolbarProps, TableToolbarFilter, TableToolbarFilterRenderContext, TableToolbarFiltersExtraContext, TableToolbarFilterValue, TableToolbarAction } from '@expcat/tigercat-core';
 import { T as TableProps } from '../types-CHmCMNEM.js';
 
+interface ReactTableToolbarFilterRenderContext extends Omit<TableToolbarFilterRenderContext, 'filter'> {
+    filter: ReactTableToolbarFilter;
+}
+interface ReactTableToolbarFiltersExtraContext extends TableToolbarFiltersExtraContext {
+}
+interface ReactTableToolbarFilter extends Omit<TableToolbarFilter, 'render'> {
+    render?: (context: ReactTableToolbarFilterRenderContext) => React.ReactNode;
+}
+interface ReactTableToolbarProps extends Omit<TableToolbarProps, 'filters' | 'filtersExtra'> {
+    filters?: ReactTableToolbarFilter[];
+    filtersExtra?: React.ReactNode | ((context: ReactTableToolbarFiltersExtraContext) => React.ReactNode);
+}
 interface DataTableWithToolbarProps<T = Record<string, unknown>> extends Omit<TableProps<T>, 'className' | 'onPageChange'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> {
     /**
      * Toolbar configuration
      */
-    toolbar?: TableToolbarProps;
+    toolbar?: ReactTableToolbarProps;
     /**
      * Search change handler
      */
@@ -43,4 +55,4 @@ interface DataTableWithToolbarProps<T = Record<string, unknown>> extends Omit<Ta
 }
 declare const DataTableWithToolbar: <T extends Record<string, unknown> = Record<string, unknown>>({ toolbar, locale, labels, onSearchChange, onSearch, onFiltersChange, onBulkAction, hiddenColumnKeys, defaultHiddenColumnKeys, onHiddenColumnsChange, pagination, onPageChange, onPageSizeChange, className, tableClassName, ...tableProps }: DataTableWithToolbarProps<T>) => react_jsx_runtime.JSX.Element;
 
-export { DataTableWithToolbar, type DataTableWithToolbarProps, DataTableWithToolbar as default };
+export { DataTableWithToolbar, type DataTableWithToolbarProps, type ReactTableToolbarFilter, type ReactTableToolbarFilterRenderContext, type ReactTableToolbarFiltersExtraContext, type ReactTableToolbarProps, DataTableWithToolbar as default };

package/dist/components/DataTableWithToolbar.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkLHBE3N3Ujs = require('../chunk-LHBE3N3U.js');
-require('../chunk-XUETAIF3.js');
+var _chunkEWSYARW4js = require('../chunk-EWSYARW4.js');
+require('../chunk-IFVIPIAA.js');
 require('../chunk-6Z4LLPZA.js');
 require('../chunk-LYYL2JMP.js');
 require('../chunk-TMON4MPO.js');
@@ -20,4 +20,4 @@ require('../chunk-STTQ5LXX.js');
 
 
 
-exports.DataTableWithToolbar = _chunkLHBE3N3Ujs.DataTableWithToolbar; exports.default = _chunkLHBE3N3Ujs.DataTableWithToolbar_default;
+exports.DataTableWithToolbar = _chunkEWSYARW4js.DataTableWithToolbar; exports.default = _chunkEWSYARW4js.DataTableWithToolbar_default;

package/dist/components/DataTableWithToolbar.mjs

@@ -1,8 +1,8 @@
 import {
   DataTableWithToolbar,
   DataTableWithToolbar_default
-} from "../chunk-2VE2CP7E.mjs";
-import "../chunk-WYGO6XC7.mjs";
+} from "../chunk-KVZE7UGH.mjs";
+import "../chunk-AGHGG73I.mjs";
 import "../chunk-T4OVGM4X.mjs";
 import "../chunk-TANTMMR7.mjs";
 import "../chunk-NPTXXUXF.mjs";

package/dist/components/Table.d.mts

@@ -2,6 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { T as TableProps } from '../types-CHmCMNEM.mjs';
 import '@expcat/tigercat-core';
 
-declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ columns, columnLockable, dataSource, hiddenColumnKeys, defaultHiddenColumnKeys, sort, defaultSort, filters, defaultFilters, size, bordered, striped, hoverable, loading, locale, labels, emptyText, pagination, rowSelection, expandable, rowKey, rowClassName, stickyHeader, maxHeight, tableLayout, responsiveMode, cardBreakpoint, cardClassName, renderCard, virtual, autoVirtual, virtualHeight, virtualItemHeight: _virtualItemHeight, autoVirtualThreshold, virtualThreshold, editable, editableCells, filterMode, advancedFilterRules, columnDraggable, rowDraggable, summaryRow, groupBy, exportable, exportFormat, exportFilename, onChange, onRowClick, onSelectionChange, onSortChange, onFilterChange, onHiddenColumnsChange, onPageChange, onExpandChange, onCellChange, onColumnOrderChange, onRowOrderChange, onExport, className, ...props }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ columns, columnLockable, dataSource, hiddenColumnKeys, defaultHiddenColumnKeys, sort, defaultSort, filters, defaultFilters, size, bordered, striped, hoverable, loading, locale, labels, emptyText, pagination, rowSelection, expandable, rowKey, rowClassName, stickyHeader, maxHeight, tableLayout, responsiveMode, cardBreakpoint, cardClassName, renderCard, cardLayout, virtual, autoVirtual, virtualHeight, virtualItemHeight: _virtualItemHeight, autoVirtualThreshold, virtualThreshold, editable, editableCells, filterMode, advancedFilterRules, columnDraggable, rowDraggable, summaryRow, groupBy, exportable, exportFormat, exportFilename, onChange, onRowClick, onSelectionChange, onSortChange, onFilterChange, onHiddenColumnsChange, onPageChange, onExpandChange, onCellChange, onColumnOrderChange, onRowOrderChange, onExport, className, ...props }: TableProps<T>): react_jsx_runtime.JSX.Element;
 
 export { Table, TableProps };

package/dist/components/Table.d.ts

@@ -2,6 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { T as TableProps } from '../types-CHmCMNEM.js';
 import '@expcat/tigercat-core';
 
-declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ columns, columnLockable, dataSource, hiddenColumnKeys, defaultHiddenColumnKeys, sort, defaultSort, filters, defaultFilters, size, bordered, striped, hoverable, loading, locale, labels, emptyText, pagination, rowSelection, expandable, rowKey, rowClassName, stickyHeader, maxHeight, tableLayout, responsiveMode, cardBreakpoint, cardClassName, renderCard, virtual, autoVirtual, virtualHeight, virtualItemHeight: _virtualItemHeight, autoVirtualThreshold, virtualThreshold, editable, editableCells, filterMode, advancedFilterRules, columnDraggable, rowDraggable, summaryRow, groupBy, exportable, exportFormat, exportFilename, onChange, onRowClick, onSelectionChange, onSortChange, onFilterChange, onHiddenColumnsChange, onPageChange, onExpandChange, onCellChange, onColumnOrderChange, onRowOrderChange, onExport, className, ...props }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ columns, columnLockable, dataSource, hiddenColumnKeys, defaultHiddenColumnKeys, sort, defaultSort, filters, defaultFilters, size, bordered, striped, hoverable, loading, locale, labels, emptyText, pagination, rowSelection, expandable, rowKey, rowClassName, stickyHeader, maxHeight, tableLayout, responsiveMode, cardBreakpoint, cardClassName, renderCard, cardLayout, virtual, autoVirtual, virtualHeight, virtualItemHeight: _virtualItemHeight, autoVirtualThreshold, virtualThreshold, editable, editableCells, filterMode, advancedFilterRules, columnDraggable, rowDraggable, summaryRow, groupBy, exportable, exportFormat, exportFilename, onChange, onRowClick, onSelectionChange, onSortChange, onFilterChange, onHiddenColumnsChange, onPageChange, onExpandChange, onCellChange, onColumnOrderChange, onRowOrderChange, onExport, className, ...props }: TableProps<T>): react_jsx_runtime.JSX.Element;
 
 export { Table, TableProps };

package/dist/components/Table.js

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkXUETAIF3js = require('../chunk-XUETAIF3.js');
+var _chunkIFVIPIAAjs = require('../chunk-IFVIPIAA.js');
 require('../chunk-6Z4LLPZA.js');
 require('../chunk-TMON4MPO.js');
 require('../chunk-ZFMMAYSX.js');
@@ -11,4 +11,4 @@ require('../chunk-JLRRXRZO.js');
 require('../chunk-UKGQ7256.js');
 
 
-exports.Table = _chunkXUETAIF3js.Table;
+exports.Table = _chunkIFVIPIAAjs.Table;

package/dist/components/Table.mjs

@@ -1,6 +1,6 @@
 import {
   Table
-} from "../chunk-WYGO6XC7.mjs";
+} from "../chunk-AGHGG73I.mjs";
 import "../chunk-T4OVGM4X.mjs";
 import "../chunk-NPTXXUXF.mjs";
 import "../chunk-IG75YSX3.mjs";

package/dist/index.d.mts

@@ -80,7 +80,7 @@ export { default as ActivityFeed, ActivityFeedProps } from './components/Activit
 export { default as ChatWindow, ChatWindowProps } from './components/ChatWindow.mjs';
 export { default as CommentThread, CommentThreadProps } from './components/CommentThread.mjs';
 export { default as NotificationCenter, NotificationCenterProps } from './components/NotificationCenter.mjs';
-export { default as DataTableWithToolbar, DataTableWithToolbarProps } from './components/DataTableWithToolbar.mjs';
+export { default as DataTableWithToolbar, DataTableWithToolbarProps, ReactTableToolbarFilter, ReactTableToolbarFilterRenderContext, ReactTableToolbarFiltersExtraContext, ReactTableToolbarProps } from './components/DataTableWithToolbar.mjs';
 export { default as FormWizard, FormWizardProps } from './components/FormWizard.mjs';
 export { CropUpload, CropUploadProps } from './components/CropUpload.mjs';
 export { default as ChartCanvas, ChartCanvasProps } from './components/ChartCanvas.mjs';

package/dist/index.d.ts

@@ -80,7 +80,7 @@ export { default as ActivityFeed, ActivityFeedProps } from './components/Activit
 export { default as ChatWindow, ChatWindowProps } from './components/ChatWindow.js';
 export { default as CommentThread, CommentThreadProps } from './components/CommentThread.js';
 export { default as NotificationCenter, NotificationCenterProps } from './components/NotificationCenter.js';
-export { default as DataTableWithToolbar, DataTableWithToolbarProps } from './components/DataTableWithToolbar.js';
+export { default as DataTableWithToolbar, DataTableWithToolbarProps, ReactTableToolbarFilter, ReactTableToolbarFilterRenderContext, ReactTableToolbarFiltersExtraContext, ReactTableToolbarProps } from './components/DataTableWithToolbar.js';
 export { default as FormWizard, FormWizardProps } from './components/FormWizard.js';
 export { CropUpload, CropUploadProps } from './components/CropUpload.js';
 export { default as ChartCanvas, ChartCanvasProps } from './components/ChartCanvas.js';

package/dist/index.js

@@ -256,10 +256,10 @@ var _chunkDSXII6ZFjs = require('./chunk-DSXII6ZF.js');
 var _chunkFI53LYZ6js = require('./chunk-FI53LYZ6.js');
 
 
-var _chunkLHBE3N3Ujs = require('./chunk-LHBE3N3U.js');
+var _chunkEWSYARW4js = require('./chunk-EWSYARW4.js');
 
 
-var _chunkXUETAIF3js = require('./chunk-XUETAIF3.js');
+var _chunkIFVIPIAAjs = require('./chunk-IFVIPIAA.js');
 
 
 var _chunk6Z4LLPZAjs = require('./chunk-6Z4LLPZA.js');
@@ -907,4 +907,4 @@ var version = "1.2.0";
 
 
 
-exports.ActivityFeed = _chunkUVWLYRACjs.ActivityFeed; exports.Affix = _chunkRYIYE2PYjs.Affix; exports.Alert = _chunkVNMWPJDNjs.Alert; exports.Anchor = _chunkSQGFNVYTjs.Anchor; exports.AnchorLink = _chunkSQGFNVYTjs.AnchorLink; exports.AreaChart = _chunkDCKBVRLIjs.AreaChart; exports.AutoComplete = _chunkU356F7GUjs.AutoComplete; exports.Avatar = _chunk4MQCUKICjs.Avatar; exports.AvatarGroup = _chunkTQOWIDQTjs.AvatarGroup; exports.BackTop = _chunk4LIDROT4js.BackTop; exports.Badge = _chunkPNAWOJ32js.Badge; exports.BarChart = _chunkNMKFR435js.BarChart; exports.Breadcrumb = _chunkVDF2BD2Ajs.Breadcrumb; exports.BreadcrumbItem = _chunkVDF2BD2Ajs.BreadcrumbItem; exports.Button = _chunk56ZV3VVYjs.Button; exports.ButtonGroup = _chunkYMKA4L3Zjs.ButtonGroup; exports.Calendar = _chunk5EVHVZG5js.Calendar; exports.Card = _chunkUIO6O4MIjs.Card; exports.Carousel = _chunkB5TUTAVXjs.Carousel; exports.Cascader = _chunkTC6JLEGZjs.Cascader; exports.ChartAxis = _chunkE5GD3H7Ljs.ChartAxis; exports.ChartCanvas = _chunkUKLVOR4Ejs.ChartCanvas; exports.ChartGrid = _chunk3QFHVAZTjs.ChartGrid; exports.ChartLegend = _chunkWV5XHYW6js.ChartLegend; exports.ChartSeries = _chunkAX5XRD2Qjs.ChartSeries; exports.ChartTooltip = _chunkUVMQJOTXjs.ChartTooltip; exports.ChatWindow = _chunkABTJVM3Xjs.ChatWindow; exports.Checkbox = _chunkF7H4ALKNjs.Checkbox; exports.CheckboxGroup = _chunkJLRRXRZOjs.CheckboxGroup; exports.Code = _chunkRTHC4KWMjs.Code; exports.CodeEditor = _chunk3E76U2RGjs.CodeEditor; exports.Col = _chunkQQKP437Ljs.Col; exports.Collapse = _chunkQ2GPRAF4js.Collapse; exports.CollapsePanel = _chunkWN3ZI7FNjs.CollapsePanel; exports.ColorPicker = _chunkJB33A4S6js.ColorPicker; exports.ColorSwatch = _chunkJ4SNBXJMjs.ColorSwatch; exports.CommentThread = _chunkJCINYGGMjs.CommentThread; exports.ConfigProvider = _chunkTDODFBBOjs.ConfigProvider; exports.Container = _chunkW3VLCSJLjs.Container; exports.Content = _chunkOFCKGWTSjs.Content; exports.Countdown = _chunkU3M24RPHjs.Countdown; exports.CronEditor = _chunkNRLGZRK2js.CronEditor; exports.CropUpload = _chunkH2YHUFMKjs.CropUpload; exports.DataTableWithToolbar = _chunkLHBE3N3Ujs.DataTableWithToolbar; exports.DatePicker = _chunkTSJYAEFZjs.DatePicker; exports.Descriptions = _chunk6CWZXS5Bjs.Descriptions; exports.Divider = _chunkIZXU7DF6js.Divider; exports.DonutChart = _chunkK2TXT5HQjs.DonutChart; exports.Drawer = _chunkTLU3ROLTjs.Drawer; exports.Dropdown = _chunkJLQBG5XUjs.Dropdown; exports.DropdownItem = _chunkAE2QE2C6js.DropdownItem; exports.DropdownMenu = _chunkJLQBG5XUjs.DropdownMenu; exports.Empty = _chunkZRHDNGWOjs.Empty; exports.FileManager = _chunkHR5GBE3Pjs.FileManager; exports.FloatButton = _chunkXFPJYKBQjs.FloatButton; exports.FloatButtonGroup = _chunkXFPJYKBQjs.FloatButtonGroup; exports.Footer = _chunkTB2UHDOZjs.Footer; exports.Form = _chunkUPPHGL64js.Form; exports.FormItem = _chunkBCQQYERGjs.FormItem; exports.FormWizard = _chunk7JFP3MIWjs.FormWizard; exports.FunnelChart = _chunkQIKR5EFIjs.FunnelChart; exports.Gantt = _chunkQMK4OFC5js.Gantt; exports.GaugeChart = _chunkT7KO6EVKjs.GaugeChart; exports.Header = _chunkVJJ76I7Ujs.Header; exports.HeatmapChart = _chunkH6NC6SBXjs.HeatmapChart; exports.Icon = _chunkIHH2O7YKjs.Icon; exports.Image = _chunkCGIBGSNEjs.Image; exports.ImageAnnotation = _chunkEHIXCFD7js.ImageAnnotation; exports.ImageCropper = _chunkFI53LYZ6js.ImageCropper; exports.ImageGroup = _chunkMB6U72CIjs.ImageGroup; exports.ImageGroupContext = _chunkMB6U72CIjs.ImageGroupContext; exports.ImagePreview = _chunk4U5HSR2Hjs.ImagePreview; exports.ImageViewer = _chunkUXUYCWQCjs.ImageViewer; exports.InfiniteScroll = _chunkM73NMNZXjs.InfiniteScroll; exports.Input = _chunkZYJTHGQWjs.Input; exports.InputGroup = _chunkI3CDTF4Ujs.InputGroup; exports.InputGroupAddon = _chunkI3CDTF4Ujs.InputGroupAddon; exports.InputNumber = _chunkSKMZTW3Kjs.InputNumber; exports.Kanban = _chunkLROHXQWXjs.Kanban; exports.Layout = _chunkD6TKXVEBjs.Layout; exports.LineChart = _chunkEQD2U4KMjs.LineChart; exports.Link = _chunkQYYAXM5Fjs.Link; exports.List = _chunkWG3YS2QVjs.List; exports.Loading = _chunk3MRP3XYIjs.Loading; exports.MarkdownEditor = _chunkBFAZZUD6js.MarkdownEditor; exports.Mentions = _chunkXRNKHQTLjs.Mentions; exports.Menu = _chunkZDGBH4NAjs.Menu; exports.MenuItem = _chunkZDGBH4NAjs.MenuItem; exports.MenuItemGroup = _chunkZDGBH4NAjs.MenuItemGroup; exports.Message = _chunkLMTUM3J3js.Message; exports.MessageContainer = _chunkLMTUM3J3js.MessageContainer; exports.Modal = _chunkDSXII6ZFjs.Modal; exports.NotificationCenter = _chunkFZIF5LZWjs.NotificationCenter; exports.NotificationContainer = _chunkNMEVQPODjs.NotificationContainer; exports.NumberKeyboard = _chunkG5USITWFjs.NumberKeyboard; exports.OrgChart = _chunk4DTMFQCYjs.OrgChart; exports.Pagination = _chunkWYKUC5MMjs.Pagination; exports.PieChart = _chunkBO45CU4Qjs.PieChart; exports.Popconfirm = _chunk36I5APFXjs.Popconfirm; exports.Popover = _chunkLYYL2JMPjs.Popover; exports.PrintLayout = _chunkQ4JMAQXJjs.PrintLayout; exports.PrintPageBreak = _chunkQ4JMAQXJjs.PrintPageBreak; exports.Progress = _chunkLODDAS62js.Progress; exports.QRCode = _chunkAUW7DCXLjs.QRCode; exports.RadarChart = _chunkEOU6WZTSjs.RadarChart; exports.Radio = _chunkTMON4MPOjs.Radio; exports.RadioGroup = _chunkZFMMAYSXjs.RadioGroup; exports.Rate = _chunkGG72T6JKjs.Rate; exports.Resizable = _chunkPFYK2V3Ejs.Resizable; exports.Result = _chunkYID7J6ZKjs.Result; exports.RichTextEditor = _chunkONTRGV5Tjs.RichTextEditor; exports.Row = _chunkVE3SYUMHjs.Row; exports.ScatterChart = _chunkW6AWN7BCjs.ScatterChart; exports.ScrollSpy = _chunkFBFCJCONjs.ScrollSpy; exports.Segmented = _chunkN2JYU4JIjs.Segmented; exports.Select = _chunk6Z4LLPZAjs.Select; exports.Sidebar = _chunkYWTZALG5js.Sidebar; exports.Signature = _chunk7ISEWLA3js.Signature; exports.Skeleton = _chunk4PPTEEDIjs.Skeleton; exports.Slider = _chunk7Z64GEMNjs.Slider; exports.Space = _chunkPTEDJ6MAjs.Space; exports.Splitter = _chunkH4AR4GXHjs.Splitter; exports.Spotlight = _chunkKYP7U6FKjs.Spotlight; exports.Statistic = _chunkZDXIP33Yjs.Statistic; exports.Stepper = _chunkMB3QU3USjs.Stepper; exports.Steps = _chunkM7HBWFQOjs.Steps; exports.StepsItem = _chunkM7HBWFQOjs.StepsItem; exports.SubMenu = _chunkZDGBH4NAjs.SubMenu; exports.SunburstChart = _chunkUIIOZEUPjs.SunburstChart; exports.Switch = _chunk4TEILQSNjs.Switch; exports.TabPane = _chunkRFHPG4KNjs.TabPane; exports.Table = _chunkXUETAIF3js.Table; exports.Tabs = _chunkRFHPG4KNjs.Tabs; exports.Tag = _chunkVCULFIZ5js.Tag; exports.TaskBoard = _chunkANN5P7TJjs.TaskBoard; exports.Text = _chunkUF3DXKCIjs.Text; exports.Textarea = _chunkWVVXZKNIjs.Textarea; exports.TimePicker = _chunk4SO4LANYjs.TimePicker; exports.Timeline = _chunkPR3PQUKMjs.Timeline; exports.Tooltip = _chunkOBY4FYRZjs.Tooltip; exports.Tour = _chunkKQ5I7PRMjs.Tour; exports.Transfer = _chunkEF5ZTNHXjs.Transfer; exports.Tree = _chunkSIY6FDKJjs.Tree; exports.TreeMapChart = _chunkX7JAYXPYjs.TreeMapChart; exports.TreeSelect = _chunkCBYJXDW4js.TreeSelect; exports.Upload = _chunkUHFHOTNIjs.Upload; exports.VirtualList = _chunkP36GX65Njs.VirtualList; exports.VirtualTable = _chunkDLKUDB2Rjs.VirtualTable; exports.Watermark = _chunkCHPJPIW6js.Watermark; exports.notification = _chunkNMEVQPODjs.notification; exports.useAnchorContext = _chunkSQGFNVYTjs.useAnchorContext; exports.useBreadcrumbContext = _chunkVDF2BD2Ajs.useBreadcrumbContext; exports.useChartInteraction = _chunkXTV5JLLCjs.useChartInteraction; exports.useCollapseContext = _chunkQ2GPRAF4js.useCollapseContext; exports.useControlledState = _chunkUKGQ7256js.useControlledState; exports.useDrag = useDrag; exports.useFormContext = _chunkUPPHGL64js.useFormContext; exports.useFormController = useFormController; exports.useMenuContext = _chunkZDGBH4NAjs.useMenuContext; exports.useStepsContext = _chunkM7HBWFQOjs.useStepsContext; exports.useTabsContext = _chunkRFHPG4KNjs.useTabsContext; exports.useTigerConfig = _chunkTDODFBBOjs.useTigerConfig; exports.version = version;
+exports.ActivityFeed = _chunkUVWLYRACjs.ActivityFeed; exports.Affix = _chunkRYIYE2PYjs.Affix; exports.Alert = _chunkVNMWPJDNjs.Alert; exports.Anchor = _chunkSQGFNVYTjs.Anchor; exports.AnchorLink = _chunkSQGFNVYTjs.AnchorLink; exports.AreaChart = _chunkDCKBVRLIjs.AreaChart; exports.AutoComplete = _chunkU356F7GUjs.AutoComplete; exports.Avatar = _chunk4MQCUKICjs.Avatar; exports.AvatarGroup = _chunkTQOWIDQTjs.AvatarGroup; exports.BackTop = _chunk4LIDROT4js.BackTop; exports.Badge = _chunkPNAWOJ32js.Badge; exports.BarChart = _chunkNMKFR435js.BarChart; exports.Breadcrumb = _chunkVDF2BD2Ajs.Breadcrumb; exports.BreadcrumbItem = _chunkVDF2BD2Ajs.BreadcrumbItem; exports.Button = _chunk56ZV3VVYjs.Button; exports.ButtonGroup = _chunkYMKA4L3Zjs.ButtonGroup; exports.Calendar = _chunk5EVHVZG5js.Calendar; exports.Card = _chunkUIO6O4MIjs.Card; exports.Carousel = _chunkB5TUTAVXjs.Carousel; exports.Cascader = _chunkTC6JLEGZjs.Cascader; exports.ChartAxis = _chunkE5GD3H7Ljs.ChartAxis; exports.ChartCanvas = _chunkUKLVOR4Ejs.ChartCanvas; exports.ChartGrid = _chunk3QFHVAZTjs.ChartGrid; exports.ChartLegend = _chunkWV5XHYW6js.ChartLegend; exports.ChartSeries = _chunkAX5XRD2Qjs.ChartSeries; exports.ChartTooltip = _chunkUVMQJOTXjs.ChartTooltip; exports.ChatWindow = _chunkABTJVM3Xjs.ChatWindow; exports.Checkbox = _chunkF7H4ALKNjs.Checkbox; exports.CheckboxGroup = _chunkJLRRXRZOjs.CheckboxGroup; exports.Code = _chunkRTHC4KWMjs.Code; exports.CodeEditor = _chunk3E76U2RGjs.CodeEditor; exports.Col = _chunkQQKP437Ljs.Col; exports.Collapse = _chunkQ2GPRAF4js.Collapse; exports.CollapsePanel = _chunkWN3ZI7FNjs.CollapsePanel; exports.ColorPicker = _chunkJB33A4S6js.ColorPicker; exports.ColorSwatch = _chunkJ4SNBXJMjs.ColorSwatch; exports.CommentThread = _chunkJCINYGGMjs.CommentThread; exports.ConfigProvider = _chunkTDODFBBOjs.ConfigProvider; exports.Container = _chunkW3VLCSJLjs.Container; exports.Content = _chunkOFCKGWTSjs.Content; exports.Countdown = _chunkU3M24RPHjs.Countdown; exports.CronEditor = _chunkNRLGZRK2js.CronEditor; exports.CropUpload = _chunkH2YHUFMKjs.CropUpload; exports.DataTableWithToolbar = _chunkEWSYARW4js.DataTableWithToolbar; exports.DatePicker = _chunkTSJYAEFZjs.DatePicker; exports.Descriptions = _chunk6CWZXS5Bjs.Descriptions; exports.Divider = _chunkIZXU7DF6js.Divider; exports.DonutChart = _chunkK2TXT5HQjs.DonutChart; exports.Drawer = _chunkTLU3ROLTjs.Drawer; exports.Dropdown = _chunkJLQBG5XUjs.Dropdown; exports.DropdownItem = _chunkAE2QE2C6js.DropdownItem; exports.DropdownMenu = _chunkJLQBG5XUjs.DropdownMenu; exports.Empty = _chunkZRHDNGWOjs.Empty; exports.FileManager = _chunkHR5GBE3Pjs.FileManager; exports.FloatButton = _chunkXFPJYKBQjs.FloatButton; exports.FloatButtonGroup = _chunkXFPJYKBQjs.FloatButtonGroup; exports.Footer = _chunkTB2UHDOZjs.Footer; exports.Form = _chunkUPPHGL64js.Form; exports.FormItem = _chunkBCQQYERGjs.FormItem; exports.FormWizard = _chunk7JFP3MIWjs.FormWizard; exports.FunnelChart = _chunkQIKR5EFIjs.FunnelChart; exports.Gantt = _chunkQMK4OFC5js.Gantt; exports.GaugeChart = _chunkT7KO6EVKjs.GaugeChart; exports.Header = _chunkVJJ76I7Ujs.Header; exports.HeatmapChart = _chunkH6NC6SBXjs.HeatmapChart; exports.Icon = _chunkIHH2O7YKjs.Icon; exports.Image = _chunkCGIBGSNEjs.Image; exports.ImageAnnotation = _chunkEHIXCFD7js.ImageAnnotation; exports.ImageCropper = _chunkFI53LYZ6js.ImageCropper; exports.ImageGroup = _chunkMB6U72CIjs.ImageGroup; exports.ImageGroupContext = _chunkMB6U72CIjs.ImageGroupContext; exports.ImagePreview = _chunk4U5HSR2Hjs.ImagePreview; exports.ImageViewer = _chunkUXUYCWQCjs.ImageViewer; exports.InfiniteScroll = _chunkM73NMNZXjs.InfiniteScroll; exports.Input = _chunkZYJTHGQWjs.Input; exports.InputGroup = _chunkI3CDTF4Ujs.InputGroup; exports.InputGroupAddon = _chunkI3CDTF4Ujs.InputGroupAddon; exports.InputNumber = _chunkSKMZTW3Kjs.InputNumber; exports.Kanban = _chunkLROHXQWXjs.Kanban; exports.Layout = _chunkD6TKXVEBjs.Layout; exports.LineChart = _chunkEQD2U4KMjs.LineChart; exports.Link = _chunkQYYAXM5Fjs.Link; exports.List = _chunkWG3YS2QVjs.List; exports.Loading = _chunk3MRP3XYIjs.Loading; exports.MarkdownEditor = _chunkBFAZZUD6js.MarkdownEditor; exports.Mentions = _chunkXRNKHQTLjs.Mentions; exports.Menu = _chunkZDGBH4NAjs.Menu; exports.MenuItem = _chunkZDGBH4NAjs.MenuItem; exports.MenuItemGroup = _chunkZDGBH4NAjs.MenuItemGroup; exports.Message = _chunkLMTUM3J3js.Message; exports.MessageContainer = _chunkLMTUM3J3js.MessageContainer; exports.Modal = _chunkDSXII6ZFjs.Modal; exports.NotificationCenter = _chunkFZIF5LZWjs.NotificationCenter; exports.NotificationContainer = _chunkNMEVQPODjs.NotificationContainer; exports.NumberKeyboard = _chunkG5USITWFjs.NumberKeyboard; exports.OrgChart = _chunk4DTMFQCYjs.OrgChart; exports.Pagination = _chunkWYKUC5MMjs.Pagination; exports.PieChart = _chunkBO45CU4Qjs.PieChart; exports.Popconfirm = _chunk36I5APFXjs.Popconfirm; exports.Popover = _chunkLYYL2JMPjs.Popover; exports.PrintLayout = _chunkQ4JMAQXJjs.PrintLayout; exports.PrintPageBreak = _chunkQ4JMAQXJjs.PrintPageBreak; exports.Progress = _chunkLODDAS62js.Progress; exports.QRCode = _chunkAUW7DCXLjs.QRCode; exports.RadarChart = _chunkEOU6WZTSjs.RadarChart; exports.Radio = _chunkTMON4MPOjs.Radio; exports.RadioGroup = _chunkZFMMAYSXjs.RadioGroup; exports.Rate = _chunkGG72T6JKjs.Rate; exports.Resizable = _chunkPFYK2V3Ejs.Resizable; exports.Result = _chunkYID7J6ZKjs.Result; exports.RichTextEditor = _chunkONTRGV5Tjs.RichTextEditor; exports.Row = _chunkVE3SYUMHjs.Row; exports.ScatterChart = _chunkW6AWN7BCjs.ScatterChart; exports.ScrollSpy = _chunkFBFCJCONjs.ScrollSpy; exports.Segmented = _chunkN2JYU4JIjs.Segmented; exports.Select = _chunk6Z4LLPZAjs.Select; exports.Sidebar = _chunkYWTZALG5js.Sidebar; exports.Signature = _chunk7ISEWLA3js.Signature; exports.Skeleton = _chunk4PPTEEDIjs.Skeleton; exports.Slider = _chunk7Z64GEMNjs.Slider; exports.Space = _chunkPTEDJ6MAjs.Space; exports.Splitter = _chunkH4AR4GXHjs.Splitter; exports.Spotlight = _chunkKYP7U6FKjs.Spotlight; exports.Statistic = _chunkZDXIP33Yjs.Statistic; exports.Stepper = _chunkMB3QU3USjs.Stepper; exports.Steps = _chunkM7HBWFQOjs.Steps; exports.StepsItem = _chunkM7HBWFQOjs.StepsItem; exports.SubMenu = _chunkZDGBH4NAjs.SubMenu; exports.SunburstChart = _chunkUIIOZEUPjs.SunburstChart; exports.Switch = _chunk4TEILQSNjs.Switch; exports.TabPane = _chunkRFHPG4KNjs.TabPane; exports.Table = _chunkIFVIPIAAjs.Table; exports.Tabs = _chunkRFHPG4KNjs.Tabs; exports.Tag = _chunkVCULFIZ5js.Tag; exports.TaskBoard = _chunkANN5P7TJjs.TaskBoard; exports.Text = _chunkUF3DXKCIjs.Text; exports.Textarea = _chunkWVVXZKNIjs.Textarea; exports.TimePicker = _chunk4SO4LANYjs.TimePicker; exports.Timeline = _chunkPR3PQUKMjs.Timeline; exports.Tooltip = _chunkOBY4FYRZjs.Tooltip; exports.Tour = _chunkKQ5I7PRMjs.Tour; exports.Transfer = _chunkEF5ZTNHXjs.Transfer; exports.Tree = _chunkSIY6FDKJjs.Tree; exports.TreeMapChart = _chunkX7JAYXPYjs.TreeMapChart; exports.TreeSelect = _chunkCBYJXDW4js.TreeSelect; exports.Upload = _chunkUHFHOTNIjs.Upload; exports.VirtualList = _chunkP36GX65Njs.VirtualList; exports.VirtualTable = _chunkDLKUDB2Rjs.VirtualTable; exports.Watermark = _chunkCHPJPIW6js.Watermark; exports.notification = _chunkNMEVQPODjs.notification; exports.useAnchorContext = _chunkSQGFNVYTjs.useAnchorContext; exports.useBreadcrumbContext = _chunkVDF2BD2Ajs.useBreadcrumbContext; exports.useChartInteraction = _chunkXTV5JLLCjs.useChartInteraction; exports.useCollapseContext = _chunkQ2GPRAF4js.useCollapseContext; exports.useControlledState = _chunkUKGQ7256js.useControlledState; exports.useDrag = useDrag; exports.useFormContext = _chunkUPPHGL64js.useFormContext; exports.useFormController = useFormController; exports.useMenuContext = _chunkZDGBH4NAjs.useMenuContext; exports.useStepsContext = _chunkM7HBWFQOjs.useStepsContext; exports.useTabsContext = _chunkRFHPG4KNjs.useTabsContext; exports.useTigerConfig = _chunkTDODFBBOjs.useTigerConfig; exports.version = version;

package/dist/index.mjs

@@ -256,10 +256,10 @@ import {
 } from "./chunk-SY23FAXK.mjs";
 import {
   DataTableWithToolbar
-} from "./chunk-2VE2CP7E.mjs";
+} from "./chunk-KVZE7UGH.mjs";
 import {
   Table
-} from "./chunk-WYGO6XC7.mjs";
+} from "./chunk-AGHGG73I.mjs";
 import {
   Select
 } from "./chunk-T4OVGM4X.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-react",
-  "version": "1.2.43",
+  "version": "1.2.46",
   "description": "React components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -47,7 +47,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "1.2.43"
+    "@expcat/tigercat-core": "1.2.46"
   },
   "devDependencies": {
     "@types/node": "^25.6.0",