efficient-shell 4.137.0 → 4.137.1

package/dist/chunk-IPXN646P.js

@@ -1,14 +0,0 @@
-// src/utils/rootTheme.ts
-function rootIsDark() {
-  try {
-    const root = document.documentElement;
-    return root.getAttribute("data-theme") === "dark" || root.classList.contains("dark");
-  } catch {
-    return false;
-  }
-}
-var ROOT_THEME_ATTRIBUTES = ["data-theme", "class"];
-
-export { ROOT_THEME_ATTRIBUTES, rootIsDark };
-//# sourceMappingURL=chunk-IPXN646P.js.map
-//# sourceMappingURL=chunk-IPXN646P.js.map

package/dist/chunk-IPXN646P.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/rootTheme.ts"],"names":[],"mappings":";AAYO,SAAS,UAAA,GAAsB;AACpC,EAAA,IAAI;AACF,IAAA,MAAM,OAAO,QAAA,CAAS,eAAA;AACtB,IAAA,OAAO,IAAA,CAAK,aAAa,YAAY,CAAA,KAAM,UAAU,IAAA,CAAK,SAAA,CAAU,SAAS,MAAM,CAAA;AAAA,EACrF,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,KAAA;AAAA,EACT;AACF;AAGO,IAAM,qBAAA,GAAwB,CAAC,YAAA,EAAc,OAAO","file":"chunk-IPXN646P.js","sourcesContent":["/**\n * Whether the document is in its dark theme, read off `<html>` the same way\n * ui.css reads it: `data-theme=\"dark\"` (what `useTheme()` stamps, and what the\n * EFFICIENT portals' own toggles stamp) OR a `dark` class (next-themes,\n * shadcn/ui, Tailwind's class strategy). Every dark rule in the stylesheet is\n * scoped by `:is([data-theme=\"dark\"], .dark)`; a component that decides in\n * script — a canvas, an inline glass tint — must agree with it, or it paints\n * light inside a page the stylesheet has already turned dark.\n *\n * Never throws: a document without a root (a server render, a detached test)\n * is light, which is also what the stylesheet would say.\n */\nexport function rootIsDark(): boolean {\n  try {\n    const root = document.documentElement;\n    return root.getAttribute('data-theme') === 'dark' || root.classList.contains('dark');\n  } catch {\n    return false;\n  }\n}\n\n/** The `<html>` attributes a theme change can arrive on — for a MutationObserver's `attributeFilter`. */\nexport const ROOT_THEME_ATTRIBUTES = ['data-theme', 'class'];\n"]}

package/dist/chunk-IRWSRJ4K.js

@@ -1,48 +0,0 @@
-import { useLayoutEffect, useEffect, useSyncExternalStore, useRef, useState, useCallback } from 'react';
-
-// src/shell/hydration.ts
-var IN_BROWSER = typeof window !== "undefined" && typeof document !== "undefined";
-var useBrowserLayoutEffect = IN_BROWSER ? useLayoutEffect : useEffect;
-var NO_SUBSCRIPTION = () => () => {
-};
-var ALWAYS = () => true;
-var NEVER = () => false;
-function useHydrated() {
-  return useSyncExternalStore(NO_SUBSCRIPTION, ALWAYS, NEVER);
-}
-function useBrowserValue(read, serverValue, subscribe = NO_SUBSCRIPTION) {
-  return useSyncExternalStore(subscribe, read, () => serverValue);
-}
-function useBrowserValueOnce(read, serverValue) {
-  const held = useRef(null);
-  return useSyncExternalStore(
-    NO_SUBSCRIPTION,
-    () => (held.current ??= { value: read() }).value,
-    () => serverValue
-  );
-}
-function useBrowserState(read, serverValue) {
-  const hydrated = useHydrated();
-  const [value, setValue] = useState(() => hydrated ? read() : serverValue);
-  const restored = useRef(hydrated);
-  const latestRead = useRef(read);
-  latestRead.current = read;
-  useBrowserLayoutEffect(() => {
-    if (!hydrated || restored.current) return;
-    restored.current = true;
-    setValue(latestRead.current());
-  }, [hydrated]);
-  const set = useCallback((next) => {
-    if (restored.current) {
-      setValue(next);
-      return;
-    }
-    restored.current = true;
-    setValue(typeof next === "function" ? next(latestRead.current()) : next);
-  }, []);
-  return [value, set];
-}
-
-export { useBrowserLayoutEffect, useBrowserState, useBrowserValue, useBrowserValueOnce, useHydrated };
-//# sourceMappingURL=chunk-IRWSRJ4K.js.map
-//# sourceMappingURL=chunk-IRWSRJ4K.js.map

