@fileverse-dev/ddoc 3.0.80-tab-arch-v4 → 3.0.81

package/dist/index.es.js

@@ -4,7 +4,7 @@ var lt = (e, t, n) => MJ(e, typeof t != "symbol" ? t + "" : t, n);
 import * as Cn from "react";
 import Et, { createRef as OJ, memo as dh, createContext as bd, createElement as w2, useContext as yd, version as iC, useRef as Ve, useState as Be, useDebugValue as HD, useEffect as Re, forwardRef as sr, useLayoutEffect as ph, useCallback as Se, useMemo as vt, Fragment as RJ, useReducer as IJ, cloneElement as JO, useImperativeHandle as QO } from "react";
 import eR, { flushSync as LJ, createPortal as _1 } from "react-dom";
-import { Drawer as tR, DrawerContent as UJ, DrawerHeader as PJ, DrawerTitle as zJ, DrawerClose as $J, LucideIcon as Ue, useTheme as HJ, Button as qt, TextField as na, DynamicDropdown as Zn, Tooltip as ln, IconButton as vn, Avatar as WD, cn as Ge, ButtonGroup as qD, Skeleton as rn, TextAreaFieldV2 as D2, DatePicker as WJ, TimePicker as qJ, Divider as uf, BottomDrawer as nR, DynamicModal as VD, Select as cf, SelectTrigger as df, SelectValue as k2, SelectContent as pf, SelectItem as hf, DynamicDropdownV2 as GD, Popover as ff, PopoverTrigger as gf, PopoverContent as mf, toast as KD, UltimateIcons as VJ, PopoverClose as rR, SelectGroup as oR, SelectLabel as GJ, Checkbox as KJ, DrawerTrigger as sC, AnimatedLoader as YJ, Label as XJ, DynamicDrawer as ZJ, DynamicDrawerV2 as JJ, Tag as E2, TagInput as iR } from "@fileverse/ui";
+import { Drawer as tR, DrawerContent as UJ, DrawerHeader as PJ, DrawerTitle as zJ, DrawerClose as $J, LucideIcon as Ue, useTheme as HJ, Button as qt, TextField as na, DynamicDropdown as Zn, Tooltip as on, IconButton as vn, Avatar as WD, cn as Ge, ButtonGroup as qD, Skeleton as rn, TextAreaFieldV2 as D2, DatePicker as WJ, TimePicker as qJ, Divider as uf, BottomDrawer as nR, DynamicModal as VD, Select as cf, SelectTrigger as df, SelectValue as k2, SelectContent as pf, SelectItem as hf, DynamicDropdownV2 as GD, Popover as ff, PopoverTrigger as gf, PopoverContent as mf, toast as KD, UltimateIcons as VJ, PopoverClose as rR, SelectGroup as oR, SelectLabel as GJ, Checkbox as KJ, DrawerTrigger as sC, AnimatedLoader as YJ, Label as XJ, DynamicDrawer as ZJ, DynamicDrawerV2 as JJ, Tag as E2, TagInput as iR } from "@fileverse/ui";
 import { isAddress as QJ, createPublicClient as eQ, http as tQ } from "viem";
 import { mainnet as nQ } from "viem/chains";
 import { motion as hh, AnimatePresence as fh } from "framer-motion";
