welcome-ui 10.0.0-alpha.1 → 10.0.0-alpha.11

package/dist/{OLVWQA7U-DysaSaZj.js → OLVWQA7U-Dia3UUnG.js}

@@ -1,29 +1,29 @@
 "use client";
-import { c as te, g as v, s as re, i as w, a as z, d as oe, e as se, C as ne } from "./SBSPVDDI-DJKkC1eb.js";
-import { c as ie, _ as L, i as ae, ak as ue, al as ce, M as B, am as C, o as le, af as fe, u as I, j as P, l as de, h as U, x as pe, d as me, p as ve, a as R, W as ge, an as ye, f as Ce, b as Pe, e as Ee } from "./OE2EFRVA-C3721cM3.js";
-import { f as Ie, r as Se } from "./B7UTNDHN-BlIblHCu.js";
-import { useRef as H, useEffect as V, useState as Fe, useCallback as xe, createContext as b } from "react";
-import { jsx as we } from "react/jsx-runtime";
-import { P as be, a as Ke } from "./Y67KZUMI-DFEgrUv2.js";
-var ke = "div";
-function Ae(r) {
+import { c as te, g as v, s as re, i as x, a as z, d as oe, e as se, C as ne } from "./SBSPVDDI-CmtnvvUX.js";
+import { c as ie, _ as L, i as ae, am as ue, an as ce, m as M, ao as C, t as le, ah as fe, u as I, j as P, p as de, h as U, k as pe, d as me, v as ve, a as R, Z as ge, ap as ye, f as Ce, b as Pe, e as Ee } from "./OE2EFRVA-Dg1R6gaC.js";
+import { f as Ie, r as Se } from "./B7UTNDHN-BghjolIs.js";
+import { useRef as H, useEffect as V, useState as Fe, useCallback as we, createContext as b } from "react";
+import { jsx as xe } from "react/jsx-runtime";
+import { P as be, b as Ke } from "./Y67KZUMI-BwLWwpNF.js";
+var he = "div";
+function ke(r) {
   return r.some((i) => !!i.rowId);
 }
-function _e(r) {
+function Ae(r) {
   const i = r.target;
   return i && !U(i) ? !1 : r.key.length === 1 && !r.ctrlKey && !r.metaKey;
 }
-function he(r) {
+function _e(r) {
   return r.key === "Shift" || r.key === "Control" || r.key === "Alt" || r.key === "Meta";
 }
 function O(r, i, l) {
   return I((e) => {
     var s;
-    if (i == null || i(e), e.defaultPrevented || e.isPropagationStopped() || !P(e) || he(e) || _e(e)) return;
+    if (i == null || i(e), e.defaultPrevented || e.isPropagationStopped() || !P(e) || _e(e) || Ae(e)) return;
     const f = r.getState(), p = (s = v(r, f.activeId)) == null ? void 0 : s.element;
     if (!p) return;
-    const n = e, { view: K } = n, x = L(n, ["view"]), c = l == null ? void 0 : l.current;
-    p !== c && p.focus(), ye(p, e.type, x) || e.preventDefault(), e.currentTarget.contains(p) && e.stopPropagation();
+    const n = e, { view: K } = n, w = L(n, ["view"]), c = l == null ? void 0 : l.current;
+    p !== c && p.focus(), ye(p, e.type, w) || e.preventDefault(), e.currentTarget.contains(p) && e.stopPropagation();
   });
 }
 function Te(r) {
@@ -32,7 +32,7 @@ function Te(r) {
   );
 }
 function De(r) {
-  const [i, l] = Fe(!1), e = xe(() => l(!0), []), s = r.useState(
+  const [i, l] = Fe(!1), e = we(() => l(!0), []), s = r.useState(
     (f) => v(r, f.activeId)
   );
   return V(() => {
@@ -40,7 +40,7 @@ function De(r) {
     i && f && (l(!1), f.focus({ preventScroll: !0 }));
   }, [s, i]), e;
 }
-var Me = ie(
+var Be = ie(
   function(i) {
     var l = i, {
       store: e,
@@ -58,7 +58,7 @@ var Me = ie(
       e,
       process.env.NODE_ENV !== "production" && "Composite must receive a `store` prop or be wrapped in a CompositeProvider component."
     );
-    const x = H(null), c = H(null), N = De(e), S = e.useState("moves"), [, W] = ue(
+    const w = H(null), c = H(null), N = De(e), S = e.useState("moves"), [, q] = ue(
       s ? e.setBaseElement : null
     );
     V(() => {
@@ -66,55 +66,55 @@ var Me = ie(
       if (!e || !S || !s || !f) return;
       const { activeId: o } = e.getState(), a = (t = v(e, o)) == null ? void 0 : t.element;
       a && ce(a);
-    }, [e, S, s, f]), B(() => {
+    }, [e, S, s, f]), M(() => {
       if (!e || !S || !s) return;
       const { baseElement: t, activeId: o } = e.getState();
       if (!(o === null) || !t) return;
       const u = c.current;
       c.current = null, u && C(u, { relatedTarget: t }), le(t) || t.focus();
     }, [e, S, s]);
-    const k = e.useState("activeId"), A = e.useState("virtualFocus");
-    B(() => {
+    const h = e.useState("activeId"), k = e.useState("virtualFocus");
+    M(() => {
       var t;
-      if (!e || !s || !A) return;
+      if (!e || !s || !k) return;
       const o = c.current;
       if (c.current = null, !o) return;
-      const u = ((t = v(e, k)) == null ? void 0 : t.element) || fe(o);
+      const u = ((t = v(e, h)) == null ? void 0 : t.element) || fe(o);
       u !== o && C(o, { relatedTarget: u });
-    }, [e, k, A, s]);
-    const q = O(
+    }, [e, h, k, s]);
+    const G = O(
       e,
       n.onKeyDownCapture,
       c
-    ), G = O(
+    ), W = O(
       e,
       n.onKeyUpCapture,
       c
-    ), _ = n.onFocusCapture, J = I((t) => {
-      if (_ == null || _(t), t.defaultPrevented || !e) return;
+    ), A = n.onFocusCapture, Z = I((t) => {
+      if (A == null || A(t), t.defaultPrevented || !e) return;
       const { virtualFocus: o } = e.getState();
       if (!o) return;
       const a = t.relatedTarget, u = re(t.currentTarget);
       P(t) && u && (t.stopPropagation(), c.current = a);
-    }), h = n.onFocus, Q = I((t) => {
-      if (h == null || h(t), t.defaultPrevented || !s || !e) return;
+    }), _ = n.onFocus, J = I((t) => {
+      if (_ == null || _(t), t.defaultPrevented || !s || !e) return;
       const { relatedTarget: o } = t, { virtualFocus: a } = e.getState();
-      a ? P(t) && !w(e, o) && queueMicrotask(N) : P(t) && e.setActiveId(null);
-    }), T = n.onBlurCapture, X = I((t) => {
+      a ? P(t) && !x(e, o) && queueMicrotask(N) : P(t) && e.setActiveId(null);
+    }), T = n.onBlurCapture, Q = I((t) => {
       var o;
       if (T == null || T(t), t.defaultPrevented || !e) return;
       const { virtualFocus: a, activeId: u } = e.getState();
       if (!a) return;
-      const m = (o = v(e, u)) == null ? void 0 : o.element, g = t.relatedTarget, F = w(e, g), d = c.current;
-      c.current = null, P(t) && F ? (g === m ? d && d !== g && C(d, t) : m ? C(m, t) : d && C(d, t), t.stopPropagation()) : !w(e, t.target) && m && C(m, t);
-    }), D = n.onKeyDown, Y = de(p), Z = I((t) => {
+      const m = (o = v(e, u)) == null ? void 0 : o.element, g = t.relatedTarget, F = x(e, g), d = c.current;
+      c.current = null, P(t) && F ? (g === m ? d && d !== g && C(d, t) : m ? C(m, t) : d && C(d, t), t.stopPropagation()) : !x(e, t.target) && m && C(m, t);
+    }), D = n.onKeyDown, X = de(p), Y = I((t) => {
       var o;
       if (D == null || D(t), t.nativeEvent.isComposing || t.defaultPrevented || !e || !P(t)) return;
       const { orientation: a, renderedItems: u, activeId: m } = e.getState(), g = v(e, m);
       if ((o = g == null ? void 0 : g.element) != null && o.isConnected) return;
-      const F = a !== "horizontal", d = a !== "vertical", y = Ae(u);
+      const F = a !== "horizontal", d = a !== "vertical", y = ke(u);
       if ((t.key === "ArrowLeft" || t.key === "ArrowRight" || t.key === "Home" || t.key === "End") && U(t.currentTarget)) return;
-      const M = {
+      const B = {
         ArrowUp: (y || F) && (() => {
           if (y) {
             const E = Te(u);
@@ -130,17 +130,17 @@ var Me = ie(
         PageUp: e.first,
         PageDown: e.last
       }[t.key];
-      if (M) {
-        const E = M();
+      if (B) {
+        const E = B();
         if (E !== void 0) {
-          if (!Y(t)) return;
+          if (!X(t)) return;
           t.preventDefault(), e.move(E);
         }
       }
     });
     n = pe(
       n,
-      (t) => /* @__PURE__ */ we(z, { value: e, children: t }),
+      (t) => /* @__PURE__ */ xe(z, { value: e, children: t }),
       [e]
     );
     const $ = e.useState((t) => {
@@ -151,13 +151,13 @@ var Me = ie(
     n = me(R({
       "aria-activedescendant": $
     }, n), {
-      ref: ve(x, W, n.ref),
-      onKeyDownCapture: q,
-      onKeyUpCapture: G,
-      onFocusCapture: J,
-      onFocus: Q,
-      onBlurCapture: X,
-      onKeyDown: Z
+      ref: ve(w, q, n.ref),
+      onKeyDownCapture: G,
+      onKeyUpCapture: W,
+      onFocusCapture: Z,
+      onFocus: J,
+      onBlurCapture: Q,
+      onKeyDown: Y
     });
     const ee = e.useState(
       (t) => s && (t.virtualFocus || t.activeId === null)
@@ -166,8 +166,8 @@ var Me = ie(
   }
 );
 Ce(function(i) {
-  const l = Me(i);
-  return Pe(ke, l);
+  const l = Be(i);
+  return Pe(he, l);
 });
 b(
   void 0
@@ -175,13 +175,13 @@ b(
 var j = Ee(
   [Ke, z],
   [be, ne]
-), Ne = j.useContext, We = j.useProviderContext;
+), Ne = j.useContext, qe = j.useProviderContext;
 b(
   void 0
 );
 b(!1);
 export {
-  We as a,
+  qe as a,
   Ne as b,
-  Me as u
+  Be as u
 };

package/dist/Pagination.css

@@ -1 +1 @@
-@layer components{._list_1sith_2{list-style-type:none;padding:0;margin:0;display:flex;gap:var(--components-dimensions-pagination-start-padding-inline-leading-lg);align-items:center;flex-wrap:wrap}._item_1sith_11{color:var(--color, var(--components-colors-pagination-color-icon-unchecked-pressed));background-color:var(--backgroundColor, var(--components-colors-pagination-color-background-unchecked-default));font-size:var(--components-dimensions-pagination-start-padding-inline-trailing-md);font-weight:var(--font-weight-semi-bold);height:var(--components-dimensions-pagination-size-max-height-md);width:var(--components-dimensions-pagination-size-max-height-md);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}._item_1sith_11:not([disabled]):hover,._item_1sith_11:focus-visible{--backgroundColor: var(--color-background-neutral-subtlest)}._item_1sith_11:focus-visible{--color: var(--components-colors-pagination-color-icon-unchecked-pressed);outline:none!important}._disabled-arrow_1sith_32{cursor:not-allowed;--color: var(--color-icon-warm-tertiary);--backgroundColor: var(--color-background-warm-stronger)}._page_1sith_37[aria-current=true]{--backgroundColor: var(--components-colors-pagination-color-icon-unchecked-pressed);--color: var(--components-colors-pagination-color-background-unchecked-default)}._page_1sith_37[aria-current=true]:hover,._page_1sith_37[aria-current=true]:focus-visible{--backgroundColor: var(--components-colors-pagination-color-icon-unchecked-pressed)}._dots_1sith_44{display:flex;justify-content:center;align-items:center}}
+@layer components{._list_uyk8e_3{list-style-type:none;padding:0;margin:0;display:flex;gap:var(--components-dimensions-pagination-gap-pages);align-items:center;flex-wrap:wrap}._item_uyk8e_13{color:var(--color, var(--components-colors-pagination-color-icon-unchecked-pressed));background-color:var(--backgroundColor, var(--components-colors-pagination-color-background-unchecked-default));font-size:var(--components-dimensions-pagination-start-padding-inline-trailing-md);font-weight:var(--font-weight-semi-bold);border-radius:var(--components-dimensions-pagination-border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;border-color:var(--borderColor, var(--components-colors-pagination-color-border-unchecked-default));border-width:var(--borderWidth, var(--components-dimensions-pagination-border-width-unchecked));border-style:solid;box-shadow:var(--elevation-10)}._item_uyk8e_13:not([disabled]):not([aria-current=true]):hover,._item_uyk8e_13:not([disabled]):not([aria-current=true]):focus-visible{background-color:var(--components-colors-pagination-color-background-unchecked-hover);border-color:var(--components-colors-pagination-color-border-unchecked-hover);box-shadow:var(--elevation-20);outline:none!important}._item_uyk8e_13:not([disabled]):not([aria-current=true]):active{background-color:var(--components-colors-pagination-color-background-unchecked-pressed);border-color:var(--components-colors-pagination-color-border-unchecked-pressed)}._item_uyk8e_13._disabled-arrow_uyk8e_43,._item_uyk8e_13[disabled]{cursor:not-allowed;color:var(--components-colors-pagination-color-text-unchecked-disabled);background:repeating-linear-gradient(-45deg,var(--color-neutral-30),var(--color-neutral-30) 1.75px,var(--color-background-warm-stronger) 3.75px,var(--color-background-warm-stronger) 3.25px) padding-box;box-shadow:none;border:0}._page_uyk8e_52[aria-current=true]{background-color:var(--components-colors-pagination-color-background-checked-default);border-color:var(--components-colors-pagination-color-border-checked-default);border-width:var(--components-dimensions-pagination-border-width-checked);color:var(--components-colors-pagination-color-text-checked-default)}._page_uyk8e_52[aria-current=true]:hover,._page_uyk8e_52[aria-current=true]:focus-visible{background-color:var(--components-colors-pagination-color-background-checked-hover);border-color:var(--components-colors-pagination-color-border-checked-hover);color:var(--components-colors-pagination-color-text-checked-hover);outline:none!important}._page_uyk8e_52[aria-current=true]:active{background-color:var(--components-colors-pagination-color-background-checked-pressed);border-color:var(--components-colors-pagination-color-border-checked-pressed);color:var(--components-colors-pagination-color-text-checked-pressed)}._with-text-left_uyk8e_72,._with-text-right_uyk8e_72{gap:var(--components-dimensions-pagination-gap-content)}._size-lg_uyk8e_75{font-size:var(--font-size-md);height:var(--components-dimensions-pagination-size-max-height-lg);width:var(--components-dimensions-pagination-size-min-height-lg)}._size-lg_uyk8e_75._with-text-right_uyk8e_72{padding-left:var(--components-dimensions-pagination-start-padding-inline-leading-lg);padding-right:var(--components-dimensions-pagination-end-padding-inline-leading-lg);width:auto}._size-lg_uyk8e_75._with-text-left_uyk8e_72{padding-left:var(--components-dimensions-pagination-start-padding-inline-trailing-lg);padding-right:var(--components-dimensions-pagination-end-padding-inline-trailing-lg);width:auto}._size-md_uyk8e_90{font-size:var(--font-size-sm);height:var(--components-dimensions-pagination-size-max-height-md);width:var(--components-dimensions-pagination-size-min-height-md)}._size-md_uyk8e_90._with-text-right_uyk8e_72{padding-left:var(--components-dimensions-pagination-start-padding-inline-leading-md);padding-right:var(--components-dimensions-pagination-end-padding-inline-leading-md);width:auto}._size-md_uyk8e_90._with-text-left_uyk8e_72{padding-left:var(--components-dimensions-pagination-start-padding-inline-trailing-md);padding-right:var(--components-dimensions-pagination-end-padding-inline-trailing-md);width:auto}}

package/dist/Pagination.js

@@ -1,105 +1,186 @@
 "use client";
-import { jsx as n, jsxs as y } from "react/jsx-runtime";
-import { useMemo as z, forwardRef as B, useRef as _, useCallback as N } from "react";
-import { Icon as x } from "./Icon.js";
-import { c as D } from "./index-CdiHdiVB.js";
-const G = "_list_1sith_2", q = "_item_1sith_11", F = "_page_1sith_37", J = "_dots_1sith_44", K = {
-  list: G,
-  item: q,
-  "disabled-arrow": "_disabled-arrow_1sith_32",
-  page: F,
-  dots: J
-}, c = 5, L = 3;
-function O({ page: i, pageCount: t, rangeDisplay: a }) {
-  return z(() => {
-    if (t <= a || t <= c + 1)
-      return h(t, (s) => s + 1);
-    const r = Q(i, t), d = r === "before" ? h(c, (s) => s + 1) : [1], l = r === "center" ? h(L, (s) => s + i - 1) : [], o = r === "after" ? h(c, (s) => s + t - c + 1) : [t];
-    return S([d, l, o], "-");
-  }, [i, t, a]);
+import './Pagination.css';
+import { jsx as s, jsxs as N } from "react/jsx-runtime";
+import { useMemo as Y, forwardRef as Z, useRef as M, useCallback as R } from "react";
+import { Icon as A } from "./Icon.js";
+import { c as H } from "./index-PAaZGbyz.js";
+const I = "_list_uyk8e_3", n = "_item_uyk8e_13", C = "_page_uyk8e_52", a = {
+  list: I,
+  item: n,
+  "disabled-arrow": "_disabled-arrow_uyk8e_43",
+  page: C,
+  "with-text-left": "_with-text-left_uyk8e_72",
+  "with-text-right": "_with-text-right_uyk8e_72",
+  "size-lg": "_size-lg_uyk8e_75",
+  "size-md": "_size-md_uyk8e_90"
+}, h = 5, x = 3;
+function v({ page: c, pageCount: e, rangeDisplay: P }) {
+  return Y(() => {
+    if (e <= P || e <= h + 1)
+      return B(e, (b) => b + 1);
+    const u = g(c, e), o = u === "before" ? B(h, (b) => b + 1) : [1], r = u === "center" ? B(x, (b) => b + c - 1) : [], w = u === "after" ? B(h, (b) => b + e - h + 1) : [e];
+    return T([o, r, w], "-");
+  }, [c, e, P]);
 }
-function h(i, t) {
-  return Array.from({ length: i }, (a, r) => t(r));
+function B(c, e) {
+  return Array.from({ length: c }, (P, u) => e(u));
 }
-function Q(i, t) {
-  return i < c ? "before" : i >= c && i <= t - c + 1 ? "center" : i > t - c + 1 ? "after" : "center";
+function g(c, e) {
+  return c < h ? "before" : c >= h && c <= e - h + 1 ? "center" : c > e - h + 1 ? "after" : "center";
 }
-function S(i, t) {
-  return i.reduce((a, r, d) => {
-    const l = [];
-    return l.push(...a), l.push(...r), r.length && d < i.length - 1 && l.push(t), l;
+function T(c, e) {
+  return c.reduce((P, u, o) => {
+    const r = [];
+    return r.push(...P), r.push(...u), u.length && o < c.length - 1 && r.push(e), r;
   }, []);
 }
-const f = D(K), Y = B(
+const m = H(a), ll = Z(
   ({
-    "aria-label": i,
-    buttonNextProps: t,
-    buttonPrevProps: a,
+    "aria-label": c,
+    buttonFirstProps: e,
+    buttonLastProps: P,
+    buttonNextProps: u,
+    buttonPrevProps: o,
     dataTestId: r,
-    getHref: d,
-    listProps: l,
-    onChange: o,
-    page: s,
-    pageCount: m,
-    rangeDisplay: v = 5,
-    ...w
-  }, P) => {
-    const R = O({ page: s, pageCount: m, rangeDisplay: v }), $ = _(null), k = _(null), u = s === 1, b = s === m, A = N(() => {
-      if (u) return;
-      const e = Math.max(s - 1, 1);
-      o(e);
-    }, [u, s, o]), E = N(() => {
-      if (b) return;
-      const e = Math.min(s + 1, m);
-      o(e);
-    }, [b, s, m, o]);
-    return /* @__PURE__ */ n("nav", { "aria-label": i ?? "Pagination", "data-testid": r, ref: P, ...w, children: /* @__PURE__ */ y("ol", { className: f("list"), ...l, children: [
-      /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+    getHref: w,
+    listProps: b,
+    navigationTexts: l,
+    onChange: d,
+    page: f,
+    pageCount: _,
+    rangeDisplay: G = 5,
+    showEdgeControls: D = !1,
+    size: i = "lg",
+    ...p
+  }, q) => {
+    const J = v({ page: f, pageCount: _, rangeDisplay: G }), K = M(null), O = M(null), k = f === 1, y = f === _, $ = f === 1, z = f === _, j = (l == null ? void 0 : l.firstPage) || "First Page", E = (l == null ? void 0 : l.lastPage) || "Last Page", F = (l == null ? void 0 : l.nextPage) || "Next Page", L = (l == null ? void 0 : l.previousPage) || "Previous Page", Q = R(() => {
+      $ || d(1);
+    }, [$, d]), S = R(() => {
+      z || d(_);
+    }, [z, _, d]), U = R(() => {
+      if (k) return;
+      const t = Math.max(f - 1, 1);
+      d(t);
+    }, [k, f, d]), V = R(() => {
+      if (y) return;
+      const t = Math.min(f + 1, _);
+      d(t);
+    }, [y, f, _, d]);
+    return /* @__PURE__ */ s("nav", { "aria-label": c ?? "Pagination", "data-testid": r, ref: q, ...p, children: /* @__PURE__ */ N("ol", { className: m("list"), ...b, children: [
+      D ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ N(
         "button",
         {
-          "aria-label": "Previous Page",
-          className: f("item", u && "disabled-arrow"),
+          "aria-label": j,
+          className: m(
+            "item",
+            `size-${i}`,
+            (l == null ? void 0 : l.firstPage) && "with-text-right",
+            $ && "disabled-arrow"
+          ),
+          "data-testid": r ? `${r}-arrow-first` : void 0,
+          disabled: $,
+          onClick: Q,
+          type: "button",
+          ...e,
+          children: [
+            /* @__PURE__ */ s(A, { className: m("icon"), name: "angle-double-left", size: "lg" }),
+            l != null && l.firstPage ? j : null
+          ]
+        }
+      ) }) : null,
+      /* @__PURE__ */ s("li", { children: /* @__PURE__ */ N(
+        "button",
+        {
+          "aria-label": L,
+          className: m(
+            "item",
+            `size-${i}`,
+            (l == null ? void 0 : l.previousPage) && "with-text-right",
+            k && "disabled-arrow"
+          ),
           "data-testid": r ? `${r}-arrow-prev` : void 0,
-          disabled: u,
-          onClick: A,
-          ref: $,
+          disabled: k,
+          onClick: U,
+          ref: K,
           type: "button",
-          ...a,
-          children: /* @__PURE__ */ n(x, { name: "angle-left-b", size: "sm" })
+          ...o,
+          children: [
+            /* @__PURE__ */ s(A, { className: m("icon"), name: "angle-left", size: "lg" }),
+            l != null && l.previousPage ? L : null
+          ]
         }
       ) }),
-      R.map(
-        (e, j) => e === "-" ? /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: f("dots"), children: "..." }) }, `${j}-`) : /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+      J.map(
+        (t, W) => t === "-" ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
+          "button",
+          {
+            "aria-label": "Collapsed Pages",
+            className: m("item", `size-${i}`),
+            type: "button",
+            ...u,
+            children: "..."
+          }
+        ) }, `${W}-`) : /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
           "a",
           {
-            "aria-current": e === s,
-            className: f("item", "page"),
-            "data-testid": r ? `${r}-${e}` : void 0,
-            href: d == null ? void 0 : d(e),
-            onClick: (M) => {
-              o && (M.preventDefault(), o(e));
+            "aria-current": t === f,
+            className: m("item", "page", `size-${i}`),
+            "data-testid": r ? `${r}-${t}` : void 0,
+            href: w == null ? void 0 : w(t),
+            onClick: (X) => {
+              d && (X.preventDefault(), d(t));
             },
-            children: e
+            children: t
           }
-        ) }, e)
+        ) }, t)
       ),
-      /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+      /* @__PURE__ */ s("li", { children: /* @__PURE__ */ N(
         "button",
         {
-          "aria-label": "Next Page",
-          className: f("item", b && "disabled-arrow"),
+          "aria-label": F,
+          className: m(
+            "item",
+            `size-${i}`,
+            (l == null ? void 0 : l.nextPage) && "with-text-left",
+            y && "disabled-arrow"
+          ),
           "data-testid": r ? `${r}-arrow-next` : void 0,
-          disabled: b,
-          onClick: E,
-          ref: k,
+          disabled: y,
+          onClick: V,
+          ref: O,
+          type: "button",
+          ...u,
+          children: [
+            l != null && l.nextPage ? F : null,
+            /* @__PURE__ */ s(A, { name: "angle-right", size: "lg" })
+          ]
+        }
+      ) }),
+      D ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ N(
+        "button",
+        {
+          "aria-label": E,
+          className: m(
+            "item",
+            `size-${i}`,
+            (l == null ? void 0 : l.lastPage) && "with-text-left",
+            z && "disabled-arrow"
+          ),
+          "data-testid": r ? `${r}-arrow-last` : void 0,
+          disabled: z,
+          onClick: S,
           type: "button",
-          ...t,
-          children: /* @__PURE__ */ n(x, { name: "angle-right-b", size: "sm" })
+          ...P,
+          children: [
+            l != null && l.lastPage ? E : null,
+            /* @__PURE__ */ s(A, { className: m("icon"), name: "angle-double-right", size: "lg" })
+          ]
         }
-      ) })
+      ) }) : null
     ] }) });
   }
 );
+ll.displayName = "Pagination";
 export {
-  Y as Pagination
+  ll as Pagination
 };

package/dist/PasswordInput.js

@@ -1,36 +1,39 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as c, useState as m } from "react";
-import { InputText as l } from "./InputText.js";
+import { forwardRef as c, useState as l } from "react";
+import { InputText as u } from "./InputText.js";
 import { Button as w } from "./Button.js";
 import { Icon as n } from "./Icon.js";
-const u = ({ isHidden: e, onClick: t, ...a }) => /* @__PURE__ */ o(
+const d = ({ isHidden: a, onClick: t, ...e }) => /* @__PURE__ */ o(
   w,
   {
     "aria-controls": "password",
-    "aria-expanded": !e,
+    "aria-expanded": !a,
     onClick: t,
     size: "sm",
     variant: "tertiary",
-    ...a,
-    children: e ? /* @__PURE__ */ o(n, { name: "eye" }) : /* @__PURE__ */ o(n, { name: "eye-slash" })
+    ...e,
+    children: a ? /* @__PURE__ */ o(n, { name: "eye" }) : /* @__PURE__ */ o(n, { name: "eye-slash" })
   }
-), I = c(
-  ({ toggleAriaLabel: e, ...t }, a) => {
-    const [r, d] = m("password"), s = r === "password", i = () => {
-      d(s ? "text" : "password");
-    }, p = t["data-testid"] ? `${t["data-testid"]}-action` : void 0;
-    return /* @__PURE__ */ o(l, { ...t, ref: a, type: r, children: /* @__PURE__ */ o(
-      u,
+);
+d.displayName = "PasswordInput.ToggleButton";
+const y = c(
+  ({ toggleAriaLabel: a, ...t }, e) => {
+    const [r, i] = l("password"), s = r === "password", p = () => {
+      i(s ? "text" : "password");
+    }, m = t["data-testid"] ? `${t["data-testid"]}-action` : void 0;
+    return /* @__PURE__ */ o(u, { ...t, ref: e, type: r, children: /* @__PURE__ */ o(
+      d,
       {
-        "aria-label": e ?? (s ? "Show password" : "Hide password"),
-        "data-testid": p,
+        "aria-label": a ?? (s ? "Show password" : "Hide password"),
+        "data-testid": m,
         isHidden: s,
-        onClick: i
+        onClick: p
       }
     ) });
   }
 );
+y.displayName = "PasswordInput";
 export {
-  I as PasswordInput
+  y as PasswordInput
 };