ct-rich-text-editor 1.3.1 → 1.3.3

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

@@ -395,7 +395,7 @@ function createContext2(rootComponentName, defaultContext) {
   }
   return [Provider2, useContext2];
 }
-function createContextScope(scopeName, createContextScopeDeps = []) {
+function createContextScope$1(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React$1.createContext(defaultContext);
@@ -434,9 +434,9 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$1(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes(...scopes) {
+function composeContextScopes$1(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1)
     return baseScope;
@@ -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,14 +560,13 @@ 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;
       }
@@ -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;
@@ -629,7 +628,7 @@ function getElementRef$1(element) {
   }
   return element.props.ref || element.ref;
 }
-var NODES = [
+var NODES$1 = [
   "a",
   "button",
   "div",
@@ -648,8 +647,8 @@ var NODES = [
   "svg",
   "ul"
 ];
-var Primitive = NODES.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot(`Primitive.${node}`);
+var Primitive$1 = NODES$1.reduce((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;
@@ -782,7 +781,7 @@ var DismissableLayer = React$1.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive.div,
+      Primitive$1.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -815,7 +814,7 @@ var DismissableLayerBranch = React$1.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive$1.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
@@ -1024,7 +1023,7 @@ var FocusScope = React$1.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsx(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx(Primitive$1.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst$2(candidates, { select = false } = {}) {
@@ -1121,7 +1120,7 @@ var Portal$5 = React$1.forwardRef((props, forwardedRef) => {
   const [mounted, setMounted] = React$1.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && ((_a = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _a.body);
-  return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$1.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal$5.displayName = PORTAL_NAME$6;
 function useStateMachine(initialState, machine) {
@@ -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;
@@ -2056,7 +2055,7 @@ var hideOthers = function(originalTarget, parentNode, markerName) {
   return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
 };
 var DIALOG_NAME = "Dialog";
-var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
+var [createDialogContext, createDialogScope] = createContextScope$1(DIALOG_NAME);
 var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
 var Dialog$1 = (props) => {
   const {
@@ -2100,7 +2099,7 @@ var DialogTrigger = React$1.forwardRef(
     const context = useDialogContext(TRIGGER_NAME$5, __scopeDialog);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
     return /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive$1.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -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,8 +2142,8 @@ 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(
-        Primitive.div,
+      /* @__PURE__ */ jsx(RemoveScroll, { as: Slot$4, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(
+        Primitive$1.div,
         {
           "data-state": getState$1(context.open),
           ...overlayProps,
@@ -2289,7 +2288,7 @@ var DialogTitle$1 = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...titleProps } = props;
     const context = useDialogContext(TITLE_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$1.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
   }
 );
 DialogTitle$1.displayName = TITLE_NAME;
@@ -2298,7 +2297,7 @@ var DialogDescription$1 = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...descriptionProps } = props;
     const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$1.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
   }
 );
 DialogDescription$1.displayName = DESCRIPTION_NAME;
@@ -2308,7 +2307,7 @@ var DialogClose = React$1.forwardRef(
     const { __scopeDialog, ...closeProps } = props;
     const context = useDialogContext(CLOSE_NAME$1, __scopeDialog);
     return /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive$1.button,
       {
         type: "button",
         ...closeProps,
@@ -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
  *
@@ -3028,7 +3005,28 @@ function clsx() {
     (e = arguments[f2]) && (t = r(e)) && (n && (n += " "), n += t);
   return n;
 }
+const concatArrays = (array1, array2) => {
+  const combinedArray = new Array(array1.length + array2.length);
+  for (let i2 = 0; i2 < array1.length; i2++) {
+    combinedArray[i2] = array1[i2];
+  }
+  for (let i2 = 0; i2 < array2.length; i2++) {
+    combinedArray[array1.length + i2] = array2[i2];
+  }
+  return combinedArray;
+};
+const createClassValidatorObject = (classGroupId, validator) => ({
+  classGroupId,
+  validator
+});
+const createClassPartObject = (nextPart = /* @__PURE__ */ new Map(), validators = null, classGroupId) => ({
+  nextPart,
+  validators,
+  classGroupId
+});
 const CLASS_PART_SEPARATOR = "-";
+const EMPTY_CONFLICTS = [];
+const ARBITRARY_PROPERTY_PREFIX = "arbitrary..";
 const createClassGroupUtils = (config) => {
   const classMap = createClassMap(config);
   const {
@@ -3036,104 +3034,135 @@ const createClassGroupUtils = (config) => {
     conflictingClassGroupModifiers
   } = config;
   const getClassGroupId = (className) => {
-    const classParts = className.split(CLASS_PART_SEPARATOR);
-    if (classParts[0] === "" && classParts.length !== 1) {
-      classParts.shift();
+    if (className.startsWith("[") && className.endsWith("]")) {
+      return getGroupIdForArbitraryProperty(className);
     }
-    return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
+    const classParts = className.split(CLASS_PART_SEPARATOR);
+    const startIndex = classParts[0] === "" && classParts.length > 1 ? 1 : 0;
+    return getGroupRecursive(classParts, startIndex, classMap);
   };
   const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
-    const conflicts = conflictingClassGroups[classGroupId] || [];
-    if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
-      return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
+    if (hasPostfixModifier) {
+      const modifierConflicts = conflictingClassGroupModifiers[classGroupId];
+      const baseConflicts = conflictingClassGroups[classGroupId];
+      if (modifierConflicts) {
+        if (baseConflicts) {
+          return concatArrays(baseConflicts, modifierConflicts);
+        }
+        return modifierConflicts;
+      }
+      return baseConflicts || EMPTY_CONFLICTS;
     }
-    return conflicts;
+    return conflictingClassGroups[classGroupId] || EMPTY_CONFLICTS;
   };
   return {
     getClassGroupId,
     getConflictingClassGroupIds
   };
 };
-const getGroupRecursive = (classParts, classPartObject) => {
-  var _a;
-  if (classParts.length === 0) {
+const getGroupRecursive = (classParts, startIndex, classPartObject) => {
+  const classPathsLength = classParts.length - startIndex;
+  if (classPathsLength === 0) {
     return classPartObject.classGroupId;
   }
-  const currentClassPart = classParts[0];
+  const currentClassPart = classParts[startIndex];
   const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
-  const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : void 0;
-  if (classGroupFromNextClassPart) {
-    return classGroupFromNextClassPart;
+  if (nextClassPartObject) {
+    const result = getGroupRecursive(classParts, startIndex + 1, nextClassPartObject);
+    if (result)
+      return result;
   }
-  if (classPartObject.validators.length === 0) {
+  const validators = classPartObject.validators;
+  if (validators === null) {
     return void 0;
   }
-  const classRest = classParts.join(CLASS_PART_SEPARATOR);
-  return (_a = classPartObject.validators.find(({
-    validator
-  }) => validator(classRest))) == null ? void 0 : _a.classGroupId;
-};
-const arbitraryPropertyRegex = /^\[(.+)\]$/;
-const getGroupIdForArbitraryProperty = (className) => {
-  if (arbitraryPropertyRegex.test(className)) {
-    const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
-    const property = arbitraryPropertyClassName == null ? void 0 : arbitraryPropertyClassName.substring(0, arbitraryPropertyClassName.indexOf(":"));
-    if (property) {
-      return "arbitrary.." + property;
+  const classRest = startIndex === 0 ? classParts.join(CLASS_PART_SEPARATOR) : classParts.slice(startIndex).join(CLASS_PART_SEPARATOR);
+  const validatorsLength = validators.length;
+  for (let i2 = 0; i2 < validatorsLength; i2++) {
+    const validatorObj = validators[i2];
+    if (validatorObj.validator(classRest)) {
+      return validatorObj.classGroupId;
     }
   }
+  return void 0;
 };
+const getGroupIdForArbitraryProperty = (className) => className.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+  const content = className.slice(1, -1);
+  const colonIndex = content.indexOf(":");
+  const property = content.slice(0, colonIndex);
+  return property ? ARBITRARY_PROPERTY_PREFIX + property : void 0;
+})();
 const createClassMap = (config) => {
   const {
     theme: theme2,
     classGroups
   } = config;
-  const classMap = {
-    nextPart: /* @__PURE__ */ new Map(),
-    validators: []
-  };
+  return processClassGroups(classGroups, theme2);
+};
+const processClassGroups = (classGroups, theme2) => {
+  const classMap = createClassPartObject();
   for (const classGroupId in classGroups) {
-    processClassesRecursively(classGroups[classGroupId], classMap, classGroupId, theme2);
+    const group = classGroups[classGroupId];
+    processClassesRecursively(group, classMap, classGroupId, theme2);
   }
   return classMap;
 };
 const processClassesRecursively = (classGroup, classPartObject, classGroupId, theme2) => {
-  classGroup.forEach((classDefinition) => {
-    if (typeof classDefinition === "string") {
-      const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
-      classPartObjectToEdit.classGroupId = classGroupId;
-      return;
-    }
-    if (typeof classDefinition === "function") {
-      if (isThemeGetter(classDefinition)) {
-        processClassesRecursively(classDefinition(theme2), classPartObject, classGroupId, theme2);
-        return;
-      }
-      classPartObject.validators.push({
-        validator: classDefinition,
-        classGroupId
-      });
-      return;
-    }
-    Object.entries(classDefinition).forEach(([key, classGroup2]) => {
-      processClassesRecursively(classGroup2, getPart(classPartObject, key), classGroupId, theme2);
-    });
-  });
+  const len = classGroup.length;
+  for (let i2 = 0; i2 < len; i2++) {
+    const classDefinition = classGroup[i2];
+    processClassDefinition(classDefinition, classPartObject, classGroupId, theme2);
+  }
+};
+const processClassDefinition = (classDefinition, classPartObject, classGroupId, theme2) => {
+  if (typeof classDefinition === "string") {
+    processStringDefinition(classDefinition, classPartObject, classGroupId);
+    return;
+  }
+  if (typeof classDefinition === "function") {
+    processFunctionDefinition(classDefinition, classPartObject, classGroupId, theme2);
+    return;
+  }
+  processObjectDefinition(classDefinition, classPartObject, classGroupId, theme2);
+};
+const processStringDefinition = (classDefinition, classPartObject, classGroupId) => {
+  const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
+  classPartObjectToEdit.classGroupId = classGroupId;
+};
+const processFunctionDefinition = (classDefinition, classPartObject, classGroupId, theme2) => {
+  if (isThemeGetter(classDefinition)) {
+    processClassesRecursively(classDefinition(theme2), classPartObject, classGroupId, theme2);
+    return;
+  }
+  if (classPartObject.validators === null) {
+    classPartObject.validators = [];
+  }
+  classPartObject.validators.push(createClassValidatorObject(classGroupId, classDefinition));
+};
+const processObjectDefinition = (classDefinition, classPartObject, classGroupId, theme2) => {
+  const entries = Object.entries(classDefinition);
+  const len = entries.length;
+  for (let i2 = 0; i2 < len; i2++) {
+    const [key, value] = entries[i2];
+    processClassesRecursively(value, getPart(classPartObject, key), classGroupId, theme2);
+  }
 };
 const getPart = (classPartObject, path) => {
-  let currentClassPartObject = classPartObject;
-  path.split(CLASS_PART_SEPARATOR).forEach((pathPart) => {
-    if (!currentClassPartObject.nextPart.has(pathPart)) {
-      currentClassPartObject.nextPart.set(pathPart, {
-        nextPart: /* @__PURE__ */ new Map(),
-        validators: []
-      });
-    }
-    currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
-  });
-  return currentClassPartObject;
+  let current = classPartObject;
+  const parts = path.split(CLASS_PART_SEPARATOR);
+  const len = parts.length;
+  for (let i2 = 0; i2 < len; i2++) {
+    const part = parts[i2];
+    let next = current.nextPart.get(part);
+    if (!next) {
+      next = createClassPartObject();
+      current.nextPart.set(part, next);
+    }
+    current = next;
+  }
+  return current;
 };
-const isThemeGetter = (func) => func.isThemeGetter;
+const isThemeGetter = (func) => "isThemeGetter" in func && func.isThemeGetter === true;
 const createLruCache = (maxCacheSize) => {
   if (maxCacheSize < 1) {
     return {
@@ -3143,31 +3172,31 @@ const createLruCache = (maxCacheSize) => {
     };
   }
   let cacheSize = 0;
-  let cache = /* @__PURE__ */ new Map();
-  let previousCache = /* @__PURE__ */ new Map();
+  let cache = /* @__PURE__ */ Object.create(null);
+  let previousCache = /* @__PURE__ */ Object.create(null);
   const update = (key, value) => {
-    cache.set(key, value);
+    cache[key] = value;
     cacheSize++;
     if (cacheSize > maxCacheSize) {
       cacheSize = 0;
       previousCache = cache;
-      cache = /* @__PURE__ */ new Map();
+      cache = /* @__PURE__ */ Object.create(null);
     }
   };
   return {
     get(key) {
-      let value = cache.get(key);
+      let value = cache[key];
       if (value !== void 0) {
         return value;
       }
-      if ((value = previousCache.get(key)) !== void 0) {
+      if ((value = previousCache[key]) !== void 0) {
         update(key, value);
         return value;
       }
     },
     set(key, value) {
-      if (cache.has(key)) {
-        cache.set(key, value);
+      if (key in cache) {
+        cache[key] = value;
       } else {
         update(key, value);
       }
@@ -3176,7 +3205,14 @@ const createLruCache = (maxCacheSize) => {
 };
 const IMPORTANT_MODIFIER = "!";
 const MODIFIER_SEPARATOR = ":";
-const MODIFIER_SEPARATOR_LENGTH = MODIFIER_SEPARATOR.length;
+const EMPTY_MODIFIERS = [];
+const createResultObject = (modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition, isExternal) => ({
+  modifiers,
+  hasImportantModifier,
+  baseClassName,
+  maybePostfixModifierPosition,
+  isExternal
+});
 const createParseClassName = (config) => {
   const {
     prefix,
@@ -3188,12 +3224,13 @@ const createParseClassName = (config) => {
     let parenDepth = 0;
     let modifierStart = 0;
     let postfixModifierPosition;
-    for (let index2 = 0; index2 < className.length; index2++) {
-      let currentCharacter = className[index2];
+    const len = className.length;
+    for (let index2 = 0; index2 < len; index2++) {
+      const currentCharacter = className[index2];
       if (bracketDepth === 0 && parenDepth === 0) {
         if (currentCharacter === MODIFIER_SEPARATOR) {
           modifiers.push(className.slice(modifierStart, index2));
-          modifierStart = index2 + MODIFIER_SEPARATOR_LENGTH;
+          modifierStart = index2 + 1;
           continue;
         }
         if (currentCharacter === "/") {
@@ -3201,37 +3238,38 @@ const createParseClassName = (config) => {
           continue;
         }
       }
-      if (currentCharacter === "[") {
+      if (currentCharacter === "[")
         bracketDepth++;
-      } else if (currentCharacter === "]") {
+      else if (currentCharacter === "]")
         bracketDepth--;
-      } else if (currentCharacter === "(") {
+      else if (currentCharacter === "(")
         parenDepth++;
-      } else if (currentCharacter === ")") {
+      else if (currentCharacter === ")")
         parenDepth--;
-      }
     }
-    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
-    const baseClassName = stripImportantModifier(baseClassNameWithImportantModifier);
-    const hasImportantModifier = baseClassName !== baseClassNameWithImportantModifier;
+    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.slice(modifierStart);
+    let baseClassName = baseClassNameWithImportantModifier;
+    let hasImportantModifier = false;
+    if (baseClassNameWithImportantModifier.endsWith(IMPORTANT_MODIFIER)) {
+      baseClassName = baseClassNameWithImportantModifier.slice(0, -1);
+      hasImportantModifier = true;
+    } else if (
+      /**
+       * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
+       * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
+       */
+      baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER)
+    ) {
+      baseClassName = baseClassNameWithImportantModifier.slice(1);
+      hasImportantModifier = true;
+    }
     const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
-    return {
-      modifiers,
-      hasImportantModifier,
-      baseClassName,
-      maybePostfixModifierPosition
-    };
+    return createResultObject(modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition);
   };
   if (prefix) {
     const fullPrefix = prefix + MODIFIER_SEPARATOR;
     const parseClassNameOriginal = parseClassName;
-    parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.substring(fullPrefix.length)) : {
-      isExternal: true,
-      modifiers: [],
-      hasImportantModifier: false,
-      baseClassName: className,
-      maybePostfixModifierPosition: void 0
-    };
+    parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.slice(fullPrefix.length)) : createResultObject(EMPTY_MODIFIERS, false, className, void 0, true);
   }
   if (experimentalParseClassName) {
     const parseClassNameOriginal = parseClassName;
@@ -3242,36 +3280,35 @@ const createParseClassName = (config) => {
   }
   return parseClassName;
 };
-const stripImportantModifier = (baseClassName) => {
-  if (baseClassName.endsWith(IMPORTANT_MODIFIER)) {
-    return baseClassName.substring(0, baseClassName.length - 1);
-  }
-  if (baseClassName.startsWith(IMPORTANT_MODIFIER)) {
-    return baseClassName.substring(1);
-  }
-  return baseClassName;
-};
 const createSortModifiers = (config) => {
-  const orderSensitiveModifiers = Object.fromEntries(config.orderSensitiveModifiers.map((modifier) => [modifier, true]));
-  const sortModifiers = (modifiers) => {
-    if (modifiers.length <= 1) {
-      return modifiers;
-    }
-    const sortedModifiers = [];
-    let unsortedModifiers = [];
-    modifiers.forEach((modifier) => {
-      const isPositionSensitive = modifier[0] === "[" || orderSensitiveModifiers[modifier];
-      if (isPositionSensitive) {
-        sortedModifiers.push(...unsortedModifiers.sort(), modifier);
-        unsortedModifiers = [];
+  const modifierWeights = /* @__PURE__ */ new Map();
+  config.orderSensitiveModifiers.forEach((mod, index2) => {
+    modifierWeights.set(mod, 1e6 + index2);
+  });
+  return (modifiers) => {
+    const result = [];
+    let currentSegment = [];
+    for (let i2 = 0; i2 < modifiers.length; i2++) {
+      const modifier = modifiers[i2];
+      const isArbitrary = modifier[0] === "[";
+      const isOrderSensitive = modifierWeights.has(modifier);
+      if (isArbitrary || isOrderSensitive) {
+        if (currentSegment.length > 0) {
+          currentSegment.sort();
+          result.push(...currentSegment);
+          currentSegment = [];
+        }
+        result.push(modifier);
       } else {
-        unsortedModifiers.push(modifier);
+        currentSegment.push(modifier);
       }
-    });
-    sortedModifiers.push(...unsortedModifiers.sort());
-    return sortedModifiers;
+    }
+    if (currentSegment.length > 0) {
+      currentSegment.sort();
+      result.push(...currentSegment);
+    }
+    return result;
   };
-  return sortModifiers;
 };
 const createConfigUtils = (config) => ({
   cache: createLruCache(config.cacheSize),
@@ -3317,10 +3354,10 @@ const mergeClassList = (classList, configUtils) => {
       }
       hasPostfixModifier = false;
     }
-    const variantModifier = sortModifiers(modifiers).join(":");
+    const variantModifier = modifiers.length === 0 ? "" : modifiers.length === 1 ? modifiers[0] : sortModifiers(modifiers).join(":");
     const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
     const classId = modifierId + classGroupId;
-    if (classGroupsInConflict.includes(classId)) {
+    if (classGroupsInConflict.indexOf(classId) > -1) {
       continue;
     }
     classGroupsInConflict.push(classId);
@@ -3333,13 +3370,13 @@ const mergeClassList = (classList, configUtils) => {
   }
   return result;
 };
-function twJoin() {
+const twJoin = (...classLists) => {
   let index2 = 0;
   let argument;
   let resolvedValue;
   let string = "";
-  while (index2 < arguments.length) {
-    if (argument = arguments[index2++]) {
+  while (index2 < classLists.length) {
+    if (argument = classLists[index2++]) {
       if (resolvedValue = toValue(argument)) {
         string && (string += " ");
         string += resolvedValue;
@@ -3347,7 +3384,7 @@ function twJoin() {
     }
   }
   return string;
-}
+};
 const toValue = (mix) => {
   if (typeof mix === "string") {
     return mix;
@@ -3364,20 +3401,20 @@ const toValue = (mix) => {
   }
   return string;
 };
-function createTailwindMerge(createConfigFirst, ...createConfigRest) {
+const createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
   let configUtils;
   let cacheGet;
   let cacheSet;
-  let functionToCall = initTailwindMerge;
-  function initTailwindMerge(classList) {
+  let functionToCall;
+  const initTailwindMerge = (classList) => {
     const config = createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst());
     configUtils = createConfigUtils(config);
     cacheGet = configUtils.cache.get;
     cacheSet = configUtils.cache.set;
     functionToCall = tailwindMerge;
     return tailwindMerge(classList);
-  }
-  function tailwindMerge(classList) {
+  };
+  const tailwindMerge = (classList) => {
     const cachedResult = cacheGet(classList);
     if (cachedResult) {
       return cachedResult;
@@ -3385,13 +3422,13 @@ function createTailwindMerge(createConfigFirst, ...createConfigRest) {
     const result = mergeClassList(classList, configUtils);
     cacheSet(classList, result);
     return result;
-  }
-  return function callTailwindMerge() {
-    return functionToCall(twJoin.apply(null, arguments));
   };
-}
+  functionToCall = initTailwindMerge;
+  return (...args) => functionToCall(twJoin(...args));
+};
+const fallbackThemeArr = [];
 const fromTheme = (key) => {
-  const themeGetter = (theme2) => theme2[key] || [];
+  const themeGetter = (theme2) => theme2[key] || fallbackThemeArr;
   themeGetter.isThemeGetter = true;
   return themeGetter;
 };
@@ -6013,7 +6050,7 @@ const DialogContent = React$1.forwardRef(({ className, children, ...props }, ref
         /* @__PURE__ */ jsxs(
           Close,
           {
-            className: "cteditor-absolute cteditor-right-4 cteditor-top-4 cteditor-rounded-full cteditor-bg-secondary cteditor-p-1 cteditor-opacity-70 cteditor-transition-opacity focus:cteditor-outline-none cteditor-disabled:pointer-events-none data-[state=open]:cteditor-bg-accent data-[state=open]:cteditor-text-muted-foreground hover:cteditor-opacity-100\r\n",
+            className: "cteditor-absolute cteditor-right-4 cteditor-top-4 cteditor-rounded-full cteditor-bg-secondary cteditor-p-1 cteditor-opacity-70 cteditor-transition-opacity focus:cteditor-outline-none cteditor-disabled:pointer-events-none data-[state=open]:cteditor-bg-accent data-[state=open]:cteditor-text-muted-foreground hover:cteditor-opacity-100\n",
             children: [
               /* @__PURE__ */ jsx(X$1, { className: "cteditor-h-4 cteditor-w-4" }),
               /* @__PURE__ */ jsx("span", { className: "!cteditor-sr-only", children: "Close" })
@@ -6074,6 +6111,105 @@ const DialogDescription = React$1.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 DialogDescription.displayName = Description.displayName;
+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 +6282,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,
       {
@@ -6175,6 +6311,38 @@ const Input$1 = React$1.forwardRef(
   }
 );
 Input$1.displayName = "Input";
+var NODES = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive = NODES.reduce((primitive, node) => {
+  const Slot2 = /* @__PURE__ */ createSlot(`Primitive.${node}`);
+  const Node2 = React$1.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot2 : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node2.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node2 };
+}, {});
 var NAME$4 = "Label";
 var Label$3 = React$1.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsx(
@@ -8300,6 +8468,69 @@ function $createCommentedTextNode(text, commentId, commentText, commentAuthor, c
 function $isCommentedTextNode(node) {
   return node instanceof CommentedTextNode;
 }
+function createContextScope(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext3(rootComponentName, defaultContext) {
+    const BaseContext = React$1.createContext(defaultContext);
+    BaseContext.displayName = rootComponentName + "Context";
+    const index2 = defaultContexts.length;
+    defaultContexts = [...defaultContexts, defaultContext];
+    const Provider2 = (props) => {
+      var _a;
+      const { scope, children, ...context } = props;
+      const Context2 = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index2]) || BaseContext;
+      const value = React$1.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ jsx(Context2.Provider, { value, children });
+    };
+    Provider2.displayName = rootComponentName + "Provider";
+    function useContext2(consumerName, scope) {
+      var _a;
+      const Context2 = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index2]) || BaseContext;
+      const context = React$1.useContext(Context2);
+      if (context)
+        return context;
+      if (defaultContext !== void 0)
+        return defaultContext;
+      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+    }
+    return [Provider2, useContext2];
+  }
+  const createScope = () => {
+    const scopeContexts = defaultContexts.map((defaultContext) => {
+      return React$1.createContext(defaultContext);
+    });
+    return function useScope(scope) {
+      const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
+      return React$1.useMemo(
+        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
+        [scope, contexts]
+      );
+    };
+  };
+  createScope.scopeName = scopeName;
+  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes(...scopes) {
+  const baseScope = scopes[0];
+  if (scopes.length === 1)
+    return baseScope;
+  const createScope = () => {
+    const scopeHooks = scopes.map((createScope2) => ({
+      useScope: createScope2(),
+      scopeName: createScope2.scopeName
+    }));
+    return function useComposedScopes(overrideScopes) {
+      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
+        const scopeProps = useScope(overrideScopes);
+        const currentScope = scopeProps[`__scope${scopeName}`];
+        return { ...nextScopes2, ...currentScope };
+      }, {});
+      return React$1.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+    };
+  };
+  createScope.scopeName = baseScope.scopeName;
+  return createScope;
+}
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
@@ -8713,7 +8944,7 @@ const SheetDescription = React$1.forwardRef(({ className, ...props }, ref) => /*
 SheetDescription.displayName = Description.displayName;
 function createCollection(name) {
   const PROVIDER_NAME2 = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME2);
+  const [createCollectionContext, createCollectionScope2] = createContextScope$1(PROVIDER_NAME2);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
     PROVIDER_NAME2,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -8726,7 +8957,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 +8969,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;
@@ -8783,7 +9014,7 @@ var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
 var GROUP_NAME$3 = "RovingFocusGroup";
 var [Collection$2, useCollection$2, createCollectionScope$2] = createCollection(GROUP_NAME$3);
-var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
+var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope$1(
   GROUP_NAME$3,
   [createCollectionScope$2]
 );
@@ -8850,7 +9081,7 @@ var RovingFocusGroupImpl = React$1.forwardRef((props, forwardedRef) => {
         []
       ),
       children: /* @__PURE__ */ jsx(
-        Primitive.div,
+        Primitive$1.div,
         {
           tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
           "data-orientation": orientation,
@@ -8915,7 +9146,7 @@ var RovingFocusGroupItem = React$1.forwardRef(
         focusable,
         active,
         children: /* @__PURE__ */ jsx(
-          Primitive.span,
+          Primitive$1.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
             "data-orientation": context.orientation,
@@ -9000,7 +9231,7 @@ function wrapArray$2(array, startIndex) {
 var Root$2 = RovingFocusGroup;
 var Item$1 = RovingFocusGroupItem;
 var TABS_NAME = "Tabs";
-var [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [
+var [createTabsContext, createTabsScope] = createContextScope$1(TABS_NAME, [
   createRovingFocusGroupScope
 ]);
 var useRovingFocusGroupScope$1 = createRovingFocusGroupScope();
@@ -9035,7 +9266,7 @@ var Tabs$1 = React$1.forwardRef(
         dir: direction,
         activationMode,
         children: /* @__PURE__ */ jsx(
-          Primitive.div,
+          Primitive$1.div,
           {
             dir: direction,
             "data-orientation": orientation,
@@ -9063,7 +9294,7 @@ var TabsList$1 = React$1.forwardRef(
         dir: context.dir,
         loop,
         children: /* @__PURE__ */ jsx(
-          Primitive.div,
+          Primitive$1.div,
           {
             role: "tablist",
             "aria-orientation": context.orientation,
@@ -9093,7 +9324,7 @@ var TabsTrigger$1 = React$1.forwardRef(
         focusable: !disabled,
         active: isSelected,
         children: /* @__PURE__ */ jsx(
-          Primitive.button,
+          Primitive$1.button,
           {
             type: "button",
             role: "tab",
@@ -9143,7 +9374,7 @@ var TabsContent$1 = React$1.forwardRef(
       return () => cancelAnimationFrame(rAF);
     }, []);
     return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(
-      Primitive.div,
+      Primitive$1.div,
       {
         "data-state": isSelected ? "active" : "inactive",
         "data-orientation": context.orientation,
@@ -11523,7 +11754,7 @@ var NAME$2 = "Arrow";
 var Arrow$1 = React$1.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsx(
-    Primitive.svg,
+    Primitive$1.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -11572,7 +11803,7 @@ function useSize(element) {
   return size2;
 }
 var POPPER_NAME = "Popper";
-var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
+var [createPopperContext, createPopperScope] = createContextScope$1(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
@@ -11595,7 +11826,7 @@ var PopperAnchor = React$1.forwardRef(
         context.onAnchorChange(anchorRef.current);
       }
     });
-    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive$1.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME$2;
@@ -11724,7 +11955,7 @@ var PopperContent = React$1.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsx(
-              Primitive.div,
+              Primitive$1.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -11860,7 +12091,7 @@ var NAME$1 = "VisuallyHidden";
 var VisuallyHidden = React$1.forwardRef(
   (props, forwardedRef) => {
     return /* @__PURE__ */ jsx(
-      Primitive.span,
+      Primitive$1.span,
       {
         ...props,
         ref: forwardedRef,
@@ -11871,7 +12102,7 @@ var VisuallyHidden = React$1.forwardRef(
 );
 VisuallyHidden.displayName = NAME$1;
 var Root = VisuallyHidden;
-var [createTooltipContext, createTooltipScope] = createContextScope("Tooltip", [
+var [createTooltipContext, createTooltipScope] = createContextScope$1("Tooltip", [
   createPopperScope
 ]);
 var usePopperScope$3 = createPopperScope();
@@ -12032,7 +12263,7 @@ var TooltipTrigger$1 = React$1.forwardRef(
       return () => document.removeEventListener("pointerup", handlePointerUp);
     }, [handlePointerUp]);
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive$1.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
         "data-state": context.stateAttribute,
@@ -12384,7 +12615,7 @@ const CommentToggle = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: "cteditor-flex cteditor-bg-background cteditor-text-foreground cteditor-px-2.5 cteditor-py-[7px] cteditor-rounded-lg cteditor-h-11 cteditor-items-center cteditor-justify-center cteditor-ml-2\r\n",
+      className: "cteditor-flex cteditor-bg-background cteditor-text-foreground cteditor-px-2.5 cteditor-py-[7px] cteditor-rounded-lg cteditor-h-11 cteditor-items-center cteditor-justify-center cteditor-ml-2\n",
       children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
         /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
           Button,
@@ -12717,10 +12948,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-8fcf4f01.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-5c5747c7.js").then((n) => n.h);
     return (mod2 == null ? void 0 : mod2.default) || mod2;
   }
 };
@@ -13927,7 +14158,7 @@ const EmbedComponent = ({ url, displayType, alignment, nodeKey }) => {
     }
   );
 };
-const ImageView = React__default.lazy(() => import("./index-10f9d057.js"));
+const ImageView = React__default.lazy(() => import("./index-48519641.js"));
 function isGoogleDocCheckboxImg(img) {
   return img.parentElement != null && img.parentElement.tagName === "LI" && img.previousSibling === null && img.getAttribute("aria-roledescription") === "checkbox";
 }
@@ -15361,63 +15592,35 @@ const NumberListIcon = () => /* @__PURE__ */ jsxs(
           "path",
           {
             d: "M20.946 16H6.66602V17.3333H20.946C21.1228 17.3333 21.2924 17.2631 21.4174 17.1381C21.5424 17.013 21.6127 16.8435 21.6127 16.6667C21.6127 16.4899 21.5424 16.3203 21.4174 16.1953C21.2924 16.0702 21.1228 16 20.946 16Z",
-            fill: "currentColor"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_2262_1319", children: /* @__PURE__ */ jsx("rect", { width: "24", height: "24", fill: "currentColor" }) }) })
-    ]
-  }
-);
-const BulletListIcon = () => /* @__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: "M3.49941 15.5004C4.32752 15.5004 4.99883 16.1717 4.99883 16.9998C4.99883 17.8279 4.32752 18.4992 3.49941 18.4992C2.67131 18.4992 2 17.8279 2 16.9998C2 16.1717 2.67131 15.5004 3.49941 15.5004ZM7.50034 15.9998H21.0035C21.5558 15.9998 22.0035 16.4475 22.0035 16.9998C22.0035 17.5126 21.6174 17.9353 21.1201 17.993L21.0035 17.9998H7.50034C6.94805 17.9998 6.50034 17.5521 6.50034 16.9998C6.50034 16.4869 6.88638 16.0643 7.38371 16.0065L7.50034 15.9998ZM3.49941 10.5004C4.32752 10.5004 4.99883 11.1717 4.99883 11.9998C4.99883 12.8279 4.32752 13.4992 3.49941 13.4992C2.67131 13.4992 2 12.8279 2 11.9998C2 11.1717 2.67131 10.5004 3.49941 10.5004ZM7.50034 10.9998H21.0035C21.5558 10.9998 22.0035 11.4475 22.0035 11.9998C22.0035 12.5126 21.6174 12.9353 21.1201 12.9931L21.0035 12.9998H7.50034C6.94805 12.9998 6.50034 12.5521 6.50034 11.9998C6.50034 11.487 6.88638 11.0643 7.38371 11.0065L7.50034 10.9998ZM3.49941 5.50684C4.32752 5.50684 4.99883 6.17815 4.99883 7.00625C4.99883 7.83435 4.32752 8.50567 3.49941 8.50567C2.67131 8.50567 2 7.83435 2 7.00625C2 6.17815 2.67131 5.50684 3.49941 5.50684ZM7.50034 5.99985H21.0035C21.5558 5.99985 22.0035 6.44756 22.0035 6.99985C22.0035 7.51268 21.6174 7.93535 21.1201 7.99312L21.0035 7.99985H7.50034C6.94805 7.99985 6.50034 7.55213 6.50034 6.99985C6.50034 6.48701 6.88638 6.06434 7.38371 6.00657L7.50034 5.99985Z",
-        fill: "currentColor"
-      }
-    )
-  }
-);
-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"
-        }
-      )
+            fill: "currentColor"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_2262_1319", children: /* @__PURE__ */ jsx("rect", { width: "24", height: "24", fill: "currentColor" }) }) })
     ]
   }
 );
+const BulletListIcon = () => /* @__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: "M3.49941 15.5004C4.32752 15.5004 4.99883 16.1717 4.99883 16.9998C4.99883 17.8279 4.32752 18.4992 3.49941 18.4992C2.67131 18.4992 2 17.8279 2 16.9998C2 16.1717 2.67131 15.5004 3.49941 15.5004ZM7.50034 15.9998H21.0035C21.5558 15.9998 22.0035 16.4475 22.0035 16.9998C22.0035 17.5126 21.6174 17.9353 21.1201 17.993L21.0035 17.9998H7.50034C6.94805 17.9998 6.50034 17.5521 6.50034 16.9998C6.50034 16.4869 6.88638 16.0643 7.38371 16.0065L7.50034 15.9998ZM3.49941 10.5004C4.32752 10.5004 4.99883 11.1717 4.99883 11.9998C4.99883 12.8279 4.32752 13.4992 3.49941 13.4992C2.67131 13.4992 2 12.8279 2 11.9998C2 11.1717 2.67131 10.5004 3.49941 10.5004ZM7.50034 10.9998H21.0035C21.5558 10.9998 22.0035 11.4475 22.0035 11.9998C22.0035 12.5126 21.6174 12.9353 21.1201 12.9931L21.0035 12.9998H7.50034C6.94805 12.9998 6.50034 12.5521 6.50034 11.9998C6.50034 11.487 6.88638 11.0643 7.38371 11.0065L7.50034 10.9998ZM3.49941 5.50684C4.32752 5.50684 4.99883 6.17815 4.99883 7.00625C4.99883 7.83435 4.32752 8.50567 3.49941 8.50567C2.67131 8.50567 2 7.83435 2 7.00625C2 6.17815 2.67131 5.50684 3.49941 5.50684ZM7.50034 5.99985H21.0035C21.5558 5.99985 22.0035 6.44756 22.0035 6.99985C22.0035 7.51268 21.6174 7.93535 21.1201 7.99312L21.0035 7.99985H7.50034C6.94805 7.99985 6.50034 7.55213 6.50034 6.99985C6.50034 6.48701 6.88638 6.06434 7.38371 6.00657L7.50034 5.99985Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+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 +15804,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 +15943,7 @@ const formatMenuItems = [
   },
   {
     name: "Quote",
-    icon: /* @__PURE__ */ jsx(Quote, { className: "size-4 mx-1" }),
+    icon: /* @__PURE__ */ jsx(QuoteIcon, {}),
     payload: "quote"
   }
 ];
@@ -16635,7 +16842,7 @@ function TableOptionPlugin() {
                         setColumnHeadings([]);
                       }
                     },
-                    className: "\r\n          cteditor-peer\r\n          cteditor-appearance-none\r\n          cteditor-w-5 cteditor-h-5\r\n          cteditor-border cteditor-border-gray-400 cteditor-rounded\r\n          cteditor-transition-all cteditor-duration-200\r\n          checked:cteditor-bg-blue-600 checked:cteditor-border-blue-600\r\n          hover:cteditor-border-blue-500 [&>span]:checked:cteditor-opacity-100\r\n         \r\n        "
+                    className: "\n          cteditor-peer\n          cteditor-appearance-none\n          cteditor-w-5 cteditor-h-5\n          cteditor-border cteditor-border-gray-400 cteditor-rounded\n          cteditor-transition-all cteditor-duration-200\n          checked:cteditor-bg-blue-600 checked:cteditor-border-blue-600\n          hover:cteditor-border-blue-500 [&>span]:checked:cteditor-opacity-100\n         \n        "
                   }
                 ),
                 /* @__PURE__ */ jsx("span", { className: "cteditor-absolute cteditor-top-1/2 cteditor-left-1/2 [&>svg]:cteditor-size-4 -cteditor-translate-x-1/2 -cteditor-translate-y-1/2 cteditor-opacity-0 peer-checked:cteditor-opacity-100", children: /* @__PURE__ */ jsx(CheckIcon, {}) })
@@ -17170,7 +17377,7 @@ var SUB_CLOSE_KEYS = {
 };
 var MENU_NAME = "Menu";
 var [Collection$1, useCollection$1, createCollectionScope$1] = createCollection(MENU_NAME);
-var [createMenuContext, createMenuScope] = createContextScope(MENU_NAME, [
+var [createMenuContext, createMenuScope] = createContextScope$1(MENU_NAME, [
   createCollectionScope$1,
   createPopperScope,
   createRovingFocusGroupScope
@@ -17295,7 +17502,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 {
@@ -17497,7 +17704,7 @@ var GROUP_NAME$2 = "MenuGroup";
 var MenuGroup = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props;
-    return /* @__PURE__ */ jsx(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$1.div, { role: "group", ...groupProps, ref: forwardedRef });
   }
 );
 MenuGroup.displayName = GROUP_NAME$2;
@@ -17505,7 +17712,7 @@ var LABEL_NAME$2 = "MenuLabel";
 var MenuLabel = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props;
-    return /* @__PURE__ */ jsx(Primitive.div, { ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$1.div, { ...labelProps, ref: forwardedRef });
   }
 );
 MenuLabel.displayName = LABEL_NAME$2;
@@ -17585,7 +17792,7 @@ var MenuItemImpl = React$1.forwardRef(
         disabled,
         textValue: textValue ?? textContent,
         children: /* @__PURE__ */ jsx(Item$1, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx(
-          Primitive.div,
+          Primitive$1.div,
           {
             role: "menuitem",
             "data-highlighted": isFocused ? "" : void 0,
@@ -17696,7 +17903,7 @@ var MenuItemIndicator = React$1.forwardRef(
       {
         present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
         children: /* @__PURE__ */ jsx(
-          Primitive.span,
+          Primitive$1.span,
           {
             ...itemIndicatorProps,
             ref: forwardedRef,
@@ -17713,7 +17920,7 @@ var MenuSeparator = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props;
     return /* @__PURE__ */ jsx(
-      Primitive.div,
+      Primitive$1.div,
       {
         role: "separator",
         "aria-orientation": "horizontal",
@@ -17973,7 +18180,7 @@ var Arrow2 = MenuArrow;
 var SubTrigger = MenuSubTrigger;
 var SubContent = MenuSubContent;
 var DROPDOWN_MENU_NAME = "DropdownMenu";
-var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(
+var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope$1(
   DROPDOWN_MENU_NAME,
   [createMenuScope]
 );
@@ -18020,7 +18227,7 @@ var DropdownMenuTrigger$1 = React$1.forwardRef(
     const context = useDropdownMenuContext(TRIGGER_NAME$2, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     return /* @__PURE__ */ jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive$1.button,
       {
         type: "button",
         id: context.triggerId,
@@ -18357,14 +18564,14 @@ const AlignMenu = () => {
           {
             variant: "ghost",
             size: "sm",
-            className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-h-7 cteditor-rounded-sm cteditor-px-2\r\n",
+            className: "cteditor-flex cteditor-items-center cteditor-gap-2 cteditor-h-7 cteditor-rounded-sm cteditor-px-2\n",
             children: [
               /* @__PURE__ */ jsx(AlignLeft, { className: "!cteditor-size-4" }),
               "Align",
               /* @__PURE__ */ jsx(
                 ChevronDown,
                 {
-                  className: "!cteditor-size-4 cteditor-opacity-50\r\n"
+                  className: "!cteditor-size-4 cteditor-opacity-50\n"
                 }
               )
             ]
@@ -18762,7 +18969,7 @@ var V = "undefined" != typeof window ? useLayoutEffect$1 : useEffect$1, $ = func
   return React__default.createElement(U, u({}, r2, { colorModel: W }));
 };
 var POPOVER_NAME = "Popover";
-var [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [
+var [createPopoverContext, createPopoverScope] = createContextScope$1(POPOVER_NAME, [
   createPopperScope
 ]);
 var usePopperScope$1 = createPopperScope();
@@ -18826,7 +19033,7 @@ var PopoverTrigger$1 = React$1.forwardRef(
     const popperScope = usePopperScope$1(__scopePopover);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
     const trigger = /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive$1.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -18862,7 +19069,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);
@@ -19019,7 +19226,7 @@ var PopoverClose = React$1.forwardRef(
     const { __scopePopover, ...closeProps } = props;
     const context = usePopoverContext(CLOSE_NAME, __scopePopover);
     return /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive$1.button,
       {
         type: "button",
         ...closeProps,
@@ -19255,7 +19462,7 @@ const ColorPicker$2 = ({
                     "button",
                     {
                       onClick: () => setShowAdvanced(!showAdvanced),
-                      className: "cteditor-text-xs cteditor-text-primary/90 hover:cteditor-text-primary cteditor-transition-colors cteditor-flex cteditor-items-center cteditor-gap-2\r\n",
+                      className: "cteditor-text-xs cteditor-text-primary/90 hover:cteditor-text-primary cteditor-transition-colors cteditor-flex cteditor-items-center cteditor-gap-2\n",
                       children: [
                         /* @__PURE__ */ jsx("span", { className: "cteditor-text-xs", children: showAdvanced ? "▼" : "▶" }),
                         showAdvanced ? "Hide Advanced" : "Show Advanced"
@@ -19384,7 +19591,7 @@ var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
 var SELECTION_KEYS = [" ", "Enter"];
 var SELECT_NAME = "Select";
 var [Collection, useCollection, createCollectionScope] = createCollection(SELECT_NAME);
-var [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME, [
+var [createSelectContext, createSelectScope] = createContextScope$1(SELECT_NAME, [
   createCollectionScope,
   createPopperScope
 ]);
@@ -19521,7 +19728,7 @@ var SelectTrigger$1 = React$1.forwardRef(
       }
     };
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive$1.button,
       {
         type: "button",
         role: "combobox",
@@ -19582,7 +19789,7 @@ var SelectValue$1 = React$1.forwardRef(
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
     return /* @__PURE__ */ jsx(
-      Primitive.span,
+      Primitive$1.span,
       {
         ...valueProps,
         ref: composedRefs,
@@ -19597,7 +19804,7 @@ var ICON_NAME = "SelectIcon";
 var SelectIcon = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, children, ...iconProps } = props;
-    return /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
+    return /* @__PURE__ */ jsx(Primitive$1.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
   }
 );
 SelectIcon.displayName = ICON_NAME;
@@ -19628,7 +19835,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 {
@@ -20017,7 +20224,7 @@ var SelectItemAlignedPosition = React$1.forwardRef((props, forwardedRef) => {
             zIndex: contentZIndex
           },
           children: /* @__PURE__ */ jsx(
-            Primitive.div,
+            Primitive$1.div,
             {
               ...popperProps,
               ref: composedRefs,
@@ -20091,7 +20298,7 @@ var SelectViewport = React$1.forwardRef(
         }
       ),
       /* @__PURE__ */ jsx(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsx(
-        Primitive.div,
+        Primitive$1.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
@@ -20146,7 +20353,7 @@ var SelectGroup = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
     const groupId = useId();
-    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive$1.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
   }
 );
 SelectGroup.displayName = GROUP_NAME;
@@ -20155,7 +20362,7 @@ var SelectLabel$1 = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...labelProps } = props;
     const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-    return /* @__PURE__ */ jsx(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$1.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
   }
 );
 SelectLabel$1.displayName = LABEL_NAME;
@@ -20214,7 +20421,7 @@ var SelectItem$1 = React$1.forwardRef(
             disabled,
             textValue,
             children: /* @__PURE__ */ jsx(
-              Primitive.div,
+              Primitive$1.div,
               {
                 role: "option",
                 "aria-labelledby": textId,
@@ -20302,7 +20509,7 @@ var SelectItemText = React$1.forwardRef(
       return () => onNativeOptionRemove(nativeOption);
     }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+      /* @__PURE__ */ jsx(Primitive$1.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
       itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM.createPortal(itemTextProps.children, context.valueNode) : null
     ] });
   }
@@ -20313,7 +20520,7 @@ var SelectItemIndicator = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...itemIndicatorProps } = props;
     const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive$1.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
   }
 );
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
@@ -20404,7 +20611,7 @@ var SelectScrollButtonImpl = React$1.forwardRef((props, forwardedRef) => {
     (_a = activeItem == null ? void 0 : activeItem.ref.current) == null ? void 0 : _a.scrollIntoView({ block: "nearest" });
   }, [getItems]);
   return /* @__PURE__ */ jsx(
-    Primitive.div,
+    Primitive$1.div,
     {
       "aria-hidden": true,
       ...scrollIndicatorProps,
@@ -20432,7 +20639,7 @@ var SEPARATOR_NAME = "SelectSeparator";
 var SelectSeparator$1 = React$1.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...separatorProps } = props;
-    return /* @__PURE__ */ jsx(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$1.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
   }
 );
 SelectSeparator$1.displayName = SEPARATOR_NAME;
@@ -20470,7 +20677,7 @@ var SelectBubbleInput = React$1.forwardRef(
       }
     }, [prevValue, value]);
     return /* @__PURE__ */ jsx(
-      Primitive.select,
+      Primitive$1.select,
       {
         ...props,
         style: { ...VISUALLY_HIDDEN_STYLES, ...props.style },
@@ -20697,7 +20904,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 +21097,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 +21415,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 +21432,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 +21448,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 +21528,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 +21560,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 +21751,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 +22681,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 +22969,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 +22993,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 +23003,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 +23526,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 +23700,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 +23740,7 @@ const Toolbar = ({
                           }
                         },
                         "bg-color-picker"
-                      ) }),
-                      /* @__PURE__ */ jsx(Separator$2, { orientation: "vertical", className: "!cteditor-h-7" })
+                      ) })
                     ]
                   }
                 ),
@@ -23472,7 +23753,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 +23829,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 +23869,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 +23881,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 +23986,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 +24057,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 +24091,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 +24133,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 +24195,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 +24208,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 +24332,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 +25249,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 +26529,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 +26556,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 +26565,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 +29975,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 +30146,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 +30265,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 +30389,4 @@ export {
   useHtmlView as u,
   verifyApiKey as v
 };
-//# sourceMappingURL=index-8d147c36.js.map
+//# sourceMappingURL=index-db43388d.js.map