@expcat/tigercat-react 2.1.1 → 2.1.3

package/dist/chunk-BUXHI6UK.mjs

@@ -1,701 +0,0 @@
-import {
-  renderOverlayPortal,
-  useAnchoredOverlay
-} from "./chunk-HKAZXG74.mjs";
-
-// src/components/Menu.tsx
-import React5 from "react";
-import {
-  menuSearchFieldClasses,
-  menuSearchInputClasses,
-  menuSearchEmptyClasses
-} from "@expcat/tigercat-core";
-
-// src/components/Menu/context.ts
-import { createContext, useContext } from "react";
-var MenuContext = createContext(null);
-function useMenuContext() {
-  return useContext(MenuContext);
-}
-
-// src/components/Menu/state.ts
-import { useState, useMemo, useCallback, useEffect, useRef } from "react";
-import {
-  classNames,
-  getMenuClasses,
-  filterMenuItems,
-  replaceKeys,
-  toggleKey,
-  initRovingTabIndex
-} from "@expcat/tigercat-core";
-function useMenuRootState(props) {
-  const {
-    items,
-    mode = "vertical",
-    theme = "light",
-    selectedKeys: controlledSelectedKeys,
-    defaultSelectedKeys = [],
-    openKeys: controlledOpenKeys,
-    defaultOpenKeys = [],
-    collapsed = false,
-    multiple = true,
-    inlineIndent = 24,
-    popupPortal = false,
-    className,
-    style,
-    onSelectedKeysChange,
-    onOpenKeysChange,
-    onSelect,
-    onOpenChange,
-    onSearchChange,
-    searchable = false,
-    searchValue: controlledSearchValue,
-    defaultSearchValue = "",
-    searchPlaceholder = "Search menu",
-    emptyText = "No menu items found"
-  } = props;
-  const children = props.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);
-  const selectedKeys = controlledSelectedKeys !== void 0 ? controlledSelectedKeys : internalSelectedKeys;
-  const openKeys = controlledOpenKeys !== void 0 ? controlledOpenKeys : internalOpenKeys;
-  const searchValue = controlledSearchValue !== void 0 ? controlledSearchValue : internalSearchValue;
-  const handleSelect = useCallback(
-    (key) => {
-      const newSelectedKeys = replaceKeys(key, selectedKeys);
-      if (controlledSelectedKeys === void 0) {
-        setInternalSelectedKeys(newSelectedKeys);
-      }
-      onSelectedKeysChange?.(newSelectedKeys);
-      onSelect?.(key, { selectedKeys: newSelectedKeys });
-    },
-    [controlledSelectedKeys, selectedKeys, onSelectedKeysChange, onSelect]
-  );
-  const handleOpenChange = useCallback(
-    (key) => {
-      const toggled = toggleKey(key, openKeys);
-      const newOpenKeys = multiple ? toggled : toggled.includes(key) ? [key] : [];
-      if (controlledOpenKeys === void 0) {
-        setInternalOpenKeys(newOpenKeys);
-      }
-      onOpenKeysChange?.(newOpenKeys);
-      onOpenChange?.(key, { openKeys: newOpenKeys });
-    },
-    [openKeys, multiple, controlledOpenKeys, onOpenKeysChange, onOpenChange]
-  );
-  const handleSearchInput = useCallback(
-    (event) => {
-      const value = event.target.value;
-      if (controlledSearchValue === void 0) {
-        setInternalSearchValue(value);
-      }
-      onSearchChange?.(value);
-    },
-    [controlledSearchValue, onSearchChange]
-  );
-  const menuClasses = useMemo(() => {
-    return classNames(getMenuClasses(resolvedMode, theme, collapsed), className);
-  }, [resolvedMode, theme, collapsed, className]);
-  const contextValue = useMemo(
-    () => ({
-      mode: resolvedMode,
-      theme,
-      collapsed,
-      inlineIndent,
-      popupPortal,
-      selectedKeys,
-      openKeys,
-      handleSelect,
-      handleOpenChange
-    }),
-    [
-      resolvedMode,
-      theme,
-      collapsed,
-      inlineIndent,
-      popupPortal,
-      selectedKeys,
-      openKeys,
-      handleSelect,
-      handleOpenChange
-    ]
-  );
-  const filteredItems = useMemo(
-    () => filterMenuItems(items ?? [], searchValue),
-    [items, searchValue]
-  );
-  useEffect(() => {
-    if (menuRef.current) initRovingTabIndex(menuRef.current);
-  }, [resolvedMode, collapsed, selectedKeys, openKeys, filteredItems]);
-  return {
-    menuRef,
-    menuClasses,
-    style,
-    resolvedMode,
-    mode,
-    contextValue,
-    searchable,
-    searchValue,
-    searchPlaceholder,
-    emptyText,
-    handleSearchInput,
-    filteredItems,
-    items,
-    children
-  };
-}
-
-// src/components/Menu/menu-item.tsx
-import { useCallback as useCallback2 } from "react";
-import {
-  classNames as classNames2,
-  getMenuItemClasses,
-  getMenuItemIndent,
-  isKeySelected,
-  menuItemIconClasses,
-  menuCollapsedIconClasses,
-  moveFocusInMenu,
-  focusMenuEdge,
-  getMenuNavigationKeys
-} from "@expcat/tigercat-core";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var MenuItem = ({
-  itemKey,
-  disabled = false,
-  icon,
-  className,
-  children,
-  level = 0,
-  collapsed: collapsedOverride
-}) => {
-  const menuContext = useMenuContext();
-  if (!menuContext) {
-    console.warn("MenuItem must be used within Menu component");
-  }
-  const isSelected = !!menuContext && isKeySelected(itemKey, menuContext.selectedKeys);
-  const effectiveCollapsed = collapsedOverride ?? (menuContext ? menuContext.collapsed : false);
-  const itemClasses = classNames2(
-    menuContext ? getMenuItemClasses(isSelected, disabled, menuContext.theme, effectiveCollapsed) : "flex items-center px-4 py-2 cursor-pointer transition-colors duration-200",
-    className
-  );
-  const indentStyle = menuContext && menuContext.mode === "inline" && level > 0 ? getMenuItemIndent(level, menuContext.inlineIndent) : {};
-  const handleClick = useCallback2(() => {
-    if (!disabled && menuContext) {
-      menuContext.handleSelect(itemKey);
-    }
-  }, [disabled, menuContext, itemKey]);
-  const handleKeyDown = useCallback2(
-    (event) => {
-      if (!menuContext) return;
-      const current = event.currentTarget;
-      const rootMenu = current.closest('ul[role="menu"]');
-      const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
-      const { nextKey, prevKey } = getMenuNavigationKeys(menuContext.mode, isRoot);
-      if (event.key === nextKey) {
-        event.preventDefault();
-        moveFocusInMenu(current, 1);
-        return;
-      }
-      if (event.key === prevKey) {
-        event.preventDefault();
-        moveFocusInMenu(current, -1);
-        return;
-      }
-      if (event.key === "Home") {
-        event.preventDefault();
-        focusMenuEdge(current, "start");
-        return;
-      }
-      if (event.key === "End") {
-        event.preventDefault();
-        focusMenuEdge(current, "end");
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        handleClick();
-      }
-    },
-    [menuContext, handleClick]
-  );
-  const renderIcon = () => {
-    if (!icon) return null;
-    const iconClasses = effectiveCollapsed ? menuCollapsedIconClasses : menuItemIconClasses;
-    if (typeof icon === "string") {
-      return /* @__PURE__ */ jsx("span", { className: iconClasses, dangerouslySetInnerHTML: { __html: 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__ */ 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 /* @__PURE__ */ jsx("span", { className: "sr-only", children });
-  };
-  return /* @__PURE__ */ jsx("li", { role: "none", children: /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      className: itemClasses,
-      style: indentStyle,
-      role: "menuitem",
-      "data-tiger-menuitem": "true",
-      "data-tiger-selected": isSelected ? "true" : "false",
-      "aria-current": isSelected ? "page" : void 0,
-      "aria-disabled": disabled ? "true" : void 0,
-      disabled,
-      tabIndex: -1,
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      children: [
-        renderIcon(),
-        renderLabel()
-      ]
-    }
-  ) });
-};
-
-// src/components/Menu/submenu.tsx
-import React4, { useState as useState2, useMemo as useMemo2, useCallback as useCallback3, useEffect as useEffect2, useLayoutEffect, useRef as useRef2 } from "react";
-import {
-  classNames as classNames3,
-  getSubMenuTitleClasses,
-  getMenuItemIndent as getMenuItemIndent2,
-  isKeyOpen,
-  menuItemIconClasses as menuItemIconClasses2,
-  menuCollapsedIconClasses as menuCollapsedIconClasses2,
-  submenuContentHorizontalClasses,
-  submenuContentHorizontalNestedClasses,
-  submenuContentPopupClasses,
-  submenuContentVerticalClasses,
-  submenuContentInlineClasses,
-  submenuHeightTransitionClasses,
-  getInitialSubmenuHeightTransitionStyle,
-  createSubmenuHeightTransitionController,
-  moveFocusInMenu as moveFocusInMenu2,
-  focusMenuEdge as focusMenuEdge2,
-  focusFirstChildItem,
-  getMenuNavigationKeys as getMenuNavigationKeys2
-} from "@expcat/tigercat-core";
-
-// src/components/Menu/icons.tsx
-import { getSubMenuExpandIconClasses } from "@expcat/tigercat-core";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var ExpandIcon = ({ expanded }) => /* @__PURE__ */ jsx2(
-  "svg",
-  {
-    className: getSubMenuExpandIconClasses(expanded),
-    width: "12",
-    height: "12",
-    viewBox: "0 0 12 12",
-    fill: "currentColor",
-    children: /* @__PURE__ */ jsx2("path", { d: "M6 9L1.5 4.5L2.205 3.795L6 7.59L9.795 3.795L10.5 4.5L6 9Z" })
-  }
-);
-
-// src/components/Menu/menu-item-group.tsx
-import React3 from "react";
-import { menuItemGroupTitleClasses } from "@expcat/tigercat-core";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function isComponentNamed(elementType, name) {
-  if (typeof elementType !== "function" && typeof elementType !== "object") return false;
-  const maybeFn = elementType;
-  return maybeFn.displayName === name || maybeFn.name === name;
-}
-var MenuItemGroup = ({
-  title,
-  className,
-  children,
-  level = 0,
-  collapsed
-}) => {
-  const enhancedChildren = React3.Children.map(children, (child) => {
-    if (!React3.isValidElement(child)) return child;
-    if (child.type === MenuItem || isComponentNamed(child.type, "SubMenu")) {
-      return React3.cloneElement(
-        child,
-        {
-          level,
-          collapsed
-        }
-      );
-    }
-    return child;
-  });
-  return /* @__PURE__ */ jsxs2("li", { className: "list-none", children: [
-    title && /* @__PURE__ */ jsx3("div", { className: menuItemGroupTitleClasses, children: title }),
-    /* @__PURE__ */ jsx3("ul", { role: "group", className, children: enhancedChildren })
-  ] });
-};
-
-// src/components/Menu/submenu.tsx
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var SubMenu = ({
-  itemKey,
-  title = "",
-  icon,
-  disabled = false,
-  className,
-  level = 0,
-  children,
-  collapsed: collapsedOverride
-}) => {
-  const menuContext = useMenuContext();
-  if (!menuContext) {
-    console.warn("SubMenu must be used within Menu component");
-  }
-  const [isHovered, setIsHovered] = useState2(false);
-  const [isOpenByKeyboard, setIsOpenByKeyboard] = useState2(false);
-  const popupCloseTimerRef = useRef2(null);
-  const titleRef = useRef2(null);
-  const popupRef = useRef2(null);
-  const submenuContentRef = useRef2(null);
-  const heightTransitionRef = useRef2(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 overlay = useAnchoredOverlay({
-    referenceRef: titleRef,
-    floatingRef: popupRef,
-    enabled: isPopup && isExpanded,
-    placement: popupPlacement,
-    offset: 4,
-    portal: popupPortal,
-    dismissOnEscape: true,
-    onDismiss: () => {
-      setIsOpenByKeyboard(false);
-      setIsHovered(false);
-    }
-  });
-  const isInlineOrVertical = menuContext?.mode !== "horizontal" && !isPopup;
-  const [hasRenderedInline, setHasRenderedInline] = useState2(
-    () => isInlineOrVertical ? isExpanded : false
-  );
-  useEffect2(() => {
-    if (!isInlineOrVertical || !isExpanded || hasRenderedInline) return;
-    setHasRenderedInline(true);
-  }, [hasRenderedInline, isExpanded, isInlineOrVertical]);
-  const disposeHeightTransition = useCallback3(() => {
-    heightTransitionRef.current?.dispose();
-    heightTransitionRef.current = null;
-  }, []);
-  useEffect2(() => {
-    return () => {
-      disposeHeightTransition();
-      if (popupCloseTimerRef.current) {
-        clearTimeout(popupCloseTimerRef.current);
-      }
-    };
-  }, [disposeHeightTransition]);
-  useLayoutEffect(() => {
-    if (!isInlineOrVertical || !hasRenderedInline || !submenuContentRef.current) {
-      disposeHeightTransition();
-      return;
-    }
-    if (!heightTransitionRef.current) {
-      heightTransitionRef.current = createSubmenuHeightTransitionController(
-        submenuContentRef.current,
-        { expanded: isExpanded }
-      );
-      return;
-    }
-    heightTransitionRef.current.update(isExpanded);
-  }, [disposeHeightTransition, hasRenderedInline, isExpanded, isInlineOrVertical]);
-  const titleClasses = useMemo2(() => {
-    if (!menuContext) return "";
-    return classNames3(getSubMenuTitleClasses(menuContext.theme, disabled), className);
-  }, [menuContext, disabled, className]);
-  const contentClasses = useMemo2(() => {
-    if (!menuContext) return "";
-    if (menuContext.mode === "horizontal") {
-      return level === 0 ? submenuContentHorizontalClasses : submenuContentHorizontalNestedClasses;
-    }
-    if (isPopup) return submenuContentPopupClasses;
-    if (menuContext.mode === "inline") return submenuContentInlineClasses;
-    return submenuContentVerticalClasses;
-  }, [menuContext, isPopup, level]);
-  const handleTitleClick = useCallback3(() => {
-    if (!menuContext || disabled) return;
-    if (menuContext.mode === "horizontal") return;
-    if (isPopup) {
-      setIsOpenByKeyboard((prev) => !prev);
-      setIsHovered(true);
-      return;
-    }
-    setHasRenderedInline(true);
-    menuContext.handleOpenChange(itemKey);
-  }, [disabled, menuContext, itemKey, isPopup]);
-  const handleMouseEnter = useCallback3(() => {
-    if (popupCloseTimerRef.current) {
-      clearTimeout(popupCloseTimerRef.current);
-      popupCloseTimerRef.current = null;
-    }
-    if (menuContext?.mode === "horizontal" || isPopup) setIsHovered(true);
-  }, [menuContext, isPopup]);
-  const handleMouseLeave = useCallback3(() => {
-    if (menuContext?.mode === "horizontal" || isPopup) {
-      const close = () => {
-        setIsHovered(false);
-        setIsOpenByKeyboard(false);
-      };
-      if (popupPortal) {
-        popupCloseTimerRef.current = setTimeout(close, 120);
-        return;
-      }
-      close();
-    }
-  }, [menuContext, isPopup, popupPortal]);
-  const openInline = useCallback3(
-    (titleEl) => {
-      if (!menuContext) return;
-      setHasRenderedInline(true);
-      menuContext.handleOpenChange(itemKey);
-      setTimeout(() => focusFirstChildItem(titleEl), 0);
-    },
-    [menuContext, itemKey]
-  );
-  const handleTitleKeyDown = useCallback3(
-    (event) => {
-      if (!menuContext || disabled) return;
-      const current = event.currentTarget;
-      const rootMenu = current.closest('ul[role="menu"]');
-      const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
-      const { nextKey, prevKey } = getMenuNavigationKeys2(menuContext.mode, isRoot);
-      if (event.key === nextKey) {
-        event.preventDefault();
-        moveFocusInMenu2(current, 1);
-        return;
-      }
-      if (event.key === prevKey) {
-        event.preventDefault();
-        moveFocusInMenu2(current, -1);
-        return;
-      }
-      if (event.key === "Home") {
-        event.preventDefault();
-        focusMenuEdge2(current, "start");
-        return;
-      }
-      if (event.key === "End") {
-        event.preventDefault();
-        focusMenuEdge2(current, "end");
-        return;
-      }
-      if (event.key === "Escape" || event.key === "ArrowLeft") {
-        if (menuContext.mode === "horizontal" || isPopup) {
-          event.preventDefault();
-          setIsOpenByKeyboard(false);
-          setIsHovered(false);
-          return;
-        }
-        if (isOpen) {
-          event.preventDefault();
-          menuContext.handleOpenChange(itemKey);
-        }
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        if (menuContext.mode === "horizontal" || isPopup) {
-          setIsOpenByKeyboard(true);
-          return;
-        }
-        openInline(current);
-        return;
-      }
-      if (event.key === "ArrowRight" || event.key === "ArrowDown") {
-        if (menuContext.mode === "horizontal" || isPopup) {
-          event.preventDefault();
-          setIsOpenByKeyboard(true);
-          return;
-        }
-        if (!isOpen) {
-          event.preventDefault();
-          openInline(current);
-        }
-      }
-    },
-    [menuContext, disabled, isOpen, isPopup, itemKey, openInline]
-  );
-  const indentStyle = !menuContext || menuContext.mode === "horizontal" || level === 0 ? {} : getMenuItemIndent2(level, menuContext.inlineIndent);
-  if (!menuContext) return null;
-  const renderIcon = () => {
-    if (!icon) return null;
-    const iconClasses = effectiveCollapsed ? menuCollapsedIconClasses2 : menuItemIconClasses2;
-    if (typeof icon === "string") {
-      return /* @__PURE__ */ jsx4("span", { className: iconClasses, dangerouslySetInnerHTML: { __html: icon } });
-    }
-    return /* @__PURE__ */ jsx4("span", { className: iconClasses, children: icon });
-  };
-  const renderTitle = () => {
-    if (!effectiveCollapsed) {
-      return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-        renderIcon(),
-        /* @__PURE__ */ jsx4("span", { className: "flex-1", children: title }),
-        menuContext.mode !== "horizontal" && !isPopup && /* @__PURE__ */ jsx4(ExpandIcon, { expanded: isExpanded })
-      ] });
-    } else if (!icon) {
-      return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-        /* @__PURE__ */ jsx4("span", { className: "flex-1 text-center", "aria-hidden": "true", children: title.charAt(0).toUpperCase() }),
-        /* @__PURE__ */ jsx4("span", { className: "sr-only", children: title })
-      ] });
-    } else {
-      return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-        renderIcon(),
-        /* @__PURE__ */ jsx4("span", { className: "sr-only", children: title })
-      ] });
-    }
-  };
-  const renderContent = () => {
-    const nextLevel = level + 1;
-    const enhancedChildren = React4.Children.map(children, (child) => {
-      if (!React4.isValidElement(child)) return child;
-      if (child.type === MenuItem || child.type === SubMenu || child.type === MenuItemGroup) {
-        return React4.cloneElement(
-          child,
-          {
-            level: nextLevel,
-            collapsed: isPopup ? false : void 0
-          }
-        );
-      }
-      return child;
-    });
-    if (isPopup) {
-      const popup = /* @__PURE__ */ jsx4(
-        "ul",
-        {
-          ref: popupRef,
-          className: classNames3(contentClasses, overlay.floatingClasses),
-          style: { ...overlay.floatingStyles, display: isExpanded ? "block" : "none" },
-          "data-positioned": overlay.positioned,
-          role: "menu",
-          "aria-hidden": isExpanded ? void 0 : "true",
-          onMouseEnter: popupPortal ? handleMouseEnter : void 0,
-          onMouseLeave: popupPortal ? handleMouseLeave : void 0,
-          "data-tiger-submenu-popup": "",
-          children: enhancedChildren
-        }
-      );
-      return renderOverlayPortal(popup, overlay.target, !popupPortal);
-    }
-    if (!hasRenderedInline) return null;
-    const isHidden = !isExpanded;
-    return /* @__PURE__ */ jsx4(
-      "div",
-      {
-        ref: submenuContentRef,
-        className: submenuHeightTransitionClasses,
-        style: heightTransitionRef.current ? void 0 : getInitialSubmenuHeightTransitionStyle(isExpanded),
-        "aria-hidden": isHidden ? "true" : void 0,
-        "data-tiger-menu-hidden": isHidden ? "true" : void 0,
-        "data-tiger-submenu-motion": "height",
-        children: /* @__PURE__ */ jsx4("ul", { className: contentClasses, role: "menu", children: enhancedChildren })
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxs3(
-    "li",
-    {
-      className: isPopup && !popupPortal ? "relative" : "",
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      role: "none",
-      children: [
-        /* @__PURE__ */ jsx4(
-          "button",
-          {
-            ref: titleRef,
-            type: "button",
-            className: titleClasses,
-            style: indentStyle,
-            onClick: handleTitleClick,
-            onKeyDown: handleTitleKeyDown,
-            role: "menuitem",
-            "data-tiger-menuitem": "true",
-            "aria-expanded": isExpanded ? "true" : "false",
-            "aria-haspopup": "true",
-            "aria-disabled": disabled ? "true" : void 0,
-            "data-state": isExpanded ? "open" : "closed",
-            disabled,
-            tabIndex: -1,
-            children: renderTitle()
-          }
-        ),
-        renderContent()
-      ]
-    }
-  );
-};
-
-// src/components/Menu.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var Menu = (props) => {
-  const ctx = useMenuRootState(props);
-  function renderDataItem(item) {
-    if (item.children && item.children.length > 0) {
-      return /* @__PURE__ */ jsx5(
-        SubMenu,
-        {
-          itemKey: item.key,
-          title: item.label,
-          icon: item.icon,
-          disabled: item.disabled,
-          children: item.children.map(renderDataItem)
-        },
-        item.key
-      );
-    }
-    return /* @__PURE__ */ jsx5(MenuItem, { itemKey: item.key, icon: item.icon, disabled: item.disabled, children: item.label }, item.key);
-  }
-  const dataChildren = ctx.filteredItems.map(renderDataItem);
-  const hasSlotChildren = React5.Children.count(ctx.children) > 0;
-  const emptyChild = ctx.items && ctx.items.length > 0 && dataChildren.length === 0 && !hasSlotChildren ? /* @__PURE__ */ jsx5("li", { role: "none", children: /* @__PURE__ */ jsx5("div", { className: menuSearchEmptyClasses, children: ctx.emptyText }) }) : null;
-  return /* @__PURE__ */ jsx5(MenuContext.Provider, { value: ctx.contextValue, children: /* @__PURE__ */ jsxs4(
-    "ul",
-    {
-      ref: ctx.menuRef,
-      className: ctx.menuClasses,
-      style: ctx.style,
-      role: "menu",
-      "data-tiger-menu-root": "true",
-      "data-tiger-menu-mode": ctx.resolvedMode,
-      "data-tiger-menu-requested-mode": ctx.mode,
-      children: [
-        ctx.searchable && /* @__PURE__ */ jsx5("li", { role: "none", className: menuSearchFieldClasses, children: /* @__PURE__ */ jsx5(
-          "input",
-          {
-            type: "search",
-            value: ctx.searchValue,
-            placeholder: ctx.searchPlaceholder,
-            "aria-label": ctx.searchPlaceholder,
-            className: menuSearchInputClasses,
-            onChange: ctx.handleSearchInput
-          }
-        ) }),
-        dataChildren,
-        ctx.children,
-        emptyChild
-      ]
-    }
-  ) });
-};
-
-export {
-  useMenuContext,
-  MenuItem,
-  MenuItemGroup,
-  SubMenu,
-  Menu
-};