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

package/dist/P2CTZE2T-5jxBu6ix.mjs

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

package/dist/P2CTZE2T-q8vyaGc0.js

@@ -0,0 +1 @@
+"use client";"use strict";const n=require("./LVA2YJMS-B2HZjIhJ.js"),C=require("react"),ue=require("./KUU7WJ55-DN8gk6_R.js"),le=require("./YV4JVR4I-DIthYWMj.js");var R=n.createStoreContext(),ae=R.useContext,de=R.ContextProvider,fe=R.ScopedContextProvider,w=n.createStoreContext([de],[fe]),H=w.useContext;w.useScopedContext;var ce=w.useProviderContext,me=w.ContextProvider,pe=w.ScopedContextProvider,Ie=C.createContext(void 0),ge=C.createContext(void 0),Ce={id:null};function be(r,o,i=!1){const t=r.findIndex(a=>a.id===o);return[...r.slice(t+1),...i?[Ce]:[],...r.slice(0,t)]}function xe(r,o){return r.find(i=>!i.disabled)}function j(r,o){return o&&r.item(o)||null}function ve(r){const o=[];for(const i of r){const t=o.find(a=>{var m;return((m=a[0])==null?void 0:m.rowId)===i.rowId});t?t.push(i):o.push([i])}return o}function Pe(r,o=!1){if(n.isTextField(r))r.setSelectionRange(o?r.value.length:0,r.value.length);else if(r.isContentEditable){const i=n.getDocument(r).getSelection();i==null||i.selectAllChildren(r),o&&(i==null||i.collapseToEnd())}}var y=Symbol("FOCUS_SILENTLY");function Se(r){r[y]=!0,r.focus({preventScroll:!0})}function we(r){const o=r[y];return delete r[y],o}function F(r,o,i){return!(!o||o===i||!r.item(o.id))}var Ee="div",D=n.createHook(function(o){var i=o,{store:t,shouldRegisterItem:a=!0,getItem:m=n.identity,element:x}=i,I=n.__objRest(i,["store","shouldRegisterItem","getItem","element"]);const f=ae();t=t||f;const p=n.useId(I.id),g=C.useRef(x);return C.useEffect(()=>{const s=g.current;if(!p||!s||!a)return;const v=m({id:p,element:s});return t==null?void 0:t.renderItem(v)},[p,a,m,t]),I=n.__spreadProps(n.__spreadValues({},I),{ref:n.useMergeRefs(g,I.ref)}),n.removeUndefinedValues(I)});n.forwardRef2(function(o){const i=D(o);return n.createElement(Ee,i)});var _e="button";function he(r){return n.isTextbox(r)?!0:r.tagName==="INPUT"&&!n.isButton(r)}function Te(r,o=!1){const i=r.clientHeight,{top:t}=r.getBoundingClientRect(),a=Math.max(i*.875,i-40)*1.5,m=o?i-a+t:a+t;return r.tagName==="HTML"?m+r.scrollTop:m}function ye(r,o=!1){const{top:i}=r.getBoundingClientRect();return o?i+r.clientHeight:i}function U(r,o,i,t=!1){var a;if(!o||!i)return;const{renderedItems:m}=o.getState(),x=n.getScrollingElement(r);if(!x)return;const I=Te(x,t);let f,p;for(let g=0;g<m.length;g+=1){const s=f;if(f=i(g),!f)break;if(f===s)continue;const v=(a=j(o,f))==null?void 0:a.element;if(!v)continue;const P=ye(v,t)-I,d=Math.abs(P);if(t&&P<=0||!t&&P>=0){p!==void 0&&p<d&&(f=s);break}p=d}return f}function Re(r,o){return n.isSelfTarget(r)?!1:F(o,r.target)}var q=n.createHook(function(o){var i=o,{store:t,rowId:a,preventScrollOnKeyDown:m=!1,moveOnKeyPress:x=!0,tabbable:I=!1,getItem:f,"aria-setsize":p,"aria-posinset":g}=i,s=n.__objRest(i,["store","rowId","preventScrollOnKeyDown","moveOnKeyPress","tabbable","getItem","aria-setsize","aria-posinset"]);const v=H();t=t||v;const c=n.useId(s.id),P=C.useRef(null),d=C.useContext(ge),A=n.disabledFromProps(s)&&!s.accessibleWhenDisabled,{rowId:_,baseElement:O,isActiveItem:Y,ariaSetSize:J,ariaPosInSet:W,isTabbable:$}=le.useStoreStateObject(t,{rowId(e){if(a)return a;if(e&&d!=null&&d.baseElement&&d.baseElement===e.baseElement)return d.id},baseElement(e){return(e==null?void 0:e.baseElement)||void 0},isActiveItem(e){return!!e&&e.activeId===c},ariaSetSize(e){if(p!=null)return p;if(e&&d!=null&&d.ariaSetSize&&d.baseElement===e.baseElement)return d.ariaSetSize},ariaPosInSet(e){if(g!=null)return g;if(!e||!(d!=null&&d.ariaPosInSet)||d.baseElement!==e.baseElement)return;const u=e.renderedItems.filter(l=>l.rowId===_);return d.ariaPosInSet+u.findIndex(l=>l.id===c)},isTabbable(e){if(!(e!=null&&e.renderedItems.length))return!0;if(e.virtualFocus)return!1;if(I)return!0;if(e.activeId===null)return!1;const u=t==null?void 0:t.item(e.activeId);return u!=null&&u.disabled||!(u!=null&&u.element)?!0:e.activeId===c}}),G=C.useCallback(e=>{var u;const l=n.__spreadProps(n.__spreadValues({},e),{id:c||e.id,rowId:_,disabled:!!A,children:(u=e.element)==null?void 0:u.textContent});return f?f(l):l},[c,_,A,f]),V=s.onFocus,h=C.useRef(!1),Q=n.useEvent(e=>{if(V==null||V(e),e.defaultPrevented||n.isPortalEvent(e)||!c||!t||Re(e,t))return;const{virtualFocus:u,baseElement:l}=t.getState();if(t.setActiveId(c),n.isTextbox(e.currentTarget)&&Pe(e.currentTarget),!u||!n.isSelfTarget(e)||he(e.currentTarget)||!(l!=null&&l.isConnected))return;n.isSafari()&&e.currentTarget.hasAttribute("data-autofocus")&&e.currentTarget.scrollIntoView({block:"nearest",inline:"nearest"}),h.current=!0,e.relatedTarget===l||F(t,e.relatedTarget)?Se(l):l.focus()}),k=s.onBlurCapture,X=n.useEvent(e=>{if(k==null||k(e),e.defaultPrevented)return;const u=t==null?void 0:t.getState();u!=null&&u.virtualFocus&&h.current&&(h.current=!1,e.preventDefault(),e.stopPropagation())}),K=s.onKeyDown,Z=n.useBooleanEvent(m),ee=n.useBooleanEvent(x),te=n.useEvent(e=>{if(K==null||K(e),e.defaultPrevented||!n.isSelfTarget(e)||!t)return;const{currentTarget:u}=e,l=t.getState(),T=t.item(c),b=!!(T!=null&&T.rowId),E=l.orientation!=="horizontal",S=l.orientation!=="vertical",z=()=>!!(b||S||!l.baseElement||!n.isTextField(l.baseElement)),B={ArrowUp:(b||E)&&t.up,ArrowRight:(b||S)&&t.next,ArrowDown:(b||E)&&t.down,ArrowLeft:(b||S)&&t.previous,Home:()=>{if(z())return!b||e.ctrlKey?t==null?void 0:t.first():t==null?void 0:t.previous(-1)},End:()=>{if(z())return!b||e.ctrlKey?t==null?void 0:t.last():t==null?void 0:t.next(-1)},PageUp:()=>U(u,t,t==null?void 0:t.up,!0),PageDown:()=>U(u,t,t==null?void 0:t.down)}[e.key];if(B){if(n.isTextbox(u)){const N=n.getTextboxSelection(u),ne=S&&e.key==="ArrowLeft",re=S&&e.key==="ArrowRight",oe=E&&e.key==="ArrowUp",ie=E&&e.key==="ArrowDown";if(re||ie){const{length:se}=n.getTextboxValue(u);if(N.end!==se)return}else if((ne||oe)&&N.start!==0)return}const M=B();if(Z(e)||M!==void 0){if(!ee(e))return;e.preventDefault(),t.move(M)}}}),L=C.useMemo(()=>({id:c,baseElement:O}),[c,O]);return s=n.useWrapElement(s,e=>n.jsxRuntimeExports.jsx(Ie.Provider,{value:L,children:e}),[L]),s=n.__spreadProps(n.__spreadValues({id:c,"data-active-item":Y||void 0},s),{ref:n.useMergeRefs(P,s.ref),tabIndex:$?s.tabIndex:-1,onFocus:Q,onBlurCapture:X,onKeyDown:te}),s=ue.useCommand(s),s=D(n.__spreadProps(n.__spreadValues({store:t},s),{getItem:G,shouldRegisterItem:c?s.shouldRegisterItem:!1})),n.removeUndefinedValues(n.__spreadProps(n.__spreadValues({},s),{"aria-setsize":J,"aria-posinset":W}))}),Fe=n.memo2(n.forwardRef2(function(o){const i=q(o);return n.createElement(_e,i)}));exports.CompositeContextProvider=me;exports.CompositeItem=Fe;exports.CompositeScopedContextProvider=pe;exports.findFirstEnabledItem=xe;exports.flipItems=be;exports.getEnabledItem=j;exports.groupItemsByRows=ve;exports.isItem=F;exports.silentlyFocused=we;exports.useCollectionItem=D;exports.useCompositeContext=H;exports.useCompositeItem=q;exports.useCompositeProviderContext=ce;

