@iota/apps-ui-kit 0.7.2 → 0.8.0

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as C, Fragment as Ze } from "react/jsx-runtime";
 import * as v from "react";
-import it, { forwardRef as Fe, useRef as le, useEffect as de, useState as he, useLayoutEffect as Ar, createElement as oi, useMemo as ii, Fragment as li, createContext as ci, useContext as si } from "react";
+import it, { forwardRef as Le, useRef as le, useEffect as de, useState as he, useLayoutEffect as Ar, createElement as oi, useMemo as ii, Fragment as li, createContext as ci, useContext as si } from "react";
 import * as Pn from "react-dom";
 import ui, { createPortal as di } from "react-dom";
 var De = /* @__PURE__ */ ((e) => (e.Sm = "sm", e.Md = "md", e.Lg = "lg", e.Xl = "xl", e))(De || {}), fi = /* @__PURE__ */ ((e) => (e.Light = "light", e.Dark = "dark", e.Names = "names", e))(fi || {});
@@ -446,8 +446,8 @@ function Oi(e, t) {
   let a = `${n[0]}`;
   for (let i = 1; i < n.length; i++)
     if (n[i]) {
-      const c = t[r[i]];
-      c && (a = `clamp(${a}, (100vw - ${c}) * 99, ${n[i]})`);
+      const l = t[r[i]];
+      l && (a = `clamp(${a}, (100vw - ${l}) * 99, ${n[i]})`);
     }
   return a;
 }
@@ -498,11 +498,11 @@ var Bn = {}, Fn = {};
     };
   }
   t.withOptions = function(n, a = () => ({})) {
-    const i = function(c) {
+    const i = function(l) {
       return {
-        __options: c,
-        handler: n(c),
-        config: a(c)
+        __options: l,
+        handler: n(l),
+        config: a(l)
       };
     };
     return i.__isOptionsFunction = !0, i.__pluginFunction = n, i.__configFunction = a, i;
@@ -573,136 +573,136 @@ 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]", 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 r = 200, n = "__lodash_hash_undefined__", a = 800, i = 16, l = 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]", Ie = "[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[Ie] = 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;
-      return l || gt && gt.binding && gt.binding("util");
+      var c = Ae && Ae.require && Ae.require("util").types;
+      return c || gt && gt.binding && gt.binding("util");
     } catch {
     }
   }(), Ot = _t && _t.isTypedArray;
