@jackuait/blok 0.7.0-beta.1 → 0.7.0-beta.3

package/dist/chunks/{inline-tool-convert-CvFW2iie.mjs → constants-DEy4jBO5.mjs}

@@ -13,7 +13,7 @@ var Bt = (s, t, e) => t in s ? de(s, t, { enumerable: !0, configurable: !0, writ
 function ge(s) {
   return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
 }
-const p = {
+const f = {
   // ============================================
   // Core Element Identifiers
   // ============================================
@@ -275,7 +275,7 @@ const p = {
   testid: "data-blok-testid",
   /** Force hover state (for tests/storybook) */
   forceHover: "data-blok-force-hover"
-}, st = (s, t) => t === void 0 ? `[${s}]` : `[${s}="${t}"]`, v = {
+}, st = (s, t) => t === void 0 ? `[${s}]` : `[${s}="${t}"]`, b = {
   BACKSPACE: 8,
   TAB: 9,
   ENTER: 13,
@@ -286,7 +286,7 @@ const p = {
   DELETE: 46
 }, Eo = {
   LEFT: 0
-}, xo = 650, me = () => "0.7.0-beta.1";
+}, xo = 650, me = () => "0.7.0-beta.3";
 var ve = /* @__PURE__ */ ((s) => (s.VERBOSE = "VERBOSE", s.INFO = "INFO", s.WARN = "WARN", s.ERROR = "ERROR", s))(ve || {});
 const Q = (s, t, e = "log", o, n = "color: inherit") => {
   const r = typeof console == "undefined" ? void 0 : console;
@@ -319,10 +319,10 @@ const Q = (s, t, e = "log", o, n = "color: inherit") => {
             padding: 4px 9px;
             border-radius: 30px;
             border: 1px solid rgba(56, 138, 229, 0.16);
-            margin: 4px 5px 4px 0;`, n), `%c${l}%c ${t}`) : `( ${l} )${t}` : t, h = i ? o !== void 0 ? [`${d} %o`, ...a] : [d, ...a] : [d];
+            margin: 4px 5px 4px 0;`, n), `%c${l}%c ${t}`) : `( ${l} )${t}` : t, u = i ? o !== void 0 ? [`${d} %o`, ...a] : [d, ...a] : [d];
   try {
-    r[e](...h);
-  } catch (u) {
+    r[e](...u);
+  } catch (h) {
   }
 };
 Q.logLevel = "VERBOSE";
@@ -337,7 +337,7 @@ const To = (s) => {
     return !1;
   const t = Object.getPrototypeOf(s);
   return t === null || t === Object.prototype;
-}, P = (s) => typeof s == "string", Xt = (s) => typeof s == "boolean", Ht = (s) => typeof s == "number", Ao = function(s) {
+}, P = (s) => typeof s == "string", Yt = (s) => typeof s == "boolean", Ht = (s) => typeof s == "number", Ao = function(s) {
   return s === void 0;
 }, M = (s) => s == null ? !0 : typeof s == "string" || Array.isArray(s) ? s.length === 0 : s instanceof Map || s instanceof Set ? s.size === 0 : typeof s == "object" ? Object.keys(s).length === 0 : !1, be = (s, t) => function(...e) {
   setTimeout(() => s.apply(this, e), t);
@@ -360,16 +360,16 @@ const To = (s) => {
     lastThis: void 0
   }, n = (c) => {
     o.lastInvokeTime = c;
-    const d = o.lastArgs, h = o.lastThis;
-    return o.lastArgs = void 0, o.lastThis = void 0, s.apply(h, d != null ? d : []);
+    const d = o.lastArgs, u = o.lastThis;
+    return o.lastArgs = void 0, o.lastThis = void 0, s.apply(u, d != null ? d : []);
   }, r = (c) => {
     var g;
-    const d = c - ((g = o.lastCallTime) != null ? g : 0), h = c - o.lastInvokeTime, u = t - d;
-    return Math.min(u, t - h);
+    const d = c - ((g = o.lastCallTime) != null ? g : 0), u = c - o.lastInvokeTime, h = t - d;
+    return Math.min(h, t - u);
   }, i = (c) => {
-    var u;
-    const d = c - ((u = o.lastCallTime) != null ? u : 0), h = c - o.lastInvokeTime;
-    return o.lastCallTime === void 0 || d >= t || d < 0 || h >= t;
+    var h;
+    const d = c - ((h = o.lastCallTime) != null ? h : 0), u = c - o.lastInvokeTime;
+    return o.lastCallTime === void 0 || d >= t || d < 0 || u >= t;
   }, a = () => {
     const c = Date.now();
     if (!i(c)) {
@@ -379,8 +379,8 @@ const To = (s) => {
     o.timerId = void 0, o.lastArgs !== void 0 && n(c), o.lastArgs = void 0, o.lastThis = void 0;
   };
   return function(...c) {
-    const d = Date.now(), h = i(d);
-    if (o.lastArgs = c, o.lastThis = this, o.lastCallTime = d, !!(h && o.timerId === void 0))
+    const d = Date.now(), u = i(d);
+    if (o.lastArgs = c, o.lastThis = this, o.lastCallTime = d, !!(u && o.timerId === void 0))
       return o.lastInvokeTime = d, o.timerId = setTimeout(a, t), n(d);
   };
 }, S = (() => {
@@ -394,7 +394,7 @@ S && typeof S.window == "undefined" && (S.window = S);
 const ht = () => {
   if (S != null && S.window)
     return S.window;
-}, Yt = () => {
+}, Xt = () => {
   if (S != null && S.navigator)
     return S.navigator;
   const s = ht();
@@ -406,14 +406,14 @@ const ht = () => {
     mac: !1,
     x11: !1,
     linux: !1
-  }, t = Yt(), e = (r = (n = t == null ? void 0 : t.userAgent) == null ? void 0 : n.toLowerCase()) != null ? r : "", o = e ? Object.keys(s).find((i) => e.indexOf(i) !== -1) : void 0;
+  }, t = Xt(), e = (r = (n = t == null ? void 0 : t.userAgent) == null ? void 0 : n.toLowerCase()) != null ? r : "", o = e ? Object.keys(s).find((i) => e.indexOf(i) !== -1) : void 0;
   return o !== void 0 && (s[o] = !0), s;
 }, ke = 650, Ce = () => {
   const s = ht();
   return !s || typeof s.matchMedia != "function" ? !1 : s.matchMedia(`(max-width: ${ke}px)`).matches;
 }, Oo = (() => {
   var l;
-  const s = Yt();
+  const s = Xt();
   if (!s)
     return !1;
   const t = s.userAgent || "", e = s.userAgentData, o = e == null ? void 0 : e.platform;
@@ -894,12 +894,12 @@ class m {
       t,
       NodeFilter.SHOW_TEXT,
       null
-    ), n = (c, d, h, u) => {
+    ), n = (c, d, u, h) => {
       var w;
-      if (!c && h) {
-        const C = d - u, k = Math.max(e - C, 0), T = Math.min(k, u);
+      if (!c && u) {
+        const C = d - h, k = Math.max(e - C, 0), T = Math.min(k, h);
         return {
-          node: h,
+          node: u,
           offset: T
         };
       }
@@ -908,15 +908,15 @@ class m {
           node: null,
           offset: 0
         };
-      const f = ((w = c.textContent) != null ? w : "").length;
-      return d + f >= e ? {
+      const p = ((w = c.textContent) != null ? w : "").length;
+      return d + p >= e ? {
         node: c,
-        offset: Math.min(e - d, f)
+        offset: Math.min(e - d, p)
       } : n(
         o.nextNode(),
-        d + f,
+        d + p,
         c,
-        f
+        p
       );
     }, r = o.nextNode(), { node: i, offset: a } = n(r, 0, null, 0);
     if (!i)
@@ -953,7 +953,7 @@ const Ne = (s) => !/[^\t\n\r \u200B]/.test(s), Fo = (s) => {
       }
     }
   };
-}, $o = () => [...Zt, ...G.keys()], Do = (s) => s ? (s instanceof HTMLElement ? s : s.holder).closest("[data-blok-table-cell-blocks]") !== null : !1, jo = (s) => Zt.includes(s) || G.has(s);
+}, $o = () => [...Zt, ...G.keys()], Do = (s) => s ? (s instanceof HTMLElement ? s : s.holder).closest("[data-blok-table-cell-blocks]") !== null : !1, _o = (s) => Zt.includes(s) || G.has(s);
 class Qt {
   constructor() {
     this.allListeners = [];
@@ -1115,25 +1115,25 @@ const J = (s, t) => {
     return !1;
   const e = s.conversionConfig[t];
   return E(e) || P(e);
-}, Y = (s, t) => {
+}, X = (s, t) => {
   const e = t.includes(".") ? t : `toolNames.${t}`;
   return s.has(e) ? s.t(e) : void 0;
 }, Ft = (s, t, e = "") => {
-  const o = t.titleKey ? Y(s, t.titleKey) : void 0;
+  const o = t.titleKey ? X(s, t.titleKey) : void 0;
   if (o !== void 0)
     return o;
-  const n = t.title ? Y(s, t.title) : void 0;
+  const n = t.title ? X(s, t.title) : void 0;
   if (n !== void 0)
     return n;
   if (t.title)
     return t.title;
-  const r = e ? Y(s, e) : void 0;
+  const r = e ? X(s, e) : void 0;
   return r != null ? r : e;
 }, Le = (s, t, e) => {
-  const o = t ? Y(s, t) : void 0;
+  const o = t ? X(s, t) : void 0;
   if (o !== void 0)
     return o;
-  const n = Y(s, e);
+  const n = X(s, e);
   return n != null ? n : e;
 }, Pt = (s, t) => J(s.tool, t), Oe = (s, t) => Object.entries(s).some((([e, o]) => t[e] && Tt(t[e], o))), te = async (s, t) => {
   const o = (await s.save()).data, n = t.find((r) => r.name === s.name);
@@ -1150,7 +1150,7 @@ const J = (s, t) => {
       toolbox: a
     })), r;
   }, []);
-}, _o = (s, t) => s.mergeable ? s.name === t.name ? !0 : Pt(t, "export") && Pt(s, "import") : !1, Go = async (s, t) => {
+}, jo = (s, t) => s.mergeable ? s.name === t.name ? !0 : Pt(t, "export") && Pt(s, "import") : !1, Go = async (s, t) => {
   if (s.length === 0)
     return [];
   if (s.length === 1)
@@ -1236,7 +1236,7 @@ class ee {
     this.subscribers = {};
   }
 }
-const Uo = 180, zo = 400, Ko = "blok", qo = "inline-toolbar", pt = "tooltip", Xo = "[data-blok-interface=inline-toolbar]", Yo = typeof process != "undefined" ? process.platform === "darwin" ? "Meta" : "Control" : typeof navigator != "undefined" && navigator.userAgent.toLowerCase().includes("mac") ? "Meta" : "Control";
+const Uo = 180, zo = 400, Ko = "blok", qo = "inline-toolbar", pt = "tooltip", Yo = "[data-blok-interface=inline-toolbar]", Xo = typeof process != "undefined" ? process.platform === "darwin" ? "Meta" : "Control" : typeof navigator != "undefined" && navigator.userAgent.toLowerCase().includes("mac") ? "Meta" : "Control";
 class y {
   /**
    * Returns selected anchor node
@@ -1278,7 +1278,7 @@ class y {
   static isSelectionAtBlok(t) {
     if (!t)
       return !1;
-    const e = t.anchorNode || t.focusNode, o = e && e.nodeType === Node.TEXT_NODE ? e.parentNode : e, n = o && o instanceof Element ? o.closest(st(p.redactor)) : null;
+    const e = t.anchorNode || t.focusNode, o = e && e.nodeType === Node.TEXT_NODE ? e.parentNode : e, n = o && o instanceof Element ? o.closest(st(f.redactor)) : null;
     return n ? n.nodeType === Node.ELEMENT_NODE : !1;
   }
   /**
@@ -1294,7 +1294,7 @@ class y {
   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(st(p.redactor)) : null;
+    const e = t.startContainer && t.startContainer.nodeType === Node.TEXT_NODE ? t.startContainer.parentNode : t.startContainer, o = e && e instanceof Element ? e.closest(st(f.redactor)) : null;
     return o ? o.nodeType === Node.ELEMENT_NODE : !1;
   }
   /**
@@ -1455,7 +1455,7 @@ const Lt = class Lt {
     const n = t.parentElement;
     if (!n)
       return;
-    const r = window.getComputedStyle(n), i = parseFloat(r.lineHeight), a = parseFloat(window.getComputedStyle(t).fontSize), l = Number.isNaN(i) ? a * 1.2 : i, c = o[0], d = o[o.length - 1], h = this.findLineIndex(c.top, e), u = this.findLineIndex(d.top, e), g = o.length > 1 && h !== u, f = h === 0, b = u === e.length - 1, w = Math.max(0, (l - c.height) / 2), C = g ? this.calculateLineTopExtension(w, f, e, h) : w, k = g ? this.calculateLineBottomExtension(w, b, e, u) : w, T = this.buildBoxShadow(C, k);
+    const r = window.getComputedStyle(n), i = parseFloat(r.lineHeight), a = parseFloat(window.getComputedStyle(t).fontSize), l = Number.isNaN(i) ? a * 1.2 : i, c = o[0], d = o[o.length - 1], u = this.findLineIndex(c.top, e), h = this.findLineIndex(d.top, e), g = o.length > 1 && u !== h, p = u === 0, v = h === e.length - 1, w = Math.max(0, (l - c.height) / 2), C = g ? this.calculateLineTopExtension(w, p, e, u) : w, k = g ? this.calculateLineBottomExtension(w, v, e, h) : w, T = this.buildBoxShadow(C, k);
     t.style.boxShadow = T;
   }
   /**
@@ -1603,8 +1603,8 @@ class tt {
     return l.forEach((d) => {
       if (d.length === 0)
         return;
-      const h = m.make("span");
-      h.setAttribute("data-blok-testid", "fake-background"), h.setAttribute("data-blok-fake-background", "true"), h.setAttribute("data-blok-mutation-free", "true"), h.style.color = "inherit", h.style.boxDecorationBreak = "clone", h.style["-webkit-box-decoration-break"] = "clone", h.style.whiteSpace = "pre-wrap", h.textContent = d, c.appendChild(h), r.push(h);
+      const u = m.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 = d, c.appendChild(u), r.push(u);
     }), n.replaceChild(c, t), r;
   }
   /**
@@ -1641,12 +1641,12 @@ class Me {
     if (o.length === 0)
       return;
     const n = e.startContainer, r = e.startOffset, i = e.endContainer, a = e.endOffset, l = [];
-    if (o.forEach((u) => {
+    if (o.forEach((h) => {
       var I, $;
-      const g = document.createRange(), f = u === n, b = u === i, w = f ? r : 0, C = ($ = (I = u.textContent) == null ? void 0 : I.length) != null ? $ : 0, k = b ? a : C;
+      const g = document.createRange(), p = h === n, v = h === i, w = p ? r : 0, C = ($ = (I = h.textContent) == null ? void 0 : I.length) != null ? $ : 0, k = v ? a : C;
       if (w === k)
         return;
-      g.setStart(u, w), g.setEnd(u, k);
+      g.setStart(h, w), g.setEnd(h, k);
       const T = tt.wrapRangeWithHighlight(g);
       T && l.push(T);
     }), l.length === 0)
@@ -1655,8 +1655,8 @@ class Me {
     U.applyLineHeightExtensions(c);
     const d = document.createRange();
     d.setStartBefore(c[0]), d.setEndAfter(c[c.length - 1]), this.selectionUtils.savedSelectionRange = d.cloneRange();
-    const h = window.getSelection();
-    h && (h.removeAllRanges(), h.addRange(d)), this.selectionUtils.isFakeBackgroundEnabled = !0;
+    const u = window.getSelection();
+    u && (u.removeAllRanges(), u.addRange(d)), this.selectionUtils.isFakeBackgroundEnabled = !0;
   }
   /**
    * Removes fake background
@@ -1708,21 +1708,21 @@ class gt {
     if (t === null)
       return;
     const e = m.make("span");
-    e.setAttribute(p.fakeCursor, ""), e.setAttribute("data-blok-mutation-free", "true"), t.collapse(), t.insertNode(e);
+    e.setAttribute(f.fakeCursor, ""), e.setAttribute("data-blok-mutation-free", "true"), t.collapse(), t.insertNode(e);
   }
   /**
    * Check if passed element contains a fake cursor
    * @param el - where to check
    */
   static isFakeCursorInsideContainer(t) {
-    return m.find(t, st(p.fakeCursor)) !== null;
+    return m.find(t, st(f.fakeCursor)) !== null;
   }
   /**
    * Removes fake cursor from a container
    * @param container - container to look for
    */
   static removeFakeCursor(t = document.body) {
-    const e = m.find(t, st(p.fakeCursor));
+    const e = m.find(t, st(f.fakeCursor));
     e && e.remove();
   }
 }
@@ -1744,13 +1744,13 @@ class $t {
       const l = (c, d) => {
         if (d <= 0 || !c)
           return null;
-        const h = c.nodeType === Node.ELEMENT_NODE && c.tagName === t, u = !e || c.classList && c.classList.contains(e);
-        if (h && u)
+        const u = c.nodeType === Node.ELEMENT_NODE && c.tagName === t, h = !e || c.classList && c.classList.contains(e);
+        if (u && h)
           return c;
         if (!c.parentNode)
           return null;
-        const g = c.parentNode, f = !e || g.classList && g.classList.contains(e);
-        return g.tagName === t && f ? g : l(g, d - 1);
+        const g = c.parentNode, p = !e || g.classList && g.classList.contains(e);
+        return g.tagName === t && p ? g : l(g, d - 1);
       };
       return l(a, o);
     };
@@ -2115,88 +2115,88 @@ const Re = [
     n.split(/\s+/).filter(Boolean).forEach((i) => He(i, t, e));
   return [...e, ...t.values()].join(" ");
 }, Dt = (...s) => s.filter(Boolean).join(" ");
-var _ = /* @__PURE__ */ ((s) => (s.Default = "default", s.Separator = "separator", s.Html = "html", s))(_ || {}), nt = { exports: {} }, Pe = nt.exports, jt;
+var j = /* @__PURE__ */ ((s) => (s.Default = "default", s.Separator = "separator", s.Html = "html", s))(j || {}), nt = { exports: {} }, Pe = nt.exports, _t;
 function $e() {
-  return jt || (jt = 1, (function(s, t) {
+  return _t || (_t = 1, (function(s, t) {
     (function(e, o) {
       s.exports = o();
     })(Pe, function() {
-      function e(h) {
-        var u = h.tags, g = Object.keys(u), f = g.map(function(b) {
-          return typeof u[b];
-        }).every(function(b) {
-          return b === "object" || b === "boolean" || b === "function";
+      function e(u) {
+        var h = u.tags, g = Object.keys(h), p = g.map(function(v) {
+          return typeof h[v];
+        }).every(function(v) {
+          return v === "object" || v === "boolean" || v === "function";
         });
-        if (!f)
+        if (!p)
           throw new Error("The configuration was invalid");
-        this.config = h;
+        this.config = u;
       }
       var o = ["P", "LI", "TD", "TH", "DIV", "H1", "H2", "H3", "H4", "H5", "H6", "PRE"];
-      function n(h) {
-        return o.indexOf(h.nodeName) !== -1;
+      function n(u) {
+        return o.indexOf(u.nodeName) !== -1;
       }
       var r = ["A", "B", "STRONG", "I", "EM", "SUB", "SUP", "U", "STRIKE"];
-      function i(h) {
-        return r.indexOf(h.nodeName) !== -1;
+      function i(u) {
+        return r.indexOf(u.nodeName) !== -1;
       }
-      e.prototype.clean = function(h) {
-        const u = document.implementation.createHTMLDocument(), g = u.createElement("div");
-        return g.innerHTML = h, this._sanitize(u, g), g.innerHTML;
-      }, e.prototype._sanitize = function(h, u) {
-        var g = a(h, u), f = g.firstChild();
-        if (f)
+      e.prototype.clean = function(u) {
+        const h = document.implementation.createHTMLDocument(), g = h.createElement("div");
+        return g.innerHTML = u, this._sanitize(h, g), g.innerHTML;
+      }, e.prototype._sanitize = function(u, h) {
+        var g = a(u, h), p = g.firstChild();
+        if (p)
           do {
-            if (f.nodeType === Node.TEXT_NODE)
-              if (f.data.trim() === "" && (f.previousElementSibling && n(f.previousElementSibling) || f.nextElementSibling && n(f.nextElementSibling))) {
-                u.removeChild(f), this._sanitize(h, u);
+            if (p.nodeType === Node.TEXT_NODE)
+              if (p.data.trim() === "" && (p.previousElementSibling && n(p.previousElementSibling) || p.nextElementSibling && n(p.nextElementSibling))) {
+                h.removeChild(p), this._sanitize(u, h);
                 break;
               } else
                 continue;
-            if (f.nodeType === Node.COMMENT_NODE) {
-              u.removeChild(f), this._sanitize(h, u);
+            if (p.nodeType === Node.COMMENT_NODE) {
+              h.removeChild(p), this._sanitize(u, h);
               break;
             }
-            var b = i(f), w;
-            b && (w = Array.prototype.some.call(f.childNodes, n));
-            var C = !!u.parentNode, k = n(u) && n(f) && C, T = f.nodeName.toLowerCase(), I = l(this.config, T, f), $ = b && w;
-            if ($ || c(f, I) || !this.config.keepNestedBlockElements && k) {
-              if (!(f.nodeName === "SCRIPT" || f.nodeName === "STYLE"))
-                for (; f.childNodes.length > 0; )
-                  u.insertBefore(f.childNodes[0], f);
-              u.removeChild(f), this._sanitize(h, u);
+            var v = i(p), w;
+            v && (w = Array.prototype.some.call(p.childNodes, n));
+            var C = !!h.parentNode, k = n(h) && n(p) && C, T = p.nodeName.toLowerCase(), I = l(this.config, T, p), $ = v && w;
+            if ($ || c(p, I) || !this.config.keepNestedBlockElements && k) {
+              if (!(p.nodeName === "SCRIPT" || p.nodeName === "STYLE"))
+                for (; p.childNodes.length > 0; )
+                  h.insertBefore(p.childNodes[0], p);
+              h.removeChild(p), this._sanitize(u, h);
               break;
             }
-            for (var R = 0; R < f.attributes.length; R += 1) {
-              var K = f.attributes[R];
-              d(K, I, f) && (f.removeAttribute(K.name), R = R - 1);
+            for (var R = 0; R < p.attributes.length; R += 1) {
+              var K = p.attributes[R];
+              d(K, I, p) && (p.removeAttribute(K.name), R = R - 1);
             }
-            this._sanitize(h, f);
-          } while (f = g.nextSibling());
+            this._sanitize(u, p);
+          } while (p = g.nextSibling());
       };
-      function a(h, u) {
-        return h.createTreeWalker(
-          u,
+      function a(u, h) {
+        return u.createTreeWalker(
+          h,
           NodeFilter.SHOW_TEXT | NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT,
           null,
           !1
         );
       }
-      function l(h, u, g) {
-        return typeof h.tags[u] == "function" ? h.tags[u](g) : h.tags[u];
+      function l(u, h, g) {
+        return typeof u.tags[h] == "function" ? u.tags[h](g) : u.tags[h];
       }
-      function c(h, u) {
-        return typeof u == "undefined" ? !0 : typeof u == "boolean" ? !u : !1;
+      function c(u, h) {
+        return typeof h == "undefined" ? !0 : typeof h == "boolean" ? !h : !1;
       }
-      function d(h, u, g) {
-        var f = h.name.toLowerCase();
-        return u === !0 ? !1 : typeof u[f] == "function" ? !u[f](h.value, g) : typeof u[f] == "undefined" || u[f] === !1 ? !0 : typeof u[f] == "string" ? u[f] !== h.value : !1;
+      function d(u, h, g) {
+        var p = u.name.toLowerCase();
+        return h === !0 ? !1 : typeof h[p] == "function" ? !h[p](u.value, g) : typeof h[p] == "undefined" || h[p] === !1 ? !0 : typeof h[p] == "string" ? h[p] !== u.value : !1;
       }
       return e;
     });
   })(nt)), nt.exports;
 }
 var De = $e();
-const je = /* @__PURE__ */ ge(De), _e = /^\s*(?:javascript\s*:|data\s*:\s*text\s*\/\s*html)/i, Ge = /\s*(?:href|src)\s*=\s*(?:"\s*(?:javascript\s*:|data\s*:\s*text\s*\/\s*html)[^"]*"|'\s*(?:javascript\s*:|data\s*:\s*text\s*\/\s*html)[^']*|(?:javascript\s*:|data\s*:\s*text\s*\/\s*html)[^ \t\r\n>]*)/gi, Jo = (s, t, e = {}) => s.map((o) => {
+const _e = /* @__PURE__ */ ge(De), je = /^\s*(?:javascript\s*:|data\s*:\s*text\s*\/\s*html)/i, Ge = /\s*(?:href|src)\s*=\s*(?:"\s*(?:javascript\s*:|data\s*:\s*text\s*\/\s*html)[^"]*"|'\s*(?:javascript\s*:|data\s*:\s*text\s*\/\s*html)[^']*|(?:javascript\s*:|data\s*:\s*text\s*\/\s*html)[^ \t\r\n>]*)/gi, Jo = (s, t, e = {}) => s.map((o) => {
   const n = E(t) ? t(o.tool) : t, r = n != null ? n : {};
   return x(r) && M(r) && M(e) ? o : D(N({}, o), {
     data: It(o.data, r, e)
@@ -2205,7 +2205,7 @@ const je = /* @__PURE__ */ ge(De), _e = /^\s*(?:javascript\s*:|data\s*:\s*text\s
   const e = {
     tags: t
   };
-  return new je(e).clean(s);
+  return new _e(e).clean(s);
 }, It = (s, t, e) => Array.isArray(s) ? We(s, t, e) : x(s) ? Ve(s, t, e) : P(s) ? Ue(s, t, e) : s, We = (s, t, e) => s.map((o) => It(o, t, e)), Ve = (s, t, e) => {
   const o = {}, n = s;
   for (const r in s) {
@@ -2226,7 +2226,7 @@ const je = /* @__PURE__ */ ge(De), _e = /^\s*(?:javascript\s*:|data\s*:\s*text\s
     return vt(Gt(n, e));
   }
   return vt(s);
-}, ze = (s) => x(s) || Xt(s) || E(s), Ke = (s) => s ? _e.test(s) : !1, vt = (s) => {
+}, ze = (s) => x(s) || Yt(s) || E(s), Ke = (s) => s ? je.test(s) : !1, vt = (s) => {
   if (!s || s.indexOf("<") === -1)
     return s;
   if (typeof document != "undefined") {
@@ -2246,18 +2246,18 @@ const je = /* @__PURE__ */ ge(De), _e = /^\s*(?:javascript\s*:|data\s*:\s*text\s
   for (const e in s)
     Object.prototype.hasOwnProperty.call(s, e) && (t[e] = F(s[e]));
   return t;
-}, _t = (s) => function(e) {
+}, jt = (s) => function(e) {
   const o = s.call(this, e);
   return o == null ? {} : o;
-}, qe = /* @__PURE__ */ new Set(["class", "id", "title", "role", "dir", "lang"]), Xe = (s) => {
+}, qe = /* @__PURE__ */ new Set(["class", "id", "title", "role", "dir", "lang"]), Ye = (s) => {
   const t = s.toLowerCase();
   return t.startsWith("data-") || t.startsWith("aria-") || qe.has(t);
-}, Ye = (s) => {
+}, Xe = (s) => {
   const t = {};
   return Array.from(s.attributes).forEach((e) => {
-    Xe(e.name) && (t[e.name] = !0);
+    Ye(e.name) && (t[e.name] = !0);
   }), t;
-}, F = (s) => s === !0 ? _t(Ye) : s === !1 ? !1 : E(s) ? _t(s) : P(s) ? s : x(s) ? it({}, s) : s, Je = (s, t) => {
+}, F = (s) => s === !0 ? jt(Xe) : s === !1 ? !1 : E(s) ? jt(s) : P(s) ? s : x(s) ? it({}, s) : s, Je = (s, t) => {
   if (M(s))
     return At(t);
   const e = {};
@@ -2329,7 +2329,7 @@ const je = /* @__PURE__ */ ge(De), _e = /^\s*(?:javascript\s*:|data\s*:\s*text\s
   return o.innerHTML = s, e.forEach(([n, r]) => {
     o.content.querySelectorAll(n).forEach((a) => {
       const l = r(a);
-      if (!(Xt(l) || E(l) || l == null))
+      if (!(Yt(l) || E(l) || l == null))
         for (const [c, d] of Object.entries(l)) {
           if (d === !1) {
             a.removeAttribute(c);
@@ -2473,7 +2473,7 @@ const je = /* @__PURE__ */ ge(De), _e = /^\s*(?:javascript\s*:|data\s*:\s*text\s
    * Module Preparation method
    */
   prepare() {
-    this.nodes.wrapper = this.make("div", this.CSS.tooltip), this.nodes.wrapper.setAttribute(p.interface, pt), 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(f.interface, pt), 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
@@ -2500,7 +2500,7 @@ const je = /* @__PURE__ */ ge(De), _e = /^\s*(?:javascript\s*:|data\s*:\s*text\s
    * Ensure tooltip has proper accessibility attributes
    */
   ensureTooltipAttributes() {
-    this.nodes.wrapper && ((!this.nodes.wrapper.hasAttribute(p.interface) || this.nodes.wrapper.getAttribute(p.interface) !== pt) && this.nodes.wrapper.setAttribute(p.interface, pt), this.nodes.wrapper.setAttribute("role", Qe), this.watchTooltipVisibility());
+    this.nodes.wrapper && ((!this.nodes.wrapper.hasAttribute(f.interface) || this.nodes.wrapper.getAttribute(f.interface) !== pt) && this.nodes.wrapper.setAttribute(f.interface, pt), this.nodes.wrapper.setAttribute("role", Qe), this.watchTooltipVisibility());
   }
   /**
    * Calculates element coords and moves tooltip bottom of the element
@@ -2637,8 +2637,8 @@ const ut = () => Et.getInstance(), Qo = (s, t, e) => {
   if (c || d)
     return !1;
   i.style.position = "absolute", i.style.visibility = "hidden", i.style.height = "auto", i.style.width = "auto", i.style.whiteSpace = window.getComputedStyle(s).whiteSpace, document.body.appendChild(i);
-  const h = i.getBoundingClientRect().width;
-  return document.body.removeChild(i), !(h > 0 || !Ne(a) || window.getComputedStyle(s).whiteSpace.startsWith("pre") && a.length > 0);
+  const u = i.getBoundingClientRect().width;
+  return document.body.removeChild(i), !(u > 0 || !Ne(a) || window.getComputedStyle(s).whiteSpace.startsWith("pre") && a.length > 0);
 }, on = (s) => {
   var i;
   const t = m.getDeepestNode(s);
@@ -2757,25 +2757,25 @@ class at {
       const r = n.target;
       if (this.shouldSkipTarget(r, n))
         return;
-      const i = this.getKeyCode(n), a = i === v.LEFT || i === v.RIGHT || i === v.UP || i === v.DOWN;
-      if (!(n.shiftKey && a || !this.isEventReadyForHandling(n)) && !(i === v.ENTER && !((c = this.iterator) != null && c.currentItem)))
+      const i = this.getKeyCode(n), a = i === b.LEFT || i === b.RIGHT || i === b.UP || i === b.DOWN;
+      if (!(n.shiftKey && a || !this.isEventReadyForHandling(n)) && !(i === b.ENTER && !((c = this.iterator) != null && c.currentItem)))
         switch (n.stopPropagation(), n.stopImmediatePropagation(), i !== null && at.usedKeys.includes(i) && n.preventDefault(), i) {
-          case v.TAB:
+          case b.TAB:
             this.handleTabPress(n);
             break;
-          case v.LEFT:
+          case b.LEFT:
             this.onArrowLeftCallback && this.onArrowLeftCallback();
             break;
-          case v.UP:
+          case b.UP:
             this.flipLeft();
             break;
-          case v.RIGHT:
+          case b.RIGHT:
             (d = this.iterator) != null && d.currentItem && this.currentItemHasChildren() && this.handleEnterPress(n);
             break;
-          case v.DOWN:
+          case b.DOWN:
             this.flipRight();
             break;
-          case v.ENTER:
+          case b.ENTER:
             this.handleEnterPress(n);
             break;
         }
@@ -2795,12 +2795,12 @@ class at {
    */
   static get usedKeys() {
     return [
-      v.TAB,
-      v.LEFT,
-      v.RIGHT,
-      v.ENTER,
-      v.UP,
-      v.DOWN
+      b.TAB,
+      b.LEFT,
+      b.RIGHT,
+      b.ENTER,
+      b.UP,
+      b.DOWN
     ];
   }
   /**
@@ -2901,12 +2901,12 @@ class at {
   getKeyCode(t) {
     var o;
     return (o = {
-      Tab: v.TAB,
-      Enter: v.ENTER,
-      ArrowLeft: v.LEFT,
-      ArrowRight: v.RIGHT,
-      ArrowUp: v.UP,
-      ArrowDown: v.DOWN
+      Tab: b.TAB,
+      Enter: b.ENTER,
+      ArrowLeft: b.LEFT,
+      ArrowRight: b.RIGHT,
+      ArrowUp: b.UP,
+      ArrowDown: b.DOWN
     }[t.key]) != null ? o : null;
   }
   /**
@@ -3015,9 +3015,9 @@ function co(s, t, e) {
     const d = Math.round(n * 255);
     return [d, d, d];
   }
-  const r = (d) => d < 0 ? d + 1 : d > 1 ? d - 1 : d, i = (d, h, u) => {
-    const g = r(u);
-    return g < 1 / 6 ? d + (h - d) * 6 * g : g < 1 / 2 ? h : g < 2 / 3 ? d + (h - d) * (2 / 3 - g) * 6 : d;
+  const r = (d) => d < 0 ? d + 1 : d > 1 ? d - 1 : d, i = (d, u, h) => {
+    const g = r(h);
+    return g < 1 / 6 ? d + (u - d) * 6 * g : g < 1 / 2 ? u : g < 2 / 3 ? d + (u - d) * (2 / 3 - g) * 6 : d;
   }, a = n < 0.5 ? n * (1 + o) : n + o - n * o, l = 2 * n - a, c = s / 360;
   return [
     Math.round(i(l, a, c + 1 / 3) * 255),
@@ -3063,8 +3063,8 @@ function Ut(s) {
 function ho(s, t) {
   const r = s[1] < Vt, i = t[1] < Vt;
   if (r && i) {
-    const h = Math.abs(s[2] - t[2]);
-    return h * h;
+    const u = Math.abs(s[2] - t[2]);
+    return u * u;
   }
   if (r !== i)
     return 1e3;
@@ -3146,22 +3146,22 @@ function fo(s) {
   var o, n, r, i, a, l;
   const t = s.cloneNode(!0);
   for (const c of Array.from(t.querySelectorAll("span"))) {
-    const d = (o = c.getAttribute("style")) != null ? o : "", h = /font-weight\s*:\s*(700|bold)/i.test(d), u = /font-style\s*:\s*italic/i.test(d), g = new RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i").exec(d), f = /background-color\s*:\s*([^;]+)/i.exec(d), b = (n = g == null ? void 0 : g[1]) == null ? void 0 : n.trim(), w = (r = f == null ? void 0 : f[1]) == null ? void 0 : r.trim(), C = b !== void 0 && !xt(b), k = w !== void 0 && w !== "transparent";
-    if (!h && !u && !C && !k)
+    const d = (o = c.getAttribute("style")) != null ? o : "", u = /font-weight\s*:\s*(700|bold)/i.test(d), h = /font-style\s*:\s*italic/i.test(d), g = new RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i").exec(d), p = /background-color\s*:\s*([^;]+)/i.exec(d), v = (n = g == null ? void 0 : g[1]) == null ? void 0 : n.trim(), w = (r = p == null ? void 0 : p[1]) == null ? void 0 : r.trim(), C = v !== void 0 && !xt(v), k = w !== void 0 && w !== "transparent";
+    if (!u && !h && !C && !k)
       continue;
-    const T = C ? z(b, "text") : "", I = k ? z(w, "bg") : "", $ = [
+    const T = C ? z(v, "text") : "", I = k ? z(w, "bg") : "", $ = [
       C ? `color: ${T}` : "",
       zt(k, C, I)
-    ].filter(Boolean).join("; "), R = c.innerHTML, K = $ ? `<mark style="${$};">${R}</mark>` : R, Mt = u ? `<i>${K}</i>` : K, ce = h ? `<b>${Mt}</b>` : Mt;
+    ].filter(Boolean).join("; "), R = c.innerHTML, K = $ ? `<mark style="${$};">${R}</mark>` : R, Mt = h ? `<i>${K}</i>` : K, ce = u ? `<b>${Mt}</b>` : Mt;
     c.replaceWith(document.createRange().createContextualFragment(ce));
   }
   for (const c of Array.from(t.querySelectorAll("a[style]"))) {
-    const d = (i = c.getAttribute("style")) != null ? i : "", h = new RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i").exec(d), u = /background-color\s*:\s*([^;]+)/i.exec(d), g = (a = h == null ? void 0 : h[1]) == null ? void 0 : a.trim(), f = (l = u == null ? void 0 : u[1]) == null ? void 0 : l.trim(), b = g !== void 0 && !xt(g) && g !== "inherit", w = f !== void 0 && f !== "transparent" && f !== "inherit";
-    if (!b && !w)
+    const d = (i = c.getAttribute("style")) != null ? i : "", u = new RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i").exec(d), h = /background-color\s*:\s*([^;]+)/i.exec(d), g = (a = u == null ? void 0 : u[1]) == null ? void 0 : a.trim(), p = (l = h == null ? void 0 : h[1]) == null ? void 0 : l.trim(), v = g !== void 0 && !xt(g) && g !== "inherit", w = p !== void 0 && p !== "transparent" && p !== "inherit";
+    if (!v && !w)
       continue;
-    const C = b ? z(g, "text") : "", k = w ? z(f, "bg") : "", T = [
-      b ? `color: ${C}` : "",
-      zt(w, b, k)
+    const C = v ? z(g, "text") : "", k = w ? z(p, "bg") : "", T = [
+      v ? `color: ${C}` : "",
+      zt(w, v, k)
     ].filter(Boolean).join("; "), I = c;
     I.innerHTML = `<mark style="${T};">${I.innerHTML}</mark>`, I.style.removeProperty("color"), I.style.removeProperty("background-color");
   }
@@ -3185,9 +3185,9 @@ function ln(s) {
     const a = i.querySelectorAll("td, th"), l = [];
     a.forEach((c) => {
       var C;
-      const h = fo(c).split(/<br\s*\/?>/i).map((k) => k.trim()).filter(Boolean), g = { blocks: h.length > 0 ? h.map((k) => ({ tool: "paragraph", data: { text: k } })) : [{ tool: "paragraph", data: { text: "" } }] }, f = (C = c.getAttribute("style")) != null ? C : "", b = /background-color\s*:\s*([^;]+)/i.exec(f);
-      b != null && b[1] && (g.color = z(b[1].trim(), "bg"));
-      const w = new RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i").exec(f);
+      const u = fo(c).split(/<br\s*\/?>/i).map((k) => k.trim()).filter(Boolean), g = { blocks: u.length > 0 ? u.map((k) => ({ tool: "paragraph", data: { text: k } })) : [{ tool: "paragraph", data: { text: "" } }] }, p = (C = c.getAttribute("style")) != null ? C : "", v = /background-color\s*:\s*([^;]+)/i.exec(p);
+      v != null && v[1] && (g.color = z(v[1].trim(), "bg"));
+      const w = new RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i").exec(p);
       w != null && w[1] && !xt(w[1].trim()) && (g.textColor = z(w[1].trim(), "text")), l.push(g);
     }), n.push(l);
   });
@@ -3448,14 +3448,14 @@ const dn = `
   <rect x="7" y="7" width="9" height="9" rx="1.5" stroke="currentColor" stroke-width="1.25"/>
   <path d="M5 13h-.5A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3h7A1.5 1.5 0 0 1 13 4.5V5" stroke="currentColor" stroke-width="1.25"/>
 </svg>
-`, jn = `
+`, _n = `
 <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>
-`, _n = `
+`, jn = `
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M2.5 10h5M2.5 15V5M7.5 15V5m3.5 5 2-1.5V15" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
   <path d="M16 7l2.5 3-2.5 3" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
@@ -3618,7 +3618,7 @@ class St {
     return this.params === void 0 || !("isActive" in this.params) ? !1 : typeof this.params.isActive == "function" ? this.params.isActive() : this.params.isActive === !0;
   }
 }
-const X = {
+const Y = {
   /**
    * 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
@@ -3627,7 +3627,7 @@ const X = {
    * 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-lg px-2 py-(--item-padding) text-text-primary mb-0.5 transition-colors duration-150 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: 'flex items-center select-none border-none bg-transparent rounded-lg px-2 py-(--item-padding) text-text-primary mb-0.5 transition-[color,background-color,border-color,opacity,max-height,padding,margin] duration-150 max-h-10 overflow-hidden data-blok-popover-item-active:bg-icon-active-bg data-blok-popover-item-active:text-icon-active-text can-hover:hover:cursor-pointer can-hover:hover:bg-item-hover-bg data-blok-force-hover:cursor-pointer data-blok-force-hover:bg-item-hover-bg data-[blok-focused="true"]:bg-item-focus-bg data-blok-popover-item-no-hover:hover:bg-transparent data-blok-popover-item-no-hover:cursor-default can-hover:data-blok-popover-item-destructive:hover:text-item-destructive-text can-hover:data-blok-popover-item-destructive:hover:bg-item-destructive-hover-bg [&[data-blok-popover-item-destructive][data-blok-force-hover]]:text-item-destructive-text [&[data-blok-popover-item-destructive][data-blok-force-hover]]:bg-item-destructive-hover-bg [&[data-blok-popover-item-destructive][data-blok-focused="true"]]:text-item-destructive-text [&[data-blok-popover-item-destructive][data-blok-focused="true"]]:bg-item-destructive-hover-bg',
   /**
    * Item disabled state
    */
@@ -3635,7 +3635,7 @@ const X = {
   /**
    * Icon container styles
    */
-  icon: "flex items-center justify-center w-[26px] h-[26px] rounded-lg [&_svg]:w-icon [&_svg]:h-icon",
+  icon: "flex items-center justify-center w-[26px] h-[26px] shrink-0 rounded-lg [&_svg]:w-icon [&_svg]:h-icon",
   /**
    * Focused state class for DomIterator/Flipper keyboard navigation.
    * Used alongside data-blok-focused attribute.
@@ -3712,7 +3712,7 @@ class B extends St {
    * True if item is focused in keyboard navigation process
    */
   get isFocused() {
-    return this.nodes.root === null ? !1 : this.nodes.root.hasAttribute(p.focused);
+    return this.nodes.root === null ? !1 : this.nodes.root.hasAttribute(f.focused);
   }
   /**
    * Returns popover item root element
@@ -3737,7 +3737,7 @@ class B extends St {
   toggleActive(t) {
     if (this.nodes.root === null)
       return;
-    const e = this.nodes.root.hasAttribute(p.popoverItemActive), o = t !== void 0 ? t : !e;
+    const e = this.nodes.root.hasAttribute(f.popoverItemActive), o = t !== void 0 ? t : !e;
     this.setActive(o);
   }
   /**
@@ -3767,9 +3767,9 @@ class B extends St {
   createRootElement(t, e) {
     var i, a, l, c;
     const o = (i = e == null ? void 0 : e.wrapperTag) != null ? i : "div", n = document.createElement(o);
-    return o === "button" && n.setAttribute("type", "button"), n.className = this.getContainerClass(), n.setAttribute(p.popoverItem, ""), n.setAttribute("data-blok-testid", "popover-item"), t.name && n.setAttribute("data-blok-item-name", t.name), t.dataset && Object.entries(t.dataset).forEach(([d, h]) => {
-      n.setAttribute(`data-${d}`, h);
-    }), t.isDisabled && n.setAttribute(p.disabled, "true"), "isDestructive" in t && t.isDestructive && n.setAttribute(p.popoverItemDestructive, "true"), this.isActive && n.setAttribute(p.popoverItemActive, "true"), this.hasChildren && n.setAttribute(p.hasChildren, "true"), this.createContentElements(n, 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(n, D(N({}, t.hint), {
+    return o === "button" && n.setAttribute("type", "button"), n.className = this.getContainerClass(), n.setAttribute(f.popoverItem, ""), n.setAttribute("data-blok-testid", "popover-item"), t.name && n.setAttribute("data-blok-item-name", t.name), t.dataset && Object.entries(t.dataset).forEach(([d, u]) => {
+      n.setAttribute(`data-${d}`, u);
+    }), t.isDisabled && n.setAttribute(f.disabled, "true"), "isDestructive" in t && t.isDestructive && n.setAttribute(f.popoverItemDestructive, "true"), this.isActive && n.setAttribute(f.popoverItemActive, "true"), this.hasChildren && n.setAttribute(f.hasChildren, "true"), this.createContentElements(n, 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(n, D(N({}, t.hint), {
       position: ((l = e == null ? void 0 : e.hint) == null ? void 0 : l.position) || "right",
       alignment: ((c = e == null ? void 0 : e.hint) == null ? void 0 : c.alignment) || "center"
     })), n;
@@ -3778,19 +3778,19 @@ class B extends St {
    * Creates the content elements (icon, title, secondary label, chevron)
    */
   createContentElements(t, e, o) {
-    var c, d, h;
-    const n = (c = o == null ? void 0 : o.iconWithGap) != null ? c : !0, r = (d = o == null ? void 0 : o.isInline) != null ? d : !1, i = (h = o == null ? void 0 : o.isNestedInline) != null ? h : !1, a = e.title;
+    var c, d, u;
+    const n = (c = o == null ? void 0 : o.iconWithGap) != null ? c : !0, r = (d = o == null ? void 0 : o.isInline) != null ? d : !1, i = (u = o == null ? void 0 : o.isNestedInline) != null ? u : !1, a = e.title;
     if (e.icon && (this.nodes.icon = this.createIconElement(e.icon, n, r, i), t.appendChild(this.nodes.icon)), a !== void 0) {
-      const u = document.createElement("div");
-      u.className = e.secondaryLabel ? "grow truncate text-sm font-medium leading-5" : "mr-auto truncate text-sm font-medium leading-5", u.setAttribute(p.popoverItemTitle, ""), u.setAttribute("data-blok-testid", "popover-item-title"), u.textContent = a, t.appendChild(u), this.nodes.titleEl = u;
+      const h = document.createElement("div");
+      h.className = e.secondaryLabel ? "grow whitespace-nowrap text-sm font-medium leading-5" : "mr-auto whitespace-nowrap text-sm font-medium leading-5", h.setAttribute(f.popoverItemTitle, ""), h.setAttribute("data-blok-testid", "popover-item-title"), h.textContent = a, t.appendChild(h), this.nodes.titleEl = h;
     }
     if (e.secondaryLabel) {
-      const u = document.createElement("div");
-      u.className = "ml-auto flex items-center whitespace-nowrap pl-3 text-[11px] font-medium tracking-wide text-text-secondary/50", u.setAttribute(p.popoverItemSecondaryTitle, ""), u.setAttribute("data-blok-testid", "popover-item-secondary-title"), u.textContent = e.secondaryLabel, t.appendChild(u), this.nodes.secondaryLabelEl = u;
+      const h = document.createElement("div");
+      h.className = "ml-auto shrink-0 flex items-center whitespace-nowrap pl-20 text-[11px] font-medium tracking-wide text-text-secondary/50", h.setAttribute(f.popoverItemSecondaryTitle, ""), h.setAttribute("data-blok-testid", "popover-item-secondary-title"), h.textContent = e.secondaryLabel, t.appendChild(h), this.nodes.secondaryLabelEl = h;
     }
     if (this.hasChildren && !this.isChevronHidden) {
-      const u = document.createElement("div");
-      u.className = this.getChevronClass(r), u.setAttribute(p.popoverItemIcon, ""), u.setAttribute(p.popoverItemIconChevronRight, ""), u.setAttribute("data-blok-testid", "popover-item-chevron-right"), u.innerHTML = go, t.appendChild(u), this.nodes.chevron = u;
+      const h = document.createElement("div");
+      h.className = this.getChevronClass(r), h.setAttribute(f.popoverItemIcon, ""), h.setAttribute(f.popoverItemIconChevronRight, ""), h.setAttribute("data-blok-testid", "popover-item-chevron-right"), h.innerHTML = go, t.appendChild(h), this.nodes.chevron = h;
     }
   }
   /**
@@ -3798,7 +3798,7 @@ class B extends St {
    */
   createIconElement(t, e, o, n) {
     const r = document.createElement("div");
-    return r.className = this.getIconClass(e, o, n, !1), r.setAttribute(p.popoverItemIcon, ""), r.setAttribute("data-blok-testid", "popover-item-icon"), r.innerHTML = t, e && r.setAttribute(p.tool, ""), r;
+    return r.className = this.getIconClass(e, o, n, !1), r.setAttribute(f.popoverItemIcon, ""), r.setAttribute("data-blok-testid", "popover-item-icon"), r.innerHTML = t, e && r.setAttribute(f.tool, ""), r;
   }
   /**
    * Gets the container class based on current state
@@ -3807,12 +3807,11 @@ class B extends St {
     var o, n, r, i;
     const t = (n = (o = this.renderParams) == null ? void 0 : o.isInline) != null ? n : !1, e = (i = (r = this.renderParams) == null ? void 0 : r.isNestedInline) != null ? i : !1;
     return A(
-      X.item,
-      // Asymmetric padding: pr-8 for visual balance, pr-4 when secondary label or chevron occupies right edge
-      !t && !e && (this.params.secondaryLabel || this.hasChildren && !this.isChevronHidden ? "pl-2 pr-4" : "pl-2 pr-8"),
+      Y.item,
+      !t && !e && "pl-2 pr-4",
       t && bo.item,
       e && wo.item,
-      this.params.isDisabled && X.itemDisabled
+      this.params.isDisabled && Y.itemDisabled
     );
   }
   /**
@@ -3820,7 +3819,7 @@ class B extends St {
    */
   getIconClass(t, e, o, n) {
     return A(
-      X.icon,
+      Y.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-3",
@@ -3835,7 +3834,7 @@ class B extends St {
    */
   getChevronClass(t) {
     return A(
-      X.icon,
+      Y.icon,
       t && "rotate-90"
     );
   }
@@ -3843,32 +3842,32 @@ class B extends St {
    * Sets the active state of the item
    */
   setActive(t) {
-    this.nodes.root && (t ? this.nodes.root.setAttribute(p.popoverItemActive, "true") : this.nodes.root.removeAttribute(p.popoverItemActive));
+    this.nodes.root && (t ? this.nodes.root.setAttribute(f.popoverItemActive, "true") : this.nodes.root.removeAttribute(f.popoverItemActive));
   }
   /**
    * Sets the hidden state of the item
    */
   setHidden(t) {
-    this.nodes.root && (t ? (this.nodes.root.setAttribute(p.hidden, "true"), this.nodes.root.classList.add("hidden!")) : (this.nodes.root.removeAttribute(p.hidden), this.nodes.root.classList.remove("hidden!")));
+    this.nodes.root && (t ? (this.nodes.root.setAttribute(f.hidden, "true"), this.nodes.root.classList.add("opacity-0", "max-h-0!", "py-0!", "mb-0!")) : (this.nodes.root.removeAttribute(f.hidden), this.nodes.root.classList.remove("opacity-0", "max-h-0!", "py-0!", "mb-0!")));
   }
   /**
    * Sets the focused state of the item
    * @param isFocused - true if item should be focused
    */
   setFocused(t) {
-    this.nodes.root && (t ? (this.nodes.root.setAttribute(p.focused, "true"), this.nodes.root.classList.add("bg-item-focus-bg!")) : (this.nodes.root.removeAttribute(p.focused), this.nodes.root.classList.remove("bg-item-focus-bg!")));
+    this.nodes.root && (t ? (this.nodes.root.setAttribute(f.focused, "true"), this.nodes.root.classList.add("bg-item-focus-bg!")) : (this.nodes.root.removeAttribute(f.focused), this.nodes.root.classList.remove("bg-item-focus-bg!")));
   }
   /**
    * Sets the no-hover state
    */
   setNoHover(t) {
-    this.nodes.root && (t ? this.nodes.root.setAttribute(p.popoverItemNoHover, "true") : this.nodes.root.removeAttribute(p.popoverItemNoHover));
+    this.nodes.root && (t ? this.nodes.root.setAttribute(f.popoverItemNoHover, "true") : this.nodes.root.removeAttribute(f.popoverItemNoHover));
   }
   /**
    * Sets the no-focus state
    */
   setNoFocus(t) {
-    this.nodes.root && (t ? this.nodes.root.setAttribute(p.popoverItemNoFocus, "true") : this.nodes.root.removeAttribute(p.popoverItemNoFocus));
+    this.nodes.root && (t ? this.nodes.root.setAttribute(f.popoverItemNoFocus, "true") : this.nodes.root.removeAttribute(f.popoverItemNoFocus));
   }
   /**
    * Activates confirmation mode for the item.
@@ -3898,13 +3897,13 @@ class B extends St {
    * Clears confirmation state and restores original content
    */
   clearConfirmationState() {
-    this.nodes.root && (this.nodes.root.removeAttribute(p.popoverItemConfirmation), this.nodes.root.classList.remove("bg-item-confirm-bg!", "text-white!"), this.restoreOriginalIcon(), this.restoreOriginalTitle(), this.restoreOriginalSecondaryLabel());
+    this.nodes.root && (this.nodes.root.removeAttribute(f.popoverItemConfirmation), this.nodes.root.classList.remove("bg-item-confirm-bg!", "text-white!"), this.restoreOriginalIcon(), this.restoreOriginalTitle(), this.restoreOriginalSecondaryLabel());
   }
   /**
    * Applies confirmation state with new params
    */
   applyConfirmationState(t) {
-    this.nodes.root && (this.nodes.root.setAttribute(p.popoverItemConfirmation, "true"), this.nodes.root.classList.add("bg-item-confirm-bg!", "text-white!"), this.updateIcon(t.icon), this.updateTitle(t), this.updateSecondaryLabel(t.secondaryLabel));
+    this.nodes.root && (this.nodes.root.setAttribute(f.popoverItemConfirmation, "true"), this.nodes.root.classList.add("bg-item-confirm-bg!", "text-white!"), this.updateIcon(t.icon), this.updateTitle(t), this.updateSecondaryLabel(t.secondaryLabel));
   }
   /**
    * Restores the original icon
@@ -3993,9 +3992,9 @@ class B extends St {
     if (!this.nodes.icon)
       return;
     const t = (i = (r = this.renderParams) == null ? void 0 : r.isInline) != null ? i : !1, e = (l = (a = this.renderParams) == null ? void 0 : a.isNestedInline) != null ? l : !1, o = (d = (c = this.renderParams) == null ? void 0 : c.iconWithGap) != null ? d : !0;
-    this.nodes.icon.setAttribute(p.popoverItemWobble, "true"), this.nodes.icon.className = this.getIconClass(o, t, e, !0);
+    this.nodes.icon.setAttribute(f.popoverItemWobble, "true"), this.nodes.icon.className = this.getIconClass(o, t, e, !0);
     const n = () => {
-      this.nodes.icon && (this.nodes.icon.removeAttribute(p.popoverItemWobble), this.nodes.icon.className = this.getIconClass(o, t, e, !1));
+      this.nodes.icon && (this.nodes.icon.removeAttribute(f.popoverItemWobble), this.nodes.icon.className = this.getIconClass(o, t, e, !1));
     };
     this.nodes.icon.addEventListener("animationend", n, { once: !0 });
   }
@@ -4006,9 +4005,9 @@ class B extends St {
     return this.nodes.icon;
   }
 }
-const j = {
-  container: "py-1 px-[3px]",
-  containerHidden: "hidden",
+const _ = {
+  container: "py-1 px-[3px] transition-[opacity,max-height,padding] duration-150 max-h-4 overflow-hidden",
+  containerHidden: "opacity-0 max-h-0! py-0!",
   line: "h-px w-full bg-popover-border"
 }, et = {
   // Inline context: horizontal separator
@@ -4041,29 +4040,29 @@ class ie extends St {
     if (!this.nodes.root)
       return;
     const e = this.getContainerClass(!1), o = this.getContainerClass(!0);
-    this.nodes.root.className = t ? o : e, t ? this.nodes.root.setAttribute(p.hidden, "true") : this.nodes.root.removeAttribute(p.hidden);
+    this.nodes.root.className = t ? o : e, t ? this.nodes.root.setAttribute(f.hidden, "true") : this.nodes.root.removeAttribute(f.hidden);
   }
   /**
    * Build container class based on context
    */
   getContainerClass(t) {
-    const e = j.container;
-    return this.isNestedInline ? A(e, et.nestedContainer, t && j.containerHidden) : this.isInline ? A(e, et.container, t && j.containerHidden) : A(e, t && j.containerHidden);
+    const e = _.container;
+    return this.isNestedInline ? A(e, et.nestedContainer, t && _.containerHidden) : this.isInline ? A(e, et.container, t && _.containerHidden) : A(e, t && _.containerHidden);
   }
   /**
    * Build line class based on context
    */
   getLineClass() {
-    return this.isNestedInline ? A(j.line, et.nestedLine) : this.isInline ? A(j.line, et.line) : j.line;
+    return this.isNestedInline ? A(_.line, et.nestedLine) : this.isInline ? A(_.line, et.line) : _.line;
   }
   /**
    * Creates the root container element
    */
   createRootElement() {
     const t = document.createElement("div");
-    t.className = this.getContainerClass(!1), t.setAttribute(p.popoverItemSeparator, ""), t.setAttribute("data-blok-testid", "popover-item-separator");
+    t.className = this.getContainerClass(!1), t.setAttribute(f.popoverItemSeparator, ""), t.setAttribute("data-blok-testid", "popover-item-separator");
     const e = document.createElement("div");
-    return e.className = this.getLineClass(), e.setAttribute(p.popoverItemSeparatorLine, ""), t.appendChild(e), this.nodes.line = e, t;
+    return e.className = this.getLineClass(), e.setAttribute(f.popoverItemSeparatorLine, ""), t.appendChild(e), this.nodes.line = e, t;
   }
 }
 const wt = {
@@ -4094,7 +4093,7 @@ class ct extends St {
    * @param isHidden - true if item should be hidden
    */
   toggleHidden(t) {
-    this.isHidden = t, this.updateRootClasses(), this.nodes.root && (t ? this.nodes.root.setAttribute(p.hidden, "true") : this.nodes.root.removeAttribute(p.hidden));
+    this.isHidden = t, this.updateRootClasses(), this.nodes.root && (t ? this.nodes.root.setAttribute(f.hidden, "true") : this.nodes.root.removeAttribute(f.hidden));
   }
   /**
    * Returns list of buttons and inputs inside custom content
@@ -4128,7 +4127,7 @@ class ct extends St {
     return o.className = A(
       wt.root,
       this.isInline && Kt.root
-    ), o.setAttribute(p.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 && ((n = e == null ? void 0 : e.hint) == null ? void 0 : n.enabled) !== !1 && this.addHint(o, D(N({}, t.hint), {
+    ), o.setAttribute(f.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 && ((n = e == null ? void 0 : e.hint) == null ? void 0 : n.enabled) !== !1 && this.addHint(o, D(N({}, t.hint), {
       position: ((r = e == null ? void 0 : e.hint) == null ? void 0 : r.position) || "right",
       alignment: ((i = e == null ? void 0 : e.hint) == null ? void 0 : i.alignment) || "center"
     })), o;
@@ -4141,7 +4140,7 @@ const kt = {
 }, ae = (s, t) => {
   var i, a, l, c, d;
   const e = t.toLowerCase(), o = (a = (i = s.title) == null ? void 0 : i.toLowerCase()) != null ? a : "", n = (c = (l = s.englishTitle) == null ? void 0 : l.toLowerCase()) != null ? c : "", r = (d = s.searchTerms) != null ? d : [];
-  return o.includes(e) || n.includes(e) || r.some((h) => h.toLowerCase().includes(e));
+  return o.includes(e) || n.includes(e) || r.some((u) => u.toLowerCase().includes(e));
 };
 var Nt = /* @__PURE__ */ ((s) => (s.Search = "search", s))(Nt || {});
 class ko extends ee {
@@ -4395,7 +4394,7 @@ class Co extends ee {
   show() {
     var n;
     const t = this.nodes.popover;
-    t !== null && !t.isConnected && document.body.appendChild(t), this.nodes.popover.setAttribute(p.popoverOpened, "true"), this.nodes.popoverContainer.className = A(
+    t !== null && !t.isConnected && document.body.appendChild(t), this.nodes.popover.setAttribute(f.popoverOpened, "true"), this.nodes.popoverContainer.className = A(
       this.nodes.popoverContainer.className,
       ot.popoverContainerOpened
     ), this.itemsDefault.forEach((r) => this.refreshItemActiveState(r)), this.search !== void 0 && this.search.focus();
@@ -4406,7 +4405,7 @@ class Co extends ee {
    * Closes popover
    */
   hide() {
-    this.nodes.popover.removeAttribute(p.popoverOpened), this.nodes.popover.removeAttribute(p.popoverOpenTop), this.nodes.popover.removeAttribute(p.popoverOpenLeft), this.nodes.popoverContainer.className = ot.popoverContainer, this.itemsDefault.forEach((t) => t.reset()), this.search !== void 0 && this.search.clear(), dt.instance.unregister(this), this.emit(Z.Closed);
+    this.nodes.popover.removeAttribute(f.popoverOpened), this.nodes.popover.removeAttribute(f.popoverOpenTop), this.nodes.popover.removeAttribute(f.popoverOpenLeft), this.nodes.popoverContainer.className = ot.popoverContainer, this.itemsDefault.forEach((t) => t.reset()), this.search !== void 0 && this.search.clear(), dt.instance.unregister(this), this.emit(Z.Closed);
   }
   /**
    * Clears memory
@@ -4453,13 +4452,13 @@ class Co extends ee {
   buildItems(t) {
     return t.map((e) => {
       switch (e.type) {
-        case _.Separator:
-          return new ie(this.itemsRenderParams[_.Separator]);
-        case _.Html:
-          return new ct(e, this.itemsRenderParams[_.Html]);
-        case _.Default:
+        case j.Separator:
+          return new ie(this.itemsRenderParams[j.Separator]);
+        case j.Html:
+          return new ct(e, this.itemsRenderParams[j.Html]);
+        case j.Default:
         case void 0:
-          return new B(e, this.itemsRenderParams[_.Default]);
+          return new B(e, this.itemsRenderParams[j.Default]);
       }
     });
   }
@@ -4533,21 +4532,21 @@ class Co extends ee {
    * @param isDisplayed - true if the message should be displayed
    */
   toggleNothingFoundMessage(t) {
-    t ? (this.nodes.nothingFoundMessage.classList.remove("hidden"), this.nodes.nothingFoundMessage.setAttribute(p.nothingFoundDisplayed, "true")) : (this.nodes.nothingFoundMessage.classList.add("hidden"), this.nodes.nothingFoundMessage.removeAttribute(p.nothingFoundDisplayed));
+    t ? (this.nodes.nothingFoundMessage.classList.remove("hidden"), this.nodes.nothingFoundMessage.classList.add("animate-[fade-in_150ms_ease_forwards]"), this.nodes.nothingFoundMessage.setAttribute(f.nothingFoundDisplayed, "true")) : (this.nodes.nothingFoundMessage.classList.add("hidden"), this.nodes.nothingFoundMessage.classList.remove("animate-[fade-in_150ms_ease_forwards]"), this.nodes.nothingFoundMessage.removeAttribute(f.nothingFoundDisplayed));
   }
   /**
    * Sets the open-top state for the popover
    * @param openTop - true if popover should open above trigger
    */
   setOpenTop(t) {
-    t ? this.nodes.popover.setAttribute(p.popoverOpenTop, "true") : this.nodes.popover.removeAttribute(p.popoverOpenTop);
+    t ? this.nodes.popover.setAttribute(f.popoverOpenTop, "true") : this.nodes.popover.removeAttribute(f.popoverOpenTop);
   }
   /**
    * Sets the open-left state for the popover
    * @param openLeft - true if popover should open to the left
    */
   setOpenLeft(t) {
-    t ? this.nodes.popover.setAttribute(p.popoverOpenLeft, "true") : this.nodes.popover.removeAttribute(p.popoverOpenLeft);
+    t ? this.nodes.popover.setAttribute(f.popoverOpenLeft, "true") : this.nodes.popover.removeAttribute(f.popoverOpenLeft);
   }
   /**
    * Checks if popover contains the node
@@ -4563,16 +4562,16 @@ class Co extends ee {
   createPopoverDOM() {
     var r, i;
     const t = document.createElement("div");
-    this.params.class && (t.className = this.params.class), t.setAttribute(p.popover, ""), this.params.class && t.setAttribute("data-blok-popover-custom-class", this.params.class), t.setAttribute("data-blok-testid", "popover"), t.style.setProperty("--width", (r = this.params.width) != null ? r : "auto"), t.style.setProperty("--item-padding", "4px"), 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"), t.style.setProperty("--max-height", "400px");
+    this.params.class && (t.className = this.params.class), t.setAttribute(f.popover, ""), this.params.class && t.setAttribute("data-blok-popover-custom-class", this.params.class), t.setAttribute("data-blok-testid", "popover"), t.style.setProperty("--width", (r = this.params.width) != null ? r : "auto"), t.style.setProperty("--item-padding", "4px"), 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"), t.style.setProperty("--max-height", "400px");
     const e = document.createElement("div");
-    e.className = ot.popoverContainer, e.setAttribute(p.popoverContainer, ""), e.setAttribute("data-blok-testid", "popover-container");
+    e.className = ot.popoverContainer, e.setAttribute(f.popoverContainer, ""), e.setAttribute("data-blok-testid", "popover-container");
     const o = document.createElement("div");
     o.className = A(
       "cursor-default text-sm leading-5 font-medium whitespace-nowrap overflow-hidden text-ellipsis text-gray-text px-3 py-3 text-center",
       "hidden"
     ), o.setAttribute("data-blok-testid", "popover-nothing-found"), o.textContent = (i = this.messages.nothingFound) != null ? i : "Nothing found";
     const n = document.createElement("div");
-    return n.className = ot.items, n.setAttribute(p.popoverItems, ""), n.setAttribute("data-blok-testid", "popover-items"), e.appendChild(o), e.appendChild(n), t.appendChild(e), {
+    return n.className = ot.items, n.setAttribute(f.popoverItems, ""), n.setAttribute("data-blok-testid", "popover-items"), e.appendChild(o), e.appendChild(n), t.appendChild(e), {
       popover: t,
       popoverContainer: e,
       nothingFoundMessage: o,
@@ -4608,25 +4607,31 @@ class le extends Co {
     }, this.onSearch = (r) => {
       var d;
       const i = r.query === "", a = r.items.length === 0, l = r.items;
-      this.items.forEach((h) => {
-        const u = h instanceof B, g = h instanceof ie || h instanceof ct, f = u ? !l.includes(h) || h.name !== void 0 && this.isNamePermanentlyHidden(h.name) : g && (a || !i);
-        h.toggleHidden(f);
-      }), this.toggleNothingFoundMessage(a);
-      const c = i ? this.flippableElements : r.items.map((h) => h.getElement());
+      a && this.items.forEach((u) => {
+        var h;
+        (h = u.getElement()) == null || h.style.setProperty("transition-duration", "0s");
+      }), this.items.forEach((u) => {
+        const h = u instanceof B, g = u instanceof ie || u instanceof ct, p = h ? !l.includes(u) || u.name !== void 0 && this.isNamePermanentlyHidden(u.name) : g && (a || !i);
+        u.toggleHidden(p);
+      }), a && (this.nodes.popoverContainer.offsetHeight, this.items.forEach((u) => {
+        var h;
+        (h = u.getElement()) == null || h.style.removeProperty("transition-duration");
+      })), this.toggleNothingFoundMessage(a);
+      const c = i ? this.flippableElements : r.items.map((u) => u.getElement());
       (d = this.flipper) != null && d.isActivated && (this.flipper.deactivate(), this.flipper.activate(c), c.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(p.nested, "true"), t.scopeElement !== void 0 && (this.scopeElement = t.scopeElement), this.nodes.popoverContainer !== null && this.listeners.on(this.nodes.popoverContainer, "mouseover", (r) => this.handleHover(r)), t.searchable && this.addSearch(), t.flippable === !1)
+    }, t.trigger && (this.trigger = t.trigger), t.leftAlignElement && (this.leftAlignElement = t.leftAlignElement), t.nestingLevel !== void 0 && (this.nestingLevel = t.nestingLevel), this.nestingLevel > 0 && this.nodes.popover.setAttribute(f.nested, "true"), t.scopeElement !== void 0 && (this.scopeElement = t.scopeElement), this.nodes.popoverContainer !== null && this.listeners.on(this.nodes.popoverContainer, "mouseover", (r) => this.handleHover(r)), 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 at({
       items: this.flippableElements,
-      focusedItemClass: X.focused,
+      focusedItemClass: Y.focused,
       allowedKeys: [
-        v.TAB,
-        v.UP,
-        v.DOWN,
-        v.ENTER,
-        v.RIGHT,
-        v.LEFT
+        b.TAB,
+        b.UP,
+        b.DOWN,
+        b.ENTER,
+        b.RIGHT,
+        b.LEFT
       ],
       onArrowLeft: t.onNavigateBack,
       handleContentEditableTargets: t.handleContentEditableNavigation
@@ -4663,13 +4668,14 @@ class le extends Co {
    * Open popover
    */
   show() {
-    var e;
+    var o;
     const t = this.getMountElement();
     if (this.trigger && t && document.body.appendChild(t), this.trigger) {
-      const { top: o, left: n } = this.calculatePosition();
-      this.nodes.popover.style.position = "absolute", this.nodes.popover.style.top = `${o}px`, this.nodes.popover.style.left = `${n}px`, this.nodes.popover.style.setProperty(O.PopoverTop, "0px"), this.nodes.popover.style.setProperty(O.PopoverLeft, "0px");
+      const { top: n, left: r } = this.calculatePosition();
+      this.nodes.popover.style.position = "absolute", this.nodes.popover.style.top = `${n}px`, this.nodes.popover.style.left = `${r}px`, this.nodes.popover.style.setProperty(O.PopoverTop, "0px"), this.nodes.popover.style.setProperty(O.PopoverLeft, "0px");
     }
-    this.nodes.popover.style.setProperty(O.PopoverHeight, this.size.height + "px"), !this.trigger && !this.shouldOpenBottom && (this.setOpenTop(!0), this.nodes.popover.style.setProperty(O.PopoverTop, "calc(-1 * (0.5rem + var(--popover-height)))")), !this.trigger && !this.shouldOpenRight && (this.setOpenLeft(!0), this.nodes.popover.style.setProperty(O.PopoverLeft, "calc(-1 * var(--width) + 100%)")), super.show(), (e = this.flipper) == null || e.activate(this.flippableElements), requestAnimationFrame(() => {
+    const e = this.size;
+    this.nodes.popover.style.setProperty(O.PopoverHeight, e.height + "px"), (this.params.width === void 0 || this.params.width === "auto") && this.nodes.popover.style.setProperty("--width", e.width + "px"), !this.trigger && !this.shouldOpenBottom && (this.setOpenTop(!0), this.nodes.popover.style.setProperty(O.PopoverTop, "calc(-1 * (0.5rem + var(--popover-height)))")), !this.trigger && !this.shouldOpenRight && (this.setOpenLeft(!0), this.nodes.popover.style.setProperty(O.PopoverLeft, "calc(-1 * var(--width) + 100%)")), super.show(), (o = this.flipper) == null || o.activate(this.flippableElements), requestAnimationFrame(() => {
       this.focusInitialElement();
     });
   }
@@ -4701,17 +4707,17 @@ class le extends Co {
    * Calculates position for the popover
    */
   calculatePosition() {
-    var u, g;
-    const t = (g = this.params.position) != null ? g : (u = this.trigger) == null ? void 0 : u.getBoundingClientRect();
+    var h, g, p, v;
+    const t = (g = this.params.position) != null ? g : (h = this.trigger) == null ? void 0 : h.getBoundingClientRect();
     if (!t)
       return {
         top: 0,
         left: 0
       };
-    const e = this.size, o = window.innerWidth, n = window.innerHeight, r = 8, i = t.bottom + r + window.scrollY, l = t.bottom + r + e.height > n + window.scrollY && t.top - r - e.height > window.scrollY ? t.top - r - e.height + window.scrollY : i, c = t.left + window.scrollX, h = c + e.width > o + window.scrollX ? Math.max(0, t.right - e.width + window.scrollX) : c;
+    const e = this.size, o = window.innerWidth, n = window.innerHeight, r = 8, i = t.bottom + r + window.scrollY, l = t.bottom + r + e.height > n + window.scrollY && t.top - r - e.height > window.scrollY ? t.top - r - e.height + window.scrollY : i, c = ((v = (p = this.leftAlignElement) == null ? void 0 : p.getBoundingClientRect().left) != null ? v : t.left) + window.scrollX, u = c + e.width > o + window.scrollX ? Math.max(0, t.right - e.width + window.scrollX) : c;
     return {
       top: l,
-      left: h
+      left: u
     };
   }
   /**
@@ -4750,7 +4756,7 @@ class le extends Co {
    * @param item – item near which nested popover should be displayed
    */
   setTriggerItemPosition(t, e) {
-    const o = e.getElement(), n = (o ? o.offsetTop : 0) - this.scrollTop, r = this.offsetTop + n, i = t.querySelector(`[${p.popover}]`);
+    const o = e.getElement(), n = (o ? o.offsetTop : 0) - this.scrollTop, r = this.offsetTop + n, i = t.querySelector(`[${f.popover}]`);
     (i instanceof HTMLElement ? i : t).style.setProperty(O.TriggerItemTop, r + "px");
   }
   /**
@@ -4810,10 +4816,10 @@ class le extends Co {
    * @param nestedPopoverEl - the nested popover element (mount element)
    */
   applyNestedPopoverPositioning(t) {
-    const e = t.querySelector(`[${p.popoverContainer}]`);
+    const e = t.querySelector(`[${f.popoverContainer}]`);
     if (!(e instanceof HTMLElement))
       return;
-    const o = e, n = t.querySelector(`[${p.popover}]`), r = n instanceof HTMLElement ? n : t, i = this.nodes.popover.hasAttribute(p.popoverOpenTop), a = this.nodes.popover.hasAttribute(p.popoverOpenLeft);
+    const o = e, n = t.querySelector(`[${f.popover}]`), r = n instanceof HTMLElement ? n : t, i = this.nodes.popover.hasAttribute(f.popoverOpenTop), a = this.nodes.popover.hasAttribute(f.popoverOpenLeft);
     o.style.position = "absolute";
     const l = this.params.width === void 0 || this.params.width === "auto" ? `${this.nodes.popoverContainer.offsetWidth}px` : "var(--width)";
     a ? r.style.setProperty(O.PopoverLeft, `calc(-1 * (var(--nesting-level) + 1) * ${l} + 100%)`) : r.style.setProperty(O.PopoverLeft, `calc(var(--nesting-level) * (${l} - var(--nested-popover-overlap)))`), i ? 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))";
@@ -4853,8 +4859,8 @@ class le extends Co {
     if (this.nodes.popover === null)
       return t;
     const e = this.nodes.popover.cloneNode(!0);
-    e.style.visibility = "hidden", e.style.position = "absolute", e.style.top = "-1000px", e.setAttribute(p.popoverOpened, "true"), (n = e.querySelector(`[${p.nested}]`)) == null || n.remove(), document.body.appendChild(e);
-    const o = e.querySelector(`[${p.popoverContainer}]`);
+    e.style.visibility = "hidden", e.style.position = "absolute", e.style.top = "-1000px", e.setAttribute(f.popoverOpened, "true"), (n = e.querySelector(`[${f.nested}]`)) == null || n.remove(), document.body.appendChild(e);
+    const o = e.querySelector(`[${f.popoverContainer}]`);
     return t.height = o.offsetHeight, t.width = o.offsetWidth, e.remove(), this._size = t, t;
   }
   /**
@@ -4939,17 +4945,17 @@ const zn = function(s) {
     if (n.length === 0)
       return [];
     const r = n.reduce((c, d) => {
-      var h;
-      return (h = d.toolbox) == null || h.forEach((u) => {
+      var u;
+      return (u = d.toolbox) == null || u.forEach((h) => {
         var g;
-        u.title !== void 0 && c.push({
-          icon: u.icon,
-          title: Ft(this.i18nInstance, u, d.name),
-          name: (g = u.name) != null ? g : d.name,
+        h.title !== void 0 && c.push({
+          icon: h.icon,
+          title: Ft(this.i18nInstance, h, d.name),
+          name: (g = h.name) != null ? g : d.name,
           closeOnActivate: !0,
           onActivate: async () => {
-            const f = await this.blocksAPI.convert(e.id, d.name, u.data);
-            this.caretAPI.setToBlock(f, "end");
+            const p = await this.blocksAPI.convert(e.id, d.name, h.data);
+            this.caretAPI.setToBlock(p, "end");
           }
         });
       }), c;
@@ -4975,12 +4981,17 @@ const zn = function(s) {
 };
 Ot.isInline = !0;
 let qt = Ot;
+const Kn = "toggle", qn = "tools.toggle.placeholder", Yn = "outline-hidden py-[3px] mt-[2px] mb-px", Xn = "outline-hidden pl-0.5 leading-[1.6em] flex-1 min-w-0", Jn = "flex items-start", Zn = "flex-shrink-0 w-6 h-6 flex items-center justify-center cursor-pointer select-none rounded hover:bg-black/5 transition-all duration-200 ease-in-out mt-px focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:outline-none", Qn = '<svg aria-hidden="true" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 2.5L8.5 6L4.5 9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>', ts = {
+  toggleOpen: "data-blok-toggle-open",
+  toggleArrow: "data-blok-toggle-arrow",
+  toggleContent: "data-blok-toggle-content"
+};
 export {
   ot as $,
   be as A,
   Jo as B,
   Pt as C,
-  p as D,
+  f as D,
   ee as E,
   at as F,
   P as G,
@@ -4992,20 +5003,20 @@ export {
   Eo as M,
   zo as N,
   z as O,
-  _ as P,
+  j as P,
   $o as Q,
   cn as R,
   oe as S,
   Lo as T,
-  Xo as U,
+  Yo as U,
   No as V,
   me as W,
   le as X,
   Ce as Y,
-  X as Z,
+  Y as Z,
   Vn as _,
   m as a,
-  sn as a$,
+  Hn as a$,
   dt as a0,
   Z as a1,
   B as a2,
@@ -5016,36 +5027,36 @@ export {
   Co as a7,
   Go as a8,
   te as a9,
-  wn as aA,
-  kn as aB,
-  Cn as aC,
-  yn as aD,
-  En as aE,
-  xn as aF,
-  Wn as aG,
-  Gn as aH,
-  _n as aI,
-  Nn as aJ,
-  Ln as aK,
-  On as aL,
-  lo as aM,
-  Wt as aN,
-  fn as aO,
-  Dn as aP,
-  dn as aQ,
-  Yo as aR,
-  Pn as aS,
-  $n as aT,
-  Hn as aU,
-  Fn as aV,
-  Bn as aW,
-  Rn as aX,
-  Po as aY,
-  Mn as aZ,
-  xt as a_,
+  Zn as aA,
+  Qn as aB,
+  Jn as aC,
+  Yn as aD,
+  Kn as aE,
+  Xn as aF,
+  Tn as aG,
+  wn as aH,
+  kn as aI,
+  Cn as aJ,
+  yn as aK,
+  En as aL,
+  xn as aM,
+  Wn as aN,
+  Gn as aO,
+  jn as aP,
+  Nn as aQ,
+  Ln as aR,
+  On as aS,
+  lo as aT,
+  Wt as aU,
+  fn as aV,
+  Dn as aW,
+  dn as aX,
+  Xo as aY,
+  Pn as aZ,
+  $n as a_,
   Ft as aa,
   gn as ab,
-  jn as ac,
+  _n as ac,
   Bo as ad,
   Dt as ae,
   vn as af,
@@ -5060,29 +5071,37 @@ export {
   qt as ao,
   So as ap,
   Uo as aq,
-  Ko as ar,
-  Mo as as,
-  Ro as at,
-  xo as au,
-  ve as av,
-  To as aw,
-  tn as ax,
-  In as ay,
-  Tn as az,
+  ts as ar,
+  Ko as as,
+  Mo as at,
+  Ro as au,
+  xo as av,
+  ve as aw,
+  To as ax,
+  tn as ay,
+  In as az,
   E as b,
-  rn as b0,
-  an as b1,
-  ln as b2,
-  Sn as b3,
-  hn as b4,
-  un as b5,
-  pn as b6,
+  Fn as b0,
+  Bn as b1,
+  Rn as b2,
+  Po as b3,
+  Mn as b4,
+  xt as b5,
+  sn as b6,
+  rn as b7,
+  an as b8,
+  ln as b9,
+  qn as ba,
+  Sn as bb,
+  hn as bc,
+  un as bd,
+  pn as be,
   Wo as c,
   Oe as d,
   Fo as e,
   Do as f,
   Ho as g,
-  jo as h,
+  _o as h,
   M as i,
   ye as j,
   Io as k,
@@ -5096,9 +5115,9 @@ export {
   Qo as s,
   A as t,
   en as u,
-  v,
+  b as v,
   Oo as w,
   on as x,
   nn as y,
-  _o as z
+  jo as z
 };