@expcat/tigercat-react 1.2.47 → 1.3.0

package/dist/{chunk-JLQBG5XU.js → chunk-2WDCWFOM.js}

@@ -57,6 +57,7 @@ var Dropdown = ({
   style,
   onOpenChange,
   children,
+  renderTrigger,
   ...divProps
 }) => {
   const [internalVisible, setInternalVisible] = _react.useState.call(void 0, defaultOpen);
@@ -170,18 +171,18 @@ var Dropdown = ({
     [closeOnClick, handleItemClick]
   );
   const childrenArray = _react2.default.Children.toArray(children);
-  let triggerElement = null;
+  let triggerElement = renderTrigger ? renderTrigger({ open: visible }) : null;
   let menuElement = null;
   childrenArray.forEach((child) => {
     if (!_react2.default.isValidElement(child)) {
-      if (triggerElement == null) triggerElement = child;
+      if (!renderTrigger && triggerElement == null) triggerElement = child;
       return;
     }
     if (child.type === DropdownMenu) {
       menuElement = child;
       return;
     }
-    if (triggerElement == null) {
+    if (!renderTrigger && triggerElement == null) {
       triggerElement = child;
     }
   });
@@ -227,6 +228,7 @@ var Dropdown = ({
         "aria-haspopup": "menu",
         "aria-expanded": visible,
         "aria-controls": visible ? menuId : void 0,
+        "data-state": visible ? "open" : "closed",
         children: [
           triggerElement,
           chevronNode

package/dist/{chunk-D4FXVNRW.mjs → chunk-3CJFNG54.mjs}

@@ -1,12 +1,12 @@
 import {
   Modal
-} from "./chunk-RL6HARKE.mjs";
+} from "./chunk-I2AUOICV.mjs";
 import {
   ImageCropper
 } from "./chunk-SY23FAXK.mjs";
 import {
   Button
-} from "./chunk-USWK2S3Y.mjs";
+} from "./chunk-5TE7KLE5.mjs";
 
 // src/components/CropUpload.tsx
 import { useState, useRef, useCallback, useMemo } from "react";

package/dist/{chunk-ZDGBH4NA.js → chunk-4LX5UGPQ.js}

@@ -43,6 +43,7 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -259,18 +260,22 @@ var MenuItem = ({
   );
   const renderIcon = () => {
     if (!icon) return null;
+    const iconClasses = effectiveCollapsed ? _tigercatcore.menuCollapsedIconClasses : _tigercatcore.menuItemIconClasses;
     if (typeof icon === "string") {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.menuItemIconClasses, dangerouslySetInnerHTML: { __html: icon } });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: iconClasses, dangerouslySetInnerHTML: { __html: icon } });
     }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.menuItemIconClasses, children: icon });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: iconClasses, children: icon });
   };
   const renderLabel = () => {
     if (!effectiveCollapsed) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-1", children });
     if (!icon) {
       const text = String(children || "");
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-1 text-center", children: text.charAt(0).toUpperCase() });
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-1 text-center", "aria-hidden": "true", children: text.charAt(0).toUpperCase() }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children })
+      ] });
     }
-    return null;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children });
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { role: "none", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "button",
@@ -529,10 +534,11 @@ var SubMenu = ({
   if (!menuContext) return null;
   const renderIcon = () => {
     if (!icon) return null;
+    const iconClasses = effectiveCollapsed ? _tigercatcore.menuCollapsedIconClasses : _tigercatcore.menuItemIconClasses;
     if (typeof icon === "string") {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.menuItemIconClasses, dangerouslySetInnerHTML: { __html: icon } });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: iconClasses, dangerouslySetInnerHTML: { __html: icon } });
     }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.menuItemIconClasses, children: icon });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: iconClasses, children: icon });
   };
   const renderTitle = () => {
     if (!effectiveCollapsed) {
@@ -542,9 +548,15 @@ var SubMenu = ({
         menuContext.mode !== "horizontal" && !isPopup && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ExpandIcon, { expanded: isExpanded })
       ] });
     } else if (!icon) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-1 text-center", children: title.charAt(0).toUpperCase() });
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-1 text-center", "aria-hidden": "true", children: title.charAt(0).toUpperCase() }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: title })
+      ] });
     } else {
-      return renderIcon();
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        renderIcon(),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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-EWSYARW4.js → chunk-4ZTFIXZR.js}

@@ -1,12 +1,12 @@
 "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 _chunkIFVIPIAAjs = require('./chunk-IFVIPIAA.js');
