welcome-ui 10.6.2 → 10.6.3

package/dist/Swiper.js

@@ -1,96 +1,19 @@
 "use client";
 import './Swiper.css';
-import { jsx as $ } from "react/jsx-runtime";
-import { a as z, g as pe, c as K, u as fe } from "./index-B6iGEm-i.js";
-import { useRef as Z, useEffect as W, Children as se, cloneElement as ge, createContext as me, useContext as be, useState as H, useMemo as ee, useCallback as A } from "react";
+import { jsx as E } from "react/jsx-runtime";
+import { c as U, a as G, g as fe, u as pe } from "./index-B6iGEm-i.js";
+import { createContext as me, useContext as ge, useRef as W, useEffect as M, Children as ie, cloneElement as be, useCallback as R, useState as K, useMemo as Z } from "react";
+import { Button as ae } from "./Button.js";
+import { Icon as oe } from "./Icon.js";
 import { u as we } from "./use-viewport-DuW6YjHT.js";
-import { Button as oe } from "./Button.js";
-import { Icon as le } from "./Icon.js";
-var Y, ae;
-function he() {
-  if (ae) return Y;
-  ae = 1;
-  var i = "Expected a function", l = NaN, f = "[object Symbol]", o = /^\s+|\s+$/g, s = /^[-+]0x[0-9a-f]+$/i, m = /^0b[01]+$/i, t = /^0o[0-7]+$/i, n = parseInt, b = typeof z == "object" && z && z.Object === Object && z, r = typeof self == "object" && self && self.Object === Object && self, c = b || r || Function("return this")(), v = Object.prototype, E = v.toString, V = Math.max, M = Math.min, S = function() {
-    return c.Date.now();
-  };
-  function N(e, u, w) {
-    var _, L, B, O, a, g, p = 0, I = !1, P = !1, k = !0;
-    if (typeof e != "function")
-      throw new TypeError(i);
-    u = j(u) || 0, x(w) && (I = !!w.leading, P = "maxWait" in w, B = P ? V(j(w.maxWait) || 0, u) : B, k = "trailing" in w ? !!w.trailing : k);
-    function C(d) {
-      var T = _, F = L;
-      return _ = L = void 0, p = d, O = e.apply(F, T), O;
-    }
-    function J(d) {
-      return p = d, a = setTimeout(q, u), I ? C(d) : O;
-    }
-    function ne(d) {
-      var T = d - g, F = d - p, ie = u - T;
-      return P ? M(ie, B - F) : ie;
-    }
-    function R(d) {
-      var T = d - g, F = d - p;
-      return g === void 0 || T >= u || T < 0 || P && F >= B;
-    }
-    function q() {
-      var d = S();
-      if (R(d))
-        return re(d);
-      a = setTimeout(q, ne(d));
-    }
-    function re(d) {
-      return a = void 0, k && _ ? C(d) : (_ = L = void 0, O);
-    }
-    function de() {
-      a !== void 0 && clearTimeout(a), p = 0, _ = g = L = a = void 0;
-    }
-    function ue() {
-      return a === void 0 ? O : re(S());
-    }
-    function Q() {
-      var d = S(), T = R(d);
-      if (_ = arguments, L = this, g = d, T) {
-        if (a === void 0)
-          return J(g);
-        if (P)
-          return a = setTimeout(q, u), C(g);
-      }
-      return a === void 0 && (a = setTimeout(q, u)), O;
-    }
-    return Q.cancel = de, Q.flush = ue, Q;
-  }
-  function x(e) {
-    var u = typeof e;
-    return !!e && (u == "object" || u == "function");
-  }
-  function y(e) {
-    return !!e && typeof e == "object";
-  }
-  function D(e) {
-    return typeof e == "symbol" || y(e) && E.call(e) == f;
-  }
-  function j(e) {
-    if (typeof e == "number")
-      return e;
-    if (D(e))
-      return l;
-    if (x(e)) {
-      var u = typeof e.valueOf == "function" ? e.valueOf() : e;
-      e = x(u) ? u + "" : u;
-    }
-    if (typeof e != "string")
-      return e === 0 ? e : +e;
-    e = e.replace(o, "");
-    var w = m.test(e);
-    return w || t.test(e) ? n(e.slice(2), w ? 2 : 8) : s.test(e) ? l : +e;
-  }
-  return Y = N, Y;
-}
-var Se = he();
-const xe = /* @__PURE__ */ pe(Se), ve = "_root_eam2c_3", _e = "_container_eam2c_11", Pe = "_arrow_eam2c_77", U = {
-  root: ve,
-  container: _e,
+const ce = me(null), ee = () => {
+  const i = ge(ce);
+  if (!i)
+    throw new Error("Swiper components must be used within a Swiper component");
+  return i;
+}, he = "_root_eam2c_3", Se = "_container_eam2c_11", xe = "_arrow_eam2c_77", X = {
+  root: he,
+  container: Se,
   "container-mobile": "_container-mobile_eam2c_41",
   "container-tablet": "_container-tablet_eam2c_50",
   "container-desktop": "_container-desktop_eam2c_59",
@@ -99,151 +22,147 @@ const xe = /* @__PURE__ */ pe(Se), ve = "_root_eam2c_3", _e = "_container_eam2c_
   "arrow-placement-side-left": "_arrow-placement-side-left_eam2c_84",
   "arrow-placement-side-right": "_arrow-placement-side-right_eam2c_87",
   "arrow-mobile": "_arrow-mobile_eam2c_90",
-  arrow: Pe,
+  arrow: xe,
   "arrow-desktop": "_arrow-desktop_eam2c_99",
   "arrow-background": "_arrow-background_eam2c_104"
-}, ke = K(U), ye = ({
+}, ve = U(X), _e = ({
   children: i,
-  className: l,
-  placement: f = "side",
-  size: o = "md",
-  variant: s,
-  ...m
+  className: o,
+  placement: t = "side",
+  size: s = "md",
+  variant: e,
+  ...a
 }) => {
   const {
-    navigation: { desktop: t, goNext: n, isNextDisabled: b, mobile: r }
-  } = te();
-  return /* @__PURE__ */ $(
-    oe,
+    navigation: { desktop: g, goNext: r, isNextDisabled: l, mobile: d }
+  } = ee();
+  return /* @__PURE__ */ E(
+    ae,
     {
       "aria-label": "Next slide",
-      className: ke(
+      className: ve(
         "arrow",
-        t && "arrow-desktop",
-        r && "arrow-mobile",
-        f === "side" && "arrow-placement-side",
-        f === "side" && "arrow-placement-side-right",
-        l
+        g && "arrow-desktop",
+        d && "arrow-mobile",
+        t === "side" && "arrow-placement-side",
+        t === "side" && "arrow-placement-side-right",
+        o
       ),
-      disabled: b,
-      onClick: n,
-      size: o,
-      variant: s ?? "secondary",
-      ...m,
-      children: i ?? /* @__PURE__ */ $(le, { name: "angle-right-b" })
+      disabled: l,
+      onClick: r,
+      size: s,
+      variant: e ?? "secondary",
+      ...a,
+      children: i ?? /* @__PURE__ */ E(oe, { name: "angle-right-b" })
     }
   );
-}, Le = K(U), Ie = ({
+}, ke = U(X), Pe = ({
   children: i,
-  className: l,
-  placement: f = "side",
-  size: o = "md",
-  variant: s,
-  ...m
+  className: o,
+  placement: t = "side",
+  size: s = "md",
+  variant: e,
+  ...a
 }) => {
   const {
-    navigation: { desktop: t, goPrev: n, isPrevDisabled: b, mobile: r }
-  } = te();
-  return /* @__PURE__ */ $(
-    oe,
+    navigation: { desktop: g, goPrev: r, isPrevDisabled: l, mobile: d }
+  } = ee();
+  return /* @__PURE__ */ E(
+    ae,
     {
       "aria-label": "Previous slide",
-      className: Le(
+      className: ke(
         "arrow",
-        t && "arrow-mobile",
-        r && "arrow-desktop",
-        f === "side" && "arrow-placement-side",
-        f === "side" && "arrow-placement-side-left",
-        l
+        g && "arrow-mobile",
+        d && "arrow-desktop",
+        t === "side" && "arrow-placement-side",
+        t === "side" && "arrow-placement-side-left",
+        o
       ),
-      disabled: b,
-      onClick: n,
-      size: o,
-      variant: s ?? "secondary",
-      ...m,
-      children: i ?? /* @__PURE__ */ $(le, { name: "angle-left-b" })
+      disabled: l,
+      onClick: r,
+      size: s,
+      variant: e ?? "secondary",
+      ...a,
+      children: i ?? /* @__PURE__ */ E(oe, { name: "angle-left-b" })
     }
   );
-}, Ve = (i, l) => {
-  const f = Z();
-  W(() => {
-    f.current = i;
-  }, [i]), W(() => {
-    function o() {
-      f.current();
+}, ye = (i, o) => {
+  const t = W();
+  M(() => {
+    t.current = i;
+  }, [i]), M(() => {
+    function s() {
+      var e;
+      (e = t.current) == null || e.call(t);
     }
-    if (l !== null) {
-      const s = setInterval(o, l);
-      return () => clearInterval(s);
+    if (o !== null) {
+      const e = setInterval(s, o);
+      return () => clearInterval(e);
     }
-  }, [l]);
-}, G = (i, l) => {
-  if (l === 0)
+  }, [o]);
+}, H = (i, o) => {
+  if (o === 0)
     return `${100 / i}%`;
-  const o = l * (i === 1 ? 4 : 2) / 16;
-  return `calc(${100 / i}% - ${o}rem)`;
-}, Oe = K(U), Ce = ({ children: i, className: l }) => {
+  const s = o * (i === 1 ? 4 : 2) / 16;
+  return `calc(${100 / i}% - ${s}rem)`;
+}, Ie = U(X), Le = ({ children: i, className: o }) => {
   const {
     slides: {
-      currentPage: f,
-      currentSlidesPerView: o,
-      expandOnLargeScreens: s,
-      gap: m,
-      handleScroll: t,
-      id: n,
-      isLastPage: b,
-      length: r,
-      perView: c,
-      ref: v,
-      setLength: E
+      currentPage: t,
+      currentSlidesPerView: s,
+      expandOnLargeScreens: e,
+      gap: a,
+      handleScroll: g,
+      id: r,
+      isLastPage: l,
+      length: d,
+      perView: u,
+      ref: _,
+      setLength: L
     }
-  } = te(), V = se.toArray(i);
-  W(() => {
-    E(V.length);
-  }, [V.length, E]);
-  const M = se.map(V, (S, N) => {
-    const x = `${n}-${N}`, y = N + 1, D = Math.ceil(y / o) - 1, j = b ? r - y >= o : D !== f;
-    return typeof S == "object" && S && "props" in S ? ge(S, {
-      ...S.props,
-      "aria-hidden": j,
-      "aria-label": `${y} of ${r}`,
+  } = ee(), y = ie.toArray(i);
+  M(() => {
+    L(y.length);
+  }, [y.length, L]);
+  const k = ie.map(y, (f, V) => {
+    const x = `${r}-${V}`, T = V + 1, j = Math.ceil(T / s) - 1, $ = l ? d - T >= s : j !== t;
+    return typeof f == "object" && f && "props" in f ? be(f, {
+      ...f.props,
+      "aria-hidden": $,
+      "aria-label": `${T} of ${d}`,
       "aria-roledescription": "slide",
       id: x,
       key: x
-    }) : S;
+    }) : f;
   });
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ E(
     "ul",
     {
-      className: Oe(
+      className: Ie(
         "container",
-        c.mobile && "container-mobile",
-        c.desktop && "container-desktop",
-        c.tablet && "container-tablet",
-        c.desktop && s && "container-full-width",
-        l
+        u.mobile && "container-mobile",
+        u.desktop && "container-desktop",
+        u.tablet && "container-tablet",
+        u.desktop && e && "container-full-width",
+        o
       ),
-      onScroll: t,
-      ref: v,
+      onScroll: g,
+      ref: _,
       style: {
-        "--slideDesktop": c.desktop,
-        "--slideMobile": c.mobile,
-        "--slideTablet": c.tablet,
-        "--slideWidthDesktop": G(c.desktop, m),
-        "--slideWidthMobile": G(c.mobile, m),
-        "--slideWidthTablet": G(c.tablet, m),
-        "--slideWithDesktopFullWidth": G(c.desktop + 2, m),
-        "--spaceBetween": `${m / 16}rem`
+        "--slideDesktop": u.desktop,
+        "--slideMobile": u.mobile,
+        "--slideTablet": u.tablet,
+        "--slideWidthDesktop": H(u.desktop, a),
+        "--slideWidthMobile": H(u.mobile, a),
+        "--slideWidthTablet": H(u.tablet, a),
+        "--slideWithDesktopFullWidth": H(u.desktop + 2, a),
+        "--spaceBetween": `${a / 16}rem`
       },
-      children: M
+      children: k
     }
   );
-}, Te = K(U), ce = me(null), te = () => {
-  const i = be(ce);
-  if (!i)
-    throw new Error("Swiper components must be used within a Swiper component");
-  return i;
-}, h = {
+}, v = {
   autoplay: { duration: 5e3, enabled: !1, loop: !1 },
   navigation: { desktop: !0, mobile: !0 },
   slides: {
@@ -254,168 +173,281 @@ const xe = /* @__PURE__ */ pe(Se), ve = "_root_eam2c_3", _e = "_container_eam2c_
     initialIndex: 0,
     perView: { desktop: 1, mobile: 1, tablet: 1 }
   }
-}, Ne = {
-  autoplay: h.autoplay,
-  navigation: h.navigation,
+}, Ve = {
+  autoplay: v.autoplay,
+  navigation: v.navigation,
   slides: {
-    alignment: h.slides.alignment,
+    alignment: v.slides.alignment,
     currentPage: 0,
-    currentSlidesPerView: h.slides.perView.desktop,
-    expandOnLargeScreens: h.slides.expandOnLargeScreens,
-    gap: h.slides.gap,
-    id: h.slides.id,
-    initialIndex: h.slides.initialIndex,
-    perView: h.slides.perView,
+    currentSlidesPerView: v.slides.perView.desktop,
+    expandOnLargeScreens: v.slides.expandOnLargeScreens,
+    gap: v.slides.gap,
+    id: v.slides.id,
+    initialIndex: v.slides.initialIndex,
+    perView: v.slides.perView,
     setCurrentPage: () => {
     }
   }
-}, Be = (i = h) => {
-  var v;
-  const [l, f] = H(0), o = {
-    autoplay: { ...h.autoplay, ...i.autoplay },
-    navigation: { ...h.navigation, ...i.navigation },
-    slides: {
-      ...h.slides,
-      ...i.slides,
-      perView: {
-        ...h.slides.perView,
-        ...(v = i.slides) == null ? void 0 : v.perView
+};
+var Y, se;
+function Oe() {
+  if (se) return Y;
+  se = 1;
+  var i = "Expected a function", o = NaN, t = "[object Symbol]", s = /^\s+|\s+$/g, e = /^[-+]0x[0-9a-f]+$/i, a = /^0b[01]+$/i, g = /^0o[0-7]+$/i, r = parseInt, l = typeof G == "object" && G && G.Object === Object && G, d = typeof self == "object" && self && self.Object === Object && self, u = l || d || Function("return this")(), _ = Object.prototype, L = _.toString, y = Math.max, k = Math.min, f = function() {
+    return u.Date.now();
+  };
+  function V(n, p, w) {
+    var I, F, h, b, c, S, P = 0, O = !1, N = !1, B = !0;
+    if (typeof n != "function")
+      throw new TypeError(i);
+    p = $(p) || 0, x(w) && (O = !!w.leading, N = "maxWait" in w, h = N ? y($(w.maxWait) || 0, p) : h, B = "trailing" in w ? !!w.trailing : B);
+    function A(m) {
+      var C = I, D = F;
+      return I = F = void 0, P = m, b = n.apply(D, C), b;
+    }
+    function q(m) {
+      return P = m, c = setTimeout(z, p), O ? A(m) : b;
+    }
+    function le(m) {
+      var C = m - S, D = m - P, re = p - C;
+      return N ? k(re, h - D) : re;
+    }
+    function te(m) {
+      var C = m - S, D = m - P;
+      return S === void 0 || C >= p || C < 0 || N && D >= h;
+    }
+    function z() {
+      var m = f();
+      if (te(m))
+        return ne(m);
+      c = setTimeout(z, le(m));
+    }
+    function ne(m) {
+      return c = void 0, B && I ? A(m) : (I = F = void 0, b);
+    }
+    function de() {
+      c !== void 0 && clearTimeout(c), P = 0, I = S = F = c = void 0;
+    }
+    function ue() {
+      return c === void 0 ? b : ne(f());
+    }
+    function Q() {
+      var m = f(), C = te(m);
+      if (I = arguments, F = this, S = m, C) {
+        if (c === void 0)
+          return q(S);
+        if (N)
+          return c = setTimeout(z, p), A(S);
       }
+      return c === void 0 && (c = setTimeout(z, p)), b;
     }
-  }, {
-    autoplay: s,
-    navigation: m,
-    slides: { expandOnLargeScreens: t, perView: n }
-  } = o, { width: b } = we(), r = fe(), c = ee(() => b <= r.md ? n.mobile : b <= r.lg ? n.tablet : b >= r["4xl"] && t ? n.desktop + 2 : n.desktop, [b, r, t, n]);
-  return {
-    autoplay: s,
-    navigation: m,
-    slides: {
-      alignment: o.slides.alignment,
-      currentPage: l,
-      currentSlidesPerView: c,
-      expandOnLargeScreens: o.slides.expandOnLargeScreens,
-      gap: o.slides.gap,
-      id: o.slides.id,
-      initialIndex: o.slides.initialIndex,
-      perView: n,
-      setCurrentPage: f
+    return Q.cancel = de, Q.flush = ue, Q;
+  }
+  function x(n) {
+    var p = typeof n;
+    return !!n && (p == "object" || p == "function");
+  }
+  function T(n) {
+    return !!n && typeof n == "object";
+  }
+  function j(n) {
+    return typeof n == "symbol" || T(n) && L.call(n) == t;
+  }
+  function $(n) {
+    if (typeof n == "number")
+      return n;
+    if (j(n))
+      return o;
+    if (x(n)) {
+      var p = typeof n.valueOf == "function" ? n.valueOf() : n;
+      n = x(p) ? p + "" : p;
     }
-  };
-}, X = ({
-  children: i,
-  className: l,
-  store: f = Ne,
-  ...o
+    if (typeof n != "string")
+      return n === 0 ? n : +n;
+    n = n.replace(s, "");
+    var w = a.test(n);
+    return w || g.test(n) ? r(n.slice(2), w ? 2 : 8) : e.test(n) ? o : +n;
+  }
+  return Y = V, Y;
+}
+var Ne = Oe();
+const Te = /* @__PURE__ */ fe(Ne), je = ({
+  alignment: i,
+  currentPage: o,
+  currentSlidesPerView: t,
+  goTo: s,
+  initialIndex: e,
+  numberOfPage: a,
+  setCurrentPage: g,
+  slidesLength: r
 }) => {
-  const { autoplay: s, navigation: m, slides: t } = f, { currentPage: n, setCurrentPage: b } = t, r = Z(), c = Z(!1), [v, E] = H(0), [V, M] = H(!1), [S, N] = H(!1), x = Math.ceil(v / t.currentSlidesPerView) || 1, y = A(() => {
-    const a = r == null ? void 0 : r.current;
-    if (a && !s.enabled) {
-      const { offsetWidth: g, scrollLeft: p, scrollWidth: I } = a, P = !(p > t.gap), k = !(I - (p + g) > t.gap);
-      M(P), N(k);
+  const l = W(!1), d = W(), u = W(!1), _ = W(!1), L = W(0), y = i === "center" ? (
+    // if centeredSlides is true, we calculate which number is the middle page
+    Math.floor(a / 2)
+  ) : (
+    // if centeredSlides is false, we calculate on which page the number in firstSlideToShow props is
+    Math.ceil(e / t) - 1
+  ), k = Number.isFinite(y) ? Math.min(Math.max(y, 0), a - 1) : 0;
+  return L.current = k, M(() => {
+    if (!(!r || l.current))
+      return l.current = !0, d.current = requestAnimationFrame(() => {
+        d.current = requestAnimationFrame(() => {
+          d.current = void 0;
+          const f = L.current;
+          f <= 0 || (u.current = !0, s(f, !0), g((V) => V === f ? V : (_.current = !0, f)));
+        });
+      }), () => {
+        d.current !== void 0 && (cancelAnimationFrame(d.current), d.current = void 0, l.current = !1);
+      };
+  }, [r]), M(() => {
+    if (_.current) {
+      _.current = !1;
+      return;
+    }
+    l.current && s(o);
+  }, [o, s]), R(() => u.current ? (u.current = !1, !0) : !1, []);
+}, Ce = ({ children: i, store: o }) => {
+  const { autoplay: t, navigation: s, slides: e } = o, { currentPage: a, setCurrentPage: g } = e, r = W(null), [l, d] = K(0), [u, _] = K(!1), [L, y] = K(!1), k = Math.ceil(l / e.currentSlidesPerView) || 1, f = R(() => {
+    const h = r == null ? void 0 : r.current;
+    if (h && !t.enabled) {
+      const { offsetWidth: b, scrollLeft: c, scrollWidth: S } = h, P = !(c > e.gap), O = !(S - (c + b) > e.gap);
+      _(P), y(O);
     } else
-      M(!1), N(!1);
-  }, [s.enabled, t.gap]), D = A(() => {
-    var g, p;
-    const a = r == null ? void 0 : r.current;
-    if (a) {
-      const { children: I, offsetWidth: P, scrollLeft: k, scrollWidth: C } = a, J = (p = (g = I == null ? void 0 : I[0]) == null ? void 0 : g.getBoundingClientRect()) == null ? void 0 : p.width, R = !(C - (k + P) > t.gap) ? x - 1 : Math.round(k / ((J + t.gap) * t.currentSlidesPerView));
-      R !== n && b(R);
+      _(!1), y(!1);
+  }, [t.enabled, e.gap]), V = R(() => {
+    var b, c;
+    const h = r == null ? void 0 : r.current;
+    if (h) {
+      const { children: S, offsetWidth: P, scrollLeft: O, scrollWidth: N } = h, B = (c = (b = S == null ? void 0 : S[0]) == null ? void 0 : b.getBoundingClientRect()) == null ? void 0 : c.width, q = !(N - (O + P) > e.gap) ? k - 1 : Math.round(O / ((B + e.gap) * e.currentSlidesPerView));
+      q !== a && g(q);
     }
-  }, [x, n, t.currentSlidesPerView, r, b, t.gap]), j = ee(
-    () => xe(() => {
-      y(), D();
-    }, 100),
-    [y, D]
-  ), e = A(
-    (a, g = !1) => {
-      var P, k, C;
-      const p = r == null ? void 0 : r.current, I = (C = (k = (P = p == null ? void 0 : p.children) == null ? void 0 : P[0]) == null ? void 0 : k.getBoundingClientRect()) == null ? void 0 : C.width;
-      p == null || p.scrollTo({
+  }, [k, a, e.currentSlidesPerView, r, g, e.gap]), x = R(
+    (h, b = !1) => {
+      var P, O, N;
+      const c = r == null ? void 0 : r.current, S = ((N = (O = (P = c == null ? void 0 : c.children) == null ? void 0 : P[0]) == null ? void 0 : O.getBoundingClientRect()) == null ? void 0 : N.width) || 0;
+      c == null || c.scrollTo({
         // We don't want to have a scroll effect when we first render the swiper
-        behavior: g ? "auto" : "smooth",
-        left: a * (I + t.gap) * t.currentSlidesPerView,
+        behavior: b ? "auto" : "smooth",
+        left: h * (S + e.gap) * e.currentSlidesPerView,
         top: 0
       });
     },
-    [t.currentSlidesPerView, t.gap, r]
-  ), u = n === 0, w = n === x - 1, _ = A(() => {
-    s.enabled && s.loop && w ? e(0) : e(n + 1);
-  }, [n, e, w, s.enabled, s.loop]), L = A(() => {
-    u && s.enabled && s.loop ? e(x - 1) : e(n - 1);
-  }, [x, n, e, u, s.enabled, s.loop]);
-  Ve(
+    [e.currentSlidesPerView, e.gap, r]
+  ), T = je({
+    alignment: e.alignment,
+    currentPage: a,
+    currentSlidesPerView: e.currentSlidesPerView,
+    goTo: x,
+    initialIndex: e.initialIndex,
+    numberOfPage: k,
+    setCurrentPage: g,
+    slidesLength: l
+  }), j = Z(
+    () => Te(() => {
+      f(), !T() && V();
+    }, 100),
+    [f, V, T]
+  ), $ = W(j);
+  $.current = j, M(() => () => $.current.cancel(), []);
+  const n = a === 0, p = a === k - 1, w = R(() => {
+    t.enabled && t.loop && p ? x(0) : x(a + 1);
+  }, [a, x, p, t.enabled, t.loop]), I = R(() => {
+    n && t.enabled && t.loop ? x(k - 1) : x(a - 1);
+  }, [k, a, x, n, t.enabled, t.loop]);
+  return ye(
     () => {
-      s.enabled && _();
+      t.enabled && w();
     },
-    s.enabled ? s.duration : null
-  ), W(() => {
-    const a = (g) => {
-      g.code === "ArrowLeft" && L(), g.code === "ArrowRight" && _();
+    t.enabled ? t.duration : null
+  ), M(() => {
+    const h = (b) => {
+      b.code === "ArrowLeft" && I(), b.code === "ArrowRight" && w();
     };
-    return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
-  }, [L, _]);
-  const B = t.alignment === "center" ? (
-    // if centeredSlides is true, we calculate which number is the middle page
-    Math.floor(x / 2)
-  ) : (
-    // if centeredSlides is false, we calculate on which page the number in firstSlideToShow props is
-    Math.ceil(t.initialIndex / t.currentSlidesPerView) - 1
-  );
-  W(() => {
-    v > 0 && !c.current && (e(B, !0), c.current = !0);
-  }, [v]), W(() => {
-    y();
-  }, [y, i]), W(() => {
-    c.current && e(n);
-  }, [n, e]);
-  const O = ee(
+    return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
+  }, [I, w]), M(() => {
+    f();
+  }, [f, i]), Z(
     () => ({
       navigation: {
-        goNext: _,
-        goPrev: L,
-        isNextDisabled: S,
-        isPrevDisabled: V,
-        ...m
+        goNext: w,
+        goPrev: I,
+        isNextDisabled: L,
+        isPrevDisabled: u,
+        ...s
       },
       slides: {
-        alignment: t.alignment,
-        currentPage: n,
-        currentSlidesPerView: t.currentSlidesPerView,
-        expandOnLargeScreens: t.expandOnLargeScreens,
-        gap: t.gap,
+        alignment: e.alignment,
+        currentPage: a,
+        currentSlidesPerView: e.currentSlidesPerView,
+        expandOnLargeScreens: e.expandOnLargeScreens,
+        gap: e.gap,
         handleScroll: j,
-        id: t.id,
-        initialIndex: t.initialIndex,
-        isLastPage: w,
-        length: v,
-        perView: t.perView,
+        id: e.id,
+        initialIndex: e.initialIndex,
+        isLastPage: p,
+        length: l,
+        perView: e.perView,
         ref: r,
-        setLength: E
+        setLength: d
       }
     }),
     [
-      _,
+      w,
+      I,
       L,
-      S,
-      V,
-      m,
-      n,
+      u,
+      s,
+      a,
       j,
-      w,
-      v,
-      t
+      p,
+      l,
+      e
     ]
   );
-  return /* @__PURE__ */ $(ce.Provider, { value: O, children: /* @__PURE__ */ $("div", { className: Te("root", l), ...o, children: i }) });
+}, De = (i = v) => {
+  var _;
+  const [o, t] = K(0), s = {
+    autoplay: { ...v.autoplay, ...i.autoplay },
+    navigation: { ...v.navigation, ...i.navigation },
+    slides: {
+      ...v.slides,
+      ...i.slides,
+      perView: {
+        ...v.slides.perView,
+        ...(_ = i.slides) == null ? void 0 : _.perView
+      }
+    }
+  }, {
+    autoplay: e,
+    navigation: a,
+    slides: { expandOnLargeScreens: g, perView: r }
+  } = s, { width: l } = we(), d = pe(), u = Z(() => l <= d.md ? r.mobile : l <= d.lg ? r.tablet : l >= d["4xl"] && g ? r.desktop + 2 : r.desktop, [l, d, g, r]);
+  return {
+    autoplay: e,
+    navigation: a,
+    slides: {
+      alignment: s.slides.alignment,
+      currentPage: o,
+      currentSlidesPerView: u,
+      expandOnLargeScreens: s.slides.expandOnLargeScreens,
+      gap: s.slides.gap,
+      id: s.slides.id,
+      initialIndex: s.slides.initialIndex,
+      perView: r,
+      setCurrentPage: t
+    }
+  };
+}, We = U(X), J = ({ children: i, className: o, store: t = Ve, ...s }) => {
+  const e = Ce({ children: i, store: t });
+  return /* @__PURE__ */ E(ce.Provider, { value: e, children: /* @__PURE__ */ E("div", { className: We("root", o), ...s, children: i }) });
 };
-X.PrevButton = Ie;
-X.NextButton = ye;
-X.Slides = Ce;
-X.displayName = "Swiper";
+J.PrevButton = Pe;
+J.NextButton = _e;
+J.Slides = Le;
+J.displayName = "Swiper";
 export {
-  X as Swiper,
-  U as swiperClasses,
-  Be as useSwiper,
-  te as useSwiperContext
+  J as Swiper,
+  X as swiperClasses,
+  De as useSwiper,
+  ee as useSwiperContext
 };

package/dist/types/components/Swiper/constants.d.ts

@@ -0,0 +1,49 @@
+export declare const defaultOptions: {
+    autoplay: {
+        duration: number;
+        enabled: false;
+        loop: false;
+    };
+    navigation: {
+        desktop: true;
+        mobile: true;
+    };
+    slides: {
+        alignment: "default";
+        expandOnLargeScreens: false;
+        gap: number;
+        id: string;
+        initialIndex: number;
+        perView: {
+            desktop: number;
+            mobile: number;
+            tablet: number;
+        };
+    };
+};
+export declare const defaultStore: {
+    autoplay: {
+        duration: number;
+        enabled: false;
+        loop: false;
+    };
+    navigation: {
+        desktop: true;
+        mobile: true;
+    };
+    slides: {
+        alignment: "default";
+        currentPage: number;
+        currentSlidesPerView: number;
+        expandOnLargeScreens: false;
+        gap: number;
+        id: string;
+        initialIndex: number;
+        perView: {
+            desktop: number;
+            mobile: number;
+            tablet: number;
+        };
+        setCurrentPage: () => void;
+    };
+};

package/dist/types/components/Swiper/context.d.ts

@@ -0,0 +1,3 @@
+import { SwiperContextValue } from './types';
+export declare const SwiperContext: import('react').Context<SwiperContextValue>;
+export declare const useSwiperContext: () => SwiperContextValue;

package/dist/types/components/Swiper/index.d.ts

@@ -1,60 +1,13 @@
 import { default as swiperStyles } from './swiper.module.scss';
-import { SwiperComponent, UseSwiperOptions } from './types';
+import { SwiperProps } from './types';
 export { swiperStyles as swiperClasses };
-type SwiperContextValue = {
-    navigation: {
-        desktop: boolean;
-        goNext: () => void;
-        goPrev: () => void;
-        isNextDisabled: boolean;
-        isPrevDisabled: boolean;
-        mobile: boolean;
-    };
-    slides: {
-        alignment: 'center' | 'default';
-        currentPage: number;
-        currentSlidesPerView: number;
-        expandOnLargeScreens: boolean;
-        gap: number;
-        handleScroll: () => void;
-        id: string;
-        initialIndex: number;
-        isLastPage: boolean;
-        length: number;
-        perView: {
-            desktop: number;
-            mobile: number;
-            tablet: number;
-        };
-        ref: React.RefObject<HTMLUListElement>;
-        setLength: (length: number) => void;
-    };
+export { useSwiperContext } from './context';
+export type { SwiperContextValue } from './types';
+export { useSwiper } from './useSwiper';
+export declare const Swiper: {
+    ({ children, className, store, ...rest }: SwiperProps): import("react/jsx-runtime").JSX.Element;
+    PrevButton: ({ children, className, placement, size, variant, ...rest }: import('./types').SwiperPrevButtonProps) => import("react/jsx-runtime").JSX.Element;
+    NextButton: ({ children, className, placement, size, variant, ...rest }: import('./types').SwiperNextButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Slides: ({ children, className }: import('./types').SwiperSlidesProps) => import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
-export declare const useSwiperContext: () => SwiperContextValue;
-export declare const useSwiper: (options?: UseSwiperOptions) => {
-    autoplay: {
-        duration: number;
-        enabled: boolean;
-        loop: boolean;
-    };
-    navigation: {
-        desktop: boolean;
-        mobile: boolean;
-    };
-    slides: {
-        alignment: "center" | "default";
-        currentPage: number;
-        currentSlidesPerView: number;
-        expandOnLargeScreens: boolean;
-        gap: number;
-        id: string;
-        initialIndex: number;
-        perView: {
-            desktop: number;
-            mobile: number;
-            tablet: number;
-        };
-        setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
-    };
-};
-export declare const Swiper: SwiperComponent;

package/dist/types/components/Swiper/types.d.ts

@@ -1,11 +1,35 @@
-import { ComponentProps, FC, ReactNode } from 'react';
+import { ComponentProps, ReactNode, RefObject } from 'react';
 import { ButtonProps } from '../Button/types';
-import { useSwiper } from '.';
-export interface SwiperComponent extends FC<SwiperProps> {
-    NextButton: FC<SwiperNextButtonProps>;
-    PrevButton: FC<SwiperPrevButtonProps>;
-    Slides: FC<SwiperSlidesProps>;
-}
+import { useSwiper } from './useSwiper';
+export type SwiperContextValue = {
+    navigation: {
+        desktop: boolean;
+        goNext: () => void;
+        goPrev: () => void;
+        isNextDisabled: boolean;
+        isPrevDisabled: boolean;
+        mobile: boolean;
+    };
+    slides: {
+        alignment: 'center' | 'default';
+        currentPage: number;
+        currentSlidesPerView: number;
+        expandOnLargeScreens: boolean;
+        gap: number;
+        handleScroll: () => void;
+        id: string;
+        initialIndex: number;
+        isLastPage: boolean;
+        length: number;
+        perView: {
+            desktop: number;
+            mobile: number;
+            tablet: number;
+        };
+        ref: RefObject<HTMLUListElement | null>;
+        setLength: (length: number) => void;
+    };
+};
 export type SwiperNextButtonProps = Omit<ButtonProps, 'aria-label' | 'disabled' | 'onClick'> & {
     placement?: 'inline' | 'side';
 };

package/dist/types/components/Swiper/useInitialScroll.d.ts

@@ -0,0 +1,18 @@
+type UseInitialScrollOptions = {
+    alignment: 'center' | 'default';
+    currentPage: number;
+    currentSlidesPerView: number;
+    goTo: (page: number, isFirstInit?: boolean) => void;
+    initialIndex: number;
+    numberOfPage: number;
+    setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
+    slidesLength: number;
+};
+/**
+ * Owns the deferred, one-shot scroll to the initial page and the state flags
+ * that keep it from fighting the scroll handler. Returns `consumeSnapBackSkip`,
+ * which the scroll handler calls once to swallow the scroll-snap correction
+ * that follows our own initial scroll.
+ */
+export declare const useInitialScroll: ({ alignment, currentPage, currentSlidesPerView, goTo, initialIndex, numberOfPage, setCurrentPage, slidesLength, }: UseInitialScrollOptions) => (() => boolean);
+export {};

package/dist/types/components/Swiper/useSwiper.d.ts

@@ -0,0 +1,27 @@
+import { UseSwiperOptions } from './types';
+export declare const useSwiper: (options?: UseSwiperOptions) => {
+    autoplay: {
+        duration: number;
+        enabled: boolean;
+        loop: boolean;
+    };
+    navigation: {
+        desktop: boolean;
+        mobile: boolean;
+    };
+    slides: {
+        alignment: "center" | "default";
+        currentPage: number;
+        currentSlidesPerView: number;
+        expandOnLargeScreens: boolean;
+        gap: number;
+        id: string;
+        initialIndex: number;
+        perView: {
+            desktop: number;
+            mobile: number;
+            tablet: number;
+        };
+        setCurrentPage: import('react').Dispatch<import('react').SetStateAction<number>>;
+    };
+};

package/dist/types/components/Swiper/useSwiperViewModel.d.ts

@@ -0,0 +1,2 @@
+import { SwiperContextValue, SwiperProps } from './types';
+export declare const useSwiperViewModel: ({ children, store }: SwiperProps) => SwiperContextValue;

package/dist/types/components/Swiper/utils.d.ts

@@ -1,2 +1,2 @@
-export declare const useInterval: (callback: () => void, delay: number) => void;
+export declare const useInterval: (callback: () => void, delay: null | number) => void;
 export declare const getSlideWidth: (slidesPerView: number, spaceBetween: number) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "10.6.2",
+  "version": "10.6.3",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"