welcome-ui 9.0.0 → 10.0.0-alpha.1

package/dist/Modal.js

@@ -1,29 +1,28 @@
 "use client";
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { u as C } from "./RTNCFSKZ-qpPg689E.js";
-import { D as I, u as y } from "./NI3IVY7K-Ztb3-XAv.js";
-import { forwardRef as c, isValidElement as B, cloneElement as S, useState as A, useEffect as T } from "react";
-import { c as n } from "./index-CdiHdiVB.js";
-import { f as z } from "./forwardRefWithAs-8eP3ZN15.js";
-import { D as v } from "./DSAASPLT-BaaCUKsb.js";
-import "./Icon-EG7O4YwD.js";
-import { C as j } from "./index-Bt79XJ8R.js";
+import { jsx as o, jsxs as _ } from "react/jsx-runtime";
+import { u as k } from "./RTNCFSKZ-qpPg689E.js";
+import { D as y, u as I } from "./NI3IVY7K-Ztb3-XAv.js";
+import { forwardRef as c, isValidElement as B, cloneElement as C, useState as S, useEffect as A } from "react";
+import { c as a } from "./index-CdiHdiVB.js";
+import { f as j } from "./forwardRefWithAs-8eP3ZN15.js";
+import { D as g } from "./DSAASPLT-BaaCUKsb.js";
+import { Icon as T } from "./Icon.js";
 import { Button as E } from "./Button.js";
-import { Text as m } from "./Text.js";
+import { Text as u } from "./Text.js";
 import { CloseButton as M } from "./CloseButton.js";
 import { D as H } from "./ZTXFEM5L-CkrIQCN1.js";
