welcome-ui 8.0.0 → 8.0.3

package/dist/Label.mjs

@@ -1,7 +1,7 @@
 "use client";
 import e from "react";
 import { w as u } from "./wrap-children-aq69jtFP.mjs";
-import o, { css as n, th as g } from "@xstyled/styled-components";
+import o, { th as g, css as n } from "@xstyled/styled-components";
 import { shouldForwardProp as w, forwardRef as y } from "./System.mjs";
 import "./Icon.mjs";
 import { L as x } from "./index-BQtDgQBH.mjs";
@@ -22,7 +22,7 @@ const s = o.labelBox.withConfig({ shouldForwardProp: w })(
         margin-right: sm;
       }
 
-      :last-child {
+      &:last-child {
         ${t && L};
       }
     }

package/dist/Link.mjs

@@ -1,12 +1,12 @@
 "use client";
 import i from "react";
-import h, { css as x, th as e, typography as g } from "@xstyled/styled-components";
+import h, { th as e, typography as x, css as g } from "@xstyled/styled-components";
 import { UniversalLink as k } from "./UniversalLink.mjs";
 import { shouldForwardProp as y, forwardRef as $ } from "./System.mjs";
 import "./Icon.mjs";
 import { E as w } from "./index-DqBUFsqP.mjs";
 const E = h(k).withConfig({ shouldForwardProp: y })(
-  ({ isExternal: t, variant: n = "primary" }) => x`
+  ({ isExternal: t, variant: n = "primary" }) => g`
     display: inline-flex;
     flex-direction: row;
     align-items: center;
@@ -24,7 +24,7 @@ const E = h(k).withConfig({ shouldForwardProp: y })(
       ${e("links.default")};
       ${e(`links.${n}.default`)};
       ${t && e("links.withExternalLink")};
-      ${g};
+      ${x};
     }
 
     &:hover,

package/dist/MTZPJQMC-CMjAwC0N.mjs

@@ -0,0 +1,15 @@
+"use client";
+import { D as e, c as r } from "./VGCJ63VH-BMzoZtCu.mjs";
+import { v as t } from "./LVA2YJMS-DDEmK0pp.mjs";
+var o = t(
+  [r],
+  [e]
+), x = o.useContext;
+o.useScopedContext;
+var i = o.useProviderContext, n = o.ContextProvider, s = o.ScopedContextProvider;
+export {
+  s as P,
+  n as a,
+  x as b,
+  i as u
+};

package/dist/Modal.mjs

@@ -1,17 +1,17 @@
 "use client";
 import o, { useState as G, useMemo as J, Children as D, useEffect as K, cloneElement as F } from "react";
-import i, { css as f, th as l, up as L, useTheme as v, system as Q } from "@xstyled/styled-components";
+import i, { th as l, css as f, up as L, useTheme as w, system as Q } from "@xstyled/styled-components";
 import { Text as p } from "./Text.mjs";
 import { Box as $ } from "./Box.mjs";
 import { CloseButton as U } from "./CloseButton.mjs";
-import { D as H } from "./SYRFVSLH-cVmYtx36.mjs";
+import { D as H } from "./SYRFVSLH-jn06-eLy.mjs";
 import { forwardRef as c } from "./System.mjs";
 import { StyledSwiper as X } from "./Swiper.mjs";
 import { IconsFont as Y } from "./IconsFont.mjs";
 import { Button as Z } from "./Button.mjs";
 import { Shape as ee } from "./Shape.mjs";
-import { u as te, D as oe } from "./JC64G2H7-Dey-8h60.mjs";
-import { D as ne } from "./AXB53BZF-CGoc4K3d.mjs";
+import { D as te, u as oe } from "./JC64G2H7-BzklVBKM.mjs";
+import { D as ne } from "./AXB53BZF-BOEe01VW.mjs";
 const S = i.divBox.withConfig({
   shouldForwardProp: (e) => !["hideOnInteractOutside"].includes(e)
 })(
@@ -91,7 +91,7 @@ const S = i.divBox.withConfig({
 `, ce = i.divBox`
   ${l("modals.footer.information")};
 `, W = ({ isOnHeader: e, ...t }) => {
-  const n = v();
+  const n = w();
   return /* @__PURE__ */ o.createElement(
     H,
     {
@@ -114,7 +114,7 @@ const N = c(({ children: e, information: t, ...n }, r) => /* @__PURE__ */ o.crea
 N.displayName = "Footer";
 const T = c(
   ({ children: e, store: t, withClosingButton: n = !0, ...r }, s) => {
-    const { borderWidths: u, space: d } = v(), [y, h] = G(!1), g = t.useState("contentElement"), B = t.useState("open"), m = J(
+    const { borderWidths: u, space: d } = w(), [y, h] = G(!1), g = t.useState("contentElement"), B = t.useState("open"), m = J(
       () => D.map(e, (a) => {
         if (o.isValidElement(a)) {
           const x = a.type;
@@ -217,7 +217,7 @@ const z = "calc(100vw - 2 * 2rem);", I = "calc(100vw - 2 * 1rem);", _ = "calc(10
   }
 `, O = i(p).attrs({ lines: 2, variant: "h4" })`
   margin: 0;
-`, b = "4rem", w = "6rem", ue = i.divBox`
+`, b = "4rem", v = "6rem", ue = i.divBox`
   display: flex;
   flex-direction: column;
   border-radius: xxl;
@@ -230,7 +230,7 @@ const z = "calc(100vw - 2 * 2rem);", I = "calc(100vw - 2 * 1rem);", _ = "calc(10
     flex-shrink: 0;
 
     @media (min-width: md) {
-      max-height: calc(100vh - 2 * 5rem - ${w});
+      max-height: calc(100vh - 2 * 5rem - ${v});
     }
   }
 
@@ -239,7 +239,7 @@ const z = "calc(100vw - 2 * 2rem);", I = "calc(100vw - 2 * 1rem);", _ = "calc(10
     max-height: calc(100vh - 2 * 5rem - ${b});
 
     @media (min-width: md) {
-      max-height: calc(100vh - 2 * 5rem - ${w});
+      max-height: calc(100vh - 2 * 5rem - ${v});
     }
   }
 `, pe = c(
@@ -251,7 +251,7 @@ const z = "calc(100vw - 2 * 2rem);", I = "calc(100vw - 2 * 1rem);", _ = "calc(10
       flexDirection: "column",
       flexShrink: 0,
       gap: "xxs",
-      h: { _: b, md: w },
+      h: { _: b, md: v },
       justifyContent: "center",
       px: { _: "md", md: "xl" },
       w: "100%"
@@ -302,7 +302,7 @@ const he = ({ children: e }) => /* @__PURE__ */ o.createElement(A, null, /* @__P
 });
 function Te(e) {
   const { onClose: t, setOpen: n, ...r } = e || {};
-  return te({
+  return oe({
     animated: !0,
     setOpen: (u) => {
       !u && t && t(), n == null || n(u);
@@ -324,7 +324,7 @@ const xe = c(
     store: d,
     ...y
   }, h) => /* @__PURE__ */ o.createElement(
-    oe,
+    te,
     {
       "aria-label": e,
       backdrop: n && /* @__PURE__ */ o.createElement(xe, { backdrop: n, hideOnInteractOutside: s }),
@@ -339,7 +339,7 @@ const xe = c(
 ), P = c((e, t) => /* @__PURE__ */ o.createElement(ae, { ref: t, ...e }));
 P.displayName = "Body";
 const ye = (e) => {
-  const { modals: t } = v();
+  const { modals: t } = w();
   return /* @__PURE__ */ o.createElement("div", null, /* @__PURE__ */ o.createElement(ee, { ...t.cover, ...e }));
 }, Ee = c(({ as: e, store: t, ...n }, r) => /* @__PURE__ */ o.createElement(
   ne,

package/dist/NLEBE274-QOMV1l7e.mjs

@@ -0,0 +1,84 @@
+"use client";
+import { C as U, a as A, u as T } from "./P2CTZE2T-Cl2w7OLV.mjs";
+import { v as j, w, f as z, c as D, h as H, _ as M, x as O, j as $, l as q, y as B, b as v, d as G, e as J, g as p, z as K } from "./LVA2YJMS-DDEmK0pp.mjs";
+import { u as L } from "./YV4JVR4I-Bh7B7TET.mjs";
+import { useRef as Q, useEffect as R } from "react";
+var m = j(
+  [A],
+  [U]
+), V = m.useContext, re = m.useProviderContext, ne = m.ScopedContextProvider, k = "input";
+function W(u, r) {
+  if (r !== void 0)
+    return u != null && r != null ? r === u : !!r;
+}
+function X(u, r) {
+  return u === "input" && (!r || r === "radio");
+}
+var Y = D(function(r) {
+  var d = r, {
+    store: t,
+    name: c,
+    value: i,
+    checked: C
+  } = d, o = M(d, [
+    "store",
+    "name",
+    "value",
+    "checked"
+  ]);
+  const x = V();
+  t = t || x;
+  const a = O(o.id), l = Q(null), s = L(
+    t,
+    (e) => C ?? W(i, e == null ? void 0 : e.value)
+  );
+  R(() => {
+    !a || !s || (t == null ? void 0 : t.getState().activeId) === a || t == null || t.setActiveId(a);
+  }, [t, s, a]);
+  const P = o.onChange, S = $(l, k), n = X(S, o.type), I = q(o), [_, b] = B();
+  R(() => {
+    const e = l.current;
+    e && (n || (s !== void 0 && (e.checked = s), c !== void 0 && (e.name = c), i !== void 0 && (e.value = `${i}`)));
+  }, [_, n, s, c, i]);
+  const f = v((e) => {
+    if (I) {
+      e.preventDefault(), e.stopPropagation();
+      return;
+    }
+    (t == null ? void 0 : t.getState().value) !== i && (n || (e.currentTarget.checked = !0, b()), P == null || P(e), !e.defaultPrevented && (t == null || t.setValue(i)));
+  }), g = o.onClick, F = v((e) => {
+    g == null || g(e), !e.defaultPrevented && (n || f(e));
+  }), h = o.onFocus, y = v((e) => {
+    if (h == null || h(e), e.defaultPrevented || !n || !t) return;
+    const { moves: E, activeId: N } = t.getState();
+    E && (a && N !== a || f(e));
+  });
+  return o = G(p({
+    id: a,
+    role: n ? void 0 : "radio",
+    type: n ? "radio" : void 0,
+    "aria-checked": s
+  }, o), {
+    ref: J(l, o.ref),
+    onChange: f,
+    onClick: F,
+    onFocus: y
+  }), o = T(p({
+    store: t,
+    clickOnEnter: !n
+  }, o)), K(p({
+    name: n ? c : void 0,
+    value: n ? i : void 0,
+    checked: s
+  }, o));
+}), ie = w(
+  z(function(r) {
+    const d = Y(r);
+    return H(k, d);
+  })
+);
+export {
+  ie as R,
+  ne as a,
+  re as u
+};

package/dist/P2CTZE2T-Cl2w7OLV.mjs

@@ -0,0 +1,300 @@
+"use client";
+import { v as Y, p as $, I as Ce, c as G, J as xe, _ as J, x as q, d as S, e as Q, g as P, z as X, f as Z, h as ee, l as Se, b as D, K as Pe, L as O, o as F, M as we, u as j, N as he, O as Ee, E as ye, t as Te, k as Re, P as De, w as Oe } from "./LVA2YJMS-DDEmK0pp.mjs";
+import { createContext as te, useRef as _, useEffect as Fe, useContext as _e, useCallback as Ae, useMemo as ke } from "react";
+import { u as ze } from "./KUU7WJ55-CS4NemC6.mjs";
+import { f as Ke } from "./YV4JVR4I-Bh7B7TET.mjs";
+var w = Y(), Le = w.useContext;
+w.useScopedContext;
+w.useProviderContext;
+var Ne = w.ContextProvider, Me = w.ScopedContextProvider, h = Y(
+  [Ne],
+  [Me]
+), Be = h.useContext;
+h.useScopedContext;
+var st = h.useProviderContext, ut = h.ContextProvider, at = h.ScopedContextProvider, He = te(
+  void 0
+), Ue = te(
+  void 0
+), Ve = { id: null };
+function lt(r, n, o = !1) {
+  const t = r.findIndex((a) => a.id === n);
+  return [
+    ...r.slice(t + 1),
+    ...o ? [Ve] : [],
+    ...r.slice(0, t)
+  ];
+}
+function ct(r, n) {
+  return r.find((o) => !o.disabled);
+}
+function je(r, n) {
+  return n && r.item(n) || null;
+}
+function ft(r) {
+  const n = [];
+  for (const o of r) {
+    const t = n.find((a) => {
+      var d;
+      return ((d = a[0]) == null ? void 0 : d.rowId) === o.rowId;
+    });
+    t ? t.push(o) : n.push([o]);
+  }
+  return n;
+}
+function We(r, n = !1) {
+  if ($(r))
+    r.setSelectionRange(
+      n ? r.value.length : 0,
+      r.value.length
+    );
+  else if (r.isContentEditable) {
+    const o = Ce(r).getSelection();
+    o == null || o.selectAllChildren(r), n && (o == null || o.collapseToEnd());
+  }
+}
+var A = Symbol("FOCUS_SILENTLY");
+function Ye(r) {
+  r[A] = !0, r.focus({ preventScroll: !0 });
+}
+function dt(r) {
+  const n = r[A];
+  return delete r[A], n;
+}
+function re(r, n, o) {
+  return !(!n || n === o || !r.item(n.id));
+}
+var $e = "div", ne = G(
+  function(n) {
+    var o = n, {
+      store: t,
+      shouldRegisterItem: a = !0,
+      getItem: d = xe,
+      element: g
+    } = o, v = J(o, [
+      "store",
+      "shouldRegisterItem",
+      "getItem",
+      // @ts-expect-error This prop may come from a collection renderer.
+      "element"
+    ]);
+    const c = Le();
+    t = t || c;
+    const m = q(v.id), p = _(g);
+    return Fe(() => {
+      const i = p.current;
+      if (!m || !i || !a) return;
+      const b = d({ id: m, element: i });
+      return t == null ? void 0 : t.renderItem(b);
+    }, [m, a, d, t]), v = S(P({}, v), {
+      ref: Q(p, v.ref)
+    }), X(v);
+  }
+);
+Z(function(n) {
+  const o = ne(n);
+  return ee($e, o);
+});
+var Ge = "button";
+function Je(r) {
+  return O(r) ? !0 : r.tagName === "INPUT" && !Re(r);
+}
+function qe(r, n = !1) {
+  const o = r.clientHeight, { top: t } = r.getBoundingClientRect(), a = Math.max(o * 0.875, o - 40) * 1.5, d = n ? o - a + t : a + t;
+  return r.tagName === "HTML" ? d + r.scrollTop : d;
+}
+function Qe(r, n = !1) {
+  const { top: o } = r.getBoundingClientRect();
+  return n ? o + r.clientHeight : o;
+}
+function W(r, n, o, t = !1) {
+  var a;
+  if (!n || !o) return;
+  const { renderedItems: d } = n.getState(), g = De(r);
+  if (!g) return;
+  const v = qe(g, t);
+  let c, m;
+  for (let p = 0; p < d.length; p += 1) {
+    const i = c;
+    if (c = o(p), !c) break;
+    if (c === i) continue;
+    const b = (a = je(n, c)) == null ? void 0 : a.element;
+    if (!b) continue;
+    const C = Qe(b, t) - v, l = Math.abs(C);
+    if (t && C <= 0 || !t && C >= 0) {
+      m !== void 0 && m < l && (c = i);
+      break;
+    }
+    m = l;
+  }
+  return c;
+}
+function Xe(r, n) {
+  return F(r) ? !1 : re(n, r.target);
+}
+var Ze = G(
+  function(n) {
+    var o = n, {
+      store: t,
+      rowId: a,
+      preventScrollOnKeyDown: d = !1,
+      moveOnKeyPress: g = !0,
+      tabbable: v = !1,
+      getItem: c,
+      "aria-setsize": m,
+      "aria-posinset": p
+    } = o, i = J(o, [
+      "store",
+      "rowId",
+      "preventScrollOnKeyDown",
+      "moveOnKeyPress",
+      "tabbable",
+      "getItem",
+      "aria-setsize",
+      "aria-posinset"
+    ]);
+    const b = Be();
+    t = t || b;
+    const f = q(i.id), C = _(null), l = _e(Ue), k = Se(i) && !i.accessibleWhenDisabled, {
+      rowId: y,
+      baseElement: z,
+      isActiveItem: oe,
+      ariaSetSize: ie,
+      ariaPosInSet: se,
+      isTabbable: ue
+    } = Ke(t, {
+      rowId(e) {
+        if (a) return a;
+        if (e && l != null && l.baseElement && l.baseElement === e.baseElement)
+          return l.id;
+      },
+      baseElement(e) {
+        return (e == null ? void 0 : e.baseElement) || void 0;
+      },
+      isActiveItem(e) {
+        return !!e && e.activeId === f;
+      },
+      ariaSetSize(e) {
+        if (m != null) return m;
+        if (e && l != null && l.ariaSetSize && l.baseElement === e.baseElement)
+          return l.ariaSetSize;
+      },
+      ariaPosInSet(e) {
+        if (p != null) return p;
+        if (!e || !(l != null && l.ariaPosInSet) || l.baseElement !== e.baseElement) return;
+        const s = e.renderedItems.filter(
+          (u) => u.rowId === y
+        );
+        return l.ariaPosInSet + s.findIndex((u) => u.id === f);
+      },
+      isTabbable(e) {
+        if (!(e != null && e.renderedItems.length)) return !0;
+        if (e.virtualFocus) return !1;
+        if (v) return !0;
+        if (e.activeId === null) return !1;
+        const s = t == null ? void 0 : t.item(e.activeId);
+        return s != null && s.disabled || !(s != null && s.element) ? !0 : e.activeId === f;
+      }
+    }), ae = Ae(
+      (e) => {
+        var s;
+        const u = S(P({}, e), {
+          id: f || e.id,
+          rowId: y,
+          disabled: !!k,
+          children: (s = e.element) == null ? void 0 : s.textContent
+        });
+        return c ? c(u) : u;
+      },
+      [f, y, k, c]
+    ), K = i.onFocus, T = _(!1), le = D((e) => {
+      if (K == null || K(e), e.defaultPrevented || Pe(e) || !f || !t || Xe(e, t)) return;
+      const { virtualFocus: s, baseElement: u } = t.getState();
+      if (t.setActiveId(f), O(e.currentTarget) && We(e.currentTarget), !s || !F(e) || Je(e.currentTarget) || !(u != null && u.isConnected)) return;
+      we() && e.currentTarget.hasAttribute("data-autofocus") && e.currentTarget.scrollIntoView({
+        block: "nearest",
+        inline: "nearest"
+      }), T.current = !0, e.relatedTarget === u || re(t, e.relatedTarget) ? Ye(u) : u.focus();
+    }), L = i.onBlurCapture, ce = D((e) => {
+      if (L == null || L(e), e.defaultPrevented) return;
+      const s = t == null ? void 0 : t.getState();
+      s != null && s.virtualFocus && T.current && (T.current = !1, e.preventDefault(), e.stopPropagation());
+    }), N = i.onKeyDown, fe = j(d), de = j(g), me = D((e) => {
+      if (N == null || N(e), e.defaultPrevented || !F(e) || !t) return;
+      const { currentTarget: s } = e, u = t.getState(), R = t.item(f), I = !!(R != null && R.rowId), E = u.orientation !== "horizontal", x = u.orientation !== "vertical", B = () => !!(I || x || !u.baseElement || !$(u.baseElement)), H = {
+        ArrowUp: (I || E) && t.up,
+        ArrowRight: (I || x) && t.next,
+        ArrowDown: (I || E) && t.down,
+        ArrowLeft: (I || x) && t.previous,
+        Home: () => {
+          if (B())
+            return !I || e.ctrlKey ? t == null ? void 0 : t.first() : t == null ? void 0 : t.previous(-1);
+        },
+        End: () => {
+          if (B())
+            return !I || e.ctrlKey ? t == null ? void 0 : t.last() : t == null ? void 0 : t.next(-1);
+        },
+        PageUp: () => W(s, t, t == null ? void 0 : t.up, !0),
+        PageDown: () => W(s, t, t == null ? void 0 : t.down)
+      }[e.key];
+      if (H) {
+        if (O(s)) {
+          const V = he(s), ve = x && e.key === "ArrowLeft", pe = x && e.key === "ArrowRight", Ie = E && e.key === "ArrowUp", ge = E && e.key === "ArrowDown";
+          if (pe || ge) {
+            const { length: be } = Ee(s);
+            if (V.end !== be) return;
+          } else if ((ve || Ie) && V.start !== 0) return;
+        }
+        const U = H();
+        if (fe(e) || U !== void 0) {
+          if (!de(e)) return;
+          e.preventDefault(), t.move(U);
+        }
+      }
+    }), M = ke(
+      () => ({ id: f, baseElement: z }),
+      [f, z]
+    );
+    return i = ye(
+      i,
+      (e) => /* @__PURE__ */ Te.jsx(He.Provider, { value: M, children: e }),
+      [M]
+    ), i = S(P({
+      id: f,
+      "data-active-item": oe || void 0
+    }, i), {
+      ref: Q(C, i.ref),
+      tabIndex: ue ? i.tabIndex : -1,
+      onFocus: le,
+      onBlurCapture: ce,
+      onKeyDown: me
+    }), i = ze(i), i = ne(S(P({
+      store: t
+    }, i), {
+      getItem: ae,
+      shouldRegisterItem: f ? i.shouldRegisterItem : !1
+    })), X(S(P({}, i), {
+      "aria-setsize": ie,
+      "aria-posinset": se
+    }));
+  }
+), mt = Oe(
+  Z(function(n) {
+    const o = Ze(n);
+    return ee(Ge, o);
+  })
+);
+export {
+  at as C,
+  ut as a,
+  st as b,
+  ft as c,
+  mt as d,
+  ne as e,
+  ct as f,
+  je as g,
+  Be as h,
+  re as i,
+  lt as j,
+  dt as s,
+  Ze as u
+};

package/dist/P4IRICAX-DezbJY4s.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { u as P } from "./X5NMLKT6-CvSCix-_.mjs";
+import { u as _ } from "./VGCJ63VH-BMzoZtCu.mjs";
+import { f as b, c as k, _ as x, i as S, u as O, a as R, b as N, d as h, e as w, g as c, h as y } from "./LVA2YJMS-DDEmK0pp.mjs";
+import { useRef as B, useState as M, useEffect as T } from "react";
+var V = "button", j = Symbol("disclosure"), H = k(
+  function(n) {
+    var o = n, { store: e, toggleOnClick: p = !0 } = o, s = x(o, ["store", "toggleOnClick"]);
+    const f = _();
+    e = e || f, S(
+      e,
+      process.env.NODE_ENV !== "production" && "Disclosure must receive a `store` prop or be wrapped in a DisclosureProvider component."
+    );
+    const u = B(null), [m, v] = M(!1), r = e.useState("disclosureElement"), a = e.useState("open");
+    T(() => {
+      let t = r === u.current;
+      r != null && r.isConnected || (e == null || e.setDisclosureElement(u.current), t = !0), v(a && t);
+    }, [r, e, a]);
+    const l = s.onClick, D = O(p), [E, g] = R(s, j, !0), C = N((t) => {
+      l == null || l(t), !t.defaultPrevented && (E || D(t) && (e == null || e.setDisclosureElement(t.currentTarget), e == null || e.toggle()));
+    }), i = e.useState("contentElement");
+    return s = h(c(c({
+      "aria-expanded": m,
+      "aria-controls": i == null ? void 0 : i.id
+    }, g), s), {
+      ref: w(u, s.ref),
+      onClick: C
+    }), s = P(s), s;
+  }
+), G = b(function(n) {
+  const o = H(n);
+  return y(V, o);
+});
+export {
+  G as D,
+  H as u
+};

package/dist/Pagination.mjs

@@ -1,10 +1,10 @@
 "use client";
 import i, { useMemo as j, useRef as R, useCallback as y } from "react";
-import m, { th as x, css as E } from "@xstyled/styled-components";
+import m, { th as v, css as x } from "@xstyled/styled-components";
 import { h as z } from "./hide-focus-rings-root-BNyva1yb.mjs";
 import "./Icon.mjs";
-import { L as G } from "./index-BpRjq7lj.mjs";
-import { R as F } from "./index-BRDOakbf.mjs";
+import { L as G } from "./index-CQD9fgf_.mjs";
+import { R as F } from "./index-CmsWSKKs.mjs";
 import { forwardRef as M } from "./System.mjs";
 const a = 5, S = 3;
 function d(e, t) {
@@ -43,13 +43,13 @@ const O = m.navBox``, Q = m.ulBox`
     margin-right: 0;
   }
 `, U = m.span`
-  ${x("paginations.default")};
+  ${v("paginations.default")};
   display: flex;
   justify-content: center;
   align-items: center;
-`, p = E`
-  ${x("paginations.default")};
-  ${x("paginations.item")};
+`, p = x`
+  ${v("paginations.default")};
+  ${v("paginations.item")};
   border-radius: 50%;
   display: flex;
   align-items: center;
@@ -66,17 +66,17 @@ const O = m.navBox``, Q = m.ulBox`
     box-shadow: none;
   }
 `, B = m.aBox(
-  (e) => E`
+  (e) => x`
     ${p};
-    ${e["aria-disabled"] && E`
+    ${e["aria-disabled"] && x`
       color: beige-70;
       background-color: beige-40;
     `}
   `
 ), V = m.aBox(
-  (e) => E`
+  (e) => x`
     ${p};
-    ${e["aria-current"] && x("paginations.active")}
+    ${e["aria-current"] && v("paginations.active")}
   `
 ), C = M(
   ({
@@ -91,18 +91,18 @@ const O = m.navBox``, Q = m.ulBox`
     rightArrow: A,
     ...D
   }, L) => {
-    const w = K({ page: n, pageCount: u, rangeDisplay: l }), k = R(null), v = R(null), h = n === 1, $ = n === u, N = y(
+    const w = K({ page: n, pageCount: u, rangeDisplay: l }), $ = R(null), k = R(null), E = n === 1, h = n === u, N = y(
       (o) => {
         o.preventDefault();
         const f = n - 1;
-        f === 1 && k.current.focus(), c(f);
+        f === 1 && $.current.focus(), c(f);
       },
       [n, c]
     ), P = y(
       (o) => {
         o.preventDefault();
         const f = n + 1;
-        f === u && v.current.focus(), c(f);
+        f === u && k.current.focus(), c(f);
       },
       [n, u, c]
     );
@@ -118,11 +118,11 @@ const O = m.navBox``, Q = m.ulBox`
       /* @__PURE__ */ i.createElement(Q, null, /* @__PURE__ */ i.createElement(b, null, /* @__PURE__ */ i.createElement(
         B,
         {
-          "aria-disabled": h,
+          "aria-disabled": E,
           "data-testid": t ? `${t}-arrow-prev` : void 0,
-          href: r ? r(h ? n : n - 1) : "",
-          onClick: h ? void 0 : N,
-          ref: k
+          href: r ? r(E ? n : n - 1) : "",
+          onClick: E ? void 0 : N,
+          ref: $
         },
         s || /* @__PURE__ */ i.createElement(G, { size: "sm" })
       )), w.map(
@@ -144,11 +144,11 @@ const O = m.navBox``, Q = m.ulBox`
       ), /* @__PURE__ */ i.createElement(b, null, /* @__PURE__ */ i.createElement(
         B,
         {
-          "aria-disabled": $,
+          "aria-disabled": h,
           "data-testid": t ? `${t}-arrow-next` : void 0,
-          href: r ? r($ ? n : n + 1) : "",
-          onClick: $ ? void 0 : P,
-          ref: v
+          href: r ? r(h ? n : n + 1) : "",
+          onClick: h ? void 0 : P,
+          ref: k
         },
         A || /* @__PURE__ */ i.createElement(F, { size: "sm" })
       )))