@fraczled/sdk 1.30.8 → 1.30.9

package/dist/{index-DDpUxkLl.js → index-HetErHPU.js}

@@ -10784,7 +10784,7 @@ endobj\r
   var u = d.getContext("2d");
   u.fillStyle = "#fff", u.fillRect(0, 0, d.width, d.height);
   var m = { ignoreMouse: !0, ignoreAnimation: !0, ignoreDimensions: !0 }, g = this;
-  return (cn.canvg ? Promise.resolve(cn.canvg) : import("./index.es-CxslRRpx.js")).catch(function(v) {
+  return (cn.canvg ? Promise.resolve(cn.canvg) : import("./index.es-Bdk3_1Mz.js")).catch(function(v) {
     return Promise.reject(new Error("Could not load canvg: " + v));
   }).then(function(v) {
     return v.default ? v.default : v;
@@ -16914,7 +16914,7 @@ function Oc({
     })
   );
 }
-var nx = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var ix = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function py(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -20479,7 +20479,26 @@ const Xy = () => {
       Ce && /* @__PURE__ */ a.createElement(Dh, { content: e.content, color: e.color || "#000000", backgroundColor: e.backgroundColor || "#ffffff" })
     )
   ), tn);
-}, rv = 20, pl = 10, Fh = (e) => ({
+};
+class rv extends a.Component {
+  constructor() {
+    super(...arguments), this.state = { hasError: !1 };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  componentDidCatch(t) {
+    const n = this.props.elementId || "unknown", r = this.props.elementType || "unknown";
+    console.error(`[ElementRenderer] Failed to render element ${n} (${r})`, t);
+  }
+  render() {
+    return this.state.hasError ? null : this.props.children;
+  }
+}
+const av = (e) => {
+  var t, n;
+  return /* @__PURE__ */ a.createElement(rv, { elementId: (t = e.element) == null ? void 0 : t.id, elementType: (n = e.element) == null ? void 0 : n.type }, /* @__PURE__ */ a.createElement(nv, { ...e }));
+}, iv = 20, pl = 10, Fh = (e) => ({
   ...e,
   anchors: e.anchors.map((t) => ({
     ...t,
@@ -20492,7 +20511,7 @@ const Xy = () => {
   anchors: e.anchors.map(
     (r) => r.id === t ? { ...r, ...n } : r
   )
-}), av = ({
+}), sv = ({
   zoom: e,
   pageWidth: t,
   pageHeight: n,
@@ -20679,7 +20698,7 @@ const Xy = () => {
   }, be = (ge) => {
     ge.stopPropagation(), ge.preventDefault();
     const We = z(S(ge.clientX, ge.clientY));
-    if (K(We), !g || g.closed || !Q ? R(!1) : R(Ti(We, Q.position) <= rv / A), !ye || !g || !$) return;
+    if (K(We), !g || g.closed || !Q ? R(!1) : R(Ti(We, Q.position) <= iv / A), !ye || !g || !$) return;
     const Oe = g.anchors.find((Me) => Me.id === $);
     if (Oe) {
       if (ue) {
@@ -21028,7 +21047,7 @@ const Xy = () => {
     return n.moveTo(e * r, 0), n.lineTo(e * (1 - r), 0), n.lineTo(e * (1 - r), t * r), n.lineTo(e, t * r), n.lineTo(e, t * (1 - r)), n.lineTo(e * (1 - r), t * (1 - r)), n.lineTo(e * (1 - r), t), n.lineTo(e * r, t), n.lineTo(e * r, t * (1 - r)), n.lineTo(0, t * (1 - r)), n.lineTo(0, t * r), n.lineTo(e * r, t * r), n.closePath(), n;
   }
 };
-class iv {
+class ov {
   constructor(t) {
     this.canvas = document.createElement("canvas"), this.ctx = this.canvas.getContext("2d", { willReadFrequently: !0 }), this.colorMap = {
       colorToId: /* @__PURE__ */ new Map(),
@@ -21165,8 +21184,8 @@ class iv {
     return this.redraw(), this.canvas;
   }
 }
-function sv(e, t = {}) {
-  const { enabled: n = !0 } = t, r = qt(null), i = qt(e), s = St(() => (r.current || (r.current = new iv(i.current)), r.current), []);
+function lv(e, t = {}) {
+  const { enabled: n = !0 } = t, r = qt(null), i = qt(e), s = St(() => (r.current || (r.current = new ov(i.current)), r.current), []);
   Jt(() => () => {
     r.current && (r.current.dispose(), r.current = null);
   }, []);
@@ -21190,7 +21209,7 @@ function sv(e, t = {}) {
     getDebugCanvas: g
   };
 }
-const ov = {
+const cv = {
   maxWaitMs: 16,
   // ~1 frame at 60fps
   maxBatchSize: 50,
@@ -21198,7 +21217,7 @@ const ov = {
 };
 class Sf {
   constructor(t) {
-    this.config = { ...ov, ...t }, this.pendingUpdates = /* @__PURE__ */ new Map(), this.dirtyRects = [], this.rafId = null, this.timeoutId = null, this.updateCallback = null, this.flushCallbacks = /* @__PURE__ */ new Set(), this.lastFlushTime = 0, this.updateCount = 0;
+    this.config = { ...cv, ...t }, this.pendingUpdates = /* @__PURE__ */ new Map(), this.dirtyRects = [], this.rafId = null, this.timeoutId = null, this.updateCallback = null, this.flushCallbacks = /* @__PURE__ */ new Set(), this.lastFlushTime = 0, this.updateCount = 0;
   }
   /**
    * Set the callback that receives batched updates.
@@ -21350,12 +21369,12 @@ class Sf {
   }
 }
 let jc = null;
-function lv() {
+function dv() {
   return jc || (jc = new Sf()), jc;
 }
-function cv(e = {}) {
+function uv(e = {}) {
   const { onUpdate: t, useGlobal: n = !0 } = e, r = qt(
-    n ? lv() : new Sf()
+    n ? dv() : new Sf()
   );
   Jt(() => (t && r.current.setUpdateCallback(t), () => {
     n || r.current.dispose();
@@ -21381,7 +21400,7 @@ function cv(e = {}) {
     scheduler: r.current
   };
 }
-class dv {
+class hv {
   constructor() {
     this._cache = /* @__PURE__ */ new Map(), this._activeOverlays = /* @__PURE__ */ new Set();
   }
@@ -21523,13 +21542,13 @@ class dv {
     return this._activeOverlays.has(t);
   }
 }
-const yi = new dv();
-function uv(e) {
+const yi = new hv();
+function fv(e) {
   var m;
   const t = window.getComputedStyle(e), n = t.getPropertyValue("-webkit-text-stroke-width") !== "0px" || t.getPropertyValue("text-stroke-width") !== "0px", r = t.textShadow !== "none", i = t.boxShadow !== "none", s = t.filter !== "none", o = t.getPropertyValue("backdrop-filter") !== "none" || t.getPropertyValue("-webkit-backdrop-filter") !== "none", l = (m = t.filter) == null ? void 0 : m.includes("url("), d = t.getPropertyValue("mask") !== "none" || t.getPropertyValue("-webkit-mask") !== "none", u = t.clipPath !== "none";
   return n || r || i || s || o || l || d || u;
 }
-function hv(e = {}) {
+function pv(e = {}) {
   const {
     enabled: t = typeof window < "u" && "ontouchstart" in window,
     threshold: n = 5,
@@ -21543,7 +21562,7 @@ function hv(e = {}) {
       i.current.activeIds = new Set(L), i.current.isCaching = !1, s.current = { x: x.clientX, y: x.clientY }, o.current = !1, l.current.clear();
       const C = L.map(async (I) => {
         const F = document.querySelector(`[data-element-id="${I}"]`);
-        if (!F || !uv(F)) return;
+        if (!F || !fv(F)) return;
         await yi.createCache(I, F, { padding: r });
         const $ = F.getBoundingClientRect();
         l.current.set(I, {
@@ -21617,7 +21636,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
 }, Oh = (e) => {
   const t = e == null ? void 0 : e.trim().toLowerCase();
   return t ? t === "ellipse" ? "circle" : t : null;
-}, fv = (e, t, n, r, i, s, o, l, d, u) => {
+}, mv = (e, t, n, r, i, s, o, l, d, u) => {
   if (o <= 0 || l <= 0)
     return e;
   const m = e.x * o, g = e.y * l, v = e.width * o, p = e.height * l, L = m + v, x = g + p, C = m + v / 2, I = g + p / 2, F = Math.max(1, v), $ = Math.max(1, p), U = i / F, ue = s / $, se = n / U, ye = r / ue;
@@ -21639,7 +21658,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
     width: me / o,
     height: j / l
   };
-}, pv = (e, t, n, r, i, s, o, l, d, u) => {
+}, gv = (e, t, n, r, i, s, o, l, d, u) => {
   if (o <= 0 || l <= 0)
     return e;
   const m = e.width * o, g = e.height * l, v = i / Math.max(1, m), p = s / Math.max(1, g), L = o * v, x = l * p, C = -(e.x * o) * v, I = -(e.y * l) * p, F = C + L, $ = I + x, U = C + L / 2, ue = I + x / 2;
@@ -21663,7 +21682,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
     width: A,
     height: _
   });
-}, mv = (e, t, n, r, i, s, o, l) => {
+}, bv = (e, t, n, r, i, s, o, l) => {
   if (s <= 0 || o <= 0)
     return e;
   const d = e.width * s, u = e.height * o, m = r / Math.max(1, d), g = i / Math.max(1, u), v = -t / m, p = -n / g, L = e.x + v / s, x = e.y + p / o, C = -0.9, I = 1 - 0.1 * e.width, F = -0.9, $ = 1 - 0.1 * e.height;
@@ -21672,7 +21691,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
     x: as(L, C, I),
     y: as(x, F, $)
   };
-}, gv = ({
+}, yv = ({
   pages: e,
   activePageId: t,
   zoom: n,
@@ -21704,14 +21723,14 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
     invalidate: R,
     updateElements: te,
     updateConfig: J
-  } = sv({
+  } = lv({
     width: j,
     height: K,
     scale: n / 100,
     offsetX: 0,
     offsetY: 0
   });
-  cv({
+  uv({
     onUpdate: St((W) => {
       W.forEach((ve, ze) => {
         u(ze, ve, !1);
@@ -21722,7 +21741,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
     onDragStart: T,
     onDragMove: Y,
     onDragEnd: le
-  } = hv({ padding: 30 }), q = qt(e), ne = qt(t), A = qt(i), _ = qt(null), b = qt(null), k = qt(() => {
+  } = pv({ padding: 30 }), q = qt(e), ne = qt(t), A = qt(i), _ = qt(null), b = qt(null), k = qt(() => {
   });
   No(() => {
     q.current = e, ne.current = t, A.current = i;
@@ -22565,7 +22584,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
           M,
           E.naturalWidth ?? M.width,
           E.naturalHeight ?? M.height
-        ), He = (E.rotation || 0) * (Math.PI / 180), Ie = Math.cos(He), lt = Math.sin(He), mt = xe * Ie + f * lt, ht = -xe * lt + f * Ie, $e = M.flipX ? -1 : 1, Gt = M.flipY ? -1 : 1, rt = mt * $e, zt = ht * Gt, Xt = E.naturalWidth ?? M.width, Cn = E.naturalHeight ?? M.height, ar = mv(
+        ), He = (E.rotation || 0) * (Math.PI / 180), Ie = Math.cos(He), lt = Math.sin(He), mt = xe * Ie + f * lt, ht = -xe * lt + f * Ie, $e = M.flipX ? -1 : 1, Gt = M.flipY ? -1 : 1, rt = mt * $e, zt = ht * Gt, Xt = E.naturalWidth ?? M.width, Cn = E.naturalHeight ?? M.height, ar = bv(
           Le,
           rt,
           zt,
@@ -22612,7 +22631,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
             const qi = (M.imageRotation ?? 0) * (Math.PI / 180), _i = Math.cos(qi), or = Math.sin(qi);
             $a = ya * _i + Xr * or, Sa = -ya * or + Xr * _i;
           }
-          const fi = ra === "image" ? pv(
+          const fi = ra === "image" ? gv(
             Fn,
             Ge,
             $a,
@@ -22623,7 +22642,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
             hi,
             W.altKey,
             na
-          ) : fv(
+          ) : mv(
             Fn,
             Ge,
             $a,
@@ -22863,7 +22882,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
               return /* @__PURE__ */ a.createElement("div", { "data-no-export": "true", key: lt, className: `absolute z-[60] pointer-events-none ${mt}`, style: { left: Ie.orientation === "vertical" ? Ie.position : Ie.start, top: Ie.orientation === "horizontal" ? Ie.position : Ie.start, width: Ie.orientation === "vertical" ? "1px" : Ie.end - Ie.start + "px", height: Ie.orientation === "horizontal" ? "1px" : Ie.end - Ie.start + "px" } });
             }),
             W.elements.map((Ie) => Ie.visible ? /* @__PURE__ */ a.createElement(
-              nv,
+              av,
               {
                 key: Ie.id,
                 element: Ie,
@@ -22914,7 +22933,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
             )
           ),
           ue === "pen" && t === W.id && /* @__PURE__ */ a.createElement(
-            av,
+            sv,
             {
               zoom: n,
               pageWidth: ze,
@@ -22931,7 +22950,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
     }),
     /* @__PURE__ */ a.createElement("div", { className: "h-96 w-full flex-shrink-0" })
   );
-}, bv = ({
+}, vv = ({
   zoom: e,
   setZoom: t,
   pageCount: n,
@@ -22963,7 +22982,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
       className: "w-24 h-1 bg-slate-300 rounded-lg appearance-none cursor-pointer accent-slate-800"
     }
   ), /* @__PURE__ */ a.createElement("span", { className: "w-9 text-right font-medium" }, e, "%"), /* @__PURE__ */ a.createElement("button", { onClick: () => t(Math.min(200, e + 10)), className: "p-0.5 hover:text-blue-600" }, /* @__PURE__ */ a.createElement(ki, { size: 12 }))), /* @__PURE__ */ a.createElement("div", { className: "h-4 w-px bg-gray-300 mx-1" }), /* @__PURE__ */ a.createElement("button", { className: "hover:text-blue-600 transition-colors", title: "Presentation Mode" }, /* @__PURE__ */ a.createElement(Q1, { size: 16 }))));
-}, yv = [
+}, xv = [
   { name: "None", adjustments: { hue: 0, saturation: 0, brightness: 0, contrast: 0 }, stroke: { width: 0, color: "#000000", style: "none" } },
   { name: "Epic", adjustments: { hue: 0, saturation: 20, brightness: 10, contrast: 20 }, stroke: { width: 3, color: "#1a1a2e", style: "solid" } },
   { name: "Retro", adjustments: { hue: -10, saturation: -20, brightness: 0, contrast: 10 }, stroke: { width: 4, color: "#d4a574", style: "solid" } },
@@ -22976,7 +22995,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
   { name: "Warm", adjustments: { hue: -15, saturation: 10, brightness: 5, contrast: 0 }, stroke: { width: 2, color: "#e07b53", style: "solid" } },
   { name: "Cool", adjustments: { hue: 15, saturation: 0, brightness: 5, contrast: 0 }, stroke: { width: 2, color: "#5b8fb9", style: "solid" } },
   { name: "Afterglow", adjustments: { hue: -10, saturation: 20, brightness: -10, contrast: 20 }, stroke: { width: 3, color: "#9b59b6", style: "solid" } }
-], vv = ({ effect: e, onChange: t, onElementUpdate: n, onClose: r, position: i }) => {
+], wv = ({ effect: e, onChange: t, onElementUpdate: n, onClose: r, position: i }) => {
   const s = e.adjustments || { hue: 0, saturation: 0, brightness: 0, contrast: 0 }, o = (d) => s.hue === d.hue && s.saturation === d.saturation && s.brightness === d.brightness && s.contrast === d.contrast, l = (d) => {
     t({
       ...e,
@@ -22994,7 +23013,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
       style: i ? { top: i.top, left: i.left } : void 0
     },
     /* @__PURE__ */ a.createElement("div", { className: "flex items-center justify-between px-4 py-3 border-b border-gray-100 bg-white sticky top-0 z-10" }, /* @__PURE__ */ a.createElement("h3", { className: "font-bold text-slate-800 text-sm" }, "Filters"), /* @__PURE__ */ a.createElement("button", { onClick: r, className: "text-slate-400 hover:bg-gray-100 rounded-full p-1 transition-colors" }, /* @__PURE__ */ a.createElement(da, { size: 18 }))),
-    /* @__PURE__ */ a.createElement("div", { className: "flex-1 overflow-y-auto p-4 custom-scrollbar" }, /* @__PURE__ */ a.createElement("div", { className: "grid grid-cols-3 gap-3" }, yv.map((d) => {
+    /* @__PURE__ */ a.createElement("div", { className: "flex-1 overflow-y-auto p-4 custom-scrollbar" }, /* @__PURE__ */ a.createElement("div", { className: "grid grid-cols-3 gap-3" }, xv.map((d) => {
       const u = o(d.adjustments), { hue: m, saturation: g, brightness: v, contrast: p } = d.adjustments, L = `hue-rotate(${m}deg) saturate(${100 + g}%) brightness(${100 + v}%) contrast(${100 + p}%)`;
       return /* @__PURE__ */ a.createElement(
         "button",
@@ -23092,7 +23111,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
       }
     )))
   );
-}, xv = ({ element: e, onChange: t, onClose: n, position: r }) => {
+}, Ev = ({ element: e, onChange: t, onClose: n, position: r }) => {
   const i = e.textStrokeWidth || 0, s = e.textStrokePosition || "behind", o = e.textStrokeStyle || "round";
   return /* @__PURE__ */ a.createElement(
     "div",
@@ -23149,7 +23168,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
       "Flat"
     ))))
   );
-}, wv = ({
+}, kv = ({
   selection: e,
   elements: t,
   updateElement: n,
@@ -23535,7 +23554,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
       },
       /* @__PURE__ */ a.createElement(Lc, { size: 16, className: "rotate-90" })
     ), U && q && /* @__PURE__ */ a.createElement(
-      xv,
+      Ev,
       {
         element: D,
         onChange: ae,
@@ -23680,7 +23699,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
       /* @__PURE__ */ a.createElement(d3, { size: 14 }),
       /* @__PURE__ */ a.createElement("span", { className: "hidden sm:inline" }, "Filters")
     ), C && J && /* @__PURE__ */ a.createElement(
-      vv,
+      wv,
       {
         effect: D.effect,
         onChange: Ze,
@@ -23831,7 +23850,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
       /* @__PURE__ */ a.createElement(Ga, { size: 16 })
     ), oe.length > 0 && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", { className: "h-4 w-px bg-gray-300 mx-2 hidden sm:block" }), /* @__PURE__ */ a.createElement("div", { className: "flex items-center gap-1" }, oe.map(P))))
   );
-}, $c = 80, Ev = ({
+}, $c = 80, Nv = ({
   pages: e,
   activePageId: t,
   setActivePage: n,
@@ -23930,7 +23949,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
     /* @__PURE__ */ a.createElement("div", { className: "w-10 h-10 rounded-full border border-gray-300 group-hover:border-indigo-300 flex items-center justify-center transition-colors" }, /* @__PURE__ */ a.createElement(ki, { size: 20 })),
     /* @__PURE__ */ a.createElement("span", { className: "text-[10px] font-medium" }, "Add Page")
   )));
-}, kv = ({ open: e, title: t, description: n, upgradeUrl: r, onClose: i }) => e ? /* @__PURE__ */ a.createElement("div", { className: "fixed inset-0 z-[200] flex items-center justify-center bg-black/40 px-4", "data-no-export": !0 }, /* @__PURE__ */ a.createElement("div", { className: "w-full max-w-md rounded-2xl bg-white shadow-2xl border border-slate-200 overflow-hidden" }, /* @__PURE__ */ a.createElement("div", { className: "flex items-center justify-between px-5 py-4 border-b border-slate-100" }, /* @__PURE__ */ a.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ a.createElement("div", { className: "h-9 w-9 rounded-full bg-amber-50 text-amber-600 flex items-center justify-center" }, /* @__PURE__ */ a.createElement(xi, { size: 18 })), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement("div", { className: "text-sm font-semibold text-slate-900" }, t), /* @__PURE__ */ a.createElement("div", { className: "text-xs text-slate-500" }, "Fraczled Pro"))), /* @__PURE__ */ a.createElement("button", { onClick: i, className: "p-1.5 rounded-full text-slate-400 hover:text-slate-600 hover:bg-slate-100" }, /* @__PURE__ */ a.createElement(da, { size: 18 }))), /* @__PURE__ */ a.createElement("div", { className: "px-5 py-4 text-sm text-slate-600" }, n), /* @__PURE__ */ a.createElement("div", { className: "px-5 pb-5 flex items-center justify-end gap-2" }, /* @__PURE__ */ a.createElement("button", { onClick: i, className: "px-4 py-2 text-sm font-medium text-slate-600 hover:text-slate-800" }, "Not now"), r ? /* @__PURE__ */ a.createElement(
+}, Sv = ({ open: e, title: t, description: n, upgradeUrl: r, onClose: i }) => e ? /* @__PURE__ */ a.createElement("div", { className: "fixed inset-0 z-[200] flex items-center justify-center bg-black/40 px-4", "data-no-export": !0 }, /* @__PURE__ */ a.createElement("div", { className: "w-full max-w-md rounded-2xl bg-white shadow-2xl border border-slate-200 overflow-hidden" }, /* @__PURE__ */ a.createElement("div", { className: "flex items-center justify-between px-5 py-4 border-b border-slate-100" }, /* @__PURE__ */ a.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ a.createElement("div", { className: "h-9 w-9 rounded-full bg-amber-50 text-amber-600 flex items-center justify-center" }, /* @__PURE__ */ a.createElement(xi, { size: 18 })), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement("div", { className: "text-sm font-semibold text-slate-900" }, t), /* @__PURE__ */ a.createElement("div", { className: "text-xs text-slate-500" }, "Fraczled Pro"))), /* @__PURE__ */ a.createElement("button", { onClick: i, className: "p-1.5 rounded-full text-slate-400 hover:text-slate-600 hover:bg-slate-100" }, /* @__PURE__ */ a.createElement(da, { size: 18 }))), /* @__PURE__ */ a.createElement("div", { className: "px-5 py-4 text-sm text-slate-600" }, n), /* @__PURE__ */ a.createElement("div", { className: "px-5 pb-5 flex items-center justify-end gap-2" }, /* @__PURE__ */ a.createElement("button", { onClick: i, className: "px-4 py-2 text-sm font-medium text-slate-600 hover:text-slate-800" }, "Not now"), r ? /* @__PURE__ */ a.createElement(
   "a",
   {
     href: r,
@@ -23939,21 +23958,21 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
     className: "px-4 py-2 rounded-lg bg-slate-900 text-white text-sm font-semibold hover:bg-slate-800"
   },
   "Upgrade"
-) : /* @__PURE__ */ a.createElement("button", { disabled: !0, className: "px-4 py-2 rounded-lg bg-slate-300 text-white text-sm font-semibold cursor-not-allowed" }, "Upgrade")))) : null, Nv = [
+) : /* @__PURE__ */ a.createElement("button", { disabled: !0, className: "px-4 py-2 rounded-lg bg-slate-300 text-white text-sm font-semibold cursor-not-allowed" }, "Upgrade")))) : null, Cv = [
   { name: "Instagram Post", width: 1080, height: 1080, unit: "px", dpi: 72, icon: /* @__PURE__ */ a.createElement(Z1, { size: 20 }) },
   { name: "Instagram Story", width: 1080, height: 1920, unit: "px", dpi: 72, icon: /* @__PURE__ */ a.createElement(F4, { size: 20 }) },
   { name: "Facebook Post", width: 1200, height: 630, unit: "px", dpi: 72, icon: /* @__PURE__ */ a.createElement(vb, { size: 20 }) },
   { name: "Twitter Post", width: 1200, height: 675, unit: "px", dpi: 72, icon: /* @__PURE__ */ a.createElement(n3, { size: 20 }) },
   { name: "LinkedIn Banner", width: 1584, height: 396, unit: "px", dpi: 72, icon: /* @__PURE__ */ a.createElement(Q1, { size: 20 }) },
   { name: "YouTube Thumbnail", width: 1280, height: 720, unit: "px", dpi: 72, icon: /* @__PURE__ */ a.createElement(is, { size: 20 }) }
-], Sv = [
+], Av = [
   { name: "Business Card", width: 3.5, height: 2, unit: "in", dpi: 300, bleed: 0.25, icon: /* @__PURE__ */ a.createElement(cb, { size: 20 }) },
   { name: "Postcard (4x6)", width: 6, height: 4, unit: "in", dpi: 300, bleed: 0.25, icon: /* @__PURE__ */ a.createElement(Bs, { size: 20 }) },
   { name: "Flyer (Letter)", width: 8.5, height: 11, unit: "in", dpi: 300, bleed: 0.25, icon: /* @__PURE__ */ a.createElement(Bs, { size: 20 }) },
   { name: "Poster (11x17)", width: 11, height: 17, unit: "in", dpi: 300, bleed: 0.25, icon: /* @__PURE__ */ a.createElement(Fd, { size: 20 }) },
   { name: "A4 Document", width: 210, height: 297, unit: "mm", dpi: 300, bleed: 6, icon: /* @__PURE__ */ a.createElement(Bs, { size: 20 }) },
   { name: "A5 Flyer", width: 148, height: 210, unit: "mm", dpi: 300, bleed: 6, icon: /* @__PURE__ */ a.createElement(Bs, { size: 20 }) }
-], Cv = ({
+], _v = ({
   open: e,
   onClose: t,
   onSkipFuture: n,
@@ -23974,9 +23993,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
     return S && (z = z.filter(
       (H) => H.name.toLowerCase().includes(S) || H.tags.some((ce) => ce.toLowerCase().includes(S))
     )), z;
-  }, [se, de, me]), J = me.length > 0;
-  if (!e) return null;
-  const T = (w, S) => {
+  }, [se, de, me]), J = me.length > 0, T = (w, S) => {
     we.loadTemplate(w), ((S == null ? void 0 : S.transparentBackground) ?? U) && we.updateSettings({ backgroundColor: "transparent" }), ((S == null ? void 0 : S.skipFuture) ?? F) && n(), t();
   }, Y = (w, S) => {
     const z = cr(w.width, w.unit), H = cr(w.height, w.unit), ce = typeof w.bleed == "number" ? cr(w.bleed, w.unit) : 0, V = typeof w.dpi == "number" ? w.dpi : ce > 0 ? 300 : 72, D = typeof w.safeArea == "number" ? cr(w.safeArea, w.unit) : V >= 150 ? cr(0.25, "in") : 0, Q = ce > 0, oe = D > 0, P = (S == null ? void 0 : S.transparentBackground) ?? U;
@@ -24033,7 +24050,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
       var w;
       return ne(
         (w = i == null ? void 0 : i.sizePresets) == null ? void 0 : w.social,
-        Nv,
+        Cv,
         { dpi: 72, icon: /* @__PURE__ */ a.createElement(is, { size: 20 }) }
       );
     },
@@ -24043,7 +24060,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
       var w;
       return ne(
         (w = i == null ? void 0 : i.sizePresets) == null ? void 0 : w.print,
-        Sv,
+        Av,
         { dpi: 300, icon: /* @__PURE__ */ a.createElement(Bs, { size: 20 }) }
       );
     },
@@ -24076,6 +24093,7 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
       });
     }
   };
+  if (!e) return null;
   if (s && (i != null && i.render)) {
     const w = i.render;
     return /* @__PURE__ */ a.createElement(w, { ...k });
@@ -24235,18 +24253,18 @@ const Rl = 10, as = (e, t, n) => Math.min(n, Math.max(t, e)), ml = (e, t) => {
     "Skip for now"
   ))));
 };
-function Av(e, t, n, r = 8192, i = 67108864) {
+function Lv(e, t, n, r = 8192, i = 67108864) {
   const s = e * n, o = t * n, l = s * o;
   return s > r || o > r || l > i;
 }
-function _v(e, t, n) {
+function Pv(e, t, n) {
   const r = e * t * n * n * 4;
   return {
     bytes: r,
     mb: r / (1024 * 1024)
   };
 }
-const Lv = {
+const Mv = {
   format: "png",
   quality: 1,
   includeBleed: !1,
@@ -24255,14 +24273,14 @@ const Lv = {
 };
 class Cf {
   constructor(t, n) {
-    this.abortController = null, this.cache = t ?? vf(), this.config = { ...Lv, ...n };
+    this.abortController = null, this.cache = t ?? vf(), this.config = { ...Mv, ...n };
   }
   /**
    * Check if export should use tiled rendering.
    */
   shouldUseTiling(t, n, r) {
     const i = Eo() ? 4096 : 8192, s = Eo() ? 16777216 : 67108864;
-    return Av(t, n, r, i, s);
+    return Lv(t, n, r, i, s);
   }
   /**
    * Get safe pixel ratio for export dimensions.
@@ -24280,7 +24298,7 @@ class Cf {
    * Estimate export memory requirements.
    */
   estimateMemory(t, n, r) {
-    return _v(t, n, r);
+    return Pv(t, n, r);
   }
   /**
    * Pre-warm cache for elements that should be cached.
@@ -24400,12 +24418,12 @@ class Cf {
   }
 }
 let qc = null;
-function Pv() {
+function Iv() {
   return qc || (qc = new Cf()), qc;
 }
-function Mv(e = {}) {
+function Dv(e = {}) {
   const { useGlobal: t = !0, ...n } = e, r = qt(
-    t ? Pv() : new Cf(void 0, n)
+    t ? Iv() : new Cf(void 0, n)
   );
   xf();
   const [i, s] = De(null), [o, l] = De(!1), d = St(
@@ -24470,7 +24488,7 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
   toolPen: ["p"],
   toolHand: ["h"],
   toolZoom: ["z"]
-}, Iv = (e) => {
+}, Fv = (e) => {
   const t = e.toLowerCase();
   return t === "+" ? "plus" : t === "=" ? "equals" : t === "esc" ? "escape" : t === "del" ? "delete" : t;
 }, jh = (e) => {
@@ -24500,16 +24518,16 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
         n.mod = !0;
         return;
       default:
-        n.key = Iv(r);
+        n.key = Fv(r);
     }
   }), n.key ? n : null;
-}, Dv = (e) => {
+}, Tv = (e) => {
   const t = e.toLowerCase();
   return t === " " ? "space" : t === "+" ? "plus" : t === "=" ? "equals" : t === "-" ? "minus" : t === "esc" ? "escape" : t === "del" ? "delete" : t;
-}, Fv = (e, t) => {
-  const n = Dv(t.key), r = e.key === "plus" || e.key === "equals", i = t.ctrlKey || t.metaKey;
+}, Rv = (e, t) => {
+  const n = Tv(t.key), r = e.key === "plus" || e.key === "equals", i = t.ctrlKey || t.metaKey;
   return e.mod && !i || !e.mod && (e.ctrl !== t.ctrlKey || e.meta !== t.metaKey) || e.alt !== t.altKey || !r && e.shift !== t.shiftKey || r && e.shift && !t.shiftKey ? !1 : e.key === n || e.key === "plus" && n === "equals" || e.key === "equals" && n === "plus";
-}, Tv = ({
+}, Ov = ({
   apiKey: e,
   className: t,
   showCredit: n,
@@ -24540,7 +24558,7 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
   }, [X]);
   const {
     isExporting: me
-  } = Mv(), j = we.canUndo(), K = we.canRedo(), O = $.entitlements.ai, R = $.entitlements.export.web, te = $.entitlements.export.print, J = $.showWatermark || n !== !1, T = $.showWatermark, Y = $.upgradeUrl, le = $.entitlements.features || {}, q = $.entitlements.limits || {}, A = $.isValid && le.topbarActions === !0 && (v == null ? void 0 : v.topbarMode) === "custom" ? "custom" : "default", _ = le.saveLoad !== !1, b = $.isValid && le.templateSave !== !1, k = $.isValid && le.newDesignModal === !0, w = $.isValid && le.templateSizes === !0, S = $.state ?? ($.isValid ? "valid" : "invalid"), z = S === "pending" ? "VALIDATING..." : S === "invalid" ? "INVALID LICENSE" : S === "offline" ? "OFFLINE" : $.plan ? $.plan.toUpperCase() : "FREE", [H, ce] = De(null), V = {
+  } = Dv(), j = we.canUndo(), K = we.canRedo(), O = $.entitlements.ai, R = $.entitlements.export.web, te = $.entitlements.export.print, J = $.showWatermark || n !== !1, T = $.showWatermark, Y = $.upgradeUrl, le = $.entitlements.features || {}, q = $.entitlements.limits || {}, A = $.isValid && le.topbarActions === !0 && (v == null ? void 0 : v.topbarMode) === "custom" ? "custom" : "default", _ = le.saveLoad !== !1, b = $.isValid && le.templateSave !== !1, k = $.isValid && le.newDesignModal === !0, w = $.isValid && le.templateSizes === !0, S = $.state ?? ($.isValid ? "valid" : "invalid"), z = S === "pending" ? "VALIDATING..." : S === "invalid" ? "INVALID LICENSE" : S === "offline" ? "OFFLINE" : $.plan ? $.plan.toUpperCase() : "FREE", [H, ce] = De(null), V = {
     [Ct.TEMPLATES]: "Templates",
     [Ct.DESIGN]: "Design",
     [Ct.ELEMENTS]: "Elements",
@@ -24742,7 +24760,7 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
       const Wt = Ve.target;
       if (Wt && (Wt.tagName === "INPUT" || Wt.tagName === "TEXTAREA" || Wt.isContentEditable)) return;
       for (const mn of wn)
-        if (Fv(mn.parsed, Ve)) {
+        if (Rv(mn.parsed, Ve)) {
           Ve.preventDefault(), mn.handler();
           return;
         }
@@ -25332,7 +25350,7 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
       topbarMode: A
     },
     /* @__PURE__ */ a.createElement(
-      wv,
+      kv,
       {
         selection: C.selection,
         elements: Hn,
@@ -25417,7 +25435,7 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
       title: oe(Ce)
     }
   ))), /* @__PURE__ */ a.createElement("div", { className: "flex-1 flex flex-col h-full overflow-hidden relative z-0" }, /* @__PURE__ */ a.createElement(
-    gv,
+    yv,
     {
       pages: C.pages,
       activePageId: C.activePageId,
@@ -25453,7 +25471,7 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
       showWatermark: T
     }
   ), je && /* @__PURE__ */ a.createElement(
-    Ev,
+    Nv,
     {
       pages: C.pages,
       activePageId: C.activePageId,
@@ -25472,7 +25490,7 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
       onClose: () => ge(!1)
     }
   ), /* @__PURE__ */ a.createElement("div", { className: "hidden md:block" }, /* @__PURE__ */ a.createElement(
-    bv,
+    vv,
     {
       zoom: C.zoom,
       setZoom: (Se) => we.setZoom(Se),
@@ -25495,7 +25513,7 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
       onLoadJson: (Se) => we.loadJSON(Se)
     }
   ), /* @__PURE__ */ a.createElement(
-    kv,
+    Sv,
     {
       open: !!H,
       title: (H == null ? void 0 : H.title) || "",
@@ -25504,7 +25522,7 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
       onClose: () => ce(null)
     }
   ), /* @__PURE__ */ a.createElement(
-    Cv,
+    _v,
     {
       open: We,
       onClose: () => Oe(!1),
@@ -25536,7 +25554,7 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
     },
     "Cancel"
   )))))));
-}, Rv = ({
+}, zv = ({
   store: e,
   className: t,
   apiKey: n,
@@ -25586,8 +25604,8 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
       className: "inline-flex items-center justify-center rounded-lg bg-white/10 px-4 py-2 text-sm font-semibold text-white hover:bg-white/20 transition-colors"
     },
     "Manage License"
-  ))) : /* @__PURE__ */ a.createElement(L2, { store: e }, /* @__PURE__ */ a.createElement("div", { className: `our-editor-sdk ${t || ""}` }, /* @__PURE__ */ a.createElement(
-    Tv,
+  ))) : /* @__PURE__ */ a.createElement(L2, { store: e }, /* @__PURE__ */ a.createElement("div", { className: `our-editor-sdk ${t || ""}` }, /* @__PURE__ */ a.createElement(Bv, null, /* @__PURE__ */ a.createElement(
+    Ov,
     {
       apiKey: n,
       showCredit: C,
@@ -25605,8 +25623,30 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
       getLicenseStatus: () => e.getLicenseStatus(),
       subscribeLicense: (U) => e.subscribeLicense(U)
     }
-  )));
-}, Ov = "https://cdn.tailwindcss.com", zv = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap", Bv = ".our-editor-sdk { font-family: 'Inter', sans-serif; }", jv = "fraczled-sdk-loader-styles", $v = 3500, qv = 220, Uv = "1.30.8", Hv = '<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 118.1846 24.1172"><defs><linearGradient id="linear-gradient" x1="109.7684" y1="15.3657" x2="116.6286" y2="22.226" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#99d1a7"/><stop offset="1" stop-color="#8fd4f0"/></linearGradient></defs><g id="Layer_1-2"><path d="M86.0219,13.5526c-.0564-.5503-.1717-1.0508-.3545-1.494-.2642-.6402-.6581-1.1357-1.1813-1.4864-.5236-.3506-1.1715-.5259-1.9438-.5259s-1.4254.1779-1.9588.5335c-.5336.3559-.9428.8385-1.2273,1.4482-.2133.4568-.3465.965-.3999,1.5245h7.0657Z" fill="none"/><path d="M29.4248,16.3577c-.315.0609-.6302.1143-.9452.16-.315.0458-.5997.0892-.8536.1296-.5591.0815-1.0468.211-1.4636.3888-.4168.1779-.7392.4168-.9679.7164-.2287.3-.3431.6735-.3431,1.1206,0,.6402.2337,1.1281.7013,1.4635.4674.3354,1.0671.5031,1.7988.5031.691,0,1.3036-.1396,1.837-.4193.5336-.2794.9502-.6555,1.2502-1.1281.2995-.4726.4497-1.0035.4497-1.5931v-1.8141c-.1426.0914-.3431.1779-.6023.2591-.259.0815-.5463.1525-.8613.2135Z" fill="none"/><path d="M100.9591,10.8924c-.5389-.4116-1.1891-.6173-1.9514-.6173-.7723,0-1.4228.2134-1.9512.6402-.5286.4268-.9299,1.0138-1.2044,1.7608-.2744.7469-.4116,1.6136-.4116,2.5992s.1371,1.8575.4116,2.6144c.2744.7573.6784,1.3492,1.212,1.7761s1.1815.6402,1.9436.6402,1.4102-.2108,1.9438-.6326c.5336-.4216.94-1.0085,1.2196-1.7608.2792-.752.4192-1.6312.4192-2.6373,0-1.0162-.1373-1.8979-.4116-2.645-.2744-.7469-.681-1.3262-1.2196-1.7379Z" fill="none"/><path d="M7.104,5.6101c0-.5793.1371-1.029.4116-1.3491s.7571-.4802,1.4483-.4802c.2947,0,.574.0255.8384.0762.2642.051.4929.1018.686.1525l.8233-3.5368c-.2847-.0812-.7294-.1803-1.3341-.2972-.6047-.1167-1.2728-.1754-2.0046-.1754-1.0671,0-2.0199.2034-2.8583.6098-.8386.4065-1.4993,1.0164-1.982,1.8294-.4828.8132-.7242,1.8346-.7242,3.0642v1.2348H0v3.5673h2.4086v13.4764h4.6955v-13.4764h3.3995v-3.5673h-3.3995v-1.1281Z" fill="#0f1925"/><path d="M33.3808,7.8891c-.676-.4624-1.4459-.8054-2.3096-1.029-.8639-.2234-1.7683-.3354-2.7135-.3354-1.362,0-2.5588.2058-3.5903.6175-1.0315.4116-1.8725.9961-2.523,1.7532-.3151.3668-.579.767-.7939,1.1993v-3.4175c-.2134-.061-.4549-.1041-.7242-.1296-.2692-.0253-.5258-.0381-.7697-.0381-.9452,0-1.7836.2721-2.5154.8156-.7318.5439-1.2554,1.3442-1.5702,2.401h-.1831v-2.988h-4.5581v17.0437h4.7107v-9.6347c0-.691.1548-1.3035.465-1.837.3098-.5335.7392-.9502,1.2881-1.2501.5489-.2996,1.1636-.4497,1.8446-.4497.3355,0,.6987.0228,1.0899.0686.2454.0287.4538.063.6332.1017-.091.2586-.1679.5265-.228.8054l4.3753.3506c.1624-.5691.4955-1.039.9986-1.4102.5031-.3708,1.1763-.5564,2.0199-.5564.8026,0,1.4254.1932,1.8675.5793.4421.3864.6631.9299.6631,1.6312v.0762c0,.3559-.1397.6277-.4192.8156-.2797.1882-.7191.3277-1.3188.4193-.5997.0914-1.3925.1829-2.378.2743-.8536.0815-1.6617.2237-2.424.4268-.7621.2035-1.4431.5031-2.0428.8995-.5997.3963-1.0723.9123-1.4178,1.5473-.3455.6353-.5182,1.4307-.5182,2.3858,0,1.1182.2439,2.0531.7318,2.8051.4876.7523,1.1608,1.3187,2.0199,1.6998.8587.3812,1.8267.5717,2.904.5717.8434,0,1.5854-.1143,2.2257-.343.6405-.2287,1.1891-.5436,1.6465-.9452.4573-.4013.8233-.8713,1.0976-1.4101h.1221v2.3781h4.4971v-11.4945c0-1.0061-.1982-1.8751-.5945-2.6068-.3963-.7318-.9326-1.3288-1.6083-1.7913ZM30.8884,17.6992c0,.5896-.1502,1.1205-.4497,1.5931-.3.4726-.7165.8487-1.2502,1.1281-.5334.2797-1.146.4193-1.837.4193-.7318,0-1.3315-.1677-1.7988-.5031-.4676-.3354-.7013-.8232-.7013-1.4635,0-.4471.1144-.8206.3431-1.1206.2287-.2996.5511-.5385.9679-.7164.4168-.1778.9044-.3073,1.4636-.3888.254-.0404.5387-.0838.8536-.1296.315-.0457.6302-.0991.9452-.16.315-.061.6023-.132.8613-.2135.2592-.0812.4597-.1676.6023-.2591v1.8141Z" fill="#0f1925"/><path d="M42.91,10.8009c.5434-.3911,1.1815-.5869,1.9133-.5869.5792,0,1.0873.117,1.5244.3506.4368.2339.7874.564,1.0518.9909.2642.4269.4368.9249.5184,1.494h4.4515c-.061-1.321-.417-2.4696-1.0673-3.4453-.6505-.9756-1.532-1.7326-2.6449-2.2714-1.1128-.5385-2.4114-.808-3.895-.808-1.728,0-3.2166.3711-4.4668,1.1129-1.2499.7419-2.213,1.7736-2.8888,3.0947-.676,1.3212-1.0139,2.856-1.0139,4.6039,0,1.7279.3355,3.2497,1.0062,4.5658.6708,1.3162,1.6312,2.3476,2.8812,3.0947,1.2502.7469,2.744,1.1205,4.4821,1.1205,1.5244,0,2.8404-.2771,3.9484-.8309,1.1076-.5538,1.9765-1.3262,2.6067-2.3172.6302-.9909.9807-2.1366,1.052-3.4377h-4.4515c-.1321.9048-.4778,1.6136-1.0365,2.1267-.5591.5134-1.2452.7698-2.058.7698-.7318,0-1.3698-.2032-1.9133-.6097-.5439-.4064-.9657-.996-1.2654-1.7684-.2997-.7722-.4497-1.6972-.4497-2.7746s.15-1.9945.4497-2.7517c.2997-.757.7215-1.3313,1.2654-1.7227Z" fill="#0f1925"/><polygon points="59.2611 19.8792 67.0815 9.8328 67.0815 6.7381 53.3462 6.7381 53.3462 10.5188 61.4107 10.5188 61.4107 10.6408 53.0718 20.9616 53.0718 23.7818 67.3714 23.7818 67.3714 20.0011 59.2611 20.0011 59.2611 19.8792" fill="#0f1925"/><rect x="68.7445" y="1.0672" width="4.7105" height="22.7147" fill="#0f1925"/><path d="M88.2286,8.6818c-.7318-.7164-1.5854-1.2551-2.5612-1.6158-.9755-.3607-2.0275-.5413-3.1556-.5413-1.667,0-3.1175.3711-4.3524,1.1129-1.2349.7419-2.1901,1.7736-2.8659,3.0947-.6762,1.3212-1.0139,2.856-1.0139,4.6039,0,1.7988.3377,3.3564,1.0139,4.6725.6758,1.3163,1.6486,2.3301,2.9193,3.0413,1.2702.7115,2.7796,1.0672,4.5276,1.0672,1.4025,0,2.6374-.216,3.7045-.6479s1.9386-1.0366,2.6146-1.8141c.6758-.7776,1.1205-1.6896,1.3339-2.7365l-4.36-.2896c-.1524.4168-.3839.7724-.6936,1.0672-.3102.2948-.6784.5183-1.1052.6708-.4268.1524-.9047.2287-1.4331.2287-.7623,0-1.4357-.1754-2.0199-.526-.5846-.3506-1.0394-.8536-1.3644-1.5092-.2927-.5895-.4523-1.2887-.4817-2.0961h11.6103v-1.2806c0-1.4532-.2034-2.7212-.6097-3.8036-.4065-1.0824-.9757-1.9818-1.7075-2.6984ZM80.5835,10.5799c.5334-.3556,1.1863-.5335,1.9588-.5335s1.4202.1753,1.9438.5259c.5232.3506.9171.8461,1.1813,1.4864.1829.4431.2982.9437.3545,1.494h-7.0657c.0534-.5595.1867-1.0677.3999-1.5245.2845-.6097.6936-1.0923,1.2273-1.4482Z" fill="#0f1925"/><path d="M102.4835,1.0672v8.5522h-.1371c-.2034-.4673-.5031-.9399-.8994-1.4177-.3963-.4776-.9147-.8766-1.5549-1.1968-.6405-.3201-1.4383-.4802-2.3935-.4802-1.2401,0-2.3835.3228-3.4301.9681-1.047.6455-1.8854,1.6186-2.5154,2.9193-.6302,1.3011-.9452,2.927-.9452,4.8784,0,1.8903.305,3.4887.9147,4.7944.6097,1.3061,1.4381,2.2943,2.4849,2.9651,1.0468.6709,2.2204,1.0062,3.5216,1.0062.9147,0,1.6894-.1525,2.3249-.4573.635-.305,1.156-.6884,1.5625-1.151.4063-.4624.7165-.9273.9299-1.3949h.2134v2.7288h4.6497V1.0672h-4.726ZM102.1711,17.9126c-.2797.7523-.686,1.3392-1.2196,1.7608-.5336.4218-1.1815.6326-1.9438.6326s-1.41-.2134-1.9436-.6402-.9376-1.0188-1.212-1.7761c-.2744-.757-.4116-1.6285-.4116-2.6144s.1371-1.8523.4116-2.5992c.2744-.747.6758-1.334,1.2044-1.7608.5284-.4268,1.1789-.6402,1.9512-.6402.7623,0,1.4126.2058,1.9514.6173.5387.4117.9452.991,1.2196,1.7379.2742.747.4116,1.6288.4116,2.645,0,1.0061-.1399,1.8854-.4192,2.6373Z" fill="#0f1925"/><circle cx="113.1907" cy="18.7881" r="4.9939" fill="url(#linear-gradient)"/></g></svg>', Wv = `
+  ))));
+};
+class Bv extends a.Component {
+  constructor() {
+    super(...arguments), this.state = { hasError: !1 };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  componentDidCatch(t, n) {
+    console.error("[Editor] Render error", t), console.error("[Editor] Component stack:", n.componentStack);
+  }
+  render() {
+    return this.state.hasError ? /* @__PURE__ */ a.createElement("div", { className: "fixed inset-0 bg-slate-950 text-white flex items-center justify-center p-6" }, /* @__PURE__ */ a.createElement("div", { className: "max-w-md text-center space-y-3" }, /* @__PURE__ */ a.createElement("div", { className: "text-lg font-semibold" }, "Editor failed to render"), /* @__PURE__ */ a.createElement("div", { className: "text-sm text-slate-300" }, "Check the console for the component stack to pinpoint the cause."), /* @__PURE__ */ a.createElement(
+      "button",
+      {
+        onClick: () => window.location.reload(),
+        className: "inline-flex items-center justify-center rounded-lg bg-white/10 px-4 py-2 text-sm font-semibold text-white hover:bg-white/20 transition-colors"
+      },
+      "Reload"
+    ))) : this.props.children;
+  }
+}
+const jv = "https://cdn.tailwindcss.com", $v = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap", qv = ".our-editor-sdk { font-family: 'Inter', sans-serif; }", Uv = "fraczled-sdk-loader-styles", Hv = 3500, Wv = 220, Gv = "1.30.9", Yv = '<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 118.1846 24.1172"><defs><linearGradient id="linear-gradient" x1="109.7684" y1="15.3657" x2="116.6286" y2="22.226" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#99d1a7"/><stop offset="1" stop-color="#8fd4f0"/></linearGradient></defs><g id="Layer_1-2"><path d="M86.0219,13.5526c-.0564-.5503-.1717-1.0508-.3545-1.494-.2642-.6402-.6581-1.1357-1.1813-1.4864-.5236-.3506-1.1715-.5259-1.9438-.5259s-1.4254.1779-1.9588.5335c-.5336.3559-.9428.8385-1.2273,1.4482-.2133.4568-.3465.965-.3999,1.5245h7.0657Z" fill="none"/><path d="M29.4248,16.3577c-.315.0609-.6302.1143-.9452.16-.315.0458-.5997.0892-.8536.1296-.5591.0815-1.0468.211-1.4636.3888-.4168.1779-.7392.4168-.9679.7164-.2287.3-.3431.6735-.3431,1.1206,0,.6402.2337,1.1281.7013,1.4635.4674.3354,1.0671.5031,1.7988.5031.691,0,1.3036-.1396,1.837-.4193.5336-.2794.9502-.6555,1.2502-1.1281.2995-.4726.4497-1.0035.4497-1.5931v-1.8141c-.1426.0914-.3431.1779-.6023.2591-.259.0815-.5463.1525-.8613.2135Z" fill="none"/><path d="M100.9591,10.8924c-.5389-.4116-1.1891-.6173-1.9514-.6173-.7723,0-1.4228.2134-1.9512.6402-.5286.4268-.9299,1.0138-1.2044,1.7608-.2744.7469-.4116,1.6136-.4116,2.5992s.1371,1.8575.4116,2.6144c.2744.7573.6784,1.3492,1.212,1.7761s1.1815.6402,1.9436.6402,1.4102-.2108,1.9438-.6326c.5336-.4216.94-1.0085,1.2196-1.7608.2792-.752.4192-1.6312.4192-2.6373,0-1.0162-.1373-1.8979-.4116-2.645-.2744-.7469-.681-1.3262-1.2196-1.7379Z" fill="none"/><path d="M7.104,5.6101c0-.5793.1371-1.029.4116-1.3491s.7571-.4802,1.4483-.4802c.2947,0,.574.0255.8384.0762.2642.051.4929.1018.686.1525l.8233-3.5368c-.2847-.0812-.7294-.1803-1.3341-.2972-.6047-.1167-1.2728-.1754-2.0046-.1754-1.0671,0-2.0199.2034-2.8583.6098-.8386.4065-1.4993,1.0164-1.982,1.8294-.4828.8132-.7242,1.8346-.7242,3.0642v1.2348H0v3.5673h2.4086v13.4764h4.6955v-13.4764h3.3995v-3.5673h-3.3995v-1.1281Z" fill="#0f1925"/><path d="M33.3808,7.8891c-.676-.4624-1.4459-.8054-2.3096-1.029-.8639-.2234-1.7683-.3354-2.7135-.3354-1.362,0-2.5588.2058-3.5903.6175-1.0315.4116-1.8725.9961-2.523,1.7532-.3151.3668-.579.767-.7939,1.1993v-3.4175c-.2134-.061-.4549-.1041-.7242-.1296-.2692-.0253-.5258-.0381-.7697-.0381-.9452,0-1.7836.2721-2.5154.8156-.7318.5439-1.2554,1.3442-1.5702,2.401h-.1831v-2.988h-4.5581v17.0437h4.7107v-9.6347c0-.691.1548-1.3035.465-1.837.3098-.5335.7392-.9502,1.2881-1.2501.5489-.2996,1.1636-.4497,1.8446-.4497.3355,0,.6987.0228,1.0899.0686.2454.0287.4538.063.6332.1017-.091.2586-.1679.5265-.228.8054l4.3753.3506c.1624-.5691.4955-1.039.9986-1.4102.5031-.3708,1.1763-.5564,2.0199-.5564.8026,0,1.4254.1932,1.8675.5793.4421.3864.6631.9299.6631,1.6312v.0762c0,.3559-.1397.6277-.4192.8156-.2797.1882-.7191.3277-1.3188.4193-.5997.0914-1.3925.1829-2.378.2743-.8536.0815-1.6617.2237-2.424.4268-.7621.2035-1.4431.5031-2.0428.8995-.5997.3963-1.0723.9123-1.4178,1.5473-.3455.6353-.5182,1.4307-.5182,2.3858,0,1.1182.2439,2.0531.7318,2.8051.4876.7523,1.1608,1.3187,2.0199,1.6998.8587.3812,1.8267.5717,2.904.5717.8434,0,1.5854-.1143,2.2257-.343.6405-.2287,1.1891-.5436,1.6465-.9452.4573-.4013.8233-.8713,1.0976-1.4101h.1221v2.3781h4.4971v-11.4945c0-1.0061-.1982-1.8751-.5945-2.6068-.3963-.7318-.9326-1.3288-1.6083-1.7913ZM30.8884,17.6992c0,.5896-.1502,1.1205-.4497,1.5931-.3.4726-.7165.8487-1.2502,1.1281-.5334.2797-1.146.4193-1.837.4193-.7318,0-1.3315-.1677-1.7988-.5031-.4676-.3354-.7013-.8232-.7013-1.4635,0-.4471.1144-.8206.3431-1.1206.2287-.2996.5511-.5385.9679-.7164.4168-.1778.9044-.3073,1.4636-.3888.254-.0404.5387-.0838.8536-.1296.315-.0457.6302-.0991.9452-.16.315-.061.6023-.132.8613-.2135.2592-.0812.4597-.1676.6023-.2591v1.8141Z" fill="#0f1925"/><path d="M42.91,10.8009c.5434-.3911,1.1815-.5869,1.9133-.5869.5792,0,1.0873.117,1.5244.3506.4368.2339.7874.564,1.0518.9909.2642.4269.4368.9249.5184,1.494h4.4515c-.061-1.321-.417-2.4696-1.0673-3.4453-.6505-.9756-1.532-1.7326-2.6449-2.2714-1.1128-.5385-2.4114-.808-3.895-.808-1.728,0-3.2166.3711-4.4668,1.1129-1.2499.7419-2.213,1.7736-2.8888,3.0947-.676,1.3212-1.0139,2.856-1.0139,4.6039,0,1.7279.3355,3.2497,1.0062,4.5658.6708,1.3162,1.6312,2.3476,2.8812,3.0947,1.2502.7469,2.744,1.1205,4.4821,1.1205,1.5244,0,2.8404-.2771,3.9484-.8309,1.1076-.5538,1.9765-1.3262,2.6067-2.3172.6302-.9909.9807-2.1366,1.052-3.4377h-4.4515c-.1321.9048-.4778,1.6136-1.0365,2.1267-.5591.5134-1.2452.7698-2.058.7698-.7318,0-1.3698-.2032-1.9133-.6097-.5439-.4064-.9657-.996-1.2654-1.7684-.2997-.7722-.4497-1.6972-.4497-2.7746s.15-1.9945.4497-2.7517c.2997-.757.7215-1.3313,1.2654-1.7227Z" fill="#0f1925"/><polygon points="59.2611 19.8792 67.0815 9.8328 67.0815 6.7381 53.3462 6.7381 53.3462 10.5188 61.4107 10.5188 61.4107 10.6408 53.0718 20.9616 53.0718 23.7818 67.3714 23.7818 67.3714 20.0011 59.2611 20.0011 59.2611 19.8792" fill="#0f1925"/><rect x="68.7445" y="1.0672" width="4.7105" height="22.7147" fill="#0f1925"/><path d="M88.2286,8.6818c-.7318-.7164-1.5854-1.2551-2.5612-1.6158-.9755-.3607-2.0275-.5413-3.1556-.5413-1.667,0-3.1175.3711-4.3524,1.1129-1.2349.7419-2.1901,1.7736-2.8659,3.0947-.6762,1.3212-1.0139,2.856-1.0139,4.6039,0,1.7988.3377,3.3564,1.0139,4.6725.6758,1.3163,1.6486,2.3301,2.9193,3.0413,1.2702.7115,2.7796,1.0672,4.5276,1.0672,1.4025,0,2.6374-.216,3.7045-.6479s1.9386-1.0366,2.6146-1.8141c.6758-.7776,1.1205-1.6896,1.3339-2.7365l-4.36-.2896c-.1524.4168-.3839.7724-.6936,1.0672-.3102.2948-.6784.5183-1.1052.6708-.4268.1524-.9047.2287-1.4331.2287-.7623,0-1.4357-.1754-2.0199-.526-.5846-.3506-1.0394-.8536-1.3644-1.5092-.2927-.5895-.4523-1.2887-.4817-2.0961h11.6103v-1.2806c0-1.4532-.2034-2.7212-.6097-3.8036-.4065-1.0824-.9757-1.9818-1.7075-2.6984ZM80.5835,10.5799c.5334-.3556,1.1863-.5335,1.9588-.5335s1.4202.1753,1.9438.5259c.5232.3506.9171.8461,1.1813,1.4864.1829.4431.2982.9437.3545,1.494h-7.0657c.0534-.5595.1867-1.0677.3999-1.5245.2845-.6097.6936-1.0923,1.2273-1.4482Z" fill="#0f1925"/><path d="M102.4835,1.0672v8.5522h-.1371c-.2034-.4673-.5031-.9399-.8994-1.4177-.3963-.4776-.9147-.8766-1.5549-1.1968-.6405-.3201-1.4383-.4802-2.3935-.4802-1.2401,0-2.3835.3228-3.4301.9681-1.047.6455-1.8854,1.6186-2.5154,2.9193-.6302,1.3011-.9452,2.927-.9452,4.8784,0,1.8903.305,3.4887.9147,4.7944.6097,1.3061,1.4381,2.2943,2.4849,2.9651,1.0468.6709,2.2204,1.0062,3.5216,1.0062.9147,0,1.6894-.1525,2.3249-.4573.635-.305,1.156-.6884,1.5625-1.151.4063-.4624.7165-.9273.9299-1.3949h.2134v2.7288h4.6497V1.0672h-4.726ZM102.1711,17.9126c-.2797.7523-.686,1.3392-1.2196,1.7608-.5336.4218-1.1815.6326-1.9438.6326s-1.41-.2134-1.9436-.6402-.9376-1.0188-1.212-1.7761c-.2744-.757-.4116-1.6285-.4116-2.6144s.1371-1.8523.4116-2.5992c.2744-.747.6758-1.334,1.2044-1.7608.5284-.4268,1.1789-.6402,1.9512-.6402.7623,0,1.4126.2058,1.9514.6173.5387.4117.9452.991,1.2196,1.7379.2742.747.4116,1.6288.4116,2.645,0,1.0061-.1399,1.8854-.4192,2.6373Z" fill="#0f1925"/><circle cx="113.1907" cy="18.7881" r="4.9939" fill="url(#linear-gradient)"/></g></svg>', Vv = `
 .fraczled-sdk-root {
   width: 100%;
   height: 100%;
@@ -25663,7 +25703,7 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
     e.setAttribute("data-fraczled-loaded", "true"), e.removeEventListener("load", n), e.removeEventListener("error", n), t();
   };
   e.addEventListener("load", n), e.addEventListener("error", n);
-}), Gv = (e, t) => {
+}), Xv = (e, t) => {
   if (typeof document > "u") return Promise.resolve();
   const n = document.getElementById(e);
   if (n) return Gs(n);
@@ -25673,7 +25713,7 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
   i.id = e, i.src = t, i.async = !0;
   const s = Gs(i);
   return document.head.appendChild(i), s;
-}, Yv = (e, t) => {
+}, Kv = (e, t) => {
   if (typeof document > "u") return Promise.resolve();
   const n = document.getElementById(e);
   if (n) return Gs(n);
@@ -25687,12 +25727,12 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
   if (typeof document > "u" || document.getElementById(e)) return;
   const n = document.createElement("style");
   n.id = e, n.textContent = t, document.head.appendChild(n);
-}, Vv = (e) => {
+}, Zv = (e) => {
   if (typeof document > "u") return Promise.resolve();
-  const t = (e == null ? void 0 : e.injectTailwind) !== !1, n = (e == null ? void 0 : e.injectFont) !== !1, r = (e == null ? void 0 : e.injectBaseStyles) !== !1, i = (e == null ? void 0 : e.tailwindCdnUrl) || Ov, s = (e == null ? void 0 : e.fontHref) || zv, o = [];
-  return t && o.push(Gv("fraczled-sdk-tailwind", i)), n && o.push(Yv("fraczled-sdk-font", s)), r && Af("fraczled-sdk-base-styles", Bv), o.length ? Promise.all(o).then(() => {
+  const t = (e == null ? void 0 : e.injectTailwind) !== !1, n = (e == null ? void 0 : e.injectFont) !== !1, r = (e == null ? void 0 : e.injectBaseStyles) !== !1, i = (e == null ? void 0 : e.tailwindCdnUrl) || jv, s = (e == null ? void 0 : e.fontHref) || $v, o = [];
+  return t && o.push(Xv("fraczled-sdk-tailwind", i)), n && o.push(Kv("fraczled-sdk-font", s)), r && Af("fraczled-sdk-base-styles", qv), o.length ? Promise.all(o).then(() => {
   }) : Promise.resolve();
-}, Xv = (e, t) => {
+}, Jv = (e, t) => {
   const n = document.createElement("div");
   n.className = "fraczled-sdk-root", n.style.width = "100%", n.style.height = "100%", e.appendChild(n);
   const r = e.style.position;
@@ -25702,19 +25742,19 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
     (!d || d === "static") && (e.style.position = "relative", i = !0);
   }
   let s = null;
-  return t ? (Af(jv, Wv), s = document.createElement("div"), s.className = "fraczled-sdk-loader", s.setAttribute("role", "status"), s.setAttribute("aria-live", "polite"), s.innerHTML = `
+  return t ? (Af(Uv, Vv), s = document.createElement("div"), s.className = "fraczled-sdk-loader", s.setAttribute("role", "status"), s.setAttribute("aria-live", "polite"), s.innerHTML = `
       <div class="fraczled-sdk-loader__content">
-        <div class="fraczled-sdk-loader__logo fraczled-sdk-loader__pulse">${Hv}</div>
+        <div class="fraczled-sdk-loader__logo fraczled-sdk-loader__pulse">${Yv}</div>
         <div class="fraczled-sdk-loader__text">Loading editor</div>
       </div>
     `.trim(), e.appendChild(s)) : n.classList.add("fraczled-sdk-root--ready"), { mount: n, reveal: () => {
     !t || !s || (n.classList.add("fraczled-sdk-root--ready"), s.classList.add("fraczled-sdk-loader--hide"), window.setTimeout(() => {
       s && s.parentNode && s.remove();
-    }, qv));
+    }, Wv));
   }, cleanup: () => {
     s && s.parentNode && s.remove(), n.parentNode && n.remove(), i && (e.style.position = r);
   } };
-}, Kv = ({
+}, Qv = ({
   store: e,
   className: t,
   apiKey: n,
@@ -25733,7 +25773,7 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
   onReady: x
 }) => (a.useEffect(() => {
   x();
-}, []), a.createElement(Rv, {
+}, []), a.createElement(zv, {
   store: e,
   className: t,
   apiKey: n,
@@ -25750,19 +25790,19 @@ const Uc = () => Math.random().toString(36).substring(2, 9), Bh = {
   ui: p,
   sdkVersion: L
 }));
-function Zv(e) {
+function ex(e) {
   var u, m, g;
   if (Hh(Uh(e, { source: "embed" }), {
     throwOnError: !0,
     prefix: "[Fraczled SDK]"
   }), !e.container) throw new Error("Container required");
-  const t = ((u = e.assets) == null ? void 0 : u.showLoader) !== !1, n = Xv(e.container, t), r = Vv(e.assets);
+  const t = ((u = e.assets) == null ? void 0 : u.showLoader) !== !1, n = Jv(e.container, t), r = Zv(e.assets);
   (m = e.services) != null && m.unsplashProxyBaseUrl && C3(e.services.unsplashProxyBaseUrl);
   const i = Wh(e), s = p2.createRoot(n.mount), o = t ? new Promise((v) => {
     let p = !1;
     const L = window.setTimeout(() => {
       p || (p = !0, v());
-    }, $v);
+    }, Hv);
     r.then(() => {
       p || (p = !0, window.clearTimeout(L), v());
     });
@@ -25773,7 +25813,7 @@ function Zv(e) {
       l || (l = !0, n.reveal());
     });
   };
-  return s.render(a.createElement(Kv, {
+  return s.render(a.createElement(Qv, {
     store: i,
     className: e.className,
     apiKey: (g = e.services) == null ? void 0 : g.geminiApiKey,
@@ -25788,7 +25828,7 @@ function Zv(e) {
     customElementTypes: e.customElementTypes,
     theme: e.theme,
     ui: e.ui,
-    sdkVersion: Uv,
+    sdkVersion: Gv,
     onReady: d
   })), {
     store: i,
@@ -25799,13 +25839,13 @@ function Zv(e) {
     }
   };
 }
-const rx = Zv;
+const sx = ex;
 export {
   A2 as S,
   Un as _,
-  Zv as a,
-  rx as b,
-  nx as c,
+  ex as a,
+  sx as b,
+  ix as c,
   Wh as d,
   py as g
 };