@zentauri-ui/zentauri-components 1.7.5 → 1.7.7

package/dist/ui/context-menu/context-menu.d.ts

@@ -0,0 +1,11 @@
+import type { ContextMenuContentProps, ContextMenuItemProps, ContextMenuLabelProps, ContextMenuProps, ContextMenuSeparatorProps, ContextMenuSubContentProps, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps } from "./types";
+export declare const ContextMenu: ({ children, defaultOpen, open: controlledOpen, onOpenChange, closeOnEscape, closeOnOutsideClick, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuTrigger: ({ children, className, disabled, }: ContextMenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuContent: ({ children, className, collisionPadding, spacing, style, width, ...props }: ContextMenuContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ContextMenuItem: ({ children, className, closeOnSelect, disabled, inset, leftIcon, onClick, onKeyDown, onSelect, rightIcon, variant, ...props }: ContextMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuLabel: ({ children, className, inset, ...props }: ContextMenuLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuSeparator: ({ className, ...props }: ContextMenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuSub: ({ children, defaultOpen, }: ContextMenuSubProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuSubTrigger: ({ children, className, disabled, inset, onFocus, onKeyDown, onPointerEnter, rightIcon, variant, ...props }: ContextMenuSubTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuSubContent: ({ children, className, spacing, ...props }: ContextMenuSubContentProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=context-menu.d.ts.map

package/dist/ui/context-menu/context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../src/ui/context-menu/context-menu.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EACV,uBAAuB,EAEvB,oBAAoB,EACpB,qBAAqB,EAErB,gBAAgB,EAChB,yBAAyB,EACzB,0BAA0B,EAE1B,mBAAmB,EACnB,0BAA0B,EAC1B,uBAAuB,EAGxB,MAAM,SAAS,CAAC;AAiEjB,eAAO,MAAM,WAAW,GAAI,oGAOzB,gBAAgB,4CAuFlB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,oCAIhC,uBAAuB,4CAsDzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,4EAQhC,uBAAuB,mDA8DzB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,+HAa7B,oBAAoB,4CAqDtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,0CAK9B,qBAAqB,4CASvB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,yBAGlC,yBAAyB,4CAQ3B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,4BAG5B,mBAAmB,4CAWrB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,4GAWnC,0BAA0B,4CA+C5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,4CAKnC,0BAA0B,mDAqB5B,CAAC"}

package/dist/ui/context-menu/index.d.ts

@@ -0,0 +1,4 @@
+export { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from "./context-menu";
+export type { ContextMenuContentProps, ContextMenuItemProps, ContextMenuLabelProps, ContextMenuPosition, ContextMenuProps, ContextMenuSeparatorProps, ContextMenuSubContentProps, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps, } from "./types";
+export { contextMenuContentVariants, contextMenuItemVariants, } from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/context-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/context-menu/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACnB,gBAAgB,EAChB,yBAAyB,EACzB,0BAA0B,EAC1B,mBAAmB,EACnB,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,YAAY,CAAC"}

package/dist/ui/context-menu/types.d.ts

@@ -0,0 +1,81 @@
+import type { VariantProps } from "class-variance-authority";
+import type { ComponentPropsWithRef, HTMLAttributes, MouseEvent, ReactElement, ReactNode, Ref, RefObject } from "react";
+import type { contextMenuContentVariants, contextMenuItemVariants } from "./variants";
+export type ContextMenuPosition = {
+    x: number;
+    y: number;
+};
+export type ContextMenuContextType = {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openAt: (position: ContextMenuPosition) => void;
+    position: ContextMenuPosition | null;
+    contentId: string;
+    triggerRef: RefObject<HTMLElement | null>;
+    contentRef: RefObject<HTMLDivElement | null>;
+};
+export type ContextMenuProps = {
+    children: ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    closeOnEscape?: boolean;
+    closeOnOutsideClick?: boolean;
+};
+export type ContextMenuTriggerProps = {
+    children: ReactNode;
+    className?: string;
+    disabled?: boolean;
+};
+export type ContextMenuContentProps = ComponentPropsWithRef<"div"> & VariantProps<typeof contextMenuContentVariants> & {
+    children: ReactNode;
+    collisionPadding?: number;
+    width?: number;
+};
+export type ContextMenuItemProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof contextMenuItemVariants> & {
+    children: ReactNode;
+    closeOnSelect?: boolean;
+    disabled?: boolean;
+    inset?: boolean;
+    leftIcon?: ReactNode;
+    onSelect?: () => void;
+    rightIcon?: ReactNode;
+};
+export type ContextMenuLabelProps = HTMLAttributes<HTMLParagraphElement> & {
+    children: ReactNode;
+    inset?: boolean;
+};
+export type ContextMenuSeparatorProps = HTMLAttributes<HTMLDivElement>;
+export type ContextMenuSubContextType = {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+};
+export type ContextMenuSubProps = {
+    children: ReactNode;
+    defaultOpen?: boolean;
+};
+export type ContextMenuSubTriggerProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof contextMenuItemVariants> & {
+    children: ReactNode;
+    disabled?: boolean;
+    inset?: boolean;
+    rightIcon?: ReactNode;
+};
+export type ContextMenuSubContentProps = ComponentPropsWithRef<"div"> & VariantProps<typeof contextMenuContentVariants> & {
+    children: ReactNode;
+};
+export type GetSafePositionProps = {
+    position: ContextMenuPosition | null;
+    width: number;
+    height: number;
+    collisionPadding: number;
+};
+export type ReactChildSoleCandidate = ReactElement<{
+    className?: string;
+    ref?: Ref<HTMLElement>;
+    onContextMenu?: (event: MouseEvent<HTMLElement>) => void;
+    tabIndex?: number;
+    "aria-controls"?: string;
+    "aria-expanded"?: boolean;
+    "aria-haspopup"?: string;
+}>;
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/context-menu/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/context-menu/types.ts"],"names":[],"mappings":"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"}

package/dist/ui/context-menu/variants.d.ts

@@ -0,0 +1,7 @@
+export declare const contextMenuContentVariants: (props?: ({
+    spacing?: "default" | "none" | "md" | "sm" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const contextMenuItemVariants: (props?: ({
+    variant?: "default" | "outline" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "white" | "black" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "ghost" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/ui/context-menu/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/context-menu/variants.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,0BAA0B;;8EAOrC,CAAC;AAEH,eAAO,MAAM,uBAAuB;;8EAOlC,CAAC"}

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