@zentauri-ui/zentauri-components 1.7.5 → 1.7.6

package/dist/ui/context-menu.js

@@ -0,0 +1,500 @@
+"use client";
+'use strict';
+
+var chunkZX2IBIZT_js = require('../chunk-ZX2IBIZT.js');
+var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
+var react = require('react');
+var fi = require('react-icons/fi');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/design-system/context-menu.ts
+var zuiContextMenuContentBase = "min-w-[220px] rounded-lg border border-[color:var(--zui-dropdown-content-border,oklch(20.8%_0.042_265.755_/_0.1))] bg-[var(--zui-dropdown-content-bg,oklch(96.8%_0.007_247.896))] p-2 text-[color:var(--zui-dropdown-content-fg,oklch(20.8%_0.042_265.755))] shadow-lg outline-none dark:border-[color:var(--zui-dropdown-content-border-dark,#ffffff1a)] dark:bg-[var(--zui-dropdown-content-bg-dark,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dropdown-content-fg-dark,oklch(96.8%_0.007_247.896))]";
+var zuiContextMenuItemBase = chunkZX2IBIZT_js.zuiDropdownItemBase;
+var zuiContextMenuItemVariants = {
+  ...chunkZX2IBIZT_js.zuiDropdownItemVariants,
+  ghost: `${chunkZX2IBIZT_js.zuiDropdownItemVariants.ghost} dark:bg-[var(--zui-dropdown-item-ghost-bg-dark,transparent)]`,
+  sky: `${chunkZX2IBIZT_js.zuiDropdownItemVariants.sky} dark:bg-[var(--zui-dropdown-item-sky-bg-dark,oklch(29.3%_0.066_243.157))] dark:text-[color:var(--zui-dropdown-item-sky-fg-dark,oklch(90.1%_0.058_230.902))] dark:hover:text-[color:var(--zui-dropdown-item-sky-fg-hover-dark,oklch(90.1%_0.058_230.902))]`,
+  rose: `${chunkZX2IBIZT_js.zuiDropdownItemVariants.rose} dark:bg-[var(--zui-dropdown-item-rose-bg-dark,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-dropdown-item-rose-fg-dark,oklch(89.2%_0.058_10.001))] dark:hover:text-[color:var(--zui-dropdown-item-rose-fg-hover-dark,oklch(89.2%_0.058_10.001))]`,
+  purple: `${chunkZX2IBIZT_js.zuiDropdownItemVariants.purple} dark:bg-[var(--zui-dropdown-item-purple-bg-dark,oklch(29.1%_0.149_302.717))] dark:text-[color:var(--zui-dropdown-item-purple-fg-dark,oklch(90.2%_0.063_306.703))] dark:hover:text-[color:var(--zui-dropdown-item-purple-fg-hover-dark,oklch(90.2%_0.063_306.703))]`,
+  pink: `${chunkZX2IBIZT_js.zuiDropdownItemVariants.pink} dark:bg-[var(--zui-dropdown-item-pink-bg-dark,oklch(28.4%_0.109_3.907))] dark:text-[color:var(--zui-dropdown-item-pink-fg-dark,oklch(89.9%_0.061_343.231))] dark:hover:text-[color:var(--zui-dropdown-item-pink-fg-hover-dark,oklch(89.9%_0.061_343.231))]`,
+  orange: `${chunkZX2IBIZT_js.zuiDropdownItemVariants.orange} dark:bg-[var(--zui-dropdown-item-orange-bg-dark,oklch(26.6%_0.079_36.259))] dark:text-[color:var(--zui-dropdown-item-orange-fg-dark,oklch(90.1%_0.076_70.697))] dark:hover:text-[color:var(--zui-dropdown-item-orange-fg-hover-dark,oklch(90.1%_0.076_70.697))]`,
+  yellow: `${chunkZX2IBIZT_js.zuiDropdownItemVariants.yellow} dark:bg-[var(--zui-dropdown-item-yellow-bg-dark,oklch(28.6%_0.066_53.813))] dark:text-[color:var(--zui-dropdown-item-yellow-fg-dark,oklch(94.5%_0.129_101.54))] dark:hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover-dark,oklch(94.5%_0.129_101.54))]`,
+  teal: `${chunkZX2IBIZT_js.zuiDropdownItemVariants.teal} dark:bg-[var(--zui-dropdown-item-teal-bg-dark,oklch(27.7%_0.046_192.524))] dark:text-[color:var(--zui-dropdown-item-teal-fg-dark,oklch(91%_0.096_180.426))] dark:hover:text-[color:var(--zui-dropdown-item-teal-fg-hover-dark,oklch(91%_0.096_180.426))]`,
+  indigo: `${chunkZX2IBIZT_js.zuiDropdownItemVariants.indigo} dark:bg-[var(--zui-dropdown-item-indigo-bg-dark,oklch(25.7%_0.09_281.288))] dark:text-[color:var(--zui-dropdown-item-indigo-fg-dark,oklch(87%_0.065_274.039))] dark:hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover-dark,oklch(87%_0.065_274.039))]`,
+  emerald: `${chunkZX2IBIZT_js.zuiDropdownItemVariants.emerald} dark:bg-[var(--zui-dropdown-item-emerald-bg-dark,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-dropdown-item-emerald-fg-dark,oklch(90.5%_0.093_164.15))] dark:hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover-dark,oklch(90.5%_0.093_164.15))]`,
+  gray: `${chunkZX2IBIZT_js.zuiDropdownItemVariants.gray} dark:bg-[var(--zui-dropdown-item-gray-bg-dark,oklch(13%_0.028_261.692))] dark:text-[color:var(--zui-dropdown-item-gray-fg-dark,oklch(92.8%_0.006_264.531))] dark:hover:text-[color:var(--zui-dropdown-item-gray-fg-hover-dark,oklch(92.8%_0.006_264.531))]`,
+  amber: `${chunkZX2IBIZT_js.zuiDropdownItemVariants.amber} dark:bg-[var(--zui-dropdown-item-amber-bg-dark,oklch(27.9%_0.077_45.635))] dark:text-[color:var(--zui-dropdown-item-amber-fg-dark,oklch(92.4%_0.12_95.746))] dark:hover:text-[color:var(--zui-dropdown-item-amber-fg-hover-dark,oklch(92.4%_0.12_95.746))]`,
+  violet: `${chunkZX2IBIZT_js.zuiDropdownItemVariants.violet} dark:bg-[var(--zui-dropdown-item-violet-bg-dark,oklch(28.3%_0.141_291.089))] dark:text-[color:var(--zui-dropdown-item-violet-fg-dark,oklch(89.4%_0.057_293.283))] dark:hover:text-[color:var(--zui-dropdown-item-violet-fg-hover-dark,oklch(89.4%_0.057_293.283))]`,
+  "gradient-blue": `${chunkZX2IBIZT_js.zuiDropdownItemVariants["gradient-blue"]} dark:from-[var(--zui-dropdown-item-gradient-blue-from-dark,oklch(28.2%_0.091_267.935))] dark:to-[var(--zui-dropdown-item-gradient-blue-to-dark,oklch(29.1%_0.149_302.717))]`,
+  "gradient-green": `${chunkZX2IBIZT_js.zuiDropdownItemVariants["gradient-green"]} dark:from-[var(--zui-dropdown-item-gradient-green-from-dark,oklch(26.6%_0.065_152.934))] dark:to-[var(--zui-dropdown-item-gradient-green-to-dark,oklch(27.4%_0.072_132.109))]`,
+  "gradient-red": `${chunkZX2IBIZT_js.zuiDropdownItemVariants["gradient-red"]} dark:from-[var(--zui-dropdown-item-gradient-red-from-dark,oklch(25.8%_0.092_26.042))] dark:to-[var(--zui-dropdown-item-gradient-red-to-dark,oklch(28.4%_0.109_3.907))]`,
+  "gradient-yellow": `${chunkZX2IBIZT_js.zuiDropdownItemVariants["gradient-yellow"]} dark:from-[var(--zui-dropdown-item-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813))] dark:to-[var(--zui-dropdown-item-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259))]`,
+  "gradient-purple": `${chunkZX2IBIZT_js.zuiDropdownItemVariants["gradient-purple"]} dark:from-[var(--zui-dropdown-item-gradient-purple-from-dark,oklch(29.1%_0.149_302.717))] dark:to-[var(--zui-dropdown-item-gradient-purple-to-dark,oklch(28.4%_0.109_3.907))]`,
+  "gradient-teal": `${chunkZX2IBIZT_js.zuiDropdownItemVariants["gradient-teal"]} dark:from-[var(--zui-dropdown-item-gradient-teal-from-dark,oklch(27.7%_0.046_192.524))] dark:to-[var(--zui-dropdown-item-gradient-teal-to-dark,oklch(30.2%_0.056_229.695))]`,
+  "gradient-indigo": `${chunkZX2IBIZT_js.zuiDropdownItemVariants["gradient-indigo"]} dark:from-[var(--zui-dropdown-item-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288))] dark:to-[var(--zui-dropdown-item-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717))]`,
+  "gradient-pink": `${chunkZX2IBIZT_js.zuiDropdownItemVariants["gradient-pink"]} dark:from-[var(--zui-dropdown-item-gradient-pink-from-dark,oklch(28.4%_0.109_3.907))] dark:to-[var(--zui-dropdown-item-gradient-pink-to-dark,oklch(27.1%_0.105_12.094))]`,
+  "gradient-orange": `${chunkZX2IBIZT_js.zuiDropdownItemVariants["gradient-orange"]} dark:from-[var(--zui-dropdown-item-gradient-orange-from-dark,oklch(26.6%_0.079_36.259))] dark:to-[var(--zui-dropdown-item-gradient-orange-to-dark,oklch(25.8%_0.092_26.042))]`
+};
+var zuiContextMenuSpacing = chunkZX2IBIZT_js.zuiDropdownSpacing;
+var zuiContextMenuLabelBase = "px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-[color:var(--zui-dropdown-label-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-dropdown-label-fg-dark,oklch(70.7%_0.022_261.325))]";
+var zuiContextMenuSeparatorBase = "my-1 h-px bg-[var(--zui-dropdown-separator-bg,oklch(20.8%_0.042_265.755_/_0.12))] dark:bg-[var(--zui-dropdown-separator-bg-dark,#ffffff1a)]";
+var contextMenuContentVariants = classVarianceAuthority.cva(zuiContextMenuContentBase, {
+  variants: {
+    spacing: zuiContextMenuSpacing
+  },
+  defaultVariants: {
+    spacing: "default"
+  }
+});
+var contextMenuItemVariants = classVarianceAuthority.cva(zuiContextMenuItemBase, {
+  variants: {
+    variant: zuiContextMenuItemVariants
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var ContextMenuContext = react.createContext(null);
+var ContextMenuSubContext = react.createContext(
+  null
+);
+var useContextMenu = () => {
+  const context = react.useContext(ContextMenuContext);
+  if (!context) {
+    throw new Error("ContextMenu components must be used within ContextMenu");
+  }
+  return context;
+};
+var useContextMenuSub = () => {
+  const context = react.useContext(ContextMenuSubContext);
+  if (!context) {
+    throw new Error(
+      "ContextMenuSub components must be used within ContextMenuSub"
+    );
+  }
+  return context;
+};
+function mergeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    }
+  };
+}
+var getSafePosition = ({
+  position,
+  width,
+  height,
+  collisionPadding
+}) => {
+  const fallback = position ?? { x: collisionPadding, y: collisionPadding };
+  if (typeof window === "undefined") {
+    return fallback;
+  }
+  return {
+    x: Math.max(
+      collisionPadding,
+      Math.min(fallback.x, window.innerWidth - width - collisionPadding)
+    ),
+    y: Math.max(
+      collisionPadding,
+      Math.min(fallback.y, window.innerHeight - height - collisionPadding)
+    )
+  };
+};
+var ContextMenu = ({
+  children,
+  defaultOpen = false,
+  open: controlledOpen,
+  onOpenChange,
+  closeOnEscape = true,
+  closeOnOutsideClick = true
+}) => {
+  const [uncontrolledOpen, setUncontrolledOpen] = react.useState(defaultOpen);
+  const [position, setPosition] = react.useState(null);
+  const contentId = `${react.useId()}-context-menu`;
+  const triggerRef = react.useRef(null);
+  const contentRef = react.useRef(null);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : uncontrolledOpen;
+  const setOpen = react.useCallback(
+    (nextOpen) => {
+      if (!isControlled) {
+        setUncontrolledOpen(nextOpen);
+      }
+      onOpenChange?.(nextOpen);
+    },
+    [isControlled, onOpenChange]
+  );
+  const openAt = react.useCallback(
+    (nextPosition) => {
+      setPosition(nextPosition);
+      setOpen(true);
+    },
+    [setOpen]
+  );
+  react.useEffect(() => {
+    if (!open) {
+      return void 0;
+    }
+    const onPointerDown = (event) => {
+      if (!closeOnOutsideClick) {
+        return;
+      }
+      const target = event.target;
+      if (contentRef.current?.contains(target)) {
+        return;
+      }
+      if (triggerRef.current?.contains(target) && event.button !== 0) {
+        return;
+      }
+      setOpen(false);
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape" && closeOnEscape) {
+        setOpen(false);
+        triggerRef.current?.focus();
+      }
+    };
+    const onScroll = () => {
+      setOpen(false);
+    };
+    document.addEventListener("pointerdown", onPointerDown);
+    document.addEventListener("keydown", onKeyDown);
+    document.addEventListener("scroll", onScroll, { capture: true });
+    return () => {
+      document.removeEventListener("pointerdown", onPointerDown);
+      document.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener("scroll", onScroll, { capture: true });
+    };
+  }, [closeOnEscape, closeOnOutsideClick, open, setOpen]);
+  const contextValue = react.useMemo(
+    () => ({
+      open,
+      setOpen,
+      openAt,
+      contentId,
+      triggerRef,
+      contentRef,
+      position
+    }),
+    [contentId, open, openAt, setOpen, position]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "contents", children }) });
+};
+var ContextMenuTrigger = ({
+  children,
+  className,
+  disabled = false
+}) => {
+  const { open, openAt, contentId, triggerRef } = useContextMenu();
+  const handleContextMenu = (event) => {
+    if (disabled) {
+      return;
+    }
+    event.preventDefault();
+    const isKeyboardTrigger = event.clientX === 0 && event.clientY === 0;
+    if (isKeyboardTrigger) {
+      const rect = event.currentTarget.getBoundingClientRect();
+      openAt({ x: rect.left, y: rect.bottom });
+    } else {
+      openAt({ x: event.clientX, y: event.clientY });
+    }
+  };
+  const childList = react.Children.toArray(children).filter(
+    (node) => node !== null && node !== void 0 && typeof node !== "boolean"
+  );
+  const soleCandidate = childList.length === 1 && react.isValidElement(childList[0]) ? childList[0] : void 0;
+  if (soleCandidate) {
+    return react.cloneElement(soleCandidate, {
+      ref: mergeRefs(triggerRef, soleCandidate.props.ref),
+      onContextMenu: (event) => {
+        soleCandidate.props.onContextMenu?.(event);
+        if (!event.defaultPrevented) {
+          handleContextMenu(event);
+        }
+      },
+      className: chunkZS5756ZC_js.cn(className, soleCandidate.props.className),
+      tabIndex: soleCandidate.props.tabIndex ?? 0,
+      "aria-controls": open ? contentId : void 0,
+      "aria-expanded": open,
+      "aria-haspopup": "menu"
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ref: triggerRef,
+      className,
+      tabIndex: 0,
+      onContextMenu: handleContextMenu,
+      "aria-controls": open ? contentId : void 0,
+      "aria-expanded": open,
+      "aria-haspopup": "menu",
+      children
+    }
+  );
+};
+var ContextMenuContent = ({
+  children,
+  className,
+  collisionPadding = 8,
+  spacing,
+  style,
+  width = 220,
+  ...props
+}) => {
+  const { open, contentId, contentRef, position } = useContextMenu();
+  const [menuSize, setMenuSize] = react.useState({ width, height: 0 });
+  react.useLayoutEffect(() => {
+    if (!open || !contentRef.current) {
+      return;
+    }
+    const rect = contentRef.current.getBoundingClientRect();
+    const nextSize = {
+      width: Math.max(width, rect.width),
+      height: rect.height
+    };
+    setMenuSize(
+      (currentSize) => currentSize.width === nextSize.width && currentSize.height === nextSize.height ? currentSize : nextSize
+    );
+  });
+  react.useEffect(() => {
+    if (!open) {
+      setMenuSize({ width, height: 0 });
+    }
+  }, [open, width]);
+  if (!open) {
+    return null;
+  }
+  const safePosition = getSafePosition({
+    position,
+    width: menuSize.width,
+    height: menuSize.height,
+    collisionPadding
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: contentRef,
+      id: contentId,
+      role: "menu",
+      tabIndex: -1,
+      className: chunkZS5756ZC_js.cn(
+        contextMenuContentVariants({ spacing }),
+        "fixed z-50",
+        className
+      ),
+      style: {
+        left: safePosition.x,
+        top: safePosition.y,
+        minWidth: width,
+        ...style
+      },
+      ...props,
+      children
+    }
+  );
+};
+var ContextMenuItem = ({
+  children,
+  className,
+  closeOnSelect = true,
+  disabled = false,
+  inset = false,
+  leftIcon,
+  onClick,
+  onKeyDown,
+  onSelect,
+  rightIcon,
+  variant,
+  ...props
+}) => {
+  const { setOpen } = useContextMenu();
+  const handleSelect = () => {
+    if (disabled) {
+      return;
+    }
+    onSelect?.();
+    if (closeOnSelect) {
+      setOpen(false);
+    }
+  };
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented || disabled) {
+      return;
+    }
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      handleSelect();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "menuitem",
+      tabIndex: disabled ? void 0 : 0,
+      "aria-disabled": disabled || void 0,
+      className: chunkZS5756ZC_js.cn(
+        contextMenuItemVariants({ variant }),
+        inset && "pl-8",
+        disabled && "pointer-events-none cursor-not-allowed opacity-50",
+        className
+      ),
+      onClick: (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) {
+          handleSelect();
+        }
+      },
+      onKeyDown: handleKeyDown,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+          leftIcon,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children })
+        ] }),
+        rightIcon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4 flex items-center", children: rightIcon }) : null
+      ]
+    }
+  );
+};
+var ContextMenuLabel = ({
+  children,
+  className,
+  inset = false,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      className: chunkZS5756ZC_js.cn(zuiContextMenuLabelBase, inset && "pl-8", className),
+      ...props,
+      children
+    }
+  );
+};
+var ContextMenuSeparator = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "separator",
+      className: chunkZS5756ZC_js.cn(zuiContextMenuSeparatorBase, className),
+      ...props
+    }
+  );
+};
+var ContextMenuSub = ({
+  children,
+  defaultOpen = false
+}) => {
+  const [open, setOpen] = react.useState(defaultOpen);
+  const value = react.useMemo(() => ({ open, setOpen }), [open]);
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuSubContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", onPointerLeave: () => setOpen(false), children }) });
+};
+var ContextMenuSubTrigger = ({
+  children,
+  className,
+  disabled = false,
+  inset = false,
+  onFocus,
+  onKeyDown,
+  onPointerEnter,
+  rightIcon = /* @__PURE__ */ jsxRuntime.jsx(fi.FiChevronRight, { "aria-hidden": "true" }),
+  variant,
+  ...props
+}) => {
+  const { open, setOpen } = useContextMenuSub();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "menuitem",
+      tabIndex: disabled ? void 0 : 0,
+      "aria-disabled": disabled || void 0,
+      "aria-expanded": open,
+      "aria-haspopup": "menu",
+      className: chunkZS5756ZC_js.cn(
+        contextMenuItemVariants({ variant }),
+        inset && "pl-8",
+        disabled && "pointer-events-none cursor-not-allowed opacity-50",
+        className
+      ),
+      onFocus: (event) => {
+        onFocus?.(event);
+      },
+      onPointerEnter: (event) => {
+        onPointerEnter?.(event);
+        if (!disabled) {
+          setOpen(true);
+        }
+      },
+      onKeyDown: (event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented || disabled) {
+          return;
+        }
+        if (event.key === "ArrowRight" || event.key === "Enter") {
+          event.preventDefault();
+          setOpen(true);
+        }
+        if (event.key === "ArrowLeft") {
+          event.preventDefault();
+          setOpen(false);
+        }
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4 flex items-center", children: rightIcon })
+      ]
+    }
+  );
+};
+var ContextMenuSubContent = ({
+  children,
+  className,
+  spacing,
+  ...props
+}) => {
+  const { open } = useContextMenuSub();
+  if (!open) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "menu",
+      tabIndex: -1,
+      className: chunkZS5756ZC_js.cn(
+        contextMenuContentVariants({ spacing }),
+        "absolute left-full top-0 z-50 ml-2",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+
+exports.ContextMenu = ContextMenu;
+exports.ContextMenuContent = ContextMenuContent;
+exports.ContextMenuItem = ContextMenuItem;
+exports.ContextMenuLabel = ContextMenuLabel;
+exports.ContextMenuSeparator = ContextMenuSeparator;
+exports.ContextMenuSub = ContextMenuSub;
+exports.ContextMenuSubContent = ContextMenuSubContent;
+exports.ContextMenuSubTrigger = ContextMenuSubTrigger;
+exports.ContextMenuTrigger = ContextMenuTrigger;
+exports.contextMenuContentVariants = contextMenuContentVariants;
+exports.contextMenuItemVariants = contextMenuItemVariants;
+//# sourceMappingURL=context-menu.js.map
+//# sourceMappingURL=context-menu.js.map

package/dist/ui/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/design-system/context-menu.ts","../../src/ui/context-menu/variants.ts","../../src/ui/context-menu/context-menu.tsx"],"names":["zuiDropdownItemBase","zuiDropdownItemVariants","zuiDropdownSpacing","cva","createContext","useContext","useState","useId","useRef","useCallback","useEffect","useMemo","jsx","Children","isValidElement","cloneElement","cn","useLayoutEffect","jsxs","FiChevronRight"],"mappings":"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","file":"context-menu.js","sourcesContent":["import {\n  zuiDropdownItemBase,\n  zuiDropdownItemVariants,\n  zuiDropdownSpacing,\n} from \"./dropdown\";\n\nexport const zuiContextMenuContentBase =\n  \"min-w-[220px] rounded-lg border border-[color:var(--zui-dropdown-content-border,oklch(20.8%_0.042_265.755_/_0.1))] bg-[var(--zui-dropdown-content-bg,oklch(96.8%_0.007_247.896))] p-2 text-[color:var(--zui-dropdown-content-fg,oklch(20.8%_0.042_265.755))] shadow-lg outline-none dark:border-[color:var(--zui-dropdown-content-border-dark,#ffffff1a)] dark:bg-[var(--zui-dropdown-content-bg-dark,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dropdown-content-fg-dark,oklch(96.8%_0.007_247.896))]\";\n\nexport const zuiContextMenuItemBase = zuiDropdownItemBase;\n\nexport const zuiContextMenuItemVariants = {\n  ...zuiDropdownItemVariants,\n  ghost: `${zuiDropdownItemVariants.ghost} dark:bg-[var(--zui-dropdown-item-ghost-bg-dark,transparent)]`,\n  sky: `${zuiDropdownItemVariants.sky} dark:bg-[var(--zui-dropdown-item-sky-bg-dark,oklch(29.3%_0.066_243.157))] dark:text-[color:var(--zui-dropdown-item-sky-fg-dark,oklch(90.1%_0.058_230.902))] dark:hover:text-[color:var(--zui-dropdown-item-sky-fg-hover-dark,oklch(90.1%_0.058_230.902))]`,\n  rose: `${zuiDropdownItemVariants.rose} dark:bg-[var(--zui-dropdown-item-rose-bg-dark,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-dropdown-item-rose-fg-dark,oklch(89.2%_0.058_10.001))] dark:hover:text-[color:var(--zui-dropdown-item-rose-fg-hover-dark,oklch(89.2%_0.058_10.001))]`,\n  purple: `${zuiDropdownItemVariants.purple} dark:bg-[var(--zui-dropdown-item-purple-bg-dark,oklch(29.1%_0.149_302.717))] dark:text-[color:var(--zui-dropdown-item-purple-fg-dark,oklch(90.2%_0.063_306.703))] dark:hover:text-[color:var(--zui-dropdown-item-purple-fg-hover-dark,oklch(90.2%_0.063_306.703))]`,\n  pink: `${zuiDropdownItemVariants.pink} dark:bg-[var(--zui-dropdown-item-pink-bg-dark,oklch(28.4%_0.109_3.907))] dark:text-[color:var(--zui-dropdown-item-pink-fg-dark,oklch(89.9%_0.061_343.231))] dark:hover:text-[color:var(--zui-dropdown-item-pink-fg-hover-dark,oklch(89.9%_0.061_343.231))]`,\n  orange: `${zuiDropdownItemVariants.orange} dark:bg-[var(--zui-dropdown-item-orange-bg-dark,oklch(26.6%_0.079_36.259))] dark:text-[color:var(--zui-dropdown-item-orange-fg-dark,oklch(90.1%_0.076_70.697))] dark:hover:text-[color:var(--zui-dropdown-item-orange-fg-hover-dark,oklch(90.1%_0.076_70.697))]`,\n  yellow: `${zuiDropdownItemVariants.yellow} dark:bg-[var(--zui-dropdown-item-yellow-bg-dark,oklch(28.6%_0.066_53.813))] dark:text-[color:var(--zui-dropdown-item-yellow-fg-dark,oklch(94.5%_0.129_101.54))] dark:hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover-dark,oklch(94.5%_0.129_101.54))]`,\n  teal: `${zuiDropdownItemVariants.teal} dark:bg-[var(--zui-dropdown-item-teal-bg-dark,oklch(27.7%_0.046_192.524))] dark:text-[color:var(--zui-dropdown-item-teal-fg-dark,oklch(91%_0.096_180.426))] dark:hover:text-[color:var(--zui-dropdown-item-teal-fg-hover-dark,oklch(91%_0.096_180.426))]`,\n  indigo: `${zuiDropdownItemVariants.indigo} dark:bg-[var(--zui-dropdown-item-indigo-bg-dark,oklch(25.7%_0.09_281.288))] dark:text-[color:var(--zui-dropdown-item-indigo-fg-dark,oklch(87%_0.065_274.039))] dark:hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover-dark,oklch(87%_0.065_274.039))]`,\n  emerald: `${zuiDropdownItemVariants.emerald} dark:bg-[var(--zui-dropdown-item-emerald-bg-dark,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-dropdown-item-emerald-fg-dark,oklch(90.5%_0.093_164.15))] dark:hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover-dark,oklch(90.5%_0.093_164.15))]`,\n  gray: `${zuiDropdownItemVariants.gray} dark:bg-[var(--zui-dropdown-item-gray-bg-dark,oklch(13%_0.028_261.692))] dark:text-[color:var(--zui-dropdown-item-gray-fg-dark,oklch(92.8%_0.006_264.531))] dark:hover:text-[color:var(--zui-dropdown-item-gray-fg-hover-dark,oklch(92.8%_0.006_264.531))]`,\n  amber: `${zuiDropdownItemVariants.amber} dark:bg-[var(--zui-dropdown-item-amber-bg-dark,oklch(27.9%_0.077_45.635))] dark:text-[color:var(--zui-dropdown-item-amber-fg-dark,oklch(92.4%_0.12_95.746))] dark:hover:text-[color:var(--zui-dropdown-item-amber-fg-hover-dark,oklch(92.4%_0.12_95.746))]`,\n  violet: `${zuiDropdownItemVariants.violet} dark:bg-[var(--zui-dropdown-item-violet-bg-dark,oklch(28.3%_0.141_291.089))] dark:text-[color:var(--zui-dropdown-item-violet-fg-dark,oklch(89.4%_0.057_293.283))] dark:hover:text-[color:var(--zui-dropdown-item-violet-fg-hover-dark,oklch(89.4%_0.057_293.283))]`,\n  \"gradient-blue\": `${zuiDropdownItemVariants[\"gradient-blue\"]} dark:from-[var(--zui-dropdown-item-gradient-blue-from-dark,oklch(28.2%_0.091_267.935))] dark:to-[var(--zui-dropdown-item-gradient-blue-to-dark,oklch(29.1%_0.149_302.717))]`,\n  \"gradient-green\": `${zuiDropdownItemVariants[\"gradient-green\"]} dark:from-[var(--zui-dropdown-item-gradient-green-from-dark,oklch(26.6%_0.065_152.934))] dark:to-[var(--zui-dropdown-item-gradient-green-to-dark,oklch(27.4%_0.072_132.109))]`,\n  \"gradient-red\": `${zuiDropdownItemVariants[\"gradient-red\"]} dark:from-[var(--zui-dropdown-item-gradient-red-from-dark,oklch(25.8%_0.092_26.042))] dark:to-[var(--zui-dropdown-item-gradient-red-to-dark,oklch(28.4%_0.109_3.907))]`,\n  \"gradient-yellow\": `${zuiDropdownItemVariants[\"gradient-yellow\"]} dark:from-[var(--zui-dropdown-item-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813))] dark:to-[var(--zui-dropdown-item-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259))]`,\n  \"gradient-purple\": `${zuiDropdownItemVariants[\"gradient-purple\"]} dark:from-[var(--zui-dropdown-item-gradient-purple-from-dark,oklch(29.1%_0.149_302.717))] dark:to-[var(--zui-dropdown-item-gradient-purple-to-dark,oklch(28.4%_0.109_3.907))]`,\n  \"gradient-teal\": `${zuiDropdownItemVariants[\"gradient-teal\"]} dark:from-[var(--zui-dropdown-item-gradient-teal-from-dark,oklch(27.7%_0.046_192.524))] dark:to-[var(--zui-dropdown-item-gradient-teal-to-dark,oklch(30.2%_0.056_229.695))]`,\n  \"gradient-indigo\": `${zuiDropdownItemVariants[\"gradient-indigo\"]} dark:from-[var(--zui-dropdown-item-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288))] dark:to-[var(--zui-dropdown-item-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717))]`,\n  \"gradient-pink\": `${zuiDropdownItemVariants[\"gradient-pink\"]} dark:from-[var(--zui-dropdown-item-gradient-pink-from-dark,oklch(28.4%_0.109_3.907))] dark:to-[var(--zui-dropdown-item-gradient-pink-to-dark,oklch(27.1%_0.105_12.094))]`,\n  \"gradient-orange\": `${zuiDropdownItemVariants[\"gradient-orange\"]} dark:from-[var(--zui-dropdown-item-gradient-orange-from-dark,oklch(26.6%_0.079_36.259))] dark:to-[var(--zui-dropdown-item-gradient-orange-to-dark,oklch(25.8%_0.092_26.042))]`,\n} as const;\n\nexport const zuiContextMenuSpacing = zuiDropdownSpacing;\n\nexport const zuiContextMenuLabelBase =\n  \"px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-[color:var(--zui-dropdown-label-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-dropdown-label-fg-dark,oklch(70.7%_0.022_261.325))]\";\n\nexport const zuiContextMenuSeparatorBase =\n  \"my-1 h-px bg-[var(--zui-dropdown-separator-bg,oklch(20.8%_0.042_265.755_/_0.12))] dark:bg-[var(--zui-dropdown-separator-bg-dark,#ffffff1a)]\";\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiContextMenuContentBase,\n  zuiContextMenuItemBase,\n  zuiContextMenuItemVariants,\n  zuiContextMenuSpacing,\n} from \"../../design-system/context-menu\";\n\nexport const contextMenuContentVariants = cva(zuiContextMenuContentBase, {\n  variants: {\n    spacing: zuiContextMenuSpacing,\n  },\n  defaultVariants: {\n    spacing: \"default\",\n  },\n});\n\nexport const contextMenuItemVariants = cva(zuiContextMenuItemBase, {\n  variants: {\n    variant: zuiContextMenuItemVariants,\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n","\"use client\";\n\nimport {\n  Children,\n  cloneElement,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type Ref,\n  type RefObject,\n} from \"react\";\nimport { FiChevronRight } from \"react-icons/fi\";\n\nimport {\n  zuiContextMenuLabelBase,\n  zuiContextMenuSeparatorBase,\n} from \"../../design-system/context-menu\";\nimport { cn } from \"../../lib/utils\";\nimport type {\n  ContextMenuContentProps,\n  ContextMenuContextType,\n  ContextMenuItemProps,\n  ContextMenuLabelProps,\n  ContextMenuPosition,\n  ContextMenuProps,\n  ContextMenuSeparatorProps,\n  ContextMenuSubContentProps,\n  ContextMenuSubContextType,\n  ContextMenuSubProps,\n  ContextMenuSubTriggerProps,\n  ContextMenuTriggerProps,\n  GetSafePositionProps,\n  ReactChildSoleCandidate,\n} from \"./types\";\nimport {\n  contextMenuContentVariants,\n  contextMenuItemVariants,\n} from \"./variants\";\n\nconst ContextMenuContext = createContext<ContextMenuContextType | null>(null);\nconst ContextMenuSubContext = createContext<ContextMenuSubContextType | null>(\n  null,\n);\n\nconst useContextMenu = () => {\n  const context = useContext(ContextMenuContext);\n  if (!context) {\n    throw new Error(\"ContextMenu components must be used within ContextMenu\");\n  }\n  return context;\n};\n\nconst useContextMenuSub = () => {\n  const context = useContext(ContextMenuSubContext);\n  if (!context) {\n    throw new Error(\n      \"ContextMenuSub components must be used within ContextMenuSub\",\n    );\n  }\n  return context;\n};\n\nfunction mergeRefs<T>(...refs: Array<Ref<T> | undefined>) {\n  return (node: T) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref) {\n        (ref as RefObject<T | null>).current = node;\n      }\n    }\n  };\n}\n\nconst getSafePosition = ({\n  position,\n  width,\n  height,\n  collisionPadding,\n}: GetSafePositionProps) => {\n  const fallback = position ?? { x: collisionPadding, y: collisionPadding };\n\n  if (typeof window === \"undefined\") {\n    return fallback;\n  }\n\n  return {\n    x: Math.max(\n      collisionPadding,\n      Math.min(fallback.x, window.innerWidth - width - collisionPadding),\n    ),\n    y: Math.max(\n      collisionPadding,\n      Math.min(fallback.y, window.innerHeight - height - collisionPadding),\n    ),\n  };\n};\n\nexport const ContextMenu = ({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  closeOnEscape = true,\n  closeOnOutsideClick = true,\n}: ContextMenuProps) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [position, setPosition] = useState<ContextMenuPosition | null>(null);\n  const contentId = `${useId()}-context-menu`;\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(nextOpen);\n      }\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const openAt = useCallback(\n    (nextPosition: ContextMenuPosition) => {\n      setPosition(nextPosition);\n      setOpen(true);\n    },\n    [setOpen],\n  );\n\n  useEffect(() => {\n    if (!open) {\n      return undefined;\n    }\n\n    const onPointerDown = (event: PointerEvent) => {\n      if (!closeOnOutsideClick) {\n        return;\n      }\n      const target = event.target as Node;\n      if (contentRef.current?.contains(target)) {\n        return;\n      }\n      if (triggerRef.current?.contains(target) && event.button !== 0) {\n        return;\n      }\n      setOpen(false);\n    };\n\n    const onKeyDown = (event: globalThis.KeyboardEvent) => {\n      if (event.key === \"Escape\" && closeOnEscape) {\n        setOpen(false);\n        triggerRef.current?.focus();\n      }\n    };\n\n    const onScroll = () => {\n      setOpen(false);\n    };\n\n    document.addEventListener(\"pointerdown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    document.addEventListener(\"scroll\", onScroll, { capture: true });\n\n    return () => {\n      document.removeEventListener(\"pointerdown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n      document.removeEventListener(\"scroll\", onScroll, { capture: true });\n    };\n  }, [closeOnEscape, closeOnOutsideClick, open, setOpen]);\n\n  const contextValue = useMemo(\n    () => ({\n      open,\n      setOpen,\n      openAt,\n      contentId,\n      triggerRef,\n      contentRef,\n      position,\n    }),\n    [contentId, open, openAt, setOpen, position],\n  );\n\n  return (\n    <ContextMenuContext.Provider value={contextValue}>\n      <div className=\"contents\">{children}</div>\n    </ContextMenuContext.Provider>\n  );\n};\n\nexport const ContextMenuTrigger = ({\n  children,\n  className,\n  disabled = false,\n}: ContextMenuTriggerProps) => {\n  const { open, openAt, contentId, triggerRef } = useContextMenu();\n\n  const handleContextMenu = (event: MouseEvent<HTMLElement>) => {\n    if (disabled) {\n      return;\n    }\n    event.preventDefault();\n    const isKeyboardTrigger = event.clientX === 0 && event.clientY === 0;\n    if (isKeyboardTrigger) {\n      const rect = event.currentTarget.getBoundingClientRect();\n      openAt({ x: rect.left, y: rect.bottom });\n    } else {\n      openAt({ x: event.clientX, y: event.clientY });\n    }\n  };\n  const childList = Children.toArray(children).filter(\n    (node) => node !== null && node !== undefined && typeof node !== \"boolean\",\n  );\n  const soleCandidate =\n    childList.length === 1 && isValidElement(childList[0])\n      ? (childList[0] as ReactChildSoleCandidate)\n      : undefined;\n\n  if (soleCandidate) {\n    return cloneElement(soleCandidate, {\n      ref: mergeRefs(triggerRef, soleCandidate.props.ref),\n      onContextMenu: (event) => {\n        soleCandidate.props.onContextMenu?.(event);\n        if (!event.defaultPrevented) {\n          handleContextMenu(event);\n        }\n      },\n      className: cn(className, soleCandidate.props.className),\n      tabIndex: soleCandidate.props.tabIndex ?? 0,\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"menu\",\n    });\n  }\n\n  return (\n    <span\n      ref={triggerRef as Ref<HTMLSpanElement>}\n      className={className}\n      tabIndex={0}\n      onContextMenu={handleContextMenu}\n      aria-controls={open ? contentId : undefined}\n      aria-expanded={open}\n      aria-haspopup=\"menu\"\n    >\n      {children}\n    </span>\n  );\n};\n\nexport const ContextMenuContent = ({\n  children,\n  className,\n  collisionPadding = 8,\n  spacing,\n  style,\n  width = 220,\n  ...props\n}: ContextMenuContentProps) => {\n  const { open, contentId, contentRef, position } = useContextMenu();\n  const [menuSize, setMenuSize] = useState({ width, height: 0 });\n\n  useLayoutEffect(() => {\n    if (!open || !contentRef.current) {\n      return;\n    }\n\n    const rect = contentRef.current.getBoundingClientRect();\n    const nextSize = {\n      width: Math.max(width, rect.width),\n      height: rect.height,\n    };\n\n    setMenuSize((currentSize) =>\n      currentSize.width === nextSize.width &&\n      currentSize.height === nextSize.height\n        ? currentSize\n        : nextSize,\n    );\n  });\n\n  useEffect(() => {\n    if (!open) {\n      setMenuSize({ width, height: 0 });\n    }\n  }, [open, width]);\n\n  if (!open) {\n    return null;\n  }\n\n  const safePosition = getSafePosition({\n    position,\n    width: menuSize.width,\n    height: menuSize.height,\n    collisionPadding,\n  });\n\n  return (\n    <div\n      ref={contentRef}\n      id={contentId}\n      role=\"menu\"\n      tabIndex={-1}\n      className={cn(\n        contextMenuContentVariants({ spacing }),\n        \"fixed z-50\",\n        className,\n      )}\n      style={{\n        left: safePosition.x,\n        top: safePosition.y,\n        minWidth: width,\n        ...style,\n      }}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const ContextMenuItem = ({\n  children,\n  className,\n  closeOnSelect = true,\n  disabled = false,\n  inset = false,\n  leftIcon,\n  onClick,\n  onKeyDown,\n  onSelect,\n  rightIcon,\n  variant,\n  ...props\n}: ContextMenuItemProps) => {\n  const { setOpen } = useContextMenu();\n\n  const handleSelect = () => {\n    if (disabled) {\n      return;\n    }\n    onSelect?.();\n    if (closeOnSelect) {\n      setOpen(false);\n    }\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented || disabled) {\n      return;\n    }\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      handleSelect();\n    }\n  };\n\n  return (\n    <div\n      role=\"menuitem\"\n      tabIndex={disabled ? undefined : 0}\n      aria-disabled={disabled || undefined}\n      className={cn(\n        contextMenuItemVariants({ variant }),\n        inset && \"pl-8\",\n        disabled && \"pointer-events-none cursor-not-allowed opacity-50\",\n        className,\n      )}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          handleSelect();\n        }\n      }}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      <div className=\"flex min-w-0 items-center gap-2\">\n        {leftIcon}\n        <span className=\"truncate\">{children}</span>\n      </div>\n      {rightIcon ? (\n        <div className=\"ml-4 flex items-center\">{rightIcon}</div>\n      ) : null}\n    </div>\n  );\n};\n\nexport const ContextMenuLabel = ({\n  children,\n  className,\n  inset = false,\n  ...props\n}: ContextMenuLabelProps) => {\n  return (\n    <p\n      className={cn(zuiContextMenuLabelBase, inset && \"pl-8\", className)}\n      {...props}\n    >\n      {children}\n    </p>\n  );\n};\n\nexport const ContextMenuSeparator = ({\n  className,\n  ...props\n}: ContextMenuSeparatorProps) => {\n  return (\n    <div\n      role=\"separator\"\n      className={cn(zuiContextMenuSeparatorBase, className)}\n      {...props}\n    />\n  );\n};\n\nexport const ContextMenuSub = ({\n  children,\n  defaultOpen = false,\n}: ContextMenuSubProps) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const value = useMemo(() => ({ open, setOpen }), [open]);\n\n  return (\n    <ContextMenuSubContext.Provider value={value}>\n      <div className=\"relative\" onPointerLeave={() => setOpen(false)}>\n        {children}\n      </div>\n    </ContextMenuSubContext.Provider>\n  );\n};\n\nexport const ContextMenuSubTrigger = ({\n  children,\n  className,\n  disabled = false,\n  inset = false,\n  onFocus,\n  onKeyDown,\n  onPointerEnter,\n  rightIcon = <FiChevronRight aria-hidden=\"true\" />,\n  variant,\n  ...props\n}: ContextMenuSubTriggerProps) => {\n  const { open, setOpen } = useContextMenuSub();\n\n  return (\n    <div\n      role=\"menuitem\"\n      tabIndex={disabled ? undefined : 0}\n      aria-disabled={disabled || undefined}\n      aria-expanded={open}\n      aria-haspopup=\"menu\"\n      className={cn(\n        contextMenuItemVariants({ variant }),\n        inset && \"pl-8\",\n        disabled && \"pointer-events-none cursor-not-allowed opacity-50\",\n        className,\n      )}\n      onFocus={(event) => {\n        onFocus?.(event);\n      }}\n      onPointerEnter={(event) => {\n        onPointerEnter?.(event);\n        if (!disabled) {\n          setOpen(true);\n        }\n      }}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        if (event.defaultPrevented || disabled) {\n          return;\n        }\n        if (event.key === \"ArrowRight\" || event.key === \"Enter\") {\n          event.preventDefault();\n          setOpen(true);\n        }\n        if (event.key === \"ArrowLeft\") {\n          event.preventDefault();\n          setOpen(false);\n        }\n      }}\n      {...props}\n    >\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <span className=\"truncate\">{children}</span>\n      </div>\n      <div className=\"ml-4 flex items-center\">{rightIcon}</div>\n    </div>\n  );\n};\n\nexport const ContextMenuSubContent = ({\n  children,\n  className,\n  spacing,\n  ...props\n}: ContextMenuSubContentProps) => {\n  const { open } = useContextMenuSub();\n\n  if (!open) {\n    return null;\n  }\n\n  return (\n    <div\n      role=\"menu\"\n      tabIndex={-1}\n      className={cn(\n        contextMenuContentVariants({ spacing }),\n        \"absolute left-full top-0 z-50 ml-2\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"]}