welcome-ui 9.0.0 → 10.0.0-alpha.1

package/dist/Swiper.js

@@ -1,80 +1,78 @@
 "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-CdiHdiVB.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-EG7O4YwD.js";
-import { L as fe } from "./index-D5a8Oe6k.js";
-import { R as pe } from "./index-BtwrJ6N4.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 { jsxs as le, jsx as A } from "react/jsx-runtime";
+import { a as K, g as ce, c as ue } from "./index-CdiHdiVB.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();
   };
-  function N(e, o, a) {
-    var v, x, W, b, g, $, T = 0, O = !1, I = !1, G = !0;
+  function P(e, o, a) {
+    var k, I, E, b, g, S, H = 0, M = !1, j = !1, U = !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;
+    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;
     }
     function Q(t) {
-      return T = t, g = setTimeout(L, o), O ? A(t) : b;
+      return H = t, g = setTimeout(x, o), M ? N(t) : b;
     }
     function Y(t) {
-      var l = t - $, p = t - T, C = o - l;
-      return I ? V(C, W - p) : C;
+      var l = t - S, f = t - H, $ = o - l;
+      return j ? F($, E - f) : $;
     }
-    function S(t) {
-      var l = t - $, p = t - T;
-      return $ === void 0 || l >= o || l < 0 || I && p >= W;
+    function y(t) {
+      var l = t - S, f = t - H;
+      return S === void 0 || l >= o || l < 0 || j && f >= E;
     }
-    function L() {
+    function x() {
       var t = w();
-      if (S(t))
-        return B(t);
-      g = setTimeout(L, Y(t));
+      if (y(t))
+        return O(t);
+      g = setTimeout(x, Y(t));
     }
-    function B(t) {
-      return g = void 0, G && v ? A(t) : (v = x = void 0, b);
+    function O(t) {
+      return g = void 0, U && k ? N(t) : (k = I = void 0, b);
     }
-    function u() {
-      g !== void 0 && clearTimeout(g), T = 0, v = $ = x = g = void 0;
-    }
-    function r() {
-      return g === void 0 ? b : B(w());
+    function d() {
+      g !== void 0 && clearTimeout(g), H = 0, k = S = I = g = void 0;
     }
     function n() {
-      var t = w(), l = S(t);
-      if (v = arguments, x = this, $ = t, l) {
+      return g === void 0 ? b : O(w());
+    }
+    function r() {
+      var t = w(), l = y(t);
+      if (k = arguments, I = this, S = t, l) {
         if (g === void 0)
-          return Q($);
-        if (I)
-          return g = setTimeout(L, o), A($);
+          return Q(S);
+        if (j)
+          return g = setTimeout(x, o), N(S);
       }
-      return g === void 0 && (g = setTimeout(L, o)), b;
+      return g === void 0 && (g = setTimeout(x, o)), b;
     }
-    return n.cancel = u, n.flush = r, n;
+    return r.cancel = d, r.flush = n, r;
   }
   function _(e) {
     var o = typeof e;
     return !!e && (o == "object" || o == "function");
   }
-  function U(e) {
+  function z(e) {
     return !!e && typeof e == "object";
   }
-  function q(e) {
-    return typeof e == "symbol" || U(e) && M.call(e) == f;
+  function V(e) {
+    return typeof e == "symbol" || z(e) && C.call(e) == p;
   }
-  function d(e) {
+  function u(e) {
     if (typeof e == "number")
       return e;
-    if (q(e))
+    if (V(e))
       return s;
     if (_(e)) {
       var o = typeof e.valueOf == "function" ? e.valueOf() : e;
@@ -82,276 +80,274 @@ function be() {
     }
     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(h, "");
+    var a = L.test(e);
+    return a || m.test(e) ? v(e.slice(2), a ? 2 : 8) : W.test(e) ? s : +e;
   }
-  return ee = N, ee;
+  return ee = P, 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 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
 };
-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 _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);
     }
     return i;
   }, {});
 }
-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 = {
+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 = {
   root: ve,
-  dark: Se,
+  dark: ke,
   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-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();
     }
     if (s !== null) {
-      const P = setInterval(m, s);
-      return () => clearInterval(P);
+      const W = setInterval(h, s);
+      return () => clearInterval(W);
     }
   }, [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 = {}) => {
+  const h = s * (i === 1 ? 4 : 2) / 16;
+  return `calc(${100 / i}% - ${h}rem)`;
+}, R = ue(xe), Ae = (i = {}) => {
   const {
     autoplay: s = !1,
-    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 },
+    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 },
     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]);
+  } = 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]);
   return {
     autoplay: s,
-    centeredSlides: f,
-    currentPage: N,
-    currentSlidesPerView: v,
-    duration: m,
-    firstSlideToShow: P,
-    fullWidth: j,
-    id: h,
-    navigationSize: F,
+    centeredSlides: p,
+    currentPage: P,
+    currentSlidesPerView: k,
+    duration: h,
+    firstSlideToShow: W,
+    fullWidth: L,
+    id: m,
+    navigationSize: G,
     ref: o,
     setCurrentPage: _,
-    setShowLeftArrow: q,
+    setShowLeftArrow: V,
     setShowRightArrow: e,
-    shouldLoop: V,
-    showLeftArrow: U,
-    showRightArrow: d,
-    slidesPerView: y,
-    spaceBetween: z,
-    withDarkUI: E,
-    withNavigation: M,
+    shouldLoop: F,
+    showLeftArrow: z,
+    showRightArrow: u,
+    slidesPerView: T,
+    spaceBetween: B,
+    withDarkUI: D,
+    withNavigation: C,
     withPagination: c
   };