package/dist/P4IRICAX-DF0_vmod.mjs

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

package/dist/P4IRICAX-nhgZ26A1.js

@@ -0,0 +1 @@
+"use client";"use strict";const k=require("./X5NMLKT6-BzhcQu_I.js"),b=require("./VGCJ63VH-BNLwLOaC.js"),s=require("./LVA2YJMS-B2HZjIhJ.js"),c=require("react");var S="button",V=Symbol("disclosure"),p=s.createHook(function(u){var n=u,{store:e,toggleOnClick:m=!0}=n,t=s.__objRest(n,["store","toggleOnClick"]);const D=b.useDisclosureProviderContext();e=e||D,s.invariant(e,process.env.NODE_ENV!=="production"&&"Disclosure must receive a `store` prop or be wrapped in a DisclosureProvider component.");const l=c.useRef(null),[E,g]=c.useState(!1),o=e.useState("disclosureElement"),i=e.useState("open");c.useEffect(()=>{let r=o===l.current;o!=null&&o.isConnected||(e==null||e.setDisclosureElement(l.current),r=!0),g(i&&r)},[o,e,i]);const a=t.onClick,v=s.useBooleanEvent(m),[C,_]=s.useMetadataProps(t,V,!0),P=s.useEvent(r=>{a==null||a(r),!r.defaultPrevented&&(C||v(r)&&(e==null||e.setDisclosureElement(r.currentTarget),e==null||e.toggle()))}),d=e.useState("contentElement");return t=s.__spreadProps(s.__spreadValues(s.__spreadValues({"aria-expanded":E,"aria-controls":d==null?void 0:d.id},_),t),{ref:s.useMergeRefs(l,t.ref),onClick:P}),t=k.useButton(t),t}),x=s.forwardRef2(function(u){const n=p(u);return s.createElement(S,n)});exports.Disclosure=x;exports.useDisclosure=p;

