@expcat/tigercat-react 0.0.1

package/dist/chunk-Q3DPJHNM.js

@@ -0,0 +1,407 @@
+'use strict';
+
+var chunkQL6UEG3U_js = require('./chunk-QL6UEG3U.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Upload = ({
+  accept,
+  multiple = false,
+  limit,
+  maxSize,
+  disabled = false,
+  drag = false,
+  listType = "text",
+  fileList: controlledFileList,
+  showFileList = true,
+  autoUpload = true,
+  customRequest,
+  onChange,
+  onRemove,
+  onPreview,
+  beforeUpload,
+  onProgress,
+  onSuccess,
+  onError,
+  onExceed,
+  locale,
+  labels: labelsOverrides,
+  children,
+  className,
+  style,
+  ...divProps
+}) => {
+  const spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
+  const config = chunkQL6UEG3U_js.useTigerConfig();
+  const mergedLocale = react.useMemo(
+    () => tigercatCore.mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = react.useMemo(
+    () => tigercatCore.getUploadLabels(mergedLocale, labelsOverrides),
+    [mergedLocale, labelsOverrides]
+  );
+  const inputRef = react.useRef(null);
+  const [isDragging, setIsDragging] = react.useState(false);
+  const [internalFileList, setInternalFileList] = react.useState([]);
+  const isControlled = controlledFileList !== void 0;
+  const fileList = isControlled ? controlledFileList : internalFileList;
+  const updateFileList = react.useCallback(
+    (newFileList) => {
+      if (!isControlled) {
+        setInternalFileList(newFileList);
+      }
+    },
+    [isControlled]
+  );
+  const handleClick = () => {
+    if (disabled) return;
+    inputRef.current?.click();
+  };
+  const handleFileChange = async (event) => {
+    const files = Array.from(event.target.files || []);
+    await processFiles(files);
+    if (event.target) {
+      event.target.value = "";
+    }
+  };
+  const processFiles = async (incomingFiles) => {
+    if (incomingFiles.length === 0) return;
+    const prepared = await tigercatCore.prepareUploadFiles({
+      currentCount: fileList.length,
+      incomingFiles,
+      limit,
+      accept,
+      maxSize,
+      beforeUpload
+    });
+    if (prepared.rejectedExceedFiles.length > 0) {
+      onExceed?.(prepared.rejectedExceedFiles, fileList);
+    }
+    let nextFileList = [...fileList];
+    for (const file of prepared.acceptedFiles) {
+      const uploadFile = tigercatCore.fileToUploadFile(file);
+      nextFileList = [...nextFileList, uploadFile];
+      updateFileList(nextFileList);
+      if (onChange) {
+        onChange(uploadFile, nextFileList);
+      }
+      if (autoUpload) {
+        uploadFile.status = "uploading";
+        if (customRequest) {
+          customRequest({
+            file,
+            onProgress: (progress) => {
+              uploadFile.progress = progress;
+              if (onProgress) {
+                onProgress(progress, uploadFile);
+              }
+            },
+            onSuccess: (response) => {
+              uploadFile.status = "success";
+              if (onSuccess) {
+                onSuccess(response, uploadFile);
+              }
+            },
+            onError: (error) => {
+              uploadFile.status = "error";
+              uploadFile.error = error.message;
+              if (onError) {
+                onError(error, uploadFile);
+              }
+            }
+          });
+        } else {
+          uploadFile.status = "success";
+        }
+      }
+    }
+  };
+  const handleRemove = (file) => {
+    const newFileList = fileList.filter((f) => f.uid !== file.uid);
+    const removeResult = onRemove?.(file, newFileList);
+    if (removeResult === false) return;
+    updateFileList(newFileList);
+    onChange?.(file, newFileList);
+  };
+  const handlePreview = (file) => {
+    if (onPreview) {
+      onPreview(file);
+    }
+  };
+  const handleDragOver = (event) => {
+    if (disabled) return;
+    event.preventDefault();
+    setIsDragging(true);
+  };
+  const handleDragKeyDown = (event) => {
+    if (disabled) return;
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      handleClick();
+    }
+  };
+  const handleDragLeave = (event) => {
+    if (disabled) return;
+    event.preventDefault();
+    setIsDragging(false);
+  };
+  const handleDrop = async (event) => {
+    if (disabled) return;
+    event.preventDefault();
+    setIsDragging(false);
+    const files = Array.from(event.dataTransfer?.files || []);
+    await processFiles(files);
+  };
+  const renderUploadButton = () => {
+    if (drag) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: tigercatCore.getDragAreaClasses(isDragging, disabled),
+          onClick: handleClick,
+          onKeyDown: handleDragKeyDown,
+          onDragOver: handleDragOver,
+          onDragLeave: handleDragLeave,
+          onDrop: handleDrop,
+          role: "button",
+          tabIndex: disabled ? -1 : 0,
+          "aria-disabled": disabled,
+          "aria-label": labels.dragAreaAriaLabel,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                className: "w-12 h-12 mb-3 text-gray-400",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-2 text-sm", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: labels.clickToUploadText }),
+              " ",
+              labels.dragAndDropText
+            ] }),
+            accept && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: tigercatCore.interpolateUploadLabel(labels.acceptInfoText, { accept }) }),
+            maxSize && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: tigercatCore.interpolateUploadLabel(labels.maxSizeInfoText, {
+              maxSize: tigercatCore.formatFileSize(maxSize)
+            }) })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: tigercatCore.getUploadButtonClasses(drag, disabled),
+        onClick: handleClick,
+        disabled,
+        "aria-label": labels.buttonAriaLabel,
+        children: children || labels.selectFileText
+      }
+    );
+  };
+  const renderFileList = () => {
+    if (!showFileList || fileList.length === 0) {
+      return null;
+    }
+    if (listType === "picture-card") {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2 mt-4", children: fileList.map((file) => renderPictureCard(file)) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-4 space-y-2", role: "list", "aria-label": labels.uploadedFilesAriaLabel, children: fileList.map((file) => renderFileItem(file)) });
+  };
+  const renderFileItem = (file) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: tigercatCore.getFileListItemClasses(file.status), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: "w-5 h-5 mr-2 flex-shrink-0",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: file.name }),
+          file.size && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: tigercatCore.formatFileSize(file.size) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2 ml-4", children: [
+        file.status === "success" && /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: tigercatCore.getUploadStatusIconClasses("success", "sm"),
+            fill: "currentColor",
+            viewBox: tigercatCore.icon20ViewBox,
+            "aria-label": labels.successAriaLabel,
+            children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: tigercatCore.successCircleSolidIcon20PathD, clipRule: "evenodd" })
+          }
+        ),
+        file.status === "error" && /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: tigercatCore.getUploadStatusIconClasses("error", "sm"),
+            fill: "currentColor",
+            viewBox: tigercatCore.icon20ViewBox,
+            "aria-label": labels.errorAriaLabel,
+            children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: tigercatCore.errorCircleSolidIcon20PathD, clipRule: "evenodd" })
+          }
+        ),
+        file.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: tigercatCore.getUploadStatusIconClasses("uploading", "sm", {
+              spinning: true
+            }),
+            fill: "none",
+            viewBox: spinnerSvg.viewBox,
+            "aria-label": labels.uploadingAriaLabel,
+            children: spinnerSvg.elements.map((el, index) => {
+              if (el.type === "circle") return /* @__PURE__ */ jsxRuntime.jsx("circle", { ...el.attrs }, index);
+              if (el.type === "path") return /* @__PURE__ */ jsxRuntime.jsx("path", { ...el.attrs }, index);
+              return null;
+            })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "text-gray-400 hover:text-red-500 transition-colors",
+            onClick: () => handleRemove(file),
+            "aria-label": tigercatCore.interpolateUploadLabel(labels.removeFileAriaLabel, {
+              fileName: file.name
+            }),
+            children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: tigercatCore.icon20ViewBox, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: tigercatCore.closeSolidIcon20PathD, clipRule: "evenodd" }) })
+          }
+        )
+      ] })
+    ] }, file.uid);
+  };
+  const renderPictureCard = (file) => {
+    const imageUrl = file.url || (file.file ? URL.createObjectURL(file.file) : "");
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.getPictureCardClasses(file.status), children: [
+      imageUrl && /* @__PURE__ */ jsxRuntime.jsx("img", { src: imageUrl, alt: file.name, className: "w-full h-full object-cover" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-50 transition-all flex items-center justify-center space-x-2 opacity-0 hover:opacity-100", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "text-white hover:text-blue-200 transition-colors",
+            onClick: () => handlePreview(file),
+            "aria-label": tigercatCore.interpolateUploadLabel(labels.previewFileAriaLabel, {
+              fileName: file.name
+            }),
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "svg",
+              {
+                className: "w-6 h-6",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "text-white hover:text-red-200 transition-colors",
+            onClick: () => handleRemove(file),
+            "aria-label": tigercatCore.interpolateUploadLabel(labels.removeFileAriaLabel, {
+              fileName: file.name
+            }),
+            children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-6 h-6", fill: "currentColor", viewBox: "0 0 20 20", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z",
+                clipRule: "evenodd"
+              }
+            ) })
+          }
+        )
+      ] }),
+      file.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          className: tigercatCore.getUploadStatusIconClasses("uploading", "lg", {
+            spinning: true
+          }),
+          fill: "none",
+          viewBox: spinnerSvg.viewBox,
+          children: spinnerSvg.elements.map((el, index) => {
+            if (el.type === "circle") return /* @__PURE__ */ jsxRuntime.jsx("circle", { ...el.attrs }, index);
+            if (el.type === "path") return /* @__PURE__ */ jsxRuntime.jsx("path", { ...el.attrs }, index);
+            return null;
+          })
+        }
+      ) })
+    ] }, file.uid);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...divProps, className: tigercatCore.classNames("tiger-upload", className), style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        accept,
+        multiple,
+        disabled,
+        style: { display: "none" },
+        onChange: handleFileChange,
+        "aria-hidden": "true"
+      }
+    ),
+    renderUploadButton(),
+    renderFileList()
+  ] });
+};
+
+exports.Upload = Upload;