-}, Be = ({ children: i, className: s, store: f, ...m }) => {
+}, De = ({ children: i, className: s, store: p, ...h }) => {
   const {
-    autoplay: P,
-    centeredSlides: j,
-    currentPage: h,
-    currentSlidesPerView: k,
-    duration: F,
-    firstSlideToShow: y,
-    fullWidth: z,
-    id: E,
-    navigationSize: M,
+    autoplay: W,
+    centeredSlides: L,
+    currentPage: m,
+    currentSlidesPerView: v,
+    duration: G,
+    firstSlideToShow: T,
+    fullWidth: B,
+    id: D,
+    navigationSize: C,
     ref: c,
-    setCurrentPage: V,
+    setCurrentPage: F,
     setShowLeftArrow: w,
-    setShowRightArrow: N,
+    setShowRightArrow: P,
     shouldLoop: _,
-    showLeftArrow: U,
-    showRightArrow: q,
-    slidesPerView: d,
+    showLeftArrow: z,
+    showRightArrow: V,
+    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}`,
+    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}`,
       "aria-roledescription": "slide",
-      id: n,
-      key: n
+      id: r,
+      key: r
     });
-  }), G = j ? (
+  }), U = L ? (
     // if centeredSlides is true, we calculate which number is the middle page
-    Math.floor(W / 2)
+    Math.floor(E / 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(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);
     } 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), 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);
     }
