@fileverse-dev/ddoc 3.0.65 → 3.0.67

package/dist/index.es.js

@@ -84,16 +84,16 @@ function Fee() {
     var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function y(xe) {
       {
-        for (var Ie = arguments.length, ot = new Array(Ie > 1 ? Ie - 1 : 0), ft = 1; ft < Ie; ft++)
-          ot[ft - 1] = arguments[ft];
-        x("error", xe, ot);
+        for (var Ie = arguments.length, it = new Array(Ie > 1 ? Ie - 1 : 0), ft = 1; ft < Ie; ft++)
+          it[ft - 1] = arguments[ft];
+        x("error", xe, it);
       }
     }
-    function x(xe, Ie, ot) {
+    function x(xe, Ie, it) {
       {
         var ft = b.ReactDebugCurrentFrame, Yt = ft.getStackAddendum();
-        Yt !== "" && (Ie += "%s", ot = ot.concat([Yt]));
-        var an = ot.map(function($t) {
+        Yt !== "" && (Ie += "%s", it = it.concat([Yt]));
+        var an = it.map(function($t) {
           return String($t);
         });
         an.unshift("Warning: " + Ie), Function.prototype.apply.call(console[xe], console, an);
@@ -108,12 +108,12 @@ function Fee() {
       // with.
       xe.$$typeof === A || xe.getModuleId !== void 0));
     }
-    function M(xe, Ie, ot) {
+    function M(xe, Ie, it) {
       var ft = xe.displayName;
       if (ft)
         return ft;
       var Yt = Ie.displayName || Ie.name || "";
-      return Yt !== "" ? ot + "(" + Yt + ")" : ot;
+      return Yt !== "" ? it + "(" + Yt + ")" : it;
     }
     function _(xe) {
       return xe.displayName || "Context";
@@ -145,8 +145,8 @@ function Fee() {
             var Ie = xe;
             return _(Ie) + ".Consumer";
           case s:
-            var ot = xe;
-            return _(ot._context) + ".Provider";
+            var it = xe;
+            return _(it._context) + ".Provider";
           case l:
             return M(xe, xe.render, "ForwardRef");
           case d:
@@ -226,7 +226,7 @@ function Fee() {
       }
     }
     var X = b.ReactCurrentDispatcher, oe;
-    function Z(xe, Ie, ot) {
+    function Z(xe, Ie, it) {
       {
         if (oe === void 0)
           try {
@@ -248,9 +248,9 @@ function Fee() {
       if (!xe || ae)
         return "";
       {
-        var ot = j.get(xe);
-        if (ot !== void 0)
-          return ot;
+        var it = j.get(xe);
+        if (it !== void 0)
+          return it;
       }
       var ft;
       ae = !0;
@@ -315,14 +315,14 @@ function Fee() {
       var lt = xe ? xe.displayName || xe.name : "", Jt = lt ? Z(lt) : "";
       return typeof xe == "function" && j.set(xe, Jt), Jt;
     }
-    function ue(xe, Ie, ot) {
+    function ue(xe, Ie, it) {
       return ee(xe, !1);
     }
     function N(xe) {
       var Ie = xe.prototype;
       return !!(Ie && Ie.isReactComponent);
     }
-    function te(xe, Ie, ot) {
+    function te(xe, Ie, it) {
       if (xe == null)
         return "";
       if (typeof xe == "function")
@@ -340,11 +340,11 @@ function Fee() {
           case l:
             return ue(xe.render);
           case d:
-            return te(xe.type, Ie, ot);
+            return te(xe.type, Ie, it);
           case p: {
             var ft = xe, Yt = ft._payload, an = ft._init;
             try {
-              return te(an(Yt), Ie, ot);
+              return te(an(Yt), Ie, it);
             } catch {
             }
           }
@@ -354,12 +354,12 @@ function Fee() {
     var le = Object.prototype.hasOwnProperty, G = {}, V = b.ReactDebugCurrentFrame;
     function Q(xe) {
       if (xe) {
-        var Ie = xe._owner, ot = te(xe.type, xe._source, Ie ? Ie.type : null);
-        V.setExtraStackFrame(ot);
+        var Ie = xe._owner, it = te(xe.type, xe._source, Ie ? Ie.type : null);
+        V.setExtraStackFrame(it);
       } else
         V.setExtraStackFrame(null);
     }
-    function Fe(xe, Ie, ot, ft, Yt) {
+    function Fe(xe, Ie, it, ft, Yt) {
       {
         var an = Function.call.bind(le);
         for (var $t in xe)
@@ -367,14 +367,14 @@ function Fee() {
             var kt = void 0;
             try {
               if (typeof xe[$t] != "function") {
-                var _r = Error((ft || "React class") + ": " + ot + " type `" + $t + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof xe[$t] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var _r = Error((ft || "React class") + ": " + it + " type `" + $t + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof xe[$t] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw _r.name = "Invariant Violation", _r;
               }
-              kt = xe[$t](Ie, $t, ft, ot, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              kt = xe[$t](Ie, $t, ft, it, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Qe) {
               kt = Qe;
             }
-            kt && !(kt instanceof Error) && (Q(Yt), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", ft || "React class", ot, $t, typeof kt), Q(null)), kt instanceof Error && !(kt.message in G) && (G[kt.message] = !0, Q(Yt), y("Failed %s type: %s", ot, kt.message), Q(null));
+            kt && !(kt instanceof Error) && (Q(Yt), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", ft || "React class", it, $t, typeof kt), Q(null)), kt instanceof Error && !(kt.message in G) && (G[kt.message] = !0, Q(Yt), y("Failed %s type: %s", it, kt.message), Q(null));
           }
       }
     }
@@ -384,8 +384,8 @@ function Fee() {
     }
     function ce(xe) {
       {
-        var Ie = typeof Symbol == "function" && Symbol.toStringTag, ot = Ie && xe[Symbol.toStringTag] || xe.constructor.name || "Object";
-        return ot;
+        var Ie = typeof Symbol == "function" && Symbol.toStringTag, it = Ie && xe[Symbol.toStringTag] || xe.constructor.name || "Object";
+        return it;
       }
     }
     function de(xe) {
@@ -429,34 +429,34 @@ function Fee() {
     }
     function fe(xe, Ie) {
       {
-        var ot = function() {
+        var it = function() {
           pe || (pe = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", Ie));
         };
-        ot.isReactWarning = !0, Object.defineProperty(xe, "key", {
-          get: ot,
+        it.isReactWarning = !0, Object.defineProperty(xe, "key", {
+          get: it,
           configurable: !0
         });
       }
     }
     function Se(xe, Ie) {
       {
-        var ot = function() {
+        var it = function() {
           ye || (ye = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", Ie));
         };
-        ot.isReactWarning = !0, Object.defineProperty(xe, "ref", {
-          get: ot,
+        it.isReactWarning = !0, Object.defineProperty(xe, "ref", {
+          get: it,
           configurable: !0
         });
       }
     }
-    var _e = function(xe, Ie, ot, ft, Yt, an, $t) {
+    var _e = function(xe, Ie, it, ft, Yt, an, $t) {
       var kt = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: xe,
         key: Ie,
-        ref: ot,
+        ref: it,
         props: $t,
         // Record the component responsible for creating this element.
         _owner: an
@@ -478,10 +478,10 @@ function Fee() {
         value: Yt
       }), Object.freeze && (Object.freeze(kt.props), Object.freeze(kt)), kt;
     };
-    function Te(xe, Ie, ot, ft, Yt) {
+    function Te(xe, Ie, it, ft, Yt) {
       {
         var an, $t = {}, kt = null, _r = null;
-        ot !== void 0 && (R(ot), kt = "" + ot), Ee(Ie) && (R(Ie.key), kt = "" + Ie.key), me(Ie) && (_r = Ie.ref, Ce(Ie, Yt));
+        it !== void 0 && (R(it), kt = "" + it), Ee(Ie) && (R(Ie.key), kt = "" + Ie.key), me(Ie) && (_r = Ie.ref, Ce(Ie, Yt));
         for (an in Ie)
           le.call(Ie, an) && !re.hasOwnProperty(an) && ($t[an] = Ie[an]);
         if (xe && xe.defaultProps) {
@@ -499,8 +499,8 @@ function Fee() {
     var Be = b.ReactCurrentOwner, at = b.ReactDebugCurrentFrame;
     function dt(xe) {
       if (xe) {
-        var Ie = xe._owner, ot = te(xe.type, xe._source, Ie ? Ie.type : null);
-        at.setExtraStackFrame(ot);
+        var Ie = xe._owner, it = te(xe.type, xe._source, Ie ? Ie.type : null);
+        at.setExtraStackFrame(it);
       } else
         at.setExtraStackFrame(null);
     }
@@ -529,10 +529,10 @@ Check the render method of \`` + xe + "`.";
       {
         var Ie = He();
         if (!Ie) {
-          var ot = typeof xe == "string" ? xe : xe.displayName || xe.name;
-          ot && (Ie = `
+          var it = typeof xe == "string" ? xe : xe.displayName || xe.name;
+          it && (Ie = `
 
-Check the top-level render call using <` + ot + ">.");
+Check the top-level render call using <` + it + ">.");
         }
         return Ie;
       }
@@ -542,12 +542,12 @@ Check the top-level render call using <` + ot + ">.");
         if (!xe._store || xe._store.validated || xe.key != null)
           return;
         xe._store.validated = !0;
-        var ot = Le(Ie);
-        if (nt[ot])
+        var it = Le(Ie);
+        if (nt[it])
           return;
-        nt[ot] = !0;
+        nt[it] = !0;
         var ft = "";
-        xe && xe._owner && xe._owner !== Be.current && (ft = " It was passed a child from " + O(xe._owner.type) + "."), dt(xe), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', ot, ft), dt(null);
+        xe && xe._owner && xe._owner !== Be.current && (ft = " It was passed a child from " + O(xe._owner.type) + "."), dt(xe), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', it, ft), dt(null);
       }
     }
     function Lt(xe, Ie) {
@@ -555,8 +555,8 @@ Check the top-level render call using <` + ot + ">.");
         if (typeof xe != "object")
           return;
         if (ge(xe))
-          for (var ot = 0; ot < xe.length; ot++) {
-            var ft = xe[ot];
+          for (var it = 0; it < xe.length; it++) {
+            var ft = xe[it];
             Me(ft) && bt(ft, Ie);
           }
         else if (Me(xe))
@@ -574,18 +574,18 @@ Check the top-level render call using <` + ot + ">.");
         var Ie = xe.type;
         if (Ie == null || typeof Ie == "string")
           return;
-        var ot;
+        var it;
         if (typeof Ie == "function")
-          ot = Ie.propTypes;
+          it = Ie.propTypes;
         else if (typeof Ie == "object" && (Ie.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         Ie.$$typeof === d))
-          ot = Ie.propTypes;
+          it = Ie.propTypes;
         else
           return;
-        if (ot) {
+        if (it) {
           var ft = O(Ie);
-          Fe(ot, xe.props, "prop", ft, xe);
+          Fe(it, xe.props, "prop", ft, xe);
         } else if (Ie.PropTypes !== void 0 && !mt) {
           mt = !0;
           var Yt = O(Ie);
@@ -596,8 +596,8 @@ Check the top-level render call using <` + ot + ">.");
     }
     function wn(xe) {
       {
-        for (var Ie = Object.keys(xe.props), ot = 0; ot < Ie.length; ot++) {
-          var ft = Ie[ot];
+        for (var Ie = Object.keys(xe.props), it = 0; it < Ie.length; it++) {
+          var ft = Ie[it];
           if (ft !== "children" && ft !== "key") {
             dt(xe), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", ft), dt(null);
             break;
@@ -607,7 +607,7 @@ Check the top-level render call using <` + ot + ">.");
       }
     }
     var Zt = {};
-    function Mn(xe, Ie, ot, ft, Yt, an) {
+    function Mn(xe, Ie, it, ft, Yt, an) {
       {
         var $t = B(xe);
         if (!$t) {
@@ -618,7 +618,7 @@ Check the top-level render call using <` + ot + ">.");
           var Qe;
           xe === null ? Qe = "null" : ge(xe) ? Qe = "array" : xe !== void 0 && xe.$$typeof === t ? (Qe = "<" + (O(xe.type) || "Unknown") + " />", kt = " Did you accidentally export a JSX literal instead of a component?") : Qe = typeof xe, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Qe, kt);
         }
-        var we = Te(xe, Ie, ot, Yt, an);
+        var we = Te(xe, Ie, it, Yt, an);
         if (we == null)
           return we;
         if ($t) {
@@ -651,11 +651,11 @@ React keys must be passed directly to JSX without using spread:
         return xe === r ? wn(we) : tn(we), we;
       }
     }
-    function An(xe, Ie, ot) {
-      return Mn(xe, Ie, ot, !0);
+    function An(xe, Ie, it) {
+      return Mn(xe, Ie, it, !0);
     }
-    function gn(xe, Ie, ot) {
-      return Mn(xe, Ie, ot, !1);
+    function gn(xe, Ie, it) {
+      return Mn(xe, Ie, it, !1);
     }
     var Dn = gn, $n = An;
     p0.Fragment = r, p0.jsx = Dn, p0.jsxs = $n;
@@ -17913,7 +17913,7 @@ var QU = { exports: {} };
   })();
 })(QU);
 var Tae = QU.exports;
-const it = /* @__PURE__ */ ic(Tae);
+const ot = /* @__PURE__ */ ic(Tae);
 var Ye = /* @__PURE__ */ ((e) => (e[e.NONE = 0] = "NONE", e[e.HEADING = 1] = "HEADING", e[e.TEXT_COLOR = 2] = "TEXT_COLOR", e[e.HIGHLIGHT = 3] = "HIGHLIGHT", e[e.LINK = 4] = "LINK", e[e.FONT_FAMILY = 5] = "FONT_FAMILY", e[e.ALIGNMENT = 6] = "ALIGNMENT", e[e.LIST = 7] = "LIST", e[e.TEXT_FORMATING = 8] = "TEXT_FORMATING", e[e.TEXT_COLOR_PICKER = 9] = "TEXT_COLOR_PICKER", e[e.LINK_POPUP = 10] = "LINK_POPUP", e[e.SCRIPTS = 11] = "SCRIPTS", e[e.FONT_SIZE = 12] = "FONT_SIZE", e[e.LINE_HEIGHT = 13] = "LINE_HEIGHT", e))(Ye || {});
 function jae(e) {
   const [t, n] = Ne(e), r = Ge(null), o = (i) => {
@@ -18128,7 +18128,7 @@ const Wae = ({
       /* @__PURE__ */ F.jsx(
         "div",
         {
-          className: it(
+          className: ot(
             "flex flex-col gap-4 w-full h-full pb-4 text-base color-text-default",
             o
           ),
@@ -19446,7 +19446,7 @@ const aP = yr(
           {
             ref: a,
             onKeyDownCapture: b,
-            className: it("relative", o),
+            className: ot("relative", o),
             role: "region",
             "aria-roledescription": "carousel",
             ...s,
@@ -19464,7 +19464,7 @@ const lP = yr(({ className: e, ...t }, n) => {
     "div",
     {
       ref: n,
-      className: it(
+      className: ot(
         "flex",
         o === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
         e
@@ -19483,7 +19483,7 @@ const mw = yr(
         ref: n,
         role: "group",
         "aria-roledescription": "slide",
-        className: it(
+        className: ot(
           "min-w-0 shrink-0 grow-0 basis-full",
           r === "horizontal" ? "pl-4" : "pt-4",
           e
@@ -19513,7 +19513,7 @@ const uP = yr(({ index: e, className: t, ...n }, r) => {
     "button",
     {
       ref: r,
-      className: it(
+      className: ot(
         "w-2 h-2 transition-colors duration-200 rounded-full",
         d ? "bg-black" : "bg-[#E8EBEC] hover:bg-black/50",
         t
@@ -19530,7 +19530,7 @@ const Ele = At.forwardRef(({ className: e, ...t }, n) => {
     "button",
     {
       ref: n,
-      className: it(
+      className: ot(
         "btn color-bg-default hover:color-bg-default-hover transition color-text-default flex items-center border-2 rounded h-9 px-4 py-2 text-sm font-medium disabled:bg-[#E8EBEC] disabled:text-[#A1AAB1]",
         e
       ),
@@ -19548,7 +19548,7 @@ const Cle = At.forwardRef(({ className: e, ...t }, n) => {
     "button",
     {
       ref: n,
-      className: it(
+      className: ot(
         "btn bg-black hover:bg-black color-text-default flex items-center border-2 rounded h-9 px-4 py-2 text-sm font-medium disabled:bg-[#E8EBEC] disabled:text-[#A1AAB1]",
         e
       ),
@@ -31931,7 +31931,7 @@ function Zz() {
     );
   }, Ie = function(we) {
     return we instanceof d && (typeof we.nodeName != "string" || typeof we.textContent != "string" || typeof we.removeChild != "function" || !(we.attributes instanceof c) || typeof we.removeAttribute != "function" || typeof we.setAttribute != "function" || typeof we.namespaceURI != "string" || typeof we.insertBefore != "function" || typeof we.hasChildNodes != "function");
-  }, ot = function(we) {
+  }, it = function(we) {
     return typeof a == "function" && we instanceof a;
   };
   function ft(Qe, we, Pe) {
@@ -31947,7 +31947,7 @@ function Zz() {
     if (ft(M.uponSanitizeElement, we, {
       tagName: lt,
       allowedTags: U
-    }), N && we.hasChildNodes() && !ot(we.firstElementChild) && Ao(/<[/\w!]/g, we.innerHTML) && Ao(/<[/\w!]/g, we.textContent) || we.nodeType === y0.progressingInstruction || N && we.nodeType === y0.comment && Ao(/<[/\w]/g, we.data))
+    }), N && we.hasChildNodes() && !it(we.firstElementChild) && Ao(/<[/\w!]/g, we.innerHTML) && Ao(/<[/\w!]/g, we.textContent) || we.nodeType === y0.progressingInstruction || N && we.nodeType === y0.comment && Ao(/<[/\w]/g, we.data))
       return gn(we), !0;
     if (!(Z.tagCheck instanceof Function && Z.tagCheck(lt)) && (!U[lt] || X[lt])) {
       if (!X[lt] && $t(lt) && (ne.tagNameCheck instanceof RegExp && Ao(ne.tagNameCheck, lt) || ne.tagNameCheck instanceof Function && ne.tagNameCheck(lt)))
@@ -32076,7 +32076,7 @@ function Zz() {
   };
   return t.sanitize = function(Qe) {
     let we = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, Pe = null, lt = null, Jt = null, et = null;
-    if (Te = !Qe, Te && (Qe = "<!-->"), typeof Qe != "string" && !ot(Qe))
+    if (Te = !Qe, Te && (Qe = "<!-->"), typeof Qe != "string" && !it(Qe))
       if (typeof Qe.toString == "function") {
         if (Qe = Qe.toString(), typeof Qe != "string")
           throw m0("dirty is not a string, aborting");
@@ -35748,6 +35748,8 @@ const L2 = (e) => {
   "Comic Sans MS": "Comic Sans MS, Comic Sans",
   Cursive: "Cursive",
   Georgia: "Georgia, serif",
+  "IBM Plex Sans": "IBM Plex Sans, sans-serif",
+  "IBM Plex Serif": "IBM Plex Serif, serif",
   "IBM Plex Mono": "IBM Plex Mono, monospace",
   Impact: "Impact, Charcoal, sans-serif",
   "Inclusive Sans": "Inclusive Sans, sans-serif",
@@ -36415,7 +36417,7 @@ const L2 = (e) => {
             onClick: () => {
               e.chain().focus().toggleHighlight({ color: r.color }).run(), t(Ye.NONE);
             },
-            className: it(
+            className: ot(
               "w-5 rounded-full flex items-center justify-center cursor-pointer ease-in duration-200 hover:scale-[1.05] h-5",
               r.code
             ),
@@ -36423,7 +36425,7 @@ const L2 = (e) => {
               Ue,
               {
                 name: "Check",
-                className: it(
+                className: ot(
                   "w-[14px] aspect-square",
                   e.isActive("highlight", {
                     color: r.color
@@ -36461,7 +36463,7 @@ const L2 = (e) => {
   "div",
   {
     ref: e,
-    className: it(
+    className: ot(
       "z-50 h-auto w-48 color-bg-default px-1 py-2 shadow-elevation-1 transition-all rounded",
       "max-h-[80vh] overflow-y-auto"
     ),
@@ -36475,7 +36477,7 @@ const L2 = (e) => {
         style: {
           fontFamily: r.title
         },
-        className: it(
+        className: ot(
           "flex w-full items-center space-x-2 rounded px-2 py-1 text-left text-sm color-text-default transition",
           t.isActive("textStyle", { fontFamily: r.value }) ? "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]" : "hover:color-bg-default-hover"
         ),
@@ -36501,7 +36503,7 @@ const L2 = (e) => {
           onClick: () => {
             t == null || t.chain().focus().setTextAlign("left").run(), n(Ye.NONE);
           },
-          className: it(
+          className: ot(
             "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
             t.isActive({ textAlign: "left" }) ? "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]" : "hover:color-bg-default-hover"
           ),
@@ -36515,7 +36517,7 @@ const L2 = (e) => {
           onClick: () => {
             t == null || t.chain().focus().setTextAlign("center").run(), n(Ye.NONE);
           },
-          className: it(
+          className: ot(
             "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
             t.isActive({ textAlign: "center" }) ? "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]" : "hover:color-bg-default-hover"
           ),
@@ -36529,7 +36531,7 @@ const L2 = (e) => {
           onClick: () => {
             t == null || t.chain().focus().setTextAlign("right").run(), n(Ye.NONE);
           },
-          className: it(
+          className: ot(
             "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
             t.isActive({ textAlign: "right" }) ? "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]" : "hover:color-bg-default-hover"
           ),
@@ -36543,7 +36545,7 @@ const L2 = (e) => {
           onClick: () => {
             t == null || t.chain().focus().setTextAlign("justify").run(), n(Ye.NONE);
           },
-          className: it(
+          className: ot(
             "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
             t.isActive({ textAlign: "justify" }) ? "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]" : "hover:color-bg-default-hover"
           ),
@@ -36639,7 +36641,7 @@ const L2 = (e) => {
       onClick: () => {
         r.command();
       },
-      className: it(
+      className: ot(
         "flex items-center justify-between w-full px-2 py-1 text-body-sm",
         r.isActive() && "color-bg-brand hover:!bg-[#B6A02E] dark:text-[#363B3F]"
       ),
@@ -36676,7 +36678,7 @@ const L2 = (e) => {
               onClick: () => {
                 e && (e.chain().focus().setColor(a).run(), t(Ye.NONE));
               },
-              className: it(
+              className: ot(
                 "w-5 rounded-full flex justify-center items-center cursor-pointer ease-in duration-200 hover:scale-[1.05] h-5"
               ),
               style: { backgroundColor: a },
@@ -36684,7 +36686,7 @@ const L2 = (e) => {
                 Ue,
                 {
                   name: "Check",
-                  className: it(
+                  className: ot(
                     "w-[14px] aspect-square",
                     e != null && e.isActive("textStyle", {
                       color: a
@@ -36760,7 +36762,7 @@ const L2 = (e) => {
     "div",
     {
       ref: n,
-      className: it(
+      className: ot(
         "z-50 flex w-48 flex-col overflow-hidden rounded color-bg-default p-1 shadow-elevation-1"
       ),
       children: r.map((o) => /* @__PURE__ */ F.jsxs(
@@ -36770,7 +36772,7 @@ const L2 = (e) => {
           onClick: () => {
             o.command(e), t(Ye.NONE);
           },
-          className: it(
+          className: ot(
             "flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm color-text-default transition",
             {
               "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": o.isActive(),
@@ -36805,7 +36807,7 @@ const L2 = (e) => {
     "div",
     {
       ref: n,
-      className: it(
+      className: ot(
         "z-50 flex flex-col justify-center items-center overflow-hidden rounded color-bg-default p-2 gap-1 shadow-elevation-1"
       ),
       children: i.map((s) => /* @__PURE__ */ F.jsx(
@@ -36815,7 +36817,7 @@ const L2 = (e) => {
           onClick: () => {
             o(s.value), t(Ye.NONE);
           },
-          className: it(
+          className: ot(
             "flex w-full items-center justify-center rounded px-2 py-1 text-center text-sm color-text-default transition",
             {
               "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": r === s.value,
@@ -36839,7 +36841,7 @@ const L2 = (e) => {
     "div",
     {
       ref: t,
-      className: it(
+      className: ot(
         "z-50 flex flex-col justify-center items-center overflow-hidden rounded color-bg-default p-2 gap-1 shadow-elevation-1"
       ),
       children: o.map((i) => /* @__PURE__ */ F.jsxs(
@@ -36849,7 +36851,7 @@ const L2 = (e) => {
           onClick: () => {
             r(i.value), e(Ye.NONE);
           },
-          className: it(
+          className: ot(
             "flex w-full items-center gap-2 rounded px-2 py-1 text-sm color-text-default transition min-w-[120px]",
             {
               "color-bg-default-hover": n === i.value,
@@ -37095,7 +37097,7 @@ const L2 = (e) => {
           "button",
           {
             onClick: () => e && u.command(e),
-            className: it(
+            className: ot(
               "flex w-fit items-center font-medium space-x-2 rounded p-2 text-center text-sm color-text-default transition",
               {
                 "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": u.isActive(),
@@ -37111,7 +37113,7 @@ const L2 = (e) => {
             "button",
             {
               onClick: () => e && u.command(e),
-              className: it(
+              className: ot(
                 "flex items-center space-x-2 rounded px-4 py-1 color-text-default transition h-9",
                 {
                   "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": u.isActive(),
@@ -37126,7 +37128,7 @@ const L2 = (e) => {
             "button",
             {
               onClick: () => e && u.command(e),
-              className: it(
+              className: ot(
                 "flex items-center space-x-2 rounded px-4 py-1 color-text-default transition h-9",
                 {
                   "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": u.isActive(),
@@ -37143,7 +37145,7 @@ const L2 = (e) => {
             "button",
             {
               onClick: () => e && u.command(e),
-              className: it(
+              className: ot(
                 "flex items-center space-x-2 rounded px-4 py-1 color-text-default transition h-9",
                 {
                   "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": u.isActive(),
@@ -37158,7 +37160,7 @@ const L2 = (e) => {
             "button",
             {
               onClick: () => e && u.command(e),
-              className: it(
+              className: ot(
                 "flex items-center space-x-2 rounded px-4 py-1 color-text-default transition h-9",
                 {
                   "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": u.isActive(),
@@ -37174,7 +37176,7 @@ const L2 = (e) => {
           "button",
           {
             onClick: () => e && u.command(e),
-            className: it(
+            className: ot(
               "flex items-center space-x-2 rounded px-4 py-1 color-text-default transition h-9",
               {
                 "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": u.isActive(),
@@ -37228,7 +37230,7 @@ const L2 = (e) => {
                           onClick: () => {
                             e && e.chain().setColor(u.color).run();
                           },
-                          className: it(
+                          className: ot(
                             "w-6 h-6 mb-1 drop-shadow rounded-full flex justify-center items-center cursor-pointer transition",
                             u.code
                           ),
@@ -37236,7 +37238,7 @@ const L2 = (e) => {
                             Ue,
                             {
                               name: "Check",
-                              className: it(
+                              className: ot(
                                 "w-[14px] aspect-square",
                                 e != null && e.isActive("textStyle", {
                                   color: u.color
@@ -37601,7 +37603,7 @@ const L2 = (e) => {
               onClick: () => {
                 o.command();
               },
-              className: it(
+              className: ot(
                 "flex items-center justify-between rounded-sm px-2 py-1 text-body-sm hover:color-bg-default-hover transition-all",
                 {
                   "color-bg-brand hover:color-bg-brand-hover dark:text-[#363B3F]": o.isActive()
@@ -39651,7 +39653,7 @@ const H$ = yr(
     className: r,
     ...o
   }, i) => {
-    const s = it(
+    const s = ot(
       "color-text-default inline-flex h-full leading-none gap-0.5",
       n ? "flex-col p-2" : "flex-row p-1 items-center",
       r
@@ -39662,7 +39664,7 @@ const H$ = yr(
 H$.displayName = "Toolbar";
 const sme = yr(
   ({ horizontal: e, className: t, ...n }, r) => {
-    const o = it(
+    const o = ot(
       "bg-neutral-200",
       e ? "w-full min-w-[1.5rem] h-[1px] my-1 first:mt-0 last:mt-0" : "h-full min-h-[1.5rem] w-[1px] mx-1 first:ml-0 last:mr-0",
       t
@@ -46433,7 +46435,7 @@ const MH = (e, t) => ({ node: n, updateAttributes: r, deleteNode: o }) => {
     Ca,
     {
       as: "article",
-      className: it(
+      className: ot(
         "media-node-view not-prose transition-all ease-in-out w-full",
         S && `f-${n.attrs.dataFloat}`,
         L && `justify-${n.attrs.dataAlign}`
@@ -46443,7 +46445,7 @@ const MH = (e, t) => ({ node: n, updateAttributes: r, deleteNode: o }) => {
         {
           draggable: b,
           "data-drag-handle": b,
-          className: it(
+          className: ot(
             "w-fit flex flex-col relative group transition-all ease-in-out",
             b && "opacity-50"
           ),
@@ -46455,7 +46457,7 @@ const MH = (e, t) => ({ node: n, updateAttributes: r, deleteNode: o }) => {
             /* @__PURE__ */ F.jsxs(
               "div",
               {
-                className: it(
+                className: ot(
                   "relative",
                   n.attrs.dataAlign === "start" && "self-start",
                   n.attrs.dataAlign === "center" && "self-center",
@@ -46520,7 +46522,7 @@ const MH = (e, t) => ({ node: n, updateAttributes: r, deleteNode: o }) => {
                     "iframe",
                     {
                       ref: f,
-                      className: it(
+                      className: ot(
                         "rounded-lg max-w-full",
                         g && "pointer-events-none"
                       ),
@@ -46574,7 +46576,7 @@ const MH = (e, t) => ({ node: n, updateAttributes: r, deleteNode: o }) => {
                   Y.style.fontSize = "16px";
                 },
                 autoFocus: !0,
-                className: it(
+                className: ot(
                   "bg-transparent color-text-secondary dark:!text-[#888888] resize-none !mt-2",
                   "placeholder-disabled",
                   {
@@ -46587,23 +46589,32 @@ const MH = (e, t) => ({ node: n, updateAttributes: r, deleteNode: o }) => {
               }
             ) }),
             n.attrs.caption && !n.attrs.showCaptionInput && /* @__PURE__ */ F.jsx("div", { className: "caption", children: n.attrs.caption }),
-            !i && /* @__PURE__ */ F.jsx("span", { className: "absolute top-2 right-2 transition-all rounded-md overflow-hidden box-border border color-border-default color-bg-default shadow-elevation-3 opacity-0 group-hover:opacity-100 flex gap-1 p-1", children: ET.filter(
-              (P) => s !== "iframe" || P.tooltip !== "Add Caption"
-            ).map((P, Y) => /* @__PURE__ */ F.jsx(
-              pr,
+            !i && /* @__PURE__ */ F.jsx(
+              "span",
               {
-                tooltip: P.tooltip,
-                isActive: p[P.tooltip],
-                onClick: () => {
-                  var ie;
-                  return P.tooltip === "Delete" ? o() : (ie = P.action) == null ? void 0 : ie.call(P, r);
-                },
-                icon: P.icon,
-                classNames: "min-w-6 aspect-square",
-                size: "sm"
-              },
-              Y
-            )) })
+                className: ot(
+                  "absolute transition-all rounded-md overflow-hidden box-border border color-border-default color-bg-default shadow-elevation-3 opacity-0 group-hover:opacity-100 flex gap-1 p-1",
+                  a ? "bottom-2 left-2" : "top-2 right-2"
+                ),
+                children: ET.filter(
+                  (P) => s !== "iframe" || P.tooltip !== "Add Caption"
+                ).map((P, Y) => /* @__PURE__ */ F.jsx(
+                  pr,
+                  {
+                    tooltip: P.tooltip,
+                    isActive: p[P.tooltip],
+                    onClick: () => {
+                      var ie;
+                      return P.tooltip === "Delete" ? o() : (ie = P.action) == null ? void 0 : ie.call(P, r);
+                    },
+                    icon: P.icon,
+                    classNames: "min-w-6 aspect-square",
+                    size: "sm"
+                  },
+                  Y
+                ))
+              }
+            )
           ]
         }
       )
@@ -55010,7 +55021,7 @@ const MFe = [
               {
                 ref: s,
                 tabIndex: 0,
-                className: it("trigger-button", { hidden: i }),
+                className: ot("trigger-button", { hidden: i }),
                 contentEditable: !1,
                 onClick: c,
                 onMouseDown: (p) => {
@@ -167835,7 +167846,7 @@ const mIe = ({
   return /* @__PURE__ */ F.jsxs(
     Ca,
     {
-      className: it("flex relative w-full h-full justify-center items-center"),
+      className: ot("flex relative w-full h-full justify-center items-center"),
       style: a,
       children: [
         /* @__PURE__ */ F.jsx(
@@ -183115,7 +183126,7 @@ const Dqe = ({
       onOpenChange: t,
       noOverlay: !0,
       side: "right",
-      className: it(
+      className: ot(
         "p-0 !w-screen md:!w-[384px] !z-50 !color-bg-default",
         !l && "!h-screen"
       ),
@@ -183152,7 +183163,7 @@ const Dqe = ({
       side: "right",
       rounded: !0,
       dismissible: !0,
-      className: it(
+      className: ot(
         "w-[calc(100vw-24px)] !z-40 md:w-[384px] right-0 shadow-elevation-4 rounded-lg border color-border-default",
         e && "right-2 md:!right-4",
         n ? `h-[calc(98vh-140px)] ${i ? "top-[4rem]" : "top-[7.25rem] "}` : "top-[4rem] h-[calc(100vh-90px)] xl:h-[calc(99vh-90px)]",
@@ -183870,7 +183881,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         transform: xee.Transform.toString(o),
         transition: i
       },
-      className: it(s && "opacity-0", "w-full"),
+      className: ot(s && "opacity-0", "w-full"),
       children: /* @__PURE__ */ F.jsx(
         yQ,
         {
@@ -184016,7 +184027,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       },
       onClick: s,
       ...u,
-      className: it(
+      className: ot(
         "flex items-center active:cursor-grabbing relative justify-between h-[40px] px-[12px] py-[8px] rounded-full",
         a && "color-bg-default-hover"
       ),
@@ -184098,7 +184109,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
     "div",
     {
       "data-testid": `tab-menu-${e.id}`,
-      className: it(qqe, e.disabled && "!cursor-not-allowed"),
+      className: ot(qqe, e.disabled && "!cursor-not-allowed"),
       onClick: (i) => {
         var s;
         i.stopPropagation(), !e.disabled && ((s = e.onSelect) == null || s.call(e));
@@ -184109,13 +184120,13 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
           {
             name: e.icon,
             stroke: e.iconStroke,
-            className: it("w-[16px] h-[16px]")
+            className: ot("w-[16px] h-[16px]")
           }
         ),
         /* @__PURE__ */ F.jsx(
           "p",
           {
-            className: it(
+            className: ot(
               "text-heading-xsm color-text-default",
               e.textClassName
             ),
@@ -184157,7 +184168,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         elevation: 2,
         side: t,
         sideOffset: 4,
-        className: it("w-[160px] space-xsm", n),
+        className: ot("w-[160px] space-xsm", n),
         children: r.map((o, i) => /* @__PURE__ */ F.jsxs("div", { children: [
           i > 0 && /* @__PURE__ */ F.jsx("hr", { className: "border-t space-x-xsm color-border-default my-[4px] w-full" }),
           o.map((s) => /* @__PURE__ */ F.jsx(Kqe, { item: s }, s.id))
@@ -184326,7 +184337,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                 "div",
                 {
                   "data-testid": "tab-sidebar",
-                  className: it(
+                  className: ot(
                     "flex flex-col items-start w-full h-full overflow-y-auto justify-start left-0 px-4",
                     // Keep landscape TOC responsive: it can shrink to 182px on tighter widths
                     // and grow up to the original 263px when space allows.
@@ -184349,7 +184360,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                             onMouseEnter: () => !r && E(!0),
                             onMouseLeave: () => E(!1),
                             onClick: () => o == null ? void 0 : o((U) => !U),
-                            className: it(
+                            className: ot(
                               "group flex items-center h-[30px]  !min-w-[30px]  min-h-[30px] p-[8px] rounded-full hover:color-bg-secondary-hover transition-[width,background-color] duration-200 ease-out overflow-hidden",
                               !r && "hover:min-w-[156px] gap-[8px]",
                               e.length > 0 && !r && "color-bg-secondary-hover"
@@ -184365,7 +184376,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                               /* @__PURE__ */ F.jsx(
                                 "span",
                                 {
-                                  className: it(
+                                  className: ot(
                                     "whitespace-nowrap text-heading-xsm color-text-default max-w-[110px] truncate transition-opacity duration-150",
                                     e.length === 1 && !q && !r && "hidden"
                                   ),
@@ -184527,7 +184538,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
     /* @__PURE__ */ F.jsx(
       "div",
       {
-        className: it(
+        className: ot(
           "table-of-contents animate-in fade-in slide-in-from-left-5",
           x && !m ? "block" : "hidden"
         ),
@@ -184657,7 +184668,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
     "div",
     {
       "data-testid": "mobile-tab-panel",
-      className: it("fixed w-full flex flex-col z-[9]"),
+      className: ot("fixed w-full flex flex-col z-[9]"),
       style: {
         bottom: ne || p && !f ? "0px" : f ? "var(--version-sheet-bottom, 24px)" : "24px"
       },
@@ -184665,7 +184676,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         /* @__PURE__ */ F.jsx(
           "div",
           {
-            className: it(
+            className: ot(
               "rounded-t-[12px] color-bg-default flex flex-col w-full gap-[8px] overflow-hidden",
               ne ? "h-[300px] space-md shadow-[0_-12px_32px_rgba(0,0,0,0.18)]" : " px-[8px] py-[2px] border color-bg-secondary shadow-none"
             ),
@@ -184674,7 +184685,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
               /* @__PURE__ */ F.jsxs(
                 "div",
                 {
-                  className: it("gap-xsm flex items-center justify-between w-full"),
+                  className: ot("gap-xsm flex items-center justify-between w-full"),
                   children: [
                     /* @__PURE__ */ F.jsx("h2", { className: "text-heading-xsm color-text-default", children: "Document tabs" }),
                     /* @__PURE__ */ F.jsx(
@@ -184692,7 +184703,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
               /* @__PURE__ */ F.jsx(
                 "div",
                 {
-                  className: it(
+                  className: ot(
                     "w-full no-scrollbar overflow-y-auto flex-1",
                     "min-h-0",
                     "transition-opacity duration-300"
@@ -184726,7 +184737,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                         /* @__PURE__ */ F.jsx(
                           "div",
                           {
-                            className: it(
+                            className: ot(
                               "table-of-contents transition-all duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
                               oe.id === t ? "opacity-100 translate-x-0" : "opacity-0 -translate-x-2 h-0 overflow-hidden"
                             ),
@@ -184751,7 +184762,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
               "div",
               {
                 id: "tab-nav",
-                className: it(
+                className: ot(
                   "flex justify-between items-center w-full",
                   "transition-all duration-300 animate-in fade-in slide-in-from-bottom-1"
                 ),
@@ -184763,7 +184774,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                       onClick: z,
                       disabled: !E,
                       "aria-label": "Go to previous tab",
-                      className: it(
+                      className: ot(
                         "h-[36px] w-[36px] flex items-center justify-center transition-opacity duration-200",
                         E ? "cursor-pointer" : "opacity-40 cursor-not-allowed"
                       ),
@@ -184813,7 +184824,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                       onClick: $,
                       disabled: !S,
                       "aria-label": "Go to next tab",
-                      className: it(
+                      className: ot(
                         "h-[36px] w-[36px] flex items-center justify-center transition-opacity duration-200",
                         S ? "cursor-pointer" : "opacity-40 cursor-not-allowed"
                       ),
@@ -184825,7 +184836,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
             ) : /* @__PURE__ */ F.jsxs(
               "div",
               {
-                className: it(
+                className: ot(
                   "flex justify-between items-center w-full",
                   "transition-all duration-300 animate-in fade-in slide-in-from-bottom-1"
                 ),
@@ -185399,7 +185410,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       if (!Et) return {};
       const _t = {}, nn = Qqe[Tt];
       return typeof Et.width == "number" ? (_t.width = `${Et.width}px`, _t.maxWidth = `${Et.width}px`) : (_t.width = nn.zoomFitWidth, _t.maxWidth = `${nn.zoomFitMaxWidth}px`), Et.minHeight && (_t.minHeight = Et.minHeight), _t;
-    }, ot = Ge(null), ft = Vn("(min-width: 1500px)"), Yt = Vn("(min-width: 3000px)"), an = Vn("(min-width: 1600px)"), $t = Vn("(min-width: 1360px)"), { isNativeMobile: kt, isIOS: _r } = Hl(), [Qe, we] = Ne(!1), Pe = Ge(null), lt = (k == null ? void 0 : k.slice(0, 4)) || [], Jt = k ? Math.max(0, k.length - 4) : 0;
+    }, it = Ge(null), ft = Vn("(min-width: 1500px)"), Yt = Vn("(min-width: 3000px)"), an = Vn("(min-width: 1600px)"), $t = Vn("(min-width: 1360px)"), { isNativeMobile: kt, isIOS: _r } = Hl(), [Qe, we] = Ne(!1), Pe = Ge(null), lt = (k == null ? void 0 : k.slice(0, 4)) || [], Jt = k ? Math.max(0, k.length - 4) : 0;
     dg(Pe, () => {
       we(!1);
     }), Oe(() => {
@@ -185620,7 +185631,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
           "div",
           {
             id: "toolbar",
-            className: it(
+            className: ot(
               "z-[45] hidden mobile:flex items-center justify-center w-full h-[52px] fixed left-0 color-bg-default border-b color-border-default transition-transform duration-300 top-[3.5rem]",
               {
                 "translate-y-0": L,
@@ -185731,7 +185742,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
           "div",
           {
             id: "editor-wrapper",
-            className: it(
+            className: ot(
               "w-full mx-auto rounded transition-all duration-300 ease-in-out",
               !(Le != null && Le.canvasBackground) && "color-bg-default",
               !e && (L ? "-mt-[1.5rem] md:!mt-[0.8rem] pt-0 md:pt-[5rem]" : "pt-0 md:pt-[1.5rem]"),
@@ -185767,7 +185778,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
               "div",
               {
                 ref: mn,
-                className: it(
+                className: ot(
                   "w-full h-full pt-8 md:pt-0",
                   { "custom-ios-padding": _r },
                   {
@@ -185834,7 +185845,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                             "div",
                             {
                               ref: Pe,
-                              className: it(
+                              className: ot(
                                 "flex flex-wrap px-4 md:px-8 lg:px-[80px] mb-8 items-center gap-1 mt-4 lg:!mt-0",
                                 { "pt-12": e }
                               ),
@@ -185903,7 +185914,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                             {
                               editor: et,
                               id: "editor",
-                              className: it(
+                              className: ot(
                                 "w-full h-auto",
                                 e && "preview-mode",
                                 dt !== void 0 && Me && "has-available-models",
@@ -185924,12 +185935,12 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         h && !kt && /* @__PURE__ */ F.jsx(
           qt,
           {
-            ref: ot,
+            ref: it,
             onClick: () => {
               et && (p == null || p(et));
             },
             variant: "ghost",
-            className: it(
+            className: ot(
               "absolute w-12 h-12 color-bg-default rounded-full shadow-xl top-[70px] right-[-23px]"
             ),
             children: /* @__PURE__ */ F.jsx(Ue, { name: "MessageSquareText", size: "sm" })
@@ -185938,7 +185949,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         !e && !m && /* @__PURE__ */ F.jsx(
           "div",
           {
-            className: it(
+            className: ot(
               "flex mobile:hidden items-center w-full h-[52px] fixed left-0 z-10 px-4 color-bg-default transition-all duration-300 ease-in-out border-b border-color-default",
               tn && "hidden",
               { "top-14": L, "top-0": !L }
@@ -185990,7 +186001,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         children: /* @__PURE__ */ F.jsx(
           "div",
           {
-            className: it(
+            className: ot(
               "w-full",
               S ? "color-bg-default" : "color-bg-secondary"
             ),
@@ -186001,7 +186012,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
               "div",
               {
                 id: "editor-canvas",
-                className: it(
+                className: ot(
                   "h-[100%] w-full custom-scrollbar relative",
                   !e && (L ? "mt-[6.7rem]" : "mt-[3.3rem]"),
                   e && "mt-[3.5rem]",
@@ -186018,7 +186029,7 @@ const qqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                     "nav",
                     {
                       id: "Navbar",
-                      className: it(
+                      className: ot(
                         "h-14 color-bg-default py-2 px-0 md:px-4 flex gap-2 items-center justify-between w-screen fixed left-0 top-0 border-b color-border-default z-[45] transition-transform duration-300",
                         {
                           "translate-y-0": L,