ct-rich-text-editor 1.3.1 → 1.3.2

package/dist/{index-8d147c36.js → index-413952d9.js}

@@ -343,18 +343,18 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
     }
   };
 }
-function setRef(ref, value) {
+function setRef$1(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs(...refs) {
+function composeRefs$1(...refs) {
   return (node) => {
     let hasCleanup = false;
     const cleanups = refs.map((ref) => {
-      const cleanup = setRef(ref, node);
+      const cleanup = setRef$1(ref, node);
       if (!hasCleanup && typeof cleanup == "function") {
         hasCleanup = true;
       }
@@ -367,7 +367,7 @@ function composeRefs(...refs) {
           if (typeof cleanup == "function") {
             cleanup();
           } else {
-            setRef(refs[i2], null);
+            setRef$1(refs[i2], null);
           }
         }
       };
@@ -375,7 +375,7 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React$1.useCallback(composeRefs(...refs), refs);
+  return React$1.useCallback(composeRefs$1(...refs), refs);
 }
 function createContext2(rootComponentName, defaultContext) {
   const Context2 = React$1.createContext(defaultContext);
@@ -536,12 +536,12 @@ function isFunction(value) {
   return typeof value === "function";
 }
 // @__NO_SIDE_EFFECTS__
-function createSlot(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
+function createSlot$1(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone$1(ownerName);
   const Slot2 = React$1.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
     const childrenArray = React$1.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable);
+    const slottable = childrenArray.find(isSlottable$1);
     if (slottable) {
       const newElement = slottable.props.children;
       const newChildren = childrenArray.map((child) => {
@@ -560,16 +560,15 @@ function createSlot(ownerName) {
   Slot2.displayName = `${ownerName}.Slot`;
   return Slot2;
 }
-var Slot$4 = /* @__PURE__ */ createSlot("Slot");
 // @__NO_SIDE_EFFECTS__
-function createSlotClone(ownerName) {
+function createSlotClone$1(ownerName) {
   const SlotClone = React$1.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
     if (React$1.isValidElement(children)) {
-      const childrenRef = getElementRef$1(children);
-      const props2 = mergeProps(slotProps, children.props);
+      const childrenRef = getElementRef$2(children);
+      const props2 = mergeProps$1(slotProps, children.props);
       if (children.type !== React$1.Fragment) {
-        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+        props2.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
       }
       return React$1.cloneElement(children, props2);
     }
@@ -578,20 +577,20 @@ function createSlotClone(ownerName) {
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+var SLOTTABLE_IDENTIFIER$1 = Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function createSlottable(ownerName) {
   const Slottable2 = ({ children }) => {
     return /* @__PURE__ */ jsx(Fragment, { children });
   };
   Slottable2.displayName = `${ownerName}.Slottable`;
-  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
+  Slottable2.__radixId = SLOTTABLE_IDENTIFIER$1;
   return Slottable2;
 }
-function isSlottable(child) {
-  return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+function isSlottable$1(child) {
+  return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$1;
 }
-function mergeProps(slotProps, childProps) {
+function mergeProps$1(slotProps, childProps) {
   const overrideProps = { ...childProps };
   for (const propName in childProps) {
     const slotPropValue = slotProps[propName];
@@ -615,7 +614,7 @@ function mergeProps(slotProps, childProps) {
   }
   return { ...slotProps, ...overrideProps };
 }
-function getElementRef$1(element) {
+function getElementRef$2(element) {
   var _a, _b;
   let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -649,7 +648,7 @@ var NODES = [
   "ul"
 ];
 var Primitive = NODES.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot(`Primitive.${node}`);
+  const Slot2 = /* @__PURE__ */ createSlot$1(`Primitive.${node}`);
   const Node2 = React$1.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot2 : node;
@@ -1134,7 +1133,7 @@ var Presence = (props) => {
   const { present, children } = props;
   const presence = usePresence(present);
   const child = typeof children === "function" ? children({ present: presence.isPresent }) : React$1.Children.only(children);
-  const ref = useComposedRefs(presence.ref, getElementRef(child));
+  const ref = useComposedRefs(presence.ref, getElementRef$1(child));
   const forceMount = typeof children === "function";
   return forceMount || presence.isPresent ? React$1.cloneElement(child, { ref }) : null;
 };
@@ -1233,7 +1232,7 @@ function usePresence(present) {
 function getAnimationName(styles) {
   return (styles == null ? void 0 : styles.animationName) || "none";
 }
-function getElementRef(element) {
+function getElementRef$1(element) {
   var _a, _b;
   let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -2135,7 +2134,7 @@ var DialogOverlay$1 = React$1.forwardRef(
   }
 );
 DialogOverlay$1.displayName = OVERLAY_NAME;
-var Slot$3 = /* @__PURE__ */ createSlot("DialogOverlay.RemoveScroll");
+var Slot$4 = /* @__PURE__ */ createSlot$1("DialogOverlay.RemoveScroll");
 var DialogOverlayImpl = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...overlayProps } = props;
@@ -2143,7 +2142,7 @@ var DialogOverlayImpl = React$1.forwardRef(
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ jsx(RemoveScroll, { as: Slot$3, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(RemoveScroll, { as: Slot$4, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(
         Primitive.div,
         {
           "data-state": getState$1(context.open),
@@ -2848,28 +2847,6 @@ const Plus = createLucideIcon("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
-/**
- * @license lucide-react v0.344.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Quote = createLucideIcon("Quote", [
-  [
-    "path",
-    {
-      d: "M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z",
-      key: "4rm80e"
-    }
-  ],
-  [
-    "path",
-    {
-      d: "M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z",
-      key: "10za9r"
-    }
-  ]
-]);
 /**
  * @license lucide-react v0.344.0 - ISC
  *
@@ -6074,6 +6051,136 @@ const DialogDescription = React$1.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 DialogDescription.displayName = Description.displayName;
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i2 = 0; i2 < cleanups.length; i2++) {
+          const cleanup = cleanups[i2];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef(refs[i2], null);
+          }
+        }
+      };
+    }
+  };
+}
+var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+var use = React$1[" use ".trim().toString()];
+function isPromiseLike(value) {
+  return typeof value === "object" && value !== null && "then" in value;
+}
+function isLazyComponent(element) {
+  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
+}
+// @__NO_SIDE_EFFECTS__
+function createSlot(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
+  const Slot2 = React$1.forwardRef((props, forwardedRef) => {
+    let { children, ...slotProps } = props;
+    if (isLazyComponent(children) && typeof use === "function") {
+      children = use(children._payload);
+    }
+    const childrenArray = React$1.Children.toArray(children);
+    const slottable = childrenArray.find(isSlottable);
+    if (slottable) {
+      const newElement = slottable.props.children;
+      const newChildren = childrenArray.map((child) => {
+        if (child === slottable) {
+          if (React$1.Children.count(newElement) > 1)
+            return React$1.Children.only(null);
+          return React$1.isValidElement(newElement) ? newElement.props.children : null;
+        } else {
+          return child;
+        }
+      });
+      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React$1.isValidElement(newElement) ? React$1.cloneElement(newElement, void 0, newChildren) : null });
+    }
+    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
+  });
+  Slot2.displayName = `${ownerName}.Slot`;
+  return Slot2;
+}
+var Slot$3 = /* @__PURE__ */ createSlot("Slot");
+// @__NO_SIDE_EFFECTS__
+function createSlotClone(ownerName) {
+  const SlotClone = React$1.forwardRef((props, forwardedRef) => {
+    let { children, ...slotProps } = props;
+    if (isLazyComponent(children) && typeof use === "function") {
+      children = use(children._payload);
+    }
+    if (React$1.isValidElement(children)) {
+      const childrenRef = getElementRef(children);
+      const props2 = mergeProps(slotProps, children.props);
+      if (children.type !== React$1.Fragment) {
+        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+      }
+      return React$1.cloneElement(children, props2);
+    }
+    return React$1.Children.count(children) > 1 ? React$1.Children.only(null) : null;
+  });
+  SlotClone.displayName = `${ownerName}.SlotClone`;
+  return SlotClone;
+}
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+function isSlottable(child) {
+  return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+}
+function mergeProps(slotProps, childProps) {
+  const overrideProps = { ...childProps };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      if (slotPropValue && childPropValue) {
+        overrideProps[propName] = (...args) => {
+          const result = childPropValue(...args);
+          slotPropValue(...args);
+          return result;
+        };
+      } else if (slotPropValue) {
+        overrideProps[propName] = slotPropValue;
+      }
+    } else if (propName === "style") {
+      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
+    } else if (propName === "className") {
+      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+    }
+  }
+  return { ...slotProps, ...overrideProps };
+}
+function getElementRef(element) {
+  var _a, _b;
+  let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
 const falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
 const cx = clsx;
 const cva = (base, config) => (props) => {
@@ -6146,7 +6253,7 @@ const buttonVariants = cva(
 );
 const Button = React$1.forwardRef(
   ({ className, variant, size: size2, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot$4 : "button";
+    const Comp = asChild ? Slot$3 : "button";
     return /* @__PURE__ */ jsx(
       Comp,
       {
@@ -7822,16 +7929,16 @@ function CopyButton({ editor, getCodeDOMNode }) {
 }
 const index$4 = "";
 const PRETTIER_PARSER_MODULES = {
-  css: [() => import("./postcss-f084f74d.js")],
-  html: [() => import("./html-5586dbf6.js")],
+  css: [() => import("./postcss-c2592f3f.js")],
+  html: [() => import("./html-f95ee5dc.js")],
   js: [
-    () => import("./babel-d3085146.js"),
-    () => import("./estree-164983f6.js")
+    () => import("./babel-d155920e.js"),
+    () => import("./estree-b1fff53b.js")
   ],
-  markdown: [() => import("./markdown-d513479b.js")],
+  markdown: [() => import("./markdown-1d9e6c3f.js")],
   typescript: [
-    () => import("./typescript-b1005db4.js"),
-    () => import("./estree-164983f6.js")
+    () => import("./typescript-48c10f50.js"),
+    () => import("./estree-b1fff53b.js")
   ]
 };
 async function loadPrettierParserByLang(lang) {
@@ -7842,7 +7949,7 @@ async function loadPrettierParserByLang(lang) {
   return modules;
 }
 async function loadPrettierFormat() {
-  const { format } = await import("./standalone-5a8c6b7e.js");
+  const { format } = await import("./standalone-bcc7f37a.js");
   return format;
 }
 const PRETTIER_OPTIONS_BY_LANG = {
@@ -8726,7 +8833,7 @@ function createCollection(name) {
   };
   CollectionProvider.displayName = PROVIDER_NAME2;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlotImpl = /* @__PURE__ */ createSlot(COLLECTION_SLOT_NAME);
+  const CollectionSlotImpl = /* @__PURE__ */ createSlot$1(COLLECTION_SLOT_NAME);
   const CollectionSlot = React__default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
@@ -8738,7 +8845,7 @@ function createCollection(name) {
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlotImpl = /* @__PURE__ */ createSlot(ITEM_SLOT_NAME);
+  const CollectionItemSlotImpl = /* @__PURE__ */ createSlot$1(ITEM_SLOT_NAME);
   const CollectionItemSlot = React__default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
@@ -12717,10 +12824,10 @@ const PDF_CONFIG = {
 };
 const loadHtml2Pdf = async () => {
   try {
-    const mod = await import("./html2pdf.bundle.min-daf952fb.js").then((n) => n.h);
+    const mod = await import("./html2pdf.bundle.min-96e9ee6a.js").then((n) => n.h);
     return (mod == null ? void 0 : mod.default) || mod;
   } catch {
-    const mod2 = await import("./html2pdf.bundle-f23e1b00.js").then((n) => n.h);
+    const mod2 = await import("./html2pdf.bundle-7d125fec.js").then((n) => n.h);
     return (mod2 == null ? void 0 : mod2.default) || mod2;
   }
 };
@@ -13927,7 +14034,7 @@ const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
     }
   );
 };
-const ImageView = React__default.lazy(() => import("./index-10f9d057.js"));
+const ImageView = React__default.lazy(() => import("./index-91e0322d.js"));
 function isGoogleDocCheckboxImg(img) {
   return img.parentElement != null && img.parentElement.tagName === "LI" && img.previousSibling === null && img.getAttribute("aria-roledescription") === "checkbox";
 }
@@ -15386,38 +15493,10 @@ const BulletListIcon = () => /* @__PURE__ */ jsx(
     )
   }
 );
-const CheckBoxIcon = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M19 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3Z",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M7 13L10 16L17 9",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ]
-  }
-);
+const CheckBoxIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
+  /* @__PURE__ */ jsx("path", { d: "M18.2222 4H5.77778C4.79594 4 4 4.79594 4 5.77778V18.2222C4 19.2041 4.79594 20 5.77778 20H18.2222C19.2041 20 20 19.2041 20 18.2222V5.77778C20 4.79594 19.2041 4 18.2222 4Z", stroke: "currentColor" }),
+  /* @__PURE__ */ jsx("path", { d: "M7.55566 12.8886L10.2223 15.5552L16.4446 9.33301", stroke: "currentColor" })
+] });
 const SearchTextIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -15601,6 +15680,10 @@ const RecordingIcon = () => /* @__PURE__ */ jsx(
 );
 const AddCommentIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M19 14.3333C19 14.7459 18.8361 15.1416 18.5444 15.4333C18.2527 15.725 17.857 15.8889 17.4444 15.8889H8.11111L5 19V6.55556C5 6.143 5.16389 5.74733 5.45561 5.45561C5.74733 5.16389 6.143 5 6.55556 5H17.4444C17.857 5 18.2527 5.16389 18.5444 5.45561C18.8361 5.74733 19 6.143 19 6.55556V14.3333Z", stroke: "currentColor", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }) });
 const CheckIcon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
+const QuoteIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
+  /* @__PURE__ */ jsx("path", { d: "M4.75 19C7 19 10 18.2222 10 12.7779V6.55575C10 5.58354 9.433 4.98699 8.5 5.00022H5.5C4.5625 5.00022 4 5.58354 4 6.53397V11.2223C4 12.1945 4.5625 12.7779 5.5 12.7779C6.25 12.7779 6.25 12.7779 6.25 13.5556V14.3334C6.25 15.1112 5.5 15.8889 4.75 15.8889C4 15.8889 4 15.8952 4 16.6908V18.2222C4 19 4 19 4.75 19Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+  /* @__PURE__ */ jsx("path", { d: "M14.75 19C17 19 20 18.2222 20 12.7779V6.55575C20 5.58354 19.4323 4.98699 18.5 5.00022H15.5C14.5625 5.00022 14 5.58354 14 6.53397V11.2223C14 12.1945 14.5625 12.7779 15.5 12.7779H16.0625C16.0625 14.5278 16.25 15.8889 14 15.8889V18.2222C14 19 14 19 14.75 19Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
+] });
 const EDITOR_NODES = [
   CodeNode,
   CodeHighlightNode,
@@ -15736,7 +15819,7 @@ const formatMenuItems = [
   },
   {
     name: "Quote",
-    icon: /* @__PURE__ */ jsx(Quote, { className: "size-4 mx-1" }),
+    icon: /* @__PURE__ */ jsx(QuoteIcon, {}),
     payload: "quote"
   }
 ];
@@ -17295,7 +17378,7 @@ var MenuRootContentNonModal = React$1.forwardRef((props, forwardedRef) => {
     }
   );
 });
-var Slot$2 = /* @__PURE__ */ createSlot("MenuContent.ScrollLock");
+var Slot$2 = /* @__PURE__ */ createSlot$1("MenuContent.ScrollLock");
 var MenuContentImpl = React$1.forwardRef(
   (props, forwardedRef) => {
     const {
@@ -17767,7 +17850,7 @@ var MenuSubTrigger = React$1.forwardRef(
         "aria-controls": subContext.contentId,
         "data-state": getOpenState(context.open),
         ...props,
-        ref: composeRefs(forwardedRef, subContext.onTriggerChange),
+        ref: composeRefs$1(forwardedRef, subContext.onTriggerChange),
         onClick: (event) => {
           var _a;
           (_a = props.onClick) == null ? void 0 : _a.call(props, event);
@@ -18031,7 +18114,7 @@ var DropdownMenuTrigger$1 = React$1.forwardRef(
         "data-disabled": disabled ? "" : void 0,
         disabled,
         ...triggerProps,
-        ref: composeRefs(forwardedRef, context.triggerRef),
+        ref: composeRefs$1(forwardedRef, context.triggerRef),
         onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {
           if (!disabled && event.button === 0 && event.ctrlKey === false) {
             context.onOpenToggle();
@@ -18862,7 +18945,7 @@ var PopoverContent$1 = React$1.forwardRef(
   }
 );
 PopoverContent$1.displayName = CONTENT_NAME$1;
-var Slot$1 = /* @__PURE__ */ createSlot("PopoverContent.RemoveScroll");
+var Slot$1 = /* @__PURE__ */ createSlot$1("PopoverContent.RemoveScroll");
 var PopoverContentModal = React$1.forwardRef(
   (props, forwardedRef) => {
     const context = usePopoverContext(CONTENT_NAME$1, props.__scopePopover);
@@ -19628,7 +19711,7 @@ SelectContent$1.displayName = CONTENT_NAME;
 var CONTENT_MARGIN = 10;
 var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME);
 var CONTENT_IMPL_NAME = "SelectContentImpl";
-var Slot = /* @__PURE__ */ createSlot("SelectContent.RemoveScroll");
+var Slot = /* @__PURE__ */ createSlot$1("SelectContent.RemoveScroll");
 var SelectContentImpl = React$1.forwardRef(
   (props, forwardedRef) => {
     const {
@@ -20697,7 +20780,7 @@ const FontFamilyMenu = ({
     applyFontFamily(value);
   };
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Select, { value: selectedFont, onValueChange: handleFontChange, children: [
-    /* @__PURE__ */ jsx(SelectTrigger, { className: "!cteditor-h-7 !cteditor-bg-secondary cteditor-text-foreground !cteditor-w-[120px] cteditor-text-xs", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select font" }) }),
+    /* @__PURE__ */ jsx(SelectTrigger, { className: "!cteditor-h-7 md:!cteditor-bg-secondary !cteditor-bg-foreground/5 cteditor-text-foreground md:!cteditor-w-[120px] cteditor-text-xs max-md:cteditor-w-full", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select font" }) }),
     /* @__PURE__ */ jsx(SelectContent, { children: fonts.map((font) => /* @__PURE__ */ jsx(SelectItem, { value: font, style: { fontFamily: font }, children: font }, font)) })
   ] }) });
 };
@@ -20890,7 +20973,7 @@ const FormatTextMenu = ({ hasFormat, blockType }) => {
         },
         index2
       )),
-      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" }),
       listQuoteFormattingItems.map((option, index2) => /* @__PURE__ */ jsxs(
         DropdownMenuItem$1,
         {
@@ -21208,7 +21291,7 @@ const InsertFileUploadedDialogBody = ({ onClick }) => {
       Input$1,
       {
         type: "file",
-        className: "cteditor-w-full",
+        className: "cteditor-w-full cteditor-border-[1px] cteditor-border-dashed cteditor-border-foreground cteditor-h-auto cteditor-py-4 cteditor-rounded-xl cteditor-cursor-pointer",
         accept: ALLOWED_MIME_TYPES.join(","),
         onChange: onChangeFile
       }
@@ -21225,7 +21308,7 @@ const InsertFileUploadedDialogBody = ({ onClick }) => {
       {
         disabled: !fileToUpload || uploading,
         onClick: handleConfirmUpload,
-        className: "cteditor-mt-2",
+        className: "cteditor-mt-2 cteditor-w-full",
         children: uploading ? `Uploading... ${progress}%` : "Confirm Upload"
       }
     )
@@ -21241,8 +21324,7 @@ const InsertFileDialog = ({
   };
   return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:cteditor-max-w-md", children: [
     /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Insert File" }) }),
-    /* @__PURE__ */ jsx("div", { className: "cteditor-py-2", children: /* @__PURE__ */ jsx(InsertFileUploadedDialogBody, { onClick }) }),
-    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { onClick: onClose, children: "Cancel" }) })
+    /* @__PURE__ */ jsx("div", { className: "cteditor-py-2", children: /* @__PURE__ */ jsx(InsertFileUploadedDialogBody, { onClick }) })
   ] }) });
 };
 const INSERT_IMAGE_COMMAND = createCommand("INSERT_IMAGE_COMMAND");
@@ -21322,49 +21404,28 @@ const InsertImageUploadedDialogBody = ({
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-4", children: [
-    tempSrc && /* @__PURE__ */ jsx("div", { className: "cteditor-mb-4", children: /* @__PURE__ */ jsx(
+    tempSrc && /* @__PURE__ */ jsx("div", { className: "cteditor-mb-4 cteditor-flex cteditor-justify-center", children: /* @__PURE__ */ jsx(
       "img",
       {
         src: tempSrc,
         alt: "Preview",
-        className: "cteditor-max-w-full cteditor-max-h-[200px] cteditor-object-contain"
+        className: "cteditor-max-w-full cteditor-max-h-44 cteditor-object-contain"
       }
     ) }),
-    /* @__PURE__ */ jsxs("div", { className: "fileUploadBox cteditor-flex cteditor-items-center cteditor-justify-center cteditor-border-2 cteditor-border-dashed cteditor-border-gray-300 cteditor-p-4 cteditor-rounded-lg", children: [
-      /* @__PURE__ */ jsx("div", { className: "fubIcon cteditor-mr-4", children: /* @__PURE__ */ jsxs(
-        "svg",
+    /* @__PURE__ */ jsx("div", { className: "fileUploadBox cteditor-flex cteditor-items-center cteditor-justify-center cteditor-border-[1px] cteditor-border-dashed cteditor-h-auto cteditor-border-foreground  cteditor-rounded-xl cteditor-p-0 ", children: /* @__PURE__ */ jsxs("div", { className: "flex-grow cteditor-w-full", children: [
+      /* @__PURE__ */ jsx(Label$2, { htmlFor: "image-upload", className: "!cteditor-sr-only", children: "Upload Image" }),
+      /* @__PURE__ */ jsx(
+        Input$1,
         {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "24",
-          height: "24",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          children: [
-            /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-            /* @__PURE__ */ jsx("polyline", { points: "17 8 12 3 7 8" }),
-            /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
-          ]
+          id: "image-upload",
+          type: "file",
+          accept: "image/*",
+          onChange: onChangeImage,
+          "data-test-id": "image-modal-file-upload",
+          className: "cteditor-w-full !cteditor-py-3 !cteditor-h-auto !cteditor-border-none"
         }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex-grow", children: [
-        /* @__PURE__ */ jsx(Label$2, { htmlFor: "image-upload", className: "!cteditor-sr-only", children: "Upload Image" }),
-        /* @__PURE__ */ jsx(
-          Input$1,
-          {
-            id: "image-upload",
-            type: "file",
-            accept: "image/*",
-            onChange: onChangeImage,
-            "data-test-id": "image-modal-file-upload",
-            className: "cteditor-w-full"
-          }
-        )
-      ] })
-    ] }),
+      )
+    ] }) }),
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Label$2, { htmlFor: "alt-text", className: "cteditor-mb-2 cteditor-block", children: "Alt Text" }),
       /* @__PURE__ */ jsx(
@@ -21375,7 +21436,7 @@ const InsertImageUploadedDialogBody = ({
           value: altText,
           onChange: (e) => setAltText(e.target.value),
           "data-test-id": "image-modal-alt-text-input",
-          className: "cteditor-w-full"
+          className: "cteditor-w-full cteditor-cursor-pointer"
         }
       )
     ] }),
@@ -21566,8 +21627,7 @@ const InsertImageDialog = ({ activeEditor, onClose }) => {
           ]
         }
       )
-    ] }) : mode === "file" ? /* @__PURE__ */ jsx(InsertImageUploadedDialogBody, { onClick }) : /* @__PURE__ */ jsx(InsertImageUrlDialogBody, { onClick }),
-    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }) })
+    ] }) : mode === "file" ? /* @__PURE__ */ jsx(InsertImageUploadedDialogBody, { onClick }) : /* @__PURE__ */ jsx(InsertImageUrlDialogBody, { onClick })
   ] }) });
 };
 function _extends() {
@@ -22497,30 +22557,33 @@ const SignatureCanvasDialog = ({
   return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: () => onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "!cteditor-max-w-3xl", children: [
     /* @__PURE__ */ jsxs("div", { className: "cteditor-space-y-4", children: [
       /* @__PURE__ */ jsx("div", { className: "cteditor-text-lg cteditor-font-medium", children: "Draw your signature" }),
-      /* @__PURE__ */ jsxs("div", { className: "cteditor-mb-2", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "penColor", className: "cteditor-mr-2", children: "Choose Color:" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "color",
-            id: "penColor",
-            value: penColor,
-            onChange: handleColorChange
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "cteditor-mb-4", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "uploadSignature", className: "cteditor-mr-2 cteditor-cursor-pointer cteditor-text-blue-600 underline", children: "Upload Signature Image" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "file",
-            id: "uploadSignature",
-            accept: "image/*",
-            onChange: handleUpload,
-            className: "cteditor-hidden"
-          }
-        )
+      /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-justify-between cteditor-gap-3 cteditor-items-center", children: [
+        /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-gap-2 cteditor-items-center", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "penColor", children: "Choose Color:" }),
+          /* @__PURE__ */ jsx("div", { className: "cteditor-size-8 cteditor-overflow-hidden cteditor-relative cteditor-rounded-md cteditor-border cteditor-border-foreground/5", children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "color",
+              id: "penColor",
+              value: penColor,
+              onChange: handleColorChange,
+              className: "cteditor-scale-[5] cteditor-absolute cteditor-inset-0 cteditor-cursor-pointer"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "uploadSignature", className: "cteditor-cursor-pointer cteditor-text-foreground underline cteditor-text-sm cteditor-rounded-md cteditor-h-9 cteditor-px-4 cteditor-font-medium cteditor-shadow-sm cteditor-bg-background cteditor-border-input cteditor-border cteditor-flex cteditor-items-center hover:cteditor-bg-accent", children: "Upload Signature Image" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "file",
+              id: "uploadSignature",
+              accept: "image/*",
+              onChange: handleUpload,
+              className: "cteditor-hidden"
+            }
+          )
+        ] })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "cteditor-border cteditor-border-gray-300 cteditor-rounded-sm cteditor-bg-white", children: /* @__PURE__ */ jsx(
         SignatureCanvas,
@@ -22782,14 +22845,14 @@ const InsertMenuDrop = () => {
     }
   ];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "cteditor-flex cteditor-flex-col cteditor-gap-1", children: insertMenuItems.map((option, index2) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx("div", { className: "cteditor-flex cteditor-flex-col", children: insertMenuItems.map((option, index2) => /* @__PURE__ */ jsxs(
       "button",
       {
-        className: "cteditor-relative cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-gap-2 cteditor-rounded-sm cteditor-px-2 cteditor-py-1.5 cteditor-text-[13px] cteditor-outline-none cteditor-transition-colors focus:cteditor-bg-foreground/5 focus:cteditor-text-accent-foreground data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50 [&>svg]:cteditor-size-4 [&>svg]:cteditor-shrink-0",
+        className: "cteditor-relative cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-gap-2 cteditor-rounded-sm cteditor-px-2 cteditor-py-1.5 cteditor-text-[13px] cteditor-outline-none cteditor-transition-colors focus:cteditor-bg-foreground/5 focus:cteditor-text-accent-foreground hover:cteditor-bg-foreground/5 data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50  [&>svg]:cteditor-shrink-0",
         onClick: option.onClick,
         title: option.name,
         children: [
-          /* @__PURE__ */ jsx("span", { className: "[&>svg]:cteditor-size-4", children: option.icon }),
+          /* @__PURE__ */ jsx("span", { className: "cteditor-size-6 [&>svg]:cteditor-size-4 cteditor-flex cteditor-justify-center cteditor-items-center", children: option.icon }),
           /* @__PURE__ */ jsx("span", { children: option.name })
         ]
       },
@@ -22806,7 +22869,7 @@ const AlignMenuDrop = () => {
       onClick: () => {
         editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, option.payload);
       },
-      className: "cteditor-relative cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-gap-2 cteditor-rounded-sm cteditor-px-2 cteditor-py-1.5 cteditor-text-[13px] cteditor-outline-none cteditor-transition-colors focus:cteditor-bg-foreground/5 focus:cteditor-text-accent-foreground data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50 [&>svg]:cteditor-size-4 [&>svg]:cteditor-shrink-0",
+      className: "cteditor-relative cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-gap-2 cteditor-rounded-sm cteditor-px-2 cteditor-py-1.5 cteditor-text-[13px] cteditor-outline-none cteditor-transition-colors focus:cteditor-bg-foreground/5 focus:cteditor-text-accent-foreground hover:cteditor-bg-foreground/5 data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50 [&>svg]:cteditor-size-4 [&>svg]:cteditor-shrink-0",
       title: option.name,
       children: [
         /* @__PURE__ */ jsx("span", { className: "[&>svg]:cteditor-size-4", children: option.icon }),
@@ -22816,6 +22879,99 @@ const AlignMenuDrop = () => {
     index2
   )) });
 };
+const FormatTextMenuDrop = ({ hasFormat, blockType }) => {
+  const [editor] = useLexicalComposerContext();
+  const textFormats = [
+    "bold",
+    "italic",
+    "strikethrough",
+    "underline",
+    "code",
+    "subscript",
+    "superscript"
+  ];
+  const handleFormatClick = (payload) => {
+    if (textFormats.includes(payload)) {
+      editor.dispatchCommand(FORMAT_TEXT_COMMAND, payload);
+      return;
+    }
+    editor.update(() => {
+      const selection = $getSelection();
+      if (!$isRangeSelection(selection))
+        return;
+      switch (payload) {
+        case "bullet":
+          if (blockType !== "bullet") {
+            editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
+          } else {
+            editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
+          }
+          break;
+        case "number":
+          if (blockType !== "number") {
+            editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
+          } else {
+            editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
+          }
+          break;
+        case "check":
+          if (blockType !== "check") {
+            editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, void 0);
+          } else {
+            editor.dispatchCommand(REMOVE_LIST_COMMAND, void 0);
+          }
+          break;
+        case "quote":
+          $setBlocksType(selection, () => $createQuoteNode());
+          break;
+      }
+    });
+  };
+  const textFormattingItems = formatMenuItems.filter(
+    (item) => textFormats.includes(item.payload)
+  );
+  const listQuoteFormattingItems = formatMenuItems.filter(
+    (item) => !textFormats.includes(item.payload)
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-flex-col  cteditor-w-full", children: [
+    textFormattingItems.map((option, index2) => /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: cn$1(
+          "cteditor-relative cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-gap-2 cteditor-rounded-sm cteditor-px-2 cteditor-py-1.5 cteditor-text-[13px] cteditor-outline-none cteditor-transition-colors focus:cteditor-bg-foreground/5 focus:cteditor-text-accent-foreground hover:cteditor-bg-foreground/5 data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50 [&>svg]:cteditor-size-4 [&>svg]:cteditor-shrink-0 !cteditor-justify-start cteditor-h-auto ",
+          hasFormat[option.payload] && "cteditor-bg-accent"
+        ),
+        onClick: () => handleFormatClick(option.payload),
+        title: option.name,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "[&>svg]:cteditor-size-4", children: option.icon }),
+          /* @__PURE__ */ jsx("span", { children: option.name })
+        ]
+      },
+      index2
+    )),
+    listQuoteFormattingItems.map((option, index2) => /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: cn$1(
+          "cteditor-relative cteditor-flex cteditor-cursor-pointer cteditor-select-none cteditor-items-center cteditor-gap-2 cteditor-rounded-sm cteditor-px-2 cteditor-py-1.5 cteditor-text-[13px] cteditor-outline-none cteditor-transition-colors focus:cteditor-bg-foreground/5 focus:cteditor-text-accent-foreground hover:cteditor-bg-foreground/5 data-[disabled]:cteditor-pointer-events-none data-[disabled]:cteditor-opacity-50 [&>svg]:cteditor-size-4 [&>svg]:cteditor-shrink-0 !cteditor-justify-start cteditor-h-auto",
+          blockType === option.payload && "cteditor-bg-accent"
+        ),
+        onClick: () => handleFormatClick(option.payload),
+        title: option.name,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "[&>svg]:cteditor-size-4", children: option.icon }),
+          /* @__PURE__ */ jsx("span", { children: option.name })
+        ]
+      },
+      `list-quote-${index2}`
+    ))
+  ] });
+};
 const Toolbar = ({
   editable,
   enableUndoRedo = true,
@@ -23246,7 +23402,7 @@ const Toolbar = ({
             "div",
             {
               ref: contentRef,
-              className: "cteditor-flex cteditor-items-center cteditor-gap-1.5 cteditor-flex-1 cteditor-overflow-x-auto cteditor-flex-nowrap",
+              className: "cteditor-flex cteditor-items-center cteditor-gap-1.5  cteditor-overflow-x-auto cteditor-overflow-y-hidden cteditor-flex-nowrap no-scrollbar",
               style: {
                 scrollBehavior: "smooth",
                 WebkitOverflowScrolling: "touch"
@@ -23420,8 +23576,10 @@ const Toolbar = ({
                   ) }),
                   /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Insert code block" }) })
                 ] }) }),
-                enableFormatTextMenu && activeEditor === editor && /* @__PURE__ */ jsx("div", { "data-toolbar-item": "formatTextMenu", className: "cteditor-size-6", children: /* @__PURE__ */ jsx(FormatTextMenu, { hasFormat, blockType }) }),
-                /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" }),
+                enableFormatTextMenu && activeEditor === editor && /* @__PURE__ */ jsxs("div", { "data-toolbar-item": "formatTextMenu", className: "cteditor-size-6", children: [
+                  /* @__PURE__ */ jsx(FormatTextMenu, { hasFormat, blockType }),
+                  /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
+                ] }),
                 enableColorPicker && activeEditor === editor && /* @__PURE__ */ jsxs(
                   "div",
                   {
@@ -23458,8 +23616,7 @@ const Toolbar = ({
                           }
                         },
                         "bg-color-picker"
-                      ) }),
-                      /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
+                      ) })
                     ]
                   }
                 ),
