draftify-react 0.3.0 → 0.3.1

package/dist/draftify-react.es.js

@@ -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)) + ")"
-}, mt = {
+}, ht = {
   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 = mt.parse(t);
-    return e.alpha = 0, mt.transform(e);
+    const e = ht.parse(t);
+    return e.alpha = 0, ht.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) => (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);
+  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);
   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 += mt.transform(i[s]) : a += i[s];
+        o === tl ? a += cn(i[s]) : o === el ? a += ht.transform(i[s]) : a += i[s];
       }
     return a;
   };
 }
-const nd = (t) => typeof t == "number" ? 0 : mt.test(t) ? mt.getAnimatableNone(t) : t;
+const nd = (t) => typeof t == "number" ? 0 : ht.test(t) ? ht.getAnimatableNone(t) : t;
 function rd(t) {
   const e = nl(t);
   return rl(t)(e.map(nd));
@@ -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,16 +617,16 @@ 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;
+  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;
 }
 function il(t, e) {
   const n = [...t], r = n.length, i = t.map((a, s) => Gi(a)(a, e[s]));
@@ -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);
@@ -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) {
@@ -1723,17 +1723,17 @@ const uh = /\b([a-z-]*)\(.*?\)/gu, li = {
 }, dh = {
   ...ta,
   // Color props
-  color: mt,
-  backgroundColor: mt,
-  outlineColor: mt,
-  fill: mt,
-  stroke: mt,
+  color: ht,
+  backgroundColor: ht,
+  outlineColor: ht,
+  fill: ht,
+  stroke: ht,
   // Border props
-  borderColor: mt,
-  borderTopColor: mt,
-  borderRightColor: mt,
-  borderBottomColor: mt,
-  borderLeftColor: mt,
+  borderColor: ht,
+  borderTopColor: ht,
+  borderRightColor: ht,
+  borderBottomColor: ht,
+  borderLeftColor: ht,
   filter: li,
   WebkitFilter: li
 }, bl = (t) => dh[t];
@@ -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 St = (t) => !!(t && t.getVelocity), Ch = [...vl, ht, ue], Eh = (t) => Ch.find(yl(t)), ra = Ke({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
@@ -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 = {
@@ -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 }), mt = () => ({
   x: ds(),
   y: ds()
 }), di = { current: null }, Hl = { current: !1 };
@@ -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) : mt();
   }
   getStaticValue(e) {
     return this.latestValues[e];
@@ -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 = mt;
   }
   getBaseTargetFromProps(e, n) {
     return e[n];
@@ -3681,7 +3681,7 @@ 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 = 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);
 }
 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);
@@ -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 {
@@ -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 = mt(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
   }
   start(e, { snapToCursor: n = !1, distanceThreshold: r } = {}) {
     const { presenceContext: i } = this.visualElement;
@@ -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() {
@@ -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) {
@@ -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 = mt(), 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 mt();
       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 = mt();
       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 = mt();
       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 = mt();
       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 = mt(), 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;
@@ -4596,7 +4596,7 @@ function fc({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       this.resolvedRelativeTargetAt = vt.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 = 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));
     }
     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 = mt(), this.relativeTargetOrigin = mt(), Zn(this.relativeTargetOrigin, o, c), Vt(this.relativeTarget, this.relativeTargetOrigin);
     }
     removeRelativeTarget() {
       this.relativeParent = this.relativeTarget = void 0;
@@ -4621,7 +4621,7 @@ function fc({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         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 = mt());
       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 = 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));
       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 = 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;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(s) {
@@ -4686,7 +4686,7 @@ 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();
+          c = this.target || mt();
           const u = Pt(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);
@@ -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 = mt();
           Zn(h, e.layoutBox, u.layoutBox);
-          const m = pt();
+          const m = mt();
           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);
@@ -9870,54 +9870,54 @@ 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 gt = new Uint8Array(p[N]);
+      for (var $ = gt.length, B = 0; B < $; B += 4) D &= gt[B + 3];
     }
-    const V = D != 255, K = (function(it, et, ft, rt, dt, It) {
-      const ht = [];
+    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);
         var Mt;
-        let Ft = 0, qt = 0, Wt = et, ge = ft, Sr = rt ? 1 : 0;
+        let Ft = 0, qt = 0, Wt = rt, ge = ct, Sr = yt ? 1 : 0;
         if (at != 0) {
-          const ju = It || rt || at == 1 || ht[at - 2].dispose != 0 ? 1 : 2;
+          const ju = It || yt || at == 1 || dt[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--);
+            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--);
             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);
+          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);
-        ht.push({ rect: { x: Ft, y: qt, width: Wt, height: ge }, img: Mt, blend: Sr, dispose: 0 });
+        dt.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 ((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);
+      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);
       }
       let In = 0;
