welcome-ui 0.0.0-dev.1761316648080 → 0.0.0-dev.1761576812962

package/dist/P2CTZE2T-1n7Xlf8m.mjs

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

package/dist/P4IRICAX-Dg8AjwYu.mjs

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

package/dist/Pagination.mjs

@@ -0,0 +1,162 @@
+"use client";
+import { j as o } from "./jsx-runtime-Bqq1Hxg9.mjs";
+import { useMemo as z, useRef as k, useCallback as p } from "react";
+import "./Icon.mjs";
+import { L as G } from "./index-eYXK9_x4.mjs";
+import { R as _ } from "./index-DtWZjMb5.mjs";
+import { forwardRef as F } from "./System.mjs";
+import d, { th as h, css as b } from "@xstyled/styled-components";
+import { h as M } from "./hide-focus-rings-root-Dcm160m2.mjs";
+const S = d.navBox``, q = d.ulBox`
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+`, m = d.liBox`
+  display: inline-block;
+  vertical-align: bottom;
+  padding: 0;
+  margin-right: sm;
+
+  &:last-child {
+    margin-right: 0;
+  }
+`, J = d.span`
+  ${h("paginations.default")};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`, B = b`
+  ${h("paginations.default")};
+  ${h("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;
+  }
+
+  [${M}] &:focus {
+    box-shadow: none;
+  }
+`, y = d.aBox(
+  (n) => b`
+    ${B};
+    ${n["aria-disabled"] && b`
+      color: beige-70;
+      background-color: beige-40;
+    `}
+  `
+), K = d.aBox(
+  (n) => b`
+    ${B};
+    ${n["aria-current"] && h("paginations.active")}
+  `
+), f = 5, O = 3;
+function Q({ page: n, pageCount: t, rangeDisplay: r }) {
+  return z(() => {
+    if (t <= r || t <= f + 1)
+      return x(t, (l) => l + 1);
+    const e = U(n, t), c = e === "before" ? x(f, (l) => l + 1) : [1], i = e === "center" ? x(O, (l) => l + n - 1) : [], u = e === "after" ? x(f, (l) => l + t - f + 1) : [t];
+    return V([c, i, u], "-");
+  }, [n, t, r]);
+}
+function x(n, t) {
+  return Array.from({ length: n }, (r, e) => t(e));
+}
+function U(n, t) {
+  if (n < f) return "before";
+  if (n >= f && n <= t - f + 1) return "center";
+  if (n > t - f + 1) return "after";
+}
+function V(n, t) {
+  return n.reduce((r, e, c) => {
+    const i = [];
+    return i.push(...r), i.push(...e), e.length && c < n.length - 1 && i.push(t), i;
+  }, []);
+}
+const g = F(
+  ({
+    "aria-label": n,
+    dataTestId: t,
+    getHref: r,
+    leftArrow: e,
+    onChange: c,
+    page: i,
+    pageCount: u,
+    rangeDisplay: l = 5,
+    rightArrow: A,
+    ...D
+  }, L) => {
+    const w = Q({ page: i, pageCount: u, rangeDisplay: l }), $ = k(null), R = k(null), j = i === 1, v = i === u, E = p(
+      (s) => {
+        s.preventDefault();
+        const a = i - 1;
+        a === 1 && $.current.focus(), c(a);
+      },
+      [i, c]
+    ), N = p(
+      (s) => {
+        s.preventDefault();
+        const a = i + 1;
+        a === u && R.current.focus(), c(a);
+      },
+      [i, u, c]
+    );
+    return /* @__PURE__ */ o.jsx(
+      S,
+      {
+        "aria-label": n,
+        "data-testid": t,
+        ref: L,
+        role: "navigation",
+        ...D,
+        children: /* @__PURE__ */ o.jsxs(q, { children: [
+          /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(
+            y,
+            {
+              "aria-disabled": j,
+              "data-testid": t ? `${t}-arrow-prev` : void 0,
+              href: r ? r(j ? i : i - 1) : "",
+              onClick: j ? void 0 : E,
+              ref: $,
+              children: e || /* @__PURE__ */ o.jsx(G, { size: "sm" })
+            }
+          ) }),
+          w.map(
+            (s, a) => s === "-" ? /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(J, { children: "..." }) }, `${a}-`) : /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(
+              K,
+              {
+                "aria-current": s === i,
+                "data-testid": t ? `${t}-${s}` : void 0,
+                href: r ? r(s) : "",
+                onClick: (P) => {
+                  P.preventDefault(), c(s);
+                },
+                children: s
+              }
+            ) }, s)
+          ),
+          /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(
+            y,
+            {
+              "aria-disabled": v,
+              "data-testid": t ? `${t}-arrow-next` : void 0,
+              href: r ? r(v ? i : i + 1) : "",
+              onClick: v ? void 0 : N,
+              ref: R,
+              children: A || /* @__PURE__ */ o.jsx(_, { size: "sm" })
+            }
+          ) })
+        ] })
+      }
+    );
+  }
+);
+export {
+  g as Pagination
+};

package/dist/PasswordInput.mjs

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

package/dist/Picker.mjs

@@ -0,0 +1,52 @@
+"use client";
+import { j as o } from "./jsx-runtime-Bqq1Hxg9.mjs";
+import { Box as u } from "./Box.mjs";
+import { FieldGroup as x } from "./FieldGroup.mjs";
+import { Label as R } from "./Label.mjs";
+import { shouldForwardProp as $, forwardRef as j } from "./System.mjs";
+import h, { system as k } from "@xstyled/styled-components";
+import { R as y } from "./NLEBE274-CnAMhwcR.mjs";
+import { u as b, R as w } from "./radio-group-C2Cv9SMd.mjs";
+const P = h(y).withConfig({ shouldForwardProp: $ })`
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+
+  ${k};
+`, F = j(
+  ({ dataTestId: e, label: m, name: s, onChange: t, options: p, required: a, value: l, ...c }, d) => {
+    const f = b({ defaultValue: l }), n = (r) => {
+      r.stopPropagation(), t && t(r);
+    };
+    return /* @__PURE__ */ o.jsx(
+      x,
+      {
+        ...c,
+        as: w,
+        dataTestId: e,
+        mb: 0,
+        ref: d,
+        required: a,
+        store: f,
+        children: /* @__PURE__ */ o.jsx(u, { display: "flex", flexWrap: "wrap", children: p.map(({ element: r, value: i }) => /* @__PURE__ */ o.jsxs(
+          R,
+          {
+            checkableField: !0,
+            dataTestId: e ? `${e}-item-${s}-${i}` : null,
+            onClick: n,
+            children: [
+              /* @__PURE__ */ o.jsx(P, { name: s, value: i }),
+              /* @__PURE__ */ o.jsx(r, { selected: l === i })
+            ]
+          },
+          `${m}-${s}-${i}`
+        )) })
+      }
+    );
+  }
+);
+F.displayName = "Picker";
+export {
+  F as Picker
+};