@@ -23472,7 +23629,7 @@ const Toolbar = ({
                       size: "icon-sm",
                       onClick: insertLink,
                       className: cn$1(
-                        isLinkActive ? "dark:cteditor-text-blue-500 cteditor-text-blue-700" : "cteditor-text-foreground"
+                        isLinkActive ? "cteditor-bg-accent" : "cteditor-text-foreground"
                       ),
                       children: /* @__PURE__ */ jsx(LinkIcon, {})
                     }
@@ -23548,8 +23705,8 @@ const Toolbar = ({
                       disabled: !editable,
                       className: cn$1(
                         classes.toolbarButton,
-                        toolbarState.isAutocompleteEnabled && "cteditor-bg-foreground/20",
-                        "[&>svg]:!cteditor-size-4"
+                        toolbarState.isAutocompleteEnabled && "",
+                        "[&>svg]:!cteditor-size-4 p-1"
                       ),
                       children: /* @__PURE__ */ jsx(SearchTextIcon2, {})
                     }
@@ -23588,7 +23745,7 @@ const Toolbar = ({
                       className: "cteditor-relative",
                       children: [
                         isExportingPDF ? /* @__PURE__ */ jsx(Loader2, { className: "!cteditor-size-4 cteditor-animate-spin" }) : /* @__PURE__ */ jsx(Download, { className: "!cteditor-size-4" }),
-                        /* @__PURE__ */ jsx("span", { className: "cteditor-ml-1", children: isExportingPDF ? `Exporting... ${exportProgress}%` : "Export" })
+                        /* @__PURE__ */ jsx("span", { children: isExportingPDF ? `Exporting... ${exportProgress}%` : "Export" })
                       ]
                     }
                   ) }),
