@nice2dev/ui 1.0.8 → 1.0.11

package/dist/overlays.mjs

@@ -1,66 +1,72 @@
-import { N as ie, a as ae, b as ce, c as le, d as se, e as de, f as ue, g as he, h as me, i as fe, j as ve, k as ge, l as be, u as we, m as ye } from "./NiceWindow-SiCaREbq.js";
-import { jsxs as Y, Fragment as W, jsx as a } from "react/jsx-runtime";
-import { useRef as E, useState as L, useEffect as I, useCallback as g } from "react";
-import { createPortal as C } from "react-dom";
-import { c as K, t as X, d as O, e as z } from "./core-BpghV7Ls.js";
+import { N as se, a as de, b as ue, c as he, d as fe, e as me, f as ve, g as ge, h as we, i as be, j as ye, k as pe, l as _e, u as Ne, m as ke } from "./NiceWindow-Bga9fOkg.js";
+import { jsxs as H, Fragment as O, jsx as a } from "react/jsx-runtime";
+import { f as j, L as K, a as Q, T as A, Q as U } from "./core-B4b1BmHt.js";
+import { useRef as E, useState as L, useEffect as Y, useCallback as b, useContext as V } from "react";
+import { createPortal as X } from "react-dom";
+function W() {
+  const e = V(U);
+  return e?.portalTarget ? e.portalTarget : typeof document < "u" ? document.body : null;
+}
 const F = ({
   open: e,
   onClose: o,
   children: m,
   title: r,
-  size: f = "md",
-  closeOnBackdropClick: s = !0,
-  closeOnEscape: d = !0,
-  disableFocusTrap: u = !1,
-  disableBodyScroll: k = !0,
+  size: v = "md",
+  closeOnBackdropClick: l = !0,
+  closeOnEscape: s = !0,
+  disableFocusTrap: d = !1,
+  disableBodyScroll: x = !0,
   zIndex: N = 1e3,
-  className: p,
+  className: k,
   style: M
 }) => {
-  const b = E(null);
-  K(b, e && !u), I(() => {
-    if (!k && e) {
-      const n = document.body.style.overflow;
+  const y = E(null);
+  j(y, e && !d);
+  const p = W();
+  Y(() => {
+    if (!x && e) {
+      const t = document.body.style.overflow;
       return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = n;
+        document.body.style.overflow = t;
       };
     }
-  }, [e, k]), I(() => {
-    if (!d || !e)
+  }, [e, x]), Y(() => {
+    if (!s || !e)
       return;
-    const n = (l) => {
-      l.key === "Escape" && (l.preventDefault(), o());
+    const t = (g) => {
+      g.key === "Escape" && (g.preventDefault(), o());
     };
-    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-  }, [d, e, o]);
-  const w = g(
-    (n) => {
-      s && n.target === n.currentTarget && o();
+    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [s, e, o]);
+  const u = b(
+    (t) => {
+      l && t.target === t.currentTarget && o();
     },
-    [s, o]
+    [l, o]
   );
   if (!e)
     return null;
-  const i = {
+  const c = {
     sm: "nice-modal--sm",
     md: "nice-modal--md",
     lg: "nice-modal--lg",
     xl: "nice-modal--xl",
     full: "nice-modal--full"
-  }[f];
-  return C(
+  }[v];
+  return X(
     /* @__PURE__ */ a(
       "div",
       {
         className: "nice-modal__overlay",
         style: { zIndex: N },
-        onClick: w,
+        onClick: u,
         role: "presentation",
         children: /* @__PURE__ */ a(
           "div",
           {
-            ref: b,
-            className: `nice-modal ${i} ${p || ""}`,
+            ref: y,
+            className: `nice-modal ${c} ${k || ""}`,
             role: "dialog",
             "aria-modal": "true",
             "aria-label": r,
@@ -71,14 +77,14 @@ const F = ({
         )
       }
     ),
-    document.body
+    p
   );
-}, G = ({
+}, ee = ({
   children: e,
   showClose: o = !0,
   onClose: m,
   className: r
-}) => /* @__PURE__ */ Y("div", { className: `nice-modal__header ${r || ""}`, children: [
+}) => /* @__PURE__ */ H("div", { className: `nice-modal__header ${r || ""}`, children: [
   /* @__PURE__ */ a("div", { className: "nice-modal__title", children: e }),
   o && m && /* @__PURE__ */ a("button", { type: "button", className: "nice-modal__close", onClick: m, "aria-label": "Close", children: /* @__PURE__ */ a(
     "svg",
@@ -92,88 +98,90 @@ const F = ({
       children: /* @__PURE__ */ a("path", { d: "M4 4l12 12M4 16L16 4" })
     }
   ) })
-] }), J = ({ children: e, className: o }) => /* @__PURE__ */ a("div", { className: `nice-modal__body ${o || ""}`, children: e }), Q = ({ children: e, className: o }) => /* @__PURE__ */ a("div", { className: `nice-modal__footer ${o || ""}`, children: e }), Z = ({
+] }), te = ({ children: e, className: o }) => /* @__PURE__ */ a("div", { className: `nice-modal__body ${o || ""}`, children: e }), ne = ({ children: e, className: o }) => /* @__PURE__ */ a("div", { className: `nice-modal__footer ${o || ""}`, children: e }), re = ({
   open: e,
   onClose: o,
   children: m,
   position: r = "right",
-  size: f = 320,
-  title: s,
-  closeOnBackdropClick: d = !0,
-  closeOnEscape: u = !0,
-  swipeToClose: k = !0,
+  size: v = 320,
+  title: l,
+  closeOnBackdropClick: s = !0,
+  closeOnEscape: d = !0,
+  swipeToClose: x = !0,
   zIndex: N = 1e3,
-  className: p,
+  className: k,
   style: M
 }) => {
-  const b = E(null), [w, i] = L(!1), [n, l] = L(0);
-  K(b, e), I(() => {
-    if (!u || !e)
+  const y = E(null), [p, u] = L(!1), [c, t] = L(0);
+  j(y, e);
+  const g = W();
+  Y(() => {
+    if (!d || !e)
       return;
-    const t = (_) => {
+    const n = (_) => {
       _.key === "Escape" && (_.preventDefault(), o());
     };
-    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [u, e, o]);
-  const y = g(
-    (t) => {
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [d, e, o]);
+  const h = b(
+    (n) => {
       let _ = 0;
       switch (r) {
         case "left":
-          _ = Math.min(0, t.deltaX);
+          _ = Math.min(0, n.deltaX);
           break;
         case "right":
-          _ = Math.max(0, t.deltaX);
+          _ = Math.max(0, n.deltaX);
           break;
         case "top":
-          _ = Math.min(0, t.deltaY);
+          _ = Math.min(0, n.deltaY);
           break;
         case "bottom":
-          _ = Math.max(0, t.deltaY);
+          _ = Math.max(0, n.deltaY);
           break;
       }
-      l(_);
+      t(_);
     },
     [r]
-  ), T = g(
-    (t) => {
-      let D = !1;
+  ), S = b(
+    (n) => {
+      let R = !1;
       switch (r) {
         case "left":
-          D = t.deltaX < -100;
+          R = n.deltaX < -100;
           break;
         case "right":
-          D = t.deltaX > 100;
+          R = n.deltaX > 100;
           break;
         case "top":
-          D = t.deltaY < -100;
+          R = n.deltaY < -100;
           break;
         case "bottom":
-          D = t.deltaY > 100;
+          R = n.deltaY > 100;
           break;
       }
-      D && (X("light"), o()), l(0), i(!1);
+      R && (K("light"), o()), t(0), u(!1);
     },
     [r, o]
-  ), { ref: H } = z({
-    enabled: k && e,
-    onPanStart: () => i(!0),
-    onPan: y,
-    onPanEnd: T
-  }), P = g(
-    (t) => {
-      d && t.target === t.currentTarget && o();
+  ), { ref: D } = A({
+    enabled: x && e,
+    onPanStart: () => u(!0),
+    onPan: h,
+    onPanEnd: S
+  }), P = b(
+    (n) => {
+      s && n.target === n.currentTarget && o();
     },
-    [d, o]
+    [s, o]
   );
   if (!e)
     return null;
-  const R = r === "left" || r === "right", S = R ? { width: typeof f == "number" ? `${f}px` : f } : { height: typeof f == "number" ? `${f}px` : f }, c = () => {
-    if (w)
-      return R ? `translateX(${n}px)` : `translateY(${n}px)`;
+  const I = r === "left" || r === "right", B = I ? { width: typeof v == "number" ? `${v}px` : v } : { height: typeof v == "number" ? `${v}px` : v }, i = () => {
+    if (p)
+      return I ? `translateX(${c}px)` : `translateY(${c}px)`;
   };
-  return C(
-    /* @__PURE__ */ Y(W, { children: [
+  return X(
+    /* @__PURE__ */ H(O, { children: [
       /* @__PURE__ */ a(
         "div",
         {
@@ -185,199 +193,201 @@ const F = ({
       /* @__PURE__ */ a(
         "div",
         {
-          ref: (t) => {
-            b.current = t, H.current = t;
+          ref: (n) => {
+            y.current = n, D.current = n;
           },
-          className: `nice-drawer nice-drawer--${r} ${e ? "nice-drawer--open" : ""} ${p || ""}`,
+          className: `nice-drawer nice-drawer--${r} ${e ? "nice-drawer--open" : ""} ${k || ""}`,
           style: {
-            ...S,
+            ...B,
             zIndex: N + 1,
-            transform: c(),
-            transition: w ? "none" : void 0,
+            transform: i(),
+            transition: p ? "none" : void 0,
             ...M
           },
           role: "dialog",
           "aria-modal": "true",
-          "aria-label": s,
+          "aria-label": l,
           tabIndex: -1,
           children: m
         }
       )
     ] }),
-    document.body
+    g
   );
-}, ee = ({
+}, oe = ({
   open: e,
   onClose: o,
   children: m,
   title: r,
-  showHandle: f = !0,
-  snapPoints: s = [0.5, 0.9],
-  initialSnap: d = 0,
-  expandable: u = !0,
-  closeOnBackdropClick: k = !0,
+  showHandle: v = !0,
+  snapPoints: l = [0.5, 0.9],
+  initialSnap: s = 0,
+  expandable: d = !0,
+  closeOnBackdropClick: x = !0,
   closeOnEscape: N = !0,
-  hapticFeedback: p = !0,
+  hapticFeedback: k = !0,
   zIndex: M = 1e3,
-  className: b,
-  style: w
+  className: y,
+  style: p
 }) => {
-  const i = E(null), n = E(null), [l, y] = L(d), [T, H] = L(!1), [P, R] = L(0), S = E(0);
-  I(() => {
-    e && (y(d), R(0));
-  }, [e, d]), K(i, e), I(() => {
+  const u = E(null), c = E(null), [t, g] = L(s), [h, S] = L(!1), [D, P] = L(0), I = E(0);
+  Y(() => {
+    e && (g(s), P(0));
+  }, [e, s]), j(u, e);
+  const B = W();
+  Y(() => {
     if (!N || !e)
       return;
-    const h = (v) => {
-      v.key === "Escape" && (v.preventDefault(), o());
+    const f = (w) => {
+      w.key === "Escape" && (w.preventDefault(), o());
     };
-    return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
-  }, [N, e, o]), I(() => {
+    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+  }, [N, e, o]), Y(() => {
     if (e) {
-      const h = document.body.style.overflow;
+      const f = document.body.style.overflow;
       return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = h;
+        document.body.style.overflow = f;
       };
     }
   }, [e]);
-  const c = g((h) => {
-    const v = h.target.closest(".nice-bottom-sheet__handle"), B = n.current, j = !B || B.scrollTop <= 0;
-    !v && !j || (H(!0), S.current = h.touches[0].clientY);
-  }, []), t = g(
-    (h) => {
-      if (!T)
+  const i = b((f) => {
+    const w = f.target.closest(".nice-bottom-sheet__handle"), C = c.current, z = !C || C.scrollTop <= 0;
+    !w && !z || (S(!0), I.current = f.touches[0].clientY);
+  }, []), n = b(
+    (f) => {
+      if (!h)
         return;
-      const v = h.touches[0].clientY - S.current;
-      (v > 0 || l < s.length - 1) && R(v);
+      const w = f.touches[0].clientY - I.current;
+      (w > 0 || t < l.length - 1) && P(w);
     },
-    [T, l, s.length]
-  ), _ = g(() => {
-    if (!T)
+    [h, t, l.length]
+  ), _ = b(() => {
+    if (!h)
       return;
-    const h = window.innerHeight;
-    s[l] * h;
-    const v = -P, B = h * 0.15;
-    v > B && u && l < s.length - 1 ? (y(l + 1), p && X("selection")) : v < -B && (l > 0 ? (y(l - 1), p && X("selection")) : (p && X("light"), o())), H(!1), R(0);
-  }, [T, P, l, s, u, p, o]), D = g(() => {
-    k && o();
-  }, [k, o]);
+    const f = window.innerHeight;
+    l[t] * f;
+    const w = -D, C = f * 0.15;
+    w > C && d && t < l.length - 1 ? (g(t + 1), k && K("selection")) : w < -C && (t > 0 ? (g(t - 1), k && K("selection")) : (k && K("light"), o())), S(!1), P(0);
+  }, [h, D, t, l, d, k, o]), R = b(() => {
+    x && o();
+  }, [x, o]);
   if (!e)
     return null;
-  const x = s[l] * 100, $ = T ? P : 0;
-  return C(
-    /* @__PURE__ */ Y(W, { children: [
+  const T = l[t] * 100, $ = h ? D : 0;
+  return X(
+    /* @__PURE__ */ H(O, { children: [
       /* @__PURE__ */ a(
         "div",
         {
           className: `nice-bottom-sheet__overlay ${e ? "nice-bottom-sheet__overlay--visible" : ""}`,
           style: { zIndex: M },
-          onClick: D
+          onClick: R
         }
       ),
-      /* @__PURE__ */ Y(
+      /* @__PURE__ */ H(
         "div",
         {
-          ref: i,
-          className: `nice-bottom-sheet ${e ? "nice-bottom-sheet--open" : ""} ${b || ""}`,
+          ref: u,
+          className: `nice-bottom-sheet ${e ? "nice-bottom-sheet--open" : ""} ${y || ""}`,
           style: {
             zIndex: M + 1,
-            height: `${x}vh`,
+            height: `${T}vh`,
             transform: `translateY(${Math.max(0, $)}px)`,
-            transition: T ? "none" : "transform 0.3s ease-out, height 0.3s ease-out",
-            ...w
+            transition: h ? "none" : "transform 0.3s ease-out, height 0.3s ease-out",
+            ...p
           },
           role: "dialog",
           "aria-modal": "true",
           "aria-label": r,
           tabIndex: -1,
-          onTouchStart: c,
-          onTouchMove: t,
+          onTouchStart: i,
+          onTouchMove: n,
           onTouchEnd: _,
           children: [
-            f && /* @__PURE__ */ a("div", { className: "nice-bottom-sheet__handle", "aria-hidden": "true" }),
+            v && /* @__PURE__ */ a("div", { className: "nice-bottom-sheet__handle", "aria-hidden": "true" }),
             r && /* @__PURE__ */ a("div", { className: "nice-bottom-sheet__title", children: r }),
-            /* @__PURE__ */ a("div", { ref: n, className: "nice-bottom-sheet__content", children: m })
+            /* @__PURE__ */ a("div", { ref: c, className: "nice-bottom-sheet__content", children: m })
           ]
         }
       )
     ] }),
-    document.body
+    B
   );
-}, te = ({
+}, ae = ({
   trigger: e,
   children: o,
   placement: m = "bottom",
   triggerMode: r = "click",
-  open: f,
-  onOpenChange: s,
-  hoverDelay: d = 200,
-  offset: u = 8,
-  className: k,
+  open: v,
+  onOpenChange: l,
+  hoverDelay: s = 200,
+  offset: d = 8,
+  className: x,
   showArrow: N = !0
 }) => {
-  const [p, M] = L(!1), b = E(null), w = E(null), i = E(null), n = f !== void 0, l = n ? f : p, y = g(
-    (c) => {
-      n || M(c), s?.(c);
+  const [k, M] = L(!1), y = E(null), p = E(null), u = E(null), c = W(), t = v !== void 0, g = t ? v : k, h = b(
+    (i) => {
+      t || M(i), l?.(i);
     },
-    [n, s]
+    [t, l]
   );
-  O(w, () => {
-    r !== "manual" && l && y(!1);
+  Q(p, () => {
+    r !== "manual" && g && h(!1);
   });
-  const T = g(() => {
-    r === "click" && y(!l);
-  }, [r, l, y]), H = g(() => {
-    r === "hover" && (i.current && window.clearTimeout(i.current), i.current = window.setTimeout(() => y(!0), d));
-  }, [r, d, y]), P = g(() => {
-    r === "hover" && (i.current && window.clearTimeout(i.current), i.current = window.setTimeout(() => y(!1), d));
-  }, [r, d, y]), [R, S] = L({ top: 0, left: 0 });
-  return I(() => {
-    if (!l || !b.current || !w.current)
+  const S = b(() => {
+    r === "click" && h(!g);
+  }, [r, g, h]), D = b(() => {
+    r === "hover" && (u.current && window.clearTimeout(u.current), u.current = window.setTimeout(() => h(!0), s));
+  }, [r, s, h]), P = b(() => {
+    r === "hover" && (u.current && window.clearTimeout(u.current), u.current = window.setTimeout(() => h(!1), s));
+  }, [r, s, h]), [I, B] = L({ top: 0, left: 0 });
+  return Y(() => {
+    if (!g || !y.current || !p.current)
       return;
-    const c = b.current.getBoundingClientRect(), t = w.current.getBoundingClientRect(), _ = window.innerWidth, D = window.innerHeight;
-    let x = 0, $ = 0;
-    const [h, v = "center"] = m.split("-");
-    switch (h) {
+    const i = y.current.getBoundingClientRect(), n = p.current.getBoundingClientRect(), _ = window.innerWidth, R = window.innerHeight;
+    let T = 0, $ = 0;
+    const [f, w = "center"] = m.split("-");
+    switch (f) {
       case "top":
-        x = c.top - t.height - u, $ = c.left + (c.width - t.width) / 2;
+        T = i.top - n.height - d, $ = i.left + (i.width - n.width) / 2;
         break;
       case "bottom":
-        x = c.bottom + u, $ = c.left + (c.width - t.width) / 2;
+        T = i.bottom + d, $ = i.left + (i.width - n.width) / 2;
         break;
       case "left":
-        x = c.top + (c.height - t.height) / 2, $ = c.left - t.width - u;
+        T = i.top + (i.height - n.height) / 2, $ = i.left - n.width - d;
         break;
       case "right":
-        x = c.top + (c.height - t.height) / 2, $ = c.right + u;
+        T = i.top + (i.height - n.height) / 2, $ = i.right + d;
         break;
     }
-    h === "top" || h === "bottom" ? (v === "start" && ($ = c.left), v === "end" && ($ = c.right - t.width)) : (v === "start" && (x = c.top), v === "end" && (x = c.bottom - t.height)), $ = Math.max(8, Math.min(_ - t.width - 8, $)), x = Math.max(8, Math.min(D - t.height - 8, x)), S({ top: x, left: $ });
-  }, [l, m, u]), /* @__PURE__ */ Y(W, { children: [
+    f === "top" || f === "bottom" ? (w === "start" && ($ = i.left), w === "end" && ($ = i.right - n.width)) : (w === "start" && (T = i.top), w === "end" && (T = i.bottom - n.height)), $ = Math.max(8, Math.min(_ - n.width - 8, $)), T = Math.max(8, Math.min(R - n.height - 8, T)), B({ top: T, left: $ });
+  }, [g, m, d]), /* @__PURE__ */ H(O, { children: [
     /* @__PURE__ */ a(
       "div",
       {
-        ref: b,
+        ref: y,
         className: "nice-popover__trigger",
-        onClick: T,
-        onMouseEnter: H,
+        onClick: S,
+        onMouseEnter: D,
         onMouseLeave: P,
         style: { display: "inline-block" },
         children: e
       }
     ),
-    l && C(
-      /* @__PURE__ */ Y(
+    g && X(
+      /* @__PURE__ */ H(
         "div",
         {
-          ref: w,
-          className: `nice-popover nice-popover--${m} ${k || ""}`,
+          ref: p,
+          className: `nice-popover nice-popover--${m} ${x || ""}`,
           style: {
             position: "fixed",
-            top: R.top,
-            left: R.left,
+            top: I.top,
+            left: I.left,
             zIndex: 1100
           },
-          onMouseEnter: H,
+          onMouseEnter: D,
           onMouseLeave: P,
           role: "tooltip",
           children: [
@@ -386,97 +396,97 @@ const F = ({
           ]
         }
       ),
-      document.body
+      c
     )
   ] });
-}, ne = ({
+}, ie = ({
   items: e,
   children: o,
   onOpen: m,
   onClose: r,
-  className: f
+  className: v
 }) => {
-  const [s, d] = L(!1), [u, k] = L({ x: 0, y: 0 }), N = E(null), p = E(null);
-  O(N, () => {
-    s && (d(!1), r?.());
+  const [l, s] = L(!1), [d, x] = L({ x: 0, y: 0 }), N = E(null), k = E(null), M = W();
+  Q(N, () => {
+    l && (s(!1), r?.());
   });
-  const M = g(
-    (i) => {
-      i.preventDefault(), k({ x: i.clientX, y: i.clientY }), d(!0), m?.();
+  const y = b(
+    (c) => {
+      c.preventDefault(), x({ x: c.clientX, y: c.clientY }), s(!0), m?.();
     },
     [m]
-  ), b = g(
-    (i) => {
-      !i.disabled && i.onClick && (i.onClick(), d(!1), r?.());
+  ), p = b(
+    (c) => {
+      !c.disabled && c.onClick && (c.onClick(), s(!1), r?.());
     },
     [r]
   );
-  I(() => {
-    if (!s)
+  Y(() => {
+    if (!l)
       return;
-    const i = (n) => {
-      n.key === "Escape" && (d(!1), r?.());
+    const c = (t) => {
+      t.key === "Escape" && (s(!1), r?.());
     };
-    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-  }, [s, r]);
-  const w = (i) => /* @__PURE__ */ a("ul", { className: "nice-context-menu__list", role: "menu", children: i.map((n) => n.divider ? /* @__PURE__ */ a("li", { className: "nice-context-menu__divider", role: "separator" }, n.key) : /* @__PURE__ */ a("li", { role: "presentation", children: /* @__PURE__ */ Y(
+    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
+  }, [l, r]);
+  const u = (c) => /* @__PURE__ */ a("ul", { className: "nice-context-menu__list", role: "menu", children: c.map((t) => t.divider ? /* @__PURE__ */ a("li", { className: "nice-context-menu__divider", role: "separator" }, t.key) : /* @__PURE__ */ a("li", { role: "presentation", children: /* @__PURE__ */ H(
     "button",
     {
       type: "button",
-      className: `nice-context-menu__item ${n.disabled ? "nice-context-menu__item--disabled" : ""} ${n.danger ? "nice-context-menu__item--danger" : ""}`,
+      className: `nice-context-menu__item ${t.disabled ? "nice-context-menu__item--disabled" : ""} ${t.danger ? "nice-context-menu__item--danger" : ""}`,
       role: "menuitem",
-      disabled: n.disabled,
-      onClick: () => b(n),
+      disabled: t.disabled,
+      onClick: () => p(t),
       children: [
-        n.icon && /* @__PURE__ */ a("span", { className: "nice-context-menu__icon", children: n.icon }),
-        /* @__PURE__ */ a("span", { className: "nice-context-menu__label", children: n.label })
+        t.icon && /* @__PURE__ */ a("span", { className: "nice-context-menu__icon", children: t.icon }),
+        /* @__PURE__ */ a("span", { className: "nice-context-menu__label", children: t.label })
       ]
     }
-  ) }, n.key)) });
-  return /* @__PURE__ */ Y(W, { children: [
-    /* @__PURE__ */ a("div", { ref: p, onContextMenu: M, style: { display: "contents" }, children: o }),
-    s && C(
+  ) }, t.key)) });
+  return /* @__PURE__ */ H(O, { children: [
+    /* @__PURE__ */ a("div", { ref: k, onContextMenu: y, style: { display: "contents" }, children: o }),
+    l && X(
       /* @__PURE__ */ a(
         "div",
         {
           ref: N,
-          className: `nice-context-menu ${f || ""}`,
+          className: `nice-context-menu ${v || ""}`,
           style: {
             position: "fixed",
-            left: u.x,
-            top: u.y,
+            left: d.x,
+            top: d.y,
             zIndex: 1200
           },
           role: "menu",
-          children: w(e)
+          children: u(e)
         }
       ),
-      document.body
+      M
     )
   ] });
 };
 export {
-  ie as NiceActionSheet,
-  ae as NiceBlockUI,
-  ee as NiceBottomSheet,
-  ce as NiceBox,
-  le as NiceCommandPaletteProvider,
-  ne as NiceContextMenu,
-  Z as NiceDrawer,
-  se as NiceLoadPanel,
+  se as NiceActionSheet,
+  de as NiceBlockUI,
+  oe as NiceBottomSheet,
+  ue as NiceBox,
+  he as NiceCommandPaletteProvider,
+  ie as NiceContextMenu,
+  re as NiceDrawer,
+  fe as NiceLoadPanel,
   F as NiceModal,
-  J as NiceModalBody,
-  Q as NiceModalFooter,
-  G as NiceModalHeader,
-  te as NiceOverlayPopover,
-  de as NicePopover,
-  ue as NiceResizable,
-  he as NiceResponsiveBox,
-  me as NiceScrollView,
-  fe as NiceTutorial,
-  ve as NiceTutorialProvider,
-  ge as NiceWindow,
-  be as NiceWindowManager,
-  we as useCommandPalette,
-  ye as useRegisterCommands
+  te as NiceModalBody,
+  ne as NiceModalFooter,
+  ee as NiceModalHeader,
+  ae as NiceOverlayPopover,
+  me as NicePopover,
+  ve as NiceResizable,
+  ge as NiceResponsiveBox,
+  we as NiceScrollView,
+  be as NiceTutorial,
+  ye as NiceTutorialProvider,
+  pe as NiceWindow,
+  _e as NiceWindowManager,
+  Ne as useCommandPalette,
+  ke as useRegisterCommands
 };