welcome-ui 0.0.0-dev.1764262668434 → 0.0.0-dev.1765989103659

package/dist/Swiper.js

@@ -1,364 +1,372 @@
 "use client";
-import { jsxs as ae, jsx as R } from "react/jsx-runtime";
-import { a as K, g as le, c as ce } from "./index-PAaZGbyz.js";
-import { useRef as ie, useEffect as H, useState as Z, useMemo as de, Children as oe, cloneElement as ue, useCallback as X } from "react";
-import { Button as re } from "./Button.js";
-import "./Icon-BisRi8B3.js";
-import { L as fe } from "./index-CWVOLBDY.js";
-import { R as pe } from "./index-Dcq5gh3E.js";
-import { u as he } from "./use-viewport-CgrficYB.js";
-var ee, ne;
-function be() {
-  if (ne) return ee;
-  ne = 1;
-  var i = "Expected a function", s = NaN, f = "[object Symbol]", m = /^\s+|\s+$/g, P = /^[-+]0x[0-9a-f]+$/i, j = /^0b[01]+$/i, h = /^0o[0-7]+$/i, k = parseInt, F = typeof K == "object" && K && K.Object === Object && K, y = typeof self == "object" && self && self.Object === Object && self, z = F || y || Function("return this")(), E = Object.prototype, M = E.toString, c = Math.max, V = Math.min, w = function() {
-    return z.Date.now();
+import './Swiper.css';
+import { jsxs as le, jsx as A } from "react/jsx-runtime";
+import { a as K, g as ce, c as de } from "./index-PAaZGbyz.js";
+import { useEffect as z, useLayoutEffect as ue, useState as Q, useRef as se, useMemo as pe, Children as ne, cloneElement as fe, useCallback as X } from "react";
+import { Button as oe } from "./Button.js";
+import { Icon as re } from "./Icon.js";
+var ee, ie;
+function he() {
+  if (ie) return ee;
+  ie = 1;
+  var s = "Expected a function", i = NaN, a = "[object Symbol]", b = /^\s+|\s+$/g, x = /^[-+]0x[0-9a-f]+$/i, L = /^0b[01]+$/i, h = /^0o[0-7]+$/i, _ = parseInt, G = typeof K == "object" && K && K.Object === Object && K, S = typeof self == "object" && self && self.Object === Object && self, B = G || S || Function("return this")(), D = Object.prototype, C = D.toString, d = Math.max, F = Math.min, w = function() {
+    return B.Date.now();
   };
-  function N(e, o, a) {
-    var v, x, W, b, g, $, T = 0, O = !1, I = !1, G = !0;
+  function E(e, n, l) {
+    var k, I, P, g, m, T, H = 0, M = !1, N = !1, q = !0;
     if (typeof e != "function")
-      throw new TypeError(i);
-    o = d(o) || 0, _(a) && (O = !!a.leading, I = "maxWait" in a, W = I ? c(d(a.maxWait) || 0, o) : W, G = "trailing" in a ? !!a.trailing : G);
-    function A(t) {
-      var l = v, p = x;
-      return v = x = void 0, T = t, b = e.apply(p, l), b;
-    }
-    function Q(t) {
-      return T = t, g = setTimeout(L, o), O ? A(t) : b;
+      throw new TypeError(s);
+    n = u(n) || 0, v(l) && (M = !!l.leading, N = "maxWait" in l, P = N ? d(u(l.maxWait) || 0, n) : P, q = "trailing" in l ? !!l.trailing : q);
+    function j(t) {
+      var c = k, f = I;
+      return k = I = void 0, H = t, g = e.apply(f, c), g;
     }
     function Y(t) {
-      var l = t - $, p = t - T, C = o - l;
-      return I ? V(C, W - p) : C;
+      return H = t, m = setTimeout(W, n), M ? j(t) : g;
+    }
+    function Z(t) {
+      var c = t - T, f = t - H, $ = n - c;
+      return N ? F($, P - f) : $;
     }
-    function S(t) {
-      var l = t - $, p = t - T;
-      return $ === void 0 || l >= o || l < 0 || I && p >= W;
+    function y(t) {
+      var c = t - T, f = t - H;
+      return T === void 0 || c >= n || c < 0 || N && f >= P;
     }
-    function L() {
+    function W() {
       var t = w();
-      if (S(t))
-        return B(t);
-      g = setTimeout(L, Y(t));
+      if (y(t))
+        return O(t);
+      m = setTimeout(W, Z(t));
     }
-    function B(t) {
-      return g = void 0, G && v ? A(t) : (v = x = void 0, b);
+    function O(t) {
+      return m = void 0, q && k ? j(t) : (k = I = void 0, g);
     }
-    function u() {
-      g !== void 0 && clearTimeout(g), T = 0, v = $ = x = g = void 0;
+    function p() {
+      m !== void 0 && clearTimeout(m), H = 0, k = T = I = m = void 0;
     }
-    function r() {
-      return g === void 0 ? b : B(w());
+    function o() {
+      return m === void 0 ? g : O(w());
     }
-    function n() {
-      var t = w(), l = S(t);
-      if (v = arguments, x = this, $ = t, l) {
-        if (g === void 0)
-          return Q($);
-        if (I)
-          return g = setTimeout(L, o), A($);
+    function r() {
+      var t = w(), c = y(t);
+      if (k = arguments, I = this, T = t, c) {
+        if (m === void 0)
+          return Y(T);
+        if (N)
+          return m = setTimeout(W, n), j(T);
       }
-      return g === void 0 && (g = setTimeout(L, o)), b;
+      return m === void 0 && (m = setTimeout(W, n)), g;
     }
-    return n.cancel = u, n.flush = r, n;
+    return r.cancel = p, r.flush = o, r;
   }
-  function _(e) {
-    var o = typeof e;
-    return !!e && (o == "object" || o == "function");
+  function v(e) {
+    var n = typeof e;
+    return !!e && (n == "object" || n == "function");
   }
-  function U(e) {
+  function V(e) {
     return !!e && typeof e == "object";
   }
-  function q(e) {
-    return typeof e == "symbol" || U(e) && M.call(e) == f;
+  function U(e) {
+    return typeof e == "symbol" || V(e) && C.call(e) == a;
   }
-  function d(e) {
+  function u(e) {
     if (typeof e == "number")
       return e;
-    if (q(e))
-      return s;
-    if (_(e)) {
-      var o = typeof e.valueOf == "function" ? e.valueOf() : e;
-      e = _(o) ? o + "" : o;
+    if (U(e))
+      return i;
+    if (v(e)) {
+      var n = typeof e.valueOf == "function" ? e.valueOf() : e;
+      e = v(n) ? n + "" : n;
     }
     if (typeof e != "string")
       return e === 0 ? e : +e;
-    e = e.replace(m, "");
-    var a = j.test(e);
-    return a || h.test(e) ? k(e.slice(2), a ? 2 : 8) : P.test(e) ? s : +e;
+    e = e.replace(b, "");
+    var l = L.test(e);
+    return l || h.test(e) ? _(e.slice(2), l ? 2 : 8) : x.test(e) ? i : +e;
   }
-  return ee = N, ee;
+  return ee = E, ee;
 }
-var ge = be();
-const me = /* @__PURE__ */ le(ge), we = { $type: "dimension", "2xl": { $value: "1440px" }, "3xl": { $value: "1620px" }, "4xl": { $value: "1920px" }, lg: { $value: "980px" }, md: { $value: "736px" }, sm: { $value: "480px" }, xl: { $value: "1280px" }, xs: { $value: "0px" } }, _e = {
-  breakpoint: we
+var ge = he();
+const me = /* @__PURE__ */ ce(ge), be = { xs: { value: "0px", type: "dimension", scope: ["WIDTH_HEIGHT"] }, sm: { value: "480px", type: "dimension", scope: ["WIDTH_HEIGHT"] }, md: { value: "736px", type: "dimension", scope: ["WIDTH_HEIGHT"] }, lg: { value: "980px", type: "dimension", scope: ["WIDTH_HEIGHT"] }, xl: { value: "1280px", type: "dimension", scope: ["WIDTH_HEIGHT"] }, "2xl": { value: "1440px", type: "dimension", scope: ["WIDTH_HEIGHT"] }, "3xl": { value: "1620px", type: "dimension", scope: ["WIDTH_HEIGHT"] }, "4xl": { value: "1920px", type: "dimension", scope: ["WIDTH_HEIGHT"] } }, we = {
+  breakpoint: be
 };
-function ke() {
-  return Object.entries(_e.breakpoint).reduce((i, [s, f]) => {
-    if (s !== "$type" && typeof f == "object" && "$value" in f) {
-      const m = typeof f.$value == "string" ? Number(f.$value.replace("px", "")) : f.$value;
-      isNaN(m) || (i[s] = m);
+function ve() {
+  return Object.entries(we.breakpoint).reduce((s, [i, a]) => {
+    if (i !== "$type" && typeof a == "object" && "value" in a) {
+      const b = typeof a.value == "string" ? Number(a.value.replace("px", "")) : a.value;
+      isNaN(b) || (s[i] = b);
     }
-    return i;
+    return s;
   }, {});
 }
-const ve = "_root_136s1_3", Se = "_dark_136s1_9", ye = "_bullet_136s1_9", $e = "_container_136s1_15", xe = "_arrow_136s1_80", Le = "_pagination_136s1_117", Pe = {
-  root: ve,
+const _e = typeof window > "u" ? z : ue;
+function ke() {
+  const [s, i] = Q({ height: void 0, width: void 0 });
+  return _e(() => {
+    i({ height: window.innerHeight, width: window.innerWidth });
+    function a() {
+      i({ height: window.innerHeight, width: window.innerWidth });
+    }
+    return window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
+  }, []), s;
+}
+const ye = "_root_1uvp8_3", Se = "_dark_1uvp8_9", Te = "_bullet_1uvp8_9", Ie = "_container_1uvp8_15", We = "_arrow_1uvp8_80", xe = "_pagination_1uvp8_117", He = {
+  root: ye,
   dark: Se,
-  bullet: ye,
-  "bullet-active": "_bullet-active_136s1_12",
-  container: $e,
-  "container-mobile": "_container-mobile_136s1_44",
-  "container-tablet": "_container-tablet_136s1_53",
-  "container-desktop": "_container-desktop_136s1_62",
-  "container-full-width": "_container-full-width_136s1_75",
-  arrow: xe,
-  "arrow-left": "_arrow-left_136s1_91",
-  "arrow-right": "_arrow-right_136s1_94",
-  "arrow-mobile": "_arrow-mobile_136s1_97",
-  "arrow-desktop": "_arrow-desktop_136s1_106",
-  "arrow-background": "_arrow-background_136s1_111",
-  pagination: Le,
-  "pagination-mobile": "_pagination-mobile_136s1_126",
-  "pagination-desktop": "_pagination-desktop_136s1_135"
-}, Te = (i, s) => {
-  const f = ie();
-  H(() => {
-    f.current = i;
-  }, [i]), H(() => {
-    function m() {
-      f.current();
+  bullet: Te,
+  "bullet-active": "_bullet-active_1uvp8_12",
+  container: Ie,
+  "container-mobile": "_container-mobile_1uvp8_44",
+  "container-tablet": "_container-tablet_1uvp8_53",
+  "container-desktop": "_container-desktop_1uvp8_62",
+  "container-full-width": "_container-full-width_1uvp8_75",
+  arrow: We,
+  "arrow-left": "_arrow-left_1uvp8_91",
+  "arrow-right": "_arrow-right_1uvp8_94",
+  "arrow-mobile": "_arrow-mobile_1uvp8_97",
+  "arrow-desktop": "_arrow-desktop_1uvp8_106",
+  "arrow-background": "_arrow-background_1uvp8_111",
+  pagination: xe,
+  "pagination-mobile": "_pagination-mobile_1uvp8_126",
+  "pagination-desktop": "_pagination-desktop_1uvp8_135"
+}, Le = (s, i) => {
+  const a = se();
+  z(() => {
+    a.current = s;
+  }, [s]), z(() => {
+    function b() {
+      a.current();
     }
-    if (s !== null) {
-      const P = setInterval(m, s);
-      return () => clearInterval(P);
+    if (i !== null) {
+      const x = setInterval(b, i);
+      return () => clearInterval(x);
     }
-  }, [s]);
-}, J = (i, s) => {
-  if (s === 0)
-    return `${100 / i}%`;
-  const m = s * (i === 1 ? 4 : 2) / 16;
-  return `calc(${100 / i}% - ${m}rem)`;
-}, D = ce(Pe), Oe = (i = {}) => {
+  }, [i]);
+}, J = (s, i) => {
+  if (i === 0)
+    return `${100 / s}%`;
+  const b = i * (s === 1 ? 4 : 2) / 16;
+  return `calc(${100 / s}% - ${b}rem)`;
+}, R = de(He), Ce = (s = {}) => {
   const {
-    autoplay: s = !1,
-    centeredSlides: f = !1,
-    duration: m = 5e3,
-    firstSlideToShow: P = 0,
-    fullWidth: j = !1,
+    autoplay: i = !1,
+    centeredSlides: a = !1,
+    duration: b = 5e3,
+    firstSlideToShow: x = 0,
+    fullWidth: L = !1,
     id: h = "swiper",
-    loop: k = !1,
-    navigationSize: F = "md",
-    slidesPerView: y = { desktop: 1, mobile: 1, tablet: 1 },
-    spaceBetween: z = 20,
-    withDarkUI: E = !1,
-    withNavigation: M = { desktop: !0, mobile: !0 },
-    withPagination: c = { desktop: !1, mobile: !1 }
-  } = i, V = k || s, { width: w } = he(), [N, _] = Z(0), [U, q] = Z(!1), [d, e] = Z(!1), o = ie(), a = ke(), v = de(() => w <= a.md ? y.mobile : w <= a.lg ? y.tablet : w >= a["4xl"] && j ? y.desktop + 2 : y.desktop, [w, a, j, y]);
+    loop: _ = !1,
+    navigationSize: G = "md",
+    slidesPerView: S = { desktop: 1, mobile: 1, tablet: 1 },
+    spaceBetween: B = 20,
+    withDarkUI: D = !1,
+    withNavigation: C = { desktop: !0, mobile: !0 },
+    withPagination: d = { desktop: !1, mobile: !1 }
+  } = s, F = _ || i, { width: w } = ke(), [E, v] = Q(0), [V, U] = Q(!1), [u, e] = Q(!1), n = se(), l = ve(), k = pe(() => w <= l.md ? S.mobile : w <= l.lg ? S.tablet : w >= l["4xl"] && L ? S.desktop + 2 : S.desktop, [w, l, L, S]);
   return {
-    autoplay: s,
-    centeredSlides: f,
-    currentPage: N,
-    currentSlidesPerView: v,
-    duration: m,
-    firstSlideToShow: P,
-    fullWidth: j,
+    autoplay: i,
+    centeredSlides: a,
+    currentPage: E,
+    currentSlidesPerView: k,
+    duration: b,
+    firstSlideToShow: x,
+    fullWidth: L,
     id: h,
-    navigationSize: F,
-    ref: o,
-    setCurrentPage: _,
-    setShowLeftArrow: q,
+    navigationSize: G,
+    ref: n,
+    setCurrentPage: v,
+    setShowLeftArrow: U,
     setShowRightArrow: e,
-    shouldLoop: V,
-    showLeftArrow: U,
-    showRightArrow: d,
-    slidesPerView: y,
-    spaceBetween: z,
-    withDarkUI: E,
-    withNavigation: M,
-    withPagination: c
+    shouldLoop: F,
+    showLeftArrow: V,
+    showRightArrow: u,
+    slidesPerView: S,
+    spaceBetween: B,
+    withDarkUI: D,
+    withNavigation: C,
+    withPagination: d
   };
-}, Be = ({ children: i, className: s, store: f, ...m }) => {
+}, Ee = ({ children: s, className: i, store: a, ...b }) => {
   const {
-    autoplay: P,
-    centeredSlides: j,
+    autoplay: x,
+    centeredSlides: L,
     currentPage: h,
-    currentSlidesPerView: k,
-    duration: F,
-    firstSlideToShow: y,
-    fullWidth: z,
-    id: E,
-    navigationSize: M,
-    ref: c,
-    setCurrentPage: V,
+    currentSlidesPerView: _,
+    duration: G,
+    firstSlideToShow: S,
+    fullWidth: B,
+    id: D,
+    navigationSize: C,
+    ref: d,
+    setCurrentPage: F,
     setShowLeftArrow: w,
-    setShowRightArrow: N,
-    shouldLoop: _,
-    showLeftArrow: U,
-    showRightArrow: q,
-    slidesPerView: d,
+    setShowRightArrow: E,
+    shouldLoop: v,
+    showLeftArrow: V,
+    showRightArrow: U,
+    slidesPerView: u,
     spaceBetween: e,
-    withDarkUI: o,
-    withNavigation: a,
-    withPagination: v
-  } = f, x = oe.toArray(i).length, W = Math.ceil(x / k), b = Array.from(Array(W).keys()), g = a.mobile || !1, $ = a.desktop || !1, T = h === 0, O = h === b.length - 1, I = oe.map(i, (u, r) => {
-    const n = `${E}-${r}`, t = r + 1, l = Math.ceil(t / k) - 1, p = O ? x - t >= k : l !== h;
-    return ue(u, {
-      ...u.props,
-      "aria-hidden": p,
-      "aria-label": `${t} of ${x}`,
+    withDarkUI: n,
+    withNavigation: l,
+    withPagination: k
+  } = a, I = ne.toArray(s).length, P = Math.ceil(I / _), g = Array.from(Array(P).keys()), m = l.mobile || !1, T = l.desktop || !1, H = h === 0, M = h === g.length - 1, N = ne.map(s, (p, o) => {
+    const r = `${D}-${o}`, t = o + 1, c = Math.ceil(t / _) - 1, f = M ? I - t >= _ : c !== h;
+    return fe(p, {
+      ...p.props,
+      "aria-hidden": f,
+      "aria-label": `${t} of ${I}`,
       "aria-roledescription": "slide",
-      id: n,
-      key: n
+      id: r,
+      key: r
     });
-  }), G = j ? (
+  }), q = L ? (
     // if centeredSlides is true, we calculate which number is the middle page
-    Math.floor(W / 2)
+    Math.floor(P / 2)
   ) : (
     // if centeredSlides is false, we calculate on which page the number in firstSlideToShow props is
-    Math.ceil(y / k) - 1
-  ), A = X(() => {
-    const u = c == null ? void 0 : c.current;
-    if (u && !_) {
-      const { offsetWidth: r, scrollLeft: n, scrollWidth: t } = u, l = !(n > e), p = !(t - (n + r) > e);
-      w(!l), N(!p);
+    Math.ceil(S / _) - 1
+  ), j = X(() => {
+    const p = d == null ? void 0 : d.current;
+    if (p && !v) {
+      const { offsetWidth: o, scrollLeft: r, scrollWidth: t } = p, c = !(r > e), f = !(t - (r + o) > e);
+      w(!c), E(!f);
     } else
-      w(!0), N(!0);
-  }, [c, w, N, _, e]), Q = () => {
-    var r, n;
-    const u = c == null ? void 0 : c.current;
-    if (u) {
-      const { children: t, offsetWidth: l, scrollLeft: p, scrollWidth: C } = u, se = (n = (r = t == null ? void 0 : t[0]) == null ? void 0 : r.getBoundingClientRect()) == null ? void 0 : n.width, te = !(C - (p + l) > e) ? b.length - 1 : Math.round(p / ((se + e) * k));
-      te !== h && V(te);
+      w(!0), E(!0);
+  }, [d, w, E, v, e]), Y = () => {
+    var o, r;
+    const p = d == null ? void 0 : d.current;
+    if (p) {
+      const { children: t, offsetWidth: c, scrollLeft: f, scrollWidth: $ } = p, ae = (r = (o = t == null ? void 0 : t[0]) == null ? void 0 : o.getBoundingClientRect()) == null ? void 0 : r.width, te = !($ - (f + c) > e) ? g.length - 1 : Math.round(f / ((ae + e) * _));
+      te !== h && F(te);
     }
-  }, Y = me(() => {
-    A(), Q();
-  }, 100), S = X(
-    (u, r = !1) => {
-      var l, p, C;
-      const n = c == null ? void 0 : c.current, t = (C = (p = (l = n == null ? void 0 : n.children) == null ? void 0 : l[0]) == null ? void 0 : p.getBoundingClientRect()) == null ? void 0 : C.width;
-      n == null || n.scrollTo({
+  }, Z = me(() => {
+    j(), Y();
+  }, 100), y = X(
+    (p, o = !1) => {
+      var c, f, $;
+      const r = d == null ? void 0 : d.current, t = ($ = (f = (c = r == null ? void 0 : r.children) == null ? void 0 : c[0]) == null ? void 0 : f.getBoundingClientRect()) == null ? void 0 : $.width;
+      r == null || r.scrollTo({
         // We don't want to have a scroll effect when we first render the swiper
-        behavior: r ? "auto" : "smooth",
-        left: u * (t + e) * k,
+        behavior: o ? "auto" : "smooth",
+        left: p * (t + e) * _,
         top: 0
       });
     },
-    [k, e, c]
-  ), L = X(() => {
-    S(_ && O ? 0 : h + 1);
-  }, [h, S, O, _]), B = X(() => {
-    S(T && _ ? b.length - 1 : h - 1);
-  }, [b.length, h, S, T, _]);
-  return Te(
+    [_, e, d]
+  ), W = X(() => {
+    y(v && M ? 0 : h + 1);
+  }, [h, y, M, v]), O = X(() => {
+    y(H && v ? g.length - 1 : h - 1);
+  }, [g.length, h, y, H, v]);
+  return Le(
     () => {
-      P && L();
+      x && W();
     },
-    P ? F : null
-  ), H(() => {
-    const u = (r) => {
-      r.code === "ArrowLeft" && B(), r.code === "ArrowRight" && L();
+    x ? G : null
+  ), z(() => {
+    const p = (o) => {
+      o.code === "ArrowLeft" && O(), o.code === "ArrowRight" && W();
     };
-    return window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u);
-  }, [B, L]), H(() => {
-    S(G, !0);
-  }, []), H(() => {
-    A();
-  }, [A, i]), /* @__PURE__ */ ae("div", { className: D("root", o && "dark", s), ...m, children: [
-    /* @__PURE__ */ R(
+    return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
+  }, [O, W]), z(() => {
+    y(q, !0);
+  }, []), z(() => {
+    j();
+  }, [j, s]), /* @__PURE__ */ le("div", { className: R("root", n && "dark", i), ...b, children: [
+    /* @__PURE__ */ A(
       "ul",
       {
-        className: D(
+        className: R(
           "container",
-          d.mobile && "container-mobile",
-          d.desktop && "container-desktop",
-          d.tablet && "container-tablet",
-          d.desktop && z && "container-full-width"
+          u.mobile && "container-mobile",
+          u.desktop && "container-desktop",
+          u.tablet && "container-tablet",
+          u.desktop && B && "container-full-width"
         ),
-        onScroll: Y,
-        ref: c,
+        onScroll: Z,
+        ref: d,
         style: {
-          "--slideDesktop": d.desktop,
-          "--slideMobile": d.mobile,
-          "--slideTablet": d.tablet,
-          "--slideWidthDesktop": J(d.desktop, e),
-          "--slideWidthMobile": J(d.mobile, e),
-          "--slideWidthTablet": J(d.tablet, e),
-          "--slideWithDesktopFullWidth": J(d.desktop + 2, e),
+          "--slideDesktop": u.desktop,
+          "--slideMobile": u.mobile,
+          "--slideTablet": u.tablet,
+          "--slideWidthDesktop": J(u.desktop, e),
+          "--slideWidthMobile": J(u.mobile, e),
+          "--slideWidthTablet": J(u.tablet, e),
+          "--slideWithDesktopFullWidth": J(u.desktop + 2, e),
           "--spaceBetween": `${e / 16}rem`
         },
-        children: I
+        children: N
       }
     ),
-    /* @__PURE__ */ R(
-      re,
+    /* @__PURE__ */ A(
+      oe,
       {
         "aria-label": "Previous slide",
-        className: D(
+        className: R(
           "arrow",
           "arrow-left",
-          !o && "arrow-background",
-          g && "arrow-mobile",
-          $ && "arrow-desktop"
+          !n && "arrow-background",
+          m && "arrow-mobile",
+          T && "arrow-desktop"
         ),
-        disabled: !U,
-        onClick: B,
-        shape: "circle",
-        size: M,
-        variant: o ? "secondary" : "ghost",
-        children: /* @__PURE__ */ R(fe, {})
+        disabled: !V,
+        onClick: O,
+        size: C,
+        variant: n ? "primary-neutral" : "tertiary",
+        children: /* @__PURE__ */ A(re, { name: "angle-left-b" })
       }
     ),
-    /* @__PURE__ */ R(
-      re,
+    /* @__PURE__ */ A(
+      oe,
       {
         "aria-label": "Next slide",
-        className: D(
+        className: R(
           "arrow",
           "arrow-right",
-          !o && "arrow-background",
-          g && "arrow-mobile",
-          $ && "arrow-desktop"
+          !n && "arrow-background",
+          m && "arrow-mobile",
+          T && "arrow-desktop"
         ),
-        disabled: !q,
-        onClick: L,
-        shape: "circle",
-        size: M,
-        variant: o ? "secondary" : "ghost",
-        children: /* @__PURE__ */ R(pe, {})
+        disabled: !U,
+        onClick: W,
+        size: C,
+        variant: n ? "primary-neutral" : "tertiary",
+        children: /* @__PURE__ */ A(re, { name: "angle-right-b" })
       }
     ),
-    /* @__PURE__ */ R(
+    /* @__PURE__ */ A(
       "div",
       {
-        className: D(
+        className: R(
           "pagination",
-          v.mobile && "pagination-mobile",
-          v.desktop && "pagination-desktop"
+          k.mobile && "pagination-mobile",
+          k.desktop && "pagination-desktop"
         ),
         role: "tablist",
-        children: b.length > 1 && b.map((u, r) => {
-          const n = {
-            "aria-controls": `${E}-${r}`,
-            "aria-label": `${r + 1} of ${b.length}`,
-            "aria-selected": r === h,
-            idx: r,
-            onClick: () => S(r),
+        children: g.length > 1 && g.map((p, o) => {
+          const r = {
+            "aria-controls": `${D}-${o}`,
+            "aria-label": `${o + 1} of ${g.length}`,
+            "aria-selected": o === h,
+            idx: o,
+            onClick: () => y(o),
             role: "tab"
           };
-          return /* @__PURE__ */ R(
+          return /* @__PURE__ */ A(
             "div",
             {
-              className: D("bullet", r === h && "bullet-active"),
-              ...n
+              className: R("bullet", o === h && "bullet-active"),
+              ...r
             },
-            `bullet-${r + 1}`
+            `bullet-${o + 1}`
           );
         })
       }
     )
   ] });
 };
+Ee.displayName = "Swiper";
 export {
-  Be as Swiper,
-  Oe as useSwiper
+  Ee as Swiper,
+  Ce as useSwiper
 };