-const R = "_root_1vbnu_3", W = "_hideOnInteractOutside_1vbnu_19", F = "_dialog_1vbnu_117", i = {
+const R = "_root_1ruus_3", W = "_hideOnInteractOutside_1ruus_19", F = "_dialog_1ruus_117", i = {
   root: R,
-  "asset-backdrop": "_asset-backdrop_1vbnu_8",
+  "asset-backdrop": "_asset-backdrop_1ruus_8",
   hideOnInteractOutside: W,
-  "iframe-wrapper": "_iframe-wrapper_1vbnu_25",
-  "asset-wrapper": "_asset-wrapper_1vbnu_48",
-  "asset-title-wrapper": "_asset-title-wrapper_1vbnu_56",
-  "asset-title": "_asset-title_1vbnu_56",
-  "asset-content": "_asset-content_1vbnu_96",
+  "iframe-wrapper": "_iframe-wrapper_1ruus_25",
+  "asset-wrapper": "_asset-wrapper_1ruus_48",
+  "asset-title-wrapper": "_asset-title-wrapper_1ruus_56",
+  "asset-title": "_asset-title_1ruus_56",
+  "asset-content": "_asset-content_1ruus_96",
   dialog: F,
-  "close-button": "_close-button_1vbnu_159"
-}, V = n(i), q = ({ children: t, ...e }) => /* @__PURE__ */ o(E, { className: V("close-button"), shape: "circle", variant: "secondary", ...e, children: t }), G = n(i), J = c(
+  "close-button": "_close-button_1ruus_159"
+}, V = a(i), q = ({ children: t, ...e }) => /* @__PURE__ */ o(E, { className: V("close-button"), variant: "primary-neutral", ...e, children: t }), G = a(i), J = c(
   ({ hideOnInteractOutside: t, ...e }, s) => /* @__PURE__ */ o(
     "div",
     {
@@ -31,136 +30,136 @@ const R = "_root_1vbnu_3", W = "_hideOnInteractOutside_1vbnu_19", F = "_dialog_1
       ...e,
       ref: s,
       children: /* @__PURE__ */ o(
-        v,
+        g,
         {
-          render: /* @__PURE__ */ o(q, { children: /* @__PURE__ */ o(j, {}) })
+          render: /* @__PURE__ */ o(q, { children: /* @__PURE__ */ o(T, { name: "times" }) })
         }
       )
     }
   )
-), K = n(i), L = ({
+), K = a(i), L = ({
   children: t,
   ...e
-}) => /* @__PURE__ */ o("div", { className: K("root", "asset-content"), ...e, children: t }), P = n(i), N = ({ children: t, ...e }) => /* @__PURE__ */ o(m, { as: "p", className: P("asset-title"), lines: 2, variant: "h4", ...e, children: t }), g = n(i), Q = c(
-  ({ children: t, customContent: e, subtitle: s, title: r, ..._ }, a) => /* @__PURE__ */ d("div", { className: g("root", "asset-wrapper"), ref: a, ..._, children: [
+}) => /* @__PURE__ */ o("div", { className: K("root", "asset-content"), ...e, children: t }), P = a(i), N = ({ children: t, ...e }) => /* @__PURE__ */ o(u, { as: "p", className: P("asset-title"), lines: 2, variant: "heading-md-strong", ...e, children: t }), z = a(i), Q = c(
+  ({ children: t, customContent: e, subtitle: s, title: r, ...d }, n) => /* @__PURE__ */ _("div", { className: z("root", "asset-wrapper"), ref: n, ...d, children: [
     t,
-    /* @__PURE__ */ d("div", { className: g("root", "asset-title-wrapper"), children: [
+    /* @__PURE__ */ _("div", { className: z("root", "asset-title-wrapper"), children: [
       e,
-      !e && s ? /* @__PURE__ */ o(m, { variant: "subtitle-sm", children: s }) : null,
+      !e && s ? /* @__PURE__ */ o(u, { variant: "label-md", children: s }) : null,
       !e && r ? /* @__PURE__ */ o(N, { children: r }) : null
     ] })
   ] })
-), U = n(i), X = ({
+), U = a(i), X = ({
   children: t,
   ...e
-}) => /* @__PURE__ */ o("div", { className: U("root", "dialog"), ...e, children: t }), Y = n(i), Z = ({ children: t }) => /* @__PURE__ */ o("div", { className: Y("root", "iframe-wrapper"), children: t }), tt = Object.assign(X, {
+}) => /* @__PURE__ */ o("div", { className: U("root", "dialog"), ...e, children: t }), Y = a(i), Z = ({ children: t }) => /* @__PURE__ */ o("div", { className: Y("root", "iframe-wrapper"), children: t }), tt = Object.assign(X, {
   AssetWithTitle: Q,
   Backdrop: J,
   Content: L,
   Iframe: Z,
   Title: N
-}), et = "_root_4g0z0_4", ot = "_body_4g0z0_48", st = "_footer_4g0z0_48", rt = "_header_4g0z0_48", nt = "_scrollable_4g0z0_60", at = "_content_4g0z0_66", ct = "_close_4g0z0_66", it = "_backdrop_4g0z0_85", lt = "_hideOnInteractOutside_4g0z0_96", _t = "_icon_4g0z0_127", l = {
+}), et = "_root_a4zjh_4", ot = "_body_a4zjh_48", st = "_footer_a4zjh_48", rt = "_header_a4zjh_48", at = "_scrollable_a4zjh_60", nt = "_content_a4zjh_66", ct = "_close_a4zjh_66", it = "_backdrop_a4zjh_85", lt = "_hideOnInteractOutside_a4zjh_96", dt = "_icon_a4zjh_127", l = {
   root: et,
   body: ot,
   footer: st,
   header: rt,
-  scrollable: nt,
-  content: at,
-  "with-close-button": "_with-close-button_4g0z0_66",
+  scrollable: at,
+  content: nt,
+  "with-close-button": "_with-close-button_a4zjh_66",
   close: ct,
-  "size-lg": "_size-lg_4g0z0_69",
-  "size-md": "_size-md_4g0z0_73",
-  "size-sm": "_size-sm_4g0z0_77",
-  "size-xs": "_size-xs_4g0z0_81",
+  "size-lg": "_size-lg_a4zjh_69",
+  "size-md": "_size-md_a4zjh_73",
+  "size-sm": "_size-sm_a4zjh_77",
+  "size-xs": "_size-xs_a4zjh_81",
   backdrop: it,
   hideOnInteractOutside: lt,
-  "header-subtitle": "_header-subtitle_4g0z0_124",
-  "header-title": "_header-title_4g0z0_124",
-  icon: _t,
-  "footer-children-wrapper": "_footer-children-wrapper_4g0z0_158",
-  "footer-information": "_footer-information_4g0z0_163",
-  "footer-information-title": "_footer-information-title_4g0z0_170",
-  "footer-information-subtitle": "_footer-information-subtitle_4g0z0_174"
-}, dt = n(l), mt = c(
+  "header-subtitle": "_header-subtitle_a4zjh_124",
+  "header-title": "_header-title_a4zjh_124",
+  icon: dt,
+  "footer-children-wrapper": "_footer-children-wrapper_a4zjh_158",
+  "footer-information": "_footer-information_a4zjh_163",
+  "footer-information-title": "_footer-information-title_a4zjh_170",
+  "footer-information-subtitle": "_footer-information-subtitle_a4zjh_174"
+}, _t = a(l), ut = c(
   ({ backdrop: t, hideOnInteractOutside: e, ...s }, r) => t === !0 ? /* @__PURE__ */ o(
     "div",
     {
-      className: dt("backdrop", e && "hideOnInteractOutside"),
+      className: _t("backdrop", e && "hideOnInteractOutside"),
       ref: r,
       ...s
     }
-  ) : B(t) ? S(t, { ref: r, ...s }) : null
-), ut = n(l), ft = c((t, e) => /* @__PURE__ */ o("section", { className: ut("body"), ref: e, ...t })), pt = n(l), x = (t) => /* @__PURE__ */ o(v, { render: /* @__PURE__ */ o(M, { className: pt("close"), ...t }) }), ht = n(l), bt = c(
-  ({ children: t, withClosingButton: e = !0, ...s }, r) => /* @__PURE__ */ d("div", { className: ht("content", e && "with-close-button"), ref: r, ...s, children: [
+  ) : B(t) ? C(t, { ref: r, ...s }) : null
+), mt = a(l), ht = c((t, e) => /* @__PURE__ */ o("section", { className: mt("body"), ref: e, ...t })), ft = a(l), x = (t) => /* @__PURE__ */ o(g, { render: /* @__PURE__ */ o(M, { className: ft("close"), ...t }) }), pt = a(l), bt = c(
+  ({ children: t, withClosingButton: e = !0, ...s }, r) => /* @__PURE__ */ _("div", { className: pt("content", e && "with-close-button"), ref: r, ...s, children: [
     /* @__PURE__ */ o(x, {}),
     t
   ] })
-), u = n(l), gt = c(
-  ({ children: t, information: e, ...s }, r) => /* @__PURE__ */ d("footer", { className: u("footer"), ref: r, ...s, children: [
-    t ? /* @__PURE__ */ o("div", { className: u("footer-children-wrapper"), children: t }) : null,
-    e ? /* @__PURE__ */ d("div", { className: u("footer-information"), children: [
-      /* @__PURE__ */ o(m, { className: u("footer-information-title"), variant: "subtitle-sm", children: e.title }),
-      /* @__PURE__ */ o(m, { className: u("footer-information-subtitle"), variant: "sm", children: e.subtitle })
+), m = a(l), zt = c(
+  ({ children: t, information: e, ...s }, r) => /* @__PURE__ */ _("footer", { className: m("footer"), ref: r, ...s, children: [
+    t ? /* @__PURE__ */ o("div", { className: m("footer-children-wrapper"), children: t }) : null,
+    e ? /* @__PURE__ */ _("div", { className: m("footer-information"), children: [
+      /* @__PURE__ */ o(u, { className: m("footer-information-title"), variant: "label-md", children: e.title }),
+      /* @__PURE__ */ o(u, { className: m("footer-information-subtitle"), variant: "body-md", children: e.subtitle })
     ] }) : null
   ] })
-), p = n(l), zt = c(
-  ({ icon: t, subtitle: e, title: s, ...r }, _) => /* @__PURE__ */ d("header", { className: p("header", t && "icon"), ref: _, ...r, children: [
+), f = a(l), jt = c(
+  ({ icon: t, subtitle: e, title: s, ...r }, d) => /* @__PURE__ */ _("header", { className: f("header", t && "icon"), ref: d, ...r, children: [
     /* @__PURE__ */ o(x, {}),
     t,
-    /* @__PURE__ */ o(m, { className: p("header-title"), variant: "h4", children: s }),
-    e ? /* @__PURE__ */ o(m, { className: p("header-subtitle"), children: e }) : null
+    /* @__PURE__ */ o(u, { as: "h4", className: f("header-title"), variant: "heading-md-strong", children: s }),
+    e ? /* @__PURE__ */ o(u, { className: f("header-subtitle"), children: e }) : null
   ] })
-), vt = z(
+), gt = j(
   ({ as: t, store: e, ...s }, r) => /* @__PURE__ */ o(H, { ref: r, render: t ? /* @__PURE__ */ o(t, {}) : void 0, store: e, ...s })
-), Nt = n(l);
-function Et(t) {
+), Nt = a(l);
+function Tt(t) {
   const { onClose: e, setOpen: s, ...r } = t || {};
-  return y({
-    setOpen: (a) => {
-      !a && e && e(), s == null || s(a);
+  return I({
+    setOpen: (n) => {
+      !n && e && e(), s == null || s(n);
     },
     ...r
   });
 }
-const xt = z(
+const xt = j(
   ({
     ariaLabel: t,
     /** for render property */
     as: e,
     backdrop: s = !0,
     children: r,
-    className: _,
-    hideOnInteractOutside: a = !0,
+    className: d,
+    hideOnInteractOutside: n = !0,
     size: $ = "lg",
-    store: h,
-    ...w
-  }, O) => {
-    const [D, k] = A(!1), { contentElement: f, open: b } = C(h);
-    return T(() => {
-      b && f && k(f.scrollHeight > f.offsetHeight);
-    }, [f, b]), /* @__PURE__ */ o(
-      I,
+    store: p,
+    ...v
+  }, w) => {
+    const [O, D] = S(!1), { contentElement: h, open: b } = k(p);
+    return A(() => {
+      b && h && D(h.scrollHeight > h.offsetHeight);
+    }, [h, b]), /* @__PURE__ */ o(
+      y,
       {
-        backdrop: /* @__PURE__ */ o(mt, { backdrop: s, hideOnInteractOutside: a }),
-        hideOnInteractOutside: a,
-        ref: O,
-        render: e ? /* @__PURE__ */ o(e, {}) : /* @__PURE__ */ o("div", { className: Nt("root", `size-${$}`, D && "scrollable", _) }),
-        store: h,
-        ...w,
+        backdrop: /* @__PURE__ */ o(ut, { backdrop: s, hideOnInteractOutside: n }),
+        hideOnInteractOutside: n,
+        ref: w,
+        render: e ? /* @__PURE__ */ o(e, {}) : /* @__PURE__ */ o("div", { className: Nt("root", `size-${$}`, O && "scrollable", d) }),
+        store: p,
+        ...v,
         "aria-label": t,
         children: r
       }
     );
   }
-), Mt = Object.assign(xt, {
-  Body: ft,
+), Et = Object.assign(xt, {
+  Body: ht,
   Content: bt,
-  Footer: gt,
-  Header: zt,
-  Trigger: vt
-}), Ht = tt;
+  Footer: zt,
+  Header: jt,
+  Trigger: gt
+}), Mt = tt;
 export {
-  Ht as AssetModal,
-  Mt as Modal,
-  Et as useModal
+  Mt as AssetModal,
+  Et as Modal,
+  Tt as useModal
 };

package/dist/Pagination.css

@@ -1 +1 @@
-@layer components{._list_1jk7d_2{list-style-type:none;padding:0;margin:0;display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}._item_1jk7d_11{color:var(--color, var(--color-neutral-90));background-color:var(--backgroundColor, var(--color-neutral-10));font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:var(--height-elements-md);width:var(--height-elements-md);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}._item_1jk7d_11:not([disabled]):hover,._item_1jk7d_11:focus-visible{--backgroundColor: var(--color-neutral-30)}._item_1jk7d_11:focus-visible{--color: var(--color-neutral-90);outline:none!important}._disabled-arrow_1jk7d_32{cursor:not-allowed;--color: var(--color-beige-70);--backgroundColor: var(--color-beige-40)}._page_1jk7d_37[aria-current=true]{--backgroundColor: var(--color-neutral-90);--color: var(--color-neutral-10)}._page_1jk7d_37[aria-current=true]:hover,._page_1jk7d_37[aria-current=true]:focus-visible{--backgroundColor: var(--color-neutral-90)}._dots_1jk7d_44{display:flex;justify-content:center;align-items:center}}
+@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}}

package/dist/Pagination.js

@@ -1,61 +1,59 @@
 "use client";
-import { jsx as n, jsxs as M } from "react/jsx-runtime";
-import { useMemo as y, forwardRef as z, useRef as h, useCallback as N } from "react";
-import "./Icon-EG7O4YwD.js";
-import { L as B } from "./index-D5a8Oe6k.js";
-import { R as D } from "./index-BtwrJ6N4.js";
-import { c as G } from "./index-CdiHdiVB.js";
-const L = "_list_1jk7d_2", p = "_item_1jk7d_11", q = "_page_1jk7d_37", F = "_dots_1jk7d_44", J = {
-  list: L,
-  item: p,
-  "disabled-arrow": "_disabled-arrow_1jk7d_32",
-  page: q,
-  dots: F
-}, c = 5, K = 3;
-function O({ page: i, pageCount: t, rangeDisplay: d }) {
-  return y(() => {
-    if (t <= d || t <= c + 1)
-      return _(t, (s) => s + 1);
-    const r = Q(i, t), a = r === "before" ? _(c, (s) => s + 1) : [1], o = r === "center" ? _(K, (s) => s + i - 1) : [], l = r === "after" ? _(c, (s) => s + t - c + 1) : [t];
-    return S([a, o, l], "-");
-  }, [i, t, d]);
+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]);
 }
-function _(i, t) {
-  return Array.from({ length: i }, (d, r) => t(r));
+function h(i, t) {
+  return Array.from({ length: i }, (a, r) => t(r));
 }
 function Q(i, t) {
   return i < c ? "before" : i >= c && i <= t - c + 1 ? "center" : i > t - c + 1 ? "after" : "center";
 }
 function S(i, t) {
-  return i.reduce((d, r, a) => {
-    const o = [];
-    return o.push(...d), o.push(...r), r.length && a < i.length - 1 && o.push(t), o;
+  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;
   }, []);
 }
-const f = G(J), H = z(
+const f = D(K), Y = B(
   ({
     "aria-label": i,
     buttonNextProps: t,
-    buttonPrevProps: d,
+    buttonPrevProps: a,
     dataTestId: r,
-    getHref: a,
-    listProps: o,
-    onChange: l,
+    getHref: d,
+    listProps: l,
+    onChange: o,
     page: s,
     pageCount: m,
-    rangeDisplay: x = 5,
-    ...v
-  }, k) => {
-    const R = O({ page: s, pageCount: m, rangeDisplay: x }), j = h(null), w = h(null), u = s === 1, b = s === m, P = N(() => {
+    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);
-      l(e);
-    }, [u, s, l]), $ = N(() => {
+      o(e);
+    }, [u, s, o]), E = N(() => {
       if (b) return;
       const e = Math.min(s + 1, m);
-      l(e);
-    }, [b, s, m, l]);
-    return /* @__PURE__ */ n("nav", { "aria-label": i ?? "Pagination", "data-testid": r, ref: k, ...v, children: /* @__PURE__ */ M("ol", { className: f("list"), ...o, children: [
+      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(
         "button",
         {
@@ -63,23 +61,23 @@ const f = G(J), H = z(
           className: f("item", u && "disabled-arrow"),
           "data-testid": r ? `${r}-arrow-prev` : void 0,
           disabled: u,
-          onClick: P,
-          ref: j,
+          onClick: A,
+          ref: $,
           type: "button",
-          ...d,
-          children: /* @__PURE__ */ n(B, { size: "sm" })
+          ...a,
+          children: /* @__PURE__ */ n(x, { name: "angle-left-b", size: "sm" })
         }
       ) }),
       R.map(
-        (e, A) => e === "-" ? /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: f("dots"), children: "..." }) }, `${A}-`) : /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+        (e, j) => e === "-" ? /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: f("dots"), children: "..." }) }, `${j}-`) : /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
           "a",
           {
             "aria-current": e === s,
             className: f("item", "page"),
             "data-testid": r ? `${r}-${e}` : void 0,
-            href: a == null ? void 0 : a(e),
-            onClick: (E) => {
-              l && (E.preventDefault(), l(e));
+            href: d == null ? void 0 : d(e),
+            onClick: (M) => {
+              o && (M.preventDefault(), o(e));
             },
             children: e
           }
@@ -92,16 +90,16 @@ const f = G(J), H = z(
           className: f("item", b && "disabled-arrow"),
           "data-testid": r ? `${r}-arrow-next` : void 0,
           disabled: b,
-          onClick: $,
-          ref: w,
+          onClick: E,
+          ref: k,
           type: "button",
           ...t,
-          children: /* @__PURE__ */ n(D, { size: "sm" })
+          children: /* @__PURE__ */ n(x, { name: "angle-right-b", size: "sm" })
         }
       ) })
     ] }) });
   }
 );
 export {
-  H as Pagination
+  Y as Pagination
 };

package/dist/PasswordInput.js

@@ -1,47 +1,36 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as p, useState as c } from "react";
-import { InputText as m } from "./InputText.js";
-import { Button as l } from "./Button.js";
-import "./Icon-EG7O4YwD.js";
-import { S as w, H as u } from "./index-BC2bF45u.js";
-const x = ({ isHidden: s, onClick: t, ...a }) => /* @__PURE__ */ o(
-  l,
+import { forwardRef as c, useState as m } from "react";
+import { InputText as l } 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(
+  w,
   {
     "aria-controls": "password",
-    "aria-expanded": !s,
+    "aria-expanded": !e,
     onClick: t,
-    shape: "circle",
-    size: "xs",
-    variant: "ghost",
+    size: "sm",
+    variant: "tertiary",
     ...a,
-    children: s ? /* @__PURE__ */ o(w, {}) : /* @__PURE__ */ o(u, {})
+    children: e ? /* @__PURE__ */ o(n, { name: "eye" }) : /* @__PURE__ */ o(n, { name: "eye-slash" })
   }
-), H = p(
-  ({ toggleAriaLabel: s, ...t }, a) => {
-    const [r, n] = c("password"), e = r === "password", i = () => {
-      n(e ? "text" : "password");
-    }, d = t["data-testid"] ? `${t["data-testid"]}-action` : void 0;
-    return /* @__PURE__ */ o(
-      m,
+), 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,
       {
-        ...t,
-        icon: /* @__PURE__ */ o(
-          x,
-          {
-            "aria-label": s ?? (e ? "Show password" : "Hide password"),
-            "data-testid": d,
-            isHidden: e,
-            onClick: i
-          }
-        ),
-        iconPlacement: "right",
-        ref: a,
-        type: r
+        "aria-label": e ?? (s ? "Show password" : "Hide password"),
+        "data-testid": p,
+        isHidden: s,
+        onClick: i
       }
-    );
+    ) });
   }
 );
 export {
-  H as PasswordInput
+  I as PasswordInput
 };

package/dist/Popover.css

@@ -1 +1 @@
-@layer components{._root_1ldto_2{font-size:var(--font-size-sm);background-color:var(--color-neutral-90);color:var(--color-neutral-10);max-width:43.75rem;z-index:1;outline:none;transition:opacity var(--duration-fast) ease-in-out}[data-enter] ._root_1ldto_2{opacity:1}._title_1ldto_15{font-size:var(--font-size-md);margin:0;border-bottom:var(--border-width-sm) solid var(--color-neutral-70);color:var(--color-neutral-10);padding:var(--spacing-md) var(--spacing-md) var(--spacing-xs)}._with-close-button_1ldto_24 ._title_1ldto_15{padding-right:var(--spacing-3xl)}._content-wrapper_1ldto_27{position:relative}._content_1ldto_27{display:block;padding:var(--spacing-md)}._close-button_1ldto_34{flex:0 0 auto;position:absolute;top:var(--border-width-sm);right:var(--border-width-sm);margin-left:var(--spacing-md)}._arrow_1ldto_41{color:var(--color-neutral-90)}._arrow-item_1ldto_44{transform:var(--transform);width:var(--height-30);height:var(--height-30)}._arrow-item_1ldto_44._placement-top_1ldto_49{--transform: rotateZ(180deg)}._arrow-item_1ldto_44._placement-right_1ldto_52{--transform: rotateZ(-90deg)}._arrow-item_1ldto_44._placement-left_1ldto_55{--transform: rotateZ(90deg)}._arrow-item_1ldto_44._placement-bottom_1ldto_58{--transform: rotateZ(360deg)}}
+@layer components{._root_kqbt9_2{font-size:var(--font-size-14);background-color:var(--color-background-neutral-primary-fixed);color:var(--color-background-neutral-inverse-fixed);max-width:43.75rem;z-index:1;outline:none;transition:opacity var(--duration-fast) ease-in-out}[data-enter] ._root_kqbt9_2{opacity:1}._title_kqbt9_15{font-size:var(--border-radius-xl);margin:0;border-bottom:var(--border-width-xs) solid var(--color-background-neutral-tertiary);color:var(--color-background-neutral-inverse-fixed);padding:var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm)}._with-close-button_kqbt9_24 ._title_kqbt9_15{padding-right:var(--size-icon-2xl)}._content-wrapper_kqbt9_27{position:relative}._content_kqbt9_27{display:block;padding:var(--border-radius-lg)}._close-button_kqbt9_34{flex:0 0 auto;position:absolute;top:var(--border-width-xs);right:var(--border-width-xs);margin-left:var(--border-radius-lg)}._arrow_kqbt9_41{color:var(--color-background-neutral-primary-fixed)}._arrow-item_kqbt9_44{transform:var(--transform);width:var(--height-32);height:var(--height-32)}._arrow-item_kqbt9_44._placement-top_kqbt9_49{--transform: rotateZ(180deg)}._arrow-item_kqbt9_44._placement-right_kqbt9_52{--transform: rotateZ(-90deg)}._arrow-item_kqbt9_44._placement-left_kqbt9_55{--transform: rotateZ(90deg)}._arrow-item_kqbt9_44._placement-bottom_kqbt9_58{--transform: rotateZ(360deg)}}