@@ -37839,7 +37839,7 @@ const $0 = (e) => {
     const u = (c) => {
       c.preventDefault();
     };
-    return r ? /* @__PURE__ */ F.jsx(ln, { text: r, children: /* @__PURE__ */ F.jsx(
+    return r ? /* @__PURE__ */ F.jsx(on, { text: r, children: /* @__PURE__ */ F.jsx(
       vn,
       {
         ref: l,
@@ -38051,14 +38051,14 @@ const $0 = (e) => {
         /* @__PURE__ */ F.jsxs("div", { className: "flex justify-between items-center", children: [
           /* @__PURE__ */ F.jsx(Pz, { username: e, createdAt: r }),
           f === "2" ? /* @__PURE__ */ F.jsx(
-            ln,
+            on,
             {
               text: p ? "Available in a moment" : "",
               sideOffset: 0,
               position: "top",
               children: /* @__PURE__ */ F.jsxs(qD, { className: "!space-x-0", children: [
                 !u && o && o.length === 0 && /* @__PURE__ */ F.jsx(
-                  ln,
+                  on,
                   {
                     text: p ? "" : "Add reply",
                     sideOffset: 0,
@@ -38077,7 +38077,7 @@ const $0 = (e) => {
                   }
                 ),
                 /* @__PURE__ */ F.jsx(
-                  ln,
+                  on,
                   {
                     text: p ? "" : "Coming soon",
                     sideOffset: 0,
@@ -38149,7 +38149,7 @@ const $0 = (e) => {
                 )
               ] })
             }
-          ) : /* @__PURE__ */ F.jsx(ln, { text: "Actions are not supported for old comments", children: /* @__PURE__ */ F.jsx(
+          ) : /* @__PURE__ */ F.jsx(on, { text: "Actions are not supported for old comments", children: /* @__PURE__ */ F.jsx(
             vn,
             {
               icon: "Info",
@@ -38319,7 +38319,7 @@ const $0 = (e) => {
         ")"
       ] }),
       /* @__PURE__ */ F.jsx("div", { className: "relative flex items-center gap-1", children: (S || i) && !le && /* @__PURE__ */ F.jsxs(
-        ln,
+        on,
         {
           text: o ? "Available in a moment" : "",
           sideOffset: 0,
@@ -38366,7 +38366,7 @@ const $0 = (e) => {
               "more-actions"
             ),
             /* @__PURE__ */ F.jsx(
-              ln,
+              on,
               {
                 text: o ? "" : D != null && D.resolved ? "Unresolve" : "Resolve",
                 sideOffset: 5,
@@ -40650,7 +40650,7 @@ ${O.getHTML()}`
         onClose: () => {
           t(!1), p(!1), c(!1);
         },
-        anchorTrigger: /* @__PURE__ */ F.jsx(ln, { text: "Export/Import", children: /* @__PURE__ */ F.jsx(
+        anchorTrigger: /* @__PURE__ */ F.jsx(on, { text: "Export/Import", children: /* @__PURE__ */ F.jsx(
           vn,
           {
             icon: "File",
@@ -40829,7 +40829,7 @@ ${O.getHTML()}`
   Zn,
   {
     sideOffset: 8,
-    anchorTrigger: /* @__PURE__ */ F.jsx(ln, { text: e.title, children: /* @__PURE__ */ F.jsx(vn, { icon: e.icon, variant: "ghost", size: "md" }) }),
+    anchorTrigger: /* @__PURE__ */ F.jsx(on, { text: e.title, children: /* @__PURE__ */ F.jsx(vn, { icon: e.icon, variant: "ghost", size: "md" }) }),
     content: n(e)
   },
   e.title
@@ -40973,7 +40973,7 @@ ${O.getHTML()}`
         "markdown-dropdown-transition"
       ),
       /* @__PURE__ */ F.jsx("div", { className: "w-[1px] h-4 vertical-divider mx-1" }),
-      /* @__PURE__ */ F.jsx("div", { className: "flex gap-1 justify-center items-center", children: D.map((j, Y) => j ? /* @__PURE__ */ F.jsx(ln, { text: j.title, children: h ? Fo(
+      /* @__PURE__ */ F.jsx("div", { className: "flex gap-1 justify-center items-center", children: D.map((j, Y) => j ? /* @__PURE__ */ F.jsx(on, { text: j.title, children: h ? Fo(
         /* @__PURE__ */ F.jsx(
           rn,
           {
@@ -41199,7 +41199,7 @@ ${O.getHTML()}`
             {
               align: "end",
               sideOffset: 8,
-              anchorTrigger: /* @__PURE__ */ F.jsx(ln, { text: "More", children: /* @__PURE__ */ F.jsx(
+              anchorTrigger: /* @__PURE__ */ F.jsx(on, { text: "More", children: /* @__PURE__ */ F.jsx(
                 vn,
                 {
                   id: "more-dropdown",
@@ -41247,7 +41247,7 @@ ${O.getHTML()}`
           /* @__PURE__ */ F.jsx(rn, { className: "w-[36px] h-[36px] rounded-sm" }),
           j.title + "skeleton"
         ) : zo(
-          /* @__PURE__ */ F.jsx(ln, { text: j.title, children: /* @__PURE__ */ F.jsx(
+          /* @__PURE__ */ F.jsx(on, { text: j.title, children: /* @__PURE__ */ F.jsx(
             tr,
             {
               icon: j.icon,
@@ -51839,7 +51839,7 @@ const F3e = Et.memo(
     text: e,
     position: t = "bottom",
     children: n
-  }) => /* @__PURE__ */ F.jsx(ln, { text: e, position: t, children: n })
+  }) => /* @__PURE__ */ F.jsx(on, { text: e, position: t, children: n })
 ), E3e = Et.memo(
   ({ children: e }) => /* @__PURE__ */ F.jsx(
     Dx,
@@ -83540,7 +83540,7 @@ var by = function(t) {
 }, Dr = function(t, n, r, o) {
   o === void 0 && (o = [null, null]);
   for (var i = [], s = 0; s < t.length; s++) {
-    var a = on(t[s], n);
+    var a = sn(t[s], n);
     if (a instanceof mg) {
       var l = a.children;
       i.push(...l);
@@ -83604,7 +83604,7 @@ var by = function(t) {
 }, w1 = function(t, n) {
   var r = ["nulldelimiter"].concat(t.baseSizingClasses());
   return Fl(n.concat(r));
-}, on = function(t, n, r) {
+}, sn = function(t, n, r) {
   if (!t)
     return Fl();
   if (gy[t.type]) {
@@ -84104,10 +84104,10 @@ function j3(e) {
 }
 var c7 = (e, t) => {
   var n, r, o;
-  e && e.type === "supsub" ? (r = Ut(e.base, "accent"), n = r.base, e.base = n, o = eje(on(e, t)), e.base = r) : (r = Ut(e, "accent"), n = r.base);
-  var i = on(n, t.havingCrampedStyle()), s = r.isShifty && un.isCharacterBox(n), a = 0;
+  e && e.type === "supsub" ? (r = Ut(e.base, "accent"), n = r.base, e.base = n, o = eje(sn(e, t)), e.base = r) : (r = Ut(e, "accent"), n = r.base);
+  var i = sn(n, t.havingCrampedStyle()), s = r.isShifty && un.isCharacterBox(n), a = 0;
   if (s) {
-    var l = un.getBaseElem(n), u = on(l, t.havingCrampedStyle());
+    var l = un.getBaseElem(n), u = sn(l, t.havingCrampedStyle());
     a = tM(u).skew;
   }
   var c = r.label === "\\c", d = c ? i.height + i.depth : Math.min(i.height, t.fontMetrics().xHeight), p;
@@ -84219,7 +84219,7 @@ it({
     };
   },
   htmlBuilder: (e, t) => {
-    var n = on(e.base, t), r = wl.svgSpan(e, t), o = e.label === "\\utilde" ? 0.12 : 0, i = _e.makeVList({
+    var n = sn(e.base, t), r = wl.svgSpan(e, t), o = e.label === "\\utilde" ? 0.12 : 0, i = _e.makeVList({
       positionType: "top",
       positionData: n.height,
       children: [{
@@ -84297,10 +84297,10 @@ it({
   // Flow is unable to correctly infer the type of `group`, even though it's
   // unambiguously determined from the passed-in `type` above.
   htmlBuilder(e, t) {
-    var n = t.style, r = t.havingStyle(n.sup()), o = _e.wrapFragment(on(e.body, r, t), t), i = e.label.slice(0, 2) === "\\x" ? "x" : "cd";
+    var n = t.style, r = t.havingStyle(n.sup()), o = _e.wrapFragment(sn(e.body, r, t), t), i = e.label.slice(0, 2) === "\\x" ? "x" : "cd";
     o.classes.push(i + "-arrow-pad");
     var s;
-    e.below && (r = t.havingStyle(n.sub()), s = _e.wrapFragment(on(e.below, r, t), t), s.classes.push(i + "-arrow-pad"));
+    e.below && (r = t.havingStyle(n.sub()), s = _e.wrapFragment(sn(e.below, r, t), t), s.classes.push(i + "-arrow-pad"));
     var a = wl.svgSpan(e, t), l = -t.fontMetrics().axisHeight + 0.5 * a.height, u = -t.fontMetrics().axisHeight - 0.5 * a.height - 0.111;
     (o.depth > 0.25 || e.label === "\\xleftequilibrium") && (u -= o.depth);
     var c;
@@ -84625,7 +84625,7 @@ it({
     };
   },
   htmlBuilder(e, t) {
-    var n = t.havingStyle(t.style.sup()), r = _e.wrapFragment(on(e.label, n, t), t);
+    var n = t.havingStyle(t.style.sup()), r = _e.wrapFragment(sn(e.label, n, t), t);
     return r.classes.push("cd-label-" + e.side), r.style.bottom = Xe(0.8 - r.depth), r.height = 0, r.depth = 0, r;
   },
   mathmlBuilder(e, t) {
@@ -84650,7 +84650,7 @@ it({
     };
   },
   htmlBuilder(e, t) {
-    var n = _e.wrapFragment(on(e.fragment, t), t);
+    var n = _e.wrapFragment(sn(e.fragment, t), t);
     return n.classes.push("cd-vert-arrow"), n;
   },
   mathmlBuilder(e, t) {
@@ -85335,7 +85335,7 @@ it({
   }
 });
 var p7 = (e, t) => {
-  var n = _e.wrapFragment(on(e.body, t), t), r = e.label.slice(1), o = t.sizeMultiplier, i, s = 0, a = un.isCharacterBox(e.body);
+  var n = _e.wrapFragment(sn(e.body, t), t), r = e.label.slice(1), o = t.sizeMultiplier, i, s = 0, a = un.isCharacterBox(e.body);
   if (r === "sout")
     i = _e.makeSpan(["stretchy", "sout"]), i.height = t.fontMetrics().defaultRuleThickness / o, s = -0.5 * t.fontMetrics().xHeight;
   else if (r === "phase") {
@@ -85697,7 +85697,7 @@ var ja = function(t, n) {
     a < k.length && (a = k.length);
     var C = new Array(k.length);
     for (o = 0; o < k.length; ++o) {
-      var A = on(k[o], n);
+      var A = sn(k[o], n);
       D < A.depth && (D = A.depth), w < A.height && (w = A.height), C[o] = A;
     }
     var M = t.rowGaps[r], T = 0;
@@ -86160,7 +86160,7 @@ it({
 });
 var EY = (e, t) => {
   var n = e.font, r = t.withFont(n);
-  return on(e.body, r);
+  return sn(e.body, r);
 }, CY = (e, t) => {
   var n = e.font, r = t.withFont(n);
   return An(e.body, r);
@@ -86269,13 +86269,13 @@ var _Y = (e, t) => {
 }, m7 = (e, t) => {
   var n = _Y(e.size, t.style), r = n.fracNum(), o = n.fracDen(), i;
   i = t.havingStyle(r);
-  var s = on(e.numer, i, t);
+  var s = sn(e.numer, i, t);
   if (e.continued) {
     var a = 8.5 / t.fontMetrics().ptPerEm, l = 3.5 / t.fontMetrics().ptPerEm;
     s.height = s.height < a ? a : s.height, s.depth = s.depth < l ? l : s.depth;
   }
   i = t.havingStyle(o);
-  var u = on(e.denom, i, t), c, d, p;
+  var u = sn(e.denom, i, t), c, d, p;
   e.hasBarLine ? (e.barSize ? (d = qn(e.barSize, t), c = _e.makeLineSpan("frac-line", t, d)) : c = _e.makeLineSpan("frac-line", t), d = c.height, p = c.height) : (c = null, d = 0, p = t.fontMetrics().defaultRuleThickness);
   var h, f, g;
   n.size === bt.DISPLAY.size || e.size === "display" ? (h = t.fontMetrics().num1, d > 0 ? f = 3 * p : f = 7 * p, g = t.fontMetrics().denom1) : (d > 0 ? (h = t.fontMetrics().num2, f = p) : (h = t.fontMetrics().num3, f = 3 * p), g = t.fontMetrics().denom2);
@@ -86580,8 +86580,8 @@ it({
 });
 var AY = (e, t) => {
   var n = t.style, r, o;
-  e.type === "supsub" ? (r = e.sup ? on(e.sup, t.havingStyle(n.sup()), t) : on(e.sub, t.havingStyle(n.sub()), t), o = Ut(e.base, "horizBrace")) : o = Ut(e, "horizBrace");
-  var i = on(o.base, t.havingBaseStyle(bt.DISPLAY)), s = wl.svgSpan(o, t), a;
+  e.type === "supsub" ? (r = e.sup ? sn(e.sup, t.havingStyle(n.sup()), t) : sn(e.sub, t.havingStyle(n.sub()), t), o = Ut(e.base, "horizBrace")) : o = Ut(e, "horizBrace");
+  var i = sn(o.base, t.havingBaseStyle(bt.DISPLAY)), s = wl.svgSpan(o, t), a;
   if (o.isOver ? (a = _e.makeVList({
     positionType: "firstBaseline",
     children: [{
@@ -87005,7 +87005,7 @@ it({
   },
   htmlBuilder: (e, t) => {
     var n;
-    e.alignment === "clap" ? (n = _e.makeSpan([], [on(e.body, t)]), n = _e.makeSpan(["inner"], [n], t)) : n = _e.makeSpan(["inner"], [on(e.body, t)]);
+    e.alignment === "clap" ? (n = _e.makeSpan([], [sn(e.body, t)]), n = _e.makeSpan(["inner"], [n], t)) : n = _e.makeSpan(["inner"], [sn(e.body, t)]);
     var r = _e.makeSpan(["fix"], []), o = _e.makeSpan([e.alignment], [n, r], t), i = _e.makeSpan(["strut"]);
     return i.style.height = Xe(o.height + o.depth), o.depth && (i.style.verticalAlign = Xe(-o.depth)), o.children.unshift(i), o = _e.makeSpan(["thinbox"], [o], t), _e.makeSpan(["mord", "vbox"], [o], t);
   },
@@ -87101,14 +87101,14 @@ var SY = (e, t, n, r, o, i, s) => {
   e = _e.makeSpan([], [e]);
   var a = n && un.isCharacterBox(n), l, u;
   if (t) {
-    var c = on(t, r.havingStyle(o.sup()), r);
+    var c = sn(t, r.havingStyle(o.sup()), r);
     u = {
       elem: c,
       kern: Math.max(r.fontMetrics().bigOpSpacing1, r.fontMetrics().bigOpSpacing3 - c.depth)
     };
   }
   if (n) {
-    var d = on(n, r.havingStyle(o.sub()), r);
+    var d = sn(n, r.havingStyle(o.sub()), r);
     l = {
       elem: d,
       kern: Math.max(r.fontMetrics().bigOpSpacing2, r.fontMetrics().bigOpSpacing4 - d.height)
@@ -87476,7 +87476,7 @@ it({
     };
   },
   htmlBuilder(e, t) {
-    var n = on(e.body, t.havingCrampedStyle()), r = _e.makeLineSpan("overline-line", t), o = t.fontMetrics().defaultRuleThickness, i = _e.makeVList({
+    var n = sn(e.body, t.havingCrampedStyle()), r = _e.makeLineSpan("overline-line", t), o = t.fontMetrics().defaultRuleThickness, i = _e.makeVList({
       positionType: "firstBaseline",
       children: [{
         type: "elem",
@@ -87545,7 +87545,7 @@ it({
     };
   },
   htmlBuilder: (e, t) => {
-    var n = _e.makeSpan([], [on(e.body, t.withPhantom())]);
+    var n = _e.makeSpan([], [sn(e.body, t.withPhantom())]);
     if (n.height = 0, n.depth = 0, n.children)
       for (var r = 0; r < n.children.length; r++)
         n.children[r].height = 0, n.children[r].depth = 0;
@@ -87580,7 +87580,7 @@ it({
     };
   },
   htmlBuilder: (e, t) => {
-    var n = _e.makeSpan(["inner"], [on(e.body, t.withPhantom())]), r = _e.makeSpan(["fix"], []);
+    var n = _e.makeSpan(["inner"], [sn(e.body, t.withPhantom())]), r = _e.makeSpan(["fix"], []);
     return _e.makeSpan(["mord", "rlap"], [n, r], t);
   },
   mathmlBuilder: (e, t) => {
@@ -87608,7 +87608,7 @@ it({
     };
   },
   htmlBuilder(e, t) {
-    var n = on(e.body, t), r = qn(e.dy, t);
+    var n = sn(e.body, t), r = qn(e.dy, t);
     return _e.makeVList({
       positionType: "shift",
       positionData: -r,
@@ -87748,7 +87748,7 @@ it({
     };
   },
   htmlBuilder: (e, t) => {
-    var n = _e.makeSpan([], [on(e.body, t)]);
+    var n = _e.makeSpan([], [sn(e.body, t)]);
     if (!e.smashHeight && !e.smashDepth)
       return n;
     if (e.smashHeight && (n.height = 0, n.children))
@@ -87790,7 +87790,7 @@ it({
     };
   },
   htmlBuilder(e, t) {
-    var n = on(e.body, t.havingCrampedStyle());
+    var n = sn(e.body, t.havingCrampedStyle());
     n.height === 0 && (n.height = t.fontMetrics().xHeight), n = _e.wrapFragment(n, t);
     var r = t.fontMetrics(), o = r.defaultRuleThickness, i = o;
     t.style.id < bt.TEXT.id && (i = t.fontMetrics().xHeight);
@@ -87820,7 +87820,7 @@ it({
       }]
     }, t);
     if (e.index) {
-      var f = t.havingStyle(bt.SCRIPTSCRIPT), g = on(e.index, f, t), m = 0.6 * (h.height - h.depth), b = _e.makeVList({
+      var f = t.havingStyle(bt.SCRIPTSCRIPT), g = sn(e.index, f, t), m = 0.6 * (h.height - h.depth), b = _e.makeVList({
         positionType: "shift",
         positionData: -m,
         children: [{
@@ -87913,14 +87913,14 @@ _d({
       base: r,
       sup: o,
       sub: i
-    } = e, s = on(r, t), a, l, u = t.fontMetrics(), c = 0, d = 0, p = r && un.isCharacterBox(r);
+    } = e, s = sn(r, t), a, l, u = t.fontMetrics(), c = 0, d = 0, p = r && un.isCharacterBox(r);
     if (o) {
       var h = t.havingStyle(t.style.sup());
-      a = on(o, h, t), p || (c = s.height - h.fontMetrics().supDrop * h.sizeMultiplier / t.sizeMultiplier);
+      a = sn(o, h, t), p || (c = s.height - h.fontMetrics().supDrop * h.sizeMultiplier / t.sizeMultiplier);
     }
     if (i) {
       var f = t.havingStyle(t.style.sub());
-      l = on(i, f, t), p || (d = s.depth + f.fontMetrics().subDrop * f.sizeMultiplier / t.sizeMultiplier);
+      l = sn(i, f, t), p || (d = s.depth + f.fontMetrics().subDrop * f.sizeMultiplier / t.sizeMultiplier);
     }
     var g;
     t.style === bt.DISPLAY ? g = u.sup1 : t.style.cramped ? g = u.sup3 : g = u.sup2;
@@ -88183,7 +88183,7 @@ it({
     };
   },
   htmlBuilder(e, t) {
-    var n = on(e.body, t), r = _e.makeLineSpan("underline-line", t), o = t.fontMetrics().defaultRuleThickness, i = _e.makeVList({
+    var n = sn(e.body, t), r = _e.makeLineSpan("underline-line", t), o = t.fontMetrics().defaultRuleThickness, i = _e.makeVList({
       positionType: "top",
       positionData: n.height,
       children: [{
@@ -88229,7 +88229,7 @@ it({
     };
   },
   htmlBuilder(e, t) {
-    var n = on(e.body, t), r = t.fontMetrics().axisHeight, o = 0.5 * (n.height - r - (n.depth + r));
+    var n = sn(e.body, t), r = t.fontMetrics().axisHeight, o = 0.5 * (n.height - r - (n.depth + r));
     return _e.makeVList({
       positionType: "shift",
       positionData: o,
@@ -93536,7 +93536,7 @@ function MMe({
                     value: a,
                     onValueChange: (y) => t({ language: y }),
                     children: [
-                      /* @__PURE__ */ F.jsx(df, { className: "!min-w-24 text-helper-text-sm h-7 px-2 py-1 color-bg-secondary border-none", children: /* @__PURE__ */ F.jsxs(ln, { text: "Select language", children: [
+                      /* @__PURE__ */ F.jsx(df, { className: "!min-w-24 text-helper-text-sm h-7 px-2 py-1 color-bg-secondary border-none", children: /* @__PURE__ */ F.jsxs(on, { text: "Select language", children: [
                         /* @__PURE__ */ F.jsx(k2, { placeholder: "Select language" }),
                         /* @__PURE__ */ F.jsx("span", { className: "w-1" })
                       ] }) }),
@@ -93563,7 +93563,7 @@ function MMe({
                   }
                 ),
                 /* @__PURE__ */ F.jsx("div", { className: "w-[1px] h-4 vertical-divider mx-1" }),
-                /* @__PURE__ */ F.jsx(ln, { text: "Copy code", children: /* @__PURE__ */ F.jsx(
+                /* @__PURE__ */ F.jsx(on, { text: "Copy code", children: /* @__PURE__ */ F.jsx(
                   qt,
                   {
                     variant: "ghost",
@@ -93597,7 +93597,7 @@ function MMe({
                   }
                 ) }),
                 /* @__PURE__ */ F.jsx("div", { className: "w-[1px] h-4 vertical-divider mx-1" }),
-                /* @__PURE__ */ F.jsx(ln, { text: "Line numbers", children: /* @__PURE__ */ F.jsx(
+                /* @__PURE__ */ F.jsx(on, { text: "Line numbers", children: /* @__PURE__ */ F.jsx(
                   qt,
                   {
                     variant: "ghost",
@@ -93611,7 +93611,7 @@ function MMe({
                   }
                 ) }),
                 /* @__PURE__ */ F.jsx("div", { className: "w-[1px] h-4 vertical-divider mx-1" }),
-                /* @__PURE__ */ F.jsx(ln, { text: "Word wrap", children: /* @__PURE__ */ F.jsx(
+                /* @__PURE__ */ F.jsx(on, { text: "Word wrap", children: /* @__PURE__ */ F.jsx(
                   qt,
                   {
                     variant: "ghost",
@@ -93631,7 +93631,7 @@ function MMe({
                     value: String(d),
                     onValueChange: (y) => t({ tabSize: Number(y) }),
                     children: [
-                      /* @__PURE__ */ F.jsx(df, { className: "w-full text-helper-text-sm h-7 px-2 py-1 color-bg-secondary border-none", children: /* @__PURE__ */ F.jsxs(ln, { text: "Tab size", children: [
+                      /* @__PURE__ */ F.jsx(df, { className: "w-full text-helper-text-sm h-7 px-2 py-1 color-bg-secondary border-none", children: /* @__PURE__ */ F.jsxs(on, { text: "Tab size", children: [
                         /* @__PURE__ */ F.jsxs("span", { className: "!hidden sm:!block", children: [
                           "Tab: ",
                           d
@@ -93658,7 +93658,7 @@ function MMe({
                   }
                 )
               ] }),
-              /* @__PURE__ */ F.jsx(ln, { text: "Delete code block", children: /* @__PURE__ */ F.jsx(
+              /* @__PURE__ */ F.jsx(on, { text: "Delete code block", children: /* @__PURE__ */ F.jsx(
                 Ue,
                 {
                   name: "Trash2",
@@ -93677,7 +93677,7 @@ function MMe({
               "absolute top-3 right-3 hidden z-10 color-bg-default",
               l && "flex"
             ),
-            children: /* @__PURE__ */ F.jsx(ln, { text: "Copy code", children: /* @__PURE__ */ F.jsxs("div", { className: "relative w-4 h-4", onClick: b, children: [
+            children: /* @__PURE__ */ F.jsx(on, { text: "Copy code", children: /* @__PURE__ */ F.jsxs("div", { className: "relative w-4 h-4", onClick: b, children: [
               /* @__PURE__ */ F.jsx(
                 Ue,
                 {
@@ -168080,7 +168080,7 @@ const DRe = ({
               }
             }
           ) }),
-          /* @__PURE__ */ F.jsx(ln, { sideOffset: 5, position: "bottom", text: "Remove page breaker", children: /* @__PURE__ */ F.jsx(
+          /* @__PURE__ */ F.jsx(on, { sideOffset: 5, position: "bottom", text: "Remove page breaker", children: /* @__PURE__ */ F.jsx(
             Ue,
             {
               name: "PageBreakRemove",
@@ -181191,7 +181191,7 @@ const oHe = ({
                 ] }),
                 /* @__PURE__ */ F.jsxs("div", { className: "flex justify-center items-center gap-2", children: [
                   p == null ? void 0 : p(),
-                  !a && /* @__PURE__ */ F.jsx(ln, { text: "Download", sideOffset: 10, children: /* @__PURE__ */ F.jsx(
+                  !a && /* @__PURE__ */ F.jsx(on, { text: "Download", sideOffset: 10, children: /* @__PURE__ */ F.jsx(
                     vn,
                     {
                       variant: "ghost",
@@ -181200,7 +181200,7 @@ const oHe = ({
                       size: "md"
                     }
                   ) }),
-                  /* @__PURE__ */ F.jsx(ln, { text: "Comments", sideOffset: 10, children: /* @__PURE__ */ F.jsx(
+                  /* @__PURE__ */ F.jsx(on, { text: "Comments", sideOffset: 10, children: /* @__PURE__ */ F.jsx(
                     vn,
                     {
                       variant: "ghost",
@@ -181210,7 +181210,7 @@ const oHe = ({
                     }
                   ) }),
                   !a && /* @__PURE__ */ F.jsxs(
-                    ln,
+                    on,
                     {
                       text: s ? "Copy to Share" : "Link is preparing...",
                       sideOffset: 10,
@@ -181241,7 +181241,7 @@ const oHe = ({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ F.jsx(ln, { text: "Press F to toggle fullscreen", sideOffset: 10, children: /* @__PURE__ */ F.jsx(
+                  /* @__PURE__ */ F.jsx(on, { text: "Press F to toggle fullscreen", sideOffset: 10, children: /* @__PURE__ */ F.jsx(
                     vn,
                     {
                       variant: "ghost",
@@ -181742,7 +181742,7 @@ const oHe = ({
         /* @__PURE__ */ F.jsxs("div", { className: "flex p-4 border-b flex-row gap-4 items-center color-bg-default", children: [
           /* @__PURE__ */ F.jsx("p", { className: "text-heading-sm", children: "Comments" }),
           /* @__PURE__ */ F.jsx("div", { className: "absolute top-[2px] right-10 p-2", children: /* @__PURE__ */ F.jsx(
-            ln,
+            on,
             {
               text: a ? "Hide resolved" : "Show resolved",
               sideOffset: 0,
@@ -181782,7 +181782,7 @@ const oHe = ({
       title: "Comments",
       content: /* @__PURE__ */ F.jsxs(Et.Fragment, { children: [
         /* @__PURE__ */ F.jsx("div", { className: "absolute -top-[2px] right-10 p-3", children: /* @__PURE__ */ F.jsx(
-          ln,
+          on,
           {
             text: a ? "Hide resolved" : "Show resolved",
             sideOffset: 0,
@@ -182284,7 +182284,7 @@ const bHe = [
         ref: (g) => {
           l.current = g;
         },
-        children: /* @__PURE__ */ F.jsx(ln, { position: "top", text: "Choose emoji", children: /* @__PURE__ */ F.jsx(
+        children: /* @__PURE__ */ F.jsx(on, { position: "top", text: "Choose emoji", children: /* @__PURE__ */ F.jsx(
           Ue,
           {
             onClick: () => {
@@ -182680,14 +182680,14 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
               },
               className: "h-[24px] px-[6px]  py-0 rounded-[6px] text-heading-xsm  border-transparent focus-visible:ring-2 focus-visible:ring-[hsl(var(--color-border-focused))]"
             }
-          ) : /* @__PURE__ */ F.jsx(
+          ) : /* @__PURE__ */ F.jsx("div", { className: "min-w-0 flex [&>*]:w-full", children: /* @__PURE__ */ F.jsx(on, { text: _, position: "bottom", children: /* @__PURE__ */ F.jsx(
             "span",
             {
               "data-testid": `tab-name-${e}`,
-              className: "text-heading-xsm color-text-default flex-1 truncate select-none",
+              className: "block w-full truncate select-none text-heading-xsm color-text-default",
               children: _
             }
-          )
+          ) }) })
         ] }),
         !y && /* @__PURE__ */ F.jsxs("div", { className: "flex gap-[8px] items-center", children: [
           r > 0 && /* @__PURE__ */ F.jsx("span", { className: "h-[18px] color-text-default text-[12px] text-helper-text-bold rounded-full min-w-[18px] text-center color-bg-tertiary", children: r }),
@@ -182750,7 +182750,7 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       onMouseEnter: () => n(!0),
       onMouseLeave: () => n(!1),
       className: "[&_[data-testid='tooltip-trigger']]:w-full [&_[data-testid='tooltip-trigger']]:block",
-      children: /* @__PURE__ */ F.jsx(ln, { text: e.tooltipText, position: "top", open: t, children: o })
+      children: /* @__PURE__ */ F.jsx(on, { text: e.tooltipText, position: "top", open: t, children: o })
     }
   ) : o;
 }, yJ = ({
@@ -182956,7 +182956,7 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                   ),
                   children: [
                     /* @__PURE__ */ F.jsx(
-                      ln,
+                      on,
                       {
                         text: r ? "Hide tabs and outlines" : "Show tabs and outlines",
                         position: "right",
@@ -183583,7 +183583,7 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       ),
       children: [
         /* @__PURE__ */ F.jsx(
-          ln,
+          on,
           {
             text: o ? "Hide document outline" : "Show document outline",
             position: "right",
@@ -183981,25 +183981,25 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         return { canvas: void 0, background: void 0 };
       const At = {}, Dt = {}, jt = De ?? "light";
       if (Ae.canvasBackground) {
-        const sn = gd(
+        const an = gd(
           Ae.canvasBackground,
           jt
         );
-        At.backgroundColor = sn;
+        At.backgroundColor = an;
       }
       if (Ae.textColor) {
-        const sn = B7(
+        const an = B7(
           Ae.textColor,
           jt
         );
-        sn && (At.color = sn);
+        an && (At.color = an);
       }
       if (Ae.fontFamily && (At.fontFamily = Ae.fontFamily), Ae.background) {
-        const sn = gd(
+        const an = gd(
           Ae.background,
           jt
         );
-        Dt.background = sn;
+        Dt.background = an;
       }
       return {
         canvas: Object.keys(At).length > 0 ? At : void 0,
@@ -184012,8 +184012,8 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         };
       const At = (Ae == null ? void 0 : Ae.orientation) === "landscape" ? "landscape" : "portrait", Dt = OHe[At][_];
       if (!Dt) return {};
-      const jt = {}, sn = MHe[At];
-      return typeof Dt.width == "number" ? (jt.width = `${Dt.width}px`, jt.maxWidth = `${Dt.width}px`) : (jt.width = sn.zoomFitWidth, jt.maxWidth = `${sn.zoomFitMaxWidth}px`), Dt.minHeight && (jt.minHeight = Dt.minHeight), jt;
+      const jt = {}, an = MHe[At];
+      return typeof Dt.width == "number" ? (jt.width = `${Dt.width}px`, jt.maxWidth = `${Dt.width}px`) : (jt.width = an.zoomFitWidth, jt.maxWidth = `${an.zoomFitMaxWidth}px`), Dt.minHeight && (jt.minHeight = Dt.minHeight), jt;
     }, wn = Ve(null), $n = Rn("(min-width: 1500px)"), Fe = Rn("(min-width: 3000px)"), Ie = Rn("(min-width: 1600px)"), rt = Rn("(min-width: 1360px)"), { isNativeMobile: dt, isIOS: Qt } = _l(), [tn, Rt] = Be(!1), Ot = Ve(null), br = (v == null ? void 0 : v.slice(0, 4)) || [], Qe = v ? Math.max(0, v.length - 4) : 0;
     R1(Ot, () => {
       Rt(!1);
@@ -184107,8 +184107,8 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
           if (fe) {
             const Dt = await fe.commands.exportMarkdownFile();
             if (Dt) {
-              const jt = Dt, sn = document.createElement("a");
-              sn.href = jt, sn.download = At, document.body.appendChild(sn), sn.click(), document.body.removeChild(sn), URL.revokeObjectURL(jt);
+              const jt = Dt, an = document.createElement("a");
+              an.href = jt, an.download = At, document.body.appendChild(an), an.click(), document.body.removeChild(an), URL.revokeObjectURL(jt);
             }
           }
         },
@@ -184117,10 +184117,10 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
           status: Dt
         }) => {
           if (!fe) throw new Error("cannot update node without editor");
-          fe.commands.command(({ tr: jt, state: sn, dispatch: Is }) => {
-            const { doc: an } = sn;
+          fe.commands.command(({ tr: jt, state: an, dispatch: Is }) => {
+            const { doc: ln } = an;
             let oc = !1;
-            return an.descendants((ic, X3) => {
+            return ln.descendants((ic, X3) => {
               if (ic.type.name === "reminderBlock" && ic.attrs.reminder.id === At)
                 return Dt === "cancelled" ? jt.delete(X3, X3 + ic.nodeSize) : jt.setNodeMarkup(X3, void 0, {
                   ...ic.attrs,
@@ -184137,12 +184137,12 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
             console.debug("collab: cannot find editor or awareness");
             return;
           }
-          const Dt = Zt.getLocalState(), jt = Dt == null ? void 0 : Dt.user, sn = {
+          const Dt = Zt.getLocalState(), jt = Dt == null ? void 0 : Dt.user, an = {
             name: At,
             color: jt == null ? void 0 : jt.color,
             isEns: jt == null ? void 0 : jt.isEns
           };
-          Zt.setLocalStateField("user", sn), fe.setEditable(!0);
+          Zt.setLocalStateField("user", an), fe.setEditable(!0);
         },
         exportCurrentTabOrOpenExportModal: (At = "pdf", Dt) => {
           var jt;
@@ -184158,16 +184158,16 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         if (Dt.length >= 6)
           return Dt;
         const jt = At.name.split(",").map((Is) => {
-          const an = Is.trim();
+          const ln = Is.trim();
           return (x == null ? void 0 : x.find(
-            (ic) => ic.name.toLowerCase() === an.toLowerCase()
-          )) || { name: an, color: At.color };
-        }), sn = [...Dt];
+            (ic) => ic.name.toLowerCase() === ln.toLowerCase()
+          )) || { name: ln, color: At.color };
+        }), an = [...Dt];
         return jt.forEach((Is) => {
-          sn.some(
-            (an) => an.name.toLowerCase() === Is.name.toLowerCase()
-          ) || sn.push(Is);
-        }), sn.slice(0, 6);
+          an.some(
+            (ln) => ln.name.toLowerCase() === Is.name.toLowerCase()
+          ) || an.push(Is);
+        }), an.slice(0, 6);
       });
     }, nC = (At) => {
       k == null || k(
@@ -184175,18 +184175,18 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       );
     }, jJ = () => {
       N == null || N(!1);
-      const At = new URL(window.location.href), Dt = At.hash, [jt, sn] = Dt.split("&");
-      sn && sn.startsWith("slides=") && (At.hash = jt, window.history.replaceState({}, "", At.toString()));
+      const At = new URL(window.location.href), Dt = At.hash, [jt, an] = Dt.split("&");
+      an && an.startsWith("slides=") && (At.hash = jt, window.history.replaceState({}, "", At.toString()));
     };
     Re(() => {
       if (fe && dt) {
         const { selection: At } = fe.state, Dt = zy(At), jt = () => {
           Ke(!0);
-        }, sn = () => {
+        }, an = () => {
           Ke(!1);
         };
-        return !Dt && fe.on("focus", jt), Dt && fe.on("blur", sn), () => {
-          fe.off("focus", jt), fe.off("blur", sn);
+        return !Dt && fe.on("focus", jt), Dt && fe.on("blur", an), () => {
+          fe.off("focus", jt), fe.off("blur", an);
         };
       }
     }, [dt, fe]), Re(() => {
@@ -184226,7 +184226,7 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       },
       {}
     ), [ce]), oC = () => {
-      var jt, sn, Is;
+      var jt, an, Is;
       const At = Eg.length > 0 || Hh.length > 0 && !((jt = Pe.versionHistoryState) != null && jt.enabled), Dt = be && !dt && _ === "1" && (Ae == null ? void 0 : Ae.orientation) === "landscape" && rt && !Ie;
       return /* @__PURE__ */ F.jsx(fh, { children: /* @__PURE__ */ F.jsxs(F.Fragment, { children: [
         !e && /* @__PURE__ */ F.jsx(
@@ -184262,8 +184262,8 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                 isConnected: ue,
                 tabs: Eg,
                 ydoc: $t,
-                onRegisterExportTrigger: (an) => {
-                  Gt.current = an;
+                onRegisterExportTrigger: (ln) => {
+                  Gt.current = ln;
                 }
               }
             ) })
@@ -184275,8 +184275,8 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
             editor: fe,
             ydoc: $t,
             tabs: Eg,
-            onRegisterExportTrigger: (an) => {
-              Gt.current = an;
+            onRegisterExportTrigger: (ln) => {
+              Gt.current = ln;
             },
             onError: m,
             ipfsImageUploadFn: f,
@@ -184413,9 +184413,9 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                           ipfsImageFetchFn: Te,
                           fetchV1ImageFn: Ne,
                           ipfsImageUploadFn: f,
-                          onReminderCreate: (Is = (sn = Ce == null ? void 0 : Ce.find(
-                            (an) => an.name === "reminderBlock"
-                          )) == null ? void 0 : sn.options) == null ? void 0 : Is.onReminderCreate,
+                          onReminderCreate: (Is = (an = Ce == null ? void 0 : Ce.find(
+                            (ln) => ln.name === "reminderBlock"
+                          )) == null ? void 0 : an.options) == null ? void 0 : Is.onReminderCreate,
                           isConnected: ue,
                           isCollabDocOwner: n != null && n.enabled ? n.connection.isOwner : !0,
                           enableCollaboration: n == null ? void 0 : n.enabled
@@ -184455,14 +184455,14 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                                 style: bn()
                               },
                               children: [
-                                br.map((an, oc) => /* @__PURE__ */ F.jsx(
+                                br.map((ln, oc) => /* @__PURE__ */ F.jsx(
                                   E2,
                                   {
-                                    style: { backgroundColor: an == null ? void 0 : an.color },
-                                    onRemove: () => nC(an == null ? void 0 : an.name),
+                                    style: { backgroundColor: ln == null ? void 0 : ln.color },
+                                    onRemove: () => nC(ln == null ? void 0 : ln.name),
                                     isRemovable: !e,
                                     className: "!h-6 rounded",
-                                    children: an == null ? void 0 : an.name
+                                    children: ln == null ? void 0 : ln.name
                                   },
                                   oc
                                 )),
@@ -184486,14 +184486,14 @@ const CHe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                                     exit: { opacity: 0, height: 0 },
                                     transition: { duration: 0.3 },
                                     className: "flex flex-wrap items-center gap-1",
-                                    children: v == null ? void 0 : v.slice(4).map((an, oc) => /* @__PURE__ */ F.jsx(
+                                    children: v == null ? void 0 : v.slice(4).map((ln, oc) => /* @__PURE__ */ F.jsx(
                                       E2,
                                       {
-                                        style: { backgroundColor: an == null ? void 0 : an.color },
-                                        onRemove: () => nC(an == null ? void 0 : an.name),
+                                        style: { backgroundColor: ln == null ? void 0 : ln.color },
+                                        onRemove: () => nC(ln == null ? void 0 : ln.name),
                                         isRemovable: !e,
                                         className: "!h-6 rounded",
-                                        children: an == null ? void 0 : an.name
+                                        children: ln == null ? void 0 : ln.name
                                       },
                                       oc + 4
                                     ))
@@ -185391,7 +185391,7 @@ const ZO = (e) => {
                 children: [
                   /* @__PURE__ */ F.jsxs("div", { className: "flex-1 flex items-center gap-1 max-w-[200px] min-w-max", children: [
                     r.status === "pending" ? /* @__PURE__ */ F.jsx(
-                      ln,
+                      on,
                       {
                         text: /* @__PURE__ */ F.jsxs("div", { className: "flex flex-col items-center gap-1", children: [
                           /* @__PURE__ */ F.jsx("p", { className: "text-body-sm", children: "Uploading on-chain" }),