welcome-ui 0.0.0-dev.1763386521897 → 0.0.0-dev.1763650196651

package/dist/Swiper.js

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