@expcat/tigercat-react 1.2.16 → 1.2.23

package/dist/{chunk-G6MD6ZVN.mjs → chunk-D62GWQBX.mjs}

@@ -66,6 +66,10 @@ var Drawer = ({
   className,
   bodyClassName,
   destroyOnClose = false,
+  destroyOnCloseAfterLeave = false,
+  fullscreenOnMobile = true,
+  panelClassName,
+  panelStyle,
   onClose,
   onOpenChange,
   onAfterEnter,
@@ -78,10 +82,18 @@ var Drawer = ({
   ...rest
 }) => {
   const [hasBeenOpened, setHasBeenOpened] = React.useState(open);
+  const [deferredRendered, setDeferredRendered] = React.useState(open);
   useEffect(() => {
-    if (open) setHasBeenOpened(true);
-  }, [open]);
-  const shouldRender = destroyOnClose ? open : hasBeenOpened;
+    if (open) {
+      setHasBeenOpened(true);
+      setDeferredRendered(true);
+      return;
+    }
+    if (destroyOnClose && !destroyOnCloseAfterLeave) {
+      setDeferredRendered(false);
+    }
+  }, [destroyOnClose, destroyOnCloseAfterLeave, open]);
+  const shouldRender = destroyOnClose ? destroyOnCloseAfterLeave ? deferredRendered : open : hasBeenOpened;
   const handleClose = useCallback(() => {
     onOpenChange?.(false);
     onClose?.();
@@ -105,10 +117,13 @@ var Drawer = ({
         onAfterEnter?.();
       } else {
         onAfterLeave?.();
+        if (destroyOnClose && destroyOnCloseAfterLeave) {
+          setDeferredRendered(false);
+        }
       }
     }, ANIMATION_DURATION_MS);
     return () => window.clearTimeout(timer);
-  }, [open, onAfterEnter, onAfterLeave]);
+  }, [destroyOnClose, destroyOnCloseAfterLeave, open, onAfterEnter, onAfterLeave]);
   const reactId = useId();
   const drawerId = useMemo(() => `tiger-drawer-${reactId}`, [reactId]);
   const titleId = `${drawerId}-title`;
