welcome-ui 8.0.0 → 8.1.0-alpha.0

package/dist/Swiper.mjs

@@ -1,119 +1,113 @@
 "use client";
-import A, { useRef as rt, useEffect as z, useState as K, useMemo as ft, Children as Y, cloneElement as ht, useCallback as D } from "react";
-import { c as V, g as gt } from "./_commonjsHelpers-CXJ7dpIk.mjs";
-import M, { system as ot, css as b, th as Z, useTheme as mt } from "@xstyled/styled-components";
-import { u as pt } from "./use-viewport-m3glsbna.mjs";
-import { Button as wt } from "./Button.mjs";
-import { IconsFont as tt } from "./IconsFont.mjs";
-var $t = "Expected a function", et = NaN, bt = "[object Symbol]", yt = /^\s+|\s+$/g, vt = /^[-+]0x[0-9a-f]+$/i, St = /^0b[01]+$/i, xt = /^0o[0-7]+$/i, Pt = parseInt, Rt = typeof V == "object" && V && V.Object === Object && V, Lt = typeof self == "object" && self && self.Object === Object && self, kt = Rt || Lt || Function("return this")(), Et = Object.prototype, At = Et.toString, jt = Math.max, Ct = Math.min, X = function() {
-  return kt.Date.now();
-};
-function Tt(t, e, n) {
-  var o, r, s, c, a, w, h = 0, C = !1, y = !1, R = !0;
-  if (typeof t != "function")
-    throw new TypeError($t);
-  e = nt(e) || 0, q(n) && (C = !!n.leading, y = "maxWait" in n, s = y ? jt(nt(n.maxWait) || 0, e) : s, R = "trailing" in n ? !!n.trailing : R);
-  function d(i) {
-    var f = o, x = r;
-    return o = r = void 0, h = i, c = t.apply(x, f), c;
-  }
-  function O(i) {
-    return h = i, a = setTimeout(p, e), C ? d(i) : c;
-  }
-  function v(i) {
-    var f = i - w, x = i - h, W = e - f;
-    return y ? Ct(W, s - x) : W;
-  }
-  function L(i) {
-    var f = i - w, x = i - h;
-    return w === void 0 || f >= e || f < 0 || y && x >= s;
-  }
-  function p() {
-    var i = X();
-    if (L(i))
-      return T(i);
-    a = setTimeout(p, v(i));
+import { j as C } from "./jsx-runtime-B7I4PJ0H.mjs";
+import B, { system as lt, css as P, th as it, useTheme as ut } from "@xstyled/styled-components";
+import { c as Q, g as ft } from "./_commonjsHelpers-CXJ7dpIk.mjs";
+import { useRef as ct, useEffect as X, useState as tt, useMemo as ht, Children as rt, cloneElement as gt, useCallback as Y } from "react";
+import { IconsFont as ot } from "./IconsFont.mjs";
+import { u as mt } from "./use-viewport-CWpjoHXy.mjs";
+import { Button as pt } from "./Button.mjs";
+var et, st;
+function wt() {
+  if (st) return et;
+  st = 1;
+  var r = "Expected a function", e = NaN, a = "[object Symbol]", f = /^\s+|\s+$/g, i = /^[-+]0x[0-9a-f]+$/i, d = /^0b[01]+$/i, g = /^0o[0-7]+$/i, x = parseInt, D = typeof Q == "object" && Q && Q.Object === Object && Q, S = typeof self == "object" && self && self.Object === Object && self, V = D || S || Function("return this")(), N = Object.prototype, z = N.toString, h = Math.max, H = Math.min, w = function() {
+    return V.Date.now();
+  };
+  function E(t, o, u) {
+    var L, A, W, m, p, j, O = 0, J = !1, T = !1, G = !0;
+    if (typeof t != "function")
+      throw new TypeError(r);
+    o = M(o) || 0, y(u) && (J = !!u.leading, T = "maxWait" in u, W = T ? h(M(u.maxWait) || 0, o) : W, G = "trailing" in u ? !!u.trailing : G);
+    function K(n) {
+      var $ = L, I = A;
+      return L = A = void 0, O = n, m = t.apply(I, $), m;
+    }
+    function R(n) {
+      return O = n, p = setTimeout(l, o), J ? K(n) : m;
+    }
+    function F(n) {
+      var $ = n - j, I = n - O, Z = o - $;
+      return T ? H(Z, W - I) : Z;
+    }
+    function _(n) {
+      var $ = n - j, I = n - O;
+      return j === void 0 || $ >= o || $ < 0 || T && I >= W;
+    }
+    function l() {
+      var n = w();
+      if (_(n))
+        return s(n);
+      p = setTimeout(l, F(n));
+    }
+    function s(n) {
+      return p = void 0, G && L ? K(n) : (L = A = void 0, m);
+    }
+    function c() {
+      p !== void 0 && clearTimeout(p), O = 0, L = j = A = p = void 0;
+    }
+    function b() {
+      return p === void 0 ? m : s(w());
+    }
+    function v() {
+      var n = w(), $ = _(n);
+      if (L = arguments, A = this, j = n, $) {
+        if (p === void 0)
+          return R(j);
+        if (T)
+          return p = setTimeout(l, o), K(j);
+      }
+      return p === void 0 && (p = setTimeout(l, o)), m;
+    }
+    return v.cancel = c, v.flush = b, v;
   }
-  function T(i) {
-    return a = void 0, R && o ? d(i) : (o = r = void 0, c);
+  function y(t) {
+    var o = typeof t;
+    return !!t && (o == "object" || o == "function");
   }
-  function I() {
-    a !== void 0 && clearTimeout(a), h = 0, o = w = r = a = void 0;
+  function U(t) {
+    return !!t && typeof t == "object";
   }
-  function N() {
-    return a === void 0 ? c : T(X());
+  function q(t) {
+    return typeof t == "symbol" || U(t) && z.call(t) == a;
   }
-  function g() {
-    var i = X(), f = L(i);
-    if (o = arguments, r = this, w = i, f) {
-      if (a === void 0)
-        return O(w);
-      if (y)
-        return a = setTimeout(p, e), d(w);
+  function M(t) {
+    if (typeof t == "number")
+      return t;
+    if (q(t))
+      return e;
+    if (y(t)) {
+      var o = typeof t.valueOf == "function" ? t.valueOf() : t;
+      t = y(o) ? o + "" : o;
     }
-    return a === void 0 && (a = setTimeout(p, e)), c;
-  }
-  return g.cancel = I, g.flush = N, g;
-}
-function q(t) {
-  var e = typeof t;
-  return !!t && (e == "object" || e == "function");
-}
-function Wt(t) {
-  return !!t && typeof t == "object";
-}
-function Ot(t) {
-  return typeof t == "symbol" || Wt(t) && At.call(t) == bt;
-}
-function nt(t) {
-  if (typeof t == "number")
-    return t;
-  if (Ot(t))
-    return et;
-  if (q(t)) {
-    var e = typeof t.valueOf == "function" ? t.valueOf() : t;
-    t = q(e) ? e + "" : e;
+    if (typeof t != "string")
+      return t === 0 ? t : +t;
+    t = t.replace(f, "");
+    var u = d.test(t);
+    return u || g.test(t) ? x(t.slice(2), u ? 2 : 8) : i.test(t) ? e : +t;
   }
-  if (typeof t != "string")
-    return t === 0 ? t : +t;
-  t = t.replace(yt, "");
-  var n = St.test(t);
-  return n || xt.test(t) ? Pt(t.slice(2), n ? 2 : 8) : vt.test(t) ? et : +t;
+  return et = E, et;
 }
-var It = Tt;
-const Nt = /* @__PURE__ */ gt(It), zt = (t, e) => {
-  const n = rt();
-  z(() => {
-    n.current = t;
-  }, [t]), z(() => {
-    function o() {
-      n.current();
-    }
-    if (e !== null) {
-      const r = setInterval(o, e);
-      return () => clearInterval(r);
-    }
-  }, [e]);
-}, S = (t = 3, e, n) => {
+var bt = wt();
+const $t = /* @__PURE__ */ ft(bt), k = (r = 3, e, a) => {
   if (e === 0)
-    return `${100 / t}%`;
-  const r = n(e * (t === 1 ? 4 : 2));
-  return `calc(${100 / t}% - ${r})`;
-}, st = M.div`
+    return `${100 / r}%`;
+  const i = a(e * (r === 1 ? 4 : 2));
+  return `calc(${100 / r}% - ${i})`;
+}, dt = B.div`
   overflow-y: hidden;
   position: relative;
   width: 100%;
   height: 100%;
 
-  ${ot}
-`, it = M(wt)(
-  ({ disabled: t, withDarkUI: e, withNavigation: { desktop: n, mobile: o } }) => b`
+  ${lt}
+`, at = B(pt)(
+  ({ disabled: r, withDarkUI: e, withNavigation: { desktop: a, mobile: f } }) => P`
     top: 50%;
     transform: translate3d(0, -50%, 0);
-    z-index: ${o ? 1 : -1};
-    display: ${o ? "flex" : "none"};
+    z-index: ${f ? 1 : -1};
+    display: ${f ? "flex" : "none"};
 
-    ${!e && b`
+    ${!e && P`
       background-color: neutral-10 !important;
 
       &:hover {
@@ -122,17 +116,17 @@ const Nt = /* @__PURE__ */ gt(It), zt = (t, e) => {
     `}
 
     @media (min-width: md) {
-      z-index: ${n ? 1 : -1};
-      display: ${n ? "flex" : "none"};
+      z-index: ${a ? 1 : -1};
+      display: ${a ? "flex" : "none"};
     }
 
-    ${t && b`
+    ${r && P`
       opacity: 0;
       z-index: -1;
     `};
   `
-), Mt = M.divBox(
-  ({ withPagination: { desktop: t, mobile: e } }) => b`
+), yt = B.divBox(
+  ({ withPagination: { desktop: r, mobile: e } }) => P`
     justify-content: center;
     position: absolute;
     bottom: 0;
@@ -143,24 +137,24 @@ const Nt = /* @__PURE__ */ gt(It), zt = (t, e) => {
     display: ${e ? "flex" : "none"};
 
     @media (min-width: md) {
-      z-index: ${t ? 1 : -1};
-      display: ${t ? "flex" : "none"};
+      z-index: ${r ? 1 : -1};
+      display: ${r ? "flex" : "none"};
     }
   `
-), Ft = M.div(
-  ({ active: t, withDarkUI: e }) => b`
+), vt = B.div(
+  ({ active: r, withDarkUI: e }) => P`
     height: 10;
     width: 10;
     border-radius: 50%;
     cursor: pointer;
     margin: 0 xxs;
-    ${t ? Z("swipers.navigation.bullet.active") : Z("swipers.navigation.bullet.default")}
-    ${e && b`
-      background-color: ${t ? "neutral-90" : "neutral-50"};
+    ${r ? it("swipers.navigation.bullet.active") : it("swipers.navigation.bullet.default")}
+    ${e && P`
+      background-color: ${r ? "neutral-90" : "neutral-50"};
     `}
-    ${ot}
+    ${lt}
   `
-), _t = M.ulBox(({ fullWidth: t, slidesPerView: { desktop: e, mobile: n, tablet: o }, spaceBetween: r, theme: s }) => b`
+), xt = B.ulBox(({ fullWidth: r, slidesPerView: { desktop: e, mobile: a, tablet: f }, spaceBetween: i, theme: d }) => P`
     scroll-snap-type: x mandatory;
     display: flex;
     -webkit-overflow-scrolling: touch;
@@ -182,9 +176,9 @@ const Nt = /* @__PURE__ */ gt(It), zt = (t, e) => {
 
     > * {
       list-style-type: none;
-      margin-right: ${r};
-      min-width: ${S(n, r, s.toRem)};
-      max-width: ${S(n, r, s.toRem)};
+      margin-right: ${i};
+      min-width: ${k(a, i, d.toRem)};
+      max-width: ${k(a, i, d.toRem)};
       flex: 1;
 
       &:last-child {
@@ -193,12 +187,12 @@ const Nt = /* @__PURE__ */ gt(It), zt = (t, e) => {
     }
 
     @media (min-width: sm) {
-      ${n && b`
+      ${a && P`
         > * {
-          min-width: ${S(n, r, s.toRem)};
-          max-width: ${S(n, r, s.toRem)};
+          min-width: ${k(a, i, d.toRem)};
+          max-width: ${k(a, i, d.toRem)};
 
-          &:nth-of-type(${n}n + 1) {
+          &:nth-of-type(${a}n + 1) {
             scroll-snap-align: start;
           }
         }
@@ -206,12 +200,12 @@ const Nt = /* @__PURE__ */ gt(It), zt = (t, e) => {
     }
 
     @media (min-width: md) {
-      ${o && b`
+      ${f && P`
         > * {
-          min-width: ${S(o, r, s.toRem)};
-          max-width: ${S(o, r, s.toRem)};
+          min-width: ${k(f, i, d.toRem)};
+          max-width: ${k(f, i, d.toRem)};
 
-          &:nth-of-type(${o}n + 1) {
+          &:nth-of-type(${f}n + 1) {
             scroll-snap-align: start;
           }
         }
@@ -219,10 +213,10 @@ const Nt = /* @__PURE__ */ gt(It), zt = (t, e) => {
     }
 
     @media (min-width: lg) {
-      ${e && b`
+      ${e && P`
         > * {
-          min-width: ${S(e, r, s.toRem)};
-          max-width: ${S(e, r, s.toRem)};
+          min-width: ${k(e, i, d.toRem)};
+          max-width: ${k(e, i, d.toRem)};
 
           scroll-snap-align: unset;
 
@@ -238,213 +232,232 @@ const Nt = /* @__PURE__ */ gt(It), zt = (t, e) => {
     }
 
     @media (min-width: xl) {
-      ${e && t && b`
+      ${e && r && P`
         > * {
-          min-width: ${S(e + 2, r, s.toRem)};
-          max-width: ${S(e + 2, r, s.toRem)};
+          min-width: ${k(e + 2, i, d.toRem)};
+          max-width: ${k(e + 2, i, d.toRem)};
         }
       `}
     }
-  `), Bt = (t = {}) => {
+  `), St = (r, e) => {
+  const a = ct();
+  X(() => {
+    a.current = r;
+  }, [r]), X(() => {
+    function f() {
+      var i;
+      (i = a.current) == null || i.call(a);
+    }
+    if (e !== 0) {
+      const i = setInterval(f, e);
+      return () => clearInterval(i);
+    }
+  }, [e]);
+}, Et = (r = {}) => {
   const {
     autoplay: e = !1,
-    centeredSlides: n = !1,
-    duration: o = 5e3,
-    firstSlideToShow: r = 0,
-    fullWidth: s = !1,
-    id: c = "swiper",
-    loop: a = !1,
-    navigationSize: w = "md",
-    slidesPerView: h = { mobile: 1, tablet: 1, desktop: 1 },
-    spaceBetween: C = 20,
-    withDarkUI: y = !1,
-    withNavigation: R = { mobile: !0, desktop: !0 },
-    withPagination: d = { mobile: !1, desktop: !1 }
-  } = t, O = a || e, { width: v } = pt(), [L, p] = K(0), [T, I] = K(!1), [N, g] = K(!1), i = rt(), { screens: f } = mt(), x = ft(() => v <= f.md ? h.mobile : v <= f.lg ? h.tablet : v >= f["4xl"] && s ? h.desktop + 2 : h.desktop, [s, v, f, h]);
+    centeredSlides: a = !1,
+    duration: f = 5e3,
+    firstSlideToShow: i = 0,
+    fullWidth: d = !1,
+    id: g = "swiper",
+    loop: x = !1,
+    navigationSize: D = "md",
+    slidesPerView: S = { desktop: 1, mobile: 1, tablet: 1 },
+    spaceBetween: V = 20,
+    withDarkUI: N = !1,
+    withNavigation: z = { desktop: !0, mobile: !0 },
+    withPagination: h = { desktop: !1, mobile: !1 }
+  } = r, H = x || e, { width: w } = mt(), [E, y] = tt(0), [U, q] = tt(!1), [M, t] = tt(!1), o = ct(null), { screens: u } = ut(), L = ht(() => w ? w <= u.md ? S.mobile : w <= u.lg ? S.tablet : w >= u["4xl"] && d ? S.desktop + 2 : S.desktop : S.desktop, [d, w, u, S]);
   return {
-    centeredSlides: n,
-    firstSlideToShow: r,
-    currentSlidesPerView: x,
-    currentPage: L,
-    setCurrentPage: p,
-    fullWidth: s,
-    id: c,
-    navigationSize: w,
-    slidesPerView: h,
-    spaceBetween: C,
-    withNavigation: R,
-    withPagination: d,
     autoplay: e,
-    shouldLoop: O,
-    duration: o,
-    withDarkUI: y,
-    ref: i,
-    setShowLeftArrow: I,
-    setShowRightArrow: g,
-    showLeftArrow: T,
-    showRightArrow: N
+    centeredSlides: a,
+    currentPage: E,
+    currentSlidesPerView: L,
+    duration: f,
+    firstSlideToShow: i,
+    fullWidth: d,
+    id: g,
+    navigationSize: D,
+    ref: o,
+    setCurrentPage: y,
+    setShowLeftArrow: q,
+    setShowRightArrow: t,
+    shouldLoop: H,
+    showLeftArrow: U,
+    showRightArrow: M,
+    slidesPerView: S,
+    spaceBetween: V,
+    withDarkUI: N,
+    withNavigation: z,
+    withPagination: h
   };
-}, Dt = ({ children: t, dataTestId: e, store: n, ...o }) => {
+}, jt = ({ children: r, dataTestId: e, store: a, ...f }) => {
   const {
-    autoplay: r,
-    centeredSlides: s,
-    currentPage: c,
-    currentSlidesPerView: a,
-    duration: w,
-    firstSlideToShow: h,
-    fullWidth: C,
-    id: y,
-    navigationSize: R,
-    ref: d,
-    setCurrentPage: O,
-    setShowLeftArrow: v,
-    setShowRightArrow: L,
-    shouldLoop: p,
-    showLeftArrow: T,
-    showRightArrow: I,
-    slidesPerView: N,
-    spaceBetween: g,
-    withDarkUI: i,
-    withNavigation: f,
-    withPagination: x
-  } = n, W = Y.toArray(t).length, B = Math.ceil(W / a), j = Array.from(Array(B).keys()), J = c === 0, H = c === j.length - 1, at = Y.map(t, (m, l) => {
-    const u = `${y}-${l}`, $ = l + 1, E = Math.ceil($ / a) - 1, P = H ? W - $ >= a : E !== c;
-    return ht(m, {
-      ...m.props,
-      id: u,
-      key: u,
-      "aria-hidden": P,
+    autoplay: i,
+    centeredSlides: d,
+    currentPage: g,
+    currentSlidesPerView: x,
+    duration: D,
+    firstSlideToShow: S,
+    fullWidth: V,
+    id: N,
+    navigationSize: z,
+    ref: h,
+    setCurrentPage: H,
+    setShowLeftArrow: w,
+    setShowRightArrow: E,
+    shouldLoop: y,
+    showLeftArrow: U,
+    showRightArrow: q,
+    slidesPerView: M,
+    spaceBetween: t,
+    withDarkUI: o,
+    withNavigation: u,
+    withPagination: L
+  } = a, A = rt.toArray(r).length, W = Math.ceil(A / x), m = Array.from(Array(W).keys()), p = g === 0, j = g === m.length - 1, O = rt.map(r, (l, s) => {
+    const c = `${N}-${s}`, b = s + 1, v = Math.ceil(b / x) - 1, n = j ? A - b >= x : v !== g;
+    return gt(l, {
+      ...l.props,
+      "aria-hidden": n,
+      "aria-label": `${b} of ${A}`,
       "aria-roledescription": "slide",
-      "aria-label": `${$} of ${W}`
+      id: c,
+      key: c
     });
-  }), lt = s ? (
+  }), J = d ? (
     // if centeredSlides is true, we calculate which number is the middle page
-    Math.floor(B / 2)
+    Math.floor(W / 2)
   ) : (
     // if centeredSlides is false, we calculate on which page the number in firstSlideToShow props is
-    Math.ceil(h / a) - 1
-  ), U = D(() => {
-    const m = d == null ? void 0 : d.current;
-    if (m && !p) {
-      const { offsetWidth: l, scrollLeft: u, scrollWidth: $ } = m, E = !(u > g), P = !($ - (u + l) > g);
-      v(!E), L(!P);
+    Math.ceil(S / x) - 1
+  ), T = Y(() => {
+    const l = h == null ? void 0 : h.current;
+    if (l && !y) {
+      const { offsetWidth: s, scrollLeft: c, scrollWidth: b } = l, v = !(c > t), n = !(b - (c + s) > t);
+      w(!v), E(!n);
     } else
-      v(!0), L(!0);
-  }, [d, v, L, p, g]), ct = () => {
-    var l, u;
-    const m = d == null ? void 0 : d.current;
-    if (m) {
-      const { children: $, offsetWidth: E, scrollLeft: P, scrollWidth: _ } = m, ut = (u = (l = $ == null ? void 0 : $[0]) == null ? void 0 : l.getBoundingClientRect()) == null ? void 0 : u.width, Q = !(_ - (P + E) > g) ? j.length - 1 : Math.round(P / ((ut + g) * a));
-      Q !== c && O(Q);
+      w(!0), E(!0);
+  }, [h, w, E, y, t]), G = () => {
+    var s, c;
+    const l = h == null ? void 0 : h.current;
+    if (l) {
+      const { children: b, offsetWidth: v, scrollLeft: n, scrollWidth: $ } = l, I = (c = (s = b == null ? void 0 : b[0]) == null ? void 0 : s.getBoundingClientRect()) == null ? void 0 : c.width, nt = !($ - (n + v) > t) ? m.length - 1 : Math.round(n / ((I + t) * x));
+      nt !== g && H(nt);
     }
-  }, dt = Nt(() => {
-    U(), ct();
-  }, 100), k = D(
-    (m, l = !1) => {
-      var E, P, _;
-      const u = d == null ? void 0 : d.current, $ = (_ = (P = (E = u == null ? void 0 : u.children) == null ? void 0 : E[0]) == null ? void 0 : P.getBoundingClientRect()) == null ? void 0 : _.width;
-      u == null || u.scrollTo({
-        left: m * ($ + g) * a,
-        top: 0,
+  }, K = $t(() => {
+    T(), G();
+  }, 100), R = Y(
+    (l, s = !1) => {
+      var v, n, $;
+      const c = h == null ? void 0 : h.current, b = (($ = (n = (v = c == null ? void 0 : c.children) == null ? void 0 : v[0]) == null ? void 0 : n.getBoundingClientRect()) == null ? void 0 : $.width) || 0;
+      c == null || c.scrollTo({
         // We don't want to have a scroll effect when we first render the swiper
-        behavior: l ? "auto" : "smooth"
+        behavior: s ? "auto" : "smooth",
+        left: l * (b + t) * x,
+        top: 0
       });
     },
-    [a, g, d]
-  ), F = D(() => {
-    k(p && H ? 0 : c + 1);
-  }, [c, k, H, p]), G = D(() => {
-    k(J && p ? j.length - 1 : c - 1);
-  }, [j.length, c, k, J, p]);
-  return zt(
+    [x, t, h]
+  ), F = Y(() => {
+    R(y && j ? 0 : g + 1);
+  }, [g, R, j, y]), _ = Y(() => {
+    R(p && y ? m.length - 1 : g - 1);
+  }, [m.length, g, R, p, y]);
+  return St(
     () => {
-      r && F();
+      i && F();
     },
-    r ? w : null
-  ), z(() => {
-    const m = (l) => {
-      l.code === "ArrowLeft" && G(), l.code === "ArrowRight" && F();
+    i ? D : 0
+  ), X(() => {
+    const l = (s) => {
+      s.code === "ArrowLeft" && _(), s.code === "ArrowRight" && F();
     };
-    return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
-  }, [G, F]), z(() => {
-    k(lt, !0);
-  }, []), z(() => {
-    U();
-  }, [U, t]), /* @__PURE__ */ A.createElement(st, { "data-testid": e, ...o }, /* @__PURE__ */ A.createElement(
-    _t,
-    {
-      fullWidth: C,
-      onScroll: dt,
-      ref: d,
-      slidesPerView: N,
-      spaceBetween: g
-    },
-    at
-  ), /* @__PURE__ */ A.createElement(
-    it,
-    {
-      "aria-label": "Previous slide",
-      "data-testid": e && `${e}-prev-button`,
-      disabled: !T,
-      left: 10,
-      onClick: G,
-      position: "absolute",
-      shape: "circle",
-      size: R,
-      variant: i ? "secondary" : "ghost",
-      withDarkUI: i,
-      withNavigation: f
-    },
-    /* @__PURE__ */ A.createElement(tt.Left, null)
-  ), /* @__PURE__ */ A.createElement(
-    it,
-    {
-      "aria-label": "Next slide",
-      "data-testid": e && `${e}-next-button`,
-      disabled: !I,
-      onClick: F,
-      position: "absolute",
-      right: 10,
-      shape: "circle",
-      size: R,
-      variant: i ? "secondary" : "ghost",
-      withDarkUI: i,
-      withNavigation: f
-    },
-    /* @__PURE__ */ A.createElement(tt.Right, null)
-  ), /* @__PURE__ */ A.createElement(
-    Mt,
-    {
-      className: "swiper-pagination",
-      "data-testid": e && `${e}-pagination`,
-      role: "tablist",
-      withPagination: x
-    },
-    j.length > 1 && j.map((m, l) => {
-      const u = {
-        idx: l,
-        role: "tab",
-        "aria-controls": `${y}-${l}`,
-        "aria-label": `${l + 1} of ${j.length}`,
-        "aria-selected": l === c,
-        onClick: () => k(l)
-      };
-      return /* @__PURE__ */ A.createElement(
-        Ft,
-        {
-          active: l === c,
-          key: `bullet-${l + 1}`,
-          withDarkUI: i,
-          ...u
-        }
-      );
-    })
-  ));
+    return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
+  }, [_, F]), X(() => {
+    R(J, !0);
+  }, []), X(() => {
+    T();
+  }, [T, r]), /* @__PURE__ */ C.jsxs(dt, { "data-testid": e, ...f, children: [
+    /* @__PURE__ */ C.jsx(
+      xt,
+      {
+        fullWidth: V,
+        onScroll: K,
+        ref: h,
+        slidesPerView: M,
+        spaceBetween: t,
+        children: O
+      }
+    ),
+    /* @__PURE__ */ C.jsx(
+      at,
+      {
+        "aria-label": "Previous slide",
+        "data-testid": e && `${e}-prev-button`,
+        disabled: !U,
+        left: 10,
+        onClick: _,
+        position: "absolute",
+        shape: "circle",
+        size: z,
+        variant: o ? "secondary" : "ghost",
+        withDarkUI: o,
+        withNavigation: u,
+        children: /* @__PURE__ */ C.jsx(ot.Left, {})
+      }
+    ),
+    /* @__PURE__ */ C.jsx(
+      at,
+      {
+        "aria-label": "Next slide",
+        "data-testid": e && `${e}-next-button`,
+        disabled: !q,
+        onClick: F,
+        position: "absolute",
+        right: 10,
+        shape: "circle",
+        size: z,
+        variant: o ? "secondary" : "ghost",
+        withDarkUI: o,
+        withNavigation: u,
+        children: /* @__PURE__ */ C.jsx(ot.Right, {})
+      }
+    ),
+    /* @__PURE__ */ C.jsx(
+      yt,
+      {
+        className: "swiper-pagination",
+        "data-testid": e && `${e}-pagination`,
+        role: "tablist",
+        withPagination: L,
+        children: m.length > 1 && m.map((l, s) => {
+          const c = {
+            "aria-controls": `${N}-${s}`,
+            "aria-label": `${s + 1} of ${m.length}`,
+            "aria-selected": s === g,
+            idx: s,
+            onClick: () => R(s),
+            role: "tab"
+          };
+          return /* @__PURE__ */ C.jsx(
+            vt,
+            {
+              active: s === g,
+              withDarkUI: o,
+              ...c
+            },
+            `bullet-${s + 1}`
+          );
+        })
+      }
+    )
+  ] });
 };
-Dt.displayName = "Swiper";
-const Jt = st;
+jt.displayName = "Swiper";
+const Wt = dt;
 export {
-  Jt as StyledSwiper,
-  Dt as Swiper,
-  Bt as useSwiper
+  Wt as StyledSwiper,
+  jt as Swiper,
+  Et as useSwiper
 };