welcome-ui 1.0.0-beta.4 → 1.0.0-beta.5

package/dist/Modal.mjs

@@ -4,11 +4,11 @@ import i, { css as f, th as l, system as H, up as Q, useTheme as v } from "@xsty
 import { Shape as U } from "./Shape.mjs";
 import { forwardRef as c } from "./System.mjs";
 import { Text as p } from "./Text.mjs";
-import { Box as w } from "./Box.mjs";
+import { Box as $ } from "./Box.mjs";
 import { CloseButton as X } from "./CloseButton.mjs";
 import { D as S } from "./SYRFVSLH-DyepaZf7.mjs";
 import { StyledSwiper as Y } from "./Swiper.mjs";
-import { Icons as Z } from "./IconFont.mjs";
+import { IconFont as Z } from "./IconFont.mjs";
 import { Button as ee } from "./Button.mjs";
 import { u as te, D as oe } from "./JC64G2H7-CQsqXPS_.mjs";
 import { D as ne } from "./AXB53BZF-BxNazDnS.mjs";
@@ -70,26 +70,26 @@ const W = i.divBox.withConfig({
       `
   )}
   `
-), ae = i.divBox``, ie = i.sectionBox`
+), ae = i.sectionBox`
   ${l("modals.body")};
-`, le = i.headerBox`
+`, ie = i.headerBox`
   position: sticky;
   top: 0;
   flex-shrink: 0;
   z-index: 1;
   ${l("modals.header")};
-`, se = i(p)`
+`, le = i(p)`
   ${l(".modals.header.subtitle")};
   margin-bottom: 0;
-`, me = i.footerBox`
+`, se = i.footerBox`
   position: sticky;
   bottom: 0;
   flex-shrink: 0;
   z-index: 1;
   ${l("modals.footer")};
-`, ce = i(w)`
+`, me = i($)`
   ${l("modals.footer.children")};
-`, de = i.divBox`
+`, ce = i.divBox`
   ${l("modals.footer.information")};
 `, M = ({ isOnHeader: e, ...t }) => {
   const n = v();
@@ -109,13 +109,13 @@ const W = i.divBox.withConfig({
       )
     }
   );
-}, N = c(({ icon: e, subtitle: t, title: n, ...r }, s) => /* @__PURE__ */ o.createElement(le, { ref: s, textAlign: e ? "center" : null, w: "100%", ...r }, /* @__PURE__ */ o.createElement(M, { isOnHeader: !0 }), e, /* @__PURE__ */ o.createElement(p, { mb: t ? "lg" : 0, mt: e ? "xl" : 0, variant: "h4" }, n), t && /* @__PURE__ */ o.createElement(se, null, t)));
+}, N = c(({ icon: e, subtitle: t, title: n, ...r }, s) => /* @__PURE__ */ o.createElement(ie, { ref: s, textAlign: e ? "center" : null, w: "100%", ...r }, /* @__PURE__ */ o.createElement(M, { isOnHeader: !0 }), e, /* @__PURE__ */ o.createElement(p, { mb: t ? "lg" : 0, mt: e ? "xl" : 0, variant: "h4" }, n), t && /* @__PURE__ */ o.createElement(le, null, t)));
 N.displayName = "Header";
-const T = c(({ children: e, information: t, ...n }, r) => /* @__PURE__ */ o.createElement(me, { ref: r, w: "100%", ...n }, e && /* @__PURE__ */ o.createElement(ce, null, e), t && /* @__PURE__ */ o.createElement(de, null, /* @__PURE__ */ o.createElement(p, { color: "neutral-90", fontWeight: "bold", variant: "subtitle-sm" }, t.title), /* @__PURE__ */ o.createElement(p, { color: "neutral-90", mb: "0", mt: "md", variant: "sm" }, t.subtitle))));
+const T = c(({ children: e, information: t, ...n }, r) => /* @__PURE__ */ o.createElement(se, { ref: r, w: "100%", ...n }, e && /* @__PURE__ */ o.createElement(me, null, e), t && /* @__PURE__ */ o.createElement(ce, null, /* @__PURE__ */ o.createElement(p, { color: "neutral-90", fontWeight: "bold", variant: "subtitle-sm" }, t.title), /* @__PURE__ */ o.createElement(p, { color: "neutral-90", mb: "0", mt: "md", variant: "sm" }, t.subtitle))));
 T.displayName = "Footer";
 const z = c(
   ({ children: e, store: t, withClosingButton: n = !0, ...r }, s) => {
-    const { borderWidths: u, space: d } = v(), [$, h] = J(!1), g = t.useState("contentElement"), B = t.useState("open"), m = K(
+    const { borderWidths: u, space: d } = v(), [y, h] = J(!1), g = t.useState("contentElement"), B = t.useState("open"), m = K(
       () => D.map(e, (a) => {
         if (o.isValidElement(a)) {
           const x = a.type;
@@ -132,11 +132,11 @@ const z = c(
       pr: m.includes("Header") ? d.xxl : null
     } : a === "Footer" ? {
       pt: m.includes("Header") || m.includes("Body") ? null : d.lg,
-      borderWidth: $ ? u.sm : "0"
+      borderWidth: y ? u.sm : "0"
     } : {};
     return L(() => {
       B ? g && h(g.scrollHeight > g.offsetHeight) : h(!1);
-    }, [t, B, g]), /* @__PURE__ */ o.createElement(ae, { ref: s, ...r }, q ? /* @__PURE__ */ o.createElement(M, null) : null, D.map(e, (a) => {
+    }, [t, B, g]), /* @__PURE__ */ o.createElement($, { ref: s, ...r }, q ? /* @__PURE__ */ o.createElement(M, null) : null, D.map(e, (a) => {
       var k, C;
       if (!a) return null;
       const x = ((k = a == null ? void 0 : a.type) == null ? void 0 : k.displayName) || ((C = a == null ? void 0 : a.type) == null ? void 0 : C.name);
@@ -172,7 +172,7 @@ const _ = "calc(100vw - 2 * 2rem);", I = "calc(100vw - 2 * 1rem);", j = "calc(10
     width: 100%;
     height: 100%;
   }
-`, y = i.divBox`
+`, E = i.divBox`
   transition: margin-top 250ms ease-in-out;
 
   > img,
@@ -189,7 +189,7 @@ const _ = "calc(100vw - 2 * 2rem);", I = "calc(100vw - 2 * 1rem);", j = "calc(10
       max-width: 1600;
     }
   }
-`, ue = i.div`
+`, de = i.div`
   ${l("modals.default")};
   position: fixed;
   inset: 0;
@@ -205,20 +205,20 @@ const _ = "calc(100vw - 2 * 2rem);", I = "calc(100vw - 2 * 1rem);", j = "calc(10
     ${A};
   }
 
-  ${y} {
+  ${E} {
     margin-top: xl;
   }
 
   &[data-enter] {
     opacity: 1;
 
-    ${y} {
+    ${E} {
       margin-top: 0;
     }
   }
 `, R = i(p).attrs({ lines: 2, variant: "h4" })`
   margin: 0;
-`, E = "4rem", b = "6rem", pe = i.divBox`
+`, b = "4rem", w = "6rem", ue = i.divBox`
   display: flex;
   flex-direction: column;
   border-radius: xxl;
@@ -227,32 +227,32 @@ const _ = "calc(100vw - 2 * 2rem);", I = "calc(100vw - 2 * 1rem);", j = "calc(10
   > img {
     width: auto;
     max-width: fit-content;
-    max-height: calc(100vh - 2 * 5rem - ${E});
+    max-height: calc(100vh - 2 * 5rem - ${b});
     flex-shrink: 0;
 
     @media (min-width: md) {
-      max-height: calc(100vh - 2 * 5rem - ${b});
+      max-height: calc(100vh - 2 * 5rem - ${w});
     }
   }
 
   ${O} {
     background-color: neutral-90;
-    max-height: calc(100vh - 2 * 5rem - ${E});
+    max-height: calc(100vh - 2 * 5rem - ${b});
 
     @media (min-width: md) {
-      max-height: calc(100vh - 2 * 5rem - ${b});
+      max-height: calc(100vh - 2 * 5rem - ${w});
     }
   }
-`, fe = c(
-  ({ children: e, customContent: t, subtitle: n, title: r }, s) => /* @__PURE__ */ o.createElement(pe, { ref: s }, e, /* @__PURE__ */ o.createElement(
-    w,
+`, pe = c(
+  ({ children: e, customContent: t, subtitle: n, title: r }, s) => /* @__PURE__ */ o.createElement(ue, { ref: s }, e, /* @__PURE__ */ o.createElement(
+    $,
     {
       backgroundColor: "neutral-10",
       display: "flex",
       flexDirection: "column",
       flexShrink: 0,
       gap: "xxs",
-      h: { _: E, md: b },
+      h: { _: b, md: w },
       justifyContent: "center",
       px: { _: "md", md: "xl" },
       w: "100%"
@@ -261,7 +261,7 @@ const _ = "calc(100vw - 2 * 2rem);", I = "calc(100vw - 2 * 1rem);", j = "calc(10
     !t && n && /* @__PURE__ */ o.createElement(p, { variant: "subtitle-sm" }, n),
     !t && r && /* @__PURE__ */ o.createElement(R, null, r)
   ))
-), he = i(ee)`
+), fe = i(ee)`
   position: absolute;
   right: xl;
   top: xl;
@@ -288,20 +288,20 @@ const _ = "calc(100vw - 2 * 2rem);", I = "calc(100vw - 2 * 1rem);", j = "calc(10
     /* @__PURE__ */ o.createElement(
       S,
       {
-        render: /* @__PURE__ */ o.createElement(he, { shape: "circle", variant: "secondary" }, /* @__PURE__ */ o.createElement(Z.Cross, null))
+        render: /* @__PURE__ */ o.createElement(fe, { shape: "circle", variant: "secondary" }, /* @__PURE__ */ o.createElement(Z.Cross, null))
       }
     )
   )
 );
 P.displayName = "Backdrop";
-const ge = ({ children: e }) => /* @__PURE__ */ o.createElement(O, null, /* @__PURE__ */ o.createElement(w, { h: "100%", margin: "0 auto", style: { aspectRatio: 16 / 9 } }, e)), xe = Object.assign(ue, {
-  AssetWithTitle: fe,
+const he = ({ children: e }) => /* @__PURE__ */ o.createElement(O, null, /* @__PURE__ */ o.createElement($, { h: "100%", margin: "0 auto", style: { aspectRatio: 16 / 9 } }, e)), ge = Object.assign(de, {
+  AssetWithTitle: pe,
   Backdrop: P,
-  Content: y,
-  Iframe: ge,
+  Content: E,
+  Iframe: he,
   Title: R
 });
-function ze(e) {
+function Te(e) {
   const { onClose: t, setOpen: n, ...r } = e || {};
   return te({
     animated: !0,
@@ -311,9 +311,9 @@ function ze(e) {
     ...r
   });
 }
-const $e = c(
+const xe = c(
   ({ backdrop: e, hideOnInteractOutside: t, ...n }, r) => e === !0 ? /* @__PURE__ */ o.createElement(W, { hideOnInteractOutside: t, ref: r, ...n }) : F(e, { hideOnInteractOutside: t, ref: r, ...n })
-), ye = c(
+), $e = c(
   ({
     ariaLabel: e,
     /** for render property */
@@ -323,26 +323,26 @@ const $e = c(
     hideOnInteractOutside: s = !0,
     size: u = "lg",
     store: d,
-    ...$
+    ...y
   }, h) => /* @__PURE__ */ o.createElement(
     oe,
     {
       "aria-label": e,
-      backdrop: n && /* @__PURE__ */ o.createElement($e, { backdrop: n, hideOnInteractOutside: s }),
+      backdrop: n && /* @__PURE__ */ o.createElement(xe, { backdrop: n, hideOnInteractOutside: s }),
       hideOnInteractOutside: s,
       ref: h,
       render: /* @__PURE__ */ o.createElement(t, { size: u }),
       store: d,
-      ...$
+      ...y
     },
     r
   )
-), V = c((e, t) => /* @__PURE__ */ o.createElement(ie, { ref: t, ...e }));
+), V = c((e, t) => /* @__PURE__ */ o.createElement(ae, { ref: t, ...e }));
 V.displayName = "Body";
-const Ee = (e) => {
+const ye = (e) => {
   const { modals: t } = v();
   return /* @__PURE__ */ o.createElement("div", null, /* @__PURE__ */ o.createElement(U, { ...t.cover, ...e }));
-}, be = c(({ as: e, store: t, ...n }, r) => /* @__PURE__ */ o.createElement(
+}, Ee = c(({ as: e, store: t, ...n }, r) => /* @__PURE__ */ o.createElement(
   ne,
   {
     ref: r,
@@ -350,16 +350,16 @@ const Ee = (e) => {
     store: t,
     ...n
   }
-)), _e = Object.assign(ye, {
-  Trigger: be,
+)), ze = Object.assign($e, {
+  Trigger: Ee,
   Content: z,
   Header: N,
   Body: V,
   Footer: T,
-  Cover: Ee
-}), Ie = xe;
+  Cover: ye
+}), _e = ge;
 export {
-  Ie as AssetModal,
-  _e as Modal,
-  ze as useModal
+  _e as AssetModal,
+  ze as Modal,
+  Te as useModal
 };

package/dist/Pagination.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),$=require("./index-Cs1IZBks.js"),L=require("./System.js"),i=require("@xstyled/styled-components"),N=require("./hide-focus-rings-root-DGU4Klq5.js"),u=5,j=3;function m(t,e){return Array.from({length:t},(s,c)=>e(c))}function S(t,e){return t.reduce((s,c,l)=>{const n=[];return n.push(...s),n.push(...c),c.length&&l<t.length-1&&n.push(e),n},[])}function z(t,e){if(t<u)return"before";if(t>=u&&t<=e-u+1)return"center";if(t>e-u+1)return"after"}function F({page:t,pageCount:e,rangeDisplay:s}){return r.useMemo(()=>{if(e<=s||e<=u+1)return m(e,a=>a+1);const c=z(t,e),l=c==="before"?m(u,a=>a+1):[1],n=c==="center"?m(j,a=>a+t-1):[],d=c==="after"?m(u,a=>a+e-u+1):[e];return S([l,n,d],"-")},[t,e,s])}const G=i.nav(i.system),M=i.ul`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");require("./Icon.js");const B=require("./index-BPeIa2mR.js"),L=require("./index-BNwz4P5j.js"),N=require("./System.js"),i=require("@xstyled/styled-components"),j=require("./hide-focus-rings-root-DGU4Klq5.js"),u=5,S=3;function m(t,e){return Array.from({length:t},(s,c)=>e(c))}function z(t,e){return t.reduce((s,c,l)=>{const n=[];return n.push(...s),n.push(...c),c.length&&l<t.length-1&&n.push(e),n},[])}function F(t,e){if(t<u)return"before";if(t>=u&&t<=e-u+1)return"center";if(t>e-u+1)return"after"}function G({page:t,pageCount:e,rangeDisplay:s}){return r.useMemo(()=>{if(e<=s||e<=u+1)return m(e,a=>a+1);const c=F(t,e),l=c==="before"?m(u,a=>a+1):[1],n=c==="center"?m(S,a=>a+t-1):[],d=c==="after"?m(u,a=>a+e-u+1):[e];return z([l,n,d],"-")},[t,e,s])}const M=i.nav(i.system),_=i.ul`
   list-style-type: none;
   padding: 0;
   margin: 0;
@@ -11,12 +11,12 @@
   &:last-child {
     margin-right: 0;
   }
-`,_=i.span`
+`,O=i.span`
   ${i.th("paginations.default")};
   display: flex;
   justify-content: center;
   align-items: center;
-`,k=i.css`
+`,R=i.css`
   ${i.th("paginations.default")};
   ${i.th("paginations.item")};
   border-radius: 50%;
@@ -31,16 +31,16 @@
     transition: none;
   }
 
-  [${N.hideFocusRingsDataAttribute}] &:focus {
+  [${j.hideFocusRingsDataAttribute}] &:focus {
     box-shadow: none;
   }
-`,R=i.aBox(t=>i.css`
-    ${k};
+`,y=i.aBox(t=>i.css`
+    ${R};
     ${t["aria-disabled"]&&i.css`
       color: beige-70;
       background-color: beige-40;
     `}
-  `),O=i.aBox(t=>i.css`
-    ${k};
+  `),J=i.aBox(t=>i.css`
+    ${R};
     ${t["aria-current"]&&i.th("paginations.active")}
-  `),J=L.forwardRef(({"aria-label":t,dataTestId:e,getHref:s,leftArrow:c,onChange:l,page:n,pageCount:d,rangeDisplay:a=5,rightArrow:v,...P},A)=>{const D=F({page:n,pageCount:d,rangeDisplay:a}),x=r.useRef(null),y=r.useRef(null),h=n===1,E=n===d,q=r.useCallback(o=>{o.preventDefault();const f=n-1;f===1&&x.current.focus(),l(f)},[n,l]),w=r.useCallback(o=>{o.preventDefault();const f=n+1;f===d&&y.current.focus(),l(f)},[n,d,l]);return r.createElement(G,{"aria-label":t,"data-testid":e,ref:A,role:"navigation",...P},r.createElement(M,null,r.createElement(b,null,r.createElement(R,{"aria-disabled":h,"data-testid":e?`${e}-arrow-prev`:void 0,href:s?s(h?n:n-1):"",onClick:h?void 0:q,ref:x},c||r.createElement($.LeftIcon,{size:"sm"}))),D.map((o,f)=>o==="-"?r.createElement(b,{key:`${f}-`},r.createElement(_,null,"...")):r.createElement(b,{key:o},r.createElement(O,{"aria-current":o===n,"data-testid":e?`${e}-${o}`:void 0,href:s?s(o):"",onClick:B=>{B.preventDefault(),l(o)}},o))),r.createElement(b,null,r.createElement(R,{"aria-disabled":E,"data-testid":e?`${e}-arrow-next`:void 0,href:s?s(E?n:n+1):"",onClick:E?void 0:w,ref:y},v||r.createElement($.RightIcon,{size:"sm"})))))});exports.Pagination=J;
+  `),K=N.forwardRef(({"aria-label":t,dataTestId:e,getHref:s,leftArrow:c,onChange:l,page:n,pageCount:d,rangeDisplay:a=5,rightArrow:k,...v},q)=>{const P=G({page:n,pageCount:d,rangeDisplay:a}),x=r.useRef(null),$=r.useRef(null),h=n===1,E=n===d,A=r.useCallback(o=>{o.preventDefault();const f=n-1;f===1&&x.current.focus(),l(f)},[n,l]),D=r.useCallback(o=>{o.preventDefault();const f=n+1;f===d&&$.current.focus(),l(f)},[n,d,l]);return r.createElement(M,{"aria-label":t,"data-testid":e,ref:q,role:"navigation",...v},r.createElement(_,null,r.createElement(b,null,r.createElement(y,{"aria-disabled":h,"data-testid":e?`${e}-arrow-prev`:void 0,href:s?s(h?n:n-1):"",onClick:h?void 0:A,ref:x},c||r.createElement(B.LeftIcon,{size:"sm"}))),P.map((o,f)=>o==="-"?r.createElement(b,{key:`${f}-`},r.createElement(O,null,"...")):r.createElement(b,{key:o},r.createElement(J,{"aria-current":o===n,"data-testid":e?`${e}-${o}`:void 0,href:s?s(o):"",onClick:w=>{w.preventDefault(),l(o)}},o))),r.createElement(b,null,r.createElement(y,{"aria-disabled":E,"data-testid":e?`${e}-arrow-next`:void 0,href:s?s(E?n:n+1):"",onClick:E?void 0:D,ref:$},k||r.createElement(L.RightIcon,{size:"sm"})))))});exports.Pagination=K;

package/dist/Pagination.mjs

@@ -1,6 +1,8 @@
 "use client";
-import i, { useMemo as p, useRef as y, useCallback as R } from "react";
-import { j as z, R as G } from "./index-ColyClKR.mjs";
+import i, { useMemo as j, useRef as y, useCallback as R } from "react";
+import "./Icon.mjs";
+import { L as z } from "./index-BpRjq7lj.mjs";
+import { R as G } from "./index-BRDOakbf.mjs";
 import { forwardRef as F } from "./System.mjs";
 import m, { system as M, th as E, css as h } from "@xstyled/styled-components";
 import { h as S } from "./hide-focus-rings-root-BNyva1yb.mjs";
@@ -20,7 +22,7 @@ function K(e, t) {
   if (e > t - a + 1) return "after";
 }
 function O({ page: e, pageCount: t, rangeDisplay: r }) {
-  return p(() => {
+  return j(() => {
     if (t <= r || t <= a + 1)
       return d(t, (l) => l + 1);
     const s = K(e, t), c = s === "before" ? d(a, (l) => l + 1) : [1], n = s === "center" ? d(q, (l) => l + e - 1) : [], u = s === "after" ? d(a, (l) => l + t - a + 1) : [t];
@@ -45,7 +47,7 @@ const Q = m.nav(M), U = m.ul`
   display: flex;
   justify-content: center;
   align-items: center;
-`, D = h`
+`, A = h`
   ${E("paginations.default")};
   ${E("paginations.item")};
   border-radius: 50%;
@@ -63,9 +65,9 @@ const Q = m.nav(M), U = m.ul`
   [${S}] &:focus {
     box-shadow: none;
   }
-`, A = m.aBox(
+`, p = m.aBox(
   (e) => h`
-    ${D};
+    ${A};
     ${e["aria-disabled"] && h`
       color: beige-70;
       background-color: beige-40;
@@ -73,10 +75,10 @@ const Q = m.nav(M), U = m.ul`
   `
 ), W = m.aBox(
   (e) => h`
-    ${D};
+    ${A};
     ${e["aria-current"] && E("paginations.active")}
   `
-), T = F(
+), g = F(
   ({
     "aria-label": e,
     dataTestId: t,
@@ -86,17 +88,17 @@ const Q = m.nav(M), U = m.ul`
     page: n,
     pageCount: u,
     rangeDisplay: l = 5,
-    rightArrow: _,
-    ...w
-  }, B) => {
-    const L = O({ page: n, pageCount: u, rangeDisplay: l }), k = y(null), v = y(null), x = n === 1, $ = n === u, N = R(
+    rightArrow: D,
+    ...L
+  }, _) => {
+    const w = O({ page: n, pageCount: u, rangeDisplay: l }), k = y(null), v = y(null), x = n === 1, $ = n === u, B = R(
       (o) => {
         o.preventDefault();
         const f = n - 1;
         f === 1 && k.current.focus(), c(f);
       },
       [n, c]
-    ), P = R(
+    ), N = R(
       (o) => {
         o.preventDefault();
         const f = n + 1;
@@ -109,21 +111,21 @@ const Q = m.nav(M), U = m.ul`
       {
         "aria-label": e,
         "data-testid": t,
-        ref: B,
+        ref: _,
         role: "navigation",
-        ...w
+        ...L
       },
       /* @__PURE__ */ i.createElement(U, null, /* @__PURE__ */ i.createElement(b, null, /* @__PURE__ */ i.createElement(
-        A,
+        p,
         {
           "aria-disabled": x,
           "data-testid": t ? `${t}-arrow-prev` : void 0,
           href: r ? r(x ? n : n - 1) : "",
-          onClick: x ? void 0 : N,
+          onClick: x ? void 0 : B,
           ref: k
         },
         s || /* @__PURE__ */ i.createElement(z, { size: "sm" })
-      )), L.map(
+      )), w.map(
         (o, f) => o === "-" ? (
           // eslint-disable-next-line react/no-array-index-key
           /* @__PURE__ */ i.createElement(b, { key: `${f}-` }, /* @__PURE__ */ i.createElement(V, null, "..."))
@@ -133,26 +135,26 @@ const Q = m.nav(M), U = m.ul`
             "aria-current": o === n,
             "data-testid": t ? `${t}-${o}` : void 0,
             href: r ? r(o) : "",
-            onClick: (j) => {
-              j.preventDefault(), c(o);
+            onClick: (P) => {
+              P.preventDefault(), c(o);
             }
           },
           o
         ))
       ), /* @__PURE__ */ i.createElement(b, null, /* @__PURE__ */ i.createElement(
-        A,
+        p,
         {
           "aria-disabled": $,
           "data-testid": t ? `${t}-arrow-next` : void 0,
           href: r ? r($ ? n : n + 1) : "",
-          onClick: $ ? void 0 : P,
+          onClick: $ ? void 0 : N,
           ref: v
         },
-        _ || /* @__PURE__ */ i.createElement(G, { size: "sm" })
+        D || /* @__PURE__ */ i.createElement(G, { size: "sm" })
       )))
     );
   }
 );
 export {
-  T as Pagination
+  g as Pagination
 };

package/dist/PasswordInput.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),p=require("./InputText.js"),d=require("./System.js"),a=require("./index-Cs1IZBks.js"),m=require("./Button.js"),w=({dataTestId:t,isHidden:n,onClick:o,title:r})=>e.createElement(m.Button,{"aria-controls":"password","aria-expanded":`${!n}`,dataTestId:t&&`${t}-action`,onClick:o,shape:"circle",size:"xs",title:r,variant:"ghost"},n?e.createElement(a.ShowIcon,null):e.createElement(a.HideIcon,null)),i=d.forwardRef(({dataTestId:t,title:n,...o},r)=>{const[s,u]=e.useState("password"),c=s==="password",l=()=>{u(c?"text":"password")};return e.createElement(p.InputText,{...o,dataTestId:t,icon:e.createElement(w,{dataTestId:t,isHidden:c,onClick:l,title:n}),iconPlacement:"right",ref:r,type:s})});i.displayName="PasswordInput";exports.PasswordInput=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("./InputText.js");require("./System.js");const e=require("./index-gPtu0TOV.js");exports.PasswordInput=e.PasswordInput;

package/dist/PasswordInput.mjs

@@ -1,54 +1,7 @@
-"use client";
-import t, { useState as l } from "react";
-import { InputText as i } from "./InputText.mjs";
-import { forwardRef as m } from "./System.mjs";
-import { S as u, H as d } from "./index-ColyClKR.mjs";
-import { Button as f } from "./Button.mjs";
-const w = ({
-  dataTestId: e,
-  isHidden: o,
-  onClick: n,
-  title: r
-}) => /* @__PURE__ */ t.createElement(
-  f,
-  {
-    "aria-controls": "password",
-    "aria-expanded": `${!o}`,
-    dataTestId: e && `${e}-action`,
-    onClick: n,
-    shape: "circle",
-    size: "xs",
-    title: r,
-    variant: "ghost"
-  },
-  o ? /* @__PURE__ */ t.createElement(u, null) : /* @__PURE__ */ t.createElement(d, null)
-), x = m(
-  ({ dataTestId: e, title: o, ...n }, r) => {
-    const [a, c] = l("password"), s = a === "password", p = () => {
-      c(s ? "text" : "password");
-    };
-    return /* @__PURE__ */ t.createElement(
-      i,
-      {
-        ...n,
-        dataTestId: e,
-        icon: /* @__PURE__ */ t.createElement(
-          w,
-          {
-            dataTestId: e,
-            isHidden: s,
-            onClick: p,
-            title: o
-          }
-        ),
-        iconPlacement: "right",
-        ref: r,
-        type: a
-      }
-    );
-  }
-);
-x.displayName = "PasswordInput";
+import "react";
+import "./InputText.mjs";
+import "./System.mjs";
+import { P as i } from "./index-CQ1IPLlk.mjs";
 export {
-  x as PasswordInput
+  i as PasswordInput
 };

package/dist/Picker.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),k=require("./Label.js"),E=require("./FieldGroup.js"),P=require("./Box.js"),n=require("./System.js"),s=require("@xstyled/styled-components"),$=require("./NLEBE274-DvH3XTTw.js"),a=require("./radio-group-BpImAAmy.js"),R=s($.Radio).withConfig({shouldForwardProp:n.shouldForwardProp})`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),k=require("./index-DHCyCfRv.js"),E=require("./FieldGroup.js"),P=require("./Box.js"),n=require("./System.js"),s=require("@xstyled/styled-components"),$=require("./NLEBE274-DvH3XTTw.js"),a=require("./radio-group-BpImAAmy.js"),R=s($.Radio).withConfig({shouldForwardProp:n.shouldForwardProp})`
   position: absolute;
   top: 0;
   left: 0;

package/dist/Picker.mjs

@@ -1,6 +1,6 @@
 "use client";
 import e from "react";
-import { Label as u } from "./Label.mjs";
+import { L as u } from "./index-D3Tnfi3U.mjs";
 import { FieldGroup as R } from "./FieldGroup.mjs";
 import { Box as $ } from "./Box.mjs";
 import { shouldForwardProp as k, forwardRef as y } from "./System.mjs";

package/dist/Popover.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./usePopover-CZsYHcTW.js");exports.Popover=e.Popover;exports.PopoverHover=e.PopoverHover;exports.usePopover=e.usePopover;exports.usePopoverHover=e.usePopoverHover;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./usePopover-PCWsuJNF.js");exports.Popover=e.Popover;exports.PopoverHover=e.PopoverHover;exports.usePopover=e.usePopover;exports.usePopoverHover=e.usePopoverHover;

package/dist/Popover.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { P as r, a as s, u as v, b as a } from "./usePopover-CcsC9Y-s.mjs";
+import { P as r, a as s, u as v, b as a } from "./usePopover-Bbhh3p_j.mjs";
 export {
   r as Popover,
   s as PopoverHover,

package/dist/Radio.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),x=require("./Hint.js"),u=require("./System.js"),e=require("@xstyled/styled-components"),y=require("./Box.js"),$=require("./Label.js"),k=require("./field-styles-D_gf6ypV.js"),E=require("./NLEBE274-DvH3XTTw.js"),q=e(E.Radio).withConfig({shouldForwardProp:u.shouldForwardProp})(({order:t="-1",size:o,variant:i})=>e.css`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),x=require("./Hint.js"),u=require("./System.js"),e=require("@xstyled/styled-components"),y=require("./Box.js"),$=require("./index-DHCyCfRv.js"),k=require("./field-styles-D_gf6ypV.js"),E=require("./NLEBE274-DvH3XTTw.js"),q=e(E.Radio).withConfig({shouldForwardProp:u.shouldForwardProp})(({order:t="-1",size:o,variant:i})=>e.css`
     ${k.defaultFieldStyles({size:o,variant:i})};
     ${e.th("radios.default")}
     position: relative;

package/dist/Radio.mjs

@@ -4,7 +4,7 @@ import { Hint as $ } from "./Hint.mjs";
 import { shouldForwardProp as x, forwardRef as k } from "./System.mjs";
 import o, { css as w, th as i, system as f } from "@xstyled/styled-components";
 import { Box as y } from "./Box.mjs";
-import { Label as E } from "./Label.mjs";
+import { L as E } from "./index-D3Tnfi3U.mjs";
 import { d as R } from "./field-styles-CeV7pnOp.mjs";
 import { R as C } from "./NLEBE274-FThuwZH_.mjs";
 const L = o(C).withConfig({ shouldForwardProp: x })(
@@ -74,7 +74,7 @@ const L = o(C).withConfig({ shouldForwardProp: x })(
     disabled: r,
     disabledIcon: a,
     flexDirection: p,
-    hint: n,
+    hint: l,
     label: d,
     maxWidth: u,
     onChange: s,
@@ -82,8 +82,8 @@ const L = o(C).withConfig({ shouldForwardProp: x })(
     variant: c,
     ...b
   }, h) => {
-    const g = (l) => {
-      l.stopPropagation(), m && m(l), s && s(l);
+    const g = (n) => {
+      n.stopPropagation(), m && m(n), s && s(n);
     };
     return /* @__PURE__ */ t.createElement(
       _,
@@ -108,7 +108,7 @@ const L = o(C).withConfig({ shouldForwardProp: x })(
           variant: c,
           ...b
         }
-      )), /* @__PURE__ */ t.createElement(D, null, /* @__PURE__ */ t.createElement("div", { "data-testid": e ? `${e}-label` : void 0 }, d), n && /* @__PURE__ */ t.createElement($, { "data-testid": e ? `${e}-hint` : void 0, mt: "0" }, n)))
+      )), /* @__PURE__ */ t.createElement(D, null, /* @__PURE__ */ t.createElement("div", { "data-testid": e ? `${e}-label` : void 0 }, d), l && /* @__PURE__ */ t.createElement($, { "data-testid": e ? `${e}-hint` : void 0, mt: "0" }, l)))
     );
   }
 );