package/dist/chunk-IRWSRJ4K.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/shell/hydration.ts"],"names":[],"mappings":";;;AAyCO,IAAM,UAAA,GAAa,OAAO,MAAA,KAAW,WAAA,IAAe,OAAO,QAAA,KAAa,WAAA;AASxE,IAAM,sBAAA,GAAyB,aAAa,eAAA,GAAkB;AAGrE,IAAM,eAAA,GAAkB,MAAM,MAAM;AAAC,CAAA;AACrC,IAAM,SAAS,MAAM,IAAA;AACrB,IAAM,QAAQ,MAAM,KAAA;AAOb,SAAS,WAAA,GAAuB;AACrC,EAAA,OAAO,oBAAA,CAAqB,eAAA,EAAiB,MAAA,EAAQ,KAAK,CAAA;AAC5D;AAYO,SAAS,eAAA,CACd,IAAA,EACA,WAAA,EACA,SAAA,GAAkD,eAAA,EAC/C;AACH,EAAA,OAAO,oBAAA,CAAqB,SAAA,EAAW,IAAA,EAAM,MAAM,WAAW,CAAA;AAChE;AAYO,SAAS,mBAAA,CAAuB,MAAe,WAAA,EAAmB;AACvE,EAAA,MAAM,IAAA,GAAO,OAA4B,IAAI,CAAA;AAC7C,EAAA,OAAO,oBAAA;AAAA,IACL,eAAA;AAAA,IACA,OAAO,IAAA,CAAK,OAAA,KAAY,EAAE,KAAA,EAAO,IAAA,IAAO,EAAG,KAAA;AAAA,IAC3C,MAAM;AAAA,GACR;AACF;AAiBO,SAAS,eAAA,CAAmB,MAAe,WAAA,EAAkD;AAClG,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,CAAC,OAAO,QAAQ,CAAA,GAAI,SAAY,MAAO,QAAA,GAAW,IAAA,EAAK,GAAI,WAAY,CAAA;AAG7E,EAAA,MAAM,QAAA,GAAW,OAAO,QAAQ,CAAA;AAChC,EAAA,MAAM,UAAA,GAAa,OAAO,IAAI,CAAA;AAC9B,EAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAErB,EAAA,sBAAA,CAAuB,MAAM;AAC3B,IAAA,IAAI,CAAC,QAAA,IAAY,QAAA,CAAS,OAAA,EAAS;AACnC,IAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AACnB,IAAA,QAAA,CAAS,UAAA,CAAW,SAAS,CAAA;AAAA,EAC/B,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,GAAA,GAAM,WAAA,CAAyC,CAAC,IAAA,KAAS;AAC7D,IAAA,IAAI,SAAS,OAAA,EAAS;AACpB,MAAA,QAAA,CAAS,IAAI,CAAA;AACb,MAAA;AAAA,IACF;AACA,IAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AACnB,IAAA,QAAA,CAAS,OAAO,SAAS,UAAA,GAAc,IAAA,CAAwB,WAAW,OAAA,EAAS,IAAI,IAAI,CAAA;AAAA,EAC7F,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,CAAC,OAAO,GAAG,CAAA;AACpB","file":"chunk-IRWSRJ4K.js","sourcesContent":["/**\n * Rendering on a server, and hydrating what it sent.\n *\n * Every consumer this package had until now mounted it in the browser and\n * nowhere else — the portals are static exports that load the app behind\n * `dynamic(…, { ssr: false })`, so the first render always ran with a window, a\n * clock and the reader's storage in reach. A Next.js App Router consumer renders\n * on a SERVER first and then hydrates that HTML in the browser, and hydration\n * has one rule nothing here ever had to keep: the browser's first render must\n * produce exactly the HTML the server did. A component that reads the platform,\n * a stored width, today's date or a media query while it renders draws one thing\n * on the server and another in the browser, and React either logs a mismatch\n * and leaves the wrong attribute in place, or throws the server HTML away.\n *\n * So the rule for anything only a browser knows: the server — and the hydration\n * pass that has to agree with it — renders a fixed SERVER value, and the\n * browser's value arrives in the render after. The other half matters as much,\n * because the browser-only consumers are the ones this package has: a root that\n * was NOT server-rendered (`createRoot`, a dialog mounted later, a client-only\n * page) reads the browser's value on its very first render, exactly as before,\n * with no frame of the server value and no extra render.\n *\n * `useSyncExternalStore` is what tells the two apart. React calls its\n * `getServerSnapshot` on the server AND while hydrating, and `getSnapshot`\n * everywhere else, then re-renders with `getSnapshot` once hydration commits if\n * the two disagree. That is the whole mechanism; the hooks below are that one\n * call shaped for the three ways the kit needs it.\n */\nimport {\n  useCallback, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore,\n  type Dispatch, type SetStateAction,\n} from 'react';\n\n/**\n * A browser, as opposed to a server. Read once, at module scope, because it\n * cannot change for the life of the module: a server never turns into a browser.\n *\n * `window` rather than `navigator`: Node has had a global `navigator` since 21,\n * and its `platform` is the SERVER's — a guard on it reads a Mac build machine\n * as a Mac reader.\n */\nexport const IN_BROWSER = typeof window !== 'undefined' && typeof document !== 'undefined';\n\n/**\n * `useLayoutEffect` in a browser, `useEffect` where there is no DOM.\n *\n * Neither runs on a server, but React 18's server renderer warns about every\n * `useLayoutEffect` it meets, once per component per render. Chosen at module\n * scope, so the hook order is the same on every render either way.\n */\nexport const useBrowserLayoutEffect = IN_BROWSER ? useLayoutEffect : useEffect;\n\n/** Nothing to subscribe to: the value is read again on the next render. */\nconst NO_SUBSCRIPTION = () => () => {};\nconst ALWAYS = () => true;\nconst NEVER = () => false;\n\n/**\n * False while React renders on a server or hydrates the HTML it sent; true\n * otherwise — including the very FIRST render of a root that was never\n * server-rendered, which is what keeps a client-only consumer exactly as it was.\n */\nexport function useHydrated(): boolean {\n  return useSyncExternalStore(NO_SUBSCRIPTION, ALWAYS, NEVER);\n}\n\n/**\n * A value only the browser knows, read on every render, with `serverValue` in\n * its place on a server and while hydrating.\n *\n * `read` must return the same value for the same state of the world — a\n * primitive, or a cached object — because React compares consecutive reads to\n * decide whether anything changed. Pass `subscribe` to re-render when it does\n * (a media query); without one the value is simply read again on the next\n * render, which is what the code this replaced did by calling it inline.\n */\nexport function useBrowserValue<T>(\n  read: () => T,\n  serverValue: T,\n  subscribe: (onChange: () => void) => () => void = NO_SUBSCRIPTION,\n): T {\n  return useSyncExternalStore(subscribe, read, () => serverValue);\n}\n\n/**\n * A browser value read ONCE per mounted component — the moment it mounted, or\n * the moment hydration ended — and held for its lifetime.\n *\n * For what the kit used to capture with `useState(() => Date.now())`: \"now\" as\n * a timeline's coordinate, which must not drift while the reader looks at it.\n * The state initialiser runs during hydration as well, so it put the browser's\n * clock into a render that had to match the server's; this holds the server\n * value until hydration ends and reads the clock then.\n */\nexport function useBrowserValueOnce<T>(read: () => T, serverValue: T): T {\n  const held = useRef<{ value: T } | null>(null);\n  return useSyncExternalStore(\n    NO_SUBSCRIPTION,\n    () => (held.current ??= { value: read() }).value,\n    () => serverValue,\n  );\n}\n\n/**\n * `useState` whose initial value comes from the browser — a stored width, the\n * saved prefs — and starts as `serverValue` when the HTML came from a server.\n *\n * A client-only root reads the browser on its first render, as the\n * `useState(() => localStorage…)` this replaces did, so nothing about it\n * changes. A hydrating root renders `serverValue`, then reads the browser in a\n * layout effect the moment hydration ends — before that render is painted.\n *\n * An update made in between is applied to the BROWSER's value, not to the\n * placeholder, and counts as the restore. The window is real: the children's\n * effects run when hydration commits, before the restore, and a `save(patch)`\n * from one of them would otherwise merge the patch into the defaults and write\n * that over everything the reader had stored.\n */\nexport function useBrowserState<T>(read: () => T, serverValue: T): [T, Dispatch<SetStateAction<T>>] {\n  const hydrated = useHydrated();\n  const [value, setValue] = useState<T>(() => (hydrated ? read() : serverValue));\n  // True once the state holds the browser's value: from the start on a\n  // client-only root, after the restore below on a hydrated one.\n  const restored = useRef(hydrated);\n  const latestRead = useRef(read);\n  latestRead.current = read;\n\n  useBrowserLayoutEffect(() => {\n    if (!hydrated || restored.current) return;\n    restored.current = true;\n    setValue(latestRead.current());\n  }, [hydrated]);\n\n  const set = useCallback<Dispatch<SetStateAction<T>>>((next) => {\n    if (restored.current) {\n      setValue(next);\n      return;\n    }\n    restored.current = true;\n    setValue(typeof next === 'function' ? (next as (prev: T) => T)(latestRead.current()) : next);\n  }, []);\n\n  return [value, set];\n}\n"]}

package/dist/chunk-JOPU6WPY.js

@@ -1,504 +0,0 @@
-import { onOverlayOpen, Z_LAYERS, registerModalEscapeInterceptor } from './chunk-I2TAAJHS.js';
-import { glassStyle, GLASS_DIVIDER } from './chunk-6XJEJWNJ.js';
-import { useHydrated, useBrowserLayoutEffect } from './chunk-IRWSRJ4K.js';
-import { createContext, forwardRef, useContext, useRef, useId, useState, useEffect, useMemo, useCallback } from 'react';
-import { createPortal } from 'react-dom';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-// 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() {
-  try {
-    return getComputedStyle(document.documentElement).getPropertyValue("--menu-density")?.trim() || "normal";
-  } catch {
-    return "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 hydrated = useHydrated();
-  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__ */ jsx(
-    "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 })
-    }
-  );
-  if (!portal) return menu;
-  return hydrated ? createPortal(menu, document.body) : null;
-}
-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;
-    });
-  });
-  useBrowserLayoutEffect(() => {
-    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__ */ jsx(
-        "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 })
-        }
-      ),
-      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-xs font-medium uppercase tracking-wide",
-      style: {
-        color: "var(--ink-muted)",
-        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 { MenuIcon, NATIVE_MENU_ATTR, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, PopupSubmenu, clampMenuTop, closeMenuBelow, describeContextTarget, itemLook, keepsNativeMenu, menuPanelLeft, openMenuLevel, resolveMenuLevels };
-//# sourceMappingURL=chunk-JOPU6WPY.js.map
-//# sourceMappingURL=chunk-JOPU6WPY.js.map