-  function or(l, u, m) {
+  function or(c, u, m) {
     switch (m.length) {
       case 0:
-        return l.call(u);
+        return c.call(u);
       case 1:
-        return l.call(u, m[0]);
+        return c.call(u, m[0]);
       case 2:
-        return l.call(u, m[0], m[1]);
+        return c.call(u, m[0], m[1]);
       case 3:
-        return l.call(u, m[0], m[1], m[2]);
+        return c.call(u, m[0], m[1], m[2]);
     }
-    return l.apply(u, m);
+    return c.apply(u, m);
   }
-  function ir(l, u) {
-    for (var m = -1, A = Array(l); ++m < l; )
+  function ir(c, u) {
+    for (var m = -1, A = Array(c); ++m < c; )
       A[m] = u(m);
     return A;
   }
-  function At(l) {
+  function At(c) {
     return function(u) {
-      return l(u);
+      return c(u);
     };
   }
-  function lr(l, u) {
-    return l == null ? void 0 : l[u];
+  function lr(c, u) {
+    return c == null ? void 0 : c[u];
   }
-  function O(l, u) {
+  function O(c, u) {
     return function(m) {
-      return l(u(m));
+      return c(u(m));
     };
   }
   var R = Array.prototype, B = Function.prototype, H = Object.prototype, oe = we["__core-js_shared__"], $ = B.toString, V = H.hasOwnProperty, ue = function() {
-    var l = /[^.]+$/.exec(oe && oe.keys && oe.keys.IE_PROTO || "");
-    return l ? "Symbol(src)_1." + l : "";
+    var c = /[^.]+$/.exec(oe && oe.keys && oe.keys.IE_PROTO || "");
+    return c ? "Symbol(src)_1." + c : "";
   }(), me = H.toString, ye = $.call(Object), pt = RegExp(
     "^" + $.call(V).replace(re, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   ), Rt = Nt ? we.Buffer : void 0, zr = we.Symbol, Xr = we.Uint8Array;
   Rt && Rt.allocUnsafe;
   var Kr = O(Object.getPrototypeOf, Object), Zr = Object.create, eo = H.propertyIsEnumerable, to = R.splice, We = zr ? zr.toStringTag : void 0, Dt = function() {
     try {
-      var l = ur(Object, "defineProperty");
-      return l({}, "", {}), l;
+      var c = ur(Object, "defineProperty");
+      return c({}, "", {}), c;
     } catch {
     }
   }(), ro = Rt ? Rt.isBuffer : void 0, Yr = Math.max, no = Date.now, qr = ur(we, "Map"), bt = ur(Object, "create"), ao = /* @__PURE__ */ function() {
-    function l() {
+    function c() {
     }
     return function(u) {
       if (!Ge(u))
         return {};
       if (Zr)
         return Zr(u);
-      l.prototype = u;
-      var m = new l();
-      return l.prototype = void 0, m;
+      c.prototype = u;
+      var m = new c();
+      return c.prototype = void 0, m;
     };
   }();
-  function je(l) {
-    var u = -1, m = l == null ? 0 : l.length;
+  function je(c) {
+    var u = -1, m = c == null ? 0 : c.length;
     for (this.clear(); ++u < m; ) {
-      var A = l[u];
+      var A = c[u];
       this.set(A[0], A[1]);
     }
   }
   function oo() {
     this.__data__ = bt ? bt(null) : {}, this.size = 0;
   }
-  function io(l) {
-    var u = this.has(l) && delete this.__data__[l];
+  function io(c) {
+    var u = this.has(c) && delete this.__data__[c];
     return this.size -= u ? 1 : 0, u;
   }
-  function lo(l) {
+  function lo(c) {
     var u = this.__data__;
     if (bt) {
-      var m = u[l];
+      var m = u[c];
       return m === n ? void 0 : m;
     }
-    return V.call(u, l) ? u[l] : void 0;
+    return V.call(u, c) ? u[c] : void 0;
   }
-  function co(l) {
+  function co(c) {
     var u = this.__data__;
-    return bt ? u[l] !== void 0 : V.call(u, l);
+    return bt ? u[c] !== void 0 : V.call(u, c);
   }
-  function so(l, u) {
+  function so(c, u) {
     var m = this.__data__;
-    return this.size += this.has(l) ? 0 : 1, m[l] = bt && u === void 0 ? n : u, this;
+    return this.size += this.has(c) ? 0 : 1, m[c] = bt && u === void 0 ? n : u, this;
   }
   je.prototype.clear = oo, je.prototype.delete = io, je.prototype.get = lo, je.prototype.has = co, je.prototype.set = so;
-  function Re(l) {
-    var u = -1, m = l == null ? 0 : l.length;
+  function Re(c) {
+    var u = -1, m = c == null ? 0 : c.length;
     for (this.clear(); ++u < m; ) {
-      var A = l[u];
+      var A = c[u];
       this.set(A[0], A[1]);
     }
   }
   function uo() {
     this.__data__ = [], this.size = 0;
   }
-  function fo(l) {
-    var u = this.__data__, m = Tt(u, l);
+  function fo(c) {
+    var u = this.__data__, m = Tt(u, c);
     if (m < 0)
       return !1;
     var A = u.length - 1;
     return m == A ? u.pop() : to.call(u, m, 1), --this.size, !0;
   }
-  function ho(l) {
-    var u = this.__data__, m = Tt(u, l);
+  function ho(c) {
+    var u = this.__data__, m = Tt(u, c);
     return m < 0 ? void 0 : u[m][1];
   }
-  function mo(l) {
-    return Tt(this.__data__, l) > -1;
+  function mo(c) {
+    return Tt(this.__data__, c) > -1;
   }
-  function vo(l, u) {
-    var m = this.__data__, A = Tt(m, l);
-    return A < 0 ? (++this.size, m.push([l, u])) : m[A][1] = u, this;
+  function vo(c, u) {
+    var m = this.__data__, A = Tt(m, c);
+    return A < 0 ? (++this.size, m.push([c, u])) : m[A][1] = u, this;
   }
   Re.prototype.clear = uo, Re.prototype.delete = fo, Re.prototype.get = ho, Re.prototype.has = mo, Re.prototype.set = vo;
-  function tt(l) {
-    var u = -1, m = l == null ? 0 : l.length;
+  function tt(c) {
+    var u = -1, m = c == null ? 0 : c.length;
     for (this.clear(); ++u < m; ) {
-      var A = l[u];
+      var A = c[u];
       this.set(A[0], A[1]);
     }
   }
@@ -713,52 +713,52 @@ Zt.exports;
       string: new je()
     };
   }
-  function po(l) {
-    var u = It(this, l).delete(l);
+  function po(c) {
+    var u = It(this, c).delete(c);
     return this.size -= u ? 1 : 0, u;
   }
-  function bo(l) {
-    return It(this, l).get(l);
+  function bo(c) {
+    return It(this, c).get(c);
   }
-  function xo(l) {
-    return It(this, l).has(l);
+  function xo(c) {
+    return It(this, c).has(c);
   }
-  function wo(l, u) {
-    var m = It(this, l), A = m.size;
-    return m.set(l, u), this.size += m.size == A ? 0 : 1, this;
+  function wo(c, u) {
+    var m = It(this, c), A = m.size;
+    return m.set(c, u), this.size += m.size == A ? 0 : 1, this;
   }
   tt.prototype.clear = go, tt.prototype.delete = po, tt.prototype.get = bo, tt.prototype.has = xo, tt.prototype.set = wo;
-  function rt(l) {
-    var u = this.__data__ = new Re(l);
+  function rt(c) {
+    var u = this.__data__ = new Re(c);
     this.size = u.size;
   }
   function yo() {
     this.__data__ = new Re(), this.size = 0;
   }
-  function So(l) {
-    var u = this.__data__, m = u.delete(l);
+  function So(c) {
+    var u = this.__data__, m = u.delete(c);
     return this.size = u.size, m;
   }
-  function Co(l) {
-    return this.__data__.get(l);
+  function Co(c) {
+    return this.__data__.get(c);
   }
-  function Eo(l) {
-    return this.__data__.has(l);
+  function Eo(c) {
+    return this.__data__.has(c);
   }
-  function No(l, u) {
+  function No(c, u) {
     var m = this.__data__;
     if (m instanceof Re) {
       var A = m.__data__;
       if (!qr || A.length < r - 1)
-        return A.push([l, u]), this.size = ++m.size, this;
+        return A.push([c, u]), this.size = ++m.size, this;
       m = this.__data__ = new tt(A);
     }
-    return m.set(l, u), this.size = m.size, this;
+    return m.set(c, u), this.size = m.size, this;
   }
   rt.prototype.clear = yo, rt.prototype.delete = So, rt.prototype.get = Co, rt.prototype.has = Eo, rt.prototype.set = No;
-  function _o(l, u) {
-    var m = hr(l), A = !m && fr(l), U = !m && !A && rn(l), z = !m && !A && !U && an(l), Z = m || A || U || z, G = Z ? ir(l.length, String) : [], Y = G.length;
-    for (var ve in l)
+  function _o(c, u) {
+    var m = hr(c), A = !m && fr(c), U = !m && !A && rn(c), z = !m && !A && !U && an(c), Z = m || A || U || z, G = Z ? ir(c.length, String) : [], Y = G.length;
+    for (var ve in c)
       Z && // Safari 9 has enumerable `arguments.length` in strict mode.
       (ve == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
       U && (ve == "offset" || ve == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
@@ -766,122 +766,122 @@ Zt.exports;
       en(ve, Y)) || G.push(ve);
     return G;
   }
-  function cr(l, u, m) {
-    (m !== void 0 && !Pt(l[u], m) || m === void 0 && !(u in l)) && sr(l, u, m);
+  function cr(c, u, m) {
+    (m !== void 0 && !Pt(c[u], m) || m === void 0 && !(u in c)) && sr(c, u, m);
   }
-  function Oo(l, u, m) {
-    var A = l[u];
-    (!(V.call(l, u) && Pt(A, m)) || m === void 0 && !(u in l)) && sr(l, u, m);
+  function Oo(c, u, m) {
+    var A = c[u];
+    (!(V.call(c, u) && Pt(A, m)) || m === void 0 && !(u in c)) && sr(c, u, m);
   }
-  function Tt(l, u) {
-    for (var m = l.length; m--; )
-      if (Pt(l[m][0], u))
+  function Tt(c, u) {
+    for (var m = c.length; m--; )
+      if (Pt(c[m][0], u))
         return m;
     return -1;
   }
-  function sr(l, u, m) {
-    u == "__proto__" && Dt ? Dt(l, u, {
+  function sr(c, u, m) {
+    u == "__proto__" && Dt ? Dt(c, u, {
       configurable: !0,
       enumerable: !0,
       value: m,
       writable: !0
-    }) : l[u] = m;
+    }) : c[u] = m;
   }
   var Ao = Wo();
-  function Lt(l) {
-    return l == null ? l === void 0 ? _ : E : We && We in Object(l) ? jo(l) : Ko(l);
+  function Lt(c) {
+    return c == null ? c === void 0 ? _ : E : We && We in Object(c) ? jo(c) : Ko(c);
   }
-  function Qr(l) {
-    return xt(l) && Lt(l) == s;
+  function Qr(c) {
+    return xt(c) && Lt(c) == s;
   }
-  function Ro(l) {
-    if (!Ge(l) || zo(l))
+  function Ro(c) {
+    if (!Ge(c) || zo(c))
       return !1;
-    var u = vr(l) ? pt : Q;
-    return u.test(Qo(l));
-  }
-  function Do(l) {
-    return xt(l) && nn(l.length) && !!j[Lt(l)];
-  }
-  function To(l) {
-    if (!Ge(l))
-      return Xo(l);
-    var u = tn(l), m = [];
-    for (var A in l)
-      A == "constructor" && (u || !V.call(l, A)) || m.push(A);
+    var u = vr(c) ? pt : Q;
+    return u.test(Qo(c));
+  }
+  function Do(c) {
+    return xt(c) && nn(c.length) && !!j[Lt(c)];
+  }
+  function To(c) {
+    if (!Ge(c))
+      return Xo(c);
+    var u = tn(c), m = [];
+    for (var A in c)
+      A == "constructor" && (u || !V.call(c, A)) || m.push(A);
     return m;
   }
-  function Jr(l, u, m, A, U) {
-    l !== u && Ao(u, function(z, Z) {
+  function Jr(c, u, m, A, U) {
+    c !== u && Ao(u, function(z, Z) {
       if (U || (U = new rt()), Ge(z))
-        Lo(l, u, Z, m, Jr, A, U);
+        Lo(c, u, Z, m, Jr, A, U);
       else {
-        var G = A ? A(dr(l, Z), z, Z + "", l, u, U) : void 0;
-        G === void 0 && (G = z), cr(l, Z, G);
+        var G = A ? A(dr(c, Z), z, Z + "", c, u, U) : void 0;
+        G === void 0 && (G = z), cr(c, Z, G);
       }
     }, on);
   }
-  function Lo(l, u, m, A, U, z, Z) {
-    var G = dr(l, m), Y = dr(u, m), ve = Z.get(Y);
+  function Lo(c, u, m, A, U, z, Z) {
+    var G = dr(c, m), Y = dr(u, m), ve = Z.get(Y);
     if (ve) {
-      cr(l, m, ve);
+      cr(c, m, ve);
       return;
     }
-    var se = z ? z(G, Y, m + "", l, u, Z) : void 0, wt = se === void 0;
+    var se = z ? z(G, Y, m + "", c, u, Z) : void 0, wt = se === void 0;
     if (wt) {
       var gr = hr(Y), pr = !gr && rn(Y), cn = !gr && !pr && an(Y);
       se = Y, gr || pr || cn ? hr(G) ? se = G : Jo(G) ? se = Fo(G) : pr ? (wt = !1, se = ko(Y)) : cn ? (wt = !1, se = Bo(Y)) : se = [] : ei(Y) || fr(Y) ? (se = G, fr(G) ? se = ti(G) : (!Ge(G) || vr(G)) && (se = Go(Y))) : wt = !1;
     }
-    wt && (Z.set(Y, se), U(se, Y, A, z, Z), Z.delete(Y)), cr(l, m, se);
+    wt && (Z.set(Y, se), U(se, Y, A, z, Z), Z.delete(Y)), cr(c, m, se);
   }
-  function Io(l, u) {
-    return Yo(Zo(l, u, ln), l + "");
+  function Io(c, u) {
+    return Yo(Zo(c, u, ln), c + "");
   }
-  var Po = Dt ? function(l, u) {
-    return Dt(l, "toString", {
+  var Po = Dt ? function(c, u) {
+    return Dt(c, "toString", {
       configurable: !0,
       enumerable: !1,
       value: ni(u),
       writable: !0
     });
   } : ln;
-  function ko(l, u) {
-    return l.slice();
+  function ko(c, u) {
+    return c.slice();
   }
-  function Mo(l) {
-    var u = new l.constructor(l.byteLength);
-    return new Xr(u).set(new Xr(l)), u;
+  function Mo(c) {
+    var u = new c.constructor(c.byteLength);
+    return new Xr(u).set(new Xr(c)), u;
   }
-  function Bo(l, u) {
-    var m = Mo(l.buffer);
-    return new l.constructor(m, l.byteOffset, l.length);
+  function Bo(c, u) {
+    var m = Mo(c.buffer);
+    return new c.constructor(m, c.byteOffset, c.length);
   }
-  function Fo(l, u) {
-    var m = -1, A = l.length;
+  function Fo(c, u) {
+    var m = -1, A = c.length;
     for (u || (u = Array(A)); ++m < A; )
-      u[m] = l[m];
+      u[m] = c[m];
     return u;
   }
-  function Vo(l, u, m, A) {
+  function Vo(c, u, m, A) {
     var U = !m;
     m || (m = {});
     for (var z = -1, Z = u.length; ++z < Z; ) {
       var G = u[z], Y = void 0;
-      Y === void 0 && (Y = l[G]), U ? sr(m, G, Y) : Oo(m, G, Y);
+      Y === void 0 && (Y = c[G]), U ? sr(m, G, Y) : Oo(m, G, Y);
     }
     return m;
   }
-  function Uo(l) {
+  function Uo(c) {
     return Io(function(u, m) {
       var A = -1, U = m.length, z = U > 1 ? m[U - 1] : void 0, Z = U > 2 ? m[2] : void 0;
-      for (z = l.length > 3 && typeof z == "function" ? (U--, z) : void 0, Z && Ho(m[0], m[1], Z) && (z = U < 3 ? void 0 : z, U = 1), u = Object(u); ++A < U; ) {
+      for (z = c.length > 3 && typeof z == "function" ? (U--, z) : void 0, Z && Ho(m[0], m[1], Z) && (z = U < 3 ? void 0 : z, U = 1), u = Object(u); ++A < U; ) {
         var G = m[A];
-        G && l(u, G, A, z);
+        G && c(u, G, A, z);
       }
       return u;
     });
   }
-  function Wo(l) {
+  function Wo(c) {
     return function(u, m, A) {
       for (var U = -1, z = Object(u), Z = A(u), G = Z.length; G--; ) {
         var Y = Z[++U];
@@ -891,74 +891,74 @@ Zt.exports;
       return u;
     };
   }
-  function It(l, u) {
-    var m = l.__data__;
+  function It(c, u) {
+    var m = c.__data__;
     return $o(u) ? m[typeof u == "string" ? "string" : "hash"] : m.map;
   }
-  function ur(l, u) {
-    var m = lr(l, u);
+  function ur(c, u) {
+    var m = lr(c, u);
     return Ro(m) ? m : void 0;
   }
-  function jo(l) {
-    var u = V.call(l, We), m = l[We];
+  function jo(c) {
+    var u = V.call(c, We), m = c[We];
     try {
-      l[We] = void 0;
+      c[We] = void 0;
       var A = !0;
     } catch {
     }
-    var U = me.call(l);
-    return A && (u ? l[We] = m : delete l[We]), U;
+    var U = me.call(c);
+    return A && (u ? c[We] = m : delete c[We]), U;
   }
-  function Go(l) {
-    return typeof l.constructor == "function" && !tn(l) ? ao(Kr(l)) : {};
+  function Go(c) {
+    return typeof c.constructor == "function" && !tn(c) ? ao(Kr(c)) : {};
   }
-  function en(l, u) {
-    var m = typeof l;
-    return u = u ?? c, !!u && (m == "number" || m != "symbol" && ne.test(l)) && l > -1 && l % 1 == 0 && l < u;
+  function en(c, u) {
+    var m = typeof c;
+    return u = u ?? l, !!u && (m == "number" || m != "symbol" && ne.test(c)) && c > -1 && c % 1 == 0 && c < u;
   }
-  function Ho(l, u, m) {
+  function Ho(c, u, m) {
     if (!Ge(m))
       return !1;
     var A = typeof u;
-    return (A == "number" ? mr(m) && en(u, m.length) : A == "string" && u in m) ? Pt(m[u], l) : !1;
+    return (A == "number" ? mr(m) && en(u, m.length) : A == "string" && u in m) ? Pt(m[u], c) : !1;
   }
-  function $o(l) {
-    var u = typeof l;
-    return u == "string" || u == "number" || u == "symbol" || u == "boolean" ? l !== "__proto__" : l === null;
+  function $o(c) {
+    var u = typeof c;
+    return u == "string" || u == "number" || u == "symbol" || u == "boolean" ? c !== "__proto__" : c === null;
   }
-  function zo(l) {
-    return !!ue && ue in l;
+  function zo(c) {
+    return !!ue && ue in c;
   }
-  function tn(l) {
-    var u = l && l.constructor, m = typeof u == "function" && u.prototype || H;
-    return l === m;
+  function tn(c) {
+    var u = c && c.constructor, m = typeof u == "function" && u.prototype || H;
+    return c === m;
   }
-  function Xo(l) {
+  function Xo(c) {
     var u = [];
-    if (l != null)
-      for (var m in Object(l))
+    if (c != null)
+      for (var m in Object(c))
         u.push(m);
     return u;
   }
-  function Ko(l) {
-    return me.call(l);
+  function Ko(c) {
+    return me.call(c);
   }
-  function Zo(l, u, m) {
-    return u = Yr(u === void 0 ? l.length - 1 : u, 0), function() {
+  function Zo(c, u, m) {
+    return u = Yr(u === void 0 ? c.length - 1 : u, 0), function() {
       for (var A = arguments, U = -1, z = Yr(A.length - u, 0), Z = Array(z); ++U < z; )
         Z[U] = A[u + U];
       U = -1;
       for (var G = Array(u + 1); ++U < u; )
         G[U] = A[U];
-      return G[u] = m(Z), or(l, this, G);
+      return G[u] = m(Z), or(c, this, G);
     };
   }
-  function dr(l, u) {
-    if (!(u === "constructor" && typeof l[u] == "function") && u != "__proto__")
-      return l[u];
+  function dr(c, u) {
+    if (!(u === "constructor" && typeof c[u] == "function") && u != "__proto__")
+      return c[u];
   }
   var Yo = qo(Po);
-  function qo(l) {
+  function qo(c) {
     var u = 0, m = 0;
     return function() {
       var A = no(), U = i - (A - m);
@@ -967,79 +967,79 @@ Zt.exports;
           return arguments[0];
       } else
         u = 0;
-      return l.apply(void 0, arguments);
+      return c.apply(void 0, arguments);
     };
   }
-  function Qo(l) {
-    if (l != null) {
+  function Qo(c) {
+    if (c != null) {
       try {
-        return $.call(l);
+        return $.call(c);
       } catch {
       }
       try {
-        return l + "";
+        return c + "";
       } catch {
       }
     }
     return "";
   }
-  function Pt(l, u) {
-    return l === u || l !== l && u !== u;
+  function Pt(c, u) {
+    return c === u || c !== c && u !== u;
   }
   var fr = Qr(/* @__PURE__ */ function() {
     return arguments;
-  }()) ? Qr : function(l) {
-    return xt(l) && V.call(l, "callee") && !eo.call(l, "callee");
+  }()) ? Qr : function(c) {
+    return xt(c) && V.call(c, "callee") && !eo.call(c, "callee");
   }, hr = Array.isArray;
-  function mr(l) {
-    return l != null && nn(l.length) && !vr(l);
+  function mr(c) {
+    return c != null && nn(c.length) && !vr(c);
   }
-  function Jo(l) {
-    return xt(l) && mr(l);
+  function Jo(c) {
+    return xt(c) && mr(c);
   }
   var rn = ro || ai;
-  function vr(l) {
-    if (!Ge(l))
+  function vr(c) {
+    if (!Ge(c))
       return !1;
-    var u = Lt(l);
+    var u = Lt(c);
     return u == y || u == w || u == f || u == N;
   }
-  function nn(l) {
-    return typeof l == "number" && l > -1 && l % 1 == 0 && l <= c;
+  function nn(c) {
+    return typeof c == "number" && c > -1 && c % 1 == 0 && c <= l;
   }
-  function Ge(l) {
-    var u = typeof l;
-    return l != null && (u == "object" || u == "function");
+  function Ge(c) {
+    var u = typeof c;
+    return c != null && (u == "object" || u == "function");
   }
-  function xt(l) {
-    return l != null && typeof l == "object";
+  function xt(c) {
+    return c != null && typeof c == "object";
   }
-  function ei(l) {
-    if (!xt(l) || Lt(l) != D)
+  function ei(c) {
+    if (!xt(c) || Lt(c) != D)
       return !1;
-    var u = Kr(l);
+    var u = Kr(c);
     if (u === null)
       return !0;
     var m = V.call(u, "constructor") && u.constructor;
     return typeof m == "function" && m instanceof m && $.call(m) == ye;
   }
   var an = Ot ? At(Ot) : Do;
-  function ti(l) {
-    return Vo(l, on(l));
+  function ti(c) {
+    return Vo(c, on(c));
   }
-  function on(l) {
-    return mr(l) ? _o(l) : To(l);
+  function on(c) {
+    return mr(c) ? _o(c) : To(c);
   }
-  var ri = Uo(function(l, u, m) {
-    Jr(l, u, m);
+  var ri = Uo(function(c, u, m) {
+    Jr(c, u, m);
   });
-  function ni(l) {
+  function ni(c) {
     return function() {
-      return l;
+      return c;
     };
   }
-  function ln(l) {
-    return l;
+  function ln(c) {
+    return c;
   }
   function ai() {
     return !1;
@@ -1086,8 +1086,8 @@ var jn = { exports: {} };
   (function() {
     var t = {}.hasOwnProperty;
     function r() {
-      for (var i = "", c = 0; c < arguments.length; c++) {
-        var s = arguments[c];
+      for (var i = "", l = 0; l < arguments.length; l++) {
+        var s = arguments[l];
         s && (i = a(i, n(s)));
       }
       return i;
@@ -1101,13 +1101,13 @@ var jn = { exports: {} };
         return r.apply(null, i);
       if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]"))
         return i.toString();
-      var c = "";
+      var l = "";
       for (var s in i)
-        t.call(i, s) && i[s] && (c = a(c, s));
-      return c;
+        t.call(i, s) && i[s] && (l = a(l, s));
+      return l;
     }
-    function a(i, c) {
-      return c ? i ? i + " " + c : i + c : i;
+    function a(i, l) {
+      return l ? i ? i + " " + l : i + l : i;
     }
     e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
   })();
@@ -1186,44 +1186,46 @@ const Hi = {
   [W.Ghost]: ze,
   [W.Outlined]: ze,
   [W.Destructive]: "button-text-color-error"
-};
-function ge({
-  icon: e,
-  text: t,
-  disabled: r,
-  onClick: n,
-  fullWidth: a,
-  htmlType: i = er.Button,
-  size: c = ie.Medium,
-  type: s = W.Primary,
-  iconAfterText: d = !1,
-  tabIndex: f = 0,
-  testId: g
-}) {
-  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",
-    {
-      onClick: n,
-      type: i,
-      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,
-        y,
-        a && "w-full",
-        d ? "flex-row-reverse" : "flex-row",
-        `btn btn-${s}`
-      ),
-      disabled: r,
-      tabIndex: f,
-      "data-testid": g,
-      children: [
-        e && /* @__PURE__ */ o("span", { className: b(w), children: e }),
-        t && /* @__PURE__ */ o("span", { className: b("font-inter", w, x), children: t })
-      ]
-    }
-  );
-}
+}, ge = Le(
+  ({
+    icon: e,
+    text: t,
+    disabled: r,
+    onClick: n,
+    fullWidth: a,
+    htmlType: i = er.Button,
+    size: l = ie.Medium,
+    type: s = W.Primary,
+    iconAfterText: d = !1,
+    tabIndex: f = 0,
+    testId: g
+  }, h) => {
+    const x = e && !t ? $i[l] : Hi[l], y = Zi[l], w = r ? Xi[s] : zi[s], p = r ? Yi[s] : Ki[s];
+    return /* @__PURE__ */ C(
+      "button",
+      {
+        ref: h,
+        onClick: n,
+        type: i,
+        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",
+          x,
+          w,
+          a && "w-full",
+          d ? "flex-row-reverse" : "flex-row",
+          `btn btn-${s}`
+        ),
+        disabled: r,
+        tabIndex: f,
+        "data-testid": g,
+        children: [
+          e && /* @__PURE__ */ o("span", { className: b(p), children: e }),
+          t && /* @__PURE__ */ o("span", { className: b("font-inter", p, y), children: t })
+        ]
+      }
+    );
+  }
+);
 function ld({
   htmlType: e = er.Button,
   children: t,
@@ -1882,42 +1884,60 @@ function Kn(e) {
   );
 }
 function cd({
-  label: e,
-  isChecked: t,
-  isDisabled: r,
-  onChange: n
+  id: e,
+  name: t,
+  label: r,
+  supportingLabel: n,
+  body: a,
+  isChecked: i,
+  isDisabled: l,
+  onChange: s
 }) {
-  const a = t ? ul : zn;
+  const d = i ? ul : zn;
   return /* @__PURE__ */ C(
     "label",
     {
-      className: b("flex flex-row gap-x-1 text-center has-[:disabled]:opacity-40", {
-        disabled: r,
-        "cursor-pointer": !r
-      }),
+      className: b(
+        "flex flex-row items-center gap-x-1 text-center has-[:disabled]:opacity-40",
+        {
+          disabled: l,
+          "cursor-pointer": !l
+        }
+      ),
       children: [
         /* @__PURE__ */ C(
           "div",
           {
-            className: b("relative flex h-10 w-10 items-center justify-center rounded-full", {
-              "state-layer-secondary": !r
-            }),
+            className: b(
+              "relative flex h-10 w-10 shrink-0 items-center justify-center rounded-full",
+              {
+                "state-layer-secondary": !l
+              }
+            ),
             children: [
               /* @__PURE__ */ o(
                 "input",
                 {
+                  id: e,
+                  name: t,
                   type: "radio",
-                  checked: t,
-                  onChange: n,
-                  disabled: r,
+                  checked: i,
+                  onChange: s,
+                  disabled: l,
                   className: b("peer appearance-none")
                 }
               ),
-              /* @__PURE__ */ o("span", { className: "radio-icon-color peer-checked:radio-icon-checked-color peer-checked:peer-disabled:radio-icon-checked-disabled-color absolute [&_svg]:h-6 [&_svg]:w-6", children: /* @__PURE__ */ o(a, {}) })
+              /* @__PURE__ */ o("span", { className: "radio-icon-color peer-checked:radio-icon-checked-color peer-checked:peer-disabled:radio-icon-checked-disabled-color absolute size-6", children: /* @__PURE__ */ o(d, { className: "size-full" }) })
             ]
           }
         ),
-        /* @__PURE__ */ o("span", { className: "radio-label-color inline-flex items-center justify-center text-label-lg ", children: e })
+        /* @__PURE__ */ C("div", { className: "flex flex-col items-start gap-xxs text-start", children: [
+          /* @__PURE__ */ C("span", { className: "radio-label-color inline-flex items-center justify-center gap-1 text-label-lg", children: [
+            r,
+            n && /* @__PURE__ */ o("span", { className: "text-iota-neutral-60 dark:text-iota-neutral-40", children: n })
+          ] }),
+          a && /* @__PURE__ */ o("p", { className: "text-body-sm text-iota-neutral-40 dark:text-iota-neutral-60", children: a })
+        ] })
       ]
     }
   );
@@ -1939,9 +1959,9 @@ function sd({
   disabled: n,
   onClick: a,
   type: i = st.Rounded,
-  isNested: c = !1
+  isNested: l = !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", y = 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 ? l ? "px-md py-sm" : "px-lg py-md" : "px-sm py-[6px]", x = s ? "" : "rounded-full", y = l ? s ? "text-title-sm" : "text-label-md" : s ? "text-title-md" : "text-label-lg";
   return /* @__PURE__ */ o(
     ce,
     {
@@ -1965,7 +1985,7 @@ function sd({
     }
   );
 }
-const Zn = Fe(
+const Zn = Le(
   ({
     isChecked: e,
     isIndeterminate: t,
@@ -1973,7 +1993,7 @@ const Zn = Fe(
     isLabelFirst: n,
     isDisabled: a,
     onCheckedChange: i,
-    name: c
+    name: l
   }, s) => {
     const d = le(null);
     de(() => {
@@ -1998,8 +2018,8 @@ const Zn = Fe(
           /* @__PURE__ */ o(
             "input",
             {
-              id: c,
-              name: c,
+              id: l,
+              name: l,
               type: "checkbox",
               className: "peer hidden appearance-none",
               checked: e,
@@ -2030,7 +2050,7 @@ const Zn = Fe(
               children: /* @__PURE__ */ o(f, {})
             }
           ),
-          /* @__PURE__ */ o(Cl, { label: r, name: c })
+          /* @__PURE__ */ o(Cl, { label: r, name: l })
         ]
       }
     );
@@ -2064,7 +2084,7 @@ function vt({
   offset: n = 8,
   openDelay: a = 0,
   closeDelay: i = 100,
-  children: c
+  children: l
 }) {
   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);
@@ -2121,7 +2141,7 @@ function vt({
         onFocus: S,
         onMouseLeave: E,
         onBlur: E,
-        children: c
+        children: l
       }
     ),
     f && di(
@@ -2154,7 +2174,7 @@ function ud({
   tooltipText: n,
   supportingLabel: a,
   size: i = jt.Small,
-  isTruncated: c = !1,
+  isTruncated: l = !1,
   copyText: s,
   onCopySuccess: d,
   onCopyError: f,
@@ -2199,7 +2219,7 @@ function ud({
           {
             className: b("flex flex-row items-baseline gap-1 break-all", {
               "w-3/4": !g,
-              truncate: c
+              truncate: l
             }),
             children: [
               /* @__PURE__ */ o(
@@ -2209,7 +2229,7 @@ function ud({
                   className: b(
                     "key-value-hover-text-color",
                     i === jt.Medium ? "text-body-lg" : "text-body-md",
-                    { truncate: c }
+                    { truncate: l }
                   ),
                   children: t
                 }
@@ -2253,7 +2273,7 @@ function dd({
   label: n,
   text: a,
   tooltipPosition: i,
-  tooltipText: c
+  tooltipText: l
 }) {
   const s = Al[e], d = Rl[e], f = Dl[e], g = t ? "items-center" : "items-start", h = e === fe.Small ? "gap-0.5" : "gap-1";
   return /* @__PURE__ */ C("div", { className: b("flex flex-col", g, h), children: [
@@ -2279,7 +2299,7 @@ function dd({
         ),
         children: [
           n,
-          c && /* @__PURE__ */ o("div", { className: "ml-xxxs flex items-center", children: /* @__PURE__ */ o(vt, { text: c, position: i, children: /* @__PURE__ */ o(tr, { className: "label-text-secondary-neutral" }) }) })
+          l && /* @__PURE__ */ o("div", { className: "ml-xxxs flex items-center", children: /* @__PURE__ */ o(vt, { text: l, position: i, children: /* @__PURE__ */ o(tr, { className: "label-text-secondary-neutral" }) }) })
         ]
       }
     ) })
@@ -2293,7 +2313,7 @@ function Tl({
   children: a,
   isHighlighted: i
 }) {
-  function c(d) {
+  function l(d) {
     (d.key === "Enter" || d.key === " ") && !n && r && r();
   }
   function s() {
@@ -2315,7 +2335,7 @@ function Tl({
           onClick: s,
           role: "button",
           tabIndex: 0,
-          onKeyDown: c,
+          onKeyDown: l,
           className: b(
             "list-item-color relative flex flex-row items-center justify-between px-md py-sm",
             !n && r ? "cursor-pointer" : "cursor-default",
@@ -2348,7 +2368,7 @@ function fd({
   onClose: n,
   testId: a
 }) {
-  const i = t ? "text-center" : r ? "ml-1" : "", c = t && (!r || !n);
+  const i = t ? "text-center" : r ? "ml-1" : "", l = t && (!r || !n);
   return /* @__PURE__ */ C("div", { className: "header-bg-color header-text-color flex min-h-[56px] w-full items-center px-md--rs pb-xs pt-sm [&_svg]:h-5 [&_svg]:w-5", children: [
     r ? /* @__PURE__ */ o(
       ge,
@@ -2358,7 +2378,7 @@ function fd({
         onClick: r,
         icon: /* @__PURE__ */ o(Gn, {})
       }
-    ) : c && /* @__PURE__ */ o("div", { className: "w-9" }),
+    ) : l && /* @__PURE__ */ o("div", { className: "w-9" }),
     /* @__PURE__ */ o("div", { className: b("flex-grow", i), children: /* @__PURE__ */ o("span", { className: "font-inter text-title-lg", "data-testid": a, children: e }) }),
     n ? /* @__PURE__ */ o(
       ge,
@@ -2369,7 +2389,7 @@ function fd({
         icon: /* @__PURE__ */ o(Et, {}),
         testId: "close-icon"
       }
-    ) : c && /* @__PURE__ */ o("div", { className: "w-9" })
+    ) : l && /* @__PURE__ */ o("div", { className: "w-9" })
   ] });
 }
 function hd({
@@ -2382,15 +2402,15 @@ function hd({
 function Ll() {
   return /* @__PURE__ */ o("div", { className: "flex h-full w-full items-center justify-center bg-iota-neutral-96 dark:bg-iota-neutral-10", children: /* @__PURE__ */ o(sl, { className: "h-4 w-4 text-iota-neutral-40 dark:text-iota-neutral-60" }) });
 }
-const Il = Fe(
+const Il = Le(
   ({ onError: e, renderFallback: t, ...r }, n) => {
     const [a, i] = he(!1);
-    function c(s) {
+    function l(s) {
       i(!0), e == null || e(s);
     }
-    return a || !r.src ? t || /* @__PURE__ */ o(Ll, {}) : /* @__PURE__ */ o(Yn, { onError: c, ref: n, ...r });
+    return a || !r.src ? t || /* @__PURE__ */ o(Ll, {}) : /* @__PURE__ */ o(Yn, { onError: l, ref: n, ...r });
   }
-), Yn = Fe(
+), Yn = Le(
   (e, t) => /* @__PURE__ */ o("img", { className: "h-full w-full object-cover", ref: t, ...e })
 );
 var Te = /* @__PURE__ */ ((e) => (e.Default = "default", e.Error = "error", e.Success = "success", e.Warning = "warning", e))(Te || {}), Gt = /* @__PURE__ */ ((e) => (e.Default = "default", e.Elevated = "elevated", e))(Gt || {});
@@ -2412,11 +2432,11 @@ function md({
   type: n,
   style: a
 }) {
-  const i = Pl[n], c = a === Gt.Elevated ? kl[n] : "";
+  const i = Pl[n], l = a === Gt.Elevated ? kl[n] : "";
   return /* @__PURE__ */ C(
     "div",
     {
-      className: b("flex flex-row items-start gap-4 py-xs pr-lg", c, {
+      className: b("flex flex-row items-start gap-4 py-xs pr-lg", l, {
         "rounded-lg pl-xs": a === Gt.Elevated
       }),
       children: [
@@ -2548,22 +2568,22 @@ const Fl = {
   loop: !0,
   width: "100%",
   height: "auto"
-}, Ul = Fe(({ width: e = "100%", height: t = "auto", isAutoPlayEnabled: r, disableControls: n, ...a }, i) => /* @__PURE__ */ o("video", { ref: i, width: e, height: t, ...r ? n ? Vl : Fl : { preload: "metadata", autoPlay: !1 }, ...a, children: "Your browser does not support the video tag." }));
-var Be = /* @__PURE__ */ ((e) => (e.Small = "small", e.Default = "default", e))(Be || {}), Rr = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(Rr || {});
+}, Ul = Le(({ width: e = "100%", height: t = "auto", isAutoPlayEnabled: r, disableControls: n, ...a }, i) => /* @__PURE__ */ o("video", { ref: i, width: e, height: t, ...r ? n ? Vl : Fl : { preload: "metadata", autoPlay: !1 }, ...a, children: "Your browser does not support the video tag." }));
+var Fe = /* @__PURE__ */ ((e) => (e.Small = "small", e.Default = "default", e))(Fe || {}), Rr = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(Rr || {});
 const Wl = "relative inline-flex items-center p-xxs border rounded-full cursor-pointer", Mt = {
   active: "toggle-bg-active toggle-border-active",
   inactive: "toggle-bg-inactive toggle-border-inactive",
   disabledActive: "toggle-bg-disabled-active toggle-border-disabled-active",
   disabled: "opacity-40 cursor-not-allowed"
 }, jl = {
-  [Be.Small]: "h-5 w-10",
-  [Be.Default]: "h-6 w-12"
+  [Fe.Small]: "h-5 w-10",
+  [Fe.Default]: "h-6 w-12"
 }, Gl = "absolute rounded-full transition-all duration-200 ease-in", fn = {
-  [Be.Small]: {
+  [Fe.Small]: {
     unchecked: "left-1",
     checked: "left-8 -translate-x-full"
   },
-  [Be.Default]: {
+  [Fe.Default]: {
     unchecked: "left-1",
     checked: "left-10 -translate-x-full"
   }
@@ -2571,9 +2591,9 @@ const Wl = "relative inline-flex items-center p-xxs border rounded-full cursor-p
   unchecked: "toggle-thumb-color",
   checked: "toggle-thumb-color-checked"
 }, Hl = {
-  [Be.Small]: "h-3 w-3",
-  [Be.Default]: "h-4 w-4"
-}, $l = "inline-flex items-center gap-2", zl = "text-label-lg toggle-label-color", bd = Fe(
+  [Fe.Small]: "h-3 w-3",
+  [Fe.Default]: "h-4 w-4"
+}, $l = "inline-flex items-center gap-2", zl = "text-label-lg toggle-label-color", bd = Le(
   ({
     label: e,
     isToggled: t,
@@ -2581,7 +2601,7 @@ const Wl = "relative inline-flex items-center p-xxs border rounded-full cursor-p
     isDisabled: n = !1,
     onChange: a,
     name: i,
-    size: c = Be.Default,
+    size: l = Fe.Default,
     testId: s
   }, d) => {
     const f = le(null);
@@ -2597,13 +2617,13 @@ const Wl = "relative inline-flex items-center p-xxs border rounded-full cursor-p
       [Mt.inactive]: !t,
       [Mt.disabledActive]: n && t,
       [Mt.disabled]: n,
-      [jl[c]]: !0
+      [jl[l]]: !0
     }), y = b(Gl, {
-      [fn[c].unchecked]: !t,
-      [fn[c].checked]: t,
+      [fn[l].unchecked]: !t,
+      [fn[l].checked]: t,
       [hn.unchecked]: !t,
       [hn.checked]: t,
-      [Hl[c]]: !0
+      [Hl[l]]: !0
     }), w = b($l, {
       "flex-row-reverse": r === Rr.Left,
       "cursor-not-allowed": n
@@ -2659,7 +2679,7 @@ function Xl({
   externalLink: n,
   copyText: a = e,
   onCopySuccess: i,
-  onCopyError: c,
+  onCopyError: l,
   onOpen: s
 }) {
   async function d(g) {
@@ -2668,7 +2688,7 @@ function Xl({
       try {
         await navigator.clipboard.writeText(a), i == null || i(g, a);
       } catch (h) {
-        console.error("Failed to copy:", h), c == null || c(h, a);
+        console.error("Failed to copy:", h), l == null || l(h, a);
       }
     }
   }
@@ -2748,7 +2768,7 @@ function xd({
   showClose: n,
   onClose: a,
   onClick: i,
-  avatar: c,
+  avatar: l,
   leadingElement: s,
   trailingElement: d,
   disabled: f,
@@ -2774,8 +2794,8 @@ function xd({
         {
           className: b(
             "flex h-full w-full flex-row items-center gap-x-2",
-            c ? "py-xxs" : "py-[6px]",
-            c ? "pl-xxs" : s ? "pl-xs" : "pl-sm",
+            l ? "py-xxs" : "py-[6px]",
+            l ? "pl-xxs" : s ? "pl-xs" : "pl-sm",
             n ? "pr-xs" : "pr-sm",
             mn,
             h ? tc[K.Outline] : nc[t],
@@ -2786,7 +2806,7 @@ function xd({
             w
           ),
           children: [
-            c ?? s,
+            l ?? s,
             /* @__PURE__ */ o("span", { className: b(g === Dr.Small ? "text-label-md" : "text-body-md"), children: e }),
             d,
             n && /* @__PURE__ */ o(
@@ -2822,11 +2842,11 @@ function wd({
   children: t,
   shape: r = st.Rounded
 }) {
-  const n = ic[e], a = e === ut.Outlined ? lc : "", i = r === st.Rounded ? "rounded-full gap-1 p-xxs" : "", c = r === st.Rounded ? "flex-wrap" : "flex-nowrap overflow-x-auto";
+  const n = ic[e], a = e === ut.Outlined ? lc : "", i = r === st.Rounded ? "rounded-full gap-1 p-xxs" : "", l = r === st.Rounded ? "flex-wrap" : "flex-nowrap overflow-x-auto";
   return /* @__PURE__ */ o(
     "div",
     {
-      className: b("flex flex-row", n, a, i, c),
+      className: b("flex flex-row", n, a, i, l),
       children: t
     }
   );
@@ -2846,19 +2866,19 @@ function yd({
   tooltipText: n,
   supportingElement: a,
   tooltipPosition: i,
-  size: c = ht.Medium,
+  size: l = ht.Medium,
   testId: s
 }) {
   return /* @__PURE__ */ C(
     "div",
     {
-      className: b("flex flex-row items-center justify-between", cc[c]),
+      className: b("flex flex-row items-center justify-between", cc[l]),
       "data-testid": s,
       children: [
         /* @__PURE__ */ C("div", { className: "flex flex-row items-center gap-x-xxxs", children: [
           /* @__PURE__ */ C("div", { className: "flex flex-col justify-start", children: [
             /* @__PURE__ */ C("div", { className: "title-main-color flex flex-row items-center gap-x-0.5", children: [
-              /* @__PURE__ */ o("h4", { className: b(sc[c]), children: e }),
+              /* @__PURE__ */ o("h4", { className: b(sc[l]), children: e }),
               n && /* @__PURE__ */ o(vt, { text: n, position: i, children: /* @__PURE__ */ o(tr, { className: "title-icon-color" }) })
             ] }),
             /* @__PURE__ */ o("p", { className: "title-subtitle-color text-label-md", children: t })
@@ -2879,7 +2899,7 @@ function Br({
   errorMessage: n,
   amountCounter: a,
   required: i,
-  labelHtmlTag: c = "label",
+  labelHtmlTag: l = "label",
   children: s
 }) {
   return /* @__PURE__ */ C(
@@ -2892,7 +2912,7 @@ function Br({
         required: i
       }),
       children: [
-        e ? /* @__PURE__ */ C(fc, { labelHtmlTag: c, children: [
+        e ? /* @__PURE__ */ C(fc, { labelHtmlTag: l, children: [
           e,
           s
         ] }) : s,
@@ -2933,14 +2953,14 @@ var St;
 (function(e) {
   e.event = "event", e.props = "prop";
 })(St || (St = {}));
-function Pe() {
+function ke() {
 }
 function mc(e) {
   var t, r = void 0;
   return function() {
     for (var n = [], a = arguments.length; a--; ) n[a] = arguments[a];
-    return t && n.length === t.length && n.every(function(i, c) {
-      return i === t[c];
+    return t && n.length === t.length && n.every(function(i, l) {
+      return i === t[l];
     }) || (t = n, r = e.apply(void 0, n)), r;
   };
 }
@@ -2987,10 +3007,10 @@ function Fr(e, t) {
   t === void 0 && (t = !0);
   var r = e[0] === "-", n = r && t;
   e = e.replace("-", "");
-  var a = e.split("."), i = a[0], c = a[1] || "";
+  var a = e.split("."), i = a[0], l = a[1] || "";
   return {
     beforeDecimal: i,
-    afterDecimal: c,
+    afterDecimal: l,
     hasNegation: r,
     addNegation: n
   };
@@ -3018,13 +3038,13 @@ function la(e) {
   if (i = Number(i), !i)
     return r + a;
   a = a.replace(".", "");
-  var c = 1 + i, s = a.length;
-  return c < 0 ? a = "0." + vn("0", Math.abs(c)) + a : c >= s ? a = a + vn("0", c - s) : a = (a.substring(0, c) || "0") + "." + a.substring(c), r + a;
+  var l = 1 + i, s = a.length;
+  return l < 0 ? a = "0." + vn("0", Math.abs(l)) + a : l >= s ? a = a + vn("0", l - s) : a = (a.substring(0, l) || "0") + "." + a.substring(l), r + a;
 }
 function gn(e, t, r) {
   if (["", "-"].indexOf(e) !== -1)
     return e;
-  var n = (e.indexOf(".") !== -1 || r) && t, a = Fr(e), i = a.beforeDecimal, c = a.afterDecimal, s = a.hasNegation, d = parseFloat("0." + (c || "0")), f = c.length <= t ? "0." + c : d.toFixed(t), g = f.split("."), h = i;
+  var n = (e.indexOf(".") !== -1 || r) && t, a = Fr(e), i = a.beforeDecimal, l = a.afterDecimal, s = a.hasNegation, d = parseFloat("0." + (l || "0")), f = l.length <= t ? "0." + l : d.toFixed(t), g = f.split("."), h = i;
   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]));
@@ -3082,8 +3102,8 @@ function Ec(e) {
   var t = e.currentValue, r = e.formattedValue, n = e.currentValueIndex, a = e.formattedValueIndex;
   return t[n] === r[a];
 }
-function Nc(e, t, r, n, a, i, c) {
-  c === void 0 && (c = Ec);
+function Nc(e, t, r, n, a, i, l) {
+  l === void 0 && (l = Ec);
   var s = a.findIndex(function(T) {
     return T;
   }), d = e.slice(0, s);
@@ -3091,7 +3111,7 @@ function Nc(e, t, r, n, a, i, c) {
   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({
+      var S = l({
         currentValue: r,
         lastValue: t,
         formattedValue: e,
@@ -3133,12 +3153,12 @@ function _c(e) {
   return t;
 }
 function sa(e, t, r, n, a, i) {
-  i === void 0 && (i = Pe);
-  var c = bc(function(w, p) {
+  i === void 0 && (i = ke);
+  var l = bc(function(w, p) {
     var S, 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);
+    return l(dt(e) ? t : e, r);
   }), d = s[0], f = s[1], g = function(w, p) {
     w.formattedValue !== d.formattedValue && f({
       formattedValue: w.formattedValue,
@@ -3146,7 +3166,7 @@ function sa(e, t, r, n, a, i) {
     }), i(w, p);
   }, h = e, x = r;
   dt(e) && (h = d.numAsString, x = !0);
-  var y = c(h, x);
+  var y = l(h, x);
   return ii(function() {
     f(y);
   }, [y.formattedValue]), [d, g];
@@ -3162,27 +3182,27 @@ function Rc(e) {
   t === void 0 && (t = "text");
   var r = e.displayType;
   r === void 0 && (r = "input");
-  var n = e.customInput, a = e.renderText, i = e.getInputRef, c = e.format;
-  c === void 0 && (c = Ac);
+  var n = e.customInput, a = e.renderText, i = e.getInputRef, l = e.format;
+  l === void 0 && (l = Ac);
   var s = e.removeFormatting;
   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);
+  x === void 0 && (x = ke);
   var y = e.onKeyDown;
-  y === void 0 && (y = Pe);
+  y === void 0 && (y = ke);
   var w = e.onMouseUp;
-  w === void 0 && (w = Pe);
+  w === void 0 && (w = ke);
   var p = e.onFocus;
-  p === void 0 && (p = Pe);
+  p === void 0 && (p = ke);
   var S = e.onBlur;
-  S === void 0 && (S = Pe);
+  S === void 0 && (S = ke);
   var E = e.value, D = e.getCaretBoundary;
   D === void 0 && (D = _c);
   var N = e.isValidInputCharacter;
   N === void 0 && (N = Ct);
-  var T = e.isCharacterSame, P = na(e, ["type", "displayType", "customInput", "renderText", "getInputRef", "format", "removeFormatting", "defaultValue", "valueIsNumericString", "onValueChange", "isAllowed", "onChange", "onKeyDown", "onMouseUp", "onFocus", "onBlur", "value", "getCaretBoundary", "isValidInputCharacter", "isCharacterSame"]), L = sa(E, d, !!f, c, s, g), _ = L[0], I = _.formattedValue, k = _.numAsString, q = L[1], ae = le(), be = le({ formattedValue: I, numAsString: k }), xe = function(O, R) {
+  var T = e.isCharacterSame, P = na(e, ["type", "displayType", "customInput", "renderText", "getInputRef", "format", "removeFormatting", "defaultValue", "valueIsNumericString", "onValueChange", "isAllowed", "onChange", "onKeyDown", "onMouseUp", "onFocus", "onBlur", "value", "getCaretBoundary", "isValidInputCharacter", "isCharacterSame"]), L = sa(E, d, !!f, l, s, g), _ = L[0], I = _.formattedValue, k = _.numAsString, q = L[1], ae = le(), be = le({ formattedValue: I, numAsString: k }), xe = function(O, R) {
     be.current = { formattedValue: O.formattedValue, numAsString: O.value }, q(O, R);
-  }, Le = he(!1), Ve = Le[0], F = Le[1], M = le(null), X = le({
+  }, Ie = he(!1), Ve = Ie[0], F = Ie[1], M = le(null), X = le({
     setCaretTimeout: null,
     focusTimeout: null
   });
@@ -3191,7 +3211,7 @@ function Rc(e) {
       clearTimeout(X.current.setCaretTimeout), clearTimeout(X.current.focusTimeout);
     };
   }, []);
-  var ee = c, re = function(O, R) {
+  var ee = l, re = function(O, R) {
     var B = parseFloat(R);
     return {
       formattedValue: O,
@@ -3315,10 +3335,10 @@ function bn(e, t) {
   a === void 0 && (a = "");
   var i = t.suffix;
   i === void 0 && (i = "");
-  var c = t.allowNegative, s = t.thousandsGroupStyle;
+  var l = 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), y = x.beforeDecimal, w = x.afterDecimal, p = x.addNegation;
+  var d = rr(t), f = d.thousandSeparator, g = d.decimalSeparator, h = r !== 0 && e.indexOf(".") !== -1 || r && n, x = Fr(e, l), 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) {
@@ -3347,10 +3367,10 @@ function Ic(e, t, r) {
   t === void 0 && (t = Cc(e));
   var a = r.allowNegative, i = r.prefix;
   i === void 0 && (i = "");
-  var c = r.suffix;
-  c === void 0 && (c = "");
+  var l = r.suffix;
+  l === void 0 && (l = "");
   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 === "")
+  if (Ct(e) && (e === i || e === l) && t.lastValue === "")
     return e;
   if (h - g === 1 && y.indexOf(e[g]) !== -1) {
     var S = s === 0 ? "" : w;
@@ -3358,23 +3378,23 @@ function Ic(e, t, r) {
   }
   var E = function(M, X, ee) {
     var re = !1, Q = !1;
-    i.startsWith("-") ? re = !1 : M.startsWith("--") ? (re = !1, Q = !0) : c.startsWith("-") && M.length === c.length ? re = !1 : M[0] === "-" && (re = !0);
+    i.startsWith("-") ? re = !1 : M.startsWith("--") ? (re = !1, Q = !0) : l.startsWith("-") && M.length === l.length ? re = !1 : M[0] === "-" && (re = !0);
     var ne = re ? 1 : 0;
     return Q && (ne = 2), ne && (M = M.substring(ne), X -= ne, ee -= ne), { value: M, start: X, end: ee, hasNegation: re };
   }, D = E(e, g, h), N = D.hasNegation;
   n = D, e = n.value, g = n.start, h = n.end;
   var T = E(t.lastValue, d.start, d.end), P = T.start, L = T.end, _ = T.value, I = e.substring(g, h);
-  e.length && _.length && (P > _.length - c.length || L < i.length) && !(I && c.startsWith(I)) && (e = _);
+  e.length && _.length && (P > _.length - l.length || L < i.length) && !(I && l.startsWith(I)) && (e = _);
   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(w)) || []).join("");
+  var q = e.length, ae = e.length - l.length;
+  e.endsWith(l) ? q = ae : (h > ae || h > e.length - l.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;
-  return f.end - f.start < d.end - d.start && Le === "" && p && !parseFloat(Ve) && (e = F ? "-" : ""), e;
+  var xe = Fr(e, a), Ie = xe.beforeDecimal, Ve = xe.afterDecimal, F = xe.addNegation;
+  return f.end - f.start < d.end - d.start && Ie === "" && p && !parseFloat(Ve) && (e = F ? "-" : ""), e;
 }
 function Pc(e, t) {
   var r = t.prefix;
@@ -3385,8 +3405,8 @@ function Pc(e, t) {
     return !0;
   }), i = e[0] === "-";
   a.fill(!1, 0, r.length + (i ? 1 : 0));
-  var c = e.length;
-  return a.fill(!1, c - n.length + 1, c + 1), a;
+  var l = e.length;
+  return a.fill(!1, l - n.length + 1, l + 1), a;
 }
 function kc(e) {
   var t = rr(e), r = t.thousandSeparator, n = t.decimalSeparator, a = e.prefix;
@@ -3407,10 +3427,10 @@ function kc(e) {
 function Mc(e) {
   e = kc(e), e.decimalSeparator, e.allowedDecimalSeparators, e.thousandsGroupStyle;
   var t = e.suffix, r = e.allowNegative, n = e.allowLeadingZeros, a = e.onKeyDown;
-  a === void 0 && (a = Pe);
+  a === void 0 && (a = ke);
   var i = e.onBlur;
-  i === void 0 && (i = Pe);
-  var c = e.thousandSeparator, s = e.decimalScale, d = e.fixedDecimalScale, f = e.prefix;
+  i === void 0 && (i = ke);
+  var l = 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, 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);
@@ -3431,7 +3451,7 @@ function Mc(e) {
       return;
     }
     X === "Backspace" && Q[0] === "-" && ee === f.length + 1 && r && $e(M, 1), s && d && (X === "Backspace" && Q[ee - 1] === S ? ($e(M, ee - 1), F.preventDefault()) : X === "Delete" && Q[ee] === S && F.preventDefault()), E != null && E.includes(X) && Q[ee] === S && $e(M, ee + 1);
-    var ne = c === !0 ? "," : c;
+    var ne = l === !0 ? "," : l;
     X === "Backspace" && Q[ee - 1] === ne && $e(M, ee - 1), X === "Delete" && Q[ee] === ne && $e(M, ee + 1), a(F);
   }, xe = function(F) {
     var M = k;
@@ -3447,7 +3467,7 @@ function Mc(e) {
       });
     }
     i(F);
-  }, Le = function(F) {
+  }, Ie = function(F) {
     return F === S ? !0 : Ct(F);
   }, Ve = function(F) {
     var M = F.currentValue, X = F.lastValue, ee = F.formattedValue, re = F.currentValueIndex, Q = F.formattedValueIndex, ne = M[re], j = ee[Q], Je = ca(X, M), Ue = Je.to, we = function(et) {
@@ -3458,7 +3478,7 @@ function Mc(e) {
   return Object.assign(Object.assign({}, w), {
     value: q,
     valueIsNumericString: !1,
-    isValidInputCharacter: Le,
+    isValidInputCharacter: Ie,
     isCharacterSame: Ve,
     onValueChange: ae,
     format: D,
@@ -3474,13 +3494,13 @@ function Bc(e) {
   var t = Mc(e);
   return it.createElement(Rc, Object.assign({}, t));
 }
-const Sd = Fe(function({
+const Sd = Le(function({
   label: t,
   caption: r,
   disabled: n,
   errorMessage: a,
   leadingIcon: i,
-  supportingText: c,
+  supportingText: l,
   amountCounter: s,
   trailingElement: d,
   isContentVisible: f,
@@ -3545,7 +3565,7 @@ const Sd = Fe(function({
               ),
               h && /* @__PURE__ */ o("span", { className: "text-label-md text-iota-neutral-60 names:text-iota-neutral-60 dark:text-iota-neutral-40", children: h })
             ] }),
-            c && /* @__PURE__ */ o(qt, { children: c }),
+            l && /* @__PURE__ */ o(qt, { children: l }),
             /* @__PURE__ */ o(
               Uc,
               {
@@ -3613,9 +3633,9 @@ function Uc({
   isContentVisible: n,
   trailingElement: a,
   onToggleButtonClick: i,
-  isVisibilityToggleEnabled: c
+  isVisibilityToggleEnabled: l
 }) {
-  const s = !!(t === Se.Text && e && r), d = !!(t === Se.Password && c), f = !!(a && !s && !d);
+  const s = !!(t === Se.Text && e && r), d = !!(t === Se.Password && l), f = !!(a && !s && !d);
   if (s)
     return /* @__PURE__ */ o(
       ce,
@@ -3639,13 +3659,13 @@ function Uc({
   if (f)
     return /* @__PURE__ */ o(li, { children: a });
 }
-const Cd = Fe(function({
+const Cd = Le(function({
   label: t,
   caption: r,
   disabled: n,
   errorMessage: a,
   value: i,
-  amountCounter: c,
+  amountCounter: l,
   isVisibilityToggleEnabled: s,
   isResizeEnabled: d,
   required: f,
@@ -3669,7 +3689,7 @@ const Cd = Fe(function({
       caption: r,
       disabled: n || !w,
       errorMessage: a,
-      amountCounter: c,
+      amountCounter: l,
       required: f,
       children: /* @__PURE__ */ C("div", { className: "relative", children: [
         /* @__PURE__ */ o(
@@ -3722,7 +3742,7 @@ function zc({
   onClick: a,
   isDisabled: i = !1
 }) {
-  const c = r ? ua : da, s = t ? jc : Gc, d = r && fa, f = t ? Hc : $c, g = r ? ha : ma, h = i ? "cursor-not-allowed opacity-60" : "state-layer-secondary";
+  const l = r ? ua : da, s = t ? jc : Gc, d = r && fa, f = t ? Hc : $c, g = r ? ha : ma, h = i ? "cursor-not-allowed opacity-60" : "state-layer-secondary";
   return /* @__PURE__ */ C(
     "div",
     {
@@ -3747,7 +3767,7 @@ function zc({
               h
             ),
             children: [
-              /* @__PURE__ */ o("div", { className: b("inline-flex [&_svg]:h-6 [&_svg]:w-6", c), children: e }),
+              /* @__PURE__ */ o("div", { className: b("inline-flex [&_svg]:h-6 [&_svg]:w-6", l), children: e }),
               n && /* @__PURE__ */ o("div", { className: b("absolute", f), children: /* @__PURE__ */ o(Yt, { type: te.PrimarySolid }) })
             ]
           }
@@ -3765,7 +3785,7 @@ function Xc({
   onClick: a,
   isDisabled: i = !1
 }) {
-  const c = r ? ua : da, s = r && fa, d = r ? ha : ma;
+  const l = r ? ua : da, s = r && fa, d = r ? ha : ma;
   return /* @__PURE__ */ C(
     "div",
     {
@@ -3783,7 +3803,7 @@ function Xc({
       ),
       children: [
         /* @__PURE__ */ C("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ o("div", { className: b("inline-flex [&_svg]:h-6 [&_svg]:w-6", c), children: e }),
+          /* @__PURE__ */ o("div", { className: b("inline-flex [&_svg]:h-6 [&_svg]:w-6", l), children: e }),
           t && /* @__PURE__ */ o("span", { className: b("text-center text-label-lg", d), children: t })
         ] }),
         n && /* @__PURE__ */ o(Yt, { type: te.PrimarySolid })
@@ -3802,7 +3822,7 @@ function Ed({
   badgeText: n,
   isLocked: a,
   avatarContent: i,
-  onOptionsClick: c,
+  onOptionsClick: l,
   onLockAccountClick: s,
   onUnlockAccountClick: d,
   onCopy: f,
@@ -3817,7 +3837,7 @@ function Ed({
   badgeTooltipPosition: D = He.Bottom
 }) {
   const N = i;
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ o(
     "div",
     {
       className: b(
@@ -3827,30 +3847,28 @@ 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: y
-              }
-            )
-          ] })
+      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: [
-            c && /* @__PURE__ */ o(ce, { onClick: c, children: /* @__PURE__ */ o($n, {}) }),
+        /* @__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: [
+            l && /* @__PURE__ */ o(ce, { onClick: l, children: /* @__PURE__ */ o($n, {}) }),
             s && d && (a ? /* @__PURE__ */ o("div", { className: "flex items-center", children: /* @__PURE__ */ o(
               ce,
               {
@@ -3863,7 +3881,7 @@ function Ed({
           ] }),
           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" }) })
         ] })
-      ]
+      ] })
     }
   );
 }
@@ -3901,7 +3919,7 @@ function _d() {
   return /* @__PURE__ */ o(Bl, {});
 }
 var $t = /* @__PURE__ */ ((e) => (e.Small = "small", e.Default = "default", e))($t || {});
-const Od = Fe(
+const Od = Le(
   ({
     disabled: e,
     label: t,
@@ -3909,7 +3927,7 @@ const Od = Fe(
     supportingText: n,
     errorMessage: a,
     caption: i,
-    options: c,
+    options: l,
     placeholder: s,
     onValueChange: d,
     onOptionClick: f,
@@ -3917,7 +3935,7 @@ const Od = Fe(
     dropdownPosition: h = Ht.Bottom,
     size: x = $t.Default
   }, 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";
+    const [w, p] = he(!1), S = P(g, l), 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 && w && I();
     }, [e, w]), de(() => {
@@ -4006,7 +4024,7 @@ const Od = Fe(
                 "top-full": !h || h === Ht.Bottom,
                 "bottom-full": h === Ht.Top
               }),
-              children: /* @__PURE__ */ o(Kc, { children: c.map((k) => /* @__PURE__ */ o(
+              children: /* @__PURE__ */ o(Kc, { children: l.map((k) => /* @__PURE__ */ o(
                 Tl,
                 {
                   onClick: () => _(k),
@@ -4033,7 +4051,7 @@ function Yc({
   hasCheckbox: n,
   isChecked: a,
   isIndeterminate: i,
-  isContentCentered: c,
+  isContentCentered: l,
   onSortClick: s,
   onCheckboxChange: d,
   sortOrder: f
@@ -4060,7 +4078,7 @@ function Yc({
             h,
             x,
             {
-              "justify-center": c
+              "justify-center": l
             }
           ),
           children: [
@@ -4075,7 +4093,7 @@ function Yc({
               "span",
               {
                 className: b({
-                  "text-left": !c
+                  "text-left": !l
                 }),
                 children: e
               }
@@ -4105,7 +4123,7 @@ function Ad({
   onSuggestionClick: n,
   placeholder: a,
   isLoading: i = !1,
-  type: c = Ne.Outlined,
+  type: l = Ne.Outlined,
   renderSuggestion: s
 }) {
   const d = le(null), f = le(null), [g, h] = he(!0), [x, y] = he(null);
@@ -4133,8 +4151,8 @@ function Ad({
   }, [d]);
   const p = g && t && t.length > 0, S = p ? b(
     "rounded-t-3xl border-b",
-    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) => {
+    l === Ne.Outlined ? "[&:not(.dark_*,.names_*)]:border-b-transparent" : "border-b-transparent"
+  ) : l === Ne.Outlined ? "rounded-3xl border-b" : "rounded-full", E = Qc[l], D = qc[l], N = Jc[l], T = (L) => {
     var _;
     n == null || n(L), r(""), h(!1), y(null), (_ = d.current) == null || _.blur();
   }, P = (L) => {
@@ -4224,13 +4242,13 @@ function Rd({
   children: a,
   testId: i
 }) {
-  function c() {
+  function l() {
     e || n == null || n();
   }
   return /* @__PURE__ */ o(
     "div",
     {
-      onClick: c,
+      onClick: l,
       className: b(
         "relative inline-flex w-full items-center gap-3 rounded-xl px-sm py-xs",
         rs[t],
@@ -4252,7 +4270,7 @@ function Dd({
   title: n,
   icon: a,
   iconAfterText: i,
-  buttonType: c,
+  buttonType: l,
   buttonDisabled: s
 }) {
   function d(f) {
@@ -4271,7 +4289,7 @@ function Dd({
   ] }) : e === zt.Button ? /* @__PURE__ */ o("div", { className: "shrink-0", children: /* @__PURE__ */ o(
     ge,
     {
-      type: c || W.Outlined,
+      type: l || W.Outlined,
       size: ie.Small,
       text: n,
       onClick: d,
@@ -4492,7 +4510,7 @@ function Ld({
   icon: n,
   isTextTruncated: a,
   tooltipText: i,
-  tooltipPosition: c
+  tooltipPosition: l
 }) {
   const s = (d) => {
     d == null || d.stopPropagation();
@@ -4520,7 +4538,7 @@ function Ld({
                   children: e
                 }
               ),
-              i ? /* @__PURE__ */ o(vt, { text: i, position: c, children: n }) : /* @__PURE__ */ o("div", { className: "flex items-center", children: n }),
+              i ? /* @__PURE__ */ o(vt, { text: i, position: l, children: n }) : /* @__PURE__ */ o("div", { className: "flex items-center", children: n }),
               r && /* @__PURE__ */ o("div", { onClick: s, className: "flex items-center", children: r })
             ]
           }
@@ -4538,15 +4556,15 @@ function Ld({
     }
   );
 }
-var ke = /* @__PURE__ */ ((e) => (e.Default = "default", e.Highlight = "highlight", e.Secondary = "secondary", e))(ke || {}), _e = /* @__PURE__ */ ((e) => (e.Default = "default", e.Large = "large", e))(_e || {});
+var Me = /* @__PURE__ */ ((e) => (e.Default = "default", e.Highlight = "highlight", e.Secondary = "secondary", e))(Me || {}), _e = /* @__PURE__ */ ((e) => (e.Default = "default", e.Large = "large", e))(_e || {});
 const is = {
-  [ke.Default]: "display-stats-bg-default",
-  [ke.Highlight]: "display-stats-bg-highlight",
-  [ke.Secondary]: "display-stats-bg-secondary"
+  [Me.Default]: "display-stats-bg-default",
+  [Me.Highlight]: "display-stats-bg-highlight",
+  [Me.Secondary]: "display-stats-bg-secondary"
 }, ls = {
-  [ke.Default]: "display-stats-text-default",
-  [ke.Highlight]: "display-stats-text-highlight",
-  [ke.Secondary]: "display-stats-text-secondary"
+  [Me.Default]: "display-stats-text-default",
+  [Me.Highlight]: "display-stats-text-highlight",
+  [Me.Secondary]: "display-stats-text-secondary"
 }, cs = {
   [_e.Default]: "gap-y-sm",
   [_e.Large]: "gap-y-md"
@@ -4566,14 +4584,14 @@ function Id({
   tooltipText: r,
   value: n,
   supportingLabel: a,
-  type: i = ke.Default,
-  size: c = _e.Default,
+  type: i = Me.Default,
+  size: l = _e.Default,
   icon: s,
   copyText: d,
   onCopySuccess: f,
   onCopyError: g
 }) {
-  const h = is[i], x = cs[c], y = ls[i], w = ss[c], p = ds[c], S = us[c];
+  const h = is[i], x = cs[l], y = ls[i], w = ss[l], p = ds[l], S = us[l];
   async function E(D) {
     if (navigator.clipboard && d)
       try {
@@ -4624,7 +4642,7 @@ function Pd({
   isHoverable: a = !0,
   ...i
 }) {
-  const c = (d) => {
+  const l = (d) => {
     e == null || e(d), d == null || d.stopPropagation();
   }, s = !("src" in i);
   return /* @__PURE__ */ C(
@@ -4641,17 +4659,17 @@ 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",
-            onClick: c,
+            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: l,
             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 }) })
       ]
     }
   );
 }
-function Me(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
+function Be(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
   return function(a) {
     if (e == null || e(a), r === !1 || !a.defaultPrevented)
       return t == null ? void 0 : t(a);
@@ -4669,12 +4687,12 @@ function Qe(...e) {
 function hs(e, t) {
   const r = v.createContext(t);
   function n(i) {
-    const { children: c, ...s } = i, d = v.useMemo(() => s, Object.values(s));
-    return /* @__PURE__ */ o(r.Provider, { value: d, children: c });
+    const { children: l, ...s } = i, d = v.useMemo(() => s, Object.values(s));
+    return /* @__PURE__ */ o(r.Provider, { value: d, children: l });
   }
   function a(i) {
-    const c = v.useContext(r);
-    if (c) return c;
+    const l = v.useContext(r);
+    if (l) return l;
     if (t !== void 0) return t;
     throw new Error(`\`${i}\` must be used within \`${e}\``);
   }
@@ -4682,9 +4700,9 @@ function hs(e, t) {
 }
 function ms(e, t = []) {
   let r = [];
-  function n(i, c) {
-    const s = v.createContext(c), d = r.length;
-    r = [...r, c];
+  function n(i, l) {
+    const s = v.createContext(l), d = r.length;
+    r = [...r, l];
     function f(h) {
       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 });
@@ -4692,13 +4710,13 @@ function ms(e, t = []) {
     function g(h, x) {
       const y = (x == null ? void 0 : x[e][d]) || s, w = v.useContext(y);
       if (w) return w;
-      if (c !== void 0) return c;
+      if (l !== void 0) return l;
       throw new Error(`\`${h}\` must be used within \`${i}\``);
     }
     return f.displayName = i + "Provider", [f, g];
   }
   const a = () => {
-    const i = r.map((c) => v.createContext(c));
+    const i = r.map((l) => v.createContext(l));
     return function(s) {
       const d = (s == null ? void 0 : s[e]) || i;
       return v.useMemo(
@@ -4718,11 +4736,11 @@ function vs(...e) {
       scopeName: a.scopeName
     }));
     return function(i) {
-      const c = n.reduce((s, { useScope: d, scopeName: f }) => {
+      const l = n.reduce((s, { useScope: d, scopeName: f }) => {
         const h = d(i)[`__scope${f}`];
         return { ...s, ...h };
       }, {});
-      return v.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
+      return v.useMemo(() => ({ [`__scope${t.scopeName}`]: l }), [l]);
     };
   };
   return r.scopeName = t.scopeName, r;
@@ -4751,7 +4769,7 @@ function bs({
   onChange: r = () => {
   }
 }) {
-  const [n, a] = xs({ defaultProp: t, onChange: r }), i = e !== void 0, c = i ? e : n, s = Ye(r), d = v.useCallback(
+  const [n, a] = xs({ defaultProp: t, onChange: r }), i = e !== void 0, l = i ? e : n, s = Ye(r), d = v.useCallback(
     (f) => {
       if (i) {
         const h = typeof f == "function" ? f(e) : f;
@@ -4761,7 +4779,7 @@ function bs({
     },
     [i, e, a, s]
   );
-  return [c, d];
+  return [l, d];
 }
 function xs({
   defaultProp: e,
@@ -4775,8 +4793,8 @@ function xs({
 var Ur = v.forwardRef((e, t) => {
   const { children: r, ...n } = e, a = v.Children.toArray(r), i = a.find(ys);
   if (i) {
-    const c = i.props.children, s = a.map((d) => d === i ? v.Children.count(c) > 1 ? v.Children.only(null) : v.isValidElement(c) ? c.props.children : null : d);
-    return /* @__PURE__ */ o(Tr, { ...n, ref: t, children: v.isValidElement(c) ? v.cloneElement(c, void 0, s) : null });
+    const l = i.props.children, s = a.map((d) => d === i ? v.Children.count(l) > 1 ? v.Children.only(null) : v.isValidElement(l) ? l.props.children : null : d);
+    return /* @__PURE__ */ o(Tr, { ...n, ref: t, children: v.isValidElement(l) ? v.cloneElement(l, void 0, s) : null });
   }
   return /* @__PURE__ */ o(Tr, { ...n, ref: t, children: r });
 });
@@ -4832,8 +4850,8 @@ var Es = [
   "ul"
 ], Oe = Es.reduce((e, t) => {
   const r = v.forwardRef((n, a) => {
-    const { asChild: i, ...c } = n, s = i ? Ur : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(s, { ...c, ref: a });
+    const { asChild: i, ...l } = n, s = i ? Ur : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(s, { ...l, ref: a });
   });
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
 }, {});
@@ -4860,15 +4878,15 @@ var Os = "DismissableLayer", Lr = "dismissableLayer.update", As = "dismissableLa
       onEscapeKeyDown: n,
       onPointerDownOutside: a,
       onFocusOutside: i,
-      onInteractOutside: c,
+      onInteractOutside: l,
       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), [, 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());
+      !T || k || (a == null || a(_), l == null || l(_), _.defaultPrevented || s == null || s());
     }, x), L = Is((_) => {
       const I = _.target;
-      [...f.branches].some((q) => q.contains(I)) || (i == null || i(_), c == null || c(_), _.defaultPrevented || s == null || s());
+      [...f.branches].some((q) => q.contains(I)) || (i == null || i(_), l == null || l(_), _.defaultPrevented || s == null || s());
     }, x);
     return _s((_) => {
       D === f.layers.size - 1 && (n == null || n(_), !_.defaultPrevented && s && (_.preventDefault(), s()));
@@ -4891,9 +4909,9 @@ var Os = "DismissableLayer", Lr = "dismissableLayer.update", As = "dismissableLa
           pointerEvents: N ? T ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: Me(e.onFocusCapture, L.onFocusCapture),
-        onBlurCapture: Me(e.onBlurCapture, L.onBlurCapture),
-        onPointerDownCapture: Me(
+        onFocusCapture: Be(e.onFocusCapture, L.onFocusCapture),
+        onBlurCapture: Be(e.onBlurCapture, L.onBlurCapture),
+        onPointerDownCapture: Be(
           e.onPointerDownCapture,
           P.onPointerDownCapture
         )
@@ -4932,11 +4950,11 @@ function Ls(e, t = globalThis == null ? void 0 : globalThis.document) {
       } else
         t.removeEventListener("click", a.current);
       n.current = !1;
-    }, c = window.setTimeout(() => {
+    }, l = window.setTimeout(() => {
       t.addEventListener("pointerdown", i);
     }, 0);
     return () => {
-      window.clearTimeout(c), t.removeEventListener("pointerdown", i), t.removeEventListener("click", a.current);
+      window.clearTimeout(l), t.removeEventListener("pointerdown", i), t.removeEventListener("click", a.current);
     };
   }, [t, r]), {
     // ensures we check React component tree (not just DOM tree)
@@ -4971,7 +4989,7 @@ var yr = "focusScope.autoFocusOnMount", Sr = "focusScope.autoFocusOnUnmount", En
     trapped: n = !1,
     onMountAutoFocus: a,
     onUnmountAutoFocus: i,
-    ...c
+    ...l
   } = 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() {
@@ -4986,15 +5004,15 @@ var yr = "focusScope.autoFocusOnMount", Sr = "focusScope.autoFocusOnUnmount", En
       let p = function(N) {
         if (y.paused || !s) return;
         const T = N.target;
-        s.contains(T) ? h.current = T : Ie(h.current, { select: !0 });
+        s.contains(T) ? h.current = T : Pe(h.current, { select: !0 });
       }, S = function(N) {
         if (y.paused || !s) return;
         const T = N.relatedTarget;
-        T !== null && (s.contains(T) || Ie(h.current, { select: !0 }));
+        T !== null && (s.contains(T) || Pe(h.current, { select: !0 }));
       }, E = function(N) {
         if (document.activeElement === document.body)
           for (const P of N)
-            P.removedNodes.length > 0 && Ie(s);
+            P.removedNodes.length > 0 && Pe(s);
       };
       document.addEventListener("focusin", p), document.addEventListener("focusout", S);
       const D = new MutationObserver(E);
@@ -5008,12 +5026,12 @@ var yr = "focusScope.autoFocusOnMount", Sr = "focusScope.autoFocusOnUnmount", En
       const p = document.activeElement;
       if (!s.contains(p)) {
         const E = new CustomEvent(yr, En);
-        s.addEventListener(yr, f), s.dispatchEvent(E), E.defaultPrevented || (ks(Us(ya(s)), { select: !0 }), document.activeElement === p && Ie(s));
+        s.addEventListener(yr, f), s.dispatchEvent(E), E.defaultPrevented || (ks(Us(ya(s)), { select: !0 }), document.activeElement === p && Pe(s));
       }
       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(y);
+          s.addEventListener(Sr, g), s.dispatchEvent(E), E.defaultPrevented || Pe(p ?? document.body, { select: !0 }), s.removeEventListener(Sr, g), _n.remove(y);
         }, 0);
       };
     }
@@ -5024,18 +5042,18 @@ var yr = "focusScope.autoFocusOnMount", Sr = "focusScope.autoFocusOnUnmount", En
       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();
+        N && T ? !p.shiftKey && E === T ? (p.preventDefault(), r && Pe(N, { select: !0 })) : p.shiftKey && E === N && (p.preventDefault(), r && Pe(T, { select: !0 })) : E === D && p.preventDefault();
       }
     },
     [r, n, y.paused]
   );
-  return /* @__PURE__ */ o(Oe.div, { tabIndex: -1, ...c, ref: x, onKeyDown: w });
+  return /* @__PURE__ */ o(Oe.div, { tabIndex: -1, ...l, ref: x, onKeyDown: w });
 });
 wa.displayName = Ps;
 function ks(e, { select: t = !1 } = {}) {
   const r = document.activeElement;
   for (const n of e)
-    if (Ie(n, { select: t }), document.activeElement !== r) return;
+    if (Pe(n, { select: t }), document.activeElement !== r) return;
 }
 function Ms(e) {
   const t = ya(e), r = Nn(t, e), n = Nn(t.reverse(), e);
@@ -5067,7 +5085,7 @@ function Bs(e, { upTo: t }) {
 function Fs(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function Ie(e, { select: t = !1 } = {}) {
+function Pe(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
     const r = document.activeElement;
     e.focus({ preventScroll: !0 }), e !== r && Fs(e) && t && e.select();
@@ -5098,8 +5116,8 @@ var Ws = "Portal", Sa = v.forwardRef((e, t) => {
   var s;
   const { container: r, ...n } = e, [a, i] = v.useState(!1);
   Qt(() => i(!0), []);
-  const c = r || a && ((s = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : s.body);
-  return c ? ui.createPortal(/* @__PURE__ */ o(Oe.div, { ...n, ref: t }), c) : null;
+  const l = r || a && ((s = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : s.body);
+  return l ? ui.createPortal(/* @__PURE__ */ o(Oe.div, { ...n, ref: t }), l) : null;
 });
 Sa.displayName = Ws;
 function js(e, t) {
@@ -5111,7 +5129,7 @@ var nr = (e) => {
 };
 nr.displayName = "Presence";
 function Gs(e) {
-  const [t, r] = v.useState(), n = v.useRef({}), a = v.useRef(e), i = v.useRef("none"), c = e ? "mounted" : "unmounted", [s, d] = js(c, {
+  const [t, r] = v.useState(), n = v.useRef({}), a = v.useRef(e), i = v.useRef("none"), l = e ? "mounted" : "unmounted", [s, d] = js(l, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -5231,11 +5249,11 @@ function qs(e, t) {
   return Ys(function() {
     var n = Rn.get(r);
     if (n) {
-      var a = new Set(n), i = new Set(e), c = r.current;
+      var a = new Set(n), i = new Set(e), l = r.current;
       a.forEach(function(s) {
         i.has(s) || Er(s, null);
       }), i.forEach(function(s) {
-        a.has(s) || Er(s, c);
+        a.has(s) || Er(s, l);
       });
     }
     Rn.set(r, e);
@@ -5253,17 +5271,17 @@ function Js(e, t) {
       return r.length ? r[r.length - 1] : e;
     },
     useMedium: function(i) {
-      var c = t(i, n);
-      return r.push(c), function() {
+      var l = t(i, n);
+      return r.push(l), function() {
         r = r.filter(function(s) {
-          return s !== c;
+          return s !== l;
         });
       };
     },
     assignSyncMedium: function(i) {
       for (n = !0; r.length; ) {
-        var c = r;
-        r = [], c.forEach(i);
+        var l = r;
+        r = [], l.forEach(i);
       }
       r = {
         push: function(s) {
@@ -5276,23 +5294,23 @@ function Js(e, t) {
     },
     assignMedium: function(i) {
       n = !0;
-      var c = [];
+      var l = [];
       if (r.length) {
         var s = r;
-        r = [], s.forEach(i), c = r;
+        r = [], s.forEach(i), l = r;
       }
       var d = function() {
-        var g = c;
-        c = [], g.forEach(i);
+        var g = l;
+        l = [], g.forEach(i);
       }, f = function() {
         return Promise.resolve().then(d);
       };
       f(), r = {
         push: function(g) {
-          c.push(g), f();
+          l.push(g), f();
         },
         filter: function(g) {
-          return c = c.filter(g), r;
+          return l = l.filter(g), r;
         }
       };
     }
@@ -5323,12 +5341,12 @@ 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, 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);
+  }), a = n[0], i = n[1], l = 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: 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)
+    l ? v.cloneElement(v.Children.only(s), Ce(Ce({}, L), { ref: P })) : v.createElement(E, Ce({}, L, { className: d, ref: P }), s)
   );
 });
 ar.defaultProps = {
@@ -5405,7 +5423,7 @@ var iu = function() {
     gap: Math.max(0, n - r + t[2] - t[0])
   };
 }, du = _a(), ft = "data-scroll-locked", fu = function(e, t, r, n) {
-  var a = e.left, i = e.top, c = e.right, s = e.gap;
+  var a = e.left, i = e.top, l = e.right, s = e.gap;
   return r === void 0 && (r = "margin"), `
   .`.concat(Xs, ` {
    overflow: hidden `).concat(n, `;
@@ -5419,7 +5437,7 @@ var iu = function() {
     r === "margin" && `
     padding-left: `.concat(a, `px;
     padding-top: `).concat(i, `px;
-    padding-right: `).concat(c, `px;
+    padding-right: `).concat(l, `px;
     margin-left:0;
     margin-top:0;
     margin-right: `).concat(s, "px ").concat(n, `;
@@ -5496,8 +5514,8 @@ var nt = Ir ? { passive: !1 } : !1, vu = function(e) {
     typeof ShadowRoot < "u" && n instanceof ShadowRoot && (n = n.host);
     var a = Aa(e, n);
     if (a) {
-      var i = Ra(e, n), c = i[1], s = i[2];
-      if (c > s)
+      var i = Ra(e, n), l = i[1], s = i[2];
+      if (l > s)
         return !0;
     }
     n = n.parentNode;
@@ -5524,7 +5542,7 @@ var nt = Ir ? { passive: !1 } : !1, vu = function(e) {
 }, wu = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
 }, 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;
+  var i = wu(e, window.getComputedStyle(t).direction), l = i * n, s = r.target, d = t.contains(s), f = !1, g = l > 0, h = 0, x = 0;
   do {
     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;
@@ -5549,9 +5567,9 @@ var nt = Ir ? { passive: !1 } : !1, vu = function(e) {
 `);
 }, Eu = 0, at = [];
 function Nu(e) {
-  var t = v.useRef([]), r = v.useRef([0, 0]), n = v.useRef(), a = v.useState(Eu++)[0], i = v.useState(_a)[0], c = v.useRef(e);
+  var t = v.useRef([]), r = v.useRef([0, 0]), n = v.useRef(), a = v.useState(Eu++)[0], i = v.useState(_a)[0], l = v.useRef(e);
   v.useEffect(function() {
-    c.current = e;
+    l.current = e;
   }, [e]), v.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
@@ -5567,7 +5585,7 @@ function Nu(e) {
   }, [e.inert, e.lockRef.current, e.shards]);
   var s = v.useCallback(function(p, S) {
     if ("touches" in p && p.touches.length === 2)
-      return !c.current.allowPinchZoom;
+      return !l.current.allowPinchZoom;
     var E = Vt(p), D = r.current, N = "deltaX" in p ? p.deltaX : D[0] - E[0], T = "deltaY" in p ? p.deltaY : D[1] - E[1], P, L = p.target, _ = Math.abs(N) > Math.abs(T) ? "h" : "v";
     if ("touches" in p && _ === "h" && L.type === "range")
       return !1;
@@ -5591,9 +5609,9 @@ function Nu(e) {
         return;
       }
       if (!D) {
-        var N = (c.current.shards || []).map(In).filter(Boolean).filter(function(P) {
+        var N = (l.current.shards || []).map(In).filter(Boolean).filter(function(P) {
           return P.contains(S.target);
-        }), T = N.length > 0 ? s(S, N[0]) : !c.current.noIsolation;
+        }), T = N.length > 0 ? s(S, N[0]) : !l.current.noIsolation;
         T && S.cancelable && S.preventDefault();
       }
     }
@@ -5659,7 +5677,7 @@ var Au = function(e) {
 }, Du = function(e, t, r, n) {
   var a = Ru(t, Array.isArray(e) ? e : [e]);
   Wt[r] || (Wt[r] = /* @__PURE__ */ new WeakMap());
-  var i = Wt[r], c = [], s = /* @__PURE__ */ new Set(), d = new Set(a), f = function(h) {
+  var i = Wt[r], l = [], s = /* @__PURE__ */ new Set(), d = new Set(a), f = function(h) {
     !h || s.has(h) || (s.add(h), f(h.parentNode));
   };
   a.forEach(f);
@@ -5670,14 +5688,14 @@ var Au = function(e) {
       else
         try {
           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");
+          ot.set(x, p), i.set(x, S), l.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);
         }
     });
   };
   return g(t), s.clear(), Or++, function() {
-    c.forEach(function(h) {
+    l.forEach(function(h) {
       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 = {});
@@ -5695,7 +5713,7 @@ var Au = function(e) {
     open: n,
     defaultOpen: a,
     onOpenChange: i,
-    modal: c = !0
+    modal: l = !0
   } = e, s = v.useRef(null), d = v.useRef(null), [f = !1, g] = bs({
     prop: n,
     defaultProp: a,
@@ -5713,7 +5731,7 @@ var Au = function(e) {
       open: f,
       onOpenChange: g,
       onOpenToggle: v.useCallback(() => g((h) => !h), [g]),
-      modal: c,
+      modal: l,
       children: r
     }
   );
@@ -5732,7 +5750,7 @@ var Pa = "DialogTrigger", ka = v.forwardRef(
         "data-state": Hr(a.open),
         ...n,
         ref: i,
-        onClick: Me(e.onClick, a.onOpenToggle)
+        onClick: Be(e.onClick, a.onOpenToggle)
       }
     );
   }
@@ -5742,7 +5760,7 @@ var jr = "DialogPortal", [Iu, Ma] = La(jr, {
   forceMount: void 0
 }), Ba = (e) => {
   const { __scopeDialog: t, forceMount: r, children: n, container: a } = e, i = pe(jr, t);
-  return /* @__PURE__ */ o(Iu, { scope: t, forceMount: r, children: v.Children.map(n, (c) => /* @__PURE__ */ o(nr, { present: r || i.open, children: /* @__PURE__ */ o(Sa, { asChild: !0, container: a, children: c }) })) });
+  return /* @__PURE__ */ o(Iu, { scope: t, forceMount: r, children: v.Children.map(n, (l) => /* @__PURE__ */ o(nr, { present: r || i.open, children: /* @__PURE__ */ o(Sa, { asChild: !0, container: a, children: l }) })) });
 };
 Ba.displayName = jr;
 var Jt = "DialogOverlay", Fa = v.forwardRef(
@@ -5789,15 +5807,15 @@ var ku = v.forwardRef(
         ref: a,
         trapFocus: r.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: Me(e.onCloseAutoFocus, (i) => {
-          var c;
-          i.preventDefault(), (c = r.triggerRef.current) == null || c.focus();
+        onCloseAutoFocus: Be(e.onCloseAutoFocus, (i) => {
+          var l;
+          i.preventDefault(), (l = r.triggerRef.current) == null || l.focus();
         }),
-        onPointerDownOutside: Me(e.onPointerDownOutside, (i) => {
-          const c = i.detail.originalEvent, s = c.button === 0 && c.ctrlKey === !0;
-          (c.button === 2 || s) && i.preventDefault();
+        onPointerDownOutside: Be(e.onPointerDownOutside, (i) => {
+          const l = i.detail.originalEvent, s = l.button === 0 && l.ctrlKey === !0;
+          (l.button === 2 || s) && i.preventDefault();
         }),
-        onFocusOutside: Me(
+        onFocusOutside: Be(
           e.onFocusOutside,
           (i) => i.preventDefault()
         )
@@ -5815,21 +5833,21 @@ var ku = v.forwardRef(
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (i) => {
-          var c, s;
-          (c = e.onCloseAutoFocus) == null || c.call(e, i), i.defaultPrevented || (n.current || (s = r.triggerRef.current) == null || s.focus(), i.preventDefault()), n.current = !1, a.current = !1;
+          var l, s;
+          (l = e.onCloseAutoFocus) == null || l.call(e, i), i.defaultPrevented || (n.current || (s = r.triggerRef.current) == null || s.focus(), i.preventDefault()), n.current = !1, a.current = !1;
         },
         onInteractOutside: (i) => {
           var d, f;
           (d = e.onInteractOutside) == null || d.call(e, i), i.defaultPrevented || (n.current = !0, i.detail.originalEvent.type === "pointerdown" && (a.current = !0));
-          const c = i.target;
-          ((f = r.triggerRef.current) == null ? void 0 : f.contains(c)) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && a.current && i.preventDefault();
+          const l = i.target;
+          ((f = r.triggerRef.current) == null ? void 0 : f.contains(l)) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && a.current && i.preventDefault();
         }
       }
     );
   }
 ), Ua = v.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, trapFocus: n, onOpenAutoFocus: a, onCloseAutoFocus: i, ...c } = e, s = pe(qe, r), d = v.useRef(null), f = Qe(t, d);
+    const { __scopeDialog: r, trapFocus: n, onOpenAutoFocus: a, onCloseAutoFocus: i, ...l } = e, s = pe(qe, r), d = v.useRef(null), f = Qe(t, d);
     return $s(), /* @__PURE__ */ C(Ze, { children: [
       /* @__PURE__ */ o(
         wa,
@@ -5847,7 +5865,7 @@ var ku = v.forwardRef(
               "aria-describedby": s.descriptionId,
               "aria-labelledby": s.titleId,
               "data-state": Hr(s.open),
-              ...c,
+              ...l,
               ref: f,
               onDismiss: () => s.onOpenChange(!1)
             }
@@ -5883,7 +5901,7 @@ var Ha = "DialogClose", $a = v.forwardRef(
         type: "button",
         ...n,
         ref: t,
-        onClick: Me(e.onClick, () => a.onOpenChange(!1))
+        onClick: Be(e.onClick, () => a.onOpenChange(!1))
       }
     );
   }
@@ -5943,8 +5961,8 @@ const Bd = ({
   children: r,
   ...n
 }) => /* @__PURE__ */ o(Uu, { open: e, onOpenChange: (i) => {
-  const c = document.querySelector(".toast-layer:hover");
-  !i && c || t == null || t(i);
+  const l = document.querySelector(".toast-layer:hover");
+  !i && l || t == null || t(i);
 }, ...n, children: r }), Fd = Wu, Xu = Hu, qa = v.forwardRef(({ showCloseIcon: e, position: t, ...r }, n) => /* @__PURE__ */ o(
   Ka,
   {
@@ -5972,7 +5990,7 @@ const Ku = v.forwardRef((e, t) => /* @__PURE__ */ o(
     children: n,
     position: a = ct.Center,
     customWidth: i = "w-80 max-w-[85vw] md:w-96",
-    isFixedPosition: c = a === ct.Right,
+    isFixedPosition: l = a === ct.Right,
     ...s
   }, d) => {
     const [f, g] = he(
@@ -5983,7 +6001,7 @@ const Ku = v.forwardRef((e, t) => /* @__PURE__ */ o(
       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, y = a === ct.Right ? "h-screen" : "max-h-[80vh] h-full";
-    return /* @__PURE__ */ o(ju, { container: f, children: /* @__PURE__ */ C(Ku, { isFixedPosition: c, children: [
+    return /* @__PURE__ */ o(ju, { container: f, children: /* @__PURE__ */ C(Ku, { isFixedPosition: l, children: [
       /* @__PURE__ */ o(qa, { showCloseIcon: r, position: a }),
       /* @__PURE__ */ C(
         Za,
@@ -6060,7 +6078,7 @@ function Vd({
   selectedRowIndexes: n = /* @__PURE__ */ new Set(),
   rowIndexes: a,
   children: i,
-  pageSizeSelector: c,
+  pageSizeSelector: l,
   heightFull: s = !1
 }) {
   return /* @__PURE__ */ o(Qu, { selectedRowIndexes: n, rowIndexes: a, children: /* @__PURE__ */ C("div", { className: b("w-full", { "h-full": s }), children: [
@@ -6135,9 +6153,9 @@ function Vd({
             ] }),
             t && t
           ] }),
-          r || c ? /* @__PURE__ */ C("div", { className: "flex flex-row items-center gap-x-sm", children: [
+          r || l ? /* @__PURE__ */ C("div", { className: "flex flex-row items-center gap-x-sm", children: [
             r && /* @__PURE__ */ o("span", { className: "table-text-color text-label-md", children: r }),
-            c && /* @__PURE__ */ o("div", { className: "ml-2", children: c })
+            l && /* @__PURE__ */ o("div", { className: "ml-2", children: l })
           ] }) : null
         ]
       }
@@ -6239,8 +6257,8 @@ function zd({
                   {
                     ...i,
                     isSelected: i.id === t,
-                    onClick: (c) => {
-                      i.onClick && i.onClick(c), i.isDisabled || r(i.id);
+                    onClick: (l) => {
+                      i.onClick && i.onClick(l), i.isDisabled || r(i.id);
                     }
                   }
                 )
@@ -6372,9 +6390,6 @@ function Yd({
     }
   );
 }
-function qd(e, t = 6, r = 6) {
-  return e.length > t + r ? `${e.slice(0, t)}...${e.slice(-r)}` : e;
-}
 export {
   Yd as Accordion,
   Zd as AccordionContent,
@@ -6411,7 +6426,7 @@ export {
   Fd as DialogTrigger,
   Id as DisplayStats,
   _e as DisplayStatsSize,
-  ke as DisplayStatsType,
+  Me as DisplayStatsType,
   Ol as Divider,
   Xe as DividerType,
   Kc as Dropdown,
@@ -6471,7 +6486,7 @@ export {
   ht as TitleSize,
   bd as Toggle,
   Rr as ToggleLabelPosition,
-  Be as ToggleSize,
+  Fe as ToggleSize,
   vt as Tooltip,
   He as TooltipPosition,
   fi as UIKitTheme,
@@ -6479,7 +6494,6 @@ export {
   Ul as Video,
   Pd as VisualAssetCard,
   qn as VisualAssetType,
-  qd as truncate,
   od as uiKitResponsivePreset,
   id as uiKitStaticPreset
 };