@@ -23600,7 +23757,7 @@ const Toolbar = ({
                     {
                       variant: "outline",
                       size: "sm",
-                      className: "cteditor-px-4 cteditor-gap-3 [&>svg]:!cteditor-size-4 cteditor-bg-gradient-to-r cteditor-from-background cteditor-via-primary/10 cteditor-to-background hover:cteditor-from-background/80 hover:cteditor-via-primary/10 hover:cteditor-to-background/80",
+                      className: "cteditor-px-4 cteditor-gap-2 [&>svg]:!cteditor-size-4 cteditor-bg-gradient-to-r cteditor-from-background cteditor-via-primary/10 cteditor-to-background hover:cteditor-from-background/80 hover:cteditor-via-primary/10 hover:cteditor-to-background/80",
                       children: [
                         /* @__PURE__ */ jsx(MagicoonIcon, {}),
                         " Go with AI"
@@ -23705,7 +23862,7 @@ const Toolbar = ({
               open: isMoreMenuOpen,
               onOpenChange: setIsMoreMenuOpen,
               children: [
-                /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "!cteditor-px-1 !cteditor-py-0.5 !cteditor-h-7 !cteditor-gap-1", children: [
+                /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "!cteditor-px-1 !cteditor-py-0.5 !cteditor-h-7 !cteditor-gap-1 !cteditor-bg-accent", children: [
                   /* @__PURE__ */ jsx(Plus, { className: "!cteditor-size-5" }),
                   /* @__PURE__ */ jsx(ChevronDown, { className: "!cteditor-size-3.5" })
                 ] }) }),
@@ -23776,33 +23933,32 @@ const Toolbar = ({
                             children: /* @__PURE__ */ jsx(
                               "div",
                               {
-                                className: "cteditor-w-full",
+                                className: "cteditor-w-full ",
                                 onClick: (e) => e.stopPropagation(),
                                 children: /* @__PURE__ */ jsx(FontSizeControl, {})
                               }
                             )
                           }
-                        ),
-                        /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
-                      ] }),
-                      enableTableOptions && activeEditor === editor && hiddenItemIds.has("tableOptions") && /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx(
-                          DropdownMenuItem$1,
-                          {
-                            asChild: true,
-                            onSelect: (e) => e.preventDefault(),
-                            children: /* @__PURE__ */ jsx(
-                              "div",
-                              {
-                                className: "cteditor-w-full",
-                                onClick: (e) => e.stopPropagation(),
-                                children: /* @__PURE__ */ jsx(TableOptionPlugin, {})
-                              }
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+                        )
                       ] }),
