draftify-react 0.3.0 → 0.3.2

package/dist/draftify-react.es.js

@@ -1,5 +1,5 @@
 import * as fr from "react";
-import Di, { createContext as Ke, useRef as Gt, useLayoutEffect as Ou, useEffect as kt, useId as dr, useContext as At, useInsertionEffect as Fo, useMemo as Ee, useCallback as Do, Children as _u, isValidElement as Vu, useState as nt, Fragment as jo, createElement as Nu, forwardRef as Uu, Component as Bu } from "react";
+import Di, { createContext as Ke, useRef as Gt, useLayoutEffect as Ou, useEffect as It, useId as dr, useContext as St, useInsertionEffect as Fo, useMemo as Ee, useCallback as Do, Children as _u, isValidElement as Vu, useState as et, Fragment as jo, createElement as Nu, forwardRef as Uu, Component as Bu } from "react";
 import { normalizeBlock as Mn, normalizeDocument as Ia, handleCopy as zu, imageToBase64 as $u, modifyCustomBlock as Wu, modifyCodeBlock as Hu, modifyLinkBlock as Yu, modifyVideoBlock as Gu, modifyImageBlock as Ku, modifyTableBlock as Xu, modifyListBlock as qu, modifyQuoteBlock as Qu, modifyParagraphBlock as Zu, modifySubheadingBlock as Ju, modifyHeadingBlock as tf, createCustomBlock as Pr, createCodeBlock as ef, createLinkBlock as nf, createVideoBlock as rf, createImageBlock as af, createTableBlock as sf, createListBlock as of, createQuoteBlock as lf, createParagraphBlock as cf, createSubheadingBlock as uf, createHeadingBlock as ff, handleDownloadJSON as df, exportBlocksToDocx as hf } from "draftify";
 const mf = "_container_1mz3p_3", pf = "_mediaWrapper_1mz3p_19", gf = "_mediaItem_1mz3p_37", yf = "_footerOverlay_1mz3p_49", vf = "_refreshButton_1mz3p_69", bf = "_dropzone_1mz3p_95", xf = "_uploadLabel_1mz3p_111", wf = "_uploadIconCircle_1mz3p_135", Af = "_donutContainer_1mz3p_159", Sf = "_donutOuter_1mz3p_175", Tf = "_donutInner_1mz3p_191", jt = {
   container: mf,
@@ -284,7 +284,7 @@ function Li(t) {
   const e = Gt(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const Oi = typeof window < "u", Lo = Oi ? Ou : kt, hr = /* @__PURE__ */ Ke(null);
+const Oi = typeof window < "u", Lo = Oi ? Ou : It, hr = /* @__PURE__ */ Ke(null);
 function _i(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
@@ -463,13 +463,13 @@ function qo(t, e) {
       s[Dn[E]].cancel(S);
   }, state: i, steps: s };
 }
-const { schedule: lt, cancel: ce, state: vt, steps: Cr } = /* @__PURE__ */ qo(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Ot, !0);
+const { schedule: lt, cancel: ce, state: bt, steps: Cr } = /* @__PURE__ */ qo(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Ot, !0);
 let Nn;
 function zf() {
   Nn = void 0;
 }
-const Et = {
-  now: () => (Nn === void 0 && Et.set(vt.isProcessing || ee.useManualTiming ? vt.timestamp : performance.now()), Nn),
+const kt = {
+  now: () => (Nn === void 0 && kt.set(bt.isProcessing || ee.useManualTiming ? bt.timestamp : performance.now()), Nn),
   set: (t) => {
     Nn = t, queueMicrotask(zf);
   }
@@ -601,7 +601,7 @@ function id({ hue: t, saturation: e, lightness: n, alpha: r }) {
 function Gn(t, e) {
   return (n) => n > 0 ? e : t;
 }
-const ut = (t, e, n) => t + (e - t) * n, Ir = (t, e, n) => {
+const ft = (t, e, n) => t + (e - t) * n, Ir = (t, e, n) => {
   const r = t * t, i = n * (e * e - r) + r;
   return i < 0 ? 0 : Math.sqrt(i);
 }, ad = [qr, we, De], sd = (t) => ad.find((e) => e.test(t));
@@ -617,13 +617,13 @@ const Na = (t, e) => {
   if (!n || !r)
     return Gn(t, e);
   const i = { ...n };
-  return (a) => (i.red = Ir(n.red, r.red, a), i.green = Ir(n.green, r.green, a), i.blue = Ir(n.blue, r.blue, a), i.alpha = ut(n.alpha, r.alpha, a), we.transform(i));
+  return (a) => (i.red = Ir(n.red, r.red, a), i.green = Ir(n.green, r.green, a), i.blue = Ir(n.blue, r.blue, a), i.alpha = ft(n.alpha, r.alpha, a), we.transform(i));
 }, Qr = /* @__PURE__ */ new Set(["none", "hidden"]);
 function od(t, e) {
   return Qr.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
 function ld(t, e) {
-  return (n) => ut(t, e, n);
+  return (n) => ft(t, e, n);
 }
 function Gi(t) {
   return typeof t == "number" ? ld : typeof t == "string" ? Wi(t) ? Gn : mt.test(t) ? Na : fd : Array.isArray(t) ? il : typeof t == "object" ? mt.test(t) ? Na : cd : Gn;
@@ -659,7 +659,7 @@ const fd = (t, e) => {
   return r.indexes.var.length === i.indexes.var.length && r.indexes.color.length === i.indexes.color.length && r.indexes.number.length >= i.indexes.number.length ? Qr.has(t) && !i.values.length || Qr.has(e) && !r.values.length ? od(t, e) : An(il(ud(r, i), i.values), n) : (Xe(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), Gn(t, e));
 };
 function al(t, e, n) {
-  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? ut(t, e, n) : Gi(t)(t, e);
+  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? ft(t, e, n) : Gi(t)(t, e);
 }
 const dd = (t) => {
   const e = ({ timestamp: n }) => t(n);
@@ -670,7 +670,7 @@ const dd = (t) => {
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => vt.isProcessing ? vt.timestamp : Et.now()
+    now: () => bt.isProcessing ? bt.timestamp : kt.now()
   };
 }, sl = (t, e, n = 10) => {
   let r = "";
@@ -700,7 +700,7 @@ function ol(t, e, n) {
   const r = Math.max(e - md, 0);
   return No(n - t(r), e - r);
 }
-const ct = {
+const ut = {
   // Default spring physics
   stiffness: 100,
   damping: 10,
@@ -729,11 +729,11 @@ const ct = {
   minDamping: 0.05,
   maxDamping: 1
 }, Mr = 1e-3;
-function pd({ duration: t = ct.duration, bounce: e = ct.bounce, velocity: n = ct.velocity, mass: r = ct.mass }) {
+function pd({ duration: t = ut.duration, bounce: e = ut.bounce, velocity: n = ut.velocity, mass: r = ut.mass }) {
   let i, a;
-  Xe(t <= /* @__PURE__ */ zt(ct.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  Xe(t <= /* @__PURE__ */ zt(ut.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let s = 1 - e;
-  s = Jt(ct.minDamping, ct.maxDamping, s), t = Jt(ct.minDuration, ct.maxDuration, /* @__PURE__ */ Lt(t)), s < 1 ? (i = (d) => {
+  s = Jt(ut.minDamping, ut.maxDamping, s), t = Jt(ut.minDuration, ut.maxDuration, /* @__PURE__ */ Lt(t)), s < 1 ? (i = (d) => {
     const l = d * s, u = l * t, f = l - n, h = Zr(d, s), m = Math.exp(-u);
     return Mr - f / h * m;
   }, a = (d) => {
@@ -749,8 +749,8 @@ function pd({ duration: t = ct.duration, bounce: e = ct.bounce, velocity: n = ct
   const o = 5 / t, c = yd(i, a, o);
   if (t = /* @__PURE__ */ zt(t), isNaN(c))
     return {
-      stiffness: ct.stiffness,
-      damping: ct.damping,
+      stiffness: ut.stiffness,
+      damping: ut.damping,
       duration: t
     };
   {
@@ -778,10 +778,10 @@ function Ua(t, e) {
 }
 function xd(t) {
   let e = {
-    velocity: ct.velocity,
-    stiffness: ct.stiffness,
-    damping: ct.damping,
-    mass: ct.mass,
+    velocity: ut.velocity,
+    stiffness: ut.stiffness,
+    damping: ut.damping,
+    mass: ut.mass,
     isResolvedFromDuration: !1,
     ...t
   };
@@ -790,7 +790,7 @@ function xd(t) {
       const n = t.visualDuration, r = 2 * Math.PI / (n * 1.2), i = r * r, a = 2 * Jt(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
       e = {
         ...e,
-        mass: ct.mass,
+        mass: ut.mass,
         stiffness: i,
         damping: a
       };
@@ -799,12 +799,12 @@ function xd(t) {
       e = {
         ...e,
         ...n,
-        mass: ct.mass
+        mass: ut.mass
       }, e.isResolvedFromDuration = !0;
     }
   return e;
 }
-function Xn(t = ct.visualDuration, e = ct.bounce) {
+function Xn(t = ut.visualDuration, e = ut.bounce) {
   const n = typeof t != "object" ? {
     visualDuration: t,
     keyframes: [0, 1],
@@ -815,7 +815,7 @@ function Xn(t = ct.visualDuration, e = ct.bounce) {
     ...n,
     velocity: -/* @__PURE__ */ Lt(n.velocity || 0)
   }), m = f || 0, b = d / (2 * Math.sqrt(c * l)), w = s - a, v = /* @__PURE__ */ Lt(Math.sqrt(c / l)), k = Math.abs(w) < 5;
-  r || (r = k ? ct.restSpeed.granular : ct.restSpeed.default), i || (i = k ? ct.restDelta.granular : ct.restDelta.default);
+  r || (r = k ? ut.restSpeed.granular : ut.restSpeed.default), i || (i = k ? ut.restDelta.granular : ut.restDelta.default);
   let S;
   if (b < 1) {
     const P = Zr(v, b);
@@ -927,7 +927,7 @@ function Sd(t, e) {
   const n = t[t.length - 1];
   for (let r = 1; r <= e; r++) {
     const i = /* @__PURE__ */ pn(0, e, r);
-    t.push(ut(n, 1, i));
+    t.push(ft(n, 1, i));
   }
 }
 function Td(t) {
@@ -1001,7 +1001,7 @@ class Qi extends qi {
   constructor(e) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       const { motionValue: n } = this.options;
-      n && n.updatedAt !== Et.now() && this.tick(Et.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), this.options.onStop?.());
+      n && n.updatedAt !== kt.now() && this.tick(kt.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), this.options.onStop?.());
     }, this.options = e, this.initAnimation(), this.play(), e.autoplay === !1 && this.pause();
   }
   initAnimation() {
@@ -1070,7 +1070,7 @@ class Qi extends qi {
     return this.playbackSpeed;
   }
   set speed(e) {
-    this.updateTime(Et.now());
+    this.updateTime(kt.now());
     const n = this.playbackSpeed !== e;
     this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ Lt(this.currentTime));
   }
@@ -1083,7 +1083,7 @@ class Qi extends qi {
     this.state === "finished" ? (this.updateFinished(), this.startTime = r) : this.holdTime !== null ? this.startTime = r - this.holdTime : this.startTime || (this.startTime = n ?? r), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
   }
   pause() {
-    this.state = "paused", this.updateTime(Et.now()), this.holdTime = this.currentTime;
+    this.state = "paused", this.updateTime(kt.now()), this.holdTime = this.currentTime;
   }
   complete() {
     this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
@@ -1510,7 +1510,7 @@ class nh extends qi {
   constructor({ autoplay: e = !0, delay: n = 0, type: r = "keyframes", repeat: i = 0, repeatDelay: a = 0, repeatType: s = "loop", keyframes: o, name: c, motionValue: d, element: l, ...u }) {
     super(), this.stop = () => {
       this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
-    }, this.createdAt = Et.now();
+    }, this.createdAt = kt.now();
     const f = {
       autoplay: e,
       delay: n,
@@ -1528,7 +1528,7 @@ class nh extends qi {
   onKeyframesResolved(e, n, r, i) {
     this.keyframeResolver = void 0;
     const { name: a, type: s, velocity: o, delay: c, isHandoff: d, onUpdate: l } = r;
-    this.resolvedAt = Et.now(), Qd(e, a, s, o) || ((ee.instantAnimations || !c) && l?.(Xi(e, r, n)), e[0] = e[e.length - 1], oi(r), r.repeat = 0);
+    this.resolvedAt = kt.now(), Qd(e, a, s, o) || ((ee.instantAnimations || !c) && l?.(Xi(e, r, n)), e[0] = e[e.length - 1], oi(r), r.repeat = 0);
     const f = {
       startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > eh ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
@@ -1829,14 +1829,14 @@ class vh {
    */
   constructor(e, n = {}) {
     this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (r) => {
-      const i = Et.now();
+      const i = kt.now();
       if (this.updatedAt !== i && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(r), this.current !== this.prev && (this.events.change?.notify(this.current), this.dependents))
         for (const a of this.dependents)
           a.dirty();
     }, this.hasAnimated = !1, this.setCurrent(e), this.owner = n.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = Et.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = yh(this.current));
+    this.current = e, this.updatedAt = kt.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = yh(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -1964,7 +1964,7 @@ class vh {
    * @public
    */
   getVelocity() {
-    const e = Et.now();
+    const e = kt.now();
     if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > qa)
       return 0;
     const n = Math.min(this.updatedAt - this.prevUpdatedAt, qa);
@@ -2125,7 +2125,7 @@ function Cl(t) {
 function Ph(t) {
   return Cl(t) && t.tagName === "svg";
 }
-const St = (t) => !!(t && t.getVelocity), Ch = [...vl, mt, ue], Eh = (t) => Ch.find(yl(t)), ra = Ke({
+const Tt = (t) => !!(t && t.getVelocity), Ch = [...vl, mt, ue], Eh = (t) => Ch.find(yl(t)), ra = Ke({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
@@ -2179,7 +2179,7 @@ function Rh({ children: t, isPresent: e, anchorX: n, root: r }) {
     top: 0,
     left: 0,
     right: 0
-  }), { nonce: o } = At(ra), c = Ih(a, t?.ref);
+  }), { nonce: o } = St(ra), c = Ih(a, t?.ref);
   return Fo(() => {
     const { width: d, height: l, top: u, left: f, right: h } = s.current;
     if (e || !a.current || !d || !l)
@@ -2228,11 +2228,11 @@ function Dh() {
   return /* @__PURE__ */ new Map();
 }
 function El(t = !0) {
-  const e = At(hr);
+  const e = St(hr);
   if (e === null)
     return [!0, null];
   const { isPresent: n, onExitComplete: r, register: i } = e, a = dr();
-  kt(() => {
+  It(() => {
     if (t)
       return i(a);
   }, [t]);
@@ -2247,7 +2247,7 @@ function es(t) {
   }), e;
 }
 const jh = ({ children: t, custom: e, initial: n = !0, onExitComplete: r, presenceAffectsLayout: i = !0, mode: a = "sync", propagate: s = !1, anchorX: o = "left", root: c }) => {
-  const [d, l] = El(s), u = Ee(() => es(t), [t]), f = s && !d ? [] : u.map(Ln), h = Gt(!0), m = Gt(u), b = Li(() => /* @__PURE__ */ new Map()), [w, v] = nt(u), [k, S] = nt(u);
+  const [d, l] = El(s), u = Ee(() => es(t), [t]), f = s && !d ? [] : u.map(Ln), h = Gt(!0), m = Gt(u), b = Li(() => /* @__PURE__ */ new Map()), [w, v] = et(u), [k, S] = et(u);
   Lo(() => {
     h.current = !1, m.current = u;
     for (let A = 0; A < k.length; A++) {
@@ -2265,7 +2265,7 @@ const jh = ({ children: t, custom: e, initial: n = !0, onExitComplete: r, presen
     return a === "wait" && E.length && (A = E), S(es(A)), v(u), null;
   }
   process.env.NODE_ENV !== "production" && a === "wait" && k.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-  const { forceRender: P } = At(ji);
+  const { forceRender: P } = St(ji);
   return R.jsx(R.Fragment, { children: k.map((A) => {
     const L = Ln(A), p = s && !d ? !1 : u === k || f.includes(L), y = () => {
       if (b.has(L))
@@ -2393,7 +2393,7 @@ function Nh(t, e) {
   return t.inherit !== !1 ? e : {};
 }
 function Uh(t) {
-  const { initial: e, animate: n } = Nh(t, At(mr));
+  const { initial: e, animate: n } = Nh(t, St(mr));
   return Ee(() => ({ initial: e, animate: n }), [rs(e), rs(n)]);
 }
 function rs(t) {
@@ -2421,7 +2421,7 @@ const an = {
       return r;
     const a = ue.createTransformer(t), s = typeof i[0] != "number" ? 1 : 0, o = n.x.scale * e.x, c = n.y.scale * e.y;
     i[0 + s] /= o, i[1 + s] /= c;
-    const d = ut(o, c, 0.5);
+    const d = ft(o, c, 0.5);
     return typeof i[2 + s] == "number" && (i[2 + s] /= d), typeof i[3 + s] == "number" && (i[3 + s] /= d), a(i);
   }
 }, ci = {
@@ -2497,7 +2497,7 @@ const oa = () => ({
 });
 function Fl(t, e, n) {
   for (const r in e)
-    !St(e[r]) && !Rl(r, n) && (t[r] = e[r]);
+    !Tt(e[r]) && !Rl(r, n) && (t[r] = e[r]);
 }
 function Hh({ transformTemplate: t }, e) {
   return Ee(() => {
@@ -2611,7 +2611,7 @@ function la(t) {
   );
 }
 function Jh(t, e, n, { latestValues: r }, i, a = !1) {
-  const o = (la(t) ? Qh : Gh)(e, r, i, t), c = Vh(e, typeof t == "string", a), d = t !== jo ? { ...c, ...o, ref: n } : {}, { children: l } = e, u = Ee(() => St(l) ? l.get() : l, [l]);
+  const o = (la(t) ? Qh : Gh)(e, r, i, t), c = Vh(e, typeof t == "string", a), d = t !== jo ? { ...c, ...o, ref: n } : {}, { children: l } = e, u = Ee(() => Tt(l) ? l.get() : l, [l]);
   return Nu(t, {
     ...d,
     children: u
@@ -2635,7 +2635,7 @@ function ca(t, e, n, r) {
   return e;
 }
 function Bn(t) {
-  return St(t) ? t.get() : t;
+  return Tt(t) ? t.get() : t;
 }
 function tm({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, r, i) {
   return {
@@ -2675,13 +2675,13 @@ function em(t, e, n, r) {
   return i;
 }
 const Ol = (t) => (e, n) => {
-  const r = At(mr), i = At(hr), a = () => tm(t, e, r, i);
+  const r = St(mr), i = St(hr), a = () => tm(t, e, r, i);
   return n ? a() : Li(a);
 };
 function ua(t, e, n) {
   const { style: r } = t, i = {};
   for (const a in r)
-    (St(r[a]) || e.style && St(e.style[a]) || Rl(a, t) || n?.getValue(a)?.liveStyle !== void 0) && (i[a] = r[a]);
+    (Tt(r[a]) || e.style && Tt(e.style[a]) || Rl(a, t) || n?.getValue(a)?.liveStyle !== void 0) && (i[a] = r[a]);
   return i;
 }
 const nm = /* @__PURE__ */ Ol({
@@ -2691,7 +2691,7 @@ const nm = /* @__PURE__ */ Ol({
 function _l(t, e, n) {
   const r = ua(t, e, n);
   for (const i in t)
-    if (St(t[i]) || St(e[i])) {
+    if (Tt(t[i]) || Tt(e[i])) {
       const a = Qe.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
       r[a] = t[i];
     }
@@ -2718,7 +2718,7 @@ function am(t, e, n) {
 }
 const fa = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), sm = "framerAppearId", Vl = "data-" + fa(sm), Nl = Ke({});
 function om(t, e, n, r, i) {
-  const { visualElement: a } = At(mr), s = At(kl), o = At(hr), c = At(ra).reducedMotion, d = Gt(null);
+  const { visualElement: a } = St(mr), s = St(kl), o = St(hr), c = St(ra).reducedMotion, d = Gt(null);
   r = r || s.renderer, !d.current && r && (d.current = r(t, {
     visualState: e,
     parent: a,
@@ -2727,7 +2727,7 @@ function om(t, e, n, r, i) {
     blockInitialAnimation: o ? o.initial === !1 : !1,
     reducedMotionConfig: c
   }));
-  const l = d.current, u = At(Nl);
+  const l = d.current, u = St(Nl);
   l && !l.projection && i && (l.type === "html" || l.type === "svg") && lm(d.current, n, i, u);
   const f = Gt(!1);
   Fo(() => {
@@ -2736,7 +2736,7 @@ function om(t, e, n, r, i) {
   const h = n[Vl], m = Gt(!!h && !window.MotionHandoffIsComplete?.(h) && window.MotionHasOptimisedAnimation?.(h));
   return Lo(() => {
     l && (f.current = !0, window.MotionIsMounted = !0, l.updateFeatures(), l.scheduleRenderMicrotask(), m.current && l.animationState && l.animationState.animateChanges());
-  }), kt(() => {
+  }), It(() => {
     l && (!m.current && l.animationState && l.animationState.animateChanges(), m.current && (queueMicrotask(() => {
       window.MotionHandoffMarkAsComplete?.(h);
     }), m.current = !1), l.enteringChildren = void 0);
@@ -2773,7 +2773,7 @@ function Fr(t, { forwardMotionProps: e = !1 } = {}, n, r) {
   function a(o, c) {
     let d;
     const l = {
-      ...At(ra),
+      ...St(ra),
       ...o,
       layoutId: cm(o)
     }, { isStatic: u } = l, f = Uh(o), h = i(o, u);
@@ -2789,11 +2789,11 @@ function Fr(t, { forwardMotionProps: e = !1 } = {}, n, r) {
   return s[im] = t, s;
 }
 function cm({ layoutId: t }) {
-  const e = At(ji).id;
+  const e = St(ji).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
 function um(t, e) {
-  const n = At(kl).strict;
+  const n = St(kl).strict;
   if (process.env.NODE_ENV !== "production" && e && n) {
     const r = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     t.ignoreStrict ? Xe(!1, r, "lazy-strict-mode") : te(!1, r, "lazy-strict-mode");
@@ -2891,7 +2891,7 @@ function Oe(t, e) {
   t.min = t.min + e, t.max = t.max + e;
 }
 function us(t, e, n, r, i = 0.5) {
-  const a = ut(t.min, t.max, i);
+  const a = ft(t.min, t.max, i);
   fi(t, e, n, a, r);
 }
 function _e(t, e) {
@@ -2912,7 +2912,7 @@ const fs = () => ({
 }), Ve = () => ({
   x: fs(),
   y: fs()
-}), ds = () => ({ min: 0, max: 0 }), pt = () => ({
+}), ds = () => ({ min: 0, max: 0 }), gt = () => ({
   x: ds(),
   y: ds()
 }), di = { current: null }, Hl = { current: !1 };
@@ -2928,9 +2928,9 @@ const vm = /* @__PURE__ */ new WeakMap();
 function bm(t, e, n) {
   for (const r in e) {
     const i = e[r], a = n[r];
-    if (St(i))
+    if (Tt(i))
       t.addValue(r, i);
-    else if (St(a))
+    else if (Tt(a))
       t.addValue(r, He(i, { owner: t }));
     else if (a !== i)
       if (t.hasValue(r)) {
@@ -2969,7 +2969,7 @@ class xm {
     this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Zi, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
-      const f = Et.now();
+      const f = kt.now();
       this.renderScheduledAt < f && (this.renderScheduledAt = f, lt.render(this.render, !1, !0));
     };
     const { latestValues: c, renderState: d } = s;
@@ -2977,7 +2977,7 @@ class xm {
     const { willChange: l, ...u } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const f in u) {
       const h = u[f];
-      c[f] !== void 0 && St(h) && h.set(c[f]);
+      c[f] !== void 0 && Tt(h) && h.set(c[f]);
     }
   }
   mount(e) {
@@ -3036,7 +3036,7 @@ class xm {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : pt();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : gt();
   }
   getStaticValue(e) {
     return this.latestValues[e];
@@ -3121,7 +3121,7 @@ class xm {
    */
   readValue(e, n) {
     let r = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : this.getBaseTargetFromProps(this.props, e) ?? this.readValueFromInstance(this.current, e, this.options);
-    return r != null && (typeof r == "string" && (Oo(r) || Vo(r)) ? r = parseFloat(r) : !Eh(r) && ue.test(n) && (r = xl(e, n)), this.setBaseTarget(e, St(r) ? r.get() : r)), St(r) ? r.get() : r;
+    return r != null && (typeof r == "string" && (Oo(r) || Vo(r)) ? r = parseFloat(r) : !Eh(r) && ue.test(n) && (r = xl(e, n)), this.setBaseTarget(e, Tt(r) ? r.get() : r)), Tt(r) ? r.get() : r;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -3144,7 +3144,7 @@ class xm {
     if (n && r !== void 0)
       return r;
     const i = this.getBaseTargetFromProps(this.props, e);
-    return i !== void 0 && !St(i) ? i : this.initialValues[e] !== void 0 && r === void 0 ? void 0 : this.baseTarget[e];
+    return i !== void 0 && !Tt(i) ? i : this.initialValues[e] !== void 0 && r === void 0 ? void 0 : this.baseTarget[e];
   }
   on(e, n) {
     return this.events[e] || (this.events[e] = new Ui()), this.events[e].add(n);
@@ -3172,7 +3172,7 @@ class Yl extends xm {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: e } = this.props;
-    St(e) && (this.childSubscription = e.on("change", (n) => {
+    Tt(e) && (this.childSubscription = e.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
@@ -3243,7 +3243,7 @@ function Sm(t, e, n, r) {
 }
 class Tm extends Yl {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = pt;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = gt;
   }
   getBaseTargetFromProps(e, n) {
     return e[n];
@@ -3292,7 +3292,7 @@ function km(t, e) {
   }
 }
 function Im(t) {
-  return !!(St(t) && t.add);
+  return !!(Tt(t) && t.add);
 }
 function mi(t, e) {
   const n = t.getValue("willChange");
@@ -3674,26 +3674,26 @@ function un(t, e, n, r) {
   return bn(t, e, Qm(n), r);
 }
 const tc = 1e-4, Zm = 1 - tc, Jm = 1 + tc, ec = 0.01, tp = 0 - ec, ep = 0 + ec;
-function Pt(t) {
+function Ct(t) {
   return t.max - t.min;
 }
 function np(t, e, n) {
   return Math.abs(t - e) <= n;
 }
 function ps(t, e, n, r = 0.5) {
-  t.origin = r, t.originPoint = ut(e.min, e.max, t.origin), t.scale = Pt(n) / Pt(e), t.translate = ut(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Zm && t.scale <= Jm || isNaN(t.scale)) && (t.scale = 1), (t.translate >= tp && t.translate <= ep || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = r, t.originPoint = ft(e.min, e.max, t.origin), t.scale = Ct(n) / Ct(e), t.translate = ft(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Zm && t.scale <= Jm || isNaN(t.scale)) && (t.scale = 1), (t.translate >= tp && t.translate <= ep || isNaN(t.translate)) && (t.translate = 0);
 }
 function fn(t, e, n, r) {
   ps(t.x, e.x, n.x, r ? r.originX : void 0), ps(t.y, e.y, n.y, r ? r.originY : void 0);
 }
 function gs(t, e, n) {
-  t.min = n.min + e.min, t.max = t.min + Pt(e);
+  t.min = n.min + e.min, t.max = t.min + Ct(e);
 }
 function rp(t, e, n) {
   gs(t.x, e.x, n.x), gs(t.y, e.y, n.y);
 }
 function ys(t, e, n) {
-  t.min = e.min - n.min, t.max = t.min + Pt(e);
+  t.min = e.min - n.min, t.max = t.min + Ct(e);
 }
 function Zn(t, e, n) {
   ys(t.x, e.x, n.x), ys(t.y, e.y, n.y);
@@ -3714,7 +3714,7 @@ class rc {
       const f = Lr(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, m = ip(f.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!h && !m)
         return;
-      const { point: b } = f, { timestamp: w } = vt;
+      const { point: b } = f, { timestamp: w } = bt;
       this.history.push({ ...b, timestamp: w });
       const { onStart: v, onMove: k } = this.handlers;
       h || (v && v(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), k && k(this.lastMoveEvent, f);
@@ -3730,7 +3730,7 @@ class rc {
     }, !na(e))
       return;
     this.dragSnapToOrigin = a, this.handlers = n, this.transformPagePoint = r, this.distanceThreshold = s, this.contextWindow = i || window;
-    const o = Pn(e), c = jr(o, this.transformPagePoint), { point: d } = c, { timestamp: l } = vt;
+    const o = Pn(e), c = jr(o, this.transformPagePoint), { point: d } = c, { timestamp: l } = bt;
     this.history = [{ ...d, timestamp: l }];
     const { onSessionStart: u } = n;
     u && u(e, Lr(c, this.history)), this.removeListeners = An(un(this.contextWindow, "pointermove", this.handlePointerMove), un(this.contextWindow, "pointerup", this.handlePointerUp), un(this.contextWindow, "pointercancel", this.handlePointerUp));
@@ -3781,7 +3781,7 @@ function sp(t, e) {
   return s.x === 1 / 0 && (s.x = 0), s.y === 1 / 0 && (s.y = 0), s;
 }
 function op(t, { min: e, max: n }, r) {
-  return e !== void 0 && t < e ? t = r ? ut(e, t, r.min) : Math.max(t, e) : n !== void 0 && t > n && (t = r ? ut(n, t, r.max) : Math.min(t, n)), t;
+  return e !== void 0 && t < e ? t = r ? ft(e, t, r.min) : Math.max(t, e) : n !== void 0 && t > n && (t = r ? ft(n, t, r.max) : Math.min(t, n)), t;
 }
 function xs(t, e, n) {
   return {
@@ -3807,7 +3807,7 @@ function cp(t, e) {
 }
 function up(t, e) {
   let n = 0.5;
-  const r = Pt(t), i = Pt(e);
+  const r = Ct(t), i = Ct(e);
   return i > r ? n = /* @__PURE__ */ pn(e.min, e.max - r, t.min) : r > i && (n = /* @__PURE__ */ pn(t.min, t.max - i, e.min)), Jt(0, 1, n);
 }
 function fp(t, e) {
@@ -3833,7 +3833,7 @@ function Ss(t, e) {
 const hp = /* @__PURE__ */ new WeakMap();
 class mp {
   constructor(e) {
-    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = pt(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
+    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = gt(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
   }
   start(e, { snapToCursor: n = !1, distanceThreshold: r } = {}) {
     const { presenceContext: i } = this.visualElement;
@@ -3852,7 +3852,7 @@ class mp {
           const { projection: S } = this.visualElement;
           if (S && S.layout) {
             const E = S.layout.layoutBox[v];
-            E && (k = Pt(E) * (parseFloat(k) / 100));
+            E && (k = Ct(E) * (parseFloat(k) / 100));
           }
         }
         this.originPoint[v] = k;
@@ -3991,7 +3991,7 @@ class mp {
       const { projection: i } = this.visualElement, a = this.getAxisMotionValue(n);
       if (i && i.layout) {
         const { min: s, max: o } = i.layout.layoutBox[n];
-        a.set(e[n] - ut(s, o, 0.5));
+        a.set(e[n] - ft(s, o, 0.5));
       }
     });
   }
@@ -4020,7 +4020,7 @@ class mp {
       if (!On(s, e, null))
         return;
       const o = this.getAxisMotionValue(s), { min: c, max: d } = this.constraints[s];
-      o.set(ut(c, d, i[s]));
+      o.set(ft(c, d, i[s]));
     });
   }
   addListeners() {
@@ -4165,11 +4165,11 @@ class vp extends Bu {
   }
 }
 function ac(t) {
-  const [e, n] = El(), r = At(ji);
-  return R.jsx(vp, { ...t, layoutGroup: r, switchLayoutGroup: At(Nl), isPresent: e, safeToRemove: n });
+  const [e, n] = El(), r = St(ji);
+  return R.jsx(vp, { ...t, layoutGroup: r, switchLayoutGroup: St(Nl), isPresent: e, safeToRemove: n });
 }
 function bp(t, e, n) {
-  const r = St(t) ? t : He(t);
+  const r = Tt(t) ? t : He(t);
   return r.start(da("", r, e, n)), r.animation;
 }
 const xp = (t, e) => t.depth - e.depth;
@@ -4188,7 +4188,7 @@ class wp {
   }
 }
 function Ap(t, e) {
-  const n = Et.now(), r = ({ timestamp: i }) => {
+  const n = kt.now(), r = ({ timestamp: i }) => {
     const a = i - n;
     a >= e && (ce(r), t(a - e));
   };
@@ -4196,15 +4196,15 @@ function Ap(t, e) {
 }
 const sc = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Sp = sc.length, Ps = (t) => typeof t == "string" ? parseFloat(t) : t, Cs = (t) => typeof t == "number" || X.test(t);
 function Tp(t, e, n, r, i, a) {
-  i ? (t.opacity = ut(0, n.opacity ?? 1, Pp(r)), t.opacityExit = ut(e.opacity ?? 1, 0, Cp(r))) : a && (t.opacity = ut(e.opacity ?? 1, n.opacity ?? 1, r));
+  i ? (t.opacity = ft(0, n.opacity ?? 1, Pp(r)), t.opacityExit = ft(e.opacity ?? 1, 0, Cp(r))) : a && (t.opacity = ft(e.opacity ?? 1, n.opacity ?? 1, r));
   for (let s = 0; s < Sp; s++) {
     const o = `border${sc[s]}Radius`;
     let c = Es(e, o), d = Es(n, o);
     if (c === void 0 && d === void 0)
       continue;
-    c || (c = 0), d || (d = 0), c === 0 || d === 0 || Cs(c) === Cs(d) ? (t[o] = Math.max(ut(Ps(c), Ps(d), r), 0), (Kt.test(d) || Kt.test(c)) && (t[o] += "%")) : t[o] = d;
+    c || (c = 0), d || (d = 0), c === 0 || d === 0 || Cs(c) === Cs(d) ? (t[o] = Math.max(ft(Ps(c), Ps(d), r), 0), (Kt.test(d) || Kt.test(c)) && (t[o] += "%")) : t[o] = d;
   }
-  (e.rotate || n.rotate) && (t.rotate = ut(e.rotate || 0, n.rotate || 0, r));
+  (e.rotate || n.rotate) && (t.rotate = ft(e.rotate || 0, n.rotate || 0, r));
 }
 function Es(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
@@ -4226,9 +4226,9 @@ function Ms(t, e, n, r, i) {
   return t -= e, t = Qn(t, 1 / n, r), i !== void 0 && (t = Qn(t, 1 / i, r)), t;
 }
 function Ep(t, e = 0, n = 1, r = 0.5, i, a = t, s = t) {
-  if (Kt.test(e) && (e = parseFloat(e), e = ut(s.min, s.max, e / 100) - s.min), typeof e != "number")
+  if (Kt.test(e) && (e = parseFloat(e), e = ft(s.min, s.max, e / 100) - s.min), typeof e != "number")
     return;
-  let o = ut(a.min, a.max, r);
+  let o = ft(a.min, a.max, r);
   t === a && (o -= e), t.min = Ms(t.min, e, n, o, i), t.max = Ms(t.max, e, n, o, i);
 }
 function Rs(t, e, [n, r, i], a, s) {
@@ -4257,7 +4257,7 @@ function cc(t, e) {
   return Ls(t.x, e.x) && Ls(t.y, e.y);
 }
 function Os(t) {
-  return Pt(t.x) / Pt(t.y);
+  return Ct(t.x) / Ct(t.y);
 }
 function _s(t, e) {
   return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
@@ -4459,8 +4459,8 @@ function fc({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       }
       this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Up), this.nodes.forEach(Lp), this.nodes.forEach(Op)) : this.nodes.forEach(Ns), this.clearAllSnapshots();
-      const o = Et.now();
-      vt.delta = Jt(0, 1e3 / 60, o - vt.timestamp), vt.timestamp = o, vt.isProcessing = !0, Cr.update.process(vt), Cr.preRender.process(vt), Cr.render.process(vt), vt.isProcessing = !1;
+      const o = kt.now();
+      bt.delta = Jt(0, 1e3 / 60, o - bt.timestamp), bt.timestamp = o, bt.isProcessing = !0, Cr.update.process(bt), Cr.preRender.process(bt), Cr.render.process(bt), bt.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, ea.read(this.scheduleUpdate));
@@ -4480,7 +4480,7 @@ function fc({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
      * Update measurements
      */
     updateSnapshot() {
-      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !Pt(this.snapshot.measuredBox.x) && !Pt(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
+      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !Ct(this.snapshot.measuredBox.x) && !Ct(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
     }
     updateLayout() {
       if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
@@ -4489,7 +4489,7 @@ function fc({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         for (let c = 0; c < this.path.length; c++)
           this.path[c].updateScroll();
       const s = this.layout;
-      this.layout = this.measure(!1), this.layoutVersion++, this.layoutCorrected = pt(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      this.layout = this.measure(!1), this.layoutVersion++, this.layoutCorrected = gt(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
       const { visualElement: o } = this.options;
       o && o.notify("LayoutMeasure", this.layout.layoutBox, s ? s.layoutBox : void 0);
     }
@@ -4526,7 +4526,7 @@ function fc({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     measurePageBox() {
       const { visualElement: s } = this.options;
       if (!s)
-        return pt();
+        return gt();
       const o = s.measureViewportBox();
       if (!(this.scroll?.wasRoot || this.path.some(Xp))) {
         const { scroll: d } = this.root;
@@ -4535,7 +4535,7 @@ function fc({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return o;
     }
     removeElementScroll(s) {
-      const o = pt();
+      const o = gt();
       if (Vt(o, s), this.scroll?.wasRoot)
         return o;
       for (let c = 0; c < this.path.length; c++) {
@@ -4545,7 +4545,7 @@ function fc({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return o;
     }
     applyTransform(s, o = !1) {
-      const c = pt();
+      const c = gt();
       Vt(c, s);
       for (let d = 0; d < this.path.length; d++) {
         const l = this.path[d];
@@ -4557,14 +4557,14 @@ function fc({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return xe(this.latestValues) && _e(c, this.latestValues), c;
     }
     removeTransform(s) {
-      const o = pt();
+      const o = gt();
       Vt(o, s);
       for (let c = 0; c < this.path.length; c++) {
         const d = this.path[c];
         if (!d.instance || !xe(d.latestValues))
           continue;
         ui(d.latestValues) && d.updateSnapshot();
-        const l = pt(), u = d.measurePageBox();
+        const l = gt(), u = d.measurePageBox();
         Vt(l, u), Fs(o, d.latestValues, d.snapshot ? d.snapshot.layoutBox : void 0, l);
       }
       return xe(this.latestValues) && Fs(o, this.latestValues), o;
@@ -4583,7 +4583,7 @@ function fc({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.scroll = void 0, this.layout = void 0, this.snapshot = void 0, this.prevTransformTemplateValue = void 0, this.targetDelta = void 0, this.target = void 0, this.isLayoutDirty = !1;
     }
     forceRelativeParentToResolveTarget() {
-      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== vt.timestamp && this.relativeParent.resolveTargetDelta(!0);
+      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== bt.timestamp && this.relativeParent.resolveTargetDelta(!0);
     }
     resolveTargetDelta(s = !1) {
       const o = this.getLead();
@@ -4594,9 +4594,9 @@ function fc({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       const { layout: l, layoutId: u } = this.options;
       if (!this.layout || !(l || u))
         return;
-      this.resolvedRelativeTargetAt = vt.timestamp;
+      this.resolvedRelativeTargetAt = bt.timestamp;
       const f = this.getClosestProjectingParent();
-      f && this.linkedParentVersion !== f.layoutVersion && !f.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (f && f.layout ? this.createRelativeTarget(f, this.layout.layoutBox, f.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = pt(), this.targetWithTransforms = pt()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), rp(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Vt(this.target, this.layout.layoutBox), $l(this.target, this.targetDelta)) : Vt(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? this.createRelativeTarget(f, this.target, f.target) : this.relativeParent = this.relativeTarget = void 0));
+      f && this.linkedParentVersion !== f.layoutVersion && !f.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (f && f.layout ? this.createRelativeTarget(f, this.layout.layoutBox, f.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = gt(), this.targetWithTransforms = gt()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), rp(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Vt(this.target, this.layout.layoutBox), $l(this.target, this.targetDelta)) : Vt(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? this.createRelativeTarget(f, this.target, f.target) : this.relativeParent = this.relativeTarget = void 0));
     }
     getClosestProjectingParent() {
       if (!(!this.parent || ui(this.parent.latestValues) || zl(this.parent.latestValues)))
@@ -4606,7 +4606,7 @@ function fc({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return !!((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
     }
     createRelativeTarget(s, o, c) {
-      this.relativeParent = s, this.linkedParentVersion = s.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = pt(), this.relativeTargetOrigin = pt(), Zn(this.relativeTargetOrigin, o, c), Vt(this.relativeTarget, this.relativeTargetOrigin);
+      this.relativeParent = s, this.linkedParentVersion = s.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = gt(), this.relativeTargetOrigin = gt(), Zn(this.relativeTargetOrigin, o, c), Vt(this.relativeTarget, this.relativeTargetOrigin);
     }
     removeRelativeTarget() {
       this.relativeParent = this.relativeTarget = void 0;
@@ -4614,14 +4614,14 @@ function fc({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     calcProjection() {
       const s = this.getLead(), o = !!this.resumingFrom || this !== s;
       let c = !0;
-      if ((this.isProjectionDirty || this.parent?.isProjectionDirty) && (c = !1), o && (this.isSharedProjectionDirty || this.isTransformDirty) && (c = !1), this.resolvedRelativeTargetAt === vt.timestamp && (c = !1), c)
+      if ((this.isProjectionDirty || this.parent?.isProjectionDirty) && (c = !1), o && (this.isSharedProjectionDirty || this.isTransformDirty) && (c = !1), this.resolvedRelativeTargetAt === bt.timestamp && (c = !1), c)
         return;
       const { layout: d, layoutId: l } = this.options;
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(d || l))
         return;
       Vt(this.layoutCorrected, this.layout.layoutBox);
       const u = this.treeScale.x, f = this.treeScale.y;
-      pm(this.layoutCorrected, this.treeScale, this.path, o), s.layout && !s.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (s.target = s.layout.layoutBox, s.targetWithTransforms = pt());
+      pm(this.layoutCorrected, this.treeScale, this.path, o), s.layout && !s.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (s.target = s.layout.layoutBox, s.targetWithTransforms = gt());
       const { target: h } = s;
       if (!h) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -4648,12 +4648,12 @@ function fc({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     setAnimationOrigin(s, o = !1) {
       const c = this.snapshot, d = c ? c.latestValues : {}, l = { ...this.latestValues }, u = Ve();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !o;
-      const f = pt(), h = c ? c.source : void 0, m = this.layout ? this.layout.source : void 0, b = h !== m, w = this.getStack(), v = !w || w.members.length <= 1, k = !!(b && !v && this.options.crossfade === !0 && !this.path.some(Yp));
+      const f = gt(), h = c ? c.source : void 0, m = this.layout ? this.layout.source : void 0, b = h !== m, w = this.getStack(), v = !w || w.members.length <= 1, k = !!(b && !v && this.options.crossfade === !0 && !this.path.some(Yp));
       this.animationProgress = 0;
       let S;
       this.mixTargetDelta = (E) => {
         const P = E / 1e3;
-        Bs(u.x, s.x, P), Bs(u.y, s.y, P), this.setTargetDelta(u), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Zn(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Hp(this.relativeTarget, this.relativeTargetOrigin, f, P), S && Mp(this.relativeTarget, S) && (this.isProjectionDirty = !1), S || (S = pt()), Vt(S, this.relativeTarget)), b && (this.animationValues = l, Tp(l, d, this.latestValues, P, k, v)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = P;
+        Bs(u.x, s.x, P), Bs(u.y, s.y, P), this.setTargetDelta(u), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Zn(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Hp(this.relativeTarget, this.relativeTargetOrigin, f, P), S && Mp(this.relativeTarget, S) && (this.isProjectionDirty = !1), S || (S = gt()), Vt(S, this.relativeTarget)), b && (this.animationValues = l, Tp(l, d, this.latestValues, P, k, v)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = P;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(s) {
@@ -4686,10 +4686,10 @@ function fc({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       let { targetWithTransforms: o, target: c, layout: d, latestValues: l } = s;
       if (!(!o || !c || !d)) {
         if (this !== s && this.layout && d && dc(this.options.animationType, this.layout.layoutBox, d.layoutBox)) {
-          c = this.target || pt();
-          const u = Pt(this.layout.layoutBox.x);
+          c = this.target || gt();
+          const u = Ct(this.layout.layoutBox.x);
           c.x.min = s.target.x.min, c.x.max = c.x.min + u;
-          const f = Pt(this.layout.layoutBox.y);
+          const f = Ct(this.layout.layoutBox.y);
           c.y.min = s.target.y.min, c.y.max = c.y.min + f;
         }
         Vt(o, c), _e(o, l), fn(this.projectionDeltaWithTransform, this.layoutCorrected, o, l);
@@ -4799,10 +4799,10 @@ function Op(t) {
   if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
     const { layoutBox: n, measuredBox: r } = t.layout, { animationType: i } = t.options, a = e.source !== t.layout.source;
     i === "size" ? Dt((l) => {
-      const u = a ? e.measuredBox[l] : e.layoutBox[l], f = Pt(u);
+      const u = a ? e.measuredBox[l] : e.layoutBox[l], f = Ct(u);
       u.min = n[l].min, u.max = u.min + f;
     }) : dc(i, e.layoutBox, n) && Dt((l) => {
-      const u = a ? e.measuredBox[l] : e.layoutBox[l], f = Pt(n[l]);
+      const u = a ? e.measuredBox[l] : e.layoutBox[l], f = Ct(n[l]);
       u.max = u.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[l].max = t.relativeTarget[l].min + f);
     });
     const s = Ve();
@@ -4816,9 +4816,9 @@ function Op(t) {
       if (l && !l.resumeFrom) {
         const { snapshot: u, layout: f } = l;
         if (u && f) {
-          const h = pt();
+          const h = gt();
           Zn(h, e.layoutBox, u.layoutBox);
-          const m = pt();
+          const m = gt();
           Zn(m, n, f.layoutBox), cc(h, m) || (d = !0), l.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = h, t.relativeParent = l);
         }
       }
@@ -4872,10 +4872,10 @@ function Wp(t) {
   t.removeLeadSnapshot();
 }
 function Bs(t, e, n) {
-  t.translate = ut(e.translate, 0, n), t.scale = ut(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
+  t.translate = ft(e.translate, 0, n), t.scale = ft(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
 }
 function zs(t, e, n, r) {
-  t.min = ut(e.min, n.min, r), t.max = ut(e.max, n.max, r);
+  t.min = ft(e.min, n.min, r), t.max = ft(e.max, n.max, r);
 }
 function Hp(t, e, n, r) {
   zs(t.x, e.x, n.x, r), zs(t.y, e.y, n.y, r);
@@ -5354,8 +5354,8 @@ var ie = !!st.documentElement && !!st.head && typeof st.addEventListener == "fun
   GROUP: "duotone-group",
   PRIMARY: "primary",
   SECONDARY: "secondary"
-}, xc = ["fa-classic", "fa-duotone", "fa-sharp", "fa-sharp-duotone", "fa-thumbprint", "fa-whiteboard", "fa-notdog", "fa-notdog-duo", "fa-chisel", "fa-etch", "fa-jelly", "fa-jelly-fill", "fa-jelly-duo", "fa-slab", "fa-slab-press", "fa-utility", "fa-utility-duo", "fa-utility-fill"], bt = "classic", Cn = "duotone", wc = "sharp", Ac = "sharp-duotone", Sc = "chisel", Tc = "etch", Pc = "jelly", Cc = "jelly-duo", Ec = "jelly-fill", kc = "notdog", Ic = "notdog-duo", Mc = "slab", Rc = "slab-press", Fc = "thumbprint", Dc = "utility", jc = "utility-duo", Lc = "utility-fill", Oc = "whiteboard", P0 = "Classic", C0 = "Duotone", E0 = "Sharp", k0 = "Sharp Duotone", I0 = "Chisel", M0 = "Etch", R0 = "Jelly", F0 = "Jelly Duo", D0 = "Jelly Fill", j0 = "Notdog", L0 = "Notdog Duo", O0 = "Slab", _0 = "Slab Press", V0 = "Thumbprint", N0 = "Utility", U0 = "Utility Duo", B0 = "Utility Fill", z0 = "Whiteboard", _c = [bt, Cn, wc, Ac, Sc, Tc, Pc, Cc, Ec, kc, Ic, Mc, Rc, Fc, Dc, jc, Lc, Oc];
-Br = {}, Q(Q(Q(Q(Q(Q(Q(Q(Q(Q(Br, bt, P0), Cn, C0), wc, E0), Ac, k0), Sc, I0), Tc, M0), Pc, R0), Cc, F0), Ec, D0), kc, j0), Q(Q(Q(Q(Q(Q(Q(Q(Br, Ic, L0), Mc, O0), Rc, _0), Fc, V0), Dc, N0), jc, U0), Lc, B0), Oc, z0);
+}, xc = ["fa-classic", "fa-duotone", "fa-sharp", "fa-sharp-duotone", "fa-thumbprint", "fa-whiteboard", "fa-notdog", "fa-notdog-duo", "fa-chisel", "fa-etch", "fa-jelly", "fa-jelly-fill", "fa-jelly-duo", "fa-slab", "fa-slab-press", "fa-utility", "fa-utility-duo", "fa-utility-fill"], xt = "classic", Cn = "duotone", wc = "sharp", Ac = "sharp-duotone", Sc = "chisel", Tc = "etch", Pc = "jelly", Cc = "jelly-duo", Ec = "jelly-fill", kc = "notdog", Ic = "notdog-duo", Mc = "slab", Rc = "slab-press", Fc = "thumbprint", Dc = "utility", jc = "utility-duo", Lc = "utility-fill", Oc = "whiteboard", P0 = "Classic", C0 = "Duotone", E0 = "Sharp", k0 = "Sharp Duotone", I0 = "Chisel", M0 = "Etch", R0 = "Jelly", F0 = "Jelly Duo", D0 = "Jelly Fill", j0 = "Notdog", L0 = "Notdog Duo", O0 = "Slab", _0 = "Slab Press", V0 = "Thumbprint", N0 = "Utility", U0 = "Utility Duo", B0 = "Utility Fill", z0 = "Whiteboard", _c = [xt, Cn, wc, Ac, Sc, Tc, Pc, Cc, Ec, kc, Ic, Mc, Rc, Fc, Dc, jc, Lc, Oc];
+Br = {}, Q(Q(Q(Q(Q(Q(Q(Q(Q(Q(Br, xt, P0), Cn, C0), wc, E0), Ac, k0), Sc, I0), Tc, M0), Pc, R0), Cc, F0), Ec, D0), kc, j0), Q(Q(Q(Q(Q(Q(Q(Q(Br, Ic, L0), Mc, O0), Rc, _0), Fc, V0), Dc, N0), jc, U0), Lc, B0), Oc, z0);
 var $0 = {
   classic: {
     900: "fas",
@@ -5924,22 +5924,22 @@ var z1 = {
 function En(t) {
   return new Proxy(t, {
     get: function(n, r) {
-      return r in n ? n[r] : n[bt];
+      return r in n ? n[r] : n[xt];
     }
   });
 }
 var Hc = z({}, bc);
-Hc[bt] = z(z(z(z({}, {
+Hc[xt] = z(z(z(z({}, {
   "fa-duotone": "duotone"
-}), bc[bt]), to.kit), to["kit-duotone"]);
+}), bc[xt]), to.kit), to["kit-duotone"]);
 var J1 = En(Hc), Ai = z({}, Y0);
-Ai[bt] = z(z(z(z({}, {
+Ai[xt] = z(z(z(z({}, {
   duotone: "fad"
-}), Ai[bt]), eo.kit), eo["kit-duotone"]);
+}), Ai[xt]), eo.kit), eo["kit-duotone"]);
 var ro = En(Ai), Si = z({}, bi);
-Si[bt] = z(z({}, Si[bt]), t1.kit);
+Si[xt] = z(z({}, Si[xt]), t1.kit);
 var ya = En(Si), Ti = z({}, z1);
-Ti[bt] = z(z({}, Ti[bt]), Z0.kit);
+Ti[xt] = z(z({}, Ti[xt]), Z0.kit);
 En(Ti);
 var tg = A0, Yc = "fa-layers-text", eg = S0, ng = z({}, $0);
 En(ng);
@@ -5961,7 +5961,7 @@ if (st && typeof st.querySelector == "function") {
 }
 var Gc = {
   styleDefault: "solid",
-  familyDefault: bt,
+  familyDefault: xt,
   cssPrefix: Bc,
   replacementClass: zc,
   autoReplaceSvg: !0,
@@ -6807,7 +6807,7 @@ var ou = function() {
   };
 };
 function Sg(t) {
-  var e = bt, n = Jc.reduce(function(r, i) {
+  var e = xt, n = Jc.reduce(function(r, i) {
     return r[i] = "".concat(G.cssPrefix, "-").concat(i), r;
   }, {});
   return _c.forEach(function(r) {
@@ -6817,7 +6817,7 @@ function Sg(t) {
   }), e;
 }
 function br(t) {
-  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = e.family, r = n === void 0 ? bt : n, i = J1[r][t];
+  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = e.family, r = n === void 0 ? xt : n, i = J1[r][t];
   if (r === Cn && !t)
     return "fad";
   var a = ro[r][t] || ro[r][i], s = t in Bt.styles ? t : null, o = a || s || null;
@@ -6874,9 +6874,9 @@ function Pg(t, e, n) {
   };
 }
 var Cg = _c.filter(function(t) {
-  return t !== bt || t !== Cn;
+  return t !== xt || t !== Cn;
 }), Eg = Object.keys(bi).filter(function(t) {
-  return t !== bt;
+  return t !== xt;
 }).map(function(t) {
   return Object.keys(bi[t]);
 }).flat();
@@ -6905,7 +6905,7 @@ var Ig = /* @__PURE__ */ (function() {
       var s = i.reduce(this._pullDefinitions, {});
       Object.keys(s).forEach(function(o) {
         n.definitions[o] = z(z({}, n.definitions[o] || {}), s[o]), Pi(o, s[o]);
-        var c = ya[bt][o];
+        var c = ya[xt][o];
         c && Pi(c, s[o]), au();
       });
     }
@@ -8763,7 +8763,7 @@ function tv({ tableBlock: t, fontFamily: e }) {
   );
 }
 function ev({ handleClick: t }) {
-  const [e, n] = nt(!1), [r, i] = nt(0), [a, s] = nt(0), [o, c] = nt({ rows: 2, cols: 2 }), [d, l] = nt(!1), u = 10, f = {
+  const [e, n] = et(!1), [r, i] = et(0), [a, s] = et(0), [o, c] = et({ rows: 2, cols: 2 }), [d, l] = et(!1), u = 10, f = {
     position: "absolute",
     transform: "translateX(-40px) translateY(10px)",
     backgroundColor: "white",
@@ -8793,7 +8793,7 @@ function ev({ handleClick: t }) {
     color: "#3b82f6",
     cursor: "pointer"
   };
-  kt(() => {
+  It(() => {
     r < 0 && i(0), a < 0 && s(0), c({ rows: r, cols: a });
   }, [r, a]);
   const b = () => {
@@ -9870,117 +9870,117 @@ const Nt = (function() {
     const F = M[0], C = M[1], O = M[2], x = M[3], g = M[4], _ = M[5];
     let j = 6, U = 8, D = 255;
     for (var N = 0; N < p.length; N++) {
-      const yt = new Uint8Array(p[N]);
-      for (var $ = yt.length, B = 0; B < $; B += 4) D &= yt[B + 3];
+      const vt = new Uint8Array(p[N]);
+      for (var $ = vt.length, B = 0; B < $; B += 4) D &= vt[B + 3];
     }
-    const V = D != 255, K = (function(it, et, ft, rt, dt, It) {
+    const V = D != 255, K = (function(rt, nt, pt, dt, ct, it) {
       const ht = [];
-      for (var at = 0; at < it.length; at++) {
-        const Tt = new Uint8Array(it[at]), _t = new Uint32Array(Tt.buffer);
+      for (var at = 0; at < rt.length; at++) {
+        const Pt = new Uint8Array(rt[at]), _t = new Uint32Array(Pt.buffer);
         var Mt;
-        let Ft = 0, qt = 0, Wt = et, ge = ft, Sr = rt ? 1 : 0;
+        let Ft = 0, qt = 0, Wt = nt, ge = pt, Sr = dt ? 1 : 0;
         if (at != 0) {
-          const ju = It || rt || at == 1 || ht[at - 2].dispose != 0 ? 1 : 2;
+          const ju = it || dt || at == 1 || ht[at - 2].dispose != 0 ? 1 : 2;
           let Tr = 0, Ea = 1e9;
           for (let tn = 0; tn < ju; tn++) {
-            var ae = new Uint8Array(it[at - 1 - tn]);
-            const Lu = new Uint32Array(it[at - 1 - tn]);
-            let se = et, oe = ft, Me = -1, en = -1;
-            for (let ye = 0; ye < ft; ye++) for (let ve = 0; ve < et; ve++)
-              _t[xt = ye * et + ve] != Lu[xt] && (ve < se && (se = ve), ve > Me && (Me = ve), ye < oe && (oe = ye), ye > en && (en = ye));
-            Me == -1 && (se = oe = Me = en = 0), dt && ((1 & se) == 1 && se--, (1 & oe) == 1 && oe--);
+            var ae = new Uint8Array(rt[at - 1 - tn]);
+            const Lu = new Uint32Array(rt[at - 1 - tn]);
+            let se = nt, oe = pt, Me = -1, en = -1;
+            for (let ye = 0; ye < pt; ye++) for (let ve = 0; ve < nt; ve++)
+              _t[wt = ye * nt + ve] != Lu[wt] && (ve < se && (se = ve), ve > Me && (Me = ve), ye < oe && (oe = ye), ye > en && (en = ye));
+            Me == -1 && (se = oe = Me = en = 0), ct && ((1 & se) == 1 && se--, (1 & oe) == 1 && oe--);
             const ka = (Me - se + 1) * (en - oe + 1);
             ka < Ea && (Ea = ka, Tr = tn, Ft = se, qt = oe, Wt = Me - se + 1, ge = en - oe + 1);
           }
-          ae = new Uint8Array(it[at - 1 - Tr]), Tr == 1 && (ht[at - 1].dispose = 2), Mt = new Uint8Array(Wt * ge * 4), t(ae, et, ft, Mt, Wt, ge, -Ft, -qt, 0), Sr = t(Tt, et, ft, Mt, Wt, ge, -Ft, -qt, 3) ? 1 : 0, Sr == 1 ? f(Tt, et, ft, Mt, { x: Ft, y: qt, width: Wt, height: ge }) : t(Tt, et, ft, Mt, Wt, ge, -Ft, -qt, 0);
-        } else Mt = Tt.slice(0);
+          ae = new Uint8Array(rt[at - 1 - Tr]), Tr == 1 && (ht[at - 1].dispose = 2), Mt = new Uint8Array(Wt * ge * 4), t(ae, nt, pt, Mt, Wt, ge, -Ft, -qt, 0), Sr = t(Pt, nt, pt, Mt, Wt, ge, -Ft, -qt, 3) ? 1 : 0, Sr == 1 ? f(Pt, nt, pt, Mt, { x: Ft, y: qt, width: Wt, height: ge }) : t(Pt, nt, pt, Mt, Wt, ge, -Ft, -qt, 0);
+        } else Mt = Pt.slice(0);
         ht.push({ rect: { x: Ft, y: qt, width: Wt, height: ge }, img: Mt, blend: Sr, dispose: 0 });
       }
-      if (rt) for (at = 0; at < ht.length; at++) {
+      if (dt) for (at = 0; at < ht.length; at++) {
         if ((pe = ht[at]).blend == 1) continue;
-        const Tt = pe.rect, _t = ht[at - 1].rect, Ft = Math.min(Tt.x, _t.x), qt = Math.min(Tt.y, _t.y), Wt = { x: Ft, y: qt, width: Math.max(Tt.x + Tt.width, _t.x + _t.width) - Ft, height: Math.max(Tt.y + Tt.height, _t.y + _t.height) - qt };
-        ht[at - 1].dispose = 1, at - 1 != 0 && u(it, et, ft, ht, at - 1, Wt, dt), u(it, et, ft, ht, at, Wt, dt);
+        const Pt = pe.rect, _t = ht[at - 1].rect, Ft = Math.min(Pt.x, _t.x), qt = Math.min(Pt.y, _t.y), Wt = { x: Ft, y: qt, width: Math.max(Pt.x + Pt.width, _t.x + _t.width) - Ft, height: Math.max(Pt.y + Pt.height, _t.y + _t.height) - qt };
+        ht[at - 1].dispose = 1, at - 1 != 0 && u(rt, nt, pt, ht, at - 1, Wt, ct), u(rt, nt, pt, ht, at, Wt, ct);
       }
       let In = 0;
-      if (it.length != 1) for (var xt = 0; xt < ht.length; xt++) {
+      if (rt.length != 1) for (var wt = 0; wt < ht.length; wt++) {
         var pe;
-        In += (pe = ht[xt]).rect.width * pe.rect.height;
+        In += (pe = ht[wt]).rect.width * pe.rect.height;
       }
       return ht;
     })(p, y, T, F, C, O), q = {}, J = [], tt = [];
     if (I != 0) {
-      const yt = [];
-      for (B = 0; B < K.length; B++) yt.push(K[B].img.buffer);
-      const it = (function(dt) {
-        let It = 0;
-        for (var ht = 0; ht < dt.length; ht++) It += dt[ht].byteLength;
-        const at = new Uint8Array(It);
+      const vt = [];
+      for (B = 0; B < K.length; B++) vt.push(K[B].img.buffer);
+      const rt = (function(ct) {
+        let it = 0;
+        for (var ht = 0; ht < ct.length; ht++) it += ct[ht].byteLength;
+        const at = new Uint8Array(it);
         let Mt = 0;
-        for (ht = 0; ht < dt.length; ht++) {
-          const ae = new Uint8Array(dt[ht]), In = ae.length;
-          for (let xt = 0; xt < In; xt += 4) {
-            let pe = ae[xt], Tt = ae[xt + 1], _t = ae[xt + 2];
-            const Ft = ae[xt + 3];
-            Ft == 0 && (pe = Tt = _t = 0), at[Mt + xt] = pe, at[Mt + xt + 1] = Tt, at[Mt + xt + 2] = _t, at[Mt + xt + 3] = Ft;
+        for (ht = 0; ht < ct.length; ht++) {
+          const ae = new Uint8Array(ct[ht]), In = ae.length;
+          for (let wt = 0; wt < In; wt += 4) {
+            let pe = ae[wt], Pt = ae[wt + 1], _t = ae[wt + 2];
+            const Ft = ae[wt + 3];
+            Ft == 0 && (pe = Pt = _t = 0), at[Mt + wt] = pe, at[Mt + wt + 1] = Pt, at[Mt + wt + 2] = _t, at[Mt + wt + 3] = Ft;
           }
           Mt += In;
         }
         return at.buffer;
-      })(yt), et = b(it, I);
-      for (B = 0; B < et.plte.length; B++) J.push(et.plte[B].est.rgba);
-      let ft = 0;
+      })(vt), nt = b(rt, I);
+      for (B = 0; B < nt.plte.length; B++) J.push(nt.plte[B].est.rgba);
+      let pt = 0;
       for (B = 0; B < K.length; B++) {
-        const rt = (Y = K[B]).img.length;
-        var W = new Uint8Array(et.inds.buffer, ft >> 2, rt >> 2);
+        const dt = (Y = K[B]).img.length;
+        var W = new Uint8Array(nt.inds.buffer, pt >> 2, dt >> 2);
         tt.push(W);
-        const dt = new Uint8Array(et.abuf, ft, rt);
-        _ && o(Y.img, Y.rect.width, Y.rect.height, J, dt, W), Y.img.set(dt), ft += rt;
+        const ct = new Uint8Array(nt.abuf, pt, dt);
+        _ && o(Y.img, Y.rect.width, Y.rect.height, J, ct, W), Y.img.set(ct), pt += dt;
       }
     } else for (N = 0; N < K.length; N++) {
       var Y = K[N];
-      const yt = new Uint32Array(Y.img.buffer);
+      const vt = new Uint32Array(Y.img.buffer);
       var H = Y.rect.width;
-      for ($ = yt.length, W = new Uint8Array($), tt.push(W), B = 0; B < $; B++) {
-        const it = yt[B];
-        if (B != 0 && it == yt[B - 1]) W[B] = W[B - 1];
-        else if (B > H && it == yt[B - H]) W[B] = W[B - H];
+      for ($ = vt.length, W = new Uint8Array($), tt.push(W), B = 0; B < $; B++) {
+        const rt = vt[B];
+        if (B != 0 && rt == vt[B - 1]) W[B] = W[B - 1];
+        else if (B > H && rt == vt[B - H]) W[B] = W[B - H];
         else {
-          let et = q[it];
-          if (et == null && (q[it] = et = J.length, J.push(it), J.length >= 300)) break;
-          W[B] = et;
+          let nt = q[rt];
+          if (nt == null && (q[rt] = nt = J.length, J.push(rt), J.length >= 300)) break;
+          W[B] = nt;
         }
       }
     }
     const Z = J.length;
     for (Z <= 256 && g == 0 && (U = Z <= 2 ? 1 : Z <= 4 ? 2 : Z <= 16 ? 4 : 8, U = Math.max(U, x)), N = 0; N < K.length; N++) {
       (Y = K[N]).rect.x, Y.rect.y, H = Y.rect.width;
-      const yt = Y.rect.height;
-      let it = Y.img;
-      new Uint32Array(it.buffer);
-      let et = 4 * H, ft = 4;
+      const vt = Y.rect.height;
+      let rt = Y.img;
+      new Uint32Array(rt.buffer);
+      let nt = 4 * H, pt = 4;
       if (Z <= 256 && g == 0) {
-        et = Math.ceil(U * H / 8);
-        var gt = new Uint8Array(et * yt);
-        const rt = tt[N];
-        for (let dt = 0; dt < yt; dt++) {
-          B = dt * et;
-          const It = dt * H;
-          if (U == 8) for (var ot = 0; ot < H; ot++) gt[B + ot] = rt[It + ot];
-          else if (U == 4) for (ot = 0; ot < H; ot++) gt[B + (ot >> 1)] |= rt[It + ot] << 4 - 4 * (1 & ot);
-          else if (U == 2) for (ot = 0; ot < H; ot++) gt[B + (ot >> 2)] |= rt[It + ot] << 6 - 2 * (3 & ot);
-          else if (U == 1) for (ot = 0; ot < H; ot++) gt[B + (ot >> 3)] |= rt[It + ot] << 7 - 1 * (7 & ot);
+        nt = Math.ceil(U * H / 8);
+        var yt = new Uint8Array(nt * vt);
+        const dt = tt[N];
+        for (let ct = 0; ct < vt; ct++) {
+          B = ct * nt;
+          const it = ct * H;
+          if (U == 8) for (var ot = 0; ot < H; ot++) yt[B + ot] = dt[it + ot];
+          else if (U == 4) for (ot = 0; ot < H; ot++) yt[B + (ot >> 1)] |= dt[it + ot] << 4 - 4 * (1 & ot);
+          else if (U == 2) for (ot = 0; ot < H; ot++) yt[B + (ot >> 2)] |= dt[it + ot] << 6 - 2 * (3 & ot);
+          else if (U == 1) for (ot = 0; ot < H; ot++) yt[B + (ot >> 3)] |= dt[it + ot] << 7 - 1 * (7 & ot);
         }
-        it = gt, j = 3, ft = 1;
+        rt = yt, j = 3, pt = 1;
       } else if (V == 0 && K.length == 1) {
-        gt = new Uint8Array(H * yt * 3);
-        const rt = H * yt;
-        for (B = 0; B < rt; B++) {
-          const dt = 3 * B, It = 4 * B;
-          gt[dt] = it[It], gt[dt + 1] = it[It + 1], gt[dt + 2] = it[It + 2];
+        yt = new Uint8Array(H * vt * 3);
+        const dt = H * vt;
+        for (B = 0; B < dt; B++) {
+          const ct = 3 * B, it = 4 * B;
+          yt[ct] = rt[it], yt[ct + 1] = rt[it + 1], yt[ct + 2] = rt[it + 2];
         }
-        it = gt, j = 2, ft = 3, et = 3 * H;
+        rt = yt, j = 2, pt = 3, nt = 3 * H;
       }
-      Y.img = it, Y.bpl = et, Y.bpp = ft;
+      Y.img = rt, Y.bpl = nt, Y.bpp = pt;
     }
     return { ctype: j, depth: U, plte: J, frames: K };
   }
@@ -10153,7 +10153,7 @@ const xu = { toArrayBuffer(t, e) {
     e(new Blob([n], { type: "image/bmp" }));
   }));
 }, _dly: 9 };
-var Ct = { CHROME: "CHROME", FIREFOX: "FIREFOX", DESKTOP_SAFARI: "DESKTOP_SAFARI", IE: "IE", IOS: "IOS", ETC: "ETC" }, sv = { [Ct.CHROME]: 16384, [Ct.FIREFOX]: 11180, [Ct.DESKTOP_SAFARI]: 16384, [Ct.IE]: 8192, [Ct.IOS]: 4096, [Ct.ETC]: 8192 };
+var Et = { CHROME: "CHROME", FIREFOX: "FIREFOX", DESKTOP_SAFARI: "DESKTOP_SAFARI", IE: "IE", IOS: "IOS", ETC: "ETC" }, sv = { [Et.CHROME]: 16384, [Et.FIREFOX]: 11180, [Et.DESKTOP_SAFARI]: 16384, [Et.IE]: 8192, [Et.IOS]: 4096, [Et.ETC]: 8192 };
 const Pa = typeof window < "u", wu = typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope, lr = Pa && window.cordova && window.cordova.require && window.cordova.require("cordova/modulemapper"), ov = (Pa || wu) && (lr && lr.getOriginalSymbol(window, "File") || typeof File < "u" && File), Au = (Pa || wu) && (lr && lr.getOriginalSymbol(window, "FileReader") || typeof FileReader < "u" && FileReader);
 function Ca(t, e, n = Date.now()) {
   return new Promise(((r) => {
@@ -10179,9 +10179,9 @@ function Tu(t) {
 }
 function Te() {
   if (Te.cachedResult !== void 0) return Te.cachedResult;
-  let t = Ct.ETC;
+  let t = Et.ETC;
   const { userAgent: e } = navigator;
-  return /Chrom(e|ium)/i.test(e) ? t = Ct.CHROME : /iP(ad|od|hone)/i.test(e) && /WebKit/i.test(e) ? t = Ct.IOS : /Safari/i.test(e) ? t = Ct.DESKTOP_SAFARI : /Firefox/i.test(e) ? t = Ct.FIREFOX : (/MSIE/i.test(e) || document.documentMode) && (t = Ct.IE), Te.cachedResult = t, Te.cachedResult;
+  return /Chrom(e|ium)/i.test(e) ? t = Et.CHROME : /iP(ad|od|hone)/i.test(e) && /WebKit/i.test(e) ? t = Et.IOS : /Safari/i.test(e) ? t = Et.DESKTOP_SAFARI : /Firefox/i.test(e) ? t = Et.FIREFOX : (/MSIE/i.test(e) || document.documentMode) && (t = Et.IE), Te.cachedResult = t, Te.cachedResult;
 }
 function Pu(t, e) {
   const n = Te(), r = sv[n];
@@ -10256,7 +10256,7 @@ function cr(t, e = {}) {
       }
     };
     try {
-      if (Yn() || [Ct.DESKTOP_SAFARI, Ct.MOBILE_SAFARI].includes(Te())) throw new Error("Skip createImageBitmap on IOS and Safari");
+      if (Yn() || [Et.DESKTOP_SAFARI, Et.MOBILE_SAFARI].includes(Te())) throw new Error("Skip createImageBitmap on IOS and Safari");
       return createImageBitmap(t).then((function(c) {
         try {
           return i = c, s();
@@ -10527,7 +10527,7 @@ function cv(t, e) {
     })), i.postMessage({ file: t, imageCompressionLibUrl: e.libURL, options: { ...e, onProgress: void 0, signal: void 0 } });
   }));
 }
-function wt(t, e) {
+function At(t, e) {
   return new Promise((function(n, r) {
     let i, a, s, o, c, d;
     if (i = { ...e }, s = 0, { onProgress: o } = i, i.maxSizeMB = i.maxSizeMB || Number.POSITIVE_INFINITY, c = typeof i.useWebWorker != "boolean" || i.useWebWorker, delete i.useWebWorker, i.onProgress = (h) => {
@@ -10584,7 +10584,7 @@ function wt(t, e) {
     }
   }));
 }
-wt.getDataUrlFromFile = Su, wt.getFilefromDataUrl = Ca, wt.loadImage = Tu, wt.drawImageInCanvas = Cu, wt.drawFileInCanvas = cr, wt.canvasToFile = ur, wt.getExifOrientation = Eu, wt.handleMaxWidthOrHeight = ku, wt.followExifOrientation = Iu, wt.cleanupCanvasMemory = Ht, wt.isAutoOrientationInBrowser = Be, wt.approximateBelowMaximumCanvasSizeOfBrowser = Pu, wt.copyExifWithoutOrientation = bu, wt.getBrowserName = Te, wt.version = "2.0.2";
+At.getDataUrlFromFile = Su, At.getFilefromDataUrl = Ca, At.loadImage = Tu, At.drawImageInCanvas = Cu, At.drawFileInCanvas = cr, At.canvasToFile = ur, At.getExifOrientation = Eu, At.handleMaxWidthOrHeight = ku, At.followExifOrientation = Iu, At.cleanupCanvasMemory = Ht, At.isAutoOrientationInBrowser = Be, At.approximateBelowMaximumCanvasSizeOfBrowser = Pu, At.copyExifWithoutOrientation = bu, At.getBrowserName = Te, At.version = "2.0.2";
 const Mu = (t) => {
   if (!t || typeof t != "string") return "unknown";
   const e = [
@@ -10620,7 +10620,7 @@ async function Ru(t, e, n) {
   };
   try {
     e(!0);
-    const i = await wt(t, r);
+    const i = await At(t, r);
     return i instanceof File ? i : new File([i], t.name, { type: t.type });
   } catch (i) {
     return console.error("Compression failed; using original file:", i), t;
@@ -10681,12 +10681,12 @@ function mv({ progress: t = null }) {
   ) });
 }
 function Mo({ mediaBlock: t, modifyMedia: e }) {
-  const [n, r] = nt(""), [i, a] = nt(""), [s, o] = nt(""), [c, d] = nt(""), [l, u] = nt(!1), [f, h] = nt(null), m = Gt(null);
-  kt(() => {
+  const [n, r] = et(""), [i, a] = et(""), [s, o] = et(""), [c, d] = et(""), [l, u] = et(!1), [f, h] = et(null), m = Gt(null);
+  It(() => {
     window.addEventListener("dragover", (w) => w.preventDefault()), window.addEventListener("drop", (w) => w.preventDefault());
-  }, []), kt(() => {
+  }, []), It(() => {
     r("To remove image or video component, refresh first."), t.data.src !== "" && (a(t.data.src), o(t.type));
-  }, [t.data.src, t.type]), kt(() => {
+  }, [t.data.src, t.type]), It(() => {
     if (i && i instanceof File) {
       const w = URL.createObjectURL(i);
       t.type === "image" ? e({
@@ -10809,8 +10809,8 @@ const ze = {
   background: "transparent"
 };
 function yv({ linkBlock: t, modifyLink: e, fontFamily: n }) {
-  const [r, i] = nt(t.data.linkText), [a, s] = nt(t.data.url);
-  return kt(() => {
+  const [r, i] = et(t.data.linkText), [a, s] = et(t.data.url);
+  return It(() => {
     e({ linkBlockId: t.id, linkText: r, url: a });
   }, [r, a, t.id]), /* @__PURE__ */ R.jsxs("div", { style: { display: "flex" }, children: [
     /* @__PURE__ */ R.jsx(
@@ -10991,7 +10991,7 @@ function wv({
   }
 }
 function ln({ text: t, children: e }) {
-  const [n, r] = nt(!1), i = {
+  const [n, r] = et(!1), i = {
     position: "relative",
     display: "inline-block"
   }, a = {
@@ -11044,7 +11044,7 @@ const Ro = [
   { id: 13, type: "custom-3", iconText: "C3" }
 ];
 function Av({ handleClick: t, options: e, fontFamily: n }) {
-  const [r, i] = nt(null), a = (c, d) => {
+  const [r, i] = et(null), a = (c, d) => {
     i(c), t(d);
   }, s = e.map((c) => {
     if (c.includes("-")) {
@@ -11188,10 +11188,10 @@ function Tv({
   setPromptAction: i,
   handleCopy: a
 }) {
-  const [s, o] = nt(!1), [c, d] = nt(null), l = Gt(null);
-  kt(() => {
+  const [s, o] = et(!1), [c, d] = et(null), l = Gt(null);
+  It(() => {
     l.current && (l.current.style.transform = t === "editor" ? "translateX(14px)" : "translateX(1px)");
-  }, [t]), kt(() => {
+  }, [t]), It(() => {
     if (s) {
       const m = setTimeout(() => o(!1), 3e3);
       return () => clearTimeout(m);
@@ -11320,7 +11320,7 @@ function Tv({
   );
 }
 function Pv() {
-  const [t, e] = nt(!1), n = {
+  const [t, e] = et(!1), n = {
     display: "flex",
     flexDirection: "column",
     justifyContent: "center",
@@ -11390,7 +11390,7 @@ function Ev({
   handlePromptAction: o,
   setPromptVisiblility: c
 }) {
-  const [d, l] = nt(null), u = {
+  const [d, l] = et(null), u = {
     width: "100%",
     boxSizing: "border-box",
     border: "1px solid #d1d5db",
@@ -11494,10 +11494,10 @@ function kv({
   defaultCustomData3: i,
   localStorageEnable: a
 }) {
-  const [s, o] = nt(
+  const [s, o] = et(
     Mn(t).blocks
-  ), [c, d] = nt(""), [l, u] = nt(""), [f, h] = nt(""), [m, b] = nt([]), [w, v] = nt("editor"), [k, S] = nt(!1), [E, P] = nt("");
-  kt(() => {
+  ), [c, d] = et(""), [l, u] = et(""), [f, h] = et(""), [m, b] = et([]), [w, v] = et("editor"), [k, S] = et(!1), [E, P] = et("");
+  It(() => {
     if (!Array.isArray(s))
       throw new Error(
         "DraftifyReact: blocksData must be an array of DraftifyBlock[]"
@@ -11512,13 +11512,13 @@ function kv({
         o(Mn(s));
     else
       o(Mn(s));
-  }, []), kt(() => {
+  }, []), It(() => {
     a && (async (Y) => {
       const H = await Promise.all(
         Y.map(async (Z) => {
           if (Z.type === "image" && Z.file) {
-            const gt = await $u(Z);
-            return { ...Z, content: gt, file: void 0 };
+            const yt = await $u(Z);
+            return { ...Z, content: yt, file: void 0 };
           }
           return Z;
         })
@@ -11531,7 +11531,7 @@ function kv({
         })
       );
     })(s);
-  }, [s, t]), kt(() => {
+  }, [s, t]), It(() => {
     e(
       (W) => Ia({
         ...W,
@@ -11622,7 +11622,7 @@ function kv({
     o((H) => Xu(H, W, Y));
   }, C = ({ imageBlockId: W, src: Y, alt: H, caption: Z }) => {
     o(
-      (gt) => Ku(gt, W, Y, H, Z)
+      (yt) => Ku(yt, W, Y, H, Z)
     );
   }, O = ({ videoBlockId: W, src: Y, provider: H }) => {
     o((Z) => Gu(Z, W, Y, H));
@@ -11637,8 +11637,8 @@ function kv({
     (Y.type === "image" || Y.type === "video") && Y.data.src !== "" || o((H) => H.filter((Z) => Z.id !== W));
   }, U = (W, Y) => {
     o((H) => {
-      const Z = [...H], [gt] = Z.splice(W, 1);
-      return Z.splice(Y, 0, gt), Z;
+      const Z = [...H], [yt] = Z.splice(W, 1);
+      return Z.splice(Y, 0, yt), Z;
     });
   };
   return {
@@ -11723,7 +11723,7 @@ function kv({
   };
 }
 function Iv(t) {
-  kt(() => {
+  It(() => {
     function e() {
       const r = Math.ceil(window.innerWidth / 20), i = Math.ceil(document.documentElement.scrollHeight / 20), a = [];
       for (let s = 0; s < i; s++)
@@ -11848,56 +11848,60 @@ function Qv({
   // draftify container background set
   DraftifyBackground: m,
   // font styling
-  fontFamily: b = null
+  fontFamily: b = null,
+  // enable toolbar
+  ToolBarEnable: w
 }) {
   const {
     // current view
-    view: w,
-    setView: v,
+    view: v,
+    setView: k,
     // background grid
-    gridDots: k,
-    setGridDots: S,
+    gridDots: S,
+    setGridDots: E,
     // document metadata
-    docTitle: E,
-    setDocTitle: P,
-    description: A,
-    setDescription: L,
-    author: p,
-    setAuthor: y,
+    docTitle: P,
+    setDocTitle: A,
+    description: L,
+    setDescription: p,
+    author: y,
+    setAuthor: T,
     // copy blocks
-    handleCopy: T,
+    handleCopy: I,
     // prompt handlers
-    handlePromptAction: I,
-    promptAction: M,
-    setPromptAction: F,
-    promptVisibility: C,
-    setPromptVisiblility: O,
+    handlePromptAction: M,
+    promptAction: F,
+    setPromptAction: C,
+    promptVisibility: O,
+    setPromptVisiblility: x,
+    // blocks data
+    blocksData: g,
     // block creator
-    handleClick: x,
+    handleClick: _,
     // block modifiers
-    modifyHeading: g,
-    modifySubheading: _,
-    modifyParagraph: j,
-    modifyQuote: U,
-    modifyList: D,
-    modifyTable: N,
-    modifyImage: $,
-    modifyVideo: B,
-    modifyLink: V,
-    modifyCode: K,
-    modifyCustom: q,
+    modifyHeading: j,
+    modifySubheading: U,
+    modifyParagraph: D,
+    modifyQuote: N,
+    modifyList: $,
+    modifyTable: B,
+    modifyImage: V,
+    modifyVideo: K,
+    modifyLink: q,
+    modifyCode: J,
+    modifyCustom: tt,
     // drag and drop handlers
-    onDropHandler: J,
-    onDragStart: tt,
-    onDragEnd: W,
-    onDragEnter: Y,
-    onDragLeave: H,
-    containerVariants: Z,
-    itemVariants: gt,
-    transitions: ot,
-    whileHover: yt,
+    onDropHandler: W,
+    onDragStart: Y,
+    onDragEnd: H,
+    onDragEnter: Z,
+    onDragLeave: yt,
+    containerVariants: ot,
+    itemVariants: vt,
+    transitions: rt,
+    whileHover: nt,
     // block delete
-    handleDelete: it
+    handleDelete: pt
   } = kv({
     draftifyDoc: t,
     setDoc: e,
@@ -11906,8 +11910,8 @@ function Qv({
     defaultCustomData3: u,
     localStorageEnable: f
   });
-  return Iv(S), /* @__PURE__ */ R.jsxs("div", { className: "draftify-root", children: [
-    h && /* @__PURE__ */ R.jsx(Cv, { gridDots: k }),
+  return Iv(E), /* @__PURE__ */ R.jsxs("div", { className: "draftify-root", children: [
+    h && /* @__PURE__ */ R.jsx(Cv, { gridDots: S }),
     /* @__PURE__ */ R.jsxs(
       "div",
       {
@@ -11917,55 +11921,55 @@ function Qv({
         },
         className: "draftify-container",
         children: [
-          C && /* @__PURE__ */ R.jsx(
+          O && /* @__PURE__ */ R.jsx(
             Ev,
             {
-              docTitle: E,
-              setDocTitle: P,
-              description: A,
-              setDescription: L,
-              author: p,
-              setAuthor: y,
-              promptAction: M,
-              handlePromptAction: I,
-              setPromptVisiblility: O
+              docTitle: P,
+              setDocTitle: A,
+              description: L,
+              setDescription: p,
+              author: y,
+              setAuthor: T,
+              promptAction: F,
+              handlePromptAction: M,
+              setPromptVisiblility: x
             }
           ),
-          /* @__PURE__ */ R.jsx(
+          w && /* @__PURE__ */ R.jsx(
             Tv,
             {
-              view: w,
-              setView: v,
+              view: v,
+              setView: k,
               blocksData: t.blocks,
-              setPromptAction: F,
-              setPromptVisiblility: O,
-              handleCopy: T
+              setPromptAction: C,
+              setPromptVisiblility: x,
+              handleCopy: I
             }
           ),
-          w === "editor" && // Input View
+          v === "editor" && // Input View
           /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-            /* @__PURE__ */ R.jsx(Av, { handleClick: x, options: n }),
-            /* @__PURE__ */ R.jsx("div", { className: "editor-area", onSubmit: (et) => et.preventDefault(), children: /* @__PURE__ */ R.jsx(
+            /* @__PURE__ */ R.jsx(Av, { handleClick: _, options: n }),
+            /* @__PURE__ */ R.jsx("div", { className: "editor-area", onSubmit: (dt) => dt.preventDefault(), children: /* @__PURE__ */ R.jsx(
               Ks.div,
               {
                 style: { display: "grid", gap: "10px" },
-                variants: Z,
+                variants: ot,
                 animate: "show",
                 exit: "hidden",
-                children: /* @__PURE__ */ R.jsx(jh, { children: t.blocks.map((et, ft) => /* @__PURE__ */ R.jsxs(
+                children: /* @__PURE__ */ R.jsx(jh, { children: g.map((dt, ct) => /* @__PURE__ */ R.jsxs(
                   Ks.div,
                   {
                     layout: !0,
-                    variants: gt,
-                    transition: ot,
-                    whileHover: yt,
+                    variants: vt,
+                    transition: rt,
+                    whileHover: nt,
                     draggable: !0,
-                    onDragStart: (rt) => tt(rt, ft),
-                    onDragEnd: (rt) => W(rt),
-                    onDragOver: (rt) => rt.preventDefault(),
-                    onDragEnter: (rt) => Y(rt),
-                    onDragLeave: (rt) => H(rt),
-                    onDrop: (rt) => J(rt, ft),
+                    onDragStart: (it) => Y(it, ct),
+                    onDragEnd: (it) => H(it),
+                    onDragOver: (it) => it.preventDefault(),
+                    onDragEnter: (it) => Z(it),
+                    onDragLeave: (it) => yt(it),
+                    onDrop: (it) => W(it, ct),
                     className: "block-container",
                     children: [
                       /* @__PURE__ */ R.jsx(Pv, {}),
@@ -11973,18 +11977,18 @@ function Qv({
                         wv,
                         {
                           fontFamily: b,
-                          block: et,
-                          modifyHeading: g,
-                          modifySubheading: _,
-                          modifyParagraph: j,
-                          modifyQuote: U,
-                          modifyList: D,
-                          modifyTable: N,
-                          modifyImage: $,
-                          modifyVideo: B,
-                          modifyLink: V,
-                          modifyCode: K,
-                          modifyCustom: q,
+                          block: dt,
+                          modifyHeading: j,
+                          modifySubheading: U,
+                          modifyParagraph: D,
+                          modifyQuote: N,
+                          modifyList: $,
+                          modifyTable: B,
+                          modifyImage: V,
+                          modifyVideo: K,
+                          modifyLink: q,
+                          modifyCode: J,
+                          modifyCustom: tt,
                           CustomEditor1: r,
                           CustomEditor2: i,
                           CustomEditor3: a
@@ -11995,17 +11999,17 @@ function Qv({
                         {
                           icon: ["fas", "trash"],
                           className: "delete-icon",
-                          onClick: () => it(et.id)
+                          onClick: () => pt(dt.id)
                         }
                       )
                     ]
                   },
-                  et.id
+                  dt.id
                 )) })
               }
             ) })
           ] }),
-          w === "preview" && /* @__PURE__ */ R.jsx("div", { className: "output-area", children: /* @__PURE__ */ R.jsx(
+          v === "preview" && /* @__PURE__ */ R.jsx("div", { className: "output-area", children: /* @__PURE__ */ R.jsx(
             Sv,
             {
               fontFamily: b,
@@ -12015,7 +12019,13 @@ function Qv({
               CustomOutput3: c
             }
           ) }),
-          /* @__PURE__ */ R.jsx("em", { style: { fontSize: "11px", fontWeight: "semibold", color: "blue" }, children: "The document title, description and author can be added when exporting or downloading." })
+          w && /* @__PURE__ */ R.jsx(
+            "em",
+            {
+              style: { fontSize: "11px", fontWeight: "semibold", color: "blue" },
+              children: "The document title, description and author can be added when exporting or downloading."
+            }
+          )
         ]
       }
     )