@qwanyx/stack 0.2.86 → 0.2.88

package/dist/index.esm.js

@@ -3630,10 +3630,10 @@ class Wd {
     for (const p of c.messages)
       p.uid && d.set(p.uid, p);
     const f = l.map((p) => {
-      var _, v, E, C, w;
+      var _, w, S, C, v;
       const g = d.get(p);
       if (!g) return null;
-      const m = ((_ = g.flags) == null ? void 0 : _.some((S) => S.includes("Seen"))) || !1, x = ((E = (v = g.envelope) == null ? void 0 : v.from) == null ? void 0 : E.email) || "Unknown", b = ((C = g.envelope) == null ? void 0 : C.subject) || "(No subject)", y = ((w = g.envelope) == null ? void 0 : w.date) || "";
+      const m = ((_ = g.flags) == null ? void 0 : _.some((E) => E.includes("Seen"))) || !1, x = ((S = (w = g.envelope) == null ? void 0 : w.from) == null ? void 0 : S.email) || "Unknown", b = ((C = g.envelope) == null ? void 0 : C.subject) || "(No subject)", y = ((v = g.envelope) == null ? void 0 : v.date) || "";
       return { uid: p, from: x, subject: b, date: y, seen: m };
     }).filter(Boolean);
     return {
@@ -3686,26 +3686,26 @@ class Wd {
     const s = (await this.imapExec(e, [
       `SELECT "${n}"`,
       `UID FETCH ${t} (FLAGS BODY[])`
-    ])).responses.find((v) => v.command === "UID FETCH");
+    ])).responses.find((w) => w.command === "UID FETCH");
     if (!(s != null && s.ok) || !((g = s.messages) != null && g[0]))
       return console.error("Failed to fetch raw email:", s == null ? void 0 : s.error), null;
     const o = s.messages[0], a = o.body || o.raw;
     if (!a)
       return console.error("No raw email content in response"), null;
     const u = await new Fi().parse(a);
-    console.log("[MailClient] Parsed email - attachments count:", ((m = u.attachments) == null ? void 0 : m.length) || 0), console.log("[MailClient] Parsed attachments:", (x = u.attachments) == null ? void 0 : x.map((v) => ({ filename: v.filename, mimeType: v.mimeType, contentId: v.contentId })));
+    console.log("[MailClient] Parsed email - attachments count:", ((m = u.attachments) == null ? void 0 : m.length) || 0), console.log("[MailClient] Parsed attachments:", (x = u.attachments) == null ? void 0 : x.map((w) => ({ filename: w.filename, mimeType: w.mimeType, contentId: w.contentId })));
     const c = /* @__PURE__ */ new Map();