package/dist/Pagination.js

@@ -0,0 +1,46 @@
+"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`
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+`,b=i.liBox`
+  display: inline-block;
+  vertical-align: bottom;
+  padding: 0;
+  margin-right: sm;
+
+  &:last-child {
+    margin-right: 0;
+  }
+`,_=i.span`
+  ${i.th("paginations.default")};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,k=i.css`
+  ${i.th("paginations.default")};
+  ${i.th("paginations.item")};
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  text-decoration: none;
+
+  &:focus {
+    outline: none !important; /* important for firefox */
+    transition: none;
+  }
+
+  [${N.hideFocusRingsDataAttribute}] &:focus {
+    box-shadow: none;
+  }
+`,R=i.aBox(t=>i.css`
+    ${k};
+    ${t["aria-disabled"]&&i.css`
+      color: beige-70;
+      background-color: beige-40;
+    `}
+  `),O=i.aBox(t=>i.css`
+    ${k};
+    ${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;

package/dist/Pagination.mjs

@@ -0,0 +1,158 @@
+"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 { 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";
+const a = 5, q = 3;
+function d(e, t) {
+  return Array.from({ length: e }, (r, s) => t(s));
+}
+function J(e, t) {
+  return e.reduce((r, s, c) => {
+    const n = [];
+    return n.push(...r), n.push(...s), s.length && c < e.length - 1 && n.push(t), n;
+  }, []);
+}
+function K(e, t) {
+  if (e < a) return "before";
+  if (e >= a && e <= t - a + 1) return "center";
+  if (e > t - a + 1) return "after";
+}
+function O({ page: e, pageCount: t, rangeDisplay: r }) {
+  return p(() => {
+    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];
+    return J([c, n, u], "-");
+  }, [e, t, r]);
+}
+const Q = m.nav(M), U = m.ul`
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+`, b = m.liBox`
+  display: inline-block;
+  vertical-align: bottom;
+  padding: 0;
+  margin-right: sm;
+
+  &:last-child {
+    margin-right: 0;
+  }
+`, V = m.span`
+  ${E("paginations.default")};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`, D = h`
+  ${E("paginations.default")};
+  ${E("paginations.item")};
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  text-decoration: none;
+
+  &:focus {
+    outline: none !important; /* important for firefox */
+    transition: none;
+  }
+
+  [${S}] &:focus {
+    box-shadow: none;
+  }
+`, A = m.aBox(
+  (e) => h`
+    ${D};
+    ${e["aria-disabled"] && h`
+      color: beige-70;
+      background-color: beige-40;
+    `}
+  `
+), W = m.aBox(
+  (e) => h`
+    ${D};
+    ${e["aria-current"] && E("paginations.active")}
+  `
+), T = F(
+  ({
+    "aria-label": e,
+    dataTestId: t,
+    getHref: r,
+    leftArrow: s,
+    onChange: c,
+    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(
+      (o) => {
+        o.preventDefault();
+        const f = n - 1;
+        f === 1 && k.current.focus(), c(f);
+      },
+      [n, c]
+    ), P = R(
+      (o) => {
+        o.preventDefault();
+        const f = n + 1;
+        f === u && v.current.focus(), c(f);
+      },
+      [n, u, c]
+    );
+    return /* @__PURE__ */ i.createElement(
+      Q,
+      {
+        "aria-label": e,
+        "data-testid": t,
+        ref: B,
+        role: "navigation",
+        ...w
+      },
+      /* @__PURE__ */ i.createElement(U, null, /* @__PURE__ */ i.createElement(b, null, /* @__PURE__ */ i.createElement(
+        A,
+        {
+          "aria-disabled": x,
+          "data-testid": t ? `${t}-arrow-prev` : void 0,
+          href: r ? r(x ? n : n - 1) : "",
+          onClick: x ? void 0 : N,
+          ref: k
+        },
+        s || /* @__PURE__ */ i.createElement(z, { size: "sm" })
+      )), L.map(
+        (o, f) => o === "-" ? (
+          // eslint-disable-next-line react/no-array-index-key
+          /* @__PURE__ */ i.createElement(b, { key: `${f}-` }, /* @__PURE__ */ i.createElement(V, null, "..."))
+        ) : /* @__PURE__ */ i.createElement(b, { key: o }, /* @__PURE__ */ i.createElement(
+          W,
+          {
+            "aria-current": o === n,
+            "data-testid": t ? `${t}-${o}` : void 0,
+            href: r ? r(o) : "",
+            onClick: (j) => {
+              j.preventDefault(), c(o);
+            }
+          },
+          o
+        ))
+      ), /* @__PURE__ */ i.createElement(b, null, /* @__PURE__ */ i.createElement(
+        A,
+        {
+          "aria-disabled": $,
+          "data-testid": t ? `${t}-arrow-next` : void 0,
+          href: r ? r($ ? n : n + 1) : "",
+          onClick: $ ? void 0 : P,
+          ref: v
+        },
+        _ || /* @__PURE__ */ i.createElement(G, { size: "sm" })
+      )))
+    );
+  }
+);
+export {
+  T as Pagination
+};

package/dist/PasswordInput.js

@@ -0,0 +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;

package/dist/PasswordInput.mjs

@@ -0,0 +1,54 @@
+"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";
+export {
+  x as PasswordInput
+};

package/dist/Picker.js

@@ -0,0 +1,8 @@
+"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})`
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+
+  ${s.system};
+`,u=n.forwardRef(({dataTestId:o,label:d,name:i,onChange:c,options:p,required:m,value:l,...y},f)=>{const q=a.useRadioStore({defaultValue:l}),b=r=>{r.stopPropagation(),c&&c(r)};return e.createElement(E.FieldGroup,{...y,as:a.RadioGroup,dataTestId:o,mb:0,ref:f,required:m,store:q},e.createElement(P.Box,{display:"flex",flexWrap:"wrap"},p.map(({element:r,value:t})=>e.createElement(k.Label,{checkableField:!0,dataTestId:o&&`${o}-item-${i}-${t}`,key:`${d}-${i}-${t}`,onClick:b},e.createElement(R,{name:i,value:t}),e.createElement(r,{selected:l===t})))))});u.displayName="Picker";exports.Picker=u;

package/dist/Picker.mjs

@@ -0,0 +1,50 @@
+"use client";
+import e from "react";
+import { Label as u } from "./Label.mjs";
+import { FieldGroup as R } from "./FieldGroup.mjs";
+import { Box as $ } from "./Box.mjs";
+import { shouldForwardProp as k, forwardRef as y } from "./System.mjs";
+import E, { system as b } from "@xstyled/styled-components";
+import { R as w } from "./NLEBE274-FThuwZH_.mjs";
+import { u as x, R as P } from "./radio-group-29lMl-2M.mjs";
+const _ = E(w).withConfig({ shouldForwardProp: k })`
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+
+  ${b};
+`, h = y(
+  ({ dataTestId: r, label: m, name: i, onChange: a, options: s, required: c, value: l, ...p }, f) => {
+    const d = x({ defaultValue: l }), n = (o) => {
+      o.stopPropagation(), a && a(o);
+    };
+    return /* @__PURE__ */ e.createElement(
+      R,
+      {
+        ...p,
+        as: P,
+        dataTestId: r,
+        mb: 0,
+        ref: f,
+        required: c,
+        store: d
+      },
+      /* @__PURE__ */ e.createElement($, { display: "flex", flexWrap: "wrap" }, s.map(({ element: o, value: t }) => /* @__PURE__ */ e.createElement(
+        u,
+        {
+          checkableField: !0,
+          dataTestId: r && `${r}-item-${i}-${t}`,
+          key: `${m}-${i}-${t}`,
+          onClick: n
+        },
+        /* @__PURE__ */ e.createElement(_, { name: i, value: t }),
+        /* @__PURE__ */ e.createElement(o, { selected: l === t })
+      )))
+    );
+  }
+);
+h.displayName = "Picker";
+export {
+  h as Picker
+};

package/dist/Popover.js

@@ -0,0 +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;