@arolariu/components 0.0.21 → 0.0.22

package/dist/es/context-menu.js

@@ -1,226 +1,430 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { Root as i, Trigger as l, Portal as d, Content as c, Item as m, CheckboxItem as x, ItemIndicator as u, RadioItem as f, Label as p, Separator as g, Group as b, Sub as v, SubContent as h, SubTrigger as k, RadioGroup as C } from "./node_modules/@radix-ui/react-context-menu/dist/index.js";
-import { cn as r } from "./lib/utils.js";
-import z from "./node_modules/lucide-react/dist/esm/icons/check.js";
-import M from "./node_modules/lucide-react/dist/esm/icons/circle.js";
-import N from "./node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-function G({
-  ...t
+import { jsx as o, jsxs as M, Fragment as j } from "react/jsx-runtime";
+import * as s from "react";
+import { c as C } from "./index-DLeNytVF.js";
+import { c as F } from "./index-UFb2E87s.js";
+import { P as X } from "./index--Ec6-Sd5.js";
+import { c as b, R as H, A as W, P as K, C as Y, I as q, a as J, b as Q, d as V, L as Z, S as ee, G as te, e as ne, f as ae, g as oe, h as re, i as se } from "./index-Cv4f_S7-.js";
+import { u as ue } from "./index-DwYXX2sM.js";
+import { u as ie } from "./index-D0hprziO.js";
+import { c as x } from "./utils-B9KdtH6G.js";
+import { C as de } from "./check-BFSkh0zY.js";
+import { C as ce } from "./circle-slaY-ZRd.js";
+import { C as le } from "./chevron-right-CYkmGE7o.js";
+var h = "ContextMenu", [me, Ve] = F(h, [
+  b
+]), u = b(), [xe, _] = me(h), R = (e) => {
+  const { __scopeContextMenu: t, children: a, onOpenChange: n, dir: r, modal: m = !0 } = e, [l, i] = s.useState(!1), c = u(t), f = ue(n), d = s.useCallback(
+    (v) => {
+      i(v), f(v);
+    },
+    [f]
+  );
+  return /* @__PURE__ */ o(
+    xe,
+    {
+      scope: t,
+      open: l,
+      onOpenChange: d,
+      modal: m,
+      children: /* @__PURE__ */ o(
+        H,
+        {
+          ...c,
+          dir: r,
+          open: l,
+          onOpenChange: d,
+          modal: m,
+          children: a
+        }
+      )
+    }
+  );
+};
+R.displayName = h;
+var N = "ContextMenuTrigger", S = s.forwardRef(
+  (e, t) => {
+    const { __scopeContextMenu: a, disabled: n = !1, ...r } = e, m = _(N, a), l = u(a), i = s.useRef({ x: 0, y: 0 }), c = s.useRef({
+      getBoundingClientRect: () => DOMRect.fromRect({ width: 0, height: 0, ...i.current })
+    }), f = s.useRef(0), d = s.useCallback(
+      () => window.clearTimeout(f.current),
+      []
+    ), v = (p) => {
+      i.current = { x: p.clientX, y: p.clientY }, m.onOpenChange(!0);
+    };
+    return s.useEffect(() => d, [d]), s.useEffect(() => void (n && d()), [n, d]), /* @__PURE__ */ M(j, { children: [
+      /* @__PURE__ */ o(W, { ...l, virtualRef: c }),
+      /* @__PURE__ */ o(
+        X.span,
+        {
+          "data-state": m.open ? "open" : "closed",
+          "data-disabled": n ? "" : void 0,
+          ...r,
+          ref: t,
+          style: { WebkitTouchCallout: "none", ...e.style },
+          onContextMenu: n ? e.onContextMenu : C(e.onContextMenu, (p) => {
+            d(), v(p), p.preventDefault();
+          }),
+          onPointerDown: n ? e.onPointerDown : C(
+            e.onPointerDown,
+            g((p) => {
+              d(), f.current = window.setTimeout(() => v(p), 700);
+            })
+          ),
+          onPointerMove: n ? e.onPointerMove : C(e.onPointerMove, g(d)),
+          onPointerCancel: n ? e.onPointerCancel : C(e.onPointerCancel, g(d)),
+          onPointerUp: n ? e.onPointerUp : C(e.onPointerUp, g(d))
+        }
+      )
+    ] });
+  }
+);
+S.displayName = N;
+var pe = "ContextMenuPortal", P = (e) => {
+  const { __scopeContextMenu: t, ...a } = e, n = u(t);
+  return /* @__PURE__ */ o(K, { ...n, ...a });
+};
+P.displayName = pe;
+var k = "ContextMenuContent", w = s.forwardRef(
+  (e, t) => {
+    const { __scopeContextMenu: a, ...n } = e, r = _(k, a), m = u(a), l = s.useRef(!1);
+    return /* @__PURE__ */ o(
+      Y,
+      {
+        ...m,
+        ...n,
+        ref: t,
+        side: "right",
+        sideOffset: 2,
+        align: "start",
+        onCloseAutoFocus: (i) => {
+          var c;
+          (c = e.onCloseAutoFocus) == null || c.call(e, i), !i.defaultPrevented && l.current && i.preventDefault(), l.current = !1;
+        },
+        onInteractOutside: (i) => {
+          var c;
+          (c = e.onInteractOutside) == null || c.call(e, i), !i.defaultPrevented && !r.modal && (l.current = !0);
+        },
+        style: {
+          ...e.style,
+          "--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)"
+        }
+      }
+    );
+  }
+);
+w.displayName = k;
+var fe = "ContextMenuGroup", I = s.forwardRef(
+  (e, t) => {
+    const { __scopeContextMenu: a, ...n } = e, r = u(a);
+    return /* @__PURE__ */ o(te, { ...r, ...n, ref: t });
+  }
+);
+I.displayName = fe;
+var ve = "ContextMenuLabel", y = s.forwardRef(
+  (e, t) => {
+    const { __scopeContextMenu: a, ...n } = e, r = u(a);
+    return /* @__PURE__ */ o(Z, { ...r, ...n, ref: t });
+  }
+);
+y.displayName = ve;
+var Ce = "ContextMenuItem", A = s.forwardRef(
+  (e, t) => {
+    const { __scopeContextMenu: a, ...n } = e, r = u(a);
+    return /* @__PURE__ */ o(q, { ...r, ...n, ref: t });
+  }
+);
+A.displayName = Ce;
+var ge = "ContextMenuCheckboxItem", E = s.forwardRef((e, t) => {
+  const { __scopeContextMenu: a, ...n } = e, r = u(a);
+  return /* @__PURE__ */ o(J, { ...r, ...n, ref: t });
+});
+E.displayName = ge;
+var Me = "ContextMenuRadioGroup", O = s.forwardRef((e, t) => {
+  const { __scopeContextMenu: a, ...n } = e, r = u(a);
+  return /* @__PURE__ */ o(re, { ...r, ...n, ref: t });
+});
+O.displayName = Me;
+var he = "ContextMenuRadioItem", T = s.forwardRef((e, t) => {
+  const { __scopeContextMenu: a, ...n } = e, r = u(a);
+  return /* @__PURE__ */ o(V, { ...r, ...n, ref: t });
+});
+T.displayName = he;
+var be = "ContextMenuItemIndicator", z = s.forwardRef((e, t) => {
+  const { __scopeContextMenu: a, ...n } = e, r = u(a);
+  return /* @__PURE__ */ o(Q, { ...r, ...n, ref: t });
+});
+z.displayName = be;
+var _e = "ContextMenuSeparator", G = s.forwardRef((e, t) => {
+  const { __scopeContextMenu: a, ...n } = e, r = u(a);
+  return /* @__PURE__ */ o(ee, { ...r, ...n, ref: t });
+});
+G.displayName = _e;
+var Re = "ContextMenuArrow", Ne = s.forwardRef(
+  (e, t) => {
+    const { __scopeContextMenu: a, ...n } = e, r = u(a);
+    return /* @__PURE__ */ o(se, { ...r, ...n, ref: t });
+  }
+);
+Ne.displayName = Re;
+var Se = "ContextMenuSub", $ = (e) => {
+  const { __scopeContextMenu: t, children: a, onOpenChange: n, open: r, defaultOpen: m } = e, l = u(t), [i, c] = ie({
+    prop: r,
+    defaultProp: m,
+    onChange: n
+  });
+  return /* @__PURE__ */ o(ne, { ...l, open: i, onOpenChange: c, children: a });
+};
+$.displayName = Se;
+var Pe = "ContextMenuSubTrigger", L = s.forwardRef((e, t) => {
+  const { __scopeContextMenu: a, ...n } = e, r = u(a);
+  return /* @__PURE__ */ o(oe, { ...r, ...n, ref: t });
+});
+L.displayName = Pe;
+var ke = "ContextMenuSubContent", D = s.forwardRef((e, t) => {
+  const { __scopeContextMenu: a, ...n } = e, r = u(a);
+  return /* @__PURE__ */ o(
+    ae,
+    {
+      ...r,
+      ...n,
+      ref: t,
+      style: {
+        ...e.style,
+        "--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)"
+      }
+    }
+  );
+});
+D.displayName = ke;
+function g(e) {
+  return (t) => t.pointerType !== "mouse" ? e(t) : void 0;
+}
+var we = R, Ie = S, U = P, ye = w, Ae = I, Ee = y, Oe = A, Te = E, ze = O, Ge = T, B = z, $e = G, Le = $, De = L, Ue = D;
+function Ze({
+  ...e
 }) {
-  return /* @__PURE__ */ e(i, { "data-slot": "context-menu", ...t });
+  return /* @__PURE__ */ o(we, { "data-slot": "context-menu", ...e });
 }
