@dndbuilder.com/react/dist/packages/react/src/components/shared/context-menu.js

Drag and drop builder for React

"use client";
import { jsxs as i, jsx as o } from "react/jsx-runtime";
import * as d from "react";
import { SubTrigger as l, SubContent as m, Content as c, Item as p, CheckboxItem as u, ItemIndicator as f, RadioItem as x, Label as h, Separator as b, Trigger as y, Portal as C, Root as N, Group as g, Sub as w, RadioGroup as R } from "../../../../../node_modules/.pnpm/@radix-ui_react-context-menu@2.2.6_@types_react-dom@19.0.4_@types_react@19.0.10__@types_react_cejk5pp5s2uawk4ejof5hegwma/node_modules/@radix-ui/react-context-menu/dist/index.js";
import { classNames as n } from "../../../../../utils.js";
import { FaChevronRight as M, FaCheck as S, FaCircle as I } from "../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/fa6/index.js";
const v = ({
  children: e,
  ...t
}) => /* @__PURE__ */ o(N, { ...t, children: e });
v.displayName = N.displayName;
const H = y, J = g, K = C, O = w, Q = R, z = d.forwardRef(({ className: e, inset: t, children: a, ...s }, r) => /* @__PURE__ */ i(
  l,
  {
    ref: r,
    className: n(
      "rounded-xs outline-hidden flex cursor-default select-none items-center px-2 py-1.5 text-sm",
      t && "pl-8",
      e
    ),
    ...s,
    children: [
      a,
      /* @__PURE__ */ o(M, { className: "ml-auto h-4 w-4" })
    ]
  }
));
z.displayName = l.displayName;
const G = d.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
  m,
  {
    ref: a,
    className: n(
      "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-32 overflow-hidden rounded border p-1 shadow-md",
      e
    ),
    ...t
  }
));
G.displayName = m.displayName;
const k = d.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
  c,
  {
    ref: a,
    className: n(
      "context-menu-content animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 w-[250px] overflow-hidden rounded border bg-white py-1.5 shadow-md",
      e
    ),
    ...t
  }
));
k.displayName = c.displayName;
const T = d.forwardRef(({ className: e, inset: t, ...a }, s) => /* @__PURE__ */ o(
  p,
  {
    ref: s,
    className: n(
      "rounded-xs outline-hidden data-disabled:pointer-events-none data-disabled:opacity-50 relative flex cursor-pointer select-none items-center truncate px-5 py-3 text-sm font-normal hover:bg-gray-100",
      t && "pl-8",
      e
    ),
    ...a
  }
));
T.displayName = p.displayName;
const j = d.forwardRef(({ className: e, children: t, checked: a, ...s }, r) => /* @__PURE__ */ i(
  u,
  {
    ref: r,
    className: n(
      "rounded-xs outline-hidden data-disabled:pointer-events-none data-disabled:opacity-50 relative flex cursor-default select-none items-center py-1.5 pl-8 pr-2 text-sm",
      e
    ),
    checked: a,
    ...s,
    children: [
      /* @__PURE__ */ o("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(S, { className: "h-4 w-4" }) }) }),
      t
    ]
  }
));
j.displayName = u.displayName;
const F = d.forwardRef(({ className: e, children: t, ...a }, s) => /* @__PURE__ */ i(
  x,
  {
    ref: s,
    className: n(
      "rounded-xs outline-hidden data-disabled:pointer-events-none data-disabled:opacity-50 relative flex cursor-default select-none items-center py-1.5 pl-8 pr-2 text-sm",
      e
    ),
    ...a,
    children: [
      /* @__PURE__ */ o("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(I, { className: "h-2 w-2 fill-current" }) }) }),
      t
    ]
  }
));
F.displayName = x.displayName;
const L = d.forwardRef(({ className: e, inset: t, ...a }, s) => /* @__PURE__ */ o(
  h,
  {
    ref: s,
    className: n("px-2 py-1.5 text-sm font-semibold", t && "pl-8", e),
    ...a
  }
));
L.displayName = h.displayName;
const P = d.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
  b,
  {
    ref: a,
    className: n("-mx-1 h-px bg-gray-300", e),
    ...t
  }
));
P.displayName = b.displayName;
const q = ({ className: e, ...t }) => /* @__PURE__ */ o(
  "span",
  {
    className: n("ml-auto text-sm font-normal tracking-widest text-gray-500", e),
    ...t
  }
);
q.displayName = "ContextMenuShortcut";
export {
  v as ContextMenu,
  j as ContextMenuCheckboxItem,
  k as ContextMenuContent,
  J as ContextMenuGroup,
  T as ContextMenuItem,
  L as ContextMenuLabel,
  K as ContextMenuPortal,
  Q as ContextMenuRadioGroup,
  F as ContextMenuRadioItem,
  P as ContextMenuSeparator,
  q as ContextMenuShortcut,
  O as ContextMenuSub,
  G as ContextMenuSubContent,
  z as ContextMenuSubTrigger,
  H as ContextMenuTrigger
};
//# sourceMappingURL=context-menu.js.map