@bigbinary/neeto-atoms 1.0.133-beta1 → 1.0.133

package/dist/cjs/primitives/ContextMenu.js

@@ -0,0 +1,577 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('../utils-BhM0B89p.js');
+var check = require('../check-BQgcDXys.js');
+var chevronRight = require('../chevron-right-0jNdwX2Q.js');
+var React = require('react');
+var index$4 = require('../index-COPkC3I5.js');
+var index$5 = require('../index-CGUGhyIp.js');
+var index$3 = require('../index-DMbj7vXd.js');
+var index$1 = require('../index-CMFCdiR6.js');
+var index = require('../index-lWVw05cs.js');
+var index$2 = require('../index-CyrAgb4H.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('react-dom');
+require('../index-D-iDn9RI.js');
+require('../index-Ch55j1or.js');
+require('../index-BY6wgiQV.js');
+require('../index-Bvu9MiFi.js');
+require('../index-CS_WSHYi.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-owSUsE-n.js');
+require('../floating-ui.react-dom--alWUjS1.js');
+require('../floating-ui.utils.dom-BGEmL7pd.js');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+require('../index-DoVhdseB.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var CONTEXT_MENU_NAME = "ContextMenu";
+var [createContextMenuContext] = index$5.createContextScope(CONTEXT_MENU_NAME, [
+  index$1.createMenuScope
+]);
+var useMenuScope = index$1.createMenuScope();
+var [ContextMenuProvider, useContextMenuContext] = createContextMenuContext(CONTEXT_MENU_NAME);
+var ContextMenu$2 = (props) => {
+  const { __scopeContextMenu, children, onOpenChange, dir, modal = true } = props;
+  const [open, setOpen] = React__namespace.useState(false);
+  const menuScope = useMenuScope(__scopeContextMenu);
+  const handleOpenChangeProp = index.useCallbackRef(onOpenChange);
+  const handleOpenChange = React__namespace.useCallback(
+    (open2) => {
+      setOpen(open2);
+      handleOpenChangeProp(open2);
+    },
+    [handleOpenChangeProp]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ContextMenuProvider,
+    {
+      scope: __scopeContextMenu,
+      open,
+      onOpenChange: handleOpenChange,
+      modal,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        index$1.Root3,
+        {
+          ...menuScope,
+          dir,
+          open,
+          onOpenChange: handleOpenChange,
+          modal,
+          children
+        }
+      )
+    }
+  );
+};
+ContextMenu$2.displayName = CONTEXT_MENU_NAME;
+var TRIGGER_NAME = "ContextMenuTrigger";
+var ContextMenuTrigger$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeContextMenu, disabled = false, ...triggerProps } = props;
+    const context = useContextMenuContext(TRIGGER_NAME, __scopeContextMenu);
+    const menuScope = useMenuScope(__scopeContextMenu);
+    const pointRef = React__namespace.useRef({ x: 0, y: 0 });
+    const virtualRef = React__namespace.useRef({
+      getBoundingClientRect: () => DOMRect.fromRect({ width: 0, height: 0, ...pointRef.current })
+    });
+    const longPressTimerRef = React__namespace.useRef(0);
+    const clearLongPress = React__namespace.useCallback(
+      () => window.clearTimeout(longPressTimerRef.current),
+      []
+    );
+    const handleOpen = (event) => {
+      pointRef.current = { x: event.clientX, y: event.clientY };
+      context.onOpenChange(true);
+    };
+    React__namespace.useEffect(() => clearLongPress, [clearLongPress]);
+    React__namespace.useEffect(() => void (disabled && clearLongPress()), [disabled, clearLongPress]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(index$1.Anchor2, { ...menuScope, virtualRef }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        index$3.Primitive.span,
+        {
+          "data-state": context.open ? "open" : "closed",
+          "data-disabled": disabled ? "" : void 0,
+          ...triggerProps,
+          ref: forwardedRef,
+          style: { WebkitTouchCallout: "none", ...props.style },
+          onContextMenu: disabled ? props.onContextMenu : index$4.composeEventHandlers(props.onContextMenu, (event) => {
+            clearLongPress();
+            handleOpen(event);
+            event.preventDefault();
+          }),
+          onPointerDown: disabled ? props.onPointerDown : index$4.composeEventHandlers(
+            props.onPointerDown,
+            whenTouchOrPen((event) => {
+              clearLongPress();
+              longPressTimerRef.current = window.setTimeout(() => handleOpen(event), 700);
+            })
+          ),
+          onPointerMove: disabled ? props.onPointerMove : index$4.composeEventHandlers(props.onPointerMove, whenTouchOrPen(clearLongPress)),
+          onPointerCancel: disabled ? props.onPointerCancel : index$4.composeEventHandlers(props.onPointerCancel, whenTouchOrPen(clearLongPress)),
+          onPointerUp: disabled ? props.onPointerUp : index$4.composeEventHandlers(props.onPointerUp, whenTouchOrPen(clearLongPress))
+        }
+      )
+    ] });
+  }
+);
+ContextMenuTrigger$2.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "ContextMenuPortal";
+var ContextMenuPortal$2 = (props) => {
+  const { __scopeContextMenu, ...portalProps } = props;
+  const menuScope = useMenuScope(__scopeContextMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Portal, { ...menuScope, ...portalProps });
+};
+ContextMenuPortal$2.displayName = PORTAL_NAME;
+var CONTENT_NAME = "ContextMenuContent";
+var ContextMenuContent$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeContextMenu, ...contentProps } = props;
+    const context = useContextMenuContext(CONTENT_NAME, __scopeContextMenu);
+    const menuScope = useMenuScope(__scopeContextMenu);
+    const hasInteractedOutsideRef = React__namespace.useRef(false);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index$1.Content2,
+      {
+        ...menuScope,
+        ...contentProps,
+        ref: forwardedRef,
+        side: "right",
+        sideOffset: 2,
+        align: "start",
+        onCloseAutoFocus: (event) => {
+          props.onCloseAutoFocus?.(event);
+          if (!event.defaultPrevented && hasInteractedOutsideRef.current) {
+            event.preventDefault();
+          }
+          hasInteractedOutsideRef.current = false;
+        },
+        onInteractOutside: (event) => {
+          props.onInteractOutside?.(event);
+          if (!event.defaultPrevented && !context.modal) hasInteractedOutsideRef.current = true;
+        },
+        style: {
+          ...props.style,
+          // re-namespace exposed content custom properties
+          ...{
+            "--radix-context-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+            "--radix-context-menu-content-available-width": "var(--radix-popper-available-width)",
+            "--radix-context-menu-content-available-height": "var(--radix-popper-available-height)",
+            "--radix-context-menu-trigger-width": "var(--radix-popper-anchor-width)",
+            "--radix-context-menu-trigger-height": "var(--radix-popper-anchor-height)"
+          }
+        }
+      }
+    );
+  }
+);
+ContextMenuContent$2.displayName = CONTENT_NAME;
+var GROUP_NAME = "ContextMenuGroup";
+var ContextMenuGroup$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeContextMenu, ...groupProps } = props;
+    const menuScope = useMenuScope(__scopeContextMenu);
+    return /* @__PURE__ */ jsxRuntime.jsx(index$1.Group, { ...menuScope, ...groupProps, ref: forwardedRef });
+  }
+);
+ContextMenuGroup$2.displayName = GROUP_NAME;
+var LABEL_NAME = "ContextMenuLabel";
+var ContextMenuLabel$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeContextMenu, ...labelProps } = props;
+    const menuScope = useMenuScope(__scopeContextMenu);
+    return /* @__PURE__ */ jsxRuntime.jsx(index$1.Label, { ...menuScope, ...labelProps, ref: forwardedRef });
+  }
+);
+ContextMenuLabel$2.displayName = LABEL_NAME;
+var ITEM_NAME = "ContextMenuItem";
+var ContextMenuItem$2 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeContextMenu, ...itemProps } = props;
+    const menuScope = useMenuScope(__scopeContextMenu);
+    return /* @__PURE__ */ jsxRuntime.jsx(index$1.Item2, { ...menuScope, ...itemProps, ref: forwardedRef });
+  }
+);
+ContextMenuItem$2.displayName = ITEM_NAME;
+var CHECKBOX_ITEM_NAME = "ContextMenuCheckboxItem";
+var ContextMenuCheckboxItem$2 = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeContextMenu, ...checkboxItemProps } = props;
+  const menuScope = useMenuScope(__scopeContextMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
+});
+ContextMenuCheckboxItem$2.displayName = CHECKBOX_ITEM_NAME;
+var RADIO_GROUP_NAME = "ContextMenuRadioGroup";
+var ContextMenuRadioGroup$2 = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeContextMenu, ...radioGroupProps } = props;
+  const menuScope = useMenuScope(__scopeContextMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
+});
+ContextMenuRadioGroup$2.displayName = RADIO_GROUP_NAME;
+var RADIO_ITEM_NAME = "ContextMenuRadioItem";
+var ContextMenuRadioItem$2 = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeContextMenu, ...radioItemProps } = props;
+  const menuScope = useMenuScope(__scopeContextMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
+});
+ContextMenuRadioItem$2.displayName = RADIO_ITEM_NAME;
+var INDICATOR_NAME = "ContextMenuItemIndicator";
+var ContextMenuItemIndicator = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeContextMenu, ...itemIndicatorProps } = props;
+  const menuScope = useMenuScope(__scopeContextMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
+});
+ContextMenuItemIndicator.displayName = INDICATOR_NAME;
+var SEPARATOR_NAME = "ContextMenuSeparator";
+var ContextMenuSeparator$2 = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeContextMenu, ...separatorProps } = props;
+  const menuScope = useMenuScope(__scopeContextMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
+});
+ContextMenuSeparator$2.displayName = SEPARATOR_NAME;
+var ARROW_NAME = "ContextMenuArrow";
+var ContextMenuArrow = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeContextMenu, ...arrowProps } = props;
+    const menuScope = useMenuScope(__scopeContextMenu);
+    return /* @__PURE__ */ jsxRuntime.jsx(index$1.Arrow2, { ...menuScope, ...arrowProps, ref: forwardedRef });
+  }
+);
+ContextMenuArrow.displayName = ARROW_NAME;
+var SUB_NAME = "ContextMenuSub";
+var ContextMenuSub$2 = (props) => {
+  const { __scopeContextMenu, children, onOpenChange, open: openProp, defaultOpen } = props;
+  const menuScope = useMenuScope(__scopeContextMenu);
+  const [open, setOpen] = index$2.useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen ?? false,
+    onChange: onOpenChange,
+    caller: SUB_NAME
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Sub, { ...menuScope, open, onOpenChange: setOpen, children });
+};
+ContextMenuSub$2.displayName = SUB_NAME;
+var SUB_TRIGGER_NAME = "ContextMenuSubTrigger";
+var ContextMenuSubTrigger$2 = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeContextMenu, ...triggerItemProps } = props;
+  const menuScope = useMenuScope(__scopeContextMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.SubTrigger, { ...menuScope, ...triggerItemProps, ref: forwardedRef });
+});
+ContextMenuSubTrigger$2.displayName = SUB_TRIGGER_NAME;
+var SUB_CONTENT_NAME = "ContextMenuSubContent";
+var ContextMenuSubContent$2 = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeContextMenu, ...subContentProps } = props;
+  const menuScope = useMenuScope(__scopeContextMenu);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index$1.SubContent,
+    {
+      ...menuScope,
+      ...subContentProps,
+      ref: forwardedRef,
+      style: {
+        ...props.style,
+        // re-namespace exposed content custom properties
+        ...{
+          "--radix-context-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-context-menu-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-context-menu-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-context-menu-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-context-menu-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    }
+  );
+});
+ContextMenuSubContent$2.displayName = SUB_CONTENT_NAME;
+function whenTouchOrPen(handler) {
+  return (event) => event.pointerType !== "mouse" ? handler(event) : void 0;
+}
+var Root2 = ContextMenu$2;
+var Trigger = ContextMenuTrigger$2;
+var Portal2 = ContextMenuPortal$2;
+var Content2 = ContextMenuContent$2;
+var Group2 = ContextMenuGroup$2;
+var Label2 = ContextMenuLabel$2;
+var Item2 = ContextMenuItem$2;
+var CheckboxItem2 = ContextMenuCheckboxItem$2;
+var RadioGroup2 = ContextMenuRadioGroup$2;
+var RadioItem2 = ContextMenuRadioItem$2;
+var ItemIndicator2 = ContextMenuItemIndicator;
+var Separator2 = ContextMenuSeparator$2;
+var Sub2 = ContextMenuSub$2;
+var SubTrigger2 = ContextMenuSubTrigger$2;
+var SubContent2 = ContextMenuSubContent$2;
+
+function ContextMenu$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Root2, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTrigger$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Trigger,
+    {
+      "data-slot": "context-menu-trigger",
+      className: utils.cn("select-none", className),
+      ...props
+    }
+  );
+}
+function ContextMenuGroup$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Group2, { "data-slot": "context-menu-group", ...props });
+}
+function ContextMenuPortal$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Portal2, { "data-slot": "context-menu-portal", ...props });
+}
+function ContextMenuSub$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Sub2, { "data-slot": "context-menu-sub", ...props });
+}
+function ContextMenuRadioGroup$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroup2,
+    {
+      "data-slot": "context-menu-radio-group",
+      ...props
+    }
+  );
+}
+function ContextMenuContent$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Portal2, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    Content2,
+    {
+      "data-slot": "context-menu-content",
+      className: utils.cn("z-50 max-h-(--radix-context-menu-content-available-height) min-w-36 origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+      ...props
+    }
+  ) });
+}
+function ContextMenuItem$1({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Item2,
+    {
+      "data-slot": "context-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: utils.cn(
+        "group/context-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 focus:*:[svg]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuSubTrigger$1({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SubTrigger2,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      "data-inset": inset,
+      className: utils.cn(
+        "flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(chevronRight.ChevronRight, { className: "rtl:rotate-180 ms-auto" })
+      ]
+    }
+  );
+}
+function ContextMenuSubContent$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SubContent2,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: utils.cn("z-50 min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+      ...props
+    }
+  );
+}
+function ContextMenuCheckboxItem$1({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    CheckboxItem2,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      "data-inset": inset,
+      className: utils.cn(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute end-2", children: /* @__PURE__ */ jsxRuntime.jsx(ItemIndicator2, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          check.Check,
+          {}
+        ) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuRadioItem$1({
+  className,
+  children,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    RadioItem2,
+    {
+      "data-slot": "context-menu-radio-item",
+      "data-inset": inset,
+      className: utils.cn(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pe-8 ps-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute end-2", children: /* @__PURE__ */ jsxRuntime.jsx(ItemIndicator2, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          check.Check,
+          {}
+        ) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuLabel$1({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Label2,
+    {
+      "data-slot": "context-menu-label",
+      "data-inset": inset,
+      className: utils.cn(
+        "px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:ps-7",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuSeparator$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Separator2,
+    {
+      "data-slot": "context-menu-separator",
+      className: utils.cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function ContextMenuShortcut$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "context-menu-shortcut",
+      className: utils.cn(
+        "ms-auto text-xs tracking-widest text-muted-foreground group-focus/context-menu-item:text-accent-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+const ContextMenu = (props) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenu$1, { ...props });
+const ContextMenuTrigger = (props) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuTrigger$1, { ...props });
+const ContextMenuContent = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuContent$1, { className: utils.cn("shadow-lg", className), ...props });
+const ContextMenuItem = (props) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuItem$1, { ...props });
+const ContextMenuCheckboxItem = (props) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuCheckboxItem$1, { ...props });
+const ContextMenuRadioItem = (props) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuRadioItem$1, { ...props });
+const ContextMenuLabel = (props) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuLabel$1, { ...props });
+const ContextMenuSeparator = (props) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuSeparator$1, { ...props });
+const ContextMenuShortcut = (props) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuShortcut$1, { ...props });
+const ContextMenuGroup = (props) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuGroup$1, { ...props });
+const ContextMenuPortal = (props) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPortal$1, { ...props });
+const ContextMenuSub = (props) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuSub$1, { ...props });
+const ContextMenuSubContent = (props) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuSubContent$1, { ...props });
+const ContextMenuSubTrigger = (props) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuSubTrigger$1, { ...props });
+const ContextMenuRadioGroup = (props) => /* @__PURE__ */ jsxRuntime.jsx(ContextMenuRadioGroup$1, { ...props });
+
+exports.ContextMenu = ContextMenu;
+exports.ContextMenuCheckboxItem = ContextMenuCheckboxItem;
+exports.ContextMenuContent = ContextMenuContent;
+exports.ContextMenuGroup = ContextMenuGroup;
+exports.ContextMenuItem = ContextMenuItem;
+exports.ContextMenuLabel = ContextMenuLabel;
+exports.ContextMenuPortal = ContextMenuPortal;
+exports.ContextMenuRadioGroup = ContextMenuRadioGroup;
+exports.ContextMenuRadioItem = ContextMenuRadioItem;
+exports.ContextMenuSeparator = ContextMenuSeparator;
+exports.ContextMenuShortcut = ContextMenuShortcut;
+exports.ContextMenuSub = ContextMenuSub;
+exports.ContextMenuSubContent = ContextMenuSubContent;
+exports.ContextMenuSubTrigger = ContextMenuSubTrigger;
+exports.ContextMenuTrigger = ContextMenuTrigger;
+//# sourceMappingURL=ContextMenu.js.map