+                      enableTableOptions && activeEditor === editor && hiddenItemIds.has("tableOptions") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+                        DropdownMenuItem$1,
+                        {
+                          asChild: true,
+                          onSelect: (e) => e.preventDefault(),
+                          children: /* @__PURE__ */ jsxs(
+                            "div",
+                            {
+                              className: "cteditor-w-full",
+                              onClick: (e) => e.stopPropagation(),
+                              children: [
+                                /* @__PURE__ */ jsx(TableOptionPlugin, {}),
+                                "Table"
+                              ]
+                            }
+                          )
+                        }
+                      ) }),
                       enableTextFormatting && hiddenItemIds.has("inlineFormats") && /* @__PURE__ */ jsxs(
                         DropdownMenuItem$1,
                         {
@@ -23811,33 +23967,22 @@ const Toolbar = ({
                             "strikethrough"
                           ),
                           children: [
-                            /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(StrikethroughIcon, {}) }),
+                            /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-6", children: /* @__PURE__ */ jsx(StrikethroughIcon, {}) }),
                             "Strikethrough"
                           ]
                         }
                       ),
                       enableCodeFormat && activeEditor === editor && hiddenItemIds.has("codeBlock") && /* @__PURE__ */ jsxs(DropdownMenuItem$1, { onClick: formatCodeBlock, children: [
-                        /* @__PURE__ */ jsx("div", { className: "cteditor-mr-2 [&>svg]:!cteditor-size-4", children: /* @__PURE__ */ jsx(CodeIcon, {}) }),
+                        /* @__PURE__ */ jsx("div", { className: " [&>svg]:!cteditor-size-6", children: /* @__PURE__ */ jsx(CodeIcon, {}) }),
                         "Code Block"
                       ] }),
