welcome-ui 8.0.0-alpha.0 → 8.1.0-alpha.0

package/dist/Tooltip.mjs

@@ -1,52 +1,53 @@
 "use client";
-import p, { useRef as G, useEffect as C, useState as J } from "react";
-import M, { css as f, th as y } from "@xstyled/styled-components";
-import { Box as U } from "./Box.mjs";
-import { forwardRef as tt } from "./System.mjs";
-import { c as et, d as ot, e as rt, f as nt, g as it, h as st } from "./BYC7LY2E-CVjUW1dr.mjs";
-import { c as j, a as at, b as A, d as B } from "./YV4JVR4I-BGfUf3Nu.mjs";
-import { B as I, C as E, D as $, v as ut, c as z, _ as Y, i as L, E as lt, g as P, d as K, f as Q, h as W, t as dt, Y as H, Z as ct, Q as pt, b as w } from "./LVA2YJMS-qFC9J-lt.mjs";
-import { c as ft } from "./JC64G2H7-Dey-8h60.mjs";
-function mt(t = {}) {
+import { j as p } from "./jsx-runtime-B7I4PJ0H.mjs";
+import Q, { useRef as U, useEffect as C, useState as Z } from "react";
+import { Box as tt } from "./Box.mjs";
+import { forwardRef as et } from "./System.mjs";
+import F, { css as f, th as y } from "@xstyled/styled-components";
+import { c as ot, d as rt, e as nt, f as it, g as st, h as at } from "./BYC7LY2E-CWSI38FM.mjs";
+import { c as M, a as ut, b as A, d as R } from "./YV4JVR4I-DPC8mMuG.mjs";
+import { A as B, B as $, C as P, t as lt, f as z, c as Y, h as L, _ as X, i as K, D as ct, g as E, d as W, X as H, Y as dt, P as pt, b as w } from "./LVA2YJMS-C-kJ1lkr.mjs";
+import { c as ft } from "./JC64G2H7-afsomHuH.mjs";
+function vt(t = {}) {
   var r;
   process.env.NODE_ENV !== "production" && t.type === "label" && console.warn(
     "The `type` option on the tooltip store is deprecated.",
     "Render a visually hidden label or use the `aria-label` or `aria-labelledby` attributes on the anchor element instead.",
     "See https://ariakit.org/components/tooltip#tooltip-anchors-must-have-accessible-names"
   );
-  const o = (r = t.store) == null ? void 0 : r.getState(), e = et(I($({}, t), {
-    placement: E(
+  const o = (r = t.store) == null ? void 0 : r.getState(), e = ot(B(P({}, t), {
+    placement: $(
       t.placement,
       o == null ? void 0 : o.placement,
       "top"
     ),
-    hideTimeout: E(t.hideTimeout, o == null ? void 0 : o.hideTimeout, 0)
-  })), m = I($({}, e.getState()), {
-    type: E(t.type, o == null ? void 0 : o.type, "description"),
-    skipTimeout: E(t.skipTimeout, o == null ? void 0 : o.skipTimeout, 300)
-  }), i = j(m, e, t.store);
-  return $($({}, e), i);
+    hideTimeout: $(t.hideTimeout, o == null ? void 0 : o.hideTimeout, 0)
+  })), v = B(P({}, e.getState()), {
+    type: $(t.type, o == null ? void 0 : o.type, "description"),
+    skipTimeout: $(t.skipTimeout, o == null ? void 0 : o.skipTimeout, 300)
+  }), i = M(v, e, t.store);
+  return P(P({}, e), i);
 }
-function vt(t, r, o) {
-  return A(t, o, "type"), A(t, o, "skipTimeout"), ot(t, r, o);
+function mt(t, r, o) {
+  return A(t, o, "type"), A(t, o, "skipTimeout"), rt(t, r, o);
 }
 function ht(t = {}) {
-  const [r, o] = at(mt, t);
-  return vt(r, o, t);
+  const [r, o] = ut(vt, t);
+  return mt(r, o, t);
 }
-var X = ut(
-  [nt],
-  [rt]
-), k = X.useProviderContext, bt = X.ScopedContextProvider, St = "div", gt = z(
+var q = lt(
+  [it],
+  [nt]
+), k = q.useProviderContext, bt = q.ScopedContextProvider, St = "div", gt = Y(
   function(r) {
     var o = r, {
       store: e,
-      portal: m = !0,
+      portal: v = !0,
       gutter: i = 8,
       preserveTabOrder: g = !1,
-      hideOnHoverOutside: c = !0,
-      hideOnInteractOutside: d = !0
-    } = o, a = Y(o, [
+      hideOnHoverOutside: d = !0,
+      hideOnInteractOutside: c = !0
+    } = o, a = X(o, [
       "store",
       "portal",
       "gutter",
@@ -55,122 +56,122 @@ var X = ut(
       "hideOnInteractOutside"
     ]);
     const h = k();
-    e = e || h, L(
+    e = e || h, K(
       e,
       process.env.NODE_ENV !== "production" && "Tooltip must receive a `store` prop or be wrapped in a TooltipProvider component."
-    ), a = lt(
+    ), a = ct(
       a,
-      (s) => /* @__PURE__ */ dt.jsx(bt, { value: e, children: s }),
+      (s) => /* @__PURE__ */ p.jsx(bt, { value: e, children: s }),
       [e]
     );
     const b = e.useState(
       (s) => s.type === "description" ? "tooltip" : "none"
     );
-    return a = P({ role: b }, a), a = it(K(P({}, a), {
+    return a = E({ role: b }, a), a = st(W(E({}, a), {
       store: e,
-      portal: m,
+      portal: v,
       gutter: i,
       preserveTabOrder: g,
       hideOnHoverOutside(s) {
-        if (H(c, s)) return !1;
+        if (H(d, s)) return !1;
         const u = e == null ? void 0 : e.getState().anchorElement;
         return u ? !("focusVisible" in u.dataset) : !0;
       },
       hideOnInteractOutside: (s) => {
-        if (H(d, s)) return !1;
+        if (H(c, s)) return !1;
         const u = e == null ? void 0 : e.getState().anchorElement;
-        return u ? !ct(u, s.target) : !0;
+        return u ? !dt(u, s.target) : !0;
       }
     })), a;
   }
-), Tt = ft(
-  Q(function(r) {
+), xt = ft(
+  z(function(r) {
     const o = gt(r);
-    return W(St, o);
+    return L(St, o);
   }),
   k
-), xt = "div", v = j({
+), Tt = "div", m = M({
   activeStore: null
 });
-function N(t) {
+function I(t) {
   return () => {
-    const { activeStore: r } = v.getState();
-    r === t && v.setState("activeStore", null);
+    const { activeStore: r } = m.getState();
+    r === t && m.setState("activeStore", null);
   };
 }
-var yt = z(
+var yt = Y(
   function(r) {
-    var o = r, { store: e, showOnHover: m = !0 } = o, i = Y(o, ["store", "showOnHover"]);
+    var o = r, { store: e, showOnHover: v = !0 } = o, i = X(o, ["store", "showOnHover"]);
     const g = k();
-    e = e || g, L(
+    e = e || g, K(
       e,
       process.env.NODE_ENV !== "production" && "TooltipAnchor must receive a `store` prop or be wrapped in a TooltipProvider component."
     );
-    const c = G(!1);
-    C(() => B(e, ["mounted"], (n) => {
-      n.mounted || (c.current = !1);
+    const d = U(!1);
+    C(() => R(e, ["mounted"], (n) => {
+      n.mounted || (d.current = !1);
     }), [e]), C(() => {
       if (e)
         return pt(
           // Immediately remove the current store from the global store when
           // the component unmounts. This is useful, for example, to avoid
           // showing tooltips immediately on serial tests.
-          N(e),
-          B(e, ["mounted", "skipTimeout"], (n) => {
+          I(e),
+          R(e, ["mounted", "skipTimeout"], (n) => {
             if (!e) return;
             if (n.mounted) {
-              const { activeStore: T } = v.getState();
-              return T !== e && (T == null || T.hide()), v.setState("activeStore", e);
+              const { activeStore: x } = m.getState();
+              return x !== e && (x == null || x.hide()), m.setState("activeStore", e);
             }
             const l = setTimeout(
-              N(e),
+              I(e),
               n.skipTimeout
             );
             return () => clearTimeout(l);
           })
         );
     }, [e]);
-    const d = i.onMouseEnter, a = w((n) => {
-      d == null || d(n), c.current = !0;
+    const c = i.onMouseEnter, a = w((n) => {
+      c == null || c(n), d.current = !0;
     }), h = i.onFocusVisible, b = w((n) => {
       h == null || h(n), !n.defaultPrevented && (e == null || e.setAnchorElement(n.currentTarget), e == null || e.show());
     }), s = i.onBlur, u = w((n) => {
       if (s == null || s(n), n.defaultPrevented) return;
-      const { activeStore: l } = v.getState();
-      c.current = !1, l === e && v.setState("activeStore", null);
+      const { activeStore: l } = m.getState();
+      d.current = !1, l === e && m.setState("activeStore", null);
     }), O = e.useState("type"), _ = e.useState((n) => {
       var l;
       return (l = n.contentElement) == null ? void 0 : l.id;
     });
-    return i = K(P({
+    return i = W(E({
       "aria-labelledby": O === "label" ? _ : void 0
     }, i), {
       onMouseEnter: a,
       onFocusVisible: b,
       onBlur: u
-    }), i = st(P({
+    }), i = at(E({
       store: e,
       showOnHover(n) {
-        if (!c.current || H(m, n)) return !1;
-        const { activeStore: l } = v.getState();
+        if (!d.current || H(v, n)) return !1;
+        const { activeStore: l } = m.getState();
         return l ? (e == null || e.show(), !1) : !0;
       }
     }, i)), i;
   }
-), Et = Q(function(r) {
+), $t = z(function(r) {
   const o = yt(r);
-  return W(xt, o);
+  return L(Tt, o);
 });
-const $t = {
-  top: "translate3d(0, -4px, 0)",
-  right: "translate3d(4px, 0, 0)",
+const Pt = {
+  auto: "translate3d(0, 0, 0)",
   bottom: "translate3d(0, 4px, 0)",
   left: "translate3d(-4px, 0, 0)",
-  auto: "translate3d(0, 0, 0)"
-}, Pt = (t) => {
+  right: "translate3d(4px, 0, 0)",
+  top: "translate3d(0, -4px, 0)"
+}, Et = (t) => {
   const r = t == null ? void 0 : t.split("-"), o = r[0];
   if (r.length < 2)
-    return $t[o];
+    return Pt[o];
   {
     let e = "0, 0";
     return (t == "right-end" || t == "bottom-end") && (e = "4px, 4px"), (t == "right-start" || t == "top-end") && (e = "4px, -4px"), (t == "left-end" || t == "bottom-start") && (e = "-4px, 4px"), (t == "left-start" || t == "top-start") && (e = "-4px, -4px"), `translate3d(${e}, 0)`;
@@ -179,11 +180,11 @@ const $t = {
   visibility: visible;
   opacity: 1;
   transform: translate3d(0, 0, 0);
-`, S = 12, x = S * 1.5, D = (t) => t.includes("start") ? x : t.includes("end") ? `calc(100% - ${x + "px"})` : "50%", F = (t, r) => {
-  const o = r - x < S;
-  return t.includes("end") ? o ? `${S}px` : `calc(100% - ${x}px)` : t.includes("start") ? o ? `${S}px` : `${x}px` : "50%";
-}, _t = M.divBox(
-  ({ fixed: t, placement: r, popoverHeight: o, withArrow: e }) => f`
+`, S = 12, T = S * 1.5, N = (t) => t.includes("start") ? T : t.includes("end") ? `calc(100% - ${T + "px"})` : "50%", D = (t, r) => {
+  const o = r - T < S;
+  return t.includes("end") ? o ? `${S}px` : `calc(100% - ${T}px)` : t.includes("start") ? o ? `${S}px` : `${T}px` : "50%";
+}, _t = F.divBox(
+  ({ fixed: t, placement: r = "bottom", popoverHeight: o = 0, withArrow: e }) => f`
     ${y("tooltips")};
     transition:
       opacity ${y.transition("medium")},
@@ -211,25 +212,25 @@ const $t = {
 
         ${r.includes("top") && f`
           top: 100%;
-          left: ${D(r)};
+          left: ${N(r)};
           rotate: 45deg;
         `}
 
         ${r.includes("bottom") && f`
           bottom: 100%;
-          left: ${D(r)};
+          left: ${N(r)};
           translate: -50% 50%;
           rotate: 225deg;
         `}
 
         ${r.includes("left") && f`
-          top: ${F(r, o)};
+          top: ${D(r, o)};
           left: 100%;
           rotate: -45deg;
         `}
 
         ${r.includes("right") && f`
-          top: ${F(r, o)};
+          top: ${D(r, o)};
           left: 0%;
           rotate: 135deg;
         `}
@@ -237,64 +238,67 @@ const $t = {
     `}
 
     ${t && f`
-      transform: ${Pt(r)};
+      transform: ${Et(r)};
     `}
 
     [data-enter] & {
       ${Ot}
     }
   `
-), wt = M.div`
+), wt = F.div`
   display: inline-block;
-`, Nt = tt(
+`, Nt = et(
   ({
     children: t,
     content: r,
     fixed: o = !1,
-    placement: e = o ? "top" : "bottom",
-    gutter: m = 8,
+    gutter: e = 8,
+    placement: v = o ? "top" : "bottom",
     withArrow: i,
     ...g
-  }, c) => {
-    var R;
-    const d = ht({ placement: e, animated: 300 }), [a, h] = J({ x: 0, y: 0 }), { render: b, stopAnimation: s } = d, { anchorElement: u, currentPlacement: O, mounted: _, popoverElement: n } = d.useState(), l = () => {
+  }, d) => {
+    var j;
+    const c = ht({ animated: 300, placement: v }), [a, h] = Z({ x: 0, y: 0 }), { render: b, stopAnimation: s } = c, { anchorElement: u, currentPlacement: O, mounted: _, popoverElement: n } = c.useState(), l = () => {
       n && Object.assign(n.style, {
         display: _ ? "block" : "none",
-        position: "absolute",
         left: `${a.x}px`,
+        position: "absolute",
         top: `${a.y + window.scrollY + 20}px`
       });
-    }, T = (R = t == null ? void 0 : t.props) != null && R.disabled ? p.Children.only(/* @__PURE__ */ p.createElement(wt, null, t)) : t;
+    }, x = (j = t == null ? void 0 : t.props) != null && j.disabled ? Q.Children.only(/* @__PURE__ */ p.jsx(wt, { children: t })) : t;
     return C(() => {
-      function V({ clientX: Z, clientY: q }) {
-        h({ x: Z, y: q }), b();
+      function V({ clientX: G, clientY: J }) {
+        h({ x: G, y: J }), b();
       }
       if (u && !o)
         return u.addEventListener("mousemove", V), () => {
           u.removeEventListener("mousemove", V);
         };
-    }, [b, o, u]), r ? /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement(Et, { render: T, store: d }), /* @__PURE__ */ p.createElement(
-      Tt,
-      {
-        fixed: o,
-        gutter: m,
-        ref: c,
-        render: /* @__PURE__ */ p.createElement(U, { ...g }),
-        store: d,
-        updatePosition: o ? void 0 : l
-      },
-      /* @__PURE__ */ p.createElement(
-        _t,
+    }, [b, o, u]), r ? /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
+      /* @__PURE__ */ p.jsx($t, { render: x, store: c }),
+      /* @__PURE__ */ p.jsx(
+        xt,
         {
           fixed: o,
-          onTransitionEnd: s,
-          placement: O,
-          popoverHeight: n == null ? void 0 : n.getBoundingClientRect().height,
-          withArrow: i
-        },
-        r
+          gutter: e,
+          ref: d,
+          render: /* @__PURE__ */ p.jsx(tt, { ...g }),
+          store: c,
+          updatePosition: o ? void 0 : l,
+          children: /* @__PURE__ */ p.jsx(
+            _t,
+            {
+              fixed: o,
+              onTransitionEnd: s,
+              placement: O,
+              popoverHeight: n == null ? void 0 : n.getBoundingClientRect().height,
+              withArrow: i,
+              children: r
+            }
+          )
+        }
       )
-    )) : t;
+    ] }) : t;
   }
 );
 export {

package/dist/UniversalLink.mjs

@@ -1,25 +1,25 @@
 "use client";
-import t from "react";
-import a from "@xstyled/styled-components";
-import { shouldForwardProp as l, forwardRef as d } from "./System.mjs";
-const s = a.aBox.withConfig({ shouldForwardProp: l })`
+import { j as t } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { shouldForwardProp as s, forwardRef as a } from "./System.mjs";
+import l from "@xstyled/styled-components";
+const d = l.aBox.withConfig({ shouldForwardProp: s })`
   color: inherit;
   text-decoration: none;
-`, f = d(
-  ({ children: r, dataTestId: o, target: e, ...n }, i) => /* @__PURE__ */ t.createElement(
-    s,
+`, m = a(
+  ({ children: r, dataTestId: e, target: o, ...i }, n) => /* @__PURE__ */ t.jsx(
+    d,
     {
       color: "inherit",
-      "data-testid": o,
-      ref: i,
-      rel: e === "_blank" ? "noopener noreferrer" : void 0,
-      target: e,
-      ...n
-    },
-    r
+      "data-testid": e,
+      ref: n,
+      rel: o === "_blank" ? "noopener noreferrer" : void 0,
+      target: o,
+      ...i,
+      children: r
+    }
   )
 );
-f.displayName = "UniversalLink";
+m.displayName = "UniversalLink";
 export {
-  f as UniversalLink
+  m as UniversalLink
 };

package/dist/VEVQD5MH-0w9Y7Ytc.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { C as t, a as r } from "./P2CTZE2T-DOT1mNnX.mjs";
+import { P as a, a as i } from "./MTZPJQMC-TybFZCho.mjs";
+import { t as s } from "./LVA2YJMS-C-kJ1lkr.mjs";
+import { createContext as o } from "react";
+o(
+  void 0
+);
+var e = s(
+  [i, r],
+  [a, t]
+), n = e.useContext, p = e.useProviderContext;
+o(
+  void 0
+);
+o(!1);
+export {
+  p as a,
+  n as u
+};