@jackuait/blok 0.7.3-beta.4 → 0.8.0

package/dist/chunks/{constants-C_H9o9Ao.mjs → constants-CjWRVOdm.mjs}

@@ -62,7 +62,6 @@ var r = Object.create, i = Object.defineProperty, a = Object.getOwnPropertyDescr
 	popoverItemConfirmation: "data-blok-popover-item-confirmation",
 	popoverItemNoHover: "data-blok-popover-item-no-hover",
 	popoverItemNoFocus: "data-blok-popover-item-no-focus",
-	popoverItemWobble: "data-blok-popover-item-wobble",
 	popoverItemDestructive: "data-blok-popover-item-destructive",
 	popoverItemSeparator: "data-blok-popover-item-separator",
 	popoverItemSeparatorLine: "data-blok-popover-item-separator-line",
@@ -138,7 +137,7 @@ var r = Object.create, i = Object.defineProperty, a = Object.getOwnPropertyDescr
 	RIGHT: 2,
 	BACKWARD: 3,
 	FORWARD: 4
-}, g = () => "0.7.3-beta.3", _ = /* @__PURE__ */ function(e) {
+}, g = () => "0.8.0", _ = /* @__PURE__ */ function(e) {
 	return e.VERBOSE = "VERBOSE", e.INFO = "INFO", e.WARN = "WARN", e.ERROR = "ERROR", e;
 }({}), v = (e, t, n = "log", r, i = "color: inherit") => {
 	let a = typeof console > "u" ? void 0 : console;
@@ -954,7 +953,7 @@ var Xe = class {
 		u && (u.removeAllRanges(), u.addRange(l)), this.selectionUtils.isFakeBackgroundEnabled = !0;
 	}
 	removeFakeBackground() {
-		this.removeOrphanedFakeBackgroundElements(), this.selectionUtils.isFakeBackgroundEnabled && (this.removeHighlightSpans(), this.selectionUtils.isFakeBackgroundEnabled = !1);
+		this.selectionUtils.isFakeBackgroundEnabled && (this.removeHighlightSpans(), this.selectionUtils.isFakeBackgroundEnabled = !1), this.removeOrphanedFakeBackgroundElements();
 	}
 	removeOrphanedFakeBackgroundElements() {
 		document.querySelectorAll("[data-blok-fake-background=\"true\"]").forEach((e) => {
@@ -1462,15 +1461,15 @@ var Xe = class {
 	}
 };
 xt = At, xt.instance = null;
-var R = () => At.getInstance(), jt = (e, t, n) => {
-	R().show(e, t, n == null ? {} : n);
-}, Mt = () => {
-	R().hide();
-}, Nt = (e, t, n) => {
-	R().onHover(e, t, n == null ? {} : n);
-}, Pt = () => {
-	R().destroy();
+var jt = () => At.getInstance(), Mt = (e, t, n) => {
+	jt().show(e, t, n == null ? {} : n);
+}, Nt = () => {
+	jt().hide();
+}, Pt = (e, t, n) => {
+	jt().onHover(e, t, n == null ? {} : n);
 }, Ft = () => {
+	jt().destroy();
+}, It = () => {
 	var e, t;
 	let n = window.getSelection();
 	if (n === null) return [null, 0];
@@ -1481,7 +1480,7 @@ var R = () => At.getInstance(), jt = (e, t, n) => {
 	if (a !== void 0) return [a, 0];
 	let o = (e = r.childNodes[i - 1]) == null ? null : e, s = (t = o == null ? void 0 : o.textContent) == null ? null : t;
 	return [o, s === null ? 0 : s.length];
-}, It = (e) => {
+}, Lt = (e) => {
 	var t;
 	let n = window.getSelection();
 	if (n === null || n.rangeCount === 0) return 0;
@@ -1489,7 +1488,7 @@ var R = () => At.getInstance(), jt = (e, t, n) => {
 	if (i == null) return 0;
 	let a = document.createRange();
 	return a.selectNodeContents(i), a.setEnd(r.startContainer, r.startOffset), a.toString().length;
-}, Lt = (e, t, n, r) => {
+}, Rt = (e, t, n, r) => {
 	let i = document.createRange();
 	r === "left" ? (i.selectNodeContents(e), i.setEnd(t, n)) : (i.selectNodeContents(e), i.setStart(t, n));
 	let a = i.cloneContents(), o = document.createElement("div");
@@ -1501,23 +1500,23 @@ var R = () => At.getInstance(), jt = (e, t, n) => {
 	o.style.position = "absolute", o.style.visibility = "hidden", o.style.height = "auto", o.style.width = "auto", o.style.whiteSpace = window.getComputedStyle(e).whiteSpace, document.body.appendChild(o);
 	let u = o.getBoundingClientRect().width;
 	return document.body.removeChild(o), !(u > 0 || !Te(s) || window.getComputedStyle(e).whiteSpace.startsWith("pre") && s.length > 0);
-}, Rt = (e) => {
+}, zt = (e) => {
 	var t;
 	let n = O.getDeepestNode(e);
 	if (n === null || O.isEmpty(e)) return !0;
 	if (O.isNativeInput(n)) return n.selectionEnd === 0;
 	if (O.isEmpty(e)) return !0;
-	let [r, i] = Ft();
+	let [r, i] = It();
 	if (r === null) return !1;
 	let a = window.getSelection(), o = (t = a == null ? void 0 : a.focusNode) == null ? null : t;
-	return o !== null && o !== e && !(o.nodeType === Node.TEXT_NODE && o.parentNode === e) ? !1 : Lt(e, r, i, "left");
-}, zt = (e) => {
+	return o !== null && o !== e && !(o.nodeType === Node.TEXT_NODE && o.parentNode === e) ? !1 : Rt(e, r, i, "left");
+}, Bt = (e) => {
 	let t = O.getDeepestNode(e, !0);
 	if (t === null) return !0;
 	if (O.isNativeInput(t)) return t.selectionEnd === t.value.length;
-	let [n, r] = Ft();
-	return n === null ? !1 : Lt(e, n, r, "right");
-}, Bt, z = class e {
+	let [n, r] = It();
+	return n === null ? !1 : Rt(e, n, r, "right");
+}, Vt, R = class e {
 	constructor(e, t) {
 		this.cursor = -1, this.items = [], this.items = e == null ? [] : e, this.focusedCssClass = t;
 	}
@@ -1550,13 +1549,13 @@ var R = () => At.getInstance(), jt = (e, t, n) => {
 		return O.canSetCaret(this.items[i]) && ae(() => et.setCursor(this.items[i]), 50)(), this.items[i].classList.add(this.focusedCssClass), this.items[i].setAttribute("data-blok-focused", "true"), i;
 	}
 };
-Bt = z, Bt.directions = {
+Vt = R, Vt.directions = {
 	RIGHT: "right",
 	LEFT: "left"
 };
 //#endregion
 //#region src/components/flipper.ts
-var Vt = class e {
+var Ht = class e {
 	get isActivated() {
 		return this.activated;
 	}
@@ -1589,7 +1588,7 @@ var Vt = class e {
 					break;
 				case null: break;
 			}
-		}, this.iterator = new z(t.items || [], (n = t.focusedItemClass) == null ? "" : n), this.activateCallback = t.activateCallback, this.allowedKeys = t.allowedKeys || e.usedKeys, this.handleContentEditableTargets = (r = t.handleContentEditableTargets) == null ? !1 : r, this.onArrowLeftCallback = t.onArrowLeft;
+		}, this.iterator = new R(t.items || [], (n = t.focusedItemClass) == null ? "" : n), this.activateCallback = t.activateCallback, this.allowedKeys = t.allowedKeys || e.usedKeys, this.handleContentEditableTargets = (r = t.handleContentEditableTargets) == null ? !1 : r, this.onArrowLeftCallback = t.onArrowLeft;
 	}
 	static get usedKeys() {
 		return [
@@ -1678,16 +1677,16 @@ var Vt = class e {
 		return this.handleContentEditableTargets;
 	}
 	handleTabPress(e) {
-		let t = e.shiftKey ? z.directions.LEFT : z.directions.RIGHT;
+		let t = e.shiftKey ? R.directions.LEFT : R.directions.RIGHT;
 		if (this.skipNextTabFocus) {
 			this.skipNextTabFocus = !1;
 			return;
 		}
 		switch (t) {
-			case z.directions.RIGHT:
+			case R.directions.RIGHT:
 				this.flipRight();
 				break;
-			case z.directions.LEFT:
+			case R.directions.LEFT:
 				this.flipLeft();
 				break;
 		}
@@ -1716,7 +1715,7 @@ var Vt = class e {
 		let n = e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement, r = t.key === "Tab" || t.key === "ArrowUp" || t.key === "ArrowDown" || t.key === "Enter" || t.key === "ArrowRight" || t.key === "ArrowLeft", i = e.getAttribute("data-blok-flipper-navigation-target") === "true" && r, a = e.isContentEditable, o = e.closest("[data-blok-link-tool-input-opened=\"true\"]") !== null, s = a && !this.handleContentEditableTargets;
 		return n && !i || s || o;
 	}
-}, Ht = [
+}, Ut = [
 	{
 		name: "gray",
 		text: "#787774",
@@ -1742,11 +1741,6 @@ var Vt = class e {
 		text: "#448361",
 		bg: "#edf3ec"
 	},
-	{
-		name: "teal",
-		text: "#2b9a8f",
-		bg: "#e4f5f3"
-	},
 	{
 		name: "blue",
 		text: "#337ea9",
@@ -1767,10 +1761,59 @@ var Vt = class e {
 		text: "#d44c47",
 		bg: "#fdebec"
 	}
+], Wt = [
+	{
+		name: "gray",
+		text: "#9b9b9b",
+		bg: "#2f2f2f"
+	},
+	{
+		name: "brown",
+		text: "#c59177",
+		bg: "#452a1c"
+	},
+	{
+		name: "orange",
+		text: "#dc8c47",
+		bg: "#4d2f14"
+	},
+	{
+		name: "yellow",
+		text: "#d4ab49",
+		bg: "#544012"
+	},
+	{
+		name: "green",
+		text: "#5db184",
+		bg: "#1e432f"
+	},
+	{
+		name: "blue",
+		text: "#5c9fcc",
+		bg: "#123a54"
+	},
+	{
+		name: "purple",
+		text: "#a67dca",
+		bg: "#341d49"
+	},
+	{
+		name: "pink",
+		text: "#d45e99",
+		bg: "#4b1b33"
+	},
+	{
+		name: "red",
+		text: "#dd5e5a",
+		bg: "#4e1a18"
+	}
 ];
+function Gt(e, t) {
+	return `var(--blok-color-${e}-${t})`;
+}
 //#endregion
 //#region src/components/utils/color-mapping.ts
-function Ut(e, t, n) {
+function Kt(e, t, n) {
 	let r = t / 100, i = n / 100;
 	if (r === 0) {
 		let e = Math.round(i * 255);
@@ -1790,7 +1833,7 @@ function Ut(e, t, n) {
 		Math.round(o(c, s, l - 1 / 3) * 255)
 	];
 }
-function Wt(e) {
+function z(e) {
 	let t = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(e);
 	if (t) return [
 		parseInt(t[1], 16),
@@ -1822,10 +1865,10 @@ function Wt(e) {
 		Number(a[3])
 	];
 	let o = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*[\d.]+\s*)?\)$/i.exec(e);
-	return o ? Ut(Number(o[1]), Number(o[2]), Number(o[3])) : null;
+	return o ? Kt(Number(o[1]), Number(o[2]), Number(o[3])) : null;
 }
-var Gt = .1;
-function Kt(e) {
+var qt = .1;
+function B(e) {
 	let t = e[0] / 255, n = e[1] / 255, r = e[2] / 255, i = Math.max(t, n, r), a = Math.min(t, n, r), o = (i + a) / 2;
 	if (i === a) return [
 		0,
@@ -1839,8 +1882,8 @@ function Kt(e) {
 		o
 	];
 }
-function qt(e, t) {
-	let n = e[1] < Gt, r = t[1] < Gt;
+function Jt(e, t) {
+	let n = e[1] < qt, r = t[1] < qt;
 	if (n && r) {
 		let n = Math.abs(e[2] - t[2]);
 		return n * n;
@@ -1849,14 +1892,14 @@ function qt(e, t) {
 	let i = Math.abs(e[0] - t[0]), a = Math.min(i, 360 - i) / 180, o = Math.abs(e[1] - t[1]), s = Math.abs(e[2] - t[2]);
 	return 8 * a * a + 1 * o * o + 1 * s * s;
 }
-function B(e, t) {
-	let n = Wt(e);
+function V(e, t) {
+	let n = z(e);
 	if (n === null) return e;
-	let r = Kt(n);
-	return Ht.reduce((e, n) => {
-		let i = Wt(n[t]);
+	let r = B(n);
+	return Ut.reduce((e, n) => {
+		let i = z(n[t]);
 		if (i === null) return e;
-		let a = qt(r, Kt(i));
+		let a = Jt(r, B(i));
 		return a < e.distance ? {
 			color: n[t],
 			distance: a
@@ -1866,13 +1909,28 @@ function B(e, t) {
 		distance: Infinity
 	}).color;
 }
+function Yt(e, t) {
+	var n;
+	let r = z(e);
+	if (r === null) return null;
+	let i = B(r), a = [...Ut, ...Wt].reduce((e, n) => {
+		let r = z(n[t]);
+		if (r === null) return e;
+		let a = Jt(i, B(r));
+		return e === null || a < e.distance ? {
+			name: n.name,
+			distance: a
+		} : e;
+	}, null);
+	return (n = a == null ? void 0 : a.name) == null ? null : n;
+}
 //#endregion
 //#region src/tools/table/table-cell-clipboard.ts
-var V = "data-blok-table-cells";
-function Jt(e, t, n) {
+var H = "data-blok-table-cells";
+function Xt(e, t, n) {
 	return e ? `background-color: ${n}` : t ? "background-color: transparent" : "";
 }
-function Yt(e) {
+function Zt(e) {
 	if (e.length === 0) return {
 		rows: 0,
 		cols: 0,
@@ -1889,28 +1947,28 @@ function Yt(e) {
 		cells: s
 	};
 }
-function Xt(e) {
+function Qt(e) {
 	let { data: t } = e;
 	return typeof t.text == "string" ? t.text : Array.isArray(t.items) ? t.items.filter((e) => typeof e == "string").join(" ") : "";
 }
-function Zt(e) {
+function $t(e) {
 	var t;
 	let n = document.createElement("div");
 	return n.innerHTML = e, (t = n.textContent) == null ? "" : t;
 }
-function Qt(e) {
-	return Zt(Xt(e));
+function en(e) {
+	return $t(Qt(e));
 }
-function $t(e) {
-	return `<table ${V}='${JSON.stringify(e).replace(/'/g, "&#39;")}'>${e.cells.map((e) => `<tr>${e.map((e) => {
-		let t = e.blocks.map(Xt).join(" "), n = [e.color ? `background-color: ${e.color}` : "", e.textColor ? `color: ${e.textColor}` : ""].filter(Boolean).join("; ");
+function tn(e) {
+	return `<table ${H}='${JSON.stringify(e).replace(/'/g, "&#39;")}'>${e.cells.map((e) => `<tr>${e.map((e) => {
+		let t = e.blocks.map(Qt).join(" "), n = [e.color ? `background-color: ${e.color}` : "", e.textColor ? `color: ${e.textColor}` : ""].filter(Boolean).join("; ");
 		return `<td${n ? ` style="${n}"` : ""}>${t}</td>`;
 	}).join("")}</tr>`).join("")}</table>`;
 }
-function en(e) {
-	return e.cells.map((e) => e.map((e) => e.blocks.map(Qt).join(" ")).join("	")).join("\n");
+function nn(e) {
+	return e.cells.map((e) => e.map((e) => e.blocks.map(en).join(" ")).join("	")).join("\n");
 }
-var tn = new Set(["color", "background-color"]), nn = {
+var rn = new Set(["color", "background-color"]), an = {
 	b: !0,
 	strong: !0,
 	i: !0,
@@ -1919,40 +1977,40 @@ var tn = new Set(["color", "background-color"]), nn = {
 	a: { href: !0 },
 	mark: (e) => {
 		let t = e.style, n = Array.from({ length: t.length }, (e, n) => t.item(n));
-		for (let e of n) tn.has(e) || t.removeProperty(e);
+		for (let e of n) rn.has(e) || t.removeProperty(e);
 		return t.length > 0 ? { style: !0 } : {};
 	}
 };
-function H(e) {
+function U(e) {
 	let t = e.replace(/\s/g, "");
 	return t === "rgb(0,0,0)" || t === "#000000";
 }
-function rn(e) {
+function on(e) {
 	let t = e.cloneNode(!0);
 	for (let e of Array.from(t.querySelectorAll("span"))) {
 		var n, r, i;
-		let t = (n = e.getAttribute("style")) == null ? "" : n, a = /font-weight\s*:\s*(700|bold)/i.test(t), o = /font-style\s*:\s*italic/i.test(t), s = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(t), c = /background-color\s*:\s*([^;]+)/i.exec(t), l = s == null || (r = s[1]) == null ? void 0 : r.trim(), u = c == null || (i = c[1]) == null ? void 0 : i.trim(), d = l !== void 0 && !H(l), f = u !== void 0 && u !== "transparent";
+		let t = (n = e.getAttribute("style")) == null ? "" : n, a = /font-weight\s*:\s*(700|bold)/i.test(t), o = /font-style\s*:\s*italic/i.test(t), s = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(t), c = /background-color\s*:\s*([^;]+)/i.exec(t), l = s == null || (r = s[1]) == null ? void 0 : r.trim(), u = c == null || (i = c[1]) == null ? void 0 : i.trim(), d = l !== void 0 && !U(l), f = u !== void 0 && u !== "transparent";
 		if (!a && !o && !d && !f) continue;
-		let p = d ? B(l, "text") : "", m = f ? B(u, "bg") : "", h = [d ? `color: ${p}` : "", Jt(f, d, m)].filter(Boolean).join("; "), g = e.innerHTML, _ = h ? `<mark style="${h};">${g}</mark>` : g, v = o ? `<i>${_}</i>` : _, ee = a ? `<b>${v}</b>` : v;
+		let p = d ? V(l, "text") : "", m = f ? V(u, "bg") : "", h = [d ? `color: ${p}` : "", Xt(f, d, m)].filter(Boolean).join("; "), g = e.innerHTML, _ = h ? `<mark style="${h};">${g}</mark>` : g, v = o ? `<i>${_}</i>` : _, ee = a ? `<b>${v}</b>` : v;
 		e.replaceWith(document.createRange().createContextualFragment(ee));
 	}
 	for (let e of Array.from(t.querySelectorAll("a[style]"))) {
 		var a, o, s;
-		let t = (a = e.getAttribute("style")) == null ? "" : a, n = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(t), r = /background-color\s*:\s*([^;]+)/i.exec(t), i = n == null || (o = n[1]) == null ? void 0 : o.trim(), c = r == null || (s = r[1]) == null ? void 0 : s.trim(), l = i !== void 0 && !H(i) && i !== "inherit", u = c !== void 0 && c !== "transparent" && c !== "inherit";
+		let t = (a = e.getAttribute("style")) == null ? "" : a, n = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(t), r = /background-color\s*:\s*([^;]+)/i.exec(t), i = n == null || (o = n[1]) == null ? void 0 : o.trim(), c = r == null || (s = r[1]) == null ? void 0 : s.trim(), l = i !== void 0 && !U(i) && i !== "inherit", u = c !== void 0 && c !== "transparent" && c !== "inherit";
 		if (!l && !u) continue;
-		let d = l ? B(i, "text") : "", f = u ? B(c, "bg") : "", p = [l ? `color: ${d}` : "", Jt(u, l, f)].filter(Boolean).join("; "), m = e;
+		let d = l ? V(i, "text") : "", f = u ? V(c, "bg") : "", p = [l ? `color: ${d}` : "", Xt(u, l, f)].filter(Boolean).join("; "), m = e;
 		m.innerHTML = `<mark style="${p};">${m.innerHTML}</mark>`, m.style.removeProperty("color"), m.style.removeProperty("background-color");
 	}
 	for (let e of Array.from(t.querySelectorAll("p"))) {
 		let t = document.createRange().createContextualFragment(e.innerHTML + "<br>");
 		e.replaceWith(t);
 	}
-	return I(t.innerHTML, nn).replace(/(<br\s*\/?>|\s)+$/i, "").trim();
+	return I(t.innerHTML, an).replace(/(<br\s*\/?>|\s)+$/i, "").trim();
 }
-function an(e) {
+function sn(e) {
 	if (!e) return null;
 	let t = new DOMParser().parseFromString(e, "text/html").querySelector("table");
-	if (!t || t.hasAttribute(V)) return null;
+	if (!t || t.hasAttribute(H)) return null;
 	let n = t.querySelectorAll("tr");
 	if (n.length === 0) return null;
 	let r = [];
@@ -1960,16 +2018,16 @@ function an(e) {
 		let t = e.querySelectorAll("td, th"), n = [];
 		t.forEach((e) => {
 			var t;
-			let r = rn(e).split(/<br\s*\/?>/i).map((e) => e.trim()).filter(Boolean), i = { blocks: r.length > 0 ? r.map((e) => ({
+			let r = on(e).split(/<br\s*\/?>/i).map((e) => e.trim()).filter(Boolean), i = { blocks: r.length > 0 ? r.map((e) => ({
 				tool: "paragraph",
 				data: { text: e }
 			})) : [{
 				tool: "paragraph",
 				data: { text: "" }
 			}] }, a = (t = e.getAttribute("style")) == null ? "" : t, o = /background-color\s*:\s*([^;]+)/i.exec(a);
-			o != null && o[1] && (i.color = B(o[1].trim(), "bg"));
+			o != null && o[1] && (i.color = V(o[1].trim(), "bg"));
 			let s = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(a);
-			s != null && s[1] && !H(s[1].trim()) && (i.textColor = B(s[1].trim(), "text")), n.push(i);
+			s != null && s[1] && !U(s[1].trim()) && (i.textColor = V(s[1].trim(), "text")), n.push(i);
 		}), r.push(n);
 	});
 	let i = Math.max(0, ...r.map((e) => e.length));
@@ -1984,8 +2042,8 @@ function an(e) {
 		cells: r
 	};
 }
-function on(e) {
-	let t = RegExp(`${V}='([^']*)'|${V}="([^"]*)"`, "s").exec(e);
+function cn(e) {
+	let t = RegExp(`${H}='([^']*)'|${H}="([^"]*)"`, "s").exec(e);
 	if (!t) return null;
 	try {
 		var n;
@@ -1999,24 +2057,24 @@ function on(e) {
 }
 //#endregion
 //#region src/components/icons/index.ts
-var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"m5 15 10-10m0 10L5 5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", cn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M5.5 11h4.9231c.6528 0 1.2789-.3161 1.7405-.8787.4617-.56259.721-1.32565.721-2.1213 0-.79565-.2593-1.55871-.721-2.12132C11.702 5.31607 11.0759 5 10.4231 5H5.5v6Zm0 0h5.5385c.6528 0 1.2789.3161 1.7405.8787.4617.5626.721 1.3257.721 2.1213 0 .7956-.2593 1.5587-.721 2.1213-.4616.5626-1.0877.8787-1.7405.8787H5.5v-6Z\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", ln = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M8.5 5h6m-10 12h6m1-12-4 12\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", un = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M8.5 11.5a3.5 3.5 0 0 0 5 0l2-2a3.536 3.536 0 0 0-5-5l-1 1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M11.5 8.5a3.5 3.5 0 0 0-5 0l-2 2a3.536 3.536 0 0 0 5 5l1-1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", dn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M6.5 14L10 5l3.5 9\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M7.5 11.5h5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n  <rect x=\"4.5\" y=\"16\" width=\"11\" height=\"1.5\" rx=\"0.75\" fill=\"currentColor\"/>\n</svg>\n", fn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M14.5 6.5l2-2-2-2\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M16.5 4.5h-4a5 5 0 0 0-5 5v1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M5.5 13.5l-2 2 2 2\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M3.5 15.5h4a5 5 0 0 0 5-5v-1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", pn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <circle cx=\"7.5\" cy=\"5.5\" r=\"1\" fill=\"currentColor\"/>\n  <circle cx=\"12.5\" cy=\"5.5\" r=\"1\" fill=\"currentColor\"/>\n  <circle cx=\"7.5\" cy=\"10\" r=\"1\" fill=\"currentColor\"/>\n  <circle cx=\"12.5\" cy=\"10\" r=\"1\" fill=\"currentColor\"/>\n  <circle cx=\"7.5\" cy=\"14.5\" r=\"1\" fill=\"currentColor\"/>\n  <circle cx=\"12.5\" cy=\"14.5\" r=\"1\" fill=\"currentColor\"/>\n</svg>\n", mn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4.5 10h11M10 4.5v11\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", hn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"m12 5-5 5 5 5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", gn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"m8 5 5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", _n = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <circle cx=\"9\" cy=\"9\" r=\"4.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n  <path d=\"m12.5 12.5 3.5 3.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", vn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m4.1667 5 2.5-1.66667V15\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", yn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m7.5 10h-3.3333c0-3.3333 3.3333-2.5 3.3333-5 0-1.25-1.6667-2.08333-3.3333-.83333\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", bn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m4.5833 3.75C16 7.91667 17.5 8.75 17.5 10c0 .442-.1756.866-.4882 1.1785-.3125.3126-.7364.4882-1.1785.4882.4421 0 .866.1756 1.1785.4881.3126.3126.4882.7365.4882 1.1785 0 1.5-1.6667 2.5-3.3333 1.25\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", xn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M10 15V5M14.1667 8.33333V10.8333C14.1667 11.0543 14.2545 11.2663 14.4107 11.4226C14.567 11.5789 14.779 11.6667 15 11.6667H17.5M17.5 8.33333V15M3.33334 10H10M3.33334 15V5\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", Sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M3.33334 10H10M3.33334 15V5M10 15V5M17.5 8.33333H14.1667V10.8333H15.25C16.5 10.8333 17.5 11.75 17.5 12.9167C17.5 14.0833 16.5 15 15.25 15C14.8333 15 14.5 14.9167 14.1667 14.75\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", Cn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m4.1667 8.3333c0 .9205.7462 1.6667 1.6666 1.6667.9205 0 1.6667-.7462 1.6667-1.6667 0-.9204-.7462-1.6666-1.6667-1.6666-.9204 0-1.6666.7462-1.6666 1.6666Zm0 0c0-2.0833.8333-3.3333 2.5-4.99997\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", wn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M14.5 7.28571V6h-9v1.28571M10 6v9m0 0H8.71429M10 15h1.2857\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", Tn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M10 4 3 16h14Z\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M10 8.5v3.5m0 2v.01\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", En = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M3 3l3 2-3 2M9 5h8M6 10h11M6 15h11\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", Dn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M8 5h9M8 10h9M8 15h9\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n  />\n  <circle cx=\"4\" cy=\"5\" r=\"1\" fill=\"currentColor\"/>\n  <circle cx=\"4\" cy=\"10\" r=\"1\" fill=\"currentColor\"/>\n  <circle cx=\"4\" cy=\"15\" r=\"1\" fill=\"currentColor\"/>\n</svg>\n", On = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M8 5h9M8 10h9M8 15h9\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n  <text x=\"4\" y=\"6\" fill=\"currentColor\" font-size=\"5\" font-family=\"sans-serif\" text-anchor=\"middle\" dominant-baseline=\"central\">1</text>\n  <text x=\"4\" y=\"11\" fill=\"currentColor\" font-size=\"5\" font-family=\"sans-serif\" text-anchor=\"middle\" dominant-baseline=\"central\">2</text>\n  <text x=\"4\" y=\"16\" fill=\"currentColor\" font-size=\"5\" font-family=\"sans-serif\" text-anchor=\"middle\" dominant-baseline=\"central\">3</text>\n</svg>\n", kn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M10 5h7M10 10h7M10 15h7M3 5l1 1 2-2M3 10l1 1 2-2M3 15l1 1 2-2\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", An = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <rect x=\"3\" y=\"4\" width=\"14\" height=\"12\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n  <path d=\"M3 8h14M3 12h14M7.5 4v12M12.5 4v12\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", jn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4.5 4h11A1.5 1.5 0 0 1 17 5.5V8H3V5.5A1.5 1.5 0 0 1 4.5 4Z\" fill=\"currentColor\"/>\n  <rect x=\"3\" y=\"4\" width=\"14\" height=\"12\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n  <path d=\"M3 8h14M3 12h14M7.5 4v12M12.5 4v12\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", Mn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4.5 4H7.5v12H4.5A1.5 1.5 0 0 1 3 14.5v-9A1.5 1.5 0 0 1 4.5 4Z\" fill=\"currentColor\"/>\n  <rect x=\"3\" y=\"4\" width=\"14\" height=\"12\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n  <path d=\"M3 8h14M3 12h14M7.5 4v12M12.5 4v12\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", Nn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M10 4l-3 3m3-3l3 3M10 4v7M5 16h10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Pn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M10 16l-3-3m3 3l3-3M10 16V9M5 4h10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Fn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4 10l3-3M4 10l3 3M4 10h7M16 5v10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", In = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M16 10l-3-3m3 3l-3 3M16 10H9M4 5v10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Ln = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <rect x=\"7\" y=\"7\" width=\"9\" height=\"9\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n  <path d=\"M5 13h-.5A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3h7A1.5 1.5 0 0 1 13 4.5V5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", Rn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4.5 6.5h11\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n  <path d=\"M8 6.5V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M6.5 6.5l.5 8.5a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1l.5-8.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M8.5 9.5v3.5M11.5 9.5v3.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", zn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M2.5 10h5M2.5 15V5M7.5 15V5m3.5 5 2-1.5V15\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M16 7l2.5 3-2.5 3\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Bn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M2.5 10h5M2.5 15V5M7.5 15V5m7 10h-3c0-3 3-2.25 3-4.5 0-1.125-1.5-1.875-3-.75\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M16 7l2.5 3-2.5 3\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Vn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M2.5 10h5M2.5 15V5M7.5 15V5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M11 8.5c1.25-.75 2.5-.25 2.5.75 0 .75-1 1.25-1 1.25s1 .5 1 1.25c0 1-1.25 1.5-2.5.75\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M16 7l2.5 3-2.5 3\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", U = {
+var ln = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"m5 15 10-10m0 10L5 5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", un = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    transform=\"translate(0,-1)\"\n    d=\"M6 11h4.9231c.6528 0 1.2789-.3161 1.7405-.8787.4617-.56259.721-1.32565.721-2.1213 0-.79565-.2593-1.55871-.721-2.12132C12.202 5.31607 11.5759 5 10.9231 5H6v6Zm0 0h5.5385c.6528 0 1.2789.3161 1.7405.8787.4617.5626.721 1.3257.721 2.1213 0 .7956-.2593 1.5587-.721 2.1213-.4616.5626-1.0877.8787-1.7405.8787H6v-6Z\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", dn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M8.5 4h6m-10 12h6m1-12-4 12\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", fn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M8.5 11.5a3.5 3.5 0 0 0 5 0l2-2a3.536 3.536 0 0 0-5-5l-1 1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M11.5 8.5a3.5 3.5 0 0 0-5 0l-2 2a3.536 3.536 0 0 0 5 5l1-1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", pn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <rect x=\"1.25\" y=\"1.25\" width=\"17.5\" height=\"17.5\" rx=\"4.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n  <path d=\"M6.5 14.5L10 5.5l3.5 9\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M8.5 11h3\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", mn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M5.5 3.5v7.5a4.5 4.5 0 0 0 9 0V3.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M3.5 18.5h13\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", hn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4 10h12\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n  <path d=\"M8.2 10c-1-.5-1.8-1.27-1.8-2.4 0-1.99 1.61-3.6 3.6-3.6s3.6 1.61 3.6 3.6\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M11.8 10c1 .5 1.8 1.27 1.8 2.4 0 1.99-1.61 3.6-3.6 3.6s-3.6-1.61-3.6-3.6\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", gn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M14.5 6.5l2-2-2-2\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M16.5 4.5h-4a5 5 0 0 0-5 5v1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M5.5 13.5l-2 2 2 2\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M3.5 15.5h4a5 5 0 0 0 5-5v-1\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", _n = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <circle cx=\"7.5\" cy=\"5.5\" r=\"1\" fill=\"currentColor\"/>\n  <circle cx=\"12.5\" cy=\"5.5\" r=\"1\" fill=\"currentColor\"/>\n  <circle cx=\"7.5\" cy=\"10\" r=\"1\" fill=\"currentColor\"/>\n  <circle cx=\"12.5\" cy=\"10\" r=\"1\" fill=\"currentColor\"/>\n  <circle cx=\"7.5\" cy=\"14.5\" r=\"1\" fill=\"currentColor\"/>\n  <circle cx=\"12.5\" cy=\"14.5\" r=\"1\" fill=\"currentColor\"/>\n</svg>\n", vn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4.5 10h11M10 4.5v11\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", yn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"m12 5-5 5 5 5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", bn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"m8 5 5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", xn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <circle cx=\"9\" cy=\"9\" r=\"4.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n  <path d=\"m12.5 12.5 3.5 3.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", Sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m4.1667 5 2.5-1.66667V15\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", Cn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m7.5 10h-3.3333c0-3.3333 3.3333-2.5 3.3333-5 0-1.25-1.6667-2.08333-3.3333-.83333\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", wn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m4.5833 3.75C16 7.91667 17.5 8.75 17.5 10c0 .442-.1756.866-.4882 1.1785-.3125.3126-.7364.4882-1.1785.4882.4421 0 .866.1756 1.1785.4881.3126.3126.4882.7365.4882 1.1785 0 1.5-1.6667 2.5-3.3333 1.25\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", Tn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M10 15V5M14.1667 8.33333V10.8333C14.1667 11.0543 14.2545 11.2663 14.4107 11.4226C14.567 11.5789 14.779 11.6667 15 11.6667H17.5M17.5 8.33333V15M3.33334 10H10M3.33334 15V5\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", En = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M3.33334 10H10M3.33334 15V5M10 15V5M17.5 8.33333H14.1667V10.8333H15.25C16.5 10.8333 17.5 11.75 17.5 12.9167C17.5 14.0833 16.5 15 15.25 15C14.8333 15 14.5 14.9167 14.1667 14.75\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", Dn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M3.33334 10H10m-6.66666 5V5M10 15V5m4.1667 8.3333c0 .9205.7462 1.6667 1.6666 1.6667.9205 0 1.6667-.7462 1.6667-1.6667 0-.9204-.7462-1.6666-1.6667-1.6666-.9204 0-1.6666.7462-1.6666 1.6666Zm0 0c0-2.0833.8333-3.3333 2.5-4.99997\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", On = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M14.5 7.28571V6h-9v1.28571M10 6v9m0 0H8.71429M10 15h1.2857\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", kn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M10 4 3 16h14Z\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M10 8.5v3.5m0 2v.01\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", An = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M3 3l3 2-3 2M9 5h8M6 10h11M6 15h11\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", jn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M8 5h9M8 10h9M8 15h9\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n  />\n  <circle cx=\"4\" cy=\"5\" r=\"1\" fill=\"currentColor\"/>\n  <circle cx=\"4\" cy=\"10\" r=\"1\" fill=\"currentColor\"/>\n  <circle cx=\"4\" cy=\"15\" r=\"1\" fill=\"currentColor\"/>\n</svg>\n", Mn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M8 5h9M8 10h9M8 15h9\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n  <text x=\"4\" y=\"6\" fill=\"currentColor\" font-size=\"5\" font-family=\"sans-serif\" text-anchor=\"middle\" dominant-baseline=\"central\">1</text>\n  <text x=\"4\" y=\"11\" fill=\"currentColor\" font-size=\"5\" font-family=\"sans-serif\" text-anchor=\"middle\" dominant-baseline=\"central\">2</text>\n  <text x=\"4\" y=\"16\" fill=\"currentColor\" font-size=\"5\" font-family=\"sans-serif\" text-anchor=\"middle\" dominant-baseline=\"central\">3</text>\n</svg>\n", Nn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M10 5h7M10 10h7M10 15h7M3 5l1 1 2-2M3 10l1 1 2-2M3 15l1 1 2-2\"\n    stroke=\"currentColor\"\n    stroke-width=\"1.25\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n</svg>\n", Pn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <rect x=\"3\" y=\"4\" width=\"14\" height=\"12\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n  <path d=\"M3 8h14M3 12h14M7.5 4v12M12.5 4v12\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", Fn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4.5 4h11A1.5 1.5 0 0 1 17 5.5V8H3V5.5A1.5 1.5 0 0 1 4.5 4Z\" fill=\"currentColor\"/>\n  <rect x=\"3\" y=\"4\" width=\"14\" height=\"12\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n  <path d=\"M3 8h14M3 12h14M7.5 4v12M12.5 4v12\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", In = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4.5 4H7.5v12H4.5A1.5 1.5 0 0 1 3 14.5v-9A1.5 1.5 0 0 1 4.5 4Z\" fill=\"currentColor\"/>\n  <rect x=\"3\" y=\"4\" width=\"14\" height=\"12\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n  <path d=\"M3 8h14M3 12h14M7.5 4v12M12.5 4v12\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", Ln = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M10 4l-3 3m3-3l3 3M10 4v7M5 16h10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Rn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M10 16l-3-3m3 3l3-3M10 16V9M5 4h10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", zn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4 10l3-3M4 10l3 3M4 10h7M16 5v10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Bn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M16 10l-3-3m3 3l-3 3M16 10H9M4 5v10\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Vn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <rect x=\"7\" y=\"7\" width=\"9\" height=\"9\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n  <path d=\"M5 13h-.5A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3h7A1.5 1.5 0 0 1 13 4.5V5\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n</svg>\n", Hn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4.5 6.5h11\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n  <path d=\"M8 6.5V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M6.5 6.5l.5 8.5a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1l.5-8.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M8.5 9.5v3.5M11.5 9.5v3.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", Un = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M2.5 10h5M2.5 15V5M7.5 15V5m3.5 5 2-1.5V15\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M16 7l2.5 3-2.5 3\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Wn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M2.5 10h5M2.5 15V5M7.5 15V5m7 10h-3c0-3 3-2.25 3-4.5 0-1.125-1.5-1.875-3-.75\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M16 7l2.5 3-2.5 3\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Gn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M2.5 10h5M2.5 15V5M7.5 15V5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M11 8.5c1.25-.75 2.5-.25 2.5.75 0 .75-1 1.25-1 1.25s1 .5 1 1.25c0 1-1.25 1.5-2.5.75\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M16 7l2.5 3-2.5 3\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Kn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <circle cx=\"10\" cy=\"10\" r=\"6\" stroke=\"currentColor\" stroke-width=\"1.25\"/>\n  <path d=\"M10 4C8 6 7.5 8 7.5 10C7.5 12 8 14 10 16\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M10 4C12 6 12.5 8 12.5 10C12.5 12 12 14 10 16\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M4 10H16\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", qn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <rect x=\"3\" y=\"5.5\" width=\"14\" height=\"9\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linejoin=\"round\"/>\n  <path d=\"M3 8L10 10L17 8\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", Jn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M7.5 4L7.5 16\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n  <path d=\"M12.5 4L12.5 16\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n  <path d=\"M4 8H16\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n  <path d=\"M4 12H16\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>\n</svg>\n", W = {
 	root: "",
 	alignedStart: "text-start",
 	alignedCenter: "text-center",
 	title: "",
 	description: "opacity-60 mt-[3px]"
-}, Hn = class {
+}, Yn = class {
 	constructor(e) {
 		let t = e.alignment === "center" ? "center" : "start";
 		this.nodes = {
-			root: O.make("div", [U.root, t === "center" ? U.alignedCenter : U.alignedStart]),
-			title: O.make("div", U.title, { textContent: e.title })
-		}, this.nodes.root.setAttribute("data-alignment", t), this.nodes.root.appendChild(this.nodes.title), e.description !== void 0 && (this.nodes.description = O.make("div", U.description, { textContent: e.description }), this.nodes.root.appendChild(this.nodes.description));
+			root: O.make("div", [W.root, t === "center" ? W.alignedCenter : W.alignedStart]),
+			title: O.make("div", W.title, { textContent: e.title })
+		}, this.nodes.root.setAttribute("data-alignment", t), this.nodes.root.appendChild(this.nodes.title), e.description !== void 0 && (this.nodes.description = O.make("div", W.description, { textContent: e.description }), this.nodes.root.appendChild(this.nodes.description));
 	}
 	getElement() {
 		return this.nodes.root;
 	}
-}, Un = class {
+}, Xn = class {
 	constructor(e) {
 		this.params = e;
 	}
@@ -2024,7 +2082,7 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
 		if (this.params !== void 0 && "name" in this.params) return this.params.name;
 	}
 	destroy() {
-		Mt();
+		Nt();
 	}
 	onChildrenOpen() {
 		var e;
@@ -2039,7 +2097,7 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
 		this.params !== void 0 && "onActivate" in this.params && ((e = (t = this.params).onActivate) == null || e.call(t, this.params));
 	}
 	addHint(e, t) {
-		Nt(e, new Hn(t).getElement(), { placement: t.position });
+		Pt(e, new Yn(t).getElement(), { placement: t.position });
 	}
 	getMountElement() {
 		return this.getElement();
@@ -2071,18 +2129,25 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
 		var e;
 		if (!(this.params === void 0 || !("children" in this.params))) return (e = this.params.children) == null ? void 0 : e.width;
 	}
+	get childrenMinWidth() {
+		var e;
+		if (!(this.params === void 0 || !("children" in this.params))) return (e = this.params.children) == null ? void 0 : e.minWidth;
+	}
 	get closeOnActivate() {
 		return this.params !== void 0 && "closeOnActivate" in this.params && this.params.closeOnActivate;
 	}
 	get isActive() {
 		return this.params === void 0 || !("isActive" in this.params) ? !1 : typeof this.params.isActive == "function" ? this.params.isActive() : this.params.isActive === !0;
 	}
-}, W = {
-	item: "flex items-center select-none border-none bg-transparent rounded-lg px-2 py-1 text-text-primary mb-px outline-hidden transition-[color,background-color,border-color,opacity,max-height,padding,margin] duration-150 max-h-9 overflow-hidden data-blok-popover-item-active:bg-icon-active-bg data-blok-popover-item-active:text-icon-active-text can-hover:hover:cursor-pointer can-hover:hover:bg-item-hover-bg data-blok-force-hover:cursor-pointer data-blok-force-hover:bg-item-hover-bg data-[blok-focused=\"true\"]:bg-item-focus-bg data-blok-popover-item-no-hover:hover:bg-transparent data-blok-popover-item-no-hover:cursor-default can-hover:data-blok-popover-item-destructive:hover:text-item-destructive-text can-hover:data-blok-popover-item-destructive:hover:bg-item-destructive-hover-bg [&[data-blok-popover-item-destructive][data-blok-force-hover]]:text-item-destructive-text [&[data-blok-popover-item-destructive][data-blok-force-hover]]:bg-item-destructive-hover-bg [&[data-blok-popover-item-destructive][data-blok-focused=\"true\"]]:text-item-destructive-text [&[data-blok-popover-item-destructive][data-blok-focused=\"true\"]]:bg-item-destructive-hover-bg",
+}, G = {
+	item: "flex items-center select-none border-none bg-transparent rounded-lg px-2 py-1 text-text-primary mb-px outline-hidden max-h-9 overflow-hidden data-blok-popover-item-active:bg-icon-active-bg data-blok-popover-item-active:text-icon-active-text can-hover:hover:cursor-pointer can-hover:hover:bg-item-hover-bg data-blok-force-hover:cursor-pointer data-blok-force-hover:bg-item-hover-bg data-[blok-focused=\"true\"]:bg-item-focus-bg data-blok-popover-item-no-hover:hover:bg-transparent data-blok-popover-item-no-hover:cursor-default can-hover:data-blok-popover-item-destructive:hover:text-item-destructive-text can-hover:data-blok-popover-item-destructive:hover:bg-item-destructive-hover-bg [&[data-blok-popover-item-destructive][data-blok-force-hover]]:text-item-destructive-text [&[data-blok-popover-item-destructive][data-blok-force-hover]]:bg-item-destructive-hover-bg [&[data-blok-popover-item-destructive][data-blok-focused=\"true\"]]:text-item-destructive-text [&[data-blok-popover-item-destructive][data-blok-focused=\"true\"]]:bg-item-destructive-hover-bg",
 	itemDisabled: "cursor-default pointer-events-none text-text-secondary",
-	icon: "flex items-center justify-center w-7 h-7 shrink-0 rounded-lg bg-popover-icon-bg transition-colors duration-150 [&_svg]:w-icon [&_svg]:h-icon",
+	icon: "flex items-center justify-center w-7 h-7 shrink-0 rounded-lg bg-popover-icon-bg [&_svg]:w-icon [&_svg]:h-icon",
 	focused: "is-focused"
-}, Wn = { item: "rounded p-1" }, Gn = { item: "rounded p-[3px] mobile:p-1" }, G = class extends Un {
+}, Zn = {
+	item: "rounded-lg p-1",
+	itemIconOnly: "aspect-square justify-center"
+}, Qn = { item: "rounded p-[3px] mobile:p-1" }, K = class extends Xn {
 	get isDisabled() {
 		return this.params.isDisabled === !0;
 	}
@@ -2168,23 +2233,23 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
 		}
 		if (this.hasChildren && !this.isChevronHidden) {
 			let t = document.createElement("div");
-			t.className = this.getChevronClass(s), t.setAttribute(f.popoverItemIcon, ""), t.setAttribute(f.popoverItemIconChevronRight, ""), t.setAttribute("data-blok-testid", "popover-item-chevron-right"), t.innerHTML = gn, e.appendChild(t), this.nodes.chevron = t;
+			t.className = this.getChevronClass(s), t.setAttribute(f.popoverItemIcon, ""), t.setAttribute(f.popoverItemIconChevronRight, ""), t.setAttribute("data-blok-testid", "popover-item-chevron-right"), t.innerHTML = bn, e.appendChild(t), this.nodes.chevron = t;
 		}
 	}
 	createIconElement(e, t, n, r) {
 		let i = document.createElement("div");
-		return i.className = this.getIconClass(t, n, r, !1), i.setAttribute(f.popoverItemIcon, ""), i.setAttribute("data-blok-testid", "popover-item-icon"), i.innerHTML = e, t && i.setAttribute(f.tool, ""), i;
+		return i.className = this.getIconClass(t, n, r), i.setAttribute(f.popoverItemIcon, ""), i.setAttribute("data-blok-testid", "popover-item-icon"), i.innerHTML = e, t && i.setAttribute(f.tool, ""), i;
 	}
 	getContainerClass() {
 		var e, n, r, i;
 		let a = (e = (n = this.renderParams) == null ? void 0 : n.isInline) == null ? !1 : e, o = (r = (i = this.renderParams) == null ? void 0 : i.isNestedInline) == null ? !1 : r;
-		return t(W.item, !a && !o && "pl-2 pr-3", a && Wn.item, o && Gn.item, this.params.isDisabled && W.itemDisabled);
+		return t(G.item, !a && !o && "pl-2 pr-3", a && Zn.item, a && this.params.icon && Zn.itemIconOnly, o && Qn.item, this.params.isDisabled && G.itemDisabled);
 	}
-	getIconClass(e, n, r, i) {
-		return t(W.icon, n && "w-auto h-auto bg-transparent [&_svg]:w-icon [&_svg]:h-icon mobile:[&_svg]:w-icon-mobile mobile:[&_svg]:h-icon-mobile", r && "w-toolbox-btn h-toolbox-btn", e && "mr-3", e && n && "shadow-none mr-0!", e && r && "mr-2!", i && "animate-wobble");
+	getIconClass(e, n, r) {
+		return t(G.icon, n && "w-auto h-auto bg-transparent [&_svg]:w-icon [&_svg]:h-icon mobile:[&_svg]:w-icon-mobile mobile:[&_svg]:h-icon-mobile", r && "w-toolbox-btn h-toolbox-btn", e && "mr-3", e && n && "shadow-none mr-0!", e && r && "mr-2!");
 	}
 	getChevronClass(e) {
-		return t(W.icon, "w-5 h-5 bg-transparent", e && "rotate-90");
+		return t(G.icon, "w-5 h-5 bg-transparent", e && "rotate-90");
 	}
 	setActive(e) {
 		this.nodes.root && (e ? this.nodes.root.setAttribute(f.popoverItemActive, "true") : this.nodes.root.removeAttribute(f.popoverItemActive));
@@ -2255,35 +2320,22 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
 		if (!("confirmation" in e) || e.confirmation === void 0) try {
 			var t;
 			(t = e.onActivate) == null || t.call(e, e), this.disableConfirmationMode();
-		} catch (e) {
-			this.animateError();
-		}
+		} catch (e) {}
 		else this.enableConfirmationMode(e.confirmation);
 	}
-	animateError() {
-		this.triggerWobble();
-	}
-	triggerWobble() {
-		var e, t, n, r, i, a;
-		if (!this.nodes.icon) return;
-		let o = (e = (t = this.renderParams) == null ? void 0 : t.isInline) == null ? !1 : e, s = (n = (r = this.renderParams) == null ? void 0 : r.isNestedInline) == null ? !1 : n, c = (i = (a = this.renderParams) == null ? void 0 : a.iconWithGap) == null ? !0 : i;
-		this.nodes.icon.setAttribute(f.popoverItemWobble, "true"), this.nodes.icon.className = this.getIconClass(c, o, s, !0), this.nodes.icon.addEventListener("animationend", () => {
-			this.nodes.icon && (this.nodes.icon.removeAttribute(f.popoverItemWobble), this.nodes.icon.className = this.getIconClass(c, o, s, !1));
-		}, { once: !0 });
-	}
 	getIconElement() {
 		return this.nodes.icon;
 	}
-}, K = {
-	container: "py-1.5 px-2 transition-[opacity,max-height,padding] duration-150 max-h-5 overflow-hidden",
+}, q = {
+	container: "py-1.5 px-2 max-h-5 overflow-hidden",
 	containerHidden: "opacity-0 max-h-0! py-0!",
 	line: "h-px w-full bg-popover-border/60"
-}, q = {
-	container: "px-1 py-0",
+}, J = {
+	container: "px-1 py-0 max-h-none",
 	line: "h-full w-px",
 	nestedContainer: "py-1 px-[3px]",
 	nestedLine: "w-full h-px"
-}, Kn = class extends Un {
+}, $n = class extends Xn {
 	constructor(e) {
 		var t, n;
 		super(), this.nodes = {
@@ -2300,11 +2352,11 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
 		this.nodes.root.className = e ? n : t, e ? this.nodes.root.setAttribute(f.hidden, "true") : this.nodes.root.removeAttribute(f.hidden);
 	}
 	getContainerClass(e) {
-		let n = K.container;
-		return this.isNestedInline ? t(n, q.nestedContainer, e && K.containerHidden) : this.isInline ? t(n, q.container, e && K.containerHidden) : t(n, e && K.containerHidden);
+		let n = q.container;
+		return this.isNestedInline ? t(n, J.nestedContainer, e && q.containerHidden) : this.isInline ? t(n, J.container, e && q.containerHidden) : t(n, e && q.containerHidden);
 	}
 	getLineClass() {
-		return this.isNestedInline ? t(K.line, q.nestedLine) : this.isInline ? t(K.line, q.line) : K.line;
+		return this.isNestedInline ? t(q.line, J.nestedLine) : this.isInline ? t(q.line, J.line) : q.line;
 	}
 	createRootElement() {
 		let e = document.createElement("div");
@@ -2312,10 +2364,10 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
 		let t = document.createElement("div");
 		return t.className = this.getLineClass(), t.setAttribute(f.popoverItemSeparatorLine, ""), e.appendChild(t), this.nodes.line = t, e;
 	}
-}, qn = {
+}, er = {
 	root: "",
 	rootHidden: "hidden"
-}, Jn = { root: "flex items-center" }, J = class extends Un {
+}, tr = { root: "flex items-center" }, Y = class extends Xn {
 	constructor(e, t) {
 		var n;
 		super(e), this.nodes = { root: null }, this.isHidden = !1, this.isInline = (n = t == null ? void 0 : t.isInline) == null ? !1 : n, this.nodes.root = this.createRootElement(e, t);
@@ -2332,12 +2384,12 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
 		return Array.from(e);
 	}
 	updateRootClasses() {
-		this.nodes.root && (this.nodes.root.className = t(qn.root, this.isInline && Jn.root, this.isHidden && qn.rootHidden));
+		this.nodes.root && (this.nodes.root.className = t(er.root, this.isInline && tr.root, this.isHidden && er.rootHidden));
 	}
 	createRootElement(n, r) {
 		var i;
 		let a = document.createElement("div");
-		if (a.className = t(qn.root, this.isInline && Jn.root), a.setAttribute(f.popoverItemHtml, ""), a.setAttribute("data-blok-testid", "popover-item-html"), n.name && a.setAttribute("data-blok-item-name", n.name), a.appendChild(n.element), n.hint !== void 0 && (r == null || (i = r.hint) == null ? void 0 : i.enabled) !== !1) {
+		if (a.className = t(er.root, this.isInline && tr.root), a.setAttribute(f.popoverItemHtml, ""), a.setAttribute("data-blok-testid", "popover-item-html"), n.name && a.setAttribute("data-blok-item-name", n.name), a.appendChild(n.element), n.hint !== void 0 && (r == null || (i = r.hint) == null ? void 0 : i.enabled) !== !1) {
 			var o, s;
 			this.addHint(a, e(e({}, n.hint), {}, {
 				position: (r == null || (o = r.hint) == null ? void 0 : o.position) || "right",
@@ -2346,12 +2398,11 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
 		}
 		return a;
 	}
-}, Y = {
-	wrapper: "bg-search-input-bg border border-search-input-border rounded-lg p-1 grid grid-cols-[auto_auto_1fr] grid-rows-[auto] transition-all duration-200 focus-within:bg-popover-bg focus-within:border-search-input-focus-border focus-within:shadow-[0_0_0_2px_rgba(35,131,226,0.08)]",
+}, nr = {
+	wrapper: "bg-search-input-bg border border-search-input-border rounded-lg p-1 grid grid-cols-[auto_1fr] grid-rows-[auto] focus-within:border-search-input-focus-border focus-within:shadow-[0_0_0_2px_rgba(35,131,226,0.15)]",
 	icon: "w-toolbox-btn h-toolbox-btn flex items-center justify-center mr-2 [&_svg]:w-icon [&_svg]:h-icon [&_svg]:text-gray-text",
-	input: "text-sm outline-hidden font-medium font-inherit border-0 bg-transparent m-0 p-0 leading-[22px] min-w-[calc(100%-(--spacing(6))-10px)] placeholder:text-gray-text/60 placeholder:font-normal",
-	clearButton: "flex items-center justify-center w-toolbox-btn h-toolbox-btn cursor-pointer border-0 bg-transparent rounded p-0 opacity-0 pointer-events-none transition-opacity duration-150 [&_svg]:w-3 [&_svg]:h-3 [&_svg]:text-gray-text can-hover:hover:[&_svg]:text-dark"
-}, Yn = (e, t) => {
+	input: "text-sm outline-hidden font-medium font-inherit border-0 bg-transparent m-0 p-0 leading-[22px] min-w-[calc(100%-(--spacing(6))-10px)] text-text-primary placeholder:text-gray-text/80 placeholder:font-normal"
+}, rr = (e, t) => {
 	if (e.length === 0) return t.length;
 	if (t.length === 0) return e.length;
 	let n = Array.from({ length: t.length + 1 }, (e, t) => t), r = Array(t.length + 1);
@@ -2364,18 +2415,18 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
 		n.splice(0, n.length, ...r);
 	}
 	return n[t.length];
-}, Xn = (e, t) => [...e].reduce((e, n) => e < t.length && n === t[e] ? e + 1 : e, 0) === t.length, Zn = (e, t) => [...e].reduce((n, r, i) => {
+}, ir = (e, t) => [...e].reduce((e, n) => e < t.length && n === t[e] ? e + 1 : e, 0) === t.length, ar = (e, t) => [...e].reduce((n, r, i) => {
 	let a = i === 0 || e[i - 1] === " " || e[i - 1] === "-" || e[i - 1] === "_";
 	return n < t.length && a && r === t[n] ? n + 1 : n;
-}, 0) === t.length, Qn = (e, t) => {
+}, 0) === t.length, or = (e, t) => {
 	if (e === t) return 100;
 	if (e.startsWith(t)) return 90;
 	if (e.includes(t)) return 75;
-	if (t.length >= 2 && Zn(e, t)) return 55;
-	if (t.length >= 2 && Xn(e, t)) return 35;
+	if (t.length >= 2 && ar(e, t)) return 55;
+	if (t.length >= 2 && ir(e, t)) return 35;
 	if (t.length >= 3) {
 		let n = Math.floor(t.length / 3);
-		if (Yn(e, t) <= n) return 15;
+		if (rr(e, t) <= n) return 15;
 	}
 	return 0;
 }, X = (e, t) => {
@@ -2383,33 +2434,28 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
 	let n = t.toLowerCase(), r = [];
 	if (e.title !== void 0 && r.push(e.title.toLowerCase()), e.englishTitle !== void 0 && r.push(e.englishTitle.toLowerCase()), e.searchTerms !== void 0) for (let t of e.searchTerms) r.push(t.toLowerCase());
 	return r.reduce((e, t) => {
-		let r = Qn(t, n);
+		let r = or(t, n);
 		return r > e ? r : e;
 	}, 0);
-}, $n = /* @__PURE__ */ function(e) {
+}, sr = /* @__PURE__ */ function(e) {
 	return e.Search = "search", e;
-}({}), er = class extends He {
+}({}), cr = class extends He {
 	constructor({ items: e, placeholder: t }) {
 		super(), this.searchQuery = "", this.handleValueChange = () => {
-			this.updateClearButtonVisibility(), this.applySearch(this.input.value);
-		}, this.listeners = new Me(), this.items = e, this.wrapper = O.make("div", Y.wrapper), this.wrapper.setAttribute("data-blok-testid", "popover-search-field");
-		let n = O.make("div", Y.icon, { innerHTML: _n });
-		this.input = O.make("input", Y.input, {
+			this.applySearch(this.input.value);
+		}, this.listeners = new Me(), this.items = e, this.wrapper = O.make("div", nr.wrapper), this.wrapper.setAttribute("data-blok-testid", "popover-search-field");
+		let n = O.make("div", nr.icon, { innerHTML: xn });
+		this.input = O.make("input", nr.input, {
 			type: "search",
 			placeholder: t,
 			tabIndex: -1
-		}), this.input.setAttribute("data-blok-flipper-navigation-target", "true"), this.input.setAttribute("data-blok-testid", "popover-search-input"), this.clearButton = O.make("button", Y.clearButton, {
-			type: "button",
-			innerHTML: sn
-		}), this.clearButton.setAttribute("aria-label", "Clear search"), this.wrapper.appendChild(n), this.wrapper.appendChild(this.input), this.wrapper.appendChild(this.clearButton), this.overrideValueProperty(), [
+		}), this.input.setAttribute("data-blok-flipper-navigation-target", "true"), this.input.setAttribute("data-blok-testid", "popover-search-input"), this.wrapper.appendChild(n), this.wrapper.appendChild(this.input), this.overrideValueProperty(), [
 			"input",
 			"keyup",
 			"search",
 			"change"
 		].forEach((e) => {
 			this.listeners.on(this.input, e, this.handleValueChange);
-		}), this.listeners.on(this.clearButton, "click", () => {
-			this.clear(), this.input.focus();
 		});
 	}
 	getElement() {
@@ -2419,10 +2465,10 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
 		this.input.focus();
 	}
 	clear() {
-		this.input.value = "", this.updateClearButtonVisibility();
+		this.input.value = "";
 	}
 	applySearch(e) {
-		this.searchQuery !== e && (this.searchQuery = e, this.emit($n.Search, {
+		this.searchQuery !== e && (this.searchQuery = e, this.emit(sr.Search, {
 			query: e,
 			items: this.foundItems
 		}));
@@ -2444,10 +2490,6 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
 			}
 		});
 	}
-	updateClearButtonVisibility() {
-		let e = this.input.value.length > 0;
-		this.clearButton.classList.toggle("opacity-0", !e), this.clearButton.classList.toggle("pointer-events-none", !e), this.clearButton.classList.toggle("opacity-100", e), this.clearButton.classList.toggle("pointer-events-auto", e);
-	}
 	destroy() {
 		this.listeners.removeAll();
 	}
@@ -2457,7 +2499,7 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
 			score: X(e, this.searchQuery)
 		})).filter(({ score: e }) => e > 0).sort((e, t) => t.score - e.score).map(({ item: e }) => e);
 	}
-}, tr, nr = class e {
+}, lr, ur = class e {
 	constructor() {
 		this.stack = [], this.boundPointerDown = null;
 	}
@@ -2509,25 +2551,25 @@ var sn = "\n<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"
 		t !== -1 && this.stack.splice(t, 1);
 	}
 };
-tr = nr, tr._instance = null;
+lr = ur, lr._instance = null;
 //#endregion
 //#region src/components/utils/popover/popover.const.ts
 var Z = {
 	popoverContainer: "absolute flex flex-col overflow-hidden box-border opacity-0 pointer-events-none p-0 border-none z-4 max-h-0 min-w-(--width) w-(--width) rounded-xl text-sm left-(--popover-left) top-(--popover-top) bg-popover-bg",
 	popoverContainerMobile: "fixed max-w-none rounded-[10px] min-w-[calc(100%-var(--offset)*2)] left-auto top-auto inset-[auto_var(--offset)_calc(var(--offset)+env(safe-area-inset-bottom))_var(--offset)]",
-	popoverContainerOpened: "opacity-100 pointer-events-auto p-1.5 max-h-(--max-height) border-none animate-panel-showing",
+	popoverContainerOpened: "opacity-100 pointer-events-auto p-1.5 max-h-(--max-height) border-none",
 	popoverOverlay: "hidden bg-dark",
 	items: "overflow-y-auto overscroll-contain"
-}, rr = {
+}, dr = {
 	popover: "relative",
 	popoverContainer: "flex-row top-0 min-w-max w-max p-1 mobile:absolute"
-}, ir = (e) => `level-${e}`, Q = /* @__PURE__ */ function(e) {
+}, fr = (e) => `level-${e}`, Q = /* @__PURE__ */ function(e) {
 	return e.NestingLevel = "--nesting-level", e.PopoverHeight = "--popover-height", e.InlinePopoverWidth = "--inline-popover-width", e.PopoverTop = "--popover-top", e.PopoverLeft = "--popover-left", e.TriggerItemLeft = "--trigger-item-left", e.TriggerItemTop = "--trigger-item-top", e;
 }({}), $ = /* @__PURE__ */ function(e) {
 	return e.Closed = "closed", e.ClosedOnActivate = "closed-on-activate", e;
-}({}), ar = class extends He {
+}({}), pr = class extends He {
 	get itemsDefault() {
-		return this.items.filter((e) => e instanceof G);
+		return this.items.filter((e) => e instanceof K);
 	}
 	constructor(t, n = {}) {
 		super(), this.params = t, this.itemsRenderParams = n, this.listeners = new Me(), this.messages = {
@@ -2546,10 +2588,10 @@ var Z = {
 		let n = this.nodes.popover;
 		n !== null && !n.isConnected && document.body.appendChild(n), this.nodes.popover.setAttribute(f.popoverOpened, "true"), this.nodes.popoverContainer.className = t(this.nodes.popoverContainer.className, Z.popoverContainerOpened), this.itemsDefault.forEach((e) => this.refreshItemActiveState(e)), this.search !== void 0 && this.search.focus();
 		let { trigger: r } = this.params;
-		((e = this.params.nestingLevel) == null ? 0 : e) === 0 && r !== void 0 && nr.instance.register(this, r);
+		((e = this.params.nestingLevel) == null ? 0 : e) === 0 && r !== void 0 && ur.instance.register(this, r);
 	}
 	hide() {
-		this.nodes.popover.removeAttribute(f.popoverOpened), this.nodes.popover.removeAttribute(f.popoverOpenTop), this.nodes.popover.removeAttribute(f.popoverOpenLeft), this.nodes.popoverContainer.className = Z.popoverContainer, this.itemsDefault.forEach((e) => e.reset()), this.search !== void 0 && this.search.clear(), nr.instance.unregister(this), this.emit($.Closed);
+		this.nodes.popover.removeAttribute(f.popoverOpened), this.nodes.popover.removeAttribute(f.popoverOpenTop), this.nodes.popover.removeAttribute(f.popoverOpenLeft), this.nodes.popoverContainer.className = Z.popoverContainer, this.itemsDefault.forEach((e) => e.reset()), this.search !== void 0 && this.search.clear(), ur.instance.unregister(this), this.emit($.Closed);
 	}
 	destroy() {
 		var e, t;
@@ -2569,21 +2611,21 @@ var Z = {
 	buildItems(e) {
 		return e.map((e) => {
 			switch (e.type) {
-				case F.Separator: return new Kn(this.itemsRenderParams[F.Separator]);
-				case F.Html: return new J(e, this.itemsRenderParams[F.Html]);
+				case F.Separator: return new $n(this.itemsRenderParams[F.Separator]);
+				case F.Html: return new Y(e, this.itemsRenderParams[F.Html]);
 				case F.Default:
-				case void 0: return new G(e, this.itemsRenderParams[F.Default]);
+				case void 0: return new K(e, this.itemsRenderParams[F.Default]);
 			}
 		});
 	}
 	getTargetItem(e) {
-		return this.items.filter((e) => e instanceof G || e instanceof J).find((t) => {
+		return this.items.filter((e) => e instanceof K || e instanceof Y).find((t) => {
 			let n = t.getElement();
 			return n === null ? !1 : e.composedPath().includes(n);
 		});
 	}
 	handleItemClick(e) {
-		if (!(e instanceof G && e.isDisabled)) {
+		if (!(e instanceof K && e.isDisabled)) {
 			if (e.hasChildren) {
 				this.showNestedItems(e), this.callHandleClickIfPresent(e);
 				return;
@@ -2596,7 +2638,7 @@ var Z = {
 		t !== void 0 && this.handleItemClick(t);
 	}
 	toggleItemActivenessIfNeeded(e) {
-		if (!(e instanceof G) || (e.toggle === !0 && e.toggleActive(), typeof e.toggle != "string")) return;
+		if (!(e instanceof K) || (e.toggle === !0 && e.toggleActive(), typeof e.toggle != "string")) return;
 		let t = this.itemsDefault.filter((t) => t.toggle === e.toggle);
 		if (t.length === 1) {
 			e.toggleActive();
@@ -2607,13 +2649,13 @@ var Z = {
 		});
 	}
 	refreshItemActiveState(e) {
-		e instanceof G && e.toggle === void 0 && e.toggleActive(e.isActive);
+		e instanceof K && e.toggle === void 0 && e.toggleActive(e.isActive);
 	}
 	callHandleClickIfPresent(e) {
 		"handleClick" in e && typeof e.handleClick == "function" && e.handleClick();
 	}
 	toggleNothingFoundMessage(e) {
-		e ? (this.nodes.nothingFoundMessage.classList.remove("hidden"), this.nodes.nothingFoundMessage.classList.add("animate-[fade-in_150ms_ease_forwards]"), this.nodes.nothingFoundMessage.setAttribute(f.nothingFoundDisplayed, "true")) : (this.nodes.nothingFoundMessage.classList.add("hidden"), this.nodes.nothingFoundMessage.classList.remove("animate-[fade-in_150ms_ease_forwards]"), this.nodes.nothingFoundMessage.removeAttribute(f.nothingFoundDisplayed));
+		e ? (this.nodes.nothingFoundMessage.classList.remove("hidden"), this.nodes.nothingFoundMessage.setAttribute(f.nothingFoundDisplayed, "true")) : (this.nodes.nothingFoundMessage.classList.add("hidden"), this.nodes.nothingFoundMessage.removeAttribute(f.nothingFoundDisplayed));
 	}
 	setOpenTop(e) {
 		e ? this.nodes.popover.setAttribute(f.popoverOpenTop, "true") : this.nodes.popover.removeAttribute(f.popoverOpenTop);
@@ -2629,9 +2671,9 @@ var Z = {
 		let r = document.createElement("div");
 		this.params.class && (r.className = this.params.class), r.setAttribute(f.popover, ""), this.params.class && r.setAttribute("data-blok-popover-custom-class", this.params.class), r.setAttribute("data-blok-testid", "popover"), r.style.setProperty("--width", (e = this.params.width) == null ? "auto" : e), r.style.setProperty("--item-padding", "4px"), r.style.setProperty("--item-height", "calc(1.75rem + 2 * var(--item-padding))"), r.style.setProperty("--popover-top", "calc(100% + 0.5rem)"), r.style.setProperty("--popover-left", "0"), r.style.setProperty("--nested-popover-overlap", "0.25rem"), r.style.setProperty("--max-height", "400px");
 		let i = document.createElement("div");
-		i.className = Z.popoverContainer, i.style.boxShadow = "0 0 0 1px var(--blok-popover-border), 0 4px 16px rgba(0, 0, 0, 0.1), 0 16px 40px -8px rgba(0, 0, 0, 0.08)", i.setAttribute(f.popoverContainer, ""), i.setAttribute("data-blok-testid", "popover-container");
+		i.className = Z.popoverContainer, i.style.boxShadow = "var(--blok-popover-box-shadow)", i.setAttribute(f.popoverContainer, ""), i.setAttribute("data-blok-testid", "popover-container");
 		let a = document.createElement("div");
-		a.className = t("cursor-default text-[13px] leading-5 font-normal whitespace-nowrap overflow-hidden text-ellipsis text-gray-text/70 px-3 py-4 text-center", "hidden"), a.setAttribute("data-blok-testid", "popover-nothing-found"), a.textContent = (n = this.messages.nothingFound) == null ? "Nothing found" : n;
+		a.className = t("cursor-default text-[13px] leading-5 font-normal whitespace-nowrap overflow-hidden text-ellipsis text-gray-text px-3 py-4 text-center", "hidden"), a.setAttribute("data-blok-testid", "popover-nothing-found"), a.textContent = (n = this.messages.nothingFound) == null ? "Nothing found" : n;
 		let o = document.createElement("div");
 		return o.className = Z.items, o.setAttribute(f.popoverItems, ""), o.setAttribute("data-blok-testid", "popover-items"), i.appendChild(a), i.appendChild(o), r.appendChild(i), {
 			popover: r,
@@ -2647,7 +2689,7 @@ var Z = {
 			i !== null && ((r = this.nodes.items) == null || r.appendChild(i));
 		});
 	}
-}, or = class e extends ar {
+}, mr = class e extends pr {
 	setLeftAlignElement(e) {
 		this.leftAlignElement = e;
 	}
@@ -2662,16 +2704,10 @@ var Z = {
 		}, this.onSearch = (e) => {
 			var t;
 			let n = e.query === "", r = e.topLevelItems, i = !n && e.promotedItems.length > 0 ? this.deduplicateAgainstPromoted(r, e.promotedItems) : r, a = i.length === 0 && e.promotedItems.length === 0;
-			a && this.items.forEach((e) => {
-				var t;
-				(t = e.getElement()) == null || t.style.setProperty("transition-duration", "0s");
-			}), this.items.forEach((e) => {
-				let t = e instanceof G, r = e instanceof Kn || e instanceof J, o = t ? !i.includes(e) || e.name !== void 0 && this.isNamePermanentlyHidden(e.name) : r && (a || !n);
+			this.items.forEach((e) => {
+				let t = e instanceof K, r = e instanceof $n || e instanceof Y, o = t ? !i.includes(e) || e.name !== void 0 && this.isNamePermanentlyHidden(e.name) : r && (a || !n);
 				e.toggleHidden(o);
-			}), a && (this.nodes.popoverContainer.offsetHeight, this.items.forEach((e) => {
-				var t;
-				(t = e.getElement()) == null || t.style.removeProperty("transition-duration");
-			})), !n && i.length > 0 ? this.reorderItemsByRank(i) : n && this.originalItemOrder !== void 0 && this.restoreOriginalItemOrder();
+			}), !n && i.length > 0 ? this.reorderItemsByRank(i) : n && this.originalItemOrder !== void 0 && this.restoreOriginalItemOrder();
 			for (let e of this.promotedSeparators) e.remove();
 			if (this.promotedSeparators = [], this.promotedItemCache !== null) for (let e of this.promotedItemCache.items) {
 				var o;
@@ -2704,9 +2740,9 @@ var Z = {
 			(t = this.flipper) != null && t.isActivated && (this.flipper.deactivate(), this.flipper.activate(u), u.length > 0 && this.flipper.focusItem(0, { skipNextTab: !0 }));
 		}, e.trigger && (this.trigger = e.trigger), e.leftAlignElement && (this.leftAlignElement = e.leftAlignElement), e.nestingLevel !== void 0 && (this.nestingLevel = e.nestingLevel), this.nestingLevel > 0 && this.nodes.popover.setAttribute(f.nested, "true"), e.scopeElement !== void 0 && (this.scopeElement = e.scopeElement), this.nodes.popoverContainer !== null && (this.listeners.on(this.nodes.popoverContainer, "mouseover", (e) => this.handleHover(e)), this.listeners.on(this.nodes.popoverContainer, "mouseleave", (e) => this.handleMouseLeave(e))), e.searchable && this.addSearch(), e.flippable === !1) return;
 		let r = e.flipper;
-		r === void 0 ? this.flipper = new Vt({
+		r === void 0 ? this.flipper = new Ht({
 			items: this.flippableElements,
-			focusedItemClass: W.focused,
+			focusedItemClass: G.focused,
 			allowedKeys: [
 				m.TAB,
 				m.UP,
@@ -2792,7 +2828,7 @@ var Z = {
 		t instanceof Node && this.nestedPopover !== void 0 && this.nestedPopover !== null && this.nestedPopover.hasNode(t) || (this.destroyNestedPopoverIfExists(!1), this.previouslyHoveredItem = null);
 	}
 	getTargetItem(e) {
-		return (this.promotedItemCache === null ? this.items : [...this.items, ...this.promotedItemCache.items]).filter((e) => e instanceof G || e instanceof J).find((t) => {
+		return (this.promotedItemCache === null ? this.items : [...this.items, ...this.promotedItemCache.items]).filter((e) => e instanceof K || e instanceof Y).find((t) => {
 			let n = t.getElement();
 			return n === null ? !1 : e.composedPath().includes(n);
 		});
@@ -2831,6 +2867,7 @@ var Z = {
 			messages: this.messages,
 			onNavigateBack: this.destroyNestedPopoverIfExists.bind(this),
 			width: t.childrenWidth,
+			minWidth: t.childrenMinWidth,
 			handleContentEditableNavigation: i,
 			autoFocusFirstItem: this.params.autoFocusFirstItem
 		}), t.onChildrenOpen(), this.nestedPopover.on($.ClosedOnActivate, this.hide);
@@ -2876,11 +2913,11 @@ var Z = {
 		return this.items.flatMap((e) => this.getFlippableElementsForItem(e)).filter((e) => e != null);
 	}
 	getFlippableElementsForItem(e) {
-		if (e instanceof J) {
+		if (e instanceof Y) {
 			let t = e.getElement();
 			return t ? [t] : [];
 		}
-		if (!(e instanceof G) || e.isDisabled) return [];
+		if (!(e instanceof K) || e.isDisabled) return [];
 		let t = e.getElement();
 		return t ? [t] : [];
 	}
@@ -2894,7 +2931,7 @@ var Z = {
 	collectPromotedChildren(e, t, n) {
 		for (let a of e) {
 			var r, i;
-			if (!(a instanceof G) || !a.hasChildren) continue;
+			if (!(a instanceof K) || !a.hasChildren) continue;
 			let e = (r = (i = a.title) == null ? a.name : i) == null ? "" : r, o = [...t, e];
 			this.collectDefaultChildren(a.children, o, n);
 		}
@@ -2902,7 +2939,7 @@ var Z = {
 	collectDefaultChildren(e, t, n) {
 		for (let r of e) {
 			if (r.type !== void 0 && r.type !== F.Default) continue;
-			let e = new G(r);
+			let e = new K(r);
 			if (e.name !== void 0 && this.isNamePermanentlyHidden(e.name)) {
 				e.destroy();
 				continue;
@@ -2936,13 +2973,13 @@ var Z = {
 	deduplicateAgainstPromoted(e, t) {
 		let n = /* @__PURE__ */ new Set();
 		for (let { item: e } of t) e.title !== void 0 && n.add(e.title.toLowerCase());
-		return e.filter((e) => !(e instanceof G) || e.title === void 0 ? !0 : !n.has(e.title.toLowerCase()));
+		return e.filter((e) => !(e instanceof K) || e.title === void 0 ? !0 : !n.has(e.title.toLowerCase()));
 	}
 	addSearch() {
-		this.search = new er({
+		this.search = new cr({
 			items: this.itemsDefault,
 			placeholder: this.messages.search
-		}), this.search.on($n.Search, (e) => {
+		}), this.search.on(sr.Search, (e) => {
 			if (e.query === "") {
 				this.cleanupPromotedItems(), this.onSearch({
 					query: e.query,
@@ -3011,7 +3048,7 @@ var Z = {
 			this.originalItemOrder = void 0;
 		}
 	}
-}, sr = function(e) {
+}, hr = function(e) {
 	let t = O.make("div");
 	return t.style.display = "flex", t.style.flexDirection = "column", t.style.gap = "4px", e.forEach((e) => {
 		let n = O.make("div"), r = e.indexOf(" ");
@@ -3021,7 +3058,7 @@ var Z = {
 		} else n.appendChild(document.createTextNode(e));
 		t.appendChild(n);
 	}), t;
-}, cr, lr = class {
+}, gr, _r = class {
 	constructor({ api: e }) {
 		this.i18nAPI = e.i18n, this.blocksAPI = e.blocks, this.selectionAPI = e.selection, this.toolsAPI = e.tools, this.caretAPI = e.caret, this.i18nInstance = {
 			t: (e, t) => this.i18nAPI.t(e),
@@ -3069,10 +3106,10 @@ var Z = {
 		};
 	}
 };
-cr = lr, cr.isInline = !0;
+gr = _r, gr.isInline = !0;
 //#endregion
 //#region src/tools/toggle/constants.ts
-var ur = "toggle", dr = "tools.toggle.placeholder", fr = "tools.toggle.bodyPlaceholder", pr = "tools.toggle.ariaLabelCollapse", mr = "tools.toggle.ariaLabelExpand", hr = "outline-hidden py-[3px] mt-[2px] mb-px", gr = "outline-hidden pl-0.5 leading-[1.6em] flex-1 min-w-0", _r = "flex items-center", vr = "flex-shrink-0 p-[8px] flex items-center justify-center cursor-pointer select-none rounded hover:bg-black/5 transition-colors duration-200 ease-in-out focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:outline-none", yr = "<svg aria-hidden=\"true\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4.5 2.5L8.5 6L4.5 9.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", br = "hidden pl-7 pt-[calc(0.5em+5px)] pb-[4px] text-gray-text leading-[1.6em] cursor-pointer select-none", xr = "pl-7", Sr = {
+var vr = "toggle", yr = "tools.toggle.placeholder", br = "tools.toggle.bodyPlaceholder", xr = "tools.toggle.ariaLabelCollapse", Sr = "tools.toggle.ariaLabelExpand", Cr = "outline-hidden py-[7px] mt-[2px] mb-px", wr = "outline-hidden pl-0.5 leading-[1.5] flex-1 min-w-0", Tr = "flex items-center", Er = "flex-shrink-0 p-[8px] flex items-center justify-center cursor-pointer select-none rounded can-hover:hover:bg-item-hover-bg transition-colors duration-200 ease-in-out focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:outline-none", Dr = "<svg aria-hidden=\"true\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4.5 2.5L8.5 6L4.5 9.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", Or = "hidden pl-7 pt-[8px] pb-[8px] text-gray-text leading-[1.5] cursor-pointer select-none", kr = "pl-7", Ar = {
 	toggleOpen: "data-blok-toggle-open",
 	toggleArrow: "data-blok-toggle-arrow",
 	toggleContent: "data-blok-toggle-content",
@@ -3080,4 +3117,4 @@ var ur = "toggle", dr = "tools.toggle.placeholder", fr = "tools.toggle.bodyPlace
 	toggleChildren: "data-blok-toggle-children"
 };
 //#endregion
-export { wn as $, E as $t, sn as A, Ue as At, Pn as B, Fe as Bt, nr as C, h as Cn, Nt as Ct, cn as D, it as Dt, W as E, l as En, yt as Et, Sn as F, Re as Ft, Dn as G, ke as Gt, In as H, Pe as Ht, Cn as I, Be as It, dn as J, Oe as Jt, kn as K, Ae as Kt, Mn as L, Ve as Lt, yn as M, We as Mt, bn as N, qe as Nt, hn as O, F as Ot, xn as P, He as Pt, An as Q, Ce as Qt, jn as R, Le as Rt, ir as S, m as Sn, Mt as St, G as T, p as Tn, I as Tt, ln as U, Ne as Ut, Fn as V, Ie as Vt, un as W, Me as Wt, mn as X, Te as Xt, pn as Y, O as Yt, fn as Z, Ee as Zt, ar as _, _ as _n, zt as _t, hr as a, fe as an, Tn as at, Z as b, ee as bn, It as bt, gr as c, me as cn, en as ct, xr as d, se as dn, an as dt, D as en, zn as et, _r as f, C as fn, Yt as ft, or as g, ie as gn, Vt as gt, sr as h, S as hn, Ht as ht, vr as i, pe as in, Rn as it, vn as j, Ke as jt, Ln as k, et as kt, dr as l, oe as ln, H as lt, lr as m, x as mn, Wt as mt, mr as n, he as nn, Vn as nt, fr as o, de as on, tn as ot, ur as p, b as pn, B as pt, On as q, je as qt, yr as r, ue as rn, En as rt, br as s, le as sn, $t as st, pr as t, ge as tn, Bn as tt, Sr as u, ae as un, on as ut, $ as v, y as vn, Rt as vt, J as w, f as wn, jt as wt, rr as x, g as xn, Pt as xt, Q as y, te as yn, Ft as yt, Nn as z, ze as zt };
+export { vn as $, ke as $t, ln as A, m as An, Nt as At, Fn as B, We as Bt, ur as C, S as Cn, Gt as Ct, un as D, te as Dn, It as Dt, G as E, y as En, zt as Et, Tn as F, it as Ft, dn as G, Ve as Gt, Rn as H, He as Ht, En as I, F as It, Nn as J, Fe as Jt, fn as K, Le as Kt, Dn as L, et as Lt, Sn as M, f as Mn, Mt, Cn as N, p as Nn, I as Nt, yn as O, ee as On, Lt as Ot, wn as P, l as Pn, yt as Pt, _n as Q, Me as Qt, Jn as R, Ue as Rt, fr as S, x as Sn, Wt as St, K as T, _ as Tn, Bt as Tt, zn as U, Re as Ut, Ln as V, qe as Vt, Bn as W, Be as Wt, qn as X, Pe as Xt, Mn as Y, Ie as Yt, pn as Z, Ne as Zt, pr as _, oe as _n, Zt as _t, Cr as a, Ee as an, Wn as at, Z as b, C as bn, z as bt, wr as c, D as cn, Hn as ct, kr as d, ue as dn, rn as dt, Ae as en, gn as et, Tr as f, pe as fn, tn as ft, mr as g, me as gn, sn as gt, hr as h, le as hn, cn as ht, Er as i, Te as in, Un as it, Kn as j, h as jn, Pt as jt, Vn as k, g as kn, Ft as kt, yr as l, ge as ln, mn as lt, _r as m, de as mn, U as mt, Sr as n, Oe as nn, Pn as nt, br as o, Ce as on, Gn as ot, vr as p, fe as pn, nn as pt, jn as q, ze as qt, Dr as r, O as rn, On as rt, Or as s, E as sn, An as st, xr as t, je as tn, hn as tt, Ar as u, he as un, kn as ut, $ as v, ae as vn, V as vt, Y as w, ie as wn, Ht as wt, dr as x, b as xn, Ut as xt, Q as y, se as yn, Yt as yt, In as z, Ke as zt };