draftify-react 0.3.1 → 0.3.3

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);
   }
@@ -530,13 +530,13 @@ const qr = {
   test: /* @__PURE__ */ Yi("hsl", "hue"),
   parse: /* @__PURE__ */ Jo("hue", "saturation", "lightness"),
   transform: ({ hue: t, saturation: e, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(t) + ", " + Kt.transform(cn(e)) + ", " + Kt.transform(cn(n)) + ", " + cn(gn.transform(r)) + ")"
-}, ht = {
+}, mt = {
   test: (t) => we.test(t) || qr.test(t) || De.test(t),
   parse: (t) => we.test(t) ? we.parse(t) : De.test(t) ? De.parse(t) : qr.parse(t),
   transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? we.transform(t) : De.transform(t),
   getAnimatableNone: (t) => {
-    const e = ht.parse(t);
-    return e.alpha = 0, ht.transform(e);
+    const e = mt.parse(t);
+    return e.alpha = 0, mt.transform(e);
   }
 }, Qf = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function Zf(t) {
@@ -550,7 +550,7 @@ function yn(t) {
     var: []
   }, i = [];
   let a = 0;
-  const o = e.replace(ed, (c) => (ht.test(c) ? (r.color.push(a), i.push(el), n.push(ht.parse(c))) : c.startsWith(td) ? (r.var.push(a), i.push(Jf), n.push(c)) : (r.number.push(a), i.push(tl), n.push(parseFloat(c))), ++a, _a)).split(_a);
+  const o = e.replace(ed, (c) => (mt.test(c) ? (r.color.push(a), i.push(el), n.push(mt.parse(c))) : c.startsWith(td) ? (r.var.push(a), i.push(Jf), n.push(c)) : (r.number.push(a), i.push(tl), n.push(parseFloat(c))), ++a, _a)).split(_a);
   return { values: n, split: o, indexes: r, types: i };
 }
 function nl(t) {
@@ -563,12 +563,12 @@ function rl(t) {
     for (let s = 0; s < r; s++)
       if (a += e[s], i[s] !== void 0) {
         const o = n[s];
-        o === tl ? a += cn(i[s]) : o === el ? a += ht.transform(i[s]) : a += i[s];
+        o === tl ? a += cn(i[s]) : o === el ? a += mt.transform(i[s]) : a += i[s];
       }
     return a;
   };
 }
-const nd = (t) => typeof t == "number" ? 0 : ht.test(t) ? ht.getAnimatableNone(t) : t;
+const nd = (t) => typeof t == "number" ? 0 : mt.test(t) ? mt.getAnimatableNone(t) : t;
 function rd(t) {
   const e = nl(t);
   return rl(t)(e.map(nd));
@@ -626,7 +626,7 @@ function ld(t, e) {
   return (n) => ft(t, e, n);
 }
 function Gi(t) {
-  return typeof t == "number" ? ld : typeof t == "string" ? Wi(t) ? Gn : ht.test(t) ? Na : fd : Array.isArray(t) ? il : typeof t == "object" ? ht.test(t) ? Na : cd : Gn;
+  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;
 }
 function il(t, e) {
   const n = [...t], r = n.length, i = t.map((a, s) => Gi(a)(a, e[s]));
@@ -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 = "";
@@ -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,
@@ -1723,17 +1723,17 @@ const uh = /\b([a-z-]*)\(.*?\)/gu, li = {
 }, dh = {
   ...ta,
   // Color props
-  color: ht,
-  backgroundColor: ht,
-  outlineColor: ht,
-  fill: ht,
-  stroke: ht,
+  color: mt,
+  backgroundColor: mt,
+  outlineColor: mt,
+  fill: mt,
+  stroke: mt,
   // Border props
-  borderColor: ht,
-  borderTopColor: ht,
-  borderRightColor: ht,
-  borderBottomColor: ht,
-  borderLeftColor: ht,
+  borderColor: mt,
+  borderTopColor: mt,
+  borderRightColor: mt,
+  borderBottomColor: mt,
+  borderLeftColor: mt,
   filter: li,
   WebkitFilter: li
 }, bl = (t) => dh[t];
@@ -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, ht, 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) {
@@ -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");
@@ -2912,7 +2912,7 @@ const fs = () => ({
 }), Ve = () => ({
   x: fs(),
   y: fs()
-}), ds = () => ({ min: 0, max: 0 }), mt = () => ({
+}), 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) : mt();
+    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 = mt;
+    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 = ft(e.min, e.max, t.origin), t.scale = Pt(n) / Pt(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);
+  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));
@@ -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 = mt(), 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;
@@ -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));
   };
