welcome-ui 8.1.0-alpha.3 → 8.1.1

package/dist/Swiper.mjs

@@ -1,68 +1,67 @@
 "use client";
-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 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 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() {
+  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 E(t, o, u) {
-    var L, A, W, m, p, j, O = 0, J = !1, T = !1, G = !0;
+  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(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);
+      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 $ = 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;
+      var b = R, I = A;
+      return R = A = void 0, O = n, m = t.apply(I, b), m;
     }
-    function F(n) {
-      var $ = n - j, I = n - O, Z = o - $;
-      return T ? H(Z, W - I) : Z;
+    function E(n) {
+      return O = n, p = setTimeout(l, r), J ? K(n) : m;
     }
     function _(n) {
-      var $ = n - j, I = n - O;
-      return j === void 0 || $ >= o || $ < 0 || T && I >= W;
+      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 = w();
-      if (_(n))
-        return s(n);
-      p = setTimeout(l, F(n));
+      var n = $();
+      if (F(n))
+        return o(n);
+      p = setTimeout(l, _(n));
     }
-    function s(n) {
-      return p = void 0, G && L ? K(n) : (L = A = void 0, m);
+    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, L = j = A = p = void 0;
+      p !== void 0 && clearTimeout(p), O = 0, R = x = A = p = void 0;
     }
-    function b() {
-      return p === void 0 ? m : s(w());
+    function w() {
+      return p === void 0 ? m : o($());
     }
     function v() {
-      var n = w(), $ = _(n);
-      if (L = arguments, A = this, j = n, $) {
+      var n = $(), b = F(n);
+      if (R = arguments, A = this, x = n, b) {
         if (p === void 0)
-          return R(j);
-        if (T)
-          return p = setTimeout(l, o), K(j);
+          return E(x);
+        if (j)
+          return p = setTimeout(l, r), K(x);
       }
-      return p === void 0 && (p = setTimeout(l, o)), m;
+      return p === void 0 && (p = setTimeout(l, r)), m;
     }
-    return v.cancel = c, v.flush = b, v;
+    return v.cancel = c, v.flush = w, v;
   }
   function y(t) {
-    var o = typeof t;
-    return !!t && (o == "object" || o == "function");
+    var r = typeof t;
+    return !!t && (r == "object" || r == "function");
   }
   function U(t) {
     return !!t && typeof t == "object";
@@ -76,32 +75,45 @@ function wt() {
     if (q(t))
       return e;
     if (y(t)) {
-      var o = typeof t.valueOf == "function" ? t.valueOf() : t;
-      t = y(o) ? o + "" : o;
+      var r = typeof t.valueOf == "function" ? t.valueOf() : t;
+      t = y(r) ? r + "" : r;
     }
     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;
+    return u || g.test(t) ? S(t.slice(2), u ? 2 : 8) : s.test(t) ? e : +t;
   }
-  return et = E, et;
+  return et = T, et;
 }
 var bt = wt();
-const $t = /* @__PURE__ */ ft(bt), k = (r = 3, e, a) => {
+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 s = setInterval(f, e);
+      return () => clearInterval(s);
+    }
+  }, [e]);
+}, k = (i = 3, e, a) => {
   if (e === 0)
-    return `${100 / r}%`;
-  const i = a(e * (r === 1 ? 4 : 2));
-  return `calc(${100 / r}% - ${i})`;
+    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%;
 
-  ${lt}
+  ${ct}
 `, at = B(pt)(
-  ({ disabled: r, withDarkUI: e, withNavigation: { desktop: a, mobile: f } }) => P`
+  ({ disabled: i, withDarkUI: e, withNavigation: { desktop: a, mobile: f } }) => P`
     top: 50%;
     transform: translate3d(0, -50%, 0);
     z-index: ${f ? 1 : -1};
@@ -120,13 +132,13 @@ const $t = /* @__PURE__ */ ft(bt), k = (r = 3, e, a) => {
       display: ${a ? "flex" : "none"};
     }
 
-    ${r && P`
+    ${i && P`
       opacity: 0;
       z-index: -1;
     `};
   `
-), yt = B.divBox(
-  ({ withPagination: { desktop: r, mobile: e } }) => P`
+), vt = B.divBox(
+  ({ withPagination: { desktop: i, mobile: e } }) => P`
     justify-content: center;
     position: absolute;
     bottom: 0;
@@ -137,24 +149,24 @@ const $t = /* @__PURE__ */ ft(bt), k = (r = 3, e, a) => {
     display: ${e ? "flex" : "none"};
 
     @media (min-width: md) {
-      z-index: ${r ? 1 : -1};
-      display: ${r ? "flex" : "none"};
+      z-index: ${i ? 1 : -1};
+      display: ${i ? "flex" : "none"};
     }
   `
-), vt = B.div(
-  ({ active: r, withDarkUI: e }) => P`
+), St = B.div(
+  ({ active: i, withDarkUI: e }) => P`
     height: 10;
     width: 10;
     border-radius: 50%;
     cursor: pointer;
     margin: 0 xxs;
-    ${r ? it("swipers.navigation.bullet.active") : it("swipers.navigation.bullet.default")}
+    ${i ? rt("swipers.navigation.bullet.active") : rt("swipers.navigation.bullet.default")}
     ${e && P`
-      background-color: ${r ? "neutral-90" : "neutral-50"};
+      background-color: ${i ? "neutral-90" : "neutral-50"};
     `}
-    ${lt}
+    ${ct}
   `
-), xt = B.ulBox(({ fullWidth: r, slidesPerView: { desktop: e, mobile: a, tablet: f }, spaceBetween: i, theme: d }) => P`
+), 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;
@@ -176,9 +188,9 @@ const $t = /* @__PURE__ */ ft(bt), k = (r = 3, e, a) => {
 
     > * {
       list-style-type: none;
-      margin-right: ${i};
-      min-width: ${k(a, i, d.toRem)};
-      max-width: ${k(a, i, d.toRem)};
+      margin-right: ${s};
+      min-width: ${k(a, s, d.toRem)};
+      max-width: ${k(a, s, d.toRem)};
       flex: 1;
 
       &:last-child {
@@ -189,8 +201,8 @@ const $t = /* @__PURE__ */ ft(bt), k = (r = 3, e, a) => {
     @media (min-width: sm) {
       ${a && P`
         > * {
-          min-width: ${k(a, i, d.toRem)};
-          max-width: ${k(a, i, d.toRem)};
+          min-width: ${k(a, s, d.toRem)};
+          max-width: ${k(a, s, d.toRem)};
 
           &:nth-of-type(${a}n + 1) {
             scroll-snap-align: start;
@@ -202,8 +214,8 @@ const $t = /* @__PURE__ */ ft(bt), k = (r = 3, e, a) => {
     @media (min-width: md) {
       ${f && P`
         > * {
-          min-width: ${k(f, i, d.toRem)};
-          max-width: ${k(f, i, d.toRem)};
+          min-width: ${k(f, s, d.toRem)};
+          max-width: ${k(f, s, d.toRem)};
 
           &:nth-of-type(${f}n + 1) {
             scroll-snap-align: start;
@@ -215,8 +227,8 @@ const $t = /* @__PURE__ */ ft(bt), k = (r = 3, e, a) => {
     @media (min-width: lg) {
       ${e && P`
         > * {
-          min-width: ${k(e, i, d.toRem)};
-          max-width: ${k(e, i, d.toRem)};
+          min-width: ${k(e, s, d.toRem)};
+          max-width: ${k(e, s, d.toRem)};
 
           scroll-snap-align: unset;
 
@@ -232,232 +244,213 @@ const $t = /* @__PURE__ */ ft(bt), k = (r = 3, e, a) => {
     }
 
     @media (min-width: xl) {
-      ${e && r && P`
+      ${e && i && P`
         > * {
-          min-width: ${k(e + 2, i, d.toRem)};
-          max-width: ${k(e + 2, i, d.toRem)};
+          min-width: ${k(e + 2, s, d.toRem)};
+          max-width: ${k(e + 2, s, d.toRem)};
         }
       `}
     }
-  `), 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 = {}) => {
+  `), Ct = (i = {}) => {
   const {
     autoplay: e = !1,
     centeredSlides: a = !1,
     duration: f = 5e3,
-    firstSlideToShow: i = 0,
+    firstSlideToShow: s = 0,
     fullWidth: d = !1,
     id: g = "swiper",
-    loop: x = !1,
+    loop: S = !1,
     navigationSize: D = "md",
-    slidesPerView: S = { desktop: 1, mobile: 1, tablet: 1 },
+    slidesPerView: L = { mobile: 1, tablet: 1, desktop: 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]);
+    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 {
-    autoplay: e,
     centeredSlides: a,
-    currentPage: E,
-    currentSlidesPerView: L,
-    duration: f,
-    firstSlideToShow: i,
+    firstSlideToShow: s,
+    currentSlidesPerView: R,
+    currentPage: T,
+    setCurrentPage: y,
     fullWidth: d,
     id: g,
     navigationSize: D,
-    ref: o,
-    setCurrentPage: y,
+    slidesPerView: L,
+    spaceBetween: V,
+    withNavigation: z,
+    withPagination: h,
+    autoplay: e,
+    shouldLoop: H,
+    duration: f,
+    withDarkUI: N,
+    ref: r,
     setShowLeftArrow: q,
     setShowRightArrow: t,
-    shouldLoop: H,
     showLeftArrow: U,
-    showRightArrow: M,
-    slidesPerView: S,
-    spaceBetween: V,
-    withDarkUI: N,
-    withNavigation: z,
-    withPagination: h
+    showRightArrow: M
   };
-}, jt = ({ children: r, dataTestId: e, store: a, ...f }) => {
+}, Pt = ({ children: i, dataTestId: e, store: a, ...f }) => {
   const {
-    autoplay: i,
+    autoplay: s,
     centeredSlides: d,
     currentPage: g,
-    currentSlidesPerView: x,
+    currentSlidesPerView: S,
     duration: D,
-    firstSlideToShow: S,
+    firstSlideToShow: L,
     fullWidth: V,
     id: N,
     navigationSize: z,
     ref: h,
     setCurrentPage: H,
-    setShowLeftArrow: w,
-    setShowRightArrow: E,
+    setShowLeftArrow: $,
+    setShowRightArrow: T,
     shouldLoop: y,
     showLeftArrow: U,
     showRightArrow: q,
     slidesPerView: M,
     spaceBetween: t,
-    withDarkUI: o,
+    withDarkUI: r,
     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, {
+    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-label": `${b} of ${A}`,
       "aria-roledescription": "slide",
-      id: c,
-      key: c
+      "aria-label": `${w} of ${A}`
     });
   }), J = d ? (
     // if centeredSlides is true, we calculate which number is the middle page
     Math.floor(W / 2)
   ) : (
     // if centeredSlides is false, we calculate on which page the number in firstSlideToShow props is
-    Math.ceil(S / x) - 1
-  ), T = Y(() => {
+    Math.ceil(L / S) - 1
+  ), j = Q(() => {
     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);
+      const { offsetWidth: o, scrollLeft: c, scrollWidth: w } = l, v = !(c > t), n = !(w - (c + o) > t);
+      $(!v), T(!n);
     } else
-      w(!0), E(!0);
-  }, [h, w, E, y, t]), G = () => {
-    var s, c;
+      $(!0), T(!0);
+  }, [h, $, T, y, t]), G = () => {
+    var o, 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));
+      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);
     }
   }, 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;
+    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: s ? "auto" : "smooth",
-        left: l * (b + t) * x,
-        top: 0
+        behavior: o ? "auto" : "smooth"
       });
     },
