welcome-ui 8.1.0-alpha.3 → 8.1.1

package/dist/{ITI7HKP4-C89kOQb8.mjs → ITI7HKP4-EL9KXYBU.mjs}

@@ -1,9 +1,8 @@
 "use client";
-import { t as de, c as Y, s as $, i as fe, g as Z, b as B, d as me } from "./YV4JVR4I-DPC8mMuG.mjs";
-import { B as _, A as j, P as ve, C as T, Q as Ie, H as ge, G as Se, c as pe, _ as se, i as Ee, R as ye, S as we, E as ee, T as O, U as be, V as he, b as H, o as z, u as xe, p as ie, D as Pe, d as _e, e as Fe, g as te, m as Ce, W as Ae, f as ke, h as Be } from "./LVA2YJMS-C-kJ1lkr.mjs";
-import { b as Re, g as L, s as De, i as Q, a as Ke, f as Le, c as Te } from "./P2CTZE2T-DOT1mNnX.mjs";
-import { useRef as ne, useEffect as ue, useState as Me, useCallback as Oe } from "react";
-import { j as ze } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { t as de, c as X, s as $, i as fe, g as Z, b as B, d as me } from "./YV4JVR4I-Bh7B7TET.mjs";
+import { C as F, B as j, Q as ve, D as T, R as Ie, I as ge, H as Se, c as pe, _ as se, i as Ee, S as ye, T as we, F as ee, U as O, V as be, W as he, b as H, o as z, u as xe, p as ie, E as _e, t as Fe, d as Pe, e as Ce, g as te, m as Ae, X as ke, f as Be, h as Re } from "./LVA2YJMS-DDEmK0pp.mjs";
+import { b as De, g as L, s as Ke, i as Q, a as Le, f as Te, c as Me } from "./P2CTZE2T-Cl2w7OLV.mjs";
+import { useRef as ne, useEffect as ue, useState as Oe, useCallback as ze } from "react";
 function We(e) {
   var s;
   const n = e.find((c) => !!c.element), t = [...e].reverse().find((c) => !!c.element);
@@ -21,18 +20,18 @@ function Ve(e) {
 function He(e = {}) {
   var s;
   de(e, e.store);
-  const n = (s = e.store) == null ? void 0 : s.getState(), t = _(
+  const n = (s = e.store) == null ? void 0 : s.getState(), t = F(
     e.items,
     n == null ? void 0 : n.items,
     e.defaultItems,
     []
   ), i = new Map(t.map((u) => [u.id, u])), c = {
     items: t,
-    renderedItems: _(n == null ? void 0 : n.renderedItems, [])
-  }, l = Ve(e.store), a = Y(
+    renderedItems: F(n == null ? void 0 : n.renderedItems, [])
+  }, l = Ve(e.store), a = X(
     { items: t, renderedItems: c.renderedItems },
     l
-  ), r = Y(c, e.store), x = (u) => {
+  ), r = X(c, e.store), x = (u) => {
     const f = Ie(u, (m) => m.element);
     a.setState("renderedItems", f), r.setState("renderedItems", f);
   };
@@ -61,22 +60,22 @@ function He(e = {}) {
   const v = (u, f, m = !1) => {
     let w;
     return f((g) => {
-      const S = g.findIndex(({ id: b }) => b === u.id), F = g.slice();
+      const S = g.findIndex(({ id: b }) => b === u.id), P = g.slice();
       if (S !== -1) {
         w = g[S];
         const b = T(T({}, w), u);
-        F[S] = b, i.set(u.id, b);
+        P[S] = b, i.set(u.id, b);
       } else
-        F.push(u), i.set(u.id, u);
-      return F;
+        P.push(u), i.set(u.id, u);
+      return P;
     }), () => {
       f((g) => {
         if (!w)
           return m && i.delete(u.id), g.filter(({ id: b }) => b !== u.id);
         const S = g.findIndex(({ id: b }) => b === u.id);
         if (S === -1) return g;
-        const F = g.slice();
-        return F[S] = w, i.set(u.id, w), F;
+        const P = g.slice();
+        return P[S] = w, i.set(u.id, w), P;
       });
     };
   }, K = (u) => v(
@@ -115,7 +114,7 @@ function ae(e) {
     s.push(...n);
   return s;
 }
-function J(e) {
+function Y(e) {
   return e.slice().reverse();
 }
 var Ue = { id: null };
@@ -188,41 +187,41 @@ function Qe(e) {
     }
   return t;
 }
-function dt(e = {}) {
+function lt(e = {}) {
   var s;
-  const n = (s = e.store) == null ? void 0 : s.getState(), t = He(e), i = _(
+  const n = (s = e.store) == null ? void 0 : s.getState(), t = He(e), i = F(
     e.activeId,
     n == null ? void 0 : n.activeId,
     e.defaultActiveId
   ), c = j(T({}, t.getState()), {
-    id: _(
+    id: F(
       e.id,
       n == null ? void 0 : n.id,
       `id-${Math.random().toString(36).slice(2, 8)}`
     ),
     activeId: i,
-    baseElement: _(n == null ? void 0 : n.baseElement, null),
-    includesBaseElement: _(
+    baseElement: F(n == null ? void 0 : n.baseElement, null),
+    includesBaseElement: F(
       e.includesBaseElement,
       n == null ? void 0 : n.includesBaseElement,
       i === null
     ),
-    moves: _(n == null ? void 0 : n.moves, 0),
-    orientation: _(
+    moves: F(n == null ? void 0 : n.moves, 0),
+    orientation: F(
       e.orientation,
       n == null ? void 0 : n.orientation,
       "both"
     ),
-    rtl: _(e.rtl, n == null ? void 0 : n.rtl, !1),
-    virtualFocus: _(
+    rtl: F(e.rtl, n == null ? void 0 : n.rtl, !1),
+    virtualFocus: F(
       e.virtualFocus,
       n == null ? void 0 : n.virtualFocus,
       !1
     ),
-    focusLoop: _(e.focusLoop, n == null ? void 0 : n.focusLoop, !1),
-    focusWrap: _(e.focusWrap, n == null ? void 0 : n.focusWrap, !1),
-    focusShift: _(e.focusShift, n == null ? void 0 : n.focusShift, !1)
-  }), l = Y(c, t, e.store);
+    focusLoop: F(e.focusLoop, n == null ? void 0 : n.focusLoop, !1),
+    focusWrap: F(e.focusWrap, n == null ? void 0 : n.focusWrap, !1),
+    focusShift: F(e.focusShift, n == null ? void 0 : n.focusShift, !1)
+  }), l = X(c, t, e.store);
   $(
     l,
     () => me(l, ["renderedItems", "activeId"], (r) => {
@@ -241,13 +240,13 @@ function dt(e = {}) {
       focusLoop: D = u.focusLoop,
       focusWrap: g = u.focusWrap,
       includesBaseElement: S = u.includesBaseElement,
-      renderedItems: F = u.renderedItems,
+      renderedItems: P = u.renderedItems,
       rtl: b = u.rtl
     } = x, C = r === "up" || r === "down", W = r === "next" || r === "down", q = W ? b && !C : !b || C, N = w && !f;
     let p = C ? ae(
-      Ge(ce(F), m, N)
-    ) : F;
-    if (p = q ? J(p) : p, p = C ? Qe(p) : p, m == null)
+      Ge(ce(P), m, N)
+    ) : P;
+    if (p = q ? Y(p) : p, p = C ? Qe(p) : p, m == null)
       return (v = R(p)) == null ? void 0 : v.id;
     const M = p.find((I) => I.id === m);
     if (!M)
@@ -258,9 +257,9 @@ function dt(e = {}) {
       I[I.length - 1];
       return h == null ? void 0 : h.id;
     }
-    const E = D && (C ? D !== "horizontal" : D !== "vertical"), y = U && g && (C ? g !== "horizontal" : g !== "vertical"), P = W ? (!U || C) && E && S : C ? S : !1;
+    const E = D && (C ? D !== "horizontal" : D !== "vertical"), y = U && g && (C ? g !== "horizontal" : g !== "vertical"), _ = W ? (!U || C) && E && S : C ? S : !1;
     if (E) {
-      const I = y && !P ? p : re(p, M.rowId), h = je(I, m, P), k = R(h, m);
+      const I = y && !_ ? p : re(p, M.rowId), h = je(I, m, _), k = R(h, m);
       return k == null ? void 0 : k.id;
     }
     if (y) {
@@ -271,13 +270,13 @@ function dt(e = {}) {
         // the row. So moving next from the last item will focus on the
         // composite container. On grid composites, horizontal navigation never
         // focuses on the composite container, only vertical.
-        P ? d : o,
+        _ ? d : o,
         m
       );
-      return P ? (I == null ? void 0 : I.id) || null : I == null ? void 0 : I.id;
+      return _ ? (I == null ? void 0 : I.id) || null : I == null ? void 0 : I.id;
     }
     const A = R(d, m);
-    return !A && P ? null : A == null ? void 0 : A.id;
+    return !A && _ ? null : A == null ? void 0 : A.id;
   };
   return j(T(T({}, t), l), {
     setBaseElement: (r) => l.setState("baseElement", r),
@@ -291,7 +290,7 @@ function dt(e = {}) {
     },
     last: () => {
       var r;
-      return (r = R(J(l.getState().renderedItems))) == null ? void 0 : r.id;
+      return (r = R(Y(l.getState().renderedItems))) == null ? void 0 : r.id;
     },
     next: (r) => (r !== void 0 && typeof r == "number" && (r = { skip: r }), a("next", r)),
     previous: (r) => (r !== void 0 && typeof r == "number" && (r = { skip: r }), a("previous", r)),
@@ -299,14 +298,14 @@ function dt(e = {}) {
     up: (r) => (r !== void 0 && typeof r == "number" && (r = { skip: r }), a("up", r))
   });
 }
-function ft(e, s, n) {
+function dt(e, s, n) {
   return e = Ne(e, s, n), B(e, n, "activeId", "setActiveId"), B(e, n, "includesBaseElement"), B(e, n, "virtualFocus"), B(e, n, "orientation"), B(e, n, "rtl"), B(e, n, "focusLoop"), B(e, n, "focusWrap"), B(e, n, "focusShift"), e;
 }
-var Ye = "div";
-function Je(e) {
+var Xe = "div";
+function Ye(e) {
   return e.some((s) => !!s.rowId);
 }
-function Xe(e) {
+function Je(e) {
   const s = e.target;
   return s && !ie(s) ? !1 : e.key.length === 1 && !e.ctrlKey && !e.metaKey;
 }
@@ -316,20 +315,20 @@ function Ze(e) {
 function oe(e, s, n) {
   return H((t) => {
     var i;
-    if (s == null || s(t), t.defaultPrevented || t.isPropagationStopped() || !z(t) || Ze(t) || Xe(t)) return;
+    if (s == null || s(t), t.defaultPrevented || t.isPropagationStopped() || !z(t) || Ze(t) || Je(t)) return;
     const c = e.getState(), l = (i = L(e, c.activeId)) == null ? void 0 : i.element;
     if (!l) return;
     const a = t, { view: r } = a, x = se(a, ["view"]), v = n == null ? void 0 : n.current;
-    l !== v && l.focus(), Ae(l, t.type, x) || t.preventDefault(), t.currentTarget.contains(l) && t.stopPropagation();
+    l !== v && l.focus(), ke(l, t.type, x) || t.preventDefault(), t.currentTarget.contains(l) && t.stopPropagation();
   });
 }
 function et(e) {
-  return Le(
-    ae(J(Te(e)))
+  return Te(
+    ae(Y(Me(e)))
   );
 }
 function tt(e) {
-  const [s, n] = Me(!1), t = Oe(() => n(!0), []), i = e.useState(
+  const [s, n] = Oe(!1), t = ze(() => n(!0), []), i = e.useState(
     (c) => L(e, c.activeId)
   );
   return ue(() => {
@@ -350,7 +349,7 @@ var nt = pe(
       "focusOnMove",
       "moveOnKeyPress"
     ]);
-    const r = Re();
+    const r = De();
     t = t || r, Ee(
       t,
       process.env.NODE_ENV !== "production" && "Composite must receive a `store` prop or be wrapped in a CompositeProvider component."
@@ -387,11 +386,11 @@ var nt = pe(
       t,
       a.onKeyUpCapture,
       v
-    ), S = a.onFocusCapture, F = H((o) => {
+    ), S = a.onFocusCapture, P = H((o) => {
       if (S == null || S(o), o.defaultPrevented || !t) return;
       const { virtualFocus: d } = t.getState();
       if (!d) return;
-      const E = o.relatedTarget, y = De(o.currentTarget);
+      const E = o.relatedTarget, y = Ke(o.currentTarget);
       z(o) && y && (o.stopPropagation(), v.current = E);
     }), b = a.onFocus, C = H((o) => {
       if (b == null || b(o), o.defaultPrevented || !i || !t) return;
@@ -402,16 +401,16 @@ var nt = pe(
       if (W == null || W(o), o.defaultPrevented || !t) return;
       const { virtualFocus: E, activeId: y } = t.getState();
       if (!E) return;
-      const P = (d = L(t, y)) == null ? void 0 : d.element, A = o.relatedTarget, I = Q(t, A), h = v.current;
-      v.current = null, z(o) && I ? (A === P ? h && h !== A && O(h, o) : P ? O(P, o) : h && O(h, o), o.stopPropagation()) : !Q(t, o.target) && P && O(P, o);
+      const _ = (d = L(t, y)) == null ? void 0 : d.element, A = o.relatedTarget, I = Q(t, A), h = v.current;
+      v.current = null, z(o) && I ? (A === _ ? h && h !== A && O(h, o) : _ ? O(_, o) : h && O(h, o), o.stopPropagation()) : !Q(t, o.target) && _ && O(_, o);
     }), N = a.onKeyDown, p = xe(l), M = H((o) => {
       var d;
       if (N == null || N(o), o.defaultPrevented || !t || !z(o)) return;
-      const { orientation: E, renderedItems: y, activeId: P } = t.getState(), A = L(t, P);
+      const { orientation: E, renderedItems: y, activeId: _ } = t.getState(), A = L(t, _);
       if ((d = A == null ? void 0 : A.element) != null && d.isConnected) return;
-      const I = E !== "horizontal", h = E !== "vertical", k = Je(y);
+      const I = E !== "horizontal", h = E !== "vertical", k = Ye(y);
       if ((o.key === "ArrowLeft" || o.key === "ArrowRight" || o.key === "Home" || o.key === "End") && ie(o.currentTarget)) return;
-      const X = {
+      const J = {
         ArrowUp: (k || I) && (() => {
           if (k) {
             const V = et(y);
@@ -427,17 +426,17 @@ var nt = pe(
         PageUp: t.first,
         PageDown: t.last
       }[o.key];
-      if (X) {
-        const V = X();
+      if (J) {
+        const V = J();
         if (V !== void 0) {
           if (!p(o)) return;
           o.preventDefault(), t.move(V);
         }
       }
     });
-    a = Pe(
+    a = _e(
       a,
-      (o) => /* @__PURE__ */ ze.jsx(Ke, { value: t, children: o }),
+      (o) => /* @__PURE__ */ Fe.jsx(Le, { value: t, children: o }),
       [t]
     );
     const U = t.useState((o) => {
@@ -445,13 +444,13 @@ var nt = pe(
       if (t && i && o.virtualFocus)
         return (d = L(t, o.activeId)) == null ? void 0 : d.id;
     });
-    a = _e(te({
+    a = Pe(te({
       "aria-activedescendant": U
     }, a), {
-      ref: Fe(x, f, a.ref),
+      ref: Ce(x, f, a.ref),
       onKeyDownCapture: D,
       onKeyUpCapture: g,
-      onFocusCapture: F,
+      onFocusCapture: P,
       onFocus: C,
       onBlurCapture: q,
       onKeyDown: M
@@ -459,16 +458,16 @@ var nt = pe(
     const G = t.useState(
       (o) => i && (o.virtualFocus || o.activeId === null)
     );
-    return a = Ce(te({ focusable: G }, a)), a;
+    return a = Ae(te({ focusable: G }, a)), a;
   }
 );
-ke(function(s) {
+Be(function(s) {
   const n = nt(s);
-  return Be(Ye, n);
+  return Re(Xe, n);
 });
 export {
   nt as a,
   He as b,
-  dt as c,
-  ft as u
+  lt as c,
+  dt as u
 };

package/dist/Icon.mjs

@@ -1,50 +1,50 @@
 "use client";
-import { j as a } from "./jsx-runtime-B7I4PJ0H.mjs";
-import { forwardRef as m } from "./System.mjs";
-import d, { css as i } from "@xstyled/styled-components";
+import a from "react";
+import m, { css as i } from "@xstyled/styled-components";
+import { forwardRef as d } from "./System.mjs";
 const g = i`
   g,
   path {
     stroke: inherit;
     fill: none;
   }
-`, u = i`
+`, f = i`
   g,
   path {
     stroke: none;
   }
-`, l = d.svgBox(({ isFlag: o, size: s = "md", stroked: r, theme: t }) => {
-  const e = t.icons[s] || s;
+`, l = m.svgBox(({ isFlag: e, size: o = "md", stroked: r, theme: s }) => {
+  const t = s.icons[o] || o;
   return i`
-    ${!o && (r ? g : u)};
-    width: ${e};
-    height: ${e};
+    ${!e && (r ? g : f)};
+    width: ${t};
+    height: ${t};
   `;
-}), f = m(
-  ({ content: o, dataTestId: s, size: r = "md", title: t, ...e }, n) => {
-    const c = e.className || "";
-    return o ? /* @__PURE__ */ a.jsx(
+}), u = d(
+  ({ content: e, dataTestId: o, size: r = "md", title: s, ...t }, n) => {
+    const c = t.className || "";
+    return e ? /* @__PURE__ */ a.createElement(
       l,
       {
-        alt: t,
-        dangerouslySetInnerHTML: { __html: o.block },
-        "data-testid": s ? `icon-${s}` : null,
-        isFlag: o.isFlag,
+        alt: s,
+        dangerouslySetInnerHTML: { __html: e.block },
+        "data-testid": o && `icon-${o}`,
+        isFlag: e.isFlag,
         ref: n,
         role: "img",
         size: r,
-        stroked: o.stroked,
-        title: t,
-        viewBox: o.viewBox || "0 0 100 100",
-        ...e,
+        stroked: e.stroked,
+        title: s,
+        viewBox: e.viewBox || "0 0 100 100",
+        ...t,
         className: `${c} wui-icon`
       }
     ) : null;
   }
 );
-f.displayName = "Icon";
-const k = l;
+u.displayName = "Icon";
+const y = l;
 export {
-  f as Icon,
-  k as StyledIcon
+  u as Icon,
+  y as StyledIcon
 };