@nice2dev/ui-mobile 1.0.18 → 1.0.20

package/dist/index.mjs

@@ -238,7 +238,7 @@ const Gt = ({
         X > 0 || (_.current = U.touches[0].clientY, Y.current = X, P.current = !1);
       },
       [m, T]
-    ), G = d(
+    ), K = d(
       (U) => {
         if (m || T === "refreshing")
           return;
@@ -280,7 +280,7 @@ const Gt = ({
         className: `nice-ptr ${h} nice-ptr--${T}`,
         style: p,
         onTouchStart: ne,
-        onTouchMove: G,
+        onTouchMove: K,
         onTouchEnd: O,
         onKeyDown: Z,
         tabIndex: 0,
@@ -441,7 +441,7 @@ const ct = ({
     itemId: h,
     hapticFeedback: p = !0
   }, b) => {
-    const I = Qt(), [T, D] = J(0), [x, z] = J(null), [V, B] = J(!1), _ = W(null), Y = W(0), y = W(0), P = W(0), R = W(!1), H = W(null), S = W(!1), F = -(t.length * c), ne = r.length * c, G = (o === "left" || o === "both" || !o) && t.length > 0, O = (o === "right" || o === "both" || !o) && r.length > 0, Z = Math.min(1, Math.abs(T) / Math.abs(F)), ee = Math.min(1, T / ne), re = pe(
+    const I = Qt(), [T, D] = J(0), [x, z] = J(null), [V, B] = J(!1), _ = W(null), Y = W(0), y = W(0), P = W(0), R = W(!1), H = W(null), S = W(!1), F = -(t.length * c), ne = r.length * c, K = (o === "left" || o === "both" || !o) && t.length > 0, O = (o === "right" || o === "both" || !o) && r.length > 0, Z = Math.min(1, Math.abs(T) / Math.abs(F)), ee = Math.min(1, T / ne), re = pe(
       () => h || `swipe-${Math.random().toString(36).substr(2, 9)}`,
       [h]
     ), L = d(() => {
@@ -466,7 +466,7 @@ const ct = ({
           R.current = !0, H.current = E < 0 ? "left" : "right", l == null || l(H.current), u && I && I.setActiveItemId(re);
         }
         let C = P.current + E;
-        if (!G && C < 0 && (C = Math.max(C, -30) * 0.3), !O && C > 0 && (C = Math.min(C, 30) * 0.3), G && C < F) {
+        if (!K && C < 0 && (C = Math.max(C, -30) * 0.3), !O && C > 0 && (C = Math.min(C, 30) * 0.3), K && C < F) {
           const ie = F - C;
           C = F - ie * 0.3;
         }
@@ -474,13 +474,13 @@ const ct = ({
           const ie = C - ne;
           C = ne + ie * 0.3;
         }
-        const K = H.current === "left" ? Math.abs(F) * i : ne * i, se = H.current === "left" ? Math.abs(C) : C;
-        se >= K && !S.current ? (S.current = !0, p && Le("light")) : se < K && S.current && (S.current = !1), D(C), a.preventDefault();
+        const G = H.current === "left" ? Math.abs(F) * i : ne * i, se = H.current === "left" ? Math.abs(C) : C;
+        se >= G && !S.current ? (S.current = !0, p && Le("light")) : se < G && S.current && (S.current = !1), D(C), a.preventDefault();
       },
       [
         w,
         V,
-        G,
+        K,
         O,
         F,
         ne,
@@ -497,13 +497,13 @@ const ct = ({
       R.current = !1, B(!0);
       const a = Math.abs(F) * i, s = ne * i;
       let N = 0, E = null;
-      H.current === "left" && G ? Math.abs(T) >= a && (N = F, E = "left", p && Le("medium")) : H.current === "right" && O && T >= s && (N = ne, E = "right", p && Le("medium")), (x === "left" && T > 0 || x === "right" && T < 0) && (N = 0, E = null), D(N), z(E), m == null || m(E), setTimeout(() => B(!1), 300);
+      H.current === "left" && K ? Math.abs(T) >= a && (N = F, E = "left", p && Le("medium")) : H.current === "right" && O && T >= s && (N = ne, E = "right", p && Le("medium")), (x === "left" && T > 0 || x === "right" && T < 0) && (N = 0, E = null), D(N), z(E), m == null || m(E), setTimeout(() => B(!1), 300);
     }, [
       T,
       F,
       ne,
       i,
-      G,
+      K,
       O,
       x,
       p,
@@ -808,43 +808,43 @@ const tn = ue(
   }, V) => {
     const [B, _] = J(o), [Y, y] = J(0), [P, R] = J(!1), [H, S] = J(
       typeof window < "u" ? window.innerHeight : 800
-    ), [F, ne] = J(400), G = W(null), O = W(null), Z = W(0), ee = W(0), re = W(0), L = W(0), U = W(0), j = W(-1), X = i.map(
-      (K) => en(K, H, F)
+    ), [F, ne] = J(400), K = W(null), O = W(null), Z = W(0), ee = W(0), re = W(0), L = W(0), U = W(0), j = W(-1), X = i.map(
+      (G) => en(G, H, F)
     ), f = X[B] ?? X[0];
     je(V, () => ({
-      snapTo: (K) => {
-        K >= 0 && K < i.length && (_(K), y(0), c == null || c(K, X[K]));
+      snapTo: (G) => {
+        G >= 0 && G < i.length && (_(G), y(0), c == null || c(G, X[G]));
       },
       close: () => r(),
       getCurrentSnap: () => B
     })), le(() => {
-      const K = () => {
+      const G = () => {
         S(window.innerHeight);
       };
-      return window.addEventListener("resize", K), () => window.removeEventListener("resize", K);
+      return window.addEventListener("resize", G), () => window.removeEventListener("resize", G);
     }, []), le(() => {
       if (O.current && t) {
-        const K = O.current.scrollHeight;
-        ne(K + 60);
+        const G = O.current.scrollHeight;
+        ne(G + 60);
       }
     }, [t, e]), le(() => {
       if (!t || !k)
         return;
-      const K = (se) => {
+      const G = (se) => {
         se.key === "Escape" && r();
       };
-      return document.addEventListener("keydown", K), () => document.removeEventListener("keydown", K);
+      return document.addEventListener("keydown", G), () => document.removeEventListener("keydown", G);
     }, [t, k, r]), le(() => {
       if (t) {
-        const K = document.body.style.overflow;
+        const G = document.body.style.overflow;
         return document.body.style.overflow = "hidden", () => {
-          document.body.style.overflow = K;
+          document.body.style.overflow = G;
         };
       }
     }, [t]);
     const v = d(
-      (K) => {
-        const se = H - f + K, ie = H - se;
+      (G) => {
+        const se = H - f + G, ie = H - se;
         for (let de = 0; de < X.length; de++) {
           const he = X[de];
           if (Math.abs(ie - he) < 20 && j.current !== de) {
@@ -855,31 +855,31 @@ const tn = ue(
       },
       [H, f, X, p]
     ), g = d(
-      (K, se) => {
-        if (se > h * 2 && $ && K < X[0] * 0.5)
+      (G, se) => {
+        if (se > h * 2 && $ && G < X[0] * 0.5)
           return -1;
         if (se < -h)
           return X.length - 1;
         if (se > h)
-          return $ && K < X[0] * 0.7 ? -1 : 0;
-        let ie = 0, de = Math.abs(K - X[0]);
+          return $ && G < X[0] * 0.7 ? -1 : 0;
+        let ie = 0, de = Math.abs(G - X[0]);
         for (let he = 1; he < X.length; he++) {
-          const ae = Math.abs(K - X[he]);
+          const ae = Math.abs(G - X[he]);
           ae < de && (de = ae, ie = he);
         }
-        return $ && K < X[0] * 0.5 ? -1 : ie;
+        return $ && G < X[0] * 0.5 ? -1 : ie;
       },
       [X, h, $]
     ), a = d(
-      (K) => {
-        Z.current = K.touches[0].clientY, ee.current = Y, re.current = K.touches[0].clientY, L.current = Date.now(), U.current = 0, j.current = -1, R(!0);
+      (G) => {
+        Z.current = G.touches[0].clientY, ee.current = Y, re.current = G.touches[0].clientY, L.current = Date.now(), U.current = 0, j.current = -1, R(!0);
       },
       [Y]
     ), s = d(
-      (K) => {
+      (G) => {
         if (!P)
           return;
-        const se = K.touches[0].clientY, ie = se - Z.current, de = Date.now(), he = de - L.current;
+        const se = G.touches[0].clientY, ie = se - Z.current, de = Date.now(), he = de - L.current;
         he > 0 && (U.current = (se - re.current) / he), re.current = se, L.current = de;
         let ae = ee.current + ie;
         const fe = f + 50;
@@ -892,14 +892,14 @@ const tn = ue(
           const te = q - ae;
           ae = q - te * 0.2;
         }
-        y(ae), v(ae), K.preventDefault();
+        y(ae), v(ae), G.preventDefault();
       },
       [P, f, H, v]
     ), N = d(() => {
       if (!P)
         return;
       R(!1);
-      const K = f - Y, se = g(K, U.current);
+      const G = f - Y, se = g(G, U.current);
       if (se === -1)
         y(f + 100), setTimeout(() => {
           r(), y(0), _(o);
@@ -919,9 +919,12 @@ const tn = ue(
       c,
       o,
       p
-    ]), E = d(() => {
-      w && r();
-    }, [w, r]);
+    ]), E = d(
+      (G) => {
+        w && G.target === G.currentTarget && r();
+      },
+      [w, r]
+    );
     if (!t)
       return null;
     const Q = Math.max(0, f - Y), C = Math.min(0.5, Q / H * 0.8);
@@ -931,14 +934,14 @@ const tn = ue(
         {
           className: "nice-bottom-sheet-backdrop",
           style: { opacity: C },
-          onClick: E,
+          onMouseDown: E,
           "aria-hidden": "true"
         }
       ),
       /* @__PURE__ */ A(
         "div",
         {
-          ref: G,
+          ref: K,
           className: `nice-bottom-sheet ${P ? "nice-bottom-sheet--dragging" : ""}`,
           style: {
             ...x,
@@ -1027,19 +1030,19 @@ const rn = ue(
     className: z = "",
     style: V
   }, B) => {
-    const [_, Y] = J(t), [y, P] = J(1), [R, H] = J(0), [S, F] = J(0), [ne, G] = J(!1), [O, Z] = J({}), ee = W(null), re = W(null), L = W([]), U = W(0), j = W(1), X = W({ x: 0, y: 0 }), f = W(0), v = W({ x: 0, y: 0 }), g = W(!1), a = W(!1), s = W(null), N = e[_], E = d(
+    const [_, Y] = J(t), [y, P] = J(1), [R, H] = J(0), [S, F] = J(0), [ne, K] = J(!1), [O, Z] = J({}), ee = W(null), re = W(null), L = W([]), U = W(0), j = W(1), X = W({ x: 0, y: 0 }), f = W(0), v = W({ x: 0, y: 0 }), g = W(!1), a = W(!1), s = W(null), N = e[_], E = d(
       (q) => {
         let te = q;
-        I ? te = (q % e.length + e.length) % e.length : te = Math.max(0, Math.min(e.length - 1, q)), te !== _ && (G(!0), Y(te), P(1), H(0), F(0), r == null || r(te, e[te]), T && nn("light"), setTimeout(() => G(!1), 300));
+        I ? te = (q % e.length + e.length) % e.length : te = Math.max(0, Math.min(e.length - 1, q)), te !== _ && (K(!0), Y(te), P(1), H(0), F(0), r == null || r(te, e[te]), T && nn("light"), setTimeout(() => K(!1), 300));
       },
       [_, e, I, r, T]
-    ), Q = d(() => E(_ + 1), [E, _]), C = d(() => E(_ - 1), [E, _]), K = d(
+    ), Q = d(() => E(_ + 1), [E, _]), C = d(() => E(_ - 1), [E, _]), G = d(
       (q, te, ce) => {
         const oe = Math.max($, Math.min(h, q));
         P(oe), oe <= 1 && (H(0), F(0));
       },
       [$, h]
-    ), se = d(() => K(y * 1.5), [y, K]), ie = d(() => K(y / 1.5), [y, K]), de = d(() => {
+    ), se = d(() => G(y * 1.5), [y, G]), ie = d(() => G(y / 1.5), [y, G]), de = d(() => {
       P(1), H(0), F(0);
     }, []);
     je(B, () => ({
@@ -1089,10 +1092,10 @@ const rn = ue(
           g.current = !0, U.current = at(te[0], te[1]), j.current = y, X.current = { x: R, y: S };
         else if (te.length === 1) {
           const ce = Date.now();
-          ce - f.current < 300 && M ? (y > 1.1 ? de() : K(p, te[0].x, te[0].y), f.current = 0) : f.current = ce, X.current = { x: R, y: S };
+          ce - f.current < 300 && M ? (y > 1.1 ? de() : G(p, te[0].x, te[0].y), f.current = 0) : f.current = ce, X.current = { x: R, y: S };
         }
       },
-      [y, R, S, m, M, p, de, K]
+      [y, R, S, m, M, p, de, G]
     ), ae = d(
       (q) => {
         const te = Array.from(q.touches).map((ce) => ({
@@ -1102,7 +1105,7 @@ const rn = ue(
         }));
         if (te.length === 2 && g.current && m) {
           const oe = at(te[0], te[1]) / U.current, ve = j.current * oe;
-          K(ve);
+          G(ve);
           const ge = st(te[0], te[1]), we = st(
             L.current[0],
             L.current[1] || L.current[0]
@@ -1117,7 +1120,7 @@ const rn = ue(
           q.preventDefault();
         }
       },
-      [y, m, K]
+      [y, m, G]
     ), fe = d(
       (q) => {
         if (g.current) {
@@ -1388,7 +1391,7 @@ function ln({
   style: _,
   ariaLabel: Y = "Scrollable list"
 }, y) {
-  const [P, R] = J("idle"), [H, S] = J(!1), [F, ne] = J(!1), G = W(null), O = W(null), Z = W(!1), ee = W(null);
+  const [P, R] = J("idle"), [H, S] = J(!1), [F, ne] = J(!1), K = W(null), O = W(null), Z = W(!1), ee = W(null);
   le(() => {
     o ? R("error") : i ? R("loading") : !c && e.length > 0 ? R("end") : R("idle");
   }, [o, i, c, e.length]);
@@ -1406,10 +1409,10 @@ function ln({
     }
   }, [c, o, r]), U = d(() => {
     var a;
-    (a = G.current) == null || a.scrollTo({ top: 0, behavior: "smooth" });
+    (a = K.current) == null || a.scrollTo({ top: 0, behavior: "smooth" });
   }, []), j = d(() => {
-    G.current && G.current.scrollTo({
-      top: G.current.scrollHeight,
+    K.current && K.current.scrollTo({
+      top: K.current.scrollHeight,
       behavior: "smooth"
     });
   }, []);
@@ -1421,7 +1424,7 @@ function ln({
       N.isIntersecting && c && !i && !o && L();
     };
     return ee.current = new IntersectionObserver(a, {
-      root: G.current,
+      root: K.current,
       rootMargin: `${u}px`,
       threshold: 0.1
     }), ee.current.observe(O.current), () => {
@@ -1429,7 +1432,7 @@ function ln({
       (s = ee.current) == null || s.disconnect();
     };
   }, [c, i, o, u, L]), le(() => {
-    const a = G.current;
+    const a = K.current;
     if (!a)
       return;
     const s = () => {
@@ -1438,7 +1441,7 @@ function ln({
     };
     return a.addEventListener("scroll", s, { passive: !0 }), () => a.removeEventListener("scroll", s);
   }, [h]), le(() => {
-    b === "bottom" && G.current && (G.current.scrollTop = G.current.scrollHeight);
+    b === "bottom" && K.current && (K.current.scrollTop = K.current.scrollHeight);
   }, [b]);
   const X = d(
     (a) => {
@@ -1458,7 +1461,7 @@ function ln({
   }, [$, F]);
   const f = d(
     (a) => {
-      G.current = a, typeof y == "function" ? y(a) : y && (y.current = a);
+      K.current = a, typeof y == "function" ? y(a) : y && (y.current = a);
     },
     [y]
   ), v = pe(
@@ -1698,7 +1701,7 @@ const Nt = ({ item: e, depth: t = 0, onSelect: r, activeId: c }) => {
     style: B,
     ariaLabel: _ = "Navigation drawer"
   }, Y) => {
-    const [y, P] = J(0), [R, H] = J(!1), [S, F] = J(z), ne = W(null), G = W({ x: 0, y: 0 }), O = W(0), Z = W({ x: 0, y: 0 }), ee = r === "left" || r === "right", L = i ?? (ee ? 280 : 400);
+    const [y, P] = J(0), [R, H] = J(!1), [S, F] = J(z), ne = W(null), K = W({ x: 0, y: 0 }), O = W(0), Z = W({ x: 0, y: 0 }), ee = r === "left" || r === "right", L = i ?? (ee ? 280 : 400);
     le(() => {
       z !== void 0 && F(z);
     }, [z]), le(() => {
@@ -1720,8 +1723,8 @@ const Nt = ({ item: e, depth: t = 0, onSelect: r, activeId: c }) => {
         return;
       const s = ne.current, N = s.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      ), E = N[0], Q = N[N.length - 1], C = (K) => {
-        K.key === "Tab" && (K.shiftKey && document.activeElement === E ? (K.preventDefault(), Q == null || Q.focus()) : !K.shiftKey && document.activeElement === Q && (K.preventDefault(), E == null || E.focus()));
+      ), E = N[0], Q = N[N.length - 1], C = (G) => {
+        G.key === "Tab" && (G.shiftKey && document.activeElement === E ? (G.preventDefault(), Q == null || Q.focus()) : !G.shiftKey && document.activeElement === Q && (G.preventDefault(), E == null || E.focus()));
       };
       return s.addEventListener("keydown", C), E == null || E.focus(), () => s.removeEventListener("keydown", C);
     }, [e]);
@@ -1749,30 +1752,30 @@ const Nt = ({ item: e, depth: t = 0, onSelect: r, activeId: c }) => {
         if (!w && e)
           return;
         const N = s.touches[0];
-        G.current = { x: N.clientX, y: N.clientY }, Z.current = { x: N.clientX, y: N.clientY }, O.current = Date.now();
+        K.current = { x: N.clientX, y: N.clientY }, Z.current = { x: N.clientX, y: N.clientY }, O.current = Date.now();
       },
       [w, e]
     ), X = d(
       (s) => {
         if (!w || !e)
           return;
-        const N = s.touches[0], E = N.clientX - G.current.x, Q = N.clientY - G.current.y;
-        let C = !1, K = 0;
+        const N = s.touches[0], E = N.clientX - K.current.x, Q = N.clientY - K.current.y;
+        let C = !1, G = 0;
         switch (r) {
           case "left":
-            C = E < 0, K = Math.min(0, E);
+            C = E < 0, G = Math.min(0, E);
             break;
           case "right":
-            C = E > 0, K = Math.max(0, E);
+            C = E > 0, G = Math.max(0, E);
             break;
           case "top":
-            C = Q < 0, K = Math.min(0, Q);
+            C = Q < 0, G = Math.min(0, Q);
             break;
           case "bottom":
-            C = Q > 0, K = Math.max(0, Q);
+            C = Q > 0, G = Math.max(0, Q);
             break;
         }
-        C && Math.abs(ee ? E : Q) > 10 && (H(!0), P(K), Z.current = { x: N.clientX, y: N.clientY }, s.preventDefault());
+        C && Math.abs(ee ? E : Q) > 10 && (H(!0), P(G), Z.current = { x: N.clientX, y: N.clientY }, s.preventDefault());
       },
       [w, e, r, ee]
     ), f = d(() => {
@@ -1785,8 +1788,8 @@ const Nt = ({ item: e, depth: t = 0, onSelect: r, activeId: c }) => {
       if (!M || e)
         return;
       let s = 0, N = 0, E = !1;
-      const Q = (K) => {
-        const se = K.touches[0];
+      const Q = (G) => {
+        const se = G.touches[0];
         s = se.clientX, N = se.clientY;
         const ie = window.innerWidth, de = window.innerHeight;
         switch (r) {
@@ -1803,10 +1806,10 @@ const Nt = ({ item: e, depth: t = 0, onSelect: r, activeId: c }) => {
             E = N > de - k;
             break;
         }
-      }, C = (K) => {
+      }, C = (G) => {
         if (!E)
           return;
-        const se = K.touches[0], ie = se.clientX - s, de = se.clientY - N, he = 50;
+        const se = G.touches[0], ie = se.clientX - s, de = se.clientY - N, he = 50;
         let ae = !1;
         switch (r) {
           case "left":
@@ -1822,7 +1825,7 @@ const Nt = ({ item: e, depth: t = 0, onSelect: r, activeId: c }) => {
             ae = de < -he;
             break;
         }
-        ae && K.preventDefault();
+        ae && G.preventDefault();
       };
       return document.addEventListener("touchstart", Q, { passive: !0 }), document.addEventListener("touchmove", C, { passive: !1 }), () => {
         document.removeEventListener("touchstart", Q), document.removeEventListener("touchmove", C);
@@ -2144,7 +2147,7 @@ const Mt = ue(
     style: Y,
     ...y
   }, P) {
-    const H = `${Ct()}-title`, S = W(null), F = W(null), ne = W(0), G = W(0), O = W(!1), [Z, ee] = J(l), [re, L] = J(0), [U, j] = J(400), [X, f] = J(
+    const H = `${Ct()}-title`, S = W(null), F = W(null), ne = W(0), K = W(0), O = W(!1), [Z, ee] = J(l), [re, L] = J(0), [U, j] = J(400), [X, f] = J(
       typeof window < "u" ? window.innerHeight : 800
     ), [v, g] = J(!1), a = u.map((q) => hn(q, X, U));
     le(() => {
@@ -2221,7 +2224,7 @@ const Mt = ue(
       [a, k, p]
     ), Q = d(
       (q) => {
-        O.current = !0, ne.current = q, G.current = re, g(!0);
+        O.current = !0, ne.current = q, K.current = re, g(!0);
       },
       [re]
     ), C = d(
@@ -2229,7 +2232,7 @@ const Mt = ue(
         if (!O.current)
           return;
         const te = ne.current - q, ce = fn(
-          G.current + te,
+          K.current + te,
           50,
           // Min height
           X
@@ -2237,7 +2240,7 @@ const Mt = ue(
         L(ce);
       },
       [X]
-    ), K = d(
+    ), G = d(
       (q, te) => {
         if (!O.current)
           return;
@@ -2256,14 +2259,14 @@ const Mt = ue(
       C(q.touches[0].clientY);
     }, de = (q) => {
       const te = q.changedTouches[0], ce = (ne.current - te.clientY) / (q.timeStamp - (q.timeStamp - 200));
-      K(te.clientY, ce > 0 ? -ce / 1e3 : ce / 1e3);
+      G(te.clientY, ce > 0 ? -ce / 1e3 : ce / 1e3);
     }, he = (q) => {
       q.preventDefault(), Q(q.clientY);
       const te = (oe) => {
         C(oe.clientY);
       }, ce = (oe) => {
         const ve = (ne.current - oe.clientY) / 200;
-        K(oe.clientY, ve > 0 ? -ve / 500 : ve / 500), document.removeEventListener("mousemove", te), document.removeEventListener("mouseup", ce);
+        G(oe.clientY, ve > 0 ? -ve / 500 : ve / 500), document.removeEventListener("mousemove", te), document.removeEventListener("mouseup", ce);
       };
       document.addEventListener("mousemove", te), document.addEventListener("mouseup", ce);
     }, ae = d(
@@ -2747,7 +2750,7 @@ const me = {
       !U || U.disabled || (M && "vibrate" in navigator && navigator.vibrate(10), S || y(L), i == null || i(L));
     },
     [t, M, S, i]
-  ), G = k && t.length > k ? t.slice(0, k - 1) : t, O = k && t.length > k ? t.slice(k - 1) : [], Z = {
+  ), K = k && t.length > k ? t.slice(0, k - 1) : t, O = k && t.length > k ? t.slice(k - 1) : [], Z = {
     activeTab: F,
     setActiveTab: ne,
     tabs: t
@@ -2764,7 +2767,7 @@ const me = {
       "aria-label": "Main navigation",
       ...B,
       children: [
-        G.map((L) => {
+        K.map((L) => {
           const U = L.id === F;
           return /* @__PURE__ */ n(
             ut,
@@ -2999,7 +3002,7 @@ const vn = () => /* @__PURE__ */ n(
     children: P,
     ...R
   }, H) {
-    const [S, F] = J(0), [ne, G] = J(!0), O = W(null), Z = W(0), ee = W(!1), re = w - M, L = w - S * re, U = S >= 0.9;
+    const [S, F] = J(0), [ne, K] = J(!0), O = W(null), Z = W(0), ee = W(!1), re = w - M, L = w - S * re, U = S >= 0.9;
     le(() => {
       const s = I || window, N = () => {
         ee.current || (ee.current = !0, requestAnimationFrame(() => {
@@ -3009,7 +3012,7 @@ const vn = () => /* @__PURE__ */ n(
             F(C), T && Math.abs(C - S) > 0.05 && T(C >= 0.9, C);
           }
           if (l === "enterAlways") {
-            Q > 5 && E > M ? G(!1) : Q < -5 && G(!0);
+            Q > 5 && E > M ? K(!1) : Q < -5 && K(!0);
             const C = re > 0 ? Math.min(1, Math.max(0, E / re)) : 0;
             F(C);
           }
@@ -3285,7 +3288,7 @@ const yn = ue(
       h.current.scrollTop = T.current + Z;
     }, ne = () => {
       b.current = !1;
-    }, G = (O) => {
+    }, K = (O) => {
       P(O, !0), R(O);
     };
     return /* @__PURE__ */ n(
@@ -3315,7 +3318,7 @@ const yn = ue(
                 opacity: L,
                 transform: `scale(${U})`
               },
-              onClick: () => !O.disabled && G(Z),
+              onClick: () => !O.disabled && K(Z),
               children: m ? m(O, ee) : O.label
             },
             String(O.value)
@@ -3601,7 +3604,7 @@ function Tn(e = {}) {
       }
     },
     [o, D, z, y, k]
-  ), H = d((L) => h(L), []), S = d(() => h((L) => He(L, -1)), []), F = d(() => h((L) => He(L, 1)), []), ne = d(() => h((L) => dt(L, -1)), []), G = d(() => h((L) => dt(L, 1)), []), O = d(() => h(/* @__PURE__ */ new Date()), []), Z = d(() => {
+  ), H = d((L) => h(L), []), S = d(() => h((L) => He(L, -1)), []), F = d(() => h((L) => He(L, 1)), []), ne = d(() => h((L) => dt(L, -1)), []), K = d(() => h((L) => dt(L, 1)), []), O = d(() => h(/* @__PURE__ */ new Date()), []), Z = d(() => {
     const L = $.getFullYear(), U = $.getMonth(), j = /* @__PURE__ */ new Date(), f = (new Date(L, U, 1).getDay() - w + 7) % 7, v = 42, g = [];
     for (let a = 0; a < v; a++) {
       const s = new Date(L, U, 1 - f + a), N = s.getMonth() === U, E = s.getDate(), Q = M.filter((C) => Ne(C.date, s));
@@ -3637,7 +3640,7 @@ function Tn(e = {}) {
     goToPrevMonth: S,
     goToNextMonth: F,
     goToPrevYear: ne,
-    goToNextYear: G,
+    goToNextYear: K,
     goToToday: O,
     selectDate: R,
     isDateSelected: P,
@@ -3750,7 +3753,7 @@ const Dn = () => /* @__PURE__ */ n(
       events: k,
       weekStartDay: $,
       onChange: T
-    }), [F, ne] = J(r ?? t ?? /* @__PURE__ */ new Date()), G = W(0), O = W(0);
+    }), [F, ne] = J(r ?? t ?? /* @__PURE__ */ new Date()), K = W(0), O = W(0);
     le(() => {
       r && ne(r);
     }, [r]);
@@ -3765,7 +3768,7 @@ const Dn = () => /* @__PURE__ */ n(
       ne(a), S.goToDate(a), x == null || x(a);
     }, [S, x]), L = d(
       (a) => {
-        I && (G.current = a.touches[0].clientX);
+        I && (K.current = a.touches[0].clientX);
       },
       [I]
     ), U = d(
@@ -3776,7 +3779,7 @@ const Dn = () => /* @__PURE__ */ n(
     ), j = d(() => {
       if (!I)
         return;
-      const a = G.current - O.current;
+      const a = K.current - O.current;
       Math.abs(a) > 50 && (a > 0 ? ee() : Z());
     }, [I, ee, Z]), X = d(
       (a) => {
@@ -3976,7 +3979,7 @@ function In(e = {}) {
     velocity: { x: 0, y: 0 },
     center: { x: 0, y: 0 },
     isActive: !1
-  }), F = W(/* @__PURE__ */ new Map()), ne = W(0), G = W(0), O = W(1), Z = W(0), ee = W({ x: 0, y: 0 }), re = W(0), L = W({ x: 0, y: 0 }), U = W(0), j = W({ x: 0, y: 0 }), X = W(0), f = W(null), v = W(!1), g = W(!1), a = W(!1), s = d(() => {
+  }), F = W(/* @__PURE__ */ new Map()), ne = W(0), K = W(0), O = W(1), Z = W(0), ee = W({ x: 0, y: 0 }), re = W(0), L = W({ x: 0, y: 0 }), U = W(0), j = W({ x: 0, y: 0 }), X = W(0), f = W(null), v = W(!1), g = W(!1), a = W(!1), s = d(() => {
     f.current && (clearTimeout(f.current), f.current = null);
   }, []), N = d(() => {
     S({
@@ -4002,7 +4005,7 @@ function In(e = {}) {
       else if (de === 2) {
         s();
         const [he, ae] = Array.from(F.current.values());
-        ne.current = $e(he, ae), G.current = ht(he, ae), O.current = H.scale, Z.current = H.rotation, t && !g.current && (g.current = !0, b == null || b()), r && !a.current && (a.current = !0, D == null || D());
+        ne.current = $e(he, ae), K.current = ht(he, ae), O.current = H.scale, Z.current = H.rotation, t && !g.current && (g.current = !0, b == null || b()), r && !a.current && (a.current = !0, D == null || D());
       }
       S((he) => ({ ...he, isActive: !0 }));
     },
@@ -4068,7 +4071,7 @@ function In(e = {}) {
           });
         }
         if (r) {
-          let oe = te - G.current;
+          let oe = te - K.current;
           oe > 180 && (oe -= 360), oe < -180 && (oe += 360);
           const ve = Z.current + oe, ge = ve - H.rotation;
           S((we) => ({ ...we, rotation: ve, center: ce })), x == null || x({
@@ -4181,7 +4184,7 @@ function In(e = {}) {
       z,
       s
     ]
-  ), K = d(
+  ), G = d(
     (ie) => {
       s(), F.current.delete(ie.pointerId), F.current.size === 0 && (v.current = !1, g.current = !1, a.current = !1, S((de) => ({ ...de, isActive: !1 })));
     },
@@ -4191,10 +4194,10 @@ function In(e = {}) {
       onPointerDown: E,
       onPointerMove: Q,
       onPointerUp: C,
-      onPointerCancel: K,
+      onPointerCancel: G,
       style: { touchAction: "none" }
     }),
-    [E, Q, C, K]
+    [E, Q, C, G]
   );
   return le(() => () => {
     s();
@@ -4236,7 +4239,7 @@ const Ze = ue(function({
   onDoubleTap: S,
   onLongPress: F,
   children: ne,
-  className: G = "",
+  className: K = "",
   style: O,
   ...Z
 }, ee) {
@@ -4280,7 +4283,7 @@ const Ze = ue(function({
     "div",
     {
       ref: ee,
-      className: `nice-gestures ${U.isActive ? "nice-gestures--active" : ""} ${G}`,
+      className: `nice-gestures ${U.isActive ? "nice-gestures--active" : ""} ${K}`,
       style: {
         ...j.style,
         ...O,
@@ -4807,33 +4810,33 @@ const An = {
     ...D
   }, x) {
     const [z, V] = J(!1), [B, _] = J(null), Y = W(null), y = d(
-      (G) => {
-        Y.current = G, typeof x == "function" ? x(G) : x && (x.current = G);
+      (K) => {
+        Y.current = K, typeof x == "function" ? x(K) : x && (x.current = K);
       },
       [x]
     ), P = d(() => {
       if (!M || typeof navigator > "u" || !("vibrate" in navigator))
         return;
-      const G = {
+      const K = {
         light: 10,
         medium: 20,
         heavy: 40
       };
       try {
-        navigator.vibrate(G[w] || 10);
+        navigator.vibrate(K[w] || 10);
       } catch {
       }
     }, [M, w]), R = d(
-      (G) => {
+      (K) => {
         if (!(h || o)) {
           if (V(!0), k && Y.current) {
             const O = Y.current.getBoundingClientRect();
             _({
-              x: G.clientX - O.left,
-              y: G.clientY - O.top
+              x: K.clientX - O.left,
+              y: K.clientY - O.top
             }), setTimeout(() => _(null), 600);
           }
-          P(), I == null || I(G);
+          P(), I == null || I(K);
         }
       },
       [h, o, k, P, I]
@@ -4842,8 +4845,8 @@ const An = {
     }, []), S = d(() => {
       V(!1);
     }, []), F = d(
-      (G) => {
-        h || o || b == null || b(G);
+      (K) => {
+        h || o || b == null || b(K);
       },
       [h, o, b]
     ), ne = [
@@ -5015,7 +5018,7 @@ const fc = ue(
       defaultValue: r,
       onChange: x,
       onChangeCommitted: z
-    }), R = W(null), [H, S] = J(!1), [F, ne] = J(null), [G, O] = J(w === "on"), Z = W(P.value), ee = pe(() => {
+    }), R = W(null), [H, S] = J(!1), [F, ne] = J(null), [K, O] = J(w === "on"), Z = W(P.value), ee = pe(() => {
       if (!m)
         return [];
       if (Array.isArray(m))
@@ -5059,9 +5062,9 @@ const fc = ue(
         s.preventDefault(), s.currentTarget.setPointerCapture(s.pointerId);
         const E = re(s), Q = N ?? U(E);
         if (S(!0), ne(Q), O(w !== "off"), D && ee.length > 0) {
-          const C = ee.reduce((K, se) => {
-            const ie = (K.value - c) / (i - c) * 100, de = (se.value - c) / (i - c) * 100;
-            return Math.abs(de - E) < Math.abs(ie - E) ? se : K;
+          const C = ee.reduce((G, se) => {
+            const ie = (G.value - c) / (i - c) * 100, de = (se.value - c) / (i - c) * 100;
+            return Math.abs(de - E) < Math.abs(ie - E) ? se : G;
           });
           P.setValue(
             P.isRange ? Q === 0 ? [C.value, P.value[1]] : [P.value[0], C.value] : C.value
@@ -5089,9 +5092,9 @@ const fc = ue(
           return;
         const N = re(s);
         if (D && ee.length > 0) {
-          const Q = ee.reduce((K, se) => {
-            const ie = (K.value - c) / (i - c) * 100, de = (se.value - c) / (i - c) * 100;
-            return Math.abs(de - N) < Math.abs(ie - N) ? se : K;
+          const Q = ee.reduce((G, se) => {
+            const ie = (G.value - c) / (i - c) * 100, de = (se.value - c) / (i - c) * 100;
+            return Math.abs(de - N) < Math.abs(ie - N) ? se : G;
           }), C = P.isRange ? F === 0 ? [Q.value, P.value[1]] : [P.value[0], Q.value] : Q.value;
           JSON.stringify(C) !== JSON.stringify(Z.current) && (P.setValue(C), Z.current = C, L());
         } else {
@@ -5182,7 +5185,7 @@ const fc = ue(
           "aria-valuemax": i,
           "aria-disabled": l,
           onKeyDown: (C) => v(C, s),
-          children: G && /* @__PURE__ */ n("span", { className: "nice-touch-slider-label", children: k(E) })
+          children: K && /* @__PURE__ */ n("span", { className: "nice-touch-slider-label", children: k(E) })
         },
         s
       );
@@ -5366,8 +5369,8 @@ const vc = ue(
       const a = v.createImageData(g, g);
       for (let s = 0; s < g; s++)
         for (let N = 0; N < g; N++) {
-          const E = N / g * 100, Q = 100 - s / g * 100, C = We(b.h, E, Q), K = (s * g + N) * 4;
-          a.data[K] = C.r, a.data[K + 1] = C.g, a.data[K + 2] = C.b, a.data[K + 3] = 255;
+          const E = N / g * 100, Q = 100 - s / g * 100, C = We(b.h, E, Q), G = (s * g + N) * 4;
+          a.data[G] = C.r, a.data[G + 1] = C.g, a.data[G + 2] = C.b, a.data[G + 3] = 255;
         }
       v.putImageData(a, 0, 0);
     }, [b.h, m]);
@@ -5404,7 +5407,7 @@ const vc = ue(
       [R]
     ), ne = d((f) => {
       f.currentTarget.releasePointerCapture(f.pointerId), _.current = !1;
-    }, []), G = d(
+    }, []), K = d(
       (f) => {
         f.currentTarget.setPointerCapture(f.pointerId), Y.current = !0, H(f);
       },
@@ -5487,7 +5490,7 @@ const vc = ue(
                     {
                       ref: B,
                       className: "nice-touch-color-picker-sl",
-                      onPointerDown: G,
+                      onPointerDown: K,
                       onPointerMove: O,
                       onPointerUp: Z,
                       onPointerCancel: Z
@@ -5607,7 +5610,7 @@ const pc = ue(
       const s = v.getContext("2d");
       s && (s.scale(a, a), B.current = s, O());
     }, []);
-    const G = d(() => {
+    const K = d(() => {
       if (!(!h || typeof navigator > "u" || !("vibrate" in navigator)))
         try {
           navigator.vibrate(5);
@@ -5666,9 +5669,9 @@ const pc = ue(
           return;
         v.preventDefault(), v.currentTarget.setPointerCapture(v.pointerId), P(!0);
         const g = U(v);
-        R.current = [g], F.current = 0, ne.current = i, S.current = [], re(g), I == null || I(), G();
+        R.current = [g], F.current = 0, ne.current = i, S.current = [], re(g), I == null || I(), K();
       },
-      [k, U, i, re, I, G]
+      [k, U, i, re, I, K]
     ), X = d(
       (v) => {
         if (!y || k)
@@ -5676,8 +5679,8 @@ const pc = ue(
         const g = U(v), a = R.current;
         if (a.length === 0)
           return;
-        const s = a[a.length - 1], N = mt(s, g), E = l * N + (1 - l) * F.current, Q = ee(E), C = (ne.current + Q) / 2, K = g.pressure !== void 0 ? C * Math.max(0.5, g.pressure) : C;
-        L(s, g, K), a.push(g), F.current = E, ne.current = Q;
+        const s = a[a.length - 1], N = mt(s, g), E = l * N + (1 - l) * F.current, Q = ee(E), C = (ne.current + Q) / 2, G = g.pressure !== void 0 ? C * Math.max(0.5, g.pressure) : C;
+        L(s, g, G), a.push(g), F.current = E, ne.current = Q;
       },
       [y, k, U, l, ee, L]
     ), f = d(
@@ -5707,10 +5710,10 @@ const pc = ue(
             H.current.forEach((C) => {
               if (C.length < 2)
                 return;
-              let K = `M ${C[0].x} ${C[0].y}`;
+              let G = `M ${C[0].x} ${C[0].y}`;
               for (let se = 1; se < C.length; se++)
-                K += ` L ${C[se].x} ${C[se].y}`;
-              E += `<path d="${K}" stroke="${c}" stroke-width="${i}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`;
+                G += ` L ${C[se].x} ${C[se].y}`;
+              E += `<path d="${G}" stroke="${c}" stroke-width="${i}" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`;
             });
             const Q = `<svg xmlns="http://www.w3.org/2000/svg" width="${N.width}" height="${N.height}" viewBox="0 0 ${N.width} ${N.height}">${E}</svg>`;
             return `data:image/svg+xml;base64,${btoa(Q)}`;
@@ -5841,7 +5844,7 @@ const pc = ue(
           navigator.vibrate(5);
         } catch {
         }
-    }, [w]), G = d(
+    }, [w]), K = d(
       (f) => {
         const v = D.current;
         if (!v)
@@ -5886,9 +5889,9 @@ const pc = ue(
         return;
       const N = a.getBoundingClientRect(), E = s.getImageData(0, 0, N.width, N.height), Q = E.data, C = document.createElement("div");
       C.style.color = g, document.body.appendChild(C);
-      const K = getComputedStyle(C).color;
+      const G = getComputedStyle(C).color;
       document.body.removeChild(C);
-      const se = K.match(/\d+/g);
+      const se = G.match(/\d+/g);
       if (!se)
         return;
       const [ie, de, he] = se.map(Number), ae = (Math.floor(v) * N.width + Math.floor(f)) * 4, fe = Q[ae], q = Q[ae + 1], te = Q[ae + 2], ce = Q[ae + 3];
@@ -5908,7 +5911,7 @@ const pc = ue(
         if ($)
           return;
         f.preventDefault(), f.currentTarget.setPointerCapture(f.pointerId);
-        const v = G(f);
+        const v = K(f);
         if (B === "fill") {
           re(v.x, v.y, i), S(), h == null || h(), ne();
           return;
@@ -5927,7 +5930,7 @@ const pc = ue(
       },
       [
         $,
-        G,
+        K,
         B,
         re,
         i,
@@ -5941,10 +5944,10 @@ const pc = ue(
       (f) => {
         if (!z || $)
           return;
-        const v = G(f);
+        const v = K(f);
         B === "line" || B === "rectangle" || B === "circle" ? P.current && ee(P.current, v) : R.current && Z(R.current, v), R.current = v;
       },
-      [z, $, G, B, ee, Z]
+      [z, $, K, B, ee, Z]
     ), j = d(
       (f) => {
         z && (f.currentTarget.releasePointerCapture(f.pointerId), V(!1), (B === "line" || B === "rectangle" || B === "circle") && P.current && R.current && ee(P.current, R.current), H.current = null, P.current = null, R.current = null, S(), h == null || h());
@@ -6689,12 +6692,12 @@ const nt = ue(
     const Y = pe(
       () => i && i.length > 0 ? i : ["en"],
       [i]
-    ), [y, P] = J(Y[0]), R = o ?? y, [H, S] = J(!1), [F, ne] = J(!1), [G, O] = J(!1), Z = x ?? Y.length > 1, ee = pe(() => t === "custom" && r ? r.rows : t !== "qwerty" ? {
+    ), [y, P] = J(Y[0]), R = o ?? y, [H, S] = J(!1), [F, ne] = J(!1), [K, O] = J(!1), Z = x ?? Y.length > 1, ee = pe(() => t === "custom" && r ? r.rows : t !== "qwerty" ? {
       numeric: Ke,
       numpad: Cn,
       phone: Gn,
       pin: Kn
-    }[t] || Ke : Jn(R, c, G, Z, z), [t, r, R, c, G, Z, z]), re = d(() => {
+    }[t] || Ke : Jn(R, c, K, Z, z), [t, r, R, c, K, Z, z]), re = d(() => {
       const a = Y.indexOf(R), s = Y[(a + 1) % Y.length];
       P(s), u == null || u(s);
     }, [Y, R, u]), L = d(() => {
@@ -6810,10 +6813,10 @@ const nt = ue(
           ] }),
           /* @__PURE__ */ n("div", { className: "nice-touch-keyboard-keys", children: ee.map((a, s) => /* @__PURE__ */ n("div", { className: "nice-touch-keyboard-row", children: a.map((N, E) => {
             var se;
-            const Q = N.type === "shift" && H || N.type === "caps" && F || N.type === "lang" || N.value === "123" && G || N.value === "ABC" && !G || N.value === "#+=" && G;
+            const Q = N.type === "shift" && H || N.type === "caps" && F || N.type === "lang" || N.value === "123" && K || N.value === "ABC" && !K || N.value === "#+=" && K;
             let C = N.label || N.value;
             f && !N.type && C.length === 1 && (C = C.toUpperCase());
-            const K = !N.type && N.value.length === 1 && ((se = g == null ? void 0 : g.accents) == null ? void 0 : se[N.value.toLowerCase()]);
+            const G = !N.type && N.value.length === 1 && ((se = g == null ? void 0 : g.accents) == null ? void 0 : se[N.value.toLowerCase()]);
             return /* @__PURE__ */ n(
               "button",
               {
@@ -6822,7 +6825,7 @@ const nt = ue(
                   "nice-touch-keyboard-key",
                   `nice-touch-keyboard-key--${N.type || "char"}`,
                   Q ? "active" : "",
-                  K ? "nice-touch-keyboard-key--has-accent" : ""
+                  G ? "nice-touch-keyboard-key--has-accent" : ""
                 ].filter(Boolean).join(" "),
                 style: { flex: N.width || 1 },
                 onClick: () => j(N),
@@ -7520,7 +7523,7 @@ const Tc = ue(function({
       }
     },
     [M, H, I]
-  ), G = d((j) => {
+  ), K = d((j) => {
     var f;
     const X = Y.current.get(j);
     X && ((f = X.focus) == null || f.call(X), P.current = j);
@@ -7529,20 +7532,20 @@ const Tc = ue(function({
       return;
     const j = y.current, X = P.current;
     if (!X) {
-      j.length > 0 && G(j[0]);
+      j.length > 0 && K(j[0]);
       return;
     }
     const f = j.indexOf(X);
-    f < j.length - 1 && (G(j[f + 1]), R());
-  }, [u, G, R]), Z = d(() => {
+    f < j.length - 1 && (K(j[f + 1]), R());
+  }, [u, K, R]), Z = d(() => {
     if (!u)
       return;
     const j = y.current, X = P.current;
     if (!X)
       return;
     const f = j.indexOf(X);
-    f > 0 && (G(j[f - 1]), R());
-  }, [u, G, R]), ee = d((j, X) => {
+    f > 0 && (K(j[f - 1]), R());
+  }, [u, K, R]), ee = d((j, X) => {
     Y.current.set(j, X), X && !y.current.includes(j) && y.current.push(j);
   }, []), re = d((j) => {
     Y.current.delete(j), y.current = y.current.filter((X) => X !== j);
@@ -7554,7 +7557,7 @@ const Tc = ue(function({
       if (X.length > 0) {
         x(X), o == null || o(X), R();
         const f = X[0];
-        f && G(f.field);
+        f && K(f.field);
         return;
       }
       _(!0);
@@ -7566,11 +7569,11 @@ const Tc = ue(function({
         _(!1);
       }
     },
-    [k, B, S, o, c, I, R, G]
+    [k, B, S, o, c, I, R, K]
   );
   le(() => {
-    m && y.current.length > 0 && setTimeout(() => G(y.current[0]), 100);
-  }, [m, G]);
+    m && y.current.length > 0 && setTimeout(() => K(y.current[0]), 100);
+  }, [m, K]);
   const U = pe(
     () => ({
       values: I,
@@ -7578,7 +7581,7 @@ const Tc = ue(function({
       touched: z,
       setFieldValue: F,
       setFieldTouched: ne,
-      focusField: G,
+      focusField: K,
       focusNext: O,
       focusPrev: Z,
       registerField: ee,
@@ -7590,7 +7593,7 @@ const Tc = ue(function({
       z,
       F,
       ne,
-      G,
+      K,
       O,
       Z,
       ee,