welcome-ui 8.1.0-alpha.3 → 8.1.1

package/dist/Tooltip.mjs

@@ -1,53 +1,52 @@
 "use client";
-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 = {}) {
+import p, { useRef as G, useEffect as C, useState as J } from "react";
+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-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.",
     "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(B(P({}, 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)
-  })), 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);
+    hideTimeout: E(t.hideTimeout, o == null ? void 0 : o.hideTimeout, 0)
+  })), 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(f, e, t.store);
+  return $($({}, e), i);
 }
 function mt(t, r, o) {
-  return A(t, o, "type"), A(t, o, "skipTimeout"), rt(t, r, o);
+  return A(t, o, "type"), A(t, o, "skipTimeout"), ot(t, r, o);
 }
 function ht(t = {}) {
-  const [r, o] = ut(vt, t);
+  const [r, o] = at(ft, t);
   return mt(r, o, t);
 }
-var q = lt(
-  [it],
-  [nt]
-), k = q.useProviderContext, bt = q.ScopedContextProvider, St = "div", gt = Y(
+var X = ut(
+  [nt],
+  [rt]
+), k = X.useProviderContext, bt = X.ScopedContextProvider, St = "div", gt = Y(
   function(r) {
     var o = r, {
       store: e,
-      portal: v = !0,
+      portal: f = !0,
       gutter: i = 8,
       preserveTabOrder: g = !1,
       hideOnHoverOutside: d = !0,
       hideOnInteractOutside: c = !0
-    } = o, a = X(o, [
+    } = o, a = K(o, [
       "store",
       "portal",
       "gutter",
@@ -56,20 +55,20 @@ var q = lt(
       "hideOnInteractOutside"
     ]);
     const h = k();
-    e = e || h, K(
+    e = e || h, Q(
       e,
       process.env.NODE_ENV !== "production" && "Tooltip must receive a `store` prop or be wrapped in a TooltipProvider component."
-    ), a = ct(
+    ), a = lt(
       a,
-      (s) => /* @__PURE__ */ p.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 = E({ role: b }, a), a = st(W(E({}, a), {
+    return a = P({ role: b }, a), a = it(W(P({}, a), {
       store: e,
-      portal: v,
+      portal: f,
       gutter: i,
       preserveTabOrder: g,
       hideOnHoverOutside(s) {
@@ -84,16 +83,16 @@ var q = lt(
       }
     })), a;
   }
-), xt = ft(
+), Tt = vt(
   z(function(r) {
     const o = gt(r);
     return L(St, o);
   }),
   k
-), Tt = "div", m = M({
+), xt = "div", m = j({
   activeStore: null
 });
-function I(t) {
+function N(t) {
   return () => {
     const { activeStore: r } = m.getState();
     r === t && m.setState("activeStore", null);
@@ -101,14 +100,14 @@ function I(t) {
 }
 var yt = Y(
   function(r) {
-    var o = r, { store: e, showOnHover: v = !0 } = o, i = X(o, ["store", "showOnHover"]);
+    var o = r, { store: e, showOnHover: f = !0 } = o, i = K(o, ["store", "showOnHover"]);
     const g = k();
-    e = e || g, K(
+    e = e || g, Q(
       e,
       process.env.NODE_ENV !== "production" && "TooltipAnchor must receive a `store` prop or be wrapped in a TooltipProvider component."
     );
-    const d = U(!1);
-    C(() => R(e, ["mounted"], (n) => {
+    const d = G(!1);
+    C(() => B(e, ["mounted"], (n) => {
       n.mounted || (d.current = !1);
     }), [e]), C(() => {
       if (e)
@@ -116,15 +115,15 @@ var yt = Y(
           // 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.
-          I(e),
-          R(e, ["mounted", "skipTimeout"], (n) => {
+          N(e),
+          B(e, ["mounted", "skipTimeout"], (n) => {
             if (!e) return;
             if (n.mounted) {
-              const { activeStore: x } = m.getState();
-              return x !== e && (x == null || x.hide()), m.setState("activeStore", e);
+              const { activeStore: T } = m.getState();
+              return T !== e && (T == null || T.hide()), m.setState("activeStore", e);
             }
             const l = setTimeout(
-              I(e),
+              N(e),
               n.skipTimeout
             );
             return () => clearTimeout(l);
@@ -143,48 +142,48 @@ var yt = Y(
       var l;
       return (l = n.contentElement) == null ? void 0 : l.id;
     });
-    return i = W(E({
+    return i = W(P({
       "aria-labelledby": O === "label" ? _ : void 0
     }, i), {
       onMouseEnter: a,
       onFocusVisible: b,
       onBlur: u
-    }), i = at(E({
+    }), i = st(P({
       store: e,
       showOnHover(n) {
-        if (!d.current || H(v, n)) return !1;
+        if (!d.current || H(f, n)) return !1;
         const { activeStore: l } = m.getState();
         return l ? (e == null || e.show(), !1) : !0;
       }
     }, i)), i;
   }
-), $t = z(function(r) {
+), Et = z(function(r) {
   const o = yt(r);
-  return L(Tt, o);
+  return L(xt, o);
 });
-const Pt = {
-  auto: "translate3d(0, 0, 0)",
+const $t = {
+  top: "translate3d(0, -4px, 0)",
+  right: "translate3d(4px, 0, 0)",
   bottom: "translate3d(0, 4px, 0)",
   left: "translate3d(-4px, 0, 0)",
-  right: "translate3d(4px, 0, 0)",
-  top: "translate3d(0, -4px, 0)"
-}, Et = (t) => {
+  auto: "translate3d(0, 0, 0)"
+}, 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)`;
   }
-}, Ot = f`
+}, Ot = v`
   visibility: visible;
   opacity: 1;
   transform: translate3d(0, 0, 0);
-`, 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`
+`, 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 }) => v`
     ${y("tooltips")};
     transition:
       opacity ${y.transition("medium")},
@@ -195,7 +194,7 @@ const Pt = {
     transform-origin: top center;
     z-index: 10;
 
-    ${t && e && f`
+    ${t && e && v`
       &::after {
         content: '';
         position: absolute;
@@ -210,95 +209,92 @@ const Pt = {
         z-index: 0;
         translate: -50% -50%;
 
-        ${r.includes("top") && f`
+        ${r.includes("top") && v`
           top: 100%;
-          left: ${N(r)};
+          left: ${D(r)};
           rotate: 45deg;
         `}
 
-        ${r.includes("bottom") && f`
+        ${r.includes("bottom") && v`
           bottom: 100%;
-          left: ${N(r)};
+          left: ${D(r)};
           translate: -50% 50%;
           rotate: 225deg;
         `}
 
-        ${r.includes("left") && f`
-          top: ${D(r, o)};
+        ${r.includes("left") && v`
+          top: ${F(r, o)};
           left: 100%;
           rotate: -45deg;
         `}
 
-        ${r.includes("right") && f`
-          top: ${D(r, o)};
+        ${r.includes("right") && v`
+          top: ${F(r, o)};
           left: 0%;
           rotate: 135deg;
         `}
       }
     `}
 
-    ${t && f`
-      transform: ${Et(r)};
+    ${t && v`
+      transform: ${Pt(r)};
     `}
 
     [data-enter] & {
       ${Ot}
     }
   `
-), wt = F.div`
+), wt = M.div`
   display: inline-block;
-`, Nt = et(
+`, Nt = tt(
   ({
     children: t,
     content: r,
     fixed: o = !1,
-    gutter: e = 8,
-    placement: v = o ? "top" : "bottom",
+    placement: e = o ? "top" : "bottom",
+    gutter: f = 8,
     withArrow: i,
     ...g
   }, 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 = () => {
+    var R;
+    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",
-        left: `${a.x}px`,
         position: "absolute",
+        left: `${a.x}px`,
         top: `${a.y + window.scrollY + 20}px`
       });
-    }, x = (j = t == null ? void 0 : t.props) != null && j.disabled ? Q.Children.only(/* @__PURE__ */ p.jsx(wt, { children: 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: G, clientY: J }) {
-        h({ x: G, y: J }), b();
+      function V({ clientX: Z, clientY: q }) {
+        h({ x: Z, y: q }), b();
       }
       if (u && !o)
         return u.addEventListener("mousemove", V), () => {
           u.removeEventListener("mousemove", V);
         };
-    }, [b, o, u]), r ? /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
-      /* @__PURE__ */ p.jsx($t, { render: x, store: c }),
-      /* @__PURE__ */ p.jsx(
-        xt,
+    }, [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: f,
+        ref: d,
+        render: /* @__PURE__ */ p.createElement(U, { ...g }),
+        store: c,
+        updatePosition: o ? void 0 : l
+      },
+      /* @__PURE__ */ p.createElement(
+        _t,
         {
           fixed: o,
-          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
-            }
-          )
-        }
+          onTransitionEnd: s,
+          placement: O,
+          popoverHeight: n == null ? void 0 : n.getBoundingClientRect().height,
+          withArrow: i
+        },
+        r
       )
-    ] }) : t;
+    )) : t;
   }
 );
 export {

package/dist/UniversalLink.mjs

@@ -1,25 +1,25 @@
 "use client";
-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 })`
+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 })`
   color: inherit;
   text-decoration: none;
-`, m = a(
-  ({ children: r, dataTestId: e, target: o, ...i }, n) => /* @__PURE__ */ t.jsx(
-    d,
+`, c = d(
+  ({ children: o, dataTestId: r, target: e, ...i }, n) => /* @__PURE__ */ t.createElement(
+    s,
     {
       color: "inherit",
-      "data-testid": e,
+      "data-testid": r,
       ref: n,
-      rel: o === "_blank" ? "noopener noreferrer" : void 0,
-      target: o,
-      ...i,
-      children: r
-    }
+      rel: e === "_blank" ? "noopener noreferrer" : void 0,
+      target: e,
+      ...i
+    },
+    o
   )
 );
-m.displayName = "UniversalLink";
+c.displayName = "UniversalLink";
 export {
-  m as UniversalLink
+  c as UniversalLink
 };

package/dist/{VEVQD5MH-0w9Y7Ytc.mjs → VEVQD5MH-CuegL0m0.mjs}

@@ -1,7 +1,7 @@
 "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 { C as t, a as r } from "./P2CTZE2T-Cl2w7OLV.mjs";
+import { P as a, a as i } from "./MTZPJQMC-CMjAwC0N.mjs";
+import { v as s } from "./LVA2YJMS-DDEmK0pp.mjs";
 import { createContext as o } from "react";
 o(
   void 0

package/dist/{VGCJ63VH-C0UPBY-5.mjs → VGCJ63VH-BMzoZtCu.mjs}

@@ -1,9 +1,8 @@
 "use client";
-import { m as Y, o as Z, t as ee, c as te, s as y, d as A, e as ne, a as oe, b as P, u as R } from "./YV4JVR4I-DPC8mMuG.mjs";
-import { B as p, A as se, C as ae, G as re, t as T, f as H, _ as F, g as _, c as ie, h as ue, i as le, w as ce, E as S, D as de, d as O, e as me, y as fe } from "./LVA2YJMS-C-kJ1lkr.mjs";
-import { createContext as I, useRef as ve, useState as pe, useMemo as Se } from "react";
+import { m as Y, o as Z, t as ee, c as te, s as y, d as j, e as ne, a as oe, b as P, u as H } from "./YV4JVR4I-Bh7B7TET.mjs";
+import { C as p, B as se, D as ae, H as re, v as R, f as T, _ as F, t as I, g as _, c as ie, h as ue, i as le, x as ce, F as S, E as de, d as A, e as me, z as fe } from "./LVA2YJMS-DDEmK0pp.mjs";
+import { createContext as M, useRef as ve, useState as pe, useMemo as Se } from "react";
 import { r as De } from "./index-CBBbX29m.mjs";
-import { j as M } from "./jsx-runtime-B7I4PJ0H.mjs";
 function Ce(n = {}) {
   const o = Y(
     n.store,
@@ -25,7 +24,7 @@ function Ce(n = {}) {
   }, s = te(r, o);
   return y(
     s,
-    () => A(s, ["animated", "animating"], (a) => {
+    () => j(s, ["animated", "animating"], (a) => {
       a.animated || s.setState("animating", !1);
     })
   ), y(
@@ -35,7 +34,7 @@ function Ce(n = {}) {
     })
   ), y(
     s,
-    () => A(s, ["open", "animating"], (a) => {
+    () => j(s, ["open", "animating"], (a) => {
       s.setState("mounted", a.open || a.animating);
     })
   ), se(ae({}, s), {
@@ -52,15 +51,15 @@ function Ce(n = {}) {
 function xe(n, o, e) {
   return re(o, [e.store, e.disclosure]), P(n, e, "open", "setOpen"), P(n, e, "mounted", "setMounted"), P(n, e, "animated"), Object.assign(n, { disclosure: e.disclosure });
 }
-function He(n = {}) {
+function Re(n = {}) {
   const [o, e] = oe(Ce, n);
   return xe(o, e, n);
 }
-var b = T(), N = b.useProviderContext, ge = b.ContextProvider, Ee = b.ScopedContextProvider, D = T(
+var b = R(), N = b.useProviderContext, ge = b.ContextProvider, Ee = b.ScopedContextProvider, D = R(
   [ge],
   [Ee]
-), Fe = D.useScopedContext, Ie = D.useProviderContext, Me = D.ContextProvider, ye = D.ScopedContextProvider, Ne = I(void 0), $e = I(void 0), Pe = "div";
-function w(n, o) {
+), Te = D.useScopedContext, Fe = D.useProviderContext, Ie = D.ContextProvider, ye = D.ScopedContextProvider, Me = M(void 0), Ne = M(void 0), Pe = "div";
+function V(n, o) {
   const e = setTimeout(o, n);
   return () => clearTimeout(e);
 }
@@ -70,7 +69,7 @@ function _e(n) {
   });
   return () => cancelAnimationFrame(o);
 }
-function V(...n) {
+function w(...n) {
   return n.join(", ").split(", ").reduce((o, e) => {
     const t = e.endsWith("ms") ? 1 : 1e3, i = Number.parseFloat(e || "0s") * t;
     return i > o ? i : o;
@@ -86,7 +85,7 @@ var he = ie(function(o) {
     t,
     process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component."
   );
-  const a = ve(null), f = ce(r.id), [l, h] = pe(null), c = t.useState("open"), C = t.useState("mounted"), d = t.useState("animated"), m = t.useState("contentElement"), x = R(t.disclosure, "contentElement");
+  const a = ve(null), f = ce(r.id), [l, h] = pe(null), c = t.useState("open"), C = t.useState("mounted"), d = t.useState("animated"), m = t.useState("contentElement"), x = H(t.disclosure, "contentElement");
   S(() => {
     a.current && (t == null || t.setContentElement(a.current));
   }, [t]), S(() => {
@@ -109,41 +108,41 @@ var he = ie(function(o) {
     const u = () => t == null ? void 0 : t.setState("animating", !1), v = () => De.flushSync(u);
     if (l === "leave" && c || l === "enter" && !c) return;
     if (typeof d == "number")
-      return w(d, v);
+      return V(d, v);
     const {
       transitionDuration: k,
       animationDuration: q,
       transitionDelay: U,
       animationDelay: W
     } = getComputedStyle(m), {
-      transitionDuration: B = "0",
-      animationDuration: G = "0",
+      transitionDuration: z = "0",
+      animationDuration: B = "0",
       transitionDelay: L = "0",
-      animationDelay: z = "0"
-    } = x ? getComputedStyle(x) : {}, J = V(
+      animationDelay: G = "0"
+    } = x ? getComputedStyle(x) : {}, J = w(
       U,
       W,
       L,
-      z
-    ), K = V(
+      G
+    ), K = w(
       k,
       q,
-      B,
-      G
-    ), j = J + K;
-    if (!j) {
+      z,
+      B
+    ), O = J + K;
+    if (!O) {
       l === "enter" && t.setState("animated", !1), u();
       return;
     }
-    const Q = 1e3 / 60, X = Math.max(j - Q, 0);
-    return w(X, v);
+    const Q = 1e3 / 60, X = Math.max(O - Q, 0);
+    return V(X, v);
   }, [t, d, m, x, c, l]), r = de(
     r,
-    (u) => /* @__PURE__ */ M.jsx(ye, { value: t, children: u }),
+    (u) => /* @__PURE__ */ I.jsx(ye, { value: t, children: u }),
     [t]
   );
-  const g = be(C, r.hidden, i), E = r.style, $ = Se(() => g ? O(_({}, E), { display: "none" }) : E, [g, E]);
-  return r = O(_({
+  const g = be(C, r.hidden, i), E = r.style, $ = Se(() => g ? A(_({}, E), { display: "none" }) : E, [g, E]);
+  return r = A(_({
     id: f,
     "data-open": c || void 0,
     "data-enter": l === "enter" || void 0,
@@ -153,33 +152,33 @@ var he = ie(function(o) {
     ref: me(f ? t.setContentElement : null, a, r.ref),
     style: $
   }), fe(r);
-}), je = H(function(o) {
+}), Oe = T(function(o) {
   const e = he(o);
   return ue(Pe, e);
-}), ke = H(function(o) {
+}), $e = T(function(o) {
   var e = o, {
     unmountOnHide: t
   } = e, i = F(e, [
     "unmountOnHide"
   ]);
   const r = N(), s = i.store || r;
-  return R(
+  return H(
     s,
     (f) => !t || (f == null ? void 0 : f.mounted)
-  ) === !1 ? null : /* @__PURE__ */ M.jsx(je, _({}, i));
+  ) === !1 ? null : /* @__PURE__ */ I.jsx(Oe, _({}, i));
 });
 export {
   ye as D,
-  Ie as a,
-  Fe as b,
-  Me as c,
-  ke as d,
-  He as e,
+  Fe as a,
+  Te as b,
+  Ie as c,
+  $e as d,
+  Re as e,
   he as f,
   Ce as g,
   xe as h,
   be as i,
-  Ne as j,
-  $e as k,
+  Me as j,
+  Ne as k,
   N as u
 };

package/dist/VariantIcon.mjs

@@ -1,24 +1,32 @@
 "use client";
-import { j as o } from "./jsx-runtime-B7I4PJ0H.mjs";
-import { useMemo as f } from "react";
+import t, { useMemo as a } from "react";
+import f, { th as m, css as u } from "@xstyled/styled-components";
 import "./Icon.mjs";
-import { P as u, C as c, I as m, A as i, S as a, a as x } from "./index-C_k-m0Rl.mjs";
-import { forwardRef as I } from "./System.mjs";
-import p, { th as d, css as j } from "@xstyled/styled-components";
-const h = p.divBox(
-  ({ variant: e }) => j`
+import { P as s, C as i, I, A as d, S as p, a as E } from "./index-wr_b5GSV.mjs";
+import { forwardRef as x } from "./System.mjs";
+const g = f.divBox(
+  ({ variant: n }) => u`
     display: inline-flex;
-    ${d(`variantIcon.${e}`)}
+    ${m(`variantIcon.${n}`)}
     flex-shrink: 0;
     align-self: center;
   `
-), g = I(
-  ({ icon: e, size: n = "md", variant: r, ...s }, l) => {
-    const t = f(() => e === null ? null : e || (r === "default" ? /* @__PURE__ */ o.jsx(u, { size: n }) : r === "success" ? /* @__PURE__ */ o.jsx(c, { size: n }) : r === "info" ? /* @__PURE__ */ o.jsx(m, { size: n }) : r === "warning" ? /* @__PURE__ */ o.jsx(i, { size: n }) : r === "danger" ? /* @__PURE__ */ o.jsx(a, { size: n }) : r === "ai" ? /* @__PURE__ */ o.jsx(x, { size: n }) : null), [n, e, r]);
-    return t ? /* @__PURE__ */ o.jsx(h, { ref: l, variant: r, ...s, children: t }) : null;
+), h = x(
+  ({ icon: n, size: r = "md", variant: e, ...l }, c) => {
+    const o = a(() => {
+      if (n === null) return null;
+      if (n) return n;
+      if (e === "default") return /* @__PURE__ */ t.createElement(s, { size: r });
+      if (e === "success") return /* @__PURE__ */ t.createElement(i, { size: r });
+      if (e === "info") return /* @__PURE__ */ t.createElement(I, { size: r });
+      if (e === "warning") return /* @__PURE__ */ t.createElement(d, { size: r });
+      if (e === "danger") return /* @__PURE__ */ t.createElement(p, { size: r });
+      if (e === "ai") return /* @__PURE__ */ t.createElement(E, { size: r });
+    }, [r, n, e]);
+    return o ? /* @__PURE__ */ t.createElement(g, { ref: c, variant: e, ...l }, o) : null;
   }
 );
-g.displayName = "VariantIcon";
+h.displayName = "VariantIcon";
 export {
-  g as VariantIcon
+  h as VariantIcon
 };