+var _chunkBXOZZXVGjs = require('./chunk-BXOZZXVG.js');
 
 
-var _chunk6Z4LLPZAjs = require('./chunk-6Z4LLPZA.js');
+var _chunkBBLVRLXTjs = require('./chunk-BBLVRLXT.js');
 
 
-var _chunkLYYL2JMPjs = require('./chunk-LYYL2JMP.js');
+var _chunkWOSKRZOOjs = require('./chunk-WOSKRZOO.js');
 
 
 var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
@@ -18,7 +18,7 @@ var _chunkZYJTHGQWjs = require('./chunk-ZYJTHGQW.js');
 var _chunkF7H4ALKNjs = require('./chunk-F7H4ALKN.js');
 
 
-var _chunk56ZV3VVYjs = require('./chunk-56ZV3VVY.js');
+var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
 
 // src/components/DataTableWithToolbar.tsx
 var _react = require('react');
@@ -205,7 +205,7 @@ var DataTableWithToolbar = ({
     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,
+      _chunkWOSKRZOOjs.Popover,
       {
         trigger: "click",
         placement: "bottom-end",
@@ -225,7 +225,7 @@ var DataTableWithToolbar = ({
           );
         }) }),
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk56ZV3VVYjs.Button,
+          _chunkZLNBE4ISjs.Button,
           {
             size: "sm",
             variant: "outline",
@@ -266,6 +266,20 @@ var DataTableWithToolbar = ({
     );
   };
   const renderToolbar = () => {
+    if (_optionalChain([toolbar, 'optionalAccess', _45 => _45.render]) !== void 0) {
+      const toolbarContext = {
+        searchValue: _nullishCoalesce(searchValue, () => ( "")),
+        setSearch: handleSearchChange,
+        submitSearch: handleSearchSubmit,
+        filters: resolvedFilters,
+        setFilter: (key, value) => setFilterValue(key, value),
+        selectedKeys,
+        selectedCount,
+        hiddenColumnKeys: resolvedHiddenKeys,
+        setHiddenColumnKeys: handleHiddenColumnsChange
+      };
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: typeof toolbar.render === "function" ? toolbar.render(toolbarContext) : toolbar.render });
+    }
     if (!hasSearch && !hasFilters && !hasFiltersExtra && !hasBulkActions && !hasColumnSettings) {
       return null;
     }
@@ -273,83 +287,103 @@ var DataTableWithToolbar = ({
       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]);
+    const filtersExtra = typeof _optionalChain([toolbar, 'optionalAccess', _46 => _46.filtersExtra]) === "function" ? toolbar.filtersExtra(filtersExtraContext) : _optionalChain([toolbar, 'optionalAccess', _47 => _47.filtersExtra]);
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
         className: _tigercatcore.classNames.call(void 0, 
           "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",
+          _optionalChain([toolbar, 'optionalAccess', _48 => _48.className])
         ),
+        style: _optionalChain([toolbar, 'optionalAccess', _49 => _49.style]),
         role: "toolbar",
         "aria-label": tableLabels.toolbarAriaLabel,
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 flex-wrap flex-1 min-w-0", children: [
-            hasSearch ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[220px] sm:max-w-[320px]", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkZYJTHGQWjs.Input,
-                {
-                  type: "search",
-                  size: "sm",
-                  value: searchValue,
-                  placeholder: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _47 => _47.searchPlaceholder]), () => ( tableLabels.searchPlaceholder)),
-                  prefix: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "svg",
+            hasSearch ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "div",
+              {
+                className: _tigercatcore.classNames.call(void 0, 
+                  "flex items-center gap-2",
+                  _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _50 => _50.searchClassName]), () => ( "w-full sm:w-auto sm:min-w-[220px] sm:max-w-[320px]"))
+                ),
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _chunkZYJTHGQWjs.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__ */ _jsxruntime.jsx.call(void 0, 
-                        "path",
+                      type: "search",
+                      size: "sm",
+                      value: searchValue,
+                      placeholder: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _51 => _51.searchPlaceholder]), () => ( tableLabels.searchPlaceholder)),
+                      prefix: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "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__ */ _jsxruntime.jsx.call(void 0, 
+                            "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();
+                  _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _52 => _52.showSearchButton]), () => ( true)) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _chunkZLNBE4ISjs.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', _53 => _53.onSearch]),
+                      children: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _54 => _54.searchButtonText]), () => ( tableLabels.searchButtonText))
                     }