-    [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(
+    [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(
     () => {
-      i && F();
+      s && _();
     },
-    i ? D : 0
+    s ? D : null
   ), X(() => {
-    const l = (s) => {
-      s.code === "ArrowLeft" && _(), s.code === "ArrowRight" && F();
+    const l = (o) => {
+      o.code === "ArrowLeft" && F(), o.code === "ArrowRight" && _();
     };
     return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
-  }, [_, F]), X(() => {
-    R(J, !0);
+  }, [F, _]), X(() => {
+    E(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` : null,
-        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` : null,
-        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` : null,
-        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}`
-          );
-        })
-      }
-    )
-  ] });
+    j();
+  }, [j, i]), /* @__PURE__ */ C.createElement(dt, { "data-testid": e, ...f }, /* @__PURE__ */ C.createElement(
+    xt,
+    {
+      fullWidth: V,
+      onScroll: K,
+      ref: h,
+      slidesPerView: M,
+      spaceBetween: t
+    },
+    O
+  ), /* @__PURE__ */ C.createElement(
+    at,
+    {
+      "aria-label": "Previous slide",
+      "data-testid": e && `${e}-prev-button`,
+      disabled: !U,
+      left: 10,
+      onClick: F,
+      position: "absolute",
+      shape: "circle",
+      size: z,
+      variant: r ? "secondary" : "ghost",
+      withDarkUI: r,
+      withNavigation: u
+    },
+    /* @__PURE__ */ C.createElement(ot.Left, null)
+  ), /* @__PURE__ */ C.createElement(
+    at,
+    {
+      "aria-label": "Next slide",
+      "data-testid": e && `${e}-next-button`,
+      disabled: !q,
+      onClick: _,
+      position: "absolute",
+      right: 10,
+      shape: "circle",
+      size: z,
+      variant: r ? "secondary" : "ghost",
+      withDarkUI: r,
+      withNavigation: u
+    },
+    /* @__PURE__ */ C.createElement(ot.Right, null)
+  ), /* @__PURE__ */ C.createElement(
+    vt,
+    {
+      className: "swiper-pagination",
+      "data-testid": e && `${e}-pagination`,
+      role: "tablist",
+      withPagination: R
+    },
+    m.length > 1 && m.map((l, o) => {
+      const c = {
+        idx: o,
+        role: "tab",
+        "aria-controls": `${N}-${o}`,
+        "aria-label": `${o + 1} of ${m.length}`,
+        "aria-selected": o === g,
+        onClick: () => E(o)
+      };
+      return /* @__PURE__ */ C.createElement(
+        St,
+        {
+          active: o === g,
+          key: `bullet-${o + 1}`,
+          withDarkUI: r,
+          ...c
+        }
+      );
+    })
+  ));
 };
-jt.displayName = "Swiper";
-const Wt = dt;
+Pt.displayName = "Swiper";
+const Tt = dt;
 export {
-  Wt as StyledSwiper,
-  jt as Swiper,
-  Et as useSwiper
+  Tt as StyledSwiper,
+  Pt as Swiper,
+  Ct as useSwiper
 };