eddyter 1.4.1 → 1.4.2

package/dist/{index-CoePV4Hh.js → index-CXbW2YzF.js}

@@ -1,59 +1,59 @@
-import { jsx as r, jsxs as f, Fragment as Tt } from "react/jsx-runtime";
-import { I as Ae } from "./ImageResizer-Bt7kgv0a.js";
-import { CodeNode as Xt } from "@lexical/code";
-import { LinkNode as Bt } from "@lexical/link";
-import { AutoFocusPlugin as De } from "@lexical/react/LexicalAutoFocusPlugin";
-import { useCollaborationContext as Le } from "@lexical/react/LexicalCollaborationContext";
-import { useLexicalComposerContext as $e } from "@lexical/react/LexicalComposerContext";
-import { ContentEditable as Ut } from "@lexical/react/LexicalContentEditable";
-import { LexicalErrorBoundary as Kt } from "@lexical/react/LexicalErrorBoundary";
-import { HistoryPlugin as qt } from "@lexical/react/LexicalHistoryPlugin";
-import { LexicalNestedComposer as Gt } from "@lexical/react/LexicalNestedComposer";
-import { OnChangePlugin as Vt } from "@lexical/react/LexicalOnChangePlugin";
-import { RichTextPlugin as Jt } from "@lexical/react/LexicalRichTextPlugin";
-import { useLexicalEditable as We } from "@lexical/react/useLexicalEditable";
-import { useLexicalNodeSelection as Te } from "@lexical/react/useLexicalNodeSelection";
-import { mergeRegister as _e } from "@lexical/utils";
-import { RootNode as Qt, TextNode as Zt, LineBreakNode as te, ParagraphNode as ee, $getSelection as et, $isNodeSelection as ct, $isParagraphNode as Pt, $setSelection as gt, $isRangeSelection as je, SELECTION_CHANGE_COMMAND as Ye, COMMAND_PRIORITY_LOW as K, CLICK_COMMAND as Oe, DRAGSTART_COMMAND as He, KEY_DELETE_COMMAND as Fe, KEY_BACKSPACE_COMMAND as Xe, KEY_ENTER_COMMAND as Be, KEY_ESCAPE_COMMAND as Ue, $getNodeByKey as rt, createCommand as Ke } from "lexical";
-import ht, { useState as S, useRef as G, useMemo as _t, useCallback as I, useEffect as V, useLayoutEffect as qe, Suspense as Ge } from "react";
-import { c as ft, D as re, a as oe, b as ie, d as ae, e as ne, f as se, B as jt, L as de, i as ce, C as xt, I as Ve, S as Je, u as Qe, $ as q, t as z, g as Ze, h as tr, W as er, j as rr, A as or, k as ir, l as ar, T as nr, m as sr, n as dr, E as cr, o as lr, p as ur, q as mr, r as gr } from "./index-DEq8XY_W.js";
+import { jsx as r, jsxs as h, Fragment as Ft } from "react/jsx-runtime";
+import { I as Ye } from "./ImageResizer-Bt7kgv0a.js";
+import { CodeNode as Jt } from "@lexical/code";
+import { LinkNode as Qt } from "@lexical/link";
+import { AutoFocusPlugin as _e } from "@lexical/react/LexicalAutoFocusPlugin";
+import { useCollaborationContext as Oe } from "@lexical/react/LexicalCollaborationContext";
+import { useLexicalComposerContext as He } from "@lexical/react/LexicalComposerContext";
+import { ContentEditable as Zt } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary as te } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as ee } from "@lexical/react/LexicalHistoryPlugin";
+import { LexicalNestedComposer as re } from "@lexical/react/LexicalNestedComposer";
+import { OnChangePlugin as oe } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as ie } from "@lexical/react/LexicalRichTextPlugin";
+import { useLexicalEditable as Fe } from "@lexical/react/useLexicalEditable";
+import { useLexicalNodeSelection as Xe } from "@lexical/react/useLexicalNodeSelection";
+import { mergeRegister as Be } from "@lexical/utils";
+import { RootNode as ae, TextNode as ne, LineBreakNode as se, ParagraphNode as de, $isNodeSelection as at, $getSelection as nt, $isParagraphNode as $t, $setSelection as bt, $isRangeSelection as Ue, SELECTION_CHANGE_COMMAND as Ke, COMMAND_PRIORITY_LOW as Q, CLICK_COMMAND as qe, DRAGSTART_COMMAND as Ge, KEY_DELETE_COMMAND as Ve, KEY_BACKSPACE_COMMAND as Je, KEY_ENTER_COMMAND as Qe, KEY_ESCAPE_COMMAND as Ze, $getNodeByKey as st, createCommand as tr } from "lexical";
+import yt, { useState as I, useRef as K, useMemo as Xt, useCallback as S, useEffect as tt, useLayoutEffect as Bt, Suspense as er } from "react";
+import { c as xt, D as ce, a as le, b as ue, d as me, e as ge, f as fe, B as Ut, L as he, i as pe, C as Et, I as rr, S as or, u as ir, $ as Z, t as M, g as ar, h as nr, j as sr, W as dr, k as cr, A as lr, l as ur, m as mr, T as gr, n as fr, o as hr, E as pr, p as br, X as yr, q as xr, r as vr, s as wr } from "./index-TGGbJHQ1.js";
 import "react-dom";