-                      enableFormatTextMenu && activeEditor === editor && hiddenItemIds.has("formatTextMenu") && /* @__PURE__ */ jsx(
-                        DropdownMenuItem$1,
-                        {
-                          asChild: true,
-                          onSelect: (e) => e.preventDefault(),
-                          children: /* @__PURE__ */ jsx(
-                            "div",
-                            {
-                              className: "cteditor-w-full",
-                              onClick: (e) => e.stopPropagation(),
-                              children: /* @__PURE__ */ jsx(FormatTextMenu, { hasFormat, blockType })
-                            }
-                          )
-                        }
-                      ),
+                      enableFormatTextMenu && activeEditor === editor && hiddenItemIds.has("formatTextMenu") && /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full  cteditor-pt-1", children: [
+                        /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60  cteditor-px-2", children: "Format" }),
+                        /* @__PURE__ */ jsx(FormatTextMenuDrop, { hasFormat, blockType }),
+                        /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" })
+                      ] }),
                       enableColorPicker && activeEditor === editor && hiddenItemIds.has("colorPickers") && /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" }),
-                        /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5 hover:cteditor-bg-foreground/5", children: [
                           /* @__PURE__ */ jsx(
                             ColorPicker$2,
                             {
@@ -23864,7 +24009,7 @@ const Toolbar = ({
                           ),
                           /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1 cteditor-text-xs", children: "Font Color" })
                         ] }),
