@expcat/tigercat-react 1.2.47 → 1.3.0

package/dist/{chunk-JCINYGGM.js → chunk-PUZDW7NR.js}

@@ -3,10 +3,10 @@
 var _chunkWVVXZKNIjs = require('./chunk-WVVXZKNI.js');
 
 
-var _chunk56ZV3VVYjs = require('./chunk-56ZV3VVY.js');
+var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
 
 
-var _chunkVCULFIZ5js = require('./chunk-VCULFIZ5.js');
+var _chunkZJI2VLILjs = require('./chunk-ZJI2VLIL.js');
 
 
 var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
@@ -112,7 +112,7 @@ var CommentThread = ({
       const likeCount = node.likes ? ` ${node.likes}` : "";
       actions.push(
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunk56ZV3VVYjs.Button,
+          _chunkZLNBE4ISjs.Button,
           {
             size: "sm",
             variant: "ghost",
@@ -134,7 +134,7 @@ var CommentThread = ({
     if (showReply) {
       actions.push(
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunk56ZV3VVYjs.Button,
+          _chunkZLNBE4ISjs.Button,
           {
             size: "sm",
             variant: "ghost",
@@ -158,7 +158,7 @@ var CommentThread = ({
     if (showMore) {
       actions.push(
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunk56ZV3VVYjs.Button,
+          _chunkZLNBE4ISjs.Button,
           {
             size: "sm",
             variant: "ghost",
@@ -181,7 +181,7 @@ var CommentThread = ({
         const actionKey = _nullishCoalesce(action.key, () => ( `${node.id}-action-${index}`));
         actions.push(
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk56ZV3VVYjs.Button,
+            _chunkZLNBE4ISjs.Button,
             {
               size: "sm",
               variant: _nullishCoalesce(action.variant, () => ( "ghost")),
@@ -223,8 +223,8 @@ var CommentThread = ({
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 flex-wrap", children: [
               _optionalChain([node, 'access', _9 => _9.user, 'optionalAccess', _10 => _10.name]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "sm", weight: "bold", className: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer", children: node.user.name }) : null,
               _optionalChain([node, 'access', _11 => _11.user, 'optionalAccess', _12 => _12.title]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "xs", color: "muted", className: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-gray-500 dark:text-gray-400 font-medium", children: node.user.title }) : null,
-              node.tag ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVCULFIZ5js.Tag, { size: "sm", variant: _nullishCoalesce(node.tag.variant, () => ( "default")), className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10", children: node.tag.label }) : null,
-              _optionalChain([node, 'access', _13 => _13.tags, 'optionalAccess', _14 => _14.map, 'call', _15 => _15((tag, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVCULFIZ5js.Tag, { size: "sm", variant: _nullishCoalesce(tag.variant, () => ( "default")), className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10", children: tag.label }, `${node.id}-tag-${index}`))]),
+              node.tag ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJI2VLILjs.Tag, { size: "sm", variant: _nullishCoalesce(node.tag.variant, () => ( "default")), className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10", children: node.tag.label }) : null,
+              _optionalChain([node, 'access', _13 => _13.tags, 'optionalAccess', _14 => _14.map, 'call', _15 => _15((tag, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJI2VLILjs.Tag, { size: "sm", variant: _nullishCoalesce(tag.variant, () => ( "default")), className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10", children: tag.label }, `${node.id}-tag-${index}`))]),
               node.time ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "xs", color: "muted", className: "ml-auto text-gray-400 dark:text-gray-500 font-normal", children: _tigercatcore.formatCommentTime.call(void 0, node.time) }) : null
             ] }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-sm text-gray-600 dark:text-gray-300 leading-relaxed break-words mt-2 mb-3 pr-2", children: node.content }),
@@ -242,7 +242,7 @@ var CommentThread = ({
               ),
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 justify-end", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunk56ZV3VVYjs.Button,
+                  _chunkZLNBE4ISjs.Button,
                   {
                     size: "sm",
                     variant: "ghost",
@@ -255,7 +255,7 @@ var CommentThread = ({
                   }
                 ),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunk56ZV3VVYjs.Button,
+                  _chunkZLNBE4ISjs.Button,
                   {
                     size: "sm",
                     variant: "primary",
@@ -267,7 +267,7 @@ var CommentThread = ({
               ] })
             ] }) : null,
             hasChildren ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk56ZV3VVYjs.Button,
+              _chunkZLNBE4ISjs.Button,
               {
                 size: "sm",
                 variant: "ghost",
@@ -288,7 +288,7 @@ var CommentThread = ({
                     (child, index) => renderNode(child, depth + 1, index === visibleChildren.length - 1)
                   ),
                   showLoadMoreBtn ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunk56ZV3VVYjs.Button,
+                    _chunkZLNBE4ISjs.Button,
                     {
                       size: "sm",
                       variant: "ghost",

package/dist/{chunk-AE2QE2C6.js → chunk-PZNVU37I.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkJLQBG5XUjs = require('./chunk-JLQBG5XU.js');
+var _chunk2WDCWFOMjs = require('./chunk-2WDCWFOM.js');
 
 // src/components/DropdownItem.tsx
 var _react = require('react');
@@ -17,7 +17,7 @@ var DropdownItem = ({
   children,
   ...buttonProps
 }) => {
-  const context = _react.useContext.call(void 0, _chunkJLQBG5XUjs.DropdownContext);
+  const context = _react.useContext.call(void 0, _chunk2WDCWFOMjs.DropdownContext);
   const handleClick = (event) => {
     if (disabled) {
       event.preventDefault();

package/dist/{chunk-ABTJVM3X.js → chunk-RF2BA2N6.js}

@@ -12,7 +12,7 @@ var _chunkZRHDNGWOjs = require('./chunk-ZRHDNGWO.js');
 var _chunkWVVXZKNIjs = require('./chunk-WVVXZKNI.js');
 
 
-var _chunk56ZV3VVYjs = require('./chunk-56ZV3VVY.js');
+var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
 
 
 var _chunk4MQCUKICjs = require('./chunk-4MQCUKIC.js');
@@ -233,7 +233,7 @@ var ChatWindow = ({
           onKeyDown: handleKeyDown
         }
       ) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk56ZV3VVYjs.Button, { disabled: !canSend, onClick: handleSend, "aria-label": _nullishCoalesce(sendAriaLabel, () => ( sendText)), children: sendText })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { disabled: !canSend, onClick: handleSend, "aria-label": _nullishCoalesce(sendAriaLabel, () => ( sendText)), children: sendText })
     ] })
   ] });
 };

package/dist/{chunk-XJXEAXWY.mjs → chunk-RQXY2MGX.mjs}

@@ -27,6 +27,7 @@ import {
   isKeySelected,
   isKeyOpen,
   menuItemIconClasses,
+  menuCollapsedIconClasses,
   menuItemGroupTitleClasses,
   menuSearchFieldClasses,
   menuSearchEmptyClasses,
@@ -259,18 +260,22 @@ var MenuItem = ({
   );
   const renderIcon = () => {
     if (!icon) return null;
+    const iconClasses = effectiveCollapsed ? menuCollapsedIconClasses : menuItemIconClasses;
     if (typeof icon === "string") {
-      return /* @__PURE__ */ jsx("span", { className: menuItemIconClasses, dangerouslySetInnerHTML: { __html: icon } });
+      return /* @__PURE__ */ jsx("span", { className: iconClasses, dangerouslySetInnerHTML: { __html: icon } });
     }
-    return /* @__PURE__ */ jsx("span", { className: menuItemIconClasses, children: icon });
+    return /* @__PURE__ */ jsx("span", { className: iconClasses, children: icon });
   };
   const renderLabel = () => {
     if (!effectiveCollapsed) return /* @__PURE__ */ jsx("span", { className: "flex-1", children });
     if (!icon) {
       const text = String(children || "");
-      return /* @__PURE__ */ jsx("span", { className: "flex-1 text-center", children: text.charAt(0).toUpperCase() });
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "flex-1 text-center", "aria-hidden": "true", children: text.charAt(0).toUpperCase() }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children })
+      ] });
     }
-    return null;
+    return /* @__PURE__ */ jsx("span", { className: "sr-only", children });
   };
   return /* @__PURE__ */ jsx("li", { role: "none", children: /* @__PURE__ */ jsxs(
     "button",
@@ -529,10 +534,11 @@ var SubMenu = ({
   if (!menuContext) return null;
   const renderIcon = () => {
     if (!icon) return null;
+    const iconClasses = effectiveCollapsed ? menuCollapsedIconClasses : menuItemIconClasses;
     if (typeof icon === "string") {
-      return /* @__PURE__ */ jsx("span", { className: menuItemIconClasses, dangerouslySetInnerHTML: { __html: icon } });
+      return /* @__PURE__ */ jsx("span", { className: iconClasses, dangerouslySetInnerHTML: { __html: icon } });
     }
-    return /* @__PURE__ */ jsx("span", { className: menuItemIconClasses, children: icon });
+    return /* @__PURE__ */ jsx("span", { className: iconClasses, children: icon });
   };
   const renderTitle = () => {
     if (!effectiveCollapsed) {
@@ -542,9 +548,15 @@ var SubMenu = ({
         menuContext.mode !== "horizontal" && !isPopup && /* @__PURE__ */ jsx(ExpandIcon, { expanded: isExpanded })
       ] });
     } else if (!icon) {
-      return /* @__PURE__ */ jsx("span", { className: "flex-1 text-center", children: title.charAt(0).toUpperCase() });
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "flex-1 text-center", "aria-hidden": "true", children: title.charAt(0).toUpperCase() }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: title })
+      ] });
     } else {
-      return renderIcon();
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        renderIcon(),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: title })
+      ] });
     }
   };
   const renderContent = () => {
@@ -638,6 +650,7 @@ var SubMenu = ({
             "aria-expanded": isExpanded ? "true" : "false",
             "aria-haspopup": "true",
             "aria-disabled": disabled ? "true" : void 0,
+            "data-state": isExpanded ? "open" : "closed",
             disabled,
             tabIndex: -1,
             children: renderTitle()

package/dist/{chunk-TANTMMR7.mjs → chunk-RYHM75MP.mjs}

@@ -59,8 +59,9 @@ var Popover = ({
         className: triggerClasses,
         "aria-haspopup": "dialog",
         "aria-disabled": disabled ? "true" : void 0,
+        "data-state": currentVisible ? "open" : "closed",
         ...triggerHandlers,
-        children
+        children: typeof children === "function" ? children({ open: Boolean(currentVisible) }) : children
       }
     ),
     currentVisible && renderBodyPortal(

package/dist/{chunk-TLU3ROLT.js → chunk-UMZ3PMUJ.js}

@@ -69,6 +69,7 @@ var Drawer = ({
   zIndex = 1e3,
   className,
   bodyClassName,
+  bodyPadding,
   destroyOnClose = false,
   destroyOnCloseAfterLeave = false,
   fullscreenOnMobile = true,
@@ -223,7 +224,7 @@ var Drawer = ({
     panelClassName
   );
   const headerClasses = _tigercatcore.getDrawerHeaderClasses.call(void 0, );
-  const bodyClasses = _tigercatcore.getDrawerBodyClasses.call(void 0, bodyClassName);
+  const bodyClasses = _tigercatcore.getDrawerBodyClasses.call(void 0, bodyClassName, bodyPadding);
   const footerClasses = _tigercatcore.getDrawerFooterClasses.call(void 0, );
   const closeButtonClasses = _tigercatcore.getDrawerCloseButtonClasses.call(void 0, );
   const titleClasses = _tigercatcore.getDrawerTitleClasses.call(void 0, );

package/dist/{chunk-TGKNEMD4.mjs → chunk-WMPCN7OF.mjs}

@@ -11,7 +11,8 @@ import {
   tagBaseClasses,
   tagSizeClasses,
   tagCloseButtonBaseClasses,
-  tagCloseIconPath
+  tagCloseIconPath,
+  warnUnsupportedColorProp
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var CloseIcon = () => /* @__PURE__ */ jsx(
@@ -45,6 +46,7 @@ var Tag = ({
   className,
   ...props
 }) => {
+  warnUnsupportedColorProp("Tag", props);
   const [isVisible, setIsVisible] = useState(true);
   const tagClasses = useMemo(
     () => classNames(tagBaseClasses, getTagVariantClasses(variant), tagSizeClasses[size], className),

package/dist/{chunk-LYYL2JMP.js → chunk-WOSKRZOO.js}

@@ -59,8 +59,9 @@ var Popover = ({
         className: triggerClasses,
         "aria-haspopup": "dialog",
         "aria-disabled": disabled ? "true" : void 0,
+        "data-state": currentVisible ? "open" : "closed",
         ...triggerHandlers,
-        children
+        children: typeof children === "function" ? children({ open: Boolean(currentVisible) }) : children
       }
     ),
     currentVisible && _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, 

package/dist/{chunk-HUMGEP7S.mjs → chunk-WX5VUIGT.mjs}

@@ -1,17 +1,18 @@
 // src/components/Header.tsx
 import {
   classNames,
-  layoutHeaderClasses
+  getLayoutHeaderClasses
 } from "@expcat/tigercat-core";
 import { jsx } from "react/jsx-runtime";
 var Header = ({
   className,
+  variant = "default",
   height = "64px",
   style,
   children,
   ...props
 }) => {
-  const headerClasses = classNames(layoutHeaderClasses, className);
+  const headerClasses = classNames(getLayoutHeaderClasses(variant), className);
   const headerStyle = { ...style, height };
   return /* @__PURE__ */ jsx("header", { className: headerClasses, style: headerStyle, ...props, children });
 };

package/dist/{chunk-OXDX6CH2.mjs → chunk-Y5RQN5BO.mjs}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-7QZ4XT2P.mjs";
 import {
   Button
-} from "./chunk-USWK2S3Y.mjs";
+} from "./chunk-5TE7KLE5.mjs";
 import {
   Avatar
 } from "./chunk-4ZZ7YRTB.mjs";

package/dist/{chunk-OQTPXPAP.mjs → chunk-YN5ZIWCE.mjs}

@@ -1,11 +1,16 @@
 // src/components/Content.tsx
 import {
   classNames,
-  layoutContentClasses
+  getLayoutContentClasses
 } from "@expcat/tigercat-core";
 import { jsx } from "react/jsx-runtime";
-var Content = ({ className, children, ...props }) => {
-  const contentClasses = classNames(layoutContentClasses, className);
+var Content = ({
+  className,
+  padding = true,
+  children,
+  ...props
+}) => {
+  const contentClasses = classNames(getLayoutContentClasses(padding), className);
   return /* @__PURE__ */ jsx("main", { className: contentClasses, ...props, children });
 };
 

package/dist/{chunk-KVZE7UGH.mjs → chunk-Z4PDV7HB.mjs}

@@ -1,12 +1,12 @@
 import {
   Table
-} from "./chunk-AGHGG73I.mjs";
+} from "./chunk-INHQJXHD.mjs";
 import {
   Select
-} from "./chunk-T4OVGM4X.mjs";
+} from "./chunk-KXNWY2Q7.mjs";
 import {
   Popover
-} from "./chunk-TANTMMR7.mjs";
+} from "./chunk-RYHM75MP.mjs";
 import {
   useTigerConfig
 } from "./chunk-QAIBQHIO.mjs";
@@ -18,7 +18,7 @@ import {
 } from "./chunk-MSHCPJIJ.mjs";
 import {
   Button
-} from "./chunk-USWK2S3Y.mjs";
+} from "./chunk-5TE7KLE5.mjs";
 
 // src/components/DataTableWithToolbar.tsx
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -30,7 +30,7 @@ import {
   mergeTigerLocale,
   resolveTigerLocale
 } from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var DataTableWithToolbar = ({
   toolbar,
   locale,
@@ -266,6 +266,20 @@ var DataTableWithToolbar = ({
     );
   };
   const renderToolbar = () => {
+    if (toolbar?.render !== void 0) {
+      const toolbarContext = {
+        searchValue: searchValue ?? "",
+        setSearch: handleSearchChange,
+        submitSearch: handleSearchSubmit,
+        filters: resolvedFilters,
+        setFilter: (key, value) => setFilterValue(key, value),
+        selectedKeys,
+        selectedCount,
+        hiddenColumnKeys: resolvedHiddenKeys,
+        setHiddenColumnKeys: handleHiddenColumnsChange
+      };
+      return /* @__PURE__ */ jsx(Fragment, { children: typeof toolbar.render === "function" ? toolbar.render(toolbarContext) : toolbar.render });
+    }
     if (!hasSearch && !hasFilters && !hasFiltersExtra && !hasBulkActions && !hasColumnSettings) {
       return null;
     }
@@ -279,75 +293,95 @@ var DataTableWithToolbar = ({
       {
         className: classNames(
           "tiger-data-table-toolbar flex flex-wrap items-center gap-3",
-          bordered ? "bg-[var(--tiger-surface-muted,#f9fafb)] dark:bg-gray-800/10 px-4 py-3.5 border-b border-[var(--tiger-border,#e5e7eb)]" : "bg-[var(--tiger-surface-muted,#f9fafb)]/80 dark:bg-gray-800/30 px-4 py-3.5 border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] shadow-sm"
+          bordered ? "bg-[var(--tiger-surface-muted,#f9fafb)] dark:bg-gray-800/10 px-4 py-3.5 border-b border-[var(--tiger-border,#e5e7eb)]" : "bg-[var(--tiger-surface-muted,#f9fafb)]/80 dark:bg-gray-800/30 px-4 py-3.5 border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] shadow-sm",
+          toolbar?.className
         ),
+        style: toolbar?.style,
         role: "toolbar",
         "aria-label": tableLabels.toolbarAriaLabel,
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-wrap flex-1 min-w-0", children: [
-            hasSearch ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[220px] sm:max-w-[320px]", children: [
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  type: "search",
-                  size: "sm",
-                  value: searchValue,
-                  placeholder: toolbar?.searchPlaceholder ?? tableLabels.searchPlaceholder,
-                  prefix: /* @__PURE__ */ jsx(
-                    "svg",
+            hasSearch ? /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: classNames(
+                  "flex items-center gap-2",
+                  toolbar?.searchClassName ?? "w-full sm:w-auto sm:min-w-[220px] sm:max-w-[320px]"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Input,
                     {
-                      className: "w-3.5 h-3.5 text-[var(--tiger-text-secondary,#6b7280)] shrink-0",
-                      fill: "none",
-                      stroke: "currentColor",
-                      strokeWidth: "2",
-                      viewBox: "0 0 24 24",
-                      "aria-hidden": "true",
-                      children: /* @__PURE__ */ jsx(
-                        "path",
+                      type: "search",
+                      size: "sm",
+                      value: searchValue,
+                      placeholder: toolbar?.searchPlaceholder ?? tableLabels.searchPlaceholder,
+                      prefix: /* @__PURE__ */ jsx(
+                        "svg",
                         {
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+                          className: "w-3.5 h-3.5 text-[var(--tiger-text-secondary,#6b7280)] shrink-0",
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: "2",
+                          viewBox: "0 0 24 24",
+                          "aria-hidden": "true",
+                          children: /* @__PURE__ */ jsx(
+                            "path",
+                            {
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round",
+                              d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+                            }
+                          )
+                        }
+                      ),
+                      onChange: (event) => handleSearchChange(String(event.currentTarget.value)),
+                      onKeyDown: (event) => {
+                        if (event.key === "Enter") {
+                          handleSearchSubmit();
                         }
-                      )
+                      }
                     }
                   ),
-                  onChange: (event) => handleSearchChange(String(event.currentTarget.value)),
-                  onKeyDown: (event) => {
-                    if (event.key === "Enter") {
-                      handleSearchSubmit();
+                  toolbar?.showSearchButton ?? true ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      size: "sm",
+                      variant: "primary",
+                      className: "whitespace-nowrap shrink-0 rounded-[var(--tiger-radius-md,0.5rem)] px-3",
+                      onClick: handleSearchSubmit,
+                      disabled: !onSearch && !toolbar?.onSearch,
+                      children: toolbar?.searchButtonText ?? tableLabels.searchButtonText
                     }
-                  }
-                }
-              ),
-              toolbar?.showSearchButton ?? true ? /* @__PURE__ */ jsx(
-                Button,
-                {
-                  size: "sm",
-                  variant: "primary",
-                  className: "whitespace-nowrap shrink-0 rounded-[var(--tiger-radius-md,0.5rem)] px-3",
-                  onClick: handleSearchSubmit,
-                  disabled: !onSearch && !toolbar?.onSearch,
-                  children: toolbar?.searchButtonText ?? tableLabels.searchButtonText
-                }
-              ) : null
-            ] }) : null,
+                  ) : null
+                ]
+              }
+            ) : null,
             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",
+                  {
+                    className: filter.itemClass ?? "w-full sm:w-auto",
+                    style: filter.itemStyle,
+                    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",
                 {
-                  className: "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]",
+                  className: filter.itemClass ?? "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]",
+                  style: filter.itemStyle,
                   children: /* @__PURE__ */ jsx(
                     Select,
                     {

package/dist/{chunk-JVTAKNRO.mjs → chunk-ZA5EFHET.mjs}

@@ -75,7 +75,7 @@ var Timeline = ({
       /* @__PURE__ */ jsx("div", { className: headClasses, children: renderDotElement(item) }),
       /* @__PURE__ */ jsxs("div", { className: contentClasses, children: [
         item.label && /* @__PURE__ */ jsx("div", { className: timelineLabelClasses, children: item.label }),
-        item.content && /* @__PURE__ */ jsx("div", { className: timelineDescriptionClasses, children: item.content })
+        item.content ? /* @__PURE__ */ jsx("div", { className: timelineDescriptionClasses, children: item.content }) : null
       ] })
     ] }, key);
   };

package/dist/{chunk-VCULFIZ5.js → chunk-ZJI2VLIL.js}

@@ -12,6 +12,7 @@ var _react = require('react');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var CloseIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -45,6 +46,7 @@ var Tag = ({
   className,
   ...props
 }) => {
+  _tigercatcore.warnUnsupportedColorProp.call(void 0, "Tag", props);
   const [isVisible, setIsVisible] = _react.useState.call(void 0, true);
   const tagClasses = _react.useMemo.call(void 0, 
     () => _tigercatcore.classNames.call(void 0, _tigercatcore.tagBaseClasses, _tigercatcore.getTagVariantClasses.call(void 0, variant), _tigercatcore.tagSizeClasses[size], className),

package/dist/{chunk-56ZV3VVY.js → chunk-ZLNBE4IS.js}

@@ -12,6 +12,7 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var createDefaultSpinner = () => {
@@ -49,6 +50,7 @@ var Button = ({
   "aria-disabled": ariaDisabledProp,
   ...rest
 }) => {
+  _tigercatcore.warnUnsupportedColorProp.call(void 0, "Button", rest);
   const group = _chunkYMKA4L3Zjs.useButtonGroupContext.call(void 0, );
   const resolvedSize = _nullishCoalesce(_nullishCoalesce(size, () => ( _optionalChain([group, 'optionalAccess', _ => _.size]))), () => ( "md"));
   const isDisabled = disabled || loading;

package/dist/{chunk-PR3PQUKM.js → chunk-ZZAR4IDS.js}

@@ -75,7 +75,7 @@ var Timeline = ({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: headClasses, children: renderDotElement(item) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: contentClasses, children: [
         item.label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.timelineLabelClasses, children: item.label }),
-        item.content && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.timelineDescriptionClasses, children: item.content })
+        item.content ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.timelineDescriptionClasses, children: item.content }) : null
       ] })
     ] }, key);
   };

package/dist/components/ActivityFeed.js

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkUVWLYRACjs = require('../chunk-UVWLYRAC.js');
-require('../chunk-PR3PQUKM.js');
+var _chunkI373B74Wjs = require('../chunk-I373B74W.js');
+require('../chunk-ZZAR4IDS.js');
 require('../chunk-3MRP3XYI.js');
 require('../chunk-QYYAXM5F.js');
 require('../chunk-STTQ5LXX.js');
-require('../chunk-VCULFIZ5.js');
+require('../chunk-ZJI2VLIL.js');
 require('../chunk-UF3DXKCI.js');
-require('../chunk-UIO6O4MI.js');
+require('../chunk-FQO7BKXW.js');
 require('../chunk-4MQCUKIC.js');
 require('../chunk-TQOWIDQT.js');
 
 
 
-exports.ActivityFeed = _chunkUVWLYRACjs.ActivityFeed; exports.default = _chunkUVWLYRACjs.ActivityFeed_default;
+exports.ActivityFeed = _chunkI373B74Wjs.ActivityFeed; exports.default = _chunkI373B74Wjs.ActivityFeed_default;

package/dist/components/ActivityFeed.mjs

@@ -1,14 +1,14 @@
 import {
   ActivityFeed,
   ActivityFeed_default
-} from "../chunk-I5YYA7FB.mjs";
-import "../chunk-JVTAKNRO.mjs";
+} from "../chunk-FB34UWF7.mjs";
+import "../chunk-ZA5EFHET.mjs";
 import "../chunk-FNJDBFKM.mjs";
 import "../chunk-XZVQ3PJS.mjs";
 import "../chunk-SEWNVIHH.mjs";
-import "../chunk-TGKNEMD4.mjs";
+import "../chunk-WMPCN7OF.mjs";
 import "../chunk-HLS4CHWX.mjs";
-import "../chunk-P6E3DILH.mjs";
+import "../chunk-IXV5YBCZ.mjs";
 import "../chunk-4ZZ7YRTB.mjs";
 import "../chunk-4R5YXNU4.mjs";
 export {

package/dist/components/Button.js

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk56ZV3VVYjs = require('../chunk-56ZV3VVY.js');
+var _chunkZLNBE4ISjs = require('../chunk-ZLNBE4IS.js');
 require('../chunk-YMKA4L3Z.js');
 
 
-exports.Button = _chunk56ZV3VVYjs.Button;
+exports.Button = _chunkZLNBE4ISjs.Button;

package/dist/components/Button.mjs

@@ -1,6 +1,6 @@
 import {
   Button
-} from "../chunk-USWK2S3Y.mjs";
+} from "../chunk-5TE7KLE5.mjs";
 import "../chunk-ZJWUBR2X.mjs";
 export {
   Button