-      if (it.length != 1) for (var xt = 0; xt < ht.length; xt++) {
+      if (it.length != 1) for (var xt = 0; xt < dt.length; xt++) {
         var pe;
-        In += (pe = ht[xt]).rect.width * pe.rect.height;
+        In += (pe = dt[xt]).rect.width * pe.rect.height;
       }
-      return ht;
+      return dt;
     })(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) {
+      const gt = [];
+      for (B = 0; B < K.length; B++) gt.push(K[B].img.buffer);
+      const it = (function(et) {
         let It = 0;
-        for (var ht = 0; ht < dt.length; ht++) It += dt[ht].byteLength;
+        for (var dt = 0; dt < et.length; dt++) It += et[dt].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 (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];
@@ -9926,61 +9926,61 @@ const Nt = (function() {
           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;
+      })(gt), rt = b(it, I);
+      for (B = 0; B < rt.plte.length; B++) J.push(rt.plte[B].est.rgba);
+      let ct = 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 yt = (Y = K[B]).img.length;
+        var W = new Uint8Array(rt.inds.buffer, ct >> 2, yt >> 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 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;
       }
     } else for (N = 0; N < K.length; N++) {
       var Y = K[N];
-      const yt = new Uint32Array(Y.img.buffer);
+      const gt = 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 ($ = 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];
         else {
-          let et = q[it];
-          if (et == null && (q[it] = et = J.length, J.push(it), J.length >= 300)) break;
-          W[B] = et;
+          let rt = q[it];
+          if (rt == null && (q[it] = rt = J.length, J.push(it), J.length >= 300)) break;
+          W[B] = rt;
         }
       }
     }
     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;
+      const gt = Y.rect.height;
       let it = Y.img;
       new Uint32Array(it.buffer);
-      let et = 4 * H, ft = 4;
+      let rt = 4 * H, ct = 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);
+        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);
         }
-        it = gt, j = 3, ft = 1;
+        it = pt, j = 3, ct = 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];
+        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];
         }
-        it = gt, j = 2, ft = 3, et = 3 * H;
+        it = pt, j = 2, ct = 3, rt = 3 * H;
       }
-      Y.img = it, Y.bpl = et, Y.bpp = ft;
+      Y.img = it, Y.bpl = rt, Y.bpp = ct;
     }
     return { ctype: j, depth: U, plte: J, frames: K };
   }
@@ -11517,8 +11517,8 @@ function kv({
       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 pt = await $u(Z);
+            return { ...Z, content: pt, file: void 0 };
           }
           return Z;
         })
@@ -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)
+      (pt) => Ku(pt, 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], [pt] = Z.splice(W, 1);
+      return Z.splice(Y, 0, pt), Z;
     });
   };
   return {
@@ -11848,56 +11848,58 @@ 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,
     // block creator
-    handleClick: x,
+    handleClick: g,
     // block modifiers
-    modifyHeading: g,
-    modifySubheading: _,
-    modifyParagraph: j,
-    modifyQuote: U,
-    modifyList: D,
-    modifyTable: N,
-    modifyImage: $,
-    modifyVideo: B,
-    modifyLink: V,
-    modifyCode: K,
-    modifyCustom: q,
+    modifyHeading: _,
+    modifySubheading: j,
+    modifyParagraph: U,
+    modifyQuote: D,
+    modifyList: N,
+    modifyTable: $,
+    modifyImage: B,
+    modifyVideo: V,
+    modifyLink: K,
+    modifyCode: q,
+    modifyCustom: J,
     // drag and drop handlers
-    onDropHandler: J,
-    onDragStart: tt,
-    onDragEnd: W,
-    onDragEnter: Y,
-    onDragLeave: H,
-    containerVariants: Z,
-    itemVariants: gt,
-    transitions: ot,
-    whileHover: yt,
+    onDropHandler: tt,
+    onDragStart: W,
+    onDragEnd: Y,
+    onDragEnter: H,
+    onDragLeave: Z,
+    containerVariants: pt,
+    itemVariants: ot,
+    transitions: gt,
+    whileHover: it,
     // block delete
-    handleDelete: it
+    handleDelete: rt
   } = kv({
     draftifyDoc: t,
     setDoc: e,
@@ -11906,8 +11908,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 +11919,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: g, options: n }),
+            /* @__PURE__ */ R.jsx("div", { className: "editor-area", onSubmit: (ct) => ct.preventDefault(), children: /* @__PURE__ */ R.jsx(
               Ks.div,
               {
                 style: { display: "grid", gap: "10px" },
-                variants: Z,
+                variants: pt,
                 animate: "show",
                 exit: "hidden",
-                children: /* @__PURE__ */ R.jsx(jh, { children: t.blocks.map((et, ft) => /* @__PURE__ */ R.jsxs(
+                children: /* @__PURE__ */ R.jsx(jh, { children: t.blocks.map((ct, yt) => /* @__PURE__ */ R.jsxs(
                   Ks.div,
                   {
                     layout: !0,
-                    variants: gt,
-                    transition: ot,
-                    whileHover: yt,
+                    variants: ot,
+                    transition: gt,
+                    whileHover: it,
                     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: (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),
                     className: "block-container",
                     children: [
                       /* @__PURE__ */ R.jsx(Pv, {}),
@@ -11973,18 +11975,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: ct,
+                          modifyHeading: _,
+                          modifySubheading: j,
+                          modifyParagraph: U,
+                          modifyQuote: D,
+                          modifyList: N,
+                          modifyTable: $,
+                          modifyImage: B,
+                          modifyVideo: V,
+                          modifyLink: K,
+                          modifyCode: q,
+                          modifyCustom: J,
                           CustomEditor1: r,
                           CustomEditor2: i,
                           CustomEditor3: a
@@ -11995,17 +11997,17 @@ function Qv({
                         {
                           icon: ["fas", "trash"],
                           className: "delete-icon",
-                          onClick: () => it(et.id)
+                          onClick: () => rt(ct.id)
                         }
                       )
                     ]
                   },
-                  et.id
+                  ct.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 +12017,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."
+            }
+          )
         ]
       }
     )