@jackuait/blok 0.6.0-beta.0 → 0.6.0-beta.10

package/dist/chunks/{inline-tool-convert-CFjyrH30.mjs → inline-tool-convert-BKKEoOqB.mjs}

@@ -1,15 +1,15 @@
-var Ft = Object.defineProperty, Ht = Object.defineProperties;
-var Pt = Object.getOwnPropertyDescriptors;
-var vt = Object.getOwnPropertySymbols;
-var $t = Object.prototype.hasOwnProperty, Dt = Object.prototype.propertyIsEnumerable;
-var bt = (n, t, e) => t in n ? Ft(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, y = (n, t) => {
+var Pt = Object.defineProperty, $t = Object.defineProperties;
+var Dt = Object.getOwnPropertyDescriptors;
+var wt = Object.getOwnPropertySymbols;
+var jt = Object.prototype.hasOwnProperty, Gt = Object.prototype.propertyIsEnumerable;
+var kt = (n, t, e) => t in n ? Pt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, E = (n, t) => {
   for (var e in t || (t = {}))
-    $t.call(t, e) && bt(n, e, t[e]);
-  if (vt)
-    for (var e of vt(t))
-      Dt.call(t, e) && bt(n, e, t[e]);
+    jt.call(t, e) && kt(n, e, t[e]);
+  if (wt)
+    for (var e of wt(t))
+      Gt.call(t, e) && kt(n, e, t[e]);
   return n;
-}, B = (n, t) => Ht(n, Pt(t));
+}, M = (n, t) => $t(n, Dt(t));
 const d = {
   // ============================================
   // Core Element Identifiers
@@ -143,6 +143,8 @@ const d = {
   popoverItemNoFocus: "data-blok-popover-item-no-focus",
   /** Wobble animation */
   popoverItemWobble: "data-blok-popover-item-wobble",
+  /** Destructive action item (e.g. delete) */
+  popoverItemDestructive: "data-blok-popover-item-destructive",
   /** Separator item */
   popoverItemSeparator: "data-blok-popover-item-separator",
   /** Separator line element */
@@ -265,7 +267,7 @@ const d = {
   testid: "data-blok-testid",
   /** Force hover state (for tests/storybook) */
   forceHover: "data-blok-force-hover"
-}, K = (n, t) => t === void 0 ? `[${n}]` : `[${n}="${t}"]`, g = {
+}, z = (n, t) => t === void 0 ? `[${n}]` : `[${n}="${t}"]`, g = {
   BACKSPACE: 8,
   TAB: 9,
   ENTER: 13,
@@ -274,16 +276,16 @@ const d = {
   DOWN: 40,
   RIGHT: 39,
   DELETE: 46
-}, Ie = {
+}, Ae = {
   LEFT: 0
-}, Ae = 650, Gt = () => "0.6.0-beta.0";
-var Wt = /* @__PURE__ */ ((n) => (n.VERBOSE = "VERBOSE", n.INFO = "INFO", n.WARN = "WARN", n.ERROR = "ERROR", n))(Wt || {});
-const j = (n, t, e = "log", o, s = "color: inherit") => {
+}, Se = 650, Wt = () => "0.6.0-beta.10";
+var Vt = /* @__PURE__ */ ((n) => (n.VERBOSE = "VERBOSE", n.INFO = "INFO", n.WARN = "WARN", n.ERROR = "ERROR", n))(Vt || {});
+const V = (n, t, e = "log", o, s = "color: inherit") => {
   const i = typeof console == "undefined" ? void 0 : console;
   if (!i || typeof i[e] != "function")
     return;
   const r = ["info", "log", "warn", "error"].includes(e), a = [];
-  switch (j.logLevel) {
+  switch (V.logLevel) {
     case "VERBOSE":
       break;
     case "ERROR":
@@ -300,7 +302,7 @@ const j = (n, t, e = "log", o, s = "color: inherit") => {
       break;
   }
   o && a.push(o);
-  const c = `Blok ${Gt()}`, l = `line-height: 1em;
+  const c = `Blok ${Wt()}`, l = `line-height: 1em;
             color: #006FEA;
             display: inline-block;
             font-size: 11px;
@@ -309,29 +311,29 @@ const j = (n, t, e = "log", o, s = "color: inherit") => {
             padding: 4px 9px;
             border-radius: 30px;
             border: 1px solid rgba(56, 138, 229, 0.16);
-            margin: 4px 5px 4px 0;`, h = n ? r ? (a.unshift(l, s), `%c${c}%c ${t}`) : `( ${c} )${t}` : t, p = r ? o !== void 0 ? [`${h} %o`, ...a] : [h, ...a] : [h];
+            margin: 4px 5px 4px 0;`, h = n ? r ? (a.unshift(l, s), `%c${c}%c ${t}`) : `( ${c} )${t}` : t, u = r ? o !== void 0 ? [`${h} %o`, ...a] : [h, ...a] : [h];
   try {
-    i[e](...p);
-  } catch (u) {
+    i[e](...u);
+  } catch (p) {
   }
 };
-j.logLevel = "VERBOSE";
-const xe = (n) => {
-  j.logLevel = n;
-}, z = (n, t = "log", e, o) => {
-  j(!1, n, t, e, o);
-}, Se = (n, t = "log", e, o) => {
-  j(!0, n, t, e, o);
-}, Y = (n) => typeof n == "function", q = (n) => {
+V.logLevel = "VERBOSE";
+const Le = (n) => {
+  V.logLevel = n;
+}, q = (n, t = "log", e, o) => {
+  V(!1, n, t, e, o);
+}, Ne = (n, t = "log", e, o) => {
+  V(!0, n, t, e, o);
+}, J = (n) => typeof n == "function", X = (n) => {
   if (n === null || typeof n != "object")
     return !1;
   const t = Object.getPrototypeOf(n);
   return t === null || t === Object.prototype;
-}, D = (n) => typeof n == "string", Le = (n) => typeof n == "boolean", wt = (n) => typeof n == "number", Ne = function(n) {
+}, j = (n) => typeof n == "string", Re = (n) => typeof n == "boolean", Ct = (n) => typeof n == "number", Be = function(n) {
   return n === void 0;
-}, ct = (n) => n == null ? !0 : typeof n == "string" || Array.isArray(n) ? n.length === 0 : n instanceof Map || n instanceof Set ? n.size === 0 : typeof n == "object" ? Object.keys(n).length === 0 : !1, jt = (n, t) => function(...e) {
+}, ht = (n) => n == null ? !0 : typeof n == "string" || Array.isArray(n) ? n.length === 0 : n instanceof Map || n instanceof Set ? n.size === 0 : typeof n == "object" ? Object.keys(n).length === 0 : !1, _t = (n, t) => function(...e) {
   setTimeout(() => n.apply(this, e), t);
-}, Re = (n, t, e) => {
+}, Oe = (n, t, e) => {
   const o = {
     timeoutId: null
   };
@@ -341,7 +343,7 @@ const xe = (n) => {
     };
     o.timeoutId !== null && clearTimeout(o.timeoutId), o.timeoutId = setTimeout(i, t);
   };
-}, Oe = (n, t, e) => {
+}, Me = (n, t, e) => {
   const o = {
     lastCallTime: void 0,
     lastInvokeTime: 0,
@@ -350,16 +352,16 @@ const xe = (n) => {
     lastThis: void 0
   }, s = (l) => {
     o.lastInvokeTime = l;
-    const h = o.lastArgs, p = o.lastThis;
-    return o.lastArgs = void 0, o.lastThis = void 0, n.apply(p, h != null ? h : []);
+    const h = o.lastArgs, u = o.lastThis;
+    return o.lastArgs = void 0, o.lastThis = void 0, n.apply(u, h != null ? h : []);
   }, i = (l) => {
-    var m;
-    const h = l - ((m = o.lastCallTime) != null ? m : 0), p = l - o.lastInvokeTime, u = t - h;
-    return Math.min(u, t - p);
+    var v;
+    const h = l - ((v = o.lastCallTime) != null ? v : 0), u = l - o.lastInvokeTime, p = t - h;
+    return Math.min(p, t - u);
   }, r = (l) => {
-    var u;
-    const h = l - ((u = o.lastCallTime) != null ? u : 0), p = l - o.lastInvokeTime;
-    return o.lastCallTime === void 0 || h >= t || h < 0 || p >= t;
+    var p;
+    const h = l - ((p = o.lastCallTime) != null ? p : 0), u = l - o.lastInvokeTime;
+    return o.lastCallTime === void 0 || h >= t || h < 0 || u >= t;
   }, a = () => {
     const l = Date.now();
     if (!r(l)) {
@@ -369,8 +371,8 @@ const xe = (n) => {
     o.timerId = void 0, o.lastArgs !== void 0 && s(l), o.lastArgs = void 0, o.lastThis = void 0;
   };
   return function(...l) {
-    const h = Date.now(), p = r(h);
-    if (o.lastArgs = l, o.lastThis = this, o.lastCallTime = h, !!(p && o.timerId === void 0))
+    const h = Date.now(), u = r(h);
+    if (o.lastArgs = l, o.lastThis = this, o.lastCallTime = h, !!(u && o.timerId === void 0))
       return o.lastInvokeTime = h, o.timerId = setTimeout(a, t), s(h);
   };
 }, w = (() => {
@@ -381,29 +383,29 @@ const xe = (n) => {
   }
 })();
 w && typeof w.window == "undefined" && (w.window = w);
-const Q = () => {
+const tt = () => {
   if (w != null && w.window)
     return w.window;
-}, At = () => {
+}, St = () => {
   if (w != null && w.navigator)
     return w.navigator;
-  const n = Q();
+  const n = tt();
   return n == null ? void 0 : n.navigator;
-}, Be = (n) => /^[-\w]+\/([-+\w]+|\*)$/.test(n), _t = () => {
+}, Fe = (n) => /^[-\w]+\/([-+\w]+|\*)$/.test(n), Ut = () => {
   var s, i;
   const n = {
     win: !1,
     mac: !1,
     x11: !1,
     linux: !1
-  }, t = At(), e = (i = (s = t == null ? void 0 : t.userAgent) == null ? void 0 : s.toLowerCase()) != null ? i : "", o = e ? Object.keys(n).find((r) => e.indexOf(r) !== -1) : void 0;
+  }, t = St(), e = (i = (s = t == null ? void 0 : t.userAgent) == null ? void 0 : s.toLowerCase()) != null ? i : "", o = e ? Object.keys(n).find((r) => e.indexOf(r) !== -1) : void 0;
   return o !== void 0 && (n[o] = !0), n;
-}, Vt = 650, Ut = () => {
-  const n = Q();
-  return !n || typeof n.matchMedia != "function" ? !1 : n.matchMedia(`(max-width: ${Vt}px)`).matches;
-}, Me = (() => {
+}, Kt = 650, zt = () => {
+  const n = tt();
+  return !n || typeof n.matchMedia != "function" ? !1 : n.matchMedia(`(max-width: ${Kt}px)`).matches;
+}, He = (() => {
   var c;
-  const n = At();
+  const n = St();
   if (!n)
     return !1;
   const t = n.userAgent || "", e = n.userAgentData, o = e == null ? void 0 : e.platform;
@@ -414,27 +416,27 @@ const Q = () => {
     n.platform
   ), r = o !== void 0 && o !== "" ? o : void 0;
   return (s ? r != null ? r : i() : void 0) === "MacIntel";
-})(), Fe = (n) => {
+})(), Pe = (n) => {
   try {
     return new URL(n).href;
   } catch (e) {
   }
-  const t = Q();
+  const t = tt();
   return n.substring(0, 2) === "//" ? t ? `${t.location.protocol}${n}` : n : t ? `${t.location.origin}${n}` : n;
-}, He = (n) => {
-  const t = Q();
+}, $e = (n) => {
+  const t = tt();
   t && t.open(n, "_blank");
-}, Kt = (n) => n && n.slice(0, 1).toUpperCase() + n.slice(1), Pe = (n) => {
-  const t = _t(), e = n.replace(/shift/gi, "⇧").replace(/backspace/gi, "⌫").replace(/enter/gi, "⏎").replace(/up/gi, "↑").replace(/left/gi, "→").replace(/down/gi, "↓").replace(/right/gi, "←").replace(/escape/gi, "⎋").replace(/insert/gi, "Ins").replace(/delete/gi, "␡").replace(/\+/gi, " + ");
+}, qt = (n) => n && n.slice(0, 1).toUpperCase() + n.slice(1), De = (n) => {
+  const t = Ut(), e = n.replace(/shift/gi, "⇧").replace(/backspace/gi, "⌫").replace(/enter/gi, "⏎").replace(/up/gi, "↑").replace(/left/gi, "→").replace(/down/gi, "↓").replace(/right/gi, "←").replace(/escape/gi, "⎋").replace(/insert/gi, "Ins").replace(/delete/gi, "␡").replace(/\+/gi, " + ");
   return t.mac ? e.replace(/ctrl|cmd/gi, "⌘").replace(/alt/gi, "⌥") : e.replace(/cmd/gi, "Ctrl").replace(/windows/gi, "WIN");
-}, xt = (n, t) => {
-  const e = y({}, n);
+}, Lt = (n, t) => {
+  const e = E({}, n);
   return Object.keys(t).forEach((o) => {
     const s = e[o], i = t[o];
     if (i === void 0)
       return;
-    if (q(i) && q(s) && !Array.isArray(i)) {
-      e[o] = xt(
+    if (X(i) && X(s) && !Array.isArray(i)) {
+      e[o] = Lt(
         s,
         i
       );
@@ -442,30 +444,30 @@ const Q = () => {
     }
     e[o] = i;
   }), e;
-}, $e = (n, ...t) => {
-  if (!q(n) || t.length === 0)
+}, je = (n, ...t) => {
+  if (!X(n) || t.length === 0)
     return n;
-  const e = t.reduce((o, s) => q(s) ? xt(o, s) : o, n);
+  const e = t.reduce((o, s) => X(s) ? Lt(o, s) : o, n);
   return Object.assign(n, e), n;
-}, zt = (n, t) => n.length !== t.length ? !1 : n.every((e, o) => dt(e, t[o])), dt = (n, t) => {
+}, Xt = (n, t) => n.length !== t.length ? !1 : n.every((e, o) => pt(e, t[o])), pt = (n, t) => {
   if (n === t)
     return !0;
   if (n === null || t === null || typeof n != "object" || typeof t != "object" || Array.isArray(n) !== Array.isArray(t))
     return !1;
   if (Array.isArray(n) && Array.isArray(t))
-    return zt(n, t);
+    return Xt(n, t);
   const e = Object.keys(n), o = Object.keys(t);
   return e.length !== o.length ? !1 : e.every(
-    (s) => Object.prototype.hasOwnProperty.call(t, s) && dt(n[s], t[s])
+    (s) => Object.prototype.hasOwnProperty.call(t, s) && pt(n[s], t[s])
   );
-}, qt = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+}, Yt = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 let Zt = (n = 21) => {
   let t = "", e = crypto.getRandomValues(new Uint8Array(n |= 0));
   for (; n--; )
-    t += qt[e[n] & 63];
+    t += Yt[e[n] & 63];
   return t;
 };
-const Xt = 1e8, Yt = 16, De = () => Zt(10), Qt = (n = "") => `${n}${Math.floor(Math.random() * Xt).toString(Yt)}`;
+const Qt = 1e8, Jt = 16, Ge = () => Zt(10), te = (n = "") => `${n}${Math.floor(Math.random() * Qt).toString(Jt)}`;
 class f {
   /**
    * Check if passed tag has no closed tag
@@ -663,7 +665,7 @@ class f {
    * @returns {boolean}
    */
   static isElement(t) {
-    return wt(t) ? !1 : t != null && typeof t == "object" && "nodeType" in t && t.nodeType === Node.ELEMENT_NODE;
+    return Ct(t) ? !1 : t != null && typeof t == "object" && "nodeType" in t && t.nodeType === Node.ELEMENT_NODE;
   }
   /**
    * Check if object is DocumentFragment node
@@ -671,7 +673,7 @@ class f {
    * @returns {boolean}
    */
   static isFragment(t) {
-    return wt(t) ? !1 : t != null && typeof t == "object" && "nodeType" in t && t.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
+    return Ct(t) ? !1 : t != null && typeof t == "object" && "nodeType" in t && t.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
   }
   /**
    * Check if passed element is contenteditable
@@ -824,7 +826,7 @@ class f {
    * @returns {boolean}
    */
   static containsOnlyInlineElements(t) {
-    const e = D(t) ? (() => {
+    const e = j(t) ? (() => {
       const s = document.createElement("div");
       return s.innerHTML = t, s;
     })() : t, o = (s) => !f.blockElements.includes(s.tagName.toLowerCase()) && Array.from(s.children).every(o);
@@ -844,7 +846,7 @@ class f {
    * @returns {HTMLElement}
    */
   static getHolder(t) {
-    if (!D(t))
+    if (!j(t))
       return t;
     const e = document.getElementById(t);
     if (e !== null)
@@ -884,12 +886,12 @@ class f {
       t,
       NodeFilter.SHOW_TEXT,
       null
-    ), s = (l, h, p, u) => {
-      var C;
-      if (!l && p) {
-        const F = h - u, R = Math.max(e - F, 0), O = Math.min(R, u);
+    ), s = (l, h, u, p) => {
+      var y;
+      if (!l && u) {
+        const H = h - p, B = Math.max(e - H, 0), O = Math.min(B, p);
         return {
-          node: p,
+          node: u,
           offset: O
         };
       }
@@ -898,7 +900,7 @@ class f {
           node: null,
           offset: 0
         };
-      const b = ((C = l.textContent) != null ? C : "").length;
+      const b = ((y = l.textContent) != null ? y : "").length;
       return h + b >= e ? {
         node: l,
         offset: Math.min(e - h, b)
@@ -924,15 +926,15 @@ class f {
     };
   }
 }
-const Jt = (n) => !/[^\t\n\r \u200B]/.test(n), te = (n) => {
+const ee = (n) => !/[^\t\n\r \u200B]/.test(n), oe = (n) => {
   n.setAttribute("data-blok-empty", f.isEmpty(n) ? "true" : "false");
-}, Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Dom: f,
-  isCollapsedWhitespaces: Jt,
-  toggleEmptyMark: te
+  isCollapsedWhitespaces: ee,
+  toggleEmptyMark: oe
 }, Symbol.toStringTag, { value: "Module" }));
-class St {
+class Nt {
   constructor() {
     this.allListeners = [];
   }
@@ -946,7 +948,7 @@ class St {
   on(t, e, o, s = !1) {
     if (this.findOne(t, e, o, s))
       return;
-    const r = Qt("l"), a = {
+    const r = te("l"), a = {
       id: r,
       element: t,
       eventType: e,
@@ -1092,47 +1094,47 @@ const G = (n, t) => {
   if (!n.conversionConfig)
     return !1;
   const e = n.conversionConfig[t];
-  return Y(e) || D(e);
-}, $ = (n, t) => {
+  return J(e) || j(e);
+}, D = (n, t) => {
   const e = t.includes(".") ? t : `toolNames.${t}`;
   return n.has(e) ? n.t(e) : void 0;
-}, kt = (n, t, e = "") => {
-  const o = t.titleKey ? $(n, t.titleKey) : void 0;
+}, yt = (n, t, e = "") => {
+  const o = t.titleKey ? D(n, t.titleKey) : void 0;
   if (o !== void 0)
     return o;
-  const s = t.title ? $(n, t.title) : void 0;
+  const s = t.title ? D(n, t.title) : void 0;
   if (s !== void 0)
     return s;
   if (t.title)
     return t.title;
-  const i = e ? $(n, e) : void 0;
+  const i = e ? D(n, e) : void 0;
   return i != null ? i : e;
-}, ee = (n, t, e) => {
-  const o = t ? $(n, t) : void 0;
+}, se = (n, t, e) => {
+  const o = t ? D(n, t) : void 0;
   if (o !== void 0)
     return o;
-  const s = $(n, e);
+  const s = D(n, e);
   return s != null ? s : e;
-}, Ct = (n, t) => G(n.tool, t), oe = (n, t) => Object.entries(n).some((([e, o]) => t[e] && dt(t[e], o))), Lt = async (n, t) => {
+}, Et = (n, t) => G(n.tool, t), ne = (n, t) => Object.entries(n).some((([e, o]) => t[e] && pt(t[e], o))), Rt = async (n, t) => {
   const o = (await n.save()).data, s = t.find((i) => i.name === n.name);
   return s !== void 0 && !G(s, "export") ? [] : t.reduce((i, r) => {
     if (!G(r, "import") || r.toolbox === void 0)
       return i;
     const a = r.toolbox.filter((c) => {
-      if (ct(c) || c.icon === void 0)
+      if (ht(c) || c.icon === void 0)
         return !1;
       const l = c.data !== void 0;
-      return !(l && c.data !== void 0 && oe(c.data, o) || !l && r.name === n.name);
+      return !(l && c.data !== void 0 && ne(c.data, o) || !l && r.name === n.name);
     });
-    return i.push(B(y({}, r), {
+    return i.push(M(E({}, r), {
       toolbox: a
     })), i;
   }, []);
-}, We = (n, t) => n.mergeable ? n.name === t.name ? !0 : Ct(t, "export") && Ct(n, "import") : !1, je = async (n, t) => {
+}, Ve = (n, t) => n.mergeable ? n.name === t.name ? !0 : Et(t, "export") && Et(n, "import") : !1, _e = async (n, t) => {
   if (n.length === 0)
     return [];
   if (n.length === 1)
-    return Lt(n[0], t);
+    return Rt(n[0], t);
   for (const o of n) {
     const s = t.find((i) => i.name === o.name);
     if (s !== void 0 && !G(s, "export"))
@@ -1142,21 +1144,21 @@ const G = (n, t) => {
   return t.reduce((o, s) => {
     if (!G(s, "import") || s.toolbox === void 0)
       return o;
-    const i = s.toolbox.filter((r) => !(ct(r) || r.icon === void 0 || !(r.data !== void 0) && e.size === 1 && e.has(s.name)));
-    return i.length > 0 && o.push(B(y({}, s), {
+    const i = s.toolbox.filter((r) => !(ht(r) || r.icon === void 0 || !(r.data !== void 0) && e.size === 1 && e.has(s.name)));
+    return i.length > 0 && o.push(M(E({}, s), {
       toolbox: i
     })), o;
   }, []);
-}, _e = (n, t) => {
+}, Ue = (n, t) => {
   const e = t == null ? void 0 : t.export;
-  return Y(e) ? e(n) : D(e) ? n[e] : (e !== void 0 && z("Conversion «export» property must be a string or function. String means key of saved data object to export. Function should export processed string to export."), "");
-}, Ve = (n, t, e) => {
+  return J(e) ? e(n) : j(e) ? n[e] : (e !== void 0 && q("Conversion «export» property must be a string or function. String means key of saved data object to export. Function should export processed string to export."), "");
+}, Ke = (n, t, e) => {
   const o = t == null ? void 0 : t.import;
-  return Y(o) ? o(n, e) : D(o) ? {
+  return J(o) ? o(n, e) : j(o) ? {
     [o]: n
-  } : (o !== void 0 && z("Conversion «import» property must be a string or function. String means key of tool data to import. Function accepts a imported string and return composed tool data."), {});
+  } : (o !== void 0 && q("Conversion «import» property must be a string or function. String means key of tool data to import. Function accepts a imported string and return composed tool data."), {});
 };
-class Nt {
+class Bt {
   constructor() {
     this.subscribers = {};
   }
@@ -1187,7 +1189,7 @@ class Nt {
    * @param data - subscribers get this data when they were fired
    */
   emit(t, e) {
-    ct(this.subscribers) || !this.subscribers[t] || this.subscribers[t].reduce((o, s) => {
+    ht(this.subscribers) || !this.subscribers[t] || this.subscribers[t].reduce((o, s) => {
       const i = s(o);
       return i !== void 0 ? i : o;
     }, e);
@@ -1214,9 +1216,9 @@ class Nt {
     this.subscribers = {};
   }
 }
-const Ue = 180, Ke = 400, ze = "blok", qe = "inline-toolbar", tt = "tooltip", Ze = "[data-blok-interface=inline-toolbar]";
+const ze = 180, qe = 400, Xe = "blok", Ye = "inline-toolbar", ot = "tooltip", Ze = "[data-blok-interface=inline-toolbar]";
 typeof process != "undefined" ? process.platform === "darwin" ? "Meta" : "Control" : typeof navigator != "undefined" && navigator.userAgent.toLowerCase().includes("mac") ? "Meta" : "Control";
-class v {
+class m {
   /**
    * Returns selected anchor node
    * {@link https://developer.mozilla.org/en-US/docs/Web/API/Selection/anchorNode}
@@ -1257,7 +1259,7 @@ class v {
   static isSelectionAtBlok(t) {
     if (!t)
       return !1;
-    const e = t.anchorNode || t.focusNode, o = e && e.nodeType === Node.TEXT_NODE ? e.parentNode : e, s = o && o instanceof Element ? o.closest(K(d.redactor)) : null;
+    const e = t.anchorNode || t.focusNode, o = e && e.nodeType === Node.TEXT_NODE ? e.parentNode : e, s = o && o instanceof Element ? o.closest(z(d.redactor)) : null;
     return s ? s.nodeType === Node.ELEMENT_NODE : !1;
   }
   /**
@@ -1273,7 +1275,7 @@ class v {
   static isRangeAtBlok(t) {
     if (!t)
       return;
-    const e = t.startContainer && t.startContainer.nodeType === Node.TEXT_NODE ? t.startContainer.parentNode : t.startContainer, o = e && e instanceof Element ? e.closest(K(d.redactor)) : null;
+    const e = t.startContainer && t.startContainer.nodeType === Node.TEXT_NODE ? t.startContainer.parentNode : t.startContainer, o = e && e instanceof Element ? e.closest(z(d.redactor)) : null;
     return o ? o.nodeType === Node.ELEMENT_NODE : !1;
   }
   /**
@@ -1314,9 +1316,9 @@ class v {
       height: 0
     }, e = window.getSelection();
     if (!e)
-      return z("Method window.getSelection returned null", "warn"), t;
+      return q("Method window.getSelection returned null", "warn"), t;
     if (e.rangeCount === null || Number.isNaN(e.rangeCount))
-      return z("Method SelectionUtils.rangeCount is not supported", "warn"), t;
+      return q("Method SelectionUtils.rangeCount is not supported", "warn"), t;
     if (e.rangeCount === 0)
       return t;
     const o = e.getRangeAt(0).cloneRange(), s = o.getBoundingClientRect();
@@ -1337,7 +1339,7 @@ class v {
     return (e = t == null ? void 0 : t.toString()) != null ? e : "";
   }
 }
-class et {
+class st {
   /**
    * Set focus to contenteditable or native input element
    * @param element - element where to set focus
@@ -1352,7 +1354,7 @@ class et {
    * @param container - where range should be
    */
   static isRangeInsideContainer(t) {
-    const e = v.getRange();
+    const e = m.getRange();
     return e === null ? !1 : t.contains(e.startContainer);
   }
   /**
@@ -1366,7 +1368,7 @@ class et {
     e.selectNodeContents(t.focusNode), e.collapse(!1), t.removeAllRanges(), t.addRange(e);
   }
 }
-const ut = class ut {
+const gt = class gt {
   /**
    * Applies box-shadow to a wrapper to extend the background to fill line-height
    * @param wrapper - the wrapper element
@@ -1434,7 +1436,7 @@ const ut = class ut {
     const s = t.parentElement;
     if (!s)
       return;
-    const i = window.getComputedStyle(s), r = parseFloat(i.lineHeight), a = parseFloat(window.getComputedStyle(t).fontSize), c = Number.isNaN(r) ? a * 1.2 : r, l = o[0], h = o[o.length - 1], p = this.findLineIndex(l.top, e), u = this.findLineIndex(h.top, e), m = o.length > 1 && p !== u, b = p === 0, M = u === e.length - 1, C = Math.max(0, (c - l.height) / 2), F = m ? this.calculateLineTopExtension(C, b, e, p) : C, R = m ? this.calculateLineBottomExtension(C, M, e, u) : C, O = this.buildBoxShadow(F, R);
+    const i = window.getComputedStyle(s), r = parseFloat(i.lineHeight), a = parseFloat(window.getComputedStyle(t).fontSize), c = Number.isNaN(r) ? a * 1.2 : r, l = o[0], h = o[o.length - 1], u = this.findLineIndex(l.top, e), p = this.findLineIndex(h.top, e), v = o.length > 1 && u !== p, b = u === 0, F = p === e.length - 1, y = Math.max(0, (c - l.height) / 2), H = v ? this.calculateLineTopExtension(y, b, e, u) : y, B = v ? this.calculateLineBottomExtension(y, F, e, p) : y, O = this.buildBoxShadow(H, B);
     t.style.boxShadow = O;
   }
   /**
@@ -1484,9 +1486,9 @@ const ut = class ut {
     return o.push(`inset 0 0 0 9999px ${this.BG_COLOR}`), e > 0 && o.push(`0 ${e}px 0 ${this.BG_COLOR}`), t > 0 && o.push(`0 -${t}px 0 ${this.BG_COLOR}`), o.join(", ");
   }
 };
-ut.BG_COLOR = "rgba(0, 0, 0, 0.08)";
-let N = ut;
-class at {
+gt.BG_COLOR = "rgba(0, 0, 0, 0.08)";
+let R = gt;
+class ct {
   /**
    * Collects text nodes that intersect with the passed range
    * @param range - selection range
@@ -1568,22 +1570,22 @@ class _ {
   static splitMultiLineWrapper(t) {
     const e = t.getClientRects();
     if (e.length <= 1)
-      return N.applyBoxShadowToWrapper(t), [t];
+      return R.applyBoxShadowToWrapper(t), [t];
     const o = t.textContent || "", s = t.parentNode;
     if (!s || !o)
-      return N.applyBoxShadowToWrapper(t), [t];
+      return R.applyBoxShadowToWrapper(t), [t];
     const i = [], r = t.firstChild;
     if (!r || r.nodeType !== Node.TEXT_NODE)
-      return N.applyBoxShadowToWrapper(t), [t];
-    const a = at.findLineBreakPositions(r, e.length);
+      return R.applyBoxShadowToWrapper(t), [t];
+    const a = ct.findLineBreakPositions(r, e.length);
     if (a.length === 0)
-      return N.applyBoxShadowToWrapper(t), [t];
-    const c = at.splitTextAtPositions(o, a), l = document.createDocumentFragment();
+      return R.applyBoxShadowToWrapper(t), [t];
+    const c = ct.splitTextAtPositions(o, a), l = document.createDocumentFragment();
     return c.forEach((h) => {
       if (h.length === 0)
         return;
-      const p = f.make("span");
-      p.setAttribute("data-blok-testid", "fake-background"), p.setAttribute("data-blok-fake-background", "true"), p.setAttribute("data-blok-mutation-free", "true"), p.style.color = "inherit", p.style.boxDecorationBreak = "clone", p.style["-webkit-box-decoration-break"] = "clone", p.style.whiteSpace = "pre-wrap", p.textContent = h, l.appendChild(p), i.push(p);
+      const u = f.make("span");
+      u.setAttribute("data-blok-testid", "fake-background"), u.setAttribute("data-blok-fake-background", "true"), u.setAttribute("data-blok-mutation-free", "true"), u.style.color = "inherit", u.style.boxDecorationBreak = "clone", u.style["-webkit-box-decoration-break"] = "clone", u.style.whiteSpace = "pre-wrap", u.textContent = h, l.appendChild(u), i.push(u);
     }), s.replaceChild(l, t), i;
   }
   /**
@@ -1599,7 +1601,7 @@ class _ {
     }
   }
 }
-class se {
+class ie {
   constructor(t) {
     this.selectionUtils = t;
   }
@@ -1616,26 +1618,26 @@ class se {
     const e = t.getRangeAt(0);
     if (e.collapsed)
       return;
-    const o = at.collectTextNodes(e);
+    const o = ct.collectTextNodes(e);
     if (o.length === 0)
       return;
     const s = e.startContainer, i = e.startOffset, r = e.endContainer, a = e.endOffset, c = [];
-    if (o.forEach((u) => {
-      var gt, mt;
-      const m = document.createRange(), b = u === s, M = u === r, C = b ? i : 0, F = (mt = (gt = u.textContent) == null ? void 0 : gt.length) != null ? mt : 0, R = M ? a : F;
-      if (C === R)
+    if (o.forEach((p) => {
+      var mt, bt;
+      const v = document.createRange(), b = p === s, F = p === r, y = b ? i : 0, H = (bt = (mt = p.textContent) == null ? void 0 : mt.length) != null ? bt : 0, B = F ? a : H;
+      if (y === B)
         return;
-      m.setStart(u, C), m.setEnd(u, R);
-      const O = _.wrapRangeWithHighlight(m);
+      v.setStart(p, y), v.setEnd(p, B);
+      const O = _.wrapRangeWithHighlight(v);
       O && c.push(O);
     }), c.length === 0)
       return;
     const l = _.postProcessHighlightWrappers(c);
-    N.applyLineHeightExtensions(l);
+    R.applyLineHeightExtensions(l);
     const h = document.createRange();
     h.setStartBefore(l[0]), h.setEndAfter(l[l.length - 1]), this.selectionUtils.savedSelectionRange = h.cloneRange();
-    const p = window.getSelection();
-    p && (p.removeAllRanges(), p.addRange(h)), this.selectionUtils.isFakeBackgroundEnabled = !0;
+    const u = window.getSelection();
+    u && (u.removeAllRanges(), u.addRange(h)), this.selectionUtils.isFakeBackgroundEnabled = !0;
   }
   /**
    * Removes fake background
@@ -1678,12 +1680,12 @@ class se {
     }
   }
 }
-class ot {
+class nt {
   /**
    * Adds fake cursor to the current range
    */
   static addFakeCursor() {
-    const t = v.getRange();
+    const t = m.getRange();
     if (t === null)
       return;
     const e = f.make("span");
@@ -1694,18 +1696,18 @@ class ot {
    * @param el - where to check
    */
   static isFakeCursorInsideContainer(t) {
-    return f.find(t, K(d.fakeCursor)) !== null;
+    return f.find(t, z(d.fakeCursor)) !== null;
   }
   /**
    * Removes fake cursor from a container
    * @param container - container to look for
    */
   static removeFakeCursor(t = document.body) {
-    const e = f.find(t, K(d.fakeCursor));
+    const e = f.find(t, z(d.fakeCursor));
     e && e.remove();
   }
 }
-class yt {
+class Tt {
   /**
    * Looks ahead to find passed tag from current selection
    * @param tagName - tag to find
@@ -1723,13 +1725,13 @@ class yt {
       const c = (l, h) => {
         if (h <= 0 || !l)
           return null;
-        const p = l.nodeType === Node.ELEMENT_NODE && l.tagName === t, u = !e || l.classList && l.classList.contains(e);
-        if (p && u)
+        const u = l.nodeType === Node.ELEMENT_NODE && l.tagName === t, p = !e || l.classList && l.classList.contains(e);
+        if (u && p)
           return l;
         if (!l.parentNode)
           return null;
-        const m = l.parentNode, b = !e || m.classList && m.classList.contains(e);
-        return m.tagName === t && b ? m : c(m, h - 1);
+        const v = l.parentNode, b = !e || v.classList && v.classList.contains(e);
+        return v.tagName === t && b ? v : c(v, h - 1);
       };
       return c(a, o);
     };
@@ -1753,9 +1755,9 @@ class yt {
     o.selectNodeContents(t), e.addRange(o);
   }
 }
-class Rt {
+class Ot {
   constructor() {
-    this.instance = null, this.selection = null, this.savedSelectionRange = null, this.isFakeBackgroundEnabled = !1, this.fakeBackgroundManager = new se(this);
+    this.instance = null, this.selection = null, this.savedSelectionRange = null, this.isFakeBackgroundEnabled = !1, this.fakeBackgroundManager = new ie(this);
   }
   // ========================
   // Static getters - delegate to core module
@@ -1766,14 +1768,14 @@ class Rt {
    * @returns {Node|null}
    */
   static get anchorNode() {
-    return v.getAnchorNode();
+    return m.getAnchorNode();
   }
   /**
    * Returns selected anchor element
    * @returns {Element|null}
    */
   static get anchorElement() {
-    return v.getAnchorElement();
+    return m.getAnchorElement();
   }
   /**
    * Returns selection offset according to the anchor node
@@ -1781,69 +1783,69 @@ class Rt {
    * @returns {number|null}
    */
   static get anchorOffset() {
-    return v.getAnchorOffset();
+    return m.getAnchorOffset();
   }
   /**
    * Is current selection range collapsed
    * @returns {boolean|null}
    */
   static get isCollapsed() {
-    return v.getIsCollapsed();
+    return m.getIsCollapsed();
   }
   /**
    * Check current selection if it is at Blok's zone
    * @returns {boolean}
    */
   static get isAtBlok() {
-    return v.getIsAtBlok();
+    return m.getIsAtBlok();
   }
   /**
    * Check if passed selection is at Blok's zone
    * @param selection - Selection object to check
    */
   static isSelectionAtBlok(t) {
-    return v.isSelectionAtBlok(t);
+    return m.isSelectionAtBlok(t);
   }
   /**
    * Check if passed range at Blok zone
    * @param range - range to check
    */
   static isRangeAtBlok(t) {
-    return v.isRangeAtBlok(t);
+    return m.isRangeAtBlok(t);
   }
   /**
    * Methods return boolean that true if selection exists on the page
    */
   static get isSelectionExists() {
-    return v.getIsSelectionExists();
+    return m.getIsSelectionExists();
   }
   /**
    * Return first range
    * @returns {Range|null}
    */
   static get range() {
-    return v.getRange();
+    return m.getRange();
   }
   /**
    * Returns range from passed Selection object
    * @param selection - Selection object to get Range from
    */
   static getRangeFromSelection(t) {
-    return v.getRangeFromSelection(t);
+    return m.getRangeFromSelection(t);
   }
   /**
    * Calculates position and size of selected text
    * @returns {DOMRect}
    */
   static get rect() {
-    return v.getRect();
+    return m.getRect();
   }
   /**
    * Returns selected text as String
    * @returns {string}
    */
   static get text() {
-    return v.getText();
+    return m.getText();
   }
   /**
    * Returns window Selection
@@ -1851,7 +1853,7 @@ class Rt {
    * @returns {Selection}
    */
   static get() {
-    return v.get();
+    return m.get();
   }
   // ========================
   // Static methods - delegate to appropriate modules
@@ -1862,34 +1864,34 @@ class Rt {
    * @param offset - offset of cursor
    */
   static setCursor(t, e = 0) {
-    return et.setCursor(t, e);
+    return st.setCursor(t, e);
   }
   /**
    * Check if current range exists and belongs to container
    * @param container - where range should be
    */
   static isRangeInsideContainer(t) {
-    return et.isRangeInsideContainer(t);
+    return st.isRangeInsideContainer(t);
   }
   /**
    * Adds fake cursor to the current range
    */
   static addFakeCursor() {
-    ot.addFakeCursor();
+    nt.addFakeCursor();
   }
   /**
    * Check if passed element contains a fake cursor
    * @param el - where to check
    */
   static isFakeCursorInsideContainer(t) {
-    return ot.isFakeCursorInsideContainer(t);
+    return nt.isFakeCursorInsideContainer(t);
   }
   /**
    * Removes fake cursor from a container
    * @param container - container to look for
    */
   static removeFakeCursor(t = document.body) {
-    ot.removeFakeCursor(t);
+    nt.removeFakeCursor(t);
   }
   // ========================
   // Instance methods - delegate to FakeBackgroundManager or use instance state
@@ -1928,7 +1930,7 @@ class Rt {
    * Save Selection's range
    */
   save() {
-    this.savedSelectionRange = v.getRange();
+    this.savedSelectionRange = m.getRange();
   }
   /**
    * Restore saved Selection's range
@@ -1949,7 +1951,7 @@ class Rt {
    * Collapse current selection
    */
   collapseToEnd() {
-    et.collapseToEnd();
+    st.collapseToEnd();
   }
   /**
    * Looks ahead to find passed tag from current selection
@@ -1959,17 +1961,17 @@ class Rt {
    * @returns {HTMLElement|null}
    */
   findParentTag(t, e, o = 10) {
-    return yt.findParentTag(t, e, o);
+    return Tt.findParentTag(t, e, o);
   }
   /**
    * Expands selection range to the passed parent node
    * @param element - element which contents should be selected
    */
   expandToTag(t) {
-    yt.expandToTag(t);
+    Tt.expandToTag(t);
   }
 }
-const ne = [
+const re = [
   // Max-width: max-w-* classes conflict with each other
   { pattern: /^max-w-(.+)$/, getGroup: () => "max-w" },
   // Width: w-* classes conflict with each other
@@ -2050,26 +2052,26 @@ const ne = [
   { pattern: /^border(-.*)?$/, getGroup: () => "border" },
   // Shadow: shadow-*
   { pattern: /^shadow(-.*)?$/, getGroup: () => "shadow" }
-], st = /* @__PURE__ */ new Map(), ie = (n) => {
-  const t = st.get(n);
+], it = /* @__PURE__ */ new Map(), ae = (n) => {
+  const t = it.get(n);
   if (t !== void 0)
     return t;
-  for (const { pattern: e, getGroup: o } of ne) {
+  for (const { pattern: e, getGroup: o } of re) {
     const s = n.match(e);
     if (s) {
       const i = o(s);
-      return st.set(n, i), i;
+      return it.set(n, i), i;
     }
   }
-  return st.set(n, null), null;
-}, re = (n, t, e) => {
-  const o = ie(n);
+  return it.set(n, null), null;
+}, le = (n, t, e) => {
+  const o = ae(n);
   if (o) {
     t.set(o, n);
     return;
   }
   e.includes(n) || e.push(n);
-}, ae = (n) => {
+}, ce = (n) => {
   const t = [];
   for (const e of n)
     if (e) {
@@ -2080,14 +2082,14 @@ const ne = [
       t.push(e);
     }
   return t;
-}, k = (...n) => {
-  const t = /* @__PURE__ */ new Map(), e = [], o = ae(n);
+}, C = (...n) => {
+  const t = /* @__PURE__ */ new Map(), e = [], o = ce(n);
   for (const s of o)
-    s.split(/\s+/).filter(Boolean).forEach((r) => re(r, t, e));
+    s.split(/\s+/).filter(Boolean).forEach((r) => le(r, t, e));
   return [...e, ...t.values()].join(" ");
-}, Et = (...n) => n.filter(Boolean).join(" ");
-var x = /* @__PURE__ */ ((n) => (n.Default = "default", n.Separator = "separator", n.Html = "html", n))(x || {});
-const nt = 10, le = "tooltip", ce = "aria-hidden", de = "false", he = "true", pe = "visibility", ue = "visible", fe = "hidden", I = class I {
+}, It = (...n) => n.filter(Boolean).join(" ");
+var S = /* @__PURE__ */ ((n) => (n.Default = "default", n.Separator = "separator", n.Html = "html", n))(S || {});
+const rt = 10, de = "tooltip", he = "aria-hidden", pe = "false", ue = "true", fe = "visibility", ge = "visible", ve = "hidden", x = class x {
   /**
    * Module constructor
    */
@@ -2095,7 +2097,7 @@ const nt = 10, le = "tooltip", ce = "aria-hidden", de = "false", he = "true", pe
     this.nodes = {
       wrapper: null,
       content: null
-    }, this.showed = !1, this.offsetTop = nt, this.offsetLeft = nt, this.offsetRight = nt, this.showingTimeout = null, this.ariaObserver = null, this.handleWindowScroll = () => {
+    }, this.showed = !1, this.offsetTop = rt, this.offsetLeft = rt, this.offsetRight = rt, this.showingTimeout = null, this.ariaObserver = null, this.handleWindowScroll = () => {
       this.showed && this.hide();
     }, this.prepare(), window.addEventListener("scroll", this.handleWindowScroll, { passive: !0 });
   }
@@ -2105,35 +2107,27 @@ const nt = 10, le = "tooltip", ce = "aria-hidden", de = "false", he = "true", pe
    */
   get CSS() {
     return {
-      tooltip: Et(
+      tooltip: It(
         "absolute z-overlay top-0 left-0",
         "bg-tooltip-bg opacity-0",
         "select-none pointer-events-none",
-        "transition-[opacity,transform] duration-[50ms,70ms] ease-in",
         "rounded-lg shadow-tooltip",
-        "will-change-[opacity,top,left]",
         "before:content-[''] before:absolute before:inset-0 before:bg-tooltip-bg before:-z-10 before:rounded-lg",
         "mobile:hidden"
       ).split(" "),
-      tooltipContent: Et(
+      tooltipContent: It(
         "px-2.5 py-1.5",
         "text-tooltip-font text-xs text-center",
         "tracking-[0.02em] leading-[1em]"
       ).split(" "),
-      tooltipShown: ["opacity-100", "transform-none"],
-      placement: {
-        left: ["-translate-x-[5px]"],
-        bottom: ["translate-y-[5px]"],
-        right: ["translate-x-[5px]"],
-        top: ["-translate-y-[5px]"]
-      }
+      tooltipShown: ["opacity-100"]
     };
   }
   /**
    * Get singleton instance
    */
   static getInstance() {
-    return I.instance || (I.instance = new I()), I.instance;
+    return x.instance || (x.instance = new x()), x.instance;
   }
   /**
    * Show Tooltip near passed element with specified HTML content
@@ -2149,41 +2143,40 @@ const nt = 10, le = "tooltip", ce = "aria-hidden", de = "false", he = "true", pe
       marginLeft: 0,
       marginRight: 0,
       marginBottom: 0,
-      delay: 70
+      delay: 0
     }, o);
-    if (!this.nodes.content || (this.nodes.content.innerHTML = "", this.nodes.content.appendChild(this.createContentNode(e)), !this.nodes.wrapper))
-      return;
-    const r = Object.values(this.CSS.placement).flatMap((a) => Array.isArray(a) ? a : [a]);
-    switch (this.nodes.wrapper.classList.remove(...r), i.placement) {
-      case "top":
-        this.placeTop(t, i);
-        break;
-      case "left":
-        this.placeLeft(t, i);
-        break;
-      case "right":
-        this.placeRight(t, i);
-        break;
-      case "bottom":
-      default:
-        this.placeBottom(t, i);
-        break;
-    }
-    if (i && i.delay) {
-      this.showingTimeout = setTimeout(() => {
-        if (this.showingTimeout = null, this.nodes.wrapper) {
-          const a = Array.isArray(this.CSS.tooltipShown) ? this.CSS.tooltipShown : [this.CSS.tooltipShown];
-          this.nodes.wrapper.classList.add(...a), this.updateTooltipVisibility();
-        }
-        this.showed = !0;
-      }, i.delay);
-      return;
-    }
-    if (this.nodes.wrapper) {
-      const a = Array.isArray(this.CSS.tooltipShown) ? this.CSS.tooltipShown : [this.CSS.tooltipShown];
-      this.nodes.wrapper.classList.add(...a), this.updateTooltipVisibility();
+    if (this.nodes.content && (this.nodes.content.innerHTML = "", this.nodes.content.appendChild(this.createContentNode(e)), !!this.nodes.wrapper)) {
+      switch (i.placement) {
+        case "top":
+          this.placeTop(t, i);
+          break;
+        case "left":
+          this.placeLeft(t, i);
+          break;
+        case "right":
+          this.placeRight(t, i);
+          break;
+        case "bottom":
+        default:
+          this.placeBottom(t, i);
+          break;
+      }
+      if (i && i.delay) {
+        this.showingTimeout = setTimeout(() => {
+          if (this.showingTimeout = null, this.nodes.wrapper) {
+            const r = Array.isArray(this.CSS.tooltipShown) ? this.CSS.tooltipShown : [this.CSS.tooltipShown];
+            this.nodes.wrapper.classList.add(...r), this.updateTooltipVisibility();
+          }
+          this.showed = !0;
+        }, i.delay);
+        return;
+      }
+      if (this.nodes.wrapper) {
+        const r = Array.isArray(this.CSS.tooltipShown) ? this.CSS.tooltipShown : [this.CSS.tooltipShown];
+        this.nodes.wrapper.classList.add(...r), this.updateTooltipVisibility();
+      }
+      this.showed = !0;
     }
-    this.showed = !0;
   }
   /**
    * Prepare tooltip content node
@@ -2225,13 +2218,13 @@ const nt = 10, le = "tooltip", ce = "aria-hidden", de = "false", he = "true", pe
    */
   destroy() {
     var t;
-    (t = this.ariaObserver) == null || t.disconnect(), this.ariaObserver = null, this.nodes.wrapper && this.nodes.wrapper.remove(), window.removeEventListener("scroll", this.handleWindowScroll), I.instance = null;
+    (t = this.ariaObserver) == null || t.disconnect(), this.ariaObserver = null, this.nodes.wrapper && this.nodes.wrapper.remove(), window.removeEventListener("scroll", this.handleWindowScroll), x.instance = null;
   }
   /**
    * Module Preparation method
    */
   prepare() {
-    this.nodes.wrapper = this.make("div", this.CSS.tooltip), this.nodes.wrapper.setAttribute(d.interface, tt), this.nodes.wrapper.setAttribute("data-blok-testid", "tooltip"), this.nodes.content = this.make("div", this.CSS.tooltipContent), this.nodes.content.setAttribute("data-blok-testid", "tooltip-content"), this.nodes.wrapper && this.nodes.content && (this.append(this.nodes.wrapper, this.nodes.content), this.append(document.body, this.nodes.wrapper), this.ensureTooltipAttributes());
+    this.nodes.wrapper = this.make("div", this.CSS.tooltip), this.nodes.wrapper.setAttribute(d.interface, ot), this.nodes.wrapper.setAttribute("data-blok-testid", "tooltip"), this.nodes.content = this.make("div", this.CSS.tooltipContent), this.nodes.content.setAttribute("data-blok-testid", "tooltip-content"), this.nodes.wrapper && this.nodes.content && (this.append(this.nodes.wrapper, this.nodes.content), this.append(document.body, this.nodes.wrapper), this.ensureTooltipAttributes());
   }
   /**
    * Update tooltip visibility based on shown state
@@ -2240,7 +2233,7 @@ const nt = 10, le = "tooltip", ce = "aria-hidden", de = "false", he = "true", pe
     if (!this.nodes.wrapper)
       return;
     const t = Array.isArray(this.CSS.tooltipShown) ? this.CSS.tooltipShown[0] : this.CSS.tooltipShown, e = this.nodes.wrapper.classList.contains(t);
-    this.nodes.wrapper.style.setProperty(pe, e ? ue : fe), this.nodes.wrapper.setAttribute(ce, e ? de : he), this.nodes.wrapper.setAttribute("data-blok-shown", e ? "true" : "false");
+    this.nodes.wrapper.style.setProperty(fe, e ? ge : ve), this.nodes.wrapper.setAttribute(he, e ? pe : ue), this.nodes.wrapper.setAttribute("data-blok-shown", e ? "true" : "false");
   }
   /**
    * Watch tooltip visibility changes for accessibility
@@ -2258,7 +2251,7 @@ const nt = 10, le = "tooltip", ce = "aria-hidden", de = "false", he = "true", pe
    * Ensure tooltip has proper accessibility attributes
    */
   ensureTooltipAttributes() {
-    this.nodes.wrapper && ((!this.nodes.wrapper.hasAttribute(d.interface) || this.nodes.wrapper.getAttribute(d.interface) !== tt) && this.nodes.wrapper.setAttribute(d.interface, tt), this.nodes.wrapper.setAttribute("role", le), this.watchTooltipVisibility());
+    this.nodes.wrapper && ((!this.nodes.wrapper.hasAttribute(d.interface) || this.nodes.wrapper.getAttribute(d.interface) !== ot) && this.nodes.wrapper.setAttribute(d.interface, ot), this.nodes.wrapper.setAttribute("role", de), this.watchTooltipVisibility());
   }
   /**
    * Calculates element coords and moves tooltip bottom of the element
@@ -2314,10 +2307,7 @@ const nt = 10, le = "tooltip", ce = "aria-hidden", de = "false", he = "true", pe
    * @param {number} top - top position in pixels
    */
   applyPlacement(t, e, o) {
-    if (!this.nodes.wrapper)
-      return;
-    const s = Array.isArray(this.CSS.placement[t]) ? this.CSS.placement[t] : [this.CSS.placement[t]];
-    this.nodes.wrapper.classList.add(...s), this.nodes.wrapper.setAttribute("data-blok-placement", t), this.nodes.wrapper.style.left = `${e}px`, this.nodes.wrapper.style.top = `${o}px`;
+    this.nodes.wrapper && (this.nodes.wrapper.setAttribute("data-blok-placement", t), this.nodes.wrapper.style.left = `${e}px`, this.nodes.wrapper.style.top = `${o}px`);
   }
   /**
    * Get current page vertical scroll offset
@@ -2349,17 +2339,17 @@ const nt = 10, le = "tooltip", ce = "aria-hidden", de = "false", he = "true", pe
     Array.isArray(e) ? e.forEach((o) => t.appendChild(o)) : t.appendChild(e);
   }
 };
-I.instance = null;
-let lt = I;
-const J = () => lt.getInstance(), Xe = (n, t, e) => {
-  J().show(n, t, e != null ? e : {});
-}, ge = () => {
-  J().hide();
-}, me = (n, t, e) => {
-  J().onHover(n, t, e != null ? e : {});
-}, Ye = () => {
-  J().destroy();
-}, L = class L {
+x.instance = null;
+let dt = x;
+const et = () => dt.getInstance(), Qe = (n, t, e) => {
+  et().show(n, t, e != null ? e : {});
+}, me = () => {
+  et().hide();
+}, be = (n, t, e) => {
+  et().onHover(n, t, e != null ? e : {});
+}, Je = () => {
+  et().destroy();
+}, N = class N {
   /**
    * @param {HTMLElement[]} nodeList — the list of iterable HTML-items
    * @param {string} focusedCssClass - user-provided CSS-class that will be set in flipping process
@@ -2398,13 +2388,13 @@ const J = () => lt.getInstance(), Xe = (n, t, e) => {
    * Sets cursor next to the current
    */
   next() {
-    this.cursor = this.leafNodesAndReturnIndex(L.directions.RIGHT);
+    this.cursor = this.leafNodesAndReturnIndex(N.directions.RIGHT);
   }
   /**
    * Sets cursor before current
    */
   previous() {
-    this.cursor = this.leafNodesAndReturnIndex(L.directions.LEFT);
+    this.cursor = this.leafNodesAndReturnIndex(N.directions.LEFT);
   }
   /**
    * Sets cursor to the default position and removes CSS-class from previously focused item
@@ -2420,9 +2410,9 @@ const J = () => lt.getInstance(), Xe = (n, t, e) => {
   leafNodesAndReturnIndex(t) {
     if (this.items.length === 0)
       return this.cursor;
-    const e = t === L.directions.RIGHT ? -1 : 0, o = this.cursor === -1 ? e : this.cursor;
+    const e = t === N.directions.RIGHT ? -1 : 0, o = this.cursor === -1 ? e : this.cursor;
     o !== -1 && (this.items[o].classList.remove(this.focusedCssClass), this.items[o].removeAttribute("data-blok-focused"));
-    const s = t === L.directions.RIGHT ? (
+    const s = t === N.directions.RIGHT ? (
       /**
        * If we go right then choose next (+1) Tool
        * @type {number}
@@ -2436,15 +2426,15 @@ const J = () => lt.getInstance(), Xe = (n, t, e) => {
        */
       (this.items.length + o - 1) % this.items.length
     );
-    return f.canSetCaret(this.items[s]) && jt(() => Rt.setCursor(this.items[s]), 50)(), this.items[s].classList.add(this.focusedCssClass), this.items[s].setAttribute("data-blok-focused", "true"), s;
+    return f.canSetCaret(this.items[s]) && _t(() => Ot.setCursor(this.items[s]), 50)(), this.items[s].classList.add(this.focusedCssClass), this.items[s].setAttribute("data-blok-focused", "true"), s;
   }
 };
-L.directions = {
+N.directions = {
   RIGHT: "right",
   LEFT: "left"
 };
-let S = L;
-class Z {
+let L = N;
+class Y {
   /**
    * @param options - different constructing settings
    */
@@ -2457,7 +2447,7 @@ class Z {
         return;
       const r = this.getKeyCode(s), a = r === g.LEFT || r === g.RIGHT || r === g.UP || r === g.DOWN;
       if (!(s.shiftKey && a || !this.isEventReadyForHandling(s)) && !(r === g.ENTER && !((l = this.iterator) != null && l.currentItem)))
-        switch (s.stopPropagation(), s.stopImmediatePropagation(), r !== null && Z.usedKeys.includes(r) && s.preventDefault(), r) {
+        switch (s.stopPropagation(), s.stopImmediatePropagation(), r !== null && Y.usedKeys.includes(r) && s.preventDefault(), r) {
           case g.TAB:
             this.handleTabPress(s);
             break;
@@ -2477,7 +2467,7 @@ class Z {
             this.handleEnterPress(s);
             break;
         }
-    }, this.iterator = new S(t.items || [], (e = t.focusedItemClass) != null ? e : ""), this.activateCallback = t.activateCallback, this.allowedKeys = t.allowedKeys || Z.usedKeys, this.handleContentEditableTargets = (o = t.handleContentEditableTargets) != null ? o : !1, this.onArrowLeftCallback = t.onArrowLeft;
+    }, this.iterator = new L(t.items || [], (e = t.focusedItemClass) != null ? e : ""), this.activateCallback = t.activateCallback, this.allowedKeys = t.allowedKeys || Y.usedKeys, this.handleContentEditableTargets = (o = t.handleContentEditableTargets) != null ? o : !1, this.onArrowLeftCallback = t.onArrowLeft;
   }
   /**
    * True if flipper is currently activated
@@ -2635,16 +2625,16 @@ class Z {
    * @param {KeyboardEvent} event - tab keydown event
    */
   handleTabPress(t) {
-    const o = t.shiftKey ? S.directions.LEFT : S.directions.RIGHT;
+    const o = t.shiftKey ? L.directions.LEFT : L.directions.RIGHT;
     if (this.skipNextTabFocus) {
       this.skipNextTabFocus = !1;
       return;
     }
     switch (o) {
-      case S.directions.RIGHT:
+      case L.directions.RIGHT:
         this.flipRight();
         break;
-      case S.directions.LEFT:
+      case L.directions.LEFT:
         this.flipLeft();
         break;
     }
@@ -2662,7 +2652,7 @@ class Z {
    */
   handleEnterPress(t) {
     var e, o;
-    this.activated && ((e = this.iterator) != null && e.currentItem && (t.stopPropagation(), t.preventDefault(), this.iterator.currentItem.click()), Y(this.activateCallback) && ((o = this.iterator) != null && o.currentItem) && this.activateCallback(this.iterator.currentItem));
+    this.activated && ((e = this.iterator) != null && e.currentItem && (t.stopPropagation(), t.preventDefault(), this.iterator.currentItem.click()), J(this.activateCallback) && ((o = this.iterator) != null && o.currentItem) && this.activateCallback(this.iterator.currentItem));
   }
   /**
    * Scrolls the given element into view using the best available method
@@ -2695,12 +2685,12 @@ class Z {
     return o && !i || c || a;
   }
 }
-const Qe = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="m4.5 15 11-11m0 11L4.5 4" stroke="currentColor" stroke-linecap="round"/>
+const to = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="m5 15 10-10m0 10L5 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, Je = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, eo = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     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"
     stroke="currentColor"
@@ -2709,201 +2699,217 @@ const Qe = `
     stroke-linejoin="round"
   />
 </svg>
-`, to = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, oo = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M8.5 5h6m-10 12h6m1-12-4 12"
     stroke="currentColor"
+    stroke-width="1.25"
     stroke-linecap="round"
     stroke-linejoin="round"
   />
 </svg>
-`, eo = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="m9.98288 15.0959-.91628.9157c-.29867.3092-.65593.5559-1.05095.7255-.39502.1697-.81987.259-1.24978.2628-.4299.0037-.85625-.0782-1.25415-.241-.39791-.1628-.75941-.4032-1.06341-.7072-.304-.304-.54441-.6655-.70721-1.0634-.16279-.3979-.24471-.8243-.24098-1.2542.00374-.4299.09306-.8547.26274-1.2497.16969-.3951.41635-.7523.72558-1.051l.91499-.9163m8.24197.9156.9163-.9156c.6028-.60809.9402-1.43021.9383-2.28645-.0019-.85625-.3429-1.67688-.9483-2.28234-.6055-.60546-1.4261-.94643-2.2823-.9483-.8563-.00188-1.6784.3355-2.28652.9383l-.91628.91563M7.258 13.2413l4.5328-4.53278"
-    stroke="currentColor"
-    stroke-width=".784151"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
-</svg>
-`, oo = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M15.5 14.003h-3v-3.0004m-9-6.00078h3v3.0004m1.55478-3.80901A5.2170862 5.2170862 0 0 1 9.5 4.00014c1.1682.00058 2.3059.37321 3.2481 1.06388.9422.69067 1.64 1.66348 1.9923 2.77744.3523 1.11396.3407 2.31114-.033 3.41814-.3738 1.1069-1.0903 2.0661-2.0457 2.7384m-1.7165.8088c-.4703.1317-.9568.1967-1.4452.1931-1.16819-.0006-2.30585-.3733-3.24807-1.0639-.94222-.6907-1.64004-1.6635-1.99232-2.7775-.35229-1.1139-.34072-2.31114.03302-3.41808.37375-1.10694 1.09024-2.06608 2.04563-2.73841"
-    stroke="currentColor"
-    stroke-miterlimit="10"
-    stroke-linecap="round"
-  />
-</svg>
 `, so = `
-<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M8 6c0-.55228.44772-1 1-1s1 .44772 1 1-.44772 1-1 1-1-.44772-1-1Zm0 6c0-.5523.44772-1 1-1s1 .4477 1 1-.44772 1-1 1-1-.4477-1-1Zm0 6c0-.5523.44772-1 1-1s1 .4477 1 1-.44772 1-1 1-1-.4477-1-1Zm6-12c0-.55228.4477-1 1-1s1 .44772 1 1-.4477 1-1 1-1-.44772-1-1Zm0 6c0-.5523.4477-1 1-1s1 .4477 1 1-.4477 1-1 1-1-.4477-1-1Zm0 6c0-.5523.4477-1 1-1s1 .4477 1 1-.4477 1-1 1-1-.4477-1-1Z"
-    fill="currentColor"
-  />
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <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"/>
+  <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"/>
 </svg>
 `, no = `
-<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4.5 11.0711h14.1421m-7.071 7.071V4" stroke="currentColor" stroke-linecap="round"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M14.5 6.5l2-2-2-2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+  <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"/>
+  <path d="M5.5 13.5l-2 2 2 2" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+  <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"/>
 </svg>
 `, io = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="m12.5 5-5 5 5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="7.5" cy="5.5" r="1" fill="currentColor"/>
+  <circle cx="12.5" cy="5.5" r="1" fill="currentColor"/>
+  <circle cx="7.5" cy="10" r="1" fill="currentColor"/>
+  <circle cx="12.5" cy="10" r="1" fill="currentColor"/>
+  <circle cx="7.5" cy="14.5" r="1" fill="currentColor"/>
+  <circle cx="12.5" cy="14.5" r="1" fill="currentColor"/>
 </svg>
-`, ve = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="m7.5 15 5-5-5-5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+`, ro = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M4.5 10h11M10 4.5v11" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, be = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="m17.5 17.5-5-5m1.6667-4.16667c0 .76605-.1509 1.52459-.4441 2.23237-.2931.7077-.7228 1.3507-1.2645 1.8924-.5417.5417-1.1847.9714-1.8924 1.2645-.70778.2932-1.46632.4441-2.23237.4441-.76604 0-1.52458-.1509-2.23232-.4441-.70773-.2931-1.35079-.7228-1.89247-1.2645-.54167-.5417-.97135-1.1847-1.2645-1.8924C2.65088 9.85792 2.5 9.09938 2.5 8.33333c0-1.54709.61458-3.03082 1.70854-4.12479C5.30251 3.11458 6.78624 2.5 8.33333 2.5c1.5471 0 3.03087.61458 4.12477 1.70854 1.094 1.09397 1.7086 2.5777 1.7086 4.12479Z"
-    stroke="currentColor"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
+`, ao = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="m12 5-5 5 5 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, ro = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, we = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="m8 5 5 5-5 5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`, ke = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="9" cy="9" r="4.5" stroke="currentColor" stroke-width="1.25"/>
+  <path d="m12.5 12.5 3.5 3.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
+</svg>
+`, lo = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M3.33334 10H10m-6.66666 5V5M10 15V5m4.1667 5 2.5-1.66667V15"
     stroke="currentColor"
+    stroke-width="1.25"
     stroke-linecap="round"
     stroke-linejoin="round"
   />
 </svg>
-`, ao = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, co = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     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"
     stroke="currentColor"
+    stroke-width="1.25"
     stroke-linecap="round"
     stroke-linejoin="round"
   />
 </svg>
-`, lo = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, ho = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     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"
     stroke="currentColor"
+    stroke-width="1.25"
     stroke-linecap="round"
     stroke-linejoin="round"
   />
 </svg>
-`, co = `
+`, po = `
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     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"
-    stroke="black"
+    stroke="currentColor"
+    stroke-width="1.25"
     stroke-linecap="round"
     stroke-linejoin="round"
   />
 </svg>
-`, ho = `
+`, uo = `
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     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"
-    stroke="black"
+    stroke="currentColor"
+    stroke-width="1.25"
     stroke-linecap="round"
     stroke-linejoin="round"
   />
 </svg>
-`, po = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, fo = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     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"
     stroke="currentColor"
+    stroke-width="1.25"
     stroke-linecap="round"
     stroke-linejoin="round"
   />
 </svg>
-`, uo = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, go = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M6.5 10h6.6667M6.5 15V5m6.6667 10V5"
     stroke="currentColor"
+    stroke-width="1.25"
     stroke-linecap="round"
     stroke-linejoin="round"
   />
 </svg>
-`, fo = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, vo = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M14.5 7.28571V6h-9v1.28571M10 6v9m0 0H8.71429M10 15h1.2857"
     stroke="currentColor"
+    stroke-width="1.25"
     stroke-linecap="round"
     stroke-linejoin="round"
   />
 </svg>
-`, go = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, mo = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M10 4 3 16h14Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M10 8.5v3.5m0 2v.01" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
+</svg>
+`, bo = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
-    d="M18.5667 18H1.5l8.5333-16 8.5334 16Z"
+    d="M8 5h9M8 10h9M8 15h9M4 5h.01M4 10h.01M4 15h.01"
     stroke="currentColor"
-    stroke-width="1.06667"
+    stroke-width="1.25"
     stroke-linecap="round"
     stroke-linejoin="round"
   />
-  <rect x="9.75" y="14.25" width=".5" height=".5" rx=".25" fill="currentColor" stroke="currentColor" stroke-width=".5"/>
-  <rect x="9.75" y="8.25" width=".5" height="4.5" rx=".25" fill="currentColor" stroke="currentColor" stroke-width=".5"/>
 </svg>
-`, mo = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, wo = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
-    d="M8 5h9M8 10h9M8 15h9M4 5h.01M4 10h.01M4 15h.01"
+    d="M8 5h9M8 10h9M8 15h9M3.5 4.5l1-1v3M3.5 9.5a1 1 0 1 1 2 0c0 .75-2 1.25-2 2h2M3.5 13.5h1a.75.75 0 0 1 0 1.5.75.75 0 0 1 0 1.5h-1"
     stroke="currentColor"
+    stroke-width="1.25"
     stroke-linecap="round"
     stroke-linejoin="round"
   />
 </svg>
-`, vo = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M7.90873 4.60317h9.61907M4.70238 6.20635V3L3.5 4.20238m1.60317 7.61512H3.5l1.52702-2.37514c.02625-.03721.04486-.07925.05477-.12369.0099-.04444.01091-.09039.00295-.13523-.04569-.2068-.20922-.57233-.78315-.57233-.80159 0-.80159.71261-.80159.71261v.17795m0 7.92693h.80159c.21259 0 .41648-.0845.56681-.2348.15032-.1503.23477-.3542.23477-.5668 0-.2126-.08445-.4165-.23477-.5668-.15033-.1503-.35422-.2348-.56681-.2348h-.4008l1.20238-1.6032H3.5m4.40873-4.0079h9.61907m-9.61907 5.6111h9.61907" stroke="#000" stroke-width=".841667" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
-`, bo = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, ko = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M10 5h7M10 10h7M10 15h7M3 5l1 1 2-2M3 10l1 1 2-2M3 15l1 1 2-2"
     stroke="currentColor"
+    stroke-width="1.25"
     stroke-linecap="round"
     stroke-linejoin="round"
   />
 </svg>
-`, wo = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3 4h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Z" stroke="currentColor" stroke-width="1.25"/>
-  <path d="M2 8h16M2 12h16M7 4v12M13 4v12" stroke="currentColor" stroke-width="1.25"/>
-</svg>
-`, ko = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M10 3v6m-3-3h6M4 13h12" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
-</svg>
 `, Co = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M10 17v-6m-3 3h6M4 7h12" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="3" y="4" width="14" height="12" rx="1.5" stroke="currentColor" stroke-width="1.25"/>
+  <path d="M3 8h14M3 12h14M7.5 4v12M12.5 4v12" stroke="currentColor" stroke-width="1.25"/>
 </svg>
 `, yo = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3 10h6M6 7v6M13 4v12" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <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"/>
+  <rect x="3" y="4" width="14" height="12" rx="1.5" stroke="currentColor" stroke-width="1.25"/>
+  <path d="M3 8h14M3 12h14M7.5 4v12M12.5 4v12" stroke="currentColor" stroke-width="1.25"/>
 </svg>
 `, Eo = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M17 10h-6m3-3v6M7 4v12" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <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"/>
+  <rect x="3" y="4" width="14" height="12" rx="1.5" stroke="currentColor" stroke-width="1.25"/>
+  <path d="M3 8h14M3 12h14M7.5 4v12M12.5 4v12" stroke="currentColor" stroke-width="1.25"/>
 </svg>
 `, To = `
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M5 6h10m-1 0v9a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V6m2 0V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M10 4l-3 3m3-3l3 3M10 4v7M5 16h10" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, H = {
+`, Io = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M10 16l-3-3m3 3l3-3M10 16V9M5 4h10" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`, xo = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M4 10l3-3M4 10l3 3M4 10h7M16 5v10" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`, Ao = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M16 10l-3-3m3 3l-3 3M16 10H9M4 5v10" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`, So = `
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M4.5 6.5h11" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
+  <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"/>
+  <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"/>
+  <path d="M8.5 9.5v3.5M11.5 9.5v3.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="round"/>
+</svg>
+`, P = {
   root: "",
   alignedStart: "text-start",
   alignedCenter: "text-center",
   title: "",
   description: "opacity-60 mt-[3px]"
 };
-class we {
+class Ce {
   /**
    * Constructs the hint content instance
    * @param params - hint content parameters
@@ -2911,9 +2917,9 @@ class we {
   constructor(t) {
     const e = t.alignment === "center" ? "center" : "start";
     this.nodes = {
-      root: f.make("div", [H.root, e === "center" ? H.alignedCenter : H.alignedStart]),
-      title: f.make("div", H.title, { textContent: t.title })
-    }, this.nodes.root.setAttribute("data-alignment", e), this.nodes.root.appendChild(this.nodes.title), t.description !== void 0 && (this.nodes.description = f.make("div", H.description, { textContent: t.description }), this.nodes.root.appendChild(this.nodes.description));
+      root: f.make("div", [P.root, e === "center" ? P.alignedCenter : P.alignedStart]),
+      title: f.make("div", P.title, { textContent: t.title })
+    }, this.nodes.root.setAttribute("data-alignment", e), this.nodes.root.appendChild(this.nodes.title), t.description !== void 0 && (this.nodes.description = f.make("div", P.description, { textContent: t.description }), this.nodes.root.appendChild(this.nodes.description));
   }
   /**
    * Returns the root element of the hint content
@@ -2922,7 +2928,7 @@ class we {
     return this.nodes.root;
   }
 }
-class ht {
+class ut {
   /**
    * Constructs the instance
    * @param params - instance parameters
@@ -2941,7 +2947,7 @@ class ht {
    * Destroys the instance
    */
   destroy() {
-    ge();
+    me();
   }
   /**
    * Called when children popover is opened (if exists)
@@ -2970,8 +2976,8 @@ class ht {
    * @param hintData - hint data
    */
   addHint(t, e) {
-    const o = new we(e);
-    me(t, o.getElement(), {
+    const o = new Ce(e);
+    be(t, o.getElement(), {
       placement: e.position
     });
   }
@@ -3043,7 +3049,7 @@ class ht {
     return this.params === void 0 || !("isActive" in this.params) ? !1 : typeof this.params.isActive == "function" ? this.params.isActive() : this.params.isActive === !0;
   }
 }
-const P = {
+const $ = {
   /**
    * Base item styles with hover, focus, and active support
    * Hover is applied via can-hover:hover: for real hover and data-blok-force-hover for tests
@@ -3052,7 +3058,7 @@ const P = {
    * Note: noHover state is handled via [data-blok-popover-item-no-hover] which disables hover
    * Priority order: active < hover < focus (focus wins when navigating with keyboard)
    */
-  item: 'flex items-center select-none border-none bg-transparent rounded-md p-[var(--item-padding)] text-text-primary mb-px [&[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',
+  item: 'flex items-center select-none border-none bg-transparent rounded-md px-2 py-[var(--item-padding)] text-text-primary mb-px [&[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',
   /**
    * Item disabled state
    */
@@ -3066,18 +3072,18 @@ const P = {
    * Used alongside data-blok-focused attribute.
    */
   focused: "is-focused"
-}, ke = {
+}, ye = {
   /**
    * Item in inline context - more compact styling
    */
   item: "rounded p-1"
-}, Ce = {
+}, Ee = {
   /**
    * Nested item - back to desktop popover styling
    */
   item: "rounded-md p-[3px] mobile:p-1"
 };
-class T extends ht {
+class I extends ut {
   /**
    * Constructs popover item instance
    * @param params - popover item construction params
@@ -3192,9 +3198,9 @@ class T extends ht {
   createRootElement(t, e) {
     var r, a, c, l;
     const o = (r = e == null ? void 0 : e.wrapperTag) != null ? r : "div", s = document.createElement(o);
-    return o === "button" && s.setAttribute("type", "button"), s.className = this.getContainerClass(), s.setAttribute(d.popoverItem, ""), s.setAttribute("data-blok-testid", "popover-item"), t.name && s.setAttribute("data-blok-item-name", t.name), t.dataset && Object.entries(t.dataset).forEach(([h, p]) => {
-      s.setAttribute(`data-${h}`, p);
-    }), t.isDisabled && s.setAttribute(d.disabled, "true"), this.isActive && s.setAttribute(d.popoverItemActive, "true"), this.hasChildren && s.setAttribute(d.hasChildren, "true"), this.createContentElements(s, t, e), t.hint !== void 0 && ((a = e == null ? void 0 : e.hint) == null ? void 0 : a.enabled) !== !1 && t.hint !== void 0 && this.addHint(s, B(y({}, t.hint), {
+    return o === "button" && s.setAttribute("type", "button"), s.className = this.getContainerClass(), s.setAttribute(d.popoverItem, ""), s.setAttribute("data-blok-testid", "popover-item"), t.name && s.setAttribute("data-blok-item-name", t.name), t.dataset && Object.entries(t.dataset).forEach(([h, u]) => {
+      s.setAttribute(`data-${h}`, u);
+    }), t.isDisabled && s.setAttribute(d.disabled, "true"), "isDestructive" in t && t.isDestructive && s.setAttribute(d.popoverItemDestructive, "true"), this.isActive && s.setAttribute(d.popoverItemActive, "true"), this.hasChildren && s.setAttribute(d.hasChildren, "true"), this.createContentElements(s, t, e), t.hint !== void 0 && ((a = e == null ? void 0 : e.hint) == null ? void 0 : a.enabled) !== !1 && t.hint !== void 0 && this.addHint(s, M(E({}, t.hint), {
       position: ((c = e == null ? void 0 : e.hint) == null ? void 0 : c.position) || "right",
       alignment: ((l = e == null ? void 0 : e.hint) == null ? void 0 : l.alignment) || "center"
     })), s;
@@ -3203,19 +3209,19 @@ class T extends ht {
    * Creates the content elements (icon, title, secondary label, chevron)
    */
   createContentElements(t, e, o) {
-    var l, h, p;
-    const s = (l = o == null ? void 0 : o.iconWithGap) != null ? l : !0, i = (h = o == null ? void 0 : o.isInline) != null ? h : !1, r = (p = o == null ? void 0 : o.isNestedInline) != null ? p : !1, a = e.title;
+    var l, h, u;
+    const s = (l = o == null ? void 0 : o.iconWithGap) != null ? l : !0, i = (h = o == null ? void 0 : o.isInline) != null ? h : !1, r = (u = o == null ? void 0 : o.isNestedInline) != null ? u : !1, a = e.title;
     if (e.icon && (this.nodes.icon = this.createIconElement(e.icon, s, i, r), t.appendChild(this.nodes.icon)), a !== void 0) {
-      const u = document.createElement("div");
-      u.className = "mr-auto truncate text-sm font-medium leading-5", u.setAttribute(d.popoverItemTitle, ""), u.setAttribute("data-blok-testid", "popover-item-title"), u.textContent = a, t.appendChild(u), this.nodes.titleEl = u;
+      const p = document.createElement("div");
+      p.className = "mr-auto truncate text-sm font-medium leading-5", p.setAttribute(d.popoverItemTitle, ""), p.setAttribute("data-blok-testid", "popover-item-title"), p.textContent = a, t.appendChild(p), this.nodes.titleEl = p;
     }
     if (e.secondaryLabel) {
-      const u = document.createElement("div");
-      u.className = "whitespace-nowrap pr-1.5 text-xs font-light tracking-[0.25px] text-text-secondary opacity-60", u.setAttribute(d.popoverItemSecondaryTitle, ""), u.setAttribute("data-blok-testid", "popover-item-secondary-title"), u.textContent = e.secondaryLabel, t.appendChild(u), this.nodes.secondaryLabelEl = u;
+      const p = document.createElement("div");
+      p.className = "whitespace-nowrap pr-1.5 text-xs font-light tracking-[0.25px] text-text-secondary opacity-60", p.setAttribute(d.popoverItemSecondaryTitle, ""), p.setAttribute("data-blok-testid", "popover-item-secondary-title"), p.textContent = e.secondaryLabel, t.appendChild(p), this.nodes.secondaryLabelEl = p;
     }
     if (this.hasChildren && !this.isChevronHidden) {
-      const u = document.createElement("div");
-      u.className = this.getChevronClass(i), u.setAttribute(d.popoverItemIcon, ""), u.setAttribute(d.popoverItemIconChevronRight, ""), u.setAttribute("data-blok-testid", "popover-item-chevron-right"), u.innerHTML = ve, t.appendChild(u), this.nodes.chevron = u;
+      const p = document.createElement("div");
+      p.className = this.getChevronClass(i), p.setAttribute(d.popoverItemIcon, ""), p.setAttribute(d.popoverItemIconChevronRight, ""), p.setAttribute("data-blok-testid", "popover-item-chevron-right"), p.innerHTML = we, t.appendChild(p), this.nodes.chevron = p;
     }
   }
   /**
@@ -3231,22 +3237,24 @@ class T extends ht {
   getContainerClass() {
     var o, s, i, r;
     const t = (s = (o = this.renderParams) == null ? void 0 : o.isInline) != null ? s : !1, e = (r = (i = this.renderParams) == null ? void 0 : i.isNestedInline) != null ? r : !1;
-    return k(
-      P.item,
-      t && ke.item,
-      e && Ce.item,
-      this.params.isDisabled && P.itemDisabled
+    return C(
+      $.item,
+      // Asymmetric padding for vertical popovers (better visual balance)
+      !t && !e && "pl-2 pr-8",
+      t && ye.item,
+      e && Ee.item,
+      this.params.isDisabled && $.itemDisabled
     );
   }
   /**
    * Gets the icon class based on context
    */
   getIconClass(t, e, o, s) {
-    return k(
-      P.icon,
+    return C(
+      $.icon,
       e && "w-auto h-auto [&_svg]:w-icon [&_svg]:h-icon mobile:[&_svg]:w-icon-mobile mobile:[&_svg]:h-icon-mobile",
       o && "w-toolbox-btn h-toolbox-btn",
-      t && "mr-2",
+      t && "mr-3",
       t && e && "shadow-none bg-transparent !mr-0",
       t && o && "!mr-2",
       s && "animate-wobble"
@@ -3256,8 +3264,8 @@ class T extends ht {
    * Gets the chevron class based on context
    */
   getChevronClass(t) {
-    return k(
-      P.icon,
+    return C(
+      $.icon,
       t && "rotate-90"
     );
   }
@@ -3299,7 +3307,7 @@ class T extends ht {
   enableConfirmationMode(t) {
     if (this.nodes.root === null)
       return;
-    const e = B(y(y({}, this.params), t), {
+    const e = M(E(E({}, this.params), t), {
       confirmation: "confirmation" in t ? t.confirmation : void 0
     });
     this.setConfirmation(e), this.confirmationState = t, this.enableSpecialHoverAndFocusBehavior();
@@ -3432,7 +3440,7 @@ const A = {
   container: "py-1 px-[3px]",
   containerHidden: "hidden",
   line: "h-px w-full bg-popover-border"
-}, V = {
+}, U = {
   // Inline context: horizontal separator
   container: "px-1 py-0",
   line: "h-full w-px",
@@ -3440,7 +3448,7 @@ const A = {
   nestedContainer: "py-1 px-[3px]",
   nestedLine: "w-full h-px"
 };
-class Ot extends ht {
+class Mt extends ut {
   /**
    * Constructs the instance
    * @param renderParams - optional render params for styling context
@@ -3470,13 +3478,13 @@ class Ot extends ht {
    */
   getContainerClass(t) {
     const e = A.container;
-    return this.isNestedInline ? k(e, V.nestedContainer, t && A.containerHidden) : this.isInline ? k(e, V.container, t && A.containerHidden) : k(e, t && A.containerHidden);
+    return this.isNestedInline ? C(e, U.nestedContainer, t && A.containerHidden) : this.isInline ? C(e, U.container, t && A.containerHidden) : C(e, t && A.containerHidden);
   }
   /**
    * Build line class based on context
    */
   getLineClass() {
-    return this.isNestedInline ? k(A.line, V.nestedLine) : this.isInline ? k(A.line, V.line) : A.line;
+    return this.isNestedInline ? C(A.line, U.nestedLine) : this.isInline ? C(A.line, U.line) : A.line;
   }
   /**
    * Creates the root container element
@@ -3488,13 +3496,13 @@ class Ot extends ht {
     return e.className = this.getLineClass(), e.setAttribute(d.popoverItemSeparatorLine, ""), t.appendChild(e), this.nodes.line = e, t;
   }
 }
-const it = {
+const at = {
   root: "",
   rootHidden: "hidden"
-}, Tt = {
+}, xt = {
   root: "flex items-center"
 };
-class X extends ht {
+class Z extends ut {
   /**
    * Constructs the instance
    * @param params – instance parameters
@@ -3533,10 +3541,10 @@ class X extends ht {
    * Updates the root element's class list based on current state
    */
   updateRootClasses() {
-    this.nodes.root && (this.nodes.root.className = k(
-      it.root,
-      this.isInline && Tt.root,
-      this.isHidden && it.rootHidden
+    this.nodes.root && (this.nodes.root.className = C(
+      at.root,
+      this.isInline && xt.root,
+      this.isHidden && at.rootHidden
     ));
   }
   /**
@@ -3547,26 +3555,26 @@ class X extends ht {
   createRootElement(t, e) {
     var s, i, r;
     const o = document.createElement("div");
-    return o.className = k(
-      it.root,
-      this.isInline && Tt.root
-    ), o.setAttribute(d.popoverItemHtml, ""), o.setAttribute("data-blok-testid", "popover-item-html"), t.name && o.setAttribute("data-blok-item-name", t.name), o.appendChild(t.element), t.hint !== void 0 && ((s = e == null ? void 0 : e.hint) == null ? void 0 : s.enabled) !== !1 && this.addHint(o, B(y({}, t.hint), {
+    return o.className = C(
+      at.root,
+      this.isInline && xt.root
+    ), o.setAttribute(d.popoverItemHtml, ""), o.setAttribute("data-blok-testid", "popover-item-html"), t.name && o.setAttribute("data-blok-item-name", t.name), o.appendChild(t.element), t.hint !== void 0 && ((s = e == null ? void 0 : e.hint) == null ? void 0 : s.enabled) !== !1 && this.addHint(o, M(E({}, t.hint), {
       position: ((i = e == null ? void 0 : e.hint) == null ? void 0 : i.position) || "right",
       alignment: ((r = e == null ? void 0 : e.hint) == null ? void 0 : r.alignment) || "center"
     })), o;
   }
 }
-const rt = {
+const lt = {
   wrapper: "bg-[#F8F8F8] border border-[rgba(226,226,229,0.20)] rounded p-0.5 grid grid-cols-[auto_auto_1fr] grid-rows-[auto]",
   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-none font-medium font-inherit border-0 bg-transparent m-0 p-0 leading-[22px] min-w-[calc(100%-theme('spacing.6')-10px)] placeholder:text-gray-text placeholder:font-medium"
-}, Bt = (n, t) => {
+}, Ft = (n, t) => {
   var r, a, c, l, h;
   const e = t.toLowerCase(), o = (a = (r = n.title) == null ? void 0 : r.toLowerCase()) != null ? a : "", s = (l = (c = n.englishTitle) == null ? void 0 : c.toLowerCase()) != null ? l : "", i = (h = n.searchTerms) != null ? h : [];
-  return o.includes(e) || s.includes(e) || i.some((p) => p.toLowerCase().includes(e));
+  return o.includes(e) || s.includes(e) || i.some((u) => u.toLowerCase().includes(e));
 };
-var pt = /* @__PURE__ */ ((n) => (n.Search = "search", n))(pt || {});
-class ye extends Nt {
+var ft = /* @__PURE__ */ ((n) => (n.Search = "search", n))(ft || {});
+class Te extends Bt {
   /**
    * @param options - available config
    * @param options.items - searchable items list
@@ -3575,11 +3583,11 @@ class ye extends Nt {
   constructor({ items: t, placeholder: e }) {
     super(), this.searchQuery = "", this.handleValueChange = () => {
       this.applySearch(this.input.value);
-    }, this.listeners = new St(), this.items = t, this.wrapper = f.make("div", rt.wrapper), this.wrapper.setAttribute("data-blok-testid", "popover-search-field");
-    const o = f.make("div", rt.icon, {
-      innerHTML: be
+    }, this.listeners = new Nt(), this.items = t, this.wrapper = f.make("div", lt.wrapper), this.wrapper.setAttribute("data-blok-testid", "popover-search-field");
+    const o = f.make("div", lt.icon, {
+      innerHTML: ke
     });
-    this.input = f.make("input", rt.input, {
+    this.input = f.make("input", lt.input, {
       type: "search",
       placeholder: e,
       /**
@@ -3615,7 +3623,7 @@ class ye extends Nt {
    * @param query - search query to apply
    */
   applySearch(t) {
-    this.searchQuery !== t && (this.searchQuery = t, this.emit(pt.Search, {
+    this.searchQuery !== t && (this.searchQuery = t, this.emit(ft.Search, {
       query: t,
       items: this.foundItems
     }));
@@ -3658,10 +3666,111 @@ class ye extends Nt {
    * @param item - item to be checked
    */
   checkItem(t) {
-    return Bt(t, this.searchQuery);
+    return Ft(t, this.searchQuery);
   }
 }
-const U = {
+const k = class k {
+  constructor() {
+    this.stack = [], this.boundPointerDown = null;
+  }
+  /**
+   * Returns the singleton instance, creating it if necessary
+   */
+  static get instance() {
+    return k._instance === null && (k._instance = new k()), k._instance;
+  }
+  /**
+   * Resets the singleton for testing purposes.
+   * Destroys the existing instance and creates a fresh one.
+   */
+  static resetForTests() {
+    var t;
+    return (t = k._instance) == null || t.destroy(), k._instance = new k(), k._instance;
+  }
+  /**
+   * Registers a popover with mutual exclusion.
+   * Closes all existing popovers, then adds the new one to the stack.
+   * @param popover - the popover instance to register
+   * @param triggerElement - the element that triggered this popover
+   */
+  register(t, e) {
+    const o = [...this.stack];
+    for (const s of o)
+      s.popover !== t && (s.popover.hide(), this.removeFromStack(s.popover));
+    this.stack.push({ popover: t, triggerElement: e }), this.ensureDocumentListener();
+  }
+  /**
+   * Unregisters a popover, removing it from the stack.
+   * Removes the document listener if the stack becomes empty.
+   * @param popover - the popover instance to unregister
+   */
+  unregister(t) {
+    this.removeFromStack(t), this.stack.length === 0 && this.removeDocumentListener();
+  }
+  /**
+   * Closes the topmost popover on the stack by calling hide().
+   * @returns true if a popover was closed, false if the stack was empty
+   */
+  closeTopmost() {
+    return this.stack.length === 0 ? !1 : (this.stack[this.stack.length - 1].popover.hide(), !0);
+  }
+  /**
+   * Checks whether any popovers are currently registered
+   */
+  hasOpenPopovers() {
+    return this.stack.length > 0;
+  }
+  /**
+   * Cleans up the registry: removes the document listener and clears the stack
+   */
+  destroy() {
+    this.removeDocumentListener(), this.stack = [];
+  }
+  /**
+   * Handles pointerdown events on the document.
+   * Walks the stack in reverse (topmost first). For each entry:
+   * - If the click target is inside the popover, stop (click is inside).
+   * - If the click target is inside the trigger element, stop (click is on trigger).
+   * - Otherwise, close the popover by calling hide().
+   * @param event - the pointerdown event
+   */
+  handleDocumentPointerDown(t) {
+    const e = t.target;
+    if (!(e instanceof Node))
+      return;
+    const o = [];
+    for (const s of [...this.stack].reverse()) {
+      if (s.popover.hasNode(e) || s.triggerElement.contains(e))
+        break;
+      o.push(s);
+    }
+    for (const s of o)
+      s.popover.hide();
+  }
+  /**
+   * Lazily adds the pointerdown listener to the document when there are entries in the stack
+   */
+  ensureDocumentListener() {
+    this.boundPointerDown === null && (this.boundPointerDown = (t) => this.handleDocumentPointerDown(t), document.addEventListener("pointerdown", this.boundPointerDown));
+  }
+  /**
+   * Removes the pointerdown listener from the document
+   */
+  removeDocumentListener() {
+    this.boundPointerDown !== null && (document.removeEventListener("pointerdown", this.boundPointerDown), this.boundPointerDown = null);
+  }
+  /**
+   * Removes a popover from the stack by reference
+   * @param popover - popover to remove
+   */
+  removeFromStack(t) {
+    const e = this.stack.findIndex((o) => o.popover === t);
+    e !== -1 && this.stack.splice(e, 1);
+  }
+};
+k._instance = null;
+let Q = k;
+const K = {
   // Popover container - base styles
   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-[var(--width)] w-[var(--width)] rounded-lg shadow-[0_3px_15px_-3px_theme(colors.popover-shadow)] left-[var(--popover-left)] top-[var(--popover-top)] bg-popover-bg",
   // Popover container - mobile styles (applied conditionally)
@@ -3672,14 +3781,14 @@ const U = {
   // Popover overlay
   popoverOverlay: "hidden bg-dark",
   items: "overflow-y-auto overscroll-contain"
-}, Io = {
+}, Lo = {
   // Popover root element for inline
   popover: "relative",
   // Container for inline popover
   popoverContainer: "flex-row top-0 min-w-max w-max p-1 mobile:absolute"
-}, Ao = (n) => `level-${n}`;
-var E = /* @__PURE__ */ ((n) => (n.NestingLevel = "--nesting-level", n.PopoverHeight = "--popover-height", n.InlinePopoverWidth = "--inline-popover-width", n.PopoverTop = "--popover-top", n.PopoverLeft = "--popover-left", n.TriggerItemLeft = "--trigger-item-left", n.TriggerItemTop = "--trigger-item-top", n))(E || {}), W = /* @__PURE__ */ ((n) => (n.Closed = "closed", n.ClosedOnActivate = "closed-on-activate", n))(W || {});
-class Ee extends Nt {
+}, No = (n) => `level-${n}`;
+var T = /* @__PURE__ */ ((n) => (n.NestingLevel = "--nesting-level", n.PopoverHeight = "--popover-height", n.InlinePopoverWidth = "--inline-popover-width", n.PopoverTop = "--popover-top", n.PopoverLeft = "--popover-left", n.TriggerItemLeft = "--trigger-item-left", n.TriggerItemTop = "--trigger-item-top", n))(T || {}), W = /* @__PURE__ */ ((n) => (n.Closed = "closed", n.ClosedOnActivate = "closed-on-activate", n))(W || {});
+class Ie extends Bt {
   /**
    * Constructs the instance
    * @param params - popover construction params
@@ -3687,16 +3796,16 @@ class Ee extends Nt {
    * The parameters that are not set by user via popover api but rather depend on technical implementation
    */
   constructor(t, e = {}) {
-    super(), this.params = t, this.itemsRenderParams = e, this.listeners = new St(), this.messages = {
+    super(), this.params = t, this.itemsRenderParams = e, this.listeners = new Nt(), this.messages = {
       nothingFound: "Nothing found",
       search: "Search"
-    }, this.items = this.buildItems(t.items), t.messages && (this.messages = y(y({}, this.messages), t.messages)), this.nodes = this.createPopoverDOM(), this.appendItemElements(), this.nodes.popoverContainer && this.listeners.on(this.nodes.popoverContainer, "click", (o) => this.handleClick(o));
+    }, this.items = this.buildItems(t.items), t.messages && (this.messages = E(E({}, this.messages), t.messages)), this.nodes = this.createPopoverDOM(), this.appendItemElements(), this.nodes.popoverContainer && this.listeners.on(this.nodes.popoverContainer, "click", (o) => this.handleClick(o));
   }
   /**
    * List of default popover items that are searchable and may have confirmation state
    */
   get itemsDefault() {
-    return this.items.filter((t) => t instanceof T);
+    return this.items.filter((t) => t instanceof I);
   }
   /**
    * Returns HTML element corresponding to the popover
@@ -3714,14 +3823,17 @@ class Ee extends Nt {
    * Open popover
    */
   show() {
+    var s;
     const t = this.nodes.popover;
-    t !== null && !t.isConnected && document.body.appendChild(t), this.nodes.popover.setAttribute(d.popoverOpened, "true"), this.nodes.popoverContainer.classList.add(...U.popoverContainerOpened.split(" ")), this.itemsDefault.forEach((e) => this.refreshItemActiveState(e)), this.search !== void 0 && this.search.focus();
+    t !== null && !t.isConnected && document.body.appendChild(t), this.nodes.popover.setAttribute(d.popoverOpened, "true"), this.nodes.popoverContainer.classList.add(...K.popoverContainerOpened.split(" ")), this.itemsDefault.forEach((i) => this.refreshItemActiveState(i)), this.search !== void 0 && this.search.focus();
+    const { trigger: e } = this.params;
+    ((s = this.params.nestingLevel) != null ? s : 0) === 0 && e !== void 0 && Q.instance.register(this, e);
   }
   /**
    * Closes popover
    */
   hide() {
-    this.nodes.popover.removeAttribute(d.popoverOpened), this.nodes.popover.removeAttribute(d.popoverOpenTop), this.nodes.popover.removeAttribute(d.popoverOpenLeft), this.nodes.popoverContainer.classList.remove(...U.popoverContainerOpened.split(" ")), this.itemsDefault.forEach((t) => t.reset()), this.search !== void 0 && this.search.clear(), this.emit(W.Closed);
+    this.nodes.popover.removeAttribute(d.popoverOpened), this.nodes.popover.removeAttribute(d.popoverOpenTop), this.nodes.popover.removeAttribute(d.popoverOpenLeft), this.nodes.popoverContainer.classList.remove(...K.popoverContainerOpened.split(" ")), this.itemsDefault.forEach((t) => t.reset()), this.search !== void 0 && this.search.clear(), Q.instance.unregister(this), this.emit(W.Closed);
   }
   /**
    * Clears memory
@@ -3760,13 +3872,13 @@ class Ee extends Nt {
   buildItems(t) {
     return t.map((e) => {
       switch (e.type) {
-        case x.Separator:
-          return new Ot(this.itemsRenderParams[x.Separator]);
-        case x.Html:
-          return new X(e, this.itemsRenderParams[x.Html]);
-        case x.Default:
+        case S.Separator:
+          return new Mt(this.itemsRenderParams[S.Separator]);
+        case S.Html:
+          return new Z(e, this.itemsRenderParams[S.Html]);
+        case S.Default:
         case void 0:
-          return new T(e, this.itemsRenderParams[x.Default]);
+          return new I(e, this.itemsRenderParams[S.Default]);
       }
     });
   }
@@ -3775,7 +3887,7 @@ class Ee extends Nt {
    * @param event - event to retrieve popover item from
    */
   getTargetItem(t) {
-    return this.items.filter((e) => e instanceof T || e instanceof X).find((e) => {
+    return this.items.filter((e) => e instanceof I || e instanceof Z).find((e) => {
       const o = e.getElement();
       return o === null ? !1 : t.composedPath().includes(o);
     });
@@ -3785,7 +3897,7 @@ class Ee extends Nt {
    * @param item - item to handle click of
    */
   handleItemClick(t) {
-    if (!(t instanceof T && t.isDisabled)) {
+    if (!(t instanceof I && t.isDisabled)) {
       if (t.hasChildren) {
         this.showNestedItems(t), this.callHandleClickIfPresent(t);
         return;
@@ -3809,7 +3921,7 @@ class Ee extends Nt {
    * @param clickedItem - popover item that was clicked
    */
   toggleItemActivenessIfNeeded(t) {
-    if (!(t instanceof T) || (t.toggle === !0 && t.toggleActive(), typeof t.toggle != "string"))
+    if (!(t instanceof I) || (t.toggle === !0 && t.toggleActive(), typeof t.toggle != "string"))
       return;
     const e = this.itemsDefault.filter((o) => o.toggle === t.toggle);
     if (e.length === 1) {
@@ -3826,7 +3938,7 @@ class Ee extends Nt {
    * @param item - popover item to refresh
    */
   refreshItemActiveState(t) {
-    t instanceof T && t.toggle === void 0 && t.toggleActive(t.isActive);
+    t instanceof I && t.toggle === void 0 && t.toggleActive(t.isActive);
   }
   /**
    * Executes handleClick if it is present on item.
@@ -3870,16 +3982,16 @@ class Ee extends Nt {
   createPopoverDOM() {
     var i, r;
     const t = document.createElement("div");
-    this.params.class && (t.className = this.params.class), t.setAttribute(d.popover, ""), this.params.class && t.setAttribute("data-blok-popover-custom-class", this.params.class), t.setAttribute("data-blok-testid", "popover"), t.style.setProperty("--width", (i = this.params.width) != null ? i : "280px"), t.style.setProperty("--item-padding", "3px"), t.style.setProperty("--item-height", "calc(1.25rem + 2 * var(--item-padding))"), t.style.setProperty("--popover-top", "calc(100% + 0.5rem)"), t.style.setProperty("--popover-left", "0"), t.style.setProperty("--nested-popover-overlap", "0.25rem");
+    this.params.class && (t.className = this.params.class), t.setAttribute(d.popover, ""), this.params.class && t.setAttribute("data-blok-popover-custom-class", this.params.class), t.setAttribute("data-blok-testid", "popover"), t.style.setProperty("--width", (i = this.params.width) != null ? i : "auto"), t.style.setProperty("--item-padding", "3px"), t.style.setProperty("--item-height", "calc(1.25rem + 2 * var(--item-padding))"), t.style.setProperty("--popover-top", "calc(100% + 0.5rem)"), t.style.setProperty("--popover-left", "0"), t.style.setProperty("--nested-popover-overlap", "0.25rem");
     const e = document.createElement("div");
-    e.className = U.popoverContainer, e.setAttribute(d.popoverContainer, ""), e.setAttribute("data-blok-testid", "popover-container");
+    e.className = K.popoverContainer, e.setAttribute(d.popoverContainer, ""), e.setAttribute("data-blok-testid", "popover-container");
     const o = document.createElement("div");
-    o.className = k(
+    o.className = C(
       "cursor-default text-sm leading-5 font-medium whitespace-nowrap overflow-hidden text-ellipsis text-gray-text p-[3px]",
       "hidden"
     ), o.setAttribute("data-blok-testid", "popover-nothing-found"), o.textContent = (r = this.messages.nothingFound) != null ? r : "Nothing found";
     const s = document.createElement("div");
-    return s.className = U.items, s.setAttribute(d.popoverItems, ""), s.setAttribute("data-blok-testid", "popover-items"), e.appendChild(o), e.appendChild(s), t.appendChild(e), {
+    return s.className = K.items, s.setAttribute(d.popoverItems, ""), s.setAttribute("data-blok-testid", "popover-items"), e.appendChild(o), e.appendChild(s), t.appendChild(e), {
       popover: t,
       popoverContainer: e,
       nothingFoundMessage: o,
@@ -3897,7 +4009,7 @@ class Ee extends Nt {
     });
   }
 }
-class Mt extends Ee {
+class Ht extends Ie {
   /**
    * Construct the instance
    * @param params - popover params
@@ -3915,18 +4027,18 @@ class Mt extends Ee {
     }, this.onSearch = (i) => {
       var h;
       const r = i.query === "", a = i.items.length === 0, c = i.items;
-      this.items.forEach((p) => {
-        const u = p instanceof T, m = p instanceof Ot || p instanceof X, b = u ? !c.includes(p) : m && (a || !r);
-        p.toggleHidden(b);
+      this.items.forEach((u) => {
+        const p = u instanceof I, v = u instanceof Mt || u instanceof Z, b = p ? !c.includes(u) : v && (a || !r);
+        u.toggleHidden(b);
       }), this.toggleNothingFoundMessage(a);
-      const l = r ? this.flippableElements : i.items.map((p) => p.getElement());
+      const l = r ? this.flippableElements : i.items.map((u) => u.getElement());
       (h = this.flipper) != null && h.isActivated && (this.flipper.deactivate(), this.flipper.activate(l), l.length > 0 && this.flipper.focusItem(0, { skipNextTab: !0 }));
     }, t.trigger && (this.trigger = t.trigger), t.nestingLevel !== void 0 && (this.nestingLevel = t.nestingLevel), this.nestingLevel > 0 && this.nodes.popover.setAttribute(d.nested, "true"), t.scopeElement !== void 0 && (this.scopeElement = t.scopeElement), this.nodes.popoverContainer !== null && this.listeners.on(this.nodes.popoverContainer, "mouseover", (i) => this.handleHover(i)), t.searchable && this.addSearch(), t.flippable === !1)
       return;
     const o = t.flipper;
-    o !== void 0 ? (o.deactivate(), o.removeOnFlip(this.onFlip), this.flipper = o) : this.flipper = new Z({
+    o !== void 0 ? (o.deactivate(), o.removeOnFlip(this.onFlip), this.flipper = o) : this.flipper = new Y({
       items: this.flippableElements,
-      focusedItemClass: P.focused,
+      focusedItemClass: $.focused,
       allowedKeys: [
         g.TAB,
         g.UP,
@@ -3965,9 +4077,9 @@ class Mt extends Ee {
     const t = this.getMountElement();
     if (this.trigger && t && document.body.appendChild(t), this.trigger) {
       const { top: o, left: s } = this.calculatePosition();
-      this.nodes.popover.style.position = "absolute", this.nodes.popover.style.top = `${o}px`, this.nodes.popover.style.left = `${s}px`, this.nodes.popover.style.setProperty(E.PopoverTop, "0px"), this.nodes.popover.style.setProperty(E.PopoverLeft, "0px");
+      this.nodes.popover.style.position = "absolute", this.nodes.popover.style.top = `${o}px`, this.nodes.popover.style.left = `${s}px`, this.nodes.popover.style.setProperty(T.PopoverTop, "0px"), this.nodes.popover.style.setProperty(T.PopoverLeft, "0px");
     }
-    this.nodes.popover.style.setProperty(E.PopoverHeight, this.size.height + "px"), !this.trigger && !this.shouldOpenBottom && (this.setOpenTop(!0), this.nodes.popover.style.setProperty(E.PopoverTop, "calc(-1 * (0.5rem + var(--popover-height)))")), !this.trigger && !this.shouldOpenRight && (this.setOpenLeft(!0), this.nodes.popover.style.setProperty(E.PopoverLeft, "calc(-1 * var(--width) + 100%)")), super.show(), (e = this.flipper) == null || e.activate(this.flippableElements), requestAnimationFrame(() => {
+    this.nodes.popover.style.setProperty(T.PopoverHeight, this.size.height + "px"), !this.trigger && !this.shouldOpenBottom && (this.setOpenTop(!0), this.nodes.popover.style.setProperty(T.PopoverTop, "calc(-1 * (0.5rem + var(--popover-height)))")), !this.trigger && !this.shouldOpenRight && (this.setOpenLeft(!0), this.nodes.popover.style.setProperty(T.PopoverLeft, "calc(-1 * var(--width) + 100%)")), super.show(), (e = this.flipper) == null || e.activate(this.flippableElements), requestAnimationFrame(() => {
       this.focusInitialElement();
     });
   }
@@ -3984,19 +4096,32 @@ class Mt extends Ee {
     }
     (t = this.flipper) == null || t.focusItem(0, { skipNextTab: !0 });
   }
+  /**
+   * Updates the popover position dynamically.
+   * Used when the trigger position changes or when positioning at caret location.
+   * @param position - new DOMRect position for the popover
+   */
+  updatePosition(t) {
+    if (this.params.position = t, this.nodes.popover.hasAttribute("data-blok-popover-opened")) {
+      const { top: e, left: o } = this.calculatePosition();
+      this.nodes.popover.style.top = `${e}px`, this.nodes.popover.style.left = `${o}px`;
+    }
+  }
   /**
    * Calculates position for the popover
    */
   calculatePosition() {
-    if (!this.trigger)
+    var p, v;
+    const t = (v = this.params.position) != null ? v : (p = this.trigger) == null ? void 0 : p.getBoundingClientRect();
+    if (!t)
       return {
         top: 0,
         left: 0
       };
-    const t = this.trigger.getBoundingClientRect(), e = this.size, o = window.innerWidth, s = window.innerHeight, i = 8, r = t.bottom + i + window.scrollY, c = t.bottom + i + e.height > s + window.scrollY && t.top - i - e.height > window.scrollY ? t.top - i - e.height + window.scrollY : r, l = t.left + window.scrollX, p = l + e.width > o + window.scrollX ? Math.max(0, t.right - e.width + window.scrollX) : l;
+    const e = this.size, o = window.innerWidth, s = window.innerHeight, i = 8, r = t.bottom + i + window.scrollY, c = t.bottom + i + e.height > s + window.scrollY && t.top - i - e.height > window.scrollY ? t.top - i - e.height + window.scrollY : r, l = t.left + window.scrollX, u = l + e.width > o + window.scrollX ? Math.max(0, t.right - e.width + window.scrollX) : l;
     return {
       top: c,
-      left: p
+      left: u
     };
   }
   /**
@@ -4036,7 +4161,7 @@ class Mt extends Ee {
    */
   setTriggerItemPosition(t, e) {
     const o = e.getElement(), s = (o ? o.offsetTop : 0) - this.scrollTop, i = this.offsetTop + s, r = t.querySelector(`[${d.popover}]`);
-    (r instanceof HTMLElement ? r : t).style.setProperty(E.TriggerItemTop, i + "px");
+    (r instanceof HTMLElement ? r : t).style.setProperty(T.TriggerItemTop, i + "px");
   }
   /**
    * Destroys existing nested popover
@@ -4074,7 +4199,7 @@ class Mt extends Ee {
   showNestedPopoverForItem(t) {
     var i, r;
     const e = (i = this.flipper) == null ? void 0 : i.getHandleContentEditableTargets();
-    this.nestedPopover = new Mt({
+    this.nestedPopover = new Ht({
       searchable: t.isChildrenSearchable,
       items: t.children,
       nestingLevel: this.nestingLevel + 1,
@@ -4085,7 +4210,7 @@ class Mt extends Ee {
       handleContentEditableNavigation: e
     }), t.onChildrenOpen(), this.nestedPopover.on(W.ClosedOnActivate, this.hide);
     const o = this.nestedPopover.getMountElement(), s = this.nestedPopover.getElement();
-    return this.nodes.popover.appendChild(o), this.setTriggerItemPosition(o, t), s.style.setProperty(E.NestingLevel, this.nestedPopover.nestingLevel.toString()), this.applyNestedPopoverPositioning(o), this.nestedPopover.show(), (r = this.flipper) == null || r.deactivate(), this.nestedPopover;
+    return this.nodes.popover.appendChild(o), this.setTriggerItemPosition(o, t), s.style.setProperty(T.NestingLevel, this.nestedPopover.nestingLevel.toString()), this.applyNestedPopoverPositioning(o), this.nestedPopover.show(), (r = this.flipper) == null || r.deactivate(), this.nestedPopover;
   }
   /**
    * Applies positioning styles to nested popover container.
@@ -4099,7 +4224,7 @@ class Mt extends Ee {
     const o = e, s = t.querySelector(`[${d.popover}]`), i = s instanceof HTMLElement ? s : t, r = this.nodes.popover.hasAttribute(d.popoverOpenTop), a = this.nodes.popover.hasAttribute(d.popoverOpenLeft);
     o.style.position = "absolute";
     const c = this.params.width === "auto" ? `${this.nodes.popoverContainer.offsetWidth}px` : "var(--width)";
-    a ? i.style.setProperty(E.PopoverLeft, `calc(-1 * (var(--nesting-level) + 1) * ${c} + 100%)`) : i.style.setProperty(E.PopoverLeft, `calc(var(--nesting-level) * (${c} - var(--nested-popover-overlap)))`), r ? o.style.top = "calc(var(--trigger-item-top) - var(--popover-height) + var(--item-height) + 0.5rem + var(--nested-popover-overlap))" : o.style.top = "calc(var(--trigger-item-top) - var(--nested-popover-overlap))";
+    a ? i.style.setProperty(T.PopoverLeft, `calc(-1 * (var(--nesting-level) + 1) * ${c} + 100%)`) : i.style.setProperty(T.PopoverLeft, `calc(var(--nesting-level) * (${c} - var(--nested-popover-overlap)))`), r ? o.style.top = "calc(var(--trigger-item-top) - var(--popover-height) + var(--item-height) + 0.5rem + var(--nested-popover-overlap))" : o.style.top = "calc(var(--trigger-item-top) - var(--nested-popover-overlap))";
   }
   /**
    * Checks if popover should be opened bottom.
@@ -4152,11 +4277,11 @@ class Mt extends Ee {
    * @returns array of HTML elements for keyboard navigation
    */
   getFlippableElementsForItem(t) {
-    if (t instanceof X) {
+    if (t instanceof Z) {
       const o = t.getElement();
       return o ? [o] : [];
     }
-    if (!(t instanceof T))
+    if (!(t instanceof I))
       return [];
     if (t.isDisabled)
       return [];
@@ -4167,10 +4292,10 @@ class Mt extends Ee {
    * Adds search to the popover
    */
   addSearch() {
-    this.search = new ye({
+    this.search = new Te({
       items: this.itemsDefault,
       placeholder: this.messages.search
-    }), this.search.on(pt.Search, this.onSearch);
+    }), this.search.on(ft.Search, this.onSearch);
     const t = this.search.getElement();
     t.classList.add("mb-1.5"), this.nodes.popoverContainer.insertBefore(t, this.nodes.popoverContainer.firstChild);
   }
@@ -4180,14 +4305,25 @@ class Mt extends Ee {
    * @param query - search query text
    */
   filterItems(t) {
-    const e = this.itemsDefault.filter((o) => Bt(o, t));
+    const e = this.itemsDefault.filter((o) => Ft(o, t));
     this.onSearch({
       query: t,
       items: e
     });
   }
 }
-const ft = class ft {
+const Ro = function(n) {
+  const t = f.make("div");
+  return t.style.display = "flex", t.style.flexDirection = "column", t.style.gap = "4px", n.forEach((e) => {
+    const o = f.make("div"), s = e.indexOf(" ");
+    if (s > 0) {
+      const i = e.substring(0, s), r = e.substring(s), a = f.make("span", null, { textContent: i });
+      a.style.color = "white", o.appendChild(a), o.appendChild(document.createTextNode(r));
+    } else
+      o.appendChild(document.createTextNode(e));
+    t.appendChild(o);
+  }), t;
+}, vt = class vt {
   /**
    * @param api - Blok API
    */
@@ -4201,31 +4337,31 @@ const ft = class ft {
    * Returns tool's UI config
    */
   async render() {
-    const t = Rt.get();
+    const t = Ot.get();
     if (t === null)
       return [];
     const e = this.blocksAPI.getBlockByElement(t.anchorNode);
     if (e === void 0)
       return [];
-    const o = this.toolsAPI.getBlockTools(), s = await Lt(e, o);
+    const o = this.toolsAPI.getBlockTools(), s = await Rt(e, o);
     if (s.length === 0)
       return [];
     const i = s.reduce((l, h) => {
-      var p;
-      return (p = h.toolbox) == null || p.forEach((u) => {
-        var m;
-        u.title !== void 0 && l.push({
-          icon: u.icon,
-          title: kt(this.i18nInstance, u, h.name),
-          name: (m = u.name) != null ? m : h.name,
+      var u;
+      return (u = h.toolbox) == null || u.forEach((p) => {
+        var v;
+        p.title !== void 0 && l.push({
+          icon: p.icon,
+          title: yt(this.i18nInstance, p, h.name),
+          name: (v = p.name) != null ? v : h.name,
           closeOnActivate: !0,
           onActivate: async () => {
-            const b = await this.blocksAPI.convert(e.id, h.name, u.data);
+            const b = await this.blocksAPI.convert(e.id, h.name, p.data);
             this.caretAPI.setToBlock(b, "end");
           }
         });
       }), l;
-    }, []), r = await e.getActiveToolboxEntry(), a = r ? kt(this.i18nInstance, r, e.name) : ee(this.i18nInstance, e.name, Kt(e.name)), c = !Ut();
+    }, []), r = await e.getActiveToolboxEntry(), a = r ? yt(this.i18nInstance, r, e.name) : se(this.i18nInstance, e.name, qt(e.name)), c = !zt();
     return {
       name: "convert-to",
       title: a,
@@ -4245,102 +4381,106 @@ const ft = class ft {
     };
   }
 };
-ft.isInline = !0;
-let It = ft;
+vt.isInline = !0;
+let At = vt;
 export {
-  oo as $,
-  Ie as A,
-  Ke as B,
-  Be as C,
+  no as $,
+  Ae as A,
+  qe as B,
+  Fe as C,
   d as D,
-  Nt as E,
-  Z as F,
-  Oe as G,
-  Gt as H,
+  Bt as E,
+  Y as F,
+  Me as G,
+  Wt as H,
   Ze as I,
-  Mt as J,
-  Ut as K,
-  St as L,
-  P as M,
-  Io as N,
-  U as O,
-  x as P,
+  Ht as J,
+  zt as K,
+  Nt as L,
+  $ as M,
+  Lo as N,
+  K as O,
+  S as P,
   W as Q,
-  T as R,
-  Rt as S,
-  X as T,
-  E as U,
-  Ao as V,
-  io as W,
-  Ee as X,
-  je as Y,
-  Lt as Z,
-  kt as _,
+  I as R,
+  Ot as S,
+  Z as T,
+  T as U,
+  No as V,
+  ao as W,
+  Ie as X,
+  _e as Y,
+  Rt as Z,
+  yt as _,
   f as a,
-  Qe as a0,
-  Pe as a1,
-  Et as a2,
-  no as a3,
-  _t as a4,
-  so as a5,
-  ee as a6,
-  qe as a7,
-  go as a8,
-  Ne as a9,
-  wo as aA,
-  Je as aB,
-  to as aC,
-  eo as aD,
-  Ge as aE,
-  It as aa,
-  Re as ab,
-  Ue as ac,
-  ze as ad,
-  Fe as ae,
-  He as af,
-  Ae as ag,
-  Wt as ah,
-  xe as ai,
-  Ye as aj,
-  fo as ak,
-  uo as al,
-  ro as am,
-  ao as an,
+  So as a0,
+  De as a1,
+  It as a2,
+  ro as a3,
+  Ut as a4,
+  Ro as a5,
+  io as a6,
+  se as a7,
+  Ye as a8,
+  mo as a9,
+  To as aA,
+  Io as aB,
+  Eo as aC,
+  yo as aD,
+  Co as aE,
+  eo as aF,
+  oo as aG,
+  so as aH,
+  We as aI,
+  Be as aa,
+  At as ab,
+  Q as ac,
+  Oe as ad,
+  ze as ae,
+  Xe as af,
+  Pe as ag,
+  $e as ah,
+  Se as ai,
+  Vt as aj,
+  Le as ak,
+  Je as al,
+  vo as am,
+  go as an,
   lo as ao,
   co as ap,
   ho as aq,
   po as ar,
-  mo as as,
-  vo as at,
+  uo as as,
+  fo as at,
   bo as au,
-  yo as av,
-  Eo as aw,
-  To as ax,
-  ko as ay,
-  Co as az,
-  Y as b,
-  _e as c,
-  oe as d,
-  te as e,
-  Kt as f,
-  De as g,
-  Se as h,
-  ct as i,
-  q as j,
-  $e as k,
-  z as l,
-  D as m,
-  Le as n,
-  ge as o,
-  me as p,
-  Jt as q,
+  wo as av,
+  ko as aw,
+  to as ax,
+  xo as ay,
+  Ao as az,
+  J as b,
+  Ue as c,
+  ne as d,
+  oe as e,
+  qt as f,
+  Ge as g,
+  Ne as h,
+  ht as i,
+  X as j,
+  je as k,
+  q as l,
+  j as m,
+  Re as n,
+  me as o,
+  be as p,
+  ee as q,
   g as r,
-  Xe as s,
-  k as t,
-  Me as u,
-  We as v,
-  jt as w,
-  Ct as x,
-  Ve as y,
-  K as z
+  Qe as s,
+  C as t,
+  He as u,
+  Ve as v,
+  _t as w,
+  Et as x,
+  Ke as y,
+  z
 };