@vacano/ui 1.15.1 → 1.15.2

package/dist/index.js

@@ -6,7 +6,7 @@ import { j as a, a as m, F as Qe, X as Et, e as Xt, L as Yt } from "./X-DAuAfjix
 import { css as De, Global as Wt, keyframes as U } from "@emotion/react";
 import { useState as L, useCallback as E, Children as Nt, isValidElement as Ge, cloneElement as Ct, useEffect as Z, createContext as Se, useContext as ke, useRef as B, useLayoutEffect as It, useReducer as Tt, useMemo as $e } from "react";
 import { s as d, B as ve, i as Ut } from "./ToggleGroup-C44x4Sx1.js";
-import { A as rc, C as nc, a as ic, b as lc, j as ac, D as dc, F as cc, l as sc, I as pc, m as uc, K as gc, n as hc, M as fc, O as xc, R as bc, c as $c, d as yc, S as mc, T as vc, e as wc, f as Sc, g as kc, h as zc, k as Ec } from "./ToggleGroup-C44x4Sx1.js";
+import { A as rc, C as nc, a as ic, b as lc, j as ac, D as dc, F as cc, l as sc, I as pc, m as gc, K as uc, n as hc, M as fc, O as xc, R as bc, c as $c, d as yc, S as mc, T as vc, e as wc, f as Sc, g as kc, h as zc, k as Ec } from "./ToggleGroup-C44x4Sx1.js";
 import { n as z } from "./tooling-YDHxmiMT.js";
 import { createPortal as et } from "react-dom";
 import { C as qt, a as Vt, b as Zt } from "./CircleX-RQVijA2m.js";
@@ -137,13 +137,13 @@ const Gt = De`
   cursor: ${({ $disabled: e }) => e ? "not-allowed" : "pointer"};
   font-size: 14px;
   font-weight: 600;
-  color: ${i.black};
+  color: ${({ $expanded: e }) => e ? i.black : i["iron-grey"]};
   text-align: left;
   outline: none;
   transition: color 0.2s ease;
 
   &:hover {
-    color: ${i["steel-blue"]};
+    color: ${i.black};
   }
 `, eo = d.span`
   display: flex;
@@ -176,9 +176,9 @@ const Gt = De`
   ref: s,
   value: c,
   variant: p = "outlined",