-  }, 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({
+  }, 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({
         // 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: n ? "auto" : "smooth",
+        left: d * (t + e) * v,
         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(
+    [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(
     () => {
-      P && L();
+      W && x();
     },
-    P ? F : null
-  ), H(() => {
-    const u = (r) => {
-      r.code === "ArrowLeft" && B(), r.code === "ArrowRight" && L();
+    W ? G : null
+  ), q(() => {
+    const d = (n) => {
+      n.code === "ArrowLeft" && O(), n.code === "ArrowRight" && x();
     };
-    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", 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(
       "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,
         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: j
       }
     ),
-    /* @__PURE__ */ R(
-      re,
+    /* @__PURE__ */ A(
+      ne,
       {
         "aria-label": "Previous slide",
-        className: D(
+        className: R(
           "arrow",
           "arrow-left",
           !o && "arrow-background",
           g && "arrow-mobile",
-          $ && "arrow-desktop"
+          S && "arrow-desktop"
         ),
-        disabled: !U,
-        onClick: B,
-        shape: "circle",
-        size: M,
-        variant: o ? "secondary" : "ghost",
-        children: /* @__PURE__ */ R(fe, {})
+        disabled: !z,
+        onClick: O,
+        size: C,
+        variant: o ? "primary-neutral" : "tertiary",
+        children: /* @__PURE__ */ A(re, { name: "angle-left-b" })
       }
     ),
-    /* @__PURE__ */ R(
-      re,
+    /* @__PURE__ */ A(
+      ne,
       {
         "aria-label": "Next slide",
-        className: D(
+        className: R(
           "arrow",
           "arrow-right",
           !o && "arrow-background",
           g && "arrow-mobile",
-          $ && "arrow-desktop"
+          S && "arrow-desktop"
         ),
-        disabled: !q,
-        onClick: L,
-        shape: "circle",
-        size: M,
-        variant: o ? "secondary" : "ghost",
-        children: /* @__PURE__ */ R(pe, {})
+        disabled: !V,
+        onClick: x,
+        size: C,
+        variant: o ? "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: 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),
             role: "tab"
           };
-          return /* @__PURE__ */ R(
+          return /* @__PURE__ */ A(
             "div",
             {
-              className: D("bullet", r === h && "bullet-active"),
-              ...n
+              className: R("bullet", n === m && "bullet-active"),
+              ...r
             },
-            `bullet-${r + 1}`
+            `bullet-${n + 1}`
           );
         })
       }
@@ -359,6 +355,6 @@ const ve = "_root_136s1_3", Se = "_dark_136s1_9", ye = "_bullet_136s1_9", $e = "
   ] });
 };
 export {
-  Be as Swiper,
-  Oe as useSwiper
+  De as Swiper,
+  Ae as useSwiper
 };

package/dist/Table.css

@@ -1 +1 @@
-@layer components{._root_8bmny_2{width:100%;overflow:hidden}._content_8bmny_6{width:100%;overflow-x:auto}._content_8bmny_6 table{width:100%;border-collapse:collapse;border:0}._content_8bmny_6 table td{padding:var(--spacing-xl);text-align:left}._content_8bmny_6 table td:first-child{padding-left:0}._content_8bmny_6 table td:last-child{padding-right:0}._content_8bmny_6 table th{border-bottom:var(--border-width-sm) solid var(--color-neutral-90);color:var(--color-neutral-60);font-weight:var(--font-weight-500);text-align:left;padding:var(--spacing-xl);vertical-align:middle}._content_8bmny_6 table th:first-child{padding-left:0}._content_8bmny_6 table th:last-child{padding-right:0}._content_8bmny_6 table tr{border-bottom:var(--border-width-sm) solid var(--color-neutral-30);background-color:var(--trBackgroundColor, "transparent");color:var(--trColor, "inherit");transition:background-color var(--duration-medium) ease-in-out}._content_8bmny_6 table tr:last-child{border:0}._content_8bmny_6 table tr._clickable_8bmny_48{cursor:pointer}._content_8bmny_6 table tr._clickable_8bmny_48:hover{background-color:var(--color-beige-10)}._content_8bmny_6 table tr._variant-danger_8bmny_54{--trBackgroundColor: var(--color-red-10);--trColor: var(--color-red-70)}._content_8bmny_6 table tr._variant-warning_8bmny_58{--trBackgroundColor: var(--color-orange-10);--trColor: var(--color-orange-80)}._content_8bmny_6 table tr._variant-success_8bmny_62{--trBackgroundColor: var(--color-green-10);--trColor: var(--color-green-70)}._content_8bmny_6 table tr._variant-info_8bmny_66{--trBackgroundColor: var(--color-blue-10);--trColor: var(--color-blue-70)}._indent_8bmny_70 table td:first-child,._indent_8bmny_70 table th:first-child{padding-left:var(--spacing-xl)}._indent_8bmny_70 table td:last-child,._indent_8bmny_70 table th:last-child{padding-right:var(--spacing-xl)}}
+@layer components{._root_10vth_2{width:100%;overflow:hidden}._content_10vth_6{width:100%;overflow-x:auto}._content_10vth_6 table{width:100%;border-collapse:collapse;border:0}._content_10vth_6 table td{padding:var(--components-dimensions-tab-size-icon-lg);text-align:left}._content_10vth_6 table td:first-child{padding-left:0}._content_10vth_6 table td:last-child{padding-right:0}._content_10vth_6 table th{border-bottom:var(--components-dimensions-tab-border-width-unchecked) solid var(--components-colors-tab-color-text-unchecked-pressed);color:var(--color-icon-neutral-subtle);font-weight:var(--font-weight-medium);text-align:left;padding:var(--components-dimensions-tab-size-icon-lg);vertical-align:middle}._content_10vth_6 table th:first-child{padding-left:0}._content_10vth_6 table th:last-child{padding-right:0}._content_10vth_6 table tr{border-bottom:var(--components-dimensions-tab-border-width-unchecked) solid var(--color-background-neutral-subtlest);background-color:var(--trBackgroundColor, "transparent");color:var(--trColor, "inherit");transition:background-color var(--duration-medium) ease-in-out}._content_10vth_6 table tr:last-child{border:0}._content_10vth_6 table tr._clickable_10vth_48{cursor:pointer}._content_10vth_6 table tr._clickable_10vth_48:hover{background-color:var(--color-background-warm-minimal)}._content_10vth_6 table tr._variant-danger_10vth_54{--trBackgroundColor: var(--color-background-danger-minimal);--trColor: var(--color-background-danger-strongest)}._content_10vth_6 table tr._variant-warning_10vth_58{--trBackgroundColor: var(--color-background-warning-minimal);--trColor: var(--color-icon-warning-secondary)}._content_10vth_6 table tr._variant-success_10vth_62{--trBackgroundColor: var(--color-green-10);--trColor: var(--color-icon-accent-green-tertiary)}._content_10vth_6 table tr._variant-info_10vth_66{--trBackgroundColor: var(--color-background-accent-blue-minimal);--trColor: var(--color-background-accent-blue-strongest)}._indent_10vth_70 table td:first-child,._indent_10vth_70 table th:first-child{padding-left:var(--components-dimensions-tab-size-icon-lg)}._indent_10vth_70 table td:last-child,._indent_10vth_70 table th:last-child{padding-right:var(--components-dimensions-tab-size-icon-lg)}}