@iota/apps-ui-kit 0.10.1 → 0.11.0

package/dist/index.es.js

@@ -108,7 +108,7 @@ var te = {
 		90: "#FFE3AB",
 		100: "#FFFFFF"
 	}
-}, ne = {
+}, A = {
 	"names-primary": {
 		0: "#000000",
 		10: "#061244",
@@ -199,7 +199,7 @@ var te = {
 		90: "#FFE3AB",
 		100: "#FFFFFF"
 	}
-}, re = {
+}, ne = {
 	"shader-primary-dark": {
 		0: "#bed8ff00",
 		8: "#bed8ff14",
@@ -254,7 +254,7 @@ var te = {
 		72: "#002f6db7",
 		100: "#002f6d"
 	}
-}, ie = {
+}, re = {
 	none: O(0),
 	sm: O(2),
 	DEFAULT: O(4),
@@ -264,7 +264,7 @@ var te = {
 	"2xl": O(16),
 	"3xl": O(24),
 	full: O(120)
-}, ae = {
+}, ie = {
 	none: O(0),
 	xxxs: O(2),
 	xxs: O(4),
@@ -274,7 +274,7 @@ var te = {
 	lg: O(24),
 	xl: O(32),
 	"2xl": O(48)
-}, oe = {
+}, ae = {
 	0: "0",
 	8: "0.08",
 	12: "0.12",
@@ -283,7 +283,7 @@ var te = {
 	60: "0.6",
 	80: "0.8",
 	100: "1"
-}, se = {
+}, oe = {
 	"text-label-sm": ["11px", {
 		lineHeight: "16px",
 		letterSpacing: "0.2px",
@@ -299,7 +299,7 @@ var te = {
 		letterSpacing: "-0.1px",
 		fontWeight: 500
 	}]
-}, ce = {
+}, se = {
 	"text-body-sm": ["12px", {
 		lineHeight: "16px",
 		letterSpacing: "0.1px",
@@ -315,7 +315,7 @@ var te = {
 		letterSpacing: "0.1px",
 		fontWeight: 400
 	}]
-}, A = {
+}, j = {
 	"text-body-ds-sm": ["12px", {
 		lineHeight: "16px",
 		letterSpacing: "0.1px",
@@ -331,7 +331,7 @@ var te = {
 		letterSpacing: "0.2px",
 		fontWeight: 400
 	}]
-}, le = {
+}, ce = {
 	"text-title-sm": ["14px", {
 		lineHeight: "120%",
 		letterSpacing: "-0.1px",
@@ -347,7 +347,7 @@ var te = {
 		letterSpacing: "-0.4px",
 		fontWeight: 500
 	}]
-}, ue = {
+}, le = {
 	"text-headline-sm": ["24px", {
 		lineHeight: "120%",
 		fontWeight: "var(--headline-sm-font-weight)",
@@ -363,7 +363,7 @@ var te = {
 		fontWeight: "var(--headline-lg-font-weight)",
 		letterSpacing: "-0.4px"
 	}]
-}, j = {
+}, M = {
 	"text-display-sm": ["36px", {
 		lineHeight: "var(--display-sm-line-height)",
 		fontWeight: "var(--display-sm-font-weight)"
@@ -376,14 +376,14 @@ var te = {
 		lineHeight: "var(--display-lg-line-height)",
 		fontWeight: "var(--display-lg-font-weight)"
 	}]
-}, M = {
+}, ue = {
+	...oe,
 	...se,
+	...j,
 	...ce,
-	...A,
 	...le,
-	...ue,
-	...j
-}, de = Object.entries(M).reduce((e, [t, n]) => {
+	...M
+}, de = Object.entries(ue).reduce((e, [t, n]) => {
 	let r = t.startsWith("text-") ? t.replace("text-", "") : t;
 	return {
 		...e,
@@ -482,22 +482,22 @@ var ge = {
 	plugins: [xe, Se],
 	theme: { extend: {
 		fontSize: { ...de },
-		borderRadius: { ...ie },
+		borderRadius: { ...re },
 		spacing: (e) => {
 			let t = he(e.theme("screens"));
 			return {
-				...ae,
+				...ie,
 				...t
 			};
 		},
 		opacity: {
-			...oe,
+			...ae,
 			30: "0.3"
 		},
 		colors: {
 			...te,
+			...A,
 			...ne,
-			...re,
 			..._e
 		},
 		fontFamily: ge,
@@ -546,9 +546,9 @@ var ge = {
 		}
 	} }
 }, Te = /* @__PURE__ */ E((/* @__PURE__ */ w(((e, t) => {
-	var n = 200, r = "__lodash_hash_undefined__", i = 800, a = 16, o = 9007199254740991, s = "[object Arguments]", c = "[object Array]", l = "[object AsyncFunction]", u = "[object Boolean]", d = "[object Date]", f = "[object Error]", p = "[object Function]", m = "[object GeneratorFunction]", h = "[object Map]", g = "[object Number]", _ = "[object Null]", v = "[object Object]", y = "[object Proxy]", b = "[object RegExp]", x = "[object Set]", S = "[object String]", C = "[object Undefined]", w = "[object WeakMap]", T = "[object ArrayBuffer]", E = "[object DataView]", D = "[object Float32Array]", ee = "[object Float64Array]", O = "[object Int8Array]", k = "[object Int16Array]", te = "[object Int32Array]", ne = "[object Uint8Array]", re = "[object Uint8ClampedArray]", ie = "[object Uint16Array]", ae = "[object Uint32Array]", oe = /[\\^$.*+?()[\]{}|]/g, se = /^\[object .+?Constructor\]$/, ce = /^(?:0|[1-9]\d*)$/, A = {};
-	A[D] = A[ee] = A[O] = A[k] = A[te] = A[ne] = A[re] = A[ie] = A[ae] = !0, A[s] = A[c] = A[T] = A[u] = A[E] = A[d] = A[f] = A[p] = A[h] = A[g] = A[v] = A[b] = A[x] = A[S] = A[w] = !1;
-	var le = typeof global == "object" && global && global.Object === Object && global, ue = typeof self == "object" && self && self.Object === Object && self, j = le || ue || Function("return this")(), M = typeof e == "object" && e && !e.nodeType && e, de = M && typeof t == "object" && t && !t.nodeType && t, fe = de && de.exports === M, pe = fe && le.process, me = function() {
+	var n = 200, r = "__lodash_hash_undefined__", i = 800, a = 16, o = 9007199254740991, s = "[object Arguments]", c = "[object Array]", l = "[object AsyncFunction]", u = "[object Boolean]", d = "[object Date]", f = "[object Error]", p = "[object Function]", m = "[object GeneratorFunction]", h = "[object Map]", g = "[object Number]", _ = "[object Null]", v = "[object Object]", y = "[object Proxy]", b = "[object RegExp]", x = "[object Set]", S = "[object String]", C = "[object Undefined]", w = "[object WeakMap]", T = "[object ArrayBuffer]", E = "[object DataView]", D = "[object Float32Array]", ee = "[object Float64Array]", O = "[object Int8Array]", k = "[object Int16Array]", te = "[object Int32Array]", A = "[object Uint8Array]", ne = "[object Uint8ClampedArray]", re = "[object Uint16Array]", ie = "[object Uint32Array]", ae = /[\\^$.*+?()[\]{}|]/g, oe = /^\[object .+?Constructor\]$/, se = /^(?:0|[1-9]\d*)$/, j = {};
+	j[D] = j[ee] = j[O] = j[k] = j[te] = j[A] = j[ne] = j[re] = j[ie] = !0, j[s] = j[c] = j[T] = j[u] = j[E] = j[d] = j[f] = j[p] = j[h] = j[g] = j[v] = j[b] = j[x] = j[S] = j[w] = !1;
+	var ce = typeof global == "object" && global && global.Object === Object && global, le = typeof self == "object" && self && self.Object === Object && self, M = ce || le || Function("return this")(), ue = typeof e == "object" && e && !e.nodeType && e, de = ue && typeof t == "object" && t && !t.nodeType && t, fe = de && de.exports === ue, pe = fe && ce.process, me = function() {
 		try {
 			return de && de.require && de.require("util").types || pe && pe.binding && pe.binding("util");
 		} catch {}
@@ -579,15 +579,15 @@ var ge = {
 			return e(t(n));
 		};
 	}
-	var xe = Array.prototype, Se = Function.prototype, Ce = Object.prototype, we = j["__core-js_shared__"], Te = Se.toString, N = Ce.hasOwnProperty, Ee = function() {
+	var xe = Array.prototype, Se = Function.prototype, Ce = Object.prototype, we = M["__core-js_shared__"], Te = Se.toString, N = Ce.hasOwnProperty, Ee = function() {
 		var e = /[^.]+$/.exec(we && we.keys && we.keys.IE_PROTO || "");
 		return e ? "Symbol(src)_1." + e : "";
-	}(), De = Ce.toString, Oe = Te.call(Object), P = RegExp("^" + Te.call(N).replace(oe, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"), ke = fe ? j.Buffer : void 0, Ae = j.Symbol, je = j.Uint8Array, Me = ke ? ke.allocUnsafe : void 0, F = be(Object.getPrototypeOf, Object), Ne = Object.create, I = Ce.propertyIsEnumerable, L = xe.splice, R = Ae ? Ae.toStringTag : void 0, Pe = function() {
+	}(), De = Ce.toString, Oe = Te.call(Object), P = RegExp("^" + Te.call(N).replace(ae, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"), ke = fe ? M.Buffer : void 0, Ae = M.Symbol, je = M.Uint8Array, Me = ke ? ke.allocUnsafe : void 0, F = be(Object.getPrototypeOf, Object), Ne = Object.create, I = Ce.propertyIsEnumerable, L = xe.splice, R = Ae ? Ae.toStringTag : void 0, Pe = function() {
 		try {
 			var e = At(Object, "defineProperty");
 			return e({}, "", {}), e;
 		} catch {}
-	}(), Fe = ke ? ke.isBuffer : void 0, Ie = Math.max, Le = Date.now, Re = At(j, "Map"), ze = At(Object, "create"), Be = function() {
+	}(), Fe = ke ? ke.isBuffer : void 0, Ie = Math.max, Le = Date.now, Re = At(M, "Map"), ze = At(Object, "create"), Be = function() {
 		function e() {}
 		return function(t) {
 			if (!Xt(t)) return {};
@@ -741,10 +741,10 @@ var ge = {
 		return Zt(e) && pt(e) == s;
 	}
 	function ht(e) {
-		return !Xt(e) || Ft(e) ? !1 : (Jt(e) ? P : se).test(Ut(e));
+		return !Xt(e) || Ft(e) ? !1 : (Jt(e) ? P : oe).test(Ut(e));
 	}
 	function gt(e) {
-		return Zt(e) && Yt(e.length) && !!A[pt(e)];
+		return Zt(e) && Yt(e.length) && !!j[pt(e)];
 	}
 	function _t(e) {
 		if (!Xt(e)) return Lt(e);
@@ -853,7 +853,7 @@ var ge = {
 	}
 	function Nt(e, t) {
 		var n = typeof e;
-		return t ??= o, !!t && (n == "number" || n != "symbol" && ce.test(e)) && e > -1 && e % 1 == 0 && e < t;
+		return t ??= o, !!t && (n == "number" || n != "symbol" && se.test(e)) && e > -1 && e % 1 == 0 && e < t;
 	}
 	function U(e, t, n) {
 		if (!Xt(n)) return !1;
@@ -1788,46 +1788,51 @@ function Mt({ text: r, position: i = jt.Top, maxWidth: a = "max-w-[200px]", offs
 }
 //#endregion
 //#region src/lib/components/atoms/key-value-info/KeyValueInfo.tsx
-function Nt({ keyText: e, value: r, tooltipPosition: i, tooltipText: a, supportingLabel: o, size: s = At.Small, isTruncated: c = !1, copyText: l, onCopySuccess: u, onCopyError: d, fullwidth: f, isReverse: p = !1, valueHoverTitle: m }) {
-	let h = p ? "flex-row-reverse" : "flex-row";
-	async function g(e) {
-		if (navigator.clipboard && l) try {
-			await navigator.clipboard.writeText(l), u?.(e, l);
+function Nt({ keyText: e, keyIcon: r, value: i, tooltipPosition: a, tooltipText: o, supportingLabel: s, size: c = At.Small, isTruncated: l = !1, copyText: u, onCopySuccess: d, onCopyError: f, fullwidth: p, isReverse: m = !1, valueHoverTitle: h }) {
+	let g = m ? "flex-row-reverse" : "flex-row";
+	async function _(e) {
+		if (navigator.clipboard && u) try {
+			await navigator.clipboard.writeText(u), d?.(e, u);
 		} catch (e) {
-			console.error("Failed to copy:", e), d?.(e, l);
+			console.error("Failed to copy:", e), f?.(e, u);
 		}
 	}
 	return /* @__PURE__ */ n("div", {
-		className: (0, F.default)("flex w-full items-baseline gap-xs py-xxs font-inter", h, { "justify-between": f }),
+		className: (0, F.default)("flex w-full items-baseline gap-xs py-xxs font-inter", g, { "flex-wrap justify-between": p }),
 		children: [/* @__PURE__ */ n("div", {
-			className: (0, F.default)("flex shrink-0 flex-row items-center gap-x-0.5", { "w-1/4": !f }),
-			children: [/* @__PURE__ */ t("span", {
-				className: "key-value-key-text-color text-body-md",
-				children: e
-			}), a && /* @__PURE__ */ t(Mt, {
-				text: a,
-				position: i,
-				children: /* @__PURE__ */ t(et, { className: "key-supporting-text-color" })
-			})]
+			className: (0, F.default)("flex shrink-0 flex-row items-center gap-x-0.5", { "w-1/4": !p }),
+			children: [
+				r,
+				/* @__PURE__ */ t("span", {
+					className: "key-value-key-text-color break-normal text-body-md",
+					children: e
+				}),
+				o && /* @__PURE__ */ t(Mt, {
+					text: o,
+					position: a,
+					children: /* @__PURE__ */ t(et, { className: "key-supporting-text-color" })
+				})
+			]
 		}), /* @__PURE__ */ n("div", {
-			className: (0, F.default)("flex flex-row items-baseline gap-1 break-all", {
-				"w-3/4": !f,
-				truncate: c
+			className: (0, F.default)("flex min-w-0 flex-row items-baseline gap-1 break-all", {
+				"w-3/4": !p,
+				"flex-wrap": p,
+				truncate: l
 			}),
 			children: [
 				/* @__PURE__ */ t("span", {
-					title: m,
-					className: (0, F.default)("key-value-hover-text-color", s === At.Medium ? "text-body-lg" : "text-body-md", { truncate: c }),
-					children: r
+					title: h,
+					className: (0, F.default)("key-value-hover-text-color min-w-0", c === At.Medium ? "text-body-lg" : "text-body-md", { truncate: l }),
+					children: i
 				}),
-				o && /* @__PURE__ */ t("span", {
-					className: (0, F.default)("key-supporting-text-color", s === At.Medium ? "text-body-md" : "text-body-sm"),
-					children: o
+				s && /* @__PURE__ */ t("span", {
+					className: (0, F.default)("key-supporting-text-color", c === At.Medium ? "text-body-md" : "text-body-sm"),
+					children: s
 				}),
 				/* @__PURE__ */ t("div", {
 					className: "self-center",
-					children: l && /* @__PURE__ */ t(B, {
-						onClick: g,
+					children: u && /* @__PURE__ */ t(B, {
+						onClick: _,
 						"aria-label": "Copy to clipboard",
 						children: /* @__PURE__ */ t(Xe, { className: "key-supporting-text-color" })
 					})
@@ -1999,7 +2004,11 @@ var Ht = c(({ onError: e, renderFallback: n, ...r }, i) => {
 function qt({ icon: e, title: r, supportingText: i, type: a, style: o }) {
 	let s = Gt[a];
 	return /* @__PURE__ */ n("div", {
-		className: (0, F.default)("flex flex-row items-start gap-4 py-xs pr-lg", o === Wt.Elevated ? Kt[a] : "", { "rounded-lg pl-xs": o === Wt.Elevated }),
+		className: (0, F.default)("flex flex-row items-start gap-4 py-xs pr-lg", o === Wt.Elevated ? Kt[a] : "", {
+			"rounded-lg": o === Wt.Elevated,
+			"pl-xs": o === Wt.Elevated && !!e,
+			"pl-lg": o === Wt.Elevated && !e
+		}),
 		children: [e && /* @__PURE__ */ t("span", {
 			className: (0, F.default)("flex items-center justify-center rounded-lg [&_svg]:h-4 [&_svg]:w-4", s, { "p-xs": o === Wt.Default }),
 			children: e
@@ -2680,35 +2689,35 @@ function Dr(e) {
 		"getCaretBoundary",
 		"isValidInputCharacter",
 		"isCharacterSame"
-	]), D = wr(S, l, !!f, s, c, h), ee = D[0], O = ee.formattedValue, k = ee.numAsString, te = D[1], ne = p(), re = p({
+	]), D = wr(S, l, !!f, s, c, h), ee = D[0], O = ee.formattedValue, k = ee.numAsString, te = D[1], A = p(), ne = p({
 		formattedValue: O,
 		numAsString: k
-	}), ie = function(e, t) {
-		re.current = {
+	}), re = function(e, t) {
+		ne.current = {
 			formattedValue: e.formattedValue,
 			numAsString: e.value
 		}, te(e, t);
-	}, ae = m(!1), oe = ae[0], se = ae[1], ce = p(null), A = p({
+	}, ie = m(!1), ae = ie[0], oe = ie[1], se = p(null), j = p({
 		setCaretTimeout: null,
 		focusTimeout: null
 	});
 	u(function() {
-		return se(!0), function() {
-			clearTimeout(A.current.setCaretTimeout), clearTimeout(A.current.focusTimeout);
+		return oe(!0), function() {
+			clearTimeout(j.current.setCaretTimeout), clearTimeout(j.current.focusTimeout);
 		};
 	}, []);
-	var le = s, ue = function(e, t) {
+	var ce = s, le = function(e, t) {
 		var n = parseFloat(t);
 		return {
 			formattedValue: e,
 			value: t,
 			floatValue: isNaN(n) ? void 0 : n
 		};
-	}, j = function(e, t, n) {
-		e.selectionStart === 0 && e.selectionEnd === e.value.length || (pr(e, t), A.current.setCaretTimeout = setTimeout(function() {
+	}, M = function(e, t, n) {
+		e.selectionStart === 0 && e.selectionEnd === e.value.length || (pr(e, t), j.current.setCaretTimeout = setTimeout(function() {
 			e.value === n && e.selectionStart !== t && pr(e, t);
 		}, 0));
-	}, M = function(e, t, n) {
+	}, ue = function(e, t, n) {
 		return Sr(e, t, C(e), n);
 	}, de = function(e, t, n) {
 		var r = C(t), i = xr(t, O, e, n, r, w, T);
@@ -2719,33 +2728,33 @@ function Dr(e) {
 		var n = e.input, r = e.source, i = e.event, a = e.numAsString, o;
 		if (n) {
 			var s = e.inputValue || n.value, c = _r(n);
-			n.value = t, o = de(s, t, c), o !== void 0 && j(n, o, t);
+			n.value = t, o = de(s, t, c), o !== void 0 && M(n, o, t);
 		}
-		t !== O && ie(ue(t, a), {
+		t !== O && re(le(t, a), {
 			event: i,
 			source: r
 		});
 	};
 	u(function() {
-		var e = re.current, t = e.formattedValue, n = e.numAsString;
-		(O !== t || k !== n) && ie(ue(O, k), {
+		var e = ne.current, t = e.formattedValue, n = e.numAsString;
+		(O !== t || k !== n) && re(le(O, k), {
 			event: void 0,
 			source: Xn.props
 		});
 	}, [O, k]);
-	var pe = ce.current ? _r(ce.current) : void 0;
+	var pe = se.current ? _r(se.current) : void 0;
 	(typeof window < "u" ? d : u)(function() {
-		var e = ce.current;
-		if (O !== re.current.formattedValue && e) {
-			var t = de(re.current.formattedValue, O, pe);
-			e.value = O, j(e, t, O);
+		var e = se.current;
+		if (O !== ne.current.formattedValue && e) {
+			var t = de(ne.current.formattedValue, O, pe);
+			e.value = O, M(e, t, O);
 		}
 	}, [O]);
 	var me = function(e, t, n) {
-		var r = t.target, i = ne.current ? hr(ne.current, r.selectionEnd) : mr(O, e), a = Object.assign(Object.assign({}, i), { lastValue: O }), o = c(e, a), s = le(o);
-		if (o = c(s, void 0), g && !g(ue(s, o))) {
+		var r = t.target, i = A.current ? hr(A.current, r.selectionEnd) : mr(O, e), a = Object.assign(Object.assign({}, i), { lastValue: O }), o = c(e, a), s = ce(o);
+		if (o = c(s, void 0), g && !g(le(s, o))) {
 			var l = t.target, u = de(e, O, _r(l));
-			return l.value = O, j(l, u, O), !1;
+			return l.value = O, M(l, u, O), !1;
 		}
 		return fe({
 			formattedValue: s,
@@ -2756,13 +2765,13 @@ function Dr(e) {
 			input: t.target
 		}), !0;
 	}, he = function(e, t) {
-		t === void 0 && (t = 0), ne.current = {
+		t === void 0 && (t = 0), A.current = {
 			selectionStart: e.selectionStart,
 			selectionEnd: e.selectionEnd + t
 		};
 	}, ge = function(e) {
 		var t = e.target.value;
-		me(t, e, Xn.event) && _(e), ne.current = void 0;
+		me(t, e, Xn.event) && _(e), A.current = void 0;
 	}, _e = function(e) {
 		var t = e.target, n = e.key, r = t.selectionStart, i = t.selectionEnd, a = t.value;
 		a === void 0 && (a = "");
@@ -2776,13 +2785,13 @@ function Dr(e) {
 			return;
 		}
 		var l = o;
-		c ? (l = M(a, o, n === "ArrowLeft" ? "left" : "right"), l !== o && e.preventDefault()) : n === "Delete" && !w(a[o]) ? l = M(a, o, "right") : n === "Backspace" && !w(a[o]) && (l = M(a, o, "left")), l !== o && j(t, l, a), v(e), he(t, s);
+		c ? (l = ue(a, o, n === "ArrowLeft" ? "left" : "right"), l !== o && e.preventDefault()) : n === "Delete" && !w(a[o]) ? l = ue(a, o, "right") : n === "Backspace" && !w(a[o]) && (l = ue(a, o, "left")), l !== o && M(t, l, a), v(e), he(t, s);
 	}, ve = function(e) {
 		var t = e.target, n = function() {
 			var e = t.selectionStart, n = t.selectionEnd, r = t.value;
 			if (r === void 0 && (r = ""), e === n) {
-				var i = M(r, e);
-				i !== e && j(t, i, r);
+				var i = ue(r, e);
+				i !== e && M(t, i, r);
 			}
 		};
 		n(), requestAnimationFrame(function() {
@@ -2791,15 +2800,15 @@ function Dr(e) {
 	}, ye = function(e) {
 		e.persist && e.persist();
 		var t = e.target, n = e.currentTarget;
-		ce.current = t, A.current.focusTimeout = setTimeout(function() {
+		se.current = t, j.current.focusTimeout = setTimeout(function() {
 			var r = t.selectionStart, i = t.selectionEnd, a = t.value;
 			a === void 0 && (a = "");
-			var o = M(a, r);
-			o !== r && !(r === 0 && i === a.length) && j(t, o, a), b(Object.assign(Object.assign({}, e), { currentTarget: n }));
+			var o = ue(a, r);
+			o !== r && !(r === 0 && i === a.length) && M(t, o, a), b(Object.assign(Object.assign({}, e), { currentTarget: n }));
 		}, 0);
 	}, be = function(e) {
-		ce.current = null, clearTimeout(A.current.focusTimeout), clearTimeout(A.current.setCaretTimeout), x(e);
-	}, xe = oe && vr() ? "numeric" : void 0, Se = Object.assign({ inputMode: xe }, E, {
+		se.current = null, clearTimeout(j.current.focusTimeout), clearTimeout(j.current.setCaretTimeout), x(e);
+	}, xe = ae && vr() ? "numeric" : void 0, Se = Object.assign({ inputMode: xe }, E, {
 		type: t,
 		value: O,
 		onChange: ge,
@@ -2881,8 +2890,8 @@ function Nr(e, t, n) {
 	e = e.replace(new RegExp(rr(m), "g"), function(e, t) {
 		return t === ee ? "." : "";
 	});
-	var O = sr(e, i), k = O.beforeDecimal, te = O.afterDecimal, ne = O.addNegation;
-	return l.end - l.start < c.end - c.start && k === "" && h && !parseFloat(te) && (e = ne ? "-" : ""), e;
+	var O = sr(e, i), k = O.beforeDecimal, te = O.afterDecimal, A = O.addNegation;
+	return l.end - l.start < c.end - c.start && k === "" && h && !parseFloat(te) && (e = A ? "-" : ""), e;
 }
 function Pr(e, t) {
 	var n = t.prefix;
@@ -3395,26 +3404,30 @@ var di = /* @__PURE__ */ function(e) {
 }({});
 //#endregion
 //#region src/lib/components/molecules/table-header-cell/TableHeaderCell.tsx
-function fi({ label: e, columnKey: r, hasSort: i, hasCheckbox: a, isChecked: o, isIndeterminate: s, isContentCentered: c, onSortClick: l, onCheckboxChange: u, sortOrder: d, ...f }) {
-	let p = () => {
-		let e = d === di.Asc ? di.Desc : di.Asc;
-		l && l(r, e);
-	}, m = i ? d === di.Asc ? /* @__PURE__ */ t(ut, { className: "shrink-0" }) : d === di.Desc ? /* @__PURE__ */ t(lt, { className: "shrink-0" }) : /* @__PURE__ */ t(ut, { className: "invisible shrink-0 group-hover:visible" }) : null;
+function fi({ label: r, columnKey: i, actionLeft: a, actionRight: o, hasSort: s, hasCheckbox: c, isChecked: l, isIndeterminate: u, isContentCentered: d, onSortClick: f, onCheckboxChange: p, sortOrder: m, ...h }) {
+	let g = () => {
+		let e = m === di.Asc ? di.Desc : di.Asc;
+		f && f(i, e);
+	}, _ = s ? m === di.Asc ? /* @__PURE__ */ t(ut, { className: "shrink-0" }) : m === di.Desc ? /* @__PURE__ */ t(lt, { className: "shrink-0" }) : /* @__PURE__ */ t(ut, { className: "invisible shrink-0 group-hover:visible" }) : null;
 	return /* @__PURE__ */ t("th", {
-		onClick: i ? p : void 0,
-		className: (0, F.default)("state-layer table-cell-border-color group relative h-14 border-b px-md after:pointer-events-none", { "cursor-pointer": i }),
-		"aria-sort": i ? d === di.Asc ? "ascending" : d === di.Desc ? "descending" : "none" : void 0,
-		...f,
+		onClick: s ? g : void 0,
+		className: (0, F.default)("state-layer table-cell-border-color group relative h-14 border-b px-md after:pointer-events-none", { "cursor-pointer": s }),
+		"aria-sort": s ? m === di.Asc ? "ascending" : m === di.Desc ? "descending" : "none" : void 0,
+		...h,
 		children: /* @__PURE__ */ n("div", {
-			className: (0, F.default)("flex flex-row items-center gap-1 [&_svg]:h-4 [&_svg]:w-4", "table-header-text-color", "text-label-lg", { "justify-center": c }),
-			children: [a ? /* @__PURE__ */ t(Ct, {
-				isChecked: o,
-				isIndeterminate: s,
-				onCheckedChange: u
-			}) : /* @__PURE__ */ t("span", {
-				className: (0, F.default)({ "text-left": !c }),
-				children: e
-			}), m]
+			className: (0, F.default)("flex flex-row items-center gap-1 [&_svg]:h-4 [&_svg]:w-4", "table-header-text-color", "text-label-lg", { "justify-center": d }),
+			children: [
+				c ? /* @__PURE__ */ t(Ct, {
+					isChecked: l,
+					isIndeterminate: u,
+					onCheckedChange: p
+				}) : /* @__PURE__ */ n(e, { children: [a, /* @__PURE__ */ t("span", {
+					className: (0, F.default)({ "text-left": !d }),
+					children: r
+				})] }),
+				_,
+				o
+			]
 		})
 	});
 }
@@ -3734,7 +3747,7 @@ function Mi({ title: e, subtitle: r, clickableAction: i, icon: a, isTextTruncate
 			className: (0, F.default)("flex flex-row items-center gap-x-xxs", { "grow-1": o }),
 			children: [
 				/* @__PURE__ */ t("div", {
-					className: (0, F.default)("card-body-title-color font-inter text-title-md", { truncate: o }),
+					className: (0, F.default)("card-body-title-color text-start font-inter text-title-md", { truncate: o }),
 					children: e
 				}),
 				s ? /* @__PURE__ */ t(Mt, {
@@ -3754,7 +3767,7 @@ function Mi({ title: e, subtitle: r, clickableAction: i, icon: a, isTextTruncate
 				})
 			]
 		}), r && /* @__PURE__ */ t("div", {
-			className: (0, F.default)("card-body-subtitle-color font-inter text-body-md", { truncate: o }),
+			className: (0, F.default)("card-body-subtitle-color text-start font-inter text-body-md", { truncate: o }),
 			children: r
 		})]
 	});
@@ -3964,16 +3977,16 @@ function Qi({ value: r, onChange: i, minDate: a, maxDate: o, dateFormat: s = Ui.
 	function te() {
 		S((e) => Zi(e) - 10);
 	}
-	function ne() {
+	function A() {
 		S((e) => Zi(e) + 10);
 	}
-	function re(e) {
+	function ne(e) {
 		S(e), b("days");
 	}
-	function ie(e) {
+	function re(e) {
 		qi(e, a, o) || (i?.(e), v(!1));
 	}
-	let ae = Xi(x, C), oe = Zi(x), se = Array.from({ length: 12 }, (e, t) => oe + t), ce = !a || new Date(x - 10, C + 1, 0) >= X(a), A = !a || new Date(x, C, 0) >= X(a), le = !o || new Date(x, C + 1, 1) <= X(o), ue = !o || new Date(x + 10, C, 1) <= X(o), j = !a || new Date(oe - 1, 11, 31) >= X(a), M = !o || new Date(oe + 12, 0, 1) <= X(o);
+	let ie = Xi(x, C), ae = Zi(x), oe = Array.from({ length: 12 }, (e, t) => ae + t), se = !a || new Date(x - 10, C + 1, 0) >= X(a), j = !a || new Date(x, C, 0) >= X(a), ce = !o || new Date(x, C + 1, 1) <= X(o), le = !o || new Date(x + 10, C, 1) <= X(o), M = !a || new Date(ae - 1, 11, 31) >= X(a), ue = !o || new Date(ae + 12, 0, 1) <= X(o);
 	return /* @__PURE__ */ t(Kn, {
 		label: c,
 		caption: l,
@@ -4010,7 +4023,7 @@ function Qi({ value: r, onChange: i, minDate: a, maxDate: o, dateFormat: s = Ui.
 						children: [
 							/* @__PURE__ */ t(B, {
 								onClick: O,
-								disabled: !ce,
+								disabled: !se,
 								"aria-label": "Previous 10 years",
 								className: "date-picker-nav-icon-color enabled:hover:date-picker-nav-bg-hover flex h-8 w-8 items-center justify-center rounded-full transition-colors hover:delay-75 disabled:cursor-not-allowed disabled:opacity-40 [&_svg]:h-4 [&_svg]:w-4",
 								children: /* @__PURE__ */ t(Qe, {})
@@ -4020,7 +4033,7 @@ function Qi({ value: r, onChange: i, minDate: a, maxDate: o, dateFormat: s = Ui.
 								children: [
 									/* @__PURE__ */ t(B, {
 										onClick: D,
-										disabled: !A,
+										disabled: !j,
 										"aria-label": "Previous month",
 										className: "date-picker-nav-icon-color enabled:hover:date-picker-nav-bg-hover flex h-8 w-8 items-center justify-center rounded-full transition-colors hover:delay-75 disabled:cursor-not-allowed disabled:opacity-40 [&_svg]:h-4 [&_svg]:w-4",
 										children: /* @__PURE__ */ t(V, {})
@@ -4037,7 +4050,7 @@ function Qi({ value: r, onChange: i, minDate: a, maxDate: o, dateFormat: s = Ui.
 									}),
 									/* @__PURE__ */ t(B, {
 										onClick: ee,
-										disabled: !le,
+										disabled: !ce,
 										"aria-label": "Next month",
 										className: "date-picker-nav-icon-color enabled:hover:date-picker-nav-bg-hover flex h-8 w-8 items-center justify-center rounded-full transition-colors hover:delay-75 disabled:cursor-not-allowed disabled:opacity-40 [&_svg]:h-4 [&_svg]:w-4",
 										children: /* @__PURE__ */ t(Ge, {})
@@ -4046,7 +4059,7 @@ function Qi({ value: r, onChange: i, minDate: a, maxDate: o, dateFormat: s = Ui.
 							}),
 							/* @__PURE__ */ t(B, {
 								onClick: k,
-								disabled: !ue,
+								disabled: !le,
 								"aria-label": "Next 10 years",
 								className: "date-picker-nav-icon-color enabled:hover:date-picker-nav-bg-hover flex h-8 w-8 items-center justify-center rounded-full transition-colors hover:delay-75 disabled:cursor-not-allowed disabled:opacity-40 [&_svg]:h-4 [&_svg]:w-4",
 								children: /* @__PURE__ */ t($e, {})
@@ -4062,12 +4075,12 @@ function Qi({ value: r, onChange: i, minDate: a, maxDate: o, dateFormat: s = Ui.
 					}),
 					/* @__PURE__ */ t("div", {
 						className: "grid grid-cols-7",
-						children: ae.map((e, n) => {
+						children: ie.map((e, n) => {
 							let i = e.getMonth() === C, s = !!r && Ki(e, r), c = Ki(e, g), l = qi(e, a, o), u = !i;
 							return /* @__PURE__ */ t("div", {
 								className: "flex items-center justify-center p-0.5",
 								children: /* @__PURE__ */ t(B, {
-									onClick: () => ie(e),
+									onClick: () => re(e),
 									disabled: l || u,
 									"aria-label": Yi(e, Ui.DayMonthYear),
 									"aria-selected": s,
@@ -4089,7 +4102,7 @@ function Qi({ value: r, onChange: i, minDate: a, maxDate: o, dateFormat: s = Ui.
 					children: [
 						/* @__PURE__ */ t(B, {
 							onClick: te,
-							disabled: !j,
+							disabled: !M,
 							"aria-label": "Previous decade",
 							className: "date-picker-nav-icon-color enabled:hover:date-picker-nav-bg-hover flex h-8 w-8 items-center justify-center rounded-full transition-colors hover:delay-75 disabled:cursor-not-allowed disabled:opacity-40 [&_svg]:h-4 [&_svg]:w-4",
 							children: /* @__PURE__ */ t(Qe, {})
@@ -4097,14 +4110,14 @@ function Qi({ value: r, onChange: i, minDate: a, maxDate: o, dateFormat: s = Ui.
 						/* @__PURE__ */ n("span", {
 							className: "date-picker-header-text-color text-label-lg font-semibold",
 							children: [
-								oe,
+								ae,
 								" – ",
-								oe + 12 - 1
+								ae + 12 - 1
 							]
 						}),
 						/* @__PURE__ */ t(B, {
-							onClick: ne,
-							disabled: !M,
+							onClick: A,
+							disabled: !ue,
 							"aria-label": "Next decade",
 							className: "date-picker-nav-icon-color enabled:hover:date-picker-nav-bg-hover flex h-8 w-8 items-center justify-center rounded-full transition-colors hover:delay-75 disabled:cursor-not-allowed disabled:opacity-40 [&_svg]:h-4 [&_svg]:w-4",
 							children: /* @__PURE__ */ t($e, {})
@@ -4112,10 +4125,10 @@ function Qi({ value: r, onChange: i, minDate: a, maxDate: o, dateFormat: s = Ui.
 					]
 				}), /* @__PURE__ */ t("div", {
 					className: "grid grid-cols-3 gap-1",
-					children: se.map((e) => {
+					children: oe.map((e) => {
 						let n = r?.getFullYear() === e, i = g.getFullYear() === e, s = Ji(e, a, o);
 						return /* @__PURE__ */ t(B, {
-							onClick: () => re(e),
+							onClick: () => ne(e),
 							disabled: s,
 							"aria-label": String(e),
 							"aria-selected": n,
@@ -5746,6 +5759,6 @@ function Rc({ children: e, hideBorder: n }) {
 	});
 }
 //#endregion
-export { Rc as Accordion, Lc as AccordionContent, Ic as AccordionHeader, ni as Account, _n as Address, yn as AssetMediaRenderer, Ne as Badge, ke as BadgeSize, P as BadgeType, z as Button, R as ButtonHtmlType, He as ButtonPill, St as ButtonSegment, xt as ButtonSegmentType, I as ButtonSize, L as ButtonType, B as ButtonUnstyled, Ei as Card, Di as CardAction, bi as CardActionType, Mi as CardBody, ji as CardImage, _i as CardType, Ct as Checkbox, An as Chip, bn as ChipSize, K as ChipType, Qi as DatePicker, Ui as DatePickerFormat, mc as Dialog, xc as DialogBody, gc as DialogClose, yc as DialogContent, pc as DialogPosition, bc as DialogTitle, hc as DialogTrigger, Bi as DisplayStats, Y as DisplayStatsSize, Ni as DisplayStatsType, kt as Divider, Tt as DividerType, ri as Dropdown, ii as DropdownPosition, zt as Header, ne as IOTA_NAMES_COLOR_PALETTE, te as IOTA_PRIMITIVES_COLOR_PALETTE, Ut as Image, yi as ImageShape, vi as ImageType, Ht as ImageWithFallback, qt as InfoBox, Wt as InfoBoxStyle, W as InfoBoxType, Rr as Input, q as InputType, Nt as KeyValueInfo, Lt as LabelText, U as LabelTextSize, Rt as ListItem, Zt as LoadingIndicator, Vt as MediaFallback, Pc as Navbar, ti as NavbarItem, Wr as NavbarItemType, Fc as NavbarSlideout, Bt as Panel, Qt as Placeholder, mt as RadioButton, Jn as Resize, re as SHADER_COLOR_PALETTE, D as ScreenSize, gi as Search, J as SearchBarType, gn as SecondaryText, Pn as SegmentedButton, jn as SegmentedButtonType, li as Select, ci as SelectSize, $t as Skeleton, Xt as Snackbar, G as SnackbarType, Tc as Table, Ec as TableActionButton, jc as TableBody, ai as TableCellBase, si as TableCellPlaceholder, oi as TableCellText, Dc as TableHeader, fi as TableHeaderCell, di as TableHeaderCellSortOrder, Nc as TableHeaderCheckbox, Oc as TableRow, Mc as TableRowCheckbox, Hr as TextArea, Rn as Title, Fn as TitleSize, hn as Toggle, an as ToggleLabelPosition, rn as ToggleSize, Mt as Tooltip, jt as TooltipPosition, ee as UIKitTheme, At as ValueSize, nn as Video, Vi as VisualAssetCard, vn as VisualAssetType, Ee as uiKitResponsivePreset, De as uiKitStaticPreset };
+export { Rc as Accordion, Lc as AccordionContent, Ic as AccordionHeader, ni as Account, _n as Address, yn as AssetMediaRenderer, Ne as Badge, ke as BadgeSize, P as BadgeType, z as Button, R as ButtonHtmlType, He as ButtonPill, St as ButtonSegment, xt as ButtonSegmentType, I as ButtonSize, L as ButtonType, B as ButtonUnstyled, Ei as Card, Di as CardAction, bi as CardActionType, Mi as CardBody, ji as CardImage, _i as CardType, Ct as Checkbox, An as Chip, bn as ChipSize, K as ChipType, Qi as DatePicker, Ui as DatePickerFormat, mc as Dialog, xc as DialogBody, gc as DialogClose, yc as DialogContent, pc as DialogPosition, bc as DialogTitle, hc as DialogTrigger, Bi as DisplayStats, Y as DisplayStatsSize, Ni as DisplayStatsType, kt as Divider, Tt as DividerType, ri as Dropdown, ii as DropdownPosition, zt as Header, A as IOTA_NAMES_COLOR_PALETTE, te as IOTA_PRIMITIVES_COLOR_PALETTE, Ut as Image, yi as ImageShape, vi as ImageType, Ht as ImageWithFallback, qt as InfoBox, Wt as InfoBoxStyle, W as InfoBoxType, Rr as Input, q as InputType, Nt as KeyValueInfo, Lt as LabelText, U as LabelTextSize, Rt as ListItem, Zt as LoadingIndicator, Vt as MediaFallback, Pc as Navbar, ti as NavbarItem, Wr as NavbarItemType, Fc as NavbarSlideout, Bt as Panel, Qt as Placeholder, mt as RadioButton, Jn as Resize, ne as SHADER_COLOR_PALETTE, D as ScreenSize, gi as Search, J as SearchBarType, gn as SecondaryText, Pn as SegmentedButton, jn as SegmentedButtonType, li as Select, ci as SelectSize, $t as Skeleton, Xt as Snackbar, G as SnackbarType, Tc as Table, Ec as TableActionButton, jc as TableBody, ai as TableCellBase, si as TableCellPlaceholder, oi as TableCellText, Dc as TableHeader, fi as TableHeaderCell, di as TableHeaderCellSortOrder, Nc as TableHeaderCheckbox, Oc as TableRow, Mc as TableRowCheckbox, Hr as TextArea, Rn as Title, Fn as TitleSize, hn as Toggle, an as ToggleLabelPosition, rn as ToggleSize, Mt as Tooltip, jt as TooltipPosition, ee as UIKitTheme, At as ValueSize, nn as Video, Vi as VisualAssetCard, vn as VisualAssetType, Ee as uiKitResponsivePreset, De as uiKitStaticPreset };
 
 //# sourceMappingURL=index.es.js.map