welcome-ui 0.0.0-dev.1761579941363 → 0.0.0-dev.1761661363660

package/dist/OLVWQA7U-CQsIDzlF.js

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

package/dist/Pagination.css

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

package/dist/Pagination.js

@@ -0,0 +1,107 @@
+"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-BisRi8B3.js";
+import { L as B } from "./index-CWVOLBDY.js";
+import { R as D } from "./index-Dcq5gh3E.js";
+import { c as G } from "./index-PAaZGbyz.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]);
+}
+function _(i, t) {
+  return Array.from({ length: i }, (d, 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;
+  }, []);
+}
+const f = G(J), H = z(
+  ({
+    "aria-label": i,
+    buttonNextProps: t,
+    buttonPrevProps: d,
+    dataTestId: r,
+    getHref: a,
+    listProps: o,
+    onChange: l,
+    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(() => {
+      if (u) return;
+      const e = Math.max(s - 1, 1);
+      l(e);
+    }, [u, s, l]), $ = 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: [
+      /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+        "button",
+        {
+          "aria-label": "Previous Page",
+          className: f("item", u && "disabled-arrow"),
+          "data-testid": r ? `${r}-arrow-prev` : void 0,
+          disabled: u,
+          onClick: P,
+          ref: j,
+          type: "button",
+          ...d,
+          children: /* @__PURE__ */ n(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(
+          "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));
+            },
+            children: e
+          }
+        ) }, e)
+      ),
+      /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+        "button",
+        {
+          "aria-label": "Next Page",
+          className: f("item", b && "disabled-arrow"),
+          "data-testid": r ? `${r}-arrow-next` : void 0,
+          disabled: b,
+          onClick: $,
+          ref: w,
+          type: "button",
+          ...t,
+          children: /* @__PURE__ */ n(D, { size: "sm" })
+        }
+      ) })
+    ] }) });
+  }
+);
+export {
+  H as Pagination
+};

package/dist/PasswordInput.js

@@ -0,0 +1,47 @@
+"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-BisRi8B3.js";
+import { S as w, H as u } from "./index-5rXezknO.js";
+const x = ({ isHidden: s, onClick: t, ...a }) => /* @__PURE__ */ o(
+  l,
+  {
+    "aria-controls": "password",
+    "aria-expanded": !s,
+    onClick: t,
+    shape: "circle",
+    size: "xs",
+    variant: "ghost",
+    ...a,
+    children: s ? /* @__PURE__ */ o(w, {}) : /* @__PURE__ */ o(u, {})
+  }
+), 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,
+      {
+        ...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
+      }
+    );
+  }
+);
+export {
+  H as PasswordInput
+};

package/dist/Popover.css

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

package/dist/Popover.js

