@nice2dev/ui 1.0.17 → 1.0.19

package/dist/overlays.mjs

@@ -1,10 +1,10 @@
-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-6F_z4_18.js";
-import { jsxs as C, Fragment as O, jsx as a } from "react/jsx-runtime";
-import { A as j, D as K, a as A, q as z, n as U } from "./core-Dpfb_THi.js";
-import { useRef as E, useState as D, useEffect as Y, useCallback as b, useContext as V } from "react";
-import { createPortal as X } from "react-dom";
+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-Bo_yCa1o.js";
+import { jsxs as H, Fragment as O, jsx as a } from "react/jsx-runtime";
+import { P as j, X as K, b as z, c as U, l as V } from "./core-Da1dGJN3.js";
+import { useRef as E, useState as P, useEffect as Y, useCallback as b, useContext as q } from "react";
+import { createPortal as C } from "react-dom";
 function W() {
-  const e = V(U);
+  const e = q(V);
   return e?.portalTarget ? e.portalTarget : typeof document < "u" ? document.body : null;
 }
 const F = ({
@@ -54,7 +54,7 @@ const F = ({
     xl: "nice-modal--xl",
     full: "nice-modal--full"
   }[v];
-  return X(
+  return C(
     /* @__PURE__ */ a(
       "div",
       {
@@ -84,7 +84,7 @@ const F = ({
   showClose: o = !0,
   onClose: m,
   className: r
-}) => /* @__PURE__ */ C("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",
@@ -112,7 +112,7 @@ const F = ({
   className: k,
   style: M
 }) => {
-  const y = E(null), [p, u] = D(!1), [c, t] = D(0);
+  const y = E(null), [p, u] = P(!1), [c, t] = P(0);
   j(y, e);
   const g = W();
   Y(() => {
@@ -143,7 +143,7 @@ const F = ({
       t(_);
     },
     [r]
-  ), H = b(
+  ), S = b(
     (n) => {
       let R = !1;
       switch (r) {
@@ -163,12 +163,12 @@ const F = ({
       R && (K("light"), o()), t(0), u(!1);
     },
     [r, o]
-  ), { ref: L } = z({
+  ), { ref: D } = U({
     enabled: x && e,
     onPanStart: () => u(!0),
     onPan: h,
-    onPanEnd: H
-  }), P = b(
+    onPanEnd: S
+  }), L = b(
     (n) => {
       s && n.target === n.currentTarget && o();
     },
@@ -176,29 +176,29 @@ const F = ({
   );
   if (!e)
     return null;
-  const I = r === "left" || r === "right", S = I ? { width: typeof v == "number" ? `${v}px` : v } : { height: typeof v == "number" ? `${v}px` : v }, i = () => {
+  const I = r === "left" || r === "right", X = 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 X(
-    /* @__PURE__ */ C(O, { children: [
+  return C(
+    /* @__PURE__ */ H(O, { children: [
       /* @__PURE__ */ a(
         "div",
         {
           className: `nice-drawer__overlay ${e ? "nice-drawer__overlay--visible" : ""}`,
           style: { zIndex: N },
-          onClick: P
+          onClick: L
         }
       ),
       /* @__PURE__ */ a(
         "div",
         {
           ref: (n) => {
-            y.current = n, L.current = n;
+            y.current = n, D.current = n;
           },
           className: `nice-drawer nice-drawer--${r} ${e ? "nice-drawer--open" : ""} ${k || ""}`,
           style: {
-            ...S,
+            ...X,
             zIndex: N + 1,
             transform: i(),
             transition: p ? "none" : void 0,
@@ -230,11 +230,11 @@ const F = ({
   className: y,
   style: p
 }) => {
-  const u = E(null), c = E(null), [t, g] = D(s), [h, H] = D(!1), [L, P] = D(0), I = E(0);
+  const u = E(null), c = E(null), [t, g] = P(s), [h, S] = P(!1), [D, L] = P(0), I = E(0);
   Y(() => {
-    e && (g(s), P(0));
+    e && (g(s), L(0));
   }, [e, s]), j(u, e);
-  const S = W();
+  const X = W();
   Y(() => {
     if (!N || !e)
       return;
@@ -251,14 +251,14 @@ const F = ({
     }
   }, [e]);
   const i = b((f) => {
-    const w = f.target.closest(".nice-bottom-sheet__handle"), B = c.current, q = !B || B.scrollTop <= 0;
-    !w && !q || (H(!0), I.current = f.touches[0].clientY);
+    const w = f.target.closest(".nice-bottom-sheet__handle"), B = c.current, A = !B || B.scrollTop <= 0;
+    !w && !A || (S(!0), I.current = f.touches[0].clientY);
   }, []), n = b(
     (f) => {
       if (!h)
         return;
       const w = f.touches[0].clientY - I.current;
-      (w > 0 || t < l.length - 1) && P(w);
+      (w > 0 || t < l.length - 1) && L(w);
     },
     [h, t, l.length]
   ), _ = b(() => {
@@ -266,16 +266,16 @@ const F = ({
       return;
     const f = window.innerHeight;
     l[t] * f;
-    const w = -L, B = f * 0.15;
-    w > B && d && t < l.length - 1 ? (g(t + 1), k && K("selection")) : w < -B && (t > 0 ? (g(t - 1), k && K("selection")) : (k && K("light"), o())), H(!1), P(0);
-  }, [h, L, t, l, d, k, o]), R = b(() => {
+    const w = -D, B = f * 0.15;
+    w > B && d && t < l.length - 1 ? (g(t + 1), k && K("selection")) : w < -B && (t > 0 ? (g(t - 1), k && K("selection")) : (k && K("light"), o())), S(!1), L(0);
+  }, [h, D, t, l, d, k, o]), R = b(() => {
     x && o();
   }, [x, o]);
   if (!e)
     return null;
-  const T = l[t] * 100, $ = h ? L : 0;
-  return X(
-    /* @__PURE__ */ C(O, { children: [
+  const T = l[t] * 100, $ = h ? D : 0;
+  return C(
+    /* @__PURE__ */ H(O, { children: [
       /* @__PURE__ */ a(
         "div",
         {
@@ -284,7 +284,7 @@ const F = ({
           onClick: R
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ H(
         "div",
         {
           ref: u,
@@ -311,7 +311,7 @@ const F = ({
         }
       )
     ] }),
-    S
+    X
   );
 }, ae = ({
   trigger: e,
@@ -325,22 +325,22 @@ const F = ({
   className: x,
   showArrow: N = !0
 }) => {
-  const [k, M] = D(!1), y = E(null), p = E(null), u = E(null), c = W(), t = v !== void 0, g = t ? v : k, h = b(
+  const [k, M] = P(!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);
     },
     [t, l]
   );
-  A(p, () => {
+  z(p, () => {
     r !== "manual" && g && h(!1);
   });
-  const H = b(() => {
+  const S = b(() => {
     r === "click" && h(!g);
-  }, [r, g, h]), L = b(() => {
+  }, [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, s, h]), L = b(() => {
     r === "hover" && (u.current && window.clearTimeout(u.current), u.current = window.setTimeout(() => h(!1), s));
-  }, [r, s, h]), [I, S] = D({ top: 0, left: 0 });
+  }, [r, s, h]), [I, X] = P({ top: 0, left: 0 });
   return Y(() => {
     if (!g || !y.current || !p.current)
       return;
@@ -361,22 +361,22 @@ const F = ({
         T = i.top + (i.height - n.height) / 2, $ = i.right + d;
         break;
     }
-    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)), S({ top: T, left: $ });
-  }, [g, m, d]), /* @__PURE__ */ C(O, { 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)), X({ top: T, left: $ });
+  }, [g, m, d]), /* @__PURE__ */ H(O, { children: [
     /* @__PURE__ */ a(
       "div",
       {
         ref: y,
         className: "nice-popover__trigger",
-        onClick: H,
-        onMouseEnter: L,
-        onMouseLeave: P,
+        onClick: S,
+        onMouseEnter: D,
+        onMouseLeave: L,
         style: { display: "inline-block" },
         children: e
       }
     ),
-    g && X(
-      /* @__PURE__ */ C(
+    g && C(
+      /* @__PURE__ */ H(
         "div",
         {
           ref: p,
@@ -387,8 +387,8 @@ const F = ({
             left: I.left,
             zIndex: 1100
           },
-          onMouseEnter: L,
-          onMouseLeave: P,
+          onMouseEnter: D,
+          onMouseLeave: L,
           role: "tooltip",
           children: [
             N && /* @__PURE__ */ a("div", { className: "nice-popover__arrow" }),
@@ -406,8 +406,8 @@ const F = ({
   onClose: r,
   className: v
 }) => {
-  const [l, s] = D(!1), [d, x] = D({ x: 0, y: 0 }), N = E(null), k = E(null), M = W();
-  A(N, () => {
+  const [l, s] = P(!1), [d, x] = P({ x: 0, y: 0 }), N = E(null), k = E(null), M = W();
+  z(N, () => {
     l && (s(!1), r?.());
   });
   const y = b(
@@ -429,7 +429,7 @@ const F = ({
     };
     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__ */ C(
+  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",
@@ -443,9 +443,9 @@ const F = ({
       ]
     }
   ) }, t.key)) });
-  return /* @__PURE__ */ C(O, { children: [
+  return /* @__PURE__ */ H(O, { children: [
     /* @__PURE__ */ a("div", { ref: k, onContextMenu: y, style: { display: "contents" }, children: o }),
-    l && X(
+    l && C(
       /* @__PURE__ */ a(
         "div",
         {