welcome-ui 8.0.0 → 8.0.3

package/dist/Swiper.mjs

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