@@ -191,9 +206,10 @@ var Drawer = ({
   const containerClasses = classNames(getDrawerContainerClasses(), !open && "pointer-events-none");
   const maskClasses = getDrawerMaskClasses(open);
   const panelClasses = classNames(
-    getDrawerPanelClasses(placement, open, size),
+    getDrawerPanelClasses(placement, open, size, fullscreenOnMobile),
     "flex flex-col",
-    className
+    className,
+    panelClassName
   );
   const headerClasses = getDrawerHeaderClasses();
   const bodyClasses = getDrawerBodyClasses(bodyClassName);
@@ -203,12 +219,13 @@ var Drawer = ({
   if (!shouldRender) {
     return null;
   }
+  const isLeavingBeforeDestroy = destroyOnClose && destroyOnCloseAfterLeave && !open;
   const drawerContent = /* @__PURE__ */ jsxs(
     "div",
     {
       className: containerClasses,
       style: { zIndex },
-      hidden: !open,
+      hidden: !open && !isLeavingBeforeDestroy,
       "aria-hidden": !open ? "true" : void 0,
       "data-tiger-drawer-root": "",
       children: [
@@ -226,6 +243,7 @@ var Drawer = ({
           {
             className: panelClasses,
             style: {
+              ...panelStyle,
               ...style,
               ...width ? {
                 [placement === "left" || placement === "right" ? "width" : "height"]: typeof width === "number" ? `${width}px` : width

package/dist/{chunk-CFZJOGGH.js → chunk-OHSJ4KTU.js}

@@ -66,6 +66,10 @@ var Drawer = ({
   className,
   bodyClassName,
   destroyOnClose = false,
+  destroyOnCloseAfterLeave = false,
+  fullscreenOnMobile = true,
+  panelClassName,
+  panelStyle,
   onClose,
   onOpenChange,
   onAfterEnter,
@@ -78,10 +82,18 @@ var Drawer = ({
   ...rest
 }) => {
   const [hasBeenOpened, setHasBeenOpened] = _react2.default.useState(open);
+  const [deferredRendered, setDeferredRendered] = _react2.default.useState(open);
   _react.useEffect.call(void 0, () => {
-    if (open) setHasBeenOpened(true);
-  }, [open]);
-  const shouldRender = destroyOnClose ? open : hasBeenOpened;
+    if (open) {
+      setHasBeenOpened(true);
+      setDeferredRendered(true);
+      return;
+    }
+    if (destroyOnClose && !destroyOnCloseAfterLeave) {
+      setDeferredRendered(false);
+    }
+  }, [destroyOnClose, destroyOnCloseAfterLeave, open]);
+  const shouldRender = destroyOnClose ? destroyOnCloseAfterLeave ? deferredRendered : open : hasBeenOpened;
   const handleClose = _react.useCallback.call(void 0, () => {
     _optionalChain([onOpenChange, 'optionalCall', _ => _(false)]);
     _optionalChain([onClose, 'optionalCall', _2 => _2()]);
@@ -105,10 +117,13 @@ var Drawer = ({
         _optionalChain([onAfterEnter, 'optionalCall', _3 => _3()]);
       } else {
         _optionalChain([onAfterLeave, 'optionalCall', _4 => _4()]);
+        if (destroyOnClose && destroyOnCloseAfterLeave) {
+          setDeferredRendered(false);
+        }
       }
     }, _tigercatcore.ANIMATION_DURATION_MS);
     return () => window.clearTimeout(timer);
-  }, [open, onAfterEnter, onAfterLeave]);
+  }, [destroyOnClose, destroyOnCloseAfterLeave, open, onAfterEnter, onAfterLeave]);
   const reactId = _react.useId.call(void 0, );
   const drawerId = _react.useMemo.call(void 0, () => `tiger-drawer-${reactId}`, [reactId]);
   const titleId = `${drawerId}-title`;
@@ -191,9 +206,10 @@ var Drawer = ({
   const containerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.getDrawerContainerClasses.call(void 0, ), !open && "pointer-events-none");
   const maskClasses = _tigercatcore.getDrawerMaskClasses.call(void 0, open);
   const panelClasses = _tigercatcore.classNames.call(void 0, 
-    _tigercatcore.getDrawerPanelClasses.call(void 0, placement, open, size),
+    _tigercatcore.getDrawerPanelClasses.call(void 0, placement, open, size, fullscreenOnMobile),
     "flex flex-col",
-    className
+    className,
+    panelClassName
   );
   const headerClasses = _tigercatcore.getDrawerHeaderClasses.call(void 0, );
   const bodyClasses = _tigercatcore.getDrawerBodyClasses.call(void 0, bodyClassName);
@@ -203,12 +219,13 @@ var Drawer = ({
   if (!shouldRender) {
     return null;
   }
+  const isLeavingBeforeDestroy = destroyOnClose && destroyOnCloseAfterLeave && !open;
   const drawerContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
       className: containerClasses,
       style: { zIndex },
-      hidden: !open,
+      hidden: !open && !isLeavingBeforeDestroy,
       "aria-hidden": !open ? "true" : void 0,
       "data-tiger-drawer-root": "",
       children: [
@@ -226,6 +243,7 @@ var Drawer = ({
           {
             className: panelClasses,
             style: {
+              ...panelStyle,
               ...style,
               ...width ? {
                 [placement === "left" || placement === "right" ? "width" : "height"]: typeof width === "number" ? `${width}px` : width

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

@@ -1,3 +1,8 @@
+import {
+  renderBodyPortal,
+  useFloating
+} from "./chunk-SEWNVIHH.mjs";
+
 // src/components/Menu.tsx
 import React, {
   createContext,
@@ -17,6 +22,7 @@ import {
   getSubMenuTitleClasses,
   getSubMenuExpandIconClasses,
   getSubmenuPopupZIndex,
+  getTransformOrigin,
   filterMenuItems,
   isKeySelected,
   isKeyOpen,
@@ -56,6 +62,7 @@ var Menu = ({
   collapsed = false,
   multiple = true,
   inlineIndent = 24,
+  popupPortal = false,
   className,
   style,
   onSelect,
@@ -69,6 +76,7 @@ var Menu = ({
   children
 }) => {
   const menuRef = useRef(null);
+  const resolvedMode = collapsed && mode === "inline" ? "vertical" : mode;
   const [internalSelectedKeys, setInternalSelectedKeys] = useState(defaultSelectedKeys);
   const [internalOpenKeys, setInternalOpenKeys] = useState(defaultOpenKeys);
   const [internalSearchValue, setInternalSearchValue] = useState(defaultSearchValue);
@@ -107,20 +115,31 @@ var Menu = ({
     [controlledSearchValue, onSearch]
   );
   const menuClasses = useMemo(() => {
-    return classNames(getMenuClasses(mode, theme, collapsed), className);
-  }, [mode, theme, collapsed, className]);
+    return classNames(getMenuClasses(resolvedMode, theme, collapsed), className);
+  }, [resolvedMode, theme, collapsed, className]);
   const contextValue = useMemo(
     () => ({
-      mode,
+      mode: resolvedMode,
       theme,
       collapsed,
       inlineIndent,
+      popupPortal,
       selectedKeys,
       openKeys,
       handleSelect,
       handleOpenChange
     }),
-    [mode, theme, collapsed, inlineIndent, selectedKeys, openKeys, handleSelect, handleOpenChange]
+    [
+      resolvedMode,
+      theme,
+      collapsed,
+      inlineIndent,
+      popupPortal,
+      selectedKeys,
+      openKeys,
+      handleSelect,
+      handleOpenChange
+    ]
   );
   const filteredItems = useMemo(
     () => filterMenuItems(items ?? [], searchValue),
@@ -147,7 +166,7 @@ var Menu = ({
   const emptyChild = items && items.length > 0 && dataChildren.length === 0 && !hasSlotChildren ? /* @__PURE__ */ jsx("li", { role: "none", children: /* @__PURE__ */ jsx("div", { className: menuSearchEmptyClasses, children: emptyText }) }) : null;
   useEffect(() => {
     if (menuRef.current) initRovingTabIndex(menuRef.current);
-  }, [mode, collapsed, selectedKeys, openKeys, filteredItems]);
+  }, [resolvedMode, collapsed, selectedKeys, openKeys, filteredItems]);
   return /* @__PURE__ */ jsx(MenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
     "ul",
     {
@@ -156,7 +175,8 @@ var Menu = ({
       style,
       role: "menu",
       "data-tiger-menu-root": "true",
-      "data-tiger-menu-mode": mode,
+      "data-tiger-menu-mode": resolvedMode,
+      "data-tiger-menu-requested-mode": mode,
       children: [
         searchable && /* @__PURE__ */ jsx("li", { role: "none", className: menuSearchFieldClasses, children: /* @__PURE__ */ jsx(
           "input",
@@ -283,14 +303,19 @@ var MenuItemGroup = ({
   title,
   className,
   children,
-  level = 0
+  level = 0,
+  collapsed
 }) => {
   const enhancedChildren = React.Children.map(children, (child) => {
     if (!React.isValidElement(child)) return child;
     if (child.type === MenuItem || isComponentNamed(child.type, "SubMenu")) {
-      return React.cloneElement(child, {
-        level
-      });
+      return React.cloneElement(
+        child,
+        {
+          level,
+          collapsed
+        }
+      );
     }
     return child;
   });
@@ -326,12 +351,28 @@ var SubMenu = ({
   }
   const [isHovered, setIsHovered] = useState(false);
   const [isOpenByKeyboard, setIsOpenByKeyboard] = useState(false);
+  const popupCloseTimerRef = useRef(null);
+  const titleRef = useRef(null);
+  const popupRef = useRef(null);
   const submenuContentRef = useRef(null);
   const heightTransitionRef = useRef(null);
   const effectiveCollapsed = collapsedOverride ?? (menuContext ? menuContext.collapsed : false);
   const isPopup = !!menuContext && (menuContext.mode === "horizontal" || menuContext.mode === "vertical" && effectiveCollapsed);
   const isOpen = !!menuContext && isKeyOpen(itemKey, menuContext.openKeys);
   const isExpanded = isPopup ? isHovered || isOpenByKeyboard : isOpen;
+  const popupPortal = Boolean(isPopup && menuContext?.popupPortal);
+  const popupPlacement = menuContext?.mode === "horizontal" && level === 0 ? "bottom-start" : "right-start";
+  const {
+    x: popupX,
+    y: popupY,
+    placement: currentPopupPlacement
+  } = useFloating({
+    referenceRef: titleRef,
+    floatingRef: popupRef,
+    enabled: popupPortal && isExpanded,
+    placement: popupPlacement,
+    offset: 4
+  });
   const isInlineOrVertical = menuContext?.mode !== "horizontal" && !isPopup;
   const [hasRenderedInline, setHasRenderedInline] = useState(
     () => isInlineOrVertical ? isExpanded : false
@@ -344,7 +385,14 @@ var SubMenu = ({
     heightTransitionRef.current?.dispose();
     heightTransitionRef.current = null;
   }, []);
-  useEffect(() => disposeHeightTransition, [disposeHeightTransition]);
+  useEffect(() => {
+    return () => {
+      disposeHeightTransition();
+      if (popupCloseTimerRef.current) {
+        clearTimeout(popupCloseTimerRef.current);
+      }
+    };
+  }, [disposeHeightTransition]);
   useLayoutEffect(() => {
     if (!isInlineOrVertical || !hasRenderedInline || !submenuContentRef.current) {
       disposeHeightTransition();
@@ -384,14 +432,25 @@ var SubMenu = ({
     menuContext.handleOpenChange(itemKey);
   }, [disabled, menuContext, itemKey, isPopup]);
   const handleMouseEnter = useCallback(() => {
+    if (popupCloseTimerRef.current) {
+      clearTimeout(popupCloseTimerRef.current);
+      popupCloseTimerRef.current = null;
+    }
     if (menuContext?.mode === "horizontal" || isPopup) setIsHovered(true);
   }, [menuContext, isPopup]);
   const handleMouseLeave = useCallback(() => {
     if (menuContext?.mode === "horizontal" || isPopup) {
-      setIsHovered(false);
-      setIsOpenByKeyboard(false);
+      const close = () => {
+        setIsHovered(false);
+        setIsOpenByKeyboard(false);
+      };
+      if (popupPortal) {
+        popupCloseTimerRef.current = setTimeout(close, 120);
+        return;
+      }
+      close();
     }
-  }, [menuContext, isPopup]);
+  }, [menuContext, isPopup, popupPortal]);
   const openInline = useCallback(
     (titleEl) => {
       if (!menuContext) return;
@@ -496,7 +555,8 @@ var SubMenu = ({
         return React.cloneElement(
           child,
           {
-            level: nextLevel
+            level: nextLevel,
+            collapsed: isPopup ? false : void 0
           }
         );
       }
@@ -504,6 +564,31 @@ var SubMenu = ({
     });
     const popupZIndex = isPopup ? getSubmenuPopupZIndex(level) : {};
     if (isPopup) {
+      const popupStyle = popupPortal ? {
+        display: isExpanded ? "block" : "none",
+        position: "absolute",
+        left: popupX,
+        top: popupY,
+        transformOrigin: getTransformOrigin(currentPopupPlacement),
+        ...popupZIndex
+      } : { display: isExpanded ? "block" : "none", ...popupZIndex };
+      const popup = /* @__PURE__ */ jsx(
+        "ul",
+        {
+          ref: popupPortal ? popupRef : void 0,
+          className: contentClasses,
+          style: popupStyle,
+          role: "menu",
+          "aria-hidden": isExpanded ? void 0 : "true",
+          onMouseEnter: popupPortal ? handleMouseEnter : void 0,
+          onMouseLeave: popupPortal ? handleMouseLeave : void 0,
+          "data-tiger-submenu-popup": "",
+          children: enhancedChildren
+        }
+      );
+      if (popupPortal) {
+        return renderBodyPortal(popup);
+      }
       return /* @__PURE__ */ jsx(
         "ul",
         {
@@ -511,6 +596,7 @@ var SubMenu = ({
           style: { display: isExpanded ? "block" : "none", ...popupZIndex },
           role: "menu",
           "aria-hidden": isExpanded ? void 0 : "true",
+          "data-tiger-submenu-popup": "",
           children: enhancedChildren
         }
       );
@@ -533,7 +619,7 @@ var SubMenu = ({
   return /* @__PURE__ */ jsxs(
     "li",
     {
-      className: isPopup ? "relative" : "",
+      className: isPopup && !popupPortal ? "relative" : "",
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       role: "none",
@@ -541,6 +627,7 @@ var SubMenu = ({
         /* @__PURE__ */ jsx(
           "button",
           {
+            ref: titleRef,
             type: "button",
             className: titleClasses,
             style: indentStyle,

package/dist/{chunk-SY4P2AXW.js → chunk-ZDGBH4NA.js}

@@ -1,4 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Menu.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
+
+// src/components/Menu.tsx
 
 
 
@@ -37,6 +42,7 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -56,6 +62,7 @@ var Menu = ({
   collapsed = false,
   multiple = true,
   inlineIndent = 24,
+  popupPortal = false,
   className,
   style,
   onSelect,
@@ -69,6 +76,7 @@ var Menu = ({
   children
 }) => {
   const menuRef = _react.useRef.call(void 0, null);
+  const resolvedMode = collapsed && mode === "inline" ? "vertical" : mode;
   const [internalSelectedKeys, setInternalSelectedKeys] = _react.useState.call(void 0, defaultSelectedKeys);
   const [internalOpenKeys, setInternalOpenKeys] = _react.useState.call(void 0, defaultOpenKeys);
   const [internalSearchValue, setInternalSearchValue] = _react.useState.call(void 0, defaultSearchValue);
@@ -107,20 +115,31 @@ var Menu = ({
     [controlledSearchValue, onSearch]
   );
   const menuClasses = _react.useMemo.call(void 0, () => {
-    return _tigercatcore.classNames.call(void 0, _tigercatcore.getMenuClasses.call(void 0, mode, theme, collapsed), className);
-  }, [mode, theme, collapsed, className]);
+    return _tigercatcore.classNames.call(void 0, _tigercatcore.getMenuClasses.call(void 0, resolvedMode, theme, collapsed), className);
+  }, [resolvedMode, theme, collapsed, className]);
   const contextValue = _react.useMemo.call(void 0, 
     () => ({
-      mode,
+      mode: resolvedMode,
       theme,
       collapsed,
       inlineIndent,
+      popupPortal,
       selectedKeys,
       openKeys,
       handleSelect,
       handleOpenChange
     }),
-    [mode, theme, collapsed, inlineIndent, selectedKeys, openKeys, handleSelect, handleOpenChange]
+    [
+      resolvedMode,
+      theme,
+      collapsed,
+      inlineIndent,
+      popupPortal,
+      selectedKeys,
+      openKeys,
+      handleSelect,
+      handleOpenChange
+    ]
   );
   const filteredItems = _react.useMemo.call(void 0, 
     () => _tigercatcore.filterMenuItems.call(void 0, _nullishCoalesce(items, () => ( [])), searchValue),
@@ -147,7 +166,7 @@ var Menu = ({
   const emptyChild = items && items.length > 0 && dataChildren.length === 0 && !hasSlotChildren ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { role: "none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.menuSearchEmptyClasses, children: emptyText }) }) : null;
   _react.useEffect.call(void 0, () => {
     if (menuRef.current) _tigercatcore.initRovingTabIndex.call(void 0, menuRef.current);
-  }, [mode, collapsed, selectedKeys, openKeys, filteredItems]);
+  }, [resolvedMode, collapsed, selectedKeys, openKeys, filteredItems]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "ul",
     {
@@ -156,7 +175,8 @@ var Menu = ({
       style,
       role: "menu",
       "data-tiger-menu-root": "true",
-      "data-tiger-menu-mode": mode,
+      "data-tiger-menu-mode": resolvedMode,
+      "data-tiger-menu-requested-mode": mode,
       children: [
         searchable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { role: "none", className: _tigercatcore.menuSearchFieldClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
@@ -283,14 +303,19 @@ var MenuItemGroup = ({
   title,
   className,
   children,
-  level = 0
+  level = 0,
+  collapsed
 }) => {
   const enhancedChildren = _react2.default.Children.map(children, (child) => {
     if (!_react2.default.isValidElement(child)) return child;
     if (child.type === MenuItem || isComponentNamed(child.type, "SubMenu")) {
-      return _react2.default.cloneElement(child, {
-        level
-      });
+      return _react2.default.cloneElement(
+        child,
+        {
+          level,
+          collapsed
+        }
+      );
     }
     return child;
   });
@@ -326,13 +351,29 @@ var SubMenu = ({
   }
   const [isHovered, setIsHovered] = _react.useState.call(void 0, false);
   const [isOpenByKeyboard, setIsOpenByKeyboard] = _react.useState.call(void 0, false);
+  const popupCloseTimerRef = _react.useRef.call(void 0, null);
+  const titleRef = _react.useRef.call(void 0, null);
+  const popupRef = _react.useRef.call(void 0, null);
   const submenuContentRef = _react.useRef.call(void 0, null);
   const heightTransitionRef = _react.useRef.call(void 0, null);
   const effectiveCollapsed = _nullishCoalesce(collapsedOverride, () => ( (menuContext ? menuContext.collapsed : false)));
   const isPopup = !!menuContext && (menuContext.mode === "horizontal" || menuContext.mode === "vertical" && effectiveCollapsed);
   const isOpen = !!menuContext && _tigercatcore.isKeyOpen.call(void 0, itemKey, menuContext.openKeys);
   const isExpanded = isPopup ? isHovered || isOpenByKeyboard : isOpen;
-  const isInlineOrVertical = _optionalChain([menuContext, 'optionalAccess', _6 => _6.mode]) !== "horizontal" && !isPopup;
+  const popupPortal = Boolean(isPopup && _optionalChain([menuContext, 'optionalAccess', _6 => _6.popupPortal]));
+  const popupPlacement = _optionalChain([menuContext, 'optionalAccess', _7 => _7.mode]) === "horizontal" && level === 0 ? "bottom-start" : "right-start";
+  const {
+    x: popupX,
+    y: popupY,
+    placement: currentPopupPlacement
+  } = _chunkSTTQ5LXXjs.useFloating.call(void 0, {
+    referenceRef: titleRef,
+    floatingRef: popupRef,
+    enabled: popupPortal && isExpanded,
+    placement: popupPlacement,
+    offset: 4
+  });
+  const isInlineOrVertical = _optionalChain([menuContext, 'optionalAccess', _8 => _8.mode]) !== "horizontal" && !isPopup;
   const [hasRenderedInline, setHasRenderedInline] = _react.useState.call(void 0, 
     () => isInlineOrVertical ? isExpanded : false
   );
@@ -341,10 +382,17 @@ var SubMenu = ({
     setHasRenderedInline(true);
   }, [hasRenderedInline, isExpanded, isInlineOrVertical]);
   const disposeHeightTransition = _react.useCallback.call(void 0, () => {
-    _optionalChain([heightTransitionRef, 'access', _7 => _7.current, 'optionalAccess', _8 => _8.dispose, 'call', _9 => _9()]);
+    _optionalChain([heightTransitionRef, 'access', _9 => _9.current, 'optionalAccess', _10 => _10.dispose, 'call', _11 => _11()]);
     heightTransitionRef.current = null;
   }, []);
-  _react.useEffect.call(void 0, () => disposeHeightTransition, [disposeHeightTransition]);
+  _react.useEffect.call(void 0, () => {
+    return () => {
+      disposeHeightTransition();
+      if (popupCloseTimerRef.current) {
+        clearTimeout(popupCloseTimerRef.current);
+      }
+    };
+  }, [disposeHeightTransition]);
   _react.useLayoutEffect.call(void 0, () => {
     if (!isInlineOrVertical || !hasRenderedInline || !submenuContentRef.current) {
       disposeHeightTransition();
@@ -384,14 +432,25 @@ var SubMenu = ({
     menuContext.handleOpenChange(itemKey);
   }, [disabled, menuContext, itemKey, isPopup]);
   const handleMouseEnter = _react.useCallback.call(void 0, () => {
-    if (_optionalChain([menuContext, 'optionalAccess', _10 => _10.mode]) === "horizontal" || isPopup) setIsHovered(true);
+    if (popupCloseTimerRef.current) {
+      clearTimeout(popupCloseTimerRef.current);
+      popupCloseTimerRef.current = null;
+    }
+    if (_optionalChain([menuContext, 'optionalAccess', _12 => _12.mode]) === "horizontal" || isPopup) setIsHovered(true);
   }, [menuContext, isPopup]);
   const handleMouseLeave = _react.useCallback.call(void 0, () => {
-    if (_optionalChain([menuContext, 'optionalAccess', _11 => _11.mode]) === "horizontal" || isPopup) {
-      setIsHovered(false);
-      setIsOpenByKeyboard(false);
+    if (_optionalChain([menuContext, 'optionalAccess', _13 => _13.mode]) === "horizontal" || isPopup) {
+      const close = () => {
+        setIsHovered(false);
+        setIsOpenByKeyboard(false);
+      };
+      if (popupPortal) {
+        popupCloseTimerRef.current = setTimeout(close, 120);
+        return;
+      }
+      close();
     }
-  }, [menuContext, isPopup]);
+  }, [menuContext, isPopup, popupPortal]);
   const openInline = _react.useCallback.call(void 0, 
     (titleEl) => {
       if (!menuContext) return;
@@ -406,7 +465,7 @@ var SubMenu = ({
       if (!menuContext || disabled) return;
       const current = event.currentTarget;
       const rootMenu = current.closest('ul[role="menu"]');
-      const isRoot = _optionalChain([rootMenu, 'optionalAccess', _12 => _12.dataset, 'access', _13 => _13.tigerMenuRoot]) === "true";
+      const isRoot = _optionalChain([rootMenu, 'optionalAccess', _14 => _14.dataset, 'access', _15 => _15.tigerMenuRoot]) === "true";
       const isHorizontalRoot = isRoot && menuContext.mode === "horizontal";
       const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
       const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
@@ -496,7 +555,8 @@ var SubMenu = ({
         return _react2.default.cloneElement(
           child,
           {
-            level: nextLevel
+            level: nextLevel,
+            collapsed: isPopup ? false : void 0
           }
         );
       }
@@ -504,6 +564,31 @@ var SubMenu = ({
     });
     const popupZIndex = isPopup ? _tigercatcore.getSubmenuPopupZIndex.call(void 0, level) : {};
     if (isPopup) {
+      const popupStyle = popupPortal ? {
+        display: isExpanded ? "block" : "none",
+        position: "absolute",
+        left: popupX,
+        top: popupY,
+        transformOrigin: _tigercatcore.getTransformOrigin.call(void 0, currentPopupPlacement),
+        ...popupZIndex
+      } : { display: isExpanded ? "block" : "none", ...popupZIndex };
+      const popup = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "ul",
+        {
+          ref: popupPortal ? popupRef : void 0,
+          className: contentClasses,
+          style: popupStyle,
+          role: "menu",
+          "aria-hidden": isExpanded ? void 0 : "true",
+          onMouseEnter: popupPortal ? handleMouseEnter : void 0,
+          onMouseLeave: popupPortal ? handleMouseLeave : void 0,
+          "data-tiger-submenu-popup": "",
+          children: enhancedChildren
+        }
+      );
+      if (popupPortal) {
+        return _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, popup);
+      }
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "ul",
         {
@@ -511,6 +596,7 @@ var SubMenu = ({
           style: { display: isExpanded ? "block" : "none", ...popupZIndex },
           role: "menu",
           "aria-hidden": isExpanded ? void 0 : "true",
+          "data-tiger-submenu-popup": "",
           children: enhancedChildren
         }
       );
@@ -533,7 +619,7 @@ var SubMenu = ({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "li",
     {
-      className: isPopup ? "relative" : "",
+      className: isPopup && !popupPortal ? "relative" : "",
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       role: "none",
@@ -541,6 +627,7 @@ var SubMenu = ({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "button",
           {
+            ref: titleRef,
             type: "button",
             className: titleClasses,
             style: indentStyle,

package/dist/components/Drawer.d.mts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DrawerProps as DrawerProps$1 } from '@expcat/tigercat-core';
 
-interface DrawerProps extends DrawerProps$1, Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'children'> {
+interface DrawerProps extends Omit<DrawerProps$1, 'panelStyle'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'children'> {
     onOpenChange?: (open: boolean) => void;
     onClose?: () => void;
     onAfterEnter?: () => void;
@@ -9,6 +9,7 @@ interface DrawerProps extends DrawerProps$1, Omit<React.HTMLAttributes<HTMLDivEl
     header?: React.ReactNode;
     children?: React.ReactNode;
     footer?: React.ReactNode;
+    panelStyle?: React.CSSProperties;
     /**
      * Close button aria-label
      * @default 'Close drawer'

package/dist/components/Drawer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DrawerProps as DrawerProps$1 } from '@expcat/tigercat-core';
 
-interface DrawerProps extends DrawerProps$1, Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'children'> {
+interface DrawerProps extends Omit<DrawerProps$1, 'panelStyle'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'children'> {
     onOpenChange?: (open: boolean) => void;
     onClose?: () => void;
     onAfterEnter?: () => void;
@@ -9,6 +9,7 @@ interface DrawerProps extends DrawerProps$1, Omit<React.HTMLAttributes<HTMLDivEl
     header?: React.ReactNode;
     children?: React.ReactNode;
     footer?: React.ReactNode;
+    panelStyle?: React.CSSProperties;
     /**
      * Close button aria-label
      * @default 'Close drawer'

package/dist/components/Drawer.js

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCFZJOGGHjs = require('../chunk-CFZJOGGH.js');
+var _chunkOHSJ4KTUjs = require('../chunk-OHSJ4KTU.js');
 require('../chunk-STTQ5LXX.js');
 
 
-exports.Drawer = _chunkCFZJOGGHjs.Drawer;
+exports.Drawer = _chunkOHSJ4KTUjs.Drawer;

package/dist/components/Drawer.mjs

@@ -1,6 +1,6 @@
 import {
   Drawer
-} from "../chunk-G6MD6ZVN.mjs";
+} from "../chunk-D62GWQBX.mjs";
 import "../chunk-SEWNVIHH.mjs";
 export {
   Drawer

package/dist/components/Menu.d.mts

@@ -6,6 +6,7 @@ interface MenuContextValue {
     theme: MenuTheme;
     collapsed: boolean;
     inlineIndent: number;
+    popupPortal: boolean;
     selectedKeys: (string | number)[];
     openKeys: (string | number)[];
     handleSelect: (key: string | number) => void;
@@ -59,6 +60,10 @@ interface MenuItemGroupProps extends MenuItemGroupProps$1 {
      * Nesting level (internal use for indentation)
      */
     level?: number;
+    /**
+     * Internal override for collapsed rendering (used by SubMenu popup)
+     */
+    collapsed?: boolean;
 }
 declare const MenuItemGroup: React.FC<MenuItemGroupProps>;
 interface SubMenuProps extends SubMenuProps$1 {

package/dist/components/Menu.d.ts

@@ -6,6 +6,7 @@ interface MenuContextValue {
     theme: MenuTheme;
     collapsed: boolean;
     inlineIndent: number;
+    popupPortal: boolean;
     selectedKeys: (string | number)[];
     openKeys: (string | number)[];
     handleSelect: (key: string | number) => void;
@@ -59,6 +60,10 @@ interface MenuItemGroupProps extends MenuItemGroupProps$1 {
      * Nesting level (internal use for indentation)
      */
     level?: number;
+    /**
+     * Internal override for collapsed rendering (used by SubMenu popup)
+     */
+    collapsed?: boolean;
 }
 declare const MenuItemGroup: React.FC<MenuItemGroupProps>;
 interface SubMenuProps extends SubMenuProps$1 {

package/dist/components/Menu.js

@@ -4,11 +4,12 @@
 
 
 
-var _chunkSY4P2AXWjs = require('../chunk-SY4P2AXW.js');
+var _chunkZDGBH4NAjs = require('../chunk-ZDGBH4NA.js');
+require('../chunk-STTQ5LXX.js');
 
 
 
 
 
 
-exports.Menu = _chunkSY4P2AXWjs.Menu; exports.MenuItem = _chunkSY4P2AXWjs.MenuItem; exports.MenuItemGroup = _chunkSY4P2AXWjs.MenuItemGroup; exports.SubMenu = _chunkSY4P2AXWjs.SubMenu; exports.useMenuContext = _chunkSY4P2AXWjs.useMenuContext;
+exports.Menu = _chunkZDGBH4NAjs.Menu; exports.MenuItem = _chunkZDGBH4NAjs.MenuItem; exports.MenuItemGroup = _chunkZDGBH4NAjs.MenuItemGroup; exports.SubMenu = _chunkZDGBH4NAjs.SubMenu; exports.useMenuContext = _chunkZDGBH4NAjs.useMenuContext;

package/dist/components/Menu.mjs

@@ -4,7 +4,8 @@ import {
   MenuItemGroup,
   SubMenu,
   useMenuContext
-} from "../chunk-L2NMDYYQ.mjs";
+} from "../chunk-XJXEAXWY.mjs";
+import "../chunk-SEWNVIHH.mjs";
 export {
   Menu,
   MenuItem,

package/dist/components/MenuItem.js

@@ -1,7 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSY4P2AXWjs = require('../chunk-SY4P2AXW.js');
+var _chunkZDGBH4NAjs = require('../chunk-ZDGBH4NA.js');
+require('../chunk-STTQ5LXX.js');
 
 
 
-exports.MenuItem = _chunkSY4P2AXWjs.MenuItem; exports.default = _chunkSY4P2AXWjs.MenuItem;
+exports.MenuItem = _chunkZDGBH4NAjs.MenuItem; exports.default = _chunkZDGBH4NAjs.MenuItem;

package/dist/components/MenuItem.mjs

@@ -1,6 +1,7 @@
 import {
   MenuItem
-} from "../chunk-L2NMDYYQ.mjs";
+} from "../chunk-XJXEAXWY.mjs";
+import "../chunk-SEWNVIHH.mjs";
 export {
   MenuItem,
   MenuItem as default

package/dist/components/MenuItemGroup.js

@@ -1,7 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSY4P2AXWjs = require('../chunk-SY4P2AXW.js');
+var _chunkZDGBH4NAjs = require('../chunk-ZDGBH4NA.js');
+require('../chunk-STTQ5LXX.js');
 
 
 
-exports.MenuItemGroup = _chunkSY4P2AXWjs.MenuItemGroup; exports.default = _chunkSY4P2AXWjs.MenuItemGroup;
+exports.MenuItemGroup = _chunkZDGBH4NAjs.MenuItemGroup; exports.default = _chunkZDGBH4NAjs.MenuItemGroup;

package/dist/components/MenuItemGroup.mjs

@@ -1,6 +1,7 @@
 import {
   MenuItemGroup
-} from "../chunk-L2NMDYYQ.mjs";
+} from "../chunk-XJXEAXWY.mjs";
+import "../chunk-SEWNVIHH.mjs";
 export {
   MenuItemGroup,
   MenuItemGroup as default

package/dist/components/SubMenu.js

@@ -1,7 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSY4P2AXWjs = require('../chunk-SY4P2AXW.js');
+var _chunkZDGBH4NAjs = require('../chunk-ZDGBH4NA.js');
+require('../chunk-STTQ5LXX.js');
 
 
 
-exports.SubMenu = _chunkSY4P2AXWjs.SubMenu; exports.default = _chunkSY4P2AXWjs.SubMenu;
+exports.SubMenu = _chunkZDGBH4NAjs.SubMenu; exports.default = _chunkZDGBH4NAjs.SubMenu;

package/dist/components/SubMenu.mjs

@@ -1,6 +1,7 @@
 import {
   SubMenu
-} from "../chunk-L2NMDYYQ.mjs";
+} from "../chunk-XJXEAXWY.mjs";
+import "../chunk-SEWNVIHH.mjs";
 export {
   SubMenu,
   SubMenu as default

package/dist/index.js

@@ -144,7 +144,7 @@ var _chunkXRNKHQTLjs = require('./chunk-XRNKHQTL.js');
 
 
 
-var _chunkSY4P2AXWjs = require('./chunk-SY4P2AXW.js');
+var _chunkZDGBH4NAjs = require('./chunk-ZDGBH4NA.js');
 
 
 
@@ -231,7 +231,7 @@ var _chunkK2TXT5HQjs = require('./chunk-K2TXT5HQ.js');
 var _chunkBO45CU4Qjs = require('./chunk-BO45CU4Q.js');
 
 
-var _chunkCFZJOGGHjs = require('./chunk-CFZJOGGH.js');
+var _chunkOHSJ4KTUjs = require('./chunk-OHSJ4KTU.js');
 
 
 var _chunkC3NKZZQQjs = require('./chunk-C3NKZZQQ.js');
@@ -907,4 +907,4 @@ var version = "1.2.0";
 
 
 
-exports.ActivityFeed = _chunkDXMSDLVJjs.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 = _chunk2DH6MGC6js.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 = _chunkEX63M5IDjs.CommentThread; exports.ConfigProvider = _chunkTDODFBBOjs.ConfigProvider; exports.Container = _chunkW3VLCSJLjs.Container; exports.Content = _chunkOFCKGWTSjs.Content; exports.Countdown = _chunkU3M24RPHjs.Countdown; exports.CronEditor = _chunkNRLGZRK2js.CronEditor; exports.CropUpload = _chunkUE52NMPOjs.CropUpload; exports.DataTableWithToolbar = _chunk7YUD6VICjs.DataTableWithToolbar; exports.DatePicker = _chunkTSJYAEFZjs.DatePicker; exports.Descriptions = _chunk6CWZXS5Bjs.Descriptions; exports.Divider = _chunkIZXU7DF6js.Divider; exports.DonutChart = _chunkK2TXT5HQjs.DonutChart; exports.Drawer = _chunkCFZJOGGHjs.Drawer; exports.Dropdown = _chunkAKZY7QYAjs.Dropdown; exports.DropdownItem = _chunkC3NKZZQQjs.DropdownItem; exports.DropdownMenu = _chunkAKZY7QYAjs.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 = _chunkDTYDPMNRjs.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 = _chunkCSH2QOOHjs.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 = _chunkSY4P2AXWjs.Menu; exports.MenuItem = _chunkSY4P2AXWjs.MenuItem; exports.MenuItemGroup = _chunkSY4P2AXWjs.MenuItemGroup; exports.Message = _chunkLMTUM3J3js.Message; exports.MessageContainer = _chunkLMTUM3J3js.MessageContainer; exports.Modal = _chunkSXHP4Q7Ojs.Modal; exports.NotificationCenter = _chunkRUZQN7X3js.NotificationCenter; exports.NotificationContainer = _chunkNMEVQPODjs.NotificationContainer; exports.NumberKeyboard = _chunkG5USITWFjs.NumberKeyboard; exports.OrgChart = _chunk4DTMFQCYjs.OrgChart; exports.Pagination = _chunkKEF2PEP4js.Pagination; exports.PieChart = _chunkBO45CU4Qjs.PieChart; exports.Popconfirm = _chunkJNRUOQNTjs.Popconfirm; exports.Popover = _chunkIAONLOJNjs.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 = _chunkXPA2YCQOjs.Steps; exports.StepsItem = _chunkXPA2YCQOjs.StepsItem; exports.SubMenu = _chunkSY4P2AXWjs.SubMenu; exports.SunburstChart = _chunkUIIOZEUPjs.SunburstChart; exports.Switch = _chunk4TEILQSNjs.Switch; exports.TabPane = _chunkRFHPG4KNjs.TabPane; exports.Table = _chunk5EZWYEGJjs.Table; exports.Tabs = _chunkRFHPG4KNjs.Tabs; exports.Tag = _chunkVCULFIZ5js.Tag; exports.TaskBoard = _chunkXHT2VIDRjs.TaskBoard; exports.Text = _chunkUF3DXKCIjs.Text; exports.Textarea = _chunkWVVXZKNIjs.Textarea; exports.TimePicker = _chunk4SO4LANYjs.TimePicker; exports.Timeline = _chunkPR3PQUKMjs.Timeline; exports.Tooltip = _chunkKRFD27WAjs.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 = _chunk77F5YT4Ejs.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 = _chunkSY4P2AXWjs.useMenuContext; exports.useStepsContext = _chunkXPA2YCQOjs.useStepsContext; exports.useTabsContext = _chunkRFHPG4KNjs.useTabsContext; exports.useTigerConfig = _chunkTDODFBBOjs.useTigerConfig; exports.version = version;
+exports.ActivityFeed = _chunkDXMSDLVJjs.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 = _chunk2DH6MGC6js.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 = _chunkEX63M5IDjs.CommentThread; exports.ConfigProvider = _chunkTDODFBBOjs.ConfigProvider; exports.Container = _chunkW3VLCSJLjs.Container; exports.Content = _chunkOFCKGWTSjs.Content; exports.Countdown = _chunkU3M24RPHjs.Countdown; exports.CronEditor = _chunkNRLGZRK2js.CronEditor; exports.CropUpload = _chunkUE52NMPOjs.CropUpload; exports.DataTableWithToolbar = _chunk7YUD6VICjs.DataTableWithToolbar; exports.DatePicker = _chunkTSJYAEFZjs.DatePicker; exports.Descriptions = _chunk6CWZXS5Bjs.Descriptions; exports.Divider = _chunkIZXU7DF6js.Divider; exports.DonutChart = _chunkK2TXT5HQjs.DonutChart; exports.Drawer = _chunkOHSJ4KTUjs.Drawer; exports.Dropdown = _chunkAKZY7QYAjs.Dropdown; exports.DropdownItem = _chunkC3NKZZQQjs.DropdownItem; exports.DropdownMenu = _chunkAKZY7QYAjs.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 = _chunkDTYDPMNRjs.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 = _chunkCSH2QOOHjs.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 = _chunkSXHP4Q7Ojs.Modal; exports.NotificationCenter = _chunkRUZQN7X3js.NotificationCenter; exports.NotificationContainer = _chunkNMEVQPODjs.NotificationContainer; exports.NumberKeyboard = _chunkG5USITWFjs.NumberKeyboard; exports.OrgChart = _chunk4DTMFQCYjs.OrgChart; exports.Pagination = _chunkKEF2PEP4js.Pagination; exports.PieChart = _chunkBO45CU4Qjs.PieChart; exports.Popconfirm = _chunkJNRUOQNTjs.Popconfirm; exports.Popover = _chunkIAONLOJNjs.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 = _chunkXPA2YCQOjs.Steps; exports.StepsItem = _chunkXPA2YCQOjs.StepsItem; exports.SubMenu = _chunkZDGBH4NAjs.SubMenu; exports.SunburstChart = _chunkUIIOZEUPjs.SunburstChart; exports.Switch = _chunk4TEILQSNjs.Switch; exports.TabPane = _chunkRFHPG4KNjs.TabPane; exports.Table = _chunk5EZWYEGJjs.Table; exports.Tabs = _chunkRFHPG4KNjs.Tabs; exports.Tag = _chunkVCULFIZ5js.Tag; exports.TaskBoard = _chunkXHT2VIDRjs.TaskBoard; exports.Text = _chunkUF3DXKCIjs.Text; exports.Textarea = _chunkWVVXZKNIjs.Textarea; exports.TimePicker = _chunk4SO4LANYjs.TimePicker; exports.Timeline = _chunkPR3PQUKMjs.Timeline; exports.Tooltip = _chunkKRFD27WAjs.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 = _chunk77F5YT4Ejs.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 = _chunkXPA2YCQOjs.useStepsContext; exports.useTabsContext = _chunkRFHPG4KNjs.useTabsContext; exports.useTigerConfig = _chunkTDODFBBOjs.useTigerConfig; exports.version = version;

package/dist/index.mjs

@@ -144,7 +144,7 @@ import {
   MenuItemGroup,
   SubMenu,
   useMenuContext
-} from "./chunk-L2NMDYYQ.mjs";
+} from "./chunk-XJXEAXWY.mjs";
 import {
   Message,
   MessageContainer
@@ -231,7 +231,7 @@ import {
 } from "./chunk-XBM76P27.mjs";
 import {
   Drawer
-} from "./chunk-G6MD6ZVN.mjs";
+} from "./chunk-D62GWQBX.mjs";
 import {
   DropdownItem
 } from "./chunk-73OAHAPC.mjs";

package/package.json

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