@@ -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 = mt(), 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 mt();
+        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 = mt();
+      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 = mt();
+      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 = mt();
+      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 = mt(), 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 = mt(), this.targetWithTransforms = mt()), 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 = mt(), this.relativeTargetOrigin = mt(), 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 = mt());
+      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 = mt(), 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 = mt()), 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 || mt();
-          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 = mt();
+          const h = gt();
           Zn(h, e.layoutBox, u.layoutBox);
-          const m = mt();
+          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);
         }
       }
@@ -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();
       });
     }
@@ -8403,14 +8403,13 @@ function $y({
   fontFamily: n
 }) {
   return /* @__PURE__ */ R.jsx(
-    "input",
+    "textarea",
     {
       style: {
         ...nr,
         fontFamily: n || nr.fontFamily,
         borderBottom: "1px solid #232323"
       },
-      type: "text",
       placeholder: "Heading...",
       autoFocus: !0,
       value: t.data.text,
@@ -8450,14 +8449,13 @@ function Hy({
   modifySubheading: n
 }) {
   return /* @__PURE__ */ R.jsx(
-    "input",
+    "textarea",
     {
       style: {
         ...rr,
         borderBottom: "1px solid #232323",
         fontFamily: t || rr.fontFamily
       },
-      type: "text",
       placeholder: "sub heading ...",
       autoFocus: !0,
       value: e.data.text,
@@ -8536,14 +8534,13 @@ const ar = {
 };
 function Xy({ listBlock: t, modifyList: e, fontFamily: n }) {
   return /* @__PURE__ */ R.jsx(
-    "input",
+    "textarea",
     {
       style: {
         ...ar,
         borderBottom: "1px solid #232323",
         fontFamily: n || ar.fontFamily
       },
-      type: "text",
       placeholder: "separate items using comma",
       autoFocus: !0,
       value: t.data.items.join(","),
@@ -8579,14 +8576,13 @@ const sr = {
 };
 function Qy({ quoteBlock: t, modifyQuote: e, fontFamily: n }) {
   return /* @__PURE__ */ R.jsx(
-    "input",
+    "textarea",
     {
       style: {
         ...sr,
         borderBottom: "1px solid #232323",
         fontFamily: n || sr.fontFamily
       },
-      type: "text",
       placeholder: "Quote...",
       autoFocus: !0,
       value: t.data.text,
@@ -8641,9 +8637,8 @@ function Jy({ tableBlock: t, modifyTable: e, fontFamily: n }) {
               padding: "8px"
             },
             children: /* @__PURE__ */ R.jsx(
-              "input",
+              "textarea",
               {
-                type: "text",
                 placeholder: `Col ${s + 1}`,
                 style: {
                   border: "none",
@@ -8679,9 +8674,8 @@ function Jy({ tableBlock: t, modifyTable: e, fontFamily: n }) {
               padding: "8px"
             },
             children: /* @__PURE__ */ R.jsx(
-              "input",
+              "textarea",
               {
-                type: "text",
                 style: {
                   border: "none",
                   borderBottom: "1px solid #3b82f6",
@@ -8763,7 +8757,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 +8787,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 +9864,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 gt = new Uint8Array(p[N]);
-      for (var $ = gt.length, B = 0; B < $; B += 4) D &= gt[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, rt, ct, yt, et, It) {
-      const dt = [];
-      for (var at = 0; at < it.length; at++) {
-        const Tt = new Uint8Array(it[at]), _t = new Uint32Array(Tt.buffer);
+    const V = D != 255, K = (function(rt, nt, pt, dt, ct, it) {
+      const ht = [];
+      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 = rt, ge = ct, Sr = yt ? 1 : 0;
+        let Ft = 0, qt = 0, Wt = nt, ge = pt, Sr = dt ? 1 : 0;
         if (at != 0) {
-          const ju = It || yt || at == 1 || dt[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 = rt, oe = ct, Me = -1, en = -1;
-            for (let ye = 0; ye < ct; ye++) for (let ve = 0; ve < rt; ve++)
-              _t[xt = ye * rt + 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), et && ((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 && (dt[at - 1].dispose = 2), Mt = new Uint8Array(Wt * ge * 4), t(ae, rt, ct, Mt, Wt, ge, -Ft, -qt, 0), Sr = t(Tt, rt, ct, Mt, Wt, ge, -Ft, -qt, 3) ? 1 : 0, Sr == 1 ? f(Tt, rt, ct, Mt, { x: Ft, y: qt, width: Wt, height: ge }) : t(Tt, rt, ct, Mt, Wt, ge, -Ft, -qt, 0);
-        } else Mt = Tt.slice(0);
-        dt.push({ rect: { x: Ft, y: qt, width: Wt, height: ge }, img: Mt, blend: Sr, dispose: 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 (yt) for (at = 0; at < dt.length; at++) {
-        if ((pe = dt[at]).blend == 1) continue;
-        const Tt = pe.rect, _t = dt[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 };
-        dt[at - 1].dispose = 1, at - 1 != 0 && u(it, rt, ct, dt, at - 1, Wt, et), u(it, rt, ct, dt, at, Wt, et);
+      if (dt) for (at = 0; at < ht.length; at++) {
+        if ((pe = ht[at]).blend == 1) continue;
+        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 < dt.length; xt++) {
+      if (rt.length != 1) for (var wt = 0; wt < ht.length; wt++) {
         var pe;
-        In += (pe = dt[xt]).rect.width * pe.rect.height;
+        In += (pe = ht[wt]).rect.width * pe.rect.height;
       }
-      return dt;
+      return ht;
     })(p, y, T, F, C, O), q = {}, J = [], tt = [];
     if (I != 0) {
-      const gt = [];
-      for (B = 0; B < K.length; B++) gt.push(K[B].img.buffer);
-      const it = (function(et) {
-        let It = 0;
-        for (var dt = 0; dt < et.length; dt++) It += et[dt].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 (dt = 0; dt < et.length; dt++) {
-          const ae = new Uint8Array(et[dt]), 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;
-      })(gt), rt = b(it, I);
-      for (B = 0; B < rt.plte.length; B++) J.push(rt.plte[B].est.rgba);
-      let ct = 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 yt = (Y = K[B]).img.length;
-        var W = new Uint8Array(rt.inds.buffer, ct >> 2, yt >> 2);
+        const dt = (Y = K[B]).img.length;
+        var W = new Uint8Array(nt.inds.buffer, pt >> 2, dt >> 2);
         tt.push(W);
-        const et = new Uint8Array(rt.abuf, ct, yt);
-        _ && o(Y.img, Y.rect.width, Y.rect.height, J, et, W), Y.img.set(et), ct += yt;
+        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 gt = new Uint32Array(Y.img.buffer);
+      const vt = new Uint32Array(Y.img.buffer);
       var H = Y.rect.width;
-      for ($ = gt.length, W = new Uint8Array($), tt.push(W), B = 0; B < $; B++) {
-        const it = gt[B];
-        if (B != 0 && it == gt[B - 1]) W[B] = W[B - 1];
-        else if (B > H && it == gt[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 rt = q[it];
-          if (rt == null && (q[it] = rt = J.length, J.push(it), J.length >= 300)) break;
-          W[B] = rt;
+          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 gt = Y.rect.height;
-      let it = Y.img;
-      new Uint32Array(it.buffer);
-      let rt = 4 * H, ct = 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) {
-        rt = Math.ceil(U * H / 8);
-        var pt = new Uint8Array(rt * gt);
-        const yt = tt[N];
-        for (let et = 0; et < gt; et++) {
-          B = et * rt;
-          const It = et * H;
-          if (U == 8) for (var ot = 0; ot < H; ot++) pt[B + ot] = yt[It + ot];
-          else if (U == 4) for (ot = 0; ot < H; ot++) pt[B + (ot >> 1)] |= yt[It + ot] << 4 - 4 * (1 & ot);
-          else if (U == 2) for (ot = 0; ot < H; ot++) pt[B + (ot >> 2)] |= yt[It + ot] << 6 - 2 * (3 & ot);
-          else if (U == 1) for (ot = 0; ot < H; ot++) pt[B + (ot >> 3)] |= yt[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 = pt, j = 3, ct = 1;
+        rt = yt, j = 3, pt = 1;
       } else if (V == 0 && K.length == 1) {
-        pt = new Uint8Array(H * gt * 3);
-        const yt = H * gt;
-        for (B = 0; B < yt; B++) {
-          const et = 3 * B, It = 4 * B;
-          pt[et] = it[It], pt[et + 1] = it[It + 1], pt[et + 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 = pt, j = 2, ct = 3, rt = 3 * H;
+        rt = yt, j = 2, pt = 3, nt = 3 * H;
       }
-      Y.img = it, Y.bpl = rt, Y.bpp = ct;
+      Y.img = rt, Y.bpl = nt, Y.bpp = pt;
     }
     return { ctype: j, depth: U, plte: J, frames: K };
   }
@@ -10153,7 +10147,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 +10173,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 +10250,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 +10521,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 +10578,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 +10614,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 +10675,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 +10803,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 +10985,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 +11038,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 +11182,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 +11314,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 +11384,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 +11488,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 +11506,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 pt = await $u(Z);
-            return { ...Z, content: pt, file: void 0 };
+            const yt = await $u(Z);
+            return { ...Z, content: yt, file: void 0 };
           }
           return Z;
         })
@@ -11531,7 +11525,7 @@ function kv({
         })
       );
     })(s);
-  }, [s, t]), kt(() => {
+  }, [s, t]), It(() => {
     e(
       (W) => Ia({
         ...W,
@@ -11622,7 +11616,7 @@ function kv({
     o((H) => Xu(H, W, Y));
   }, C = ({ imageBlockId: W, src: Y, alt: H, caption: Z }) => {
     o(
-      (pt) => Ku(pt, 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 +11631,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], [pt] = Z.splice(W, 1);
-      return Z.splice(Y, 0, pt), Z;
+      const Z = [...H], [yt] = Z.splice(W, 1);
+      return Z.splice(Y, 0, yt), Z;
     });
   };
   return {
@@ -11723,7 +11717,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++)
@@ -11874,32 +11868,34 @@ function Qv({
     setPromptAction: C,
     promptVisibility: O,
     setPromptVisiblility: x,
+    // blocks data
+    blocksData: g,
     // block creator
-    handleClick: g,
+    handleClick: _,
     // block modifiers
-    modifyHeading: _,
-    modifySubheading: j,
-    modifyParagraph: U,
-    modifyQuote: D,
-    modifyList: N,
-    modifyTable: $,
-    modifyImage: B,
-    modifyVideo: V,
-    modifyLink: K,
-    modifyCode: q,
-    modifyCustom: J,
+    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: tt,
-    onDragStart: W,
-    onDragEnd: Y,
-    onDragEnter: H,
-    onDragLeave: Z,
-    containerVariants: pt,
-    itemVariants: ot,
-    transitions: gt,
-    whileHover: it,
+    onDropHandler: W,
+    onDragStart: Y,
+    onDragEnd: H,
+    onDragEnter: Z,
+    onDragLeave: yt,
+    containerVariants: ot,
+    itemVariants: vt,
+    transitions: rt,
+    whileHover: nt,
     // block delete
-    handleDelete: rt
+    handleDelete: pt
   } = kv({
     draftifyDoc: t,
     setDoc: e,
@@ -11946,28 +11942,28 @@ function Qv({
           ),
           v === "editor" && // Input View
           /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-            /* @__PURE__ */ R.jsx(Av, { handleClick: g, options: n }),
-            /* @__PURE__ */ R.jsx("div", { className: "editor-area", onSubmit: (ct) => ct.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: pt,
+                variants: ot,
                 animate: "show",
                 exit: "hidden",
-                children: /* @__PURE__ */ R.jsx(jh, { children: t.blocks.map((ct, yt) => /* @__PURE__ */ R.jsxs(
+                children: /* @__PURE__ */ R.jsx(jh, { children: g.map((dt, ct) => /* @__PURE__ */ R.jsxs(
                   Ks.div,
                   {
                     layout: !0,
-                    variants: ot,
-                    transition: gt,
-                    whileHover: it,
+                    variants: vt,
+                    transition: rt,
+                    whileHover: nt,
                     draggable: !0,
-                    onDragStart: (et) => W(et, yt),
-                    onDragEnd: (et) => Y(et),
-                    onDragOver: (et) => et.preventDefault(),
-                    onDragEnter: (et) => H(et),
-                    onDragLeave: (et) => Z(et),
-                    onDrop: (et) => tt(et, yt),
+                    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, {}),
@@ -11975,18 +11971,18 @@ function Qv({
                         wv,
                         {
                           fontFamily: b,
-                          block: ct,
-                          modifyHeading: _,
-                          modifySubheading: j,
-                          modifyParagraph: U,
-                          modifyQuote: D,
-                          modifyList: N,
-                          modifyTable: $,
-                          modifyImage: B,
-                          modifyVideo: V,
-                          modifyLink: K,
-                          modifyCode: q,
-                          modifyCustom: J,
+                          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
@@ -11997,12 +11993,12 @@ function Qv({
                         {
                           icon: ["fas", "trash"],
                           className: "delete-icon",
-                          onClick: () => rt(ct.id)
+                          onClick: () => pt(dt.id)
                         }
                       )
                     ]
                   },
-                  ct.id
+                  dt.id
                 )) })
               }
             ) })