welcome-ui 8.0.0-alpha.0 → 8.0.2

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-D_13Gd_3.mjs";
+import { f as Y, g as w, D as I, a as L, b as O, c as U } from "./CustomInput-IA_gVoXd.mjs";
 import { forwardRef as W } from "./System.mjs";
 const $ = M.div`
   position: relative;
@@ -22,10 +22,10 @@ const $ = M.div`
     size: d = "md",
     timeIntervals: n = 15,
     transparent: F,
-    value: r = O,
+    value: r = I,
     ...u
   }, P) => {
-    const l = (e) => U(e, n), R = h || u.placeholderText, [g, f] = T(k && "time" || null), [A, a] = T(l(r));
+    const l = (e) => w(e, n), R = h || u.placeholderText, [g, f] = T(k && "time" || null), [A, a] = T(l(r));
     E(() => {
       t && t(l(r));
     }, []), E(() => {
@@ -45,11 +45,11 @@ const $ = M.div`
       e.setFullYear(s.getFullYear(), s.getMonth(), s.getDate()), a(e), t && t(new Date(e));
     };
     return /* @__PURE__ */ c.createElement($, null, /* @__PURE__ */ c.createElement(
-      w,
+      L,
       {
         calendarClassName: "time-picker-popper",
         customInput: /* @__PURE__ */ c.createElement(
-          I,
+          U,
           {
             className: "time-picker",
             "data-testid": y,
@@ -68,7 +68,7 @@ const $ = M.div`
         iconPlacement: !!i && m,
         onChange: H,
         placeholderText: R,
-        popperContainer: L,
+        popperContainer: O,
         popperProps: x,
         selected: A,
         showTimeSelect: !0,

package/dist/Toast.mjs

@@ -1,7 +1,7 @@
 "use client";
 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 b, { th as f, css as T, ThemeContext as L, ThemeProvider as W } from "@xstyled/styled-components";
+import { r as Y } from "./index-CBBbX29m.mjs";
 import { Box as $ } from "./Box.mjs";
 import { Alert as B } from "./Alert.mjs";
 import { CloseButton as N } from "./CloseButton.mjs";
@@ -13,7 +13,7 @@ var j = (t) => typeof t == "function", A = (t, e) => j(t) ? t(e) : t, q = /* @__
 })(), F = 20, E = /* @__PURE__ */ new Map(), J = 1e3, O = (t) => {
   if (E.has(t)) return;
   let e = setTimeout(() => {
-    E.delete(t), h({ type: 4, toastId: t });
+    E.delete(t), v({ type: 4, toastId: t });
   }, J);
   E.set(t, e);
 }, K = (t) => {
@@ -41,7 +41,7 @@ var j = (t) => typeof t == "function", A = (t, e) => j(t) ? t(e) : t, q = /* @__
       let r = e.time - (t.pausedAt || 0);
       return { ...t, pausedAt: void 0, toasts: t.toasts.map((o) => ({ ...o, pauseDuration: o.pauseDuration + r })) };
   }
-}, k = [], w = { toasts: [], pausedAt: void 0 }, h = (t) => {
+}, k = [], w = { toasts: [], pausedAt: void 0 }, v = (t) => {
   w = S(w, t), k.forEach((e) => {
     e(w);
   });
@@ -52,77 +52,77 @@ var j = (t) => typeof t == "function", A = (t, e) => j(t) ? t(e) : t, q = /* @__
     r > -1 && k.splice(r, 1);
   }), [e]);
   let a = e.toasts.map((r) => {
-    var o, i;
-    return { ...t, ...t[r.type], ...r, duration: r.duration || ((o = t[r.type]) == null ? void 0 : o.duration) || (t == null ? void 0 : t.duration) || Q[r.type], style: { ...t.style, ...(i = t[r.type]) == null ? void 0 : i.style, ...r.style } };
+    var o, n;
+    return { ...t, ...t[r.type], ...r, duration: r.duration || ((o = t[r.type]) == null ? void 0 : o.duration) || (t == null ? void 0 : t.duration) || Q[r.type], style: { ...t.style, ...(n = t[r.type]) == null ? void 0 : n.style, ...r.style } };
   });
   return { ...e, toasts: a };
 }, X = (t, e = "blank", s) => ({ createdAt: Date.now(), visible: !0, type: e, ariaProps: { role: "status", "aria-live": "polite" }, message: t, pauseDuration: 0, ...s, id: (s == null ? void 0 : s.id) || q() }), x = (t) => (e, s) => {
   let a = X(e, t, s);
-  return h({ type: 2, toast: a }), a.id;
-}, u = (t, e) => x("blank")(t, e);
-u.error = x("error");
-u.success = x("success");
-u.loading = x("loading");
-u.custom = x("custom");
-u.dismiss = (t) => {
-  h({ type: 3, toastId: t });
+  return v({ type: 2, toast: a }), a.id;
+}, c = (t, e) => x("blank")(t, e);
+c.error = x("error");
+c.success = x("success");
+c.loading = x("loading");
+c.custom = x("custom");
+c.dismiss = (t) => {
+  v({ type: 3, toastId: t });
 };
-u.remove = (t) => h({ type: 4, toastId: t });
-u.promise = (t, e, s) => {
-  let a = u.loading(e.loading, { ...s, ...s == null ? void 0 : s.loading });
-  return t.then((r) => (u.success(A(e.success, r), { id: a, ...s, ...s == null ? void 0 : s.success }), r)).catch((r) => {
-    u.error(A(e.error, r), { id: a, ...s, ...s == null ? void 0 : s.error });
+c.remove = (t) => v({ type: 4, toastId: t });
+c.promise = (t, e, s) => {
+  let a = c.loading(e.loading, { ...s, ...s == null ? void 0 : s.loading });
+  return t.then((r) => (c.success(A(e.success, r), { id: a, ...s, ...s == null ? void 0 : s.success }), r)).catch((r) => {
+    c.error(A(e.error, r), { id: a, ...s, ...s == null ? void 0 : s.error });
   }), t;
 };
 var Z = (t, e) => {
-  h({ type: 1, toast: { id: t, height: e } });
+  v({ type: 1, toast: { id: t, height: e } });
 }, tt = () => {
-  h({ type: 5, time: Date.now() });
+  v({ type: 5, time: Date.now() });
 }, et = (t) => {
   let { toasts: e, pausedAt: s } = V(t);
   C(() => {
     if (s) return;
-    let o = Date.now(), i = e.map((n) => {
-      if (n.duration === 1 / 0) return;
-      let c = (n.duration || 0) + n.pauseDuration - (o - n.createdAt);
-      if (c < 0) {
-        n.visible && u.dismiss(n.id);
+    let o = Date.now(), n = e.map((i) => {
+      if (i.duration === 1 / 0) return;
+      let u = (i.duration || 0) + i.pauseDuration - (o - i.createdAt);
+      if (u < 0) {
+        i.visible && c.dismiss(i.id);
         return;
       }
-      return setTimeout(() => u.dismiss(n.id), c);
+      return setTimeout(() => c.dismiss(i.id), u);
     });
     return () => {
-      i.forEach((n) => n && clearTimeout(n));
+      n.forEach((i) => i && clearTimeout(i));
     };
   }, [e, s]);
   let a = I(() => {
-    s && h({ type: 6, time: Date.now() });
-  }, [s]), r = I((o, i) => {
-    let { reverseOrder: n = !1, gutter: c = 8, defaultPosition: f } = i || {}, p = e.filter((l) => (l.position || f) === (o.position || f) && l.height), g = p.findIndex((l) => l.id === o.id), y = p.filter((l, b) => b < g && l.visible).length;
-    return p.filter((l) => l.visible).slice(...n ? [y + 1] : [0, y]).reduce((l, b) => l + (b.height || 0) + c, 0);
+    s && v({ type: 6, time: Date.now() });
+  }, [s]), r = I((o, n) => {
+    let { reverseOrder: i = !1, gutter: u = 8, defaultPosition: p } = n || {}, m = e.filter((l) => (l.position || p) === (o.position || p) && l.height), g = m.findIndex((l) => l.id === o.id), h = m.filter((l, y) => y < g && l.visible).length;
+    return m.filter((l) => l.visible).slice(...i ? [h + 1] : [0, h]).reduce((l, y) => l + (y.height || 0) + u, 0);
   }, [e]);
   return { toasts: e, handlers: { updateHeight: Z, startPause: tt, endPause: a, calculateOffset: r } };
-}, P = u;
+}, P = c;
 function st(t = !1) {
   const [e, s] = M(!1);
   return C(() => {
     s(!0);
   }, []), _(() => t ? (a) => a : e ? (a, r, o) => Y.createPortal(a, r || document.body, o) : () => null, [t, e]);
 }
-const ot = v($)(
+const ot = b($)(
   ({ isBottom: t }) => T`
-    ${m("toasts.default")}
-    ${t ? m("toasts.bottom") : m("toasts.top")}
+    ${f("toasts.default")}
+    ${t ? f("toasts.bottom") : f("toasts.top")}
 
     position: fixed;
     z-index: 9999;
     transition: all 400ms ease-out;
   `
-), rt = v(B)(
+), rt = b(B)(
   () => T`
     position: relative;
     padding: lg;
-    ${m("toasts.growls.default")};
+    ${f("toasts.growls.default")};
 
     div:first-of-type {
       align-self: baseline;
@@ -132,30 +132,30 @@ const ot = v($)(
       flex-shrink: 0;
     }
   `
-), at = v($)(
+), at = b($)(
   () => T`
     display: flex;
     align-items: center;
     padding-bottom: xs;
-    ${m("toasts.growls.title")};
+    ${f("toasts.growls.title")};
 
     & > *:first-child {
       flex-shrink: 0;
     }
   `
-), nt = v(B)`
+), it = b(B)`
   display: flex;
   align-items: center;
   padding: sm md;
-  ${m("toasts.snackbar.default")};
+  ${f("toasts.snackbar.default")};
 
   > div {
     align-self: center !important;
   }
-`, it = v.divBox(
+`, nt = b.divBox(
   ({ variant: t }) => T`
-    ${m("toasts.snackbar.separator.default")};
-    ${m(`toasts.snackbar.separator.${t}`)};
+    ${f("toasts.snackbar.separator.default")};
+    ${f(`toasts.snackbar.separator.${t}`)};
     padding-left: sm;
   `
 ), lt = {
@@ -170,49 +170,49 @@ const ot = v($)(
   toast: e,
   updateHeight: s
 }) => {
-  var p, g, y;
+  var m, g, h;
   if (typeof e.message == "string")
     return console.warn("You must pass a React component or a HTML element."), null;
   const a = t(e, { reverseOrder: !1, gutter: 0 }), r = (l) => {
     if (l && typeof e.height != "number") {
-      const b = l.getBoundingClientRect().height;
-      s(e.id, b);
+      const y = l.getBoundingClientRect().height;
+      s(e.id, y);
     }
-  }, o = (p = e.position) == null ? void 0 : p.includes("center"), i = (g = e.position) == null ? void 0 : g.includes("top"), n = (y = e.position) == null ? void 0 : y.includes("bottom"), c = () => {
+  }, o = (m = e.position) == null ? void 0 : m.includes("center"), n = (g = e.position) == null ? void 0 : g.includes("top"), i = (h = e.position) == null ? void 0 : h.includes("bottom"), u = () => {
     e.onClose && e.onClose(), P.dismiss(e.id);
-  }, f = {
+  }, p = {
     opacity: e.visible ? 1 : 0,
-    transform: `translate(${o ? "-50%" : "0"}, ${a * (i ? 1 : -1)}px)`,
+    transform: `translate(${o ? "-50%" : "0"}, ${a * (n ? 1 : -1)}px)`,
     ...lt[e.position]
   };
   return /* @__PURE__ */ d.createElement(
     ot,
     {
-      isBottom: n,
-      opacity: f.opacity,
+      isBottom: i,
+      opacity: p.opacity,
       ref: r,
-      style: f,
-      transform: f.transform,
+      style: p,
+      transform: p.transform,
       ...e.ariaProps
     },
-    z(e.message, { onClose: c })
+    z(e.message, { onClose: u })
   );
 }, 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;
+  ({ children: t, dataTestId: e, hasCloseButton: s = !0, icon: a, onClose: r, variant: o = "default" }, n) => {
+    const i = e ? `${e}-close-button` : void 0;
     return /* @__PURE__ */ d.createElement(
       rt,
       {
         "data-testid": e,
         hasCloseButton: s,
         icon: a,
-        ref: i,
+        ref: n,
         variant: o
       },
       s && /* @__PURE__ */ d.createElement(
         N,
         {
-          dataTestId: n,
+          dataTestId: i,
           onClick: r,
           position: "absolute",
           right: "sm",
@@ -225,27 +225,27 @@ const ot = v($)(
 );
 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 }));
+  ({ children: t, cta: e, hasCloseButton: s = !0, icon: a, onClose: r, variant: o = "default", ...n }, i) => /* @__PURE__ */ d.createElement(it, { icon: a, ref: i, variant: o, ...n }, /* @__PURE__ */ d.createElement($, { alignItems: "center", display: "flex", gap: "sm" }, t, e && /* @__PURE__ */ d.createElement(nt, { variant: o }, e), s && /* @__PURE__ */ d.createElement(N, { onClick: r, size: "xs" })))
+), ct = D((t, e) => /* @__PURE__ */ d.createElement(U, { flexShrink: 0, ref: e, size: "xs", variant: "ghost", ...t }));
 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;
+  const e = H(L), s = st(), { handlers: a, toasts: r } = et(), { calculateOffset: o, endPause: n, startPause: i, updateHeight: u } = a, p = t ? i : void 0, m = t ? n : void 0;
   return /* @__PURE__ */ d.createElement(W, { theme: e }, r.length > 0 && s(
-    /* @__PURE__ */ d.createElement("div", { "data-wui-persistent": !0, onMouseEnter: f, onMouseLeave: p }, r.map((g) => /* @__PURE__ */ d.createElement(
+    /* @__PURE__ */ d.createElement("div", { "data-wui-persistent": !0, onMouseEnter: p, onMouseLeave: m }, r.map((g) => /* @__PURE__ */ d.createElement(
       dt,
       {
         calculateOffset: o,
         key: g.id,
         toast: g,
-        updateHeight: c
+        updateHeight: u
       }
     )))
   ));
-}, ct = ({ children: t, ...e }) => /* @__PURE__ */ d.createElement(at, { ...e }, t), Et = (t, e) => {
-  var o, i;
+}, ut = ({ children: t, ...e }) => /* @__PURE__ */ d.createElement(at, { ...e }, t), Et = (t, e) => {
+  var o, n;
   const r = {
     duration: 7e3,
-    position: (typeof t == "string" ? void 0 : ((o = t == null ? void 0 : t.type) == null ? void 0 : o.displayName) || ((i = t == null ? void 0 : t.type) == null ? void 0 : i.name)) === "Growl" ? "top-right" : "bottom-center",
+    position: (typeof t == "string" ? void 0 : ((o = t == null ? void 0 : t.type) == null ? void 0 : o.displayName) || ((n = t == null ? void 0 : t.type) == null ? void 0 : n.name)) === "Growl" ? "top-right" : "bottom-center",
     ...e
   };
   return P(t, r);
@@ -253,7 +253,7 @@ const xt = ({ pauseOnHover: t = !0 }) => {
   P.remove(t);
 }, wt = (t) => {
   P.dismiss(t);
-}, Tt = { Title: ct, Growl: G, Snackbar: R, SnackbarAction: ut };
+}, Tt = { Title: ut, Growl: G, Snackbar: R, SnackbarAction: ct };
 export {
   xt as Notifications,
   Tt as Toast,

package/dist/Toggle.mjs

@@ -1,8 +1,8 @@
 "use client";
 import r from "react";
-import s, { css as i, th as t, system as f } from "@xstyled/styled-components";
+import s, { th as t, system as f, css as i } from "@xstyled/styled-components";
 import { shouldForwardProp as g, forwardRef as $ } from "./System.mjs";
-import { C as c, a as u } from "./index-BDeIsk2X.mjs";
+import { C as c, a as u } from "./index-5PUh49rV.mjs";
 const b = s(c).withConfig({ shouldForwardProp: g })(
   ({ order: o = "-1", size: e }) => i`
     ${t("toggles.item.default")};

package/dist/Tooltip.mjs

@@ -1,13 +1,13 @@
 "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 M, { css as v, 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 { c as et, d as ot, e as rt, f as nt, g as it, h as st } from "./BYC7LY2E-B1IDizRs.mjs";
+import { c as j, a as at, b as A, d as B } from "./YV4JVR4I-Bh7B7TET.mjs";
+import { B as I, C as E, D as $, v as ut, f as z, c as Y, h as L, _ as K, i as Q, E as lt, t as ct, g as P, d as W, Y as H, Z as dt, Q as pt, b as w } from "./LVA2YJMS-DDEmK0pp.mjs";
+import { c as vt } from "./JC64G2H7-BzklVBKM.mjs";
+function ft(t = {}) {
   var r;
   process.env.NODE_ENV !== "production" && t.type === "label" && console.warn(
     "The `type` option on the tooltip store is deprecated.",
@@ -21,32 +21,32 @@ function mt(t = {}) {
       "top"
     ),
     hideTimeout: E(t.hideTimeout, o == null ? void 0 : o.hideTimeout, 0)
-  })), m = I($({}, e.getState()), {
+  })), f = 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);
+  }), i = j(f, e, t.store);
   return $($({}, e), i);
 }
-function vt(t, r, o) {
+function mt(t, r, o) {
   return A(t, o, "type"), A(t, o, "skipTimeout"), ot(t, r, o);
 }
 function ht(t = {}) {
-  const [r, o] = at(mt, t);
-  return vt(r, o, t);
+  const [r, o] = at(ft, t);
+  return mt(r, o, t);
 }
 var X = ut(
   [nt],
   [rt]
-), k = X.useProviderContext, bt = X.ScopedContextProvider, St = "div", gt = z(
+), k = X.useProviderContext, bt = X.ScopedContextProvider, St = "div", gt = Y(
   function(r) {
     var o = r, {
       store: e,
-      portal: m = !0,
+      portal: f = !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 = K(o, [
       "store",
       "portal",
       "gutter",
@@ -55,60 +55,60 @@ var X = ut(
       "hideOnInteractOutside"
     ]);
     const h = k();
-    e = e || h, L(
+    e = e || h, Q(
       e,
       process.env.NODE_ENV !== "production" && "Tooltip must receive a `store` prop or be wrapped in a TooltipProvider component."
     ), a = lt(
       a,
-      (s) => /* @__PURE__ */ dt.jsx(bt, { value: e, children: s }),
+      (s) => /* @__PURE__ */ ct.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 = P({ role: b }, a), a = it(W(P({}, a), {
       store: e,
-      portal: m,
+      portal: f,
       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) {
+), Tt = vt(
+  z(function(r) {
     const o = gt(r);
-    return W(St, o);
+    return L(St, o);
   }),
   k
-), xt = "div", v = j({
+), xt = "div", m = j({
   activeStore: null
 });
 function N(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: f = !0 } = o, i = K(o, ["store", "showOnHover"]);
     const g = k();
-    e = e || g, L(
+    e = e || g, Q(
       e,
       process.env.NODE_ENV !== "production" && "TooltipAnchor must receive a `store` prop or be wrapped in a TooltipProvider component."
     );
-    const c = G(!1);
+    const d = G(!1);
     C(() => B(e, ["mounted"], (n) => {
-      n.mounted || (c.current = !1);
+      n.mounted || (d.current = !1);
     }), [e]), C(() => {
       if (e)
         return pt(
@@ -119,8 +119,8 @@ var yt = z(
           B(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: T } = m.getState();
+              return T !== e && (T == null || T.hide()), m.setState("activeStore", e);
             }
             const l = setTimeout(
               N(e),
@@ -130,19 +130,19 @@ var yt = z(
           })
         );
     }, [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(P({
       "aria-labelledby": O === "label" ? _ : void 0
     }, i), {
       onMouseEnter: a,
@@ -151,15 +151,15 @@ var yt = z(
     }), i = st(P({
       store: e,
       showOnHover(n) {
-        if (!c.current || H(m, n)) return !1;
-        const { activeStore: l } = v.getState();
+        if (!d.current || H(f, n)) return !1;
+        const { activeStore: l } = m.getState();
         return l ? (e == null || e.show(), !1) : !0;
       }
     }, i)), i;
   }
-), Et = Q(function(r) {
+), Et = z(function(r) {
   const o = yt(r);
-  return W(xt, o);
+  return L(xt, o);
 });
 const $t = {
   top: "translate3d(0, -4px, 0)",
@@ -175,7 +175,7 @@ const $t = {
     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)`;
   }
-}, Ot = f`
+}, Ot = v`
   visibility: visible;
   opacity: 1;
   transform: translate3d(0, 0, 0);
@@ -183,7 +183,7 @@ const $t = {
   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`
+  ({ fixed: t, placement: r, popoverHeight: o, withArrow: e }) => v`
     ${y("tooltips")};
     transition:
       opacity ${y.transition("medium")},
@@ -194,7 +194,7 @@ const $t = {
     transform-origin: top center;
     z-index: 10;
 
-    ${t && e && f`
+    ${t && e && v`
       &::after {
         content: '';
         position: absolute;
@@ -209,26 +209,26 @@ const $t = {
         z-index: 0;
         translate: -50% -50%;
 
-        ${r.includes("top") && f`
+        ${r.includes("top") && v`
           top: 100%;
           left: ${D(r)};
           rotate: 45deg;
         `}
 
-        ${r.includes("bottom") && f`
+        ${r.includes("bottom") && v`
           bottom: 100%;
           left: ${D(r)};
           translate: -50% 50%;
           rotate: 225deg;
         `}
 
-        ${r.includes("left") && f`
+        ${r.includes("left") && v`
           top: ${F(r, o)};
           left: 100%;
           rotate: -45deg;
         `}
 
-        ${r.includes("right") && f`
+        ${r.includes("right") && v`
           top: ${F(r, o)};
           left: 0%;
           rotate: 135deg;
@@ -236,7 +236,7 @@ const $t = {
       }
     `}
 
-    ${t && f`
+    ${t && v`
       transform: ${Pt(r)};
     `}
 
@@ -252,12 +252,12 @@ const $t = {
     content: r,
     fixed: o = !1,
     placement: e = o ? "top" : "bottom",
-    gutter: m = 8,
+    gutter: f = 8,
     withArrow: i,
     ...g
-  }, c) => {
+  }, d) => {
     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 = () => {
+    const c = ht({ placement: e, animated: 300 }), [a, h] = J({ 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",
@@ -273,14 +273,14 @@ const $t = {
         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(
+    }, [b, o, u]), r ? /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement(Et, { render: T, store: c }), /* @__PURE__ */ p.createElement(
       Tt,
       {
         fixed: o,
-        gutter: m,
-        ref: c,
+        gutter: f,
+        ref: d,
         render: /* @__PURE__ */ p.createElement(U, { ...g }),
-        store: d,
+        store: c,
         updatePosition: o ? void 0 : l
       },
       /* @__PURE__ */ p.createElement(