@fileverse-dev/ddoc 2.0.3-patch-5 → 2.0.3-patch-7

package/dist/index.es.js

@@ -15412,7 +15412,7 @@ var RB = { exports: {} };
   })();
 })(RB);
 var Poe = RB.exports;
-const Vt = /* @__PURE__ */ Wm(Poe);
+const _t = /* @__PURE__ */ Wm(Poe);
 var $4 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Ooe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -76865,10 +76865,10 @@ const hHe = ({
       isActive: () => t.isActive("blockquote")
     },
     {
-      name: "Code",
-      icon: "Code",
-      command: () => t.chain().focus().toggleCode().run(),
-      isActive: () => t.isActive("code")
+      name: "Code Block",
+      icon: "Braces",
+      command: () => t.chain().focus().toggleCodeBlock().run(),
+      isActive: () => t.isActive("codeBlock")
     }
   ], r = n.filter((i) => i.isActive()).pop() ?? {
     name: "Multiple"
@@ -76898,7 +76898,7 @@ const hHe = ({
               onClick: () => {
                 i.command();
               },
-              className: Vt(
+              className: _t(
                 "flex items-center justify-between rounded-sm px-2 py-1 text-sm text-stone-600 hover:bg-stone-100",
                 {
                   "text-blue-600": i.isActive()
@@ -77011,7 +77011,7 @@ const bHe = async (t) => {
   /* @__PURE__ */ _.jsx(
     "div",
     {
-      className: Vt(
+      className: _t(
         "flex flex-col gap-4 w-full h-full pb-4 text-base text-black",
         n
       ),
@@ -78321,7 +78321,7 @@ const AZ = on(
           {
             ref: s,
             onKeyDownCapture: v,
-            className: Vt("relative", i),
+            className: _t("relative", i),
             role: "region",
             "aria-roledescription": "carousel",
             ...o,
@@ -78339,7 +78339,7 @@ const SZ = on(({ className: t, ...e }, n) => {
     "div",
     {
       ref: n,
-      className: Vt(
+      className: _t(
         "flex",
         i === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
         t
@@ -78358,7 +78358,7 @@ const rk = on(
         ref: n,
         role: "group",
         "aria-roledescription": "slide",
-        className: Vt(
+        className: _t(
           "min-w-0 shrink-0 grow-0 basis-full",
           r === "horizontal" ? "pl-4" : "pt-4",
           t
@@ -78388,7 +78388,7 @@ const EZ = on(({ index: t, className: e, ...n }, r) => {
     "button",
     {
       ref: r,
-      className: Vt(
+      className: _t(
         "w-2 h-2 transition-colors duration-200 rounded-full",
         f ? "bg-black" : "bg-[#E8EBEC] hover:bg-black/50",
         e
@@ -78405,7 +78405,7 @@ const eVe = Ae.forwardRef(({ className: t, ...e }, n) => {
     "button",
     {
       ref: n,
-      className: Vt(
+      className: _t(
         "btn bg-white hover:bg-[#F2F4F5] transition text-black flex items-center border-2 rounded h-9 px-4 py-2 text-sm font-medium disabled:bg-[#E8EBEC] disabled:text-[#A1AAB1]",
         t
       ),
@@ -78423,7 +78423,7 @@ const tVe = Ae.forwardRef(({ className: t, ...e }, n) => {
     "button",
     {
       ref: n,
-      className: Vt(
+      className: _t(
         "btn bg-black hover:bg-black text-white flex items-center border-2 rounded h-9 px-4 py-2 text-sm font-medium disabled:bg-[#E8EBEC] disabled:text-[#A1AAB1]",
         t
       ),
@@ -78912,7 +78912,7 @@ const F3 = [
           onClick: () => {
             t.chain().focus().toggleHighlight({ color: r.color }).run(), e(Mt.NONE);
           },
-          className: Vt(
+          className: _t(
             "w-5 rounded-full flex items-center justify-center cursor-pointer ease-in duration-200 hover:scale-[1.05] h-5",
             r.code
           ),
@@ -78920,7 +78920,7 @@ const F3 = [
             $e,
             {
               name: "Check",
-              className: Vt(
+              className: _t(
                 "w-[14px] aspect-square",
                 t.isActive("textStyle", {
                   color: r.color
@@ -78955,7 +78955,7 @@ const F3 = [
   "div",
   {
     ref: t,
-    className: Vt(
+    className: _t(
       "z-50 h-auto max-h-[330px] w-48 overflow-y-auto scroll-smooth bg-white px-1 py-2 shadow-elevation-1 transition-all rounded"
     ),
     children: TZ.map((r) => /* @__PURE__ */ _.jsx(
@@ -78967,7 +78967,7 @@ const F3 = [
         style: {
           fontFamily: r.title
         },
-        className: Vt(
+        className: _t(
           "flex w-full items-center space-x-2 rounded px-2 py-1 text-left text-sm text-black transition",
           e.isActive("textStyle", { fontFamily: r.value }) ? "bg-yellow-300 hover:brightness-90" : "hover:bg-[#f2f2f2]"
         ),
@@ -78992,7 +78992,7 @@ const F3 = [
           onClick: () => {
             e == null || e.chain().focus().setTextAlign("left").run(), n(Mt.NONE);
           },
-          className: Vt(
+          className: _t(
             "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
             e.isActive({ textAlign: "left" }) ? "bg-yellow-300 hover:brightness-90" : "hover:bg-[#f2f2f2]"
           ),
@@ -79005,7 +79005,7 @@ const F3 = [
           onClick: () => {
             e == null || e.chain().focus().setTextAlign("center").run(), n(Mt.NONE);
           },
-          className: Vt(
+          className: _t(
             "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
             e.isActive({ textAlign: "center" }) ? "bg-yellow-300 hover:brightness-90" : "hover:bg-[#f2f2f2]"
           ),
@@ -79018,7 +79018,7 @@ const F3 = [
           onClick: () => {
             e == null || e.chain().focus().setTextAlign("right").run(), n(Mt.NONE);
           },
-          className: Vt(
+          className: _t(
             "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
             e.isActive({ textAlign: "right" }) ? "bg-yellow-300 hover:brightness-90" : "hover:bg-[#f2f2f2]"
           ),
@@ -79136,7 +79136,7 @@ const F3 = [
           onClick: () => {
             t.chain().focus().setColor(r.color).run(), e(Mt.NONE);
           },
-          className: Vt(
+          className: _t(
             "w-5 rounded-full flex justify-center items-center cursor-pointer ease-in duration-200 hover:scale-[1.05] h-5",
             r.code
           ),
@@ -79144,7 +79144,7 @@ const F3 = [
             $e,
             {
               name: "Check",
-              className: Vt(
+              className: _t(
                 "w-[14px] aspect-square",
                 t.isActive("textStyle", {
                   color: r.color
@@ -79216,7 +79216,7 @@ const F3 = [
     "div",
     {
       ref: n,
-      className: Vt(
+      className: _t(
         "z-50 flex w-48 flex-col overflow-hidden rounded bg-white p-1 shadow-elevation-1"
       ),
       children: r.map((i) => /* @__PURE__ */ _.jsxs(
@@ -79225,7 +79225,7 @@ const F3 = [
           onClick: () => {
             i.command(t), e(Mt.NONE);
           },
-          className: Vt(
+          className: _t(
             "flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm text-black transition",
             {
               "bg-yellow-300 hover:brightness-90": i.isActive(),
@@ -79406,7 +79406,7 @@ const F3 = [
           "button",
           {
             onClick: () => l.command(t),
-            className: Vt(
+            className: _t(
               "flex w-fit items-center font-medium space-x-2 rounded p-2 text-center text-sm text-black transition",
               {
                 "bg-yellow-300 hover:brightness-90": l.isActive(),
@@ -79422,7 +79422,7 @@ const F3 = [
             "button",
             {
               onClick: () => l.command(t),
-              className: Vt(
+              className: _t(
                 "flex items-center space-x-2 rounded px-4 py-1 text-black transition h-9",
                 {
                   "bg-yellow-300 hover:brightness-90": l.isActive(),
@@ -79437,7 +79437,7 @@ const F3 = [
             "button",
             {
               onClick: () => l.command(t),
-              className: Vt(
+              className: _t(
                 "flex items-center space-x-2 rounded px-4 py-1 text-black transition h-9",
                 {
                   "bg-yellow-300 hover:brightness-90": l.isActive(),
@@ -79454,7 +79454,7 @@ const F3 = [
             "button",
             {
               onClick: () => l.command(t),
-              className: Vt(
+              className: _t(
                 "flex items-center space-x-2 rounded px-4 py-1 text-black transition h-9",
                 {
                   "bg-yellow-300 hover:brightness-90": l.isActive(),
@@ -79469,7 +79469,7 @@ const F3 = [
             "button",
             {
               onClick: () => l.command(t),
-              className: Vt(
+              className: _t(
                 "flex items-center space-x-2 rounded px-4 py-1 text-black transition h-9",
                 {
                   "bg-yellow-300 hover:brightness-90": l.isActive(),
@@ -79485,7 +79485,7 @@ const F3 = [
           "button",
           {
             onClick: () => l.command(t),
-            className: Vt(
+            className: _t(
               "flex items-center space-x-2 rounded px-4 py-1 text-black transition h-9",
               {
                 "bg-yellow-300 hover:brightness-90": l.isActive(),
@@ -79545,7 +79545,7 @@ const F3 = [
                           onClick: () => {
                             t.chain().setColor(l.color).run();
                           },
-                          className: Vt(
+                          className: _t(
                             "w-6 h-6 mb-1 drop-shadow rounded-full flex justify-center items-center cursor-pointer transition",
                             l.code
                           ),
@@ -79553,7 +79553,7 @@ const F3 = [
                             $e,
                             {
                               name: "Check",
-                              className: Vt(
+                              className: _t(
                                 "w-[14px] aspect-square",
                                 t.isActive("textStyle", {
                                   color: l.color
@@ -79646,10 +79646,10 @@ const F3 = [
       icon: "AlignLeft"
     },
     {
-      name: "Code Block",
-      isActive: () => t.editor.isActive("codeBlock"),
-      command: () => t.editor.chain().focus().toggleCodeBlock().run(),
-      icon: "Braces"
+      name: "Code",
+      isActive: () => t.editor.isActive("code"),
+      command: () => t.editor.chain().focus().toggleCode().run(),
+      icon: "Code"
     },
     {
       name: "Link",
@@ -80017,7 +80017,7 @@ const V3 = jt.create({
   return c;
 }, LA = on(
   ({ children: t, className: e, withShadow: n = !0, withBorder: r = !1, ...i }, a) => {
-    const o = Vt(
+    const o = _t(
       e,
       "bg-white rounded",
       n ? "shadow-lg" : "",
@@ -80035,7 +80035,7 @@ const zZ = on(
     className: r,
     ...i
   }, a) => {
-    const o = Vt(
+    const o = _t(
       "text-black inline-flex h-full leading-none gap-0.5",
       n ? "flex-col p-2" : "flex-row p-1 items-center",
       r
@@ -80046,7 +80046,7 @@ const zZ = on(
 zZ.displayName = "Toolbar";
 const BZ = on(
   ({ horizontal: t, className: e, ...n }, r) => {
-    const i = Vt(
+    const i = _t(
       "bg-neutral-200",
       t ? "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",
       e
@@ -92327,7 +92327,7 @@ Ri.prototype = {
     return i.j[t] = o, o;
   }
 };
-const Ft = (t, e, n, r, i) => t.ta(e, n, r, i), Sa = (t, e, n, r, i) => t.tr(e, n, r, i), Wj = (t, e, n, r, i) => t.ts(e, n, r, i), Ye = (t, e, n, r, i) => t.tt(e, n, r, i), Vs = "WORD", Lk = "UWORD", fm = "LOCALHOST", Tk = "TLD", Nk = "UTLD", Og = "SCHEME", wf = "SLASH_SCHEME", sS = "NUM", MQ = "WS", lS = "NL", up = "OPENBRACE", fp = "CLOSEBRACE", i6 = "OPENBRACKET", a6 = "CLOSEBRACKET", o6 = "OPENPAREN", s6 = "CLOSEPAREN", l6 = "OPENANGLEBRACKET", c6 = "CLOSEANGLEBRACKET", u6 = "FULLWIDTHLEFTPAREN", f6 = "FULLWIDTHRIGHTPAREN", d6 = "LEFTCORNERBRACKET", h6 = "RIGHTCORNERBRACKET", p6 = "LEFTWHITECORNERBRACKET", m6 = "RIGHTWHITECORNERBRACKET", y6 = "FULLWIDTHLESSTHAN", g6 = "FULLWIDTHGREATERTHAN", v6 = "AMPERSAND", b6 = "APOSTROPHE", w6 = "ASTERISK", mc = "AT", k6 = "BACKSLASH", x6 = "BACKTICK", M6 = "CARET", bc = "COLON", cS = "COMMA", C6 = "DOLLAR", qo = "DOT", A6 = "EQUALS", uS = "EXCLAMATION", Go = "HYPHEN", S6 = "PERCENT", E6 = "PIPE", L6 = "PLUS", T6 = "POUND", N6 = "QUERY", fS = "QUOTE", dS = "SEMI", Zo = "SLASH", dp = "TILDE", D6 = "UNDERSCORE", CQ = "EMOJI", j6 = "SYM";
+const Ht = (t, e, n, r, i) => t.ta(e, n, r, i), Sa = (t, e, n, r, i) => t.tr(e, n, r, i), Wj = (t, e, n, r, i) => t.ts(e, n, r, i), Ye = (t, e, n, r, i) => t.tt(e, n, r, i), Vs = "WORD", Lk = "UWORD", fm = "LOCALHOST", Tk = "TLD", Nk = "UTLD", Og = "SCHEME", wf = "SLASH_SCHEME", sS = "NUM", MQ = "WS", lS = "NL", up = "OPENBRACE", fp = "CLOSEBRACE", i6 = "OPENBRACKET", a6 = "CLOSEBRACKET", o6 = "OPENPAREN", s6 = "CLOSEPAREN", l6 = "OPENANGLEBRACKET", c6 = "CLOSEANGLEBRACKET", u6 = "FULLWIDTHLEFTPAREN", f6 = "FULLWIDTHRIGHTPAREN", d6 = "LEFTCORNERBRACKET", h6 = "RIGHTCORNERBRACKET", p6 = "LEFTWHITECORNERBRACKET", m6 = "RIGHTWHITECORNERBRACKET", y6 = "FULLWIDTHLESSTHAN", g6 = "FULLWIDTHGREATERTHAN", v6 = "AMPERSAND", b6 = "APOSTROPHE", w6 = "ASTERISK", mc = "AT", k6 = "BACKSLASH", x6 = "BACKTICK", M6 = "CARET", bc = "COLON", cS = "COMMA", C6 = "DOLLAR", qo = "DOT", A6 = "EQUALS", uS = "EXCLAMATION", Go = "HYPHEN", S6 = "PERCENT", E6 = "PIPE", L6 = "PLUS", T6 = "POUND", N6 = "QUERY", fS = "QUOTE", dS = "SEMI", Zo = "SLASH", dp = "TILDE", D6 = "UNDERSCORE", CQ = "EMOJI", j6 = "SYM";
 var AQ = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   WORD: Vs,
@@ -92744,33 +92744,33 @@ function uWe(t) {
     groups: e
   } = t;
   const n = e.domain.concat([v6, w6, mc, k6, x6, M6, C6, A6, Go, sS, S6, E6, L6, T6, Zo, j6, dp, D6]), r = [b6, bc, cS, qo, uS, N6, fS, dS, l6, c6, up, fp, a6, i6, o6, s6, u6, f6, d6, h6, p6, m6, y6, g6], i = [v6, b6, w6, k6, x6, M6, C6, A6, Go, up, fp, S6, E6, L6, T6, N6, Zo, j6, dp, D6], a = Ea(), o = Ye(a, dp);
-  Ft(o, i, o), Ft(o, e.domain, o);
+  Ht(o, i, o), Ht(o, e.domain, o);
   const s = Ea(), l = Ea(), c = Ea();
-  Ft(a, e.domain, s), Ft(a, e.scheme, l), Ft(a, e.slashscheme, c), Ft(s, i, o), Ft(s, e.domain, s);
+  Ht(a, e.domain, s), Ht(a, e.scheme, l), Ht(a, e.slashscheme, c), Ht(s, i, o), Ht(s, e.domain, s);
   const u = Ye(s, mc);
   Ye(o, mc, u), Ye(l, mc, u), Ye(c, mc, u);
   const f = Ye(o, qo);
-  Ft(f, i, o), Ft(f, e.domain, o);
+  Ht(f, i, o), Ht(f, e.domain, o);
   const d = Ea();
-  Ft(u, e.domain, d), Ft(d, e.domain, d);
+  Ht(u, e.domain, d), Ht(d, e.domain, d);
   const h = Ye(d, qo);
-  Ft(h, e.domain, d);
+  Ht(h, e.domain, d);
   const p = Ea($j);
-  Ft(h, e.tld, p), Ft(h, e.utld, p), Ye(u, fm, p);
+  Ht(h, e.tld, p), Ht(h, e.utld, p), Ye(u, fm, p);
   const m = Ye(d, Go);
-  Ft(m, e.domain, d), Ft(p, e.domain, d), Ye(p, qo, h), Ye(p, Go, m);
+  Ht(m, e.domain, d), Ht(p, e.domain, d), Ye(p, qo, h), Ye(p, Go, m);
   const g = Ye(p, bc);
-  Ft(g, e.numeric, $j);
+  Ht(g, e.numeric, $j);
   const v = Ye(s, Go), k = Ye(s, qo);
-  Ft(v, e.domain, s), Ft(k, i, o), Ft(k, e.domain, s);
+  Ht(v, e.domain, s), Ht(k, i, o), Ht(k, e.domain, s);
   const b = Ea(Ny);
-  Ft(k, e.tld, b), Ft(k, e.utld, b), Ft(b, e.domain, s), Ft(b, i, o), Ye(b, qo, k), Ye(b, Go, v), Ye(b, mc, u);
+  Ht(k, e.tld, b), Ht(k, e.utld, b), Ht(b, e.domain, s), Ht(b, i, o), Ye(b, qo, k), Ye(b, Go, v), Ye(b, mc, u);
   const w = Ye(b, bc), x = Ea(Ny);
-  Ft(w, e.numeric, x);
+  Ht(w, e.numeric, x);
   const S = Ea(Ny), L = Ea();
-  Ft(S, n, S), Ft(S, r, L), Ft(L, n, S), Ft(L, r, L), Ye(b, Zo, S), Ye(x, Zo, S);
+  Ht(S, n, S), Ht(S, r, L), Ht(L, n, S), Ht(L, r, L), Ye(b, Zo, S), Ye(x, Zo, S);
   const E = Ye(l, bc), D = Ye(c, bc), I = Ye(D, Zo), P = Ye(I, Zo);
-  Ft(l, e.domain, s), Ye(l, qo, k), Ye(l, Go, v), Ft(c, e.domain, s), Ye(c, qo, k), Ye(c, Go, v), Ft(E, e.domain, S), Ye(E, Zo, S), Ft(P, e.domain, S), Ft(P, n, S), Ye(P, Zo, S);
+  Ht(l, e.domain, s), Ye(l, qo, k), Ye(l, Go, v), Ht(c, e.domain, s), Ye(c, qo, k), Ye(c, Go, v), Ht(E, e.domain, S), Ye(E, Zo, S), Ht(P, e.domain, S), Ht(P, n, S), Ye(P, Zo, S);
   const F = [
     [up, fp],
     // {}
@@ -92793,9 +92793,9 @@ function uWe(t) {
     const [U, H] = F[G], W = Ye(S, U);
     Ye(L, U, W), Ye(W, H, S);
     const ee = Ea(Ny);
-    Ft(W, n, ee);
+    Ht(W, n, ee);
     const le = Ea();
-    Ft(W, r), Ft(ee, n, ee), Ft(ee, r, le), Ft(le, n, ee), Ft(le, r, le), Ye(ee, H, S), Ye(le, H, S);
+    Ht(W, r), Ht(ee, n, ee), Ht(ee, r, le), Ht(le, n, ee), Ht(le, r, le), Ye(ee, H, S), Ye(le, H, S);
   }
   return Ye(a, fm, b), Ye(a, lS, cWe), {
     start: a,
@@ -93539,7 +93539,7 @@ const TQ = ({
     e4,
     {
       as: "article",
-      className: Vt(
+      className: _t(
         "media-node-view not-prose transition-all ease-in-out w-full",
         E && `f-${t.attrs.dataFloat}`,
         I && `justify-${t.attrs.dataAlign}`
@@ -93571,7 +93571,7 @@ const TQ = ({
           "iframe",
           {
             ref: d,
-            className: Vt(
+            className: _t(
               "rounded-lg max-w-full",
               h && "pointer-events-none"
             ),
@@ -96729,7 +96729,7 @@ const By = ({
   disabled: r,
   className: i
 }) => {
-  const a = Vt(
+  const a = _t(
     "flex items-center gap-2 p-1.5 text-xs font-medium text-neutral-500 text-left w-full rounded-md border border-transparent transition-all",
     !e && !r,
     "hover:border-neutral-200 hover:bg-neutral-100",
@@ -98328,7 +98328,7 @@ const By = ({
     e4,
     {
       as: "div",
-      className: Vt(
+      className: _t(
         "flex gap-2 group w-full relative justify-center items-start",
         s && "pointer-events-none",
         c && "pointer-events-auto"
@@ -98420,7 +98420,7 @@ const By = ({
         /* @__PURE__ */ _.jsx(
           jB,
           {
-            className: Vt("node-view-content w-full relative", {
+            className: _t("node-view-content w-full relative", {
               "is-table": c
             }),
             children: I && !s && NJe(F, G, W, le, U)
@@ -100534,7 +100534,7 @@ const VKe = [
           "label",
           {
             tabIndex: 0,
-            className: Vt("trigger-button", { hidden: o }),
+            className: _t("trigger-button", { hidden: o }),
             contentEditable: !1,
             children: /* @__PURE__ */ _.jsx($e, { name: "Ellipsis", className: "color-text-default", size: "sm" })
           }
@@ -112442,7 +112442,7 @@ var VJ = function(e) {
   mathMLnode: Hit,
   svgSpan: qit
 };
-function _t(t, e) {
+function Ft(t, e) {
   if (!t || t.type !== e)
     throw new Error("Expected node of type " + e + ", but got " + (t ? "node of type " + t.type : String(t)));
   return t;
@@ -112458,7 +112458,7 @@ function r8(t) {
 }
 var WS = (t, e) => {
   var n, r, i;
-  t && t.type === "supsub" ? (r = _t(t.base, "accent"), n = r.base, t.base = n, i = pit(an(t, e)), t.base = r) : (r = _t(t, "accent"), n = r.base);
+  t && t.type === "supsub" ? (r = Ft(t.base, "accent"), n = r.base, t.base = n, i = pit(an(t, e)), t.base = r) : (r = Ft(t, "accent"), n = r.base);
   var a = an(n, e.havingCrampedStyle()), o = r.isShifty && bt.isCharacterBox(n), s = 0;
   if (o) {
     var l = bt.getBaseElem(n), c = an(l, e.havingCrampedStyle());
@@ -113021,8 +113021,8 @@ nt({
   handler(t, e) {
     for (var {
       parser: n
-    } = t, r = _t(e[0], "ordgroup"), i = r.body, a = "", o = 0; o < i.length; o++) {
-      var s = _t(i[o], "textord");
+    } = t, r = Ft(e[0], "ordgroup"), i = r.body, a = "", o = 0; o < i.length; o++) {
+      var s = Ft(i[o], "textord");
       a += s.text;
     }
     var l = parseInt(a), c;
@@ -113055,7 +113055,7 @@ nt({
   handler(t, e) {
     var {
       parser: n
-    } = t, r = _t(e[0], "color-token").color, i = e[1];
+    } = t, r = Ft(e[0], "color-token").color, i = e[1];
     return {
       type: "color",
       mode: n.mode,
@@ -113078,7 +113078,7 @@ nt({
     var {
       parser: n,
       breakOnTokenText: r
-    } = t, i = _t(e[0], "color-token").color;
+    } = t, i = Ft(e[0], "color-token").color;
     n.gullet.macros.set("\\current@color", i);
     var a = n.parseExpression(!0, r);
     return {
@@ -113107,7 +113107,7 @@ nt({
       type: "cr",
       mode: r.mode,
       newLine: a,
-      size: i && _t(i, "size").value
+      size: i && Ft(i, "size").value
     };
   },
   // The following builders are called only at the top level,
@@ -113168,7 +113168,7 @@ nt({
     e.consumeSpaces();
     var r = e.fetch();
     if (rx[r.text])
-      return (n === "\\global" || n === "\\\\globallong") && (r.text = rx[r.text]), _t(e.parseFunction(), "internal");
+      return (n === "\\global" || n === "\\\\globallong") && (r.text = rx[r.text]), Ft(e.parseFunction(), "internal");
     throw new Ue("Invalid token after macro prefix", r);
   }
 });
@@ -113608,7 +113608,7 @@ nt({
     ++r.leftrightDepth;
     var i = r.parseExpression(!1);
     --r.leftrightDepth, r.expect("\\right", !1);
-    var a = _t(r.parseFunction(), "leftright-right");
+    var a = Ft(r.parseFunction(), "leftright-right");
     return {
       type: "leftright",
       mode: r.mode,
@@ -113810,7 +113810,7 @@ nt({
     var {
       parser: r,
       funcName: i
-    } = t, a = _t(e[0], "color-token").color, o = e[1];
+    } = t, a = Ft(e[0], "color-token").color, o = e[1];
     return {
       type: "enclose",
       mode: r.mode,
@@ -113834,7 +113834,7 @@ nt({
     var {
       parser: r,
       funcName: i
-    } = t, a = _t(e[0], "color-token").color, o = _t(e[1], "color-token").color, s = e[2];
+    } = t, a = Ft(e[0], "color-token").color, o = Ft(e[1], "color-token").color, s = e[2];
     return {
       type: "enclose",
       mode: r.mode,
@@ -114181,7 +114181,7 @@ var Ps = function(e, n) {
   };
   if (n[0] && n[0].type === "ordgroup") {
     for (var u = "", f = 0; f < n[0].body.length; f++) {
-      var d = _t(n[0].body[f], "textord");
+      var d = Ft(n[0].body[f], "textord");
       u += d.text;
     }
     s = Number(u), l = s * 2;
@@ -114189,7 +114189,7 @@ var Ps = function(e, n) {
   var h = !l;
   o.body.forEach(function(v) {
     for (var k = 1; k < v.length; k += 2) {
-      var b = _t(v[k], "styling"), w = _t(b.body[0], "ordgroup");
+      var b = Ft(v[k], "styling"), w = Ft(b.body[0], "ordgroup");
       w.body.unshift(c);
     }
     if (h)
@@ -114218,7 +114218,7 @@ Rs({
     numArgs: 1
   },
   handler(t, e) {
-    var n = r8(e[0]), r = n ? [e[0]] : _t(e[0], "ordgroup").body, i = r.map(function(o) {
+    var n = r8(e[0]), r = n ? [e[0]] : Ft(e[0], "ordgroup").body, i = r.map(function(o) {
       var s = ZS(o), l = s.text;
       if ("lcr".indexOf(l) !== -1)
         return {
@@ -114318,7 +114318,7 @@ Rs({
     numArgs: 1
   },
   handler(t, e) {
-    var n = r8(e[0]), r = n ? [e[0]] : _t(e[0], "ordgroup").body, i = r.map(function(o) {
+    var n = r8(e[0]), r = n ? [e[0]] : Ft(e[0], "ordgroup").body, i = r.map(function(o) {
       var s = ZS(o), l = s.text;
       if ("lc".indexOf(l) !== -1)
         return {
@@ -114486,7 +114486,7 @@ nt({
     if (i.type !== "ordgroup")
       throw new Ue("Invalid environment name", i);
     for (var a = "", o = 0; o < i.body.length; ++o)
-      a += _t(i.body[o], "textord").text;
+      a += Ft(i.body[o], "textord").text;
     if (r === "\\begin") {
       if (!_R.hasOwnProperty(a))
         throw new Ue("No such environment: " + a, i);
@@ -114499,7 +114499,7 @@ nt({
         parser: n
       }, f = s.handler(u, l, c);
       n.expect("\\end", !1);
-      var d = n.nextToken, h = _t(n.parseFunction(), "environment");
+      var d = n.nextToken, h = Ft(n.parseFunction(), "environment");
       if (h.name !== a)
         throw new Ue("Mismatch: \\begin{" + a + "} matched by \\end{" + h.name + "}", d);
       return f;
@@ -114854,16 +114854,16 @@ nt({
   handler(t, e) {
     var {
       parser: n
-    } = t, r = e[4], i = e[5], a = Q6(e[0]), o = a.type === "atom" && a.family === "open" ? VR(a.text) : null, s = Q6(e[1]), l = s.type === "atom" && s.family === "close" ? VR(s.text) : null, c = _t(e[2], "size"), u, f = null;
+    } = t, r = e[4], i = e[5], a = Q6(e[0]), o = a.type === "atom" && a.family === "open" ? VR(a.text) : null, s = Q6(e[1]), l = s.type === "atom" && s.family === "close" ? VR(s.text) : null, c = Ft(e[2], "size"), u, f = null;
     c.isBlank ? u = !0 : (f = c.value, u = f.number > 0);
     var d = "auto", h = e[3];
     if (h.type === "ordgroup") {
       if (h.body.length > 0) {
-        var p = _t(h.body[0], "textord");
+        var p = Ft(h.body[0], "textord");
         d = HR[Number(p.text)];
       }
     } else
-      h = _t(h, "textord"), d = HR[Number(h.text)];
+      h = Ft(h, "textord"), d = HR[Number(h.text)];
     return {
       type: "genfrac",
       mode: n.mode,
@@ -114898,7 +114898,7 @@ nt({
       type: "infix",
       mode: n.mode,
       replaceWith: "\\\\abovefrac",
-      size: _t(e[0], "size").value,
+      size: Ft(e[0], "size").value,
       token: i
     };
   }
@@ -114914,7 +114914,7 @@ nt({
     var {
       parser: n,
       funcName: r
-    } = t, i = e[0], a = Vrt(_t(e[1], "infix").size), o = e[2], s = a.number > 0;
+    } = t, i = e[0], a = Vrt(Ft(e[1], "infix").size), o = e[2], s = a.number > 0;
     return {
       type: "genfrac",
       mode: n.mode,
@@ -114933,7 +114933,7 @@ nt({
 });
 var fK = (t, e) => {
   var n = e.style, r, i;
-  t.type === "supsub" ? (r = t.sup ? an(t.sup, e.havingStyle(n.sup()), e) : an(t.sub, e.havingStyle(n.sub()), e), i = _t(t.base, "horizBrace")) : i = _t(t, "horizBrace");
+  t.type === "supsub" ? (r = t.sup ? an(t.sup, e.havingStyle(n.sup()), e) : an(t.sub, e.havingStyle(n.sub()), e), i = Ft(t.base, "horizBrace")) : i = Ft(t, "horizBrace");
   var a = an(i.base, e.havingBaseStyle(At.DISPLAY)), o = _l.svgSpan(i, e), s;
   if (i.isOver ? (s = de.makeVList({
     positionType: "firstBaseline",
@@ -115027,7 +115027,7 @@ nt({
   handler: (t, e) => {
     var {
       parser: n
-    } = t, r = e[1], i = _t(e[0], "url").url;
+    } = t, r = e[1], i = Ft(e[0], "url").url;
     return n.settings.isTrusted({
       command: "\\href",
       url: i
@@ -115058,7 +115058,7 @@ nt({
   handler: (t, e) => {
     var {
       parser: n
-    } = t, r = _t(e[0], "url").url;
+    } = t, r = Ft(e[0], "url").url;
     if (!n.settings.isTrusted({
       command: "\\url",
       url: r
@@ -115126,7 +115126,7 @@ nt({
       parser: n,
       funcName: r,
       token: i
-    } = t, a = _t(e[0], "raw").string, o = e[1];
+    } = t, a = Ft(e[0], "raw").string, o = e[1];
     n.settings.strict && n.settings.reportNonstrict("htmlExtension", "HTML extension is disabled on strict mode");
     var s, l = {};
     switch (r) {
@@ -115246,7 +115246,7 @@ nt({
       unit: "em"
     }, s = "";
     if (n[0])
-      for (var l = _t(n[0], "raw").string, c = l.split(","), u = 0; u < c.length; u++) {
+      for (var l = Ft(n[0], "raw").string, c = l.split(","), u = 0; u < c.length; u++) {
         var f = c[u].split("=");
         if (f.length === 2) {
           var d = f[1].trim();
@@ -115268,7 +115268,7 @@ nt({
           }
         }
       }
-    var h = _t(e[0], "url").url;
+    var h = Ft(e[0], "url").url;
     return s === "" && (s = h, s = s.replace(/^.*[\\/]/, ""), s = s.substring(0, s.lastIndexOf("."))), r.settings.isTrusted({
       command: "\\includegraphics",
       url: h
@@ -115318,7 +115318,7 @@ nt({
     var {
       parser: n,
       funcName: r
-    } = t, i = _t(e[0], "size");
+    } = t, i = Ft(e[0], "size");
     if (n.settings.strict) {
       var a = r[1] === "m", o = i.value.unit === "mu";
       a ? (o || n.settings.reportNonstrict("mathVsTextUnits", "LaTeX's " + r + " supports only mu units, " + ("not " + i.value.unit + " units")), n.mode !== "math" && n.settings.reportNonstrict("mathVsTextUnits", "LaTeX's " + r + " works only in math mode")) : o && n.settings.reportNonstrict("mathVsTextUnits", "LaTeX's " + r + " doesn't support mu units");
@@ -115548,7 +115548,7 @@ var dK = (t, e, n, r, i, a, o) => {
   return de.makeSpan(["mop", "op-limits"], g, r);
 }, hK = ["\\smallint"], t2 = (t, e) => {
   var n, r, i = !1, a;
-  t.type === "supsub" ? (n = t.sup, r = t.sub, a = _t(t.base, "op"), i = !0) : a = _t(t, "op");
+  t.type === "supsub" ? (n = t.sup, r = t.sub, a = Ft(t.base, "op"), i = !0) : a = Ft(t, "op");
   var o = e.style, s = !1;
   o.size === At.DISPLAY.size && a.symbol && !bt.contains(hK, a.name) && (s = !0);
   var l;
@@ -115730,7 +115730,7 @@ nt({
 });
 var pK = (t, e) => {
   var n, r, i = !1, a;
-  t.type === "supsub" ? (n = t.sup, r = t.sub, a = _t(t.base, "operatorname"), i = !0) : a = _t(t, "operatorname");
+  t.type === "supsub" ? (n = t.sup, r = t.sub, a = Ft(t.base, "operatorname"), i = !0) : a = Ft(t, "operatorname");
   var o;
   if (a.body.length > 0) {
     for (var s = a.body.map((f) => {
@@ -115952,7 +115952,7 @@ nt({
   handler(t, e) {
     var {
       parser: n
-    } = t, r = _t(e[0], "size").value, i = e[1];
+    } = t, r = Ft(e[0], "size").value, i = e[1];
     return {
       type: "raisebox",
       mode: n.mode,
@@ -116004,11 +116004,11 @@ nt({
   handler(t, e, n) {
     var {
       parser: r
-    } = t, i = n[0], a = _t(e[0], "size"), o = _t(e[1], "size");
+    } = t, i = n[0], a = Ft(e[0], "size"), o = Ft(e[1], "size");
     return {
       type: "rule",
       mode: r.mode,
-      shift: i && _t(i, "size").value,
+      shift: i && Ft(i, "size").value,
       width: a.value,
       height: o.value
     };
@@ -116073,7 +116073,7 @@ nt({
   handler: (t, e, n) => {
     var {
       parser: r
-    } = t, i = !1, a = !1, o = n[0] && _t(n[0], "ordgroup");
+    } = t, i = !1, a = !1, o = n[0] && Ft(n[0], "ordgroup");
     if (o)
       for (var s = "", l = 0; l < o.body.length; ++l) {
         var c = o.body[l];
@@ -121912,7 +121912,7 @@ function Lst(t, e, n, r) {
   const i = (e >>> 0) + (r >>> 0);
   return { h: t + n + (i / 2 ** 32 | 0) | 0, l: i | 0 };
 }
-const Tst = (t, e, n) => (t >>> 0) + (e >>> 0) + (n >>> 0), Nst = (t, e, n, r) => e + n + r + (t / 2 ** 32 | 0) | 0, Dst = (t, e, n, r) => (t >>> 0) + (e >>> 0) + (n >>> 0) + (r >>> 0), jst = (t, e, n, r, i) => e + n + r + i + (t / 2 ** 32 | 0) | 0, Ist = (t, e, n, r, i) => (t >>> 0) + (e >>> 0) + (n >>> 0) + (r >>> 0) + (i >>> 0), Rst = (t, e, n, r, i, a) => e + n + r + i + a + (t / 2 ** 32 | 0) | 0, Ht = {
+const Tst = (t, e, n) => (t >>> 0) + (e >>> 0) + (n >>> 0), Nst = (t, e, n, r) => e + n + r + (t / 2 ** 32 | 0) | 0, Dst = (t, e, n, r) => (t >>> 0) + (e >>> 0) + (n >>> 0) + (r >>> 0), jst = (t, e, n, r, i) => e + n + r + i + (t / 2 ** 32 | 0) | 0, Ist = (t, e, n, r, i) => (t >>> 0) + (e >>> 0) + (n >>> 0) + (r >>> 0) + (i >>> 0), Rst = (t, e, n, r, i, a) => e + n + r + i + a + (t / 2 ** 32 | 0) | 0, Vt = {
   fromBig: KK,
   split: $K,
   toBig: bst,
@@ -121935,7 +121935,7 @@ const Tst = (t, e, n) => (t >>> 0) + (e >>> 0) + (n >>> 0), Nst = (t, e, n, r) =
   add4H: jst,
   add5H: Rst,
   add5L: Ist
-}, [Pst, Ost] = Ht.split([
+}, [Pst, Ost] = Vt.split([
   "0x428a2f98d728ae22",
   "0x7137449123ef65cd",
   "0xb5c0fbcfec4d3b2f",
@@ -122034,17 +122034,17 @@ class zst extends YK {
     for (let b = 0; b < 16; b++, n += 4)
       ic[b] = e.getUint32(n), ac[b] = e.getUint32(n += 4);
     for (let b = 16; b < 80; b++) {
-      const w = ic[b - 15] | 0, x = ac[b - 15] | 0, S = Ht.rotrSH(w, x, 1) ^ Ht.rotrSH(w, x, 8) ^ Ht.shrSH(w, x, 7), L = Ht.rotrSL(w, x, 1) ^ Ht.rotrSL(w, x, 8) ^ Ht.shrSL(w, x, 7), E = ic[b - 2] | 0, D = ac[b - 2] | 0, I = Ht.rotrSH(E, D, 19) ^ Ht.rotrBH(E, D, 61) ^ Ht.shrSH(E, D, 6), P = Ht.rotrSL(E, D, 19) ^ Ht.rotrBL(E, D, 61) ^ Ht.shrSL(E, D, 6), F = Ht.add4L(L, P, ac[b - 7], ac[b - 16]), G = Ht.add4H(F, S, I, ic[b - 7], ic[b - 16]);
+      const w = ic[b - 15] | 0, x = ac[b - 15] | 0, S = Vt.rotrSH(w, x, 1) ^ Vt.rotrSH(w, x, 8) ^ Vt.shrSH(w, x, 7), L = Vt.rotrSL(w, x, 1) ^ Vt.rotrSL(w, x, 8) ^ Vt.shrSL(w, x, 7), E = ic[b - 2] | 0, D = ac[b - 2] | 0, I = Vt.rotrSH(E, D, 19) ^ Vt.rotrBH(E, D, 61) ^ Vt.shrSH(E, D, 6), P = Vt.rotrSL(E, D, 19) ^ Vt.rotrBL(E, D, 61) ^ Vt.shrSL(E, D, 6), F = Vt.add4L(L, P, ac[b - 7], ac[b - 16]), G = Vt.add4H(F, S, I, ic[b - 7], ic[b - 16]);
       ic[b] = G | 0, ac[b] = F | 0;
     }
     let { Ah: r, Al: i, Bh: a, Bl: o, Ch: s, Cl: l, Dh: c, Dl: u, Eh: f, El: d, Fh: h, Fl: p, Gh: m, Gl: g, Hh: v, Hl: k } = this;
     for (let b = 0; b < 80; b++) {
-      const w = Ht.rotrSH(f, d, 14) ^ Ht.rotrSH(f, d, 18) ^ Ht.rotrBH(f, d, 41), x = Ht.rotrSL(f, d, 14) ^ Ht.rotrSL(f, d, 18) ^ Ht.rotrBL(f, d, 41), S = f & h ^ ~f & m, L = d & p ^ ~d & g, E = Ht.add5L(k, x, L, Ost[b], ac[b]), D = Ht.add5H(E, v, w, S, Pst[b], ic[b]), I = E | 0, P = Ht.rotrSH(r, i, 28) ^ Ht.rotrBH(r, i, 34) ^ Ht.rotrBH(r, i, 39), F = Ht.rotrSL(r, i, 28) ^ Ht.rotrBL(r, i, 34) ^ Ht.rotrBL(r, i, 39), G = r & a ^ r & s ^ a & s, U = i & o ^ i & l ^ o & l;
-      v = m | 0, k = g | 0, m = h | 0, g = p | 0, h = f | 0, p = d | 0, { h: f, l: d } = Ht.add(c | 0, u | 0, D | 0, I | 0), c = s | 0, u = l | 0, s = a | 0, l = o | 0, a = r | 0, o = i | 0;
-      const H = Ht.add3L(I, F, U);
-      r = Ht.add3H(H, D, P, G), i = H | 0;
+      const w = Vt.rotrSH(f, d, 14) ^ Vt.rotrSH(f, d, 18) ^ Vt.rotrBH(f, d, 41), x = Vt.rotrSL(f, d, 14) ^ Vt.rotrSL(f, d, 18) ^ Vt.rotrBL(f, d, 41), S = f & h ^ ~f & m, L = d & p ^ ~d & g, E = Vt.add5L(k, x, L, Ost[b], ac[b]), D = Vt.add5H(E, v, w, S, Pst[b], ic[b]), I = E | 0, P = Vt.rotrSH(r, i, 28) ^ Vt.rotrBH(r, i, 34) ^ Vt.rotrBH(r, i, 39), F = Vt.rotrSL(r, i, 28) ^ Vt.rotrBL(r, i, 34) ^ Vt.rotrBL(r, i, 39), G = r & a ^ r & s ^ a & s, U = i & o ^ i & l ^ o & l;
+      v = m | 0, k = g | 0, m = h | 0, g = p | 0, h = f | 0, p = d | 0, { h: f, l: d } = Vt.add(c | 0, u | 0, D | 0, I | 0), c = s | 0, u = l | 0, s = a | 0, l = o | 0, a = r | 0, o = i | 0;
+      const H = Vt.add3L(I, F, U);
+      r = Vt.add3H(H, D, P, G), i = H | 0;
     }
-    ({ h: r, l: i } = Ht.add(this.Ah | 0, this.Al | 0, r | 0, i | 0)), { h: a, l: o } = Ht.add(this.Bh | 0, this.Bl | 0, a | 0, o | 0), { h: s, l } = Ht.add(this.Ch | 0, this.Cl | 0, s | 0, l | 0), { h: c, l: u } = Ht.add(this.Dh | 0, this.Dl | 0, c | 0, u | 0), { h: f, l: d } = Ht.add(this.Eh | 0, this.El | 0, f | 0, d | 0), { h, l: p } = Ht.add(this.Fh | 0, this.Fl | 0, h | 0, p | 0), { h: m, l: g } = Ht.add(this.Gh | 0, this.Gl | 0, m | 0, g | 0), { h: v, l: k } = Ht.add(this.Hh | 0, this.Hl | 0, v | 0, k | 0), this.set(r, i, a, o, s, l, c, u, f, d, h, p, m, g, v, k);
+    ({ h: r, l: i } = Vt.add(this.Ah | 0, this.Al | 0, r | 0, i | 0)), { h: a, l: o } = Vt.add(this.Bh | 0, this.Bl | 0, a | 0, o | 0), { h: s, l } = Vt.add(this.Ch | 0, this.Cl | 0, s | 0, l | 0), { h: c, l: u } = Vt.add(this.Dh | 0, this.Dl | 0, c | 0, u | 0), { h: f, l: d } = Vt.add(this.Eh | 0, this.El | 0, f | 0, d | 0), { h, l: p } = Vt.add(this.Fh | 0, this.Fl | 0, h | 0, p | 0), { h: m, l: g } = Vt.add(this.Gh | 0, this.Gl | 0, m | 0, g | 0), { h: v, l: k } = Vt.add(this.Hh | 0, this.Hl | 0, v | 0, k | 0), this.set(r, i, a, o, s, l, c, u, f, d, h, p, m, g, v, k);
   }
   roundClean() {
     ic.fill(0), ac.fill(0);
@@ -135768,8 +135768,13 @@ const n1t = /* @__PURE__ */ Wm(t1t), r1t = ({
         "nav",
         {
           id: "Navbar",
-          className: "h-14 bg-[#ffffff] py-2 px-3 xl:px-4 flex gap-[40px] items-center justify-between w-screen xl:w-full fixed left-0 top-0 border-b color-border-default z-50 transition-transform duration-300",
-          style: { transform: b ? "translateY(0)" : "translateY(-100%)" },
+          className: _t(
+            "h-14 bg-[#ffffff] py-2 px-4 flex gap-[40px] items-center justify-between w-screen fixed left-0 top-0 border-b color-border-default z-50 transition-transform duration-300",
+            {
+              "translate-y-0": b,
+              "translate-y-[-100%]": !b
+            }
+          ),
           children: a == null ? void 0 : a({ editor: I.getJSON() })
         }
       ),
@@ -135777,10 +135782,10 @@ const n1t = /* @__PURE__ */ Wm(t1t), r1t = ({
         "div",
         {
           id: "toolbar",
-          className: Vt(
-            "z-50 hidden xl:flex items-center justify-center w-full h-[52px] fixed left-0 px-1 bg-[#ffffff] border-b color-border-default transition-transform duration-300 top-14"
+          className: _t(
+            "z-50 hidden xl:flex items-center justify-center w-full h-[52px] fixed left-0 px-1 bg-[#ffffff] border-b color-border-default transition-transform duration-300 top-14",
+            { "translate-y-0": b, "translate-y-[-105%]": !b }
           ),
-          style: { transform: b ? "translateY(0)" : "translateY(-100%)" },
           children: /* @__PURE__ */ _.jsx("div", { className: "justify-center items-center grow relative", children: /* @__PURE__ */ _.jsx(
             bVe,
             {
@@ -135795,11 +135800,12 @@ const n1t = /* @__PURE__ */ Wm(t1t), r1t = ({
       /* @__PURE__ */ _.jsxs(
         "div",
         {
-          className: Vt(
-            "p-4 md:px-[80px] md:mt-12 md:py-[78px] bg-white w-full md:w-[850px] max-w-[850px] mx-auto shadow-elevation-2 rounded",
-            { "mt-0 xl:!mt-6": t },
-            { "pt-20 md:mt-[7.5rem]": b },
-            { "pt-6 md:mt-[4rem]": !b }
+          className: _t(
+            "p-4 md:px-[80px] md:py-[78px] bg-white w-full md:w-[850px] max-w-[850px] mx-auto shadow-elevation-2 rounded",
+            { "mt-0 md:!mt-16": t },
+            { "md:!mt-16": !t },
+            { "pt-20 md:!mt-[7.5rem]": b && !t },
+            { "pt-6 md:!mt-16": !b && !t }
           ),
           style: {
             height: D && !t ? "calc(100vh - 4rem)" : "95vh"
@@ -135834,7 +135840,7 @@ const n1t = /* @__PURE__ */ Wm(t1t), r1t = ({
                   f == null || f(I);
                 },
                 variant: "ghost",
-                className: Vt(
+                className: _t(
                   "absolute w-12 h-12 bg-white rounded-full shadow-xl top-[70px] right-[-23px]"
                 ),
                 children: /* @__PURE__ */ _.jsx($e, { name: "MessageSquareText", size: "sm" })
@@ -135846,7 +135852,7 @@ const n1t = /* @__PURE__ */ Wm(t1t), r1t = ({
       !t && !p && /* @__PURE__ */ _.jsx(
         "div",
         {
-          className: Vt(
+          className: _t(
             "flex xl:hidden items-center w-full h-[52px] absolute left-0 z-10 px-4 bg-[#ffffff] transition-all duration-300 ease-in-out border-b border-color-default",
             x && "hidden",
             { "top-14": b, "top-0": !b }