welcome-ui 8.1.3 → 8.2.0-alpha.1

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

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

package/dist/Icon.mjs

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