-const le = ft("Crop", [
+const be = xt("Crop", [
   ["path", { d: "M6 2v14a2 2 0 0 0 2 2h14", key: "ron5a4" }],
   ["path", { d: "M18 22V8a2 2 0 0 0-2-2H2", key: "7s9ehn" }]
 ]);
-const hr = ft("Link2", [
+const Cr = xt("Link2", [
   ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
   ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
   ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
 ]);
-const Yt = ft("RectangleHorizontal", [
+const Kt = xt("RectangleHorizontal", [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }]
 ]);
-const Ot = ft("RectangleVertical", [
+const qt = xt("RectangleVertical", [
   ["rect", { width: "12", height: "20", x: "6", y: "2", rx: "2", key: "1oxtiu" }]
 ]);
-const fr = ft("RotateCcw", [
+const Nr = xt("RotateCcw", [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-]), pr = ({
+]), kr = ({
   open: i,
   onOpenChange: o,
   oldImageUrl: e,
   newImageUrl: d,
-  onReplace: C,
-  onCancel: y
-}) => /* @__PURE__ */ r(re, { open: i, onOpenChange: o, children: /* @__PURE__ */ f(oe, { className: "sm:max-w-[800px] max-h-[90vh] overflow-y-auto", children: [
-  /* @__PURE__ */ f(ie, { children: [
-    /* @__PURE__ */ f(ae, { className: "flex items-center gap-2 text-xl", children: [
+  onReplace: w,
+  onCancel: x
+}) => /* @__PURE__ */ r(ce, { open: i, onOpenChange: o, children: /* @__PURE__ */ h(le, { className: "sm:max-w-[800px] max-h-[90vh] overflow-y-auto", children: [
+  /* @__PURE__ */ h(ue, { children: [
+    /* @__PURE__ */ h(me, { className: "flex items-center gap-2 text-xl", children: [
       /* @__PURE__ */ r("span", { className: "text-2xl", children: "🔄" }),
       "Compare Images"
     ] }),
-    /* @__PURE__ */ r(ne, { className: "text-sm pt-1", children: "Choose whether to replace the original image with the refined version." })
+    /* @__PURE__ */ r(ge, { className: "text-sm pt-1", children: "Choose whether to replace the original image with the refined version." })
   ] }),
-  /* @__PURE__ */ f("div", { className: "space-y-4 py-4", children: [
-    /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ f("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ f("div", { className: "flex items-center justify-between", children: [
+  /* @__PURE__ */ h("div", { className: "space-y-4 py-4", children: [
+    /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ h("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ h("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ r("span", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300", children: "Refined Image" }),
         /* @__PURE__ */ r("span", { className: "text-xs px-2 py-1 rounded-full bg-blue-100 dark:bg-blue-950/30 text-blue-600 dark:text-blue-400", children: "New" })
       ] }),
@@ -66,24 +66,24 @@ const fr = ft("RotateCcw", [
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ r("div", { className: "p-3 rounded-lg bg-blue-50 dark:bg-blue-950/20 border border-blue-200 dark:border-blue-800", children: /* @__PURE__ */ f("p", { className: "text-sm text-blue-800 dark:text-blue-200", children: [
+    /* @__PURE__ */ r("div", { className: "p-3 rounded-lg bg-blue-50 dark:bg-blue-950/20 border border-blue-200 dark:border-blue-800", children: /* @__PURE__ */ h("p", { className: "text-sm text-blue-800 dark:text-blue-200", children: [
       /* @__PURE__ */ r("span", { className: "font-semibold", children: "Note:" }),
       ' Clicking "Replace" will update the image in your document. This action cannot be undone.'
     ] }) })
   ] }),
-  /* @__PURE__ */ f(se, { className: "gap-2", children: [
+  /* @__PURE__ */ h(fe, { className: "gap-2", children: [
     /* @__PURE__ */ r(
-      jt,
+      Ut,
       {
         variant: "outline",
-        onClick: y,
+        onClick: x,
         children: "Keep Original"
       }
     ),
-    /* @__PURE__ */ f(
-      jt,
+    /* @__PURE__ */ h(
+      Ut,
       {
-        onClick: C,
+        onClick: w,
         className: "bg-blue-500 hover:bg-blue-600 text-white",
         children: [
           /* @__PURE__ */ r("span", { className: "mr-2", children: "✓" }),
@@ -93,27 +93,27 @@ const fr = ft("RotateCcw", [
     )
   ] })
 ] }) });
-function br({
+function Rr({
   caption: i
 }) {
-  return /* @__PURE__ */ r("div", { className: "signature-caption-container", children: /* @__PURE__ */ f(
-    Gt,
+  return /* @__PURE__ */ r("div", { className: "signature-caption-container", children: /* @__PURE__ */ h(
+    re,
     {
       initialEditor: i,
       initialNodes: [
+        ae,
+        ne,
+        se,
+        de,
         Qt,
-        Zt,
-        te,
-        ee,
-        Bt,
-        Xt
+        Jt
       ],
       children: [
         /* @__PURE__ */ r(
-          Jt,
+          ie,
           {
             contentEditable: /* @__PURE__ */ r(
-              Ut,
+              Zt,
               {
                 "aria-placeholder": "Enter signature name...",
                 placeholder: /* @__PURE__ */ r("div", { style: {
@@ -129,30 +129,30 @@ function br({
                 className: "signature-caption-editable"
               }
             ),
-            ErrorBoundary: Kt
+            ErrorBoundary: te
           }
         ),
-        /* @__PURE__ */ r(Vt, { onChange: () => {
+        /* @__PURE__ */ r(oe, { onChange: () => {
         } }),
-        /* @__PURE__ */ r(qt, {}),
-        /* @__PURE__ */ r(de, { namespace: ce.namespace })
+        /* @__PURE__ */ r(ee, {}),
+        /* @__PURE__ */ r(he, { namespace: pe.namespace })
       ]
     }
   ) });
 }
-const yr = "/transform-image/";
-function lt(i) {
-  if (!xt || i.startsWith("data:") || i.toLowerCase().endsWith(".svg"))
+const Er = "/transform-image/";
+function gt(i) {
+  if (!Et || i.startsWith("data:") || i.toLowerCase().endsWith(".svg"))
     return !1;
   try {
-    const o = new URL(i).origin, e = new URL(xt).origin;
+    const o = new URL(i).origin, e = new URL(Et).origin;
     return o === e;
   } catch {
     return !1;
   }
 }
-function ue(i) {
-  if (!lt(i))
+function ye(i) {
+  if (!gt(i))
     return null;
   try {
     const e = new URL(i).pathname.replace(/^\//, ""), d = "transform-image/";
@@ -161,17 +161,17 @@ function ue(i) {
     return null;
   }
 }
-function xr(i, o) {
-  if (!lt(i))
+function Ir(i, o) {
+  if (!gt(i))
     return i;
-  const e = ue(i);
+  const e = ye(i);
   if (!e)
     return i;
   const d = `${o.x},${o.y},${o.width},${o.height}`;
-  return `${xt.replace(/\/$/, "")}${yr}${e}?crop=${d}`;
+  return `${Et.replace(/\/$/, "")}${Er}${e}?crop=${d}`;
 }
-function Ht(i) {
-  if (!lt(i))
+function Gt(i) {
+  if (!gt(i))
     return i;
   try {
     const o = new URL(i);
@@ -180,21 +180,21 @@ function Ht(i) {
     return i;
   }
 }
-function yt(i) {
-  if (!lt(i))
-    return Ht(i);
-  const o = ue(i);
-  return o ? `${xt.replace(/\/$/, "")}/${o}` : Ht(i);
+function kt(i) {
+  if (!gt(i))
+    return Gt(i);
+  const o = ye(i);
+  return o ? `${Et.replace(/\/$/, "")}/${o}` : Gt(i);
 }
-function vr(i) {
+function Pr(i) {
   if (typeof document > "u")
     return;
   let o = document.head || document.getElementsByTagName("head")[0], e = document.createElement("style");
   e.type = "text/css", o.appendChild(e), e.styleSheet ? e.styleSheet.cssText = i : e.appendChild(document.createTextNode(i));
 }
 Array(12).fill(0);
-let St = 1;
-class wr {
+let Tt = 1;
+class Sr {
   constructor() {
     this.subscribe = (o) => (this.subscribers.push(o), () => {
       const e = this.subscribers.indexOf(o);
@@ -208,24 +208,24 @@ class wr {
       ];
     }, this.create = (o) => {
       var e;
-      const { message: d, ...C } = o, y = typeof o?.id == "number" || ((e = o.id) == null ? void 0 : e.length) > 0 ? o.id : St++, L = this.toasts.find((k) => k.id === y), P = o.dismissible === void 0 ? !0 : o.dismissible;
-      return this.dismissedToasts.has(y) && this.dismissedToasts.delete(y), L ? this.toasts = this.toasts.map((k) => k.id === y ? (this.publish({
-        ...k,
+      const { message: d, ...w } = o, x = typeof o?.id == "number" || ((e = o.id) == null ? void 0 : e.length) > 0 ? o.id : Tt++, L = this.toasts.find((N) => N.id === x), P = o.dismissible === void 0 ? !0 : o.dismissible;
+      return this.dismissedToasts.has(x) && this.dismissedToasts.delete(x), L ? this.toasts = this.toasts.map((N) => N.id === x ? (this.publish({
+        ...N,
         ...o,
-        id: y,
+        id: x,
         title: d
       }), {
-        ...k,
+        ...N,
         ...o,
-        id: y,
+        id: x,
         dismissible: P,
         title: d
-      }) : k) : this.addToast({
+      }) : N) : this.addToast({
         title: d,
-        ...C,
+        ...w,
         dismissible: P,
-        id: y
-      }), y;
+        id: x
+      }), x;
     }, this.dismiss = (o) => (o ? (this.dismissedToasts.add(o), requestAnimationFrame(() => this.subscribers.forEach((e) => e({
       id: o,
       dismiss: !0
@@ -268,59 +268,59 @@ class wr {
         message: e.loading,
         description: typeof e.description != "function" ? e.description : void 0
       }));
-      const C = Promise.resolve(o instanceof Function ? o() : o);
-      let y = d !== void 0, L;
-      const P = C.then(async (w) => {
+      const w = Promise.resolve(o instanceof Function ? o() : o);
+      let x = d !== void 0, L;
+      const P = w.then(async (C) => {
         if (L = [
           "resolve",
-          w
-        ], ht.isValidElement(w))
-          y = !1, this.create({
+          C
+        ], yt.isValidElement(C))
+          x = !1, this.create({
             id: d,
             type: "default",
-            message: w
+            message: C
           });
-        else if (kr(w) && !w.ok) {
-          y = !1;
-          const c = typeof e.error == "function" ? await e.error(`HTTP error! status: ${w.status}`) : e.error, N = typeof e.description == "function" ? await e.description(`HTTP error! status: ${w.status}`) : e.description, A = typeof c == "object" && !ht.isValidElement(c) ? c : {
+        else if (Mr(C) && !C.ok) {
+          x = !1;
+          const c = typeof e.error == "function" ? await e.error(`HTTP error! status: ${C.status}`) : e.error, k = typeof e.description == "function" ? await e.description(`HTTP error! status: ${C.status}`) : e.description, D = typeof c == "object" && !yt.isValidElement(c) ? c : {
             message: c
           };
           this.create({
             id: d,
             type: "error",
-            description: N,
-            ...A
+            description: k,
+            ...D
           });
-        } else if (w instanceof Error) {
-          y = !1;
-          const c = typeof e.error == "function" ? await e.error(w) : e.error, N = typeof e.description == "function" ? await e.description(w) : e.description, A = typeof c == "object" && !ht.isValidElement(c) ? c : {
+        } else if (C instanceof Error) {
+          x = !1;
+          const c = typeof e.error == "function" ? await e.error(C) : e.error, k = typeof e.description == "function" ? await e.description(C) : e.description, D = typeof c == "object" && !yt.isValidElement(c) ? c : {
             message: c
           };
           this.create({
             id: d,
             type: "error",
-            description: N,
-            ...A
+            description: k,
+            ...D
           });
         } else if (e.success !== void 0) {
-          y = !1;
-          const c = typeof e.success == "function" ? await e.success(w) : e.success, N = typeof e.description == "function" ? await e.description(w) : e.description, A = typeof c == "object" && !ht.isValidElement(c) ? c : {
+          x = !1;
+          const c = typeof e.success == "function" ? await e.success(C) : e.success, k = typeof e.description == "function" ? await e.description(C) : e.description, D = typeof c == "object" && !yt.isValidElement(c) ? c : {
             message: c
           };
           this.create({
             id: d,
             type: "success",
-            description: N,
-            ...A
+            description: k,
+            ...D
           });
         }
-      }).catch(async (w) => {
+      }).catch(async (C) => {
         if (L = [
           "reject",
-          w
+          C
         ], e.error !== void 0) {
-          y = !1;
-          const E = typeof e.error == "function" ? await e.error(w) : e.error, c = typeof e.description == "function" ? await e.description(w) : e.description, v = typeof E == "object" && !ht.isValidElement(E) ? E : {
+          x = !1;
+          const E = typeof e.error == "function" ? await e.error(C) : e.error, c = typeof e.description == "function" ? await e.description(C) : e.description, v = typeof E == "object" && !yt.isValidElement(E) ? E : {
             message: E
           };
           this.create({
@@ -331,15 +331,15 @@ class wr {
           });
         }
       }).finally(() => {
-        y && (this.dismiss(d), d = void 0), e.finally == null || e.finally.call(e);
-      }), k = () => new Promise((w, E) => P.then(() => L[0] === "reject" ? E(L[1]) : w(L[1])).catch(E));
+        x && (this.dismiss(d), d = void 0), e.finally == null || e.finally.call(e);
+      }), N = () => new Promise((C, E) => P.then(() => L[0] === "reject" ? E(L[1]) : C(L[1])).catch(E));
       return typeof d != "string" && typeof d != "number" ? {
-        unwrap: k
+        unwrap: N
       } : Object.assign(d, {
-        unwrap: k
+        unwrap: N
       });
     }, this.custom = (o, e) => {
-      const d = e?.id || St++;
+      const d = e?.id || Tt++;
       return this.create({
         jsx: o(d),
         id: d,
@@ -348,41 +348,41 @@ class wr {
     }, this.getActiveToasts = () => this.toasts.filter((o) => !this.dismissedToasts.has(o.id)), this.subscribers = [], this.toasts = [], this.dismissedToasts = /* @__PURE__ */ new Set();
   }
 }
-const T = new wr(), Cr = (i, o) => {
-  const e = o?.id || St++;
-  return T.addToast({
+const W = new Sr(), zr = (i, o) => {
+  const e = o?.id || Tt++;
+  return W.addToast({
     title: i,
     ...o,
     id: e
   }), e;
-}, kr = (i) => i && typeof i == "object" && "ok" in i && typeof i.ok == "boolean" && "status" in i && typeof i.status == "number", Nr = Cr, Rr = () => T.toasts, Er = () => T.getActiveToasts(), Pr = Object.assign(Nr, {
-  success: T.success,
-  info: T.info,
-  warning: T.warning,
-  error: T.error,
-  custom: T.custom,
-  message: T.message,
-  promise: T.promise,
-  dismiss: T.dismiss,
-  loading: T.loading
+}, Mr = (i) => i && typeof i == "object" && "ok" in i && typeof i.ok == "boolean" && "status" in i && typeof i.status == "number", Ar = zr, Dr = () => W.toasts, Lr = () => W.getActiveToasts(), $r = Object.assign(Ar, {
+  success: W.success,
+  info: W.info,
+  warning: W.warning,
+  error: W.error,
+  custom: W.custom,
+  message: W.message,
+  promise: W.promise,
+  dismiss: W.dismiss,
+  loading: W.loading
 }, {
-  getHistory: Rr,
-  getToasts: Er
+  getHistory: Dr,
+  getToasts: Lr
 });
-vr("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");
-function Ir({
+Pr("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");
+function Tr({
   open: i,
   onOpenChange: o,
   src: e,
   altText: d,
-  width: C,
-  height: y,
+  width: w,
+  height: x,
   onCropApply: L
 }) {
-  const [P, k] = S("freeform"), [w, E] = S(e), [c, N] = S(!1), v = G(null), A = G(null), [n, W] = S({ x: 0, y: 0, width: 0, height: 0 }), [R, $] = S({ x: 0, y: 0, width: 0, height: 0 }), J = G(null), ot = _t(() => typeof C == "number" && typeof y == "number" && y > 0 ? C / y : n.width > 0 && n.height > 0 ? n.width / n.height : null, [n.height, n.width, y, C]), ut = _t(() => {
+  const [P, N] = I("freeform"), [C, E] = I(e), [c, k] = I(!1), v = K(null), D = K(null), [n, T] = I({ x: 0, y: 0, width: 0, height: 0 }), [R, $] = I({ x: 0, y: 0, width: 0, height: 0 }), et = K(null), dt = Xt(() => typeof w == "number" && typeof x == "number" && x > 0 ? w / x : n.width > 0 && n.height > 0 ? n.width / n.height : null, [n.height, n.width, x, w]), ft = Xt(() => {
     switch (P) {
       case "original":
-        return ot;
+        return dt;
       case "1:1":
         return 1;
       case "4:3":
@@ -396,14 +396,14 @@ function Ir({
       default:
         return null;
     }
-  }, [ot, P]), l = 24, Y = I(
+  }, [dt, P]), m = 24, j = S(
     (s) => {
-      let { x: g, y: p, width: u, height: b } = s;
-      const O = n.width, at = n.height;
-      return g = Math.max(0, Math.min(g, O - l)), p = Math.max(0, Math.min(p, at - l)), u = Math.max(l, Math.min(u, O - g)), b = Math.max(l, Math.min(b, at - p)), { x: g, y: p, width: u, height: b };
+      let { x: p, y: b, width: g, height: y } = s;
+      const O = n.width, ct = n.height;
+      return p = Math.max(0, Math.min(p, O - m)), b = Math.max(0, Math.min(b, ct - m)), g = Math.max(m, Math.min(g, O - p)), y = Math.max(m, Math.min(y, ct - b)), { x: p, y: b, width: g, height: y };
     },
     [n.height, n.width]
-  ), mt = I(
+  ), ht = S(
     (s) => {
       if (n.width <= 0 || n.height <= 0)
         return;
@@ -416,34 +416,34 @@ function Ir({
         });
         return;
       }
-      const g = n.width * 0.9, p = n.height * 0.9;
-      let u = g, b = u / s;
-      b > p && (b = p, u = b * s), $(
-        Y({
-          x: (n.width - u) / 2,
-          y: (n.height - b) / 2,
-          width: u,
-          height: b
+      const p = n.width * 0.9, b = n.height * 0.9;
+      let g = p, y = g / s;
+      y > b && (y = b, g = y * s), $(
+        j({
+          x: (n.width - g) / 2,
+          y: (n.height - y) / 2,
+          width: g,
+          height: y
         })
       );
     },
-    [n.height, n.width, Y]
-  ), Q = I(() => {
-    const s = v.current, g = A.current;
-    if (!s || !g)
+    [n.height, n.width, j]
+  ), rt = S(() => {
+    const s = v.current, p = D.current;
+    if (!s || !p)
       return;
-    let p = 0, u = 0, b = g;
-    for (; b && b !== s; )
-      p += b.offsetLeft, u += b.offsetTop, b = b.offsetParent;
-    W({
-      x: p,
-      y: u,
-      width: g.offsetWidth,
-      height: g.offsetHeight
+    let b = 0, g = 0, y = p;
+    for (; y && y !== s; )
+      b += y.offsetLeft, g += y.offsetTop, y = y.offsetParent;
+    T({
+      x: b,
+      y: g,
+      width: p.offsetWidth,
+      height: p.offsetHeight
     });
-  }, []), it = I(
+  }, []), q = S(
     (s) => {
-      n.width <= 0 || n.height <= 0 || (s.preventDefault(), s.stopPropagation(), s.target.setPointerCapture?.(s.pointerId), J.current = {
+      n.width <= 0 || n.height <= 0 || (s.preventDefault(), s.stopPropagation(), s.target.setPointerCapture?.(s.pointerId), et.current = {
         mode: "move",
         startX: s.clientX,
         startY: s.clientY,
@@ -451,100 +451,100 @@ function Ir({
       });
     },
     [n.height, n.width, R]
-  ), vt = I(
-    (s, g) => {
-      n.width <= 0 || n.height <= 0 || (s.preventDefault(), s.stopPropagation(), s.target.setPointerCapture?.(s.pointerId), J.current = {
-        mode: g,
+  ), It = S(
+    (s, p) => {
+      n.width <= 0 || n.height <= 0 || (s.preventDefault(), s.stopPropagation(), s.target.setPointerCapture?.(s.pointerId), et.current = {
+        mode: p,
         startX: s.clientX,
         startY: s.clientY,
         initialRect: { ...R }
       });
     },
     [n.height, n.width, R]
-  ), wt = I(async () => {
+  ), Pt = S(async () => {
     if (n.width <= 0 || n.height <= 0) {
       o(!1);
       return;
     }
-    const s = A.current;
+    const s = D.current;
     if (!s || !s.naturalWidth || !s.naturalHeight) {
-      Pr.error("Could not read image dimensions");
+      $r.error("Could not read image dimensions");
       return;
     }
-    const g = s.naturalWidth / n.width, p = s.naturalHeight / n.height, u = {
-      x: Math.max(0, Math.round(R.x * g)),
-      y: Math.max(0, Math.round(R.y * p)),
-      width: Math.max(1, Math.round(R.width * g)),
-      height: Math.max(1, Math.round(R.height * p)),
+    const p = s.naturalWidth / n.width, b = s.naturalHeight / n.height, g = {
+      x: Math.max(0, Math.round(R.x * p)),
+      y: Math.max(0, Math.round(R.y * b)),
+      width: Math.max(1, Math.round(R.width * p)),
+      height: Math.max(1, Math.round(R.height * b)),
       naturalWidth: s.naturalWidth,
       naturalHeight: s.naturalHeight
     };
-    u.width = Math.min(u.width, s.naturalWidth - u.x), u.height = Math.min(u.height, s.naturalHeight - u.y), await Promise.resolve(L(u)), o(!1);
+    g.width = Math.min(g.width, s.naturalWidth - g.x), g.height = Math.min(g.height, s.naturalHeight - g.y), await Promise.resolve(L(g)), o(!1);
   }, [n, R, L, o]);
-  return V(() => {
-    i && (W({ x: 0, y: 0, width: 0, height: 0 }), $({ x: 0, y: 0, width: 0, height: 0 }), N(!1), E(yt(e)));
-  }, [i, e]), V(() => {
+  return tt(() => {
+    i && (T({ x: 0, y: 0, width: 0, height: 0 }), $({ x: 0, y: 0, width: 0, height: 0 }), k(!1), E(kt(e)));
+  }, [i, e]), tt(() => {
     if (!i)
       return;
     const s = v.current;
     if (!s)
       return;
-    const g = new ResizeObserver(() => {
-      Q();
+    const p = new ResizeObserver(() => {
+      rt();
     });
-    g.observe(s);
-    const p = A.current;
-    p && g.observe(p);
-    const u = () => Q();
-    return window.addEventListener("resize", u), () => {
-      g.disconnect(), window.removeEventListener("resize", u);
+    p.observe(s);
+    const b = D.current;
+    b && p.observe(b);
+    const g = () => rt();
+    return window.addEventListener("resize", g), () => {
+      p.disconnect(), window.removeEventListener("resize", g);
     };
-  }, [i, Q]), V(() => {
+  }, [i, rt]), tt(() => {
     if (!i)
       return;
-    const s = (p) => {
-      const u = J.current;
-      if (!u)
+    const s = (b) => {
+      const g = et.current;
+      if (!g)
         return;
-      p.preventDefault();
-      const b = p.clientX - u.startX, O = p.clientY - u.startY, at = n.width, nt = n.height, U = ut ?? null, { x: X, y: Z, width: _, height: B } = u.initialRect;
-      if (u.mode === "move") {
-        const st = Math.max(0, at - _), zt = Math.max(0, nt - B);
+      b.preventDefault();
+      const y = b.clientX - g.startX, O = b.clientY - g.startY, ct = n.width, lt = n.height, G = ft ?? null, { x: B, y: ot, width: Y, height: U } = g.initialRect;
+      if (g.mode === "move") {
+        const ut = Math.max(0, ct - Y), vt = Math.max(0, lt - U);
         $(
-          Y({
-            x: Math.max(0, Math.min(st, X + b)),
-            y: Math.max(0, Math.min(zt, Z + O)),
-            width: _,
-            height: B
+          j({
+            x: Math.max(0, Math.min(ut, B + y)),
+            y: Math.max(0, Math.min(vt, ot + O)),
+            width: Y,
+            height: U
           })
         );
         return;
       }
-      const M = u.mode;
-      let j = X, tt = Z, H = _, F = B;
-      M.includes("e") && (H = _ + b), M.includes("w") && (j = X + b, H = _ - b), M.includes("s") && (F = B + O), M.includes("n") && (tt = Z + O, F = B - O), U != null && U > 0 && (M === "e" || M === "w" ? (F = H / U, M.includes("n") && (tt = Z + B - F)) : M === "n" || M === "s" ? (H = F * U, M.includes("w") && (j = X + _ - H)) : (F = H / U, M.includes("n") && (tt = Z + B - F), M.includes("w") && (j = X + _ - H))), $(Y({ x: j, y: tt, width: H, height: F }));
-    }, g = () => {
-      J.current = null;
+      const A = g.mode;
+      let _ = B, V = ot, H = Y, F = U;
+      A.includes("e") && (H = Y + y), A.includes("w") && (_ = B + y, H = Y - y), A.includes("s") && (F = U + O), A.includes("n") && (V = ot + O, F = U - O), G != null && G > 0 && (A === "e" || A === "w" ? (F = H / G, A.includes("n") && (V = ot + U - F)) : A === "n" || A === "s" ? (H = F * G, A.includes("w") && (_ = B + Y - H)) : (F = H / G, A.includes("n") && (V = ot + U - F), A.includes("w") && (_ = B + Y - H))), $(j({ x: _, y: V, width: H, height: F }));
+    }, p = () => {
+      et.current = null;
     };
-    return window.addEventListener("pointermove", s), window.addEventListener("pointerup", g), () => {
-      window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", g);
+    return window.addEventListener("pointermove", s), window.addEventListener("pointerup", p), () => {
+      window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", p);
     };
   }, [
     i,
     n.width,
     n.height,
-    ut,
-    Y
-  ]), V(() => {
-    i && mt(ut);
-  }, [i, ut, n, mt]), /* @__PURE__ */ r(re, { open: i, onOpenChange: o, children: /* @__PURE__ */ r(
-    oe,
+    ft,
+    j
+  ]), tt(() => {
+    i && ht(ft);
+  }, [i, ft, n, ht]), /* @__PURE__ */ r(ce, { open: i, onOpenChange: o, children: /* @__PURE__ */ r(
+    le,
     {
       className: "sm:cteditor-max-w-[860px] cteditor-max-w-[calc(100%-2rem)] cteditor-rounded-xl cteditor-overflow-hidden cteditor-p-0",
       onClick: (s) => s.stopPropagation(),
       onPointerDown: (s) => s.stopPropagation(),
-      children: /* @__PURE__ */ f("div", { className: "cteditor-grid md:cteditor-grid-cols-[1.4fr_320px]", children: [
-        /* @__PURE__ */ r("div", { className: "cteditor-bg-muted/20 cteditor-p-4 md:cteditor-p-6", children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ h("div", { className: "cteditor-grid md:cteditor-grid-cols-[1.4fr_320px]", children: [
+        /* @__PURE__ */ r("div", { className: "cteditor-bg-muted/20 cteditor-p-4 md:cteditor-p-6", children: /* @__PURE__ */ h(
           "div",
           {
             ref: v,
@@ -553,23 +553,23 @@ function Ir({
               /* @__PURE__ */ r("div", { className: "cteditor-overflow-hidden cteditor-rounded-lg cteditor-flex cteditor-items-center cteditor-justify-center cteditor-w-full", children: c ? /* @__PURE__ */ r("div", { className: "cteditor-text-sm cteditor-text-muted-foreground", children: "Failed to load image preview" }) : /* @__PURE__ */ r(
                 "img",
                 {
-                  ref: A,
-                  src: w,
+                  ref: D,
+                  src: C,
                   alt: d || "Crop preview",
                   className: "cteditor-max-w-full cteditor-max-h-[460px] cteditor-w-auto cteditor-h-auto cteditor-select-none cteditor-block",
                   draggable: !1,
                   onLoad: () => {
-                    N(!1), Q();
+                    k(!1), rt();
                   },
                   onError: () => {
-                    N(!0);
+                    k(!0);
                   }
                 }
               ) }),
-              n.width > 0 && n.height > 0 && !c && /* @__PURE__ */ f(
+              n.width > 0 && n.height > 0 && !c && /* @__PURE__ */ h(
                 "div",
                 {
-                  className: "cteditor-absolute cteditor-border-2 cteditor-border-blue-500 cteditor-shadow-[0_0_0_9999px_rgba(0,0,0,0.45)] cteditor-cursor-move cteditor-select-none",
+                  className: "cteditor-absolute cteditor-border-2 cteditor-border-blue-500 cteditor-cursor-move cteditor-select-none",
                   style: {
                     left: n.x + R.x,
                     top: n.y + R.y,
@@ -582,12 +582,12 @@ function Ir({
                       {
                         className: "cteditor-absolute cteditor-inset-0 cteditor-grid cteditor-grid-cols-3 cteditor-grid-rows-3 cteditor-pointer-events-none",
                         "aria-hidden": !0,
-                        children: Array.from({ length: 9 }).map((s, g) => /* @__PURE__ */ r(
+                        children: Array.from({ length: 9 }).map((s, p) => /* @__PURE__ */ r(
                           "div",
                           {
                             className: "cteditor-border cteditor-border-white/30"
                           },
-                          g
+                          p
                         ))
                       }
                     ),
@@ -595,7 +595,7 @@ function Ir({
                       "div",
                       {
                         className: "cteditor-absolute cteditor-inset-0 cteditor-pointer-events-auto",
-                        onPointerDown: it,
+                        onPointerDown: q,
                         "aria-label": "Move crop area"
                       }
                     ),
@@ -608,11 +608,11 @@ function Ir({
                       ["ne", "cteditor-right-0 cteditor-top-0 cteditor-translate-x-1/2 cteditor--translate-y-1/2", "cteditor-cursor-ne-resize", "cteditor-size-4"],
                       ["sw", "cteditor-left-0 cteditor-bottom-0 cteditor--translate-x-1/2 cteditor-translate-y-1/2", "cteditor-cursor-sw-resize", "cteditor-size-4"],
                       ["se", "cteditor-right-0 cteditor-bottom-0 cteditor-translate-x-1/2 cteditor-translate-y-1/2", "cteditor-cursor-se-resize", "cteditor-size-4"]
-                    ].map(([s, g, p, u]) => /* @__PURE__ */ r(
+                    ].map(([s, p, b, g]) => /* @__PURE__ */ r(
                       "div",
                       {
-                        className: `cteditor-absolute cteditor-border-2 cteditor-border-white cteditor-bg-blue-500 cteditor-rounded-sm cteditor-pointer-events-auto cteditor-shadow ${g} ${p} ${u}`,
-                        onPointerDown: (b) => vt(b, s),
+                        className: `cteditor-absolute cteditor-border-2 cteditor-border-white cteditor-bg-blue-500 cteditor-rounded-sm cteditor-pointer-events-auto cteditor-shadow ${p} ${b} ${g}`,
+                        onPointerDown: (y) => It(y, s),
                         "aria-label": `Resize ${s}`
                       },
                       s
@@ -623,34 +623,34 @@ function Ir({
             ]
           }
         ) }),
-        /* @__PURE__ */ f("div", { className: "cteditor-p-4 md:cteditor-p-5 cteditor-border-l cteditor-border-border cteditor-bg-background", children: [
-          /* @__PURE__ */ f(ie, { className: "cteditor-mb-4 cteditor-space-y-1", children: [
-            /* @__PURE__ */ r(ae, { children: "Crop" }),
-            /* @__PURE__ */ r(ne, { children: "Choose an aspect ratio and adjust the crop area, then click Apply." })
+        /* @__PURE__ */ h("div", { className: "cteditor-p-4 md:cteditor-p-5 cteditor-border-l cteditor-border-border cteditor-bg-background", children: [
+          /* @__PURE__ */ h(ue, { className: "cteditor-mb-4 cteditor-space-y-1", children: [
+            /* @__PURE__ */ r(me, { children: "Crop" }),
+            /* @__PURE__ */ r(ge, { children: "Choose an aspect ratio and adjust the crop area, then click Apply." })
           ] }),
-          /* @__PURE__ */ f("div", { className: "cteditor-space-y-4", children: [
-            /* @__PURE__ */ f("div", { children: [
+          /* @__PURE__ */ h("div", { className: "cteditor-space-y-4", children: [
+            /* @__PURE__ */ h("div", { children: [
               /* @__PURE__ */ r("p", { className: "cteditor-text-sm cteditor-font-medium cteditor-mb-2", children: "Aspect ratio" }),
               /* @__PURE__ */ r("div", { className: "cteditor-grid cteditor-grid-cols-3 cteditor-gap-2", children: [
-                { id: "freeform", label: "Freeform", icon: le },
-                { id: "original", label: "Original", icon: Ve },
-                { id: "1:1", label: "1:1", icon: Je },
-                { id: "4:3", label: "4:3", icon: Yt },
-                { id: "16:9", label: "16:9", icon: Yt },
-                { id: "3:4", label: "3:4", icon: Ot },
-                { id: "9:16", label: "9:16", icon: Ot }
+                { id: "freeform", label: "Freeform", icon: be },
+                { id: "original", label: "Original", icon: rr },
+                { id: "1:1", label: "1:1", icon: or },
+                { id: "4:3", label: "4:3", icon: Kt },
+                { id: "16:9", label: "16:9", icon: Kt },
+                { id: "3:4", label: "3:4", icon: qt },
+                { id: "9:16", label: "9:16", icon: qt }
               ].map((s) => {
-                const g = s.icon, p = P === s.id;
-                return /* @__PURE__ */ f(
+                const p = s.icon, b = P === s.id;
+                return /* @__PURE__ */ h(
                   "button",
                   {
                     type: "button",
                     onClick: () => {
-                      k(s.id);
+                      N(s.id);
                     },
-                    className: `cteditor-h-20 cteditor-rounded-md cteditor-border cteditor-text-sm cteditor-transition-colors cteditor-flex cteditor-flex-col cteditor-items-center cteditor-justify-center cteditor-gap-1.5 ${p ? "cteditor-border-primary cteditor-bg-primary/10 cteditor-text-primary" : "cteditor-border-border hover:cteditor-bg-accent"}`,
+                    className: `cteditor-h-20 cteditor-rounded-md cteditor-border cteditor-text-sm cteditor-transition-colors cteditor-flex cteditor-flex-col cteditor-items-center cteditor-justify-center cteditor-gap-1.5 ${b ? "cteditor-border-primary cteditor-bg-primary/10 cteditor-text-primary" : "cteditor-border-border hover:cteditor-bg-accent"}`,
                     children: [
-                      /* @__PURE__ */ r(g, { className: "cteditor-w-4 cteditor-h-4" }),
+                      /* @__PURE__ */ r(p, { className: "cteditor-w-4 cteditor-h-4" }),
                       /* @__PURE__ */ r("span", { children: s.label })
                     ]
                   },
@@ -658,29 +658,29 @@ function Ir({
                 );
               }) })
             ] }),
-            /* @__PURE__ */ f("div", { className: "cteditor-rounded-md cteditor-border cteditor-border-border cteditor-p-3 cteditor-bg-muted/20 cteditor-space-y-2", children: [
-              /* @__PURE__ */ f("div", { children: [
+            /* @__PURE__ */ h("div", { className: "cteditor-rounded-md cteditor-border cteditor-border-border cteditor-p-3 cteditor-bg-muted/20 cteditor-space-y-2", children: [
+              /* @__PURE__ */ h("div", { children: [
                 /* @__PURE__ */ r("p", { className: "cteditor-text-xs cteditor-text-muted-foreground cteditor-mb-0.5", children: "Crop size" }),
-                /* @__PURE__ */ f("p", { className: "cteditor-text-sm cteditor-font-medium", children: [
+                /* @__PURE__ */ h("p", { className: "cteditor-text-sm cteditor-font-medium", children: [
                   Math.round(R.width),
                   " × ",
                   Math.round(R.height),
                   " px"
                 ] })
               ] }),
-              /* @__PURE__ */ f("div", { children: [
+              /* @__PURE__ */ h("div", { children: [
                 /* @__PURE__ */ r("p", { className: "cteditor-text-xs cteditor-text-muted-foreground cteditor-mb-0.5", children: "Aspect ratio" }),
                 /* @__PURE__ */ r("p", { className: "cteditor-text-sm", children: P === "freeform" ? "Free" : P === "original" ? "Original" : P })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ f(se, { className: "cteditor-gap-2 cteditor-mt-4", children: [
+          /* @__PURE__ */ h(fe, { className: "cteditor-gap-2 cteditor-mt-4", children: [
             /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
                 onClick: () => {
-                  k("freeform"), mt(null);
+                  N("freeform"), ht(null);
                 },
                 className: "cteditor-px-3 cteditor-py-2 cteditor-text-sm cteditor-rounded-md cteditor-bg-background cteditor-border cteditor-border-border cteditor-text-foreground hover:cteditor-bg-accent cteditor-transition-colors",
                 children: "Reset"
@@ -699,7 +699,7 @@ function Ir({
               "button",
               {
                 type: "button",
-                onClick: wt,
+                onClick: Pt,
                 className: "cteditor-px-3 cteditor-py-2 cteditor-text-sm cteditor-rounded-md cteditor-bg-primary cteditor-text-primary-foreground hover:cteditor-bg-primary/90 cteditor-transition-colors",
                 children: "Apply"
               }
@@ -710,31 +710,31 @@ function Ir({
     }
   ) });
 }
-const It = /* @__PURE__ */ new Set(), Ft = Ke("RIGHT_CLICK_IMAGE_COMMAND");
-function Sr(i) {
-  if (!It.has(i))
+const Rt = /* @__PURE__ */ new Set(), Vt = tr("RIGHT_CLICK_IMAGE_COMMAND");
+function jr(i) {
+  if (!Rt.has(i))
     throw new Promise((o) => {
       const e = new Image();
       e.src = i, e.onload = () => {
-        It.add(i), o(null);
+        Rt.add(i), o(null);
       }, e.onerror = () => {
-        It.add(i);
+        Rt.add(i);
       };
     });
 }
-function zr({
+function Wr({
   altText: i,
   className: o,
   imageRef: e,
   src: d,
-  width: C,
-  height: y,
+  width: w,
+  height: x,
   maxWidth: L,
   onError: P,
-  onLoad: k
+  onLoad: N
 }) {
-  Sr(d);
-  const w = typeof C == "number" && typeof y == "number", E = typeof C == "number" ? C : "auto";
+  jr(d);
+  const C = typeof w == "number" && typeof x == "number", E = typeof w == "number" ? w : "auto";
   return /* @__PURE__ */ r(
     "img",
     {
@@ -742,14 +742,14 @@ function zr({
       src: d,
       alt: i,
       ref: e,
-      style: w ? {
+      style: C ? {
         width: E,
         // Use height: auto + aspect-ratio so the image scales
         // proportionally when max-width constrains on small screens.
         // The useLayoutEffect in ImageComponent widens the container
         // to fit the explicit width on desktop.
         height: "auto",
-        aspectRatio: `${E} / ${typeof y == "number" ? y : "auto"}`,
+        aspectRatio: `${E} / ${typeof x == "number" ? x : "auto"}`,
         maxWidth: "100%"
       } : {
         // No dimensions specified - use original image size.
@@ -757,12 +757,12 @@ function zr({
         height: "auto"
       },
       onError: P,
-      onLoad: k,
+      onLoad: N,
       draggable: "false"
     }
   );
 }
-function Mr() {
+function Yr() {
   return /* @__PURE__ */ r(
     "img",
     {
@@ -776,174 +776,205 @@ function Mr() {
     }
   );
 }
-function eo({
+function co({
   src: i,
   altText: o,
   nodeKey: e,
   width: d,
-  height: C,
-  maxWidth: y,
+  height: w,
+  maxWidth: x,
   resizable: L,
   showCaption: P,
-  caption: k,
-  captionsEnabled: w,
+  caption: N,
+  captionsEnabled: C,
   originalPrompt: E,
   position: c = "none",
-  linkUrl: N
+  linkUrl: k
 }) {
-  const v = G(null), A = G(null), [n, W, R] = Te(e), [$, J] = S(!1), ot = G(!1), { isCollabActive: ut } = Le(), [l] = $e(), [Y, mt] = S(null), Q = G(null), [it, vt] = S(!1), wt = We(), [s, g] = S(!1), [p, u] = S(""), [b, O] = S(!1), [at, nt] = S(!1), [U, X] = S(""), [Z, _] = S(""), [B, M] = S(!1), j = G(null), [tt, H] = S(0), [F, st] = S(!1), pt = Qe()?.apiKey, me = tt > 0 && tt < 350;
-  V(() => {
+  const v = K(null), D = K(null), [n, T, R] = Xe(e), [$, et] = I(!1), dt = K(!1), { isCollabActive: ft } = Oe(), [m] = He(), [j, ht] = I(null), rt = K(null), [q, It] = I(!1), Pt = Fe(), [s, p] = I(!1), [b, g] = I(""), [y, O] = I(!1), [ct, lt] = I(!1), [G, B] = I(""), [ot, Y] = I(""), [U, A] = I(!1), _ = K(null), [V, H] = I(0), [F, ut] = I(!1), vt = K(null), [xe, pt] = I(null), [St, zt] = I(!1), wt = ir()?.apiKey, Mt = V > 0 && V < 350;
+  Bt(() => {
+    if (!n || !at(j) || q) {
+      pt(null);
+      return;
+    }
+    const t = vt.current, a = m.getRootElement(), l = t?.parentElement;
+    if (!t || !a || !l) {
+      pt(null);
+      return;
+    }
+    const u = a.getBoundingClientRect(), f = l.getBoundingClientRect(), z = t.getBoundingClientRect(), X = 8, J = z.width;
+    if (J <= 0) {
+      pt(null);
+      return;
+    }
+    if (Mt) {
+      const Ct = f.left + f.width / 2 - J / 2, it = Math.max(u.left + X, Math.min(Ct, u.right - X - J));
+      pt({
+        left: it - f.left,
+        bottom: 0,
+        right: "auto",
+        transform: "translateY(100%) translateY(4px)"
+      });
+    } else {
+      const Ct = f.right - X - J, it = Math.max(u.left + X, Math.min(Ct, u.right - X - J));
+      pt({
+        left: it - f.left,
+        top: X,
+        right: "auto"
+      });
+    }
+  }, [n, j, q, Mt, m, V]), tt(() => {
     if (v.current) {
       const t = () => {
-        ot.current || v.current && H(v.current.offsetWidth);
+        dt.current || v.current && H(v.current.offsetWidth);
       };
       t();
       const a = new ResizeObserver(t);
       return a.observe(v.current), () => a.disconnect();
     }
-  }, [d, C, n]), qe(() => {
+  }, [d, w, n]), Bt(() => {
     if ((c === "left" || c === "right") && typeof d == "number" && v.current) {
-      const t = v.current.closest(".editor-image"), a = t?.parentElement, m = l.getRootElement(), h = m ? m.getBoundingClientRect().width : d + 32, x = `${Math.min(d + 32, h)}px`;
-      return t && (t.style.removeProperty("display"), t.style.setProperty("max-width", x, "important")), a && a.style.setProperty("max-width", x, "important"), () => {
+      const t = v.current.closest(".editor-image"), a = t?.parentElement, l = m.getRootElement(), u = l ? l.getBoundingClientRect().width : d + 32, f = `${Math.min(d + 32, u)}px`;
+      return t && (t.style.removeProperty("display"), t.style.setProperty("max-width", f, "important")), a && a.style.setProperty("max-width", f, "important"), () => {
         t && (t.style.removeProperty("max-width"), t.style.removeProperty("display")), a && a.style.removeProperty("max-width");
       };
     }
-  }, [c, d, l]);
-  const Ct = I(
+  }, [c, d, m]);
+  const At = S(
     (t) => {
-      const a = et();
-      return n && ct(a) && (t.preventDefault(), l.update(() => {
-        a.getNodes().forEach((h) => {
-          if (q(h)) {
-            const x = h.getParent();
-            h.remove(), x && Pt(x) && x.getChildrenSize() === 0 && x.setFormat("left");
+      const a = nt();
+      return n && at(a) && (t.preventDefault(), m.update(() => {
+        a.getNodes().forEach((u) => {
+          if (Z(u)) {
+            const f = u.getParent();
+            u.remove(), f && $t(f) && f.getChildrenSize() === 0 && f.setFormat("left");
           }
         });
       })), !1;
     },
-    [l, n]
-  ), Mt = I(
+    [m, n]
+  ), jt = S(
     (t) => {
-      const a = et(), m = A.current;
-      if (n && ct(a) && a.getNodes().length === 1) {
+      const a = nt(), l = D.current;
+      if (n && at(a) && a.getNodes().length === 1) {
         if (P)
-          return gt(null), t.preventDefault(), k.focus(), !0;
-        if (m !== null && m !== document.activeElement)
-          return t.preventDefault(), m.focus(), !0;
+          return bt(null), t.preventDefault(), N.focus(), !0;
+        if (l !== null && l !== document.activeElement)
+          return t.preventDefault(), l.focus(), !0;
       }
       return !1;
     },
-    [k, n, P]
-  ), At = I(
-    (t) => Q.current === k || A.current === t.target ? (gt(null), l.update(() => {
-      W(!0);
-      const a = l.getRootElement();
+    [N, n, P]
+  ), Wt = S(
+    (t) => rt.current === N || D.current === t.target ? (bt(null), m.update(() => {
+      T(!0);
+      const a = m.getRootElement();
       a !== null && a.focus();
     }), !0) : !1,
-    [k, l, W]
-  ), kt = I(
+    [N, m, T]
+  ), Dt = S(
     (t) => {
       const a = t;
       if ($)
         return !0;
-      const m = a.target;
-      if (m.closest("button") && v.current && m.closest(".editor-image") === v.current.closest(".editor-image"))
+      const l = a.target;
+      if (l.closest("button") && v.current && l.closest(".editor-image") === v.current.closest(".editor-image"))
         return !0;
-      const h = m === v.current;
-      let x = !1;
-      if (!h && v.current) {
-        const D = v.current.getBoundingClientRect();
-        x = a.clientX >= D.left && a.clientX <= D.right && a.clientY >= D.top && a.clientY <= D.bottom;
+      const u = l === v.current;
+      let f = !1;
+      if (!u && v.current) {
+        const z = v.current.getBoundingClientRect();
+        f = a.clientX >= z.left && a.clientX <= z.right && a.clientY >= z.top && a.clientY <= z.bottom;
       }
-      return h || x ? (a.shiftKey ? W(!n) : (R(), W(!0)), !0) : !1;
+      return u || f ? (a.shiftKey ? T(!n) : (R(), T(!0)), !0) : !1;
     },
-    [$, n, W, R]
-  ), Nt = I(
+    [$, n, T, R]
+  ), Lt = S(
     (t) => {
-      l.getEditorState().read(() => {
-        const a = et();
-        t.target.tagName === "IMG" && je(a) && a.getNodes().length === 1 && l.dispatchCommand(
-          Ft,
+      m.getEditorState().read(() => {
+        const a = nt();
+        t.target.tagName === "IMG" && Ue(a) && a.getNodes().length === 1 && m.dispatchCommand(
+          Vt,
           t
         );
       });
     },
-    [l]
+    [m]
   );
-  V(() => {
+  tt(() => {
     let t = !0;
-    const a = l.getRootElement(), m = _e(
-      l.registerUpdateListener(({ editorState: h }) => {
-        t && mt(h.read(() => et()));
+    const a = m.getRootElement(), l = Be(
+      m.registerUpdateListener(({ editorState: u }) => {
+        t && ht(u.read(() => nt()));
       }),
-      l.registerCommand(
-        Ye,
-        (h, x) => (Q.current = x, !1),
-        K
+      m.registerCommand(
+        Ke,
+        (u, f) => (rt.current = f, !1),
+        Q
       ),
-      l.registerCommand(
-        Oe,
-        kt,
-        K
+      m.registerCommand(
+        qe,
+        Dt,
+        Q
       ),
-      l.registerCommand(
-        Ft,
-        kt,
-        K
+      m.registerCommand(
+        Vt,
+        Dt,
+        Q
       ),
-      l.registerCommand(
-        He,
-        (h) => h.target === v.current ? (h.preventDefault(), !0) : !1,
-        K
+      m.registerCommand(
+        Ge,
+        (u) => u.target === v.current ? (u.preventDefault(), !0) : !1,
+        Q
       ),
-      l.registerCommand(
-        Fe,
-        Ct,
-        K
-      ),
-      l.registerCommand(
-        Xe,
-        Ct,
-        K
+      m.registerCommand(
+        Ve,
+        At,
+        Q
       ),
-      l.registerCommand(Be, Mt, K),
-      l.registerCommand(
-        Ue,
+      m.registerCommand(
+        Je,
         At,
-        K
+        Q
+      ),
+      m.registerCommand(Qe, jt, Q),
+      m.registerCommand(
+        Ze,
+        Wt,
+        Q
       )
     );
-    return a?.addEventListener("contextmenu", Nt), () => {
-      t = !1, m(), a?.removeEventListener("contextmenu", Nt);
+    return a?.addEventListener("contextmenu", Lt), () => {
+      t = !1, l(), a?.removeEventListener("contextmenu", Lt);
     };
   }, [
     R,
-    l,
+    m,
     $,
     n,
     e,
-    Ct,
-    Mt,
     At,
-    kt,
-    Nt,
-    W
+    jt,
+    Wt,
+    Dt,
+    Lt,
+    T
   ]);
-  const ge = () => {
-    l.update(() => {
-      const t = rt(e);
-      q(t) && t.setShowCaption(!0);
+  const ve = () => {
+    m.update(() => {
+      const t = st(e);
+      Z(t) && t.setShowCaption(!0);
     });
-  }, he = (t, a) => {
-    ot.current = !1, setTimeout(() => {
-      J(!1);
-    }, 200), l.update(() => {
-      const m = rt(e);
-      q(m) && m.setWidthAndHeight(t, a);
+  }, we = (t, a) => {
+    dt.current = !1, setTimeout(() => {
+      et(!1);
+    }, 200), m.update(() => {
+      const l = st(e);
+      Z(l) && l.setWidthAndHeight(t, a);
     });
-  }, fe = () => {
-    ot.current = !0, J(!0);
-  }, pe = (t) => {
+  }, Ce = () => {
+    dt.current = !0, et(!0);
+  }, Ne = (t) => {
     if (t.preventDefault(), t.stopPropagation(), i.startsWith("data:")) {
       const a = window.open("", "_blank");
       a && (a.document.write(`
@@ -974,112 +1005,112 @@ function eo({
         `), a.document.close());
     } else
       window.open(i, "_blank");
-  }, be = (t) => {
-    t.preventDefault(), t.stopPropagation(), l.update(() => {
-      const a = rt(e);
-      if (q(a)) {
-        const m = a.getParent();
-        a.remove(), m && Pt(m) && m.getChildrenSize() === 0 && m.setFormat("left");
+  }, ke = (t) => {
+    t.preventDefault(), t.stopPropagation(), m.update(() => {
+      const a = st(e);
+      if (Z(a)) {
+        const l = a.getParent();
+        a.remove(), l && $t(l) && l.getChildrenSize() === 0 && l.setFormat("left");
       }
     });
-  }, dt = (t, a) => {
-    t.preventDefault(), t.stopPropagation(), l.update(() => {
-      const m = rt(e);
-      if (q(m)) {
-        m.setPosition(a);
-        const h = m.getParent();
-        h && Pt(h) && (a === "left" ? h.setFormat("left") : a === "right" ? h.setFormat("right") : h.setFormat(""));
+  }, mt = (t, a) => {
+    t.preventDefault(), t.stopPropagation(), m.update(() => {
+      const l = st(e);
+      if (Z(l)) {
+        l.setPosition(a);
+        const u = l.getParent();
+        u && $t(u) && (a === "left" ? u.setFormat("left") : a === "right" ? u.setFormat("right") : u.setFormat(""));
       }
     });
-  }, ye = (t) => {
-    t.preventDefault(), t.stopPropagation(), g(!s);
-  }, xe = I((t) => {
-    t.preventDefault(), t.stopPropagation(), st(!0);
-  }, []), ve = I(
+  }, Re = (t) => {
+    t.preventDefault(), t.stopPropagation(), p(!s);
+  }, Ee = S((t) => {
+    t.preventDefault(), t.stopPropagation(), ut(!0);
+  }, []), Ie = S(
     (t) => {
       t.preventDefault(), t.stopPropagation();
-      const a = yt(i);
-      if (!(lt(i) && i !== a) && !(typeof d == "number" || typeof C == "number"))
+      const a = kt(i);
+      if (!(gt(i) && i !== a) && !(typeof d == "number" || typeof w == "number"))
         return;
-      l.update(
+      m.update(
         () => {
-          const D = rt(e);
-          if (!q(D))
+          const z = st(e);
+          if (!Z(z))
             return;
-          D.setSrc(a), D.setWidthAndHeight("inherit", "inherit");
-          const Rt = et();
-          Rt && gt(Rt.clone());
+          z.setSrc(a), z.setWidthAndHeight("inherit", "inherit");
+          const X = nt();
+          X && bt(X.clone());
         },
         { tag: "image-reset" }
       );
-      const x = v.current;
-      x && requestAnimationFrame(() => {
-        x.src = a, x.style.removeProperty("width"), x.style.removeProperty("height");
-      }), z.success("Image reset to original size and crop");
+      const f = v.current;
+      f && requestAnimationFrame(() => {
+        f.src = a, f.style.removeProperty("width"), f.style.removeProperty("height");
+      }), M.success("Image reset to original size and crop");
     },
-    [l, e, i, d, C]
-  ), we = I(
+    [m, e, i, d, w]
+  ), Pe = S(
     async (t) => {
       let a = i;
-      if (lt(i))
-        a = yt(i);
+      if (gt(i))
+        a = kt(i);
       else {
-        if (!pt) {
-          z.error("API key is required to upload and crop external images.");
+        if (!wt) {
+          M.error("API key is required to upload and crop external images.");
           return;
         }
-        const h = z.loading("Uploading image…");
+        const u = M.loading("Uploading image…");
         try {
-          a = (await Ze.post(
-            tr.project.fileUploadFromUrl,
+          a = (await ar.post(
+            nr.project.fileUploadFromUrl,
             { url: i, prefix: "uploads" },
-            { headers: { "x-api-key": pt } }
-          )).data.fileUrl, z.dismiss(h);
+            { headers: { "x-api-key": wt } }
+          )).data.fileUrl, M.dismiss(u);
         } catch {
-          z.dismiss(h), z.error("Failed to upload image. Try again.");
+          M.dismiss(u), M.error("Failed to upload image. Try again.");
           return;
         }
       }
-      const m = xr(a, t);
-      if (m === a) {
-        z.error("Cropping is only supported for images hosted on the CDN.");
+      const l = Ir(a, t);
+      if (l === a) {
+        M.error("Cropping is only supported for images hosted on the CDN.");
         return;
       }
-      l.update(() => {
-        const h = rt(e);
-        if (!q(h))
+      zt(!0), m.update(() => {
+        const u = st(e);
+        if (!Z(u))
           return;
-        h.setSrc(m), h.setWidthAndHeight(t.width, t.height);
-        const x = et();
-        x && gt(x.clone());
-      }), z.success("Image cropped");
+        u.setSrc(l), u.setWidthAndHeight(t.width, t.height);
+        const f = nt();
+        f && bt(f.clone());
+      }), M.success("Image cropped");
     },
-    [l, e, i, pt]
-  ), Ce = I(() => {
-    N && !n && (j.current = setTimeout(() => {
-      M(!0);
+    [m, e, i, wt]
+  ), Se = S(() => {
+    k && !n && (_.current = setTimeout(() => {
+      A(!0);
     }, 300));
-  }, [N, n]), ke = I(() => {
-    j.current && (clearTimeout(j.current), j.current = null), M(!1);
-  }, []), Dt = I((t) => {
-    t.preventDefault(), t.stopPropagation(), N && window.open(N, "_blank", "noopener,noreferrer");
-  }, [N]);
-  V(() => () => {
-    j.current && clearTimeout(j.current);
-  }, []), V(() => {
-    n || st(!1);
+  }, [k, n]), ze = S(() => {
+    _.current && (clearTimeout(_.current), _.current = null), A(!1);
+  }, []), Yt = S((t) => {
+    t.preventDefault(), t.stopPropagation(), k && window.open(k, "_blank", "noopener,noreferrer");
+  }, [k]);
+  tt(() => () => {
+    _.current && clearTimeout(_.current);
+  }, []), tt(() => {
+    n || ut(!1);
   }, [n]);
-  const Lt = async () => {
-    if (!p.trim() || b)
+  const _t = async () => {
+    if (!b.trim() || y)
       return;
     O(!0);
-    const t = z.loading("Refining image...", {
+    const t = M.loading("Refining image...", {
       description: "This may take 10-30 seconds. Please wait."
     });
     try {
-      let a = p.trim();
-      const h = p.trim().replace(/^(add|also add|include|with|and)\s+(some|a|an)\s+/gi, "").replace(/^(add|also add|include|with|and)\s+/gi, "").trim(), x = (bt) => {
-        const ze = bt.toLowerCase();
+      let a = b.trim();
+      const u = b.trim().replace(/^(add|also add|include|with|and)\s+(some|a|an)\s+/gi, "").replace(/^(add|also add|include|with|and)\s+/gi, "").trim(), f = (Nt) => {
+        const je = Nt.toLowerCase();
         return [
           "article",
           "write",
@@ -1096,59 +1127,59 @@ function eo({
           "add some images",
           "include images",
           "include pictures"
-        ].some((Me) => ze.includes(Me));
+        ].some((We) => je.includes(We));
       };
-      let D = "";
+      let z = "";
       if (E && E.trim()) {
-        const bt = E.trim();
-        x(bt) && o && o !== "Generated image" && o.trim() ? D = o.trim() : D = bt;
+        const Nt = E.trim();
+        f(Nt) && o && o !== "Generated image" && o.trim() ? z = o.trim() : z = Nt;
       } else
-        o && o !== "Generated image" && o.trim() && (D = o.trim());
-      D ? a = `${D} with ${h}` : a = h;
-      const Wt = (await ur({
+        o && o !== "Generated image" && o.trim() && (z = o.trim());
+      z ? a = `${z} with ${u}` : a = u;
+      const J = (await xr({
         content: `Generate Image: ${a}`,
-        apiKey: pt || void 0
+        apiKey: wt || void 0
       }))?.data;
-      if (!Wt)
+      if (!J)
         throw new Error("Failed to generate image - empty response");
-      const Et = new DOMParser().parseFromString(Wt, "text/html").querySelector("img");
-      if (!Et || !Et.src)
+      const it = new DOMParser().parseFromString(J, "text/html").querySelector("img");
+      if (!it || !it.src)
         throw new Error("No image found in response");
-      const Se = Et.src;
-      z.dismiss(t), z.success("Image refined successfully!", {
+      const Te = it.src;
+      M.dismiss(t), M.success("Image refined successfully!", {
         description: "Compare the images and choose which to keep."
-      }), X(Se), _(a), nt(!0), u(""), g(!1);
+      }), B(Te), Y(a), lt(!0), g(""), p(!1);
     } catch (a) {
-      if (z.dismiss(t), a instanceof mr) {
-        const m = a.code === "API_KEYS_DISABLED" ? "API Keys Disabled" : "API Key Required";
-        z.error(m, {
+      if (M.dismiss(t), a instanceof vr) {
+        const l = a.code === "API_KEYS_DISABLED" ? "API Keys Disabled" : "API Key Required";
+        M.error(l, {
           description: a.message,
           duration: 8e3
         });
       } else
-        a instanceof gr ? z.error("Credits Issue", {
+        a instanceof wr ? M.error("Credits Issue", {
           description: a.message,
           duration: 8e3
-        }) : z.error("Failed to refine image", {
+        }) : M.error("Failed to refine image", {
           description: a instanceof Error ? a.message : "Unknown error. Please try again."
         });
     } finally {
       O(!1);
     }
-  }, Ne = () => {
-    l.update(() => {
-      const t = rt(e);
-      if (q(t)) {
-        t.setSrc(U), t.setOriginalPrompt(Z);
-        const a = et();
-        a && gt(a.clone());
+  }, Me = () => {
+    m.update(() => {
+      const t = st(e);
+      if (Z(t)) {
+        t.setSrc(G), t.setOriginalPrompt(ot);
+        const a = nt();
+        a && bt(a.clone());
       }
-    }), nt(!1), X(""), _(""), z.success("Image replaced successfully!", {
+    }), lt(!1), B(""), Y(""), M.success("Image replaced successfully!", {
       description: "The image has been updated with the refined version."
     });
-  }, Re = () => {
-    nt(!1), X(""), _("");
-  }, Ee = n && ct(Y) && !$, $t = (n || $) && wt, Pe = () => c === "left" || c === "right" ? {
+  }, Ae = () => {
+    lt(!1), B(""), Y("");
+  }, De = n && at(j) && !$, Ot = (n || $) && Pt, Le = () => c === "left" || c === "right" ? {
     position: "relative",
     display: "block",
     width: "100%"
@@ -1176,55 +1207,81 @@ function eo({
   } : {
     position: "relative",
     display: "inline-block"
-  }, Ie = I(
+  }, $e = S(
     (t) => {
       if ($ || t.target.closest("button"))
         return;
-      const m = t.target === v.current;
-      let h = !1;
-      if (!m && v.current) {
-        const x = v.current.getBoundingClientRect();
-        h = t.clientX >= x.left && t.clientX <= x.right && t.clientY >= x.top && t.clientY <= x.bottom;
+      const l = t.target === v.current;
+      let u = !1;
+      if (!l && v.current) {
+        const f = v.current.getBoundingClientRect();
+        u = t.clientX >= f.left && t.clientX <= f.right && t.clientY >= f.top && t.clientY <= f.bottom;
       }
-      !m && !h || (t.stopPropagation(), t.shiftKey ? W(!n) : (R(), W(!0)));
+      !l && !u || (t.stopPropagation(), t.shiftKey ? T(!n) : (R(), T(!0)));
     },
-    [$, n, W, R]
+    [$, n, T, R]
   );
-  return /* @__PURE__ */ r(Ge, { fallback: null, children: /* @__PURE__ */ f(Tt, { children: [
-    /* @__PURE__ */ f(
+  return /* @__PURE__ */ r(er, { fallback: null, children: /* @__PURE__ */ h(Ft, { children: [
+    /* @__PURE__ */ h(
       "div",
       {
-        draggable: Ee,
-        style: Pe(),
-        onClick: Ie,
-        onMouseEnter: Ce,
-        onMouseLeave: ke,
+        draggable: De,
+        style: Le(),
+        onClick: $e,
+        onMouseEnter: Se,
+        onMouseLeave: ze,
         children: [
-          it ? /* @__PURE__ */ r(Mr, {}) : /* @__PURE__ */ r(
-            zr,
+          St ? /* @__PURE__ */ h(
+            "div",
+            {
+              className: "cteditor-relative cteditor-inline-block cteditor-my-2 cteditor-select-none cteditor-rounded-lg cteditor-overflow-hidden",
+              style: {
+                ...typeof d == "number" && typeof w == "number" ? { width: d, height: w, aspectRatio: `${d} / ${w}`, maxWidth: "100%" } : { minWidth: 200, minHeight: 150 }
+              },
+              children: [
+                /* @__PURE__ */ r(
+                  "img",
+                  {
+                    src: i,
+                    alt: "",
+                    className: "cteditor-absolute cteditor-opacity-0 cteditor-pointer-events-none cteditor-w-full cteditor-h-full cteditor-object-cover",
+                    onLoad: () => {
+                      Rt.add(i), zt(!1);
+                    },
+                    onError: () => zt(!1)
+                  }
+                ),
+                /* @__PURE__ */ h("div", { className: "cteditor-absolute cteditor-inset-0 cteditor-flex cteditor-flex-col cteditor-items-center cteditor-justify-center cteditor-rounded-lg cteditor-bg-muted", children: [
+                  /* @__PURE__ */ r(sr, { className: "cteditor-w-10 cteditor-h-10 cteditor-text-muted-foreground cteditor-animate-spin cteditor-mb-2", "aria-hidden": !0 }),
+                  /* @__PURE__ */ r("span", { className: "cteditor-text-sm cteditor-font-medium cteditor-text-muted-foreground", children: "Applying crop…" })
+                ] })
+              ]
+            }
+          ) : q ? /* @__PURE__ */ r(Yr, {}) : /* @__PURE__ */ r(
+            Wr,
             {
-              className: $t ? `focused ${ct(Y) ? "draggable" : ""}` : N ? "cteditor-cursor-pointer" : null,
+              className: Ot ? `focused ${at(j) ? "draggable" : ""}` : k ? "cteditor-cursor-pointer" : null,
               src: i,
               altText: o,
               imageRef: v,
               width: d,
-              height: C,
-              maxWidth: y,
-              onError: () => vt(!0)
+              height: w,
+              maxWidth: x,
+              onError: () => It(!0)
             }
           ),
-          B && N && !n && /* @__PURE__ */ f(
+          U && k && !n && /* @__PURE__ */ h(
             "div",
             {
               className: "cteditor-absolute cteditor-bottom-2 cteditor-left-2 cteditor-right-2 cteditor-bg-background cteditor-rounded-lg cteditor-shadow-lg cteditor-border cteditor-border-border cteditor-p-2 cteditor-flex cteditor-items-center cteditor-gap-2",
               style: { zIndex: 10 },
               children: [
-                /* @__PURE__ */ r(hr, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-muted-foreground cteditor-flex-shrink-0" }),
-                /* @__PURE__ */ r("span", { className: "cteditor-text-sm cteditor-text-foreground cteditor-truncate cteditor-flex-1", children: N }),
+                /* @__PURE__ */ r(Cr, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-muted-foreground cteditor-flex-shrink-0" }),
+                /* @__PURE__ */ r("span", { className: "cteditor-text-sm cteditor-text-foreground cteditor-truncate cteditor-flex-1", children: k }),
                 /* @__PURE__ */ r(
                   "button",
                   {
-                    onClick: Dt,
+                    onClick: Yt,
                     className: "cteditor-px-2 cteditor-py-1.5 cteditor-text-xs cteditor-rounded cteditor-bg-primary cteditor-text-primary-foreground hover:cteditor-bg-primary/90 cteditor-transition-colors cteditor-flex-shrink-0",
                     children: "Open"
                   }
@@ -1232,165 +1289,167 @@ function eo({
               ]
             }
           ),
-          n && ct(Y) && !it && /* @__PURE__ */ f(
+          n && at(j) && !q && !St && /* @__PURE__ */ h(
             "div",
             {
-              className: `cteditor-absolute cteditor-flex cteditor-gap-1  z-10 ${me ? "cteditor-left-1/2 cteditor--translate-x-1/2 cteditor-bottom-0 cteditor-translate-y-full cteditor-mt-1" : "cteditor-top-2 cteditor-right-2"}`,
+              ref: vt,
+              className: "cteditor-absolute cteditor-flex cteditor-gap-1 z-10 cteditor-text-foreground",
+              style: xe ?? (Mt ? { left: "50%", transform: "translateX(-50%) translateY(100%) translateY(4px)", bottom: 0 } : { top: 8, right: 8 }),
               children: [
-                /* @__PURE__ */ f("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-0.5 cteditor-bg-background/80 cteditor-rounded-md cteditor-shadow-md cteditor-border cteditor-border-border cteditor-p-0.5", children: [
+                /* @__PURE__ */ h("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-0.5 cteditor-bg-accent cteditor-border cteditor-border-foreground/10 cteditor-rounded-md cteditor-shadow-md cteditor-p-0.5", children: [
                   /* @__PURE__ */ r(
                     "button",
                     {
-                      onClick: (t) => dt(t, "left"),
-                      className: ` cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${c === "left" ? "cteditor-bg-accent" : ""}`,
+                      onClick: (t) => mt(t, "left"),
+                      className: ` cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-foreground/10 cteditor-transition-colors ${c === "left" ? "cteditor-bg-foreground/10" : ""}`,
                       "aria-label": "Wrap text left",
                       title: "Wrap text left",
-                      children: /* @__PURE__ */ r(er, {})
+                      children: /* @__PURE__ */ r(dr, {})
                     }
                   ),
                   /* @__PURE__ */ r(
                     "button",
                     {
-                      onClick: (t) => dt(t, "right"),
-                      className: ` cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${c === "right" ? "cteditor-bg-accent" : ""}`,
+                      onClick: (t) => mt(t, "right"),
+                      className: ` cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-foreground/10 cteditor-transition-colors ${c === "right" ? "cteditor-bg-foreground/10" : ""}`,
                       "aria-label": "Wrap text right",
                       title: "Wrap text right",
-                      children: /* @__PURE__ */ r(rr, {})
+                      children: /* @__PURE__ */ r(cr, {})
                     }
                   ),
-                  /* @__PURE__ */ r("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5" }),
+                  /* @__PURE__ */ r("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-foreground/10 cteditor-mx-0.5" }),
                   /* @__PURE__ */ r(
                     "button",
                     {
-                      onClick: (t) => dt(t, "inline-left"),
-                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${c === "inline-left" ? "cteditor-bg-accent" : ""}`,
+                      onClick: (t) => mt(t, "inline-left"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-foreground/10 cteditor-transition-colors ${c === "inline-left" ? "cteditor-bg-foreground/10" : ""}`,
                       "aria-label": "Align left",
                       title: "Align left (no text wrap)",
-                      children: /* @__PURE__ */ r(or, {})
+                      children: /* @__PURE__ */ r(lr, {})
                     }
                   ),
                   /* @__PURE__ */ r(
                     "button",
                     {
-                      onClick: (t) => dt(t, "inline-center"),
-                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${c === "inline-center" || c === "full" ? "cteditor-bg-accent" : ""}`,
+                      onClick: (t) => mt(t, "inline-center"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-foreground/10 cteditor-transition-colors ${c === "inline-center" || c === "full" ? "cteditor-bg-foreground/10" : ""}`,
                       "aria-label": "Align center",
                       title: "Align center (no text wrap)",
-                      children: /* @__PURE__ */ r(ir, {})
+                      children: /* @__PURE__ */ r(ur, {})
                     }
                   ),
                   /* @__PURE__ */ r(
                     "button",
                     {
-                      onClick: (t) => dt(t, "inline-right"),
-                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${c === "inline-right" ? "cteditor-bg-accent" : ""}`,
+                      onClick: (t) => mt(t, "inline-right"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-foreground/10 cteditor-transition-colors ${c === "inline-right" ? "cteditor-bg-foreground/10" : ""}`,
                       "aria-label": "Align right",
                       title: "Align right (no text wrap)",
-                      children: /* @__PURE__ */ r(ar, {})
+                      children: /* @__PURE__ */ r(mr, {})
                     }
                   ),
-                  /* @__PURE__ */ r("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5" }),
+                  /* @__PURE__ */ r("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-foreground/10 cteditor-mx-0.5" }),
                   /* @__PURE__ */ r(
                     "button",
                     {
-                      onClick: (t) => dt(t, "none"),
-                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors ${c === "none" ? "cteditor-bg-accent" : ""}`,
+                      onClick: (t) => mt(t, "none"),
+                      className: `cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-foreground/10 cteditor-transition-colors ${c === "none" ? "cteditor-bg-foreground/10" : ""}`,
                       "aria-label": "Inline",
                       title: "Inline with text",
-                      children: /* @__PURE__ */ r(nr, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                      children: /* @__PURE__ */ r(gr, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
                     }
                   ),
-                  /* @__PURE__ */ r("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-border cteditor-mx-0.5" }),
-                  !i.startsWith("data:") && !i.toLowerCase().endsWith(".svg") && /* @__PURE__ */ f(Tt, { children: [
+                  /* @__PURE__ */ r("div", { className: "cteditor-w-px cteditor-h-5 cteditor-bg-foreground/10 cteditor-mx-0.5" }),
+                  !i.startsWith("data:") && !i.toLowerCase().endsWith(".svg") && /* @__PURE__ */ h(Ft, { children: [
                     /* @__PURE__ */ r(
                       "button",
                       {
-                        onClick: xe,
-                        className: "cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors",
+                        onClick: Ee,
+                        className: "cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded  hover:cteditor-bg-foreground/10 cteditor-transition-colors",
                         "aria-label": "Crop image",
                         title: "Crop image",
-                        children: /* @__PURE__ */ r(le, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                        children: /* @__PURE__ */ r(be, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
                       }
                     ),
-                    (yt(i) !== i || typeof d == "number" || typeof C == "number") && /* @__PURE__ */ r(
+                    (kt(i) !== i || typeof d == "number" || typeof w == "number") && /* @__PURE__ */ r(
                       "button",
                       {
-                        onClick: ve,
-                        className: "cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-accent cteditor-transition-colors",
+                        onClick: Ie,
+                        className: "cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded hover:cteditor-bg-foreground/10 cteditor-transition-colors",
                         "aria-label": "Reset image to original size and crop",
                         title: "Reset to original size and crop",
-                        children: /* @__PURE__ */ r(fr, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                        children: /* @__PURE__ */ r(Nr, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
                       }
                     )
                   ] })
                 ] }),
-                N && /* @__PURE__ */ r(
+                k && /* @__PURE__ */ r(
                   "button",
                   {
-                    onClick: Dt,
-                    className: " cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-background/80 hover:cteditor-bg-accent cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-border",
+                    onClick: Yt,
+                    className: " cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-accent hover:cteditor-bg-accent/95 cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-foreground/20",
                     "aria-label": "Visit link",
-                    title: `Visit: ${N}`,
-                    children: /* @__PURE__ */ r(sr, {})
+                    title: `Visit: ${k}`,
+                    children: /* @__PURE__ */ r(fr, {})
                   }
                 ),
                 E && /* @__PURE__ */ r(
                   "button",
                   {
                     onClick: (t) => {
-                      t.stopPropagation(), ye(t);
+                      t.stopPropagation(), Re(t);
                     },
-                    className: " cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-background/80 hover:cteditor-bg-accent cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-border",
+                    className: " cteditor-size-8 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-accent hover:cteditor-bg-accent/90 cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-foreground/20",
                     "aria-label": "Refine image",
                     title: "Refine image",
-                    children: /* @__PURE__ */ r(dr, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
+                    children: /* @__PURE__ */ r(hr, { className: "cteditor-w-4 cteditor-h-4 cteditor-text-foreground" })
                   }
                 ),
                 /* @__PURE__ */ r(
                   "button",
                   {
                     onClick: (t) => {
-                      t.stopPropagation(), pe(t);
+                      t.stopPropagation(), Ne(t);
                     },
-                    className: " cteditor-size-8 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-background/80 hover:cteditor-bg-accent cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-border",
+                    className: " cteditor-size-8 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-accent hover:cteditor-bg-accent/90 cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-foreground/20",
                     "aria-label": "Open image in new tab",
                     title: "Open in new tab",
-                    children: /* @__PURE__ */ r(cr, {})
+                    children: /* @__PURE__ */ r(pr, {})
                   }
                 ),
                 /* @__PURE__ */ r(
                   "button",
                   {
                     onClick: (t) => {
-                      t.stopPropagation(), be(t);
+                      t.stopPropagation(), ke(t);
                     },
-                    className: " cteditor-size-8 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-background/80 hover:cteditor-bg-destructive hover:cteditor-text-destructive-foreground cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-border",
+                    className: " cteditor-size-8 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-rounded-md cteditor-bg-accent hover:cteditor-bg-destructive hover:cteditor-text-destructive-foreground cteditor-transition-colors cteditor-shadow-md cteditor-border cteditor-border-foreground/20",
                     "aria-label": "Delete image",
                     title: "Delete image",
-                    children: /* @__PURE__ */ r(lr, {})
+                    children: /* @__PURE__ */ r(br, {})
                   }
                 )
               ]
             }
           ),
-          s && n && !it && E && /* @__PURE__ */ r(
+          s && n && !q && E && /* @__PURE__ */ r(
             "div",
             {
-              className: "cteditor-absolute cteditor-bottom-2 cteditor-left-2 cteditor-right-2 cteditor-bg-background cteditor-rounded-lg cteditor-shadow-xl cteditor-border cteditor-border-border cteditor-p-3",
+              className: "cteditor-absolute cteditor-bottom-2 cteditor-left-2 cteditor-right-2 cteditor-bg-background/85 cteditor-rounded-lg cteditor-shadow-xl cteditor-border cteditor-border-foreground/20 cteditor-p-3 cteditor-backdrop-blur-lg md:cteditor-min-w-80",
               style: { zIndex: 10 },
               onClick: (t) => t.stopPropagation(),
               onKeyDown: (t) => t.stopPropagation(),
               onKeyUp: (t) => t.stopPropagation(),
-              children: /* @__PURE__ */ f("div", { className: "cteditor-flex cteditor-flex-col cteditor-gap-2", children: [
+              children: /* @__PURE__ */ h("div", { className: "cteditor-flex cteditor-flex-col cteditor-gap-2", children: [
                 /* @__PURE__ */ r("label", { className: "cteditor-text-xs cteditor-font-medium cteditor-text-foreground", children: "What else do you want in this scene?" }),
                 /* @__PURE__ */ r(
                   "input",
                   {
                     type: "text",
-                    value: p,
-                    onChange: (t) => u(t.target.value),
+                    value: b,
+                    onChange: (t) => g(t.target.value),
                     onKeyDown: (t) => {
-                      t.stopPropagation(), t.key === "Enter" && p.trim() && !b && Lt(), t.key === "Escape" && (g(!1), u(""));
+                      t.stopPropagation(), t.key === "Enter" && b.trim() && !y && _t(), t.key === "Escape" && (p(!1), g(""));
                     },
                     onKeyUp: (t) => {
                       t.stopPropagation();
@@ -1399,22 +1458,22 @@ function eo({
                       t.stopPropagation();
                     },
                     placeholder: "e.g., flying birds, golden sunset, stormy clouds...",
-                    className: "cteditor-w-full cteditor-px-3 cteditor-py-2 cteditor-text-sm cteditor-border cteditor-border-border cteditor-rounded-md cteditor-bg-background cteditor-text-foreground focus:cteditor-outline-none focus:cteditor-ring-2 focus:cteditor-ring-blue-500",
-                    disabled: b,
+                    className: "cteditor-w-full cteditor-px-3 cteditor-py-2 cteditor-text-sm cteditor-border cteditor-border-foreground/10 focus:cteditor-border-foreground cteditor-rounded-md cteditor-bg-background cteditor-text-foreground ",
+                    disabled: y,
                     autoFocus: !0
                   }
                 ),
-                /* @__PURE__ */ f("div", { className: "cteditor-flex cteditor-gap-2", children: [
+                /* @__PURE__ */ h("div", { className: "cteditor-flex cteditor-gap-2 cteditor-justify-end", children: [
                   /* @__PURE__ */ r(
                     "button",
                     {
                       onClick: (t) => {
-                        t.stopPropagation(), Lt();
+                        t.stopPropagation(), _t();
                       },
-                      disabled: b || !p.trim(),
-                      className: "cteditor-flex-1 cteditor-px-3 cteditor-py-2 cteditor-text-sm cteditor-rounded-md cteditor-bg-blue-500 cteditor-text-white hover:cteditor-bg-blue-600 disabled:cteditor-opacity-50 disabled:cteditor-cursor-not-allowed cteditor-transition-colors",
-                      children: b ? /* @__PURE__ */ f("span", { className: "cteditor-flex cteditor-items-center cteditor-justify-center cteditor-gap-2", children: [
-                        /* @__PURE__ */ r("span", { className: "cteditor-inline-block cteditor-w-4 cteditor-h-4 cteditor-border-2 cteditor-border-white cteditor-border-t-transparent cteditor-rounded-full cteditor-animate-spin" }),
+                      disabled: y || !b.trim(),
+                      className: " cteditor-px-5 cteditor-py-2 cteditor-text-sm cteditor-rounded-md cteditor-bg-foreground cteditor-text-background hover:cteditor-bg-foreground/95 disabled:cteditor-opacity-50 disabled:cteditor-cursor-not-allowed cteditor-transition-colors focus:cteditor-outline-none focus:cteditor-ring-2 focus:cteditor-ring-background",
+                      children: y ? /* @__PURE__ */ h("span", { className: "cteditor-flex cteditor-items-center cteditor-justify-center cteditor-gap-2", children: [
+                        /* @__PURE__ */ r("span", { className: "cteditor-inline-block cteditor-w-4 cteditor-h-4 cteditor-border-2  cteditor-border-t-transparent cteditor-rounded-full cteditor-animate-spin" }),
                         "Refining..."
                       ] }) : "Refine Image"
                     }
@@ -1423,35 +1482,35 @@ function eo({
                     "button",
                     {
                       onClick: (t) => {
-                        t.stopPropagation(), g(!1), u("");
+                        t.stopPropagation(), p(!1), g("");
                       },
-                      disabled: b,
-                      className: "cteditor-px-3 cteditor-py-2 cteditor-text-sm cteditor-rounded-md cteditor-bg-background cteditor-border cteditor-border-border cteditor-text-foreground hover:cteditor-bg-accent disabled:cteditor-opacity-50 disabled:cteditor-cursor-not-allowed cteditor-transition-colors",
-                      children: "Cancel"
+                      disabled: y,
+                      className: "cteditor-size-9 cteditor-flex cteditor-items-center cteditor-justify-center cteditor-text-sm cteditor-rounded-md cteditor-bg-background cteditor-border cteditor-border-border cteditor-text-foreground hover:cteditor-bg-accent disabled:cteditor-opacity-50 disabled:cteditor-cursor-not-allowed cteditor-transition-colors",
+                      children: /* @__PURE__ */ r(yr, { size: 16 })
                     }
                   )
                 ] })
               ] })
             }
           ),
-          L && ct(Y) && $t && /* @__PURE__ */ r(
-            Ae,
+          L && at(j) && Ot && !St && /* @__PURE__ */ r(
+            Ye,
             {
               showCaption: P,
-              setShowCaption: ge,
-              editor: l,
-              buttonRef: A,
+              setShowCaption: ve,
+              editor: m,
+              buttonRef: D,
               imageRef: v,
-              maxWidth: y,
-              onResizeStart: fe,
-              onResizeEnd: he,
-              captionsEnabled: !it && w
+              maxWidth: x,
+              onResizeStart: Ce,
+              onResizeEnd: we,
+              captionsEnabled: !q && C
             }
           )
         ]
       }
     ),
-    P && (o.startsWith("Signature by") ? /* @__PURE__ */ r(br, { caption: k }) : /* @__PURE__ */ r(
+    P && (o.startsWith("Signature by") ? /* @__PURE__ */ r(Rr, { caption: N }) : /* @__PURE__ */ r(
       "div",
       {
         className: "image-caption-container",
@@ -1461,74 +1520,74 @@ function eo({
           // Match the image's alignment
           ...c === "inline-center" || c === "full" ? { margin: "0 auto" } : c === "inline-right" ? { marginLeft: "auto" } : c === "left" ? { float: "left", clear: "left" } : c === "right" ? { float: "right", clear: "right" } : {}
         },
-        children: /* @__PURE__ */ f(
-          Gt,
+        children: /* @__PURE__ */ h(
+          re,
           {
-            initialEditor: k,
+            initialEditor: N,
             initialNodes: [
+              ae,
+              ne,
+              se,
+              de,
               Qt,
-              Zt,
-              te,
-              ee,
-              Bt,
-              Xt
+              Jt
             ],
             children: [
-              /* @__PURE__ */ r(De, {}),
+              /* @__PURE__ */ r(_e, {}),
               /* @__PURE__ */ r(
-                Jt,
+                ie,
                 {
                   contentEditable: /* @__PURE__ */ r(
-                    Ut,
+                    Zt,
                     {
                       "aria-placeholder": "Enter a caption...",
                       placeholder: () => /* @__PURE__ */ r("span", { className: "cteditor-text-xs", children: "Enter a caption..." }),
                       className: " cteditor-outline-none !cteditor-shadow-none cteditor-bg-foreground/10 cteditor-border !cteditor-border-foreground/15 cteditor-py-1 cteditor-px-2 cteditor-rounded-sm cteditor-text-xs"
                     }
                   ),
-                  ErrorBoundary: Kt
+                  ErrorBoundary: te
                 }
               ),
               /* @__PURE__ */ r(
-                Vt,
+                oe,
                 {
                   onChange: () => {
                   }
                 }
               ),
-              /* @__PURE__ */ r(qt, {}),
-              /* @__PURE__ */ r(de, { namespace: ce.namespace })
+              /* @__PURE__ */ r(ee, {}),
+              /* @__PURE__ */ r(he, { namespace: pe.namespace })
             ]
           }
         )
       }
     )),
     /* @__PURE__ */ r(
-      Ir,
+      Tr,
       {
         open: F,
-        onOpenChange: st,
+        onOpenChange: ut,
         src: i,
         altText: o,
         width: d,
-        height: C,
-        onCropApply: we
+        height: w,
+        onCropApply: Pe
       }
     ),
     /* @__PURE__ */ r(
-      pr,
+      kr,
       {
-        open: at,
-        onOpenChange: nt,
+        open: ct,
+        onOpenChange: lt,
         oldImageUrl: i,
-        newImageUrl: U,
-        onReplace: Ne,
-        onCancel: Re
+        newImageUrl: G,
+        onReplace: Me,
+        onCancel: Ae
       }
     )
   ] }) });
 }
 export {
-  Ft as RIGHT_CLICK_IMAGE_COMMAND,
-  eo as default
+  Vt as RIGHT_CLICK_IMAGE_COMMAND,
+  co as default
 };