-  ...g
+  ...u
 }) => {
-  const [u, h] = L(o), x = c !== void 0, f = x ? c : u, y = E(
+  const [g, h] = L(o), x = c !== void 0, f = x ? c : g, y = E(
     (b) => {
       const $ = f.includes(b);
       let v;
@@ -189,7 +189,7 @@ const Gt = De`
   return /* @__PURE__ */ a(
     Kt,
     {
-      ...g,
+      ...u,
       ref: s,
       $variant: p,
       className: pe("container", e),
@@ -209,6 +209,7 @@ const Gt = De`
                   type: "button",
                   "aria-expanded": $,
                   $disabled: !!b.disabled,
+                  $expanded: $,
                   disabled: b.disabled,
                   onClick: () => y(b.value),
                   className: pe("trigger", t == null ? void 0 : t.trigger),
@@ -287,7 +288,7 @@ const Gt = De`
   font-weight: 600;
   color: ${i.black};
   line-height: 1.4;
-`, uo = d.div`
+`, go = d.div`
   font-size: 14px;
   color: ${i["iron-grey"]};
   line-height: 1.5;
@@ -314,11 +315,11 @@ const Gt = De`
       r && /* @__PURE__ */ a(co, { $variant: c, className: ze("icon", t == null ? void 0 : t.icon), children: /* @__PURE__ */ a("span", { children: r }) }),
       /* @__PURE__ */ m(so, { children: [
         s && /* @__PURE__ */ a(po, { className: ze("title", t == null ? void 0 : t.title), children: s }),
-        o && /* @__PURE__ */ a(uo, { className: ze("description", t == null ? void 0 : t.description), children: o })
+        o && /* @__PURE__ */ a(go, { className: ze("description", t == null ? void 0 : t.description), children: o })
       ] })
     ]
   }
-), go = (e) => {
+), uo = (e) => {
   var o, r;
   const t = e.trim().split(/\s+/);
   if (t.length >= 2) {
@@ -387,7 +388,7 @@ const Gt = De`
   }
 `, bo = d.span`
   letter-spacing: 0.5px;
-`, ue = z("avatar"), $o = ({
+`, ge = z("avatar"), $o = ({
   bordered: e = !1,
   className: t,
   classnames: o,
@@ -397,18 +398,18 @@ const Gt = De`
   name: s,
   radius: c = "full",
   ref: p,
-  size: g = "md",
-  src: u,
+  size: u = "md",
+  src: g,
   ...h
 }) => {
-  const [x, f] = L(!1), y = u && !x;
+  const [x, f] = L(!1), y = g && !x;
   return /* @__PURE__ */ a(
     fo,
     {
       ...h,
       ref: p,
-      className: ue("container", t),
-      $size: g,
+      className: ge("container", t),
+      $size: u,
       $radius: c,
       $color: r,
       $bordered: e,
@@ -416,12 +417,12 @@ const Gt = De`
       children: y ? /* @__PURE__ */ a(
         xo,
         {
-          className: ue("image", o == null ? void 0 : o.image),
-          src: u,
+          className: ge("image", o == null ? void 0 : o.image),
+          src: g,
           alt: s || "",
           onError: () => f(!0)
         }
-      ) : l ? /* @__PURE__ */ a(ot, { className: ue("fallback", o == null ? void 0 : o.fallback), $size: g, children: l }) : s ? /* @__PURE__ */ a(bo, { className: ue("initials", o == null ? void 0 : o.initials), children: go(s) }) : /* @__PURE__ */ a(ot, { className: ue("fallback", o == null ? void 0 : o.fallback), $size: g, children: /* @__PURE__ */ a("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) }) })
+      ) : l ? /* @__PURE__ */ a(ot, { className: ge("fallback", o == null ? void 0 : o.fallback), $size: u, children: l }) : s ? /* @__PURE__ */ a(bo, { className: ge("initials", o == null ? void 0 : o.initials), children: uo(s) }) : /* @__PURE__ */ a(ot, { className: ge("fallback", o == null ? void 0 : o.fallback), $size: u, children: /* @__PURE__ */ a("svg", { viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) }) })
     }
   );
 }, yo = d.div`
@@ -453,14 +454,14 @@ const Gt = De`
   size: l = "md",
   ...s
 }) => {
-  const c = Nt.toArray(e).filter(Ge), p = c.slice(0, r), g = c.length - r;
+  const c = Nt.toArray(e).filter(Ge), p = c.slice(0, r), u = c.length - r;
   return /* @__PURE__ */ m(yo, { ...s, ref: n, className: rt("container", t), $size: l, children: [
     p.map(
-      (u) => Ge(u) ? Ct(u, { size: l }) : u
+      (g) => Ge(g) ? Ct(g, { size: l }) : g
     ),
-    g > 0 && /* @__PURE__ */ m(mo, { className: rt("count", o == null ? void 0 : o.count), $size: l, children: [
+    u > 0 && /* @__PURE__ */ m(mo, { className: rt("count", o == null ? void 0 : o.count), $size: l, children: [
       "+",
-      g
+      u
     ] })
   ] });
 }, vo = {
@@ -545,8 +546,8 @@ const Gt = De`
   invisible: s = !1,
   placement: c = "top-right",
   ref: p,
-  shape: g = "rectangle",
-  showOutline: u = !0,
+  shape: u = "rectangle",
+  showOutline: g = !0,
   size: h = "md",
   variant: x = "solid",
   ...f
@@ -560,8 +561,8 @@ const Gt = De`
       $dot: l,
       $invisible: s,
       $placement: c,
-      $shape: g,
-      $showOutline: u,
+      $shape: u,
+      $showOutline: g,
       $size: h,
       $variant: x,
       children: !l && n
@@ -678,15 +679,15 @@ const Gt = De`
   maxItems: s,
   ref: c,
   separator: p,
-  size: g = "md",
-  variant: u = "light",
+  size: u = "md",
+  variant: g = "light",
   ...h
 }) => {
   const x = Nt.toArray(e).filter(
     (w) => Ge(w)
-  ), f = x.length, y = s !== void 0 && f > s, b = (w) => /* @__PURE__ */ a(Io, { className: Ee("separator", o == null ? void 0 : o.separator), $size: g, children: p || /* @__PURE__ */ a(Lo, {}) }, w), $ = (w, S, I) => {
+  ), f = x.length, y = s !== void 0 && f > s, b = (w) => /* @__PURE__ */ a(Io, { className: Ee("separator", o == null ? void 0 : o.separator), $size: u, children: p || /* @__PURE__ */ a(Lo, {}) }, w), $ = (w, S, I) => {
     const { current: R, disabled: T, href: C, startContent: N, endContent: A } = w.props, k = R || I, _ = r || T && !k;
-    return /* @__PURE__ */ m(it, { $size: g, $current: k, $disabled: !!_, children: [
+    return /* @__PURE__ */ m(it, { $size: u, $current: k, $disabled: !!_, children: [
       /* @__PURE__ */ m(
         Co,
         {
@@ -708,7 +709,7 @@ const Gt = De`
       const w = x.slice(0, l), S = x.slice(f - n);
       return /* @__PURE__ */ m(Qe, { children: [
         w.map((I, R) => $(I, R, !1)),
-        /* @__PURE__ */ m(it, { $size: g, $current: !1, $disabled: !1, children: [
+        /* @__PURE__ */ m(it, { $size: u, $current: !1, $disabled: !1, children: [
           /* @__PURE__ */ a(
             To,
             {
@@ -733,10 +734,10 @@ const Gt = De`
       ...h,
       ref: c,
       className: Ee("container", t),
-      $variant: u,
-      $size: g,
+      $variant: g,
+      $size: u,
       "aria-label": "Breadcrumbs",
-      children: /* @__PURE__ */ a(No, { className: Ee("list", o == null ? void 0 : o.list), $size: g, children: v() })
+      children: /* @__PURE__ */ a(No, { className: Ee("list", o == null ? void 0 : o.list), $size: u, children: v() })
     }
   );
 }, lt = {
@@ -820,8 +821,8 @@ const Gt = De`
   fullWidth: s = !1,
   hoverable: c = !1,
   pressable: p = !1,
-  radius: g = "lg",
-  ref: u,
+  radius: u = "lg",
+  ref: g,
   shadow: h = "md",
   ...x
 }) => {
@@ -830,7 +831,7 @@ const Gt = De`
     Ro,
     {
       ...x,
-      ref: u,
+      ref: g,
       className: Mo("container", r),
       $blurred: e,
       $border: t,
@@ -839,7 +840,7 @@ const Gt = De`
       $fullWidth: s,
       $hoverable: c,
       $pressable: p,
-      $radius: g,
+      $radius: u,
       $shadow: f,
       tabIndex: p && !n ? 0 : void 0,
       role: p ? "button" : void 0,
@@ -896,7 +897,7 @@ const Gt = De`
   align-items: center;
   gap: 8px;
 `, Vo = ({ confirmation: e, onDone: t }) => {
-  const [o, r] = L(!1), [n, l] = L(!1), { message: s, onConfirm: c, onCancel: p, options: g } = e, u = g.confirmLabel || jo, h = g.cancelLabel || Ho, x = E(
+  const [o, r] = L(!1), [n, l] = L(!1), { message: s, onConfirm: c, onCancel: p, options: u } = e, g = u.confirmLabel || jo, h = u.cancelLabel || Ho, x = E(
     (b) => {
       r(!0), setTimeout(() => {
         b == null || b(), t();
@@ -926,7 +927,7 @@ const Gt = De`
     /* @__PURE__ */ a(Uo, { children: s }),
     /* @__PURE__ */ m(qo, { children: [
       /* @__PURE__ */ a(ve, { variant: "system", size: "compact", onClick: y, disabled: n, children: h }),
-      /* @__PURE__ */ a(ve, { variant: "danger", size: "compact", onClick: f, loading: n, children: u })
+      /* @__PURE__ */ a(ve, { variant: "danger", size: "compact", onClick: f, loading: n, children: g })
     ] })
   ] });
 }, At = Se(null), Zo = () => {
@@ -954,7 +955,7 @@ const Gt = De`
   if (!e)
     throw new Error("useConfirmation must be used within ConfirmationProvider");
   return e;
-}, ge = {
+}, ue = {
   sm: `${ce.sm}px`,
   md: `${ce.md}px`,
   lg: `${ce.lg}px`,
@@ -964,23 +965,23 @@ const Gt = De`
   width: 100%;
 
   ${se("sm")} {
-    max-width: ${ge.sm};
+    max-width: ${ue.sm};
   }
 
   ${se("md")} {
-    max-width: ${ge.md};
+    max-width: ${ue.md};
   }
 
   ${se("lg")} {
-    max-width: ${ge.lg};
+    max-width: ${ue.lg};
   }
 
   ${se("xl")} {
-    max-width: ${ge.xl};
+    max-width: ${ue.xl};
   }
 
   ${se("2xl")} {
-    max-width: ${ge["2xl"]};
+    max-width: ${ue["2xl"]};
   }
 `, Ko = z("container"), dd = ({
   children: e,
@@ -1154,7 +1155,7 @@ const Gt = De`
     opacity 0.15s ease,
     transform 0.15s ease,
     visibility 0.15s;
-`, Ce = z("dropdown"), Ie = 4, ur = 100, ud = ({
+`, Ce = z("dropdown"), Ie = 4, gr = 100, gd = ({
   align: e = "left",
   autoClose: t = !0,
   children: o,
@@ -1164,14 +1165,14 @@ const Gt = De`
   onOpen: s,
   open: c,
   portalRenderNode: p,
-  ref: g,
-  trigger: u,
+  ref: u,
+  trigger: g,
   ...h
 }) => {
   const [x, f] = L(!1), [y, b] = L({ top: 0, left: 0 }), [$, v] = L("bottom"), w = B(null), S = B(null), I = B(null), R = c !== void 0, T = R ? c : x, C = E(() => {
     var X, Y;
     if (!S.current) return;
-    const P = S.current.getBoundingClientRect(), j = ((X = I.current) == null ? void 0 : X.offsetHeight) ?? ur, q = ((Y = I.current) == null ? void 0 : Y.offsetWidth) ?? 160, H = window.innerHeight - P.bottom - Ie, G = P.top - Ie, K = H < j && G > H ? "top" : "bottom";
+    const P = S.current.getBoundingClientRect(), j = ((X = I.current) == null ? void 0 : X.offsetHeight) ?? gr, q = ((Y = I.current) == null ? void 0 : Y.offsetWidth) ?? 160, H = window.innerHeight - P.bottom - Ie, G = P.top - Ie, K = H < j && G > H ? "top" : "bottom";
     if (v(K), p) {
       let J;
       e === "left" ? J = P.left : J = P.right - q;
@@ -1231,19 +1232,19 @@ const Gt = De`
       children: o
     }
   );
-  return /* @__PURE__ */ m(dr, { ...h, ref: g ?? w, className: Ce("container", r), children: [
+  return /* @__PURE__ */ m(dr, { ...h, ref: u ?? w, className: Ce("container", r), children: [
     /* @__PURE__ */ a(
       cr,
       {
         ref: S,
         onClick: N,
         className: Ce("trigger", n == null ? void 0 : n.trigger),
-        children: Ct(u)
+        children: Ct(g)
       }
     ),
     _
   ] });
-}, gr = d.div`
+}, ur = d.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1330,7 +1331,7 @@ const Gt = De`
   align-items: center;
   gap: 12px;
   margin-top: 20px;
-`, fe = z("empty-state"), gd = ({
+`, fe = z("empty-state"), ud = ({
   actions: e,
   className: t,
   classnames: o,
@@ -1339,7 +1340,7 @@ const Gt = De`
   ref: l,
   title: s,
   ...c
-}) => /* @__PURE__ */ m(gr, { ...c, ref: l, className: fe("container", t), children: [
+}) => /* @__PURE__ */ m(ur, { ...c, ref: l, className: fe("container", t), children: [
   n && /* @__PURE__ */ m(hr, { className: fe("icon", o == null ? void 0 : o.icon), children: [
     /* @__PURE__ */ a(xr, {}),
     /* @__PURE__ */ a(fr, {}),
@@ -1593,8 +1594,8 @@ const Lr = {
   hint: s,
   icon: c,
   maxSize: p,
-  multiple: g = !1,
-  onChange: u,
+  multiple: u = !1,
+  onChange: g,
   onReject: h,
   ref: x,
   ...f
@@ -1609,7 +1610,7 @@ const Lr = {
           h == null || h(A, "type");
           const k = N.filter((_) => ct(_, e));
           if (k.length === 0) return;
-          u == null || u(k);
+          g == null || g(k);
           return;
         }
       }
@@ -1619,13 +1620,13 @@ const Lr = {
           h == null || h(A, "size");
           const k = N.filter((_) => _.size <= p);
           if (k.length === 0) return;
-          u == null || u(k);
+          g == null || g(k);
           return;
         }
       }
-      u == null || u(N);
+      g == null || g(N);
     },
-    [e, p, u, h]
+    [e, p, g, h]
   ), w = () => {
     var C;
     l || (C = y.current) == null || C.click();
@@ -1668,7 +1669,7 @@ const Lr = {
         ref: y,
         type: "file",
         accept: e,
-        multiple: g,
+        multiple: u,
         onChange: S,
         tabIndex: -1
       }
@@ -1724,8 +1725,8 @@ const Lr = {
   onRetry: s,
   className: c,
   classnames: p,
-  ref: g
-}) => /* @__PURE__ */ m(Ar, { ref: g, className: re("item", c), $status: o, children: [
+  ref: u
+}) => /* @__PURE__ */ m(Ar, { ref: u, className: re("item", c), $status: o, children: [
   /* @__PURE__ */ a(Rr, { className: re("icon", p == null ? void 0 : p.icon), $status: o, children: n || /* @__PURE__ */ a(qr, {}) }),
   /* @__PURE__ */ m(Pr, { children: [
     /* @__PURE__ */ m(Br, { children: [
@@ -1982,7 +1983,7 @@ const Lr = {
             font-size: 14px;
         }
     }
-`, un = (e) => `
+`, gn = (e) => `
     .${e} {
         display: block;
         z-index: 101;
@@ -2000,7 +2001,7 @@ const Lr = {
         position: absolute;
         touch-action: none;
     }
-`, gn = (e) => `
+`, un = (e) => `
     .${e} {
       position: absolute;
       z-index: 2;
@@ -2177,8 +2178,8 @@ const Lr = {
         ${cn(t.container[0])}
         ${sn(t.footer[0])}
         ${pn(t.header[0])}
-        ${un(t.handlerMove[0])}
-        ${gn(t.portalArea[0])}
+        ${gn(t.handlerMove[0])}
+        ${un(t.portalArea[0])}
         ${hn(t.portal[0])}
         ${fn(t.previewImage[0])}
         ${xn(t.preview[0])}
@@ -2279,12 +2280,12 @@ const kn = (e) => {
   if (!r)
     return o.frame;
   const { width: n, height: l } = r.getBoundingClientRect(), s = n / l, c = t.width / t.height;
-  let p, g, u = 0, h = 0;
-  return s > c ? (p = l * c, g = l, h = (n - p) / 2) : (p = n, g = n * (t.height / t.width), u = (l - g) / 2), {
+  let p, u, g = 0, h = 0;
+  return s > c ? (p = l * c, u = l, h = (n - p) / 2) : (p = n, u = n * (t.height / t.width), g = (l - u) / 2), {
     width: p,
-    height: g,
+    height: u,
     left: h,
-    top: u
+    top: g
   };
 }, Nn = (e, t, o) => {
   const [r, n] = t, l = r + e > o.width ? (o.width - e) / 2 : r, s = n + e > o.height ? (o.height - e) / 2 : n;
@@ -2423,11 +2424,11 @@ const In = (e) => {
   r && (r.style.marginLeft = `-${e.left}px`, r.style.marginTop = `-${e.top}px`);
 }, Oe = 1, Qn = (e) => {
   var f, y;
-  const t = e(), o = document.createElement("canvas"), r = t.frame.width || Oe, n = t.frame.height || Oe, l = t.sourceWidth / r, s = t.sourceHeight / n, c = t.portal.left * l, p = t.portal.top * s, g = Math.max(
+  const t = e(), o = document.createElement("canvas"), r = t.frame.width || Oe, n = t.frame.height || Oe, l = t.sourceWidth / r, s = t.sourceHeight / n, c = t.portal.left * l, p = t.portal.top * s, u = Math.max(
     t.portal.size * Math.min(l, s),
     Oe
-  ), u = t.config.outputSize > 0 ? t.config.outputSize : g;
-  o.width = u, o.height = u;
+  ), g = t.config.outputSize > 0 ? t.config.outputSize : u;
+  o.width = g, o.height = g;
   const h = document.querySelector(
     `.${(f = t.css) == null ? void 0 : f.sourceImage[0]}`
   );
@@ -2435,12 +2436,12 @@ const In = (e) => {
     h,
     c,
     p,
-    g,
-    g,
+    u,
+    u,
     0,
     0,
-    u,
-    u
+    g,
+    g
   ));
   const x = o.toDataURL(
     `image/${t.config.type}`,
@@ -2470,8 +2471,8 @@ const In = (e) => {
 }, ei = (e, t, o) => {
   const { emitted: r, portal: n, frame: l, config: s } = t();
   let c = r.left - r.X + e.clientX, p = r.top - r.Y + e.clientY;
-  const g = s.framePadding, u = l.width - s.framePadding - n.size, h = s.framePadding, x = l.height - s.framePadding - n.size;
-  c < g && (c = g), c > u && (c = u), p < h && (p = h), p > x && (p = x), o({
+  const u = s.framePadding, g = l.width - s.framePadding - n.size, h = s.framePadding, x = l.height - s.framePadding - n.size;
+  c < u && (c = u), c > g && (c = g), p < h && (p = h), p > x && (p = x), o({
     portal: {
       ...n,
       left: c,
@@ -2479,30 +2480,30 @@ const In = (e) => {
     }
   });
 }, ti = (e, t, o) => {
-  const { action: r, emitted: n, portal: l, frame: s, config: c } = t(), p = e.pageX - n.X, g = e.pageY - n.Y;
+  const { action: r, emitted: n, portal: l, frame: s, config: c } = t(), p = e.pageX - n.X, u = e.pageY - n.Y;
   switch (r) {
     case W.RESIZE_BR: {
-      let u = n.size + Math.max(p, g);
-      return u < c.minPortalSize && (u = c.minPortalSize), n.top + u > s.height - c.framePadding && (u = s.height - n.top - c.framePadding), n.left + u > s.width - c.framePadding && (u = s.width - n.left - c.framePadding), o({
+      let g = n.size + Math.max(p, u);
+      return g < c.minPortalSize && (g = c.minPortalSize), n.top + g > s.height - c.framePadding && (g = s.height - n.top - c.framePadding), n.left + g > s.width - c.framePadding && (g = s.width - n.left - c.framePadding), o({
         portal: {
           ...l,
-          size: u
+          size: g
         }
       });
     }
     case W.RESIZE_TR: {
-      let u = p + g > 0 ? n.size + p : n.size - g, h = p + g > 0 ? n.top - p : n.top + g;
-      return u < c.minPortalSize && (h = n.top + n.size - c.minPortalSize, u = c.minPortalSize), n.left + u > s.width - c.framePadding && (u = s.width - n.left - c.framePadding, h = n.top - s.width + n.left + n.size), h < c.framePadding && (u = n.top + n.size, h = c.framePadding), o({
+      let g = p + u > 0 ? n.size + p : n.size - u, h = p + u > 0 ? n.top - p : n.top + u;
+      return g < c.minPortalSize && (h = n.top + n.size - c.minPortalSize, g = c.minPortalSize), n.left + g > s.width - c.framePadding && (g = s.width - n.left - c.framePadding, h = n.top - s.width + n.left + n.size), h < c.framePadding && (g = n.top + n.size, h = c.framePadding), o({
         portal: {
           ...l,
           top: h,
-          size: u
+          size: g
         }
       });
     }
     case W.RESIZE_TL: {
-      const u = Math.min(p, g);
-      let h = n.size - u, x = n.left + u, f = n.top + u;
+      const g = Math.min(p, u);
+      let h = n.size - g, x = n.left + g, f = n.top + g;
       if (h < c.minPortalSize) {
         const y = n.size - c.minPortalSize;
         h = c.minPortalSize, x = n.left + y, f = n.top + y;
@@ -2525,19 +2526,19 @@ const In = (e) => {
       });
     }
     case W.RESIZE_BL: {
-      let u = p + g > 0 ? n.size + g : n.size - p, h = p + g > 0 ? n.left - g : n.left + p;
-      return u < c.minPortalSize && (h = n.left + n.size - c.minPortalSize, u = c.minPortalSize), u + n.top > s.height - c.framePadding && (h = n.left - s.height + n.top + n.size, u = s.height - n.top - c.framePadding), h < c.framePadding && (h = c.framePadding, u = n.left + n.size - c.framePadding), o({
+      let g = p + u > 0 ? n.size + u : n.size - p, h = p + u > 0 ? n.left - u : n.left + p;
+      return g < c.minPortalSize && (h = n.left + n.size - c.minPortalSize, g = c.minPortalSize), g + n.top > s.height - c.framePadding && (h = n.left - s.height + n.top + n.size, g = s.height - n.top - c.framePadding), h < c.framePadding && (h = c.framePadding, g = n.left + n.size - c.framePadding), o({
         portal: {
           ...l,
           left: h,
-          size: u
+          size: g
         }
       });
     }
     default:
       return;
   }
-}, ut = (e) => {
+}, gt = (e) => {
   if ("touches" in e && e.touches.length > 0) {
     const o = e.touches[0];
     return {
@@ -2575,7 +2576,7 @@ const In = (e) => {
   let s = null, c = null;
   const p = (b) => {
     b.preventDefault();
-    const { portal: $ } = e(), v = ut(b);
+    const { portal: $ } = e(), v = gt(b);
     if (b.target) {
       const w = b.target.getAttribute("data-action"), S = {
         X: v.pageX,
@@ -2589,12 +2590,12 @@ const In = (e) => {
         emitted: S
       });
     }
-  }, g = () => {
+  }, u = () => {
     const { action: b } = e();
     s !== null && (cancelAnimationFrame(s), s = null), c = null, b && t({
       action: null
     });
-  }, u = () => {
+  }, g = () => {
     if (s = null, !c)
       return;
     const b = c;
@@ -2610,14 +2611,14 @@ const In = (e) => {
       }
   }, h = (b) => {
     const { action: $ } = e();
-    $ && (b.preventDefault(), c = ut(b), s === null && (s = requestAnimationFrame(u)));
+    $ && (b.preventDefault(), c = gt(b), s === null && (s = requestAnimationFrame(g)));
   };
-  return l && (l.addEventListener("mouseup", g), l.addEventListener("touchend", g), l.addEventListener("touchcancel", g)), r && (r.addEventListener("mousedown", p), r.addEventListener("touchstart", p, {
+  return l && (l.addEventListener("mouseup", u), l.addEventListener("touchend", u), l.addEventListener("touchcancel", u)), r && (r.addEventListener("mousedown", p), r.addEventListener("touchstart", p, {
     passive: !1
   })), n && (n.addEventListener("mousemove", h), n.addEventListener("touchmove", h, {
     passive: !1
   })), () => {
-    s !== null && cancelAnimationFrame(s), l && (l.removeEventListener("mouseup", g), l.removeEventListener("touchend", g), l.removeEventListener("touchcancel", g)), r && (r.removeEventListener("mousedown", p), r.removeEventListener("touchstart", p)), n && (n.removeEventListener(
+    s !== null && cancelAnimationFrame(s), l && (l.removeEventListener("mouseup", u), l.removeEventListener("touchend", u), l.removeEventListener("touchcancel", u)), r && (r.removeEventListener("mousedown", p), r.removeEventListener("touchstart", p)), n && (n.removeEventListener(
       "mousemove",
       h
     ), n.removeEventListener(
@@ -2625,12 +2626,12 @@ const In = (e) => {
       h
     ));
   };
-}, gt = 1024 * 1024, ri = (e, t) => {
+}, ut = 1024 * 1024, ri = (e, t) => {
   if (!t.allowedTypes.includes(e.type))
     return `Invalid file type "${e.type}". Allowed types: ${t.allowedTypes.join(", ")}`;
   if (t.maxFileSize > 0 && e.size > t.maxFileSize) {
-    const o = (t.maxFileSize / gt).toFixed(2);
-    return `File size (${(e.size / gt).toFixed(2)}MB) exceeds maximum allowed size (${o}MB)`;
+    const o = (t.maxFileSize / ut).toFixed(2);
+    return `File size (${(e.size / ut).toFixed(2)}MB) exceeds maximum allowed size (${o}MB)`;
   }
   return null;
 }, ni = (e, t, o, r, n, l, s) => {
@@ -2641,9 +2642,9 @@ const In = (e) => {
     c("Can't read file input");
     return;
   }
-  const p = e.target.files[0], { config: g } = t(), u = ri(p, g);
-  if (u) {
-    c(u), e.target.value = "";
+  const p = e.target.files[0], { config: u } = t(), g = ri(p, u);
+  if (g) {
+    c(g), e.target.value = "";
     return;
   }
   const h = new FileReader();
@@ -2698,8 +2699,8 @@ const In = (e) => {
     t,
     o
   ), p = Un(
-    (g) => ni(
-      g,
+    (u) => ni(
+      u,
       n,
       l,
       e,
@@ -2792,8 +2793,8 @@ const In = (e) => {
     onCrop: s,
     onError: c,
     outputSize: p = Q.outputSize,
-    portalSize: g = Q.portalSize,
-    type: u = Q.type
+    portalSize: u = Q.portalSize,
+    type: g = Q.type
   } = e, h = B(null);
   return { open: E(() => {
     h.current || (ai(), h.current = ii(
@@ -2801,10 +2802,10 @@ const In = (e) => {
         y && (s == null || s({ base64: f, blob: y, state: b }));
       },
       {
-        portalSize: g,
+        portalSize: u,
         outputSize: p,
         compression: n,
-        type: u,
+        type: g,
         maxFileSize: l,
         allowedTypes: t,
         applyButtonLabel: o,
@@ -2824,8 +2825,8 @@ const In = (e) => {
     s,
     c,
     p,
-    g,
-    u
+    u,
+    g
   ]) };
 }, je = z("image-cropper"), yd = ({
   allowedTypes: e,
@@ -2837,8 +2838,8 @@ const In = (e) => {
   compression: s,
   maxFileSize: c,
   onCrop: p,
-  onError: g,
-  outputSize: u,
+  onError: u,
+  outputSize: g,
   portalSize: h,
   previewSize: x = 120,
   ref: f,
@@ -2855,8 +2856,8 @@ const In = (e) => {
     onCrop: (I) => {
       w(I.base64), p == null || p(I);
     },
-    onError: g,
-    outputSize: u,
+    onError: u,
+    outputSize: g,
     portalSize: h,
     type: y
   });
@@ -2935,10 +2936,10 @@ const In = (e) => {
   size: c = "default",
   ...p
 }) => {
-  const [g, u] = L(o), h = l !== void 0, x = h ? l : g, f = E(() => {
+  const [u, g] = L(o), h = l !== void 0, x = h ? l : u, f = E(() => {
     if (r) return;
     const y = !x;
-    h || u(y), n == null || n(y);
+    h || g(y), n == null || n(y);
   }, [r, x, h, n]);
   return /* @__PURE__ */ a(
     si,
@@ -2984,7 +2985,7 @@ const In = (e) => {
       ] })
     }
   );
-}, ui = 5e3, ft = {
+}, gi = 5e3, ft = {
   default: {
     background: "#374151",
     text: i.white
@@ -3005,7 +3006,7 @@ const In = (e) => {
     background: i["steel-blue"],
     text: i.white
   }
-}, Mt = Se(null), xt = (e) => ft[e] ?? ft.default, gi = d.div`
+}, Mt = Se(null), xt = (e) => ft[e] ?? ft.default, ui = d.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -3111,15 +3112,15 @@ const In = (e) => {
   queue: []
 }, vd = ({ children: e }) => {
   const [t, o] = Tt(yi, mi), r = E(
-    (c, p = "default", g = ui) => {
-      const u = `notification-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+    (c, p = "default", u = gi) => {
+      const g = `notification-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
       o({
         type: "ADD_NOTIFICATION",
         payload: {
-          id: u,
+          id: g,
           message: c,
           variant: p,
-          duration: g
+          duration: u
         }
       });
     },
@@ -3135,7 +3136,7 @@ const In = (e) => {
   }, []);
   return /* @__PURE__ */ m(Mt.Provider, { value: { show: r, hide: n }, children: [
     e,
-    /* @__PURE__ */ a(gi, { children: t.current && /* @__PURE__ */ a(
+    /* @__PURE__ */ a(ui, { children: t.current && /* @__PURE__ */ a(
       $i,
       {
         notification: t.current,
@@ -3206,7 +3207,7 @@ const In = (e) => {
   border-top: 1px solid ${i.gray};
   background-color: rgba(0, 0, 0, 0.01);
 `, Ii = ({ confirmation: e, onDone: t }) => {
-  const [o, r] = L(!1), [n, l] = L(!1), { label: s, description: c, onConfirm: p, onDiscard: g, options: u } = e, h = u.confirmLabel || vi, x = u.discardLabel || wi, f = E(
+  const [o, r] = L(!1), [n, l] = L(!1), { label: s, description: c, onConfirm: p, onDiscard: u, options: g } = e, h = g.confirmLabel || vi, x = g.discardLabel || wi, f = E(
     ($) => {
       r(!0), setTimeout(() => {
         $ == null || $(), t();
@@ -3225,8 +3226,8 @@ const In = (e) => {
     }
     f();
   }, [f, p]), b = E(() => {
-    n || f(g);
-  }, [f, n, g]);
+    n || f(u);
+  }, [f, n, u]);
   return Z(() => {
     const $ = (v) => {
       v.key === "Escape" && !n && b();
@@ -3243,14 +3244,14 @@ const In = (e) => {
 }, Ti = () => {
 }, Sd = ({ children: e }) => {
   const [t, o] = L(null), r = E(
-    (l, s, c, p, g) => {
+    (l, s, c, p, u) => {
       o({
         open: !0,
         label: l,
         description: s,
         onConfirm: c,
         onDiscard: p || Ti,
-        options: g || {}
+        options: u || {}
       });
     },
     []
@@ -3369,15 +3370,15 @@ const In = (e) => {
   icon: s,
   logo: c,
   ref: p,
-  title: g,
-  ...u
-}) => /* @__PURE__ */ m(Pi, { ...u, ref: p, className: ee("container", t), children: [
+  title: u,
+  ...g
+}) => /* @__PURE__ */ m(Pi, { ...g, ref: p, className: ee("container", t), children: [
   /* @__PURE__ */ a(Bi, { $size: l, className: ee("grid", o == null ? void 0 : o.grid) }),
   /* @__PURE__ */ m(_i, { children: [
     c && /* @__PURE__ */ a(Mi, { children: c }),
     s && /* @__PURE__ */ a(Di, { className: ee("icon"), children: s }),
-    (g || r) && /* @__PURE__ */ m(Fi, { className: ee("header", o == null ? void 0 : o.header), children: [
-      g && /* @__PURE__ */ a(Oi, { className: ee("title", o == null ? void 0 : o.title), children: g }),
+    (u || r) && /* @__PURE__ */ m(Fi, { className: ee("header", o == null ? void 0 : o.header), children: [
+      u && /* @__PURE__ */ a(Oi, { className: ee("title", o == null ? void 0 : o.title), children: u }),
       r && /* @__PURE__ */ a(ji, { className: ee("description", o == null ? void 0 : o.description), children: r })
     ] }),
     e && /* @__PURE__ */ a(Hi, { className: ee("content", o == null ? void 0 : o.content), children: e }),
@@ -3395,11 +3396,11 @@ const In = (e) => {
     const x = o * 2 + r + 2, f = Array.from({ length: r }, (b, $) => $ + 1), y = Array.from({ length: x }, (b, $) => e - x + $ + 1);
     return [...f, "dots", ...y];
   }
-  const g = Array.from({ length: r }, (x, f) => f + 1), u = Array.from(
+  const u = Array.from({ length: r }, (x, f) => f + 1), g = Array.from(
     { length: s - l + 1 },
     (x, f) => l + f
   ), h = Array.from({ length: r }, (x, f) => e - r + f + 1);
-  return [...g, "dots", ...u, "dots", ...h];
+  return [...u, "dots", ...g, "dots", ...h];
 }, Wi = d.nav`
   display: inline-flex;
   align-items: center;
@@ -3508,13 +3509,13 @@ const In = (e) => {
   onChange: s,
   page: c,
   ref: p,
-  showControls: g = !1,
-  siblings: u = 1,
+  showControls: u = !1,
+  siblings: g = 1,
   total: h,
   variant: x = "flat",
   ...f
 }) => {
-  const y = c !== void 0, [b, $] = L(n), v = y ? c : b, w = B(/* @__PURE__ */ new Map()), S = B(null), I = B(null), R = Yi(h, v, u, e), T = E(
+  const y = c !== void 0, [b, $] = L(n), v = y ? c : b, w = B(/* @__PURE__ */ new Map()), S = B(null), I = B(null), R = Yi(h, v, g, e), T = E(
     (k) => {
       y || $(k), s == null || s(k);
     },
@@ -3544,7 +3545,7 @@ const In = (e) => {
     k.style.transform = `translateX(${H}px)`;
   }, [v, R]), /* @__PURE__ */ m(Wi, { ...f, ref: p || S, className: ae("container", t), children: [
     /* @__PURE__ */ a(Vi, { ref: I, className: ae("cursor", o == null ? void 0 : o.cursor) }),
-    g && /* @__PURE__ */ a(
+    u && /* @__PURE__ */ a(
       bt,
       {
         className: ae("controls", o == null ? void 0 : o.controls),
@@ -3586,7 +3587,7 @@ const In = (e) => {
         k
       )
     ),
-    g && /* @__PURE__ */ a(
+    u && /* @__PURE__ */ a(
       bt,
       {
         className: ae("controls", o == null ? void 0 : o.controls),
@@ -3676,10 +3677,10 @@ const In = (e) => {
   variant: c = "light",
   ...p
 }) => {
-  const g = s || r;
+  const u = s || r;
   return /* @__PURE__ */ m(Gi, { ...p, ref: l, className: xe("container", t), $variant: c, children: [
     n && /* @__PURE__ */ a(Ki, { className: xe("label", o == null ? void 0 : o.label), children: n }),
-    g && /* @__PURE__ */ m(Ji, { children: [
+    u && /* @__PURE__ */ m(Ji, { children: [
       s && /* @__PURE__ */ a(Qi, { className: xe("title", o == null ? void 0 : o.title), $variant: c, children: s }),
       r && /* @__PURE__ */ a(
         el,
@@ -3803,7 +3804,7 @@ const In = (e) => {
   justify-content: center;
   padding: 48px 24px;
   gap: 28px;
-`, ul = d.div`
+`, gl = d.div`
   position: relative;
   width: 64px;
   height: 64px;
@@ -3819,7 +3820,7 @@ const In = (e) => {
   opacity: ${(e) => e.$index === 0 ? 1 : e.$index === 1 ? 0.6 : 0.35};
   animation: ${(e) => e.$index === 0 ? dl : e.$index === 1 ? cl : sl}
     ${(e) => e.$index === 0 ? 3 : e.$index === 1 ? 2 : 4.5}s linear infinite;
-`, gl = d.span`
+`, ul = d.span`
   position: absolute;
   width: 1px;
   height: 1px;
@@ -3851,19 +3852,19 @@ const In = (e) => {
   width: 0.65em;
   text-align: center;
 `, Sl = z("split-flap-text"), kl = ({ className: e, ref: t, text: o, ...r }) => {
-  const [n, l] = L(() => o.split("")), s = B(o), c = B([]), p = B(null), g = B([]), u = B(o.split("")), h = E(() => {
+  const [n, l] = L(() => o.split("")), s = B(o), c = B([]), p = B(null), u = B([]), g = B(o.split("")), h = E(() => {
     p.current && (clearInterval(p.current), p.current = null);
-    for (const f of g.current)
+    for (const f of u.current)
       clearTimeout(f);
-    g.current = [];
+    u.current = [];
   }, []), x = E(
     (f) => {
-      h(), u.current = f, c.current = f.map((y) => y === " "), p.current = setInterval(() => {
+      h(), g.current = f, c.current = f.map((y) => y === " "), p.current = setInterval(() => {
         l(
-          (y) => y.map((b, $) => c.current[$] ? u.current[$] : $l())
+          (y) => y.map((b, $) => c.current[$] ? g.current[$] : $l())
         );
-      }, ml()), g.current = f.map((y, b) => setTimeout(() => {
-        c.current[b] = !0, c.current.every(Boolean) && (p.current && (clearInterval(p.current), p.current = null), l([...u.current]));
+      }, ml()), u.current = f.map((y, b) => setTimeout(() => {
+        c.current[b] = !0, c.current.every(Boolean) && (p.current && (clearInterval(p.current), p.current = null), l([...g.current]));
       }, yl(b)));
     },
     [h]
@@ -3880,12 +3881,12 @@ const In = (e) => {
   ref: l,
   ...s
 }) => {
-  const c = $e(() => nl(n), [n]), p = $e(() => il(r), [r]), g = $e(() => ll(c), [c]), u = B([]), h = B(0), x = E(
-    (S) => (h.current >= u.current.length && (u.current = yt(c.length, S), h.current = 0), u.current[h.current++]),
+  const c = $e(() => nl(n), [n]), p = $e(() => il(r), [r]), u = $e(() => ll(c), [c]), g = B([]), h = B(0), x = E(
+    (S) => (h.current >= g.current.length && (g.current = yt(c.length, S), h.current = 0), g.current[h.current++]),
     [c.length]
   ), [f, y] = L(() => {
-    u.current = yt(c.length);
-    const S = u.current[0];
+    g.current = yt(c.length);
+    const S = g.current[0];
     return h.current = 1, S;
   }), b = B(null), $ = E(() => {
     y((S) => x(S));
@@ -3893,15 +3894,15 @@ const In = (e) => {
   Z(() => (b.current = setInterval($, p), () => {
     b.current && clearInterval(b.current);
   }), [$, p]);
-  const v = c[f], w = al(v, g);
+  const v = c[f], w = al(v, u);
   return /* @__PURE__ */ m(pl, { ...s, ref: l, className: Pe("container", e), role: "status", children: [
-    /* @__PURE__ */ m(ul, { className: Pe("indicator", t == null ? void 0 : t.indicator), children: [
+    /* @__PURE__ */ m(gl, { className: Pe("indicator", t == null ? void 0 : t.indicator), children: [
       /* @__PURE__ */ a(Ye, { $index: 0 }),
       /* @__PURE__ */ a(Ye, { $index: 1 }),
       /* @__PURE__ */ a(Ye, { $index: 2 })
     ] }),
     /* @__PURE__ */ a(kl, { text: w, className: Pe("board", t == null ? void 0 : t.board) }),
-    /* @__PURE__ */ a(gl, { children: v }),
+    /* @__PURE__ */ a(ul, { children: v }),
     o && /* @__PURE__ */ a(hl, { className: Pe("description", t == null ? void 0 : t.description), children: o })
   ] });
 }, Je = {
@@ -3969,8 +3970,8 @@ const In = (e) => {
   defaultMessage: t = "Saving"
 }) => {
   const [o, r] = L(!1), [n, l] = L(t), s = E(
-    (g) => {
-      l(g ?? t), r(!0);
+    (u) => {
+      l(u ?? t), r(!0);
     },
     [t]
   ), c = E(() => {
@@ -4177,12 +4178,12 @@ const In = (e) => {
   value: s,
   ...c
 }) => {
-  const [p, g] = L(o), u = s !== void 0, h = u ? s : p, x = E(
+  const [p, u] = L(o), g = s !== void 0, h = g ? s : p, x = E(
     (f) => {
       const b = h.includes(f) ? h.filter(($) => $ !== f) : [...h, f];
-      u || g(b), r == null || r(b);
+      g || u(b), r == null || r(b);
     },
-    [h, u, r]
+    [h, g, r]
   );
   return /* @__PURE__ */ a(Ol, { ...c, ref: n, className: Be("container", e), children: l.map((f) => {
     const y = h.includes(f.value), b = f.status ?? "pending", $ = b !== "pending", v = f.lines && f.lines.length > 0, w = ra[b];
@@ -4285,7 +4286,7 @@ const In = (e) => {
   value: s,
   ...c
 }) => {
-  const p = $e(() => l.findIndex((g) => g.value === s), [l, s]);
+  const p = $e(() => l.findIndex((u) => u.value === s), [l, s]);
   return /* @__PURE__ */ a(
     na,
     {
@@ -4293,8 +4294,8 @@ const In = (e) => {
       ref: n,
       $orientation: r,
       className: be("container", e),
-      children: l.map((g, u) => {
-        const h = g.value === s, x = u < p, f = u === l.length - 1;
+      children: l.map((u, g) => {
+        const h = u.value === s, x = g < p, f = g === l.length - 1;
         return /* @__PURE__ */ m(ia, { $orientation: r, children: [
           /* @__PURE__ */ m(
             la,
@@ -4303,7 +4304,7 @@ const In = (e) => {
               $active: h,
               $completed: x,
               $clickable: !!o,
-              onClick: () => o == null ? void 0 : o(g.value),
+              onClick: () => o == null ? void 0 : o(u.value),
               className: be("step", t == null ? void 0 : t.step),
               children: [
                 /* @__PURE__ */ a(
@@ -4312,7 +4313,7 @@ const In = (e) => {
                     $active: h,
                     $completed: x,
                     className: be("circle", t == null ? void 0 : t.circle),
-                    children: u + 1
+                    children: g + 1
                   }
                 ),
                 /* @__PURE__ */ a(
@@ -4321,7 +4322,7 @@ const In = (e) => {
                     $active: h,
                     $completed: x,
                     className: be("label", t == null ? void 0 : t.label),
-                    children: g.label
+                    children: u.label
                   }
                 )
               ]
@@ -4335,7 +4336,7 @@ const In = (e) => {
               className: be("line", t == null ? void 0 : t.line)
             }
           )
-        ] }, g.value);
+        ] }, u.value);
       })
     }
   );
@@ -4375,10 +4376,10 @@ const In = (e) => {
     children: c.label
   },
   c.value
-)) }), ua = d.div`
+)) }), ga = d.div`
   display: flex;
   flex-direction: column;
-`, ga = d.div`
+`, ua = d.div`
   display: grid;
   grid-template-columns: 20px 1fr;
   gap: 0 12px;
@@ -4417,9 +4418,9 @@ const In = (e) => {
   color: ${i["iron-grey"]};
   margin-top: 8px;
   line-height: 1.5;
-`, te = z("timeline"), Dd = ({ className: e, classnames: t, items: o, ref: r, ...n }) => /* @__PURE__ */ a(ua, { ...n, ref: r, className: te("container", e), children: o.map((l, s) => {
+`, te = z("timeline"), Dd = ({ className: e, classnames: t, items: o, ref: r, ...n }) => /* @__PURE__ */ a(ga, { ...n, ref: r, className: te("container", e), children: o.map((l, s) => {
   const c = s === o.length - 1;
-  return /* @__PURE__ */ m(ga, { className: te("item", t == null ? void 0 : t.item), children: [
+  return /* @__PURE__ */ m(ua, { className: te("item", t == null ? void 0 : t.item), children: [
     /* @__PURE__ */ m(ha, { $last: c, children: [
       /* @__PURE__ */ a(fa, { className: te("dot", t == null ? void 0 : t.dot) }),
       /* @__PURE__ */ a(xa, { className: te("line", t == null ? void 0 : t.line), $last: c })
@@ -4427,7 +4428,7 @@ const In = (e) => {
     /* @__PURE__ */ m(ba, { className: te("content", t == null ? void 0 : t.content), $last: c, children: [
       /* @__PURE__ */ a($a, { className: te("title", t == null ? void 0 : t.title), children: l.title }),
       l.description && /* @__PURE__ */ a(ya, { className: te("description", t == null ? void 0 : t.description), children: l.description }),
-      l.children && /* @__PURE__ */ a(ma, { className: te("body", t == null ? void 0 : t.body), children: l.children })
+      l.content && /* @__PURE__ */ a(ma, { className: te("body", t == null ? void 0 : t.body), children: l.content })
     ] })
   ] }, s);
 }) }), Ot = Se(null), qe = 3, St = {
@@ -4806,9 +4807,9 @@ const In = (e) => {
   portalRenderNode: s,
   ref: c,
   variant: p = "dark",
-  ...g
+  ...u
 }) => {
-  const [u, h] = L(!1), [x, f] = L(null), [y, b] = L(l), [$, v] = L({ top: 0, left: 0 }), w = B(null), S = B(null), I = E(() => {
+  const [g, h] = L(!1), [x, f] = L(null), [y, b] = L(l), [$, v] = L({ top: 0, left: 0 }), w = B(null), S = B(null), I = E(() => {
     var G, K;
     if (!w.current) return;
     const N = w.current.getBoundingClientRect(), A = ((G = S.current) == null ? void 0 : G.offsetWidth) ?? 100, k = ((K = S.current) == null ? void 0 : K.offsetHeight) ?? 30, _ = N.top - oe, P = window.innerHeight - N.bottom - oe, j = N.left - oe, q = window.innerWidth - N.right - oe;
@@ -4836,8 +4837,8 @@ const In = (e) => {
     }
   }, [l, s]);
   It(() => {
-    u && I();
-  }, [u, I]);
+    g && I();
+  }, [g, I]);
   const R = () => {
     const N = setTimeout(() => {
       h(!0);
@@ -4853,7 +4854,7 @@ const In = (e) => {
         className: Ze("content", o == null ? void 0 : o.content),
         $placement: y,
         $variant: p,
-        $visible: u,
+        $visible: g,
         style: { top: $.top, left: $.left },
         children: r
       }
@@ -4866,14 +4867,14 @@ const In = (e) => {
       className: Ze("content", o == null ? void 0 : o.content),
       $placement: y,
       $variant: p,
-      $visible: u,
+      $visible: g,
       children: r
     }
   );
   return /* @__PURE__ */ m(
     Aa,
     {
-      ...g,
+      ...u,
       ref: (N) => {
         w.current = N, typeof c == "function" ? c(N) : c && (c.current = N);
       },
@@ -4914,8 +4915,8 @@ const In = (e) => {
   src: c,
   ...p
 }) => {
-  const g = e === "right";
-  return /* @__PURE__ */ m(_a, { ...p, ref: s, className: _e("container", o), $reverse: g, children: [
+  const u = e === "right";
+  return /* @__PURE__ */ m(_a, { ...p, ref: s, className: _e("container", o), $reverse: u, children: [
     /* @__PURE__ */ a(
       $o,
       {
@@ -4926,7 +4927,7 @@ const In = (e) => {
         className: _e("avatar", r == null ? void 0 : r.avatar)
       }
     ),
-    /* @__PURE__ */ m(Ma, { $align: g ? "right" : "left", children: [
+    /* @__PURE__ */ m(Ma, { $align: u ? "right" : "left", children: [
       /* @__PURE__ */ a(Da, { className: _e("name", r == null ? void 0 : r.name), children: l }),
       n && /* @__PURE__ */ a(Fa, { className: _e("description", r == null ? void 0 : r.description), children: n })
     ] })
@@ -4958,8 +4959,8 @@ export {
   cd as DateRange,
   sd as Divider,
   pd as Drawer,
-  ud as Dropdown,
-  gd as EmptyState,
+  gd as Dropdown,
+  ud as EmptyState,
   cc as FieldLabel,
   sc as FieldMessage,
   hd as FieldRow,
@@ -4972,8 +4973,8 @@ export {
   pc as Input,
   V as KEYFRAMES,
   Wd as KEY_SYMBOLS,
-  uc as KeySymbol,
-  gc as KeysBindings,
+  gc as KeySymbol,
+  uc as KeysBindings,
   md as MenuButton,
   hc as Modal,
   fc as MultiSelect,