@rufous/ui 0.3.53 → 0.3.54

package/dist/main.js

@@ -9489,8 +9489,114 @@ var Alert = React172.forwardRef(
 );
 Alert.displayName = "Alert";
 
-// lib/ClickAwayListener/ClickAwayListener.tsx
+// lib/Timeline/Timeline.tsx
 import * as React173 from "react";
+var TimelineContext = React173.createContext({ position: "right" });
+var TimelineItemContext = React173.createContext({
+  effectivePosition: "right"
+});
+var Timeline = React173.forwardRef(
+  ({ position = "right", sx, className, children, ...rest }, ref) => {
+    const sxClass = useSx(sx);
+    const classes = [
+      "rf-timeline",
+      `rf-timeline--${position}`,
+      sxClass,
+      className
+    ].filter(Boolean).join(" ");
+    const indexed = React173.Children.map(children, (child, idx) => {
+      if (!React173.isValidElement(child)) return child;
+      return React173.cloneElement(child, {
+        "data-rf-timeline-index": idx
+      });
+    });
+    return /* @__PURE__ */ React173.createElement(TimelineContext.Provider, { value: { position } }, /* @__PURE__ */ React173.createElement("ul", { ref, className: classes, ...rest }, indexed));
+  }
+);
+Timeline.displayName = "Timeline";
+var TimelineItem = React173.forwardRef(
+  (props, ref) => {
+    const {
+      position: positionProp,
+      sx,
+      className,
+      children,
+      ...rest
+    } = props;
+    const { position: parentPosition } = React173.useContext(TimelineContext);
+    const idx = rest["data-rf-timeline-index"];
+    let effectivePosition;
+    if (positionProp) {
+      effectivePosition = positionProp;
+    } else if (parentPosition === "right") {
+      effectivePosition = "right";
+    } else if (parentPosition === "left") {
+      effectivePosition = "left";
+    } else if (parentPosition === "alternate") {
+      effectivePosition = (idx ?? 0) % 2 === 0 ? "right" : "left";
+    } else {
+      effectivePosition = (idx ?? 0) % 2 === 0 ? "left" : "right";
+    }
+    let hasOpposite = false;
+    React173.Children.forEach(children, (child) => {
+      if (React173.isValidElement(child) && child.type?.displayName === "TimelineOppositeContent") {
+        hasOpposite = true;
+      }
+    });
+    const sxClass = useSx(sx);
+    const classes = [
+      "rf-timeline-item",
+      `rf-timeline-item--${effectivePosition}`,
+      hasOpposite ? "rf-timeline-item--has-opposite" : "rf-timeline-item--no-opposite",
+      sxClass,
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ React173.createElement(TimelineItemContext.Provider, { value: { effectivePosition } }, /* @__PURE__ */ React173.createElement("li", { ref, className: classes, ...rest }, children));
+  }
+);
+TimelineItem.displayName = "TimelineItem";
+var TimelineSeparator = React173.forwardRef(({ sx, className, children, ...rest }, ref) => {
+  const sxClass = useSx(sx);
+  const classes = ["rf-timeline-separator", sxClass, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React173.createElement("div", { ref, className: classes, ...rest }, children);
+});
+TimelineSeparator.displayName = "TimelineSeparator";
+var TimelineDot = React173.forwardRef(
+  ({ color = "grey", variant = "filled", sx, className, children, ...rest }, ref) => {
+    const sxClass = useSx(sx);
+    const classes = [
+      "rf-timeline-dot",
+      `rf-timeline-dot--${variant}`,
+      `rf-timeline-dot--${color}`,
+      children ? "rf-timeline-dot--has-content" : "",
+      sxClass,
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ React173.createElement("span", { ref, className: classes, ...rest }, children);
+  }
+);
+TimelineDot.displayName = "TimelineDot";
+var TimelineConnector = React173.forwardRef(({ sx, className, ...rest }, ref) => {
+  const sxClass = useSx(sx);
+  const classes = ["rf-timeline-connector", sxClass, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React173.createElement("span", { ref, className: classes, ...rest });
+});
+TimelineConnector.displayName = "TimelineConnector";
+var TimelineContent = React173.forwardRef(({ sx, className, children, ...rest }, ref) => {
+  const sxClass = useSx(sx);
+  const classes = ["rf-timeline-content", sxClass, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React173.createElement("div", { ref, className: classes, ...rest }, children);
+});
+TimelineContent.displayName = "TimelineContent";
+var TimelineOppositeContent = React173.forwardRef(({ sx, className, children, ...rest }, ref) => {
+  const sxClass = useSx(sx);
+  const classes = ["rf-timeline-opposite-content", sxClass, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React173.createElement("div", { ref, className: classes, ...rest }, children);
+});
+TimelineOppositeContent.displayName = "TimelineOppositeContent";
+
+// lib/ClickAwayListener/ClickAwayListener.tsx
+import * as React174 from "react";
 function mapEventPropToEvent(eventProp) {
   return eventProp.substring(2).toLowerCase();
 }
@@ -9508,7 +9614,7 @@ function setRef(ref, value) {
   }
 }
 function useForkRef(refA, refB) {
-  return React173.useMemo(() => {
+  return React174.useMemo(() => {
     if (refA == null && refB == null) {
       return null;
     }
@@ -9519,14 +9625,14 @@ function useForkRef(refA, refB) {
   }, [refA, refB]);
 }
 function useEventCallback(fn) {
-  const ref = React173.useRef(fn);
-  React173.useEffect(() => {
+  const ref = React174.useRef(fn);
+  React174.useEffect(() => {
     ref.current = fn;
   });
-  return React173.useCallback((...args) => ref.current(...args), []);
+  return React174.useCallback((...args) => ref.current(...args), []);
 }
 function getReactElementRef(element) {
-  const major = parseInt(React173.version, 10);
+  const major = parseInt(React174.version, 10);
   if (major >= 19) {
     return element.props?.ref ?? null;
   }
@@ -9540,11 +9646,11 @@ function ClickAwayListener(props) {
     onClickAway,
     touchEvent = "onTouchEnd"
   } = props;
-  const movedRef = React173.useRef(false);
-  const nodeRef = React173.useRef(null);
-  const activatedRef = React173.useRef(false);
-  const syntheticEventRef = React173.useRef(false);
-  React173.useEffect(() => {
+  const movedRef = React174.useRef(false);
+  const nodeRef = React174.useRef(null);
+  const activatedRef = React174.useRef(false);
+  const syntheticEventRef = React174.useRef(false);
+  React174.useEffect(() => {
     const id = setTimeout(() => {
       activatedRef.current = true;
     }, 0);
@@ -9593,7 +9699,7 @@ function ClickAwayListener(props) {
   if (touchEvent !== false) {
     childrenProps[touchEvent] = createHandleSynthetic(touchEvent);
   }
-  React173.useEffect(() => {
+  React174.useEffect(() => {
     if (touchEvent === false) {
       return void 0;
     }
@@ -9612,7 +9718,7 @@ function ClickAwayListener(props) {
   if (mouseEvent !== false) {
     childrenProps[mouseEvent] = createHandleSynthetic(mouseEvent);
   }
-  React173.useEffect(() => {
+  React174.useEffect(() => {
     if (mouseEvent === false) {
       return void 0;
     }
@@ -9623,11 +9729,11 @@ function ClickAwayListener(props) {
       doc.removeEventListener(mappedMouseEvent, handleClickAway);
     };
   }, [handleClickAway, mouseEvent]);
-  return React173.cloneElement(children, childrenProps);
+  return React174.cloneElement(children, childrenProps);
 }
 
 // lib/Link/Link.tsx
-import React174 from "react";
+import React175 from "react";
 var KNOWN_COLORS = ["primary", "secondary", "textPrimary", "textSecondary", "inherit"];
 var Link = ({
   href,
@@ -9658,7 +9764,7 @@ var Link = ({
   };
   const Tag = component || "a";
   const computedRel = rel ?? (target === "_blank" ? "noopener noreferrer" : void 0);
-  return /* @__PURE__ */ React174.createElement(
+  return /* @__PURE__ */ React175.createElement(
     Tag,
     {
       href,
@@ -9675,7 +9781,7 @@ var Link = ({
 Link.displayName = "Link";
 
 // lib/Popper/Popper.tsx
-import React175, {
+import React176, {
   useEffect as useEffect17,
   useLayoutEffect as useLayoutEffect2,
   useRef as useRef20,
@@ -9811,7 +9917,7 @@ var Popper = ({
   const content = typeof children === "function" ? children(
     { placement, TransitionProps: transitionProps }
   ) : children;
-  const popper = /* @__PURE__ */ React175.createElement(
+  const popper = /* @__PURE__ */ React176.createElement(
     "div",
     {
       ref: popperRef,
@@ -9822,14 +9928,14 @@ var Popper = ({
     content
   );
   if (disablePortal) {
-    return /* @__PURE__ */ React175.createElement(React175.Fragment, null, popper);
+    return /* @__PURE__ */ React176.createElement(React176.Fragment, null, popper);
   }
   return ReactDOM9.createPortal(popper, document.body);
 };
 Popper.displayName = "Popper";
 
 // lib/Popover/Popover.tsx
-import React176, {
+import React177, {
   useEffect as useEffect18,
   useLayoutEffect as useLayoutEffect3,
   useRef as useRef21,
@@ -9913,14 +10019,14 @@ var Popover = ({
     paperSxClass
   ].filter(Boolean).join(" ");
   const rootClasses = ["rf-popover-root", sxClass, className].filter(Boolean).join(" ");
-  const content = /* @__PURE__ */ React176.createElement(React176.Fragment, null, /* @__PURE__ */ React176.createElement(
+  const content = /* @__PURE__ */ React177.createElement(React177.Fragment, null, /* @__PURE__ */ React177.createElement(
     "div",
     {
       className: "rf-popover-backdrop",
       onClick: onClose,
       "aria-hidden": "true"
     }
-  ), /* @__PURE__ */ React176.createElement(
+  ), /* @__PURE__ */ React177.createElement(
     "div",
     {
       ref: paperRef,
@@ -9936,18 +10042,18 @@ var Popover = ({
     children
   ));
   if (disablePortal) {
-    return /* @__PURE__ */ React176.createElement("div", { className: `${rootClasses} rf-popover-inline`, style }, content);
+    return /* @__PURE__ */ React177.createElement("div", { className: `${rootClasses} rf-popover-inline`, style }, content);
   }
   return ReactDOM10.createPortal(
-    /* @__PURE__ */ React176.createElement("div", { className: rootClasses, style }, content),
+    /* @__PURE__ */ React177.createElement("div", { className: rootClasses, style }, content),
     document.body
   );
 };
 Popover.displayName = "Popover";
 
 // lib/Transitions/Transitions.tsx
-import React177, {
-  cloneElement as cloneElement5,
+import React178, {
+  cloneElement as cloneElement6,
   useEffect as useEffect19,
   useRef as useRef22,
   useState as useState24
@@ -10006,7 +10112,7 @@ var Fade = ({
   const enterMs = getTimeout(timeout, "enter");
   const exitMs = getTimeout(timeout, "exit");
   const dur = state === "entering" || state === "entered" ? enterMs : exitMs;
-  return cloneElement5(children, {
+  return cloneElement6(children, {
     className: [
       children.props.className,
       "rf-fade",
@@ -10051,7 +10157,7 @@ var Slide = ({
   const enterMs = getTimeout(timeout, "enter");
   const exitMs = getTimeout(timeout, "exit");
   const dur = state === "entering" || state === "entered" ? enterMs : exitMs;
-  return cloneElement5(children, {
+  return cloneElement6(children, {
     className: [
       children.props.className,
       "rf-slide",
@@ -10080,7 +10186,7 @@ var Grow = ({
   const enterMs = getTimeout(timeout, "enter");
   const exitMs = getTimeout(timeout, "exit");
   const dur = state === "entering" || state === "entered" ? enterMs : exitMs;
-  return cloneElement5(children, {
+  return cloneElement6(children, {
     className: [
       children.props.className,
       "rf-grow",
@@ -10129,7 +10235,7 @@ var Collapse = ({
   const exitMs = getTimeout(timeout, "exit");
   const dur = state === "entering" || state === "entered" ? enterMs : exitMs;
   const containerStyle = orientation === "vertical" ? { height: size === "auto" ? "auto" : typeof size === "number" ? `${size}px` : size } : { width: size === "auto" ? "auto" : typeof size === "number" ? `${size}px` : size };
-  return /* @__PURE__ */ React177.createElement(
+  return /* @__PURE__ */ React178.createElement(
     "div",
     {
       className: [
@@ -10142,7 +10248,7 @@ var Collapse = ({
         ...containerStyle
       }
     },
-    /* @__PURE__ */ React177.createElement(
+    /* @__PURE__ */ React178.createElement(
       "div",
       {
         ref: innerRef,
@@ -10168,7 +10274,7 @@ var Zoom = ({
   const enterMs = getTimeout(timeout, "enter");
   const exitMs = getTimeout(timeout, "exit");
   const dur = state === "entering" || state === "entered" ? enterMs : exitMs;
-  return cloneElement5(children, {
+  return cloneElement6(children, {
     className: [
       children.props.className,
       "rf-zoom",
@@ -10183,7 +10289,7 @@ var Zoom = ({
 Zoom.displayName = "Zoom";
 
 // lib/ImageField/ImageField.tsx
-import React178, { useRef as useRef23, useState as useState25, useCallback as useCallback10 } from "react";
+import React179, { useRef as useRef23, useState as useState25, useCallback as useCallback10 } from "react";
 function getSizeStyle2(size) {
   if (size === "small") return { className: "rf-image-field--small" };
   if (size === "large") return { className: "rf-image-field--large" };
@@ -10195,7 +10301,7 @@ function getSizeStyle2(size) {
   }
   return { className: "rf-image-field--medium" };
 }
-var ImageField = React178.forwardRef(
+var ImageField = React179.forwardRef(
   ({
     src,
     alt = "",
@@ -10247,7 +10353,7 @@ var ImageField = React178.forwardRef(
       className
     ].filter(Boolean).join(" ");
     const iconSize = typeof size === "number" ? Math.max(size * 0.25, 16) : size === "small" ? 16 : size === "large" ? 28 : 22;
-    return /* @__PURE__ */ React178.createElement(
+    return /* @__PURE__ */ React179.createElement(
       "div",
       {
         ref,
@@ -10259,14 +10365,14 @@ var ImageField = React178.forwardRef(
         onClick: handleClick,
         onKeyDown: handleKeyDown
       },
-      displaySrc ? /* @__PURE__ */ React178.createElement(
+      displaySrc ? /* @__PURE__ */ React179.createElement(
         "img",
         {
           src: displaySrc,
           alt,
           className: "rf-image-field__img"
         }
-      ) : /* @__PURE__ */ React178.createElement("div", { className: "rf-image-field__placeholder" }, /* @__PURE__ */ React178.createElement(
+      ) : /* @__PURE__ */ React179.createElement("div", { className: "rf-image-field__placeholder" }, /* @__PURE__ */ React179.createElement(
         cameraIcon_default,
         {
           width: iconSize,
@@ -10274,8 +10380,8 @@ var ImageField = React178.forwardRef(
           color: "var(--text-secondary)"
         }
       )),
-      /* @__PURE__ */ React178.createElement("div", { className: "rf-image-field__overlay" }, /* @__PURE__ */ React178.createElement(cameraIcon_default, { width: iconSize, height: iconSize, color: "#ffffff" }), overlayText && /* @__PURE__ */ React178.createElement("span", { className: "rf-image-field__overlay-text" }, overlayText)),
-      /* @__PURE__ */ React178.createElement(
+      /* @__PURE__ */ React179.createElement("div", { className: "rf-image-field__overlay" }, /* @__PURE__ */ React179.createElement(cameraIcon_default, { width: iconSize, height: iconSize, color: "#ffffff" }), overlayText && /* @__PURE__ */ React179.createElement("span", { className: "rf-image-field__overlay-text" }, overlayText)),
+      /* @__PURE__ */ React179.createElement(
         "input",
         {
           ref: inputRef,
@@ -10292,12 +10398,12 @@ var ImageField = React178.forwardRef(
 ImageField.displayName = "ImageField";
 
 // lib/PhoneField/PhoneField.tsx
-import React179, {
+import React180, {
   useState as useState26,
   useRef as useRef24,
   useEffect as useEffect20,
   useCallback as useCallback11,
-  forwardRef as forwardRef18
+  forwardRef as forwardRef19
 } from "react";
 import { Country as Country2 } from "country-state-city";
 import { computePosition as computePosition2, flip, offset, shift, size as floatingSize } from "@floating-ui/dom";
@@ -10325,7 +10431,7 @@ function detectCountryFromValue(countries, digits) {
   }
   return null;
 }
-var PhoneField = forwardRef18(function PhoneField2(props, ref) {
+var PhoneField = forwardRef19(function PhoneField2(props, ref) {
   const {
     value = "",
     onChange,
@@ -10352,7 +10458,7 @@ var PhoneField = forwardRef18(function PhoneField2(props, ref) {
   const listRef = useRef24(null);
   const popupRef = useRef24(null);
   const inputId = useRef24(`rf-phone-${Math.random().toString(36).slice(2, 9)}`).current;
-  const countries = React179.useMemo(() => {
+  const countries = React180.useMemo(() => {
     const all = getAllCountries();
     if (onlyCountries && onlyCountries.length > 0) {
       return all.filter((c) => onlyCountries.includes(c.isoCode.toLowerCase()));
@@ -10518,7 +10624,7 @@ var PhoneField = forwardRef18(function PhoneField2(props, ref) {
     sxClass,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React179.createElement(
+  return /* @__PURE__ */ React180.createElement(
     "div",
     {
       ref: (node) => {
@@ -10529,7 +10635,7 @@ var PhoneField = forwardRef18(function PhoneField2(props, ref) {
       className: rootClasses,
       style
     },
-    /* @__PURE__ */ React179.createElement("div", { className: "rf-text-field__wrapper" }, /* @__PURE__ */ React179.createElement(
+    /* @__PURE__ */ React180.createElement("div", { className: "rf-text-field__wrapper" }, /* @__PURE__ */ React180.createElement(
       "div",
       {
         className: `rf-phone-field__country-selector ${disabled || !countryCodeEditable ? "rf-phone-field__country-selector--disabled" : ""}`,
@@ -10541,9 +10647,9 @@ var PhoneField = forwardRef18(function PhoneField2(props, ref) {
         "aria-expanded": open,
         "aria-label": "Select country code"
       },
-      /* @__PURE__ */ React179.createElement("span", { className: "rf-phone-field__flag" }, selectedCountry?.flag),
-      /* @__PURE__ */ React179.createElement("span", { className: "rf-phone-field__dial-code" }, "+", dialCode)
-    ), /* @__PURE__ */ React179.createElement(
+      /* @__PURE__ */ React180.createElement("span", { className: "rf-phone-field__flag" }, selectedCountry?.flag),
+      /* @__PURE__ */ React180.createElement("span", { className: "rf-phone-field__dial-code" }, "+", dialCode)
+    ), /* @__PURE__ */ React180.createElement(
       "input",
       {
         ref: inputRef,
@@ -10558,20 +10664,20 @@ var PhoneField = forwardRef18(function PhoneField2(props, ref) {
         maxLength: 15,
         ...inputProps
       }
-    ), hasLabel && /* @__PURE__ */ React179.createElement("label", { htmlFor: inputId, className: "rf-text-field__label" }, label, required && /* @__PURE__ */ React179.createElement("span", { className: "rf-text-field__asterisk" }, " *")), variant === "outlined" && /* @__PURE__ */ React179.createElement("fieldset", { className: "rf-text-field__notch" }, hasLabel ? /* @__PURE__ */ React179.createElement("legend", { className: "rf-text-field__legend" }, /* @__PURE__ */ React179.createElement("span", null, label, required ? " *" : "")) : /* @__PURE__ */ React179.createElement("legend", { className: "rf-text-field__legend--empty" }))),
-    helperText && /* @__PURE__ */ React179.createElement("div", { className: `rf-text-field__helper-text${error ? " rf-text-field__helper-text--error" : ""}` }, helperText),
-    open && !disabled && /* @__PURE__ */ React179.createElement(
+    ), hasLabel && /* @__PURE__ */ React180.createElement("label", { htmlFor: inputId, className: "rf-text-field__label" }, label, required && /* @__PURE__ */ React180.createElement("span", { className: "rf-text-field__asterisk" }, " *")), variant === "outlined" && /* @__PURE__ */ React180.createElement("fieldset", { className: "rf-text-field__notch" }, hasLabel ? /* @__PURE__ */ React180.createElement("legend", { className: "rf-text-field__legend" }, /* @__PURE__ */ React180.createElement("span", null, label, required ? " *" : "")) : /* @__PURE__ */ React180.createElement("legend", { className: "rf-text-field__legend--empty" }))),
+    helperText && /* @__PURE__ */ React180.createElement("div", { className: `rf-text-field__helper-text${error ? " rf-text-field__helper-text--error" : ""}` }, helperText),
+    open && !disabled && /* @__PURE__ */ React180.createElement(
       "div",
       {
         ref: popupRef,
         className: "rf-select__popup rf-phone-field__popup",
         role: "presentation"
       },
-      search && /* @__PURE__ */ React179.createElement("div", { className: "rf-phone-field__search-indicator" }, "Search: ", search),
-      /* @__PURE__ */ React179.createElement("ul", { ref: listRef, className: "rf-select__listbox", role: "listbox" }, filteredCountries.map((country, idx) => {
+      search && /* @__PURE__ */ React180.createElement("div", { className: "rf-phone-field__search-indicator" }, "Search: ", search),
+      /* @__PURE__ */ React180.createElement("ul", { ref: listRef, className: "rf-select__listbox", role: "listbox" }, filteredCountries.map((country, idx) => {
         const isActive = selectedCountry?.isoCode === country.isoCode;
         const focused = focusedIdx === idx;
-        return /* @__PURE__ */ React179.createElement(
+        return /* @__PURE__ */ React180.createElement(
           "li",
           {
             key: country.isoCode,
@@ -10588,18 +10694,18 @@ var PhoneField = forwardRef18(function PhoneField2(props, ref) {
             onMouseDown: (e) => e.preventDefault(),
             onClick: () => selectCountry(country)
           },
-          /* @__PURE__ */ React179.createElement("span", { className: "rf-phone-field__option-flag" }, country.flag),
-          /* @__PURE__ */ React179.createElement("span", { className: "rf-select__option-label", title: country.name }, country.name),
-          /* @__PURE__ */ React179.createElement("span", { className: "rf-phone-field__option-code" }, "+", country.phonecode)
+          /* @__PURE__ */ React180.createElement("span", { className: "rf-phone-field__option-flag" }, country.flag),
+          /* @__PURE__ */ React180.createElement("span", { className: "rf-select__option-label", title: country.name }, country.name),
+          /* @__PURE__ */ React180.createElement("span", { className: "rf-phone-field__option-code" }, "+", country.phonecode)
         );
-      }), filteredCountries.length === 0 && /* @__PURE__ */ React179.createElement("li", { className: "rf-phone-field__no-results" }, "No countries found"))
+      }), filteredCountries.length === 0 && /* @__PURE__ */ React180.createElement("li", { className: "rf-phone-field__no-results" }, "No countries found"))
     )
   );
 });
 PhoneField.displayName = "PhoneField";
 
 // lib/TreeSelect/TreeSelect.tsx
-import React180, {
+import React181, {
   useState as useState27,
   useRef as useRef25,
   useEffect as useEffect21,
@@ -10687,14 +10793,14 @@ function TreeNodeItem({
   const hasChildren = !!node.children?.length;
   const isExpanded = isFiltering || expanded.has(nid);
   const state = allowChildSelection ? getNodeState(node, selected) : selected.has(nid) ? "checked" : "unchecked";
-  return /* @__PURE__ */ React180.createElement("div", { className: "rf-tsn" }, /* @__PURE__ */ React180.createElement(
+  return /* @__PURE__ */ React181.createElement("div", { className: "rf-tsn" }, /* @__PURE__ */ React181.createElement(
     "div",
     {
       className: `rf-tsn__row${state !== "unchecked" ? " rf-tsn__row--active" : ""}`,
       style: { paddingLeft: 8 + depth * 20 },
       onClick: () => onSelect(node)
     },
-    hasChildren ? /* @__PURE__ */ React180.createElement(
+    hasChildren ? /* @__PURE__ */ React181.createElement(
       "button",
       {
         type: "button",
@@ -10704,11 +10810,11 @@ function TreeNodeItem({
           onToggleExpand(nid);
         }
       },
-      isExpanded ? /* @__PURE__ */ React180.createElement(ChevronDown, { size: 14 }) : /* @__PURE__ */ React180.createElement(ChevronRight, { size: 14 })
-    ) : /* @__PURE__ */ React180.createElement("span", { className: "rf-tsn__expand-ph" }),
-    /* @__PURE__ */ React180.createElement("span", { className: "rf-tsn__label" }, node.label),
-    /* @__PURE__ */ React180.createElement("span", { className: "rf-tsn__check", "aria-hidden": "true" }, state === "partial" ? /* @__PURE__ */ React180.createElement(Minus, { size: 13, strokeWidth: 2.5 }) : /* @__PURE__ */ React180.createElement(Check, { size: 13, strokeWidth: 2.5 }))
-  ), hasChildren && isExpanded && /* @__PURE__ */ React180.createElement("div", null, node.children.map((child) => /* @__PURE__ */ React180.createElement(
+      isExpanded ? /* @__PURE__ */ React181.createElement(ChevronDown, { size: 14 }) : /* @__PURE__ */ React181.createElement(ChevronRight, { size: 14 })
+    ) : /* @__PURE__ */ React181.createElement("span", { className: "rf-tsn__expand-ph" }),
+    /* @__PURE__ */ React181.createElement("span", { className: "rf-tsn__label" }, node.label),
+    /* @__PURE__ */ React181.createElement("span", { className: "rf-tsn__check", "aria-hidden": "true" }, state === "partial" ? /* @__PURE__ */ React181.createElement(Minus, { size: 13, strokeWidth: 2.5 }) : /* @__PURE__ */ React181.createElement(Check, { size: 13, strokeWidth: 2.5 }))
+  ), hasChildren && isExpanded && /* @__PURE__ */ React181.createElement("div", null, node.children.map((child) => /* @__PURE__ */ React181.createElement(
     TreeNodeItem,
     {
       key: child.id,
@@ -10920,7 +11026,7 @@ function TreeSelect({
     sxClass,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React180.createElement("div", { className: rootClasses, style }, /* @__PURE__ */ React180.createElement(
+  return /* @__PURE__ */ React181.createElement("div", { className: rootClasses, style }, /* @__PURE__ */ React181.createElement(
     "div",
     {
       ref: triggerRef,
@@ -10932,7 +11038,7 @@ function TreeSelect({
       onBlur: handleTriggerBlur,
       onKeyDown: handleKeyDown
     },
-    isMultiple ? /* @__PURE__ */ React180.createElement("div", { className: "rf-ts__chips" }, tagNodes.length > 0 ? tagNodes.map((node) => /* @__PURE__ */ React180.createElement("span", { key: node.id, className: "rf-ts__chip" }, node.label, !disabled && /* @__PURE__ */ React180.createElement(
+    isMultiple ? /* @__PURE__ */ React181.createElement("div", { className: "rf-ts__chips" }, tagNodes.length > 0 ? tagNodes.map((node) => /* @__PURE__ */ React181.createElement("span", { key: node.id, className: "rf-ts__chip" }, node.label, !disabled && /* @__PURE__ */ React181.createElement(
       "button",
       {
         type: "button",
@@ -10940,9 +11046,9 @@ function TreeSelect({
         onClick: (e) => handleRemoveTag(e, node),
         tabIndex: -1
       },
-      /* @__PURE__ */ React180.createElement(X, { size: 10 })
-    ))) : isFloating || !label ? /* @__PURE__ */ React180.createElement("span", { className: "rf-ts__placeholder" }, placeholder) : null) : /* @__PURE__ */ React180.createElement("div", { className: `rf-ts__display${!hasValue ? " rf-ts__display--placeholder" : ""}` }, hasValue ? tagNodes[0]?.label : isFloating || !label ? placeholder : "\xA0"),
-    /* @__PURE__ */ React180.createElement("div", { className: "rf-autocomplete__endgroup" }, !disabled && clearable && hasValue && /* @__PURE__ */ React180.createElement(
+      /* @__PURE__ */ React181.createElement(X, { size: 10 })
+    ))) : isFloating || !label ? /* @__PURE__ */ React181.createElement("span", { className: "rf-ts__placeholder" }, placeholder) : null) : /* @__PURE__ */ React181.createElement("div", { className: `rf-ts__display${!hasValue ? " rf-ts__display--placeholder" : ""}` }, hasValue ? tagNodes[0]?.label : isFloating || !label ? placeholder : "\xA0"),
+    /* @__PURE__ */ React181.createElement("div", { className: "rf-autocomplete__endgroup" }, !disabled && clearable && hasValue && /* @__PURE__ */ React181.createElement(
       "button",
       {
         type: "button",
@@ -10950,8 +11056,8 @@ function TreeSelect({
         onClick: handleClear,
         tabIndex: -1
       },
-      /* @__PURE__ */ React180.createElement(X, { size: 16 })
-    ), !disabled && /* @__PURE__ */ React180.createElement(
+      /* @__PURE__ */ React181.createElement(X, { size: 16 })
+    ), !disabled && /* @__PURE__ */ React181.createElement(
       "button",
       {
         type: "button",
@@ -10962,21 +11068,21 @@ function TreeSelect({
         },
         tabIndex: -1
       },
-      /* @__PURE__ */ React180.createElement(ChevronDown, { size: 18 })
+      /* @__PURE__ */ React181.createElement(ChevronDown, { size: 18 })
     )),
-    label && /* @__PURE__ */ React180.createElement("label", { className: "rf-text-field__label" }, label, required && /* @__PURE__ */ React180.createElement("span", { className: "rf-text-field__asterisk" }, " *")),
-    variant === "outlined" && /* @__PURE__ */ React180.createElement("fieldset", { "aria-hidden": true, className: "rf-text-field__notch" }, /* @__PURE__ */ React180.createElement("legend", { className: "rf-text-field__legend" }, label && /* @__PURE__ */ React180.createElement("span", null, label, required ? " *" : ""))),
-    variant === "filled" && /* @__PURE__ */ React180.createElement(React180.Fragment, null, /* @__PURE__ */ React180.createElement("div", { className: "rf-text-field__filled-bg" }), /* @__PURE__ */ React180.createElement("div", { className: "rf-text-field__underline" })),
-    variant === "standard" && /* @__PURE__ */ React180.createElement("div", { className: "rf-text-field__underline" })
-  ), helperText && /* @__PURE__ */ React180.createElement("p", { className: `rf-text-field__helper-text${error ? " rf-text-field__helper-text--error" : ""}` }, helperText), open && ReactDOM11.createPortal(
-    /* @__PURE__ */ React180.createElement(
+    label && /* @__PURE__ */ React181.createElement("label", { className: "rf-text-field__label" }, label, required && /* @__PURE__ */ React181.createElement("span", { className: "rf-text-field__asterisk" }, " *")),
+    variant === "outlined" && /* @__PURE__ */ React181.createElement("fieldset", { "aria-hidden": true, className: "rf-text-field__notch" }, /* @__PURE__ */ React181.createElement("legend", { className: "rf-text-field__legend" }, label && /* @__PURE__ */ React181.createElement("span", null, label, required ? " *" : ""))),
+    variant === "filled" && /* @__PURE__ */ React181.createElement(React181.Fragment, null, /* @__PURE__ */ React181.createElement("div", { className: "rf-text-field__filled-bg" }), /* @__PURE__ */ React181.createElement("div", { className: "rf-text-field__underline" })),
+    variant === "standard" && /* @__PURE__ */ React181.createElement("div", { className: "rf-text-field__underline" })
+  ), helperText && /* @__PURE__ */ React181.createElement("p", { className: `rf-text-field__helper-text${error ? " rf-text-field__helper-text--error" : ""}` }, helperText), open && ReactDOM11.createPortal(
+    /* @__PURE__ */ React181.createElement(
       "div",
       {
         ref: dropdownRef,
         className: "rf-tree-select__popup",
         style: dropdownStyle
       },
-      filter && /* @__PURE__ */ React180.createElement("div", { className: "rf-tree-select__filter" }, /* @__PURE__ */ React180.createElement(Search, { size: 14, className: "rf-tree-select__filter-icon" }), /* @__PURE__ */ React180.createElement(
+      filter && /* @__PURE__ */ React181.createElement("div", { className: "rf-tree-select__filter" }, /* @__PURE__ */ React181.createElement(Search, { size: 14, className: "rf-tree-select__filter-icon" }), /* @__PURE__ */ React181.createElement(
         "input",
         {
           ref: filterInputRef,
@@ -10985,7 +11091,7 @@ function TreeSelect({
           value: filterQuery,
           onChange: (e) => setFilterQuery(e.target.value)
         }
-      ), filterQuery && /* @__PURE__ */ React180.createElement(
+      ), filterQuery && /* @__PURE__ */ React181.createElement(
         "button",
         {
           type: "button",
@@ -10993,9 +11099,9 @@ function TreeSelect({
           onClick: () => setFilterQuery(""),
           tabIndex: -1
         },
-        /* @__PURE__ */ React180.createElement(X, { size: 12 })
+        /* @__PURE__ */ React181.createElement(X, { size: 12 })
       )),
-      /* @__PURE__ */ React180.createElement("div", { className: "rf-tree-select__tree" }, filteredTree.length === 0 ? /* @__PURE__ */ React180.createElement("div", { className: "rf-tree-select__empty" }, "No results found") : filteredTree.map((node) => /* @__PURE__ */ React180.createElement(
+      /* @__PURE__ */ React181.createElement("div", { className: "rf-tree-select__tree" }, filteredTree.length === 0 ? /* @__PURE__ */ React181.createElement("div", { className: "rf-tree-select__empty" }, "No results found") : filteredTree.map((node) => /* @__PURE__ */ React181.createElement(
         TreeNodeItem,
         {
           key: node.id,
@@ -11016,7 +11122,7 @@ function TreeSelect({
 }
 
 // lib/UserSelectionField/UserSelectionField.tsx
-import React181 from "react";
+import React182 from "react";
 function getOptionId(opt) {
   return opt.id ?? opt._id;
 }
@@ -11030,7 +11136,7 @@ function matchesSearch(opt, query) {
 }
 function UserAvatar({ user }) {
   const initials = (user.userFirstName?.[0] ?? "").toUpperCase() + (user.userLastName?.[0] ?? "").toUpperCase();
-  return /* @__PURE__ */ React181.createElement("span", { style: {
+  return /* @__PURE__ */ React182.createElement("span", { style: {
     width: 28,
     height: 28,
     borderRadius: "50%",
@@ -11078,7 +11184,7 @@ function UserSelectionField({
       onSearchChange(inputValue);
     }
   };
-  return /* @__PURE__ */ React181.createElement(
+  return /* @__PURE__ */ React182.createElement(
     Autocomplete,
     {
       options,
@@ -11088,13 +11194,13 @@ function UserSelectionField({
       multiple,
       limitTags,
       loading,
-      loadingText: /* @__PURE__ */ React181.createElement("span", { style: { display: "flex", alignItems: "center", gap: 8, padding: "4px 0" } }, /* @__PURE__ */ React181.createElement("span", { style: { fontSize: "0.875rem", color: "var(--text-secondary)" } }, "Loading\u2026")),
+      loadingText: /* @__PURE__ */ React182.createElement("span", { style: { display: "flex", alignItems: "center", gap: 8, padding: "4px 0" } }, /* @__PURE__ */ React182.createElement("span", { style: { fontSize: "0.875rem", color: "var(--text-secondary)" } }, "Loading\u2026")),
       getOptionLabel: getLabel,
       isOptionEqualToValue: (opt, val) => getOptionId(opt) === getOptionId(val),
       filterOptions: filterOptionsProp ? (opts, inputValue) => filterOptionsProp(opts, inputValue) : (opts, inputValue) => inputValue ? opts.filter((opt) => matchesSearch(opt, inputValue)) : opts,
       renderOption: (props, option) => {
         const { key, ...rest } = props;
-        return /* @__PURE__ */ React181.createElement("li", { key, ...rest, style: { padding: "6px 12px", listStyle: "none" } }, /* @__PURE__ */ React181.createElement("span", { style: { display: "flex", alignItems: "center", gap: 10 } }, /* @__PURE__ */ React181.createElement(UserAvatar, { user: option }), /* @__PURE__ */ React181.createElement("span", { style: { display: "flex", flexDirection: "column", minWidth: 0 } }, /* @__PURE__ */ React181.createElement("span", { style: { fontSize: "0.85rem", color: "var(--text-color)", lineHeight: 1.3 } }, option.userFirstName, " ", option.userLastName), /* @__PURE__ */ React181.createElement("span", { style: { fontSize: "0.75rem", color: "var(--text-secondary)", lineHeight: 1.3 } }, option.emailId))));
+        return /* @__PURE__ */ React182.createElement("li", { key, ...rest, style: { padding: "6px 12px", listStyle: "none" } }, /* @__PURE__ */ React182.createElement("span", { style: { display: "flex", alignItems: "center", gap: 10 } }, /* @__PURE__ */ React182.createElement(UserAvatar, { user: option }), /* @__PURE__ */ React182.createElement("span", { style: { display: "flex", flexDirection: "column", minWidth: 0 } }, /* @__PURE__ */ React182.createElement("span", { style: { fontSize: "0.85rem", color: "var(--text-color)", lineHeight: 1.3 } }, option.userFirstName, " ", option.userLastName), /* @__PURE__ */ React182.createElement("span", { style: { fontSize: "0.75rem", color: "var(--text-secondary)", lineHeight: 1.3 } }, option.emailId))));
       },
       label,
       placeholder: label,
@@ -11113,8 +11219,8 @@ function UserSelectionField({
 }
 
 // lib/SmartSelect/SmartSelect.tsx
-import React182, { useCallback as useCallback13, useEffect as useEffect22, useMemo as useMemo4, useRef as useRef26, useState as useState28 } from "react";
-var CheckIcon3 = () => /* @__PURE__ */ React182.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React182.createElement("polyline", { points: "20 6 9 17 4 12" }));
+import React183, { useCallback as useCallback13, useEffect as useEffect22, useMemo as useMemo4, useRef as useRef26, useState as useState28 } from "react";
+var CheckIcon3 = () => /* @__PURE__ */ React183.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React183.createElement("polyline", { points: "20 6 9 17 4 12" }));
 function flattenTree(options, getChildren, depth = 0) {
   return options.flatMap((opt) => [
     { option: opt, depth },
@@ -11374,7 +11480,7 @@ function SmartSelect({
     const depth = depthMap.get(getValue(option)) ?? 0;
     const subLabel = getOptionSubLabel?.(option);
     const isSelected = selectedKeys.has(getValue(option));
-    return /* @__PURE__ */ React182.createElement(
+    return /* @__PURE__ */ React183.createElement(
       "li",
       {
         key,
@@ -11391,16 +11497,16 @@ function SmartSelect({
           alignItems: subLabel ? "flex-start" : void 0
         }
       },
-      /* @__PURE__ */ React182.createElement(
+      /* @__PURE__ */ React183.createElement(
         "span",
         {
           className: "rf-select__option-label",
           style: subLabel ? { display: "flex", flexDirection: "column", whiteSpace: "normal" } : void 0
         },
-        /* @__PURE__ */ React182.createElement("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", lineHeight: 1.3 } }, getOptionLabel(option)),
-        subLabel && /* @__PURE__ */ React182.createElement("span", { style: { fontSize: "0.75rem", color: "var(--text-secondary)", lineHeight: 1.3, marginTop: 1 } }, subLabel)
+        /* @__PURE__ */ React183.createElement("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", lineHeight: 1.3 } }, getOptionLabel(option)),
+        subLabel && /* @__PURE__ */ React183.createElement("span", { style: { fontSize: "0.75rem", color: "var(--text-secondary)", lineHeight: 1.3, marginTop: 1 } }, subLabel)
       ),
-      /* @__PURE__ */ React182.createElement("span", { className: "rf-select__option-check", "aria-hidden": "true" }, /* @__PURE__ */ React182.createElement(CheckIcon3, null))
+      /* @__PURE__ */ React183.createElement("span", { className: "rf-select__option-check", "aria-hidden": "true" }, /* @__PURE__ */ React183.createElement(CheckIcon3, null))
     );
   }, [depthMap, getValue, getOptionLabel, getOptionSubLabel, selectedKeys]);
   const computedFilterOptions = useCallback13((opts, inputVal) => {
@@ -11443,7 +11549,7 @@ function SmartSelect({
       (opt) => getOptionLabel(opt).toLowerCase().includes(q) || (getOptionSubLabel?.(opt) ?? "").toLowerCase().includes(q)
     ).slice(0, searchThreshold);
   }, [filterOptionsProp, multiple, selectedKeys, getValue, getOptionLabel, getOptionSubLabel, value, searchThreshold, strictSelection, strictValidation]);
-  return /* @__PURE__ */ React182.createElement(
+  return /* @__PURE__ */ React183.createElement(
     Autocomplete,
     {
       options: displayOptions,
@@ -11454,7 +11560,7 @@ function SmartSelect({
       multiple,
       limitTags,
       loading,
-      loadingText: loadingText ?? /* @__PURE__ */ React182.createElement("span", { style: { fontSize: "0.875rem", color: "var(--text-secondary)" } }, "Loading\u2026"),
+      loadingText: loadingText ?? /* @__PURE__ */ React183.createElement("span", { style: { fontSize: "0.875rem", color: "var(--text-secondary)" } }, "Loading\u2026"),
       getOptionLabel,
       isOptionEqualToValue: (opt, val) => {
         try {
@@ -11482,7 +11588,7 @@ function SmartSelect({
 }
 
 // lib/RufousTextEditor/RufousTextEditor.tsx
-import React193, { useMemo as useMemo6, useCallback as useCallback18, useState as useState38, useRef as useRef34, useEffect as useEffect31 } from "react";
+import React194, { useMemo as useMemo6, useCallback as useCallback18, useState as useState38, useRef as useRef34, useEffect as useEffect31 } from "react";
 import { createPortal as createPortal8 } from "react-dom";
 import { useEditor, EditorContent, EditorContext, FloatingMenu, BubbleMenu } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
@@ -11508,8 +11614,8 @@ import { ReactRenderer } from "@tiptap/react";
 import tippy from "tippy.js";
 
 // lib/RufousTextEditor/MentionList.tsx
-import React183, { forwardRef as forwardRef19, useEffect as useEffect23, useImperativeHandle, useState as useState29 } from "react";
-var MentionList = forwardRef19((props, ref) => {
+import React184, { forwardRef as forwardRef20, useEffect as useEffect23, useImperativeHandle, useState as useState29 } from "react";
+var MentionList = forwardRef20((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useState29(0);
   const selectItem = (index) => {
     const item = props.items[index];
@@ -11536,17 +11642,17 @@ var MentionList = forwardRef19((props, ref) => {
     }
   }));
   if (!props.items.length) {
-    return /* @__PURE__ */ React183.createElement("div", { className: "rf-rte-mention-dropdown" }, /* @__PURE__ */ React183.createElement("div", { className: "rf-rte-mention-item rf-rte-mention-no-result" }, "No results"));
+    return /* @__PURE__ */ React184.createElement("div", { className: "rf-rte-mention-dropdown" }, /* @__PURE__ */ React184.createElement("div", { className: "rf-rte-mention-item rf-rte-mention-no-result" }, "No results"));
   }
-  return /* @__PURE__ */ React183.createElement("div", { className: "rf-rte-mention-dropdown" }, props.items.map((item, index) => /* @__PURE__ */ React183.createElement(
+  return /* @__PURE__ */ React184.createElement("div", { className: "rf-rte-mention-dropdown" }, props.items.map((item, index) => /* @__PURE__ */ React184.createElement(
     "button",
     {
       className: `rf-rte-mention-item ${index === selectedIndex ? "is-selected" : ""}`,
       key: item.id,
       onClick: () => selectItem(index)
     },
-    /* @__PURE__ */ React183.createElement("span", { className: "rf-rte-mention-avatar" }, item.avatar || item.name.charAt(0).toUpperCase()),
-    /* @__PURE__ */ React183.createElement("span", { className: "rf-rte-mention-name" }, item.name)
+    /* @__PURE__ */ React184.createElement("span", { className: "rf-rte-mention-avatar" }, item.avatar || item.name.charAt(0).toUpperCase()),
+    /* @__PURE__ */ React184.createElement("span", { className: "rf-rte-mention-name" }, item.name)
   )));
 });
 MentionList.displayName = "MentionList";
@@ -11604,12 +11710,12 @@ function createMentionSuggestion(users) {
 }
 
 // lib/RufousTextEditor/Toolbar.tsx
-import React189, { useState as useState34, useRef as useRef30, useEffect as useEffect27, useCallback as useCallback17 } from "react";
+import React190, { useState as useState34, useRef as useRef30, useEffect as useEffect27, useCallback as useCallback17 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
 
 // lib/RufousTextEditor/TextToSpeech.tsx
-import React184, { useState as useState30, useEffect as useEffect24, useRef as useRef27, useCallback as useCallback14, forwardRef as forwardRef20, useImperativeHandle as useImperativeHandle2 } from "react";
-var TextToSpeech = forwardRef20(({ editor, onTextToSpeech }, ref) => {
+import React185, { useState as useState30, useEffect as useEffect24, useRef as useRef27, useCallback as useCallback14, forwardRef as forwardRef21, useImperativeHandle as useImperativeHandle2 } from "react";
+var TextToSpeech = forwardRef21(({ editor, onTextToSpeech }, ref) => {
   const [speaking, setSpeaking] = useState30(false);
   const [paused, setPaused] = useState30(false);
   const [voices, setVoices] = useState30([]);
@@ -11713,7 +11819,7 @@ var TextToSpeech = forwardRef20(({ editor, onTextToSpeech }, ref) => {
     setPaused(false);
   }, []);
   useImperativeHandle2(ref, () => ({ stop: handleStop }), [handleStop]);
-  return /* @__PURE__ */ React184.createElement("div", { className: "tts-wrapper", ref: panelRef }, /* @__PURE__ */ React184.createElement(Tooltip, { title: "Text to Speech", placement: "top" }, /* @__PURE__ */ React184.createElement(
+  return /* @__PURE__ */ React185.createElement("div", { className: "tts-wrapper", ref: panelRef }, /* @__PURE__ */ React185.createElement(Tooltip, { title: "Text to Speech", placement: "top" }, /* @__PURE__ */ React185.createElement(
     "button",
     {
       className: `toolbar-btn ${speaking ? "is-active" : ""}`,
@@ -11726,15 +11832,15 @@ var TextToSpeech = forwardRef20(({ editor, onTextToSpeech }, ref) => {
       }
     },
     speaking ? "\u23F9" : "\u{1F50A}"
-  )), showPanel && !speaking && /* @__PURE__ */ React184.createElement("div", { className: "tts-panel" }, /* @__PURE__ */ React184.createElement("div", { className: "tts-panel-header" }, "Text to Speech"), /* @__PURE__ */ React184.createElement("label", { className: "tts-label" }, "Voice"), /* @__PURE__ */ React184.createElement(
+  )), showPanel && !speaking && /* @__PURE__ */ React185.createElement("div", { className: "tts-panel" }, /* @__PURE__ */ React185.createElement("div", { className: "tts-panel-header" }, "Text to Speech"), /* @__PURE__ */ React185.createElement("label", { className: "tts-label" }, "Voice"), /* @__PURE__ */ React185.createElement(
     "select",
     {
       className: "tts-select",
       value: selectedVoice,
       onChange: (e) => setSelectedVoice(e.target.value)
     },
-    voices.map((v) => /* @__PURE__ */ React184.createElement("option", { key: v.name, value: v.name }, v.name, " (", v.lang, ")"))
-  ), /* @__PURE__ */ React184.createElement("label", { className: "tts-label" }, "Speed: ", rate, "x"), /* @__PURE__ */ React184.createElement(
+    voices.map((v) => /* @__PURE__ */ React185.createElement("option", { key: v.name, value: v.name }, v.name, " (", v.lang, ")"))
+  ), /* @__PURE__ */ React185.createElement("label", { className: "tts-label" }, "Speed: ", rate, "x"), /* @__PURE__ */ React185.createElement(
     "input",
     {
       type: "range",
@@ -11745,16 +11851,16 @@ var TextToSpeech = forwardRef20(({ editor, onTextToSpeech }, ref) => {
       value: rate,
       onChange: (e) => setRate(Number(e.target.value))
     }
-  ), /* @__PURE__ */ React184.createElement("div", { className: "tts-info" }, editor && !editor.state.selection.empty ? "Will read selected text" : "Will read all editor text"), /* @__PURE__ */ React184.createElement("button", { className: "tts-speak-btn", onClick: () => {
+  ), /* @__PURE__ */ React185.createElement("div", { className: "tts-info" }, editor && !editor.state.selection.empty ? "Will read selected text" : "Will read all editor text"), /* @__PURE__ */ React185.createElement("button", { className: "tts-speak-btn", onClick: () => {
     handleSpeak();
     setShowPanel(false);
-  } }, "\u25B6 Speak")), speaking && /* @__PURE__ */ React184.createElement("div", { className: "tts-controls" }, paused ? /* @__PURE__ */ React184.createElement(Tooltip, { title: "Resume", placement: "top" }, /* @__PURE__ */ React184.createElement("button", { className: "toolbar-btn", onClick: handleResume }, "\u25B6")) : /* @__PURE__ */ React184.createElement(Tooltip, { title: "Pause", placement: "top" }, /* @__PURE__ */ React184.createElement("button", { className: "toolbar-btn", onClick: handlePause }, "\u275A\u275A")), /* @__PURE__ */ React184.createElement(Tooltip, { title: "Stop", placement: "top" }, /* @__PURE__ */ React184.createElement("button", { className: "toolbar-btn", onClick: handleStop }, "\u25A0"))));
+  } }, "\u25B6 Speak")), speaking && /* @__PURE__ */ React185.createElement("div", { className: "tts-controls" }, paused ? /* @__PURE__ */ React185.createElement(Tooltip, { title: "Resume", placement: "top" }, /* @__PURE__ */ React185.createElement("button", { className: "toolbar-btn", onClick: handleResume }, "\u25B6")) : /* @__PURE__ */ React185.createElement(Tooltip, { title: "Pause", placement: "top" }, /* @__PURE__ */ React185.createElement("button", { className: "toolbar-btn", onClick: handlePause }, "\u275A\u275A")), /* @__PURE__ */ React185.createElement(Tooltip, { title: "Stop", placement: "top" }, /* @__PURE__ */ React185.createElement("button", { className: "toolbar-btn", onClick: handleStop }, "\u25A0"))));
 });
 var TextToSpeech_default = TextToSpeech;
 
 // lib/RufousTextEditor/SpeechToText.tsx
-import React185, { useState as useState31, useRef as useRef28, useCallback as useCallback15, useEffect as useEffect25, forwardRef as forwardRef21, useImperativeHandle as useImperativeHandle3 } from "react";
-var SpeechToText = forwardRef21(({ editor, onSpeechToText }, ref) => {
+import React186, { useState as useState31, useRef as useRef28, useCallback as useCallback15, useEffect as useEffect25, forwardRef as forwardRef22, useImperativeHandle as useImperativeHandle3 } from "react";
+var SpeechToText = forwardRef22(({ editor, onSpeechToText }, ref) => {
   const [listening, setListening] = useState31(false);
   const [showPanel, setShowPanel] = useState31(false);
   const [language, setLanguage] = useState31("en-US");
@@ -11867,7 +11973,7 @@ var SpeechToText = forwardRef21(({ editor, onSpeechToText }, ref) => {
   }, []);
   useImperativeHandle3(ref, () => ({ stop: stopListening }), [stopListening]);
   if (!supported) {
-    return /* @__PURE__ */ React185.createElement(Tooltip, { title: "Speech recognition not supported in this browser", placement: "top" }, /* @__PURE__ */ React185.createElement("button", { className: "toolbar-btn", disabled: true }, "\u{1F3A4}"));
+    return /* @__PURE__ */ React186.createElement(Tooltip, { title: "Speech recognition not supported in this browser", placement: "top" }, /* @__PURE__ */ React186.createElement("button", { className: "toolbar-btn", disabled: true }, "\u{1F3A4}"));
   }
   const LANGUAGES2 = [
     { code: "en-US", label: "English (US)" },
@@ -11889,7 +11995,7 @@ var SpeechToText = forwardRef21(({ editor, onSpeechToText }, ref) => {
     { code: "kn-IN", label: "Kannada" },
     { code: "ml-IN", label: "Malayalam" }
   ];
-  return /* @__PURE__ */ React185.createElement("div", { className: "stt-wrapper", ref: panelRef }, /* @__PURE__ */ React185.createElement(Tooltip, { title: listening ? "Stop recording" : "Speech to Text", placement: "top" }, /* @__PURE__ */ React185.createElement(
+  return /* @__PURE__ */ React186.createElement("div", { className: "stt-wrapper", ref: panelRef }, /* @__PURE__ */ React186.createElement(Tooltip, { title: listening ? "Stop recording" : "Speech to Text", placement: "top" }, /* @__PURE__ */ React186.createElement(
     "button",
     {
       className: `toolbar-btn ${listening ? "is-active stt-recording" : ""}`,
@@ -11902,20 +12008,20 @@ var SpeechToText = forwardRef21(({ editor, onSpeechToText }, ref) => {
       }
     },
     "\u{1F3A4}"
-  )), showPanel && !listening && /* @__PURE__ */ React185.createElement("div", { className: "stt-panel" }, /* @__PURE__ */ React185.createElement("div", { className: "stt-panel-header" }, "Speech to Text"), /* @__PURE__ */ React185.createElement("label", { className: "stt-label" }, "Language"), /* @__PURE__ */ React185.createElement(
+  )), showPanel && !listening && /* @__PURE__ */ React186.createElement("div", { className: "stt-panel" }, /* @__PURE__ */ React186.createElement("div", { className: "stt-panel-header" }, "Speech to Text"), /* @__PURE__ */ React186.createElement("label", { className: "stt-label" }, "Language"), /* @__PURE__ */ React186.createElement(
     "select",
     {
       className: "stt-select",
       value: language,
       onChange: (e) => setLanguage(e.target.value)
     },
-    LANGUAGES2.map((l) => /* @__PURE__ */ React185.createElement("option", { key: l.code, value: l.code }, l.label))
-  ), /* @__PURE__ */ React185.createElement("div", { className: "stt-info" }, "Speak into your microphone and the text will be typed into the editor."), /* @__PURE__ */ React185.createElement("button", { className: "stt-start-btn", onClick: startListening }, "\u{1F3A4} Start Listening")), listening && interim && /* @__PURE__ */ React185.createElement("div", { className: "stt-interim" }, interim));
+    LANGUAGES2.map((l) => /* @__PURE__ */ React186.createElement("option", { key: l.code, value: l.code }, l.label))
+  ), /* @__PURE__ */ React186.createElement("div", { className: "stt-info" }, "Speak into your microphone and the text will be typed into the editor."), /* @__PURE__ */ React186.createElement("button", { className: "stt-start-btn", onClick: startListening }, "\u{1F3A4} Start Listening")), listening && interim && /* @__PURE__ */ React186.createElement("div", { className: "stt-interim" }, interim));
 });
 var SpeechToText_default = SpeechToText;
 
 // lib/RufousTextEditor/AICommands.tsx
-import React186, { useState as useState32, useRef as useRef29, useEffect as useEffect26, useCallback as useCallback16 } from "react";
+import React187, { useState as useState32, useRef as useRef29, useEffect as useEffect26, useCallback as useCallback16 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 var AI_COMMANDS = [
   { id: "improve", label: "Improve writing", prompt: "Improve the following text to make it clearer, more engaging, and well-structured. Return only the improved text, no explanations." },
@@ -12056,15 +12162,15 @@ var AICommands = ({ editor, onAICommand }) => {
     setPreviousResults([]);
   }, []);
   if (!editor) return null;
-  return /* @__PURE__ */ React186.createElement(React186.Fragment, null, /* @__PURE__ */ React186.createElement("div", { className: "ai-commands-wrapper", ref: panelRef }, /* @__PURE__ */ React186.createElement(Tooltip, { title: "AI Commands", placement: "top" }, /* @__PURE__ */ React186.createElement(
+  return /* @__PURE__ */ React187.createElement(React187.Fragment, null, /* @__PURE__ */ React187.createElement("div", { className: "ai-commands-wrapper", ref: panelRef }, /* @__PURE__ */ React187.createElement(Tooltip, { title: "AI Commands", placement: "top" }, /* @__PURE__ */ React187.createElement(
     "button",
     {
       className: `toolbar-btn ${open ? "is-active" : ""}`,
       onClick: () => setOpen(!open)
     },
-    /* @__PURE__ */ React186.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", stroke: "none" }, /* @__PURE__ */ React186.createElement("path", { d: "M9 2l1.5 3L14 6.5 10.5 8 9 11 7.5 8 4 6.5 7.5 5zM18 10l1 2 2 1-2 1-1 2-1-2-2-1 2-1zM5 17l1.5 3L10 21.5 6.5 23 5 26 3.5 23 0 21.5 3.5 20z" })),
-    /* @__PURE__ */ React186.createElement("span", { className: "dropdown-arrow" }, "\u25BE")
-  )), open && /* @__PURE__ */ React186.createElement("div", { className: "ai-commands-panel" }, /* @__PURE__ */ React186.createElement("div", { className: "ai-commands-header" }, "AI Commands"), /* @__PURE__ */ React186.createElement("div", { className: "ai-commands-list" }, AI_COMMANDS.map((cmd) => /* @__PURE__ */ React186.createElement(
+    /* @__PURE__ */ React187.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", stroke: "none" }, /* @__PURE__ */ React187.createElement("path", { d: "M9 2l1.5 3L14 6.5 10.5 8 9 11 7.5 8 4 6.5 7.5 5zM18 10l1 2 2 1-2 1-1 2-1-2-2-1 2-1zM5 17l1.5 3L10 21.5 6.5 23 5 26 3.5 23 0 21.5 3.5 20z" })),
+    /* @__PURE__ */ React187.createElement("span", { className: "dropdown-arrow" }, "\u25BE")
+  )), open && /* @__PURE__ */ React187.createElement("div", { className: "ai-commands-panel" }, /* @__PURE__ */ React187.createElement("div", { className: "ai-commands-header" }, "AI Commands"), /* @__PURE__ */ React187.createElement("div", { className: "ai-commands-list" }, AI_COMMANDS.map((cmd) => /* @__PURE__ */ React187.createElement(
     "button",
     {
       key: cmd.id,
@@ -12072,8 +12178,8 @@ var AICommands = ({ editor, onAICommand }) => {
       onClick: () => handleCommandSelect(cmd)
     },
     cmd.label
-  ))), /* @__PURE__ */ React186.createElement("div", { className: "ai-commands-hint" }, editor.state.selection.empty ? "Will apply to all text" : "Will apply to selected text"))), showModal && createPortal2(
-    /* @__PURE__ */ React186.createElement("div", { className: "ai-modal-overlay", onMouseDown: handleCancel }, /* @__PURE__ */ React186.createElement("div", { className: "ai-modal", onMouseDown: (e) => e.stopPropagation() }, /* @__PURE__ */ React186.createElement("div", { className: "ai-modal-header" }, /* @__PURE__ */ React186.createElement("span", { className: "ai-modal-title" }, "AI Assistant"), /* @__PURE__ */ React186.createElement("button", { className: "ai-modal-close", onClick: handleCancel }, "\xD7")), /* @__PURE__ */ React186.createElement("div", { className: "ai-modal-prompt-section" }, /* @__PURE__ */ React186.createElement("label", { className: "ai-modal-label" }, "Prompt"), /* @__PURE__ */ React186.createElement("div", { className: "ai-modal-prompt-row" }, /* @__PURE__ */ React186.createElement(
+  ))), /* @__PURE__ */ React187.createElement("div", { className: "ai-commands-hint" }, editor.state.selection.empty ? "Will apply to all text" : "Will apply to selected text"))), showModal && createPortal2(
+    /* @__PURE__ */ React187.createElement("div", { className: "ai-modal-overlay", onMouseDown: handleCancel }, /* @__PURE__ */ React187.createElement("div", { className: "ai-modal", onMouseDown: (e) => e.stopPropagation() }, /* @__PURE__ */ React187.createElement("div", { className: "ai-modal-header" }, /* @__PURE__ */ React187.createElement("span", { className: "ai-modal-title" }, "AI Assistant"), /* @__PURE__ */ React187.createElement("button", { className: "ai-modal-close", onClick: handleCancel }, "\xD7")), /* @__PURE__ */ React187.createElement("div", { className: "ai-modal-prompt-section" }, /* @__PURE__ */ React187.createElement("label", { className: "ai-modal-label" }, "Prompt"), /* @__PURE__ */ React187.createElement("div", { className: "ai-modal-prompt-row" }, /* @__PURE__ */ React187.createElement(
       "textarea",
       {
         className: "ai-modal-prompt",
@@ -12081,15 +12187,15 @@ var AICommands = ({ editor, onAICommand }) => {
         onChange: (e) => setPromptText(e.target.value),
         rows: 3
       }
-    ), /* @__PURE__ */ React186.createElement(Tooltip, { title: "Run with custom prompt", placement: "top" }, /* @__PURE__ */ React186.createElement(
+    ), /* @__PURE__ */ React187.createElement(Tooltip, { title: "Run with custom prompt", placement: "top" }, /* @__PURE__ */ React187.createElement(
       "button",
       {
         className: "ai-modal-robot-btn",
         onClick: () => fetchAIResult(promptText, originalText),
         disabled: loading
       },
-      /* @__PURE__ */ React186.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React186.createElement("rect", { x: "3", y: "11", width: "18", height: "10", rx: "2" }), /* @__PURE__ */ React186.createElement("circle", { cx: "9", cy: "16", r: "1" }), /* @__PURE__ */ React186.createElement("circle", { cx: "15", cy: "16", r: "1" }), /* @__PURE__ */ React186.createElement("path", { d: "M12 2v4" }), /* @__PURE__ */ React186.createElement("path", { d: "M8 7h8" }))
-    )))), /* @__PURE__ */ React186.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ React186.createElement(
+      /* @__PURE__ */ React187.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React187.createElement("rect", { x: "3", y: "11", width: "18", height: "10", rx: "2" }), /* @__PURE__ */ React187.createElement("circle", { cx: "9", cy: "16", r: "1" }), /* @__PURE__ */ React187.createElement("circle", { cx: "15", cy: "16", r: "1" }), /* @__PURE__ */ React187.createElement("path", { d: "M12 2v4" }), /* @__PURE__ */ React187.createElement("path", { d: "M8 7h8" }))
+    )))), /* @__PURE__ */ React187.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ React187.createElement(
       "button",
       {
         className: "ai-modal-action-btn ai-modal-insert-btn",
@@ -12097,7 +12203,7 @@ var AICommands = ({ editor, onAICommand }) => {
         disabled: loading || !resultText
       },
       "Insert"
-    ), /* @__PURE__ */ React186.createElement(
+    ), /* @__PURE__ */ React187.createElement(
       "button",
       {
         className: "ai-modal-action-btn ai-modal-insert-after-btn ms-2",
@@ -12105,22 +12211,22 @@ var AICommands = ({ editor, onAICommand }) => {
         disabled: loading || !resultText
       },
       "Insert After"
-    ), /* @__PURE__ */ React186.createElement(Tooltip, { title: "Generate another response", placement: "top" }, /* @__PURE__ */ React186.createElement(
+    ), /* @__PURE__ */ React187.createElement(Tooltip, { title: "Generate another response", placement: "top" }, /* @__PURE__ */ React187.createElement(
       "button",
       {
         className: "ai-modal-action-btn ai-modal-refresh-btn",
         onClick: handleRefresh,
         disabled: loading
       },
-      /* @__PURE__ */ React186.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React186.createElement("path", { d: "M21 2v6h-6" }), /* @__PURE__ */ React186.createElement("path", { d: "M3 12a9 9 0 0 1 15-6.7L21 8" }), /* @__PURE__ */ React186.createElement("path", { d: "M3 22v-6h6" }), /* @__PURE__ */ React186.createElement("path", { d: "M21 12a9 9 0 0 1-15 6.7L3 16" }))
-    ))), /* @__PURE__ */ React186.createElement("div", { className: "ai-modal-result-section" }, loading ? /* @__PURE__ */ React186.createElement("div", { className: "ai-modal-loading" }, /* @__PURE__ */ React186.createElement("span", { className: "ai-spinner" }), /* @__PURE__ */ React186.createElement("span", null, "Generating response...")) : /* @__PURE__ */ React186.createElement("div", { className: "ai-modal-result" }, resultText)), /* @__PURE__ */ React186.createElement("div", { className: "ai-modal-footer" }, /* @__PURE__ */ React186.createElement("button", { className: "ai-modal-cancel-btn", onClick: handleCancel }, "CANCEL")))),
+      /* @__PURE__ */ React187.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React187.createElement("path", { d: "M21 2v6h-6" }), /* @__PURE__ */ React187.createElement("path", { d: "M3 12a9 9 0 0 1 15-6.7L21 8" }), /* @__PURE__ */ React187.createElement("path", { d: "M3 22v-6h6" }), /* @__PURE__ */ React187.createElement("path", { d: "M21 12a9 9 0 0 1-15 6.7L3 16" }))
+    ))), /* @__PURE__ */ React187.createElement("div", { className: "ai-modal-result-section" }, loading ? /* @__PURE__ */ React187.createElement("div", { className: "ai-modal-loading" }, /* @__PURE__ */ React187.createElement("span", { className: "ai-spinner" }), /* @__PURE__ */ React187.createElement("span", null, "Generating response...")) : /* @__PURE__ */ React187.createElement("div", { className: "ai-modal-result" }, resultText)), /* @__PURE__ */ React187.createElement("div", { className: "ai-modal-footer" }, /* @__PURE__ */ React187.createElement("button", { className: "ai-modal-cancel-btn", onClick: handleCancel }, "CANCEL")))),
     document.body
   ));
 };
 var AICommands_default = AICommands;
 
 // lib/RufousTextEditor/TranslateModal.tsx
-import React187, { useState as useState33, useMemo as useMemo5 } from "react";
+import React188, { useState as useState33, useMemo as useMemo5 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 var LANGUAGES = [
   { code: "af", name: "Afrikaans" },
@@ -12313,7 +12419,7 @@ var TranslateModal = ({ editor, onClose, onTranslate, initialSource, initialTarg
     }
   };
   return createPortal3(
-    /* @__PURE__ */ React187.createElement("div", { className: "modal-overlay", onClick: onClose }, /* @__PURE__ */ React187.createElement("div", { className: "modal-content translate-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React187.createElement("div", { className: "modal-header" }, /* @__PURE__ */ React187.createElement("h3", null, "Translate options"), /* @__PURE__ */ React187.createElement("button", { className: "modal-close", onClick: onClose }, "\xD7")), /* @__PURE__ */ React187.createElement("div", { className: "modal-body" }, /* @__PURE__ */ React187.createElement("div", { className: "translate-columns" }, /* @__PURE__ */ React187.createElement("div", { className: "translate-col" }, /* @__PURE__ */ React187.createElement("div", { className: "translate-filter" }, /* @__PURE__ */ React187.createElement(
+    /* @__PURE__ */ React188.createElement("div", { className: "modal-overlay", onClick: onClose }, /* @__PURE__ */ React188.createElement("div", { className: "modal-content translate-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React188.createElement("div", { className: "modal-header" }, /* @__PURE__ */ React188.createElement("h3", null, "Translate options"), /* @__PURE__ */ React188.createElement("button", { className: "modal-close", onClick: onClose }, "\xD7")), /* @__PURE__ */ React188.createElement("div", { className: "modal-body" }, /* @__PURE__ */ React188.createElement("div", { className: "translate-columns" }, /* @__PURE__ */ React188.createElement("div", { className: "translate-col" }, /* @__PURE__ */ React188.createElement("div", { className: "translate-filter" }, /* @__PURE__ */ React188.createElement(
       "input",
       {
         type: "text",
@@ -12322,16 +12428,16 @@ var TranslateModal = ({ editor, onClose, onTranslate, initialSource, initialTarg
         onChange: (e) => setSourceFilter(e.target.value),
         className: "translate-filter-input"
       }
-    )), /* @__PURE__ */ React187.createElement("div", { className: "translate-list" }, filteredSource.map((lang) => /* @__PURE__ */ React187.createElement(
+    )), /* @__PURE__ */ React188.createElement("div", { className: "translate-list" }, filteredSource.map((lang) => /* @__PURE__ */ React188.createElement(
       "button",
       {
         key: lang.code,
         className: `translate-item ${sourceLang === lang.code ? "active" : ""}`,
         onClick: () => setSourceLang(lang.code)
       },
-      /* @__PURE__ */ React187.createElement("span", { className: "translate-code" }, lang.code),
-      /* @__PURE__ */ React187.createElement("span", { className: "translate-name" }, lang.name)
-    )))), /* @__PURE__ */ React187.createElement("div", { className: "translate-swap" }, /* @__PURE__ */ React187.createElement(Tooltip, { title: "Swap languages", placement: "top" }, /* @__PURE__ */ React187.createElement("button", { className: "translate-swap-btn", onClick: handleSwap }, "\u21C4"))), /* @__PURE__ */ React187.createElement("div", { className: "translate-col" }, /* @__PURE__ */ React187.createElement("div", { className: "translate-filter" }, /* @__PURE__ */ React187.createElement(
+      /* @__PURE__ */ React188.createElement("span", { className: "translate-code" }, lang.code),
+      /* @__PURE__ */ React188.createElement("span", { className: "translate-name" }, lang.name)
+    )))), /* @__PURE__ */ React188.createElement("div", { className: "translate-swap" }, /* @__PURE__ */ React188.createElement(Tooltip, { title: "Swap languages", placement: "top" }, /* @__PURE__ */ React188.createElement("button", { className: "translate-swap-btn", onClick: handleSwap }, "\u21C4"))), /* @__PURE__ */ React188.createElement("div", { className: "translate-col" }, /* @__PURE__ */ React188.createElement("div", { className: "translate-filter" }, /* @__PURE__ */ React188.createElement(
       "input",
       {
         type: "text",
@@ -12340,16 +12446,16 @@ var TranslateModal = ({ editor, onClose, onTranslate, initialSource, initialTarg
         onChange: (e) => setTargetFilter(e.target.value),
         className: "translate-filter-input"
       }
-    )), /* @__PURE__ */ React187.createElement("div", { className: "translate-list" }, filteredTarget.map((lang) => /* @__PURE__ */ React187.createElement(
+    )), /* @__PURE__ */ React188.createElement("div", { className: "translate-list" }, filteredTarget.map((lang) => /* @__PURE__ */ React188.createElement(
       "button",
       {
         key: lang.code,
         className: `translate-item ${targetLang === lang.code ? "active" : ""}`,
         onClick: () => setTargetLang(lang.code)
       },
-      /* @__PURE__ */ React187.createElement("span", { className: "translate-code" }, lang.code),
-      /* @__PURE__ */ React187.createElement("span", { className: "translate-name" }, lang.name)
-    ))))), error && /* @__PURE__ */ React187.createElement("div", { className: "translate-error" }, error)), /* @__PURE__ */ React187.createElement("div", { className: "modal-footer" }, /* @__PURE__ */ React187.createElement("div", { className: "modal-footer-left" }, /* @__PURE__ */ React187.createElement("button", { className: "modal-btn-cancel", onClick: onClose }, "Cancel")), /* @__PURE__ */ React187.createElement("button", { className: "modal-btn-apply", onClick: handleSave, disabled: translating }, translating ? "Translating..." : "Save")))),
+      /* @__PURE__ */ React188.createElement("span", { className: "translate-code" }, lang.code),
+      /* @__PURE__ */ React188.createElement("span", { className: "translate-name" }, lang.name)
+    ))))), error && /* @__PURE__ */ React188.createElement("div", { className: "translate-error" }, error)), /* @__PURE__ */ React188.createElement("div", { className: "modal-footer" }, /* @__PURE__ */ React188.createElement("div", { className: "modal-footer-left" }, /* @__PURE__ */ React188.createElement("button", { className: "modal-btn-cancel", onClick: onClose }, "Cancel")), /* @__PURE__ */ React188.createElement("button", { className: "modal-btn-apply", onClick: handleSave, disabled: translating }, translating ? "Translating..." : "Save")))),
     document.body
   );
 };
@@ -13000,38 +13106,38 @@ var CustomTaskItem = TaskItem.extend({
 });
 
 // lib/RufousTextEditor/icons.tsx
-import * as React188 from "react";
+import * as React189 from "react";
 var s = { width: 20, height: 20, viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" };
-var IconUndo = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M12.5 8C9.85 8 7.45 9 5.6 10.6L2 7v9h9l-3.62-3.62C8.93 11.01 10.63 10.2 12.5 10.2c3.03 0 5.6 1.93 6.55 4.63l2.15-.72C19.93 10.68 16.5 8 12.5 8z" }));
-var IconRedo = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M18.4 10.6C16.55 9 14.15 8 11.5 8c-4 0-7.43 2.68-8.7 6.11l2.15.72c.95-2.7 3.52-4.63 6.55-4.63 1.87 0 3.57.81 5.12 2.18L13 16h9V7l-3.6 3.6z" }));
-var IconBold = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z" }));
-var IconItalic = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" }));
-var IconLink = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z" }));
-var IconStrike = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M7.24 11h2.01c-.13-.42-.2-.88-.2-1.37 0-.89.32-1.58.96-2.08.64-.49 1.46-.74 2.47-.74.99 0 1.81.24 2.46.71.64.47.97 1.1.97 1.88h2.04c0-1.27-.55-2.33-1.64-3.18C15.21 5.37 13.83 4.95 12.2 4.95c-1.69 0-3.09.43-4.2 1.3C6.9 7.1 6.35 8.23 6.35 9.63c0 .47.06.92.18 1.37H3v2h18v-2H7.24zM12.2 17.05c-1.03 0-1.89-.28-2.56-.84-.67-.56-1-1.27-1-2.13h-2.1c0 1.36.58 2.5 1.75 3.44 1.16.93 2.56 1.4 4.19 1.4 1.69 0 3.09-.43 4.2-1.3 1.1-.86 1.65-1.99 1.65-3.38h-2.1c0 .85-.33 1.56-1 2.13-.66.56-1.52.84-2.56.84l-.47-.16z" }));
-var IconHeading = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M5 4v3h5.5v12h3V7H19V4z" }));
-var IconFontSize = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M9 4v3h5v12h2V7h5V4H9zm-6 8h3v7h2v-7h3v-2H3v2z" }));
-var IconColor = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M11 2L5.5 16h2.25l1.12-3h6.25l1.12 3h2.25L13 2h-2zm-1.38 9L12 4.67 14.38 11H9.62z" }), /* @__PURE__ */ React188.createElement("path", { d: "M3 20h18v3H3z", opacity: "0.8" }));
-var IconFont = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M9.93 13.5h4.14L12 7.98 9.93 13.5zM20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4.05 16.5l-1.14-3H9.17l-1.12 3H5.96l5.11-13h1.86l5.11 13h-2.09z" }));
-var IconLineHeight = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M6 7h2.5L5 3.5 1.5 7H4v10H1.5L5 20.5 8.5 17H6V7zm16-3h-8v2h8V4zm0 4h-8v2h8V8zm0 4h-8v2h8v-2zm0 4h-8v2h8v-2z" }));
-var IconBulletList = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z" }));
-var IconOrderedList = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z" }));
-var IconAlignLeft = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zM3 21h18v-2H3v2zM3 3v2h18V3H3z" }));
-var IconAlignCenter = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }));
-var IconAlignRight = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }));
-var IconAlignJustify = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zM3 3v2h18V3H3z" }));
-var IconIndentIncrease = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
-var IconIndentDecrease = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M11 17h10v-2H11v2zm-8-5l4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
-var IconTable = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M20 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 19V5h4v14H5zm6 0V5h4v14h-4zm6 0V5h3v14h-3z", fillRule: "evenodd" }));
-var IconImage = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z" }));
-var IconVideo = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M4 6.47L5.76 10H20v8H4V6.47M22 4h-4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4z" }));
-var IconCut = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3h-3z" }));
-var IconCopy = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" }));
-var IconCode = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z" }));
-var IconFullscreen = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }));
-var IconTranslate = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M12.87 15.07l-2.54-2.51.03-.03A17.52 17.52 0 0014.07 6H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2.02c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z" }));
-var IconTaskList = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M22 8c0-.55-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1zm0 8c0-.55-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1zM5.54 11L2 7.46l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41L5.54 11zm0 8L2 15.46l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41L5.54 19z" }));
-var IconCheck = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }));
-var IconPaste = () => /* @__PURE__ */ React188.createElement("svg", { ...s }, /* @__PURE__ */ React188.createElement("path", { d: "M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z" }));
+var IconUndo = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M12.5 8C9.85 8 7.45 9 5.6 10.6L2 7v9h9l-3.62-3.62C8.93 11.01 10.63 10.2 12.5 10.2c3.03 0 5.6 1.93 6.55 4.63l2.15-.72C19.93 10.68 16.5 8 12.5 8z" }));
+var IconRedo = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M18.4 10.6C16.55 9 14.15 8 11.5 8c-4 0-7.43 2.68-8.7 6.11l2.15.72c.95-2.7 3.52-4.63 6.55-4.63 1.87 0 3.57.81 5.12 2.18L13 16h9V7l-3.6 3.6z" }));
+var IconBold = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z" }));
+var IconItalic = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" }));
+var IconLink = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z" }));
+var IconStrike = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M7.24 11h2.01c-.13-.42-.2-.88-.2-1.37 0-.89.32-1.58.96-2.08.64-.49 1.46-.74 2.47-.74.99 0 1.81.24 2.46.71.64.47.97 1.1.97 1.88h2.04c0-1.27-.55-2.33-1.64-3.18C15.21 5.37 13.83 4.95 12.2 4.95c-1.69 0-3.09.43-4.2 1.3C6.9 7.1 6.35 8.23 6.35 9.63c0 .47.06.92.18 1.37H3v2h18v-2H7.24zM12.2 17.05c-1.03 0-1.89-.28-2.56-.84-.67-.56-1-1.27-1-2.13h-2.1c0 1.36.58 2.5 1.75 3.44 1.16.93 2.56 1.4 4.19 1.4 1.69 0 3.09-.43 4.2-1.3 1.1-.86 1.65-1.99 1.65-3.38h-2.1c0 .85-.33 1.56-1 2.13-.66.56-1.52.84-2.56.84l-.47-.16z" }));
+var IconHeading = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M5 4v3h5.5v12h3V7H19V4z" }));
+var IconFontSize = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M9 4v3h5v12h2V7h5V4H9zm-6 8h3v7h2v-7h3v-2H3v2z" }));
+var IconColor = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M11 2L5.5 16h2.25l1.12-3h6.25l1.12 3h2.25L13 2h-2zm-1.38 9L12 4.67 14.38 11H9.62z" }), /* @__PURE__ */ React189.createElement("path", { d: "M3 20h18v3H3z", opacity: "0.8" }));
+var IconFont = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M9.93 13.5h4.14L12 7.98 9.93 13.5zM20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-4.05 16.5l-1.14-3H9.17l-1.12 3H5.96l5.11-13h1.86l5.11 13h-2.09z" }));
+var IconLineHeight = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M6 7h2.5L5 3.5 1.5 7H4v10H1.5L5 20.5 8.5 17H6V7zm16-3h-8v2h8V4zm0 4h-8v2h8V8zm0 4h-8v2h8v-2zm0 4h-8v2h8v-2z" }));
+var IconBulletList = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z" }));
+var IconOrderedList = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z" }));
+var IconAlignLeft = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zM3 21h18v-2H3v2zM3 3v2h18V3H3z" }));
+var IconAlignCenter = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }));
+var IconAlignRight = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }));
+var IconAlignJustify = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zM3 3v2h18V3H3z" }));
+var IconIndentIncrease = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
+var IconIndentDecrease = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M11 17h10v-2H11v2zm-8-5l4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z" }));
+var IconTable = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M20 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 19V5h4v14H5zm6 0V5h4v14h-4zm6 0V5h3v14h-3z", fillRule: "evenodd" }));
+var IconImage = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z" }));
+var IconVideo = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M4 6.47L5.76 10H20v8H4V6.47M22 4h-4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4z" }));
+var IconCut = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M9.64 7.64c.23-.5.36-1.05.36-1.64 0-2.21-1.79-4-4-4S2 3.79 2 6s1.79 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1L9.64 7.64zM6 8c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm0 12c-1.1 0-2-.89-2-2s.9-2 2-2 2 .89 2 2-.9 2-2 2zm6-7.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5zM19 3l-6 6 2 2 7-7V3h-3z" }));
+var IconCopy = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z" }));
+var IconCode = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z" }));
+var IconFullscreen = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }));
+var IconTranslate = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M12.87 15.07l-2.54-2.51.03-.03A17.52 17.52 0 0014.07 6H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2.02c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z" }));
+var IconTaskList = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M22 8c0-.55-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1zm0 8c0-.55-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1zM5.54 11L2 7.46l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41L5.54 11zm0 8L2 15.46l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41L5.54 19z" }));
+var IconCheck = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }));
+var IconPaste = () => /* @__PURE__ */ React189.createElement("svg", { ...s }, /* @__PURE__ */ React189.createElement("path", { d: "M19 2h-4.18C14.4.84 13.3 0 12 0c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z" }));
 
 // lib/RufousTextEditor/Toolbar.tsx
 var COLOR_PALETTE = [
@@ -13213,16 +13319,16 @@ var Dropdown = ({ trigger, children, className = "", keepOpen = false }) => {
     };
     position();
   }, [open]);
-  return /* @__PURE__ */ React189.createElement("div", { className: `dropdown ${className}`, ref }, /* @__PURE__ */ React189.createElement(Tooltip, { title: trigger.title || "", placement: "top" }, /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React190.createElement("div", { className: `dropdown ${className}`, ref }, /* @__PURE__ */ React190.createElement(Tooltip, { title: trigger.title || "", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: `toolbar-btn ${trigger.className || ""}`,
       onClick: () => setOpen(!open)
     },
     trigger.label,
-    /* @__PURE__ */ React189.createElement("span", { className: "dropdown-arrow" }, "\u25BE")
+    /* @__PURE__ */ React190.createElement("span", { className: "dropdown-arrow" }, "\u25BE")
   )), open && createPortal4(
-    /* @__PURE__ */ React189.createElement("div", { className: "rf-rte-wrapper rf-rte-dropdown-portal" }, /* @__PURE__ */ React189.createElement("div", { ref: menuRef, className: "dropdown-menu dropdown-menu-fixed", onClick: keepOpen ? void 0 : () => setOpen(false) }, typeof children === "function" ? children(() => setOpen(false)) : children)),
+    /* @__PURE__ */ React190.createElement("div", { className: "rf-rte-wrapper rf-rte-dropdown-portal" }, /* @__PURE__ */ React190.createElement("div", { ref: menuRef, className: "dropdown-menu dropdown-menu-fixed", onClick: keepOpen ? void 0 : () => setOpen(false) }, typeof children === "function" ? children(() => setOpen(false)) : children)),
     document.body
   ));
 };
@@ -13260,14 +13366,14 @@ var InsertPanel = ({ editor, onClose, mode = "video" }) => {
     }
     onClose();
   };
-  return /* @__PURE__ */ React189.createElement("div", { className: "insert-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React189.createElement("div", { className: "insert-panel-tabs" }, /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React190.createElement("div", { className: "insert-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React190.createElement("div", { className: "insert-panel-tabs" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: `insert-tab ${activeTab === "link" ? "active" : ""}`,
       onClick: () => setActiveTab("link")
     },
     "\u{1F517} Link"
-  ), /* @__PURE__ */ React189.createElement(
+  ), /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: `insert-tab ${activeTab === "code" ? "active" : ""}`,
@@ -13275,7 +13381,7 @@ var InsertPanel = ({ editor, onClose, mode = "video" }) => {
     },
     "</>",
     " Code"
-  )), /* @__PURE__ */ React189.createElement("label", { className: "insert-panel-label" }, activeTab === "link" ? "URL" : "Embed Code"), activeTab === "link" ? /* @__PURE__ */ React189.createElement(
+  )), /* @__PURE__ */ React190.createElement("label", { className: "insert-panel-label" }, activeTab === "link" ? "URL" : "Embed Code"), activeTab === "link" ? /* @__PURE__ */ React190.createElement(
     "input",
     {
       type: "text",
@@ -13286,7 +13392,7 @@ var InsertPanel = ({ editor, onClose, mode = "video" }) => {
       onKeyDown: (e) => e.key === "Enter" && handleInsert(),
       autoFocus: true
     }
-  ) : /* @__PURE__ */ React189.createElement(
+  ) : /* @__PURE__ */ React190.createElement(
     "textarea",
     {
       className: "insert-panel-textarea",
@@ -13295,7 +13401,7 @@ var InsertPanel = ({ editor, onClose, mode = "video" }) => {
       onChange: (e) => setUrl(e.target.value),
       rows: 3
     }
-  ), /* @__PURE__ */ React189.createElement("button", { className: "insert-panel-btn", onClick: handleInsert }, "Insert"));
+  ), /* @__PURE__ */ React190.createElement("button", { className: "insert-panel-btn", onClick: handleInsert }, "Insert"));
 };
 var ImagePanel = ({ editor, onClose, onImageUpload }) => {
   const [activeTab, setActiveTab] = useState34("upload");
@@ -13339,21 +13445,21 @@ var ImagePanel = ({ editor, onClose, onImageUpload }) => {
     editor.chain().focus().setImage({ src: url }).run();
     onClose();
   };
-  return /* @__PURE__ */ React189.createElement("div", { className: "insert-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React189.createElement("div", { className: "insert-panel-tabs" }, /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React190.createElement("div", { className: "insert-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React190.createElement("div", { className: "insert-panel-tabs" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: `insert-tab ${activeTab === "upload" ? "active" : ""}`,
       onClick: () => setActiveTab("upload")
     },
     "\u2B06 Upload"
-  ), /* @__PURE__ */ React189.createElement(
+  ), /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: `insert-tab ${activeTab === "url" ? "active" : ""}`,
       onClick: () => setActiveTab("url")
     },
     "\u{1F517} URL"
-  )), activeTab === "upload" ? /* @__PURE__ */ React189.createElement(React189.Fragment, null, /* @__PURE__ */ React189.createElement(
+  )), activeTab === "upload" ? /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(
     "div",
     {
       className: `drop-zone ${isDragging ? "dragging" : ""}`,
@@ -13365,9 +13471,9 @@ var ImagePanel = ({ editor, onClose, onImageUpload }) => {
       onDrop: handleDrop,
       onClick: () => fileInputRef.current?.click()
     },
-    /* @__PURE__ */ React189.createElement("span", { className: "drop-zone-text-bold" }, "Drop image"),
-    /* @__PURE__ */ React189.createElement("span", { className: "drop-zone-text-sub" }, "or click")
-  ), /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement("span", { className: "drop-zone-text-bold" }, "Drop image"),
+    /* @__PURE__ */ React190.createElement("span", { className: "drop-zone-text-sub" }, "or click")
+  ), /* @__PURE__ */ React190.createElement(
     "input",
     {
       ref: fileInputRef,
@@ -13376,7 +13482,7 @@ var ImagePanel = ({ editor, onClose, onImageUpload }) => {
       style: { display: "none" },
       onChange: handleFileSelect
     }
-  )) : /* @__PURE__ */ React189.createElement(React189.Fragment, null, /* @__PURE__ */ React189.createElement("label", { className: "insert-panel-label" }, "URL"), /* @__PURE__ */ React189.createElement(
+  )) : /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement("label", { className: "insert-panel-label" }, "URL"), /* @__PURE__ */ React190.createElement(
     "input",
     {
       type: "text",
@@ -13387,7 +13493,7 @@ var ImagePanel = ({ editor, onClose, onImageUpload }) => {
       onKeyDown: (e) => e.key === "Enter" && handleUrlInsert(),
       autoFocus: true
     }
-  ), /* @__PURE__ */ React189.createElement("button", { className: "insert-panel-btn", onClick: handleUrlInsert }, "Insert")));
+  ), /* @__PURE__ */ React190.createElement("button", { className: "insert-panel-btn", onClick: handleUrlInsert }, "Insert")));
 };
 var MAX_GRID = 10;
 var TableGridSelector = ({ editor, onClose }) => {
@@ -13398,7 +13504,7 @@ var TableGridSelector = ({ editor, onClose }) => {
     editor.chain().focus().insertTable({ rows: hoverRow, cols: hoverCol, withHeaderRow: true }).run();
     onClose();
   };
-  return /* @__PURE__ */ React189.createElement("div", { className: "table-grid-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React190.createElement("div", { className: "table-grid-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React190.createElement(
     "div",
     {
       className: "table-grid",
@@ -13407,7 +13513,7 @@ var TableGridSelector = ({ editor, onClose }) => {
         setHoverCol(0);
       }
     },
-    Array.from({ length: MAX_GRID }, (_, r) => /* @__PURE__ */ React189.createElement("div", { key: r, className: "table-grid-row" }, Array.from({ length: MAX_GRID }, (_2, c) => /* @__PURE__ */ React189.createElement(
+    Array.from({ length: MAX_GRID }, (_, r) => /* @__PURE__ */ React190.createElement("div", { key: r, className: "table-grid-row" }, Array.from({ length: MAX_GRID }, (_2, c) => /* @__PURE__ */ React190.createElement(
       "div",
       {
         key: c,
@@ -13419,7 +13525,7 @@ var TableGridSelector = ({ editor, onClose }) => {
         onClick: handleInsert
       }
     ))))
-  ), /* @__PURE__ */ React189.createElement("div", { className: "table-grid-footer" }, /* @__PURE__ */ React189.createElement("span", { className: "table-grid-size" }, hoverRow > 0 && hoverCol > 0 ? `${hoverRow}\xD7${hoverCol}` : "Select size"), /* @__PURE__ */ React189.createElement(
+  ), /* @__PURE__ */ React190.createElement("div", { className: "table-grid-footer" }, /* @__PURE__ */ React190.createElement("span", { className: "table-grid-size" }, hoverRow > 0 && hoverCol > 0 ? `${hoverRow}\xD7${hoverCol}` : "Select size"), /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: "table-grid-submit",
@@ -13453,28 +13559,28 @@ var ColorPickerPanel = ({ editor, onClose }) => {
     }
     onClose();
   };
-  return /* @__PURE__ */ React189.createElement("div", { className: "color-picker-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React189.createElement("div", { className: "color-picker-tabs" }, /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React190.createElement("div", { className: "color-picker-panel", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React190.createElement("div", { className: "color-picker-tabs" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: `color-picker-tab ${tab === "background" ? "active" : ""}`,
       onClick: () => setTab("background")
     },
     "Background"
-  ), /* @__PURE__ */ React189.createElement(
+  ), /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: `color-picker-tab ${tab === "text" ? "active" : ""}`,
       onClick: () => setTab("text")
     },
     "Text"
-  )), /* @__PURE__ */ React189.createElement("div", { className: "color-picker-grid" }, COLOR_PALETTE.map((color, i) => /* @__PURE__ */ React189.createElement(Tooltip, { key: i, title: color, placement: "top" }, /* @__PURE__ */ React189.createElement(
+  )), /* @__PURE__ */ React190.createElement("div", { className: "color-picker-grid" }, COLOR_PALETTE.map((color, i) => /* @__PURE__ */ React190.createElement(Tooltip, { key: i, title: color, placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: `color-picker-swatch ${color === "#ffffff" ? "white-swatch" : ""}${activeColor && activeColor.toLowerCase() === color.toLowerCase() ? " swatch-active" : ""}`,
       style: { background: color },
       onClick: () => applyColor(color)
     }
-  )))), /* @__PURE__ */ React189.createElement("div", { className: "color-picker-footer" }, /* @__PURE__ */ React189.createElement("div", { className: "color-picker-preview", style: { background: activeColor || "#000" } }), /* @__PURE__ */ React189.createElement(Tooltip, { title: "Remove color", placement: "top" }, /* @__PURE__ */ React189.createElement("button", { className: "color-picker-remove", onClick: removeColor }, "\u2713"))));
+  )))), /* @__PURE__ */ React190.createElement("div", { className: "color-picker-footer" }, /* @__PURE__ */ React190.createElement("div", { className: "color-picker-preview", style: { background: activeColor || "#000" } }), /* @__PURE__ */ React190.createElement(Tooltip, { title: "Remove color", placement: "top" }, /* @__PURE__ */ React190.createElement("button", { className: "color-picker-remove", onClick: removeColor }, "\u2713"))));
 };
 var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTextToSpeech, onClose, onImageUpload, visibleButtons, isFullscreen, onToggleFullscreen }) => {
   const [, setEditorState] = useState34(0);
@@ -13555,32 +13661,32 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
     setTimeout(() => setTranslateStatus(""), 2e3);
   }, [editor, translateSource, translateTarget, onTranslate]);
   if (!editor) return null;
-  return /* @__PURE__ */ React189.createElement("div", { className: "toolbar" }, /* @__PURE__ */ React189.createElement("div", { className: `toolbar-row ${onClose ? "with-close" : ""}` }, (show("undo") || show("redo")) && /* @__PURE__ */ React189.createElement("div", { className: "toolbar-group" }, show("undo") && /* @__PURE__ */ React189.createElement(Tooltip, { title: "Undo (Ctrl+Z)", placement: "top" }, /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React190.createElement("div", { className: "toolbar" }, /* @__PURE__ */ React190.createElement("div", { className: `toolbar-row ${onClose ? "with-close" : ""}` }, (show("undo") || show("redo")) && /* @__PURE__ */ React190.createElement("div", { className: "toolbar-group" }, show("undo") && /* @__PURE__ */ React190.createElement(Tooltip, { title: "Undo (Ctrl+Z)", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: "toolbar-btn",
       onClick: () => editor.chain().focus().undo().run(),
       disabled: !editor.can().undo()
     },
-    /* @__PURE__ */ React189.createElement(IconUndo, null)
-  )), show("redo") && /* @__PURE__ */ React189.createElement(Tooltip, { title: "Redo (Ctrl+Y)", placement: "top" }, /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(IconUndo, null)
+  )), show("redo") && /* @__PURE__ */ React190.createElement(Tooltip, { title: "Redo (Ctrl+Y)", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: "toolbar-btn",
       onClick: () => editor.chain().focus().redo().run(),
       disabled: !editor.can().redo()
     },
-    /* @__PURE__ */ React189.createElement(IconRedo, null)
-  ))), show("ai") && /* @__PURE__ */ React189.createElement("div", { className: "toolbar-group" }, /* @__PURE__ */ React189.createElement(AICommands_default, { editor, onAICommand })), /* @__PURE__ */ React189.createElement("div", { className: "toolbar-group" }, show("paragraph") && /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(IconRedo, null)
+  ))), show("ai") && /* @__PURE__ */ React190.createElement("div", { className: "toolbar-group" }, /* @__PURE__ */ React190.createElement(AICommands_default, { editor, onAICommand })), /* @__PURE__ */ React190.createElement("div", { className: "toolbar-group" }, show("paragraph") && /* @__PURE__ */ React190.createElement(
     Dropdown,
     {
       trigger: {
-        label: /* @__PURE__ */ React189.createElement(IconHeading, null),
+        label: /* @__PURE__ */ React190.createElement(IconHeading, null),
         title: "Block type",
         className: editor.isActive("heading") ? "is-active" : ""
       }
     },
-    /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(
       "button",
       {
         className: `dropdown-item ${!editor.isActive("heading") && !editor.isActive("blockquote") && !editor.isActive("codeBlock") ? "is-active" : ""}`,
@@ -13588,7 +13694,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       },
       "\xB6 Paragraph"
     ),
-    /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(
       "button",
       {
         className: `dropdown-item heading-1 ${editor.isActive("heading", { level: 1 }) ? "is-active" : ""}`,
@@ -13596,7 +13702,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       },
       "Heading 1"
     ),
-    /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(
       "button",
       {
         className: `dropdown-item heading-2 ${editor.isActive("heading", { level: 2 }) ? "is-active" : ""}`,
@@ -13604,7 +13710,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       },
       "Heading 2"
     ),
-    /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(
       "button",
       {
         className: `dropdown-item heading-3 ${editor.isActive("heading", { level: 3 }) ? "is-active" : ""}`,
@@ -13612,7 +13718,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       },
       "Heading 3"
     ),
-    /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(
       "button",
       {
         className: `dropdown-item heading-4 ${editor.isActive("heading", { level: 4 }) ? "is-active" : ""}`,
@@ -13620,7 +13726,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       },
       "Heading 4"
     ),
-    /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(
       "button",
       {
         className: `dropdown-item ${editor.isActive("blockquote") ? "is-active" : ""}`,
@@ -13628,7 +13734,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       },
       "\u275E Blockquote"
     ),
-    /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(
       "button",
       {
         className: `dropdown-item ${editor.isActive("codeBlock") ? "is-active" : ""}`,
@@ -13637,19 +13743,19 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       "{ }",
       " Code Block"
     ),
-    /* @__PURE__ */ React189.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().setHorizontalRule().run() }, "\u2014 Horizontal Rule")
-  ), show("fontsize") && /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().setHorizontalRule().run() }, "\u2014 Horizontal Rule")
+  ), show("fontsize") && /* @__PURE__ */ React190.createElement(
     Dropdown,
     {
       trigger: {
-        label: /* @__PURE__ */ React189.createElement(IconFontSize, null),
+        label: /* @__PURE__ */ React190.createElement(IconFontSize, null),
         title: "Font size"
       }
     },
     [8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 42, 48, 56, 64, 72, 80, 96].map((size) => {
       const sizeStr = `${size}px`;
       const isActive = editor.getAttributes("textStyle").fontSize === sizeStr;
-      return /* @__PURE__ */ React189.createElement(
+      return /* @__PURE__ */ React190.createElement(
         "button",
         {
           key: size,
@@ -13665,17 +13771,17 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         sizeStr
       );
     })
-  ), show("font") && /* @__PURE__ */ React189.createElement(
+  ), show("font") && /* @__PURE__ */ React190.createElement(
     Dropdown,
     {
       trigger: {
-        label: /* @__PURE__ */ React189.createElement(IconFont, null),
+        label: /* @__PURE__ */ React190.createElement(IconFont, null),
         title: "Font family"
       }
     },
     FONT_FAMILIES.map((font) => {
       const isActive = editor.getAttributes("textStyle").fontFamily === font;
-      return /* @__PURE__ */ React189.createElement(
+      return /* @__PURE__ */ React190.createElement(
         "button",
         {
           key: font,
@@ -13692,40 +13798,40 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         font
       );
     })
-  ), show("color") && /* @__PURE__ */ React189.createElement(
+  ), show("color") && /* @__PURE__ */ React190.createElement(
     Dropdown,
     {
       trigger: {
-        label: /* @__PURE__ */ React189.createElement("span", { style: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React189.createElement(IconColor, null)),
+        label: /* @__PURE__ */ React190.createElement("span", { style: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React190.createElement(IconColor, null)),
         title: "Colors"
       },
       keepOpen: true
     },
-    (close) => /* @__PURE__ */ React189.createElement(ColorPickerPanel, { editor, onClose: close })
-  ), show("bold") && /* @__PURE__ */ React189.createElement(Tooltip, { title: "Bold (Ctrl+B)", placement: "top" }, /* @__PURE__ */ React189.createElement(
+    (close) => /* @__PURE__ */ React190.createElement(ColorPickerPanel, { editor, onClose: close })
+  ), show("bold") && /* @__PURE__ */ React190.createElement(Tooltip, { title: "Bold (Ctrl+B)", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: `toolbar-btn ${editor.isActive("bold") ? "is-active" : ""}`,
       onClick: () => editor.chain().focus().toggleBold().run()
     },
-    /* @__PURE__ */ React189.createElement(IconBold, null)
-  )), show("italic") && /* @__PURE__ */ React189.createElement(Tooltip, { title: "Italic (Ctrl+I)", placement: "top" }, /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(IconBold, null)
+  )), show("italic") && /* @__PURE__ */ React190.createElement(Tooltip, { title: "Italic (Ctrl+I)", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: `toolbar-btn ${editor.isActive("italic") ? "is-active" : ""}`,
       onClick: () => editor.chain().focus().toggleItalic().run()
     },
-    /* @__PURE__ */ React189.createElement(IconItalic, null)
-  )), show("strike") && /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(IconItalic, null)
+  )), show("strike") && /* @__PURE__ */ React190.createElement(
     Dropdown,
     {
-      trigger: { label: /* @__PURE__ */ React189.createElement(IconStrike, null), title: "Text decoration", className: editor.isActive("strike") ? "is-active" : "" }
+      trigger: { label: /* @__PURE__ */ React190.createElement(IconStrike, null), title: "Text decoration", className: editor.isActive("strike") ? "is-active" : "" }
     },
-    /* @__PURE__ */ React189.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleStrike().run() }, /* @__PURE__ */ React189.createElement("s", null, "Strikethrough")),
-    /* @__PURE__ */ React189.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleUnderline().run() }, /* @__PURE__ */ React189.createElement("u", null, "Underline")),
-    /* @__PURE__ */ React189.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleSuperscript().run() }, "X", /* @__PURE__ */ React189.createElement("sup", null, "2"), " Superscript"),
-    /* @__PURE__ */ React189.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleSubscript().run() }, "X", /* @__PURE__ */ React189.createElement("sub", null, "2"), " Subscript"),
-    /* @__PURE__ */ React189.createElement("button", { className: "dropdown-item", onMouseDown: (e) => {
+    /* @__PURE__ */ React190.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleStrike().run() }, /* @__PURE__ */ React190.createElement("s", null, "Strikethrough")),
+    /* @__PURE__ */ React190.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleUnderline().run() }, /* @__PURE__ */ React190.createElement("u", null, "Underline")),
+    /* @__PURE__ */ React190.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleSuperscript().run() }, "X", /* @__PURE__ */ React190.createElement("sup", null, "2"), " Superscript"),
+    /* @__PURE__ */ React190.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleSubscript().run() }, "X", /* @__PURE__ */ React190.createElement("sub", null, "2"), " Subscript"),
+    /* @__PURE__ */ React190.createElement("button", { className: "dropdown-item", onMouseDown: (e) => {
       e.preventDefault();
       const chain = editor.chain().focus();
       if (!editor.state.selection.empty) {
@@ -13741,25 +13847,25 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         c.run();
       }
     } }, "\u2715 Clear formatting")
-  ), show("link") && /* @__PURE__ */ React189.createElement(Tooltip, { title: "Insert Link", placement: "top" }, /* @__PURE__ */ React189.createElement(
+  ), show("link") && /* @__PURE__ */ React190.createElement(Tooltip, { title: "Insert Link", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: `toolbar-btn ${editor.isActive("link") ? "is-active" : ""}`,
       onClick: setLink
     },
-    /* @__PURE__ */ React189.createElement(IconLink, null)
-  )), show("lineheight") && /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(IconLink, null)
+  )), show("lineheight") && /* @__PURE__ */ React190.createElement(
     Dropdown,
     {
       trigger: {
-        label: /* @__PURE__ */ React189.createElement(IconLineHeight, null),
+        label: /* @__PURE__ */ React190.createElement(IconLineHeight, null),
         title: "Line height"
       }
     },
     ["1.0", "1.1", "1.2", "1.3", "1.4", "1.5", "1.6", "1.7", "1.8", "2.0", "2.5", "3.0"].map((lh) => {
       const currentLH = editor.getAttributes("paragraph").lineHeight || editor.getAttributes("heading").lineHeight;
       const isActive = currentLH === lh;
-      return /* @__PURE__ */ React189.createElement(
+      return /* @__PURE__ */ React190.createElement(
         "button",
         {
           key: lh,
@@ -13775,19 +13881,19 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         lh
       );
     })
-  )), (show("ul") || show("ol")) && /* @__PURE__ */ React189.createElement("div", { className: "toolbar-group" }, show("ul") && /* @__PURE__ */ React189.createElement("div", { className: "list-split-btn" }, /* @__PURE__ */ React189.createElement(Tooltip, { title: editor.isActive("bulletList") ? "Disable Bullet List" : "Enable Bullet List", placement: "top" }, /* @__PURE__ */ React189.createElement(
+  )), (show("ul") || show("ol")) && /* @__PURE__ */ React190.createElement("div", { className: "toolbar-group" }, show("ul") && /* @__PURE__ */ React190.createElement("div", { className: "list-split-btn" }, /* @__PURE__ */ React190.createElement(Tooltip, { title: editor.isActive("bulletList") ? "Disable Bullet List" : "Enable Bullet List", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: `toolbar-btn ${editor.isActive("bulletList") ? "is-active" : ""}`,
       onClick: () => editor.chain().focus().toggleBulletList().run()
     },
-    /* @__PURE__ */ React189.createElement(IconBulletList, null)
-  )), /* @__PURE__ */ React189.createElement(Dropdown, { trigger: { label: "", title: "List style", className: "list-arrow-btn" }, keepOpen: true }, [
+    /* @__PURE__ */ React190.createElement(IconBulletList, null)
+  )), /* @__PURE__ */ React190.createElement(Dropdown, { trigger: { label: "", title: "List style", className: "list-arrow-btn" }, keepOpen: true }, [
     { label: "Default", style: null, icon: "\u2022" },
     { label: "Circle", style: "circle", icon: "\u25CB" },
     { label: "Dot", style: "disc", icon: "\u2219" },
     { label: "Square", style: "square", icon: "\u25A0" }
-  ].map((item) => /* @__PURE__ */ React189.createElement(
+  ].map((item) => /* @__PURE__ */ React190.createElement(
     "button",
     {
       key: item.label,
@@ -13812,24 +13918,24 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         }).run();
       }
     },
-    /* @__PURE__ */ React189.createElement("span", { className: "bullet-style-icon" }, item.icon),
+    /* @__PURE__ */ React190.createElement("span", { className: "bullet-style-icon" }, item.icon),
     " ",
     item.label
-  )))), show("ol") && /* @__PURE__ */ React189.createElement("div", { className: "list-split-btn" }, /* @__PURE__ */ React189.createElement(Tooltip, { title: editor.isActive("orderedList") ? "Disable Ordered List" : "Enable Ordered List", placement: "top" }, /* @__PURE__ */ React189.createElement(
+  )))), show("ol") && /* @__PURE__ */ React190.createElement("div", { className: "list-split-btn" }, /* @__PURE__ */ React190.createElement(Tooltip, { title: editor.isActive("orderedList") ? "Disable Ordered List" : "Enable Ordered List", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: `toolbar-btn ${editor.isActive("orderedList") ? "is-active" : ""}`,
       onClick: () => editor.chain().focus().toggleOrderedList().run()
     },
-    /* @__PURE__ */ React189.createElement(IconOrderedList, null)
-  )), /* @__PURE__ */ React189.createElement(Dropdown, { trigger: { label: "", title: "List style", className: "list-arrow-btn" }, keepOpen: true }, [
+    /* @__PURE__ */ React190.createElement(IconOrderedList, null)
+  )), /* @__PURE__ */ React190.createElement(Dropdown, { trigger: { label: "", title: "List style", className: "list-arrow-btn" }, keepOpen: true }, [
     { label: "Default", style: "decimal", icon: "1." },
     { label: "Lower Alpha", style: "lower-alpha", icon: "a." },
     { label: "Lower Greek", style: "lower-greek", icon: "\u03B1." },
     { label: "Lower Roman", style: "lower-roman", icon: "i." },
     { label: "Upper Alpha", style: "upper-alpha", icon: "A." },
     { label: "Upper Roman", style: "upper-roman", icon: "I." }
-  ].map((item) => /* @__PURE__ */ React189.createElement(
+  ].map((item) => /* @__PURE__ */ React190.createElement(
     "button",
     {
       key: item.label,
@@ -13854,24 +13960,24 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         }).run();
       }
     },
-    /* @__PURE__ */ React189.createElement("span", { className: "bullet-style-icon" }, item.icon),
+    /* @__PURE__ */ React190.createElement("span", { className: "bullet-style-icon" }, item.icon),
     " ",
     item.label
-  ))))), (show("align") || show("indent") || show("outdent")) && /* @__PURE__ */ React189.createElement("div", { className: "toolbar-group" }, show("align") && /* @__PURE__ */ React189.createElement(
+  ))))), (show("align") || show("indent") || show("outdent")) && /* @__PURE__ */ React190.createElement("div", { className: "toolbar-group" }, show("align") && /* @__PURE__ */ React190.createElement(
     Dropdown,
     {
       trigger: {
-        label: /* @__PURE__ */ React189.createElement(IconAlignLeft, null),
+        label: /* @__PURE__ */ React190.createElement(IconAlignLeft, null),
         title: "Align",
         className: editor.isActive({ textAlign: "center" }) || editor.isActive({ textAlign: "right" }) || editor.isActive({ textAlign: "justify" }) ? "is-active" : ""
       }
     },
     [
-      { label: "Align Left", value: "left", icon: /* @__PURE__ */ React189.createElement(IconAlignLeft, null) },
-      { label: "Align Center", value: "center", icon: /* @__PURE__ */ React189.createElement(IconAlignCenter, null) },
-      { label: "Align Right", value: "right", icon: /* @__PURE__ */ React189.createElement(IconAlignRight, null) },
-      { label: "Align Justify", value: "justify", icon: /* @__PURE__ */ React189.createElement(IconAlignJustify, null) }
-    ].map((item) => /* @__PURE__ */ React189.createElement(
+      { label: "Align Left", value: "left", icon: /* @__PURE__ */ React190.createElement(IconAlignLeft, null) },
+      { label: "Align Center", value: "center", icon: /* @__PURE__ */ React190.createElement(IconAlignCenter, null) },
+      { label: "Align Right", value: "right", icon: /* @__PURE__ */ React190.createElement(IconAlignRight, null) },
+      { label: "Align Justify", value: "justify", icon: /* @__PURE__ */ React190.createElement(IconAlignJustify, null) }
+    ].map((item) => /* @__PURE__ */ React190.createElement(
       "button",
       {
         key: item.value,
@@ -13882,7 +13988,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       " ",
       item.label
     ))
-  ), show("indent") && /* @__PURE__ */ React189.createElement(Tooltip, { title: "Increase Indent", placement: "top" }, /* @__PURE__ */ React189.createElement(
+  ), show("indent") && /* @__PURE__ */ React190.createElement(Tooltip, { title: "Increase Indent", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: "toolbar-btn",
@@ -13901,8 +14007,8 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         }).run();
       }
     },
-    /* @__PURE__ */ React189.createElement(IconIndentIncrease, null)
-  )), show("outdent") && /* @__PURE__ */ React189.createElement(Tooltip, { title: "Decrease Indent", placement: "top" }, /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(IconIndentIncrease, null)
+  )), show("outdent") && /* @__PURE__ */ React190.createElement(Tooltip, { title: "Decrease Indent", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: "toolbar-btn",
@@ -13921,29 +14027,29 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         }).run();
       }
     },
-    /* @__PURE__ */ React189.createElement(IconIndentDecrease, null)
-  ))), show("table") && /* @__PURE__ */ React189.createElement(Dropdown, { trigger: { label: /* @__PURE__ */ React189.createElement(IconTable, null), title: "Insert Table" }, keepOpen: true }, (close) => /* @__PURE__ */ React189.createElement(TableGridSelector, { editor, onClose: close })), show("image") && /* @__PURE__ */ React189.createElement(Dropdown, { trigger: { label: /* @__PURE__ */ React189.createElement(IconImage, null), title: "Insert Image" }, keepOpen: true }, (close) => /* @__PURE__ */ React189.createElement(ImagePanel, { editor, onClose: close, onImageUpload })), show("video") && /* @__PURE__ */ React189.createElement(Dropdown, { trigger: { label: /* @__PURE__ */ React189.createElement(IconVideo, null), title: "Insert Video" }, keepOpen: true }, (close) => /* @__PURE__ */ React189.createElement(InsertPanel, { editor, onClose: close, mode: "video" })), show("cut") && /* @__PURE__ */ React189.createElement(Tooltip, { title: "Cut (Ctrl+X)", placement: "top" }, /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(IconIndentDecrease, null)
+  ))), show("table") && /* @__PURE__ */ React190.createElement(Dropdown, { trigger: { label: /* @__PURE__ */ React190.createElement(IconTable, null), title: "Insert Table" }, keepOpen: true }, (close) => /* @__PURE__ */ React190.createElement(TableGridSelector, { editor, onClose: close })), show("image") && /* @__PURE__ */ React190.createElement(Dropdown, { trigger: { label: /* @__PURE__ */ React190.createElement(IconImage, null), title: "Insert Image" }, keepOpen: true }, (close) => /* @__PURE__ */ React190.createElement(ImagePanel, { editor, onClose: close, onImageUpload })), show("video") && /* @__PURE__ */ React190.createElement(Dropdown, { trigger: { label: /* @__PURE__ */ React190.createElement(IconVideo, null), title: "Insert Video" }, keepOpen: true }, (close) => /* @__PURE__ */ React190.createElement(InsertPanel, { editor, onClose: close, mode: "video" })), show("cut") && /* @__PURE__ */ React190.createElement(Tooltip, { title: "Cut (Ctrl+X)", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: "toolbar-btn",
       onClick: () => document.execCommand("cut")
     },
-    /* @__PURE__ */ React189.createElement(IconCut, null)
-  )), show("copy") && /* @__PURE__ */ React189.createElement(Tooltip, { title: "Copy selected text", placement: "top" }, /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(IconCut, null)
+  )), show("copy") && /* @__PURE__ */ React190.createElement(Tooltip, { title: "Copy selected text", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: "toolbar-btn",
       onClick: handleCopy
     },
-    copySuccess ? /* @__PURE__ */ React189.createElement(IconCheck, null) : /* @__PURE__ */ React189.createElement(IconCopy, null)
-  )), show("paste") && /* @__PURE__ */ React189.createElement(Tooltip, { title: "Paste (Ctrl+V)", placement: "top" }, /* @__PURE__ */ React189.createElement(
+    copySuccess ? /* @__PURE__ */ React190.createElement(IconCheck, null) : /* @__PURE__ */ React190.createElement(IconCopy, null)
+  )), show("paste") && /* @__PURE__ */ React190.createElement(Tooltip, { title: "Paste (Ctrl+V)", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: "toolbar-btn",
       onClick: handlePaste
     },
-    /* @__PURE__ */ React189.createElement(IconPaste, null)
-  )), show("specialchars") && /* @__PURE__ */ React189.createElement(Dropdown, { trigger: { label: "\u03A9", title: "Special characters", className: "special-characters-btn" } }, /* @__PURE__ */ React189.createElement("div", { className: "char-grid" }, SPECIAL_CHARS.map((char) => /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(IconPaste, null)
+  )), show("specialchars") && /* @__PURE__ */ React190.createElement(Dropdown, { trigger: { label: "\u03A9", title: "Special characters", className: "special-characters-btn" } }, /* @__PURE__ */ React190.createElement("div", { className: "char-grid" }, SPECIAL_CHARS.map((char) => /* @__PURE__ */ React190.createElement(
     "button",
     {
       key: char,
@@ -13951,12 +14057,12 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
       onClick: () => insertSpecialChar(char)
     },
     char
-  )))), show("code") && /* @__PURE__ */ React189.createElement(
+  )))), show("code") && /* @__PURE__ */ React190.createElement(
     Dropdown,
     {
-      trigger: { label: /* @__PURE__ */ React189.createElement(IconCode, null), title: "Code", className: editor.isActive("code") || editor.isActive("codeBlock") ? "is-active" : "" }
+      trigger: { label: /* @__PURE__ */ React190.createElement(IconCode, null), title: "Code", className: editor.isActive("code") || editor.isActive("codeBlock") ? "is-active" : "" }
     },
-    /* @__PURE__ */ React189.createElement("button", { className: "dropdown-item", onClick: () => {
+    /* @__PURE__ */ React190.createElement("button", { className: "dropdown-item", onClick: () => {
       if (editor.isActive("codeBlock")) {
         const text = (() => {
           const { $from } = editor.state.selection;
@@ -13974,22 +14080,22 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         editor.chain().focus().toggleCode().run();
       }
     } }, "</>", " Inline Code"),
-    /* @__PURE__ */ React189.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleCodeBlock().run() }, "{ }", " Code Block")
-  ), show("fullscreen") && /* @__PURE__ */ React189.createElement(Tooltip, { title: "Toggle Fullscreen", placement: "top" }, /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement("button", { className: "dropdown-item", onClick: () => editor.chain().focus().toggleCodeBlock().run() }, "{ }", " Code Block")
+  ), show("fullscreen") && /* @__PURE__ */ React190.createElement(Tooltip, { title: "Toggle Fullscreen", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: `toolbar-btn ${isFullscreen ? "is-active" : ""}`,
       onClick: onToggleFullscreen
     },
-    /* @__PURE__ */ React189.createElement(IconFullscreen, null)
-  )), show("tts") && /* @__PURE__ */ React189.createElement(TextToSpeech_default, { ref: ttsRef, editor, onTextToSpeech }), show("stt") && /* @__PURE__ */ React189.createElement(SpeechToText_default, { ref: sttRef, editor, onSpeechToText }), show("translate") && /* @__PURE__ */ React189.createElement("div", { className: "translate-split-btn" }, /* @__PURE__ */ React189.createElement(Tooltip, { title: "Translate selected text", placement: "top" }, /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(IconFullscreen, null)
+  )), show("tts") && /* @__PURE__ */ React190.createElement(TextToSpeech_default, { ref: ttsRef, editor, onTextToSpeech }), show("stt") && /* @__PURE__ */ React190.createElement(SpeechToText_default, { ref: sttRef, editor, onSpeechToText }), show("translate") && /* @__PURE__ */ React190.createElement("div", { className: "translate-split-btn" }, /* @__PURE__ */ React190.createElement(Tooltip, { title: "Translate selected text", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: "toolbar-btn",
       onClick: handleQuickTranslate
     },
-    /* @__PURE__ */ React189.createElement(IconTranslate, null)
-  )), /* @__PURE__ */ React189.createElement(Dropdown, { trigger: { label: "", title: "Translate options", className: "translate-arrow-btn" } }, /* @__PURE__ */ React189.createElement("button", { className: "dropdown-item", onClick: () => setShowTranslateModal(true) }, "Options")), translateStatus && /* @__PURE__ */ React189.createElement("span", { className: `translate-toast-popup ${translateStatus === "Please select the text" || translateStatus === "Translation failed" ? "error" : ""}` }, translateStatus)), show("todo") && /* @__PURE__ */ React189.createElement("div", { className: "todo-split-btn" }, /* @__PURE__ */ React189.createElement(Tooltip, { title: todoEnabled ? "Disable Task List" : "Enable Task List", placement: "top" }, /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(IconTranslate, null)
+  )), /* @__PURE__ */ React190.createElement(Dropdown, { trigger: { label: "", title: "Translate options", className: "translate-arrow-btn" } }, /* @__PURE__ */ React190.createElement("button", { className: "dropdown-item", onClick: () => setShowTranslateModal(true) }, "Options")), translateStatus && /* @__PURE__ */ React190.createElement("span", { className: `translate-toast-popup ${translateStatus === "Please select the text" || translateStatus === "Translation failed" ? "error" : ""}` }, translateStatus)), show("todo") && /* @__PURE__ */ React190.createElement("div", { className: "todo-split-btn" }, /* @__PURE__ */ React190.createElement(Tooltip, { title: todoEnabled ? "Disable Task List" : "Enable Task List", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: `toolbar-btn ${todoEnabled ? "is-active" : ""}`,
@@ -14032,11 +14138,11 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         }
       }
     },
-    /* @__PURE__ */ React189.createElement(IconTaskList, null)
-  )), /* @__PURE__ */ React189.createElement(Dropdown, { trigger: { label: "", title: "Task status", className: "todo-arrow-btn" }, keepOpen: true }, ["todo", "working", "blocked", "resolved"].map((status) => {
+    /* @__PURE__ */ React190.createElement(IconTaskList, null)
+  )), /* @__PURE__ */ React190.createElement(Dropdown, { trigger: { label: "", title: "Task status", className: "todo-arrow-btn" }, keepOpen: true }, ["todo", "working", "blocked", "resolved"].map((status) => {
     const images = { todo: "https://storage.googleapis.com/rufous-com-bucket-1/static/images/todo-blank.svg", working: "https://storage.googleapis.com/rufous-com-bucket-1/static/images/working.svg", blocked: "https://storage.googleapis.com/rufous-com-bucket-1/static/images/blocked.svg", resolved: "https://storage.googleapis.com/rufous-com-bucket-1/static/images/closed.svg" };
     const labels = { todo: "Todo", working: "Working", blocked: "Blocked", resolved: "Resolved" };
-    return /* @__PURE__ */ React189.createElement("button", { key: status, className: "dropdown-item task-status-item", onClick: () => {
+    return /* @__PURE__ */ React190.createElement("button", { key: status, className: "dropdown-item task-status-item", onClick: () => {
       const { state } = editor;
       const { schema } = state;
       const taskItemType = schema.nodes.taskItem;
@@ -14069,8 +14175,8 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         }
         return true;
       }).run();
-    } }, /* @__PURE__ */ React189.createElement("span", { className: `task-icon task-${status}` }, /* @__PURE__ */ React189.createElement("img", { src: images[status], alt: status })), " ", labels[status]);
-  })))), onClose && /* @__PURE__ */ React189.createElement("div", { className: "toolbar-row-right" }, /* @__PURE__ */ React189.createElement(Tooltip, { title: "Close", placement: "top" }, /* @__PURE__ */ React189.createElement(
+    } }, /* @__PURE__ */ React190.createElement("span", { className: `task-icon task-${status}` }, /* @__PURE__ */ React190.createElement("img", { src: images[status], alt: status })), " ", labels[status]);
+  })))), onClose && /* @__PURE__ */ React190.createElement("div", { className: "toolbar-row-right" }, /* @__PURE__ */ React190.createElement(Tooltip, { title: "Close", placement: "top" }, /* @__PURE__ */ React190.createElement(
     "button",
     {
       className: "toolbar-btn btn-cross",
@@ -14086,8 +14192,8 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
         onClose();
       }
     },
-    /* @__PURE__ */ React189.createElement(closeIcon_default, { color: "#a81c08" })
-  ))), showTranslateModal && /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React190.createElement(closeIcon_default, { color: "#a81c08" })
+  ))), showTranslateModal && /* @__PURE__ */ React190.createElement(
     TranslateModal_default,
     {
       editor,
@@ -14105,7 +14211,7 @@ var Toolbar = ({ editor, setLink, onAICommand, onTranslate, onSpeechToText, onTe
 var Toolbar_default = Toolbar;
 
 // lib/RufousTextEditor/ImageToolbar.tsx
-import React190, { useState as useState35, useEffect as useEffect28, useRef as useRef31 } from "react";
+import React191, { useState as useState35, useEffect as useEffect28, useRef as useRef31 } from "react";
 import { createPortal as createPortal5 } from "react-dom";
 var ALIGNMENTS = [
   { value: "left", label: "Left", icon: "\u2630" },
@@ -14163,7 +14269,7 @@ var ImagePropertiesModal = ({ editor, node, onClose }) => {
     editor.chain().focus().deleteSelection().run();
     onClose();
   };
-  return /* @__PURE__ */ React190.createElement("div", { className: "modal-overlay", onClick: onClose }, /* @__PURE__ */ React190.createElement("div", { className: "modal-content", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React190.createElement("div", { className: "modal-header" }, /* @__PURE__ */ React190.createElement("h3", null, "Image properties"), /* @__PURE__ */ React190.createElement("button", { className: "modal-close", onClick: onClose }, "\xD7")), /* @__PURE__ */ React190.createElement("div", { className: "modal-body" }, /* @__PURE__ */ React190.createElement("div", { className: "modal-layout" }, /* @__PURE__ */ React190.createElement("div", { className: "modal-preview-col" }, src && /* @__PURE__ */ React190.createElement("div", { className: "modal-preview" }, /* @__PURE__ */ React190.createElement("img", { src, alt: alt || "Preview" })), /* @__PURE__ */ React190.createElement("div", { className: "modal-dimensions" }, /* @__PURE__ */ React190.createElement(
+  return /* @__PURE__ */ React191.createElement("div", { className: "modal-overlay", onClick: onClose }, /* @__PURE__ */ React191.createElement("div", { className: "modal-content", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React191.createElement("div", { className: "modal-header" }, /* @__PURE__ */ React191.createElement("h3", null, "Image properties"), /* @__PURE__ */ React191.createElement("button", { className: "modal-close", onClick: onClose }, "\xD7")), /* @__PURE__ */ React191.createElement("div", { className: "modal-body" }, /* @__PURE__ */ React191.createElement("div", { className: "modal-layout" }, /* @__PURE__ */ React191.createElement("div", { className: "modal-preview-col" }, src && /* @__PURE__ */ React191.createElement("div", { className: "modal-preview" }, /* @__PURE__ */ React191.createElement("img", { src, alt: alt || "Preview" })), /* @__PURE__ */ React191.createElement("div", { className: "modal-dimensions" }, /* @__PURE__ */ React191.createElement(
     "input",
     {
       type: "number",
@@ -14171,14 +14277,14 @@ var ImagePropertiesModal = ({ editor, node, onClose }) => {
       value: width,
       onChange: (e) => handleWidthChange(e.target.value)
     }
-  ), /* @__PURE__ */ React190.createElement(Tooltip, { title: lockRatio ? "Unlock aspect ratio" : "Lock aspect ratio", placement: "top" }, /* @__PURE__ */ React190.createElement(
+  ), /* @__PURE__ */ React191.createElement(Tooltip, { title: lockRatio ? "Unlock aspect ratio" : "Lock aspect ratio", placement: "top" }, /* @__PURE__ */ React191.createElement(
     "button",
     {
       className: `lock-btn ${lockRatio ? "locked" : ""}`,
       onClick: () => setLockRatio(!lockRatio)
     },
     lockRatio ? "\u{1F512}" : "\u{1F513}"
-  )), /* @__PURE__ */ React190.createElement(
+  )), /* @__PURE__ */ React191.createElement(
     "input",
     {
       type: "number",
@@ -14186,21 +14292,21 @@ var ImagePropertiesModal = ({ editor, node, onClose }) => {
       value: height,
       onChange: (e) => handleHeightChange(e.target.value)
     }
-  ))), /* @__PURE__ */ React190.createElement("div", { className: "modal-fields-col" }, /* @__PURE__ */ React190.createElement("div", { className: "modal-tabs" }, /* @__PURE__ */ React190.createElement(
+  ))), /* @__PURE__ */ React191.createElement("div", { className: "modal-fields-col" }, /* @__PURE__ */ React191.createElement("div", { className: "modal-tabs" }, /* @__PURE__ */ React191.createElement(
     "button",
     {
       className: `modal-tab ${activeTab === "image" ? "active" : ""}`,
       onClick: () => setActiveTab("image")
     },
     "Image"
-  ), /* @__PURE__ */ React190.createElement(
+  ), /* @__PURE__ */ React191.createElement(
     "button",
     {
       className: `modal-tab ${activeTab === "advanced" ? "active" : ""}`,
       onClick: () => setActiveTab("advanced")
     },
     "Advanced"
-  )), activeTab === "image" ? /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement("label", { className: "modal-label" }, "Src"), /* @__PURE__ */ React190.createElement(
+  )), activeTab === "image" ? /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement("label", { className: "modal-label" }, "Src"), /* @__PURE__ */ React191.createElement(
     "input",
     {
       type: "text",
@@ -14208,7 +14314,7 @@ var ImagePropertiesModal = ({ editor, node, onClose }) => {
       value: src,
       onChange: (e) => setSrc(e.target.value)
     }
-  ), /* @__PURE__ */ React190.createElement("label", { className: "modal-label" }, "Title"), /* @__PURE__ */ React190.createElement(
+  ), /* @__PURE__ */ React191.createElement("label", { className: "modal-label" }, "Title"), /* @__PURE__ */ React191.createElement(
     "input",
     {
       type: "text",
@@ -14216,7 +14322,7 @@ var ImagePropertiesModal = ({ editor, node, onClose }) => {
       value: title,
       onChange: (e) => setTitle(e.target.value)
     }
-  ), /* @__PURE__ */ React190.createElement("label", { className: "modal-label" }, "Alternative"), /* @__PURE__ */ React190.createElement(
+  ), /* @__PURE__ */ React191.createElement("label", { className: "modal-label" }, "Alternative"), /* @__PURE__ */ React191.createElement(
     "input",
     {
       type: "text",
@@ -14224,7 +14330,7 @@ var ImagePropertiesModal = ({ editor, node, onClose }) => {
       value: alt,
       onChange: (e) => setAlt(e.target.value)
     }
-  ), /* @__PURE__ */ React190.createElement("label", { className: "modal-label" }, "Link"), /* @__PURE__ */ React190.createElement(
+  ), /* @__PURE__ */ React191.createElement("label", { className: "modal-label" }, "Link"), /* @__PURE__ */ React191.createElement(
     "input",
     {
       type: "text",
@@ -14232,14 +14338,14 @@ var ImagePropertiesModal = ({ editor, node, onClose }) => {
       value: link,
       onChange: (e) => setLink(e.target.value)
     }
-  ), /* @__PURE__ */ React190.createElement("label", { className: "modal-checkbox" }, /* @__PURE__ */ React190.createElement(
+  ), /* @__PURE__ */ React191.createElement("label", { className: "modal-checkbox" }, /* @__PURE__ */ React191.createElement(
     "input",
     {
       type: "checkbox",
       checked: openInNewTab,
       onChange: (e) => setOpenInNewTab(e.target.checked)
     }
-  ), "Open link in new tab")) : /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement("label", { className: "modal-label" }, "CSS Class"), /* @__PURE__ */ React190.createElement("input", { type: "text", className: "modal-input", placeholder: "e.g. rounded shadow" }), /* @__PURE__ */ React190.createElement("label", { className: "modal-label" }, "Inline Style"), /* @__PURE__ */ React190.createElement("input", { type: "text", className: "modal-input", placeholder: "e.g. border: 1px solid #ccc" }))))), /* @__PURE__ */ React190.createElement("div", { className: "modal-footer" }, /* @__PURE__ */ React190.createElement("div", { className: "modal-footer-left" }, /* @__PURE__ */ React190.createElement("button", { className: "modal-btn-cancel", onClick: onClose }, "Cancel"), /* @__PURE__ */ React190.createElement("button", { className: "modal-btn-delete", onClick: handleDelete }, "Delete")), /* @__PURE__ */ React190.createElement("button", { className: "modal-btn-apply", onClick: handleApply }, "Apply"))));
+  ), "Open link in new tab")) : /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement("label", { className: "modal-label" }, "CSS Class"), /* @__PURE__ */ React191.createElement("input", { type: "text", className: "modal-input", placeholder: "e.g. rounded shadow" }), /* @__PURE__ */ React191.createElement("label", { className: "modal-label" }, "Inline Style"), /* @__PURE__ */ React191.createElement("input", { type: "text", className: "modal-input", placeholder: "e.g. border: 1px solid #ccc" }))))), /* @__PURE__ */ React191.createElement("div", { className: "modal-footer" }, /* @__PURE__ */ React191.createElement("div", { className: "modal-footer-left" }, /* @__PURE__ */ React191.createElement("button", { className: "modal-btn-cancel", onClick: onClose }, "Cancel"), /* @__PURE__ */ React191.createElement("button", { className: "modal-btn-delete", onClick: handleDelete }, "Delete")), /* @__PURE__ */ React191.createElement("button", { className: "modal-btn-apply", onClick: handleApply }, "Apply"))));
 };
 var ImageToolbar = ({ editor }) => {
   const [showModal, setShowModal] = useState35(false);
@@ -14278,7 +14384,7 @@ var ImageToolbar = ({ editor }) => {
   const node = editor?.state.selection.node;
   const isImage = node && node.type.name === "image";
   if (!editor || !isImage || !pos) return showModal ? createPortal5(
-    /* @__PURE__ */ React190.createElement(ImagePropertiesModal, { editor, node, onClose: () => setShowModal(false) }),
+    /* @__PURE__ */ React191.createElement(ImagePropertiesModal, { editor, node, onClose: () => setShowModal(false) }),
     document.body
   ) : null;
   const handleDelete = () => {
@@ -14355,7 +14461,7 @@ var ImageToolbar = ({ editor }) => {
     setShowVAlign(false);
   };
   return createPortal5(
-    /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(
+    /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement(
       "div",
       {
         className: "image-toolbar",
@@ -14363,14 +14469,14 @@ var ImageToolbar = ({ editor }) => {
         style: { position: "absolute", top: pos.top, left: pos.left, zIndex: 1e3 },
         onMouseDown: (e) => e.preventDefault()
       },
-      /* @__PURE__ */ React190.createElement(Tooltip, { title: "Delete", placement: "top" }, /* @__PURE__ */ React190.createElement("button", { className: "img-tool-btn", onClick: handleDelete }, "\u{1F5D1}")),
-      /* @__PURE__ */ React190.createElement(Tooltip, { title: "Edit properties", placement: "top" }, /* @__PURE__ */ React190.createElement("button", { className: "img-tool-btn", onClick: () => setShowModal(true) }, "\u270E")),
-      /* @__PURE__ */ React190.createElement("div", { className: "img-tool-copy-wrapper" }, /* @__PURE__ */ React190.createElement(Tooltip, { title: "Copy image", placement: "top" }, /* @__PURE__ */ React190.createElement("button", { className: "img-tool-btn", onClick: handleCopy }, copyStatus ? "\u2713" : "\u{1F4CB}")), copyStatus && /* @__PURE__ */ React190.createElement("span", { className: "img-copy-toast" }, copyStatus)),
-      /* @__PURE__ */ React190.createElement("div", { className: "img-tool-dropdown" }, /* @__PURE__ */ React190.createElement(Tooltip, { title: "Horizontal alignment", placement: "top" }, /* @__PURE__ */ React190.createElement("button", { className: "img-tool-btn", onClick: () => {
+      /* @__PURE__ */ React191.createElement(Tooltip, { title: "Delete", placement: "top" }, /* @__PURE__ */ React191.createElement("button", { className: "img-tool-btn", onClick: handleDelete }, "\u{1F5D1}")),
+      /* @__PURE__ */ React191.createElement(Tooltip, { title: "Edit properties", placement: "top" }, /* @__PURE__ */ React191.createElement("button", { className: "img-tool-btn", onClick: () => setShowModal(true) }, "\u270E")),
+      /* @__PURE__ */ React191.createElement("div", { className: "img-tool-copy-wrapper" }, /* @__PURE__ */ React191.createElement(Tooltip, { title: "Copy image", placement: "top" }, /* @__PURE__ */ React191.createElement("button", { className: "img-tool-btn", onClick: handleCopy }, copyStatus ? "\u2713" : "\u{1F4CB}")), copyStatus && /* @__PURE__ */ React191.createElement("span", { className: "img-copy-toast" }, copyStatus)),
+      /* @__PURE__ */ React191.createElement("div", { className: "img-tool-dropdown" }, /* @__PURE__ */ React191.createElement(Tooltip, { title: "Horizontal alignment", placement: "top" }, /* @__PURE__ */ React191.createElement("button", { className: "img-tool-btn", onClick: () => {
         setShowAlign(!showAlign);
         setShowVAlign(false);
-      } }, "\u2630 ", /* @__PURE__ */ React190.createElement("span", { className: "dropdown-arrow" }, "\u25BE"))), showAlign && /* @__PURE__ */ React190.createElement("div", { className: "img-tool-menu" }, ALIGNMENTS.map((a) => /* @__PURE__ */ React190.createElement("button", { key: a.value, className: "dropdown-item", onClick: () => setAlignmentVal(a.value) }, a.icon, " ", a.label))))
-    ), showModal && /* @__PURE__ */ React190.createElement(
+      } }, "\u2630 ", /* @__PURE__ */ React191.createElement("span", { className: "dropdown-arrow" }, "\u25BE"))), showAlign && /* @__PURE__ */ React191.createElement("div", { className: "img-tool-menu" }, ALIGNMENTS.map((a) => /* @__PURE__ */ React191.createElement("button", { key: a.value, className: "dropdown-item", onClick: () => setAlignmentVal(a.value) }, a.icon, " ", a.label))))
+    ), showModal && /* @__PURE__ */ React191.createElement(
       ImagePropertiesModal,
       {
         editor,
@@ -14384,7 +14490,7 @@ var ImageToolbar = ({ editor }) => {
 var ImageToolbar_default = ImageToolbar;
 
 // lib/RufousTextEditor/VideoToolbar.tsx
-import React191, { useState as useState36, useEffect as useEffect29, useRef as useRef32 } from "react";
+import React192, { useState as useState36, useEffect as useEffect29, useRef as useRef32 } from "react";
 import { createPortal as createPortal6 } from "react-dom";
 var ALIGNMENTS2 = [
   { value: "left", label: "Left", icon: "\u2630" },
@@ -14429,7 +14535,7 @@ var VideoPropertiesModal = ({ editor, node, nodeType, onClose }) => {
     onClose();
   };
   const isYoutube = nodeType === "youtube";
-  return /* @__PURE__ */ React191.createElement("div", { className: "modal-overlay", onClick: onClose }, /* @__PURE__ */ React191.createElement("div", { className: "modal-content", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React191.createElement("div", { className: "modal-header" }, /* @__PURE__ */ React191.createElement("h3", null, "Video properties"), /* @__PURE__ */ React191.createElement("button", { className: "modal-close", onClick: onClose }, "\xD7")), /* @__PURE__ */ React191.createElement("div", { className: "modal-body" }, /* @__PURE__ */ React191.createElement("div", { className: "modal-layout" }, /* @__PURE__ */ React191.createElement("div", { className: "modal-preview-col" }, src && /* @__PURE__ */ React191.createElement("div", { className: "modal-preview", style: { background: "#000" } }, isYoutube ? /* @__PURE__ */ React191.createElement(
+  return /* @__PURE__ */ React192.createElement("div", { className: "modal-overlay", onClick: onClose }, /* @__PURE__ */ React192.createElement("div", { className: "modal-content", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React192.createElement("div", { className: "modal-header" }, /* @__PURE__ */ React192.createElement("h3", null, "Video properties"), /* @__PURE__ */ React192.createElement("button", { className: "modal-close", onClick: onClose }, "\xD7")), /* @__PURE__ */ React192.createElement("div", { className: "modal-body" }, /* @__PURE__ */ React192.createElement("div", { className: "modal-layout" }, /* @__PURE__ */ React192.createElement("div", { className: "modal-preview-col" }, src && /* @__PURE__ */ React192.createElement("div", { className: "modal-preview", style: { background: "#000" } }, isYoutube ? /* @__PURE__ */ React192.createElement(
     "iframe",
     {
       src,
@@ -14437,14 +14543,14 @@ var VideoPropertiesModal = ({ editor, node, nodeType, onClose }) => {
       style: { width: "100%", aspectRatio: "16/9", border: "none", display: "block" },
       allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
     }
-  ) : /* @__PURE__ */ React191.createElement(
+  ) : /* @__PURE__ */ React192.createElement(
     "video",
     {
       src,
       controls: true,
       style: { width: "100%", aspectRatio: "16/9", display: "block" }
     }
-  )), /* @__PURE__ */ React191.createElement("div", { className: "modal-dimensions" }, /* @__PURE__ */ React191.createElement(
+  )), /* @__PURE__ */ React192.createElement("div", { className: "modal-dimensions" }, /* @__PURE__ */ React192.createElement(
     "input",
     {
       type: "number",
@@ -14452,14 +14558,14 @@ var VideoPropertiesModal = ({ editor, node, nodeType, onClose }) => {
       value: width,
       onChange: (e) => handleWidthChange(e.target.value)
     }
-  ), /* @__PURE__ */ React191.createElement(Tooltip, { title: lockRatio ? "Unlock aspect ratio" : "Lock aspect ratio", placement: "top" }, /* @__PURE__ */ React191.createElement(
+  ), /* @__PURE__ */ React192.createElement(Tooltip, { title: lockRatio ? "Unlock aspect ratio" : "Lock aspect ratio", placement: "top" }, /* @__PURE__ */ React192.createElement(
     "button",
     {
       className: `lock-btn ${lockRatio ? "locked" : ""}`,
       onClick: () => setLockRatio(!lockRatio)
     },
     lockRatio ? "\u{1F512}" : "\u{1F513}"
-  )), /* @__PURE__ */ React191.createElement(
+  )), /* @__PURE__ */ React192.createElement(
     "input",
     {
       type: "number",
@@ -14467,7 +14573,7 @@ var VideoPropertiesModal = ({ editor, node, nodeType, onClose }) => {
       value: height,
       onChange: (e) => handleHeightChange(e.target.value)
     }
-  ))), /* @__PURE__ */ React191.createElement("div", { className: "modal-fields-col" }, /* @__PURE__ */ React191.createElement("label", { className: "modal-label" }, "Video URL"), /* @__PURE__ */ React191.createElement(
+  ))), /* @__PURE__ */ React192.createElement("div", { className: "modal-fields-col" }, /* @__PURE__ */ React192.createElement("label", { className: "modal-label" }, "Video URL"), /* @__PURE__ */ React192.createElement(
     "input",
     {
       type: "text",
@@ -14475,7 +14581,7 @@ var VideoPropertiesModal = ({ editor, node, nodeType, onClose }) => {
       value: src,
       onChange: (e) => setSrc(e.target.value)
     }
-  ), /* @__PURE__ */ React191.createElement("label", { className: "modal-label" }, "Width"), /* @__PURE__ */ React191.createElement(
+  ), /* @__PURE__ */ React192.createElement("label", { className: "modal-label" }, "Width"), /* @__PURE__ */ React192.createElement(
     "input",
     {
       type: "number",
@@ -14483,7 +14589,7 @@ var VideoPropertiesModal = ({ editor, node, nodeType, onClose }) => {
       value: width,
       onChange: (e) => handleWidthChange(e.target.value)
     }
-  ), /* @__PURE__ */ React191.createElement("label", { className: "modal-label" }, "Height"), /* @__PURE__ */ React191.createElement(
+  ), /* @__PURE__ */ React192.createElement("label", { className: "modal-label" }, "Height"), /* @__PURE__ */ React192.createElement(
     "input",
     {
       type: "number",
@@ -14491,7 +14597,7 @@ var VideoPropertiesModal = ({ editor, node, nodeType, onClose }) => {
       value: height,
       onChange: (e) => handleHeightChange(e.target.value)
     }
-  )))), /* @__PURE__ */ React191.createElement("div", { className: "modal-footer" }, /* @__PURE__ */ React191.createElement("div", { className: "modal-footer-left" }, /* @__PURE__ */ React191.createElement("button", { className: "modal-btn-cancel", onClick: onClose }, "Cancel"), /* @__PURE__ */ React191.createElement("button", { className: "modal-btn-delete", onClick: handleDelete }, "Delete")), /* @__PURE__ */ React191.createElement("button", { className: "modal-btn-apply", onClick: handleApply }, "Apply"))));
+  )))), /* @__PURE__ */ React192.createElement("div", { className: "modal-footer" }, /* @__PURE__ */ React192.createElement("div", { className: "modal-footer-left" }, /* @__PURE__ */ React192.createElement("button", { className: "modal-btn-cancel", onClick: onClose }, "Cancel"), /* @__PURE__ */ React192.createElement("button", { className: "modal-btn-delete", onClick: handleDelete }, "Delete")), /* @__PURE__ */ React192.createElement("button", { className: "modal-btn-apply", onClick: handleApply }, "Apply"))));
 };
 var VideoToolbar = ({ editor }) => {
   const [showModal, setShowModal] = useState36(false);
@@ -14531,7 +14637,7 @@ var VideoToolbar = ({ editor }) => {
   const isVideo = node && VIDEO_TYPES.includes(node.type.name);
   const nodeType = node?.type.name;
   if (!editor || !isVideo || !pos) return showModal ? createPortal6(
-    /* @__PURE__ */ React191.createElement(VideoPropertiesModal, { editor, node, nodeType, onClose: () => setShowModal(false) }),
+    /* @__PURE__ */ React192.createElement(VideoPropertiesModal, { editor, node, nodeType, onClose: () => setShowModal(false) }),
     document.body
   ) : null;
   const handleDelete = () => {
@@ -14578,7 +14684,7 @@ var VideoToolbar = ({ editor }) => {
     );
   };
   return createPortal6(
-    /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement(
+    /* @__PURE__ */ React192.createElement(React192.Fragment, null, /* @__PURE__ */ React192.createElement(
       "div",
       {
         className: "image-toolbar",
@@ -14586,30 +14692,30 @@ var VideoToolbar = ({ editor }) => {
         style: { position: "absolute", top: pos.top, left: pos.left, zIndex: 1e3 },
         onMouseDown: (e) => e.preventDefault()
       },
-      /* @__PURE__ */ React191.createElement(Tooltip, { title: "Delete", placement: "top" }, /* @__PURE__ */ React191.createElement("button", { className: "img-tool-btn", onClick: handleDelete }, "\u{1F5D1}")),
-      /* @__PURE__ */ React191.createElement(Tooltip, { title: "Edit properties", placement: "top" }, /* @__PURE__ */ React191.createElement("button", { className: "img-tool-btn", onClick: () => setShowModal(true) }, "\u270E")),
-      /* @__PURE__ */ React191.createElement("div", { className: "img-tool-copy-wrapper" }, /* @__PURE__ */ React191.createElement(Tooltip, { title: "Copy URL", placement: "top" }, /* @__PURE__ */ React191.createElement("button", { className: "img-tool-btn", onClick: handleCopy }, copyStatus ? "\u2713" : "\u{1F4CB}")), copyStatus && /* @__PURE__ */ React191.createElement("span", { className: "img-copy-toast" }, copyStatus)),
-      /* @__PURE__ */ React191.createElement("div", { className: "img-tool-dropdown" }, /* @__PURE__ */ React191.createElement(Tooltip, { title: "Size presets", placement: "top" }, /* @__PURE__ */ React191.createElement("button", { className: "img-tool-btn", onClick: () => {
+      /* @__PURE__ */ React192.createElement(Tooltip, { title: "Delete", placement: "top" }, /* @__PURE__ */ React192.createElement("button", { className: "img-tool-btn", onClick: handleDelete }, "\u{1F5D1}")),
+      /* @__PURE__ */ React192.createElement(Tooltip, { title: "Edit properties", placement: "top" }, /* @__PURE__ */ React192.createElement("button", { className: "img-tool-btn", onClick: () => setShowModal(true) }, "\u270E")),
+      /* @__PURE__ */ React192.createElement("div", { className: "img-tool-copy-wrapper" }, /* @__PURE__ */ React192.createElement(Tooltip, { title: "Copy URL", placement: "top" }, /* @__PURE__ */ React192.createElement("button", { className: "img-tool-btn", onClick: handleCopy }, copyStatus ? "\u2713" : "\u{1F4CB}")), copyStatus && /* @__PURE__ */ React192.createElement("span", { className: "img-copy-toast" }, copyStatus)),
+      /* @__PURE__ */ React192.createElement("div", { className: "img-tool-dropdown" }, /* @__PURE__ */ React192.createElement(Tooltip, { title: "Size presets", placement: "top" }, /* @__PURE__ */ React192.createElement("button", { className: "img-tool-btn", onClick: () => {
         setShowSize(!showSize);
         setShowAlign(false);
-      } }, /* @__PURE__ */ React191.createElement("span", { style: { fontSize: "11px" } }, node.attrs.width || 640, "x", node.attrs.height || 360), /* @__PURE__ */ React191.createElement("span", { className: "dropdown-arrow" }, "\u25BE"))), showSize && /* @__PURE__ */ React191.createElement("div", { className: "img-tool-menu" }, /* @__PURE__ */ React191.createElement("button", { className: "dropdown-item", onClick: () => {
+      } }, /* @__PURE__ */ React192.createElement("span", { style: { fontSize: "11px" } }, node.attrs.width || 640, "x", node.attrs.height || 360), /* @__PURE__ */ React192.createElement("span", { className: "dropdown-arrow" }, "\u25BE"))), showSize && /* @__PURE__ */ React192.createElement("div", { className: "img-tool-menu" }, /* @__PURE__ */ React192.createElement("button", { className: "dropdown-item", onClick: () => {
         handleResize("small");
         setShowSize(false);
-      } }, "Small (320x180)"), /* @__PURE__ */ React191.createElement("button", { className: "dropdown-item", onClick: () => {
+      } }, "Small (320x180)"), /* @__PURE__ */ React192.createElement("button", { className: "dropdown-item", onClick: () => {
         handleResize("medium");
         setShowSize(false);
-      } }, "Medium (480x270)"), /* @__PURE__ */ React191.createElement("button", { className: "dropdown-item", onClick: () => {
+      } }, "Medium (480x270)"), /* @__PURE__ */ React192.createElement("button", { className: "dropdown-item", onClick: () => {
         handleResize("large");
         setShowSize(false);
-      } }, "Large (640x360)"), /* @__PURE__ */ React191.createElement("button", { className: "dropdown-item", onClick: () => {
+      } }, "Large (640x360)"), /* @__PURE__ */ React192.createElement("button", { className: "dropdown-item", onClick: () => {
         handleResize("full");
         setShowSize(false);
       } }, "Full (854x480)"))),
-      /* @__PURE__ */ React191.createElement("div", { className: "img-tool-dropdown" }, /* @__PURE__ */ React191.createElement(Tooltip, { title: "Horizontal alignment", placement: "top" }, /* @__PURE__ */ React191.createElement("button", { className: "img-tool-btn", onClick: () => {
+      /* @__PURE__ */ React192.createElement("div", { className: "img-tool-dropdown" }, /* @__PURE__ */ React192.createElement(Tooltip, { title: "Horizontal alignment", placement: "top" }, /* @__PURE__ */ React192.createElement("button", { className: "img-tool-btn", onClick: () => {
         setShowAlign(!showAlign);
         setShowSize(false);
-      } }, "\u2630 ", /* @__PURE__ */ React191.createElement("span", { className: "dropdown-arrow" }, "\u25BE"))), showAlign && /* @__PURE__ */ React191.createElement("div", { className: "img-tool-menu" }, ALIGNMENTS2.map((a) => /* @__PURE__ */ React191.createElement("button", { key: a.value, className: "dropdown-item", onClick: () => setAlignmentVal(a.value) }, a.icon, " ", a.label))))
-    ), showModal && /* @__PURE__ */ React191.createElement(
+      } }, "\u2630 ", /* @__PURE__ */ React192.createElement("span", { className: "dropdown-arrow" }, "\u25BE"))), showAlign && /* @__PURE__ */ React192.createElement("div", { className: "img-tool-menu" }, ALIGNMENTS2.map((a) => /* @__PURE__ */ React192.createElement("button", { key: a.value, className: "dropdown-item", onClick: () => setAlignmentVal(a.value) }, a.icon, " ", a.label))))
+    ), showModal && /* @__PURE__ */ React192.createElement(
       VideoPropertiesModal,
       {
         editor,
@@ -14624,18 +14730,18 @@ var VideoToolbar = ({ editor }) => {
 var VideoToolbar_default = VideoToolbar;
 
 // lib/RufousTextEditor/TableToolbar.tsx
-import React192, { useState as useState37, useEffect as useEffect30, useRef as useRef33 } from "react";
+import React193, { useState as useState37, useEffect as useEffect30, useRef as useRef33 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
-var IconAddRowBefore = () => /* @__PURE__ */ React192.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React192.createElement("path", { d: "M20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-1 8H5V5h14v6zm0 8H5v-6h14v6z" }), /* @__PURE__ */ React192.createElement("path", { d: "M9 6h2v1.5h1.5v2H11V11H9V9.5H7.5v-2H9z" }));
-var IconAddRowAfter = () => /* @__PURE__ */ React192.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React192.createElement("path", { d: "M20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-1 8H5V5h14v6zm0 8H5v-6h14v6z" }), /* @__PURE__ */ React192.createElement("path", { d: "M9 14h2v1.5h1.5v2H11V19H9v-1.5H7.5v-2H9z" }));
-var IconAddColBefore = () => /* @__PURE__ */ React192.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React192.createElement("path", { d: "M20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-9 16H5V5h6v14zm8 0h-6V5h6v14z" }), /* @__PURE__ */ React192.createElement("path", { d: "M6 10h1.5v2H6v1.5H4v-2h1.5V10H4V8h2z", transform: "translate(2,1)" }));
-var IconAddColAfter = () => /* @__PURE__ */ React192.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React192.createElement("path", { d: "M20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-9 16H5V5h6v14zm8 0h-6V5h6v14z" }), /* @__PURE__ */ React192.createElement("path", { d: "M15 9h2v1.5h1.5v2H17V14h-2v-1.5h-1.5v-2H15z" }));
-var IconDeleteRow = () => /* @__PURE__ */ React192.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React192.createElement("path", { d: "M20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-1 8H5V5h14v6zm0 8H5v-6h14v6z" }), /* @__PURE__ */ React192.createElement("path", { d: "M8 14.5h8v2H8z" }));
-var IconDeleteCol = () => /* @__PURE__ */ React192.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React192.createElement("path", { d: "M20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-9 16H5V5h6v14zm8 0h-6V5h6v14z" }), /* @__PURE__ */ React192.createElement("path", { d: "M14 9.5v6h2v-6z" }));
-var IconDeleteTable = () => /* @__PURE__ */ React192.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React192.createElement("path", { d: "M20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-1 16H5V5h14v14z" }), /* @__PURE__ */ React192.createElement("path", { d: "M9.17 10l-1.41 1.41L10.59 14l-2.83 2.83 1.41 1.41L12 15.41l2.83 2.83 1.41-1.41L13.41 14l2.83-2.83-1.41-1.41L12 12.59z" }));
-var IconMergeCells = () => /* @__PURE__ */ React192.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React192.createElement("path", { d: "M3 3h18v18H3V3zm2 2v5h6V5H5zm8 0v5h6V5h-6zM5 13v6h14v-6H5z" }), /* @__PURE__ */ React192.createElement("path", { d: "M8 15h8v2H8z" }));
-var IconSplitCell = () => /* @__PURE__ */ React192.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React192.createElement("path", { d: "M3 3h18v18H3V3zm2 2v5h6V5H5zm8 0v5h6V5h-6zM5 13v6h6v-6H5zm8 0v6h6v-6h-6z" }));
-var IconToggleHeader = () => /* @__PURE__ */ React192.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React192.createElement("path", { d: "M3 3h18v18H3V3zm2 2v4h14V5H5zm0 6v8h14v-8H5z" }), /* @__PURE__ */ React192.createElement("rect", { x: "5", y: "5", width: "14", height: "4", opacity: "0.4" }));
+var IconAddRowBefore = () => /* @__PURE__ */ React193.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React193.createElement("path", { d: "M20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-1 8H5V5h14v6zm0 8H5v-6h14v6z" }), /* @__PURE__ */ React193.createElement("path", { d: "M9 6h2v1.5h1.5v2H11V11H9V9.5H7.5v-2H9z" }));
+var IconAddRowAfter = () => /* @__PURE__ */ React193.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React193.createElement("path", { d: "M20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-1 8H5V5h14v6zm0 8H5v-6h14v6z" }), /* @__PURE__ */ React193.createElement("path", { d: "M9 14h2v1.5h1.5v2H11V19H9v-1.5H7.5v-2H9z" }));
+var IconAddColBefore = () => /* @__PURE__ */ React193.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React193.createElement("path", { d: "M20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-9 16H5V5h6v14zm8 0h-6V5h6v14z" }), /* @__PURE__ */ React193.createElement("path", { d: "M6 10h1.5v2H6v1.5H4v-2h1.5V10H4V8h2z", transform: "translate(2,1)" }));
+var IconAddColAfter = () => /* @__PURE__ */ React193.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React193.createElement("path", { d: "M20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-9 16H5V5h6v14zm8 0h-6V5h6v14z" }), /* @__PURE__ */ React193.createElement("path", { d: "M15 9h2v1.5h1.5v2H17V14h-2v-1.5h-1.5v-2H15z" }));
+var IconDeleteRow = () => /* @__PURE__ */ React193.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React193.createElement("path", { d: "M20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-1 8H5V5h14v6zm0 8H5v-6h14v6z" }), /* @__PURE__ */ React193.createElement("path", { d: "M8 14.5h8v2H8z" }));
+var IconDeleteCol = () => /* @__PURE__ */ React193.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React193.createElement("path", { d: "M20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-9 16H5V5h6v14zm8 0h-6V5h6v14z" }), /* @__PURE__ */ React193.createElement("path", { d: "M14 9.5v6h2v-6z" }));
+var IconDeleteTable = () => /* @__PURE__ */ React193.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React193.createElement("path", { d: "M20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-1 16H5V5h14v14z" }), /* @__PURE__ */ React193.createElement("path", { d: "M9.17 10l-1.41 1.41L10.59 14l-2.83 2.83 1.41 1.41L12 15.41l2.83 2.83 1.41-1.41L13.41 14l2.83-2.83-1.41-1.41L12 12.59z" }));
+var IconMergeCells = () => /* @__PURE__ */ React193.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React193.createElement("path", { d: "M3 3h18v18H3V3zm2 2v5h6V5H5zm8 0v5h6V5h-6zM5 13v6h14v-6H5z" }), /* @__PURE__ */ React193.createElement("path", { d: "M8 15h8v2H8z" }));
+var IconSplitCell = () => /* @__PURE__ */ React193.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React193.createElement("path", { d: "M3 3h18v18H3V3zm2 2v5h6V5H5zm8 0v5h6V5h-6zM5 13v6h6v-6H5zm8 0v6h6v-6h-6z" }));
+var IconToggleHeader = () => /* @__PURE__ */ React193.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor" }, /* @__PURE__ */ React193.createElement("path", { d: "M3 3h18v18H3V3zm2 2v4h14V5H5zm0 6v8h14v-8H5z" }), /* @__PURE__ */ React193.createElement("rect", { x: "5", y: "5", width: "14", height: "4", opacity: "0.4" }));
 var TableToolbar = ({ editor }) => {
   const [pos, setPos] = useState37(null);
   const toolbarRef = useRef33(null);
@@ -14683,7 +14789,7 @@ var TableToolbar = ({ editor }) => {
   const canSplit = editor.can().splitCell();
   const prevent = (e) => e.preventDefault();
   return createPortal7(
-    /* @__PURE__ */ React192.createElement(
+    /* @__PURE__ */ React193.createElement(
       "div",
       {
         ref: toolbarRef,
@@ -14691,19 +14797,19 @@ var TableToolbar = ({ editor }) => {
         style: { top: pos.top, left: pos.left },
         onMouseDown: prevent
       },
-      /* @__PURE__ */ React192.createElement(Tooltip, { title: "Insert row above", placement: "top" }, /* @__PURE__ */ React192.createElement("button", { className: "rf-table-toolbar-btn", onClick: () => editor.chain().focus().addRowBefore().run() }, /* @__PURE__ */ React192.createElement(IconAddRowBefore, null))),
-      /* @__PURE__ */ React192.createElement(Tooltip, { title: "Insert row below", placement: "top" }, /* @__PURE__ */ React192.createElement("button", { className: "rf-table-toolbar-btn", onClick: () => editor.chain().focus().addRowAfter().run() }, /* @__PURE__ */ React192.createElement(IconAddRowAfter, null))),
-      /* @__PURE__ */ React192.createElement(Tooltip, { title: "Delete row", placement: "top" }, /* @__PURE__ */ React192.createElement("button", { className: "rf-table-toolbar-btn rf-table-toolbar-btn-danger", onClick: () => editor.chain().focus().deleteRow().run() }, /* @__PURE__ */ React192.createElement(IconDeleteRow, null))),
-      /* @__PURE__ */ React192.createElement("span", { className: "rf-table-toolbar-sep" }),
-      /* @__PURE__ */ React192.createElement(Tooltip, { title: "Insert column left", placement: "top" }, /* @__PURE__ */ React192.createElement("button", { className: "rf-table-toolbar-btn", onClick: () => editor.chain().focus().addColumnBefore().run() }, /* @__PURE__ */ React192.createElement(IconAddColBefore, null))),
-      /* @__PURE__ */ React192.createElement(Tooltip, { title: "Insert column right", placement: "top" }, /* @__PURE__ */ React192.createElement("button", { className: "rf-table-toolbar-btn", onClick: () => editor.chain().focus().addColumnAfter().run() }, /* @__PURE__ */ React192.createElement(IconAddColAfter, null))),
-      /* @__PURE__ */ React192.createElement(Tooltip, { title: "Delete column", placement: "top" }, /* @__PURE__ */ React192.createElement("button", { className: "rf-table-toolbar-btn rf-table-toolbar-btn-danger", onClick: () => editor.chain().focus().deleteColumn().run() }, /* @__PURE__ */ React192.createElement(IconDeleteCol, null))),
-      /* @__PURE__ */ React192.createElement("span", { className: "rf-table-toolbar-sep" }),
-      /* @__PURE__ */ React192.createElement(Tooltip, { title: "Merge cells", placement: "top" }, /* @__PURE__ */ React192.createElement("button", { className: "rf-table-toolbar-btn", onClick: () => editor.chain().focus().mergeCells().run(), disabled: !canMerge }, /* @__PURE__ */ React192.createElement(IconMergeCells, null))),
-      /* @__PURE__ */ React192.createElement(Tooltip, { title: "Split cell", placement: "top" }, /* @__PURE__ */ React192.createElement("button", { className: "rf-table-toolbar-btn", onClick: () => editor.chain().focus().splitCell().run(), disabled: !canSplit }, /* @__PURE__ */ React192.createElement(IconSplitCell, null))),
-      /* @__PURE__ */ React192.createElement("span", { className: "rf-table-toolbar-sep" }),
-      /* @__PURE__ */ React192.createElement(Tooltip, { title: "Toggle header row", placement: "top" }, /* @__PURE__ */ React192.createElement("button", { className: `rf-table-toolbar-btn ${editor.isActive("tableHeader") ? "active" : ""}`, onClick: () => editor.chain().focus().toggleHeaderRow().run() }, /* @__PURE__ */ React192.createElement(IconToggleHeader, null))),
-      /* @__PURE__ */ React192.createElement(Tooltip, { title: "Delete table", placement: "top" }, /* @__PURE__ */ React192.createElement("button", { className: "rf-table-toolbar-btn rf-table-toolbar-btn-danger", onClick: () => editor.chain().focus().deleteTable().run() }, /* @__PURE__ */ React192.createElement(IconDeleteTable, null)))
+      /* @__PURE__ */ React193.createElement(Tooltip, { title: "Insert row above", placement: "top" }, /* @__PURE__ */ React193.createElement("button", { className: "rf-table-toolbar-btn", onClick: () => editor.chain().focus().addRowBefore().run() }, /* @__PURE__ */ React193.createElement(IconAddRowBefore, null))),
+      /* @__PURE__ */ React193.createElement(Tooltip, { title: "Insert row below", placement: "top" }, /* @__PURE__ */ React193.createElement("button", { className: "rf-table-toolbar-btn", onClick: () => editor.chain().focus().addRowAfter().run() }, /* @__PURE__ */ React193.createElement(IconAddRowAfter, null))),
+      /* @__PURE__ */ React193.createElement(Tooltip, { title: "Delete row", placement: "top" }, /* @__PURE__ */ React193.createElement("button", { className: "rf-table-toolbar-btn rf-table-toolbar-btn-danger", onClick: () => editor.chain().focus().deleteRow().run() }, /* @__PURE__ */ React193.createElement(IconDeleteRow, null))),
+      /* @__PURE__ */ React193.createElement("span", { className: "rf-table-toolbar-sep" }),
+      /* @__PURE__ */ React193.createElement(Tooltip, { title: "Insert column left", placement: "top" }, /* @__PURE__ */ React193.createElement("button", { className: "rf-table-toolbar-btn", onClick: () => editor.chain().focus().addColumnBefore().run() }, /* @__PURE__ */ React193.createElement(IconAddColBefore, null))),
+      /* @__PURE__ */ React193.createElement(Tooltip, { title: "Insert column right", placement: "top" }, /* @__PURE__ */ React193.createElement("button", { className: "rf-table-toolbar-btn", onClick: () => editor.chain().focus().addColumnAfter().run() }, /* @__PURE__ */ React193.createElement(IconAddColAfter, null))),
+      /* @__PURE__ */ React193.createElement(Tooltip, { title: "Delete column", placement: "top" }, /* @__PURE__ */ React193.createElement("button", { className: "rf-table-toolbar-btn rf-table-toolbar-btn-danger", onClick: () => editor.chain().focus().deleteColumn().run() }, /* @__PURE__ */ React193.createElement(IconDeleteCol, null))),
+      /* @__PURE__ */ React193.createElement("span", { className: "rf-table-toolbar-sep" }),
+      /* @__PURE__ */ React193.createElement(Tooltip, { title: "Merge cells", placement: "top" }, /* @__PURE__ */ React193.createElement("button", { className: "rf-table-toolbar-btn", onClick: () => editor.chain().focus().mergeCells().run(), disabled: !canMerge }, /* @__PURE__ */ React193.createElement(IconMergeCells, null))),
+      /* @__PURE__ */ React193.createElement(Tooltip, { title: "Split cell", placement: "top" }, /* @__PURE__ */ React193.createElement("button", { className: "rf-table-toolbar-btn", onClick: () => editor.chain().focus().splitCell().run(), disabled: !canSplit }, /* @__PURE__ */ React193.createElement(IconSplitCell, null))),
+      /* @__PURE__ */ React193.createElement("span", { className: "rf-table-toolbar-sep" }),
+      /* @__PURE__ */ React193.createElement(Tooltip, { title: "Toggle header row", placement: "top" }, /* @__PURE__ */ React193.createElement("button", { className: `rf-table-toolbar-btn ${editor.isActive("tableHeader") ? "active" : ""}`, onClick: () => editor.chain().focus().toggleHeaderRow().run() }, /* @__PURE__ */ React193.createElement(IconToggleHeader, null))),
+      /* @__PURE__ */ React193.createElement(Tooltip, { title: "Delete table", placement: "top" }, /* @__PURE__ */ React193.createElement("button", { className: "rf-table-toolbar-btn rf-table-toolbar-btn-danger", onClick: () => editor.chain().focus().deleteTable().run() }, /* @__PURE__ */ React193.createElement(IconDeleteTable, null)))
     ),
     document.body
   );
@@ -15150,7 +15256,7 @@ var RufousTextEditor = ({
   const providerValue = useMemo6(() => ({ editor }), [editor]);
   const [isFullscreen, setIsFullscreen] = useState38(false);
   const toggleFullscreen = useCallback18(() => setIsFullscreen((prev) => !prev), []);
-  const wrapperJsx = /* @__PURE__ */ React193.createElement(
+  const wrapperJsx = /* @__PURE__ */ React194.createElement(
     "div",
     {
       ref: wrapperRef,
@@ -15161,7 +15267,7 @@ var RufousTextEditor = ({
         ...height ? { height: typeof height === "number" ? `${height}px` : height } : {}
       }
     },
-    /* @__PURE__ */ React193.createElement(EditorContext.Provider, { value: providerValue }, /* @__PURE__ */ React193.createElement(
+    /* @__PURE__ */ React194.createElement(EditorContext.Provider, { value: providerValue }, /* @__PURE__ */ React194.createElement(
       Toolbar_default,
       {
         editor,
@@ -15176,7 +15282,7 @@ var RufousTextEditor = ({
         isFullscreen,
         onToggleFullscreen: toggleFullscreen
       }
-    ), /* @__PURE__ */ React193.createElement(EditorContent, { editor, className: "editor-content-wrapper" }), /* @__PURE__ */ React193.createElement(ImageToolbar_default, { editor }), /* @__PURE__ */ React193.createElement(VideoToolbar_default, { editor }), /* @__PURE__ */ React193.createElement(TableToolbar_default, { editor }), editor && /* @__PURE__ */ React193.createElement(
+    ), /* @__PURE__ */ React194.createElement(EditorContent, { editor, className: "editor-content-wrapper" }), /* @__PURE__ */ React194.createElement(ImageToolbar_default, { editor }), /* @__PURE__ */ React194.createElement(VideoToolbar_default, { editor }), /* @__PURE__ */ React194.createElement(TableToolbar_default, { editor }), editor && /* @__PURE__ */ React194.createElement(
       BubbleMenu,
       {
         editor,
@@ -15194,31 +15300,31 @@ var RufousTextEditor = ({
           }
         }
       },
-      /* @__PURE__ */ React193.createElement(
+      /* @__PURE__ */ React194.createElement(
         "button",
         {
           onClick: () => editor?.chain().focus().toggleBold().run(),
           className: editor?.isActive("bold") ? "is-active" : ""
         },
-        /* @__PURE__ */ React193.createElement("strong", null, "B")
+        /* @__PURE__ */ React194.createElement("strong", null, "B")
       ),
-      /* @__PURE__ */ React193.createElement(
+      /* @__PURE__ */ React194.createElement(
         "button",
         {
           onClick: () => editor?.chain().focus().toggleItalic().run(),
           className: editor?.isActive("italic") ? "is-active" : ""
         },
-        /* @__PURE__ */ React193.createElement("em", null, "I")
+        /* @__PURE__ */ React194.createElement("em", null, "I")
       ),
-      /* @__PURE__ */ React193.createElement(
+      /* @__PURE__ */ React194.createElement(
         "button",
         {
           onClick: () => editor?.chain().focus().toggleStrike().run(),
           className: editor?.isActive("strike") ? "is-active" : ""
         },
-        /* @__PURE__ */ React193.createElement("s", null, "S")
+        /* @__PURE__ */ React194.createElement("s", null, "S")
       ),
-      /* @__PURE__ */ React193.createElement(
+      /* @__PURE__ */ React194.createElement(
         "button",
         {
           onClick: () => editor?.chain().focus().toggleCode().run(),
@@ -15226,7 +15332,7 @@ var RufousTextEditor = ({
         },
         "</>"
       ),
-      /* @__PURE__ */ React193.createElement(
+      /* @__PURE__ */ React194.createElement(
         "button",
         {
           onClick: setLink,
@@ -15234,7 +15340,7 @@ var RufousTextEditor = ({
         },
         "\u{1F517}"
       )
-    ), editor && /* @__PURE__ */ React193.createElement(
+    ), editor && /* @__PURE__ */ React194.createElement(
       FloatingMenu,
       {
         editor,
@@ -15249,7 +15355,7 @@ var RufousTextEditor = ({
           }
         }
       },
-      /* @__PURE__ */ React193.createElement(
+      /* @__PURE__ */ React194.createElement(
         "button",
         {
           onClick: () => editor?.chain().focus().toggleHeading({ level: 1 }).run(),
@@ -15257,7 +15363,7 @@ var RufousTextEditor = ({
         },
         "H1"
       ),
-      /* @__PURE__ */ React193.createElement(
+      /* @__PURE__ */ React194.createElement(
         "button",
         {
           onClick: () => editor?.chain().focus().toggleHeading({ level: 2 }).run(),
@@ -15265,7 +15371,7 @@ var RufousTextEditor = ({
         },
         "H2"
       ),
-      /* @__PURE__ */ React193.createElement(
+      /* @__PURE__ */ React194.createElement(
         "button",
         {
           onClick: () => editor?.chain().focus().toggleBulletList().run(),
@@ -15273,7 +15379,7 @@ var RufousTextEditor = ({
         },
         "\u2022 List"
       ),
-      /* @__PURE__ */ React193.createElement(
+      /* @__PURE__ */ React194.createElement(
         "button",
         {
           onClick: () => editor?.chain().focus().toggleOrderedList().run(),
@@ -15281,7 +15387,7 @@ var RufousTextEditor = ({
         },
         "1. List"
       ),
-      /* @__PURE__ */ React193.createElement(
+      /* @__PURE__ */ React194.createElement(
         "button",
         {
           onClick: () => editor?.chain().focus().toggleBlockquote().run(),
@@ -15289,8 +15395,8 @@ var RufousTextEditor = ({
         },
         "\u201C Quote"
       )
-    ), /* @__PURE__ */ React193.createElement("div", { className: "status-bar" }, /* @__PURE__ */ React193.createElement("div", { className: "status-bar-left" }, onSaveProp && /* @__PURE__ */ React193.createElement("button", { onClick: handleSave, className: "status-btn save-btn" }, "Save"), onExportProp && /* @__PURE__ */ React193.createElement("button", { onClick: handleExport, className: "status-btn export-btn" }, "Export")), /* @__PURE__ */ React193.createElement("div", { className: "status-bar-right" }, saveStatus && /* @__PURE__ */ React193.createElement("span", { className: "save-status" }, saveStatus), editor && /* @__PURE__ */ React193.createElement(React193.Fragment, null, /* @__PURE__ */ React193.createElement("span", { className: "word-count" }, "CHARS: ", editor.storage.characterCount?.characters?.() ?? editor.getText().length), /* @__PURE__ */ React193.createElement("span", { className: "word-count" }, "WORDS: ", editor.storage.characterCount?.words?.() ?? editor.getText().split(/\s+/).filter(Boolean).length)))), linkModalOpen && createPortal8(
-      /* @__PURE__ */ React193.createElement("div", { className: "link-modal-overlay", onClick: handleLinkCancel }, /* @__PURE__ */ React193.createElement("div", { className: "link-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React193.createElement("div", { className: "link-modal-body" }, /* @__PURE__ */ React193.createElement("div", { className: "link-modal-field" }, /* @__PURE__ */ React193.createElement("label", { className: "link-modal-label" }, "URL"), /* @__PURE__ */ React193.createElement(
+    ), /* @__PURE__ */ React194.createElement("div", { className: "status-bar" }, /* @__PURE__ */ React194.createElement("div", { className: "status-bar-left" }, onSaveProp && /* @__PURE__ */ React194.createElement("button", { onClick: handleSave, className: "status-btn save-btn" }, "Save"), onExportProp && /* @__PURE__ */ React194.createElement("button", { onClick: handleExport, className: "status-btn export-btn" }, "Export")), /* @__PURE__ */ React194.createElement("div", { className: "status-bar-right" }, saveStatus && /* @__PURE__ */ React194.createElement("span", { className: "save-status" }, saveStatus), editor && /* @__PURE__ */ React194.createElement(React194.Fragment, null, /* @__PURE__ */ React194.createElement("span", { className: "word-count" }, "CHARS: ", editor.storage.characterCount?.characters?.() ?? editor.getText().length), /* @__PURE__ */ React194.createElement("span", { className: "word-count" }, "WORDS: ", editor.storage.characterCount?.words?.() ?? editor.getText().split(/\s+/).filter(Boolean).length)))), linkModalOpen && createPortal8(
+      /* @__PURE__ */ React194.createElement("div", { className: "link-modal-overlay", onClick: handleLinkCancel }, /* @__PURE__ */ React194.createElement("div", { className: "link-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React194.createElement("div", { className: "link-modal-body" }, /* @__PURE__ */ React194.createElement("div", { className: "link-modal-field" }, /* @__PURE__ */ React194.createElement("label", { className: "link-modal-label" }, "URL"), /* @__PURE__ */ React194.createElement(
         "input",
         {
           type: "url",
@@ -15303,7 +15409,7 @@ var RufousTextEditor = ({
           placeholder: "https://example.com",
           autoFocus: true
         }
-      )), /* @__PURE__ */ React193.createElement("div", { className: "link-modal-field" }, /* @__PURE__ */ React193.createElement("label", { className: "link-modal-label" }, "Text"), /* @__PURE__ */ React193.createElement(
+      )), /* @__PURE__ */ React194.createElement("div", { className: "link-modal-field" }, /* @__PURE__ */ React194.createElement("label", { className: "link-modal-label" }, "Text"), /* @__PURE__ */ React194.createElement(
         "input",
         {
           type: "text",
@@ -15315,24 +15421,24 @@ var RufousTextEditor = ({
           },
           placeholder: "Link text"
         }
-      )), /* @__PURE__ */ React193.createElement("div", { className: "link-modal-checkboxes" }, /* @__PURE__ */ React193.createElement("label", { className: "link-modal-checkbox" }, /* @__PURE__ */ React193.createElement(
+      )), /* @__PURE__ */ React194.createElement("div", { className: "link-modal-checkboxes" }, /* @__PURE__ */ React194.createElement("label", { className: "link-modal-checkbox" }, /* @__PURE__ */ React194.createElement(
         "input",
         {
           type: "checkbox",
           checked: linkNewTab,
           onChange: (e) => setLinkNewTab(e.target.checked)
         }
-      ), "Open in new tab"), /* @__PURE__ */ React193.createElement("label", { className: "link-modal-checkbox" }, /* @__PURE__ */ React193.createElement(
+      ), "Open in new tab"), /* @__PURE__ */ React194.createElement("label", { className: "link-modal-checkbox" }, /* @__PURE__ */ React194.createElement(
         "input",
         {
           type: "checkbox",
           checked: linkNoFollow,
           onChange: (e) => setLinkNoFollow(e.target.checked)
         }
-      ), "No follow"))), /* @__PURE__ */ React193.createElement("div", { className: "link-modal-footer" }, /* @__PURE__ */ React193.createElement("button", { className: "link-modal-btn-unlink", onClick: handleLinkRemove }, "Unlink"), /* @__PURE__ */ React193.createElement("button", { className: "link-modal-btn-apply", onClick: handleLinkSubmit }, "Update")))),
+      ), "No follow"))), /* @__PURE__ */ React194.createElement("div", { className: "link-modal-footer" }, /* @__PURE__ */ React194.createElement("button", { className: "link-modal-btn-unlink", onClick: handleLinkRemove }, "Unlink"), /* @__PURE__ */ React194.createElement("button", { className: "link-modal-btn-apply", onClick: handleLinkSubmit }, "Update")))),
       document.body
     )),
-    helperText && /* @__PURE__ */ React193.createElement("div", { className: `rf-rte-helper-text ${error ? "rf-rte-helper-error" : ""}` }, helperText)
+    helperText && /* @__PURE__ */ React194.createElement("div", { className: `rf-rte-helper-text ${error ? "rf-rte-helper-error" : ""}` }, helperText)
   );
   return isFullscreen ? createPortal8(wrapperJsx, document.body) : wrapperJsx;
 };
@@ -15343,7 +15449,7 @@ var RufousTextContent = ({ content, className, style, sx }) => {
     transformedContent = transformLegacyTodos(transformedContent);
   } catch {
   }
-  return /* @__PURE__ */ React193.createElement(
+  return /* @__PURE__ */ React194.createElement(
     "div",
     {
       className: `rf-rte-content ${sxClass} ${className || ""}`,
@@ -15733,6 +15839,13 @@ export {
   TextField,
   textFieldsIcon_default as TextFieldsIcon,
   tickIcon_default as TickIcon,
+  Timeline,
+  TimelineConnector,
+  TimelineContent,
+  TimelineDot,
+  TimelineItem,
+  TimelineOppositeContent,
+  TimelineSeparator,
   timerIcon_default as TimerIcon,
   ToggleButton,
   ToggleButtonGroup,