-function T({
-  ...t
+function et({
+  ...e
 }) {
-  return /* @__PURE__ */ e(l, { "data-slot": "context-menu-trigger", ...t });
+  return /* @__PURE__ */ o(Ie, { "data-slot": "context-menu-trigger", ...e });
 }
-function j({
-  ...t
+function tt({
+  ...e
 }) {
-  return /* @__PURE__ */ e(b, { "data-slot": "context-menu-group", ...t });
+  return /* @__PURE__ */ o(Ae, { "data-slot": "context-menu-group", ...e });
 }
-function L({
-  ...t
+function nt({
+  ...e
 }) {
-  return /* @__PURE__ */ e(d, { "data-slot": "context-menu-portal", ...t });
+  return /* @__PURE__ */ o(U, { "data-slot": "context-menu-portal", ...e });
 }
-function P({
-  ...t
+function at({
+  ...e
 }) {
-  return /* @__PURE__ */ e(v, { "data-slot": "context-menu-sub", ...t });
+  return /* @__PURE__ */ o(Le, { "data-slot": "context-menu-sub", ...e });
 }
-function q({
-  ...t
+function ot({
+  ...e
 }) {
-  return /* @__PURE__ */ e(
-    C,
+  return /* @__PURE__ */ o(
+    ze,
     {
       "data-slot": "context-menu-radio-group",
-      ...t
+      ...e
     }
   );
 }
-function A({
-  className: t,
-  inset: a,
-  children: n,
-  ...o
+function rt({
+  className: e,
+  inset: t,
+  children: a,
+  ...n
 }) {
-  return /* @__PURE__ */ s(
-    k,
+  return /* @__PURE__ */ M(
+    De,
     {
       "data-slot": "context-menu-sub-trigger",
-      "data-inset": a,
-      className: r(
+      "data-inset": t,
+      className: x(
         "focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50",
-        t
+        e
       ),
-      ...o,
+      ...n,
       children: [
-        n,
-        /* @__PURE__ */ e(N, { className: "ml-auto" })
+        a,
+        /* @__PURE__ */ o(le, { className: "ml-auto" })
       ]
     }
   );
 }
-function B({
-  className: t,
-  ...a
+function st({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ e(
-    h,
+  return /* @__PURE__ */ o(
+    Ue,
     {
       "data-slot": "context-menu-sub-content",
-      className: r(
+      className: x(
         "bg-white text-neutral-950 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-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-lg dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
-        t
+        e
       ),
-      ...a
+      ...t
     }
   );
 }
-function D({
-  className: t,
-  ...a
+function ut({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(
-    c,
+  return /* @__PURE__ */ o(U, { children: /* @__PURE__ */ o(
+    ye,
     {
       "data-slot": "context-menu-content",
-      className: r(
+      className: x(
         "bg-white text-neutral-950 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-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
-        t
+        e
       ),
-      ...a
+      ...t
     }
   ) });
 }
-function E({
-  className: t,
-  inset: a,
-  variant: n = "default",
-  ...o
+function it({
+  className: e,
+  inset: t,
+  variant: a = "default",
+  ...n
 }) {
-  return /* @__PURE__ */ e(
-    m,
+  return /* @__PURE__ */ o(
+    Oe,
     {
       "data-slot": "context-menu-item",
-      "data-inset": a,
-      "data-variant": n,
-      className: r(
+      "data-inset": t,
+      "data-variant": a,
+      className: x(
         "focus:bg-neutral-100 focus:text-neutral-900 data-[variant=destructive]:text-neutral-50 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/40 data-[variant=destructive]:focus:text-neutral-50 data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-neutral-500 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-neutral-50 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:dark:data-[variant=destructive]:focus:bg-red-900/40 dark:data-[variant=destructive]:focus:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400",
-        t
+        e
       ),
-      ...o
+      ...n
     }
   );
 }
-function F({
-  className: t,
-  children: a,
-  checked: n,
-  ...o
+function dt({
+  className: e,
+  children: t,
+  checked: a,
+  ...n
 }) {
-  return /* @__PURE__ */ s(
-    x,
+  return /* @__PURE__ */ M(
+    Te,
     {
       "data-slot": "context-menu-checkbox-item",
-      className: r(
+      className: x(
         "focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50",
-        t
+        e
       ),
-      checked: n,
-      ...o,
+      checked: a,
+      ...n,
       children: [
-        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(z, { className: "size-4" }) }) }),
-        a
+        /* @__PURE__ */ o("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(de, { className: "size-4" }) }) }),
+        t
       ]
     }
   );
 }
-function H({
-  className: t,
-  children: a,
-  ...n
+function ct({
+  className: e,
+  children: t,
+  ...a
 }) {
-  return /* @__PURE__ */ s(
-    f,
+  return /* @__PURE__ */ M(
+    Ge,
     {
       "data-slot": "context-menu-radio-item",
-      className: r(
+      className: x(
         "focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50",
-        t
+        e
       ),
-      ...n,
+      ...a,
       children: [
-        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(M, { className: "size-2 fill-current" }) }) }),
-        a
+        /* @__PURE__ */ o("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(ce, { className: "size-2 fill-current" }) }) }),
+        t
       ]
     }
   );
 }
-function J({
-  className: t,
-  inset: a,
-  ...n
+function lt({
+  className: e,
+  inset: t,
+  ...a
 }) {
-  return /* @__PURE__ */ e(
-    p,
+  return /* @__PURE__ */ o(
+    Ee,
     {
       "data-slot": "context-menu-label",
-      "data-inset": a,
-      className: r(
+      "data-inset": t,
+      className: x(
         "text-neutral-950 px-2 py-1.5 text-sm font-medium data-[inset]:pl-8 dark:text-neutral-50",
-        t
+        e
       ),
-      ...n
+      ...a
     }
   );
 }
-function K({
-  className: t,
-  ...a
+function mt({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ e(
-    g,
+  return /* @__PURE__ */ o(
+    $e,
     {
       "data-slot": "context-menu-separator",
-      className: r("bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800", t),
-      ...a
+      className: x("bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800", e),
+      ...t
     }
   );
 }
-function O({
-  className: t,
-  ...a
+function xt({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ o(
     "span",
     {
       "data-slot": "context-menu-shortcut",
-      className: r(
+      className: x(
         "text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400",
-        t
+        e
       ),
-      ...a
+      ...t
     }
   );
 }
 export {
-  G as ContextMenu,
-  F as ContextMenuCheckboxItem,
-  D as ContextMenuContent,
-  j as ContextMenuGroup,
-  E as ContextMenuItem,
-  J as ContextMenuLabel,
-  L as ContextMenuPortal,
-  q as ContextMenuRadioGroup,
-  H as ContextMenuRadioItem,
-  K as ContextMenuSeparator,
-  O as ContextMenuShortcut,
-  P as ContextMenuSub,
-  B as ContextMenuSubContent,
-  A as ContextMenuSubTrigger,
-  T as ContextMenuTrigger
+  Ze as ContextMenu,
+  dt as ContextMenuCheckboxItem,
+  ut as ContextMenuContent,
+  tt as ContextMenuGroup,
+  it as ContextMenuItem,
+  lt as ContextMenuLabel,
+  nt as ContextMenuPortal,
+  ot as ContextMenuRadioGroup,
+  ct as ContextMenuRadioItem,
+  mt as ContextMenuSeparator,
+  xt as ContextMenuShortcut,
+  at as ContextMenuSub,
+  st as ContextMenuSubContent,
+  rt as ContextMenuSubTrigger,
+  et as ContextMenuTrigger
 };
 //# sourceMappingURL=context-menu.js.map