efficient-shell 0.0.0-stage → 4.126.2

package/dist/chunk-7KIOEKHS.js

@@ -0,0 +1,617 @@
+import { onOverlayOpen, Z_LAYERS, registerModalEscapeInterceptor } from './chunk-HYZ5QMVO.js';
+import { glassStyle, GLASS_DIVIDER } from './chunk-3CUSBZWG.js';
+import { createContext, forwardRef, useContext, useMemo, useRef, useId, useState, useEffect, useCallback, useLayoutEffect } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { createPortal } from 'react-dom';
+
+var DEFAULT_SHELL_STRINGS = {
+  window: {
+    minimize: "Minimize",
+    restore: "Restore",
+    maximize: "Maximize",
+    windowed: "Windowed",
+    pinOnTop: "Pin on top",
+    unpin: "Unpin from top",
+    close: "Close",
+    windowSuffix: "window",
+    prev: "Prev",
+    next: "Next",
+    snapLayouts: "Snap layouts",
+    snapLeft: "Snap left half",
+    snapRight: "Snap right half",
+    snapTopLeft: "Snap top-left quarter",
+    snapTopRight: "Snap top-right quarter",
+    snapBottomLeft: "Snap bottom-left quarter",
+    snapBottomRight: "Snap bottom-right quarter"
+  },
+  taskbar: {
+    closeWindow: "Close window",
+    offscreenHint: "This window is off screen \u2014 click to bring it back",
+    offscreenDot: "Off screen \u2014 click to bring this window back",
+    expose: "Expos\xE9 \u2014 show all open windows as thumbnails",
+    addToDesktop: "Add to desktop",
+    removeFromDesktop: "Remove from desktop",
+    minimizeAllWindows: "Minimize all",
+    restoreAllWindows: "Restore all",
+    closeAllWindows: "Close all"
+  },
+  logout: {
+    goodbye: "Goodbye",
+    seeYou: "See you next time"
+  },
+  about: {
+    aboutPrefix: "About",
+    thisApp: "this app",
+    openSourceLicenses: "Open Source Licenses",
+    whatsNew: "What's New",
+    noChangelog: "No changelog available."
+  },
+  table: {
+    empty: "Nothing to show",
+    loading: "Loading",
+    selectAll: "Select all rows",
+    selectRow: "Select row"
+  },
+  select: {
+    none: "\u2014 None \u2014",
+    noMatches: "No matches",
+    allSelected: "All options selected",
+    clear: "Clear selection",
+    remove: "Remove"
+  },
+  notifications: {
+    title: "Notifications",
+    markAllRead: "Mark all read",
+    dnd: "Do not disturb",
+    dndOn: "Do not disturb is on",
+    caughtUp: "All caught up",
+    empty: "No notifications yet",
+    viewAll: "View all notifications",
+    cardLabel: "Notification",
+    dismiss: "Dismiss notification"
+  },
+  form: {
+    errorSummaryTitle: "There is a problem"
+  },
+  help: {
+    title: "Help",
+    searchPlaceholder: "Search help\u2026",
+    empty: "No help articles yet.",
+    noResults: "No articles match your search.",
+    loading: "Loading\u2026",
+    pickArticle: "Pick a help article from the left.",
+    noBody: "This article has no body yet.",
+    draft: "Draft",
+    newArticle: "+ New",
+    edit: "Edit"
+  },
+  update: {
+    available: "A new version is available.",
+    refreshNow: "Refresh now"
+  },
+  pageTabs: {
+    label: "Open pages",
+    close: "Close",
+    closeOthers: "Close other tabs",
+    closeRight: "Close tabs to the right",
+    closeAll: "Close all tabs",
+    unsaved: "Unsaved changes",
+    discardTitle: "Discard unsaved changes?",
+    discardOne: "This page has changes that have not been saved. Close it anyway?",
+    discardMany: "pages have changes that have not been saved. Close them anyway?",
+    discardConfirm: "Discard and close",
+    keepEditing: "Keep editing"
+  }
+};
+var ShellStringsContext = createContext(DEFAULT_SHELL_STRINGS);
+function ShellStringsProvider({ value, children }) {
+  const merged = useMemo(() => {
+    const out = {};
+    for (const key of Object.keys(DEFAULT_SHELL_STRINGS)) {
+      out[key] = { ...DEFAULT_SHELL_STRINGS[key], ...value[key] ?? {} };
+    }
+    return out;
+  }, [value]);
+  return /* @__PURE__ */ jsx(ShellStringsContext.Provider, { value: merged, children });
+}
+function useShellStrings() {
+  return useContext(ShellStringsContext);
+}
+
+// src/shell/contextMenuTarget.ts
+var TEXT_INPUT_TYPES = /* @__PURE__ */ new Set([
+  "text",
+  "search",
+  "url",
+  "tel",
+  "email",
+  "password",
+  "number",
+  "date",
+  "datetime-local",
+  "month",
+  "week",
+  "time"
+]);
+var NATIVE_MEDIA = "img, picture, canvas, video, audio";
+var NATIVE_MENU_ATTR = "data-native-context-menu";
+function closest(el, selector) {
+  if (!el || typeof el.closest !== "function") return null;
+  return el.closest(selector);
+}
+function keepsNativeMenu(target) {
+  const el = target;
+  if (!el || typeof el.closest !== "function") return false;
+  if (closest(el, `[${NATIVE_MENU_ATTR}]`)) return true;
+  if (closest(el, "textarea")) return true;
+  if (closest(el, NATIVE_MEDIA)) return true;
+  const input = closest(el, "input");
+  if (input) {
+    const type = (input.type || "text").toLowerCase();
+    if (TEXT_INPUT_TYPES.has(type)) return true;
+  }
+  const editable = closest(el, "[contenteditable]");
+  if (editable) {
+    const value = (editable.getAttribute("contenteditable") || "").toLowerCase();
+    if (value === "" || value === "true" || value === "plaintext-only") return true;
+  }
+  return false;
+}
+var LINK_SCHEMES = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:", "blob:"]);
+function linkAddress(href, base) {
+  if (!href || href === "#") return void 0;
+  try {
+    const url = new URL(href, base ?? (typeof document !== "undefined" ? document.baseURI : void 0));
+    return LINK_SCHEMES.has(url.protocol) ? url.href : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function describeContextTarget(target, selectionText, baseUrl) {
+  const el = target;
+  const link = closest(el, "a[href]");
+  const text = (selectionText || "").trim();
+  const linkUrl = linkAddress(link?.getAttribute("href"), baseUrl);
+  const kind = text ? "selection" : linkUrl ? "link" : "default";
+  return {
+    kind,
+    ...text ? { selectionText: text } : {},
+    ...linkUrl ? { linkUrl } : {}
+  };
+}
+
+// src/shell/menuPath.ts
+function openMenuLevel(path, depth, anchor) {
+  if (path.length === depth + 1 && path[depth].key === anchor.key) return path;
+  return [...path.slice(0, depth), anchor];
+}
+function closeMenuBelow(path, depth) {
+  const keep = Math.max(0, depth);
+  return path.length > keep ? path.slice(0, keep) : path;
+}
+function resolveMenuLevels(rootItems, path, childrenOf) {
+  if (path.length === 0 || rootItems.length === 0) return [];
+  const levels = [rootItems];
+  for (let i = 1; i < path.length; i++) {
+    const parent = levels[i - 1].find((item) => item.to === path[i].key);
+    const kids = parent ? childrenOf(parent) : [];
+    if (kids.length === 0) break;
+    levels.push(kids);
+  }
+  return levels;
+}
+function clampMenuTop(anchorY, height, minTop, maxBottom) {
+  const span = Math.max(0, maxBottom - minTop);
+  const h = Math.min(height, span);
+  const top = anchorY - h / 2;
+  if (top < minTop) return minTop;
+  if (top + h > maxBottom) return Math.max(minTop, maxBottom - h);
+  return top;
+}
+function menuPanelLeft(ownerLeft, ownerRight, width, viewportW, gap, preferLeft = false, margin = 8) {
+  const onRight = ownerRight + gap;
+  const onLeft = ownerLeft - gap - width;
+  const rightFits = onRight + width <= viewportW - margin;
+  const leftFits = onLeft >= margin;
+  if (preferLeft && leftFits) return { left: onLeft, flipped: true };
+  if (rightFits) return { left: onRight, flipped: false };
+  if (leftFits) return { left: onLeft, flipped: true };
+  return preferLeft ? { left: margin, flipped: true } : { left: Math.max(margin, viewportW - margin - width), flipped: false };
+}
+function getDensity() {
+  return getComputedStyle(document.documentElement).getPropertyValue("--menu-density")?.trim() || "normal";
+}
+var SUBMENU_CLOSE_DELAY = 200;
+var SUBMENU_OPEN_DELAY = 120;
+var SUBMENU_GAP = 4;
+var MenuTreeContext = createContext(null);
+function PopupMenu({ children, style, className = "", onClose, minWidth = 180, portal = false }) {
+  const ref = useRef(null);
+  const treeId = useId();
+  const [path, setPath] = useState([]);
+  const closeTimer = useRef();
+  useEffect(() => () => clearTimeout(closeTimer.current), []);
+  const tree = useMemo(() => {
+    const cancelClose = () => clearTimeout(closeTimer.current);
+    return {
+      id: treeId,
+      depth: 0,
+      path,
+      open: (depth, anchor) => {
+        cancelClose();
+        setPath((prev) => openMenuLevel(prev, depth, anchor));
+      },
+      scheduleClose: (depth) => {
+        cancelClose();
+        closeTimer.current = setTimeout(() => setPath((prev) => closeMenuBelow(prev, depth)), SUBMENU_CLOSE_DELAY);
+      },
+      closeBelow: (depth) => {
+        cancelClose();
+        setPath((prev) => closeMenuBelow(prev, depth));
+      },
+      cancelClose,
+      closeTree: () => {
+        cancelClose();
+        setPath([]);
+        onClose?.();
+      },
+      root: ref
+    };
+  }, [treeId, path, onClose]);
+  useEffect(() => {
+    if (!onClose) return;
+    const handleClick = (e) => {
+      if (e.target.closest("[data-menu-toggle]")) return;
+      if (e.target.closest?.(`[data-popup-menu-tree="${treeId}"]`)) return;
+      if (ref.current && !ref.current.contains(e.target)) onClose();
+    };
+    const handleKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    window.addEventListener("pointerdown", handleClick);
+    window.addEventListener("keydown", handleKey);
+    const offOverlay = onOverlayOpen(onClose);
+    return () => {
+      window.removeEventListener("pointerdown", handleClick);
+      window.removeEventListener("keydown", handleKey);
+      offOverlay();
+    };
+  }, [onClose, treeId]);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    requestAnimationFrame(() => {
+      const rect = el.getBoundingClientRect();
+      const margin = 8;
+      if (rect.right > window.innerWidth - margin) {
+        const overflow = rect.right - window.innerWidth + margin;
+        if (el.style.left) {
+          el.style.left = `${parseFloat(el.style.left) - overflow}px`;
+        } else if (!el.style.right) {
+          el.style.left = `${rect.left - overflow}px`;
+        }
+      }
+      if (rect.left < margin) {
+        if (el.style.left) {
+          el.style.left = `${margin}px`;
+        } else if (el.style.right) {
+          el.style.right = `${window.innerWidth - rect.width - margin}px`;
+        }
+      }
+      if (rect.bottom > window.innerHeight - margin) {
+        const overflow = rect.bottom - window.innerHeight + margin;
+        if (el.style.top) {
+          el.style.top = `${parseFloat(el.style.top) - overflow}px`;
+        } else if (el.style.bottom) {
+          el.style.bottom = `${margin}px`;
+        } else {
+          el.style.top = `${rect.top - overflow}px`;
+        }
+      }
+      if (rect.top < margin) {
+        if (el.style.top) {
+          el.style.top = `${margin}px`;
+        } else if (el.style.bottom) {
+          el.style.bottom = `${window.innerHeight - rect.height - margin}px`;
+        }
+      }
+    });
+  });
+  const density = getDensity();
+  const ownsZ = /(^|[\s:])!?z-/.test(className);
+  const menu = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-popup-menu-tree": treeId,
+      className: `fixed rounded-2xl ${density === "tight" ? "py-1" : density === "large" ? "py-2" : "py-1.5"} ${className}`,
+      onContextMenu: (e) => {
+        if (!keepsNativeMenu(e.target)) e.preventDefault();
+      },
+      style: { ...ownsZ ? {} : { zIndex: Z_LAYERS.menu }, minWidth, animation: "popup-in 0.12s ease-out", ...glassStyle(), ...style },
+      children: [
+        /* @__PURE__ */ jsx(MenuTreeContext.Provider, { value: tree, children }),
+        /* @__PURE__ */ jsx("style", { children: `@keyframes popup-in { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } }` })
+      ]
+    }
+  );
+  return portal ? createPortal(menu, document.body) : menu;
+}
+function itemLook(danger, disabled, className, highlighted = false) {
+  const density = getDensity();
+  const itemPadY = density === "tight" ? "0.25rem" : density === "large" ? "0.6rem" : "max(0.25rem, calc(var(--menu-padding-y, 0.5rem) - 0.1rem))";
+  const tone = danger ? "text-red-600 hover:bg-red-50" : highlighted ? "bg-blue-50 text-blue-700" : "text-gray-700 hover:bg-blue-50 hover:text-blue-700";
+  return {
+    className: `w-full flex items-center gap-2 text-left transition-colors rounded-lg mx-auto
+        ${tone}
+        ${disabled ? "opacity-40 cursor-not-allowed" : ""}
+        ${className}`,
+    style: {
+      width: "calc(100% - 8px)",
+      marginLeft: 4,
+      marginRight: 4,
+      fontSize: "var(--menu-font-size, 14px)",
+      paddingLeft: "var(--menu-padding-x, 1rem)",
+      paddingRight: "var(--menu-padding-x, 1rem)",
+      paddingTop: itemPadY,
+      paddingBottom: itemPadY
+    }
+  };
+}
+var PopupMenuItem = forwardRef(function PopupMenuItem2({
+  onClick,
+  children,
+  className = "",
+  danger,
+  disabled,
+  role,
+  tabIndex,
+  id,
+  onMouseEnter
+}, ref) {
+  const tree = useContext(MenuTreeContext);
+  const look = itemLook(danger, disabled, className);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      id,
+      role,
+      tabIndex,
+      onClick: () => {
+        onClick?.();
+        if (tree && tree.depth > 0) tree.closeTree();
+      },
+      onMouseEnter: () => {
+        tree?.scheduleClose(tree.depth);
+        onMouseEnter?.();
+      },
+      disabled,
+      className: look.className,
+      style: look.style,
+      children
+    }
+  );
+});
+var chevron = /* @__PURE__ */ jsx("svg", { "aria-hidden": true, className: "h-3.5 w-3.5 shrink-0 ml-auto text-gray-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" }) });
+function layerOf(el) {
+  let z = Z_LAYERS.menu;
+  for (let node = el; node && node !== document.body; node = node.parentElement) {
+    const value = parseInt(getComputedStyle(node).zIndex, 10);
+    if (!Number.isNaN(value)) z = value;
+  }
+  return z;
+}
+function focusables(panel) {
+  if (!panel) return [];
+  return [...panel.querySelectorAll("button:not([disabled])")].filter((b) => b.closest("[data-popup-submenu-panel]") === panel);
+}
+function PopupSubmenu({ label, icon, children, disabled, className = "", minWidth = 180, maxHeight }) {
+  const tree = useContext(MenuTreeContext);
+  const key = useId();
+  const rowRef = useRef(null);
+  const panelRef = useRef(null);
+  const openTimer = useRef();
+  const focusOnOpen = useRef(false);
+  const panelId = `${key}-menu`;
+  useEffect(() => () => clearTimeout(openTimer.current), []);
+  const depth = tree?.depth ?? 0;
+  const anchor = tree?.path[depth];
+  const isOpen = !!anchor && anchor.key === key && !disabled;
+  const openNow = useCallback((withFocus) => {
+    if (!tree || disabled || !rowRef.current) return;
+    clearTimeout(openTimer.current);
+    focusOnOpen.current = withFocus;
+    const row = rowRef.current.getBoundingClientRect();
+    const owner = rowRef.current.closest("[data-popup-submenu-panel]") ?? rowRef.current.closest("[data-popup-menu-tree]");
+    const ownerRect = owner?.getBoundingClientRect() ?? row;
+    const preferLeft = depth > 0 && (tree.path[depth - 1]?.flipped ?? false);
+    const place = menuPanelLeft(ownerRect.left, ownerRect.right, minWidth, window.innerWidth, SUBMENU_GAP, preferLeft);
+    tree.open(depth, { key, y: row.top, ...place });
+  }, [tree, disabled, depth, key, minWidth]);
+  const closeSelf = (restoreFocus) => {
+    tree?.closeBelow(depth);
+    rowRef.current?.focus();
+  };
+  useEffect(() => {
+    if (!isOpen) return;
+    return registerModalEscapeInterceptor((e) => {
+      if (e.key !== "Escape") return false;
+      if (tree && tree.path.length > depth + 1) return false;
+      closeSelf();
+      return true;
+    });
+  });
+  useLayoutEffect(() => {
+    if (!isOpen || !anchor) return;
+    const place = () => {
+      const panel = panelRef.current;
+      if (!panel || !rowRef.current) return;
+      const margin = 8;
+      const owner = rowRef.current.closest("[data-popup-submenu-panel]") ?? rowRef.current.closest("[data-popup-menu-tree]");
+      const ownerRect = owner?.getBoundingClientRect() ?? rowRef.current.getBoundingClientRect();
+      const preferLeft = depth > 0 && (tree?.path[depth - 1]?.flipped ?? false);
+      const width = panel.offsetWidth || minWidth;
+      const spot = menuPanelLeft(ownerRect.left, ownerRect.right, width, window.innerWidth, SUBMENU_GAP, preferLeft, margin);
+      const height = panel.offsetHeight;
+      const rowTop = rowRef.current.getBoundingClientRect().top;
+      const top = clampMenuTop(rowTop + height / 2, height, margin, window.innerHeight - margin);
+      panel.style.left = `${spot.left}px`;
+      panel.style.top = `${top}px`;
+      panel.dataset.flipped = String(spot.flipped);
+    };
+    place();
+    let second = 0;
+    const first = requestAnimationFrame(() => {
+      second = requestAnimationFrame(place);
+    });
+    return () => {
+      cancelAnimationFrame(first);
+      cancelAnimationFrame(second);
+    };
+  });
+  useEffect(() => {
+    if (!isOpen || !focusOnOpen.current) return;
+    focusOnOpen.current = false;
+    focusables(panelRef.current)[0]?.focus();
+  }, [isOpen]);
+  const childTree = useMemo(() => tree && { ...tree, depth: depth + 1 }, [tree, depth]);
+  if (!tree) throw new Error("PopupSubmenu must be rendered inside a PopupMenu");
+  const onRowKeyDown = (e) => {
+    if (e.key === "ArrowRight") {
+      e.preventDefault();
+      e.stopPropagation();
+      openNow(true);
+    }
+  };
+  const onPanelKeyDown = (e) => {
+    if (e.target.closest("[data-popup-submenu-panel]") !== e.currentTarget) return;
+    const items = focusables(panelRef.current);
+    const at = items.indexOf(document.activeElement);
+    const move = (to) => {
+      e.preventDefault();
+      e.stopPropagation();
+      items[(to + items.length) % items.length]?.focus();
+    };
+    if (e.key === "ArrowDown") move(at + 1);
+    else if (e.key === "ArrowUp") move(at < 0 ? items.length - 1 : at - 1);
+    else if (e.key === "Home") move(0);
+    else if (e.key === "End") move(items.length - 1);
+    else if (e.key === "ArrowLeft") {
+      e.preventDefault();
+      e.stopPropagation();
+      closeSelf();
+    }
+  };
+  const look = itemLook(false, disabled, className, isOpen);
+  const density = getDensity();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: rowRef,
+        type: "button",
+        role: "menuitem",
+        "aria-haspopup": "menu",
+        "aria-expanded": isOpen,
+        "aria-controls": isOpen ? panelId : void 0,
+        disabled,
+        "data-popup-submenu-row": true,
+        className: look.className,
+        style: look.style,
+        onClick: (e) => {
+          const byKey = e.detail === 0;
+          if (!isOpen) openNow(byKey);
+          else if (byKey) focusables(panelRef.current)[0]?.focus();
+        },
+        onKeyDown: onRowKeyDown,
+        onMouseEnter: () => {
+          if (disabled) return;
+          tree.cancelClose();
+          if (isOpen) {
+            tree.closeBelow(depth + 1);
+            return;
+          }
+          clearTimeout(openTimer.current);
+          openTimer.current = setTimeout(() => openNow(false), SUBMENU_OPEN_DELAY);
+        },
+        onMouseLeave: () => {
+          clearTimeout(openTimer.current);
+          tree.scheduleClose(depth);
+        },
+        children: [
+          icon,
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label }),
+          chevron
+        ]
+      }
+    ),
+    isOpen && createPortal(
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: panelRef,
+          id: panelId,
+          role: "menu",
+          "data-popup-menu-tree": tree.id,
+          "data-popup-submenu-panel": true,
+          className: `fixed rounded-2xl overflow-x-hidden overflow-y-auto overscroll-contain ${density === "tight" ? "py-1" : density === "large" ? "py-2" : "py-1.5"}`,
+          style: {
+            left: anchor.left,
+            top: anchor.y,
+            minWidth,
+            // The viewport cap always applies, so a long list scrolls rather
+            // than running off the screen even when no maxHeight is passed.
+            maxHeight: maxHeight === void 0 ? "calc(100vh - 16px)" : `min(${typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight}, calc(100vh - 16px))`,
+            zIndex: layerOf(tree.root.current) + depth + 1,
+            animation: `${anchor.flipped ? "popup-submenu-in-left" : "popup-submenu-in"} 0.1s ease-out`,
+            ...glassStyle()
+          },
+          onKeyDown: onPanelKeyDown,
+          onMouseEnter: () => {
+            tree.cancelClose();
+            clearTimeout(openTimer.current);
+          },
+          onMouseLeave: () => tree.scheduleClose(depth + 1),
+          onContextMenu: (e) => {
+            if (!keepsNativeMenu(e.target)) e.preventDefault();
+          },
+          children: [
+            /* @__PURE__ */ jsx(MenuTreeContext.Provider, { value: childTree, children }),
+            /* @__PURE__ */ jsx("style", { children: `@keyframes popup-submenu-in { from { opacity: 0; transform: translateX(-4px); } to { opacity: 1; transform: translateX(0); } }
+@keyframes popup-submenu-in-left { from { opacity: 0; transform: translateX(4px); } to { opacity: 1; transform: translateX(0); } }` })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function PopupMenuDivider() {
+  const density = getDensity();
+  return /* @__PURE__ */ jsx("div", { className: `border-t ${GLASS_DIVIDER} ${density === "tight" ? "my-0.5" : density === "large" ? "my-1.5" : "my-1"} mx-3` });
+}
+function PopupMenuLabel({ children }) {
+  const density = getDensity();
+  const labelPadY = density === "tight" ? "0.125rem" : density === "large" ? "0.375rem" : "0.25rem";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "text-[10px] font-medium text-gray-400 uppercase tracking-wider",
+      style: {
+        paddingLeft: "var(--menu-padding-x, 1rem)",
+        paddingRight: "var(--menu-padding-x, 1rem)",
+        paddingTop: labelPadY,
+        paddingBottom: labelPadY
+      },
+      children
+    }
+  );
+}
+function MenuIcon({ d, className = "h-4 w-4 text-gray-400" }) {
+  return /* @__PURE__ */ jsx("svg", { className, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d }) });
+}
+
+export { DEFAULT_SHELL_STRINGS, MenuIcon, NATIVE_MENU_ATTR, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, PopupSubmenu, ShellStringsProvider, clampMenuTop, closeMenuBelow, describeContextTarget, keepsNativeMenu, menuPanelLeft, openMenuLevel, resolveMenuLevels, useShellStrings };
+//# sourceMappingURL=chunk-7KIOEKHS.js.map
+//# sourceMappingURL=chunk-7KIOEKHS.js.map