-                  }
-                }
-              ),
-              _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', _49 => _49.onSearch]),
-                  children: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _50 => _50.searchButtonText]), () => ( tableLabels.searchButtonText))
-                }
-              ) : null
-            ] }) : null,
-            hasFilters ? _optionalChain([toolbar, 'optionalAccess', _51 => _51.filters, 'optionalAccess', _52 => _52.map, 'call', _53 => _53((filter) => {
+                  ) : null
+                ]
+              }
+            ) : null,
+            hasFilters ? _optionalChain([toolbar, 'optionalAccess', _55 => _55.filters, 'optionalAccess', _56 => _56.map, 'call', _57 => _57((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",
+                  {
+                    className: _nullishCoalesce(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__ */ _jsxruntime.jsx.call(void 0, 
                 "div",
                 {
-                  className: "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]",
+                  className: _nullishCoalesce(filter.itemClass, () => ( "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]")),
+                  style: filter.itemStyle,
                   children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunk6Z4LLPZAjs.Select,
+                    _chunkBBLVRLXTjs.Select,
                     {
                       size: "sm",
                       options: (_nullishCoalesce(filter.options, () => ( []))).map((opt) => ({
@@ -381,8 +415,8 @@ var DataTableWithToolbar = ({
                 tableLabels.selectedItemsText
               ] })
             ] }) : null,
-            _optionalChain([toolbar, 'optionalAccess', _54 => _54.bulkActions, 'optionalAccess', _55 => _55.map, 'call', _56 => _56((action) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk56ZV3VVYjs.Button,
+            _optionalChain([toolbar, 'optionalAccess', _58 => _58.bulkActions, 'optionalAccess', _59 => _59.map, 'call', _60 => _60((action) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkZLNBE4ISjs.Button,
               {
                 size: "sm",
                 variant: _nullishCoalesce(action.variant, () => ( "outline")),
@@ -401,7 +435,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, 
-      _chunkIFVIPIAAjs.Table,
+      _chunkBXOZZXVGjs.Table,
       {
         ...remainingTableProps,
         locale,

package/dist/{chunk-USWK2S3Y.mjs → chunk-5TE7KLE5.mjs}

@@ -11,7 +11,8 @@ import {
   buttonDisabledClasses,
   buttonDangerClasses,
   getButtonVariantClasses,
-  getSpinnerSVG
+  getSpinnerSVG,
+  warnUnsupportedColorProp
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var createDefaultSpinner = () => {
@@ -49,6 +50,7 @@ var Button = ({
   "aria-disabled": ariaDisabledProp,
   ...rest
 }) => {
+  warnUnsupportedColorProp("Button", rest);
   const group = useButtonGroupContext();
   const resolvedSize = size ?? group?.size ?? "md";
   const isDisabled = disabled || loading;

package/dist/{chunk-VJJ76I7U.js → chunk-6HDMUF23.js}

@@ -6,12 +6,13 @@ var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var Header = ({
   className,
+  variant = "default",
   height = "64px",
   style,
   children,
   ...props
 }) => {
-  const headerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.layoutHeaderClasses, className);
+  const headerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.getLayoutHeaderClasses.call(void 0, variant), className);
   const headerStyle = { ...style, height };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "header", { className: headerClasses, style: headerStyle, ...props, children });
 };

package/dist/{chunk-36I5APFX.js → chunk-6OMCHC6W.js}

@@ -129,11 +129,12 @@ var Popconfirm = ({
   const cancelButtonClasses = _tigercatcore.getPopconfirmCancelButtonClasses.call(void 0, );
   const okButtonClasses = _react.useMemo.call(void 0, () => _tigercatcore.getPopconfirmOkButtonClasses.call(void 0, okType), [okType]);
   if (!children) return null;
+  const resolvedChildren = typeof children === "function" ? children({ open: Boolean(currentVisible) }) : children;
   const mergedStyle = _tigercatcore.mergeStyleValues.call(void 0, style);
   const triggerProps = {
     className: triggerClasses,
     onClick: (event) => {
-      const target = children;
+      const target = resolvedChildren;
       if (_react2.default.isValidElement(target)) {
         const onChildClick = target.props.onClick;
         if (typeof onChildClick === "function") {
@@ -146,13 +147,14 @@ var Popconfirm = ({
     },
     "aria-haspopup": "dialog",
     "aria-expanded": Boolean(currentVisible),
-    "aria-controls": currentVisible ? popconfirmId : void 0
+    "aria-controls": currentVisible ? popconfirmId : void 0,
+    "data-state": currentVisible ? "open" : "closed"
   };
   const triggerNode = (() => {
-    if (_react2.default.isValidElement(children)) {
-      return _react2.default.cloneElement(children, {
+    if (_react2.default.isValidElement(resolvedChildren)) {
+      return _react2.default.cloneElement(resolvedChildren, {
         ...triggerProps,
-        className: _tigercatcore.classNames.call(void 0, children.props.className, triggerProps.className)
+        className: _tigercatcore.classNames.call(void 0, resolvedChildren.props.className, triggerProps.className)
       });
     }
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -169,7 +171,7 @@ var Popconfirm = ({
             handleTriggerClick();
           }
         },
-        children
+        children: resolvedChildren
       }
     );
   })();

package/dist/{chunk-CGIBGSNE.js → chunk-6TR7JB6C.js}

@@ -5,6 +5,12 @@ var _chunkMB6U72CIjs = require('./chunk-MB6U72CI.js');
 
 var _chunk4U5HSR2Hjs = require('./chunk-4U5HSR2H.js');
 
+
+var _chunkJIFSUUGAjs = require('./chunk-JIFSUUGA.js');
+
+
+var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
+
 // src/components/Image.tsx
 var _react = require('react');
 
@@ -37,6 +43,7 @@ var Image = ({
   fit = "cover",
   fallbackSrc,
   preview = true,
+  previewTrigger = "click",
   lazy = false,
   className,
   errorRender,
@@ -54,6 +61,27 @@ var Image = ({
   const containerRef = _react.useRef.call(void 0, null);
   const group = _react.useContext.call(void 0, _chunkMB6U72CIjs.ImageGroupContext);
   const registeredIndexRef = _react.useRef.call(void 0, -1);
+  const hoverPreviewEnabled = preview && previewTrigger === "hover" && !group;
+  const clickPreviewEnabled = preview && previewTrigger !== "hover";
+  const {
+    currentVisible: hoverVisible,
+    triggerRef: hoverTriggerRef,
+    floatingRef: hoverFloatingRef,
+    floatingStyles: hoverFloatingStyles,
+    triggerHandlers: hoverTriggerHandlers
+  } = _chunkJIFSUUGAjs.usePopup.call(void 0, {
+    trigger: "hover",
+    placement: "right",
+    offset: 12,
+    disabled: !hoverPreviewEnabled
+  });
+  const setRootRef = _react.useCallback.call(void 0, 
+    (el) => {
+      containerRef.current = el;
+      hoverTriggerRef.current = el;
+    },
+    [hoverTriggerRef]
+  );
   _react.useEffect.call(void 0, () => {
     if (group && src) {
       registeredIndexRef.current = group.register(src);
@@ -99,7 +127,7 @@ var Image = ({
   const handleClick = _react.useCallback.call(void 0, 
     (e) => {
       _optionalChain([onClick, 'optionalCall', _3 => _3(e)]);
-      if (!preview) return;
+      if (!clickPreviewEnabled) return;
       if (group) {
         group.openPreview(registeredIndexRef.current >= 0 ? registeredIndexRef.current : 0);
       } else {
@@ -107,17 +135,17 @@ var Image = ({
         _optionalChain([onPreviewOpenChange, 'optionalCall', _4 => _4(true)]);
       }
     },
-    [preview, group, onClick, onPreviewOpenChange]
+    [clickPreviewEnabled, group, onClick, onPreviewOpenChange]
   );
   const handleKeyDown = _react.useCallback.call(void 0, 
     (e) => {
       _optionalChain([onKeyDown, 'optionalCall', _5 => _5(e)]);
-      if (preview && (e.key === "Enter" || e.key === " ")) {
+      if (clickPreviewEnabled && (e.key === "Enter" || e.key === " ")) {
         e.preventDefault();
         handleClick(e);
       }
     },
-    [preview, handleClick, onKeyDown]
+    [clickPreviewEnabled, handleClick, onKeyDown]
   );
   const containerClasses = _react.useMemo.call(void 0, 
     () => _tigercatcore.classNames.call(void 0, _tigercatcore.imageBaseClasses, preview && _tigercatcore.imagePreviewCursorClass, className),
@@ -154,14 +182,15 @@ var Image = ({
       "div",
       {
         ...props,
-        ref: containerRef,
+        ref: setRootRef,
         className: containerClasses,
         style: containerStyle,
-        role: preview ? "button" : void 0,
-        tabIndex: preview ? 0 : void 0,
-        "aria-label": preview ? `Preview ${alt || "image"}` : void 0,
+        role: clickPreviewEnabled ? "button" : void 0,
+        tabIndex: clickPreviewEnabled ? 0 : void 0,
+        "aria-label": clickPreviewEnabled ? `Preview ${alt || "image"}` : void 0,
         onClick: handleClick,
         onKeyDown: handleKeyDown,
+        ...hoverPreviewEnabled ? hoverTriggerHandlers : {},
         children: content
       }
     ),
@@ -176,6 +205,18 @@ var Image = ({
           _optionalChain([onPreviewOpenChange, 'optionalCall', _6 => _6(val)]);
         }
       }
+    ),
+    hoverPreviewEnabled && hoverVisible && src && _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          ref: hoverFloatingRef,
+          style: hoverFloatingStyles,
+          "aria-hidden": true,
+          className: "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] p-1 shadow-lg",
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src, alt: "", className: "block max-w-[16rem] max-h-[16rem] object-contain" })
+        }
+      )
     )
   ] });
 };

package/dist/{chunk-FZIF5LZW.js → chunk-AW5M3EL4.js}

@@ -7,7 +7,7 @@ var _chunkRFHPG4KNjs = require('./chunk-RFHPG4KN.js');
 var _chunkWG3YS2QVjs = require('./chunk-WG3YS2QV.js');
 
 
-var _chunk56ZV3VVYjs = require('./chunk-56ZV3VVY.js');
+var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
 
 
 var _chunk3MRP3XYIjs = require('./chunk-3MRP3XYI.js');
@@ -16,7 +16,7 @@ var _chunk3MRP3XYIjs = require('./chunk-3MRP3XYI.js');
 var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
 
 
-var _chunkUIO6O4MIjs = require('./chunk-UIO6O4MI.js');
+var _chunkFQO7BKXWjs = require('./chunk-FQO7BKXW.js');
 
 // src/components/NotificationCenter.tsx
 var _react = require('react');
@@ -219,7 +219,7 @@ var NotificationCenter = ({
             ), children: item.description }) : null
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk56ZV3VVYjs.Button,
+            _chunkZLNBE4ISjs.Button,
             {
               size: "sm",
               variant: "ghost",
@@ -272,7 +272,7 @@ var NotificationCenter = ({
       ...props,
       "data-tiger-notification-center": true,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkUIO6O4MIjs.Card,
+        _chunkFQO7BKXWjs.Card,
         {
           variant: "bordered",
           className: "w-full rounded-2xl border border-gray-100/80 dark:border-gray-800/80 bg-white/95 dark:bg-gray-950/90 backdrop-blur-md shadow-[0_8px_30px_rgb(0,0,0,0.04)] dark:shadow-[0_8px_30px_rgb(0,0,0,0.2)] transition-all duration-300 overflow-hidden",
@@ -283,7 +283,7 @@ var NotificationCenter = ({
                 totalUnread > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-[11px] font-bold rounded-full bg-gradient-to-r from-blue-500 to-indigo-600 text-white shadow-sm shadow-blue-500/20 animate-pulse", children: totalUnread }) : null
               ] }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk56ZV3VVYjs.Button,
+                _chunkZLNBE4ISjs.Button,
                 {
                   size: "sm",
                   variant: "ghost",

package/dist/{chunk-ZL44XLSB.mjs → chunk-B3CRHKTZ.mjs}

@@ -1,6 +1,6 @@
 import {
   DropdownContext
-} from "./chunk-TYZNV54N.mjs";
+} from "./chunk-NITD53UU.mjs";
 
 // src/components/DropdownItem.tsx
 import { useContext } from "react";

package/dist/{chunk-6Z4LLPZA.js → chunk-BBLVRLXT.js}

@@ -485,6 +485,7 @@ var Select = (props) => {
         "aria-expanded": isOpen,
         "aria-controls": listboxId,
         "aria-activedescendant": isOpen && activeIndex >= 0 ? getOptionId(activeIndex) : void 0,
+        "data-state": isOpen ? "open" : "closed",
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",

package/dist/{chunk-CHS54PVQ.mjs → chunk-BWDQZSAB.mjs}

@@ -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 = getDrawerHeaderClasses();
-  const bodyClasses = getDrawerBodyClasses(bodyClassName);
+  const bodyClasses = getDrawerBodyClasses(bodyClassName, bodyPadding);
   const footerClasses = getDrawerFooterClasses();
   const closeButtonClasses = getDrawerCloseButtonClasses();
   const titleClasses = getDrawerTitleClasses();