@iota/apps-ui-kit 0.7.1 → 0.7.3

package/dist/index.es.js

@@ -573,8 +573,8 @@ const Vn = /* @__PURE__ */ Pr(Ti), Li = Vn(({ addVariant: e }) => {
 var Zt = { exports: {} };
 Zt.exports;
 (function(e, t) {
-  var r = 200, n = "__lodash_hash_undefined__", a = 800, i = 16, c = 9007199254740991, s = "[object Arguments]", d = "[object Array]", f = "[object AsyncFunction]", g = "[object Boolean]", h = "[object Date]", x = "[object Error]", w = "[object Function]", y = "[object GeneratorFunction]", p = "[object Map]", S = "[object Number]", E = "[object Null]", D = "[object Object]", N = "[object Proxy]", T = "[object RegExp]", P = "[object Set]", L = "[object String]", _ = "[object Undefined]", I = "[object WeakMap]", k = "[object ArrayBuffer]", q = "[object DataView]", ae = "[object Float32Array]", be = "[object Float64Array]", xe = "[object Int8Array]", Le = "[object Int16Array]", Ve = "[object Int32Array]", F = "[object Uint8Array]", M = "[object Uint8ClampedArray]", X = "[object Uint16Array]", ee = "[object Uint32Array]", re = /[\\^$.*+?()[\]{}|]/g, Q = /^\[object .+?Constructor\]$/, ne = /^(?:0|[1-9]\d*)$/, j = {};
-  j[ae] = j[be] = j[xe] = j[Le] = j[Ve] = j[F] = j[M] = j[X] = j[ee] = !0, j[s] = j[d] = j[k] = j[g] = j[q] = j[h] = j[x] = j[w] = j[p] = j[S] = j[D] = j[T] = j[P] = j[L] = j[I] = !1;
+  var r = 200, n = "__lodash_hash_undefined__", a = 800, i = 16, c = 9007199254740991, s = "[object Arguments]", d = "[object Array]", f = "[object AsyncFunction]", g = "[object Boolean]", h = "[object Date]", x = "[object Error]", y = "[object Function]", w = "[object GeneratorFunction]", p = "[object Map]", S = "[object Number]", E = "[object Null]", D = "[object Object]", N = "[object Proxy]", T = "[object RegExp]", P = "[object Set]", L = "[object String]", _ = "[object Undefined]", I = "[object WeakMap]", k = "[object ArrayBuffer]", q = "[object DataView]", ae = "[object Float32Array]", be = "[object Float64Array]", xe = "[object Int8Array]", Le = "[object Int16Array]", Ve = "[object Int32Array]", F = "[object Uint8Array]", M = "[object Uint8ClampedArray]", X = "[object Uint16Array]", ee = "[object Uint32Array]", re = /[\\^$.*+?()[\]{}|]/g, Q = /^\[object .+?Constructor\]$/, ne = /^(?:0|[1-9]\d*)$/, j = {};
+  j[ae] = j[be] = j[xe] = j[Le] = j[Ve] = j[F] = j[M] = j[X] = j[ee] = !0, j[s] = j[d] = j[k] = j[g] = j[q] = j[h] = j[x] = j[y] = j[p] = j[S] = j[D] = j[T] = j[P] = j[L] = j[I] = !1;
   var Je = typeof kt == "object" && kt && kt.Object === Object && kt, Ue = typeof self == "object" && self && self.Object === Object && self, we = Je || Ue || Function("return this")(), et = t && !t.nodeType && t, Ae = et && !0 && e && !e.nodeType && e, Nt = Ae && Ae.exports === et, gt = Nt && Je.process, _t = function() {
     try {
       var l = Ae && Ae.require && Ae.require("util").types;
@@ -1002,7 +1002,7 @@ Zt.exports;
     if (!Ge(l))
       return !1;
     var u = Lt(l);
-    return u == w || u == y || u == f || u == N;
+    return u == y || u == w || u == f || u == N;
   }
   function nn(l) {
     return typeof l == "number" && l > -1 && l % 1 == 0 && l <= c;
@@ -1200,7 +1200,7 @@ function ge({
   tabIndex: f = 0,
   testId: g
 }) {
-  const h = e && !t ? $i[c] : Hi[c], x = Zi[c], w = r ? Xi[s] : zi[s], y = r ? Yi[s] : Ki[s];
+  const h = e && !t ? $i[c] : Hi[c], x = Zi[c], y = r ? Xi[s] : zi[s], w = r ? Yi[s] : Ki[s];
   return /* @__PURE__ */ C(
     "button",
     {
@@ -1209,7 +1209,7 @@ function ge({
       className: b(
         "state-layer relative flex items-center justify-center gap-2 rounded-full transition-all duration-150 ease-in disabled:cursor-not-allowed disabled:opacity-40",
         h,
-        w,
+        y,
         a && "w-full",
         d ? "flex-row-reverse" : "flex-row",
         `btn btn-${s}`
@@ -1218,8 +1218,8 @@ function ge({
       tabIndex: f,
       "data-testid": g,
       children: [
-        e && /* @__PURE__ */ o("span", { className: b(y), children: e }),
-        t && /* @__PURE__ */ o("span", { className: b("font-inter", y, x), children: t })
+        e && /* @__PURE__ */ o("span", { className: b(w), children: e }),
+        t && /* @__PURE__ */ o("span", { className: b("font-inter", w, x), children: t })
       ]
     }
   );
@@ -1941,7 +1941,7 @@ function sd({
   type: i = st.Rounded,
   isNested: c = !1
 }) {
-  const s = i === st.Underlined, d = r ? s ? "bg-transparent" : vl : ml, f = s ? r ? Sl : yl : "", g = r ? wl : xl, h = s ? c ? "px-md py-sm" : "px-lg py-md" : "px-sm py-[6px]", x = s ? "" : "rounded-full", w = c ? s ? "text-title-sm" : "text-label-md" : s ? "text-title-md" : "text-label-lg";
+  const s = i === st.Underlined, d = r ? s ? "bg-transparent" : vl : ml, f = s ? r ? Sl : yl : "", g = r ? wl : xl, h = s ? c ? "px-md py-sm" : "px-lg py-md" : "px-sm py-[6px]", x = s ? "" : "rounded-full", y = c ? s ? "text-title-sm" : "text-label-md" : s ? "text-title-md" : "text-label-lg";
   return /* @__PURE__ */ o(
     ce,
     {
@@ -1958,7 +1958,7 @@ function sd({
         }
       ),
       disabled: n,
-      children: /* @__PURE__ */ C("div", { className: b("flex flex-row items-center justify-center gap-2", w), children: [
+      children: /* @__PURE__ */ C("div", { className: b("flex flex-row items-center justify-center gap-2", y), children: [
         e && /* @__PURE__ */ o("span", { children: e }),
         /* @__PURE__ */ o("span", { className: "shrink-0 font-inter", children: t })
       ] })
@@ -2066,12 +2066,12 @@ function vt({
   closeDelay: i = 100,
   children: c
 }) {
-  const s = le(null), d = le(null), [f, g] = he(!1), [h, x] = he({ top: 0, left: 0 }), w = le(), y = le(), p = () => {
-    clearTimeout(w.current), clearTimeout(y.current);
+  const s = le(null), d = le(null), [f, g] = he(!1), [h, x] = he({ top: 0, left: 0 }), y = le(), w = le(), p = () => {
+    clearTimeout(y.current), clearTimeout(w.current);
   }, S = () => {
-    p(), w.current = setTimeout(() => g(!0), a);
+    p(), y.current = setTimeout(() => g(!0), a);
   }, E = () => {
-    p(), y.current = setTimeout(() => g(!1), i);
+    p(), w.current = setTimeout(() => g(!1), i);
   };
   return Ar(() => {
     var P;
@@ -2162,8 +2162,8 @@ function ud({
   isReverse: h = !1,
   valueHoverTitle: x
 }) {
-  const w = h ? "flex-row-reverse" : "flex-row";
-  async function y(p) {
+  const y = h ? "flex-row-reverse" : "flex-row";
+  async function w(p) {
     if (navigator.clipboard && s)
       try {
         await navigator.clipboard.writeText(s), d == null || d(p, s);
@@ -2176,7 +2176,7 @@ function ud({
     {
       className: b(
         "flex w-full items-baseline gap-xs py-xxs font-inter",
-        w,
+        y,
         {
           "justify-between": g
         }
@@ -2224,7 +2224,7 @@ function ud({
                   children: a
                 }
               ),
-              /* @__PURE__ */ o("div", { className: "self-center", children: s && /* @__PURE__ */ o(ce, { onClick: y, children: /* @__PURE__ */ o(Mr, { className: "key-supporting-text-color" }) }) })
+              /* @__PURE__ */ o("div", { className: "self-center", children: s && /* @__PURE__ */ o(ce, { onClick: w, children: /* @__PURE__ */ o(Mr, { className: "key-supporting-text-color" }) }) })
             ]
           }
         )
@@ -2598,19 +2598,19 @@ const Wl = "relative inline-flex items-center p-xxs border rounded-full cursor-p
       [Mt.disabledActive]: n && t,
       [Mt.disabled]: n,
       [jl[c]]: !0
-    }), w = b(Gl, {
+    }), y = b(Gl, {
       [fn[c].unchecked]: !t,
       [fn[c].checked]: t,
       [hn.unchecked]: !t,
       [hn.checked]: t,
       [Hl[c]]: !0
-    }), y = b($l, {
+    }), w = b($l, {
       "flex-row-reverse": r === Rr.Left,
       "cursor-not-allowed": n
     }), p = b(zl, {
       "opacity-40": n && !t
     });
-    return /* @__PURE__ */ C("div", { className: y, children: [
+    return /* @__PURE__ */ C("div", { className: w, children: [
       /* @__PURE__ */ o(
         "input",
         {
@@ -2634,7 +2634,7 @@ const Wl = "relative inline-flex items-center p-xxs border rounded-full cursor-p
             return (S = f.current) == null ? void 0 : S.click();
           },
           className: x,
-          children: /* @__PURE__ */ o("span", { className: w })
+          children: /* @__PURE__ */ o("span", { className: y })
         }
       ),
       e && /* @__PURE__ */ o("label", { htmlFor: i, className: p, children: e })
@@ -2754,10 +2754,10 @@ function xd({
   disabled: f,
   size: g = Dr.Default
 }) {
-  const h = t === K.Outline && r, x = r ? t === K.Outline ? "outline-transparent names:outline-names-neutral-20" : "chip-outline-color" : "outline-transparent", w = b(
+  const h = t === K.Outline && r, x = r ? t === K.Outline ? "outline-transparent names:outline-names-neutral-20" : "chip-outline-color" : "outline-transparent", y = b(
     "group-focus:chip-outline-color-active",
     t === K.Outline && "names:group-focus:outline-transparent"
-  ), y = r && !f && t !== K.Outline ? ec : "";
+  ), w = r && !f && t !== K.Outline ? ec : "";
   return /* @__PURE__ */ o(
     ce,
     {
@@ -2780,10 +2780,10 @@ function xd({
             mn,
             h ? tc[K.Outline] : nc[t],
             x,
-            !f && w,
+            !f && y,
             !f && Ql,
             ac,
-            y
+            w
           ),
           children: [
             c ?? s,
@@ -3028,8 +3028,8 @@ function gn(e, t, r) {
   i && Number(g[0]) && (h = i.split("").reverse().reduce(function(p, S, E) {
     return p.length > E ? (Number(p[0]) + Number(S)).toString() + p.substring(1, p.length) : S + p;
   }, g[0]));
-  var x = ia(g[1] || "", t, r), w = s ? "-" : "", y = n ? "." : "";
-  return "" + w + h + y + x;
+  var x = ia(g[1] || "", t, r), y = s ? "-" : "", w = n ? "." : "";
+  return "" + y + h + w + x;
 }
 function $e(e, t) {
   if (e.value = e.value, e !== null) {
@@ -3088,18 +3088,18 @@ function Nc(e, t, r, n, a, i, c) {
     return T;
   }), d = e.slice(0, s);
   !t && !r.startsWith(d) && (t = d, r = d + r, n = n + d.length);
-  for (var f = r.length, g = e.length, h = {}, x = new Array(f), w = 0; w < f; w++) {
-    x[w] = -1;
-    for (var y = 0, p = g; y < p; y++) {
+  for (var f = r.length, g = e.length, h = {}, x = new Array(f), y = 0; y < f; y++) {
+    x[y] = -1;
+    for (var w = 0, p = g; w < p; w++) {
       var S = c({
         currentValue: r,
         lastValue: t,
         formattedValue: e,
-        currentValueIndex: w,
-        formattedValueIndex: y
+        currentValueIndex: y,
+        formattedValueIndex: w
       });
-      if (S && h[y] !== !0) {
-        x[w] = y, h[y] = !0;
+      if (S && h[w] !== !0) {
+        x[y] = w, h[w] = !0;
         break;
       }
     }
@@ -3134,22 +3134,22 @@ function _c(e) {
 }
 function sa(e, t, r, n, a, i) {
   i === void 0 && (i = Pe);
-  var c = bc(function(y, p) {
+  var c = bc(function(w, p) {
     var S, E;
-    return aa(y) ? (E = "", S = "") : typeof y == "number" || p ? (E = typeof y == "number" ? la(y) : y, S = n(E)) : (E = a(y, void 0), S = n(E)), { formattedValue: S, numAsString: E };
+    return aa(w) ? (E = "", S = "") : typeof w == "number" || p ? (E = typeof w == "number" ? la(w) : w, S = n(E)) : (E = a(w, void 0), S = n(E)), { formattedValue: S, numAsString: E };
   }), s = he(function() {
     return c(dt(e) ? t : e, r);
-  }), d = s[0], f = s[1], g = function(y, p) {
-    y.formattedValue !== d.formattedValue && f({
-      formattedValue: y.formattedValue,
-      numAsString: y.value
-    }), i(y, p);
+  }), d = s[0], f = s[1], g = function(w, p) {
+    w.formattedValue !== d.formattedValue && f({
+      formattedValue: w.formattedValue,
+      numAsString: w.value
+    }), i(w, p);
   }, h = e, x = r;
   dt(e) && (h = d.numAsString, x = !0);
-  var w = c(h, x);
+  var y = c(h, x);
   return ii(function() {
-    f(w);
-  }, [w.formattedValue]), [d, g];
+    f(y);
+  }, [y.formattedValue]), [d, g];
 }
 function Oc(e) {
   return e.replace(/[^0-9]/g, "");
@@ -3168,10 +3168,10 @@ function Rc(e) {
   s === void 0 && (s = Oc);
   var d = e.defaultValue, f = e.valueIsNumericString, g = e.onValueChange, h = e.isAllowed, x = e.onChange;
   x === void 0 && (x = Pe);
-  var w = e.onKeyDown;
-  w === void 0 && (w = Pe);
-  var y = e.onMouseUp;
+  var y = e.onKeyDown;
   y === void 0 && (y = Pe);
+  var w = e.onMouseUp;
+  w === void 0 && (w = Pe);
   var p = e.onFocus;
   p === void 0 && (p = Pe);
   var S = e.onBlur;
@@ -3262,7 +3262,7 @@ function Rc(e) {
     B === "Delete" && H === oe && (ue = 1);
     var me = B === "ArrowLeft" || B === "ArrowRight";
     if (V === void 0 || H !== oe && !me) {
-      w(O), Ae(R, ue);
+      y(O), Ae(R, ue);
       return;
     }
     var ye = V;
@@ -3270,7 +3270,7 @@ function Rc(e) {
       var pt = B === "ArrowLeft" ? "left" : "right";
       ye = ne($, V, pt), ye !== V && O.preventDefault();
     } else B === "Delete" && !N($[V]) ? ye = ne($, V, "right") : B === "Backspace" && !N($[V]) && (ye = ne($, V, "left"));
-    ye !== V && Q(R, ye, $), w(O), Ae(R, ue);
+    ye !== V && Q(R, ye, $), y(O), Ae(R, ue);
   }, _t = function(O) {
     var R = O.target, B = function() {
       var H = R.selectionStart, oe = R.selectionEnd, $ = R.value;
@@ -3281,7 +3281,7 @@ function Rc(e) {
     };
     B(), requestAnimationFrame(function() {
       B();
-    }), y(O), Ae(R);
+    }), w(O), Ae(R);
   }, Ot = function(O) {
     O.persist && O.persist();
     var R = O.target, B = O.currentTarget;
@@ -3318,8 +3318,8 @@ function bn(e, t) {
   var c = t.allowNegative, s = t.thousandsGroupStyle;
   if (s === void 0 && (s = "thousand"), e === "" || e === "-")
     return e;
-  var d = rr(t), f = d.thousandSeparator, g = d.decimalSeparator, h = r !== 0 && e.indexOf(".") !== -1 || r && n, x = Fr(e, c), w = x.beforeDecimal, y = x.afterDecimal, p = x.addNegation;
-  return r !== void 0 && (y = ia(y, r, !!n)), f && (w = pc(w, f, s)), a && (w = a + w), i && (y = y + i), p && (w = "-" + w), e = w + (h && g || "") + y, e;
+  var d = rr(t), f = d.thousandSeparator, g = d.decimalSeparator, h = r !== 0 && e.indexOf(".") !== -1 || r && n, x = Fr(e, c), y = x.beforeDecimal, w = x.afterDecimal, p = x.addNegation;
+  return r !== void 0 && (w = ia(w, r, !!n)), f && (y = pc(y, f, s)), a && (y = a + y), i && (w = w + i), p && (y = "-" + y), e = y + (h && g || "") + w, e;
 }
 function rr(e) {
   var t = e.decimalSeparator;
@@ -3349,11 +3349,11 @@ function Ic(e, t, r) {
   i === void 0 && (i = "");
   var c = r.suffix;
   c === void 0 && (c = "");
-  var s = r.decimalScale, d = t.from, f = t.to, g = f.start, h = f.end, x = rr(r), w = x.allowedDecimalSeparators, y = x.decimalSeparator, p = e[h] === y;
+  var s = r.decimalScale, d = t.from, f = t.to, g = f.start, h = f.end, x = rr(r), y = x.allowedDecimalSeparators, w = x.decimalSeparator, p = e[h] === w;
   if (Ct(e) && (e === i || e === c) && t.lastValue === "")
     return e;
-  if (h - g === 1 && w.indexOf(e[g]) !== -1) {
-    var S = s === 0 ? "" : y;
+  if (h - g === 1 && y.indexOf(e[g]) !== -1) {
+    var S = s === 0 ? "" : w;
     e = e.substring(0, g) + S + e.substring(g + 1, e.length);
   }
   var E = function(M, X, ee) {
@@ -3368,9 +3368,9 @@ function Ic(e, t, r) {
   var k = 0;
   e.startsWith(i) ? k += i.length : g < i.length && (k = g), e = e.substring(k), h -= k;
   var q = e.length, ae = e.length - c.length;
-  e.endsWith(c) ? q = ae : (h > ae || h > e.length - c.length) && (q = h), e = e.substring(0, q), e = Dc(N ? "-" + e : e, a), e = (e.match(Tc(y)) || []).join("");
-  var be = e.indexOf(y);
-  e = e.replace(new RegExp(oa(y), "g"), function(M, X) {
+  e.endsWith(c) ? q = ae : (h > ae || h > e.length - c.length) && (q = h), e = e.substring(0, q), e = Dc(N ? "-" + e : e, a), e = (e.match(Tc(w)) || []).join("");
+  var be = e.indexOf(w);
+  e = e.replace(new RegExp(oa(w), "g"), function(M, X) {
     return X === be ? "." : "";
   });
   var xe = Fr(e, a), Le = xe.beforeDecimal, Ve = xe.afterDecimal, F = xe.addNegation;
@@ -3412,7 +3412,7 @@ function Mc(e) {
   i === void 0 && (i = Pe);
   var c = e.thousandSeparator, s = e.decimalScale, d = e.fixedDecimalScale, f = e.prefix;
   f === void 0 && (f = "");
-  var g = e.defaultValue, h = e.value, x = e.valueIsNumericString, w = e.onValueChange, y = na(e, ["decimalSeparator", "allowedDecimalSeparators", "thousandsGroupStyle", "suffix", "allowNegative", "allowLeadingZeros", "onKeyDown", "onBlur", "thousandSeparator", "decimalScale", "fixedDecimalScale", "prefix", "defaultValue", "value", "valueIsNumericString", "onValueChange"]), p = rr(e), S = p.decimalSeparator, E = p.allowedDecimalSeparators, D = function(F) {
+  var g = e.defaultValue, h = e.value, x = e.valueIsNumericString, y = e.onValueChange, w = na(e, ["decimalSeparator", "allowedDecimalSeparators", "thousandsGroupStyle", "suffix", "allowNegative", "allowLeadingZeros", "onKeyDown", "onBlur", "thousandSeparator", "decimalScale", "fixedDecimalScale", "prefix", "defaultValue", "value", "valueIsNumericString", "onValueChange"]), p = rr(e), S = p.decimalSeparator, E = p.allowedDecimalSeparators, D = function(F) {
     return bn(F, e);
   }, N = function(F, M) {
     return Ic(F, M, e);
@@ -3420,7 +3420,7 @@ function Mc(e) {
   dt(h) ? dt(g) || (P = P || typeof g == "number") : P = P || typeof h == "number";
   var L = function(F) {
     return aa(F) ? F : (typeof F == "number" && (F = la(F)), P && typeof s == "number" ? gn(F, s, !!d) : F);
-  }, _ = sa(L(h), L(g), !!P, D, N, w), I = _[0], k = I.numAsString, q = I.formattedValue, ae = _[1], be = function(F) {
+  }, _ = sa(L(h), L(g), !!P, D, N, y), I = _[0], k = I.numAsString, q = I.formattedValue, ae = _[1], be = function(F) {
     var M = F.target, X = F.key, ee = M.selectionStart, re = M.selectionEnd, Q = M.value;
     if (Q === void 0 && (Q = ""), (X === "Backspace" || X === "Delete") && re < f.length) {
       F.preventDefault();
@@ -3455,7 +3455,7 @@ function Mc(e) {
     };
     return h === 0 && d && s && M[Ue.start] === S && we(M) < re && we(ee) > Q ? !1 : re >= Ue.start && re < Ue.end && E && E.includes(ne) && j === S ? !0 : ne === j;
   };
-  return Object.assign(Object.assign({}, y), {
+  return Object.assign(Object.assign({}, w), {
     value: q,
     valueIsNumericString: !1,
     isValidInputCharacter: Le,
@@ -3487,12 +3487,12 @@ const Sd = Fe(function({
   value: g,
   supportingValue: h,
   defaultValue: x,
-  onClearInput: w,
-  isVisibilityToggleEnabled: y,
+  onClearInput: y,
+  isVisibilityToggleEnabled: w,
   type: p,
   ...S
 }, E) {
-  y ?? (y = p === Se.Password);
+  w ?? (w = p === Se.Password);
   const D = le(null), [N, T] = he(
     f ?? p !== Se.Password
   );
@@ -3551,10 +3551,10 @@ const Sd = Fe(function({
               {
                 value: g,
                 type: p,
-                onClearInput: w,
+                onClearInput: y,
                 isContentVisible: N,
                 trailingElement: d,
-                isVisibilityToggleEnabled: y,
+                isVisibilityToggleEnabled: w,
                 onToggleButtonClick: P
               }
             )
@@ -3650,16 +3650,17 @@ const Cd = Fe(function({
   isResizeEnabled: d,
   required: f,
   isContentVisible: g,
-  ...h
-}, x) {
-  const [w, y] = he(
+  defaultValue: h,
+  ...x
+}, y) {
+  const [w, p] = he(
     g ?? !0
   );
   de(() => {
-    y(g ?? !0);
+    p(g ?? !0);
   }, [g]);
-  function p() {
-    y((S) => !S);
+  function S() {
+    p((E) => !E);
   }
   return /* @__PURE__ */ o(
     Br,
@@ -3676,7 +3677,7 @@ const Cd = Fe(function({
           {
             disabled: n || !w,
             required: f,
-            ref: x,
+            ref: y,
             className: b(
               "text-area-container peer block min-h-[50px]",
               ta,
@@ -3686,15 +3687,16 @@ const Cd = Fe(function({
               w && d ? "resize-y" : "resize-none",
               !w && "not-visible select-none text-transparent"
             ),
-            value: w ? i : "",
-            ...h
+            defaultValue: w && h ? h : void 0,
+            value: w && i ? i : void 0,
+            ...x
           }
         ),
         !w && /* @__PURE__ */ o("div", { className: "absolute left-0 top-0 flex h-full w-full flex-col items-stretch gap-y-2 px-md py-sm peer-[.not-visible]:select-none", children: /* @__PURE__ */ o(Wc, { rows: 3, halfWidthRow: 3 }) }),
         s && /* @__PURE__ */ o("span", { className: "absolute bottom-4 right-4 flex", children: /* @__PURE__ */ o(
           ce,
           {
-            onClick: p,
+            onClick: S,
             className: "input-icon-color [&_svg]:h-5 [&_svg]:w-5",
             tabIndex: -1,
             children: w ? /* @__PURE__ */ o(Kn, {}) : /* @__PURE__ */ o(Xn, {})
@@ -3724,12 +3726,12 @@ function zc({
   return /* @__PURE__ */ C(
     "div",
     {
-      onClick: (w) => {
+      onClick: (y) => {
         if (i) {
-          w.preventDefault();
+          y.preventDefault();
           return;
         }
-        a == null || a(w);
+        a == null || a(y);
       },
       className: b(
         "inline-flex cursor-pointer flex-col items-center justify-center space-y-1"
@@ -3807,15 +3809,15 @@ function Ed({
   copyText: g,
   onOpen: h,
   isCopyable: x,
-  isExternal: w,
-  isSelected: y,
+  isExternal: y,
+  isSelected: w,
   isActive: p,
   showSelected: S,
   badgeTooltipText: E,
   badgeTooltipPosition: D = He.Bottom
 }) {
   const N = i;
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ o(
     "div",
     {
       className: b(
@@ -3825,29 +3827,27 @@ function Ed({
           "opacity-60": a && S
         }
       ),
-      children: [
-        /* @__PURE__ */ C("div", { className: "flex items-center space-x-3", children: [
-          /* @__PURE__ */ o(N, { isLocked: a }),
-          /* @__PURE__ */ C("div", { className: "flex flex-col items-start py-xs", children: [
-            /* @__PURE__ */ C("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ o("span", { className: "account-title-color font-inter text-title-md", children: e }),
-              n && r ? E ? /* @__PURE__ */ o(vt, { text: E, position: D, children: /* @__PURE__ */ o(Yt, { type: r, label: n }) }) : /* @__PURE__ */ o(Yt, { type: r, label: n }) : null
-            ] }),
-            /* @__PURE__ */ o(
-              Xl,
-              {
-                text: t,
-                onCopySuccess: f,
-                copyText: g,
-                onOpen: h,
-                isCopyable: x,
-                isExternal: w
-              }
-            )
-          ] })
+      children: /* @__PURE__ */ C("div", { className: "flex w-full items-center gap-x-3", children: [
+        /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(N, { isLocked: a }) }),
+        /* @__PURE__ */ C("div", { className: "flex w-full min-w-0 flex-col items-start py-xs", children: [
+          /* @__PURE__ */ C("div", { className: "flex w-full min-w-0 items-center space-x-2", children: [
+            /* @__PURE__ */ o("p", { className: "account-title-color min-w-0 max-w-full truncate font-inter text-title-md", children: e }),
+            n && r ? E ? /* @__PURE__ */ o(vt, { text: E, position: D, children: /* @__PURE__ */ o(Yt, { type: r, label: n }) }) : /* @__PURE__ */ o(Yt, { type: r, label: n }) : null
+          ] }),
+          /* @__PURE__ */ o(
+            Xl,
+            {
+              text: t,
+              onCopySuccess: f,
+              copyText: g,
+              onOpen: h,
+              isCopyable: x,
+              isExternal: y
+            }
+          )
         ] }),
-        /* @__PURE__ */ C("div", { className: "z-10 ml-auto flex items-center space-x-2 [&_button]:h-5 [&_button]:w-5 [&_svg]:h-5 [&_svg]:w-5", children: [
-          /* @__PURE__ */ C("div", { className: "account-icon-color flex items-center space-x-2 [&_button:not(.locked)]:hidden group-hover:[&_button:not(.locked)]:flex", children: [
+        /* @__PURE__ */ C("div", { className: "ml-auto flex items-center space-x-2 [&_button]:h-5 [&_button]:w-5 [&_svg]:h-5 [&_svg]:w-5", children: [
+          /* @__PURE__ */ C("div", { className: "account-icon-color flex items-center space-x-2 [&_button:not(.locked)]:invisible group-hover:[&_button:not(.locked)]:visible", children: [
             c && /* @__PURE__ */ o(ce, { onClick: c, children: /* @__PURE__ */ o($n, {}) }),
             s && d && (a ? /* @__PURE__ */ o("div", { className: "flex items-center", children: /* @__PURE__ */ o(
               ce,
@@ -3859,9 +3859,9 @@ function Ed({
               }
             ) }) : /* @__PURE__ */ o(ce, { onClick: s, testId: "account-lock", children: /* @__PURE__ */ o(ll, {}) }))
           ] }),
-          S && /* @__PURE__ */ o(ce, { children: y ? /* @__PURE__ */ o(tl, { className: "account-check-active-color h-5 w-5" }) : /* @__PURE__ */ o(zn, { className: "account-check-inactive-color h-5 w-5" }) })
+          S && /* @__PURE__ */ o(ce, { children: w ? /* @__PURE__ */ o(tl, { className: "account-check-active-color h-5 w-5" }) : /* @__PURE__ */ o(zn, { className: "account-check-inactive-color h-5 w-5" }) })
         ] })
-      ]
+      ] })
     }
   );
 }
@@ -3914,12 +3914,12 @@ const Od = Fe(
     value: g,
     dropdownPosition: h = Ht.Bottom,
     size: x = $t.Default
-  }, w) => {
-    const [y, p] = he(!1), S = P(g, c), E = le(null), D = S || s, N = x === $t.Small ? "px-sm" : "px-md", T = x === $t.Small ? "text-body-md" : "text-body-lg";
+  }, y) => {
+    const [w, p] = he(!1), S = P(g, c), E = le(null), D = S || s, N = x === $t.Small ? "px-sm" : "px-md", T = x === $t.Small ? "text-body-md" : "text-body-lg";
     de(() => {
-      e && y && I();
-    }, [e, y]), de(() => {
-      if (!y) return;
+      e && w && I();
+    }, [e, w]), de(() => {
+      if (!w) return;
       const k = (q) => {
         const ae = q.target;
         E.current && !E.current.contains(ae) && I();
@@ -3927,7 +3927,7 @@ const Od = Fe(
       return document.addEventListener("mousedown", k), () => {
         document.removeEventListener("mousedown", k);
       };
-    }, [y]);
+    }, [w]);
     function P(k, q = []) {
       return q.find(
         (ae) => typeof ae == "string" ? ae === k : ae.id === k
@@ -3956,7 +3956,7 @@ const Od = Fe(
           /* @__PURE__ */ C(
             ce,
             {
-              ref: w,
+              ref: y,
               onClick: L,
               disabled: e,
               className: b(
@@ -3982,14 +3982,14 @@ const Od = Fe(
                   hl,
                   {
                     className: b("select-icon-color transition-transform", {
-                      " rotate-180": y
+                      " rotate-180": w
                     })
                   }
                 )
               ]
             }
           ),
-          y && /* @__PURE__ */ o(
+          w && /* @__PURE__ */ o(
             "div",
             {
               className: "fixed left-0 top-0 z-[49] bg-transparent",
@@ -4000,7 +4000,7 @@ const Od = Fe(
             "div",
             {
               className: b("absolute z-50 min-w-full", {
-                hidden: !y,
+                hidden: !w,
                 "top-full": !h || h === Ht.Bottom,
                 "bottom-full": h === Ht.Top
               }),
@@ -4037,9 +4037,9 @@ function Yc({
   sortOrder: f
 }) {
   const g = () => {
-    const y = f === lt.Asc ? lt.Desc : lt.Asc;
-    s && s(t, y);
-  }, h = "table-header-text-color", x = "text-label-lg", w = r ? f === lt.Asc ? /* @__PURE__ */ o(un, { className: "shrink-0" }) : f === lt.Desc ? /* @__PURE__ */ o(fl, { className: "shrink-0" }) : /* @__PURE__ */ o(un, { className: "invisible shrink-0 group-hover:visible" }) : null;
+    const w = f === lt.Asc ? lt.Desc : lt.Asc;
+    s && s(t, w);
+  }, h = "table-header-text-color", x = "text-label-lg", y = r ? f === lt.Asc ? /* @__PURE__ */ o(un, { className: "shrink-0" }) : f === lt.Desc ? /* @__PURE__ */ o(fl, { className: "shrink-0" }) : /* @__PURE__ */ o(un, { className: "invisible shrink-0 group-hover:visible" }) : null;
   return /* @__PURE__ */ o(
     "th",
     {
@@ -4078,7 +4078,7 @@ function Yc({
                 children: e
               }
             ),
-            w
+            y
           ]
         }
       )
@@ -4106,8 +4106,8 @@ function Ad({
   type: c = Ne.Outlined,
   renderSuggestion: s
 }) {
-  const d = le(null), f = le(null), [g, h] = he(!0), [x, w] = he(null);
-  function y(L) {
+  const d = le(null), f = le(null), [g, h] = he(!0), [x, y] = he(null);
+  function w(L) {
     const _ = L.target.value;
     r(_);
   }
@@ -4134,11 +4134,11 @@ function Ad({
     c === Ne.Outlined ? "[&:not(.dark_*,.names_*)]:border-b-transparent" : "border-b-transparent"
   ) : c === Ne.Outlined ? "rounded-3xl border-b" : "rounded-full", E = Qc[c], D = qc[c], N = Jc[c], T = (L) => {
     var _;
-    n == null || n(L), r(""), h(!1), w(null), (_ = d.current) == null || _.blur();
+    n == null || n(L), r(""), h(!1), y(null), (_ = d.current) == null || _.blur();
   }, P = (L) => {
-    t && (t == null ? void 0 : t.length) > 0 && (L.key === "ArrowDown" ? (L.preventDefault(), w(
+    t && (t == null ? void 0 : t.length) > 0 && (L.key === "ArrowDown" ? (L.preventDefault(), y(
       (_) => _ === null || _ >= t.length - 1 ? 0 : _ + 1
-    )) : L.key === "ArrowUp" ? (L.preventDefault(), w(
+    )) : L.key === "ArrowUp" ? (L.preventDefault(), y(
       (_) => _ === null || _ <= 0 ? t.length - 1 : _ - 1
     )) : L.key === "Enter" && (L.preventDefault(), x !== null && t[x] ? T(t[x]) : t.length === 1 && T(t[0])));
   };
@@ -4158,7 +4158,7 @@ function Ad({
               ref: d,
               type: "text",
               value: e,
-              onChange: y,
+              onChange: w,
               onKeyDown: P,
               onFocus: () => h(!0),
               placeholder: a,
@@ -4186,7 +4186,7 @@ function Ad({
             "div",
             {
               onClick: () => T(L),
-              onMouseEnter: () => w(_),
+              onMouseEnter: () => y(_),
               className: b(
                 "w-full cursor-pointer px-md py-sm",
                 x === _ ? "search-selected-index-bg-color" : ""
@@ -4571,7 +4571,7 @@ function Id({
   onCopySuccess: f,
   onCopyError: g
 }) {
-  const h = is[i], x = cs[c], w = ls[i], y = ss[c], p = ds[c], S = us[c];
+  const h = is[i], x = cs[c], y = ls[i], w = ss[c], p = ds[c], S = us[c];
   async function E(D) {
     if (navigator.clipboard && d)
       try {
@@ -4587,7 +4587,7 @@ function Id({
         "flex h-full w-full flex-col justify-between rounded-2xl p-md--rs",
         h,
         x,
-        w
+        y
       ),
       children: [
         /* @__PURE__ */ C(
@@ -4606,7 +4606,7 @@ function Id({
           }
         ),
         /* @__PURE__ */ C("div", { className: "flex w-full flex-row items-baseline gap-xxs", children: [
-          /* @__PURE__ */ o("span", { className: b("break-all", y), children: n }),
+          /* @__PURE__ */ o("span", { className: b("break-all", w), children: n }),
           a && /* @__PURE__ */ o("span", { className: b("opacity-40", S), children: a }),
           d && /* @__PURE__ */ o("div", { className: "self-center", children: /* @__PURE__ */ o(ce, { onClick: E, children: /* @__PURE__ */ o(Mr, { className: "display-stats-copy-icon-color" }) }) })
         ] })
@@ -4639,12 +4639,12 @@ function Pd({
         a && e && /* @__PURE__ */ o(
           ce,
           {
-            className: "visual-asset-icon-color absolute right-2 top-2 h-9 w-9 cursor-pointer rounded-full p-xs opacity-0 transition-opacity duration-300 group-hover:bg-shader-neutral-light-72 group-hover:opacity-100 [&_svg]:h-5 [&_svg]:w-5",
+            className: "visual-asset-icon-color absolute right-2 top-2 z-10 h-9 w-9 cursor-pointer rounded-full p-xs opacity-0 transition-opacity duration-300 group-hover:bg-shader-neutral-light-72 group-hover:opacity-100 [&_svg]:h-5 [&_svg]:w-5",
             onClick: c,
             children: r
           }
         ),
-        a && n && /* @__PURE__ */ o("div", { className: "absolute bottom-0 flex items-center justify-center p-xs opacity-0 transition-opacity duration-300 group-hover:opacity-100", children: /* @__PURE__ */ o("span", { className: "visual-asset-title-color text-title-md", children: n }) })
+        a && n && /* @__PURE__ */ o("div", { className: "absolute bottom-0 w-full p-xs opacity-0 transition-opacity duration-300 group-hover:opacity-100", children: /* @__PURE__ */ o("span", { className: "visual-asset-title-color break-words text-title-md", children: n }) })
       ]
     }
   );
@@ -4684,12 +4684,12 @@ function ms(e, t = []) {
     const s = v.createContext(c), d = r.length;
     r = [...r, c];
     function f(h) {
-      const { scope: x, children: w, ...y } = h, p = (x == null ? void 0 : x[e][d]) || s, S = v.useMemo(() => y, Object.values(y));
-      return /* @__PURE__ */ o(p.Provider, { value: S, children: w });
+      const { scope: x, children: y, ...w } = h, p = (x == null ? void 0 : x[e][d]) || s, S = v.useMemo(() => w, Object.values(w));
+      return /* @__PURE__ */ o(p.Provider, { value: S, children: y });
     }
     function g(h, x) {
-      const w = (x == null ? void 0 : x[e][d]) || s, y = v.useContext(w);
-      if (y) return y;
+      const y = (x == null ? void 0 : x[e][d]) || s, w = v.useContext(y);
+      if (w) return w;
       if (c !== void 0) return c;
       throw new Error(`\`${h}\` must be used within \`${i}\``);
     }
@@ -4861,7 +4861,7 @@ var Os = "DismissableLayer", Lr = "dismissableLayer.update", As = "dismissableLa
       onInteractOutside: c,
       onDismiss: s,
       ...d
-    } = e, f = v.useContext(pa), [g, h] = v.useState(null), x = (g == null ? void 0 : g.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, w] = v.useState({}), y = Qe(t, (_) => h(_)), p = Array.from(f.layers), [S] = [...f.layersWithOutsidePointerEventsDisabled].slice(-1), E = p.indexOf(S), D = g ? p.indexOf(g) : -1, N = f.layersWithOutsidePointerEventsDisabled.size > 0, T = D >= E, P = Ls((_) => {
+    } = e, f = v.useContext(pa), [g, h] = v.useState(null), x = (g == null ? void 0 : g.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, y] = v.useState({}), w = Qe(t, (_) => h(_)), p = Array.from(f.layers), [S] = [...f.layersWithOutsidePointerEventsDisabled].slice(-1), E = p.indexOf(S), D = g ? p.indexOf(g) : -1, N = f.layersWithOutsidePointerEventsDisabled.size > 0, T = D >= E, P = Ls((_) => {
       const I = _.target, k = [...f.branches].some((q) => q.contains(I));
       !T || k || (a == null || a(_), c == null || c(_), _.defaultPrevented || s == null || s());
     }, x), L = Is((_) => {
@@ -4878,13 +4878,13 @@ var Os = "DismissableLayer", Lr = "dismissableLayer.update", As = "dismissableLa
     }, [g, x, r, f]), v.useEffect(() => () => {
       g && (f.layers.delete(g), f.layersWithOutsidePointerEventsDisabled.delete(g), Cn());
     }, [g, f]), v.useEffect(() => {
-      const _ = () => w({});
+      const _ = () => y({});
       return document.addEventListener(Lr, _), () => document.removeEventListener(Lr, _);
     }, []), /* @__PURE__ */ o(
       Oe.div,
       {
         ...d,
-        ref: y,
+        ref: w,
         style: {
           pointerEvents: N ? T ? "auto" : "none" : void 0,
           ...e.style
@@ -4970,7 +4970,7 @@ var yr = "focusScope.autoFocusOnMount", Sr = "focusScope.autoFocusOnUnmount", En
     onMountAutoFocus: a,
     onUnmountAutoFocus: i,
     ...c
-  } = e, [s, d] = v.useState(null), f = Ye(a), g = Ye(i), h = v.useRef(null), x = Qe(t, (p) => d(p)), w = v.useRef({
+  } = e, [s, d] = v.useState(null), f = Ye(a), g = Ye(i), h = v.useRef(null), x = Qe(t, (p) => d(p)), y = v.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -4982,11 +4982,11 @@ var yr = "focusScope.autoFocusOnMount", Sr = "focusScope.autoFocusOnUnmount", En
   v.useEffect(() => {
     if (n) {
       let p = function(N) {
-        if (w.paused || !s) return;
+        if (y.paused || !s) return;
         const T = N.target;
         s.contains(T) ? h.current = T : Ie(h.current, { select: !0 });
       }, S = function(N) {
-        if (w.paused || !s) return;
+        if (y.paused || !s) return;
         const T = N.relatedTarget;
         T !== null && (s.contains(T) || Ie(h.current, { select: !0 }));
       }, E = function(N) {
@@ -5000,9 +5000,9 @@ var yr = "focusScope.autoFocusOnMount", Sr = "focusScope.autoFocusOnUnmount", En
         document.removeEventListener("focusin", p), document.removeEventListener("focusout", S), D.disconnect();
       };
     }
-  }, [n, s, w.paused]), v.useEffect(() => {
+  }, [n, s, y.paused]), v.useEffect(() => {
     if (s) {
-      _n.add(w);
+      _n.add(y);
       const p = document.activeElement;
       if (!s.contains(p)) {
         const E = new CustomEvent(yr, En);
@@ -5011,23 +5011,23 @@ var yr = "focusScope.autoFocusOnMount", Sr = "focusScope.autoFocusOnUnmount", En
       return () => {
         s.removeEventListener(yr, f), setTimeout(() => {
           const E = new CustomEvent(Sr, En);
-          s.addEventListener(Sr, g), s.dispatchEvent(E), E.defaultPrevented || Ie(p ?? document.body, { select: !0 }), s.removeEventListener(Sr, g), _n.remove(w);
+          s.addEventListener(Sr, g), s.dispatchEvent(E), E.defaultPrevented || Ie(p ?? document.body, { select: !0 }), s.removeEventListener(Sr, g), _n.remove(y);
         }, 0);
       };
     }
-  }, [s, f, g, w]);
-  const y = v.useCallback(
+  }, [s, f, g, y]);
+  const w = v.useCallback(
     (p) => {
-      if (!r && !n || w.paused) return;
+      if (!r && !n || y.paused) return;
       const S = p.key === "Tab" && !p.altKey && !p.ctrlKey && !p.metaKey, E = document.activeElement;
       if (S && E) {
         const D = p.currentTarget, [N, T] = Ms(D);
         N && T ? !p.shiftKey && E === T ? (p.preventDefault(), r && Ie(N, { select: !0 })) : p.shiftKey && E === N && (p.preventDefault(), r && Ie(T, { select: !0 })) : E === D && p.preventDefault();
       }
     },
-    [r, n, w.paused]
+    [r, n, y.paused]
   );
-  return /* @__PURE__ */ o(Oe.div, { tabIndex: -1, ...c, ref: x, onKeyDown: y });
+  return /* @__PURE__ */ o(Oe.div, { tabIndex: -1, ...c, ref: x, onKeyDown: w });
 });
 wa.displayName = Ps;
 function ks(e, { select: t = !1 } = {}) {
@@ -5128,14 +5128,14 @@ function Gs(e) {
   }, [s]), Qt(() => {
     const f = n.current, g = a.current;
     if (g !== e) {
-      const x = i.current, w = Bt(f);
-      e ? d("MOUNT") : w === "none" || (f == null ? void 0 : f.display) === "none" ? d("UNMOUNT") : d(g && x !== w ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+      const x = i.current, y = Bt(f);
+      e ? d("MOUNT") : y === "none" || (f == null ? void 0 : f.display) === "none" ? d("UNMOUNT") : d(g && x !== y ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
   }, [e, d]), Qt(() => {
     if (t) {
       const f = (h) => {
-        const w = Bt(n.current).includes(h.animationName);
-        h.target === t && w && Pn.flushSync(() => d("ANIMATION_END"));
+        const y = Bt(n.current).includes(h.animationName);
+        h.target === t && y && Pn.flushSync(() => d("ANIMATION_END"));
       }, g = (h) => {
         h.target === t && (i.current = Bt(n.current));
       };
@@ -5321,11 +5321,11 @@ var Na = eu(), Nr = function() {
     onScrollCapture: Nr,
     onWheelCapture: Nr,
     onTouchMoveCapture: Nr
-  }), a = n[0], i = n[1], c = e.forwardProps, s = e.children, d = e.className, f = e.removeScrollBar, g = e.enabled, h = e.shards, x = e.sideCar, w = e.noIsolation, y = e.inert, p = e.allowPinchZoom, S = e.as, E = S === void 0 ? "div" : S, D = e.gapMode, N = Ca(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), T = x, P = qs([r, t]), L = Ce(Ce({}, N), a);
+  }), a = n[0], i = n[1], c = e.forwardProps, s = e.children, d = e.className, f = e.removeScrollBar, g = e.enabled, h = e.shards, x = e.sideCar, y = e.noIsolation, w = e.inert, p = e.allowPinchZoom, S = e.as, E = S === void 0 ? "div" : S, D = e.gapMode, N = Ca(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), T = x, P = qs([r, t]), L = Ce(Ce({}, N), a);
   return v.createElement(
     v.Fragment,
     null,
-    g && v.createElement(T, { sideCar: Na, removeScrollBar: f, shards: h, noIsolation: w, inert: y, setCallbacks: i, allowPinchZoom: !!p, lockRef: r, gapMode: D }),
+    g && v.createElement(T, { sideCar: Na, removeScrollBar: f, shards: h, noIsolation: y, inert: w, setCallbacks: i, allowPinchZoom: !!p, lockRef: r, gapMode: D }),
     c ? v.cloneElement(v.Children.only(s), Ce(Ce({}, L), { ref: P })) : v.createElement(E, Ce({}, L, { className: d, ref: P }), s)
   );
 });
@@ -5524,8 +5524,8 @@ var nt = Ir ? { passive: !1 } : !1, vu = function(e) {
 }, yu = function(e, t, r, n, a) {
   var i = wu(e, window.getComputedStyle(t).direction), c = i * n, s = r.target, d = t.contains(s), f = !1, g = c > 0, h = 0, x = 0;
   do {
-    var w = Ra(e, s), y = w[0], p = w[1], S = w[2], E = p - S - i * y;
-    (y || E) && Aa(e, s) && (h += E, x += y), s instanceof ShadowRoot ? s = s.host : s = s.parentNode;
+    var y = Ra(e, s), w = y[0], p = y[1], S = y[2], E = p - S - i * w;
+    (w || E) && Aa(e, s) && (h += E, x += w), s instanceof ShadowRoot ? s = s.host : s = s.parentNode;
   } while (
     // portaled content
     !d && s !== document.body || // self content
@@ -5620,12 +5620,12 @@ function Nu(e) {
       }), document.removeEventListener("wheel", d, nt), document.removeEventListener("touchmove", d, nt), document.removeEventListener("touchstart", g, nt);
     };
   }, []);
-  var w = e.removeScrollBar, y = e.inert;
+  var y = e.removeScrollBar, w = e.inert;
   return v.createElement(
     v.Fragment,
     null,
-    y ? v.createElement(i, { styles: Cu(a) }) : null,
-    w ? v.createElement(mu, { gapMode: e.gapMode }) : null
+    w ? v.createElement(i, { styles: Cu(a) }) : null,
+    y ? v.createElement(mu, { gapMode: e.gapMode }) : null
   );
 }
 function _u(e) {
@@ -5667,8 +5667,8 @@ var Au = function(e) {
         g(x);
       else
         try {
-          var w = x.getAttribute(n), y = w !== null && w !== "false", p = (ot.get(x) || 0) + 1, S = (i.get(x) || 0) + 1;
-          ot.set(x, p), i.set(x, S), c.push(x), p === 1 && y && Ut.set(x, !0), S === 1 && x.setAttribute(r, "true"), y || x.setAttribute(n, "true");
+          var y = x.getAttribute(n), w = y !== null && y !== "false", p = (ot.get(x) || 0) + 1, S = (i.get(x) || 0) + 1;
+          ot.set(x, p), i.set(x, S), c.push(x), p === 1 && w && Ut.set(x, !0), S === 1 && x.setAttribute(r, "true"), w || x.setAttribute(n, "true");
         } catch (E) {
           console.error("aria-hidden: cannot operate on ", x, E);
         }
@@ -5676,8 +5676,8 @@ var Au = function(e) {
   };
   return g(t), s.clear(), Or++, function() {
     c.forEach(function(h) {
-      var x = ot.get(h) - 1, w = i.get(h) - 1;
-      ot.set(h, x), i.set(h, w), x || (Ut.has(h) || h.removeAttribute(n), Ut.delete(h)), w || h.removeAttribute(r);
+      var x = ot.get(h) - 1, y = i.get(h) - 1;
+      ot.set(h, x), i.set(h, y), x || (Ut.has(h) || h.removeAttribute(n), Ut.delete(h)), y || h.removeAttribute(r);
     }), Or--, Or || (ot = /* @__PURE__ */ new WeakMap(), ot = /* @__PURE__ */ new WeakMap(), Ut = /* @__PURE__ */ new WeakMap(), Wt = {});
   };
 }, Tu = function(e, t, r) {
@@ -5977,10 +5977,10 @@ const Ku = v.forwardRef((e, t) => /* @__PURE__ */ o(
       void 0
     );
     de(() => {
-      const y = t ? document.getElementById(t) : void 0;
-      g(y ?? void 0);
+      const w = t ? document.getElementById(t) : void 0;
+      g(w ?? void 0);
     }, [t]);
-    const h = a === ct.Right ? "overflow-hidden right-0 h-screen top-0 w-full" : "overflow-y-auto overflow-x-hidden left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-xl", x = a === ct.Right ? "md:w-96 max-w-[500px]" : i, w = a === ct.Right ? "h-screen" : "max-h-[80vh] h-full";
+    const h = a === ct.Right ? "overflow-hidden right-0 h-screen top-0 w-full" : "overflow-y-auto overflow-x-hidden left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-xl", x = a === ct.Right ? "md:w-96 max-w-[500px]" : i, y = a === ct.Right ? "h-screen" : "max-h-[80vh] h-full";
     return /* @__PURE__ */ o(ju, { container: f, children: /* @__PURE__ */ C(Ku, { isFixedPosition: c, children: [
       /* @__PURE__ */ o(qa, { showCloseIcon: r, position: a }),
       /* @__PURE__ */ C(
@@ -5998,7 +5998,7 @@ const Ku = v.forwardRef((e, t) => /* @__PURE__ */ o(
               /* @__PURE__ */ o($r, {}),
               /* @__PURE__ */ o(Gu, {})
             ] }),
-            /* @__PURE__ */ o("div", { className: b("flex flex-1 flex-col", w), children: n })
+            /* @__PURE__ */ o("div", { className: b("flex flex-1 flex-col", y), children: n })
           ]
         }
       )