-    for (const v of u.attachments || [])
-      if (v.contentId) {
-        const E = this.contentToBase64(v.content), C = `data:${v.mimeType};base64,${E}`, w = v.contentId.replace(/^<|>$/g, "");
-        c.set(w, C), c.set(`<${w}>`, C);
+    for (const w of u.attachments || [])
+      if (w.contentId) {
+        const S = this.contentToBase64(w.content), C = `data:${w.mimeType};base64,${S}`, v = w.contentId.replace(/^<|>$/g, "");
+        c.set(v, C), c.set(`<${v}>`, C);
       }
     let d = u.html || "";
-    d && c.size > 0 && (d = d.replace(/src=["']cid:([^"']+)["']/gi, (v, E) => {
-      const C = c.get(E) || c.get(`<${E}>`);
-      return C ? `src="${C}"` : v;
+    d && c.size > 0 && (d = d.replace(/src=["']cid:([^"']+)["']/gi, (w, S) => {
+      const C = c.get(S) || c.get(`<${S}>`);
+      return C ? `src="${C}"` : w;
     }));
-    const f = ((b = o.flags) == null ? void 0 : b.some((v) => v.toLowerCase().includes("seen"))) || !1, p = ((y = u.from) == null ? void 0 : y.address) || ((_ = u.from) == null ? void 0 : _.name) || "Unknown";
+    const f = ((b = o.flags) == null ? void 0 : b.some((w) => w.toLowerCase().includes("seen"))) || !1, p = ((y = u.from) == null ? void 0 : y.address) || ((_ = u.from) == null ? void 0 : _.name) || "Unknown";
     return {
       uid: t,
       from: p,
@@ -3715,10 +3715,10 @@ class Wd {
       html: d,
       text: u.text || "",
       seen: f,
-      attachments: (u.attachments || []).map((v) => ({
-        filename: v.filename || "attachment",
-        mimeType: v.mimeType || "application/octet-stream",
-        size: this.getContentSize(v.content)
+      attachments: (u.attachments || []).map((w) => ({
+        filename: w.filename || "attachment",
+        mimeType: w.mimeType || "application/octet-stream",
+        size: this.getContentSize(w.content)
       }))
     };
   }
@@ -4441,23 +4441,23 @@ function Gd() {
         $e.unshift("Warning: " + $), Function.prototype.apply.call(console[k], console, $e);
       }
     }
-    var v = !1, E = !1, C = !1, w = !1, S = !1, F;
-    F = Symbol.for("react.module.reference");
-    function T(k) {
-      return !!(typeof k == "string" || typeof k == "function" || k === n || k === s || S || k === i || k === u || k === c || w || k === p || v || E || C || typeof k == "object" && k !== null && (k.$$typeof === f || k.$$typeof === d || k.$$typeof === o || k.$$typeof === a || k.$$typeof === l || // This needs to include all possible module reference object
+    var w = !1, S = !1, C = !1, v = !1, E = !1, N;
+    N = Symbol.for("react.module.reference");
+    function A(k) {
+      return !!(typeof k == "string" || typeof k == "function" || k === n || k === s || E || k === i || k === u || k === c || v || k === p || w || S || C || typeof k == "object" && k !== null && (k.$$typeof === f || k.$$typeof === d || k.$$typeof === o || k.$$typeof === a || k.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      k.$$typeof === F || k.getModuleId !== void 0));
+      k.$$typeof === N || k.getModuleId !== void 0));
     }
-    function A(k, $, te) {
+    function T(k, $, te) {
       var pe = k.displayName;
       if (pe)
         return pe;
       var je = $.displayName || $.name || "";
       return je !== "" ? te + "(" + je + ")" : te;
     }
-    function N(k) {
+    function F(k) {
       return k.displayName || "Context";
     }
     function R(k) {
@@ -4485,12 +4485,12 @@ function Gd() {
         switch (k.$$typeof) {
           case a:
             var $ = k;
-            return N($) + ".Consumer";
+            return F($) + ".Consumer";
           case o:
             var te = k;
-            return N(te._context) + ".Provider";
+            return F(te._context) + ".Provider";
           case l:
-            return A(k, k.render, "ForwardRef");
+            return T(k, k.render, "ForwardRef");
           case d:
             var pe = k.displayName || null;
             return pe !== null ? pe : R(k.type) || "Memo";
@@ -4951,7 +4951,7 @@ Check the top-level render call using <` + te + ">.");
     var Ue = {};
     function pt(k, $, te, pe, je, $e) {
       {
-        var Fe = T(k);
+        var Fe = A(k);
         if (!Fe) {
           var Me = "";
           (k === void 0 || typeof k == "object" && k !== null && Object.keys(k).length === 0) && (Me += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
@@ -5007,26 +5007,26 @@ process.env.NODE_ENV === "production" ? Zs.exports = Vd() : Zs.exports = Gd();
 var h = Zs.exports;
 const cu = nu(void 0);
 function by({ apiUrl: r, systemId: e, children: t }) {
-  const [n, i] = I(null), [s, o] = I(null), [a, l] = I(!1), [u, c] = I(!0), [d] = I(() => new au({ apiUrl: r, systemId: e })), f = X(async (E) => {
-    const C = await d.isAdmin(E);
+  const [n, i] = I(null), [s, o] = I(null), [a, l] = I(!1), [u, c] = I(!0), [d] = I(() => new au({ apiUrl: r, systemId: e })), f = X(async (S) => {
+    const C = await d.isAdmin(S);
     l(C);
   }, [d]), p = X(() => {
-    const E = Tt.getToken(), C = Tt.getUser();
-    E && C ? (o(E), i(C), f(C._id).finally(() => c(!1))) : c(!1);
+    const S = Tt.getToken(), C = Tt.getUser();
+    S && C ? (o(S), i(C), f(C._id).finally(() => c(!1))) : c(!1);
   }, [f]);
   Te(() => {
     p();
   }, [p]);
-  const g = X(async (E, C) => {
-    const w = await d.login(E, C);
-    return w.success && w.user && w.token && (o(w.token), i(w.user), await f(w.user._id)), w;
-  }, [d, f]), m = X(async (E, C, w) => d.register(E, C, w), [d]), x = X(async (E, C) => {
-    const w = await d.verifyEmail(E, C);
-    return w.success && w.user && w.token && (o(w.token), i(w.user), await f(w.user._id)), w;
-  }, [d, f]), b = X(async (E) => d.requestPasswordReset(E), [d]), y = X(async (E, C, w) => {
-    const S = await d.setPasswordWithCode(E, C, w);
-    return S.success && S.user && S.token && (o(S.token), i(S.user), await f(S.user._id)), S;
-  }, [d, f]), _ = X(async (E) => d.resendVerificationCode(E), [d]), v = X(() => {
+  const g = X(async (S, C) => {
+    const v = await d.login(S, C);
+    return v.success && v.user && v.token && (o(v.token), i(v.user), await f(v.user._id)), v;
+  }, [d, f]), m = X(async (S, C, v) => d.register(S, C, v), [d]), x = X(async (S, C) => {
+    const v = await d.verifyEmail(S, C);
+    return v.success && v.user && v.token && (o(v.token), i(v.user), await f(v.user._id)), v;
+  }, [d, f]), b = X(async (S) => d.requestPasswordReset(S), [d]), y = X(async (S, C, v) => {
+    const E = await d.setPasswordWithCode(S, C, v);
+    return E.success && E.user && E.token && (o(E.token), i(E.user), await f(E.user._id)), E;
+  }, [d, f]), _ = X(async (S) => d.resendVerificationCode(S), [d]), w = X(() => {
     d.logout(), i(null), o(null), l(!1);
   }, [d]);
   return /* @__PURE__ */ h.jsx(cu.Provider, { value: {
@@ -5040,7 +5040,7 @@ function by({ apiUrl: r, systemId: e, children: t }) {
     requestPasswordReset: b,
     setPasswordWithCode: y,
     resendVerificationCode: _,
-    logout: v,
+    logout: w,
     refreshUser: p
   }, children: t });
 }
@@ -5076,12 +5076,12 @@ function du({
   isModal: c = !1
 }) {
   const [d, f] = I(""), [p, g] = I(""), [m, x] = I(""), [b, y] = I(!1), _ = { ...Kd, ...l };
-  async function v(T) {
-    T.preventDefault(), y(!0), x("");
-    const A = await r(d, p);
-    A.success ? e == null || e() : x(A.error || "Connexion impossible"), y(!1);
+  async function w(A) {
+    A.preventDefault(), y(!0), x("");
+    const T = await r(d, p);
+    T.success ? e == null || e() : x(T.error || "Connexion impossible"), y(!1);
   }
-  const E = {
+  const S = {
     backgroundColor: _.backgroundColor,
     borderRadius: _.borderRadius,
     padding: "1.5rem",
@@ -5099,13 +5099,13 @@ function du({
     color: _.textColor,
     fontSize: "1rem",
     outline: "none"
-  }, w = {
+  }, v = {
     display: "block",
     fontSize: "0.875rem",
     fontWeight: 500,
     color: _.textMutedColor,
     marginBottom: "0.25rem"
-  }, S = {
+  }, E = {
     width: "100%",
     padding: "0.75rem",
     backgroundColor: b ? _.textMutedColor : _.primaryColor,
@@ -5116,14 +5116,14 @@ function du({
     fontWeight: 500,
     cursor: b ? "not-allowed" : "pointer",
     transition: "background-color 0.2s"
-  }, F = {
+  }, N = {
     padding: "0.75rem",
     backgroundColor: _.errorBackgroundColor,
     border: `1px solid ${_.errorColor}20`,
     borderRadius: _.borderRadius,
     marginBottom: "1rem"
   };
-  return /* @__PURE__ */ h.jsxs("div", { style: E, className: u, children: [
+  return /* @__PURE__ */ h.jsxs("div", { style: S, className: u, children: [
     t && /* @__PURE__ */ h.jsx("div", { style: { display: "flex", justifyContent: "center", marginBottom: "1.5rem" }, children: t }),
     /* @__PURE__ */ h.jsx("h2", { style: {
       fontSize: "1.25rem",
@@ -5132,42 +5132,42 @@ function du({
       marginBottom: "1rem",
       textAlign: t ? "center" : "left"
     }, children: n }),
-    /* @__PURE__ */ h.jsxs("form", { onSubmit: v, children: [
-      m && /* @__PURE__ */ h.jsx("div", { style: F, children: /* @__PURE__ */ h.jsx("p", { style: { fontSize: "0.875rem", color: _.errorColor, margin: 0 }, children: m }) }),
+    /* @__PURE__ */ h.jsxs("form", { onSubmit: w, children: [
+      m && /* @__PURE__ */ h.jsx("div", { style: N, children: /* @__PURE__ */ h.jsx("p", { style: { fontSize: "0.875rem", color: _.errorColor, margin: 0 }, children: m }) }),
       /* @__PURE__ */ h.jsxs("div", { style: { marginBottom: "1rem" }, children: [
-        /* @__PURE__ */ h.jsx("label", { style: w, children: o }),
+        /* @__PURE__ */ h.jsx("label", { style: v, children: o }),
         /* @__PURE__ */ h.jsx(
           "input",
           {
             type: "email",
             value: d,
-            onChange: (T) => f(T.target.value),
+            onChange: (A) => f(A.target.value),
             required: !0,
             style: C,
-            onFocus: (T) => {
-              T.target.style.borderColor = _.primaryColor, T.target.style.boxShadow = `0 0 0 2px ${_.primaryColor}20`;
+            onFocus: (A) => {
+              A.target.style.borderColor = _.primaryColor, A.target.style.boxShadow = `0 0 0 2px ${_.primaryColor}20`;
             },
-            onBlur: (T) => {
-              T.target.style.borderColor = _.borderColor, T.target.style.boxShadow = "none";
+            onBlur: (A) => {
+              A.target.style.borderColor = _.borderColor, A.target.style.boxShadow = "none";
             }
           }
         )
       ] }),
       /* @__PURE__ */ h.jsxs("div", { style: { marginBottom: "1.5rem" }, children: [
-        /* @__PURE__ */ h.jsx("label", { style: w, children: a }),
+        /* @__PURE__ */ h.jsx("label", { style: v, children: a }),
         /* @__PURE__ */ h.jsx(
           "input",
           {
             type: "password",
             value: p,
-            onChange: (T) => g(T.target.value),
+            onChange: (A) => g(A.target.value),
             required: !0,
             style: C,
-            onFocus: (T) => {
-              T.target.style.borderColor = _.primaryColor, T.target.style.boxShadow = `0 0 0 2px ${_.primaryColor}20`;
+            onFocus: (A) => {
+              A.target.style.borderColor = _.primaryColor, A.target.style.boxShadow = `0 0 0 2px ${_.primaryColor}20`;
             },
-            onBlur: (T) => {
-              T.target.style.borderColor = _.borderColor, T.target.style.boxShadow = "none";
+            onBlur: (A) => {
+              A.target.style.borderColor = _.borderColor, A.target.style.boxShadow = "none";
             }
           }
         )
@@ -5177,12 +5177,12 @@ function du({
         {
           type: "submit",
           disabled: b,
-          style: S,
-          onMouseEnter: (T) => {
-            b || (T.target.style.backgroundColor = _.primaryHoverColor);
+          style: E,
+          onMouseEnter: (A) => {
+            b || (A.target.style.backgroundColor = _.primaryHoverColor);
           },
-          onMouseLeave: (T) => {
-            b || (T.target.style.backgroundColor = _.primaryColor);
+          onMouseLeave: (A) => {
+            b || (A.target.style.backgroundColor = _.primaryColor);
           },
           children: b ? s : i
         }
@@ -5290,19 +5290,19 @@ function Qd({
   className: m = "",
   isModal: x = !1
 }) {
-  const [b, y] = I(""), [_, v] = I(""), [E, C] = I(""), [w, S] = I(""), [F, T] = I(""), [A, N] = I(""), [R, D] = I(!1), B = { ...Yd, ...g };
+  const [b, y] = I(""), [_, w] = I(""), [S, C] = I(""), [v, E] = I(""), [N, A] = I(""), [T, F] = I(""), [R, D] = I(!1), B = { ...Yd, ...g };
   async function M(W) {
-    if (W.preventDefault(), N(""), _ !== E) {
-      N("Les mots de passe ne correspondent pas");
+    if (W.preventDefault(), F(""), _ !== S) {
+      F("Les mots de passe ne correspondent pas");
       return;
     }
     if (_.length < 8) {
-      N("Le mot de passe doit contenir au moins 8 caractères");
+      F("Le mot de passe doit contenir au moins 8 caractères");
       return;
     }
     D(!0);
-    const ce = await r(b, _, p ? { firstName: w, lastName: F } : void 0);
-    ce.success ? e == null || e(b) : N(ce.error || "Erreur lors de l'inscription"), D(!1);
+    const ce = await r(b, _, p ? { firstName: v, lastName: N } : void 0);
+    ce.success ? e == null || e(b) : F(ce.error || "Erreur lors de l'inscription"), D(!1);
   }
   const O = {
     backgroundColor: B.backgroundColor,
@@ -5362,7 +5362,7 @@ function Qd({
       textAlign: n ? "center" : "left"
     }, children: i }),
     /* @__PURE__ */ h.jsxs("form", { onSubmit: M, children: [
-      A && /* @__PURE__ */ h.jsx("div", { style: q, children: /* @__PURE__ */ h.jsx("p", { style: { fontSize: "0.875rem", color: B.errorColor, margin: 0 }, children: A }) }),
+      T && /* @__PURE__ */ h.jsx("div", { style: q, children: /* @__PURE__ */ h.jsx("p", { style: { fontSize: "0.875rem", color: B.errorColor, margin: 0 }, children: T }) }),
       p && /* @__PURE__ */ h.jsxs("div", { style: { display: "flex", gap: "0.75rem", marginBottom: "1rem" }, children: [
         /* @__PURE__ */ h.jsxs("div", { style: { flex: 1 }, children: [
           /* @__PURE__ */ h.jsx("label", { style: U, children: c }),
@@ -5370,8 +5370,8 @@ function Qd({
             "input",
             {
               type: "text",
-              value: w,
-              onChange: (W) => S(W.target.value),
+              value: v,
+              onChange: (W) => E(W.target.value),
               style: V
             }
           )
@@ -5382,8 +5382,8 @@ function Qd({
             "input",
             {
               type: "text",
-              value: F,
-              onChange: (W) => T(W.target.value),
+              value: N,
+              onChange: (W) => A(W.target.value),
               style: V
             }
           )
@@ -5409,7 +5409,7 @@ function Qd({
           {
             type: "password",
             value: _,
-            onChange: (W) => v(W.target.value),
+            onChange: (W) => w(W.target.value),
             required: !0,
             minLength: 8,
             style: V
@@ -5422,7 +5422,7 @@ function Qd({
           "input",
           {
             type: "password",
-            value: E,
+            value: S,
             onChange: (W) => C(W.target.value),
             required: !0,
             style: V
@@ -5479,21 +5479,21 @@ function Sl({
   className: g = "",
   isModal: m = !1
 }) {
-  const [x, b] = I(Array(f).fill("")), [y, _] = I(""), [v, E] = I(!1), [C, w] = I(!1), [S, F] = I(!1), T = be([]), A = { ...Xd, ...p };
+  const [x, b] = I(Array(f).fill("")), [y, _] = I(""), [w, S] = I(!1), [C, v] = I(!1), [E, N] = I(!1), A = be([]), T = { ...Xd, ...p };
   Te(() => {
     var q;
-    (q = T.current[0]) == null || q.focus();
+    (q = A.current[0]) == null || q.focus();
   }, []);
-  const N = (q, J) => {
+  const F = (q, J) => {
     var ce;
     const W = J.replace(/\D/g, "").slice(-1), se = [...x];
-    if (se[q] = W, b(se), _(""), W && q < f - 1 && ((ce = T.current[q + 1]) == null || ce.focus()), W && q === f - 1) {
+    if (se[q] = W, b(se), _(""), W && q < f - 1 && ((ce = A.current[q + 1]) == null || ce.focus()), W && q === f - 1) {
       const fe = se.join("");
       fe.length === f && B(fe);
     }
   }, R = (q, J) => {
     var W;
-    J.key === "Backspace" && !x[q] && q > 0 && ((W = T.current[q - 1]) == null || W.focus());
+    J.key === "Backspace" && !x[q] && q > 0 && ((W = A.current[q - 1]) == null || W.focus());
   }, D = (q) => {
     var ce;
     q.preventDefault();
@@ -5502,7 +5502,7 @@ function Sl({
       ge < f && (W[ge] = fe);
     }), b(W);
     const se = Math.min(J.length, f) - 1;
-    se >= 0 && ((ce = T.current[se]) == null || ce.focus()), J.length === f && B(J);
+    se >= 0 && ((ce = A.current[se]) == null || ce.focus()), J.length === f && B(J);
   };
   async function B(q) {
     var se;
@@ -5511,19 +5511,19 @@ function Sl({
       _("Veuillez entrer le code complet");
       return;
     }
-    E(!0), _("");
+    S(!0), _("");
     const W = await e(r, J);
-    W.success ? t == null || t() : (_(W.error || "Code invalide"), b(Array(f).fill("")), (se = T.current[0]) == null || se.focus()), E(!1);
+    W.success ? t == null || t() : (_(W.error || "Code invalide"), b(Array(f).fill("")), (se = A.current[0]) == null || se.focus()), S(!1);
   }
   async function M() {
     if (!n) return;
-    w(!0), F(!1), _("");
+    v(!0), N(!1), _("");
     const q = await n(r);
-    q.success ? (F(!0), setTimeout(() => F(!1), 3e3)) : _(q.error || "Erreur lors de l'envoi"), w(!1);
+    q.success ? (N(!0), setTimeout(() => N(!1), 3e3)) : _(q.error || "Erreur lors de l'envoi"), v(!1);
   }
   const O = {
-    backgroundColor: A.backgroundColor,
-    borderRadius: A.borderRadius,
+    backgroundColor: T.backgroundColor,
+    borderRadius: T.borderRadius,
     padding: "1.5rem",
     width: "100%",
     maxWidth: "24rem",
@@ -5536,25 +5536,25 @@ function Sl({
     textAlign: "center",
     fontSize: "1.5rem",
     fontWeight: 600,
-    border: `2px solid ${A.borderColor}`,
-    borderRadius: A.borderRadius,
-    backgroundColor: A.inputBackground,
-    color: A.textColor,
+    border: `2px solid ${T.borderColor}`,
+    borderRadius: T.borderRadius,
+    backgroundColor: T.inputBackground,
+    color: T.textColor,
     outline: "none",
     transition: "border-color 0.2s, box-shadow 0.2s"
   }, U = {
     width: "100%",
     padding: "0.75rem",
-    backgroundColor: v ? A.textMutedColor : A.primaryColor,
+    backgroundColor: w ? T.textMutedColor : T.primaryColor,
     color: "#ffffff",
     border: "none",
-    borderRadius: A.borderRadius,
+    borderRadius: T.borderRadius,
     fontSize: "1rem",
     fontWeight: 500,
-    cursor: v ? "not-allowed" : "pointer",
+    cursor: w ? "not-allowed" : "pointer",
     transition: "background-color 0.2s"
   }, re = {
-    color: A.primaryColor,
+    color: T.primaryColor,
     textDecoration: "none",
     fontSize: "0.875rem",
     cursor: "pointer",
@@ -5566,30 +5566,30 @@ function Sl({
     /* @__PURE__ */ h.jsx("h2", { style: {
       fontSize: "1.25rem",
       fontWeight: 700,
-      color: A.textColor,
+      color: T.textColor,
       marginBottom: "0.5rem",
       textAlign: "center"
     }, children: s }),
     /* @__PURE__ */ h.jsx("p", { style: {
       fontSize: "0.875rem",
-      color: A.textMutedColor,
+      color: T.textMutedColor,
       textAlign: "center",
       marginBottom: "1.5rem"
     }, children: o || `Un code a été envoyé à ${r}` }),
     y && /* @__PURE__ */ h.jsx("div", { style: {
       padding: "0.75rem",
-      backgroundColor: A.errorBackgroundColor,
-      border: `1px solid ${A.errorColor}20`,
-      borderRadius: A.borderRadius,
+      backgroundColor: T.errorBackgroundColor,
+      border: `1px solid ${T.errorColor}20`,
+      borderRadius: T.borderRadius,
       marginBottom: "1rem"
-    }, children: /* @__PURE__ */ h.jsx("p", { style: { fontSize: "0.875rem", color: A.errorColor, margin: 0, textAlign: "center" }, children: y }) }),
-    S && /* @__PURE__ */ h.jsx("div", { style: {
+    }, children: /* @__PURE__ */ h.jsx("p", { style: { fontSize: "0.875rem", color: T.errorColor, margin: 0, textAlign: "center" }, children: y }) }),
+    E && /* @__PURE__ */ h.jsx("div", { style: {
       padding: "0.75rem",
       backgroundColor: "#ECFDF5",
-      border: `1px solid ${A.successColor}20`,
-      borderRadius: A.borderRadius,
+      border: `1px solid ${T.successColor}20`,
+      borderRadius: T.borderRadius,
       marginBottom: "1rem"
-    }, children: /* @__PURE__ */ h.jsx("p", { style: { fontSize: "0.875rem", color: A.successColor, margin: 0, textAlign: "center" }, children: "Code renvoyé !" }) }),
+    }, children: /* @__PURE__ */ h.jsx("p", { style: { fontSize: "0.875rem", color: T.successColor, margin: 0, textAlign: "center" }, children: "Code renvoyé !" }) }),
     /* @__PURE__ */ h.jsx("div", { style: {
       display: "flex",
       justifyContent: "center",
@@ -5599,25 +5599,25 @@ function Sl({
       "input",
       {
         ref: (W) => {
-          T.current[J] = W;
+          A.current[J] = W;
         },
         type: "text",
         inputMode: "numeric",
         maxLength: 1,
         value: q,
-        onChange: (W) => N(J, W.target.value),
+        onChange: (W) => F(J, W.target.value),
         onKeyDown: (W) => R(J, W),
         onPaste: D,
-        disabled: v,
+        disabled: w,
         style: {
           ...V,
-          borderColor: q ? A.primaryColor : A.borderColor
+          borderColor: q ? T.primaryColor : T.borderColor
         },
         onFocus: (W) => {
-          W.target.style.borderColor = A.primaryColor, W.target.style.boxShadow = `0 0 0 3px ${A.primaryColor}20`;
+          W.target.style.borderColor = T.primaryColor, W.target.style.boxShadow = `0 0 0 3px ${T.primaryColor}20`;
         },
         onBlur: (W) => {
-          W.target.style.borderColor = q ? A.primaryColor : A.borderColor, W.target.style.boxShadow = "none";
+          W.target.style.borderColor = q ? T.primaryColor : T.borderColor, W.target.style.boxShadow = "none";
         }
       },
       J
@@ -5627,12 +5627,12 @@ function Sl({
       {
         type: "button",
         onClick: () => B(),
-        disabled: v || x.join("").length !== f,
+        disabled: w || x.join("").length !== f,
         style: {
           ...U,
           opacity: x.join("").length !== f ? 0.5 : 1
         },
-        children: v ? l : a
+        children: w ? l : a
       }
     ),
     n && /* @__PURE__ */ h.jsx("p", { style: { textAlign: "center", marginTop: "1rem", marginBottom: 0 }, children: /* @__PURE__ */ h.jsx(
@@ -5680,12 +5680,12 @@ function Zd({
   isModal: d = !1
 }) {
   const [f, p] = I(""), [g, m] = I(""), [x, b] = I(!1), y = { ...Jd, ...u };
-  async function _(F) {
-    F.preventDefault(), b(!0), m("");
-    const T = await r(f);
-    T.success ? e == null || e(f) : m(T.error || "Erreur lors de l'envoi"), b(!1);
+  async function _(N) {
+    N.preventDefault(), b(!0), m("");
+    const A = await r(f);
+    A.success ? e == null || e(f) : m(A.error || "Erreur lors de l'envoi"), b(!1);
   }
-  const v = {
+  const w = {
     backgroundColor: y.backgroundColor,
     borderRadius: y.borderRadius,
     padding: "1.5rem",
@@ -5694,7 +5694,7 @@ function Zd({
     ...d && {
       boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
     }
-  }, E = {
+  }, S = {
     width: "100%",
     padding: "0.5rem 1rem",
     border: `1px solid ${y.borderColor}`,
@@ -5710,7 +5710,7 @@ function Zd({
     fontWeight: 500,
     color: y.textMutedColor,
     marginBottom: "0.25rem"
-  }, w = {
+  }, v = {
     width: "100%",
     padding: "0.75rem",
     backgroundColor: x ? y.textMutedColor : y.primaryColor,
@@ -5721,7 +5721,7 @@ function Zd({
     fontWeight: 500,
     cursor: x ? "not-allowed" : "pointer",
     transition: "background-color 0.2s"
-  }, S = {
+  }, E = {
     color: y.primaryColor,
     textDecoration: "none",
     fontSize: "0.875rem",
@@ -5730,7 +5730,7 @@ function Zd({
     border: "none",
     padding: 0
   };
-  return /* @__PURE__ */ h.jsxs("div", { style: v, className: c, children: [
+  return /* @__PURE__ */ h.jsxs("div", { style: w, className: c, children: [
     /* @__PURE__ */ h.jsx("h2", { style: {
       fontSize: "1.25rem",
       fontWeight: 700,
@@ -5759,9 +5759,9 @@ function Zd({
           {
             type: "email",
             value: f,
-            onChange: (F) => p(F.target.value),
+            onChange: (N) => p(N.target.value),
             required: !0,
-            style: E
+            style: S
           }
         )
       ] }),
@@ -5770,17 +5770,17 @@ function Zd({
         {
           type: "submit",
           disabled: x,
-          style: w,
-          onMouseEnter: (F) => {
-            x || (F.target.style.backgroundColor = y.primaryHoverColor);
+          style: v,
+          onMouseEnter: (N) => {
+            x || (N.target.style.backgroundColor = y.primaryHoverColor);
           },
-          onMouseLeave: (F) => {
-            x || (F.target.style.backgroundColor = y.primaryColor);
+          onMouseLeave: (N) => {
+            x || (N.target.style.backgroundColor = y.primaryColor);
           },
           children: x ? o : s
         }
       ),
-      t && /* @__PURE__ */ h.jsx("p", { style: { textAlign: "center", marginTop: "1rem", marginBottom: 0 }, children: /* @__PURE__ */ h.jsx("button", { type: "button", onClick: t, style: S, children: l }) })
+      t && /* @__PURE__ */ h.jsx("p", { style: { textAlign: "center", marginTop: "1rem", marginBottom: 0 }, children: /* @__PURE__ */ h.jsx("button", { type: "button", onClick: t, style: E, children: l }) })
     ] })
   ] });
 }
@@ -5813,58 +5813,58 @@ function tf({
   className: p = "",
   isModal: g = !1
 }) {
-  const [m, x] = I(""), [b, y] = I(""), [_, v] = I(""), [E, C] = I(!1), w = { ...ef, ...f };
-  async function S(D) {
-    if (D.preventDefault(), v(""), m !== b) {
-      v("Les mots de passe ne correspondent pas");
+  const [m, x] = I(""), [b, y] = I(""), [_, w] = I(""), [S, C] = I(!1), v = { ...ef, ...f };
+  async function E(D) {
+    if (D.preventDefault(), w(""), m !== b) {
+      w("Les mots de passe ne correspondent pas");
       return;
     }
     if (m.length < 8) {
-      v("Le mot de passe doit contenir au moins 8 caractères");
+      w("Le mot de passe doit contenir au moins 8 caractères");
       return;
     }
     C(!0);
     const B = await t(r, e, m);
-    B.success ? n == null || n() : v(B.error || "Erreur lors de la réinitialisation"), C(!1);
+    B.success ? n == null || n() : w(B.error || "Erreur lors de la réinitialisation"), C(!1);
   }
-  const F = {
-    backgroundColor: w.backgroundColor,
-    borderRadius: w.borderRadius,
+  const N = {
+    backgroundColor: v.backgroundColor,
+    borderRadius: v.borderRadius,
     padding: "1.5rem",
     width: "100%",
     maxWidth: "24rem",
     ...g && {
       boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
     }
-  }, T = {
+  }, A = {
     width: "100%",
     padding: "0.5rem 1rem",
-    border: `1px solid ${w.borderColor}`,
-    borderRadius: w.borderRadius,
-    backgroundColor: w.inputBackground,
-    color: w.textColor,
+    border: `1px solid ${v.borderColor}`,
+    borderRadius: v.borderRadius,
+    backgroundColor: v.inputBackground,
+    color: v.textColor,
     fontSize: "1rem",
     outline: "none",
     boxSizing: "border-box"
-  }, A = {
+  }, T = {
     display: "block",
     fontSize: "0.875rem",
     fontWeight: 500,
-    color: w.textMutedColor,
+    color: v.textMutedColor,
     marginBottom: "0.25rem"
-  }, N = {
+  }, F = {
     width: "100%",
     padding: "0.75rem",
-    backgroundColor: E ? w.textMutedColor : w.primaryColor,
+    backgroundColor: S ? v.textMutedColor : v.primaryColor,
     color: "#ffffff",
     border: "none",
-    borderRadius: w.borderRadius,
+    borderRadius: v.borderRadius,
     fontSize: "1rem",
     fontWeight: 500,
-    cursor: E ? "not-allowed" : "pointer",
+    cursor: S ? "not-allowed" : "pointer",
     transition: "background-color 0.2s"
   }, R = {
-    color: w.primaryColor,
+    color: v.primaryColor,
     textDecoration: "none",
     fontSize: "0.875rem",
     cursor: "pointer",
@@ -5872,30 +5872,30 @@ function tf({
     border: "none",
     padding: 0
   };
-  return /* @__PURE__ */ h.jsxs("div", { style: F, className: p, children: [
+  return /* @__PURE__ */ h.jsxs("div", { style: N, className: p, children: [
     /* @__PURE__ */ h.jsx("h2", { style: {
       fontSize: "1.25rem",
       fontWeight: 700,
-      color: w.textColor,
+      color: v.textColor,
       marginBottom: "0.5rem",
       textAlign: "center"
     }, children: s }),
     o && /* @__PURE__ */ h.jsx("p", { style: {
       fontSize: "0.875rem",
-      color: w.textMutedColor,
+      color: v.textMutedColor,
       textAlign: "center",
       marginBottom: "1.5rem"
     }, children: o }),
-    /* @__PURE__ */ h.jsxs("form", { onSubmit: S, children: [
+    /* @__PURE__ */ h.jsxs("form", { onSubmit: E, children: [
       _ && /* @__PURE__ */ h.jsx("div", { style: {
         padding: "0.75rem",
-        backgroundColor: w.errorBackgroundColor,
-        border: `1px solid ${w.errorColor}20`,
-        borderRadius: w.borderRadius,
+        backgroundColor: v.errorBackgroundColor,
+        border: `1px solid ${v.errorColor}20`,
+        borderRadius: v.borderRadius,
         marginBottom: "1rem"
-      }, children: /* @__PURE__ */ h.jsx("p", { style: { fontSize: "0.875rem", color: w.errorColor, margin: 0 }, children: _ }) }),
+      }, children: /* @__PURE__ */ h.jsx("p", { style: { fontSize: "0.875rem", color: v.errorColor, margin: 0 }, children: _ }) }),
       /* @__PURE__ */ h.jsxs("div", { style: { marginBottom: "1rem" }, children: [
-        /* @__PURE__ */ h.jsx("label", { style: A, children: u }),
+        /* @__PURE__ */ h.jsx("label", { style: T, children: u }),
         /* @__PURE__ */ h.jsx(
           "input",
           {
@@ -5904,12 +5904,12 @@ function tf({
             onChange: (D) => x(D.target.value),
             required: !0,
             minLength: 8,
-            style: T
+            style: A
           }
         )
       ] }),
       /* @__PURE__ */ h.jsxs("div", { style: { marginBottom: "1.5rem" }, children: [
-        /* @__PURE__ */ h.jsx("label", { style: A, children: c }),
+        /* @__PURE__ */ h.jsx("label", { style: T, children: c }),
         /* @__PURE__ */ h.jsx(
           "input",
           {
@@ -5917,7 +5917,7 @@ function tf({
             value: b,
             onChange: (D) => y(D.target.value),
             required: !0,
-            style: T
+            style: A
           }
         )
       ] }),
@@ -5925,15 +5925,15 @@ function tf({
         "button",
         {
           type: "submit",
-          disabled: E,
-          style: N,
+          disabled: S,
+          style: F,
           onMouseEnter: (D) => {
-            E || (D.target.style.backgroundColor = w.primaryHoverColor);
+            S || (D.target.style.backgroundColor = v.primaryHoverColor);
           },
           onMouseLeave: (D) => {
-            E || (D.target.style.backgroundColor = w.primaryColor);
+            S || (D.target.style.backgroundColor = v.primaryColor);
           },
-          children: E ? l : a
+          children: S ? l : a
         }
       ),
       i && /* @__PURE__ */ h.jsx("p", { style: { textAlign: "center", marginTop: "1rem", marginBottom: 0 }, children: /* @__PURE__ */ h.jsx("button", { type: "button", onClick: i, style: R, children: d }) })
@@ -5957,28 +5957,28 @@ function rf({
   labels: p = {}
 }) {
   const [g, m] = I(a), [x, b] = I(""), [y, _] = I("");
-  async function v(T, A) {
-    const N = await r(T, A);
-    return N.requiresVerification ? (b(T), m("verify-email"), { success: !1, error: "Veuillez vérifier votre email" }) : N;
+  async function w(A, T) {
+    const F = await r(A, T);
+    return F.requiresVerification ? (b(A), m("verify-email"), { success: !1, error: "Veuillez vérifier votre email" }) : F;
   }
-  async function E(T, A, N) {
-    const R = await e(T, A, N);
-    return R.success && R.requiresVerification && (b(T), m("verify-email")), R;
+  async function S(A, T, F) {
+    const R = await e(A, T, F);
+    return R.success && R.requiresVerification && (b(A), m("verify-email")), R;
   }
-  async function C(T) {
-    const A = await n(T);
-    return A.success && (b(T), m("verify-reset-code")), A;
+  async function C(A) {
+    const T = await n(A);
+    return T.success && (b(A), m("verify-reset-code")), T;
   }
-  async function w(T, A) {
-    return _(A), m("reset-password"), { success: !0 };
+  async function v(A, T) {
+    return _(T), m("reset-password"), { success: !0 };
   }
-  const S = () => {
+  const E = () => {
     switch (g) {
       case "login":
         return /* @__PURE__ */ h.jsx(
           du,
           {
-            onLogin: v,
+            onLogin: w,
             onSuccess: o,
             logo: l,
             theme: u,
@@ -5991,7 +5991,7 @@ function rf({
         return /* @__PURE__ */ h.jsx(
           Qd,
           {
-            onRegister: E,
+            onRegister: S,
             onSuccess: () => {
             },
             onLoginClick: () => m("login"),
@@ -6035,7 +6035,7 @@ function rf({
           Sl,
           {
             email: x,
-            onVerify: w,
+            onVerify: v,
             onResendCode: s,
             onBackClick: () => m("forgot-password"),
             title: "Code de réinitialisation",
@@ -6060,8 +6060,8 @@ function rf({
           }
         );
     }
-  }, F = () => {
-    const T = {
+  }, N = () => {
+    const A = {
       color: (u == null ? void 0 : u.primaryColor) || "#1877F2",
       textDecoration: "none",
       fontSize: "0.875rem",
@@ -6078,8 +6078,8 @@ function rf({
       maxWidth: "24rem",
       width: "100%"
     }, children: [
-      /* @__PURE__ */ h.jsx("button", { type: "button", onClick: () => m("forgot-password"), style: T, children: "Mot de passe oublié ?" }),
-      /* @__PURE__ */ h.jsx("button", { type: "button", onClick: () => m("register"), style: T, children: "Créer un compte" })
+      /* @__PURE__ */ h.jsx("button", { type: "button", onClick: () => m("forgot-password"), style: A, children: "Mot de passe oublié ?" }),
+      /* @__PURE__ */ h.jsx("button", { type: "button", onClick: () => m("register"), style: A, children: "Créer un compte" })
     ] }) : null;
   };
   return /* @__PURE__ */ h.jsxs("div", { style: {
@@ -6088,8 +6088,8 @@ function rf({
     alignItems: "center",
     width: "100%"
   }, children: [
-    S(),
-    F()
+    E(),
+    N()
   ] });
 }
 function wy({
@@ -6331,17 +6331,17 @@ function Dy({
   onRefresh: p,
   theme: g = {}
 }) {
-  const { data: m, loading: x, error: b, refetch: y } = nf(r, e), [_, v] = I(""), [E, C] = I({}), [w, S] = I(1), F = ct(() => {
+  const { data: m, loading: x, error: b, refetch: y } = nf(r, e), [_, w] = I(""), [S, C] = I({}), [v, E] = I(1), N = ct(() => {
     if (!m) return { data: [], total: 0, totalPages: 0 };
     let D = m;
-    return a && _ && l.length > 0 && (D = Ps.search(D, _, l)), Object.keys(E).length > 0 && (D = Ps.filterByFields(D, E)), Ps.paginate(D, w, d);
-  }, [m, _, E, w, d, a, l]);
+    return a && _ && l.length > 0 && (D = Ps.search(D, _, l)), Object.keys(S).length > 0 && (D = Ps.filterByFields(D, S)), Ps.paginate(D, v, d);
+  }, [m, _, S, v, d, a, l]);
   Te(() => {
-    S(1);
-  }, [_, E]);
-  const T = () => {
-    v(""), C({}), S(1), y(), p == null || p();
-  }, A = {
+    E(1);
+  }, [_, S]);
+  const A = () => {
+    w(""), C({}), E(1), y(), p == null || p();
+  }, T = {
     background: g.background || "#ffffff",
     cardBackground: g.cardBackground || "#f9fafb",
     text: g.text || "#111827",
@@ -6352,15 +6352,15 @@ function Dy({
     padding: "16px",
     cursor: f ? "pointer" : "default"
   }, children: [
-    /* @__PURE__ */ h.jsx("div", { style: { fontSize: "14px", fontWeight: 500, color: A.text }, children: D.title || D.name || D.label || "Untitled" }),
-    D.description && /* @__PURE__ */ h.jsx("div", { style: { fontSize: "13px", color: A.textSecondary, marginTop: "4px" }, children: D.description })
+    /* @__PURE__ */ h.jsx("div", { style: { fontSize: "14px", fontWeight: 500, color: T.text }, children: D.title || D.name || D.label || "Untitled" }),
+    D.description && /* @__PURE__ */ h.jsx("div", { style: { fontSize: "13px", color: T.textSecondary, marginTop: "4px" }, children: D.description })
   ] }));
   return x && !m ? /* @__PURE__ */ h.jsx("div", { style: {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     padding: "48px",
-    color: A.textSecondary
+    color: T.textSecondary
   }, children: "Loading..." }) : b ? /* @__PURE__ */ h.jsxs("div", { style: {
     padding: "24px",
     textAlign: "center",
@@ -6371,11 +6371,11 @@ function Dy({
     /* @__PURE__ */ h.jsx(
       "button",
       {
-        onClick: T,
+        onClick: A,
         style: {
           marginTop: "16px",
           padding: "8px 16px",
-          background: A.primary,
+          background: T.primary,
           color: "white",
           border: "none",
           borderRadius: "6px",
@@ -6385,13 +6385,13 @@ function Dy({
       }
     )
   ] }) : /* @__PURE__ */ h.jsxs("div", { style: {
-    background: A.background,
+    background: T.background,
     borderRadius: "12px",
     overflow: "hidden"
   }, children: [
     (n || a || c.length > 0) && /* @__PURE__ */ h.jsxs("div", { style: {
       padding: "16px",
-      borderBottom: `1px solid ${A.border}`
+      borderBottom: `1px solid ${T.border}`
     }, children: [
       /* @__PURE__ */ h.jsxs("div", { style: {
         display: "flex",
@@ -6403,18 +6403,18 @@ function Dy({
           margin: 0,
           fontSize: "18px",
           fontWeight: 600,
-          color: A.text
+          color: T.text
         }, children: n }),
         /* @__PURE__ */ h.jsx(
           "button",
           {
-            onClick: T,
+            onClick: A,
             style: {
               padding: "6px 12px",
               background: "transparent",
-              border: `1px solid ${A.border}`,
+              border: `1px solid ${T.border}`,
               borderRadius: "6px",
-              color: A.textSecondary,
+              color: T.textSecondary,
               cursor: "pointer",
               fontSize: "13px"
             },
@@ -6428,11 +6428,11 @@ function Dy({
           type: "text",
           placeholder: u,
           value: _,
-          onChange: (D) => v(D.target.value),
+          onChange: (D) => w(D.target.value),
           style: {
             width: "100%",
             padding: "8px 12px",
-            border: `1px solid ${A.border}`,
+            border: `1px solid ${T.border}`,
             borderRadius: "8px",
             fontSize: "14px",
             outline: "none"
@@ -6446,56 +6446,56 @@ function Dy({
       gridTemplateColumns: t === "grid" ? "repeat(auto-fill, minmax(250px, 1fr))" : void 0,
       gap: t === "list" ? "0" : "16px",
       padding: t === "list" ? "0" : "16px"
-    }, children: F.data.length === 0 ? /* @__PURE__ */ h.jsx("div", { style: {
+    }, children: N.data.length === 0 ? /* @__PURE__ */ h.jsx("div", { style: {
       padding: "48px",
       textAlign: "center",
-      color: A.textSecondary
-    }, children: i }) : F.data.map((D, B) => /* @__PURE__ */ h.jsx(
+      color: T.textSecondary
+    }, children: i }) : N.data.map((D, B) => /* @__PURE__ */ h.jsx(
       "div",
       {
         onClick: () => f == null ? void 0 : f(D),
         style: {
-          background: A.cardBackground,
+          background: T.cardBackground,
           borderRadius: t === "list" ? "0" : "8px",
-          borderBottom: t === "list" ? `1px solid ${A.border}` : "none",
+          borderBottom: t === "list" ? `1px solid ${T.border}` : "none",
           transition: "all 0.15s ease"
         },
         onMouseEnter: (M) => {
-          f && (M.currentTarget.style.background = A.border);
+          f && (M.currentTarget.style.background = T.border);
         },
         onMouseLeave: (M) => {
-          M.currentTarget.style.background = A.cardBackground;
+          M.currentTarget.style.background = T.cardBackground;
         },
         children: R(D, B)
       },
       o(D, B)
     )) }),
-    F.totalPages > 1 && /* @__PURE__ */ h.jsxs("div", { style: {
+    N.totalPages > 1 && /* @__PURE__ */ h.jsxs("div", { style: {
       padding: "16px",
-      borderTop: `1px solid ${A.border}`,
+      borderTop: `1px solid ${T.border}`,
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between"
     }, children: [
-      /* @__PURE__ */ h.jsxs("div", { style: { fontSize: "13px", color: A.textSecondary }, children: [
+      /* @__PURE__ */ h.jsxs("div", { style: { fontSize: "13px", color: T.textSecondary }, children: [
         "Page ",
-        w,
+        v,
         " of ",
-        F.totalPages
+        N.totalPages
       ] }),
       /* @__PURE__ */ h.jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
         /* @__PURE__ */ h.jsx(
           "button",
           {
-            onClick: () => S((D) => Math.max(1, D - 1)),
-            disabled: w === 1,
+            onClick: () => E((D) => Math.max(1, D - 1)),
+            disabled: v === 1,
             style: {
               padding: "6px 12px",
-              border: `1px solid ${A.border}`,
+              border: `1px solid ${T.border}`,
               borderRadius: "6px",
               background: "white",
-              cursor: w === 1 ? "not-allowed" : "pointer",
-              opacity: w === 1 ? 0.5 : 1
+              cursor: v === 1 ? "not-allowed" : "pointer",
+              opacity: v === 1 ? 0.5 : 1
             },
             children: "Previous"
           }
@@ -6503,15 +6503,15 @@ function Dy({
         /* @__PURE__ */ h.jsx(
           "button",
           {
-            onClick: () => S((D) => Math.min(F.totalPages, D + 1)),
-            disabled: w === F.totalPages,
+            onClick: () => E((D) => Math.min(N.totalPages, D + 1)),
+            disabled: v === N.totalPages,
             style: {
               padding: "6px 12px",
-              border: `1px solid ${A.border}`,
+              border: `1px solid ${T.border}`,
               borderRadius: "6px",
               background: "white",
-              cursor: w === F.totalPages ? "not-allowed" : "pointer",
-              opacity: w === F.totalPages ? 0.5 : 1
+              cursor: v === N.totalPages ? "not-allowed" : "pointer",
+              opacity: v === N.totalPages ? 0.5 : 1
             },
             children: "Next"
           }
@@ -6629,66 +6629,66 @@ function ky({
   cardSize: i = "medium",
   className: s = ""
 }) {
-  var y, _;
+  var C, v;
   const [o] = I(() => {
     if (r.length === 0) return [[], []];
-    const v = of(r), E = Math.ceil(v.length / 2);
+    const E = of(r), N = Math.ceil(E.length / 2);
     return console.log("[AnimatedCardFlip] Pools:", {
-      left: v.slice(0, E).map((C) => C.title),
-      right: v.slice(E).map((C) => C.title)
-    }), [v.slice(0, E), v.slice(E)];
-  }), [a, l] = I(0), [u, c] = I(0), [d, f] = I(!1), [p, g] = I(!1);
+      left: E.slice(0, N).map((A) => A.title),
+      right: E.slice(N).map((A) => A.title)
+    }), [E.slice(0, N), E.slice(N)];
+  }), [a, l] = I(0), [u, c] = I(0), [d, f] = I(!1), [p, g] = I(!1), [m, x] = I(!1), [b, y] = I(!1);
   Te(() => {
     if (o[0].length <= 1) return;
-    const v = setInterval(() => {
-      f((E) => !E), setTimeout(() => {
-        l((E) => (E + 1) % o[0].length);
+    const E = setInterval(() => {
+      f((N) => !N), setTimeout(() => {
+        l((N) => (N + 1) % o[0].length), x((N) => !N);
       }, 250);
     }, e + Math.random() * (t - e));
-    return () => clearInterval(v);
+    return () => clearInterval(E);
   }, [o, e, t]), Te(() => {
     if (o[1].length <= 1) return;
-    const v = setTimeout(() => {
-      const E = setInterval(() => {
-        g((C) => !C), setTimeout(() => {
-          c((C) => (C + 1) % o[1].length);
+    let E = null;
+    const N = setTimeout(() => {
+      E = setInterval(() => {
+        g((A) => !A), setTimeout(() => {
+          c((A) => (A + 1) % o[1].length), y((A) => !A);
         }, 250);
       }, e + Math.random() * (t - e));
-      v.intervalId = E;
     }, 500);
     return () => {
-      clearTimeout(v), v.intervalId && clearInterval(v.intervalId);
+      clearTimeout(N), E && clearInterval(E);
     };
   }, [o, e, t]);
-  const m = (y = o[0]) == null ? void 0 : y[a], x = (_ = o[1]) == null ? void 0 : _[u];
-  if (r.length === 0 || !m)
+  const _ = (C = o[0]) == null ? void 0 : C[a], w = (v = o[1]) == null ? void 0 : v[u];
+  if (r.length === 0 || !_)
     return /* @__PURE__ */ h.jsx("div", { className: `flex items-center justify-center p-8 ${s}`, children: /* @__PURE__ */ h.jsx("p", { className: "text-gray-500", children: "No images available" }) });
-  const b = (v, E) => /* @__PURE__ */ h.jsx(
+  const S = (E, N, A) => /* @__PURE__ */ h.jsx(
     "div",
     {
       className: `relative ${sf[i]}`,
       style: { perspective: "1000px" },
-      onClick: () => n == null ? void 0 : n(v),
+      onClick: () => n == null ? void 0 : n(E),
       children: /* @__PURE__ */ h.jsx(
         "div",
         {
           className: "w-full h-full rounded-lg shadow-lg overflow-hidden cursor-pointer hover:shadow-xl",
           style: {
-            transform: `rotateY(${E ? 180 : 0}deg)`,
+            transform: `rotateY(${N ? 180 : 0}deg)`,
             transition: "transform 0.5s ease-in-out",
             transformStyle: "preserve-3d"
           },
-          children: /* @__PURE__ */ h.jsxs("div", { style: { transform: E ? "scaleX(-1)" : "scaleX(1)", width: "100%", height: "100%" }, children: [
-            /* @__PURE__ */ h.jsx("img", { src: v.data.image, alt: v.title, className: "w-full h-full object-cover" }),
-            /* @__PURE__ */ h.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-2", children: /* @__PURE__ */ h.jsx("p", { className: "text-white text-sm font-medium truncate", children: v.title }) })
+          children: /* @__PURE__ */ h.jsxs("div", { style: { transform: A ? "scaleX(-1)" : "scaleX(1)", width: "100%", height: "100%" }, children: [
+            /* @__PURE__ */ h.jsx("img", { src: E.data.image, alt: E.title, className: "w-full h-full object-cover" }),
+            /* @__PURE__ */ h.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-2", children: /* @__PURE__ */ h.jsx("p", { className: "text-white text-sm font-medium truncate", children: E.title }) })
           ] })
         }
       )
     }
   );
   return /* @__PURE__ */ h.jsxs("div", { className: `flex gap-4 justify-center items-center ${s}`, children: [
-    b(m, d),
-    x && b(x, p)
+    S(_, d, m),
+    w && S(w, p, b)
   ] });
 }
 function Vr(r) {
@@ -6744,33 +6744,33 @@ function Ay({
   renderItem: b,
   renderDetail: y,
   renderActions: _,
-  renderEmpty: v,
-  renderLoading: E,
+  renderEmpty: w,
+  renderLoading: S,
   theme: C = {}
 }) {
-  const w = { ...lf, ...C }, [S, F] = I([]), [T, A] = I(!1), [N, R] = I(null), [D, B] = I(/* @__PURE__ */ new Set()), [M, O] = I(null), [V, U] = I(null), [re, q] = I(null), [J, W] = I(!1), [se, ce] = I(""), fe = l !== void 0 ? l : se, ge = (oe) => {
+  const v = { ...lf, ...C }, [E, N] = I([]), [A, T] = I(!1), [F, R] = I(null), [D, B] = I(/* @__PURE__ */ new Set()), [M, O] = I(null), [V, U] = I(null), [re, q] = I(null), [J, W] = I(!1), [se, ce] = I(""), fe = l !== void 0 ? l : se, ge = (oe) => {
     u ? u(oe) : ce(oe);
   }, Be = ct(() => {
-    if (!fe.trim()) return S;
+    if (!fe.trim()) return E;
     const oe = fe.toLowerCase();
-    return S.filter(
+    return E.filter(
       (de) => Vr(de.from).toLowerCase().includes(oe) || Vr(de.subject).toLowerCase().includes(oe)
     );
-  }, [S, fe]), _e = ct(() => e ? new Wd({ baseUrl: r, system_id: e }) : null, [r, e]), Z = X(async () => {
+  }, [E, fe]), _e = ct(() => e ? new Wd({ baseUrl: r, system_id: e }) : null, [r, e]), Z = X(async () => {
     if (_e) {
-      A(!0), R(null);
+      T(!0), R(null);
       try {
         const oe = await _e.listEmails(t, n, i);
-        oe != null && oe.messages && (F(oe.messages), x == null || x(oe.messages));
+        oe != null && oe.messages && (N(oe.messages), x == null || x(oe.messages));
       } catch (oe) {
         const de = oe instanceof Error ? oe : new Error("Failed to fetch emails");
         R(de.message), m == null || m(de);
       }
-      A(!1);
+      T(!1);
     }
   }, [_e, t, n, i, m, x]);
   Te(() => {
-    F([]), B(/* @__PURE__ */ new Set()), U(null), R(null), l === void 0 && ce(""), d && Z();
+    N([]), B(/* @__PURE__ */ new Set()), U(null), R(null), l === void 0 && ce(""), d && Z();
   }, [i, d]);
   const Ee = X(async (oe) => {
     if (_e) {
@@ -6792,7 +6792,7 @@ function Ay({
     }
     const tt = oe.uid;
     if (Ye.shiftKey && M !== null) {
-      const rt = Math.min(M, de), Lt = Math.max(M, de), ee = S.slice(rt, Lt + 1).map((ue) => ue.uid), j = new Set(ee);
+      const rt = Math.min(M, de), Lt = Math.max(M, de), ee = E.slice(rt, Lt + 1).map((ue) => ue.uid), j = new Set(ee);
       B(j), p == null || p(Array.from(j));
     } else if (Ye.ctrlKey || Ye.metaKey)
       B((rt) => {
@@ -6803,13 +6803,13 @@ function Ay({
       const rt = /* @__PURE__ */ new Set([tt]);
       B(rt), O(de), p == null || p(Array.from(rt));
     }
-  }, [s, M, S, D, f, p, o]), Se = X(async () => {
+  }, [s, M, E, D, f, p, o]), Se = X(async () => {
     if (!_e || D.size === 0) return;
     const oe = i || "INBOX";
     try {
       const de = await _e.trashEmails(t, Array.from(D), oe);
       if (console.log("Trash result:", de), de.success && de.moved > 0) {
-        F((tt) => tt.filter((rt) => !D.has(rt.uid)));
+        N((tt) => tt.filter((rt) => !D.has(rt.uid)));
         const Ye = Array.from(D);
         B(/* @__PURE__ */ new Set()), g == null || g(Ye);
       } else
@@ -6824,7 +6824,7 @@ function Ay({
     try {
       const de = await _e.archiveEmails(t, Array.from(D), oe);
       if (console.log("Archive result:", de), de.success && de.archived > 0) {
-        F((tt) => tt.filter((rt) => !D.has(rt.uid)));
+        N((tt) => tt.filter((rt) => !D.has(rt.uid)));
         const Ye = Array.from(D);
         B(/* @__PURE__ */ new Set()), g == null || g(Ye);
       } else
@@ -6834,13 +6834,13 @@ function Ay({
       console.error("Archive error:", Ye), R(Ye.message), m == null || m(Ye);
     }
   }, [_e, t, D, i, g, m]), qe = X(() => {
-    if (D.size === S.length)
+    if (D.size === E.length)
       B(/* @__PURE__ */ new Set()), p == null || p([]);
     else {
-      const oe = new Set(S.map((de) => de.uid));
+      const oe = new Set(E.map((de) => de.uid));
       B(oe), p == null || p(Array.from(oe));
     }
-  }, [S, D.size, p]), ze = X(() => {
+  }, [E, D.size, p]), ze = X(() => {
     B(/* @__PURE__ */ new Set()), p == null || p([]);
   }, [p]), He = {
     delete: Se,
@@ -6854,8 +6854,8 @@ function Ay({
     return de.toDateString() === Ye.toDateString() ? de.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : de.toLocaleDateString([], { month: "short", day: "numeric" });
   }, L = (oe, de) => /* @__PURE__ */ h.jsx("div", { style: {
     padding: "12px 16px",
-    background: de ? w.selectedBackground : oe.seen ? w.cardBackground : w.unreadBackground,
-    borderBottom: `1px solid ${w.border}`,
+    background: de ? v.selectedBackground : oe.seen ? v.cardBackground : v.unreadBackground,
+    borderBottom: `1px solid ${v.border}`,
     cursor: "pointer",
     transition: "background 0.15s ease"
   }, children: /* @__PURE__ */ h.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "12px" }, children: [
@@ -6863,7 +6863,7 @@ function Ay({
       /* @__PURE__ */ h.jsx("div", { style: {
         fontSize: "14px",
         fontWeight: oe.seen ? 400 : 600,
-        color: w.text,
+        color: v.text,
         whiteSpace: "nowrap",
         overflow: "hidden",
         textOverflow: "ellipsis"
@@ -6871,7 +6871,7 @@ function Ay({
       /* @__PURE__ */ h.jsx("div", { style: {
         fontSize: "14px",
         fontWeight: oe.seen ? 400 : 500,
-        color: oe.seen ? w.textSecondary : w.text,
+        color: oe.seen ? v.textSecondary : v.text,
         marginTop: "2px",
         whiteSpace: "nowrap",
         overflow: "hidden",
@@ -6880,31 +6880,31 @@ function Ay({
     ] }),
     /* @__PURE__ */ h.jsx("div", { style: {
       fontSize: "12px",
-      color: w.textSecondary,
+      color: v.textSecondary,
       flexShrink: 0
     }, children: Y(oe.date) })
   ] }) }), ye = (oe) => /* @__PURE__ */ h.jsxs("div", { style: { padding: "24px" }, children: [
-    /* @__PURE__ */ h.jsx("h2", { style: { margin: "0 0 8px", fontSize: "20px", color: w.text }, children: Vr(oe.subject) || "(No subject)" }),
-    /* @__PURE__ */ h.jsxs("div", { style: { fontSize: "14px", color: w.textSecondary, marginBottom: "16px" }, children: [
+    /* @__PURE__ */ h.jsx("h2", { style: { margin: "0 0 8px", fontSize: "20px", color: v.text }, children: Vr(oe.subject) || "(No subject)" }),
+    /* @__PURE__ */ h.jsxs("div", { style: { fontSize: "14px", color: v.textSecondary, marginBottom: "16px" }, children: [
       "From: ",
       Vr(oe.from),
       " • ",
       new Date(oe.date).toLocaleString()
     ] }),
-    J ? /* @__PURE__ */ h.jsx("div", { style: { fontSize: "14px", color: w.textSecondary }, children: "Loading..." }) : re ? /* @__PURE__ */ h.jsx(
+    J ? /* @__PURE__ */ h.jsx("div", { style: { fontSize: "14px", color: v.textSecondary }, children: "Loading..." }) : re ? /* @__PURE__ */ h.jsx(
       "div",
       {
-        style: { fontSize: "14px", color: w.text },
+        style: { fontSize: "14px", color: v.text },
         dangerouslySetInnerHTML: { __html: re }
       }
-    ) : /* @__PURE__ */ h.jsx("div", { style: { fontSize: "14px", color: w.textSecondary }, children: "No content available" })
+    ) : /* @__PURE__ */ h.jsx("div", { style: { fontSize: "14px", color: v.textSecondary }, children: "No content available" })
   ] }), Ke = (oe, de) => /* @__PURE__ */ h.jsxs("div", { style: {
     display: "flex",
     alignItems: "center",
     gap: "8px",
     padding: "8px 16px",
-    background: w.cardBackground,
-    borderBottom: `1px solid ${w.border}`
+    background: v.cardBackground,
+    borderBottom: `1px solid ${v.border}`
   }, children: [
     /* @__PURE__ */ h.jsx(
       "button",
@@ -6913,17 +6913,17 @@ function Ay({
         style: {
           padding: "6px 12px",
           background: "transparent",
-          border: `1px solid ${w.border}`,
+          border: `1px solid ${v.border}`,
           borderRadius: "6px",
           fontSize: "13px",
           cursor: "pointer",
-          color: w.text
+          color: v.text
         },
-        children: oe.length === S.length ? "Deselect All" : "Select All"
+        children: oe.length === E.length ? "Deselect All" : "Select All"
       }
     ),
     oe.length > 0 && /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
-      /* @__PURE__ */ h.jsxs("span", { style: { fontSize: "13px", color: w.textSecondary }, children: [
+      /* @__PURE__ */ h.jsxs("span", { style: { fontSize: "13px", color: v.textSecondary }, children: [
         oe.length,
         " selected"
       ] }),
@@ -6939,10 +6939,10 @@ function Ay({
             width: "32px",
             height: "32px",
             background: "transparent",
-            border: `1px solid ${w.border}`,
+            border: `1px solid ${v.border}`,
             borderRadius: "6px",
             cursor: "pointer",
-            color: w.textSecondary
+            color: v.textSecondary
           },
           children: /* @__PURE__ */ h.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "archive" })
         }
@@ -6959,10 +6959,10 @@ function Ay({
             width: "32px",
             height: "32px",
             background: "transparent",
-            border: `1px solid ${w.border}`,
+            border: `1px solid ${v.border}`,
             borderRadius: "6px",
             cursor: "pointer",
-            color: w.textSecondary
+            color: v.textSecondary
           },
           children: /* @__PURE__ */ h.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "delete" })
         }
@@ -6981,10 +6981,10 @@ function Ay({
           width: "32px",
           height: "32px",
           background: "transparent",
-          border: `1px solid ${w.border}`,
+          border: `1px solid ${v.border}`,
           borderRadius: "6px",
           cursor: "pointer",
-          color: w.textSecondary
+          color: v.textSecondary
         },
         children: /* @__PURE__ */ h.jsx("span", { className: "material-icons", style: { fontSize: "18px" }, children: "refresh" })
       }
@@ -6992,25 +6992,25 @@ function Ay({
   ] }), z = () => /* @__PURE__ */ h.jsx("div", { style: {
     padding: "48px",
     textAlign: "center",
-    color: w.textSecondary
+    color: v.textSecondary
   }, children: c }), ae = () => /* @__PURE__ */ h.jsx("div", { style: {
     padding: "48px",
     textAlign: "center",
-    color: w.textSecondary
-  }, children: "Loading..." }), me = b || L, xe = y || ye, Ge = _ || Ke, vt = v || z, wt = E || ae;
-  return T && S.length === 0 ? /* @__PURE__ */ h.jsx("div", { style: { background: w.background, width: "100%", height: "100%" }, children: wt() }) : /* @__PURE__ */ h.jsxs("div", { style: { display: "flex", background: w.background, width: "100%", height: "100%" }, children: [
+    color: v.textSecondary
+  }, children: "Loading..." }), me = b || L, xe = y || ye, Ge = _ || Ke, vt = w || z, wt = S || ae;
+  return A && E.length === 0 ? /* @__PURE__ */ h.jsx("div", { style: { background: v.background, width: "100%", height: "100%" }, children: wt() }) : /* @__PURE__ */ h.jsxs("div", { style: { display: "flex", background: v.background, width: "100%", height: "100%" }, children: [
     /* @__PURE__ */ h.jsxs("div", { style: {
       flex: o && V ? "0 0 50%" : "1",
       display: "flex",
       flexDirection: "column",
-      borderRight: o && V ? `1px solid ${w.border}` : "none",
+      borderRight: o && V ? `1px solid ${v.border}` : "none",
       overflow: "hidden"
     }, children: [
       s && Ge(Array.from(D), He),
       a && /* @__PURE__ */ h.jsx("div", { style: {
         padding: "8px 12px",
-        borderBottom: `1px solid ${w.border}`,
-        background: w.background
+        borderBottom: `1px solid ${v.border}`,
+        background: v.background
       }, children: /* @__PURE__ */ h.jsxs("div", { style: {
         display: "flex",
         alignItems: "center",
@@ -7019,7 +7019,7 @@ function Ay({
         background: "#f5f5f5",
         borderRadius: "6px"
       }, children: [
-        /* @__PURE__ */ h.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: w.textSecondary, strokeWidth: "2", children: [
+        /* @__PURE__ */ h.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: v.textSecondary, strokeWidth: "2", children: [
           /* @__PURE__ */ h.jsx("circle", { cx: "11", cy: "11", r: "8" }),
           /* @__PURE__ */ h.jsx("path", { d: "M21 21l-4.35-4.35" })
         ] }),
@@ -7036,7 +7036,7 @@ function Ay({
               background: "transparent",
               outline: "none",
               fontSize: "13px",
-              color: w.text
+              color: v.text
             }
           }
         ),
@@ -7053,17 +7053,17 @@ function Ay({
               alignItems: "center",
               justifyContent: "center"
             },
-            children: /* @__PURE__ */ h.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: w.textSecondary, strokeWidth: "2", children: /* @__PURE__ */ h.jsx("path", { d: "M18 6L6 18M6 6l12 12" }) })
+            children: /* @__PURE__ */ h.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: v.textSecondary, strokeWidth: "2", children: /* @__PURE__ */ h.jsx("path", { d: "M18 6L6 18M6 6l12 12" }) })
           }
         )
       ] }) }),
-      N && /* @__PURE__ */ h.jsx("div", { style: {
+      F && /* @__PURE__ */ h.jsx("div", { style: {
         padding: "12px 16px",
         background: "#fef2f2",
-        color: w.danger,
+        color: v.danger,
         fontSize: "14px",
-        borderBottom: `1px solid ${w.border}`
-      }, children: N }),
+        borderBottom: `1px solid ${v.border}`
+      }, children: F }),
       /* @__PURE__ */ h.jsx("div", { style: { flex: 1, overflowY: "auto" }, children: Be.length === 0 ? vt() : Be.map((oe, de) => /* @__PURE__ */ h.jsx(
         "div",
         {
@@ -7088,28 +7088,28 @@ function Ty({
   showSelectAll: a = !0,
   className: l = ""
 }) {
-  const [u, c] = I(/* @__PURE__ */ new Set()), [d, f] = I(-1), p = r.filter((v) => u.has(v.id)), g = d >= 0 && d < p.length ? p[d] : null, m = X((v) => {
-    c((E) => {
-      const C = new Set(E);
-      return C.has(v) ? C.delete(v) : C.add(v), t == null || t(Array.from(C)), C;
+  const [u, c] = I(/* @__PURE__ */ new Set()), [d, f] = I(-1), p = r.filter((w) => u.has(w.id)), g = d >= 0 && d < p.length ? p[d] : null, m = X((w) => {
+    c((S) => {
+      const C = new Set(S);
+      return C.has(w) ? C.delete(w) : C.add(w), t == null || t(Array.from(C)), C;
     });
   }, [t]), x = X(() => {
     if (u.size === r.length)
       c(/* @__PURE__ */ new Set()), f(-1), t == null || t([]);
     else {
-      const v = new Set(r.map((E) => E.id));
-      c(v), r.length > 0 && (f(0), n == null || n(r[0], 0)), t == null || t(r.map((E) => E.id));
+      const w = new Set(r.map((S) => S.id));
+      c(w), r.length > 0 && (f(0), n == null || n(r[0], 0)), t == null || t(r.map((S) => S.id));
     }
   }, [r, u.size, t, n]), b = X(() => {
     if (p.length === 0) return;
-    const v = d <= 0 ? p.length - 1 : d - 1;
-    f(v), n == null || n(p[v], v);
+    const w = d <= 0 ? p.length - 1 : d - 1;
+    f(w), n == null || n(p[w], w);
   }, [p, d, n]), y = X(() => {
     if (p.length === 0) return;
-    const v = d >= p.length - 1 ? 0 : d + 1;
-    f(v), n == null || n(p[v], v);
-  }, [p, d, n]), _ = X((v) => {
-    i == null || i(v, p, g);
+    const w = d >= p.length - 1 ? 0 : d + 1;
+    f(w), n == null || n(p[w], w);
+  }, [p, d, n]), _ = X((w) => {
+    i == null || i(w, p, g);
   }, [i, p, g]);
   return Le.useEffect(() => {
     p.length === 0 ? f(-1) : d >= p.length ? f(p.length - 1) : d < 0 && p.length > 0 && (f(0), n == null || n(p[0], 0));
@@ -7159,36 +7159,36 @@ function Ty({
         )
       ] })
     ] }),
-    /* @__PURE__ */ h.jsx("div", { className: "space-y-1", children: r.map((v) => {
-      const E = u.has(v.id), C = (g == null ? void 0 : g.id) === v.id;
+    /* @__PURE__ */ h.jsx("div", { className: "space-y-1", children: r.map((w) => {
+      const S = u.has(w.id), C = (g == null ? void 0 : g.id) === w.id;
       return /* @__PURE__ */ h.jsxs(
         "div",
         {
-          className: `flex items-center gap-2 p-2 rounded-lg cursor-pointer transition-colors ${C ? "bg-blue-50 ring-1 ring-blue-200" : E ? "bg-neutral-100" : "hover:bg-neutral-50"}`,
-          onClick: () => m(v.id),
+          className: `flex items-center gap-2 p-2 rounded-lg cursor-pointer transition-colors ${C ? "bg-blue-50 ring-1 ring-blue-200" : S ? "bg-neutral-100" : "hover:bg-neutral-50"}`,
+          onClick: () => m(w.id),
           children: [
-            /* @__PURE__ */ h.jsx("span", { className: `material-icons text-lg ${E ? "text-blue-500" : "text-neutral-300"}`, children: E ? "check_box" : "check_box_outline_blank" }),
-            /* @__PURE__ */ h.jsx("div", { className: "flex-1 min-w-0", children: e(v, E, C) })
+            /* @__PURE__ */ h.jsx("span", { className: `material-icons text-lg ${S ? "text-blue-500" : "text-neutral-300"}`, children: S ? "check_box" : "check_box_outline_blank" }),
+            /* @__PURE__ */ h.jsx("div", { className: "flex-1 min-w-0", children: e(w, S, C) })
           ]
         },
-        v.id
+        w.id
       );
     }) }),
-    s.length > 0 && u.size > 0 && /* @__PURE__ */ h.jsx("div", { className: "flex items-center gap-2 pt-2 border-t border-neutral-100", children: s.map((v) => {
+    s.length > 0 && u.size > 0 && /* @__PURE__ */ h.jsx("div", { className: "flex items-center gap-2 pt-2 border-t border-neutral-100", children: s.map((w) => {
       var C;
-      const E = ((C = v.disabled) == null ? void 0 : C.call(v, p)) ?? !1;
+      const S = ((C = w.disabled) == null ? void 0 : C.call(w, p)) ?? !1;
       return /* @__PURE__ */ h.jsxs(
         "button",
         {
-          onClick: () => _(v.id),
-          disabled: E,
-          className: `flex items-center gap-1 px-3 py-1.5 text-xs rounded-lg transition-colors ${E ? "bg-neutral-100 text-neutral-400 cursor-not-allowed" : "bg-neutral-100 hover:bg-neutral-200 text-neutral-700"}`,
+          onClick: () => _(w.id),
+          disabled: S,
+          className: `flex items-center gap-1 px-3 py-1.5 text-xs rounded-lg transition-colors ${S ? "bg-neutral-100 text-neutral-400 cursor-not-allowed" : "bg-neutral-100 hover:bg-neutral-200 text-neutral-700"}`,
           children: [
-            v.icon && /* @__PURE__ */ h.jsx("span", { className: "material-icons text-sm", children: v.icon }),
-            v.label
+            w.icon && /* @__PURE__ */ h.jsx("span", { className: "material-icons text-sm", children: w.icon }),
+            w.label
           ]
         },
-        v.id
+        w.id
       );
     }) })
   ] });
@@ -7285,23 +7285,23 @@ function Au(r, e, t) {
           u = !0;
           const _ = p.addedNodes;
           for (let C = 0; C < _.length; C++) {
-            const w = _[C], S = Ru(w), F = w.parentNode;
-            if (F != null && w !== l && S === null && !Is(w, F, r)) {
+            const v = _[C], E = Ru(v), N = v.parentNode;
+            if (N != null && v !== l && E === null && !Is(v, N, r)) {
               if (vr) {
-                const T = w.innerText || w.nodeValue;
-                T && (c += T);
+                const A = v.innerText || v.nodeValue;
+                A && (c += A);
               }
-              F.removeChild(w);
+              N.removeChild(v);
             }
           }
-          const v = p.removedNodes, E = v.length;
-          if (E > 0) {
+          const w = p.removedNodes, S = w.length;
+          if (S > 0) {
             let C = 0;
-            for (let w = 0; w < E; w++) {
-              const S = v[w];
-              (Is(S, m, r) || l === S) && (m.appendChild(S), C++);
+            for (let v = 0; v < S; v++) {
+              const E = w[v];
+              (Is(E, m, r) || l === E) && (m.appendChild(E), C++);
             }
-            E !== C && s.set(b, y);
+            S !== C && s.set(b, y);
           }
         }
       }
@@ -8017,28 +8017,28 @@ function oh(r, e, t) {
           lo(f, 0, u - 1, g ? null : d), g && (d.textContent = "");
         }
       } else (function(g, m, x, b, y, _) {
-        const v = b - 1, E = y - 1;
-        let C, w, S = _.getFirstChild(), F = 0, T = 0;
-        for (; F <= v && T <= E; ) {
-          const R = m[F], D = x[T];
-          if (R === D) S = $s(Sn(D, _.element)), F++, T++;
+        const w = b - 1, S = y - 1;
+        let C, v, E = _.getFirstChild(), N = 0, A = 0;
+        for (; N <= w && A <= S; ) {
+          const R = m[N], D = x[A];
+          if (R === D) E = $s(Sn(D, _.element)), N++, A++;
           else {
-            C === void 0 && (C = new Set(m)), w === void 0 && (w = new Set(x));
-            const M = w.has(R), O = C.has(D);
+            C === void 0 && (C = new Set(m)), v === void 0 && (v = new Set(x));
+            const M = v.has(R), O = C.has(D);
             if (M) if (O) {
               const V = Ui(_t, D);
-              V === S ? S = $s(Sn(D, _.element)) : (_.withBefore(S).insertChild(V), Sn(D, _.element)), F++, T++;
-            } else Vi(D, _.withBefore(S)), T++;
-            else S = $s(uo(R)), Hi(R, _.element), F++;
+              V === E ? E = $s(Sn(D, _.element)) : (_.withBefore(E).insertChild(V), Sn(D, _.element)), N++, A++;
+            } else Vi(D, _.withBefore(E)), A++;
+            else E = $s(uo(R)), Hi(R, _.element), N++;
           }
           const B = Wt.get(D);
           B !== null && Q(B) && (Kt === null && (Kt = B.getFormat()), Ot === "" && (Ot = B.getStyle()));
         }
-        const A = F > v, N = T > E;
-        if (A && !N) {
-          const R = x[E + 1], D = R === void 0 ? null : _t.getElementByKey(R);
-          ao(x, g, T, E, _.withBefore(D));
-        } else N && !A && lo(m, F, v, _.element);
+        const T = N > w, F = A > S;
+        if (T && !F) {
+          const R = x[S + 1], D = R === void 0 ? null : _t.getElementByKey(R);
+          ao(x, g, A, S, _.withBefore(D));
+        } else F && !T && lo(m, N, w, _.element);
       })(o, f, p, u, c, a);
     }
     ms(o) && (ut += ur), d.__lexicalTextContent = ut, ut = l + ut;
@@ -8395,12 +8395,12 @@ function Wl(r, e, t) {
         }
       } else {
         const c = l.key, d = a.focus.key, f = a.getNodes(), p = f.length, g = a.isBackward(), m = g ? o : i, x = g ? i : o, b = g ? d : c, y = g ? c : d;
-        let _ = Ff, v = !1;
-        for (let E = 0; E < p; E++) {
-          const C = f[E], w = C.getTextContentSize();
-          if (Q(C) && w !== 0 && !(E === 0 && C.__key === b && m === w || E === p - 1 && C.__key === y && x === 0) && (v = !0, _ &= C.getFormat(), _ === 0)) break;
+        let _ = Ff, w = !1;
+        for (let S = 0; S < p; S++) {
+          const C = f[S], v = C.getTextContentSize();
+          if (Q(C) && v !== 0 && !(S === 0 && C.__key === b && m === v || S === p - 1 && C.__key === y && x === 0) && (w = !0, _ &= C.getFormat(), _ === 0)) break;
         }
-        a.format = v ? _ : 0;
+        a.format = w ? _ : 0;
       }
     }
     ne(e, Ro, void 0);
@@ -9092,7 +9092,7 @@ class dn extends bs {
     Et();
     const t = this.getLatest(), n = t.getTextContent(), i = t.__key, s = xr(), o = new Set(e), a = [], l = n.length;
     let u = "";
-    for (let E = 0; E < l; E++) u !== "" && o.has(E) && (a.push(u), u = ""), u += n[E];
+    for (let S = 0; S < l; S++) u !== "" && o.has(S) && (a.push(u), u = ""), u += n[S];
     u !== "" && a.push(u);
     const c = a.length;
     if (c === 0) return [];
@@ -9103,24 +9103,24 @@ class dn extends bs {
     let b = !1;
     t.isSegmented() ? (p = at(d), p.__format = g, p.__style = m, p.__detail = x, b = !0) : (p = t.getWritable(), p.__text = d);
     const y = le(), _ = [p];
-    let v = d.length;
-    for (let E = 1; E < c; E++) {
-      const C = a[E], w = C.length, S = at(C).getWritable();
-      S.__format = g, S.__style = m, S.__detail = x;
-      const F = S.__key, T = v + w;
+    let w = d.length;
+    for (let S = 1; S < c; S++) {
+      const C = a[S], v = C.length, E = at(C).getWritable();
+      E.__format = g, E.__style = m, E.__detail = x;
+      const N = E.__key, A = w + v;
       if (H(y)) {
-        const A = y.anchor, N = y.focus;
-        A.key === i && A.type === "text" && A.offset > v && A.offset <= T && (A.key = F, A.offset -= v, y.dirty = !0), N.key === i && N.type === "text" && N.offset > v && N.offset <= T && (N.key = F, N.offset -= v, y.dirty = !0);
+        const T = y.anchor, F = y.focus;
+        T.key === i && T.type === "text" && T.offset > w && T.offset <= A && (T.key = N, T.offset -= w, y.dirty = !0), F.key === i && F.type === "text" && F.offset > w && F.offset <= A && (F.key = N, F.offset -= w, y.dirty = !0);
       }
-      s === i && ht(F), v = T, _.push(S);
+      s === i && ht(N), w = A, _.push(E);
     }
     if (f !== null) {
-      (function(w) {
-        const S = w.getPreviousSibling(), F = w.getNextSibling();
-        S !== null && qi(S), F !== null && qi(F);
+      (function(v) {
+        const E = v.getPreviousSibling(), N = v.getNextSibling();
+        E !== null && qi(E), N !== null && qi(N);
       })(this);
-      const E = f.getWritable(), C = this.getIndexWithinParent();
-      b ? (E.splice(C, 0, _), this.remove()) : E.splice(C, 1, _), H(y) && Yi(y, f, C, c - 1);
+      const S = f.getWritable(), C = this.getIndexWithinParent();
+      b ? (S.splice(C, 0, _), this.remove()) : S.splice(C, 1, _), H(y) && Yi(y, f, C, c - 1);
     }
     return _;
   }
@@ -9497,8 +9497,8 @@ class Dr {
     const t = this.anchor, n = this.focus, i = this.format, s = this.style;
     let o = t, a = n;
     !this.isCollapsed() && n.isBefore(t) && (o = n, a = t), o.type === "element" && function(x, b, y, _) {
-      const v = x.getNode(), E = v.getChildAtIndex(x.offset), C = at(), w = bt(v) ? ot().append(C) : C;
-      C.setFormat(y), C.setStyle(_), E === null ? v.append(w) : E.insertBefore(w), x.is(b) && b.set(C.__key, 0, "text"), x.set(C.__key, 0, "text");
+      const w = x.getNode(), S = w.getChildAtIndex(x.offset), C = at(), v = bt(w) ? ot().append(C) : C;
+      C.setFormat(y), C.setStyle(_), S === null ? w.append(v) : S.insertBefore(v), x.is(b) && b.set(C.__key, 0, "text"), x.set(C.__key, 0, "text");
     }(o, a, i, s);
     const l = o.offset;
     let u = a.offset;
@@ -9536,8 +9536,8 @@ class Dr {
           const _ = at(e);
           if (_.setFormat(i), _.setStyle(s), _.select(), l === 0) f.insertBefore(_, !1);
           else {
-            const [v] = f.splitText(l);
-            v.insertAfter(_, !1);
+            const [w] = f.splitText(l);
+            w.insertAfter(_, !1);
           }
           return void (_.isComposing() && this.anchor.type === "text" && (this.anchor.offset -= e.length));
         }
@@ -9553,37 +9553,37 @@ class Dr {
       while (y.isInline());
       if (a.type === "text" && (u !== 0 || m.getTextContent() === "") || a.type === "element" && m.getIndexWithinParent() < u) if (Q(m) && !m.isToken() && u !== m.getTextContentSize()) {
         if (m.isSegmented()) {
-          const S = at(m.getTextContent());
-          m.replace(S), m = S;
+          const E = at(m.getTextContent());
+          m.replace(E), m = E;
         }
         bt(a.getNode()) || a.type !== "text" || (m = m.spliceText(0, u, "")), x.add(m.__key);
       } else {
-        const S = m.getParentOrThrow();
-        S.canBeEmpty() || S.getChildrenSize() !== 1 ? m.remove() : S.remove();
+        const E = m.getParentOrThrow();
+        E.canBeEmpty() || E.getChildrenSize() !== 1 ? m.remove() : E.remove();
       }
       else x.add(m.__key);
-      const v = y.getChildren(), E = new Set(c), C = b.is(y), w = b.isInline() && f.getNextSibling() === null ? b : f;
-      for (let S = v.length - 1; S >= 0; S--) {
-        const F = v[S];
-        if (F.is(f) || P(F) && F.isParentOf(f)) break;
-        F.isAttached() && (!E.has(F) || F.is(_) ? C || w.insertAfter(F, !1) : F.remove());
+      const w = y.getChildren(), S = new Set(c), C = b.is(y), v = b.isInline() && f.getNextSibling() === null ? b : f;
+      for (let E = w.length - 1; E >= 0; E--) {
+        const N = w[E];
+        if (N.is(f) || P(N) && N.isParentOf(f)) break;
+        N.isAttached() && (!S.has(N) || N.is(_) ? C || v.insertAfter(N, !1) : N.remove());
       }
       if (!C) {
-        let S = y, F = null;
-        for (; S !== null; ) {
-          const T = S.getChildren(), A = T.length;
-          (A === 0 || T[A - 1].is(F)) && (x.delete(S.__key), F = S), S = S.getParent();
+        let E = y, N = null;
+        for (; E !== null; ) {
+          const A = E.getChildren(), T = A.length;
+          (T === 0 || A[T - 1].is(N)) && (x.delete(E.__key), N = E), E = E.getParent();
         }
       }
       if (f.isToken()) if (l === p) f.select();
       else {
-        const S = at(e);
-        S.select(), f.replace(S);
+        const E = at(e);
+        E.select(), f.replace(E);
       }
       else f = f.spliceText(l, p - l, e, !0), f.getTextContent() === "" ? f.remove() : f.isComposing() && this.anchor.type === "text" && (this.anchor.offset -= e.length);
-      for (let S = 1; S < d; S++) {
-        const F = c[S], T = F.__key;
-        x.has(T) || F.remove();
+      for (let E = 1; E < d; E++) {
+        const N = c[E], A = N.__key;
+        x.has(A) || N.remove();
       }
     }
   }
@@ -9615,12 +9615,12 @@ class Dr {
   formatText(e, t = null) {
     if (this.isCollapsed()) return this.toggleFormat(e), void ht(null);
     const n = this.getNodes(), i = [];
-    for (const v of n) Q(v) && i.push(v);
-    const s = (v) => {
-      n.forEach((E) => {
-        if (ln(E)) {
-          const C = E.getFormatFlags(e, v);
-          E.setTextFormat(C);
+    for (const w of n) Q(w) && i.push(w);
+    const s = (w) => {
+      n.forEach((S) => {
+        if (ln(S)) {
+          const C = S.getFormatFlags(e, w);
+          S.setTextFormat(C);
         }
       });
     }, o = i.length;
@@ -9637,17 +9637,17 @@ class Dr {
       if (g === y) return;
       if (Ar(p) || g === 0 && y === p.getTextContentSize()) p.setFormat(m);
       else {
-        const v = p.splitText(g, y), E = g === 0 ? v[0] : v[1];
-        E.setFormat(m), c.type === "text" && c.set(E.__key, 0, "text"), d.type === "text" && d.set(E.__key, y - g, "text");
+        const w = p.splitText(g, y), S = g === 0 ? w[0] : w[1];
+        S.setFormat(m), c.type === "text" && c.set(S.__key, 0, "text"), d.type === "text" && d.set(S.__key, y - g, "text");
       }
       return void (this.format = m);
     }
     g === 0 || Ar(p) || ([, p] = p.splitText(g), g = 0), p.setFormat(m);
     const _ = b.getFormatFlags(e, m);
     y > 0 && (y === b.getTextContentSize() || Ar(b) || ([b] = b.splitText(y)), b.setFormat(_));
-    for (let v = f + 1; v < x; v++) {
-      const E = i[v], C = E.getFormatFlags(e, _);
-      E.setFormat(C);
+    for (let w = f + 1; w < x; w++) {
+      const S = i[w], C = S.getFormatFlags(e, _);
+      S.setFormat(C);
     }
     c.type === "text" && c.set(p.__key, g, "text"), d.type === "text" && d.set(b.__key, y, "text"), this.format = m | _;
   }
@@ -9691,8 +9691,8 @@ class Dr {
       let y = m;
       const _ = [m];
       for (; y !== b; ) y.getNextSibling() || K(140), y = y.getNextSibling(), _.push(y);
-      let v = g;
-      for (const E of _) v = v.insertAfter(E);
+      let w = g;
+      for (const S of _) w = w.insertAfter(S);
     }(n, c));
     const f = bn(o, gr);
     l && P(f) && (l.canMergeWhenEmpty() || gr(u)) && (f.append(...l.getChildren()), l.remove()), P(n) && n.isEmpty() && n.remove(), o.selectEnd();
@@ -9779,8 +9779,8 @@ class Dr {
           P(y) ? y.selectEnd() : y.getParentOrThrow().selectEnd();
         }
         u.anchorNode === f.startContainer && u.anchorOffset === f.startOffset || function(y) {
-          const _ = y.focus, v = y.anchor, E = v.key, C = v.offset, w = v.type;
-          mr(v, _.key, _.offset, _.type), mr(_, E, C, w), y._cachedNodes = null;
+          const _ = y.focus, w = y.anchor, S = w.key, C = w.offset, v = w.type;
+          mr(w, _.key, _.offset, _.type), mr(_, S, C, v), y._cachedNodes = null;
         }(this);
       }
     }
@@ -10060,21 +10060,21 @@ function xh(r, e, t, n, i, s, o) {
   const a = n.anchorNode, l = n.focusNode, u = n.anchorOffset, c = n.focusOffset, d = document.activeElement;
   if (i.has("collaboration") && d !== s || d !== null && Go(d)) return;
   if (!H(e)) return void (r !== null && Zn(t, a, l) && n.removeAllRanges());
-  const f = e.anchor, p = e.focus, g = f.key, m = p.key, x = Ui(t, g), b = Ui(t, m), y = f.offset, _ = p.offset, v = e.format, E = e.style, C = e.isCollapsed();
-  let w = x, S = b, F = !1;
+  const f = e.anchor, p = e.focus, g = f.key, m = p.key, x = Ui(t, g), b = Ui(t, m), y = f.offset, _ = p.offset, w = e.format, S = e.style, C = e.isCollapsed();
+  let v = x, E = b, N = !1;
   if (f.type === "text") {
-    w = zi(x);
+    v = zi(x);
     const B = f.getNode();
-    F = B.getFormat() !== v || B.getStyle() !== E;
-  } else H(r) && r.anchor.type === "text" && (F = !0);
-  var T, A, N, R, D;
-  if (p.type === "text" && (S = zi(b)), w !== null && S !== null && (C && (r === null || F || H(r) && (r.format !== v || r.style !== E)) && (T = v, A = E, N = y, R = g, D = performance.now(), Qu = [T, A, N, R, D]), u !== y || c !== _ || a !== w || l !== S || n.type === "Range" && C || (d !== null && s.contains(d) || s.focus({ preventScroll: !0 }), f.type === "element"))) {
+    N = B.getFormat() !== w || B.getStyle() !== S;
+  } else H(r) && r.anchor.type === "text" && (N = !0);
+  var A, T, F, R, D;
+  if (p.type === "text" && (E = zi(b)), v !== null && E !== null && (C && (r === null || N || H(r) && (r.format !== w || r.style !== S)) && (A = w, T = S, F = y, R = g, D = performance.now(), Qu = [A, T, F, R, D]), u !== y || c !== _ || a !== v || l !== E || n.type === "Range" && C || (d !== null && s.contains(d) || s.focus({ preventScroll: !0 }), f.type === "element"))) {
     try {
-      n.setBaseAndExtent(w, y, S, _);
+      n.setBaseAndExtent(v, y, E, _);
     } catch {
     }
     if (!i.has("skip-scroll-into-view") && e.isCollapsed() && s !== null && s === document.activeElement) {
-      const B = e instanceof Dr && e.anchor.type === "element" ? w.childNodes[y] || null : n.rangeCount > 0 ? n.getRangeAt(0) : null;
+      const B = e instanceof Dr && e.anchor.type === "element" ? v.childNodes[y] || null : n.rangeCount > 0 ? n.getRangeAt(0) : null;
       if (B !== null) {
         let M;
         if (B instanceof Text) {
@@ -10229,8 +10229,8 @@ function br(r, e) {
   if (r._pendingEditorState = null, r._editorState = t, !i && l && p !== null) {
     ft = r, dt = t, kt = !1, r._updating = !0;
     try {
-      const C = r._dirtyType, w = r._dirtyElements, S = r._dirtyLeaves;
-      p.disconnect(), g = lh(s, t, r, C, w, S);
+      const C = r._dirtyType, v = r._dirtyElements, E = r._dirtyLeaves;
+      p.disconnect(), g = lh(s, t, r, C, v, E);
     } catch (C) {
       if (C instanceof Error && r._onError(C), Gs) throw C;
       return pc(r, null, n, t), Bu(r), r._dirtyType = sn, Gs = !0, br(r, s), void (Gs = !1);
@@ -10240,54 +10240,54 @@ function br(r, e) {
   }
   t._readOnly || (t._readOnly = !0);
   const m = r._dirtyLeaves, x = r._dirtyElements, b = r._normalizedNodes, y = r._updateTags, _ = r._deferred;
-  l && (r._dirtyType = jr, r._cloneNotNeeded.clear(), r._dirtyLeaves = /* @__PURE__ */ new Set(), r._dirtyElements = /* @__PURE__ */ new Map(), r._normalizedNodes = /* @__PURE__ */ new Set(), r._updateTags = /* @__PURE__ */ new Set()), function(C, w) {
-    const S = C._decorators;
-    let F = C._pendingDecorators || S;
-    const T = w._nodeMap;
-    let A;
-    for (A in F) T.has(A) || (F === S && (F = ju(C)), delete F[A]);
+  l && (r._dirtyType = jr, r._cloneNotNeeded.clear(), r._dirtyLeaves = /* @__PURE__ */ new Set(), r._dirtyElements = /* @__PURE__ */ new Map(), r._normalizedNodes = /* @__PURE__ */ new Set(), r._updateTags = /* @__PURE__ */ new Set()), function(C, v) {
+    const E = C._decorators;
+    let N = C._pendingDecorators || E;
+    const A = v._nodeMap;
+    let T;
+    for (T in N) A.has(T) || (N === E && (N = ju(C)), delete N[T]);
   }(r, t);
-  const v = i ? null : jt(r._window);
-  if (r._editable && v !== null && (l || a === null || a.dirty)) {
+  const w = i ? null : jt(r._window);
+  if (r._editable && w !== null && (l || a === null || a.dirty)) {
     ft = r, dt = t;
     try {
       if (p !== null && p.disconnect(), l || a === null || a.dirty) {
         const C = r._blockCursorElement;
-        C !== null && Zo(C, r, n), xh(o, a, r, v, y, n);
+        C !== null && Zo(C, r, n), xh(o, a, r, w, y, n);
       }
       Zf(r, n, a), p !== null && p.observe(n, ia);
     } finally {
       ft = d, dt = u;
     }
   }
-  g !== null && function(C, w, S, F, T) {
-    const A = Array.from(C._listeners.mutation), N = A.length;
-    for (let R = 0; R < N; R++) {
-      const [D, B] = A[R], M = w.get(B);
-      M !== void 0 && D(M, { dirtyLeaves: F, prevEditorState: T, updateTags: S });
+  g !== null && function(C, v, E, N, A) {
+    const T = Array.from(C._listeners.mutation), F = T.length;
+    for (let R = 0; R < F; R++) {
+      const [D, B] = T[R], M = v.get(B);
+      M !== void 0 && D(M, { dirtyLeaves: N, prevEditorState: A, updateTags: E });
     }
   }(r, g, y, m, s), H(a) || a === null || o !== null && o.is(a) || r.dispatchCommand(Ro, void 0);
-  const E = r._pendingDecorators;
-  E !== null && (r._decorators = E, r._pendingDecorators = null, Pn("decorator", r, !0, E)), function(C, w, S) {
-    const F = Ml(w), T = Ml(S);
-    F !== T && Pn("textcontent", C, !0, T);
-  }(r, e || s, t), Pn("update", r, !0, { dirtyElements: x, dirtyLeaves: m, editorState: t, normalizedNodes: b, prevEditorState: e || s, tags: y }), function(C, w) {
-    if (C._deferred = [], w.length !== 0) {
-      const S = C._updating;
+  const S = r._pendingDecorators;
+  S !== null && (r._decorators = S, r._pendingDecorators = null, Pn("decorator", r, !0, S)), function(C, v, E) {
+    const N = Ml(v), A = Ml(E);
+    N !== A && Pn("textcontent", C, !0, A);
+  }(r, e || s, t), Pn("update", r, !0, { dirtyElements: x, dirtyLeaves: m, editorState: t, normalizedNodes: b, prevEditorState: e || s, tags: y }), function(C, v) {
+    if (C._deferred = [], v.length !== 0) {
+      const E = C._updating;
       C._updating = !0;
       try {
-        for (let F = 0; F < w.length; F++) w[F]();
+        for (let N = 0; N < v.length; N++) v[N]();
       } finally {
-        C._updating = S;
+        C._updating = E;
       }
     }
   }(r, _), function(C) {
-    const w = C._updates;
-    if (w.length !== 0) {
-      const S = w.shift();
-      if (S) {
-        const [F, T] = S;
-        dc(C, F, T);
+    const v = C._updates;
+    if (v.length !== 0) {
+      const E = v.shift();
+      if (E) {
+        const [N, A] = E;
+        dc(C, N, A);
       }
     }
   }(r);
@@ -10358,56 +10358,56 @@ function dc(r, e, t) {
     }(r));
     const m = r._compositionKey;
     e(), s = aa(r, s), function(b, y) {
-      const _ = y.getEditorState()._selection, v = b._selection;
-      if (H(v)) {
-        const E = v.anchor, C = v.focus;
-        let w;
-        if (E.type === "text" && (w = E.getNode(), w.selectionTransform(_, v)), C.type === "text") {
-          const S = C.getNode();
-          w !== S && S.selectionTransform(_, v);
+      const _ = y.getEditorState()._selection, w = b._selection;
+      if (H(w)) {
+        const S = w.anchor, C = w.focus;
+        let v;
+        if (S.type === "text" && (v = S.getNode(), v.selectionTransform(_, w)), C.type === "text") {
+          const E = C.getNode();
+          v !== E && E.selectionTransform(_, w);
         }
       }
     }(l, r), r._dirtyType !== jr && (s ? function(b, y) {
-      const _ = y._dirtyLeaves, v = b._nodeMap;
-      for (const E of _) {
-        const C = v.get(E);
+      const _ = y._dirtyLeaves, w = b._nodeMap;
+      for (const S of _) {
+        const C = w.get(S);
         Q(C) && C.isAttached() && C.isSimpleText() && !C.isUnmergeable() && Nl(C);
       }
     }(l, r) : function(b, y) {
-      const _ = y._dirtyLeaves, v = y._dirtyElements, E = b._nodeMap, C = xr(), w = /* @__PURE__ */ new Map();
-      let S = _, F = S.size, T = v, A = T.size;
-      for (; F > 0 || A > 0; ) {
-        if (F > 0) {
+      const _ = y._dirtyLeaves, w = y._dirtyElements, S = b._nodeMap, C = xr(), v = /* @__PURE__ */ new Map();
+      let E = _, N = E.size, A = w, T = A.size;
+      for (; N > 0 || T > 0; ) {
+        if (N > 0) {
           y._dirtyLeaves = /* @__PURE__ */ new Set();
-          for (const N of S) {
-            const R = E.get(N);
-            Q(R) && R.isAttached() && R.isSimpleText() && !R.isUnmergeable() && Nl(R), R !== void 0 && oa(R, C) && sa(y, R, w), _.add(N);
+          for (const F of E) {
+            const R = S.get(F);
+            Q(R) && R.isAttached() && R.isSimpleText() && !R.isUnmergeable() && Nl(R), R !== void 0 && oa(R, C) && sa(y, R, v), _.add(F);
           }
-          if (S = y._dirtyLeaves, F = S.size, F > 0) {
+          if (E = y._dirtyLeaves, N = E.size, N > 0) {
             ki++;
             continue;
           }
         }
         y._dirtyLeaves = /* @__PURE__ */ new Set(), y._dirtyElements = /* @__PURE__ */ new Map();
-        for (const N of T) {
-          const R = N[0], D = N[1];
+        for (const F of A) {
+          const R = F[0], D = F[1];
           if (R !== "root" && !D) continue;
-          const B = E.get(R);
-          B !== void 0 && oa(B, C) && sa(y, B, w), v.set(R, D);
+          const B = S.get(R);
+          B !== void 0 && oa(B, C) && sa(y, B, v), w.set(R, D);
         }
-        S = y._dirtyLeaves, F = S.size, T = y._dirtyElements, A = T.size, ki++;
+        E = y._dirtyLeaves, N = E.size, A = y._dirtyElements, T = A.size, ki++;
       }
-      y._dirtyLeaves = _, y._dirtyElements = v;
-    }(l, r), aa(r), function(b, y, _, v) {
-      const E = b._nodeMap, C = y._nodeMap, w = [];
-      for (const [S] of v) {
-        const F = C.get(S);
-        F !== void 0 && (F.isAttached() || (P(F) && $u(F, S, E, C, w, v), E.has(S) || v.delete(S), w.push(S)));
+      y._dirtyLeaves = _, y._dirtyElements = w;
+    }(l, r), aa(r), function(b, y, _, w) {
+      const S = b._nodeMap, C = y._nodeMap, v = [];
+      for (const [E] of w) {
+        const N = C.get(E);
+        N !== void 0 && (N.isAttached() || (P(N) && $u(N, E, S, C, v, w), S.has(E) || w.delete(E), v.push(E)));
       }
-      for (const S of w) C.delete(S);
-      for (const S of _) {
-        const F = C.get(S);
-        F === void 0 || F.isAttached() || (E.has(S) || _.delete(S), C.delete(S));
+      for (const E of v) C.delete(E);
+      for (const E of _) {
+        const N = C.get(E);
+        N === void 0 || N.isAttached() || (S.has(E) || _.delete(E), C.delete(E));
       }
     }(a, l, r._dirtyLeaves, r._dirtyElements)), m !== r._compositionKey && (l._flushSync = !0);
     const x = l._selection;
@@ -11066,22 +11066,22 @@ function Dh(r) {
         const C = x;
         x = C.replace, b = C.with, y = C.withKlass || null;
       }
-      const _ = x.getType(), v = x.transform(), E = /* @__PURE__ */ new Set();
-      v !== null && E.add(v), p.set(_, { exportDOM: d && d.export ? d.export.get(x) : void 0, klass: x, replace: b, replaceWithKlass: y, transforms: E });
+      const _ = x.getType(), w = x.transform(), S = /* @__PURE__ */ new Set();
+      w !== null && S.add(w), p.set(_, { exportDOM: d && d.export ? d.export.get(x) : void 0, klass: x, replace: b, replaceWithKlass: y, transforms: S });
     }
   }
   const g = new ws(o, i, p, { disableEvents: s, namespace: a, theme: n }, c || console.error, function(m, x) {
-    const b = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Set(), _ = (v) => {
-      Object.keys(v).forEach((E) => {
-        let C = b.get(E);
-        C === void 0 && (C = [], b.set(E, C)), C.push(v[E]);
+    const b = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Set(), _ = (w) => {
+      Object.keys(w).forEach((S) => {
+        let C = b.get(S);
+        C === void 0 && (C = [], b.set(S, C)), C.push(w[S]);
       });
     };
-    return m.forEach((v) => {
-      const E = v.klass.importDOM;
-      if (E == null || y.has(E)) return;
-      y.add(E);
-      const C = E.call(v.klass);
+    return m.forEach((w) => {
+      const S = w.klass.importDOM;
+      if (S == null || y.has(S)) return;
+      y.add(S);
+      const C = S.call(w.klass);
       C !== null && _(C);
     }), x && _(x), b;
   }(p, d ? d.import : void 0), f);
@@ -11553,8 +11553,8 @@ function Gh(r) {
                 let b = x.getNode(), y = 0, _ = 0;
                 if (Q(b) && u >= 0 && c >= 0 && (y = u, _ = u + c, m.setTextNodeRange(b, y, b, _)), y === _ && d === "" || (m.insertRawText(d), b = x.getNode()), Q(b)) {
                   y = f, _ = f + p;
-                  const v = b.getTextContentSize();
-                  y = y > v ? v : y, _ = _ > v ? v : _, m.setTextNodeRange(b, y, b, _);
+                  const w = b.getTextContentSize();
+                  y = y > w ? w : y, _ = _ > w ? w : _, m.setTextNodeRange(b, y, b, _);
                 }
                 n.stopImmediatePropagation();
               }
@@ -11630,8 +11630,8 @@ function Ec(r, e, t, n, i = /* @__PURE__ */ new Map(), s) {
     const { nodeName: x } = g, b = m._htmlConversions.get(x.toLowerCase());
     let y = null;
     if (b !== void 0) for (const _ of b) {
-      const v = _(g);
-      v !== null && (y === null || (y.priority || 0) <= (v.priority || 0)) && (y = v);
+      const w = _(g);
+      w !== null && (y === null || (y.priority || 0) <= (w.priority || 0)) && (y = w);
     }
     return y !== null ? y.conversion : null;
   }(r, e), u = l ? l(r) : null;
@@ -12195,19 +12195,19 @@ function dp({ content: r }) {
   return t ? typeof r == "function" ? r(n) : r : null;
 }
 const kc = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? cn : Te;
-function fp({ editor: r, ariaActiveDescendant: e, ariaAutoComplete: t, ariaControls: n, ariaDescribedBy: i, ariaErrorMessage: s, ariaExpanded: o, ariaInvalid: a, ariaLabel: l, ariaLabelledBy: u, ariaMultiline: c, ariaOwns: d, ariaRequired: f, autoCapitalize: p, className: g, id: m, role: x = "textbox", spellCheck: b = !0, style: y, tabIndex: _, "data-testid": v, ...E }, C) {
-  const [w, S] = I(r.isEditable()), F = X((A) => {
-    A && A.ownerDocument && A.ownerDocument.defaultView ? r.setRootElement(A) : r.setRootElement(null);
-  }, [r]), T = ct(() => /* @__PURE__ */ function(...A) {
-    return (N) => {
-      A.forEach((R) => {
-        typeof R == "function" ? R(N) : R != null && (R.current = N);
+function fp({ editor: r, ariaActiveDescendant: e, ariaAutoComplete: t, ariaControls: n, ariaDescribedBy: i, ariaErrorMessage: s, ariaExpanded: o, ariaInvalid: a, ariaLabel: l, ariaLabelledBy: u, ariaMultiline: c, ariaOwns: d, ariaRequired: f, autoCapitalize: p, className: g, id: m, role: x = "textbox", spellCheck: b = !0, style: y, tabIndex: _, "data-testid": w, ...S }, C) {
+  const [v, E] = I(r.isEditable()), N = X((T) => {
+    T && T.ownerDocument && T.ownerDocument.defaultView ? r.setRootElement(T) : r.setRootElement(null);
+  }, [r]), A = ct(() => /* @__PURE__ */ function(...T) {
+    return (F) => {
+      T.forEach((R) => {
+        typeof R == "function" ? R(F) : R != null && (R.current = F);
       });
     };
-  }(C, F), [F, C]);
-  return kc(() => (S(r.isEditable()), r.registerEditableListener((A) => {
-    S(A);
-  })), [r]), h.jsx("div", { "aria-activedescendant": w ? e : void 0, "aria-autocomplete": w ? t : "none", "aria-controls": w ? n : void 0, "aria-describedby": i, ...s != null ? { "aria-errormessage": s } : {}, "aria-expanded": w && x === "combobox" ? !!o : void 0, ...a != null ? { "aria-invalid": a } : {}, "aria-label": l, "aria-labelledby": u, "aria-multiline": c, "aria-owns": w ? d : void 0, "aria-readonly": !w || void 0, "aria-required": f, autoCapitalize: p, className: g, contentEditable: w, "data-testid": v, id: m, ref: T, role: w ? x : void 0, spellCheck: b, style: y, tabIndex: _, ...E });
+  }(C, N), [N, C]);
+  return kc(() => (E(r.isEditable()), r.registerEditableListener((T) => {
+    E(T);
+  })), [r]), h.jsx("div", { "aria-activedescendant": v ? e : void 0, "aria-autocomplete": v ? t : "none", "aria-controls": v ? n : void 0, "aria-describedby": i, ...s != null ? { "aria-errormessage": s } : {}, "aria-expanded": v && x === "combobox" ? !!o : void 0, ...a != null ? { "aria-invalid": a } : {}, "aria-label": l, "aria-labelledby": u, "aria-multiline": c, "aria-owns": v ? d : void 0, "aria-readonly": !v || void 0, "aria-required": f, autoCapitalize: p, className: g, contentEditable: v, "data-testid": w, id: m, ref: A, role: v ? x : void 0, spellCheck: b, style: y, tabIndex: _, ...S });
 }
 const hp = su(fp);
 function Da(r) {
@@ -12246,17 +12246,17 @@ function _p(r, e, t, n, i) {
   if (i) return yp;
   if (!(H(s) && H(o) && o.isCollapsed() && s.isCollapsed())) return zt;
   const a = function(b, y, _) {
-    const v = b._nodeMap, E = [];
+    const w = b._nodeMap, S = [];
     for (const C of y) {
-      const w = v.get(C);
-      w !== void 0 && E.push(w);
+      const v = w.get(C);
+      v !== void 0 && S.push(v);
     }
-    for (const [C, w] of _) {
-      if (!w) continue;
-      const S = v.get(C);
-      S === void 0 || bt(S) || E.push(S);
+    for (const [C, v] of _) {
+      if (!v) continue;
+      const E = w.get(C);
+      E === void 0 || bt(E) || S.push(E);
     }
-    return E;
+    return S;
   }(e, t, n);
   if (a.length === 0) return zt;
   if (a.length > 1) {
@@ -12283,8 +12283,8 @@ function vp(r, e) {
       if (i === null) return bo;
       const m = s._selection;
       return a.size > 0 || l.size > 0 ? g === !1 && d !== zt && d === n && c < t + e && p || a.size === 1 && function(x, b, y) {
-        const _ = b._nodeMap.get(x), v = y._nodeMap.get(x), E = b._selection, C = y._selection;
-        return !(H(E) && H(C) && E.anchor.type === "element" && E.focus.type === "element" && C.anchor.type === "text" && C.focus.type === "text" || !Q(_) || !Q(v) || _.__parent !== v.__parent) && JSON.stringify(b.read(() => _.exportJSON())) === JSON.stringify(y.read(() => v.exportJSON()));
+        const _ = b._nodeMap.get(x), w = y._nodeMap.get(x), S = b._selection, C = y._selection;
+        return !(H(S) && H(C) && S.anchor.type === "element" && S.focus.type === "element" && C.anchor.type === "text" && C.focus.type === "text" || !Q(_) || !Q(w) || _.__parent !== w.__parent) && JSON.stringify(b.read(() => _.exportJSON())) === JSON.stringify(y.read(() => w.exportJSON()));
       }(Array.from(a)[0], i, s) ? _i : bo : m !== null ? _i : _o;
     })();
     return t = c, n = d, f;
@@ -13349,9 +13349,9 @@ var zr;
         throw new RangeError("Invalid value");
       let g, m;
       for (g = c; ; g++) {
-        const _ = Ne.getNumDataCodewords(g, u) * 8, v = o.getTotalBits(l, g);
-        if (v <= _) {
-          m = v;
+        const _ = Ne.getNumDataCodewords(g, u) * 8, w = o.getTotalBits(l, g);
+        if (w <= _) {
+          m = w;
           break;
         }
         if (g >= d)
@@ -13362,8 +13362,8 @@ var zr;
       let x = [];
       for (const _ of l) {
         t(_.mode.modeBits, 4, x), t(_.numChars, _.mode.numCharCountBits(g), x);
-        for (const v of _.getData())
-          x.push(v);
+        for (const w of _.getData())
+          x.push(w);
       }
       i(x.length == m);
       const b = Ne.getNumDataCodewords(g, u) * 8;
@@ -13373,7 +13373,7 @@ var zr;
       let y = [];
       for (; y.length * 8 < x.length; )
         y.push(0);
-      return x.forEach((_, v) => y[v >>> 3] |= _ << 7 - (v & 7)), new Ne(g, u, y, f);
+      return x.forEach((_, w) => y[w >>> 3] |= _ << 7 - (w & 7)), new Ne(g, u, y, f);
     }
     /*-- Accessor methods --*/
     // Returns the color of the module (pixel) at the given coordinates, which is false
@@ -13464,16 +13464,16 @@ var zr;
       const d = Ne.NUM_ERROR_CORRECTION_BLOCKS[c.ordinal][u], f = Ne.ECC_CODEWORDS_PER_BLOCK[c.ordinal][u], p = Math.floor(Ne.getNumRawDataModules(u) / 8), g = d - p % d, m = Math.floor(p / d);
       let x = [];
       const b = Ne.reedSolomonComputeDivisor(f);
-      for (let _ = 0, v = 0; _ < d; _++) {
-        let E = l.slice(v, v + m - f + (_ < g ? 0 : 1));
-        v += E.length;
-        const C = Ne.reedSolomonComputeRemainder(E, b);
-        _ < g && E.push(0), x.push(E.concat(C));
+      for (let _ = 0, w = 0; _ < d; _++) {
+        let S = l.slice(w, w + m - f + (_ < g ? 0 : 1));
+        w += S.length;
+        const C = Ne.reedSolomonComputeRemainder(S, b);
+        _ < g && S.push(0), x.push(S.concat(C));
       }
       let y = [];
       for (let _ = 0; _ < x[0].length; _++)
-        x.forEach((v, E) => {
-          (_ != m - f || E >= g) && y.push(v[_]);
+        x.forEach((w, S) => {
+          (_ != m - f || S >= g) && y.push(w[_]);
         });
       return i(y.length == p), y;
     }
@@ -13948,12 +13948,12 @@ var eg = function() {
       "boostLevel",
       "marginSize",
       "imageSettings"
-    ]), { style: x } = m, b = Do(m, ["style"]), y = p == null ? void 0 : p.src, _ = Le.useRef(null), v = Le.useRef(null), E = Le.useCallback(
+    ]), { style: x } = m, b = Do(m, ["style"]), y = p == null ? void 0 : p.src, _ = Le.useRef(null), w = Le.useRef(null), S = Le.useCallback(
       (D) => {
         _.current = D, typeof t == "function" ? t(D) : t && (t.current = D);
       },
       [t]
-    ), [C, w] = Le.useState(!1), { margin: S, cells: F, numCells: T, calculatedImageSettings: A } = Uc({
+    ), [C, v] = Le.useState(!1), { margin: E, cells: N, numCells: A, calculatedImageSettings: T } = Uc({
       value: i,
       level: o,
       minVersion: c,
@@ -13968,31 +13968,31 @@ var eg = function() {
         const D = _.current, B = D.getContext("2d");
         if (!B)
           return;
-        let M = F;
-        const O = v.current, V = A != null && O !== null && O.complete && O.naturalHeight !== 0 && O.naturalWidth !== 0;
-        V && A.excavation != null && (M = qc(
-          F,
-          A.excavation
+        let M = N;
+        const O = w.current, V = T != null && O !== null && O.complete && O.naturalHeight !== 0 && O.naturalWidth !== 0;
+        V && T.excavation != null && (M = qc(
+          N,
+          T.excavation
         ));
         const U = window.devicePixelRatio || 1;
         D.height = D.width = s * U;
-        const re = s / T * U;
-        B.scale(re, re), B.fillStyle = a, B.fillRect(0, 0, T, T), B.fillStyle = l, eg ? B.fill(new Path2D($c(M, S))) : F.forEach(function(q, J) {
+        const re = s / A * U;
+        B.scale(re, re), B.fillStyle = a, B.fillRect(0, 0, A, A), B.fillStyle = l, eg ? B.fill(new Path2D($c(M, E))) : N.forEach(function(q, J) {
           q.forEach(function(W, se) {
-            W && B.fillRect(se + S, J + S, 1, 1);
+            W && B.fillRect(se + E, J + E, 1, 1);
           });
-        }), A && (B.globalAlpha = A.opacity), V && B.drawImage(
+        }), T && (B.globalAlpha = T.opacity), V && B.drawImage(
           O,
-          A.x + S,
-          A.y + S,
-          A.w,
-          A.h
+          T.x + E,
+          T.y + E,
+          T.w,
+          T.h
         );
       }
     }), Le.useEffect(() => {
-      w(!1);
+      v(!1);
     }, [y]);
-    const N = Co({ height: s, width: s }, x);
+    const F = Co({ height: s, width: s }, x);
     let R = null;
     return y != null && (R = /* @__PURE__ */ Le.createElement(
       "img",
@@ -14001,18 +14001,18 @@ var eg = function() {
         key: y,
         style: { display: "none" },
         onLoad: () => {
-          w(!0);
+          v(!0);
         },
-        ref: v,
-        crossOrigin: A == null ? void 0 : A.crossOrigin
+        ref: w,
+        crossOrigin: T == null ? void 0 : T.crossOrigin
       }
     )), /* @__PURE__ */ Le.createElement(Le.Fragment, null, /* @__PURE__ */ Le.createElement(
       "canvas",
       Co({
-        style: N,
+        style: F,
         height: s,
         width: s,
-        ref: E,
+        ref: S,
         role: "img"
       }, b)
     ), R);
@@ -14055,11 +14055,11 @@ var Wc = Le.forwardRef(
       imageSettings: g,
       size: s
     });
-    let v = b, E = null;
-    g != null && _ != null && (_.excavation != null && (v = qc(
+    let w = b, S = null;
+    g != null && _ != null && (_.excavation != null && (w = qc(
       b,
       _.excavation
-    )), E = /* @__PURE__ */ Le.createElement(
+    )), S = /* @__PURE__ */ Le.createElement(
       "image",
       {
         href: g.src,
@@ -14072,7 +14072,7 @@ var Wc = Le.forwardRef(
         crossOrigin: _.crossOrigin
       }
     ));
-    const C = $c(v, x);
+    const C = $c(w, x);
     return /* @__PURE__ */ Le.createElement(
       "svg",
       Co({
@@ -14092,7 +14092,7 @@ var Wc = Le.forwardRef(
         }
       ),
       /* @__PURE__ */ Le.createElement("path", { fill: l, d: C, shapeRendering: "crispEdges" }),
-      E
+      S
     );
   }
 );
@@ -14215,10 +14215,10 @@ function og({ theme: r, disabled: e, onAiRestructure: t, onAiProofread: n, onAiR
     u.dispatchCommand(Nc, void 0);
   }, [u]), _ = X(() => {
     u.update(() => {
-      const w = le();
-      H(w) && Oh(w, () => al());
+      const v = le();
+      H(v) && Oh(v, () => al());
     });
-  }, [u]), v = {
+  }, [u]), w = {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
@@ -14232,14 +14232,14 @@ function og({ theme: r, disabled: e, onAiRestructure: t, onAiProofread: n, onAiR
     fontSize: "14px",
     fontWeight: 600,
     opacity: e ? 0.5 : 1
-  }, E = `
+  }, S = `
     .mail-editor-toolbar-btn:hover:not(:disabled) {
       background: ${r.border};
     }
   `, C = () => {
     setTimeout(() => {
-      var w;
-      (w = f.current) != null && w.contains(document.activeElement) || d(!1);
+      var v;
+      (v = f.current) != null && v.contains(document.activeElement) || d(!1);
     }, 150);
   };
   return /* @__PURE__ */ h.jsxs(
@@ -14254,7 +14254,7 @@ function og({ theme: r, disabled: e, onAiRestructure: t, onAiProofread: n, onAiR
         background: r.toolbarBackground
       },
       children: [
-        /* @__PURE__ */ h.jsx("style", { children: E }),
+        /* @__PURE__ */ h.jsx("style", { children: S }),
         /* @__PURE__ */ h.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "2px" }, children: [
           /* @__PURE__ */ h.jsx(
             "button",
@@ -14263,7 +14263,7 @@ function og({ theme: r, disabled: e, onAiRestructure: t, onAiProofread: n, onAiR
               className: "mail-editor-toolbar-btn",
               onClick: g,
               disabled: e,
-              style: v,
+              style: w,
               title: "Bold (Ctrl+B)",
               children: "B"
             }
@@ -14275,7 +14275,7 @@ function og({ theme: r, disabled: e, onAiRestructure: t, onAiProofread: n, onAiR
               className: "mail-editor-toolbar-btn",
               onClick: m,
               disabled: e,
-              style: { ...v, fontStyle: "italic" },
+              style: { ...w, fontStyle: "italic" },
               title: "Italic (Ctrl+I)",
               children: "I"
             }
@@ -14287,7 +14287,7 @@ function og({ theme: r, disabled: e, onAiRestructure: t, onAiProofread: n, onAiR
               className: "mail-editor-toolbar-btn",
               onClick: x,
               disabled: e,
-              style: { ...v, textDecoration: "underline" },
+              style: { ...w, textDecoration: "underline" },
               title: "Underline (Ctrl+U)",
               children: "U"
             }
@@ -14310,7 +14310,7 @@ function og({ theme: r, disabled: e, onAiRestructure: t, onAiProofread: n, onAiR
               className: "mail-editor-toolbar-btn",
               onClick: b,
               disabled: e,
-              style: v,
+              style: w,
               title: "Bullet List",
               children: /* @__PURE__ */ h.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: [
                 /* @__PURE__ */ h.jsx("circle", { cx: "4", cy: "6", r: "2" }),
@@ -14329,7 +14329,7 @@ function og({ theme: r, disabled: e, onAiRestructure: t, onAiProofread: n, onAiR
               className: "mail-editor-toolbar-btn",
               onClick: y,
               disabled: e,
-              style: v,
+              style: w,
               title: "Numbered List",
               children: /* @__PURE__ */ h.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: [
                 /* @__PURE__ */ h.jsx("text", { x: "2", y: "8", fontSize: "8", fontFamily: "sans-serif", children: "1" }),
@@ -14359,7 +14359,7 @@ function og({ theme: r, disabled: e, onAiRestructure: t, onAiProofread: n, onAiR
               className: "mail-editor-toolbar-btn",
               onClick: _,
               disabled: e,
-              style: v,
+              style: w,
               title: "Quote",
               children: /* @__PURE__ */ h.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ h.jsx("path", { d: "M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z" }) })
             }
@@ -14434,8 +14434,8 @@ function og({ theme: r, disabled: e, onAiRestructure: t, onAiProofread: n, onAiR
                       alignItems: "center",
                       gap: "8px"
                     },
-                    onMouseEnter: (w) => w.currentTarget.style.background = "#f3f4f6",
-                    onMouseLeave: (w) => w.currentTarget.style.background = "transparent",
+                    onMouseEnter: (v) => v.currentTarget.style.background = "#f3f4f6",
+                    onMouseLeave: (v) => v.currentTarget.style.background = "transparent",
                     children: [
                       /* @__PURE__ */ h.jsx("span", { className: "material-icons", style: { fontSize: "18px", color: "#3b82f6" }, children: "format_list_bulleted" }),
                       /* @__PURE__ */ h.jsxs("div", { children: [
@@ -14464,8 +14464,8 @@ function og({ theme: r, disabled: e, onAiRestructure: t, onAiProofread: n, onAiR
                       alignItems: "center",
                       gap: "8px"
                     },
-                    onMouseEnter: (w) => w.currentTarget.style.background = "#f3f4f6",
-                    onMouseLeave: (w) => w.currentTarget.style.background = "transparent",
+                    onMouseEnter: (v) => v.currentTarget.style.background = "#f3f4f6",
+                    onMouseLeave: (v) => v.currentTarget.style.background = "transparent",
                     children: [
                       /* @__PURE__ */ h.jsx("span", { className: "material-icons", style: { fontSize: "18px", color: "#22c55e" }, children: "spellcheck" }),
                       /* @__PURE__ */ h.jsxs("div", { children: [
@@ -14494,8 +14494,8 @@ function og({ theme: r, disabled: e, onAiRestructure: t, onAiProofread: n, onAiR
                       alignItems: "center",
                       gap: "8px"
                     },
-                    onMouseEnter: (w) => w.currentTarget.style.background = "#f3f4f6",
-                    onMouseLeave: (w) => w.currentTarget.style.background = "transparent",
+                    onMouseEnter: (v) => v.currentTarget.style.background = "#f3f4f6",
+                    onMouseLeave: (v) => v.currentTarget.style.background = "transparent",
                     children: [
                       /* @__PURE__ */ h.jsx("span", { className: "material-icons", style: { fontSize: "18px", color: "#9333ea" }, children: "brush" }),
                       /* @__PURE__ */ h.jsxs("div", { children: [
@@ -14630,29 +14630,29 @@ function cg({
   aiProcessingAction: m,
   renderAboveToolbar: x
 }) {
-  const b = { ...ig, ...i }, [y, _] = Le.useState(!1), v = Le.useRef(void 0), [E, C] = Le.useState(r), [w, S] = Le.useState(!1), [F, T] = Le.useState(null), A = g ?? w, N = m ?? F;
+  const b = { ...ig, ...i }, [y, _] = Le.useState(!1), w = Le.useRef(void 0), [S, C] = Le.useState(r), [v, E] = Le.useState(!1), [N, A] = Le.useState(null), T = g ?? v, F = m ?? N;
   Le.useEffect(() => {
-    l !== void 0 && l !== v.current && (v.current = l, _(!0));
+    l !== void 0 && l !== w.current && (w.current = l, _(!0));
   }, [l]);
   const R = X(() => {
     _(!1);
   }, []), D = (q) => q.replace(/<[^>]*>/g, "").trim(), B = (q) => q.split(`
 `).map((J) => `<p>${J || "<br>"}</p>`).join(""), M = async (q) => {
-    const J = D(E);
+    const J = D(S);
     if (!J) return;
     const W = q === "restructure" ? d : q === "proofread" ? f : p;
     if (W) {
-      S(!0), T(q);
+      E(!0), A(q);
       try {
         const se = await W(J), ce = B(se);
-        C(ce), e == null || e(ce), v.current = Date.now(), _(!0);
+        C(ce), e == null || e(ce), w.current = Date.now(), _(!0);
       } catch (se) {
         console.error(`AI ${q} failed:`, se);
       } finally {
-        S(!1), T(null);
+        E(!1), A(null);
       }
     }
-  }, O = D(E).length > 0, V = {
+  }, O = D(S).length > 0, V = {
     namespace: "MailEditor",
     theme: sg,
     onError: (q) => {
@@ -14765,8 +14765,8 @@ function cg({
               onAiRestructure: d,
               onAiProofread: f,
               onAiRewrite: p,
-              aiProcessing: A,
-              aiProcessingAction: N,
+              aiProcessing: T,
+              aiProcessingAction: F,
               onAiAction: M,
               hasContent: O
             }
@@ -14800,7 +14800,7 @@ function cg({
           /* @__PURE__ */ h.jsx(
             lg,
             {
-              html: y ? E : r,
+              html: y ? S : r,
               isExternalUpdate: y,
               onImportComplete: R
             }
@@ -14858,10 +14858,10 @@ function My({
   hideCancelButton: b = !1,
   onAiRestructure: y,
   onAiProofread: _,
-  onAiRewrite: v,
-  renderAboveToolbar: E
+  onAiRewrite: w,
+  renderAboveToolbar: S
 }) {
-  const C = { ...dg, ...c }, [w, S] = I(r), [F, T] = I(""), [A, N] = I(""), [R, D] = I(e), [B, M] = I(t), [O, V] = I([]), [U, re] = I(!1), [q, J] = I(""), [W, se] = I(f), [ce, fe] = I(!1), ge = Le.useRef(void 0);
+  const C = { ...dg, ...c }, [v, E] = I(r), [N, A] = I(""), [T, F] = I(""), [R, D] = I(e), [B, M] = I(t), [O, V] = I([]), [U, re] = I(!1), [q, J] = I(""), [W, se] = I(f), [ce, fe] = I(!1), ge = Le.useRef(void 0);
   Le.useEffect(() => {
     a !== void 0 && a !== ge.current && (ge.current = a, M(t), fe(!0));
   }, [a, t]);
@@ -14887,7 +14887,7 @@ function My({
   }, qe = (z) => z.type.startsWith("image/") ? "image" : z.type === "application/pdf" ? "picture_as_pdf" : z.type.includes("spreadsheet") || z.type.includes("excel") ? "table_chart" : z.type.includes("document") || z.type.includes("word") ? "description" : "attach_file", ze = (z) => {
     V((ae) => ae.filter((me, xe) => xe !== z));
   }, He = (z) => z < 1024 ? `${z} B` : z < 1024 * 1024 ? `${(z / 1024).toFixed(1)} KB` : `${(z / (1024 * 1024)).toFixed(1)} MB`, Y = async () => {
-    if (!w.trim()) {
+    if (!v.trim()) {
       J("Recipient email is required");
       return;
     }
@@ -14910,9 +14910,9 @@ function My({
           };
         })
       ), ae = B.replace(/>\n+</g, "><").replace(/<p class="[^"]*"><\/p>/g, "<br>").trim(), me = {
-        to: w.trim(),
-        cc: F.trim() || void 0,
-        bcc: A.trim() || void 0,
+        to: v.trim(),
+        cc: N.trim() || void 0,
+        bcc: T.trim() || void 0,
         subject: R.trim(),
         html: ae,
         attachments: z,
@@ -14921,7 +14921,7 @@ function My({
       console.log("[MailComposer] Sending email - to:", me.to, "subject:", me.subject, "attachmentsCount:", me.attachments.length), me.attachments.length > 0 && me.attachments.forEach((xe, Ge) => {
         var vt;
         console.log(`[MailComposer] Attachment ${Ge + 1}:`, xe.filename, "size:", xe.size, "type:", xe.content_type, "data length:", ((vt = xe.data) == null ? void 0 : vt.length) || 0);
-      }), await i(me), S(""), T(""), N(""), D(""), M(""), V([]);
+      }), await i(me), E(""), A(""), F(""), D(""), M(""), V([]);
     } catch (z) {
       J(z instanceof Error ? z.message : "Failed to send email");
     } finally {
@@ -14989,8 +14989,8 @@ function My({
             "input",
             {
               type: "email",
-              value: w,
-              onChange: (z) => S(z.target.value),
+              value: v,
+              onChange: (z) => E(z.target.value),
               placeholder: "recipient@example.com",
               disabled: d || U,
               style: L
@@ -15022,8 +15022,8 @@ function My({
               "input",
               {
                 type: "email",
-                value: F,
-                onChange: (z) => T(z.target.value),
+                value: N,
+                onChange: (z) => A(z.target.value),
                 placeholder: "cc@example.com",
                 disabled: d || U,
                 style: L
@@ -15036,8 +15036,8 @@ function My({
               "input",
               {
                 type: "email",
-                value: A,
-                onChange: (z) => N(z.target.value),
+                value: T,
+                onChange: (z) => F(z.target.value),
                 placeholder: "bcc@example.com",
                 disabled: d || U,
                 style: L
@@ -15074,8 +15074,8 @@ function My({
             insertTextTrigger: u,
             onAiRestructure: y,
             onAiProofread: _,
-            onAiRewrite: v,
-            renderAboveToolbar: E
+            onAiRewrite: w,
+            renderAboveToolbar: S
           }
         ) }) }),
         /* @__PURE__ */ h.jsxs("div", { children: [
@@ -15178,8 +15178,8 @@ function My({
             {
               type: "button",
               onClick: Y,
-              disabled: d || U || !w.trim() || !R.trim(),
-              style: Ke(!0, d || U || !w.trim() || !R.trim()),
+              disabled: d || U || !v.trim() || !R.trim(),
+              style: Ke(!0, d || U || !v.trim() || !R.trim()),
               children: [
                 /* @__PURE__ */ h.jsx(
                   "span",
@@ -15234,31 +15234,31 @@ function Ry({
 }) {
   const p = { ...fg, ...d }, [g, m] = I(!1), [x, b] = I(""), y = be(null), _ = be(null);
   Te(() => {
-    function A(N) {
-      y.current && !y.current.contains(N.target) && (m(!1), b(""));
+    function T(F) {
+      y.current && !y.current.contains(F.target) && (m(!1), b(""));
     }
-    return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
+    return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
   }, []);
-  const v = r.filter(
-    (A) => {
-      var N;
-      return ((N = A.label) == null ? void 0 : N.toLowerCase().includes(x.toLowerCase())) && !e.includes(A.id);
-    }
-  ), E = i && x.trim() && !r.some((A) => {
-    var N;
-    return ((N = A.label) == null ? void 0 : N.toLowerCase()) === x.toLowerCase();
-  }), C = e.map((A) => r.find((N) => N.id === A)).filter(Boolean), w = X((A) => {
-    var N;
-    c > 0 && e.length >= c || (t([...e, A]), b(""), c === 1 ? m(!1) : (N = _.current) == null || N.focus());
-  }, [e, t, c]), S = X((A) => {
-    t(e.filter((N) => N !== A));
-  }, [e, t]), F = X(async () => {
-    if (!E) return;
-    const A = await (s == null ? void 0 : s(x.trim()));
-    A && w(A.id), b("");
-  }, [E, x, s, w]), T = X((A) => {
-    A.key === "Enter" ? (A.preventDefault(), E ? F() : v.length > 0 && w(v[0].id)) : A.key === "Backspace" && !x && e.length > 0 ? S(e[e.length - 1]) : A.key === "Escape" && (m(!1), b(""));
-  }, [E, v, x, e, F, w, S]);
+  const w = r.filter(
+    (T) => {
+      var F;
+      return ((F = T.label) == null ? void 0 : F.toLowerCase().includes(x.toLowerCase())) && !e.includes(T.id);
+    }
+  ), S = i && x.trim() && !r.some((T) => {
+    var F;
+    return ((F = T.label) == null ? void 0 : F.toLowerCase()) === x.toLowerCase();
+  }), C = e.map((T) => r.find((F) => F.id === T)).filter(Boolean), v = X((T) => {
+    var F;
+    c > 0 && e.length >= c || (t([...e, T]), b(""), c === 1 ? m(!1) : (F = _.current) == null || F.focus());
+  }, [e, t, c]), E = X((T) => {
+    t(e.filter((F) => F !== T));
+  }, [e, t]), N = X(async () => {
+    if (!S) return;
+    const T = await (s == null ? void 0 : s(x.trim()));
+    T && v(T.id), b("");
+  }, [S, x, s, v]), A = X((T) => {
+    T.key === "Enter" ? (T.preventDefault(), S ? N() : w.length > 0 && v(w[0].id)) : T.key === "Backspace" && !x && e.length > 0 ? E(e[e.length - 1]) : T.key === "Escape" && (m(!1), b(""));
+  }, [S, w, x, e, N, v, E]);
   return /* @__PURE__ */ h.jsxs("div", { ref: y, className: f, style: { position: "relative" }, children: [
     l && /* @__PURE__ */ h.jsx(
       "label",
@@ -15290,7 +15290,7 @@ function Ry({
           alignItems: "center"
         },
         children: [
-          C.map((A) => /* @__PURE__ */ h.jsxs(
+          C.map((T) => /* @__PURE__ */ h.jsxs(
             "span",
             {
               style: {
@@ -15300,17 +15300,17 @@ function Ry({
                 padding: "2px 8px",
                 borderRadius: "4px",
                 fontSize: "13px",
-                background: A.color || p.chipBackground,
-                color: A.color ? "#fff" : p.chipText
+                background: T.color || p.chipBackground,
+                color: T.color ? "#fff" : p.chipText
               },
               children: [
-                A.label,
+                T.label,
                 !u && /* @__PURE__ */ h.jsx(
                   "button",
                   {
                     type: "button",
-                    onClick: (N) => {
-                      N.stopPropagation(), S(A.id);
+                    onClick: (F) => {
+                      F.stopPropagation(), E(T.id);
                     },
                     style: {
                       border: "none",
@@ -15326,7 +15326,7 @@ function Ry({
                 )
               ]
             },
-            A.id
+            T.id
           )),
           /* @__PURE__ */ h.jsx(
             "input",
@@ -15334,11 +15334,11 @@ function Ry({
               ref: _,
               type: "text",
               value: x,
-              onChange: (A) => {
-                b(A.target.value), g || m(!0);
+              onChange: (T) => {
+                b(T.target.value), g || m(!0);
               },
               onFocus: () => m(!0),
-              onKeyDown: T,
+              onKeyDown: A,
               placeholder: C.length === 0 ? n : "",
               disabled: u || c > 0 && e.length >= c,
               style: {
@@ -15372,7 +15372,7 @@ function Ry({
           overflowY: "auto",
           zIndex: 50
         },
-        children: v.length === 0 && !E ? /* @__PURE__ */ h.jsx(
+        children: w.length === 0 && !S ? /* @__PURE__ */ h.jsx(
           "div",
           {
             style: {
@@ -15384,10 +15384,10 @@ function Ry({
             children: x ? "No matches" : "No options available"
           }
         ) : /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
-          v.map((A) => /* @__PURE__ */ h.jsxs(
+          w.map((T) => /* @__PURE__ */ h.jsxs(
             "div",
             {
-              onClick: () => w(A.id),
+              onClick: () => v(T.id),
               style: {
                 padding: "10px 12px",
                 fontSize: "14px",
@@ -15397,20 +15397,20 @@ function Ry({
                 alignItems: "center",
                 justifyContent: "space-between"
               },
-              onMouseEnter: (N) => {
-                N.currentTarget.style.background = p.hoverBackground || "";
+              onMouseEnter: (F) => {
+                F.currentTarget.style.background = p.hoverBackground || "";
               },
-              onMouseLeave: (N) => {
-                N.currentTarget.style.background = "";
+              onMouseLeave: (F) => {
+                F.currentTarget.style.background = "";
               },
               children: [
-                A.label,
+                T.label,
                 o && a && /* @__PURE__ */ h.jsx(
                   "button",
                   {
                     type: "button",
-                    onClick: (N) => {
-                      N.stopPropagation(), a(A.id);
+                    onClick: (F) => {
+                      F.stopPropagation(), a(T.id);
                     },
                     style: {
                       border: "none",
@@ -15421,35 +15421,35 @@ function Ry({
                       color: p.textSecondary,
                       opacity: 0.5
                     },
-                    onMouseEnter: (N) => {
-                      N.currentTarget.style.opacity = "1", N.currentTarget.style.color = "#ef4444";
+                    onMouseEnter: (F) => {
+                      F.currentTarget.style.opacity = "1", F.currentTarget.style.color = "#ef4444";
                     },
-                    onMouseLeave: (N) => {
-                      N.currentTarget.style.opacity = "0.5", N.currentTarget.style.color = p.textSecondary || "";
+                    onMouseLeave: (F) => {
+                      F.currentTarget.style.opacity = "0.5", F.currentTarget.style.color = p.textSecondary || "";
                     },
                     children: "×"
                   }
                 )
               ]
             },
-            A.id
+            T.id
           )),
-          E && /* @__PURE__ */ h.jsxs(
+          S && /* @__PURE__ */ h.jsxs(
             "div",
             {
-              onClick: F,
+              onClick: N,
               style: {
                 padding: "10px 12px",
                 fontSize: "14px",
                 cursor: "pointer",
                 color: p.primary,
-                borderTop: v.length > 0 ? `1px solid ${p.border}` : "none"
+                borderTop: w.length > 0 ? `1px solid ${p.border}` : "none"
               },
-              onMouseEnter: (A) => {
-                A.currentTarget.style.background = p.hoverBackground || "";
+              onMouseEnter: (T) => {
+                T.currentTarget.style.background = p.hoverBackground || "";
               },
-              onMouseLeave: (A) => {
-                A.currentTarget.style.background = "";
+              onMouseLeave: (T) => {
+                T.currentTarget.style.background = "";
               },
               children: [
                 '+ Create "',
@@ -15484,32 +15484,32 @@ function jy({
   className: l = "",
   theme: u = {}
 }) {
-  const c = { ...hg, ...u }, [d, f] = I(""), [p, g] = I(!1), m = be(null), x = be(null), b = ct(() => e && r.find((S) => S.id === e) || null, [e, r]), y = ct(() => {
+  const c = { ...hg, ...u }, [d, f] = I(""), [p, g] = I(!1), m = be(null), x = be(null), b = ct(() => e && r.find((E) => E.id === e) || null, [e, r]), y = ct(() => {
     if (!d.trim()) return r;
-    const S = d.toLowerCase();
+    const E = d.toLowerCase();
     return r.filter(
-      (F) => {
-        var T, A;
-        return ((T = F.label) == null ? void 0 : T.toLowerCase().includes(S)) || ((A = F.notes) == null ? void 0 : A.toLowerCase().includes(S));
+      (N) => {
+        var A, T;
+        return ((A = N.label) == null ? void 0 : A.toLowerCase().includes(E)) || ((T = N.notes) == null ? void 0 : T.toLowerCase().includes(E));
       }
     );
   }, [r, d]);
   Te(() => {
-    const S = (F) => {
-      m.current && !m.current.contains(F.target) && g(!1);
+    const E = (N) => {
+      m.current && !m.current.contains(N.target) && g(!1);
     };
-    return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
+    return document.addEventListener("mousedown", E), () => document.removeEventListener("mousedown", E);
   }, []);
-  const _ = (S) => {
-    i && i(S), g(!1), f("");
-  }, v = () => {
+  const _ = (E) => {
+    i && i(E), g(!1), f("");
+  }, w = () => {
     o && o(d.trim() || void 0), g(!1), f("");
-  }, E = () => {
+  }, S = () => {
     g(!0);
-  }, C = (S) => {
-    f(S.target.value), p || g(!0);
-  }, w = (S) => {
-    S.key === "Enter" ? (S.preventDefault(), y.length > 0 && i ? (i(y[0]), g(!1), f("")) : o && d.trim() && (o(d.trim()), g(!1), f(""))) : S.key === "Escape" && (g(!1), f(""));
+  }, C = (E) => {
+    f(E.target.value), p || g(!0);
+  }, v = (E) => {
+    E.key === "Enter" ? (E.preventDefault(), y.length > 0 && i ? (i(y[0]), g(!1), f("")) : o && d.trim() && (o(d.trim()), g(!1), f(""))) : E.key === "Escape" && (g(!1), f(""));
   };
   return /* @__PURE__ */ h.jsxs(
     "div",
@@ -15547,8 +15547,8 @@ function jy({
                   s && /* @__PURE__ */ h.jsx(
                     "button",
                     {
-                      onClick: (S) => {
-                        S.stopPropagation(), s();
+                      onClick: (E) => {
+                        E.stopPropagation(), s();
                       },
                       style: {
                         marginLeft: "8px",
@@ -15596,8 +15596,8 @@ function jy({
                   type: "text",
                   value: d,
                   onChange: C,
-                  onFocus: E,
-                  onKeyDown: w,
+                  onFocus: S,
+                  onKeyDown: v,
                   placeholder: n,
                   style: {
                     width: "100%",
@@ -15618,7 +15618,7 @@ function jy({
           o && /* @__PURE__ */ h.jsx(
             "button",
             {
-              onClick: v,
+              onClick: w,
               style: {
                 width: "36px",
                 height: "36px",
@@ -15635,11 +15635,11 @@ function jy({
                 transition: "background 0.15s",
                 flexShrink: 0
               },
-              onMouseEnter: (S) => {
-                S.currentTarget.style.background = c.cardHover || "#f3f4f6";
+              onMouseEnter: (E) => {
+                E.currentTarget.style.background = c.cardHover || "#f3f4f6";
               },
-              onMouseLeave: (S) => {
-                S.currentTarget.style.background = c.background || "#ffffff";
+              onMouseLeave: (E) => {
+                E.currentTarget.style.background = c.background || "#ffffff";
               },
               title: `Create ${t || "item"}`,
               children: "+"
@@ -15664,40 +15664,40 @@ function jy({
           textAlign: "center",
           color: c.textSecondary,
           fontSize: "14px"
-        }, children: d ? `No results for "${d}"` : "No items" }) : y.map((S, F) => /* @__PURE__ */ h.jsxs(
+        }, children: d ? `No results for "${d}"` : "No items" }) : y.map((E, N) => /* @__PURE__ */ h.jsxs(
           "div",
           {
-            onClick: () => _(S),
+            onClick: () => _(E),
             style: {
               padding: "10px 14px",
               cursor: "pointer",
-              borderBottom: F < y.length - 1 ? `1px solid ${c.border}` : "none",
+              borderBottom: N < y.length - 1 ? `1px solid ${c.border}` : "none",
               background: c.cardBackground,
               transition: "background 0.15s"
             },
-            onMouseEnter: (T) => {
-              T.currentTarget.style.background = c.cardHover || "#f3f4f6";
+            onMouseEnter: (A) => {
+              A.currentTarget.style.background = c.cardHover || "#f3f4f6";
             },
-            onMouseLeave: (T) => {
-              T.currentTarget.style.background = c.cardBackground || "#f9fafb";
+            onMouseLeave: (A) => {
+              A.currentTarget.style.background = c.cardBackground || "#f9fafb";
             },
             children: [
               /* @__PURE__ */ h.jsx("div", { style: {
                 fontSize: "14px",
                 fontWeight: 500,
-                color: S.color || c.text,
-                marginBottom: S.notes ? "2px" : 0
-              }, children: S.label }),
-              S.notes && /* @__PURE__ */ h.jsx("div", { style: {
+                color: E.color || c.text,
+                marginBottom: E.notes ? "2px" : 0
+              }, children: E.label }),
+              E.notes && /* @__PURE__ */ h.jsx("div", { style: {
                 fontSize: "12px",
                 color: c.textSecondary,
                 whiteSpace: "nowrap",
                 overflow: "hidden",
                 textOverflow: "ellipsis"
-              }, children: S.notes })
+              }, children: E.notes })
             ]
           },
-          S.id
+          E.id
         )) })
       ]
     }
@@ -15719,37 +15719,37 @@ function Ly({
   columnClassName: f = "",
   itemClassName: p = ""
 }) {
-  const [g, m] = I(null), [x, b] = I(null), [y, _] = I(null), v = be(null), E = e.reduce((N, R) => {
+  const [g, m] = I(null), [x, b] = I(null), [y, _] = I(null), w = be(null), S = e.reduce((F, R) => {
     let D = r.filter((B) => n(B) === R.id);
-    return i && (D = D.sort((B, M) => i(B) - i(M))), N[R.id] = D, N;
-  }, {}), C = X((N, R) => {
+    return i && (D = D.sort((B, M) => i(B) - i(M))), F[R.id] = D, F;
+  }, {}), C = X((F, R) => {
     const D = t(R), B = n(R);
-    m(D), v.current = B, N.dataTransfer.effectAllowed = "move", N.dataTransfer.setData("text/plain", D), requestAnimationFrame(() => {
-      const M = N.target;
+    m(D), w.current = B, F.dataTransfer.effectAllowed = "move", F.dataTransfer.setData("text/plain", D), requestAnimationFrame(() => {
+      const M = F.target;
       M.style.opacity = "0.5";
     });
-  }, [t, n]), w = X((N) => {
-    const R = N.target;
-    R.style.opacity = "1", m(null), b(null), _(null), v.current = null;
-  }, []), S = X((N, R, D) => {
-    N.preventDefault(), N.dataTransfer.dropEffect = "move", b(R), _(D);
-  }, []), F = X((N) => {
-    const R = N.relatedTarget;
+  }, [t, n]), v = X((F) => {
+    const R = F.target;
+    R.style.opacity = "1", m(null), b(null), _(null), w.current = null;
+  }, []), E = X((F, R, D) => {
+    F.preventDefault(), F.dataTransfer.dropEffect = "move", b(R), _(D);
+  }, []), N = X((F) => {
+    const R = F.relatedTarget;
     R != null && R.closest("[data-kanban-column]") || (b(null), _(null));
-  }, []), T = X((N, R, D) => {
-    if (N.preventDefault(), !g) return;
-    const B = v.current;
-    B === R ? a == null || a(g, R, D) : B && o(g, B, R, D), m(null), b(null), _(null), v.current = null;
-  }, [g, o, a]), A = (N, R) => /* @__PURE__ */ h.jsxs("div", { className: "flex items-center justify-between px-3 py-2", children: [
+  }, []), A = X((F, R, D) => {
+    if (F.preventDefault(), !g) return;
+    const B = w.current;
+    B === R ? a == null || a(g, R, D) : B && o(g, B, R, D), m(null), b(null), _(null), w.current = null;
+  }, [g, o, a]), T = (F, R) => /* @__PURE__ */ h.jsxs("div", { className: "flex items-center justify-between px-3 py-2", children: [
     /* @__PURE__ */ h.jsxs("div", { className: "flex items-center gap-2", children: [
-      N.color && /* @__PURE__ */ h.jsx(
+      F.color && /* @__PURE__ */ h.jsx(
         "div",
         {
           className: "w-2 h-2 rounded-full",
-          style: { backgroundColor: N.color }
+          style: { backgroundColor: F.color }
         }
       ),
-      /* @__PURE__ */ h.jsx("span", { className: "font-medium text-sm text-neutral-700", children: N.label })
+      /* @__PURE__ */ h.jsx("span", { className: "font-medium text-sm text-neutral-700", children: F.label })
     ] }),
     /* @__PURE__ */ h.jsx("span", { className: "text-xs text-neutral-400 bg-neutral-100 px-2 py-0.5 rounded-full", children: R })
   ] });
@@ -15758,20 +15758,20 @@ function Ly({
     {
       className: `flex gap-4 overflow-x-auto pb-4 ${d}`,
       style: { minHeight: "400px" },
-      children: e.map((N) => {
-        const R = E[N.id] || [], D = x === N.id;
+      children: e.map((F) => {
+        const R = S[F.id] || [], D = x === F.id;
         return /* @__PURE__ */ h.jsxs(
           "div",
           {
-            "data-kanban-column": N.id,
+            "data-kanban-column": F.id,
             className: `flex-1 min-w-[180px] bg-neutral-50 rounded-xl flex flex-col ${f}`,
             onDragOver: (B) => {
-              B.preventDefault(), g && !D && b(N.id);
+              B.preventDefault(), g && !D && b(F.id);
             },
-            onDragLeave: F,
-            onDrop: (B) => T(B, N.id, y ?? R.length),
+            onDragLeave: N,
+            onDrop: (B) => A(B, F.id, y ?? R.length),
             children: [
-              /* @__PURE__ */ h.jsx("div", { className: "flex-shrink-0 border-b border-neutral-200", children: u ? u(N, R.length) : A(N, R.length) }),
+              /* @__PURE__ */ h.jsx("div", { className: "flex-shrink-0 border-b border-neutral-200", children: u ? u(F, R.length) : T(F, R.length) }),
               /* @__PURE__ */ h.jsxs(
                 "div",
                 {
@@ -15786,8 +15786,8 @@ function Ly({
                           {
                             draggable: !0,
                             onDragStart: (re) => C(re, B),
-                            onDragEnd: w,
-                            onDragOver: (re) => S(re, N.id, M),
+                            onDragEnd: v,
+                            onDragOver: (re) => E(re, F.id, M),
                             onClick: () => l == null ? void 0 : l(B),
                             className: `cursor-grab active:cursor-grabbing transition-all ${V ? "opacity-50 scale-95" : ""} ${p}`,
                             children: s(B, V)
@@ -15800,7 +15800,7 @@ function Ly({
                       {
                         className: "min-h-[40px] flex-1",
                         onDragOver: (B) => {
-                          B.preventDefault(), S(B, N.id, R.length);
+                          B.preventDefault(), E(B, F.id, R.length);
                         },
                         children: D && y === R.length && /* @__PURE__ */ h.jsx("div", { className: "h-1 bg-blue-500 rounded-full mx-1 mt-1" })
                       }
@@ -15809,10 +15809,10 @@ function Ly({
                   ]
                 }
               ),
-              c && /* @__PURE__ */ h.jsx("div", { className: "flex-shrink-0 border-t border-neutral-200 p-2", children: c(N) })
+              c && /* @__PURE__ */ h.jsx("div", { className: "flex-shrink-0 border-t border-neutral-200 p-2", children: c(F) })
             ]
           },
-          N.id
+          F.id
         );
       })
     }
@@ -15860,33 +15860,33 @@ function Py({
   theme: g = {}
 }) {
   const m = { ...pg, ...g }, { allDayItems: x, timedItems: b } = ct(() => {
-    const w = [], S = [];
-    for (const F of r)
-      a(F) ? w.push(F) : S.push(F);
-    return { allDayItems: w, timedItems: S };
+    const v = [], E = [];
+    for (const N of r)
+      a(N) ? v.push(N) : E.push(N);
+    return { allDayItems: v, timedItems: E };
   }, [r, a]), y = ct(() => {
-    const w = [];
-    for (let S = t; S <= n; S++)
-      w.push(S);
-    return w;
-  }, [t, n]), _ = (n - t + 1) * i, v = X(
-    (w) => {
-      const S = s(w);
-      if (!S) return null;
-      const F = gg(S);
-      if (!F) return null;
-      const { hours: T, minutes: A } = F, N = Math.max(t, Math.min(n, T)), R = T < t ? 0 : A, D = (N - t) * i + R / 60 * i, B = o(w), M = Math.max(20, B / 60 * i);
+    const v = [];
+    for (let E = t; E <= n; E++)
+      v.push(E);
+    return v;
+  }, [t, n]), _ = (n - t + 1) * i, w = X(
+    (v) => {
+      const E = s(v);
+      if (!E) return null;
+      const N = gg(E);
+      if (!N) return null;
+      const { hours: A, minutes: T } = N, F = Math.max(t, Math.min(n, A)), R = A < t ? 0 : T, D = (F - t) * i + R / 60 * i, B = o(v), M = Math.max(20, B / 60 * i);
       return { top: D, height: M };
     },
     [s, o, t, n, i]
-  ), E = ct(() => {
+  ), S = ct(() => {
     if (!f || !yg(e)) return null;
-    const w = /* @__PURE__ */ new Date(), S = w.getHours(), F = w.getMinutes();
-    return S < t || S > n ? null : (S - t) * i + F / 60 * i;
+    const v = /* @__PURE__ */ new Date(), E = v.getHours(), N = v.getMinutes();
+    return E < t || E > n ? null : (E - t) * i + N / 60 * i;
   }, [e, f, t, n, i]), C = X(
-    (w) => {
+    (v) => {
       if (!d) return;
-      const S = w.currentTarget.getBoundingClientRect(), T = (w.clientY - S.top) / i * 60, A = Math.floor(T / 60) + t, N = Math.round(T % 60 / 15) * 15, R = Math.min(n, Math.max(t, A)), D = N >= 60 ? 0 : N, B = `${R.toString().padStart(2, "0")}:${D.toString().padStart(2, "0")}`;
+      const E = v.currentTarget.getBoundingClientRect(), A = (v.clientY - E.top) / i * 60, T = Math.floor(A / 60) + t, F = Math.round(A % 60 / 15) * 15, R = Math.min(n, Math.max(t, T)), D = F >= 60 ? 0 : F, B = `${R.toString().padStart(2, "0")}:${D.toString().padStart(2, "0")}`;
       d(B);
     },
     [d, i, t, n]
@@ -15914,20 +15914,20 @@ function Py({
               children: "All Day"
             }
           ),
-          /* @__PURE__ */ h.jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "4px" }, children: x.map((w) => /* @__PURE__ */ h.jsx(
+          /* @__PURE__ */ h.jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "4px" }, children: x.map((v) => /* @__PURE__ */ h.jsx(
             "div",
             {
-              onClick: () => c == null ? void 0 : c(w),
+              onClick: () => c == null ? void 0 : c(v),
               style: { cursor: c ? "pointer" : "default" },
-              children: u(w)
+              children: u(v)
             },
-            l(w)
+            l(v)
           )) })
         ]
       }
     ),
     /* @__PURE__ */ h.jsxs("div", { style: { position: "relative", height: _ }, children: [
-      y.map((w, S) => /* @__PURE__ */ h.jsxs("div", { style: { position: "absolute", top: S * i, left: 0, right: 0 }, children: [
+      y.map((v, E) => /* @__PURE__ */ h.jsxs("div", { style: { position: "absolute", top: E * i, left: 0, right: 0 }, children: [
         /* @__PURE__ */ h.jsx(
           "div",
           {
@@ -15941,7 +15941,7 @@ function Py({
               fontSize: "11px",
               color: m.hourTextColor
             },
-            children: mg(w)
+            children: mg(v)
           }
         ),
         /* @__PURE__ */ h.jsx(
@@ -15957,7 +15957,7 @@ function Py({
             }
           }
         ),
-        S < y.length - 1 && /* @__PURE__ */ h.jsx(
+        E < y.length - 1 && /* @__PURE__ */ h.jsx(
           "div",
           {
             style: {
@@ -15970,7 +15970,7 @@ function Py({
             }
           }
         )
-      ] }, w)),
+      ] }, v)),
       /* @__PURE__ */ h.jsx(
         "div",
         {
@@ -15985,14 +15985,14 @@ function Py({
           onClick: C
         }
       ),
-      E !== null && /* @__PURE__ */ h.jsxs(
+      S !== null && /* @__PURE__ */ h.jsxs(
         "div",
         {
           style: {
             position: "absolute",
             left: "55px",
             right: 0,
-            top: E,
+            top: S,
             zIndex: 20,
             pointerEvents: "none"
           },
@@ -16024,36 +16024,36 @@ function Py({
           ]
         }
       ),
-      b.map((w) => {
-        const S = v(w);
-        return S ? /* @__PURE__ */ h.jsx(
+      b.map((v) => {
+        const E = w(v);
+        return E ? /* @__PURE__ */ h.jsx(
           "div",
           {
             style: {
               position: "absolute",
               left: "64px",
               right: "8px",
-              top: S.top,
-              height: S.height,
+              top: E.top,
+              height: E.height,
               zIndex: 10,
               cursor: c ? "pointer" : "default"
             },
-            onClick: (F) => {
-              F.stopPropagation(), c == null || c(w);
+            onClick: (N) => {
+              N.stopPropagation(), c == null || c(v);
             },
-            children: u(w)
+            children: u(v)
           },
-          l(w)
+          l(v)
         ) : null;
       })
     ] })
   ] });
 }
 function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComplete: n, variant: i = "widget", hideSaveButton: s = !1, maxDuration: o = 180 }) {
-  const a = i === "widget", [l, u] = I("idle"), [c, d] = I(0), [f, p] = I(0), [g, m] = I(!1), [x, b] = I(0), [y, _] = I(null), [v, E] = I(!1), [C, w] = I(null), [S, F] = I(!0), [T, A] = I([]), [N, R] = I({ completed: 0, total: 0 }), D = be(!1), B = be(!0);
+  const a = i === "widget", [l, u] = I("idle"), [c, d] = I(0), [f, p] = I(0), [g, m] = I(!1), [x, b] = I(0), [y, _] = I(null), [w, S] = I(!1), [C, v] = I(null), [E, N] = I(!0), [A, T] = I([]), [F, R] = I({ completed: 0, total: 0 }), D = be(!1), B = be(!0);
   Te(() => {
-    B.current = S;
-  }, [S]);
+    B.current = E;
+  }, [E]);
   const M = be(null), O = be(null), V = be(null), U = be(null), re = be(null), q = be([]), J = be(null), W = be(null), se = be(null), ce = be(null), fe = be(!1), ge = be([]), Be = be(null), _e = be(null), Z = be([]), Ee = be([]), ie = be("insert"), Re = be(!1), Se = be(0), ke = be(0), qe = be(0), ze = (ee) => {
     const j = Math.floor(ee / 60), ue = Math.floor(ee % 60);
     return `${j.toString().padStart(2, "0")}:${ue.toString().padStart(2, "0")}`;
@@ -16138,7 +16138,7 @@ function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComple
     ge.current.push(De), ye(), fe.current && (W.current = requestAnimationFrame(Ke));
   }, z = async () => {
     try {
-      _(null), E(!1), Be.current === null && (ge.current = []);
+      _(null), S(!1), Be.current === null && (ge.current = []);
       const ee = await navigator.mediaDevices.getUserMedia({ audio: !0 });
       V.current = ee;
       const j = new AudioContext();
@@ -16174,7 +16174,7 @@ function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComple
           else
             ve = De, we = Se.current > 0 ? Se.current : 1;
           if (ce.current = ve, ee.getTracks().forEach((Ce) => Ce.stop()), B.current && t) {
-            A((Ce) => [...Ce, ve]), R((Ce) => ({ ...Ce, total: Ce.total + 1 })), ce.current = null, ge.current = [], b(0), p(0), d(0), u("idle");
+            T((Ce) => [...Ce, ve]), R((Ce) => ({ ...Ce, total: Ce.total + 1 })), ce.current = null, ge.current = [], b(0), p(0), d(0), u("idle");
             return;
           }
           const Ie = URL.createObjectURL(ve), Ve = new Audio(Ie);
@@ -16187,7 +16187,7 @@ function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComple
           _("Failed to process recording"), u("idle");
         }
       }, G.start(100), fe.current = !0, u("recording"), d(0), Se.current = 0, J.current = setInterval(() => {
-        Se.current += 1, d(Se.current), Se.current >= o && (O.current && O.current.state !== "inactive" && O.current.stop(), fe.current = !1, w(null), J.current && (clearInterval(J.current), J.current = null), W.current && (cancelAnimationFrame(W.current), W.current = null), setTimeout(() => {
+        Se.current += 1, d(Se.current), Se.current >= o && (O.current && O.current.state !== "inactive" && O.current.stop(), fe.current = !1, v(null), J.current && (clearInterval(J.current), J.current = null), W.current && (cancelAnimationFrame(W.current), W.current = null), setTimeout(() => {
           alert(`Maximum recording time of ${Math.floor(o / 60)} minutes reached.`);
         }, 100));
       }, 1e3);
@@ -16195,7 +16195,7 @@ function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComple
       _("Could not access microphone. Please allow microphone access.");
     }
   }, ae = () => {
-    fe.current = !1, E(!1), w(null), W.current && (cancelAnimationFrame(W.current), W.current = null), J.current && (clearInterval(J.current), J.current = null), O.current && O.current.state !== "inactive" && O.current.stop();
+    fe.current = !1, S(!1), v(null), W.current && (cancelAnimationFrame(W.current), W.current = null), J.current && (clearInterval(J.current), J.current = null), O.current && O.current.state !== "inactive" && O.current.stop();
   }, me = (ee) => {
     const j = M.current;
     if (!j) return;
@@ -16266,23 +16266,23 @@ function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComple
     }
   }, [l]);
   const Ye = X((ee) => {
-    A((j) => [...j, ee]), R((j) => ({ ...j, total: j.total + 1 }));
+    T((j) => [...j, ee]), R((j) => ({ ...j, total: j.total + 1 }));
   }, []);
   if (Te(() => {
     (async () => {
-      if (D.current || T.length === 0 || !t) return;
+      if (D.current || A.length === 0 || !t) return;
       D.current = !0;
-      const j = T[0];
+      const j = A[0];
       try {
         const ue = await t(j);
         ue && n && n(ue);
       } catch (ue) {
         console.error("Transcription failed:", ue);
       } finally {
-        A((ue) => ue.slice(1)), R((ue) => ({ ...ue, completed: ue.completed + 1 })), D.current = !1;
+        T((ue) => ue.slice(1)), R((ue) => ({ ...ue, completed: ue.completed + 1 })), D.current = !1;
       }
     })();
-  }, [T, t, n]), Te(() => () => {
+  }, [A, t, n]), Te(() => () => {
     fe.current = !1, J.current && clearInterval(J.current), W.current && cancelAnimationFrame(W.current), V.current && V.current.getTracks().forEach((ee) => ee.stop()), U.current && U.current.state !== "closed" && U.current.close();
   }, []), Te(() => {
     if (l === "editing" && g) {
@@ -16402,14 +16402,14 @@ function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComple
                 onClick: () => {
                   if (l === "recording") {
                     const ee = O.current;
-                    ee && (ee.state === "recording" ? (ee.pause(), E(!0)) : ee.state === "paused" && (ee.resume(), E(!1)));
+                    ee && (ee.state === "recording" ? (ee.pause(), S(!0)) : ee.state === "paused" && (ee.resume(), S(!1)));
                   } else
                     vt();
                 },
                 disabled: l === "idle",
                 style: l === "idle" ? rt : tt,
-                title: g || l === "recording" && !v ? "Pause" : "Play",
-                children: /* @__PURE__ */ h.jsx("span", { className: "material-icons", style: { fontSize: "20px", color: "#171717" }, children: g || l === "recording" && !v ? "pause" : "play_arrow" })
+                title: g || l === "recording" && !w ? "Pause" : "Play",
+                children: /* @__PURE__ */ h.jsx("span", { className: "material-icons", style: { fontSize: "20px", color: "#171717" }, children: g || l === "recording" && !w ? "pause" : "play_arrow" })
               }
             ),
             /* @__PURE__ */ h.jsx(
@@ -16427,7 +16427,7 @@ function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComple
               "button",
               {
                 onClick: () => {
-                  C === "insert" ? ae() : l === "idle" ? (w("insert"), z()) : l === "editing" && (w("insert"), wt("insert"));
+                  C === "insert" ? ae() : l === "idle" ? (v("insert"), z()) : l === "editing" && (v("insert"), wt("insert"));
                 },
                 disabled: l === "recording" && C !== "insert" || g,
                 style: l === "recording" && C !== "insert" || g ? rt : tt,
@@ -16439,10 +16439,10 @@ function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComple
               "button",
               {
                 onClick: () => {
-                  B.current || (C === "mic" ? ae() : l === "idle" ? (w("mic"), z()) : l === "editing" && (w("mic"), wt("replace")));
+                  B.current || (C === "mic" ? ae() : l === "idle" ? (v("mic"), z()) : l === "editing" && (v("mic"), wt("replace")));
                 },
                 onMouseDown: () => {
-                  B.current && l === "idle" && !g && (w("mic"), z());
+                  B.current && l === "idle" && !g && (v("mic"), z());
                 },
                 onMouseUp: () => {
                   B.current && l === "recording" && C === "mic" && ae();
@@ -16451,14 +16451,14 @@ function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComple
                   B.current && l === "recording" && C === "mic" && ae();
                 },
                 onTouchStart: () => {
-                  B.current && l === "idle" && !g && (w("mic"), z());
+                  B.current && l === "idle" && !g && (v("mic"), z());
                 },
                 onTouchEnd: () => {
                   B.current && l === "recording" && C === "mic" && ae();
                 },
                 disabled: l === "recording" && C !== "mic" || g,
                 style: l === "recording" && C !== "mic" || g ? rt : tt,
-                title: S ? "Hold to record (walkie-talkie)" : C === "mic" ? "Stop recording" : "Record",
+                title: E ? "Hold to record (walkie-talkie)" : C === "mic" ? "Stop recording" : "Record",
                 children: /* @__PURE__ */ h.jsx("span", { className: "material-icons", style: { fontSize: "20px", color: C === "mic" ? "#ef4444" : "#171717" }, children: "mic" })
               }
             ),
@@ -16466,7 +16466,7 @@ function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComple
               "button",
               {
                 onClick: () => {
-                  C === "startover" ? ae() : l === "editing" && (w("startover"), oe());
+                  C === "startover" ? ae() : l === "editing" && (v("startover"), oe());
                 },
                 disabled: l === "idle" || l === "recording" && C !== "startover" || g,
                 style: l === "idle" || l === "recording" && C !== "startover" || g ? rt : tt,
@@ -16476,7 +16476,7 @@ function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComple
             )
           ] }),
           /* @__PURE__ */ h.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-            N.total > 0 && N.completed < N.total && /* @__PURE__ */ h.jsxs("div", { style: {
+            F.total > 0 && F.completed < F.total && /* @__PURE__ */ h.jsxs("div", { style: {
               display: "flex",
               alignItems: "center",
               gap: "4px",
@@ -16487,28 +16487,28 @@ function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComple
               color: "#10b981"
             }, children: [
               /* @__PURE__ */ h.jsx("span", { className: "material-icons", style: { fontSize: "14px", animation: "spin 1s linear infinite" }, children: "sync" }),
-              N.completed,
+              F.completed,
               "/",
-              N.total
+              F.total
             ] }),
             t && /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
               /* @__PURE__ */ h.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px", marginRight: "4px" }, children: [
                 /* @__PURE__ */ h.jsx(
                   "button",
                   {
-                    onClick: () => F(!S),
+                    onClick: () => N(!E),
                     style: {
                       width: "28px",
                       height: "16px",
                       borderRadius: "8px",
                       border: "none",
-                      background: S ? "#10b981" : "#9ca3af",
+                      background: E ? "#10b981" : "#9ca3af",
                       cursor: "pointer",
                       position: "relative",
                       transition: "background 0.2s",
                       padding: 0
                     },
-                    title: S ? "Auto-transcribe ON" : "Auto-transcribe OFF",
+                    title: E ? "Auto-transcribe ON" : "Auto-transcribe OFF",
                     children: /* @__PURE__ */ h.jsx("div", { style: {
                       width: "12px",
                       height: "12px",
@@ -16516,7 +16516,7 @@ function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComple
                       background: "white",
                       position: "absolute",
                       top: "2px",
-                      left: S ? "14px" : "2px",
+                      left: E ? "14px" : "2px",
                       transition: "left 0.2s",
                       boxShadow: "0 1px 2px rgba(0,0,0,0.2)"
                     } })
@@ -16533,7 +16533,7 @@ function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComple
                   disabled: l !== "editing",
                   style: l !== "editing" ? rt : tt,
                   title: "Transcribe audio",
-                  children: /* @__PURE__ */ h.jsx("span", { className: "material-icons", style: { fontSize: "20px", color: S ? "#10b981" : "#171717" }, children: "subtitles" })
+                  children: /* @__PURE__ */ h.jsx("span", { className: "material-icons", style: { fontSize: "20px", color: E ? "#10b981" : "#171717" }, children: "subtitles" })
                 }
               )
             ] }),
@@ -16551,14 +16551,14 @@ function xg({ onComplete: r, onCancel: e, onTranscribe: t, onTranscriptionComple
         ]
       }
     ),
-    N.total > 0 && N.completed < N.total && /* @__PURE__ */ h.jsx("div", { style: {
+    F.total > 0 && F.completed < F.total && /* @__PURE__ */ h.jsx("div", { style: {
       height: "3px",
       background: "#e5e5e5",
       overflow: "hidden"
     }, children: /* @__PURE__ */ h.jsx("div", { style: {
       height: "100%",
       background: "#10b981",
-      width: `${N.completed / N.total * 100}%`,
+      width: `${F.completed / F.total * 100}%`,
       transition: "width 0.3s ease"
     } }) })
   ] });
@@ -16728,7 +16728,7 @@ function Oy({
   outputQuality: s = 0.9,
   theme: o = "dark"
 }) {
-  const a = be(null), l = be(null), u = be(null), [c, d] = I(!0), [f, p] = I(null), [g, m] = I(n), [x, b] = I(0), [y, _] = I({ x: 0, y: 0, width: 100, height: 100 }), [v, E] = I(!1), [C, w] = I(null), [S, F] = I({ x: 0, y: 0 }), [T, A] = I({ x: 0, y: 0, width: 100, height: 100 }), N = o === "dark", R = X(() => {
+  const a = be(null), l = be(null), u = be(null), [c, d] = I(!0), [f, p] = I(null), [g, m] = I(n), [x, b] = I(0), [y, _] = I({ x: 0, y: 0, width: 100, height: 100 }), [w, S] = I(!1), [C, v] = I(null), [E, N] = I({ x: 0, y: 0 }), [A, T] = I({ x: 0, y: 0, width: 100, height: 100 }), F = o === "dark", R = X(() => {
     const Z = u.current;
     return Z ? x === 90 || x === 270 ? { width: Z.height, height: Z.width } : { width: Z.width, height: Z.height } : { width: 100, height: 100 };
   }, [x]), D = X((Z, Ee) => {
@@ -16797,50 +16797,50 @@ function Oy({
     ];
     for (const ze of qe)
       if (Math.abs(Re - ze.x) < ke && Math.abs(Se - ze.y) < ke) {
-        w(ze.name), F({ x: Re, y: Se }), A({ ...y });
+        v(ze.name), N({ x: Re, y: Se }), T({ ...y });
         return;
       }
-    Re >= y.x && Re <= y.x + y.width && Se >= y.y && Se <= y.y + y.height && (E(!0), F({ x: Re, y: Se }), A({ ...y }));
+    Re >= y.x && Re <= y.x + y.width && Se >= y.y && Se <= y.y + y.height && (S(!0), N({ x: Re, y: Se }), T({ ...y }));
   }, O = (Z) => {
     const Ee = l.current;
     if (!Ee) return;
     const ie = Ee.getBoundingClientRect(), Re = (Z.clientX - ie.left) / ie.width * 100, Se = (Z.clientY - ie.top) / ie.height * 100;
-    if (v) {
-      const ke = Re - S.x, qe = Se - S.y;
-      let ze = T.x + ke, He = T.y + qe;
-      ze = Math.max(0, Math.min(ze, 100 - T.width)), He = Math.max(0, Math.min(He, 100 - T.height)), _({ ...T, x: ze, y: He });
+    if (w) {
+      const ke = Re - E.x, qe = Se - E.y;
+      let ze = A.x + ke, He = A.y + qe;
+      ze = Math.max(0, Math.min(ze, 100 - A.width)), He = Math.max(0, Math.min(He, 100 - A.height)), _({ ...A, x: ze, y: He });
     } else if (C) {
       const ke = vi[g], { width: qe, height: ze } = R(), He = qe / ze, Y = ke ? ke / He : null;
-      let L = { ...T };
-      const ye = Re - S.x, Ke = Se - S.y;
+      let L = { ...A };
+      const ye = Re - E.x, Ke = Se - E.y;
       if (C === "se")
-        L.width = Math.max(10, Math.min(100 - L.x, T.width + ye)), Y ? (L.height = L.width / Y, L.y + L.height > 100 && (L.height = 100 - L.y, L.width = L.height * Y)) : L.height = Math.max(10, Math.min(100 - L.y, T.height + Ke));
+        L.width = Math.max(10, Math.min(100 - L.x, A.width + ye)), Y ? (L.height = L.width / Y, L.y + L.height > 100 && (L.height = 100 - L.y, L.width = L.height * Y)) : L.height = Math.max(10, Math.min(100 - L.y, A.height + Ke));
       else if (C === "sw") {
-        const z = -ye, ae = Math.max(10, T.width + z), me = T.x + T.width - ae;
-        me >= 0 && (L.width = ae, L.x = me, Y ? (L.height = L.width / Y, L.y + L.height > 100 && (L.height = 100 - L.y, L.width = L.height * Y, L.x = T.x + T.width - L.width)) : L.height = Math.max(10, Math.min(100 - L.y, T.height + Ke)));
+        const z = -ye, ae = Math.max(10, A.width + z), me = A.x + A.width - ae;
+        me >= 0 && (L.width = ae, L.x = me, Y ? (L.height = L.width / Y, L.y + L.height > 100 && (L.height = 100 - L.y, L.width = L.height * Y, L.x = A.x + A.width - L.width)) : L.height = Math.max(10, Math.min(100 - L.y, A.height + Ke)));
       } else if (C === "ne")
-        if (L.width = Math.max(10, Math.min(100 - L.x, T.width + ye)), Y) {
-          const z = L.width / Y, ae = T.y + T.height - z;
-          ae >= 0 ? (L.height = z, L.y = ae) : (L.y = 0, L.height = T.y + T.height, L.width = L.height * Y);
+        if (L.width = Math.max(10, Math.min(100 - L.x, A.width + ye)), Y) {
+          const z = L.width / Y, ae = A.y + A.height - z;
+          ae >= 0 ? (L.height = z, L.y = ae) : (L.y = 0, L.height = A.y + A.height, L.width = L.height * Y);
         } else {
-          const z = -Ke, ae = Math.max(10, T.height + z), me = T.y + T.height - ae;
+          const z = -Ke, ae = Math.max(10, A.height + z), me = A.y + A.height - ae;
           me >= 0 && (L.height = ae, L.y = me);
         }
       else if (C === "nw") {
-        const z = -ye, ae = Math.max(10, T.width + z), me = T.x + T.width - ae;
+        const z = -ye, ae = Math.max(10, A.width + z), me = A.x + A.width - ae;
         if (me >= 0)
           if (L.width = ae, L.x = me, Y) {
-            const xe = L.width / Y, Ge = T.y + T.height - xe;
-            Ge >= 0 ? (L.height = xe, L.y = Ge) : (L.y = 0, L.height = T.y + T.height, L.width = L.height * Y, L.x = T.x + T.width - L.width);
+            const xe = L.width / Y, Ge = A.y + A.height - xe;
+            Ge >= 0 ? (L.height = xe, L.y = Ge) : (L.y = 0, L.height = A.y + A.height, L.width = L.height * Y, L.x = A.x + A.width - L.width);
           } else {
-            const xe = -Ke, Ge = Math.max(10, T.height + xe), vt = T.y + T.height - Ge;
+            const xe = -Ke, Ge = Math.max(10, A.height + xe), vt = A.y + A.height - Ge;
             vt >= 0 && (L.height = Ge, L.y = vt);
           }
       }
       L.x = Math.max(0, L.x), L.y = Math.max(0, L.y), L.width = Math.min(L.width, 100 - L.x), L.height = Math.min(L.height, 100 - L.y), _(L);
     }
   }, V = () => {
-    E(!1), w(null);
+    S(!1), v(null);
   }, U = (Z) => {
     b((Ee) => Z === "right" ? (Ee + 90) % 360 : (Ee - 90 + 360) % 360);
   }, re = () => {
@@ -16862,7 +16862,7 @@ function Oy({
     flexDirection: "column",
     width: "100%",
     height: "100%",
-    background: N ? "#1a1a1a" : "#f5f5f5",
+    background: F ? "#1a1a1a" : "#f5f5f5",
     overflow: "hidden"
   }, J = {
     flex: 1,
@@ -16877,8 +16877,8 @@ function Oy({
     flexDirection: "column",
     gap: "12px",
     padding: "16px",
-    borderTop: `1px solid ${N ? "#333" : "#ddd"}`,
-    background: N ? "#242424" : "#fff",
+    borderTop: `1px solid ${F ? "#333" : "#ddd"}`,
+    background: F ? "#242424" : "#fff",
     flexShrink: 0
   }, se = {
     display: "flex",
@@ -16899,14 +16899,14 @@ function Oy({
     color: "#fff"
   }, ge = {
     ...ce,
-    background: N ? "#333" : "#e5e5e5",
-    color: N ? "#fff" : "#333"
+    background: F ? "#333" : "#e5e5e5",
+    color: F ? "#fff" : "#333"
   }, Be = {
     padding: "10px",
     borderRadius: "8px",
     border: "none",
-    background: N ? "#333" : "#e5e5e5",
-    color: N ? "#fff" : "#333",
+    background: F ? "#333" : "#e5e5e5",
+    color: F ? "#fff" : "#333",
     cursor: "pointer",
     display: "flex",
     alignItems: "center",
@@ -16915,14 +16915,14 @@ function Oy({
     padding: "8px 14px",
     borderRadius: "6px",
     border: Z ? "2px solid #E67E22" : "2px solid transparent",
-    background: Z ? "#E67E22" : N ? "#333" : "#e5e5e5",
-    color: Z ? "#fff" : N ? "#ccc" : "#666",
+    background: Z ? "#E67E22" : F ? "#333" : "#e5e5e5",
+    color: Z ? "#fff" : F ? "#ccc" : "#666",
     cursor: "pointer",
     fontSize: "13px",
     fontWeight: 600,
     transition: "all 0.15s"
   });
-  return c ? /* @__PURE__ */ h.jsx("div", { style: { ...q, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ h.jsx("div", { style: { color: N ? "#aaa" : "#666" }, children: "Loading image..." }) }) : f ? /* @__PURE__ */ h.jsxs("div", { style: { ...q, alignItems: "center", justifyContent: "center" }, children: [
+  return c ? /* @__PURE__ */ h.jsx("div", { style: { ...q, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ h.jsx("div", { style: { color: F ? "#aaa" : "#666" }, children: "Loading image..." }) }) : f ? /* @__PURE__ */ h.jsxs("div", { style: { ...q, alignItems: "center", justifyContent: "center" }, children: [
     /* @__PURE__ */ h.jsx("div", { style: { color: "#ef4444" }, children: f }),
     t && /* @__PURE__ */ h.jsx("button", { onClick: t, style: { ...ge, marginTop: "16px" }, children: "Close" })
   ] }) : /* @__PURE__ */ h.jsxs("div", { ref: a, style: q, children: [
@@ -16931,7 +16931,7 @@ function Oy({
       {
         ref: l,
         style: {
-          cursor: v ? "grabbing" : C ? "nwse-resize" : "grab",
+          cursor: w ? "grabbing" : C ? "nwse-resize" : "grab",
           maxWidth: "100%",
           maxHeight: "100%"
         },
@@ -17184,10 +17184,10 @@ function Wg(r, e) {
   for (var s = i.length, o = new Array(s), a = new Array(s), l = new Array(s), u = 0; u < s; ++u) {
     var c = n[u], d = i[u], f = d.length, p = Hg(r.call(c, c && c.__data__, u, n)), g = p.length, m = a[u] = new Array(g), x = o[u] = new Array(g), b = l[u] = new Array(f);
     t(c, d, m, x, b, p, e);
-    for (var y = 0, _ = 0, v, E; y < g; ++y)
-      if (v = m[y]) {
-        for (y >= _ && (_ = y + 1); !(E = x[_]) && ++_ < g; ) ;
-        v._next = E || null;
+    for (var y = 0, _ = 0, w, S; y < g; ++y)
+      if (w = m[y]) {
+        for (y >= _ && (_ = y + 1); !(S = x[_]) && ++_ < g; ) ;
+        w._next = S || null;
       }
   }
   return o = new Ft(o, n), o._enter = a, o._exit = l, o;
@@ -18059,21 +18059,21 @@ const Am = function r(e, t, n) {
   function i(s, o) {
     var a = s[0], l = s[1], u = s[2], c = o[0], d = o[1], f = o[2], p = c - a, g = d - l, m = p * p + g * g, x, b;
     if (m < Em)
-      b = Math.log(f / u) / e, x = function(w) {
+      b = Math.log(f / u) / e, x = function(v) {
         return [
-          a + w * p,
-          l + w * g,
-          u * Math.exp(e * w * b)
+          a + v * p,
+          l + v * g,
+          u * Math.exp(e * v * b)
         ];
       };
     else {
-      var y = Math.sqrt(m), _ = (f * f - u * u + n * m) / (2 * u * t * y), v = (f * f - u * u - n * m) / (2 * f * t * y), E = Math.log(Math.sqrt(_ * _ + 1) - _), C = Math.log(Math.sqrt(v * v + 1) - v);
-      b = (C - E) / e, x = function(w) {
-        var S = w * b, F = Xa(E), T = u / (t * y) * (F * km(e * S + E) - Sm(E));
+      var y = Math.sqrt(m), _ = (f * f - u * u + n * m) / (2 * u * t * y), w = (f * f - u * u - n * m) / (2 * f * t * y), S = Math.log(Math.sqrt(_ * _ + 1) - _), C = Math.log(Math.sqrt(w * w + 1) - w);
+      b = (C - S) / e, x = function(v) {
+        var E = v * b, N = Xa(S), A = u / (t * y) * (N * km(e * E + S) - Sm(S));
         return [
-          a + T * p,
-          l + T * g,
-          u * F / Xa(e * S + E)
+          a + A * p,
+          l + A * g,
+          u * N / Xa(e * E + S)
         ];
       };
     }
@@ -18752,11 +18752,11 @@ function H2(r, e, t) {
 function V2() {
   var r = $2, e = q2, t = H2, n = U2, i = W2, s = [0, 1 / 0], o = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], a = 250, l = Am, u = cl("start", "zoom", "end"), c, d, f, p = 500, g = 150, m = 0, x = 10;
   function b(D) {
-    D.property("__zoom", ru).on("wheel.zoom", S, { passive: !1 }).on("mousedown.zoom", F).on("dblclick.zoom", T).filter(i).on("touchstart.zoom", A).on("touchmove.zoom", N).on("touchend.zoom touchcancel.zoom", R).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+    D.property("__zoom", ru).on("wheel.zoom", E, { passive: !1 }).on("mousedown.zoom", N).on("dblclick.zoom", A).filter(i).on("touchstart.zoom", T).on("touchmove.zoom", F).on("touchend.zoom touchcancel.zoom", R).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
   b.transform = function(D, B, M, O) {
     var V = D.selection ? D.selection() : D;
-    V.property("__zoom", ru), D !== V ? E(D, B, M, O) : V.interrupt().each(function() {
+    V.property("__zoom", ru), D !== V ? S(D, B, M, O) : V.interrupt().each(function() {
       C(this, arguments).event(O).start().zoom(null, typeof B == "function" ? B.apply(this, arguments) : B).end();
     });
   }, b.scaleBy = function(D, B, M, O) {
@@ -18766,7 +18766,7 @@ function V2() {
     }, M, O);
   }, b.scaleTo = function(D, B, M, O) {
     b.transform(D, function() {
-      var V = e.apply(this, arguments), U = this.__zoom, re = M == null ? v(V) : typeof M == "function" ? M.apply(this, arguments) : M, q = U.invert(re), J = typeof B == "function" ? B.apply(this, arguments) : B;
+      var V = e.apply(this, arguments), U = this.__zoom, re = M == null ? w(V) : typeof M == "function" ? M.apply(this, arguments) : M, q = U.invert(re), J = typeof B == "function" ? B.apply(this, arguments) : B;
       return t(_(y(U, J), re, q), V, o);
     }, M, O);
   }, b.translateBy = function(D, B, M, O) {
@@ -18778,7 +18778,7 @@ function V2() {
     }, null, O);
   }, b.translateTo = function(D, B, M, O, V) {
     b.transform(D, function() {
-      var U = e.apply(this, arguments), re = this.__zoom, q = O == null ? v(U) : typeof O == "function" ? O.apply(this, arguments) : O;
+      var U = e.apply(this, arguments), re = this.__zoom, q = O == null ? w(U) : typeof O == "function" ? O.apply(this, arguments) : O;
       return t(ls.translate(q[0], q[1]).scale(re.k).translate(
         typeof B == "function" ? -B.apply(this, arguments) : -B,
         typeof M == "function" ? -M.apply(this, arguments) : -M
@@ -18792,16 +18792,16 @@ function V2() {
     var O = B[0] - M[0] * D.k, V = B[1] - M[1] * D.k;
     return O === D.x && V === D.y ? D : new ar(D.k, O, V);
   }
-  function v(D) {
+  function w(D) {
     return [(+D[0][0] + +D[1][0]) / 2, (+D[0][1] + +D[1][1]) / 2];
   }
-  function E(D, B, M, O) {
+  function S(D, B, M, O) {
     D.on("start.zoom", function() {
       C(this, arguments).event(O).start();
     }).on("interrupt.zoom end.zoom", function() {
       C(this, arguments).event(O).end();
     }).tween("zoom", function() {
-      var V = this, U = arguments, re = C(V, U).event(O), q = e.apply(V, U), J = M == null ? v(q) : typeof M == "function" ? M.apply(V, U) : M, W = Math.max(q[1][0] - q[0][0], q[1][1] - q[0][1]), se = V.__zoom, ce = typeof B == "function" ? B.apply(V, U) : B, fe = l(se.invert(J).concat(W / se.k), ce.invert(J).concat(W / ce.k));
+      var V = this, U = arguments, re = C(V, U).event(O), q = e.apply(V, U), J = M == null ? w(q) : typeof M == "function" ? M.apply(V, U) : M, W = Math.max(q[1][0] - q[0][0], q[1][1] - q[0][1]), se = V.__zoom, ce = typeof B == "function" ? B.apply(V, U) : B, fe = l(se.invert(J).concat(W / se.k), ce.invert(J).concat(W / ce.k));
       return function(ge) {
         if (ge === 1) ge = ce;
         else {
@@ -18813,12 +18813,12 @@ function V2() {
     });
   }
   function C(D, B, M) {
-    return !M && D.__zooming || new w(D, B);
+    return !M && D.__zooming || new v(D, B);
   }
-  function w(D, B) {
+  function v(D, B) {
     this.that = D, this.args = B, this.active = 0, this.sourceEvent = null, this.extent = e.apply(D, B), this.taps = 0;
   }
-  w.prototype = {
+  v.prototype = {
     event: function(D) {
       return D && (this.sourceEvent = D), this;
     },
@@ -18846,7 +18846,7 @@ function V2() {
       );
     }
   };
-  function S(D, ...B) {
+  function E(D, ...B) {
     if (!r.apply(this, arguments)) return;
     var M = C(this, B).event(D), O = this.__zoom, V = Math.max(s[0], Math.min(s[1], O.k * Math.pow(2, n.apply(this, arguments)))), U = kr(D);
     if (M.wheel)
@@ -18860,7 +18860,7 @@ function V2() {
       M.wheel = null, M.end();
     }
   }
-  function F(D, ...B) {
+  function N(D, ...B) {
     if (f || !r.apply(this, arguments)) return;
     var M = D.currentTarget, O = C(this, B, !0).event(D), V = $t(D.view).on("mousemove.zoom", J, !0).on("mouseup.zoom", W, !0), U = kr(D, M), re = D.clientX, q = D.clientY;
     tm(D.view), Xs(D), O.mouse = [U, this.__zoom.invert(U)], Ni(this), O.start();
@@ -18875,13 +18875,13 @@ function V2() {
       V.on("mousemove.zoom mouseup.zoom", null), rm(se.view, O.moved), Cn(se), O.event(se).end();
     }
   }
-  function T(D, ...B) {
+  function A(D, ...B) {
     if (r.apply(this, arguments)) {
       var M = this.__zoom, O = kr(D.changedTouches ? D.changedTouches[0] : D, this), V = M.invert(O), U = M.k * (D.shiftKey ? 0.5 : 2), re = t(_(y(M, U), O, V), e.apply(this, B), o);
-      Cn(D), a > 0 ? $t(this).transition().duration(a).call(E, re, O, D) : $t(this).call(b.transform, re, O, D);
+      Cn(D), a > 0 ? $t(this).transition().duration(a).call(S, re, O, D) : $t(this).call(b.transform, re, O, D);
     }
   }
-  function A(D, ...B) {
+  function T(D, ...B) {
     if (r.apply(this, arguments)) {
       var M = D.touches, O = M.length, V = C(this, B, D.changedTouches.length === O).event(D), U, re, q, J;
       for (Xs(D), re = 0; re < O; ++re)
@@ -18891,7 +18891,7 @@ function V2() {
       }, p)), Ni(this), V.start());
     }
   }
-  function N(D, ...B) {
+  function F(D, ...B) {
     if (this.__zooming) {
       var M = C(this, B).event(D), O = D.changedTouches, V = O.length, U, re, q, J;
       for (Cn(D), U = 0; U < V; ++U)
@@ -18986,8 +18986,8 @@ function G2(r = {}) {
   }, [o]);
   const d = X((x, b, y, _ = !0) => {
     if (!a.current || !l.current) return;
-    const v = $t(a.current), E = ls.translate(x, b).scale(y);
-    v.call(l.current.transform, E);
+    const w = $t(a.current), S = ls.translate(x, b).scale(y);
+    w.call(l.current.transform, S);
   }, []), f = X(() => {
     !a.current || !l.current || $t(a.current).call(l.current.scaleBy, 1.3);
   }, []), p = X(() => {
@@ -18997,13 +18997,13 @@ function G2(r = {}) {
   }, [d]), m = X((x, b = 50) => {
     if (!a.current || !l.current || x.length === 0) return;
     const _ = a.current.getBoundingClientRect();
-    let v = 1 / 0, E = 1 / 0, C = -1 / 0, w = -1 / 0;
+    let w = 1 / 0, S = 1 / 0, C = -1 / 0, v = -1 / 0;
     for (const O of x) {
       const V = O.width || 200, U = O.height || 100;
-      v = Math.min(v, O.x), E = Math.min(E, O.y), C = Math.max(C, O.x + V), w = Math.max(w, O.y + U);
+      w = Math.min(w, O.x), S = Math.min(S, O.y), C = Math.max(C, O.x + V), v = Math.max(v, O.y + U);
     }
-    const S = C - v, F = w - E, T = (_.width - b * 2) / S, A = (_.height - b * 2) / F, N = Math.min(T, A, t), R = (v + C) / 2, D = (E + w) / 2, B = _.width / 2 - R * N, M = _.height / 2 - D * N;
-    d(B, M, N, !0);
+    const E = C - w, N = v - S, A = (_.width - b * 2) / E, T = (_.height - b * 2) / N, F = Math.min(A, T, t), R = (w + C) / 2, D = (S + v) / 2, B = _.width / 2 - R * F, M = _.height / 2 - D * F;
+    d(B, M, F, !0);
   }, [t, d]);
   return {
     transform: u,
@@ -19026,26 +19026,26 @@ function K2(r) {
   Te(() => {
     g.current = e;
   }, [e]);
-  const m = X((_, v) => {
-    const E = g.current;
+  const m = X((_, w) => {
+    const S = g.current;
     return {
-      x: (_ - E.x) / E.k,
-      y: (v - E.y) / E.k
+      x: (_ - S.x) / S.k,
+      y: (w - S.y) / S.k
     };
-  }, []), x = X((_, v) => {
+  }, []), x = X((_, w) => {
     if (s) return;
-    v.preventDefault(), v.stopPropagation();
-    const E = v.currentTarget, C = parseFloat(E.dataset.x || "0"), w = parseFloat(E.dataset.y || "0");
+    w.preventDefault(), w.stopPropagation();
+    const S = w.currentTarget, C = parseFloat(S.dataset.x || "0"), v = parseFloat(S.dataset.y || "0");
     f.current = {
-      x: v.clientX,
-      y: v.clientY,
+      x: w.clientX,
+      y: w.clientY,
       nodeX: C,
-      nodeY: w
-    }, p.current = { x: C, y: w }, a(_), u(!0), d({ x: 0, y: 0 }), t == null || t(_);
+      nodeY: v
+    }, p.current = { x: C, y: v }, a(_), u(!0), d({ x: 0, y: 0 }), t == null || t(_);
   }, [s, m, t]), b = X((_) => {
     if (!l || !o || !f.current) return;
-    const v = g.current, E = f.current, C = _.clientX - E.x, w = _.clientY - E.y, S = C / v.k, F = w / v.k, T = E.nodeX + S, A = E.nodeY + F;
-    p.current = { x: T, y: A }, d({ x: S, y: F }), n == null || n(o, T, A, S, F);
+    const w = g.current, S = f.current, C = _.clientX - S.x, v = _.clientY - S.y, E = C / w.k, N = v / w.k, A = S.nodeX + E, T = S.nodeY + N;
+    p.current = { x: A, y: T }, d({ x: E, y: N }), n == null || n(o, A, T, E, N);
   }, [l, o, n]), y = X(() => {
     if (!l || !o) return;
     const _ = p.current;
@@ -19053,13 +19053,13 @@ function K2(r) {
   }, [l, o, i]);
   return Te(() => {
     if (!l) return;
-    const _ = (E) => {
-      b(E);
-    }, v = () => {
+    const _ = (S) => {
+      b(S);
+    }, w = () => {
       y();
     };
-    return window.addEventListener("mousemove", _), window.addEventListener("mouseup", v), () => {
-      window.removeEventListener("mousemove", _), window.removeEventListener("mouseup", v);
+    return window.addEventListener("mousemove", _), window.addEventListener("mouseup", w), () => {
+      window.removeEventListener("mousemove", _), window.removeEventListener("mouseup", w);
     };
   }, [l, b, y]), {
     draggedNodeId: o,
@@ -19077,43 +19077,43 @@ function Y2(r) {
     disabled: n = !1,
     controlledSelectedIds: i,
     onSelectionChange: s
-  } = r, [o, a] = I(/* @__PURE__ */ new Set()), l = i !== void 0, u = l ? new Set(i) : o, c = l ? (T) => {
-    const A = typeof T == "function" ? T(u) : T;
-    s == null || s(Array.from(A));
+  } = r, [o, a] = I(/* @__PURE__ */ new Set()), l = i !== void 0, u = l ? new Set(i) : o, c = l ? (A) => {
+    const T = typeof A == "function" ? A(u) : A;
+    s == null || s(Array.from(T));
   } : a, [d, f] = I(null), [p, g] = I(!1), m = be(null), x = be(e), b = be(t);
   Te(() => {
     x.current = e;
   }, [e]), Te(() => {
     b.current = t;
   }, [t]);
-  const y = X((T, A) => {
-    const N = x.current;
+  const y = X((A, T) => {
+    const F = x.current;
     return {
-      x: (T - N.x) / N.k,
-      y: (A - N.y) / N.k
+      x: (A - F.x) / F.k,
+      y: (T - F.y) / F.k
     };
-  }, []), _ = X((T, A) => {
-    const N = b.current.get(T);
-    if (!N) return !1;
-    const R = N.width || 200, D = N.height || 100;
-    return N.x < A.x + A.width && N.x + R > A.x && N.y < A.y + A.height && N.y + D > A.y;
-  }, []), v = X((T) => {
-    if (n || T.target.closest("[data-qmap-node]")) return;
-    T.preventDefault();
-    const N = y(T.clientX, T.clientY);
-    m.current = N, f({
-      x: N.x,
-      y: N.y,
+  }, []), _ = X((A, T) => {
+    const F = b.current.get(A);
+    if (!F) return !1;
+    const R = F.width || 200, D = F.height || 100;
+    return F.x < T.x + T.width && F.x + R > T.x && F.y < T.y + T.height && F.y + D > T.y;
+  }, []), w = X((A) => {
+    if (n || A.target.closest("[data-qmap-node]")) return;
+    A.preventDefault();
+    const F = y(A.clientX, A.clientY);
+    m.current = F, f({
+      x: F.x,
+      y: F.y,
       width: 0,
       height: 0
-    }), g(!0), T.shiftKey || c(/* @__PURE__ */ new Set());
-  }, [n, y]), E = X((T) => {
+    }), g(!0), A.shiftKey || c(/* @__PURE__ */ new Set());
+  }, [n, y]), S = X((A) => {
     if (!p || !m.current) return;
-    const A = m.current, N = y(T.clientX, T.clientY), R = {
-      x: Math.min(A.x, N.x),
-      y: Math.min(A.y, N.y),
-      width: Math.abs(N.x - A.x),
-      height: Math.abs(N.y - A.y)
+    const T = m.current, F = y(A.clientX, A.clientY), R = {
+      x: Math.min(T.x, F.x),
+      y: Math.min(T.y, F.y),
+      width: Math.abs(F.x - T.x),
+      height: Math.abs(F.y - T.y)
     };
     f(R);
     const D = /* @__PURE__ */ new Set();
@@ -19125,24 +19125,24 @@ function Y2(r) {
   }, [p, u, s]);
   Te(() => {
     if (!p) return;
-    const T = (N) => {
-      E(N);
-    }, A = () => {
+    const A = (F) => {
+      S(F);
+    }, T = () => {
       C();
     };
-    return window.addEventListener("mousemove", T), window.addEventListener("mouseup", A), () => {
-      window.removeEventListener("mousemove", T), window.removeEventListener("mouseup", A);
+    return window.addEventListener("mousemove", A), window.addEventListener("mouseup", T), () => {
+      window.removeEventListener("mousemove", A), window.removeEventListener("mouseup", T);
     };
-  }, [p, E, C]);
-  const w = X((T, A = !1) => {
-    c((N) => {
-      const R = new Set(A ? N : []);
-      return N.has(T) && A ? R.delete(T) : R.add(T), s == null || s(Array.from(R)), R;
+  }, [p, S, C]);
+  const v = X((A, T = !1) => {
+    c((F) => {
+      const R = new Set(T ? F : []);
+      return F.has(A) && T ? R.delete(A) : R.add(A), s == null || s(Array.from(R)), R;
     });
-  }, [s]), S = X(() => {
-    const T = new Set(b.current.keys());
-    c(T), s == null || s(Array.from(T));
-  }, [s]), F = X(() => {
+  }, [s]), E = X(() => {
+    const A = new Set(b.current.keys());
+    c(A), s == null || s(Array.from(A));
+  }, [s]), N = X(() => {
     c(/* @__PURE__ */ new Set()), s == null || s([]);
   }, [s]);
   return {
@@ -19150,12 +19150,12 @@ function Y2(r) {
     setSelectedIds: c,
     selectionBox: d,
     isSelecting: p,
-    startSelection: v,
-    updateSelection: E,
+    startSelection: w,
+    updateSelection: S,
     endSelection: C,
-    toggleSelect: w,
-    selectAll: S,
-    clearSelection: F
+    toggleSelect: v,
+    selectAll: E,
+    clearSelection: N
   };
 }
 const Q2 = as(function({
@@ -19473,15 +19473,15 @@ function Gy({
   initialTransform: b,
   defaultEdgeStyle: y = oy,
   defaultEdgeColor: _ = ly,
-  defaultEdgeWidth: v = ay,
-  draggable: E = !0,
+  defaultEdgeWidth: w = ay,
+  draggable: S = !0,
   selectable: C = !0,
-  zoomable: w = !0,
-  pannable: S = !0,
-  className: F = "",
-  style: T,
-  background: A = "#f8fafc",
-  showGrid: N = !1,
+  zoomable: v = !0,
+  pannable: E = !0,
+  className: N = "",
+  style: A,
+  background: T = "#f8fafc",
+  showGrid: F = !1,
   gridSize: R = 20
 }) {
   const D = r.data || { positions: {} }, B = D.positions || {}, M = ct(() => {
@@ -19509,8 +19509,8 @@ function Gy({
     minZoom: m,
     maxZoom: x,
     initialTransform: b || D.transform,
-    zoomable: w,
-    pannable: S,
+    zoomable: v,
+    pannable: E,
     onTransformChange: (Y) => {
       g == null || g(Y);
       const L = {
@@ -19526,7 +19526,7 @@ function Gy({
     // endDrag - handled internally by hook
   } = K2({
     transform: O,
-    disabled: !E,
+    disabled: !S,
     onDragStart: (Y) => {
       const L = M.get(Y);
       L && se(/* @__PURE__ */ new Map([[Y, { x: L.x, y: L.y }]]));
@@ -19565,7 +19565,7 @@ function Gy({
     Y.target.closest("[data-qmap-node]") || ie();
   }, [ie]), ze = X((Y) => {
     Y.button === 0 && (Y.target.closest("[data-qmap-node]") || Z(Y));
-  }, [Z]), He = N ? `
+  }, [Z]), He = F ? `
     linear-gradient(to right, rgba(0,0,0,0.05) 1px, transparent 1px),
     linear-gradient(to bottom, rgba(0,0,0,0.05) 1px, transparent 1px)
   ` : void 0;
@@ -19573,17 +19573,17 @@ function Gy({
     "div",
     {
       ref: V,
-      className: `qmap-container ${F}`,
+      className: `qmap-container ${N}`,
       style: {
         position: "relative",
         width: "100%",
         height: "100%",
         overflow: "hidden",
-        background: A,
+        background: T,
         backgroundImage: He,
-        backgroundSize: N ? `${R}px ${R}px` : void 0,
-        cursor: _e ? "crosshair" : S ? "grab" : "default",
-        ...T
+        backgroundSize: F ? `${R}px ${R}px` : void 0,
+        cursor: _e ? "crosshair" : E ? "grab" : "default",
+        ...A
       },
       onMouseDown: ze,
       onClick: qe,
@@ -19606,7 +19606,7 @@ function Gy({
                   nodePositions: Se,
                   defaultStyle: y,
                   defaultColor: _,
-                  defaultWidth: v,
+                  defaultWidth: w,
                   onEdgeClick: f
                 }
               ),
@@ -19619,7 +19619,7 @@ function Gy({
                     position: L,
                     isSelected: ye,
                     isDragging: Ke,
-                    draggable: E,
+                    draggable: S,
                     onDragStart: fe,
                     onClick: (z) => ke(Y, z),
                     onDoubleClick: (z) => l == null ? void 0 : l(Y, z),