welcome-ui 7.4.0 → 8.0.0

package/dist/Table.mjs

@@ -1,14 +1,14 @@
 "use client";
 import o from "react";
-import t, { css as a, th as l } from "@xstyled/styled-components";
+import t, { css as i, th as l } from "@xstyled/styled-components";
 import { forwardRef as c } from "./System.mjs";
 const h = t.divBox(
-  ({ indent: e }) => a`
+  ({ indent: e }) => i`
     overflow: hidden;
     width: 100%;
 
-    ${e && a`
-      ${r}, ${i} {
+    ${e && i`
+      ${r}, ${a} {
         &:first-child {
           padding-left: xl;
         }
@@ -27,7 +27,7 @@ const h = t.divBox(
   width: 100%;
   border-collapse: collapse;
 `, f = t.theadBox``, g = t.tbodyBox``, T = t.trBox(
-  ({ onClick: e, variant: d }) => a`
+  ({ onClick: e, variant: d }) => i`
     ${l("tables.tr.default")};
     ${d && l(`tables.tr.${d}`)};
     ${e && l("tables.tr.clickable")};
@@ -36,7 +36,7 @@ const h = t.divBox(
       border: 0;
     }
   `
-), i = t.thBox`
+), a = t.thBox`
   ${l("tables.th")};
   padding: xl;
   vertical-align: middle;
@@ -65,7 +65,7 @@ const h = t.divBox(
 ), B = Object.assign(m, {
   Thead: f,
   Tbody: g,
-  Th: i,
+  Th: a,
   Tr: T,
   Td: r
 });

package/dist/Text.mjs

@@ -1,6 +1,6 @@
 "use client";
-import f from "react";
-import b, { css as i, th as d, system as a } from "@xstyled/styled-components";
+import p from "react";
+import f, { css as l, th as d, system as b } from "@xstyled/styled-components";
 import { forwardRef as x } from "./System.mjs";
 const g = {
   h0: "h1",
@@ -10,7 +10,7 @@ const g = {
   h4: "h5",
   h5: "h6",
   h6: "h6"
-}, k = (e) => i`
+}, k = (e) => l`
   /* stylelint-disable-next-line value-no-vendor-prefix */
   display: -webkit-box;
   /* stylelint-disable-next-line property-no-vendor-prefix */
@@ -20,18 +20,18 @@ const g = {
   line-height: normal;
   overflow: hidden;
   word-break: ${e === 1 ? "break-all" : null};
-`, y = b.p(({ lines: e, theme: n, variant: t, withDash: s, wordBreak: l }) => {
-  const h = g[t], r = t == null ? void 0 : t.startsWith("h"), o = e && e !== 1 / 0 && t.startsWith("h") && n.fonts.headings.includes("welcome-font");
-  return i`
+`, y = f.pBox(({ lines: e, theme: n, variant: t, withDash: s, wordBreak: o }) => {
+  const h = g[t], r = t == null ? void 0 : t.startsWith("h"), i = e && e !== 1 / 0 && t.startsWith("h") && n.fonts.headings.includes("welcome-font");
+  return l`
     ${d(`texts.${h || t}`)};
-    word-break: ${l};
+    word-break: ${o};
 
     /* Start fallback for non-webkit */
     display: block;
     ${e && e !== 1 / 0 && k(e)};
     /* End fallback for non-webkit */
 
-    ${s && r && i`
+    ${s && r && l`
       display: flex;
 
       &:before {
@@ -48,16 +48,14 @@ const g = {
 
     @media (min-width: lg) {
       ${d(`texts.${t}`)};
-      ${a};
+      ${b}
     }
 
-    ${o && i`
+    ${i && l`
       & {
         line-height: 1.4;
       }
     `}
-
-    ${a};
   `;
 }), w = {
   h0: "h1",
@@ -79,24 +77,24 @@ const g = {
     children: n,
     dataTestId: t,
     lines: s,
-    variant: l = "md",
+    variant: o = "md",
     withDash: h,
     wordBreak: r = "break-word",
-    ...o
-  }, c) => {
-    const m = e || w[l], p = o.className || "";
-    return /* @__PURE__ */ f.createElement(
+    ...i
+  }, a) => {
+    const c = e || w[o], m = i.className || "";
+    return /* @__PURE__ */ p.createElement(
       y,
       {
-        as: m,
+        as: c,
         "data-testid": t,
         lines: s,
-        ref: c,
-        variant: l,
+        ref: a,
+        variant: o,
         withDash: h,
         wordBreak: r,
-        ...o,
-        className: `${p} wui-text`
+        ...i,
+        className: `${m} wui-text`
       },
       n
     );

package/dist/Textarea.mjs

@@ -1,16 +1,15 @@
 "use client";
 import u from "react";
-import w, { css as y, th as _, system as $ } from "@xstyled/styled-components";
-import { d as g } from "./field-styles-DLIhqG_8.mjs";
-import { shouldForwardProp as T, forwardRef as F } from "./System.mjs";
-const R = w("textarea").withConfig({ shouldForwardProp: T })(
-  ({ size: e, variant: t }) => y`
-    ${g({ size: e, variant: t })};
-    ${_("textareas")};
+import w, { css as g, th as y } from "@xstyled/styled-components";
+import { d as T } from "./field-styles-DLIhqG_8.mjs";
+import { shouldForwardProp as $, forwardRef as F } from "./System.mjs";
+const R = w.textareaBox.withConfig({ shouldForwardProp: $ })(
+  ({ size: e, variant: t }) => g`
+    ${T({ size: e, variant: t })};
+    ${y("textareas")};
     line-height: lg;
-    ${$};
   `
-), C = F(
+), _ = F(
   ({
     autoFocus: e,
     dataTestId: t,
@@ -24,9 +23,9 @@ const R = w("textarea").withConfig({ shouldForwardProp: T })(
     onKeyDown: m,
     placeholder: f,
     size: p = "md",
-    value: c,
-    variant: n,
-    ...x
+    value: x,
+    variant: c,
+    ...n
   }, h) => /* @__PURE__ */ u.createElement(
     R,
     {
@@ -43,13 +42,13 @@ const R = w("textarea").withConfig({ shouldForwardProp: T })(
       ref: h,
       rows: o,
       size: p,
-      value: c,
-      variant: n,
-      ...x
+      value: x,
+      variant: c,
+      ...n
     }
   )
 );
-C.displayName = "Textarea";
+_.displayName = "Textarea";
 export {
-  C as Textarea
+  _ as Textarea
 };

package/dist/TimePicker.mjs

@@ -1,7 +1,7 @@
 "use client";
 import c, { useState as T, useEffect as E } from "react";
 import M from "@xstyled/styled-components";
-import { f as Y, a as w, c as I, b as L, D as O, g as U } from "./CustomInput-BqaOGHm4.mjs";
+import { f as Y, a as w, c as I, b as L, D as O, g as U } from "./CustomInput-D_13Gd_3.mjs";
 import { forwardRef as W } from "./System.mjs";
 const $ = M.div`
   position: relative;
@@ -17,31 +17,31 @@ const $ = M.div`
     onBlur: o,
     onChange: t,
     onFocus: p,
-    placeholder: _,
-    popperProps: h,
+    placeholder: h,
+    popperProps: x,
     size: d = "md",
     timeIntervals: n = 15,
-    transparent: x,
-    value: l = O,
+    transparent: F,
+    value: r = O,
     ...u
-  }, F) => {
-    const r = (e) => U(e, n), P = _ || u.placeholderText, [R, f] = T(k && "time" || null), [g, a] = T(r(l));
+  }, P) => {
+    const l = (e) => U(e, n), R = h || u.placeholderText, [g, f] = T(k && "time" || null), [A, a] = T(l(r));
     E(() => {
-      t && t(r(l));
+      t && t(l(r));
     }, []), E(() => {
       var s;
-      const e = r(l);
-      ((s = new Date(l)) == null ? void 0 : s.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && t && t(e), a(e);
-    }, [l]);
-    const A = (e) => {
+      const e = l(r);
+      ((s = new Date(r)) == null ? void 0 : s.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && t && t(e), a(e);
+    }, [r]);
+    const N = (e) => {
       f("time"), p && p(e);
-    }, N = (e) => {
+    }, _ = (e) => {
       f(null), o && o(e);
     }, b = (e) => {
       e.preventDefault(), a(null), t && t();
     }, H = (e) => {
       if (!e) return;
-      const s = r(e);
+      const s = l(e);
       e.setFullYear(s.getFullYear(), s.getMonth(), s.getDate()), a(e), t && t(new Date(e));
     };
     return /* @__PURE__ */ c.createElement($, null, /* @__PURE__ */ c.createElement(
@@ -53,13 +53,13 @@ const $ = M.div`
           {
             className: "time-picker",
             "data-testid": y,
-            focused: R,
-            handleBlur: N,
-            handleFocus: A,
+            focused: g,
+            handleBlur: _,
+            handleFocus: N,
             icon: i,
             iconPlacement: m,
             onReset: b,
-            ref: F,
+            ref: P,
             size: d
           }
         ),
@@ -67,15 +67,15 @@ const $ = M.div`
         disabled: S,
         iconPlacement: !!i && m,
         onChange: H,
-        placeholderText: P,
+        placeholderText: R,
         popperContainer: L,
-        popperProps: h,
-        selected: g,
+        popperProps: x,
+        selected: A,
         showTimeSelect: !0,
         showTimeSelectOnly: !0,
         size: d,
         timeIntervals: n,
-        transparent: x,
+        transparent: F,
         ...u,
         isClearable: !1
       }

package/dist/Toast.mjs

@@ -1,10 +1,10 @@
 "use client";
-import d, { useEffect as C, useCallback as I, useState as M, useMemo as R, cloneElement as z, useContext as H } from "react";
+import d, { useEffect as C, useCallback as I, useState as M, useMemo as _, cloneElement as z, useContext as H } from "react";
 import v, { css as T, th as m, ThemeContext as L, ThemeProvider as W } from "@xstyled/styled-components";
 import { r as Y } from "./index-BYdkhqH4.mjs";
 import { Box as $ } from "./Box.mjs";
-import { Alert as _ } from "./Alert.mjs";
-import { CloseButton as B } from "./CloseButton.mjs";
+import { Alert as B } from "./Alert.mjs";
+import { CloseButton as N } from "./CloseButton.mjs";
 import { forwardRef as D } from "./System.mjs";
 import { Button as U } from "./Button.mjs";
 var j = (t) => typeof t == "function", A = (t, e) => j(t) ? t(e) : t, q = /* @__PURE__ */ (() => {
@@ -107,7 +107,7 @@ function st(t = !1) {
   const [e, s] = M(!1);
   return C(() => {
     s(!0);
-  }, []), R(() => t ? (a) => a : e ? (a, r, o) => Y.createPortal(a, r || document.body, o) : () => null, [t, e]);
+  }, []), _(() => t ? (a) => a : e ? (a, r, o) => Y.createPortal(a, r || document.body, o) : () => null, [t, e]);
 }
 const ot = v($)(
   ({ isBottom: t }) => T`
@@ -118,7 +118,7 @@ const ot = v($)(
     z-index: 9999;
     transition: all 400ms ease-out;
   `
-), rt = v(_)(
+), rt = v(B)(
   () => T`
     position: relative;
     padding: lg;
@@ -143,7 +143,7 @@ const ot = v($)(
       flex-shrink: 0;
     }
   `
-), nt = v(_)`
+), nt = v(B)`
   display: flex;
   align-items: center;
   padding: sm md;
@@ -152,7 +152,7 @@ const ot = v($)(
   > div {
     align-self: center !important;
   }
-`, it = v.box(
+`, it = v.divBox(
   ({ variant: t }) => T`
     ${m("toasts.snackbar.separator.default")};
     ${m(`toasts.snackbar.separator.${t}`)};
@@ -197,7 +197,7 @@ const ot = v($)(
     },
     z(e.message, { onClose: c })
   );
-}, N = D(
+}, G = D(
   ({ children: t, dataTestId: e, hasCloseButton: s = !0, icon: a, onClose: r, variant: o = "default" }, i) => {
     const n = e ? `${e}-close-button` : void 0;
     return /* @__PURE__ */ d.createElement(
@@ -210,7 +210,7 @@ const ot = v($)(
         variant: o
       },
       s && /* @__PURE__ */ d.createElement(
-        B,
+        N,
         {
           dataTestId: n,
           onClick: r,
@@ -223,11 +223,11 @@ const ot = v($)(
     );
   }
 );
-N.displayName = "Growl";
-const G = D(
-  ({ children: t, cta: e, hasCloseButton: s = !0, icon: a, onClose: r, variant: o = "default", ...i }, n) => /* @__PURE__ */ d.createElement(nt, { icon: a, ref: n, variant: o, ...i }, /* @__PURE__ */ d.createElement($, { alignItems: "center", display: "flex", gap: "sm" }, t, e && /* @__PURE__ */ d.createElement(it, { variant: o }, e), s && /* @__PURE__ */ d.createElement(B, { onClick: r, size: "xs" })))
+G.displayName = "Growl";
+const R = D(
+  ({ children: t, cta: e, hasCloseButton: s = !0, icon: a, onClose: r, variant: o = "default", ...i }, n) => /* @__PURE__ */ d.createElement(nt, { icon: a, ref: n, variant: o, ...i }, /* @__PURE__ */ d.createElement($, { alignItems: "center", display: "flex", gap: "sm" }, t, e && /* @__PURE__ */ d.createElement(it, { variant: o }, e), s && /* @__PURE__ */ d.createElement(N, { onClick: r, size: "xs" })))
 ), ut = D((t, e) => /* @__PURE__ */ d.createElement(U, { flexShrink: 0, ref: e, size: "xs", variant: "ghost", ...t }));
-G.displayName = "Snackbar";
+R.displayName = "Snackbar";
 const xt = ({ pauseOnHover: t = !0 }) => {
   const e = H(L), s = st(), { handlers: a, toasts: r } = et(), { calculateOffset: o, endPause: i, startPause: n, updateHeight: c } = a, f = t ? n : void 0, p = t ? i : void 0;
   return /* @__PURE__ */ d.createElement(W, { theme: e }, r.length > 0 && s(
@@ -253,7 +253,7 @@ const xt = ({ pauseOnHover: t = !0 }) => {
   P.remove(t);
 }, wt = (t) => {
   P.dismiss(t);
-}, Tt = { Title: ct, Growl: N, Snackbar: G, SnackbarAction: ut };
+}, Tt = { Title: ct, Growl: G, Snackbar: R, SnackbarAction: ut };
 export {
   xt as Notifications,
   Tt as Toast,

package/dist/Toggle.mjs

@@ -2,7 +2,7 @@
 import r from "react";
 import s, { css as i, th as t, system as f } from "@xstyled/styled-components";
 import { shouldForwardProp as g, forwardRef as $ } from "./System.mjs";
-import { C as c, a as u } from "./index-BSdL4wPb.mjs";
+import { C as c, a as u } from "./index-BDeIsk2X.mjs";
 const b = s(c).withConfig({ shouldForwardProp: g })(
   ({ order: o = "-1", size: e }) => i`
     ${t("toggles.item.default")};
@@ -54,11 +54,11 @@ const b = s(c).withConfig({ shouldForwardProp: g })(
 
     ${f};
   `
-), h = s.box`
+), h = s.divBox`
   position: relative;
   display: inline-block;
   cursor: pointer;
-`, x = s.box.withConfig({ shouldForwardProp: g })(
+`, x = s.divBox.withConfig({ shouldForwardProp: g })(
   ({ checked: o, size: e }) => i`
     position: absolute;
     z-index: 1;

package/dist/Tooltip.mjs

@@ -1,43 +1,43 @@
 "use client";
 import p, { useRef as G, useEffect as C, useState as J } from "react";
-import M, { css as f, th as y, system as U } from "@xstyled/styled-components";
-import { Box as tt } from "./Box.mjs";
-import { forwardRef as et } from "./System.mjs";
-import { c as ot, d as rt, e as nt, f as it, g as st, h as at } from "./BYC7LY2E-CVjUW1dr.mjs";
-import { c as j, a as ut, b as A, d as B } from "./YV4JVR4I-BGfUf3Nu.mjs";
-import { B as I, C as $, D as E, v as lt, c as z, _ as Y, i as L, E as dt, g as P, d as K, f as Q, h as W, t as ct, Y as H, Z as pt, Q as ft, b as w } from "./LVA2YJMS-qFC9J-lt.mjs";
-import { c as mt } from "./JC64G2H7-Dey-8h60.mjs";
-function vt(t = {}) {
+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 = {}) {
   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 = ot(I(E({}, t), {
-    placement: $(
+  const o = (r = t.store) == null ? void 0 : r.getState(), e = et(I($({}, t), {
+    placement: E(
       t.placement,
       o == null ? void 0 : o.placement,
       "top"
     ),
-    hideTimeout: $(t.hideTimeout, o == null ? void 0 : o.hideTimeout, 0)
-  })), m = I(E({}, e.getState()), {
-    type: $(t.type, o == null ? void 0 : o.type, "description"),
-    skipTimeout: $(t.skipTimeout, o == null ? void 0 : o.skipTimeout, 300)
+    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(E({}, e), i);
+  return $($({}, e), i);
 }
-function ht(t, r, o) {
-  return A(t, o, "type"), A(t, o, "skipTimeout"), rt(t, r, o);
+function vt(t, r, o) {
+  return A(t, o, "type"), A(t, o, "skipTimeout"), ot(t, r, o);
 }
-function bt(t = {}) {
-  const [r, o] = ut(vt, t);
-  return ht(r, o, t);
+function ht(t = {}) {
+  const [r, o] = at(mt, t);
+  return vt(r, o, t);
 }
-var X = lt(
-  [it],
-  [nt]
-), k = X.useProviderContext, St = X.ScopedContextProvider, gt = "div", Tt = z(
+var X = ut(
+  [nt],
+  [rt]
+), k = X.useProviderContext, bt = X.ScopedContextProvider, St = "div", gt = z(
   function(r) {
     var o = r, {
       store: e,
@@ -58,15 +58,15 @@ var X = lt(
     e = e || h, L(
       e,
       process.env.NODE_ENV !== "production" && "Tooltip must receive a `store` prop or be wrapped in a TooltipProvider component."
-    ), a = dt(
+    ), a = lt(
       a,
-      (s) => /* @__PURE__ */ ct.jsx(St, { value: e, children: s }),
+      (s) => /* @__PURE__ */ dt.jsx(bt, { value: e, children: s }),
       [e]
     );
     const b = e.useState(
       (s) => s.type === "description" ? "tooltip" : "none"
     );
-    return a = P({ role: b }, a), a = st(K(P({}, a), {
+    return a = P({ role: b }, a), a = it(K(P({}, a), {
       store: e,
       portal: m,
       gutter: i,
@@ -79,17 +79,17 @@ var X = lt(
       hideOnInteractOutside: (s) => {
         if (H(d, s)) return !1;
         const u = e == null ? void 0 : e.getState().anchorElement;
-        return u ? !pt(u, s.target) : !0;
+        return u ? !ct(u, s.target) : !0;
       }
     })), a;
   }
-), xt = mt(
+), Tt = ft(
   Q(function(r) {
-    const o = Tt(r);
-    return W(gt, o);
+    const o = gt(r);
+    return W(St, o);
   }),
   k
-), yt = "div", v = j({
+), xt = "div", v = j({
   activeStore: null
 });
 function N(t) {
@@ -98,7 +98,7 @@ function N(t) {
     r === t && v.setState("activeStore", null);
   };
 }
-var $t = z(
+var yt = z(
   function(r) {
     var o = r, { store: e, showOnHover: m = !0 } = o, i = Y(o, ["store", "showOnHover"]);
     const g = k();
@@ -111,7 +111,7 @@ var $t = z(
       n.mounted || (c.current = !1);
     }), [e]), C(() => {
       if (e)
-        return ft(
+        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.
@@ -148,7 +148,7 @@ var $t = z(
       onMouseEnter: a,
       onFocusVisible: b,
       onBlur: u
-    }), i = at(P({
+    }), i = st(P({
       store: e,
       showOnHover(n) {
         if (!c.current || H(m, n)) return !1;
@@ -158,34 +158,33 @@ var $t = z(
     }, i)), i;
   }
 ), Et = Q(function(r) {
-  const o = $t(r);
-  return W(yt, o);
+  const o = yt(r);
+  return W(xt, o);
 });
-const Pt = {
+const $t = {
   top: "translate3d(0, -4px, 0)",
   right: "translate3d(4px, 0, 0)",
   bottom: "translate3d(0, 4px, 0)",
   left: "translate3d(-4px, 0, 0)",
   auto: "translate3d(0, 0, 0)"
-}, Ot = (t) => {
+}, Pt = (t) => {
   const r = t == null ? void 0 : t.split("-"), o = r[0];
   if (r.length < 2)
-    return Pt[o];
+    return $t[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)`;
   }
-}, _t = f`
+}, Ot = f`
   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%";
-}, wt = M.divBox(
+}, _t = M.divBox(
   ({ fixed: t, placement: r, popoverHeight: o, withArrow: e }) => f`
     ${y("tooltips")};
-    ${U};
     transition:
       opacity ${y.transition("medium")},
       transform ${y.transition("medium")},
@@ -238,16 +237,16 @@ const Pt = {
     `}
 
     ${t && f`
-      transform: ${Ot(r)};
+      transform: ${Pt(r)};
     `}
 
     [data-enter] & {
-      ${_t}
+      ${Ot}
     }
   `
-), Ct = M.div`
+), wt = M.div`
   display: inline-block;
-`, Dt = et(
+`, Nt = tt(
   ({
     children: t,
     content: r,
@@ -258,14 +257,14 @@ const Pt = {
     ...g
   }, c) => {
     var R;
-    const d = bt({ 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 = () => {
+    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 = () => {
       n && Object.assign(n.style, {
         display: _ ? "block" : "none",
         position: "absolute",
         left: `${a.x}px`,
         top: `${a.y + window.scrollY + 20}px`
       });
-    }, T = (R = t == null ? void 0 : t.props) != null && R.disabled ? p.Children.only(/* @__PURE__ */ p.createElement(Ct, null, t)) : t;
+    }, T = (R = t == null ? void 0 : t.props) != null && R.disabled ? p.Children.only(/* @__PURE__ */ p.createElement(wt, null, t)) : t;
     return C(() => {
       function V({ clientX: Z, clientY: q }) {
         h({ x: Z, y: q }), b();
@@ -275,17 +274,17 @@ const Pt = {
           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(
-      xt,
+      Tt,
       {
         fixed: o,
         gutter: m,
         ref: c,
-        render: /* @__PURE__ */ p.createElement(tt, { ...g }),
+        render: /* @__PURE__ */ p.createElement(U, { ...g }),
         store: d,
         updatePosition: o ? void 0 : l
       },
       /* @__PURE__ */ p.createElement(
-        wt,
+        _t,
         {
           fixed: o,
           onTransitionEnd: s,
@@ -299,5 +298,5 @@ const Pt = {
   }
 );
 export {
-  Dt as Tooltip
+  Nt as Tooltip
 };

package/dist/UniversalLink.mjs

@@ -2,12 +2,12 @@
 import t from "react";
 import a from "@xstyled/styled-components";
 import { shouldForwardProp as l, forwardRef as d } from "./System.mjs";
-const f = a.aBox.withConfig({ shouldForwardProp: l })`
+const s = a.aBox.withConfig({ shouldForwardProp: l })`
   color: inherit;
   text-decoration: none;
-`, s = d(
+`, f = d(
   ({ children: r, dataTestId: o, target: e, ...n }, i) => /* @__PURE__ */ t.createElement(
-    f,
+    s,
     {
       color: "inherit",
       "data-testid": o,
@@ -19,7 +19,7 @@ const f = a.aBox.withConfig({ shouldForwardProp: l })`
     r
   )
 );
-s.displayName = "UniversalLink";
+f.displayName = "UniversalLink";
 export {
-  s as UniversalLink
+  f as UniversalLink
 };