-                        /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5 hover:cteditor-bg-foreground/5", children: [
                           /* @__PURE__ */ jsx(
                             ColorPicker$2,
                             {
@@ -23926,7 +24071,7 @@ const Toolbar = ({
                           )
                         }
                       ),
-                      hiddenItemIds.has("highlight") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5", children: [
+                      hiddenItemIds.has("highlight") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-px-2 cteditor-py-1.5 hover:cteditor-bg-foreground/5", children: [
                         /* @__PURE__ */ jsx(
                           HighlightColorPicker,
                           {
@@ -23939,108 +24084,119 @@ const Toolbar = ({
                         ),
                         /* @__PURE__ */ jsx("span", { className: "cteditor-flex-1 cteditor-text-sm", children: "Highlight" })
                       ] }) }),
-                      enableAlignment && activeEditor === editor && hiddenItemIds.has("alignMenu") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-p-2", children: [
-                        /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60", children: "Align Menu" }),
+                      enableAlignment && activeEditor === editor && hiddenItemIds.has("alignMenu") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full cteditor-pt-2", children: [
+                        /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60 cteditor-px-2", children: "Align Menu" }),
                         /* @__PURE__ */ jsx(AlignMenuDrop, {})
                       ] }) }),
-                      hiddenItemIds.has("aiOptions") && /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full", children: [
-                          /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60 cteditor-px-2  cteditor-pt-2", children: "Go with AI" }),
-                          /* @__PURE__ */ jsxs("div", { className: "cteditor-aiOption cteditor-w-full cteditor-space-y-1 [&>button]:cteditor-relative [&>button]:cteditor-flex [&>button]:cteditor-cursor-pointer [&>button]:cteditor-select-none [&>button]:cteditor-items-center [&>button]:cteditor-gap-2 [&>button]:cteditor-rounded-sm [&>button]:cteditor-px-2 [&>button]:cteditor-py-1.5 [&>button]:cteditor-text-[13px] [&>button]:cteditor-outline-none [&>button]:cteditor-transition-colors [&>button]:focus:cteditor-bg-foreground/5 [&>button]:focus:cteditor-text-accent-foreground [&>button]:data-[disabled]:cteditor-pointer-events-none [&>button]:data-[disabled]:cteditor-opacity-50 [&>button>svg]:cteditor-size-4 [&>button>svg]:cteditor-shrink-0", children: [
-                            /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                  type: "SPELLING_GRAMMAR"
-                                }),
-                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                                children: [
-                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(SearchTextIcon, {}) }),
-                                  "Fix Grammar"
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                  type: "SIMPLIFY"
-                                }),
-                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                                children: [
-                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(PenLineIcon, {}) }),
-                                  "Simplify"
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                  type: "COMPLETE_SENTENCE"
-                                }),
-                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                                children: [
-                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(MenuAltIcon, {}) }),
-                                  "Complete Sentence"
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                  type: "EMOJIFY"
-                                }),
-                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                                children: [
-                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(FaceSmileIcon2, {}) }),
-                                  "Emojify"
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                  type: "TRANSLATE"
-                                }),
-                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                                children: [
-                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(TranslateIcon, {}) }),
-                                  "Translate"
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
-                                  type: "AI_RESPONSE"
-                                }),
-                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                                children: [
-                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(SparkleIcon, {}) }),
-                                  "AI"
-                                ]
-                              }
-                            ),
-                            /* @__PURE__ */ jsxs(
-                              "button",
-                              {
-                                onClick: () => editor.dispatchCommand(AI_IMAGE_COMMAND, {
-                                  type: "CREATE_IMAGE"
-                                }),
-                                className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
-                                children: [
-                                  /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(ImageIcon, {}) }),
-                                  "Generate Image"
-                                ]
-                              }
-                            )
-                          ] })
-                        ] }),
-                        /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" })
+                      hiddenItemIds.has("aiOptions") && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "cteditor-w-full", children: [
+                        /* @__PURE__ */ jsx("div", { className: "cteditor-text-xs cteditor-font-medium cteditor-mb-1 cteditor-opacity-60 cteditor-px-2  cteditor-pt-2", children: "Go with AI" }),
+                        /* @__PURE__ */ jsxs("div", { className: "cteditor-aiOption cteditor-w-full  [&>button]:cteditor-relative [&>button]:cteditor-flex [&>button]:cteditor-cursor-pointer [&>button]:cteditor-select-none [&>button]:cteditor-items-center [&>button]:cteditor-gap-2 [&>button]:cteditor-rounded-sm [&>button]:cteditor-px-2 [&>button]:cteditor-py-1.5 [&>button]:cteditor-text-[13px] [&>button]:cteditor-outline-none [&>button]:cteditor-transition-colors focus:[&>button]:cteditor-bg-foreground/5 focus:[&>button]:cteditor-text-accent-foreground hover:[&>button]:cteditor-bg-foreground/5 [&>button]:data-[disabled]:cteditor-pointer-events-none [&>button]:data-[disabled]:cteditor-opacity-50 [&>button>svg]:cteditor-size-4 [&>button>svg]:cteditor-shrink-0", children: [
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                type: "SPELLING_GRAMMAR"
+                              }),
+                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(SearchTextIcon, {}) }),
+                                "Fix Grammar"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                type: "SIMPLIFY"
+                              }),
+                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(PenLineIcon, {}) }),
+                                "Simplify"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                type: "COMPLETE_SENTENCE"
+                              }),
+                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(MenuAltIcon, {}) }),
+                                "Complete Sentence"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                type: "EMOJIFY"
+                              }),
+                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(FaceSmileIcon2, {}) }),
+                                "Emojify"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                type: "TRANSLATE"
+                              }),
+                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(TranslateIcon, {}) }),
+                                "Translate"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              onClick: () => editor.dispatchCommand(AI_ACTION_COMMAND, {
+                                type: "AI_RESPONSE"
+                              }),
+                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(SparkleIcon, {}) }),
+                                "AI"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              onClick: () => editor.dispatchCommand(AI_IMAGE_COMMAND, {
+                                type: "CREATE_IMAGE"
+                              }),
+                              className: "cteditor-w-full cteditor-justify-start cteditor-gap-2",
+                              children: [
+                                /* @__PURE__ */ jsx("div", { className: "[&>svg]:cteditor-size-5 cteditor-size-6 cteditor-flex cteditor-justify-center cteditor-items-center", children: /* @__PURE__ */ jsx(ImageIcon, {}) }),
+                                "Generate Image"
+                              ]
+                            }
+                          )
+                        ] })
+                      ] }) }),
+                      (enableHtmlViewToggle || enableHtmlView) && hiddenItemIds.has("htmlView") && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "!cteditor-bg-foreground/10" }),
+                        /* @__PURE__ */ jsxs(
+                          DropdownMenuItem$1,
+                          {
+                            onClick: toggleHtmlView,
+                            disabled: !editable,
+                            children: [
+                              /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(FileCode2, {}) }),
+                              isHtmlView ? "Switch to Editor View" : "Switch to HTML View"
+                            ]
+                          }
+                        )
                       ] }),
                       enableAutocompleteToggle && hiddenItemIds.has("autocomplete") && /* @__PURE__ */ jsxs(
                         DropdownMenuItem$1,
@@ -24052,17 +24208,6 @@ const Toolbar = ({
                             toolbarState.isAutocompleteEnabled ? "Disable Autocorrection" : "Enable Autocorrection"
                           ]
                         }
-                      ),
-                      (enableHtmlViewToggle || enableHtmlView) && hiddenItemIds.has("htmlView") && /* @__PURE__ */ jsxs(
-                        DropdownMenuItem$1,
-                        {
-                          onClick: toggleHtmlView,
-                          disabled: !editable,
-                          children: [
-                            /* @__PURE__ */ jsx("div", { className: "[&>svg]:!cteditor-size-4 cteditor-size-6 cteditor-flex cteditor-items-center cteditor-justify-center", children: /* @__PURE__ */ jsx(FileCode2, {}) }),
-                            isHtmlView ? "Switch to Editor View" : "Switch to HTML View"
-                          ]
-                        }
                       )
                     ]
                   }
