welcome-ui 10.1.2 → 10.1.4

package/dist/Field.js

@@ -14,44 +14,44 @@ const W = "_root_1sq1k_2", z = "_label_1sq1k_8", E = "_hint_1sq1k_8", G = "_inli
   "hint-max-length": "_hint-max-length_1sq1k_46",
   visuallyHidden: J
 }, h = S(K), y = C({
-  getInputProps: (i) => i,
+  getInputProps: (n) => n,
   hintID: "",
   labelID: "",
   variant: void 0
 });
-function _(i) {
+function _(n) {
   const o = A();
-  return i || o;
+  return n || o;
 }
 function P() {
   return L(y);
 }
-const O = T((i, o) => {
+const O = T((n, o) => {
   const {
     children: I,
-    className: p,
+    className: N,
     disabled: d,
     error: f,
     hideLabel: g,
     hint: D,
-    hintProps: t,
-    id: N,
+    hintProps: a,
+    id: p,
     inline: q,
     label: F,
-    labelProps: a,
+    labelProps: i,
     maxLength: e,
     required: c,
     success: v,
     warning: x,
     ...k
-  } = i, n = f ? "danger" : v ? "success" : x ? "warning" : void 0, l = f ?? x ?? v ?? D ?? (e ? `${new Intl.NumberFormat().format(e.count)} / ${new Intl.NumberFormat().format(e.max)}` : void 0), r = _(a == null ? void 0 : a.id), s = _(t == null ? void 0 : t.id), m = _(N), H = $(
+  } = n, t = f ? "danger" : v ? "success" : x ? "warning" : void 0, l = f ?? x ?? v ?? D ?? (e ? `${new Intl.NumberFormat().format(e.count)} / ${new Intl.NumberFormat().format(e.max)}` : void 0), s = _(i == null ? void 0 : i.id), r = _(a == null ? void 0 : a.id), m = _(p), H = $(
     () => ({
       getInputProps(u) {
-        const j = [u["aria-describedby"], l && s].filter(Boolean).join(" ") || void 0, B = [u["aria-labelledby"], r].filter(Boolean).join(" ");
+        const j = [u["aria-describedby"], l && r].filter(Boolean).join(" ") || void 0, B = [u["aria-labelledby"], s].filter(Boolean).join(" ");
         return {
           ...u,
           "aria-describedby": j,
-          "aria-invalid": n === "danger" ? !0 : void 0,
+          "aria-invalid": t === "danger" ? !0 : void 0,
           "aria-labelledby": B,
           disabled: d,
           id: m,
@@ -62,23 +62,23 @@ const O = T((i, o) => {
           required: c
         };
       },
-      hintID: s,
-      labelID: r,
-      variant: n
+      hintID: r,
+      labelID: s,
+      variant: t
     }),
-    [s, r, n, l, d, m, e == null ? void 0 : e.max, c]
+    [r, s, t, l, d, m, e == null ? void 0 : e.max, c]
   );
-  return /* @__PURE__ */ w("div", { ref: o, ...k, className: h("root", q && "inline", p), children: [
+  return /* @__PURE__ */ w("div", { ref: o, ...k, className: h("root", q && "inline", N), children: [
     /* @__PURE__ */ b(
       R,
       {
-        className: h("label", g && "visuallyHidden"),
         disabled: d,
         htmlFor: m,
-        id: r,
+        id: s,
         required: c,
-        variant: n,
-        ...a,
+        variant: t,
+        ...i,
+        className: h("label", g && "visuallyHidden", i == null ? void 0 : i.className),
         children: F
       }
     ),
@@ -87,9 +87,9 @@ const O = T((i, o) => {
       M,
       {
         className: h("hint", !!e && "hint-max-length"),
-        id: s,
-        variant: n,
-        ...t,
+        id: r,
+        variant: t,
+        ...a,
         children: l
       }
     ) : null

package/dist/Swiper.js

@@ -1,88 +1,88 @@
 "use client";
 import './Swiper.css';
-import { jsx as E } from "react/jsx-runtime";
-import { a as H, g as fo, c as K } from "./index-PAaZGbyz.js";
-import { useEffect as T, useLayoutEffect as uo, useState as F, useRef as Z, Children as co, cloneElement as po, createContext as mo, useContext as ko, useMemo as oo, useCallback as R } from "react";
+import { jsx as W } from "react/jsx-runtime";
+import { a as G, g as fo, c as K } from "./index-PAaZGbyz.js";
+import { useEffect as j, useLayoutEffect as uo, useState as A, useRef as Z, Children as co, cloneElement as po, createContext as mo, useContext as ko, useMemo as oo, useCallback as F } from "react";
 import { Button as io } from "./Button.js";
 import { Icon as lo } from "./Icon.js";
 var Y, no;
 function xo() {
   if (no) return Y;
   no = 1;
-  var r = "Expected a function", t = NaN, n = "[object Symbol]", s = /^\s+|\s+$/g, c = /^[-+]0x[0-9a-f]+$/i, f = /^0b[01]+$/i, o = /^0o[0-7]+$/i, d = parseInt, x = typeof H == "object" && H && H.Object === Object && H, a = typeof self == "object" && self && self.Object === Object && self, C = x || a || Function("return this")(), S = Object.prototype, j = S.toString, $ = Math.max, y = Math.min, P = function() {
-    return C.Date.now();
+  var r = "Expected a function", n = NaN, i = "[object Symbol]", t = /^\s+|\s+$/g, a = /^[-+]0x[0-9a-f]+$/i, b = /^0b[01]+$/i, e = /^0o[0-7]+$/i, c = parseInt, m = typeof G == "object" && G && G.Object === Object && G, d = typeof self == "object" && self && self.Object === Object && self, g = m || d || Function("return this")(), y = Object.prototype, E = y.toString, I = Math.max, $ = Math.min, h = function() {
+    return g.Date.now();
   };
-  function N(e, b, h) {
-    var m, v, L, O, i, u, g = 0, _ = !1, w = !1, z = !0;
-    if (typeof e != "function")
+  function N(o, f, k) {
+    var v, P, B, O, l, p, u = 0, L = !1, z = !1, S = !0;
+    if (typeof o != "function")
       throw new TypeError(r);
-    b = A(b) || 0, p(h) && (_ = !!h.leading, w = "maxWait" in h, L = w ? $(A(h.maxWait) || 0, b) : L, z = "trailing" in h ? !!h.trailing : z);
-    function V(l) {
-      var W = m, B = v;
-      return m = v = void 0, g = l, O = e.apply(B, W), O;
+    f = C(f) || 0, w(k) && (L = !!k.leading, z = "maxWait" in k, B = z ? I(C(k.maxWait) || 0, f) : B, S = "trailing" in k ? !!k.trailing : S);
+    function V(s) {
+      var T = v, R = P;
+      return v = P = void 0, u = s, O = o.apply(R, T), O;
     }
-    function J(l) {
-      return g = l, i = setTimeout(q, b), _ ? V(l) : O;
+    function J(s) {
+      return u = s, l = setTimeout(q, f), L ? V(s) : O;
     }
-    function ro(l) {
-      var W = l - u, B = l - g, to = b - W;
-      return w ? y(to, L - B) : to;
+    function ro(s) {
+      var T = s - p, R = s - u, to = f - T;
+      return z ? $(to, B - R) : to;
     }
-    function D(l) {
-      var W = l - u, B = l - g;
-      return u === void 0 || W >= b || W < 0 || w && B >= L;
+    function D(s) {
+      var T = s - p, R = s - u;
+      return p === void 0 || T >= f || T < 0 || z && R >= B;
     }
     function q() {
-      var l = P();
-      if (D(l))
-        return ao(l);
-      i = setTimeout(q, ro(l));
+      var s = h();
+      if (D(s))
+        return ao(s);
+      l = setTimeout(q, ro(s));
     }
-    function ao(l) {
-      return i = void 0, z && m ? V(l) : (m = v = void 0, O);
+    function ao(s) {
+      return l = void 0, S && v ? V(s) : (v = P = void 0, O);
     }
     function go() {
-      i !== void 0 && clearTimeout(i), g = 0, m = u = v = i = void 0;
+      l !== void 0 && clearTimeout(l), u = 0, v = p = P = l = void 0;
     }
     function so() {
-      return i === void 0 ? O : ao(P());
+      return l === void 0 ? O : ao(h());
     }
     function Q() {
-      var l = P(), W = D(l);
-      if (m = arguments, v = this, u = l, W) {
-        if (i === void 0)
-          return J(u);
-        if (w)
-          return i = setTimeout(q, b), V(u);
+      var s = h(), T = D(s);
+      if (v = arguments, P = this, p = s, T) {
+        if (l === void 0)
+          return J(p);
+        if (z)
+          return l = setTimeout(q, f), V(p);
       }
-      return i === void 0 && (i = setTimeout(q, b)), O;
+      return l === void 0 && (l = setTimeout(q, f)), O;
     }
     return Q.cancel = go, Q.flush = so, Q;
   }
-  function p(e) {
-    var b = typeof e;
-    return !!e && (b == "object" || b == "function");
+  function w(o) {
+    var f = typeof o;
+    return !!o && (f == "object" || f == "function");
   }
-  function M(e) {
-    return !!e && typeof e == "object";
+  function _(o) {
+    return !!o && typeof o == "object";
   }
-  function I(e) {
-    return typeof e == "symbol" || M(e) && j.call(e) == n;
+  function M(o) {
+    return typeof o == "symbol" || _(o) && E.call(o) == i;
   }
-  function A(e) {
-    if (typeof e == "number")
-      return e;
-    if (I(e))
-      return t;
-    if (p(e)) {
-      var b = typeof e.valueOf == "function" ? e.valueOf() : e;
-      e = p(b) ? b + "" : b;
+  function C(o) {
+    if (typeof o == "number")
+      return o;
+    if (M(o))
+      return n;
+    if (w(o)) {
+      var f = typeof o.valueOf == "function" ? o.valueOf() : o;
+      o = w(f) ? f + "" : f;
     }
-    if (typeof e != "string")
-      return e === 0 ? e : +e;
-    e = e.replace(s, "");
-    var h = f.test(e);
-    return h || o.test(e) ? d(e.slice(2), h ? 2 : 8) : c.test(e) ? t : +e;
+    if (typeof o != "string")
+      return o === 0 ? o : +o;
+    o = o.replace(t, "");
+    var k = b.test(o);
+    return k || e.test(o) ? c(o.slice(2), k ? 2 : 8) : a.test(o) ? n : +o;
   }
   return Y = N, Y;
 }
@@ -1874,27 +1874,32 @@ const wo = /* @__PURE__ */ fo(ho), yo = {
       transparent var(--pattern-grid-size)
     )`
 }, vo = Object.entries(yo).reduce(
-  (r, [t, n]) => {
-    if (t.startsWith("--breakpoint-")) {
-      const s = t.replace("--breakpoint-", "");
-      r[s] = n;
+  (r, [n, i]) => {
+    if (n.startsWith("--breakpoint-")) {
+      const t = n.replace("--breakpoint-", "");
+      r[t] = i;
     }
     return r;
   },
   {}
 );
 function zo() {
-  return Object.entries(vo).reduce((r, [t, n]) => (r[t] = Number(n.replace("px", "")), r), {});
+  return Object.entries(vo).reduce((r, [n, i]) => (r[n] = Number(i.replace("px", "")), r), {});
 }
-const So = typeof window > "u" ? T : uo;
+const So = typeof window > "u" ? j : uo;
 function _o() {
-  const [r, t] = F({ height: void 0, width: void 0 });
+  const [r, n] = A({ height: void 0, width: void 0 }), i = ({ height: t, width: a }) => {
+    let b;
+    clearTimeout(b), b = setTimeout(() => {
+      n({ height: t, width: a });
+    }, 300);
+  };
   return So(() => {
-    t({ height: window.innerHeight, width: window.innerWidth });
-    function n() {
-      t({ height: window.innerHeight, width: window.innerWidth });
-    }
-    return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
+    const t = new ResizeObserver(([a]) => {
+      const { blockSize: b, inlineSize: e } = a.contentBoxSize[0];
+      i({ height: b, width: e });
+    });
+    return t.observe(document.documentElement), () => t.disconnect();
   }, []), r;
 }
 const Po = "_root_103s3_3", Lo = "_container_103s3_9", Io = "_arrow_103s3_74", U = {
@@ -1913,145 +1918,146 @@ const Po = "_root_103s3_3", Lo = "_container_103s3_9", Io = "_arrow_103s3_74", U
   "arrow-background": "_arrow-background_103s3_101"
 }, Oo = K(U), Vo = ({
   children: r,
-  className: t,
-  placement: n = "side",
-  size: s = "md",
-  variant: c,
-  ...f
+  className: n,
+  placement: i = "side",
+  size: t = "md",
+  variant: a,
+  ...b
 }) => {
   const {
-    navigation: { desktop: o, goNext: d, isNextDisabled: x, mobile: a }
+    navigation: { desktop: e, goNext: c, isNextDisabled: m, mobile: d }
   } = eo();
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ W(
     io,
     {
       "aria-label": "Next slide",
       className: Oo(
         "arrow",
-        o && "arrow-desktop",
-        a && "arrow-mobile",
-        n === "side" && "arrow-placement-side",
-        n === "side" && "arrow-placement-side-right",
-        t
+        e && "arrow-desktop",
+        d && "arrow-mobile",
+        i === "side" && "arrow-placement-side",
+        i === "side" && "arrow-placement-side-right",
+        n
       ),
-      disabled: x,
-      onClick: d,
-      size: s,
-      variant: c ?? "secondary",
-      ...f,
-      children: r ?? /* @__PURE__ */ E(lo, { name: "angle-right-b" })
+      disabled: m,
+      onClick: c,
+      size: t,
+      variant: a ?? "secondary",
+      ...b,
+      children: r ?? /* @__PURE__ */ W(lo, { name: "angle-right-b" })
     }
   );
-}, Wo = K(U), jo = ({
+}, To = K(U), jo = ({
   children: r,
-  className: t,
-  placement: n = "side",
-  size: s = "md",
-  variant: c,
-  ...f
+  className: n,
+  placement: i = "side",
+  size: t = "md",
+  variant: a,
+  ...b
 }) => {
   const {
-    navigation: { desktop: o, goPrev: d, isPrevDisabled: x, mobile: a }
+    navigation: { desktop: e, goPrev: c, isPrevDisabled: m, mobile: d }
   } = eo();
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ W(
     io,
     {
       "aria-label": "Previous slide",
-      className: Wo(
+      className: To(
         "arrow",
-        o && "arrow-mobile",
-        a && "arrow-desktop",
-        n === "side" && "arrow-placement-side",
-        n === "side" && "arrow-placement-side-left",
-        t
+        e && "arrow-mobile",
+        d && "arrow-desktop",
+        i === "side" && "arrow-placement-side",
+        i === "side" && "arrow-placement-side-left",
+        n
       ),
-      disabled: x,
-      onClick: d,
-      size: s,
-      variant: c ?? "secondary",
-      ...f,
-      children: r ?? /* @__PURE__ */ E(lo, { name: "angle-left-b" })
+      disabled: m,
+      onClick: c,
+      size: t,
+      variant: a ?? "secondary",
+      ...b,
+      children: r ?? /* @__PURE__ */ W(lo, { name: "angle-left-b" })
     }
   );
-}, No = (r, t) => {
-  const n = Z();
-  T(() => {
-    n.current = r;
-  }, [r]), T(() => {
-    function s() {
-      n.current();
+}, No = (r, n) => {
+  const i = Z();
+  j(() => {
+    i.current = r;
+  }, [r]), j(() => {
+    function t() {
+      i.current();
     }
-    if (t !== null) {
-      const c = setInterval(s, t);
-      return () => clearInterval(c);
+    if (n !== null) {
+      const a = setInterval(t, n);
+      return () => clearInterval(a);
     }
-  }, [t]);
-}, G = (r, t) => {
-  if (t === 0)
+  }, [n]);
+}, H = (r, n) => {
+  if (n === 0)
     return `${100 / r}%`;
-  const s = t * (r === 1 ? 4 : 2) / 16;
-  return `calc(${100 / r}% - ${s}rem)`;
-}, To = K(U), Eo = ({ children: r }) => {
+  const t = n * (r === 1 ? 4 : 2) / 16;
+  return `calc(${100 / r}% - ${t}rem)`;
+}, Co = K(U), Wo = ({ children: r, className: n }) => {
   const {
     slides: {
-      currentPage: t,
-      currentSlidesPerView: n,
-      expandOnLargeScreens: s,
-      gap: c,
-      handleScroll: f,
-      id: o,
-      isLastPage: d,
-      length: x,
-      perView: a,
-      ref: C,
-      setLength: S
+      currentPage: i,
+      currentSlidesPerView: t,
+      expandOnLargeScreens: a,
+      gap: b,
+      handleScroll: e,
+      id: c,
+      isLastPage: m,
+      length: d,
+      perView: g,
+      ref: y,
+      setLength: E
     }
-  } = eo(), j = co.toArray(r);
-  T(() => {
-    S(j.length);
-  }, [j.length, S]);
-  const $ = co.map(j, (y, P) => {
-    const N = `${o}-${P}`, p = P + 1, M = Math.ceil(p / n) - 1, I = d ? x - p >= n : M !== t;
-    return typeof y == "object" && y && "props" in y ? po(y, {
-      ...y.props,
-      "aria-hidden": I,
-      "aria-label": `${p} of ${x}`,
+  } = eo(), I = co.toArray(r);
+  j(() => {
+    E(I.length);
+  }, [I.length, E]);
+  const $ = co.map(I, (h, N) => {
+    const w = `${c}-${N}`, _ = N + 1, M = Math.ceil(_ / t) - 1, C = m ? d - _ >= t : M !== i;
+    return typeof h == "object" && h && "props" in h ? po(h, {
+      ...h.props,
+      "aria-hidden": C,
+      "aria-label": `${_} of ${d}`,
       "aria-roledescription": "slide",
-      id: N,
-      key: N
-    }) : y;
+      id: w,
+      key: w
+    }) : h;
   });
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ W(
     "ul",
     {
-      className: To(
+      className: Co(
         "container",
-        a.mobile && "container-mobile",
-        a.desktop && "container-desktop",
-        a.tablet && "container-tablet",
-        a.desktop && s && "container-full-width"
+        g.mobile && "container-mobile",
+        g.desktop && "container-desktop",
+        g.tablet && "container-tablet",
+        g.desktop && a && "container-full-width",
+        n
       ),
-      onScroll: f,
-      ref: C,
+      onScroll: e,
+      ref: y,
       style: {
-        "--slideDesktop": a.desktop,
-        "--slideMobile": a.mobile,
-        "--slideTablet": a.tablet,
-        "--slideWidthDesktop": G(a.desktop, c),
-        "--slideWidthMobile": G(a.mobile, c),
-        "--slideWidthTablet": G(a.tablet, c),
-        "--slideWithDesktopFullWidth": G(a.desktop + 2, c),
-        "--spaceBetween": `${c / 16}rem`
+        "--slideDesktop": g.desktop,
+        "--slideMobile": g.mobile,
+        "--slideTablet": g.tablet,
+        "--slideWidthDesktop": H(g.desktop, b),
+        "--slideWidthMobile": H(g.mobile, b),
+        "--slideWidthTablet": H(g.tablet, b),
+        "--slideWithDesktopFullWidth": H(g.desktop + 2, b),
+        "--spaceBetween": `${b / 16}rem`
       },
       children: $
     }
   );
-}, Co = K(U), bo = mo(null), eo = () => {
+}, Eo = K(U), bo = mo(null), eo = () => {
   const r = ko(bo);
   if (!r)
     throw new Error("Swiper components must be used within a Swiper component");
   return r;
-}, k = {
+}, x = {
   autoplay: { duration: 5e3, enabled: !1, loop: !1 },
   navigation: { desktop: !0, mobile: !0 },
   slides: {
@@ -2063,154 +2069,163 @@ const Po = "_root_103s3_3", Lo = "_container_103s3_9", Io = "_arrow_103s3_74", U
     perView: { desktop: 1, mobile: 1, tablet: 1 }
   }
 }, $o = {
-  autoplay: k.autoplay,
-  navigation: k.navigation,
+  autoplay: x.autoplay,
+  navigation: x.navigation,
   slides: {
-    alignment: k.slides.alignment,
-    currentSlidesPerView: k.slides.perView.desktop,
-    expandOnLargeScreens: k.slides.expandOnLargeScreens,
-    gap: k.slides.gap,
-    id: k.slides.id,
-    initialIndex: k.slides.initialIndex,
-    perView: k.slides.perView
+    alignment: x.slides.alignment,
+    currentPage: 0,
+    currentSlidesPerView: x.slides.perView.desktop,
+    expandOnLargeScreens: x.slides.expandOnLargeScreens,
+    gap: x.slides.gap,
+    id: x.slides.id,
+    initialIndex: x.slides.initialIndex,
+    perView: x.slides.perView,
+    setCurrentPage: () => {
+    }
   }
-}, Ao = (r = k) => {
-  var a;
-  const t = {
-    autoplay: { ...k.autoplay, ...r.autoplay },
-    navigation: { ...k.navigation, ...r.navigation },
+}, Ao = (r = x) => {
+  var y;
+  const [n, i] = A(0), t = {
+    autoplay: { ...x.autoplay, ...r.autoplay },
+    navigation: { ...x.navigation, ...r.navigation },
     slides: {
-      ...k.slides,
+      ...x.slides,
       ...r.slides,
       perView: {
-        ...k.slides.perView,
-        ...(a = r.slides) == null ? void 0 : a.perView
+        ...x.slides.perView,
+        ...(y = r.slides) == null ? void 0 : y.perView
       }
     }
   }, {
-    autoplay: n,
-    navigation: s,
-    slides: { expandOnLargeScreens: c, perView: f }
-  } = t, { width: o } = _o(), d = zo(), x = oo(() => o <= d.md ? f.mobile : o <= d.lg ? f.tablet : o >= d["4xl"] && c ? f.desktop + 2 : f.desktop, [o, d, c, f]);
+    autoplay: a,
+    navigation: b,
+    slides: { expandOnLargeScreens: e, perView: c }
+  } = t, { width: m } = _o(), d = zo(), g = oo(() => m <= d.md ? c.mobile : m <= d.lg ? c.tablet : m >= d["4xl"] && e ? c.desktop + 2 : c.desktop, [m, d, e, c]);
   return {
-    autoplay: n,
-    navigation: s,
+    autoplay: a,
+    navigation: b,
     slides: {
       alignment: t.slides.alignment,
-      currentSlidesPerView: x,
+      currentPage: n,
+      currentSlidesPerView: g,
       expandOnLargeScreens: t.slides.expandOnLargeScreens,
       gap: t.slides.gap,
       id: t.slides.id,
       initialIndex: t.slides.initialIndex,
-      perView: f
+      perView: c,
+      setCurrentPage: i
     }
   };
 }, X = ({
   children: r,
-  className: t,
-  store: n = $o,
-  ...s
+  className: n,
+  store: i = $o,
+  ...t
 }) => {
-  const { autoplay: c, navigation: f, slides: o } = n, [d, x] = F(0), a = Z(), C = Z(!1), [S, j] = F(0), [$, y] = F(!1), [P, N] = F(!1), p = Math.ceil(S / o.currentSlidesPerView) || 1, M = d === 0, I = d === p - 1, A = o.alignment === "center" ? (
-    // if centeredSlides is true, we calculate which number is the middle page
-    Math.floor(p / 2)
-  ) : (
-    // if centeredSlides is false, we calculate on which page the number in firstSlideToShow props is
-    Math.ceil(o.initialIndex / o.currentSlidesPerView) - 1
-  ), e = R(() => {
-    const i = a == null ? void 0 : a.current;
-    if (i && !c.enabled) {
-      const { offsetWidth: u, scrollLeft: g, scrollWidth: _ } = i, w = !(g > o.gap), z = !(_ - (g + u) > o.gap);
-      y(w), N(z);
+  const { autoplay: a, navigation: b, slides: e } = i, { currentPage: c, setCurrentPage: m } = e, d = Z(), g = Z(!1), [y, E] = A(0), [I, $] = A(!1), [h, N] = A(!1), w = Math.ceil(y / e.currentSlidesPerView) || 1, _ = F(() => {
+    const l = d == null ? void 0 : d.current;
+    if (l && !a.enabled) {
+      const { offsetWidth: p, scrollLeft: u, scrollWidth: L } = l, z = !(u > e.gap), S = !(L - (u + p) > e.gap);
+      $(z), N(S);
     } else
-      y(!1), N(!1);
-  }, [c.enabled, o.gap]), b = R(() => {
-    var u, g;
-    const i = a == null ? void 0 : a.current;
-    if (i) {
-      const { children: _, offsetWidth: w, scrollLeft: z, scrollWidth: V } = i, J = (g = (u = _ == null ? void 0 : _[0]) == null ? void 0 : u.getBoundingClientRect()) == null ? void 0 : g.width, D = !(V - (z + w) > o.gap) ? p - 1 : Math.round(z / ((J + o.gap) * o.currentSlidesPerView));
-      D !== d && x(D);
+      $(!1), N(!1);
+  }, [a.enabled, e.gap]), M = F(() => {
+    var p, u;
+    const l = d == null ? void 0 : d.current;
+    if (l) {
+      const { children: L, offsetWidth: z, scrollLeft: S, scrollWidth: V } = l, J = (u = (p = L == null ? void 0 : L[0]) == null ? void 0 : p.getBoundingClientRect()) == null ? void 0 : u.width, D = !(V - (S + z) > e.gap) ? w - 1 : Math.round(S / ((J + e.gap) * e.currentSlidesPerView));
+      D !== c && m(D);
     }
-  }, [p, d, o.currentSlidesPerView, a, x, o.gap]), h = oo(
+  }, [w, c, e.currentSlidesPerView, d, m, e.gap]), C = oo(
     () => wo(() => {
-      e(), b();
+      _(), M();
     }, 100),
-    [e, b]
-  ), m = R(
-    (i, u = !1) => {
-      var w, z, V;
-      const g = a == null ? void 0 : a.current, _ = (V = (z = (w = g == null ? void 0 : g.children) == null ? void 0 : w[0]) == null ? void 0 : z.getBoundingClientRect()) == null ? void 0 : V.width;
-      g == null || g.scrollTo({
+    [_, M]
+  ), o = F(
+    (l, p = !1) => {
+      var z, S, V;
+      const u = d == null ? void 0 : d.current, L = (V = (S = (z = u == null ? void 0 : u.children) == null ? void 0 : z[0]) == null ? void 0 : S.getBoundingClientRect()) == null ? void 0 : V.width;
+      u == null || u.scrollTo({
         // We don't want to have a scroll effect when we first render the swiper
-        behavior: u ? "auto" : "smooth",
-        left: i * (_ + o.gap) * o.currentSlidesPerView,
+        behavior: p ? "auto" : "smooth",
+        left: l * (L + e.gap) * e.currentSlidesPerView,
         top: 0
       });
     },
-    [o.currentSlidesPerView, o.gap, a]
-  ), v = R(() => {
-    c.enabled && c.loop && I ? m(0) : m(d + 1);
-  }, [d, m, I, c.enabled, c.loop]), L = R(() => {
-    M && c.enabled && c.loop ? m(p - 1) : m(d - 1);
-  }, [p, d, m, M, c.enabled, c.loop]);
+    [e.currentSlidesPerView, e.gap, d]
+  ), f = c === 0, k = c === w - 1, v = F(() => {
+    a.enabled && a.loop && k ? o(0) : o(c + 1);
+  }, [c, o, k, a.enabled, a.loop]), P = F(() => {
+    f && a.enabled && a.loop ? o(w - 1) : o(c - 1);
+  }, [w, c, o, f, a.enabled, a.loop]);
   No(
     () => {
-      c.enabled && v();
+      a.enabled && v();
     },
-    c.enabled ? c.duration : null
-  ), T(() => {
-    const i = (u) => {
-      u.code === "ArrowLeft" && L(), u.code === "ArrowRight" && v();
+    a.enabled ? a.duration : null
+  ), j(() => {
+    const l = (p) => {
+      p.code === "ArrowLeft" && P(), p.code === "ArrowRight" && v();
     };
-    return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
-  }, [L, v]), T(() => {
-    S > 0 && !C.current && (m(A, !0), C.current = !0);
-  }, [S]), T(() => {
-    e();
-  }, [e, r]);
+    return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
+  }, [P, v]);
+  const B = e.alignment === "center" ? (
+    // 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(e.initialIndex / e.currentSlidesPerView) - 1
+  );
+  j(() => {
+    y > 0 && !g.current && (o(B, !0), g.current = !0);
+  }, [y]), j(() => {
+    _();
+  }, [_, r]), j(() => {
+    g.current && o(c);
+  }, [c, o]);
   const O = oo(
     () => ({
       navigation: {
         goNext: v,
-        goPrev: L,
-        isNextDisabled: P,
-        isPrevDisabled: $,
-        ...f
+        goPrev: P,
+        isNextDisabled: h,
+        isPrevDisabled: I,
+        ...b
       },
       slides: {
-        alignment: o.alignment,
-        currentPage: d,
-        currentSlidesPerView: o.currentSlidesPerView,
-        expandOnLargeScreens: o.expandOnLargeScreens,
-        gap: o.gap,
-        handleScroll: h,
-        id: o.id,
-        initialIndex: o.initialIndex,
-        isLastPage: I,
-        length: S,
-        perView: o.perView,
-        ref: a,
-        setLength: j
+        alignment: e.alignment,
+        currentPage: c,
+        currentSlidesPerView: e.currentSlidesPerView,
+        expandOnLargeScreens: e.expandOnLargeScreens,
+        gap: e.gap,
+        handleScroll: C,
+        id: e.id,
+        initialIndex: e.initialIndex,
+        isLastPage: k,
+        length: y,
+        perView: e.perView,
+        ref: d,
+        setLength: E
       }
     }),
     [
       v,
-      L,
       P,
-      $,
-      f,
-      d,
       h,
       I,
-      S,
-      o
+      b,
+      c,
+      C,
+      k,
+      y,
+      e
     ]
   );
-  return /* @__PURE__ */ E(bo.Provider, { value: O, children: /* @__PURE__ */ E("div", { className: Co("root", t), ...s, children: r }) });
+  return /* @__PURE__ */ W(bo.Provider, { value: O, children: /* @__PURE__ */ W("div", { className: Eo("root", n), ...t, children: r }) });
 };
 X.PrevButton = jo;
 X.NextButton = Vo;
-X.Slides = Eo;
+X.Slides = Wo;
 X.displayName = "Swiper";
 export {
   X as Swiper,

package/dist/Tag.js

@@ -5,12 +5,12 @@ import w from "react";
 import { Icon as s } from "./Icon.js";
 import { c as R } from "./index-PAaZGbyz.js";
 import { f as C } from "./forwardRefWithAs-8eP3ZN15.js";
-const S = "_root_4kt6z_7", N = "_disabled_4kt6z_51", q = "_ai_4kt6z_68", x = "_removeButton_4kt6z_71", y = "_hasRemoveAction_4kt6z_364", A = "_isSquare_4kt6z_370", T = {
+const S = "_root_4kt6z_7", y = "_disabled_4kt6z_51", N = "_ai_4kt6z_68", q = "_removeButton_4kt6z_71", x = "_hasRemoveAction_4kt6z_364", A = "_isSquare_4kt6z_370", T = {
   root: S,
-  disabled: N,
+  disabled: y,
   "variant-dash": "_variant-dash_4kt6z_56",
-  ai: q,
-  removeButton: x,
+  ai: N,
+  removeButton: q,
   "variant-brand": "_variant-brand_4kt6z_74",
   "variant-light-brand": "_variant-light-brand_4kt6z_89",
   "variant-dark-brand": "_variant-dark-brand_4kt6z_96",
@@ -40,7 +40,7 @@ const S = "_root_4kt6z_7", N = "_disabled_4kt6z_51", q = "_ai_4kt6z_68", x = "_r
   "variant-dark-violet": "_variant-dark-violet_4kt6z_328",
   "size-md": "_size-md_4kt6z_350",
   "size-lg": "_size-lg_4kt6z_357",
-  hasRemoveAction: y,
+  hasRemoveAction: x,
   isSquare: A
 }, k = R(T);
 function j(a) {
@@ -63,9 +63,9 @@ const $ = C((a, d) => {
     size: c = "lg",
     variant: l = "warm",
     ...h
-  } = a, u = j(o) === 1 && !r, f = (n) => {
+  } = a, u = j(o) === 1 && !r, p = (n) => {
     n.stopPropagation(), !i && (t != null && t.onClick && t.onClick(n), r && r());
-  }, p = (n) => {
+  }, f = (n) => {
     i || v && v(n);
   };
   return /* @__PURE__ */ b(
@@ -81,7 +81,7 @@ const $ = C((a, d) => {
         i && "disabled",
         z
       ),
-      onClick: p,
+      onClick: f,
       ref: d,
       ...h,
       children: [
@@ -92,9 +92,10 @@ const $ = C((a, d) => {
           {
             "aria-label": "remove tag",
             disabled: i,
+            type: "button",
             ...t,
             className: k("removeButton", t == null ? void 0 : t.className),
-            onClick: f,
+            onClick: p,
             children: /* @__PURE__ */ e(s, { name: "times", size: "md" })
           }
         ) : null

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

@@ -1,6 +1,6 @@
-import { HTMLAttributes } from 'react';
+import { ComponentProps, HTMLAttributes } from 'react';
 import { HintProps } from '../Hint/types';
-import { LabelProps } from '../Label/types';
+import { Label } from '../Label';
 export interface FieldOptions extends VariantProps {
     children: React.ReactNode;
     disabled?: boolean;
@@ -13,7 +13,7 @@ export interface FieldOptions extends VariantProps {
      */
     inline?: boolean;
     label: React.ReactNode;
-    labelProps?: LabelProps;
+    labelProps?: ComponentProps<typeof Label>;
     /**
      * The maximum number of characters allowed in the input field. If provided, a character count will be displayed on hint on the right side.
      */

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

@@ -1,7 +1,6 @@
 import { ComponentPropsWithRef } from 'react';
 export type LabelProps = ComponentPropsWithRef<'label'> & LabelOptions;
 interface LabelOptions {
-    children: React.ReactNode;
     disabled?: boolean;
     required?: boolean;
     variant?: 'danger' | 'success' | 'warning';

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

@@ -8,4 +8,4 @@ export interface RadioOptions {
     value?: string;
     variant?: 'danger' | 'default';
 }
-export type RadioProps = ComponentPropsWithRef<'input'> & Omit<LabelProps, 'children'> & RadioOptions;
+export type RadioProps = ComponentPropsWithRef<'input'> & LabelProps & RadioOptions;

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

@@ -1,2 +1,2 @@
 import { SwiperSlidesProps } from '../types';
-export declare const SwiperSlides: ({ children }: SwiperSlidesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SwiperSlides: ({ children, className }: SwiperSlidesProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -41,6 +41,7 @@ export declare const useSwiper: (options?: UseSwiperOptions) => {
     };
     slides: {
         alignment: "center" | "default";
+        currentPage: number;
         currentSlidesPerView: number;
         expandOnLargeScreens: boolean;
         gap: number;
@@ -51,6 +52,7 @@ export declare const useSwiper: (options?: UseSwiperOptions) => {
             mobile: number;
             tablet: number;
         };
+        setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
     };
 };
 export declare const Swiper: SwiperComponent;

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

@@ -15,6 +15,7 @@ export type SwiperPrevButtonProps = Omit<ButtonProps, 'aria-label' | 'disabled'
 export type SwiperProps = ComponentProps<'div'> & SwiperOptions;
 export type SwiperSlidesProps = {
     children: ReactNode;
+    className?: string;
 };
 export interface UseSwiperOptions {
     /** If true the swiper will automatically transition between slides */

package/package.json

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