@@ -0,0 +1,145 @@
+"use client";
+import { jsx as r, jsxs as _ } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { c as l } from "./index-PAaZGbyz.js";
+import { Button as w } from "./Button.js";
+import "./Icon-BisRi8B3.js";
+import { C as f } from "./index-BJLXLdM3.js";
+import { u as P } from "./RTNCFSKZ-P4icqVD0.js";
+import { P as g, f as C, g as b, h as x, i as H, j as N } from "./GVVKDT6A-BnYN-H7C.js";
+import { f as p } from "./forwardRefWithAs-8eP3ZN15.js";
+import { P as $ } from "./4I4MLMKD-DgPx2VDC.js";
+const j = "_root_1ldto_2", S = "_title_1ldto_15", T = "_content_1ldto_27", B = "_arrow_1ldto_41", a = {
+  root: j,
+  title: S,
+  "with-close-button": "_with-close-button_1ldto_24",
+  "content-wrapper": "_content-wrapper_1ldto_27",
+  content: T,
+  "close-button": "_close-button_1ldto_34",
+  arrow: B,
+  "arrow-item": "_arrow-item_1ldto_44",
+  "placement-top": "_placement-top_1ldto_49",
+  "placement-right": "_placement-right_1ldto_52",
+  "placement-left": "_placement-left_1ldto_55",
+  "placement-bottom": "_placement-bottom_1ldto_58"
+}, L = l(a), d = i(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r("div", { className: L("content", t), ref: o, ...e })
+), m = l(a), R = ({ store: t }) => {
+  const e = P(t, "currentPlacement"), [o] = e.split("-");
+  return /* @__PURE__ */ r(g, { className: m("arrow"), store: t, children: /* @__PURE__ */ _(
+    "svg",
+    {
+      className: m("arrow-item", o && `placement-${o}`),
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ r("path", { d: "M7 30L15 22L23 30H7Z", fill: "currentColor", fillRule: "nonzero", id: "stroke" }),
+        /* @__PURE__ */ r("path", { d: "M8 30L15 23L22 30H8Z", fill: "currentColor", fillRule: "nonzero" })
+      ]
+    }
+  ) });
+}, u = l(a), v = ({ children: t, className: e, onClose: o, store: n }) => {
+  const s = () => {
+    o && o(), n == null || n.hide();
+  }, { withCloseButton: c } = n;
+  return /* @__PURE__ */ _("div", { className: u("content-wrapper", e), children: [
+    /* @__PURE__ */ r(R, { store: n }),
+    t,
+    c ? /* @__PURE__ */ r(
+      w,
+      {
+        className: u("close-button"),
+        onClick: s,
+        shape: "square",
+        size: "xs",
+        variant: "secondary",
+        children: /* @__PURE__ */ r(f, {})
+      }
+    ) : null
+  ] });
+}, z = l(a), h = i(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ r("h6", { className: z("title", t), ref: o, ...e })
+), k = p(
+  ({ as: t, className: e, store: o, ...n }, s) => /* @__PURE__ */ r(
+    $,
+    {
+      className: e,
+      ref: s,
+      render: t ? (c) => /* @__PURE__ */ r(t, { ...c }) : void 0,
+      store: o,
+      ...n
+    }
+  )
+), y = p(
+  ({ as: t, className: e, store: o, ...n }, s) => /* @__PURE__ */ r(
+    C,
+    {
+      className: e,
+      ref: s,
+      render: t ? (c) => /* @__PURE__ */ r(t, { ...c }) : void 0,
+      store: o,
+      ...n
+    }
+  )
+), A = l(a), M = p(
+  ({ children: t, onClose: e, store: o, ...n }, s) => {
+    const { withCloseButton: c } = o;
+    return /* @__PURE__ */ r(
+      b,
+      {
+        className: A("root", c && "with-close-button"),
+        store: o,
+        ...n,
+        ref: s,
+        children: /* @__PURE__ */ r(v, { onClose: e, store: o, children: t })
+      }
+    );
+  }
+), U = Object.assign(M, {
+  Content: d,
+  Title: h,
+  Trigger: y
+}), V = ({
+  withCloseButton: t = !1,
+  ...e
+} = {}) => ({
+  ...x({
+    ...e
+  }),
+  withCloseButton: t
+}), X = ({
+  hideTimeout: t = 300,
+  showTimeout: e = 500,
+  withCloseButton: o = !1,
+  ...n
+} = {}) => ({
+  ...H({
+    hideTimeout: t,
+    showTimeout: e,
+    ...n
+  }),
+  withCloseButton: o
+}), O = l(a), W = i(
+  ({ children: t, onClose: e, store: o, ...n }, s) => {
+    const { withCloseButton: c } = o;
+    return /* @__PURE__ */ r(
+      N,
+      {
+        className: O("root", c && "with-close-button"),
+        ref: s,
+        store: o,
+        ...n,
+        children: /* @__PURE__ */ r(v, { onClose: e, store: o, children: t })
+      }
+    );
+  }
+), Y = Object.assign(W, {
+  Content: d,
+  Title: h,
+  Trigger: k
+});
+export {
+  Y as Popover,
+  U as PopoverHover,
+  V as usePopover,
+  X as usePopoverHover
+};