@@ -24980,7 +25125,7 @@ function CombinedAutocompleteGrammarPlugin({
       Card,
       {
         ref: menuRef,
-        className: "cteditor-w-80 cteditor-max-h-64 cteditor-overflow-hidden cteditor-shadow-lg cteditor-border cteditor-bg-background cteditor-rounded-md",
+        className: "sm:cteditor-w-[28rem] sm:cteditor-max-w-md cteditor-w-[20rem] cteditor-max-w-xs cteditor-max-h-64 cteditor-overflow-hidden cteditor-shadow-lg cteditor-border cteditor-bg-background cteditor-rounded-md",
         children: [
           /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-border-b cteditor-bg-muted/30", children: [
             /* @__PURE__ */ jsxs(
@@ -26260,19 +26405,15 @@ function FloatingLinkEditor({
     "div",
     {
       ref: editorRef,
-      className: "link-editor cteditor-bg-background cteditor-border cteditor-border-border cteditor-rounded-xl cteditor-shadow-2xl cteditor-overflow-hidden cteditor-backdrop-blur-sm",
-      style: {
-        background: "linear-gradient(135deg, hsl(var(--cteditor-background)) 0%, hsl(var(--cteditor-accent) / 0.05) 100%)",
-        minWidth: "200px"
-      },
+      className: "link-editor  cteditor-border cteditor-border-background/20 cteditor-rounded-md cteditor-shadow-2xl cteditor-overflow-hidden cteditor-backdrop-blur-sm",
       children: shouldShowEditMode ? (
         // EDIT MODE - Input to edit URL
-        /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-p-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-p-1 cteditor-w-full", children: [
           /* @__PURE__ */ jsx("div", { className: "cteditor-flex-1", children: /* @__PURE__ */ jsx(
             "input",
             {
               ref: inputRef,
-              className: "link-input cteditor-w-full cteditor-px-4 cteditor-py-2.5 cteditor-text-sm cteditor-border cteditor-border-border/50 cteditor-rounded-lg cteditor-bg-background focus:cteditor-bg-background focus:cteditor-outline-none focus:cteditor-ring-2 focus:cteditor-ring-primary/50 focus:cteditor-border-primary cteditor-transition-all cteditor-duration-200 placeholder:cteditor-text-muted-foreground cteditor-font-medium",
+              className: "link-input cteditor-w-full cteditor-px-4 cteditor-py-2.5 cteditor-text-sm cteditor-border cteditor-border-background/20 cteditor-rounded-md cteditor-bg-transparent cteditor-transition-all cteditor-duration-200 cteditor-text-background placeholder:cteditor-text-background cteditor-font-medium cteditor-outline-background/30",
               value: editedLinkUrl,
               placeholder: "Enter URL (e.g., https://example.com)",
               onChange: (event) => setEditedLinkUrl(event.target.value),
@@ -26291,7 +26432,7 @@ function FloatingLinkEditor({
           /* @__PURE__ */ jsx(
             "button",
             {
-              className: "cteditor-p-2.5 cteditor-rounded-lg cteditor-bg-primary cteditor-text-primary-foreground hover:cteditor-bg-primary/90 cteditor-transition-all cteditor-duration-200 hover:cteditor-scale-105 active:cteditor-scale-95 cteditor-shadow-md hover:cteditor-shadow-lg",
+              className: "cteditor-p-2.5 cteditor-rounded-lg cteditor-bg-background hover:cteditor-bg-background/80 cteditor-text-foreground hover:cteditor-text-foreground cteditor-transition-all cteditor-duration-200 hover:cteditor-scale-105 active:cteditor-scale-95",
               onClick: handleLinkSubmission,
               title: "Save link",
               children: /* @__PURE__ */ jsx(Check, { className: "cteditor-size-4" })
@@ -26300,7 +26441,7 @@ function FloatingLinkEditor({
           /* @__PURE__ */ jsx(
             "button",
             {
-              className: "cteditor-p-2.5 cteditor-rounded-lg cteditor-bg-muted hover:cteditor-bg-muted/80 cteditor-text-muted-foreground hover:cteditor-text-foreground cteditor-transition-all cteditor-duration-200 hover:cteditor-scale-105 active:cteditor-scale-95",
+              className: "cteditor-p-2.5 cteditor-rounded-lg cteditor-bg-background hover:cteditor-bg-background/80 cteditor-text-foreground hover:cteditor-text-foreground cteditor-transition-all cteditor-duration-200 hover:cteditor-scale-105 active:cteditor-scale-95",
               onClick: () => {
                 setIsLinkEditMode(false);
                 setShowUrlView(true);
@@ -29710,7 +29851,7 @@ const useStyles = () => ({
   contentEditable: cn$1(
     "cteditor-relative cteditor-min-h-[150px] !cteditor-h-auto cteditor-resize-none cteditor-outline-0",
     // Ensure strong contrast in both themes
-    "cteditor-text-black dark:cteditor-text-white cteditor-bg-white dark:cteditor-bg-[#0b0b0b]",
+    "cteditor-text-black dark:cteditor-text-white ",
     // Caret and spacing
     "cteditor-caret-[#3b82f6] cteditor-p-0 cteditor-transition-all cteditor-duration-200",
     "cteditor-w-full ",
@@ -29881,7 +30022,7 @@ const ConfigurableEditor = ({
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CommentProvider, { children: /* @__PURE__ */ jsxs(LexicalComposer, { initialConfig: editorInitialConfig, children: [
     /* @__PURE__ */ jsx(HtmlViewProvider, { children: /* @__PURE__ */ jsxs(ToolbarContext, { children: [
       /* @__PURE__ */ jsxs(Stack, { children: [
-        config.enableToolbar && /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-justify-between cteditor-items-center cteditor-mb-4", children: [
+        config.enableToolbar && /* @__PURE__ */ jsxs("div", { className: "cteditor-flex cteditor-justify-between cteditor-items-center cteditor-mb-4 cteditor-sticky cteditor-top-2 cteditor-z-50", children: [
           /* @__PURE__ */ jsx(
             ToolbarWithEditor,
             {
@@ -30000,7 +30141,7 @@ const ScopedEditorWrapper = ({
   className = "",
   darkMode = false
 }) => {
-  return /* @__PURE__ */ jsx("div", { id: "ct-editor-f47ac10b", className: "cteditor-max-w-full cteditor-overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "cteditor-p-2 cteditor-w-full", children }) });
+  return /* @__PURE__ */ jsx("div", { id: "ct-editor-f47ac10b", className: "cteditor-max-w-full", children: /* @__PURE__ */ jsx("div", { className: "cteditor-p-2 cteditor-w-full", children }) });
 };
 const MessageContainer = styled.div`
   display: flex;
@@ -30124,4 +30265,4 @@ export {
   useHtmlView as u,
   verifyApiKey as v
 };
-//# sourceMappingURL=index-8d147c36.js.map
+//# sourceMappingURL=index-413952d9.js.map