package/dist/chunk-QEAC4MIG.mjs

@@ -0,0 +1,295 @@
+import { MenuItemGroup } from './chunk-IWENGARY.mjs';
+import { MenuItem } from './chunk-NSGDRTSQ.mjs';
+import { useMenuContext } from './chunk-WDAMDVLU.mjs';
+import React, { useState, useEffect, useMemo, useCallback } from 'react';
+import { isKeyOpen, getSubMenuTitleClasses, submenuContentHorizontalClasses, submenuContentPopupClasses, submenuContentInlineClasses, submenuContentVerticalClasses, getMenuItemIndent, classNames, menuItemIconClasses, getSubMenuExpandIconClasses } from '@expcat/tigercat-core';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var ExpandIcon = ({ expanded }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    className: getSubMenuExpandIconClasses(expanded),
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    fill: "currentColor",
+    children: /* @__PURE__ */ jsx("path", { d: "M6 9L1.5 4.5L2.205 3.795L6 7.59L9.795 3.795L10.5 4.5L6 9Z" })
+  }
+);
+function getMenuButtonsWithin(menuEl) {
+  return Array.from(
+    menuEl.querySelectorAll('button[data-tiger-menuitem="true"]')
+  ).filter((el) => !el.disabled && !el.closest('[data-tiger-menu-hidden="true"]'));
+}
+function roveFocus(current, next) {
+  const menuEl = current.closest('ul[role="menu"]');
+  if (!menuEl) {
+    next.focus();
+    return;
+  }
+  const items = getMenuButtonsWithin(menuEl);
+  items.forEach((el) => {
+    el.tabIndex = el === next ? 0 : -1;
+  });
+  next.focus();
+}
+function moveFocus(current, delta) {
+  const menuEl = current.closest('ul[role="menu"]');
+  if (!menuEl) return;
+  const items = getMenuButtonsWithin(menuEl);
+  const currentIndex = items.indexOf(current);
+  if (currentIndex < 0) return;
+  const nextIndex = (currentIndex + delta + items.length) % items.length;
+  roveFocus(current, items[nextIndex]);
+}
+function focusEdge(current, edge) {
+  const menuEl = current.closest('ul[role="menu"]');
+  if (!menuEl) return;
+  const items = getMenuButtonsWithin(menuEl);
+  if (items.length === 0) return;
+  roveFocus(current, edge === "start" ? items[0] : items[items.length - 1]);
+}
+function focusFirstChildItemFromTitle(titleEl) {
+  const li = titleEl.closest("li");
+  const submenu = li?.querySelector('ul[role="menu"]');
+  if (!submenu) return;
+  const items = getMenuButtonsWithin(submenu);
+  if (items.length === 0) return;
+  items.forEach((el, idx) => {
+    el.tabIndex = idx === 0 ? 0 : -1;
+  });
+  items[0].focus();
+}
+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] = useState(false);
+  const [isOpenByKeyboard, setIsOpenByKeyboard] = useState(false);
+  const effectiveCollapsed = collapsedOverride ?? (menuContext ? menuContext.collapsed : false);
+  const isPopup = !!menuContext && menuContext.mode === "vertical" && effectiveCollapsed;
+  const isOpen = !!menuContext && isKeyOpen(itemKey, menuContext.openKeys);
+  const isExpanded = menuContext?.mode === "horizontal" || isPopup ? isHovered || isOpenByKeyboard : isOpen;
+  const isInlineOrVertical = menuContext?.mode !== "horizontal" && !isPopup;
+  const [hasRenderedInline, setHasRenderedInline] = useState(
+    () => isInlineOrVertical ? isExpanded : false
+  );
+  useEffect(() => {
+    if (!isInlineOrVertical || !isExpanded || hasRenderedInline) return;
+    setHasRenderedInline(true);
+  }, [hasRenderedInline, isExpanded, isInlineOrVertical]);
+  const titleClasses = useMemo(() => {
+    if (!menuContext) return "";
+    return getSubMenuTitleClasses(menuContext.theme, disabled);
+  }, [menuContext, disabled]);
+  const contentClasses = useMemo(() => {
+    if (!menuContext) return "";
+    if (menuContext.mode === "horizontal") return submenuContentHorizontalClasses;
+    if (isPopup) return submenuContentPopupClasses;
+    if (menuContext.mode === "inline") return submenuContentInlineClasses;
+    return submenuContentVerticalClasses;
+  }, [menuContext, isPopup]);
+  const handleTitleClick = useCallback(() => {
+    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 = useCallback(() => {
+    if (menuContext?.mode === "horizontal" || isPopup) setIsHovered(true);
+  }, [menuContext, isPopup]);
+  const handleMouseLeave = useCallback(() => {
+    if (menuContext?.mode === "horizontal" || isPopup) {
+      setIsHovered(false);
+      setIsOpenByKeyboard(false);
+    }
+  }, [menuContext, isPopup]);
+  const openInline = useCallback(
+    (titleEl) => {
+      if (!menuContext) return;
+      setHasRenderedInline(true);
+      menuContext.handleOpenChange(itemKey);
+      setTimeout(() => focusFirstChildItemFromTitle(titleEl), 0);
+    },
+    [menuContext, itemKey]
+  );
+  const handleTitleKeyDown = useCallback(
+    (event) => {
+      if (!menuContext || disabled) return;
+      const current = event.currentTarget;
+      const rootMenu = current.closest('ul[role="menu"]');
+      const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
+      const isHorizontalRoot = isRoot && menuContext.mode === "horizontal";
+      const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
+      const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
+      if (event.key === nextKey) {
+        event.preventDefault();
+        moveFocus(current, 1);
+        return;
+      }
+      if (event.key === prevKey) {
+        event.preventDefault();
+        moveFocus(current, -1);
+        return;
+      }
+      if (event.key === "Home") {
+        event.preventDefault();
+        focusEdge(current, "start");
+        return;
+      }
+      if (event.key === "End") {
+        event.preventDefault();
+        focusEdge(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, openInline]
+  );
+  const indentStyle = !menuContext || menuContext.mode === "horizontal" || level === 0 ? {} : getMenuItemIndent(level, menuContext.inlineIndent);
+  if (!menuContext) return null;
+  const renderIcon = () => {
+    if (!icon) return null;
+    if (typeof icon === "string") {
+      return /* @__PURE__ */ jsx("span", { className: menuItemIconClasses, dangerouslySetInnerHTML: { __html: icon } });
+    }
+    return /* @__PURE__ */ jsx("span", { className: menuItemIconClasses, children: icon });
+  };
+  const renderTitle = () => {
+    if (!effectiveCollapsed) {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        renderIcon(),
+        /* @__PURE__ */ jsx("span", { className: "flex-1", children: title }),
+        menuContext.mode !== "horizontal" && !isPopup && /* @__PURE__ */ jsx(ExpandIcon, { expanded: isExpanded })
+      ] });
+    } else if (!icon) {
+      return /* @__PURE__ */ jsx("span", { className: "flex-1 text-center", children: title.charAt(0).toUpperCase() });
+    } else {
+      return renderIcon();
+    }
+  };
+  const renderContent = () => {
+    const nextLevel = level + 1;
+    const enhancedChildren = React.Children.map(children, (child) => {
+      if (!React.isValidElement(child)) return child;
+      if (child.type === MenuItem || child.type === SubMenu || child.type === MenuItemGroup) {
+        return React.cloneElement(
+          child,
+          {
+            level: nextLevel,
+            collapsed: isPopup ? false : void 0
+          }
+        );
+      }
+      return child;
+    });
+    if (menuContext.mode === "horizontal" || isPopup) {
+      return /* @__PURE__ */ jsx(
+        "ul",
+        {
+          className: contentClasses,
+          style: { display: isExpanded ? "block" : "none" },
+          role: "menu",
+          "aria-hidden": isExpanded ? void 0 : "true",
+          children: enhancedChildren
+        }
+      );
+    }
+    if (!hasRenderedInline) return null;
+    const isHidden = !isExpanded;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classNames(
+          "grid overflow-hidden transition-[grid-template-rows,opacity] duration-200 ease-in-out",
+          isHidden ? "grid-rows-[0fr] opacity-0" : "grid-rows-[1fr] opacity-100"
+        ),
+        "aria-hidden": isHidden ? "true" : void 0,
+        "data-tiger-menu-hidden": isHidden ? "true" : void 0,
+        children: /* @__PURE__ */ jsx("ul", { className: classNames(contentClasses, "min-h-0"), role: "menu", children: enhancedChildren })
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      className: classNames(
+        menuContext.mode === "horizontal" || isPopup ? "relative" : "",
+        className
+      ),
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      role: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            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,
+            disabled,
+            tabIndex: -1,
+            children: renderTitle()
+          }
+        ),
+        renderContent()
+      ]
+    }
+  );
+};
+
+export { SubMenu };