@underverse-ui/underverse 1.0.194 → 1.0.196

package/dist/index.js

@@ -70,6 +70,13 @@ function getBorderRadiusClass(borderMode = "full") {
   }
   return borderMode;
 }
+function getPanelBorderRadiusClass(borderMode = "lg") {
+  const resolved = borderMode ?? "lg";
+  if (resolved === "full" || resolved === "infiniq") {
+    return "rounded-2xl";
+  }
+  return getBorderRadiusClass(resolved);
+}
 
 // src/contexts/UnderverseConfigContext.tsx
 import * as React from "react";
@@ -501,7 +508,7 @@ var Card = React4.forwardRef(
         ref,
         className: cn(
           "group bg-card text-card-foreground transition-[transform,box-shadow,border-color,background-color] duration-300 ease-soft",
-          resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl max-md:rounded-xl",
+          resolvedBorderMode ? getPanelBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl max-md:rounded-xl",
           "border border-border/50 shadow-sm backdrop-blur-sm",
           hoverable && "md:hover:-translate-y-0.5 md:hover:border-primary/15 md:hover:shadow-md",
           clickable && "cursor-pointer active:translate-y-px active:bg-accent/5 md:hover:bg-accent/5 md:hover:shadow-md",
@@ -519,7 +526,7 @@ var Card = React4.forwardRef(
         role: isInteractive ? role ?? "button" : role,
         tabIndex: isInteractive ? tabIndex ?? 0 : tabIndex,
         ...rest,
-        children: /* @__PURE__ */ jsxs3("div", { className: cn("relative overflow-hidden", resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl max-md:rounded-xl", innerClassName), children: [
+        children: /* @__PURE__ */ jsxs3("div", { className: cn("relative overflow-hidden", resolvedBorderMode ? getPanelBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl max-md:rounded-xl", innerClassName), children: [
           (hoverable || clickable) && /* @__PURE__ */ jsx5(
             "div",
             {
@@ -6938,7 +6945,7 @@ var Modal = ({
             ref: modalContentRef,
             className: cn(
               "relative w-full border border-border/40 bg-card text-card-foreground shadow-xl",
-              resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl",
+              resolvedBorderMode ? getPanelBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl",
               "transition-all duration-200 ease-out",
               maxWidthClass,
               fullWidth && "mx-0",
@@ -7638,7 +7645,7 @@ var Popover = ({
               {
                 ...contentProps,
                 className: cn(
-                  resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl",
+                  resolvedBorderMode ? getPanelBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl",
                   "border bg-popover text-popover-foreground shadow-md",
                   "backdrop-blur-sm bg-popover/95 border-border/60 p-4",
                   contentProps?.className,
@@ -9233,7 +9240,7 @@ var Combobox = ({
     {
       "data-combobox-dropdown": true,
       "data-state": open ? "open" : "closed",
-      className: cn("w-full overflow-hidden", getBorderRadiusClass(resolvedBorderMode)),
+      className: cn("w-full overflow-hidden", getPanelBorderRadiusClass(resolvedBorderMode)),
       children: [
         enableSearch && /* @__PURE__ */ jsx33("div", { className: cn("relative border-b border-border/30", size === "sm" ? "p-2" : size === "lg" ? "p-3" : "p-2.5"), children: /* @__PURE__ */ jsxs23("div", { className: "relative", children: [
           /* @__PURE__ */ jsx33(
@@ -9429,8 +9436,9 @@ var Combobox = ({
             }
           },
           className: cn(
-            "opacity-0 group-hover:opacity-100 transition-all duration-200",
-            "p-1 rounded-lg hover:bg-destructive/10 text-muted-foreground hover:text-destructive"
+            "opacity-0 group-hover:opacity-100 focus-visible:opacity-100 transition-all duration-200",
+            "p-1 rounded-lg hover:bg-destructive/10 text-muted-foreground hover:text-destructive",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-destructive/50 focus-visible:ring-offset-1"
           ),
           children: /* @__PURE__ */ jsx33(X10, { className: "h-3.5 w-3.5" })
         }
@@ -9504,14 +9512,14 @@ var Combobox = ({
         trigger: triggerButtonForPopover,
         placement: "bottom-start",
         matchTriggerWidth: true,
-        className: "z-9999",
+        className: "z-50",
         borderMode: resolvedBorderMode,
         contentClassName: "p-0 overflow-hidden",
         children: dropdownBody
       }
     ) : /* @__PURE__ */ jsxs23("div", { className: "relative", children: [
       triggerButtonInline,
-      open && /* @__PURE__ */ jsx33("div", { className: "absolute left-0 top-full mt-1 z-50 w-full", children: /* @__PURE__ */ jsx33("div", { className: cn("overflow-hidden border text-popover-foreground shadow-md backdrop-blur-sm bg-popover/95 border-border/60", getBorderRadiusClass(resolvedBorderMode)), children: dropdownBody }) })
+      open && /* @__PURE__ */ jsx33("div", { className: "absolute left-0 top-full mt-1 z-50 w-full", children: /* @__PURE__ */ jsx33("div", { className: cn("overflow-hidden border text-popover-foreground shadow-md backdrop-blur-sm bg-popover/95 border-border/60", getPanelBorderRadiusClass(resolvedBorderMode)), children: dropdownBody }) })
     ] }),
     (helperText || effectiveError) && /* @__PURE__ */ jsxs23(
       "p",
@@ -10484,32 +10492,6 @@ var DatePicker = ({
     const node = el;
     return node.scrollHeight > node.clientHeight + 1;
   };
-  React34.useEffect(() => {
-    if (!isOpen) return;
-    const container = wheelContainerRef.current;
-    if (!container) return;
-    const onWheel = (event) => {
-      if (!container.contains(event.target)) return;
-      if (event.ctrlKey) return;
-      let node = event.target;
-      while (node && node !== container) {
-        if (isElementVerticallyScrollable(node)) return;
-        node = node.parentElement;
-      }
-      if (isElementVerticallyScrollable(container)) return;
-      event.preventDefault();
-      event.stopPropagation();
-      wheelDeltaRef.current += event.deltaY;
-      const threshold = 70;
-      if (Math.abs(wheelDeltaRef.current) < threshold) return;
-      const steps = Math.trunc(wheelDeltaRef.current / threshold);
-      wheelDeltaRef.current -= steps * threshold;
-      const direction = steps > 0 ? "next" : "prev";
-      for (let i = 0; i < Math.abs(steps); i++) navigateMonth(direction);
-    };
-    container.addEventListener("wheel", onWheel, { passive: false });
-    return () => container.removeEventListener("wheel", onWheel);
-  }, [isOpen, navigateMonth]);
   const renderCalendar = () => {
     const daysInMonth = getDaysInMonth(viewDate);
     const firstDayOfMonth = getFirstDayOfMonth(viewDate);
@@ -10536,10 +10518,10 @@ var DatePicker = ({
             },
             className: cn(
               sizeStyles8[size].dayCell,
-              "datepicker-day rounded-lg focus:outline-none relative cursor-pointer",
-              "transition-all duration-200 font-medium",
-              isDisabled && "opacity-30 cursor-not-allowed text-muted-foreground",
-              isSelected ? "bg-linear-to-br from-primary to-primary/80 text-primary-foreground font-bold shadow-lg shadow-primary/30 scale-110 z-10 hover:from-primary hover:to-primary/70" : !isDisabled && "hover:bg-accent/80 hover:text-accent-foreground hover:scale-105 focus:bg-accent focus:text-accent-foreground",
+              "datepicker-day rounded-lg relative cursor-pointer",
+              "transition-all duration-200 font-medium active:scale-95",
+              isDisabled && "opacity-30 cursor-not-allowed text-muted-foreground active:scale-100",
+              isSelected ? "bg-linear-to-br from-primary to-primary/80 text-primary-foreground font-bold shadow-lg shadow-primary/30 scale-110 z-10 hover:from-primary hover:to-primary/70 focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus:outline-none" : !isDisabled && "hover:bg-accent/80 hover:text-accent-foreground hover:scale-105 focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus:outline-none focus:bg-accent/90",
               isToday2 && !isSelected && "bg-primary/15 text-primary font-bold ring-2 ring-primary/30"
             ),
             children: [
@@ -10566,7 +10548,7 @@ var DatePicker = ({
             setViewMode("calendar");
           },
           className: cn(
-            "py-2 px-3 rounded-lg text-sm font-medium transition-all duration-200",
+            "py-2 px-3 rounded-lg text-sm font-medium transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 active:scale-95",
             isSelected ? "bg-primary text-primary-foreground shadow-md" : "hover:bg-accent/80 text-foreground hover:scale-105"
           ),
           children: month
@@ -10590,7 +10572,7 @@ var DatePicker = ({
             setViewMode("month");
           },
           className: cn(
-            "py-2 px-3 rounded-lg text-sm font-medium transition-all duration-200",
+            "py-2 px-3 rounded-lg text-sm font-medium transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 active:scale-95",
             isSelected ? "bg-primary text-primary-foreground shadow-md" : "hover:bg-accent/80 text-foreground hover:scale-105"
           ),
           children: year
@@ -19497,7 +19479,7 @@ var MultiCombobox = ({
       item.value
     );
   };
-  const dropdownBody = /* @__PURE__ */ jsxs37("div", { "data-combobox-dropdown": true, "data-state": open ? "open" : "closed", className: cn("w-full overflow-hidden", getBorderRadiusClass(resolvedBorderMode)), children: [
+  const dropdownBody = /* @__PURE__ */ jsxs37("div", { "data-combobox-dropdown": true, "data-state": open ? "open" : "closed", className: cn("w-full overflow-hidden", getPanelBorderRadiusClass(resolvedBorderMode)), children: [
     value.length > 0 && /* @__PURE__ */ jsxs37("div", { className: "px-3 py-2 border-b border-border/40 flex items-center justify-between bg-muted/30", children: [
       /* @__PURE__ */ jsx50("span", { className: "text-xs font-medium text-muted-foreground", children: maxSelected ? gi18n.selectedCountWithMax ? gi18n.selectedCountWithMax(value.length, maxSelected) : `${value.length} / ${maxSelected} max` : gi18n.itemSelectedCount ? gi18n.itemSelectedCount(value.length) : `${value.length} selected` }),
       showClear && /* @__PURE__ */ jsxs37(
@@ -23113,7 +23095,7 @@ function Carousel({
               {
                 onClick: () => scrollTo(idx),
                 className: cn(
-                  "rounded-full transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
+                  "rounded-full transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 active:scale-75 active:opacity-70",
                   "max-md:w-1.5 max-md:h-1.5",
                   isHorizontal ? "w-2 h-2" : "w-2 h-2",
                   idx === currentIndex ? `bg-primary ${isHorizontal ? "w-6 max-md:w-4" : "h-6 max-md:h-4"}` : "bg-muted-foreground/50 hover:bg-muted-foreground/75"
@@ -23139,7 +23121,7 @@ function Carousel({
               {
                 onClick: () => scrollTo(idx),
                 className: cn(
-                  "shrink-0 w-16 h-16 rounded-lg overflow-hidden border-2 transition-all focus:outline-none focus:ring-2 focus:ring-primary",
+                  "shrink-0 w-16 h-16 rounded-lg overflow-hidden border-2 transition-all focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus:outline-none active:scale-95",
                   "max-md:w-12 max-md:h-12",
                   idx === currentIndex ? "border-primary md:scale-110" : "border-transparent opacity-70 hover:opacity-100"
                 ),
@@ -25424,7 +25406,7 @@ var TableContainer = React59.forwardRef(({ className, useOverlayScrollbar = fals
       },
       className: cn(
         TABLE_CONTAINER_BASE_CLASS,
-        resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl",
+        resolvedBorderMode ? getPanelBorderRadiusClass(resolvedBorderMode) : "rounded-2xl md:rounded-3xl",
         className
       ),
       ...props
@@ -27824,7 +27806,7 @@ function useLocale2() {
 }
 
 // src/components/UEditor/UEditor.tsx
-import React90, { useEffect as useEffect42, useImperativeHandle as useImperativeHandle4, useMemo as useMemo27, useRef as useRef41 } from "react";
+import React91, { useEffect as useEffect42, useImperativeHandle as useImperativeHandle4, useMemo as useMemo27, useRef as useRef41 } from "react";
 import { useEditor, EditorContent } from "@tiptap/react";
 
 // src/components/UEditor/extensions.ts
@@ -32459,7 +32441,7 @@ function buildUEditorExtensions({
 }
 
 // src/components/UEditor/toolbar.tsx
-import React83, { useRef as useRef34, useState as useState50 } from "react";
+import React84, { useRef as useRef34, useState as useState50 } from "react";
 import { useEditorState } from "@tiptap/react";
 import {
   AlignCenter,
@@ -32470,35 +32452,23 @@ import {
   ArrowLeft,
   ArrowRight,
   ArrowUp,
-  Bold as BoldIcon,
   ChevronDown as ChevronDown8,
-  ChevronsUpDown,
   CircleCheckBig as CircleCheckBig2,
-  Code as CodeIcon,
   FileCode as FileCode3,
   Heading1 as Heading1Icon,
   Heading2 as Heading2Icon,
   Heading3 as Heading3Icon,
-  Image as ImageIcon2,
-  Italic as ItalicIcon,
   Link as LinkIcon,
   List as ListIcon,
   ListOrdered as ListOrderedIcon,
   ListTodo as ListTodo2,
   Quote as QuoteIcon,
-  Redo as RedoIcon,
   RotateCcw as RotateCcw2,
-  Smile as Smile3,
   SquareCheckBig,
-  Strikethrough as StrikethroughIcon,
-  Subscript as SubscriptIcon,
-  Superscript as SuperscriptIcon,
   Table as TableIcon,
   TableCellsMerge,
   Trash2 as Trash22,
   Type as Type2,
-  Underline as UnderlineIcon,
-  Undo as UndoIcon,
   Upload as Upload3,
   AlignStartVertical,
   AlignCenterVertical,
@@ -32508,13 +32478,158 @@ import { setCellAttr } from "@tiptap/pm/tables";
 
 // src/components/UEditor/colors.tsx
 import { useMemo as useMemo24, useRef as useRef32 } from "react";
-import { Check as Check12, Highlighter, Palette as Palette2, Paintbrush, Grid as Grid2 } from "lucide-react";
-import { jsx as jsx90, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Check as Check12, Palette as Palette2, Paintbrush, Grid as Grid2 } from "lucide-react";
+
+// src/components/UEditor/figma-toolbar-icons.tsx
+import React81 from "react";
+import { jsx as jsx90 } from "react/jsx-runtime";
+function createToolbarIcon(displayName, width, height, path) {
+  const Icon = React81.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx90(
+    "svg",
+    {
+      ref,
+      "aria-hidden": "true",
+      focusable: "false",
+      viewBox: `0 0 ${width} ${height}`,
+      className,
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx90("path", { d: path })
+    }
+  ));
+  Icon.displayName = displayName;
+  return Icon;
+}
+var FigmaChevronDownIcon = createToolbarIcon(
+  "FigmaChevronDownIcon",
+  512,
+  512,
+  "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
+);
+var FigmaTextStyleIcon = ({ className, ...props }) => /* @__PURE__ */ jsx90("svg", { "aria-hidden": "true", focusable: "false", viewBox: "0 0 24 24", className, fill: "currentColor", ...props, children: /* @__PURE__ */ jsx90("path", { d: "M4 4.25C4 3.56 4.56 3 5.25 3h13.5C19.44 3 20 3.56 20 4.25v2.5a1 1 0 1 1-2 0V5h-5v14h2a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2h2V5H6v1.75a1 1 0 1 1-2 0v-2.5Z" }) });
+var FigmaLineHeightIcon = createToolbarIcon(
+  "FigmaLineHeightIcon",
+  576,
+  512,
+  "M64 128l0-32 64 0 0 320-32 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l128 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0 0-320 64 0 0 32c0 17.7 14.3 32 32 32s32-14.3 32-32l0-48c0-26.5-21.5-48-48-48L160 32 48 32C21.5 32 0 53.5 0 80l0 48c0 17.7 14.3 32 32 32s32-14.3 32-32zM502.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-64 64c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8l32 0 0 192-32 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l64 64c12.5 12.5 32.8 12.5 45.3 0l64-64c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8l-32 0 0-192 32 0c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-64-64z"
+);
+var FigmaLetterSpacingIcon = createToolbarIcon(
+  "FigmaLetterSpacingIcon",
+  448,
+  512,
+  "M64 128l0-32 128 0 0 128-16 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-16 0 0-128 128 0 0 32c0 17.7 14.3 32 32 32s32-14.3 32-32l0-48c0-26.5-21.5-48-48-48L224 32 48 32C21.5 32 0 53.5 0 80l0 48c0 17.7 14.3 32 32 32s32-14.3 32-32zM9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-32 192 0 0 32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 32-192 0 0-32c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64z"
+);
+var FigmaBoldIcon = createToolbarIcon(
+  "FigmaBoldIcon",
+  384,
+  512,
+  "M0 64C0 46.3 14.3 32 32 32l48 0 16 0 128 0c70.7 0 128 57.3 128 128c0 31.3-11.3 60.1-30 82.3c37.1 22.4 62 63.1 62 109.7c0 70.7-57.3 128-128 128L96 480l-16 0-48 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l16 0 0-160L48 96 32 96C14.3 96 0 81.7 0 64zM224 224c35.3 0 64-28.7 64-64s-28.7-64-64-64L112 96l0 128 112 0zM112 288l0 128 144 0c35.3 0 64-28.7 64-64s-28.7-64-64-64l-32 0-112 0z"
+);
+var FigmaItalicIcon = createToolbarIcon(
+  "FigmaItalicIcon",
+  384,
+  512,
+  "M128 64c0-17.7 14.3-32 32-32l192 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-58.7 0L160 416l64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l58.7 0L224 96l-64 0c-17.7 0-32-14.3-32-32z"
+);
+var FigmaUnderlineIcon = createToolbarIcon(
+  "FigmaUnderlineIcon",
+  448,
+  512,
+  "M16 64c0-17.7 14.3-32 32-32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-16 0 0 128c0 53 43 96 96 96s96-43 96-96l0-128-16 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-16 0 0 128c0 88.4-71.6 160-160 160s-160-71.6-160-160L64 96 48 96C30.3 96 16 81.7 16 64zM0 448c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32z"
+);
+var FigmaStrikeIcon = createToolbarIcon(
+  "FigmaStrikeIcon",
+  512,
+  512,
+  "M161.3 144c3.2-17.2 14-30.1 33.7-38.6c21.1-9 51.8-12.3 88.6-6.5c11.9 1.9 48.8 9.1 60.1 12c17.1 4.5 34.6-5.6 39.2-22.7s-5.6-34.6-22.7-39.2c-14.3-3.8-53.6-11.4-66.6-13.4c-44.7-7-88.3-4.2-123.7 10.9c-36.5 15.6-64.4 44.8-71.8 87.3c-.1 .6-.2 1.1-.2 1.7c-2.8 23.9 .5 45.6 10.1 64.6c4.5 9 10.2 16.9 16.7 23.9L32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l448 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-209.9 0-.4-.1-1.1-.3c-36-10.8-65.2-19.6-85.2-33.1c-9.3-6.3-15-12.6-18.2-19.1c-3.1-6.1-5.2-14.6-3.8-27.4zM348.9 337.2c2.7 6.5 4.4 15.8 1.9 30.1c-3 17.6-13.8 30.8-33.9 39.4c-21.1 9-51.7 12.3-88.5 6.5c-18-2.9-49.1-13.5-74.4-22.1c-5.6-1.9-11-3.7-15.9-5.4c-16.8-5.6-34.9 3.5-40.5 20.3s3.5 34.9 20.3 40.5c3.6 1.2 7.9 2.7 12.7 4.3c24.9 8.5 63.6 21.7 87.6 25.6l.2 0c44.7 7 88.3 4.2 123.7-10.9c36.5-15.6 64.4-44.8 71.8-87.3c3.6-21 2.7-40.4-3.1-58.1l-75.7 0c7 5.6 11.4 11.2 13.9 17.2z"
+);
+var FigmaCodeIcon = createToolbarIcon(
+  "FigmaCodeIcon",
+  640,
+  512,
+  "M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"
+);
+var FigmaSubscriptIcon = createToolbarIcon(
+  "FigmaSubscriptIcon",
+  512,
+  512,
+  "M32 64C14.3 64 0 78.3 0 96s14.3 32 32 32l15.3 0 89.6 128L47.3 384 32 384c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0c10.4 0 20.2-5.1 26.2-13.6L176 311.8l85.8 122.6c6 8.6 15.8 13.6 26.2 13.6l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-15.3 0L215.1 256l89.6-128 15.3 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0c-10.4 0-20.2 5.1-26.2 13.6L176 200.2 90.2 77.6C84.2 69.1 74.4 64 64 64L32 64zM480 320c0-11.1-5.7-21.4-15.2-27.2s-21.2-6.4-31.1-1.4l-32 16c-15.8 7.9-22.2 27.1-14.3 42.9C393 361.5 404.3 368 416 368l0 80c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-128z"
+);
+var FigmaSuperscriptIcon = createToolbarIcon(
+  "FigmaSuperscriptIcon",
+  512,
+  512,
+  "M480 32c0-11.1-5.7-21.4-15.2-27.2s-21.2-6.4-31.1-1.4l-32 16c-15.8 7.9-22.2 27.1-14.3 42.9C393 73.5 404.3 80 416 80l0 80c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-128zM32 64C14.3 64 0 78.3 0 96s14.3 32 32 32l15.3 0 89.6 128L47.3 384 32 384c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0c10.4 0 20.2-5.1 26.2-13.6L176 311.8l85.8 122.6c6 8.6 15.8 13.6 26.2 13.6l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-15.3 0L215.1 256l89.6-128 15.3 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0c-10.4 0-20.2 5.1-26.2 13.6L176 200.2 90.2 77.6C84.2 69.1 74.4 64 64 64L32 64z"
+);
+var FigmaLinkIcon = createToolbarIcon(
+  "FigmaLinkIcon",
+  640,
+  512,
+  "M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"
+);
+var FigmaSmileIcon = createToolbarIcon(
+  "FigmaSmileIcon",
+  512,
+  512,
+  "M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm177.6 62.1C192.8 334.5 218.8 352 256 352s63.2-17.5 78.4-33.9c9-9.7 24.2-10.4 33.9-1.4s10.4 24.2 1.4 33.9c-22 23.8-60 49.4-113.6 49.4s-91.7-25.5-113.6-49.4c-9-9.7-8.4-24.9 1.4-33.9s24.9-8.4 33.9 1.4zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"
+);
+var FigmaAlignLeftIcon = createToolbarIcon(
+  "FigmaAlignLeftIcon",
+  448,
+  512,
+  "M288 64c0 17.7-14.3 32-32 32L32 96C14.3 96 0 81.7 0 64S14.3 32 32 32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32L32 352c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"
+);
+var FigmaListIcon = createToolbarIcon(
+  "FigmaListIcon",
+  512,
+  512,
+  "M64 144a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM192 64c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L192 64zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-288 0zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-288 0zM64 464a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm48-208a48 48 0 1 0-96 0 48 48 0 1 0 96 0z"
+);
+var FigmaQuoteIcon = createToolbarIcon(
+  "FigmaQuoteIcon",
+  448,
+  512,
+  "M0 216C0 149.7 53.7 96 120 96l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64l0-136zm256 0c0-66.3 53.7-120 120-120l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64l0-136z"
+);
+var FigmaImageIcon = createToolbarIcon(
+  "FigmaImageIcon",
+  512,
+  512,
+  "M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l336 0c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"
+);
+var FigmaTableIcon = createToolbarIcon(
+  "FigmaTableIcon",
+  512,
+  512,
+  "M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"
+);
+var FigmaUndoIcon = createToolbarIcon(
+  "FigmaUndoIcon",
+  512,
+  512,
+  "M48.5 224L40 224c-13.3 0-24-10.7-24-24L16 72c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l41.6 41.6c87.6-86.5 228.7-86.2 315.8 1c87.5 87.5 87.5 229.3 0 316.8s-229.3 87.5-316.8 0c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0c62.5 62.5 163.8 62.5 226.3 0s62.5-163.8 0-226.3c-62.2-62.2-162.7-62.5-225.3-1L185 183c6.9 6.9 8.9 17.2 5.2 26.2S177.7 224 168 224L48.5 224z"
+);
+var FigmaRedoIcon = createToolbarIcon(
+  "FigmaRedoIcon",
+  512,
+  512,
+  "M463.5 224l8.5 0c13.3 0 24-10.7 24-24l0-128c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2l-41.6 41.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2S334.3 224 344 224l119.5 0z"
+);
+var FigmaHighlighterIcon = createToolbarIcon(
+  "FigmaHighlighterIcon",
+  576,
+  512,
+  "M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z"
+);
+
+// src/components/UEditor/colors.tsx
+import { jsx as jsx91, jsxs as jsxs73 } from "react/jsx-runtime";
 var TextColorIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
   return /* @__PURE__ */ jsxs73("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ jsx90("span", { className: "text-[15px] font-semibold leading-none", children: "A" }),
-    /* @__PURE__ */ jsx90(
+    /* @__PURE__ */ jsx91("span", { className: "text-[15px] font-semibold leading-none", children: "A" }),
+    /* @__PURE__ */ jsx91(
       "span",
       {
         "aria-hidden": "true",
@@ -32527,8 +32642,8 @@ var TextColorIcon = ({ color }) => {
 var HighlightColorIcon = ({ color }) => {
   const underlineColor = color || "currentColor";
   return /* @__PURE__ */ jsxs73("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ jsx90(Highlighter, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx90(
+    /* @__PURE__ */ jsx91(FigmaHighlighterIcon, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx91(
       "span",
       {
         "aria-hidden": "true",
@@ -32541,8 +32656,8 @@ var HighlightColorIcon = ({ color }) => {
 var CellBgColorIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
   return /* @__PURE__ */ jsxs73("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ jsx90(Paintbrush, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx90(
+    /* @__PURE__ */ jsx91(Paintbrush, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx91(
       "span",
       {
         "aria-hidden": "true",
@@ -32555,8 +32670,8 @@ var CellBgColorIcon = ({ color }) => {
 var CellBorderIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
   return /* @__PURE__ */ jsxs73("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ jsx90(Grid2, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx90(
+    /* @__PURE__ */ jsx91(Grid2, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx91(
       "span",
       {
         "aria-hidden": "true",
@@ -32684,7 +32799,7 @@ var EditorColorPalette = ({
   const automaticColor = colors[0]?.color ?? "";
   const paletteColors = colors.slice(1);
   return /* @__PURE__ */ jsxs73("div", { className: "w-56 p-2", children: [
-    /* @__PURE__ */ jsx90("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx91("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
     /* @__PURE__ */ jsxs73(
       "button",
       {
@@ -32697,12 +32812,12 @@ var EditorColorPalette = ({
           currentColor === automaticColor ? "border-primary text-primary" : "border-transparent text-foreground"
         ),
         children: [
-          /* @__PURE__ */ jsx90("span", { className: "flex h-5 w-5 items-center justify-center rounded border border-border bg-background", children: currentColor === automaticColor && /* @__PURE__ */ jsx90(Check12, { className: "h-3.5 w-3.5" }) }),
-          /* @__PURE__ */ jsx90("span", { className: "flex-1 text-center", children: t("colors.automatic") })
+          /* @__PURE__ */ jsx91("span", { className: "flex h-5 w-5 items-center justify-center rounded border border-border bg-background", children: currentColor === automaticColor && /* @__PURE__ */ jsx91(Check12, { className: "h-3.5 w-3.5" }) }),
+          /* @__PURE__ */ jsx91("span", { className: "flex-1 text-center", children: t("colors.automatic") })
         ]
       }
     ),
-    /* @__PURE__ */ jsx90("div", { className: "mt-2 grid grid-cols-8 gap-1", children: paletteColors.map((c) => /* @__PURE__ */ jsx90(Tooltip, { placement: "top", content: /* @__PURE__ */ jsx90("span", { className: "text-xs font-medium", children: c.name }), children: /* @__PURE__ */ jsx90(
+    /* @__PURE__ */ jsx91("div", { className: "mt-2 grid grid-cols-8 gap-1", children: paletteColors.map((c) => /* @__PURE__ */ jsx91(Tooltip, { placement: "top", content: /* @__PURE__ */ jsx91("span", { className: "text-xs font-medium", children: c.name }), children: /* @__PURE__ */ jsx91(
       "button",
       {
         type: "button",
@@ -32714,7 +32829,7 @@ var EditorColorPalette = ({
           currentColor === c.color ? "border-primary ring-2 ring-primary/25" : "border-border/70"
         ),
         style: { backgroundColor: c.color || "transparent" },
-        children: currentColor === c.color && /* @__PURE__ */ jsx90("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx90(Check12, { className: cn("h-3.5 w-3.5", getSwatchCheckClass(c.color)) }) })
+        children: currentColor === c.color && /* @__PURE__ */ jsx91("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx91(Check12, { className: cn("h-3.5 w-3.5", getSwatchCheckClass(c.color)) }) })
       }
     ) }, `${c.name}-${c.color}`)) }),
     /* @__PURE__ */ jsxs73(
@@ -32725,7 +32840,7 @@ var EditorColorPalette = ({
         onClick: () => colorInputRef.current?.click(),
         className: "mt-3 flex h-9 w-full items-center gap-3 rounded-md px-2 text-sm text-foreground transition-colors hover:bg-muted",
         children: [
-          /* @__PURE__ */ jsx90(
+          /* @__PURE__ */ jsx91(
             "span",
             {
               "aria-hidden": "true",
@@ -32735,9 +32850,9 @@ var EditorColorPalette = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx90("span", { className: "flex-1 text-center", children: t("colors.moreColors") }),
-          /* @__PURE__ */ jsx90(Palette2, { className: "h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx90(
+          /* @__PURE__ */ jsx91("span", { className: "flex-1 text-center", children: t("colors.moreColors") }),
+          /* @__PURE__ */ jsx91(Palette2, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx91(
             "input",
             {
               ref: colorInputRef,
@@ -32884,7 +32999,7 @@ function deleteSelectedImage(editor) {
 // src/components/UEditor/inputs.tsx
 import { useEffect as useEffect37, useId as useId16, useRef as useRef33, useState as useState49 } from "react";
 import { Check as Check13, X as X19 } from "lucide-react";
-import { jsx as jsx91, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs74 } from "react/jsx-runtime";
 function normalizeUrl(raw) {
   return sanitizeUEditorUrl(raw, "link");
 }
@@ -32914,7 +33029,7 @@ var LinkInput = ({
   };
   return /* @__PURE__ */ jsxs74("form", { onSubmit: handleSubmit, className: "p-2", children: [
     /* @__PURE__ */ jsxs74("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx91(
+      /* @__PURE__ */ jsx92(
         "input",
         {
           ref: inputRef,
@@ -32930,10 +33045,10 @@ var LinkInput = ({
           className: "flex-1 px-3 py-2 text-sm bg-muted/50 border-0 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 aria-invalid:ring-2 aria-invalid:ring-destructive/40"
         }
       ),
-      /* @__PURE__ */ jsx91("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx91(Check13, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx91("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx91(X19, { className: "w-4 h-4" }) })
+      /* @__PURE__ */ jsx92("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx92(Check13, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx92("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx92(X19, { className: "w-4 h-4" }) })
     ] }),
-    error ? /* @__PURE__ */ jsx91("p", { id: errorId, role: "alert", className: "mt-1.5 px-1 text-xs text-destructive", children: error }) : null
+    error ? /* @__PURE__ */ jsx92("p", { id: errorId, role: "alert", className: "mt-1.5 px-1 text-xs text-destructive", children: error }) : null
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
@@ -32953,8 +33068,8 @@ var ImageInput = ({ onSubmit, onCancel }) => {
   };
   return /* @__PURE__ */ jsxs74("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
     /* @__PURE__ */ jsxs74("div", { children: [
-      /* @__PURE__ */ jsx91("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
-      /* @__PURE__ */ jsx91(
+      /* @__PURE__ */ jsx92("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
+      /* @__PURE__ */ jsx92(
         "input",
         {
           ref: inputRef,
@@ -32967,8 +33082,8 @@ var ImageInput = ({ onSubmit, onCancel }) => {
       )
     ] }),
     /* @__PURE__ */ jsxs74("div", { children: [
-      /* @__PURE__ */ jsx91("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
-      /* @__PURE__ */ jsx91(
+      /* @__PURE__ */ jsx92("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
+      /* @__PURE__ */ jsx92(
         "input",
         {
           type: "text",
@@ -32980,7 +33095,7 @@ var ImageInput = ({ onSubmit, onCancel }) => {
       )
     ] }),
     /* @__PURE__ */ jsxs74("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx91(
+      /* @__PURE__ */ jsx92(
         "button",
         {
           type: "submit",
@@ -32989,7 +33104,7 @@ var ImageInput = ({ onSubmit, onCancel }) => {
           children: t("imageInput.addBtn")
         }
       ),
-      /* @__PURE__ */ jsx91("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
+      /* @__PURE__ */ jsx92("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
     ] })
   ] });
 };
@@ -33305,6 +33420,7 @@ function normalizeStyleValue(value) {
 }
 function getDefaultFontFamilies(t) {
   return [
+    { label: "Inter", value: '"Inter", "Noto Sans", "Noto Sans CJK KR", "Noto Sans CJK JP", "Segoe UI", sans-serif' },
     { label: "\uAD74\uB9BC", value: '"Gulim", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif' },
     { label: "\uAD74\uB9BC\uCCB4", value: '"GulimChe", "Gulim", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif' },
     { label: "\uAD81\uC11C", value: '"Gungsuh", "Nanum Myeongjo", serif' },
@@ -33315,7 +33431,6 @@ function getDefaultFontFamilies(t) {
     { label: "\uBC14\uD0D5\uCCB4", value: '"BatangChe", "Batang", "Nanum Myeongjo", serif' },
     { label: "\uB9D1\uC740\uACE0\uB515", value: '"Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif' },
     { label: "\uB098\uB214\uBA85\uC870", value: '"Nanum Myeongjo", "Batang", serif' },
-    { label: "Inter", value: '"Inter", "Noto Sans", "Noto Sans CJK KR", "Noto Sans CJK JP", "Segoe UI", sans-serif' },
     { label: "System UI", value: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif' },
     { label: "Roboto", value: '"Roboto", "Noto Sans", "Apple SD Gothic Neo", "Hiragino Kaku Gothic ProN", sans-serif' },
     { label: "Lexend", value: '"Lexend", "Be Vietnam Pro", "Segoe UI", sans-serif' },
@@ -33377,7 +33492,7 @@ function getDefaultLetterSpacings() {
 }
 
 // src/components/UEditor/toolbar.tsx
-import { Fragment as Fragment30, jsx as jsx92, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx93, jsxs as jsxs75 } from "react/jsx-runtime";
 function getTableAnchorPos(editor) {
   const tableInfo = findTableNodeInfoFromState(editor.state);
   if (tableInfo) return editor.state.selection.from;
@@ -33407,8 +33522,8 @@ function fileToDataUrl2(file) {
 function formatTableInsertLabel(template, rows, cols) {
   return template.replace("{rows}", String(rows)).replace("{cols}", String(cols));
 }
-var ToolbarButton = React83.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
-  const button = /* @__PURE__ */ jsx92(
+var ToolbarButton = React84.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+  const button = /* @__PURE__ */ jsx93(
     "button",
     {
       ref,
@@ -33421,40 +33536,40 @@ var ToolbarButton = React83.forwardRef(({ onClick, onMouseDown, active, disabled
       onClick,
       disabled,
       className: cn(
-        "flex items-center justify-center w-7 h-7 rounded-md transition-colors duration-150 cursor-pointer",
+        "flex h-8 w-8 shrink-0 items-center justify-center rounded-md transition-colors duration-150 cursor-pointer",
         "gap-0.5 [&_svg+svg]:-ml-1",
         "hover:bg-accent",
         "focus:outline-none focus:ring-2 focus:ring-primary/20",
         "disabled:opacity-40 disabled:cursor-not-allowed",
-        active ? "bg-primary/10 text-primary shadow-sm" : "text-muted-foreground hover:text-foreground",
+        active ? "bg-primary/10 text-primary shadow-sm" : "text-[#7B8184] hover:text-foreground dark:text-muted-foreground",
         className
       ),
       children
     }
   );
   if (title) {
-    return /* @__PURE__ */ jsx92(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
+    return /* @__PURE__ */ jsx93(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
   }
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ jsx92("div", { className: "mx-0.5 h-5 w-px bg-border/60" });
+var ToolbarDivider = () => /* @__PURE__ */ jsx93("div", { "aria-hidden": "true", className: "mx-2 h-9 w-px shrink-0 bg-[rgba(123,129,132,0.24)]" });
 var TableInsertGrid = ({
   insertLabel,
   previewTemplate,
   onInsert
 }) => {
-  const [selection, setSelection] = React83.useState({ rows: 3, cols: 3 });
+  const [selection, setSelection] = React84.useState({ rows: 3, cols: 3 });
   const maxRows = 8;
   const maxCols = 8;
   return /* @__PURE__ */ jsxs75("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
-    /* @__PURE__ */ jsx92("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
-    /* @__PURE__ */ jsx92("div", { className: "grid grid-cols-8 gap-1", onMouseLeave: () => setSelection((prev) => prev), children: Array.from({ length: maxRows }).map(
+    /* @__PURE__ */ jsx93("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
+    /* @__PURE__ */ jsx93("div", { className: "grid grid-cols-8 gap-1", onMouseLeave: () => setSelection((prev) => prev), children: Array.from({ length: maxRows }).map(
       (_, rowIndex) => Array.from({ length: maxCols }).map((__, colIndex) => {
         const rows = rowIndex + 1;
         const cols = colIndex + 1;
         const active = rows <= selection.rows && cols <= selection.cols;
-        return /* @__PURE__ */ jsx92(
+        return /* @__PURE__ */ jsx93(
           "button",
           {
             type: "button",
@@ -33472,7 +33587,7 @@ var TableInsertGrid = ({
         );
       })
     ) }),
-    /* @__PURE__ */ jsx92("div", { className: "mt-2 text-xs text-muted-foreground", children: insertLabel })
+    /* @__PURE__ */ jsx93("div", { className: "mt-2 text-xs text-muted-foreground", children: insertLabel })
   ] });
 };
 function applyTableCellAttribute(editor, name, value) {
@@ -33531,10 +33646,10 @@ var EditorToolbar = ({
   const currentHighlightColor = normalizeStyleValue(editor.getAttributes("highlight").color) || "";
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
   const currentLetterSpacing = normalizeStyleValue(textStyleAttrs.letterSpacing);
-  const availableFontFamilies = React83.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
-  const availableFontSizes = React83.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
-  const availableLineHeights = React83.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
-  const availableLetterSpacings = React83.useMemo(() => letterSpacings ?? getDefaultLetterSpacings(), [letterSpacings]);
+  const availableFontFamilies = React84.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
+  const availableFontSizes = React84.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
+  const availableLineHeights = React84.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
+  const availableLetterSpacings = React84.useMemo(() => letterSpacings ?? getDefaultLetterSpacings(), [letterSpacings]);
   const currentFontFamilyDisplayValue = currentFontFamily.split(",")[0]?.trim() ?? currentFontFamily;
   const currentFontFamilyLabel = availableFontFamilies.find((option) => normalizeStyleValue(option.value) === currentFontFamily)?.label ?? (currentFontFamilyDisplayValue || t("toolbar.fontDefault"));
   const currentFontSizeLabel = availableFontSizes.find((option) => normalizeStyleValue(option.value) === currentFontSize)?.label ?? "13";
@@ -33572,18 +33687,18 @@ var EditorToolbar = ({
   };
   if (variant === "minimal") {
     return /* @__PURE__ */ jsxs75("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/35 bg-muted/30 p-1.5", children: [
-      /* @__PURE__ */ jsx92(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx92(UndoIcon, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx92(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx92(RedoIcon, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx92(ToolbarDivider, {}),
-      /* @__PURE__ */ jsx92(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx92(BoldIcon, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx92(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx92(ItalicIcon, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx92(
+      /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx93(FigmaUndoIcon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx93(FigmaRedoIcon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx93(ToolbarDivider, {}),
+      /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx93(FigmaBoldIcon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx93(FigmaItalicIcon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx93(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBulletList().run(),
           active: editor.isActive("bulletList"),
           title: t("toolbar.bulletList"),
-          children: /* @__PURE__ */ jsx92(ListIcon, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx93(FigmaListIcon, { className: "h-4 w-4" })
         }
       ),
       /* @__PURE__ */ jsxs75(
@@ -33591,11 +33706,11 @@ var EditorToolbar = ({
         {
           trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
           }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
-            /* @__PURE__ */ jsx92(SquareCheckBig, { className: "w-4 h-4" }),
-            /* @__PURE__ */ jsx92(ChevronDown8, { className: "w-3 h-3" })
+            /* @__PURE__ */ jsx93(SquareCheckBig, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx93(ChevronDown8, { className: "w-3 h-3" })
           ] }),
           children: [
-            /* @__PURE__ */ jsx92(
+            /* @__PURE__ */ jsx93(
               DropdownMenuItem,
               {
                 icon: SquareCheckBig,
@@ -33603,7 +33718,7 @@ var EditorToolbar = ({
                 onClick: () => editor.chain().focus().setFormCheckbox().run()
               }
             ),
-            /* @__PURE__ */ jsx92(
+            /* @__PURE__ */ jsx93(
               DropdownMenuItem,
               {
                 icon: CircleCheckBig2,
@@ -33614,12 +33729,12 @@ var EditorToolbar = ({
           ]
         }
       ),
-      /* @__PURE__ */ jsx92(
+      /* @__PURE__ */ jsx93(
         DropdownMenu,
         {
           contentClassName: "min-w-72",
-          trigger: /* @__PURE__ */ jsx92(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx92(LinkIcon, { className: "w-4 h-4" }) }),
-          children: showLinkInput ? /* @__PURE__ */ jsx92(
+          trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx93(FigmaLinkIcon, { className: "h-4 w-4" }) }),
+          children: showLinkInput ? /* @__PURE__ */ jsx93(
             LinkInput,
             {
               initialUrl: String(editor.getAttributes("link").href ?? ""),
@@ -33630,7 +33745,7 @@ var EditorToolbar = ({
               onCancel: () => setShowLinkInput(false)
             }
           ) : /* @__PURE__ */ jsxs75(Fragment30, { children: [
-            /* @__PURE__ */ jsx92(
+            /* @__PURE__ */ jsx93(
               DropdownMenuItem,
               {
                 icon: LinkIcon,
@@ -33640,7 +33755,7 @@ var EditorToolbar = ({
                 closeOnSelect: false
               }
             ),
-            /* @__PURE__ */ jsx92(
+            /* @__PURE__ */ jsx93(
               DropdownMenuItem,
               {
                 icon: Trash22,
@@ -33656,856 +33771,870 @@ var EditorToolbar = ({
     ] });
   }
   const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? AlignCenterVertical : currentCellVerticalAlign === "bottom" ? AlignEndVertical : AlignStartVertical;
-  return /* @__PURE__ */ jsxs75("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/35 bg-linear-to-r from-muted/25 to-transparent p-1.5", children: [
-    isFull && /* @__PURE__ */ jsx92(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.fontFamily"), className: "min-w-0 max-w-40 px-1.5 w-auto gap-1", children: [
-          /* @__PURE__ */ jsx92("span", { className: "max-w-28 truncate text-xs font-medium", style: { fontFamily: displayedFontFamilyValue || void 0 }, children: displayedFontFamilyLabel }),
-          /* @__PURE__ */ jsx92(ChevronDown8, { className: "h-3 w-3 text-muted-foreground" })
-        ] }),
-        contentClassName: "max-h-80 overflow-y-auto min-w-56 p-2",
-        children: availableFontFamilies.map((option) => /* @__PURE__ */ jsx92(
-          DropdownMenuItem,
-          {
-            label: option.label,
-            onClick: () => editor.chain().focus().setFontFamily(option.value).run(),
-            active: normalizeStyleValue(option.value) === (currentFontFamily || normalizeStyleValue(defaultFontFamilyValue)),
-            className: "font-medium"
-          },
-          option.value
-        ))
-      }
-    ),
-    (isMediumFull || isFull) && /* @__PURE__ */ jsx92(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.fontSize"), className: "px-1.5 w-auto gap-1", children: [
-          /* @__PURE__ */ jsxs75("div", { className: "flex items-center gap-0.5", children: [
-            /* @__PURE__ */ jsx92(ChevronsUpDown, { className: "h-3 w-3 text-muted-foreground", strokeWidth: 2.5 }),
-            /* @__PURE__ */ jsx92("span", { className: "min-w-4 text-center text-xs font-semibold leading-none", children: displayedFontSizeLabel })
-          ] }),
-          /* @__PURE__ */ jsx92(ChevronDown8, { className: "h-3 w-3 text-muted-foreground" })
-        ] }),
-        contentClassName: "max-h-80 overflow-y-auto min-w-32 p-2",
-        children: availableFontSizes.map((option) => /* @__PURE__ */ jsx92(
-          DropdownMenuItem,
+  return /* @__PURE__ */ jsxs75(
+    "div",
+    {
+      role: "toolbar",
+      className: "flex min-h-[60px] flex-nowrap items-center gap-1 overflow-x-auto border-b border-[rgba(196,197,213,0.6)] bg-[#F4F4F4] px-3 py-3 dark:bg-muted/60",
+      children: [
+        isFull && /* @__PURE__ */ jsx93(
+          DropdownMenu,
           {
-            label: option.label,
-            onClick: () => editor.chain().focus().setFontSize(option.value).run(),
-            active: normalizeStyleValue(option.value) === activeFontSize
-          },
-          option.value
-        ))
-      }
-    ),
-    /* @__PURE__ */ jsxs75(
-      DropdownMenu,
-      {
-        contentClassName: "p-1",
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: [
-          /* @__PURE__ */ jsx92(Type2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx92(ChevronDown8, { className: "h-3 w-3 text-muted-foreground" })
-        ] }),
-        children: [
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: Type2,
-              label: t("toolbar.normal"),
-              onClick: () => editor.chain().focus().setParagraph().run(),
-              active: editor.isActive("paragraph")
-            }
-          ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: Heading1Icon,
-              label: t("toolbar.heading1"),
-              onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
-              active: editor.isActive("heading", { level: 1 }),
-              shortcut: "Ctrl+Alt+1"
-            }
-          ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: Heading2Icon,
-              label: t("toolbar.heading2"),
-              onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
-              active: editor.isActive("heading", { level: 2 }),
-              shortcut: "Ctrl+Alt+2"
-            }
-          ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: Heading3Icon,
-              label: t("toolbar.heading3"),
-              onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
-              active: editor.isActive("heading", { level: 3 }),
-              shortcut: "Ctrl+Alt+3"
-            }
-          )
-        ]
-      }
-    ),
-    isFull && /* @__PURE__ */ jsxs75(Fragment30, { children: [
-      /* @__PURE__ */ jsxs75(
-        DropdownMenu,
-        {
-          trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-          }, title: t("toolbar.lineHeight"), className: "gap-0.5", children: [
-            /* @__PURE__ */ jsx92(ArrowUp, { className: "w-3 h-3" }),
-            /* @__PURE__ */ jsx92(ArrowDown, { className: "w-3 h-3" })
-          ] }),
-          contentClassName: "max-h-72 overflow-y-auto p-1",
-          children: [
-            /* @__PURE__ */ jsx92(
-              DropdownMenuItem,
+            trigger: /* @__PURE__ */ jsxs75(
+              ToolbarButton,
               {
-                icon: Type2,
-                label: t("toolbar.lineHeightDefault"),
-                onClick: () => editor.chain().focus().unsetLineHeight().run(),
-                active: !currentLineHeight
+                onClick: () => {
+                },
+                title: t("toolbar.fontFamily"),
+                className: "h-9 w-[200px] max-w-[200px] justify-between gap-3 rounded-lg border border-[rgba(196,197,213,0.6)] bg-white px-3 text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] hover:bg-white hover:text-[#404040] dark:bg-background dark:text-foreground",
+                children: [
+                  /* @__PURE__ */ jsx93("span", { className: "min-w-0 flex-1 truncate text-left text-sm font-normal", style: { fontFamily: displayedFontFamilyValue || void 0 }, children: displayedFontFamilyLabel }),
+                  /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-3 w-3 shrink-0 text-[#7B8184]" })
+                ]
               }
             ),
-            availableLineHeights.map((option) => /* @__PURE__ */ jsx92(
+            contentClassName: "max-h-80 overflow-y-auto min-w-56 p-2",
+            children: availableFontFamilies.map((option) => /* @__PURE__ */ jsx93(
               DropdownMenuItem,
               {
                 label: option.label,
-                onClick: () => editor.chain().focus().setLineHeight(option.value).run(),
-                active: normalizeStyleValue(option.value) === currentLineHeight
+                onClick: () => editor.chain().focus().setFontFamily(option.value).run(),
+                active: normalizeStyleValue(option.value) === (currentFontFamily || normalizeStyleValue(defaultFontFamilyValue)),
+                className: "font-medium"
               },
               option.value
             ))
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs75(
-        DropdownMenu,
-        {
-          trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-          }, title: t("toolbar.letterSpacing"), className: "gap-0.5", children: [
-            /* @__PURE__ */ jsx92(ArrowLeft, { className: "w-3 h-3" }),
-            /* @__PURE__ */ jsx92(ArrowRight, { className: "w-3 h-3" })
-          ] }),
-          contentClassName: "max-h-72 overflow-y-auto p-1",
-          children: [
-            /* @__PURE__ */ jsx92(
-              DropdownMenuItem,
+          }
+        ),
+        (isMediumFull || isFull) && /* @__PURE__ */ jsx93(
+          DropdownMenu,
+          {
+            trigger: /* @__PURE__ */ jsxs75(
+              ToolbarButton,
               {
-                icon: Type2,
-                label: t("toolbar.letterSpacingDefault"),
-                onClick: () => editor.chain().focus().unsetLetterSpacing().run(),
-                active: !currentLetterSpacing
+                onClick: () => {
+                },
+                title: t("toolbar.fontSize"),
+                className: "h-9 w-20 justify-between gap-3 rounded-lg border border-[rgba(196,197,213,0.6)] bg-white px-3 text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] hover:bg-white hover:text-[#404040] dark:bg-background dark:text-foreground",
+                children: [
+                  /* @__PURE__ */ jsx93("span", { className: "text-sm font-normal leading-none", children: displayedFontSizeLabel }),
+                  /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-3 w-3 shrink-0 text-[#7B8184]" })
+                ]
               }
             ),
-            availableLetterSpacings.map((option) => /* @__PURE__ */ jsx92(
+            contentClassName: "max-h-80 overflow-y-auto min-w-32 p-2",
+            children: availableFontSizes.map((option) => /* @__PURE__ */ jsx93(
               DropdownMenuItem,
               {
                 label: option.label,
-                onClick: () => editor.chain().focus().setLetterSpacing(option.value).run(),
-                active: normalizeStyleValue(option.value) === currentLetterSpacing
+                onClick: () => editor.chain().focus().setFontSize(option.value).run(),
+                active: normalizeStyleValue(option.value) === activeFontSize
               },
               option.value
             ))
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx92(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx92(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx92(BoldIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx92(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx92(ItalicIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx92(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().toggleUnderline().run(),
-        active: editor.isActive("underline"),
-        title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx92(UnderlineIcon, { className: "w-4 h-4" })
-      }
-    ),
-    /* @__PURE__ */ jsx92(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx92(StrikethroughIcon, { className: "w-4 h-4" }) }),
-    (isMediumFull || isFull) && /* @__PURE__ */ jsx92(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx92(CodeIcon, { className: "w-4 h-4" }) }),
-    isFull && /* @__PURE__ */ jsxs75(Fragment30, { children: [
-      /* @__PURE__ */ jsx92(
-        ToolbarButton,
-        {
-          onClick: () => editor.chain().focus().toggleSubscript().run(),
-          active: editor.isActive("subscript"),
-          title: t("toolbar.subscript"),
-          children: /* @__PURE__ */ jsx92(SubscriptIcon, { className: "w-4 h-4" })
-        }
-      ),
-      /* @__PURE__ */ jsx92(
-        ToolbarButton,
-        {
-          onClick: () => editor.chain().focus().toggleSuperscript().run(),
-          active: editor.isActive("superscript"),
-          title: t("toolbar.superscript"),
-          children: /* @__PURE__ */ jsx92(SuperscriptIcon, { className: "w-4 h-4" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx92(
-      DropdownMenu,
-      {
-        contentClassName: "min-w-72",
-        trigger: /* @__PURE__ */ jsx92(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx92(LinkIcon, { className: "w-4 h-4" }) }),
-        children: showLinkInput ? /* @__PURE__ */ jsx92(
-          LinkInput,
+          }
+        ),
+        /* @__PURE__ */ jsxs75(
+          DropdownMenu,
           {
-            initialUrl: String(editor.getAttributes("link").href ?? ""),
-            onSubmit: (url) => {
-              applyEditorLink(editor, url);
-              setShowLinkInput(false);
-            },
-            onCancel: () => setShowLinkInput(false)
+            contentClassName: "p-1",
+            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: [
+              /* @__PURE__ */ jsx93(FigmaTextStyleIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+            ] }),
+            children: [
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: Type2,
+                  label: t("toolbar.normal"),
+                  onClick: () => editor.chain().focus().setParagraph().run(),
+                  active: editor.isActive("paragraph")
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: Heading1Icon,
+                  label: t("toolbar.heading1"),
+                  onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+                  active: editor.isActive("heading", { level: 1 }),
+                  shortcut: "Ctrl+Alt+1"
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: Heading2Icon,
+                  label: t("toolbar.heading2"),
+                  onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+                  active: editor.isActive("heading", { level: 2 }),
+                  shortcut: "Ctrl+Alt+2"
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: Heading3Icon,
+                  label: t("toolbar.heading3"),
+                  onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+                  active: editor.isActive("heading", { level: 3 }),
+                  shortcut: "Ctrl+Alt+3"
+                }
+              )
+            ]
           }
-        ) : /* @__PURE__ */ jsxs75(Fragment30, { children: [
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
+        ),
+        isFull && /* @__PURE__ */ jsxs75(Fragment30, { children: [
+          /* @__PURE__ */ jsxs75(
+            DropdownMenu,
             {
-              icon: LinkIcon,
-              label: t("toolbar.link"),
-              onClick: () => setShowLinkInput(true),
-              active: editor.isActive("link"),
-              closeOnSelect: false
+              trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => {
+              }, title: t("toolbar.lineHeight"), className: "gap-0.5", children: /* @__PURE__ */ jsx93(FigmaLineHeightIcon, { className: "h-4 w-4" }) }),
+              contentClassName: "max-h-72 overflow-y-auto p-1",
+              children: [
+                /* @__PURE__ */ jsx93(
+                  DropdownMenuItem,
+                  {
+                    icon: Type2,
+                    label: t("toolbar.lineHeightDefault"),
+                    onClick: () => editor.chain().focus().unsetLineHeight().run(),
+                    active: !currentLineHeight
+                  }
+                ),
+                availableLineHeights.map((option) => /* @__PURE__ */ jsx93(
+                  DropdownMenuItem,
+                  {
+                    label: option.label,
+                    onClick: () => editor.chain().focus().setLineHeight(option.value).run(),
+                    active: normalizeStyleValue(option.value) === currentLineHeight
+                  },
+                  option.value
+                ))
+              ]
             }
           ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
+          /* @__PURE__ */ jsxs75(
+            DropdownMenu,
             {
-              icon: Trash22,
-              label: t("toolbar.removeLink"),
-              onClick: () => editor.chain().focus().extendMarkRange("link").unsetLink().run(),
-              disabled: !editor.isActive("link"),
-              destructive: true
+              trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => {
+              }, title: t("toolbar.letterSpacing"), className: "gap-0.5", children: /* @__PURE__ */ jsx93(FigmaLetterSpacingIcon, { className: "h-4 w-4" }) }),
+              contentClassName: "max-h-72 overflow-y-auto p-1",
+              children: [
+                /* @__PURE__ */ jsx93(
+                  DropdownMenuItem,
+                  {
+                    icon: Type2,
+                    label: t("toolbar.letterSpacingDefault"),
+                    onClick: () => editor.chain().focus().unsetLetterSpacing().run(),
+                    active: !currentLetterSpacing
+                  }
+                ),
+                availableLetterSpacings.map((option) => /* @__PURE__ */ jsx93(
+                  DropdownMenuItem,
+                  {
+                    label: option.label,
+                    onClick: () => editor.chain().focus().setLetterSpacing(option.value).run(),
+                    active: normalizeStyleValue(option.value) === currentLetterSpacing
+                  },
+                  option.value
+                ))
+              ]
             }
           )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx92(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx92(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-        }, title: t("colors.textColor"), children: [
-          /* @__PURE__ */ jsx92(TextColorIcon, { color: currentTextColor }),
-          /* @__PURE__ */ jsx92(ChevronDown8, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ jsx92(
-          EditorColorPalette,
-          {
-            colors: textColors,
-            currentColor: currentTextColor,
-            onSelect: (color) => {
-              if (color === "inherit") {
-                editor.chain().focus().unsetColor().run();
-              } else {
-                editor.chain().focus().setColor(color).run();
-              }
-            },
-            label: t("colors.textColor")
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx92(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-        }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-          /* @__PURE__ */ jsx92(HighlightColorIcon, { color: currentHighlightColor }),
-          /* @__PURE__ */ jsx92(ChevronDown8, { className: "w-3 h-3" })
-        ] }),
-        children: /* @__PURE__ */ jsx92(
-          EditorColorPalette,
+        /* @__PURE__ */ jsx93(ToolbarDivider, {}),
+        /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx93(FigmaBoldIcon, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx93(FigmaItalicIcon, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx93(
+          ToolbarButton,
           {
-            colors: highlightColors,
-            currentColor: currentHighlightColor,
-            onSelect: (color) => {
-              if (color === "") {
-                editor.chain().focus().unsetHighlight().run();
-              } else {
-                editor.chain().focus().toggleHighlight({ color }).run();
-              }
-            },
-            label: t("colors.highlight")
+            onClick: () => editor.chain().focus().toggleUnderline().run(),
+            active: editor.isActive("underline"),
+            title: t("toolbar.underline"),
+            children: /* @__PURE__ */ jsx93(FigmaUnderlineIcon, { className: "h-4 w-4" })
           }
-        )
-      }
-    ),
-    (isMediumFull || isFull) && /* @__PURE__ */ jsxs75(Fragment30, { children: [
-      /* @__PURE__ */ jsx92(ToolbarDivider, {}),
-      /* @__PURE__ */ jsx92(
-        DropdownMenu,
-        {
-          contentClassName: "p-0 overflow-hidden",
-          trigger: /* @__PURE__ */ jsx92(ToolbarButton, { onClick: () => {
-          }, title: t("toolbar.emoji"), children: /* @__PURE__ */ jsx92(Smile3, { className: "w-4 h-4" }) }),
-          children: /* @__PURE__ */ jsx92(
-            EmojiPicker2,
+        ),
+        /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx93(FigmaStrikeIcon, { className: "h-4 w-4" }) }),
+        (isMediumFull || isFull) && /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx93(FigmaCodeIcon, { className: "h-4 w-4" }) }),
+        isFull && /* @__PURE__ */ jsxs75(Fragment30, { children: [
+          /* @__PURE__ */ jsx93(
+            ToolbarButton,
             {
-              onSelect: (emoji) => {
-                editor.chain().focus().insertContent(emoji).run();
-              }
+              onClick: () => editor.chain().focus().toggleSubscript().run(),
+              active: editor.isActive("subscript"),
+              title: t("toolbar.subscript"),
+              children: /* @__PURE__ */ jsx93(FigmaSubscriptIcon, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx93(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleSuperscript().run(),
+              active: editor.isActive("superscript"),
+              title: t("toolbar.superscript"),
+              children: /* @__PURE__ */ jsx93(FigmaSuperscriptIcon, { className: "h-4 w-4" })
             }
           )
-        }
-      )
-    ] }),
-    (isMediumFull || isFull) && /* @__PURE__ */ jsxs75(Fragment30, { children: [
-      /* @__PURE__ */ jsx92(ToolbarDivider, {}),
-      /* @__PURE__ */ jsxs75(
-        DropdownMenu,
-        {
-          trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-          }, title: t("toolbar.alignment"), children: [
-            /* @__PURE__ */ jsx92(AlignLeft, { className: "w-4 h-4" }),
-            /* @__PURE__ */ jsx92(ChevronDown8, { className: "w-3 h-3" })
-          ] }),
-          children: [
-            /* @__PURE__ */ jsx92(
-              DropdownMenuItem,
-              {
-                icon: AlignLeft,
-                label: t("toolbar.alignLeft"),
-                onClick: () => editor.chain().focus().setTextAlign("left").run(),
-                active: editor.isActive({ textAlign: "left" })
-              }
-            ),
-            /* @__PURE__ */ jsx92(
-              DropdownMenuItem,
-              {
-                icon: AlignCenter,
-                label: t("toolbar.alignCenter"),
-                onClick: () => editor.chain().focus().setTextAlign("center").run(),
-                active: editor.isActive({ textAlign: "center" })
-              }
-            ),
-            /* @__PURE__ */ jsx92(
-              DropdownMenuItem,
-              {
-                icon: AlignRight,
-                label: t("toolbar.alignRight"),
-                onClick: () => editor.chain().focus().setTextAlign("right").run(),
-                active: editor.isActive({ textAlign: "right" })
-              }
-            ),
-            /* @__PURE__ */ jsx92(
-              DropdownMenuItem,
+        ] }),
+        /* @__PURE__ */ jsx93(
+          DropdownMenu,
+          {
+            contentClassName: "min-w-72",
+            trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx93(FigmaLinkIcon, { className: "h-4 w-4" }) }),
+            children: showLinkInput ? /* @__PURE__ */ jsx93(
+              LinkInput,
               {
-                icon: AlignJustify,
-                label: t("toolbar.justify"),
-                onClick: () => editor.chain().focus().setTextAlign("justify").run(),
-                active: editor.isActive({ textAlign: "justify" })
+                initialUrl: String(editor.getAttributes("link").href ?? ""),
+                onSubmit: (url) => {
+                  applyEditorLink(editor, url);
+                  setShowLinkInput(false);
+                },
+                onCancel: () => setShowLinkInput(false)
               }
-            ),
-            hasTableContext && /* @__PURE__ */ jsxs75(Fragment30, { children: [
-              /* @__PURE__ */ jsx92("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ jsx92(
-                DropdownMenuItem,
-                {
-                  icon: AlignStartVertical,
-                  label: t("tableMenu.alignVerticalTop") || "Align top",
-                  onClick: () => applyTableCellAttribute(editor, "verticalAlign", "top"),
-                  active: currentCellVerticalAlign === "top"
-                }
-              ),
-              /* @__PURE__ */ jsx92(
+            ) : /* @__PURE__ */ jsxs75(Fragment30, { children: [
+              /* @__PURE__ */ jsx93(
                 DropdownMenuItem,
                 {
-                  icon: AlignCenterVertical,
-                  label: t("tableMenu.alignVerticalMiddle") || "Align middle",
-                  onClick: () => applyTableCellAttribute(editor, "verticalAlign", "middle"),
-                  active: currentCellVerticalAlign === "middle"
+                  icon: LinkIcon,
+                  label: t("toolbar.link"),
+                  onClick: () => setShowLinkInput(true),
+                  active: editor.isActive("link"),
+                  closeOnSelect: false
                 }
               ),
-              /* @__PURE__ */ jsx92(
+              /* @__PURE__ */ jsx93(
                 DropdownMenuItem,
                 {
-                  icon: AlignEndVertical,
-                  label: t("tableMenu.alignVerticalBottom") || "Align bottom",
-                  onClick: () => applyTableCellAttribute(editor, "verticalAlign", "bottom"),
-                  active: currentCellVerticalAlign === "bottom"
+                  icon: Trash22,
+                  label: t("toolbar.removeLink"),
+                  onClick: () => editor.chain().focus().extendMarkRange("link").unsetLink().run(),
+                  disabled: !editor.isActive("link"),
+                  destructive: true
                 }
               )
             ] })
-          ]
-        }
-      ),
-      hasTableContext && /* @__PURE__ */ jsxs75(
-        DropdownMenu,
-        {
-          trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-          }, title: t("tableMenu.textDirection"), children: [
-            currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx92(ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx92(ArrowRight, { className: "w-4 h-4" }),
-            /* @__PURE__ */ jsx92(ChevronDown8, { className: "w-3 h-3" })
-          ] }),
-          children: [
-            /* @__PURE__ */ jsx92(
-              DropdownMenuItem,
+          }
+        ),
+        /* @__PURE__ */ jsx93(ToolbarDivider, {}),
+        /* @__PURE__ */ jsx93(
+          DropdownMenu,
+          {
+            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+            }, title: t("colors.textColor"), children: [
+              /* @__PURE__ */ jsx93(TextColorIcon, { color: currentTextColor }),
+              /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+            ] }),
+            children: /* @__PURE__ */ jsx93(
+              EditorColorPalette,
               {
-                icon: ArrowRight,
-                label: t("tableMenu.horizontalText"),
-                onClick: () => applyTableCellAttribute(editor, "textDirection", null),
-                active: currentCellTextDirection === "horizontal"
+                colors: textColors,
+                currentColor: currentTextColor,
+                onSelect: (color) => {
+                  if (color === "inherit") {
+                    editor.chain().focus().unsetColor().run();
+                  } else {
+                    editor.chain().focus().setColor(color).run();
+                  }
+                },
+                label: t("colors.textColor")
               }
-            ),
-            /* @__PURE__ */ jsx92(
-              DropdownMenuItem,
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx93(
+          DropdownMenu,
+          {
+            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+            }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
+              /* @__PURE__ */ jsx93(HighlightColorIcon, { color: currentHighlightColor }),
+              /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+            ] }),
+            children: /* @__PURE__ */ jsx93(
+              EditorColorPalette,
               {
-                icon: ArrowDown,
-                label: t("tableMenu.verticalText"),
-                onClick: () => applyTableCellAttribute(editor, "textDirection", "vertical"),
-                active: currentCellTextDirection === "vertical"
+                colors: highlightColors,
+                currentColor: currentHighlightColor,
+                onSelect: (color) => {
+                  if (color === "") {
+                    editor.chain().focus().unsetHighlight().run();
+                  } else {
+                    editor.chain().focus().toggleHighlight({ color }).run();
+                  }
+                },
+                label: t("colors.highlight")
               }
             )
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx92(ToolbarDivider, {}),
-    /* @__PURE__ */ jsxs75(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.bulletList"), children: [
-          /* @__PURE__ */ jsx92(ListIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx92(ChevronDown8, { className: "w-3 h-3" })
-        ] }),
-        children: [
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: ListIcon,
-              label: t("toolbar.bulletList"),
-              onClick: () => editor.chain().focus().toggleBulletList().run(),
-              active: editor.isActive("bulletList"),
-              shortcut: "Ctrl+Shift+8"
-            }
-          ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: ListOrderedIcon,
-              label: t("toolbar.orderedList"),
-              onClick: () => editor.chain().focus().toggleOrderedList().run(),
-              active: editor.isActive("orderedList"),
-              shortcut: "Ctrl+Shift+7"
-            }
-          ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: ListTodo2,
-              label: t("toolbar.taskList"),
-              onClick: () => editor.chain().focus().toggleTaskList().run(),
-              active: editor.isActive("taskList"),
-              shortcut: "Ctrl+Shift+9"
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs75(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-        }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
-          /* @__PURE__ */ jsx92(SquareCheckBig, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx92(ChevronDown8, { className: "w-3 h-3" })
-        ] }),
-        children: [
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: SquareCheckBig,
-              label: t("slashCommand.formCheckbox"),
-              onClick: () => editor.chain().focus().setFormCheckbox().run()
-            }
-          ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
+          }
+        ),
+        (isMediumFull || isFull) && /* @__PURE__ */ jsxs75(Fragment30, { children: [
+          /* @__PURE__ */ jsx93(ToolbarDivider, {}),
+          /* @__PURE__ */ jsx93(
+            DropdownMenu,
             {
-              icon: CircleCheckBig2,
-              label: t("slashCommand.roundCheckbox"),
-              onClick: () => editor.chain().focus().setFormCheckbox({ variant: "circle" }).run()
+              contentClassName: "p-0 overflow-hidden",
+              trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => {
+              }, title: t("toolbar.emoji"), children: /* @__PURE__ */ jsx93(FigmaSmileIcon, { className: "h-4 w-4" }) }),
+              children: /* @__PURE__ */ jsx93(
+                EmojiPicker2,
+                {
+                  onSelect: (emoji) => {
+                    editor.chain().focus().insertContent(emoji).run();
+                  }
+                }
+              )
             }
           )
-        ]
-      }
-    ),
-    isMediumFull && /* @__PURE__ */ jsx92(ToolbarButton, { onClick: () => editor.chain().focus().toggleBlockquote().run(), active: editor.isActive("blockquote"), title: t("toolbar.quote"), children: /* @__PURE__ */ jsx92(QuoteIcon, { className: "w-4 h-4" }) }),
-    isFull && /* @__PURE__ */ jsxs75(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.quote"), children: [
-          /* @__PURE__ */ jsx92(QuoteIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx92(ChevronDown8, { className: "w-3 h-3" })
         ] }),
-        children: [
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
+        (isMediumFull || isFull) && /* @__PURE__ */ jsxs75(Fragment30, { children: [
+          /* @__PURE__ */ jsx93(ToolbarDivider, {}),
+          /* @__PURE__ */ jsxs75(
+            DropdownMenu,
             {
-              icon: QuoteIcon,
-              label: t("toolbar.quote"),
-              onClick: () => editor.chain().focus().toggleBlockquote().run(),
-              active: editor.isActive("blockquote"),
-              shortcut: "Ctrl+Shift+B"
+              trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+              }, title: t("toolbar.alignment"), children: [
+                /* @__PURE__ */ jsx93(FigmaAlignLeftIcon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+              ] }),
+              children: [
+                /* @__PURE__ */ jsx93(
+                  DropdownMenuItem,
+                  {
+                    icon: AlignLeft,
+                    label: t("toolbar.alignLeft"),
+                    onClick: () => editor.chain().focus().setTextAlign("left").run(),
+                    active: editor.isActive({ textAlign: "left" })
+                  }
+                ),
+                /* @__PURE__ */ jsx93(
+                  DropdownMenuItem,
+                  {
+                    icon: AlignCenter,
+                    label: t("toolbar.alignCenter"),
+                    onClick: () => editor.chain().focus().setTextAlign("center").run(),
+                    active: editor.isActive({ textAlign: "center" })
+                  }
+                ),
+                /* @__PURE__ */ jsx93(
+                  DropdownMenuItem,
+                  {
+                    icon: AlignRight,
+                    label: t("toolbar.alignRight"),
+                    onClick: () => editor.chain().focus().setTextAlign("right").run(),
+                    active: editor.isActive({ textAlign: "right" })
+                  }
+                ),
+                /* @__PURE__ */ jsx93(
+                  DropdownMenuItem,
+                  {
+                    icon: AlignJustify,
+                    label: t("toolbar.justify"),
+                    onClick: () => editor.chain().focus().setTextAlign("justify").run(),
+                    active: editor.isActive({ textAlign: "justify" })
+                  }
+                ),
+                hasTableContext && /* @__PURE__ */ jsxs75(Fragment30, { children: [
+                  /* @__PURE__ */ jsx93("div", { className: "my-1 border-t" }),
+                  /* @__PURE__ */ jsx93(
+                    DropdownMenuItem,
+                    {
+                      icon: AlignStartVertical,
+                      label: t("tableMenu.alignVerticalTop") || "Align top",
+                      onClick: () => applyTableCellAttribute(editor, "verticalAlign", "top"),
+                      active: currentCellVerticalAlign === "top"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx93(
+                    DropdownMenuItem,
+                    {
+                      icon: AlignCenterVertical,
+                      label: t("tableMenu.alignVerticalMiddle") || "Align middle",
+                      onClick: () => applyTableCellAttribute(editor, "verticalAlign", "middle"),
+                      active: currentCellVerticalAlign === "middle"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx93(
+                    DropdownMenuItem,
+                    {
+                      icon: AlignEndVertical,
+                      label: t("tableMenu.alignVerticalBottom") || "Align bottom",
+                      onClick: () => applyTableCellAttribute(editor, "verticalAlign", "bottom"),
+                      active: currentCellVerticalAlign === "bottom"
+                    }
+                  )
+                ] })
+              ]
             }
           ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
+          hasTableContext && /* @__PURE__ */ jsxs75(
+            DropdownMenu,
             {
-              icon: FileCode3,
-              label: t("toolbar.codeBlock"),
-              onClick: () => editor.chain().focus().toggleCodeBlock().run(),
-              active: editor.isActive("codeBlock"),
-              shortcut: "Ctrl+Alt+C"
+              trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+              }, title: t("tableMenu.textDirection"), children: [
+                currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx93(ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx93(ArrowRight, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx93(ChevronDown8, { className: "w-3 h-3" })
+              ] }),
+              children: [
+                /* @__PURE__ */ jsx93(
+                  DropdownMenuItem,
+                  {
+                    icon: ArrowRight,
+                    label: t("tableMenu.horizontalText"),
+                    onClick: () => applyTableCellAttribute(editor, "textDirection", null),
+                    active: currentCellTextDirection === "horizontal"
+                  }
+                ),
+                /* @__PURE__ */ jsx93(
+                  DropdownMenuItem,
+                  {
+                    icon: ArrowDown,
+                    label: t("tableMenu.verticalText"),
+                    onClick: () => applyTableCellAttribute(editor, "textDirection", "vertical"),
+                    active: currentCellTextDirection === "vertical"
+                  }
+                )
+              ]
             }
           )
-        ]
-      }
-    ),
-    (isMediumFull || isFull) && /* @__PURE__ */ jsx92(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.image"), children: [
-          /* @__PURE__ */ jsx92(ImageIcon2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx92(ChevronDown8, { className: "w-3 h-3" })
         ] }),
-        children: showImageInput ? /* @__PURE__ */ jsx92(
-          ImageInput,
+        /* @__PURE__ */ jsx93(ToolbarDivider, {}),
+        /* @__PURE__ */ jsxs75(
+          DropdownMenu,
           {
-            onSubmit: (url, alt) => {
-              editor.chain().focus().setImage({ src: url, alt }).run();
-              setShowImageInput(false);
-            },
-            onCancel: () => setShowImageInput(false)
+            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.bulletList"), children: [
+              /* @__PURE__ */ jsx93(FigmaListIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+            ] }),
+            children: [
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: ListIcon,
+                  label: t("toolbar.bulletList"),
+                  onClick: () => editor.chain().focus().toggleBulletList().run(),
+                  active: editor.isActive("bulletList"),
+                  shortcut: "Ctrl+Shift+8"
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: ListOrderedIcon,
+                  label: t("toolbar.orderedList"),
+                  onClick: () => editor.chain().focus().toggleOrderedList().run(),
+                  active: editor.isActive("orderedList"),
+                  shortcut: "Ctrl+Shift+7"
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: ListTodo2,
+                  label: t("toolbar.taskList"),
+                  onClick: () => editor.chain().focus().toggleTaskList().run(),
+                  active: editor.isActive("taskList"),
+                  shortcut: "Ctrl+Shift+9"
+                }
+              )
+            ]
           }
-        ) : /* @__PURE__ */ jsxs75(Fragment30, { children: [
-          /* @__PURE__ */ jsx92(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true), closeOnSelect: false }),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: Upload3,
-              label: isUploadingImage ? t("imageInput.uploading") : t("imageInput.uploadTab"),
-              disabled: isUploadingImage,
-              onClick: () => fileInputRef.current?.click(),
-              closeOnSelect: false
-            }
-          ),
-          imageUploadError && /* @__PURE__ */ jsx92(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
-          /* @__PURE__ */ jsx92(
-            "input",
-            {
-              ref: fileInputRef,
-              type: "file",
-              accept: "image/*",
-              multiple: true,
-              className: "hidden",
-              onChange: (e) => {
-                const files = Array.from(e.target.files ?? []);
-                e.target.value = "";
-                void insertImageFiles(files);
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx92("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: AlignCenter,
-              label: t("toolbar.imageLayoutBlock"),
-              onClick: () => applyImageLayout(editor, "block"),
-              active: isImageSelected && imageLayout === "block",
-              disabled: !isImageSelected
-            }
-          ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: AlignLeft,
-              label: t("toolbar.imageLayoutLeft"),
-              onClick: () => applyImageLayout(editor, "left"),
-              active: isImageSelected && imageLayout === "left",
-              disabled: !isImageSelected
-            }
-          ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: AlignRight,
-              label: t("toolbar.imageLayoutRight"),
-              onClick: () => applyImageLayout(editor, "right"),
-              active: isImageSelected && imageLayout === "right",
-              disabled: !isImageSelected
-            }
-          ),
-          /* @__PURE__ */ jsx92("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              label: t("toolbar.imageWidthSm"),
-              onClick: () => applyImageWidthPreset(editor, "sm"),
-              active: isImageSelected && imageWidthPreset === "sm",
-              disabled: !isImageSelected
-            }
-          ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              label: t("toolbar.imageWidthMd"),
-              onClick: () => applyImageWidthPreset(editor, "md"),
-              active: isImageSelected && imageWidthPreset === "md",
-              disabled: !isImageSelected
-            }
-          ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              label: t("toolbar.imageWidthLg"),
-              onClick: () => applyImageWidthPreset(editor, "lg"),
-              active: isImageSelected && imageWidthPreset === "lg",
-              disabled: !isImageSelected
-            }
-          ),
-          /* @__PURE__ */ jsx92("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: RotateCcw2,
-              label: t("toolbar.imageResetSize"),
-              onClick: () => resetImageSize(editor),
-              disabled: !isImageSelected
-            }
-          ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: Trash22,
-              label: t("toolbar.imageDelete"),
-              onClick: () => deleteSelectedImage(editor),
-              disabled: !isImageSelected,
-              destructive: true
-            }
-          )
-        ] })
-      }
-    ),
-    (isMediumFull || isFull) && /* @__PURE__ */ jsxs75(
-      DropdownMenu,
-      {
-        isOpen: isTableMenuOpen,
-        onOpenChange: (open) => {
-          setIsTableMenuOpen(open);
-          setPreservedTableAnchorPos(open ? getTableAnchorPos(editor) : null);
-        },
-        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.table"), children: [
-          /* @__PURE__ */ jsx92(TableIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx92(ChevronDown8, { className: "w-3 h-3" })
-        ] }),
-        contentClassName: "p-2 min-w-56",
-        children: [
-          /* @__PURE__ */ jsx92(
-            TableInsertGrid,
-            {
-              insertLabel: t("tableMenu.insertTable"),
-              previewTemplate: t("tableMenu.gridPreview"),
-              onInsert: (rows, cols) => {
-                editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
-                setIsTableMenuOpen(false);
-                setPreservedTableAnchorPos(null);
+        ),
+        /* @__PURE__ */ jsxs75(
+          DropdownMenu,
+          {
+            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+            }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
+              /* @__PURE__ */ jsx93(SquareCheckBig, { className: "w-4 h-4" }),
+              /* @__PURE__ */ jsx93(ChevronDown8, { className: "w-3 h-3" })
+            ] }),
+            children: [
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: SquareCheckBig,
+                  label: t("slashCommand.formCheckbox"),
+                  onClick: () => editor.chain().focus().setFormCheckbox().run()
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: CircleCheckBig2,
+                  label: t("slashCommand.roundCheckbox"),
+                  onClick: () => editor.chain().focus().setFormCheckbox({ variant: "circle" }).run()
+                }
+              )
+            ]
+          }
+        ),
+        isMediumFull && /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => editor.chain().focus().toggleBlockquote().run(), active: editor.isActive("blockquote"), title: t("toolbar.quote"), children: /* @__PURE__ */ jsx93(FigmaQuoteIcon, { className: "h-4 w-4" }) }),
+        isFull && /* @__PURE__ */ jsxs75(
+          DropdownMenu,
+          {
+            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.quote"), children: [
+              /* @__PURE__ */ jsx93(FigmaQuoteIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+            ] }),
+            children: [
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: QuoteIcon,
+                  label: t("toolbar.quote"),
+                  onClick: () => editor.chain().focus().toggleBlockquote().run(),
+                  active: editor.isActive("blockquote"),
+                  shortcut: "Ctrl+Shift+B"
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: FileCode3,
+                  label: t("toolbar.codeBlock"),
+                  onClick: () => editor.chain().focus().toggleCodeBlock().run(),
+                  active: editor.isActive("codeBlock"),
+                  shortcut: "Ctrl+Alt+C"
+                }
+              )
+            ]
+          }
+        ),
+        (isMediumFull || isFull) && /* @__PURE__ */ jsx93(
+          DropdownMenu,
+          {
+            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.image"), children: [
+              /* @__PURE__ */ jsx93(FigmaImageIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+            ] }),
+            children: showImageInput ? /* @__PURE__ */ jsx93(
+              ImageInput,
+              {
+                onSubmit: (url, alt) => {
+                  editor.chain().focus().setImage({ src: url, alt }).run();
+                  setShowImageInput(false);
+                },
+                onCancel: () => setShowImageInput(false)
               }
-            }
-          ),
-          /* @__PURE__ */ jsx92("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: AlignLeft,
-              label: t("tableMenu.alignLeft"),
-              onClick: () => applyTableAlignment(editor, "left", tableCommandAnchorPos),
-              active: hasTableContext && currentTableAlign === "left",
-              disabled: !hasTableContext
-            }
-          ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: AlignCenter,
-              label: t("tableMenu.alignCenter"),
-              onClick: () => applyTableAlignment(editor, "center", tableCommandAnchorPos),
-              active: hasTableContext && currentTableAlign === "center",
-              disabled: !hasTableContext
-            }
-          ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: AlignRight,
-              label: t("tableMenu.alignRight"),
-              onClick: () => applyTableAlignment(editor, "right", tableCommandAnchorPos),
-              active: hasTableContext && currentTableAlign === "right",
-              disabled: !hasTableContext
-            }
-          ),
-          /* @__PURE__ */ jsx92("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
+            ) : /* @__PURE__ */ jsxs75(Fragment30, { children: [
+              /* @__PURE__ */ jsx93(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true), closeOnSelect: false }),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: Upload3,
+                  label: isUploadingImage ? t("imageInput.uploading") : t("imageInput.uploadTab"),
+                  disabled: isUploadingImage,
+                  onClick: () => fileInputRef.current?.click(),
+                  closeOnSelect: false
+                }
+              ),
+              imageUploadError && /* @__PURE__ */ jsx93(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
+              /* @__PURE__ */ jsx93(
+                "input",
+                {
+                  ref: fileInputRef,
+                  type: "file",
+                  accept: "image/*",
+                  multiple: true,
+                  className: "hidden",
+                  onChange: (e) => {
+                    const files = Array.from(e.target.files ?? []);
+                    e.target.value = "";
+                    void insertImageFiles(files);
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx93("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: AlignCenter,
+                  label: t("toolbar.imageLayoutBlock"),
+                  onClick: () => applyImageLayout(editor, "block"),
+                  active: isImageSelected && imageLayout === "block",
+                  disabled: !isImageSelected
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: AlignLeft,
+                  label: t("toolbar.imageLayoutLeft"),
+                  onClick: () => applyImageLayout(editor, "left"),
+                  active: isImageSelected && imageLayout === "left",
+                  disabled: !isImageSelected
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: AlignRight,
+                  label: t("toolbar.imageLayoutRight"),
+                  onClick: () => applyImageLayout(editor, "right"),
+                  active: isImageSelected && imageLayout === "right",
+                  disabled: !isImageSelected
+                }
+              ),
+              /* @__PURE__ */ jsx93("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  label: t("toolbar.imageWidthSm"),
+                  onClick: () => applyImageWidthPreset(editor, "sm"),
+                  active: isImageSelected && imageWidthPreset === "sm",
+                  disabled: !isImageSelected
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  label: t("toolbar.imageWidthMd"),
+                  onClick: () => applyImageWidthPreset(editor, "md"),
+                  active: isImageSelected && imageWidthPreset === "md",
+                  disabled: !isImageSelected
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  label: t("toolbar.imageWidthLg"),
+                  onClick: () => applyImageWidthPreset(editor, "lg"),
+                  active: isImageSelected && imageWidthPreset === "lg",
+                  disabled: !isImageSelected
+                }
+              ),
+              /* @__PURE__ */ jsx93("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: RotateCcw2,
+                  label: t("toolbar.imageResetSize"),
+                  onClick: () => resetImageSize(editor),
+                  disabled: !isImageSelected
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: Trash22,
+                  label: t("toolbar.imageDelete"),
+                  onClick: () => deleteSelectedImage(editor),
+                  disabled: !isImageSelected,
+                  destructive: true
+                }
+              )
+            ] })
+          }
+        ),
+        (isMediumFull || isFull) && /* @__PURE__ */ jsxs75(
+          DropdownMenu,
+          {
+            isOpen: isTableMenuOpen,
+            onOpenChange: (open) => {
+              setIsTableMenuOpen(open);
+              setPreservedTableAnchorPos(open ? getTableAnchorPos(editor) : null);
+            },
+            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.table"), children: [
+              /* @__PURE__ */ jsx93(FigmaTableIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+            ] }),
+            contentClassName: "p-2 min-w-56",
+            children: [
+              /* @__PURE__ */ jsx93(
+                TableInsertGrid,
+                {
+                  insertLabel: t("tableMenu.insertTable"),
+                  previewTemplate: t("tableMenu.gridPreview"),
+                  onInsert: (rows, cols) => {
+                    editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
+                    setIsTableMenuOpen(false);
+                    setPreservedTableAnchorPos(null);
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx93("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: AlignLeft,
+                  label: t("tableMenu.alignLeft"),
+                  onClick: () => applyTableAlignment(editor, "left", tableCommandAnchorPos),
+                  active: hasTableContext && currentTableAlign === "left",
+                  disabled: !hasTableContext
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: AlignCenter,
+                  label: t("tableMenu.alignCenter"),
+                  onClick: () => applyTableAlignment(editor, "center", tableCommandAnchorPos),
+                  active: hasTableContext && currentTableAlign === "center",
+                  disabled: !hasTableContext
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: AlignRight,
+                  label: t("tableMenu.alignRight"),
+                  onClick: () => applyTableAlignment(editor, "right", tableCommandAnchorPos),
+                  active: hasTableContext && currentTableAlign === "right",
+                  disabled: !hasTableContext
+                }
+              ),
+              /* @__PURE__ */ jsx93("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: ArrowLeft,
+                  label: t("tableMenu.addColumnBefore"),
+                  onClick: () => editor.chain().focus().addColumnBefore().run(),
+                  disabled: !hasTableContext || !editor.can().addColumnBefore()
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: ArrowDown,
+                  label: t("tableMenu.addColumnAfter"),
+                  onClick: () => editor.chain().focus().addColumnAfter().run(),
+                  disabled: !hasTableContext || !editor.can().addColumnAfter()
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: ArrowUp,
+                  label: t("tableMenu.addRowBefore"),
+                  onClick: () => editor.chain().focus().addRowBefore().run(),
+                  disabled: !hasTableContext || !editor.can().addRowBefore()
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: ArrowRight,
+                  label: t("tableMenu.addRowAfter"),
+                  onClick: () => editor.chain().focus().addRowAfter().run(),
+                  disabled: !hasTableContext || !editor.can().addRowAfter()
+                }
+              ),
+              /* @__PURE__ */ jsx93("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: TableIcon,
+                  label: t("tableMenu.toggleHeaderRow"),
+                  onClick: () => editor.chain().focus().toggleHeaderRow().run(),
+                  disabled: !hasTableContext || !editor.can().toggleHeaderRow()
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: TableIcon,
+                  label: t("tableMenu.toggleHeaderColumn"),
+                  onClick: () => editor.chain().focus().toggleHeaderColumn().run(),
+                  disabled: !hasTableContext || !editor.can().toggleHeaderColumn()
+                }
+              ),
+              /* @__PURE__ */ jsx93("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: Trash22,
+                  label: t("tableMenu.deleteColumn"),
+                  onClick: () => editor.chain().focus().deleteColumn().run(),
+                  disabled: !hasTableContext || !editor.can().deleteColumn()
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: Trash22,
+                  label: t("tableMenu.deleteRow"),
+                  onClick: () => editor.chain().focus().deleteRow().run(),
+                  disabled: !hasTableContext || !editor.can().deleteRow()
+                }
+              ),
+              /* @__PURE__ */ jsx93(
+                DropdownMenuItem,
+                {
+                  icon: Trash22,
+                  label: t("tableMenu.deleteTable"),
+                  onClick: () => editor.chain().focus().deleteTable().run(),
+                  disabled: !hasTableContext || !editor.can().deleteTable()
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx93(ToolbarDivider, {}),
+        /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx93(FigmaUndoIcon, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx93(FigmaRedoIcon, { className: "h-4 w-4" }) }),
+        hasTableContext && /* @__PURE__ */ jsxs75(Fragment30, { children: [
+          /* @__PURE__ */ jsx93(ToolbarDivider, {}),
+          /* @__PURE__ */ jsx93(
+            ToolbarButton,
             {
-              icon: ArrowLeft,
-              label: t("tableMenu.addColumnBefore"),
               onClick: () => editor.chain().focus().addColumnBefore().run(),
-              disabled: !hasTableContext || !editor.can().addColumnBefore()
+              disabled: !editor.can().addColumnBefore(),
+              title: t("tableMenu.addColumnBefore"),
+              children: /* @__PURE__ */ jsx93(ArrowLeft, { className: "w-4 h-4" })
             }
           ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
+          /* @__PURE__ */ jsx93(
+            ToolbarButton,
             {
-              icon: ArrowDown,
-              label: t("tableMenu.addColumnAfter"),
               onClick: () => editor.chain().focus().addColumnAfter().run(),
-              disabled: !hasTableContext || !editor.can().addColumnAfter()
+              disabled: !editor.can().addColumnAfter(),
+              title: t("tableMenu.addColumnAfter"),
+              children: /* @__PURE__ */ jsx93(ArrowRight, { className: "w-4 h-4" })
             }
           ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
+          /* @__PURE__ */ jsx93(
+            ToolbarButton,
             {
-              icon: ArrowUp,
-              label: t("tableMenu.addRowBefore"),
               onClick: () => editor.chain().focus().addRowBefore().run(),
-              disabled: !hasTableContext || !editor.can().addRowBefore()
+              disabled: !editor.can().addRowBefore(),
+              title: t("tableMenu.addRowBefore"),
+              children: /* @__PURE__ */ jsx93(ArrowUp, { className: "w-4 h-4" })
             }
           ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
+          /* @__PURE__ */ jsx93(
+            ToolbarButton,
             {
-              icon: ArrowRight,
-              label: t("tableMenu.addRowAfter"),
               onClick: () => editor.chain().focus().addRowAfter().run(),
-              disabled: !hasTableContext || !editor.can().addRowAfter()
-            }
-          ),
-          /* @__PURE__ */ jsx92("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: TableIcon,
-              label: t("tableMenu.toggleHeaderRow"),
-              onClick: () => editor.chain().focus().toggleHeaderRow().run(),
-              disabled: !hasTableContext || !editor.can().toggleHeaderRow()
+              disabled: !editor.can().addRowAfter(),
+              title: t("tableMenu.addRowAfter"),
+              children: /* @__PURE__ */ jsx93(ArrowDown, { className: "w-4 h-4" })
             }
           ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: TableIcon,
-              label: t("tableMenu.toggleHeaderColumn"),
-              onClick: () => editor.chain().focus().toggleHeaderColumn().run(),
-              disabled: !hasTableContext || !editor.can().toggleHeaderColumn()
-            }
-          ),
-          /* @__PURE__ */ jsx92("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: Trash22,
-              label: t("tableMenu.deleteColumn"),
-              onClick: () => editor.chain().focus().deleteColumn().run(),
-              disabled: !hasTableContext || !editor.can().deleteColumn()
-            }
-          ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
-            {
-              icon: Trash22,
-              label: t("tableMenu.deleteRow"),
-              onClick: () => editor.chain().focus().deleteRow().run(),
-              disabled: !hasTableContext || !editor.can().deleteRow()
-            }
-          ),
-          /* @__PURE__ */ jsx92(
-            DropdownMenuItem,
+          /* @__PURE__ */ jsx93(
+            ToolbarButton,
             {
-              icon: Trash22,
-              label: t("tableMenu.deleteTable"),
-              onClick: () => editor.chain().focus().deleteTable().run(),
-              disabled: !hasTableContext || !editor.can().deleteTable()
+              onClick: () => {
+                if (canSplitCell) {
+                  editor.chain().focus().splitCell().run();
+                  return;
+                }
+                mergeTableCellsPreservingColumnWidths(editor);
+              },
+              active: canSplitCell,
+              disabled: !canMergeCells && !canSplitCell,
+              title: canSplitCell ? t("tableMenu.splitCell") : t("tableMenu.mergeCells"),
+              children: /* @__PURE__ */ jsx93(TableCellsMerge, { className: "w-4 h-4" })
             }
           )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx92(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx92(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx92(UndoIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx92(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx92(RedoIcon, { className: "w-4 h-4" }) }),
-    hasTableContext && /* @__PURE__ */ jsxs75(Fragment30, { children: [
-      /* @__PURE__ */ jsx92(ToolbarDivider, {}),
-      /* @__PURE__ */ jsx92(
-        ToolbarButton,
-        {
-          onClick: () => editor.chain().focus().addColumnBefore().run(),
-          disabled: !editor.can().addColumnBefore(),
-          title: t("tableMenu.addColumnBefore"),
-          children: /* @__PURE__ */ jsx92(ArrowLeft, { className: "w-4 h-4" })
-        }
-      ),
-      /* @__PURE__ */ jsx92(
-        ToolbarButton,
-        {
-          onClick: () => editor.chain().focus().addColumnAfter().run(),
-          disabled: !editor.can().addColumnAfter(),
-          title: t("tableMenu.addColumnAfter"),
-          children: /* @__PURE__ */ jsx92(ArrowRight, { className: "w-4 h-4" })
-        }
-      ),
-      /* @__PURE__ */ jsx92(
-        ToolbarButton,
-        {
-          onClick: () => editor.chain().focus().addRowBefore().run(),
-          disabled: !editor.can().addRowBefore(),
-          title: t("tableMenu.addRowBefore"),
-          children: /* @__PURE__ */ jsx92(ArrowUp, { className: "w-4 h-4" })
-        }
-      ),
-      /* @__PURE__ */ jsx92(
-        ToolbarButton,
-        {
-          onClick: () => editor.chain().focus().addRowAfter().run(),
-          disabled: !editor.can().addRowAfter(),
-          title: t("tableMenu.addRowAfter"),
-          children: /* @__PURE__ */ jsx92(ArrowDown, { className: "w-4 h-4" })
-        }
-      ),
-      /* @__PURE__ */ jsx92(
-        ToolbarButton,
-        {
-          onClick: () => {
-            if (canSplitCell) {
-              editor.chain().focus().splitCell().run();
-              return;
-            }
-            mergeTableCellsPreservingColumnWidths(editor);
-          },
-          active: canSplitCell,
-          disabled: !canMergeCells && !canSplitCell,
-          title: canSplitCell ? t("tableMenu.splitCell") : t("tableMenu.mergeCells"),
-          children: /* @__PURE__ */ jsx92(TableCellsMerge, { className: "w-4 h-4" })
-        }
-      )
-    ] })
-  ] });
+        ] })
+      ]
+    }
+  );
 };
 
 // src/components/UEditor/menus.tsx
@@ -34517,20 +34646,20 @@ import {
   AlignCenter as AlignCenter2,
   AlignLeft as AlignLeft2,
   AlignRight as AlignRight2,
-  Bold as BoldIcon2,
+  Bold as BoldIcon,
   ChevronDown as ChevronDown9,
-  Code as CodeIcon2,
-  Italic as ItalicIcon2,
+  Code as CodeIcon,
+  Italic as ItalicIcon,
   Link as LinkIcon2,
   Plus as Plus3,
   RotateCcw as RotateCcw3,
-  Subscript as SubscriptIcon2,
-  Superscript as SuperscriptIcon2,
+  Subscript as SubscriptIcon,
+  Superscript as SuperscriptIcon,
   TableCellsMerge as TableCellsMerge2,
   Trash2 as Trash23,
   Type as Type3,
-  Underline as UnderlineIcon2,
-  Strikethrough as StrikethroughIcon2,
+  Underline as UnderlineIcon,
+  Strikethrough as StrikethroughIcon,
   Edit2,
   Eraser,
   Unlink,
@@ -35613,7 +35742,7 @@ function recalculateAllTableFormulas(editor) {
 }
 
 // src/components/UEditor/menus.tsx
-import { Fragment as Fragment31, jsx as jsx93, jsxs as jsxs76 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx94, jsxs as jsxs76 } from "react/jsx-runtime";
 var FloatingSlashCommandMenu = ({ editor, onClose }) => {
   const t = useSmartTranslations("UEditor");
   const messages = useMemo25(() => buildSlashCommandMessages(t), [t]);
@@ -35634,7 +35763,7 @@ var FloatingSlashCommandMenu = ({ editor, onClose }) => {
     document.addEventListener("keydown", handleKeyDown2);
     return () => document.removeEventListener("keydown", handleKeyDown2);
   }, [onClose]);
-  return /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx94(
     SlashCommandList,
     {
       ref: listRef,
@@ -35651,7 +35780,7 @@ var FloatingMenuContent = ({ editor }) => {
   const t = useSmartTranslations("UEditor");
   const [showCommands, setShowCommands] = useState51(false);
   if (showCommands) {
-    return /* @__PURE__ */ jsx93(FloatingSlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
+    return /* @__PURE__ */ jsx94(FloatingSlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
   return /* @__PURE__ */ jsxs76(
     "button",
@@ -35660,8 +35789,8 @@ var FloatingMenuContent = ({ editor }) => {
       onClick: () => setShowCommands(true),
       className: "flex items-center gap-1 px-2 py-1.5 rounded-lg hover:bg-accent transition-all group",
       children: [
-        /* @__PURE__ */ jsx93(Plus3, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
-        /* @__PURE__ */ jsx93("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
+        /* @__PURE__ */ jsx94(Plus3, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
+        /* @__PURE__ */ jsx94("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
       ]
     }
   );
@@ -35690,7 +35819,7 @@ function applyTableCellAttribute2(editor, name, value, options = {}) {
 }
 function BorderStylePreviewIcon({ style }) {
   const isNone = style === "none";
-  return /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx94(
     "span",
     {
       "aria-hidden": "true",
@@ -35702,7 +35831,7 @@ function BorderStylePreviewIcon({ style }) {
         borderStyle: style,
         borderWidth: style === "double" ? 3 : 2
       },
-      children: isNone && /* @__PURE__ */ jsx93("span", { className: "absolute left-1/2 top-0 h-full w-px -translate-x-1/2 rotate-45 bg-muted-foreground/70" })
+      children: isNone && /* @__PURE__ */ jsx94("span", { className: "absolute left-1/2 top-0 h-full w-px -translate-x-1/2 rotate-45 bg-muted-foreground/70" })
     }
   );
 }
@@ -35714,7 +35843,7 @@ function BorderPositionPreviewIcon({ position }) {
   const showHorizontal = position === "all" || position === "inner" || position === "horizontal";
   const showVertical = position === "all" || position === "inner" || position === "vertical";
   return /* @__PURE__ */ jsxs76("svg", { "aria-hidden": "true", viewBox: "0 0 20 20", className: "h-5 w-5 fill-none stroke-current", children: [
-    /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx94(
       "path",
       {
         d: "M2 2H18V18H2Z M2 10H18 M10 2V18",
@@ -35724,12 +35853,12 @@ function BorderPositionPreviewIcon({ position }) {
         strokeWidth: "1.25"
       }
     ),
-    showTop && /* @__PURE__ */ jsx93("path", { d: "M2 2H18", strokeWidth: "2" }),
-    showRight && /* @__PURE__ */ jsx93("path", { d: "M18 2V18", strokeWidth: "2" }),
-    showBottom && /* @__PURE__ */ jsx93("path", { d: "M2 18H18", strokeWidth: "2" }),
-    showLeft && /* @__PURE__ */ jsx93("path", { d: "M2 2V18", strokeWidth: "2" }),
-    showHorizontal && /* @__PURE__ */ jsx93("path", { d: "M2 10H18", strokeWidth: "2" }),
-    showVertical && /* @__PURE__ */ jsx93("path", { d: "M10 2V18", strokeWidth: "2" })
+    showTop && /* @__PURE__ */ jsx94("path", { d: "M2 2H18", strokeWidth: "2" }),
+    showRight && /* @__PURE__ */ jsx94("path", { d: "M18 2V18", strokeWidth: "2" }),
+    showBottom && /* @__PURE__ */ jsx94("path", { d: "M2 18H18", strokeWidth: "2" }),
+    showLeft && /* @__PURE__ */ jsx94("path", { d: "M2 2V18", strokeWidth: "2" }),
+    showHorizontal && /* @__PURE__ */ jsx94("path", { d: "M2 10H18", strokeWidth: "2" }),
+    showVertical && /* @__PURE__ */ jsx94("path", { d: "M10 2V18", strokeWidth: "2" })
   ] });
 }
 var BubbleMenuContent = ({
@@ -35926,7 +36055,7 @@ var BubbleMenuContent = ({
     };
   }, [editor, showLinkInput]);
   if (showLinkInput) {
-    return /* @__PURE__ */ jsx93(
+    return /* @__PURE__ */ jsx94(
       LinkInput,
       {
         initialUrl: editor.getAttributes("link").href || "",
@@ -35947,10 +36076,10 @@ var BubbleMenuContent = ({
     const isHighlightPalette = activeColorPalette === "highlight";
     if (activeColorPalette === "cell-border") {
       return /* @__PURE__ */ jsxs76("div", { className: "flex w-72 flex-col gap-2 p-2 text-sm", "data-ueditor-keep-open": true, children: [
-        /* @__PURE__ */ jsx93("div", { className: "font-semibold text-xs text-muted-foreground uppercase tracking-wider mb-1", children: t("tableMenu.cellBorder") || "Cell Borders" }),
+        /* @__PURE__ */ jsx94("div", { className: "font-semibold text-xs text-muted-foreground uppercase tracking-wider mb-1", children: t("tableMenu.cellBorder") || "Cell Borders" }),
         /* @__PURE__ */ jsxs76("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ jsxs76("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx93("label", { className: "mb-1 block text-xs text-muted-foreground", children: t("tableMenu.borderPosition") || "Border placement" }),
+            /* @__PURE__ */ jsx94("label", { className: "mb-1 block text-xs text-muted-foreground", children: t("tableMenu.borderPosition") || "Border placement" }),
             /* @__PURE__ */ jsxs76("div", { className: "grid grid-cols-5 gap-1", role: "group", "aria-label": t("tableMenu.borderPosition") || "Border placement", children: [
               [
                 ["all", "borderAll"],
@@ -35964,7 +36093,7 @@ var BubbleMenuContent = ({
                 ["left", "borderLeft"]
               ].map(([position, labelKey]) => {
                 const label = t(`tableMenu.${labelKey}`) || position;
-                return /* @__PURE__ */ jsx93(
+                return /* @__PURE__ */ jsx94(
                   "button",
                   {
                     type: "button",
@@ -35976,12 +36105,12 @@ var BubbleMenuContent = ({
                       "inline-flex h-8 items-center justify-center rounded-md text-foreground transition-colors hover:bg-muted hover:text-primary",
                       activeBorderPosition === position ? "bg-primary/10 text-primary" : "bg-muted/40"
                     ),
-                    children: /* @__PURE__ */ jsx93(BorderPositionPreviewIcon, { position })
+                    children: /* @__PURE__ */ jsx94(BorderPositionPreviewIcon, { position })
                   },
                   position
                 );
               }),
-              /* @__PURE__ */ jsx93(
+              /* @__PURE__ */ jsx94(
                 "button",
                 {
                   type: "button",
@@ -35990,13 +36119,13 @@ var BubbleMenuContent = ({
                   onMouseDown: (event) => event.preventDefault(),
                   onClick: clearTableCellBorders,
                   className: "inline-flex h-8 items-center justify-center rounded-md bg-muted/40 text-destructive transition-colors hover:bg-destructive/10",
-                  children: /* @__PURE__ */ jsx93(BorderStylePreviewIcon, { style: "none" })
+                  children: /* @__PURE__ */ jsx94(BorderStylePreviewIcon, { style: "none" })
                 }
               )
             ] })
           ] }),
           /* @__PURE__ */ jsxs76("div", { className: "flex flex-col gap-1 border-l border-border pl-2 pt-5", role: "group", "aria-label": t("tableMenu.borderMode") || "Border mode", children: [
-            /* @__PURE__ */ jsx93(
+            /* @__PURE__ */ jsx94(
               "button",
               {
                 type: "button",
@@ -36008,10 +36137,10 @@ var BubbleMenuContent = ({
                   "inline-flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:bg-muted",
                   borderEditMode === "draw" ? "bg-primary/10 text-primary" : "text-muted-foreground"
                 ),
-                children: /* @__PURE__ */ jsx93(Edit2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx94(Edit2, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ jsx93(
+            /* @__PURE__ */ jsx94(
               "button",
               {
                 type: "button",
@@ -36023,14 +36152,14 @@ var BubbleMenuContent = ({
                   "inline-flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:bg-muted",
                   borderEditMode === "erase" ? "bg-destructive/10 text-destructive" : "text-muted-foreground"
                 ),
-                children: /* @__PURE__ */ jsx93(Eraser, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx94(Eraser, { className: "h-4 w-4" })
               }
             )
           ] })
         ] }),
         /* @__PURE__ */ jsxs76("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx93("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderStyle") || "Border Style" }),
-          /* @__PURE__ */ jsx93("div", { className: "grid grid-cols-4 gap-1.5", role: "group", "aria-label": t("tableMenu.borderStyle") || "Border Style", children: [
+          /* @__PURE__ */ jsx94("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderStyle") || "Border Style" }),
+          /* @__PURE__ */ jsx94("div", { className: "grid grid-cols-4 gap-1.5", role: "group", "aria-label": t("tableMenu.borderStyle") || "Border Style", children: [
             ["solid", "Solid"],
             ["dashed", "Dashed"],
             ["dotted", "Dotted"],
@@ -36046,16 +36175,16 @@ var BubbleMenuContent = ({
                 borderStyleDraft === style ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsx93(BorderStylePreviewIcon, { style }),
-                /* @__PURE__ */ jsx93("span", { children: label })
+                /* @__PURE__ */ jsx94(BorderStylePreviewIcon, { style }),
+                /* @__PURE__ */ jsx94("span", { children: label })
               ]
             },
             style
           )) })
         ] }),
         /* @__PURE__ */ jsxs76("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx93("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderWidth") || "Border Width" }),
-          /* @__PURE__ */ jsx93("div", { className: "grid grid-cols-4 gap-1", role: "group", "aria-label": t("tableMenu.borderWidth") || "Border Width", children: ["1px", "2px", "3px", "4px"].map((width) => /* @__PURE__ */ jsx93(
+          /* @__PURE__ */ jsx94("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderWidth") || "Border Width" }),
+          /* @__PURE__ */ jsx94("div", { className: "grid grid-cols-4 gap-1", role: "group", "aria-label": t("tableMenu.borderWidth") || "Border Width", children: ["1px", "2px", "3px", "4px"].map((width) => /* @__PURE__ */ jsx94(
             "button",
             {
               type: "button",
@@ -36077,8 +36206,8 @@ var BubbleMenuContent = ({
             onClick: () => setActiveColorPalette("cell-border-color"),
             className: "flex items-center justify-between w-full h-8 px-2 rounded-md border border-input hover:bg-accent text-xs",
             children: [
-              /* @__PURE__ */ jsx93("span", { children: t("tableMenu.borderColor") || "Border Color" }),
-              /* @__PURE__ */ jsx93(
+              /* @__PURE__ */ jsx94("span", { children: t("tableMenu.borderColor") || "Border Color" }),
+              /* @__PURE__ */ jsx94(
                 "span",
                 {
                   className: "w-4 h-4 rounded-full border border-border",
@@ -36093,7 +36222,7 @@ var BubbleMenuContent = ({
       ] });
     }
     if (activeColorPalette === "cell-border-color") {
-      return /* @__PURE__ */ jsx93("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ jsx93(
+      return /* @__PURE__ */ jsx94("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ jsx94(
         EditorColorPalette,
         {
           colors: borderColors,
@@ -36103,7 +36232,7 @@ var BubbleMenuContent = ({
         }
       ) });
     }
-    return /* @__PURE__ */ jsx93("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ jsx93(
+    return /* @__PURE__ */ jsx94("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ jsx94(
       EditorColorPalette,
       {
         colors: isTextPalette ? textColors : highlightColors,
@@ -36115,22 +36244,22 @@ var BubbleMenuContent = ({
   }
   if (isImageSelected) {
     return /* @__PURE__ */ jsxs76("div", { className: "flex items-center gap-0.5 p-1", children: [
-      /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => applyImageLayout(editor, "block"), active: imageLayout === "block", title: t("toolbar.imageLayoutBlock"), children: /* @__PURE__ */ jsx93(AlignCenter2, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => applyImageLayout(editor, "left"), active: imageLayout === "left", title: t("toolbar.imageLayoutLeft"), children: /* @__PURE__ */ jsx93(AlignLeft2, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => applyImageLayout(editor, "right"), active: imageLayout === "right", title: t("toolbar.imageLayoutRight"), children: /* @__PURE__ */ jsx93(AlignRight2, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx93("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-      /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "sm"), active: imageWidthPreset === "sm", title: t("toolbar.imageWidthSm"), children: /* @__PURE__ */ jsx93("span", { className: "text-[10px] font-semibold", children: "S" }) }),
-      /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "md"), active: imageWidthPreset === "md", title: t("toolbar.imageWidthMd"), children: /* @__PURE__ */ jsx93("span", { className: "text-[10px] font-semibold", children: "M" }) }),
-      /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "lg"), active: imageWidthPreset === "lg", title: t("toolbar.imageWidthLg"), children: /* @__PURE__ */ jsx93("span", { className: "text-[10px] font-semibold", children: "L" }) }),
-      /* @__PURE__ */ jsx93("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-      /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => resetImageSize(editor), title: t("toolbar.imageResetSize"), children: /* @__PURE__ */ jsx93(RotateCcw3, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx93(
+      /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => applyImageLayout(editor, "block"), active: imageLayout === "block", title: t("toolbar.imageLayoutBlock"), children: /* @__PURE__ */ jsx94(AlignCenter2, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => applyImageLayout(editor, "left"), active: imageLayout === "left", title: t("toolbar.imageLayoutLeft"), children: /* @__PURE__ */ jsx94(AlignLeft2, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => applyImageLayout(editor, "right"), active: imageLayout === "right", title: t("toolbar.imageLayoutRight"), children: /* @__PURE__ */ jsx94(AlignRight2, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx94("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+      /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "sm"), active: imageWidthPreset === "sm", title: t("toolbar.imageWidthSm"), children: /* @__PURE__ */ jsx94("span", { className: "text-[10px] font-semibold", children: "S" }) }),
+      /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "md"), active: imageWidthPreset === "md", title: t("toolbar.imageWidthMd"), children: /* @__PURE__ */ jsx94("span", { className: "text-[10px] font-semibold", children: "M" }) }),
+      /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "lg"), active: imageWidthPreset === "lg", title: t("toolbar.imageWidthLg"), children: /* @__PURE__ */ jsx94("span", { className: "text-[10px] font-semibold", children: "L" }) }),
+      /* @__PURE__ */ jsx94("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+      /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => resetImageSize(editor), title: t("toolbar.imageResetSize"), children: /* @__PURE__ */ jsx94(RotateCcw3, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx94(
         ToolbarButton,
         {
           onClick: () => deleteSelectedImage(editor),
           title: t("toolbar.imageDelete"),
           className: "text-destructive hover:text-destructive",
-          children: /* @__PURE__ */ jsx93(Trash23, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx94(Trash23, { className: "w-4 h-4" })
         }
       )
     ] });
@@ -36138,8 +36267,8 @@ var BubbleMenuContent = ({
   if (showFormulaPanel && isInTable2) {
     return /* @__PURE__ */ jsxs76("div", { className: "w-72 p-2", children: [
       /* @__PURE__ */ jsxs76("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx93("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("tableMenu.formula") || "Formula" }),
-        /* @__PURE__ */ jsx93(
+        /* @__PURE__ */ jsx94("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("tableMenu.formula") || "Formula" }),
+        /* @__PURE__ */ jsx94(
           "button",
           {
             type: "button",
@@ -36152,7 +36281,7 @@ var BubbleMenuContent = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx93("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: /* @__PURE__ */ jsx93(
+      /* @__PURE__ */ jsx94("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: /* @__PURE__ */ jsx94(
         "input",
         {
           value: formulaDraft,
@@ -36174,14 +36303,14 @@ var BubbleMenuContent = ({
         }
       ) }),
       /* @__PURE__ */ jsxs76("div", { className: "mt-2", children: [
-        /* @__PURE__ */ jsx93("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("tableMenu.numberFormat") || "Number format" }),
-        /* @__PURE__ */ jsx93("div", { className: "grid grid-cols-5 gap-1", children: [
+        /* @__PURE__ */ jsx94("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("tableMenu.numberFormat") || "Number format" }),
+        /* @__PURE__ */ jsx94("div", { className: "grid grid-cols-5 gap-1", children: [
           ["text", "Text"],
           ["number", "123"],
           ["currency", "$"],
           ["percent", "%"],
           ["date", "Date"]
-        ].map(([format, label]) => /* @__PURE__ */ jsx93(
+        ].map(([format, label]) => /* @__PURE__ */ jsx94(
           "button",
           {
             type: "button",
@@ -36196,7 +36325,7 @@ var BubbleMenuContent = ({
         )) })
       ] }),
       /* @__PURE__ */ jsxs76("div", { className: "mt-2 grid grid-cols-3 gap-1", children: [
-        /* @__PURE__ */ jsx93(
+        /* @__PURE__ */ jsx94(
           "button",
           {
             type: "button",
@@ -36209,7 +36338,7 @@ var BubbleMenuContent = ({
             children: t("tableMenu.apply") || "Apply"
           }
         ),
-        /* @__PURE__ */ jsx93(
+        /* @__PURE__ */ jsx94(
           "button",
           {
             type: "button",
@@ -36221,7 +36350,7 @@ var BubbleMenuContent = ({
             children: t("tableMenu.clear") || "Clear"
           }
         ),
-        /* @__PURE__ */ jsx93(
+        /* @__PURE__ */ jsx94(
           "button",
           {
             type: "button",
@@ -36236,8 +36365,8 @@ var BubbleMenuContent = ({
   if (showTypographyPanel) {
     return /* @__PURE__ */ jsxs76("div", { className: "w-72 p-2", children: [
       /* @__PURE__ */ jsxs76("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx93("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("toolbar.textStyle") }),
-        /* @__PURE__ */ jsx93(
+        /* @__PURE__ */ jsx94("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("toolbar.textStyle") }),
+        /* @__PURE__ */ jsx94(
           "button",
           {
             type: "button",
@@ -36249,9 +36378,9 @@ var BubbleMenuContent = ({
       ] }),
       /* @__PURE__ */ jsxs76("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxs76("div", { children: [
-          /* @__PURE__ */ jsx93("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.fontSize") }),
+          /* @__PURE__ */ jsx94("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.fontSize") }),
           /* @__PURE__ */ jsxs76("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: [
-            /* @__PURE__ */ jsx93(
+            /* @__PURE__ */ jsx94(
               "input",
               {
                 type: "number",
@@ -36275,8 +36404,8 @@ var BubbleMenuContent = ({
                 className: "h-full min-w-0 flex-1 bg-transparent px-2 text-center text-sm font-semibold text-foreground outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
               }
             ),
-            /* @__PURE__ */ jsx93("span", { className: "border-l border-border/50 px-2 text-[11px] text-muted-foreground", children: "px" }),
-            /* @__PURE__ */ jsx93(
+            /* @__PURE__ */ jsx94("span", { className: "border-l border-border/50 px-2 text-[11px] text-muted-foreground", children: "px" }),
+            /* @__PURE__ */ jsx94(
               "button",
               {
                 type: "button",
@@ -36286,12 +36415,12 @@ var BubbleMenuContent = ({
                   "flex h-full w-9 items-center justify-center border-l border-border/50 transition-colors hover:bg-muted",
                   showFontSizeOptions && "bg-primary/10 text-primary"
                 ),
-                children: /* @__PURE__ */ jsx93(ChevronDown9, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx94(ChevronDown9, { className: "h-4 w-4" })
               }
             )
           ] }),
           showFontSizeOptions && /* @__PURE__ */ jsxs76("div", { className: "mt-1 grid grid-cols-4 gap-1", children: [
-            /* @__PURE__ */ jsx93(
+            /* @__PURE__ */ jsx94(
               "button",
               {
                 type: "button",
@@ -36306,7 +36435,7 @@ var BubbleMenuContent = ({
                 children: "A"
               }
             ),
-            quickFontSizes.map((option) => /* @__PURE__ */ jsx93(
+            quickFontSizes.map((option) => /* @__PURE__ */ jsx94(
               "button",
               {
                 type: "button",
@@ -36325,9 +36454,9 @@ var BubbleMenuContent = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxs76("div", { children: [
-          /* @__PURE__ */ jsx93("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.lineHeight") }),
+          /* @__PURE__ */ jsx94("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.lineHeight") }),
           /* @__PURE__ */ jsxs76("div", { className: "grid grid-cols-4 gap-1", children: [
-            /* @__PURE__ */ jsx93(
+            /* @__PURE__ */ jsx94(
               "button",
               {
                 type: "button",
@@ -36339,7 +36468,7 @@ var BubbleMenuContent = ({
                 children: "LH"
               }
             ),
-            quickLineHeights.map((option) => /* @__PURE__ */ jsx93(
+            quickLineHeights.map((option) => /* @__PURE__ */ jsx94(
               "button",
               {
                 type: "button",
@@ -36365,7 +36494,7 @@ var BubbleMenuContent = ({
                 editor.isActive("subscript") ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsx93(SubscriptIcon2, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx94(SubscriptIcon, { className: "h-4 w-4" }),
                 t("toolbar.subscript")
               ]
             }
@@ -36380,7 +36509,7 @@ var BubbleMenuContent = ({
                 editor.isActive("superscript") ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsx93(SuperscriptIcon2, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx94(SuperscriptIcon, { className: "h-4 w-4" }),
                 t("toolbar.superscript")
               ]
             }
@@ -36391,21 +36520,21 @@ var BubbleMenuContent = ({
   }
   const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? AlignCenterVertical2 : currentCellVerticalAlign === "bottom" ? AlignEndVertical2 : AlignStartVertical2;
   return /* @__PURE__ */ jsxs76("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx93(BoldIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx93(ItalicIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx94(BoldIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx94(ItalicIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx94(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx93(UnderlineIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx94(UnderlineIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx93(StrikethroughIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx93(CodeIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx93("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx94(StrikethroughIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx94(CodeIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx94("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx94(
       ToolbarButton,
       {
         onMouseDown: () => {
@@ -36416,22 +36545,22 @@ var BubbleMenuContent = ({
         },
         active: editor.isActive("link"),
         title: t("toolbar.link"),
-        children: /* @__PURE__ */ jsx93(LinkIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx94(LinkIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ jsx93(TextColorIcon, { color: currentTextColor }) }),
-    /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ jsx93(HighlightColorIcon, { color: currentHighlightColor }) }),
+    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ jsx94(TextColorIcon, { color: currentTextColor }) }),
+    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ jsx94(HighlightColorIcon, { color: currentHighlightColor }) }),
     isInTable2 && /* @__PURE__ */ jsxs76(Fragment31, { children: [
-      /* @__PURE__ */ jsx93(
+      /* @__PURE__ */ jsx94(
         ToolbarButton,
         {
           onClick: () => setActiveColorPalette("cell-bg"),
           active: Boolean(currentCellBgColor),
           title: t("tableMenu.cellBackground") || "Cell background",
-          children: /* @__PURE__ */ jsx93(CellBgColorIcon, { color: currentCellBgColor })
+          children: /* @__PURE__ */ jsx94(CellBgColorIcon, { color: currentCellBgColor })
         }
       ),
-      /* @__PURE__ */ jsx93(
+      /* @__PURE__ */ jsx94(
         ToolbarButton,
         {
           onMouseDown: () => {
@@ -36442,7 +36571,7 @@ var BubbleMenuContent = ({
             editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor || editor.getAttributes("tableCell").borderStyle || editor.getAttributes("tableHeader").borderStyle || editor.getAttributes("tableCell").borderWidth || editor.getAttributes("tableHeader").borderWidth
           ),
           title: t("tableMenu.cellBorder") || "Cell border",
-          children: /* @__PURE__ */ jsx93(
+          children: /* @__PURE__ */ jsx94(
             CellBorderIcon,
             {
               color: editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor
@@ -36450,7 +36579,7 @@ var BubbleMenuContent = ({
           )
         }
       ),
-      /* @__PURE__ */ jsx93(
+      /* @__PURE__ */ jsx94(
         ToolbarButton,
         {
           onMouseDown: () => {
@@ -36462,10 +36591,10 @@ var BubbleMenuContent = ({
           },
           active: Boolean(currentCellFormula),
           title: t("tableMenu.formula") || "Formula",
-          children: /* @__PURE__ */ jsx93(Sigma2, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx94(Sigma2, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ jsx93(
+      /* @__PURE__ */ jsx94(
         ToolbarButton,
         {
           onClick: () => {
@@ -36478,7 +36607,7 @@ var BubbleMenuContent = ({
           active: canSplitCell,
           disabled: !canMergeCells && !canSplitCell,
           title: canSplitCell ? t("tableMenu.splitCell") || "Split cell" : t("tableMenu.mergeCells") || "Merge cells",
-          children: /* @__PURE__ */ jsx93(TableCellsMerge2, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx94(TableCellsMerge2, { className: "w-4 h-4" })
         }
       ),
       /* @__PURE__ */ jsxs76(
@@ -36497,13 +36626,13 @@ var BubbleMenuContent = ({
               },
               title: t("tableMenu.alignVertical") || "Vertical alignment",
               children: [
-                /* @__PURE__ */ jsx93(VerticalAlignActiveIcon, { className: "w-4 h-4" }),
-                /* @__PURE__ */ jsx93(ChevronDown9, { className: "w-3 h-3" })
+                /* @__PURE__ */ jsx94(VerticalAlignActiveIcon, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx94(ChevronDown9, { className: "w-3 h-3" })
               ]
             }
           ),
           children: [
-            /* @__PURE__ */ jsx93(
+            /* @__PURE__ */ jsx94(
               DropdownMenuItem,
               {
                 icon: AlignStartVertical2,
@@ -36512,7 +36641,7 @@ var BubbleMenuContent = ({
                 active: currentCellVerticalAlign === "top"
               }
             ),
-            /* @__PURE__ */ jsx93(
+            /* @__PURE__ */ jsx94(
               DropdownMenuItem,
               {
                 icon: AlignCenterVertical2,
@@ -36521,7 +36650,7 @@ var BubbleMenuContent = ({
                 active: currentCellVerticalAlign === "middle"
               }
             ),
-            /* @__PURE__ */ jsx93(
+            /* @__PURE__ */ jsx94(
               DropdownMenuItem,
               {
                 icon: AlignEndVertical2,
@@ -36549,13 +36678,13 @@ var BubbleMenuContent = ({
               },
               title: t("tableMenu.textDirection"),
               children: [
-                currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx93(ArrowDown2, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx93(ArrowRight2, { className: "w-4 h-4" }),
-                /* @__PURE__ */ jsx93(ChevronDown9, { className: "w-3 h-3" })
+                currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx94(ArrowDown2, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx94(ArrowRight2, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx94(ChevronDown9, { className: "w-3 h-3" })
               ]
             }
           ),
           children: [
-            /* @__PURE__ */ jsx93(
+            /* @__PURE__ */ jsx94(
               DropdownMenuItem,
               {
                 icon: ArrowRight2,
@@ -36564,7 +36693,7 @@ var BubbleMenuContent = ({
                 active: currentCellTextDirection === "horizontal"
               }
             ),
-            /* @__PURE__ */ jsx93(
+            /* @__PURE__ */ jsx94(
               DropdownMenuItem,
               {
                 icon: ArrowDown2,
@@ -36577,13 +36706,13 @@ var BubbleMenuContent = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx94(
       ToolbarButton,
       {
         onClick: () => setShowTypographyPanel(true),
         active: Boolean(currentFontSize || currentLineHeight || editor.isActive("subscript") || editor.isActive("superscript")),
         title: t("toolbar.textStyle"),
-        children: /* @__PURE__ */ jsx93(Type3, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx94(Type3, { className: "w-4 h-4" })
       }
     )
   ] });
@@ -36599,11 +36728,11 @@ var LinkPreviewContent = ({ editor, onEdit }) => {
     editor.chain().focus().unsetLink().run();
   };
   return /* @__PURE__ */ jsxs76("div", { className: "flex items-center gap-1 p-1 max-w-sm", children: [
-    /* @__PURE__ */ jsx93("span", { className: "text-xs text-muted-foreground font-mono px-2 truncate max-w-45", children: url }),
-    /* @__PURE__ */ jsx93("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx93(ToolbarButton, { onClick: handleOpen, title: t("linkPreview.open") || "Open link", children: /* @__PURE__ */ jsx93(ExternalLink3, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx93(ToolbarButton, { onClick: onEdit, title: t("linkPreview.edit") || "Edit link", children: /* @__PURE__ */ jsx93(Edit2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx93(ToolbarButton, { onClick: handleUnlink, title: t("linkPreview.unlink") || "Remove link", className: "text-destructive hover:text-destructive", children: /* @__PURE__ */ jsx93(Unlink, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ jsx94("span", { className: "text-xs text-muted-foreground font-mono px-2 truncate max-w-45", children: url }),
+    /* @__PURE__ */ jsx94("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: handleOpen, title: t("linkPreview.open") || "Open link", children: /* @__PURE__ */ jsx94(ExternalLink3, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: onEdit, title: t("linkPreview.edit") || "Edit link", children: /* @__PURE__ */ jsx94(Edit2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: handleUnlink, title: t("linkPreview.unlink") || "Remove link", className: "text-destructive hover:text-destructive", children: /* @__PURE__ */ jsx94(Unlink, { className: "w-4 h-4" }) })
   ] });
 };
 var CustomBubbleMenu = ({
@@ -36763,7 +36892,7 @@ var CustomBubbleMenu = ({
   }, [editor]);
   if (!isVisible) return null;
   return createPortal8(
-    /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx94(
       "div",
       {
         ref: menuRef,
@@ -36783,7 +36912,7 @@ var CustomBubbleMenu = ({
           }
           e.preventDefault();
         },
-        children: editor.isActive("link") && !keepOpen && !linkInputOpen ? /* @__PURE__ */ jsx93(
+        children: editor.isActive("link") && !keepOpen && !linkInputOpen ? /* @__PURE__ */ jsx94(
           LinkPreviewContent,
           {
             editor,
@@ -36792,7 +36921,7 @@ var CustomBubbleMenu = ({
               setKeepOpen(true);
             }
           }
-        ) : /* @__PURE__ */ jsx93(
+        ) : /* @__PURE__ */ jsx94(
           BubbleMenuContent,
           {
             editor,
@@ -36841,7 +36970,7 @@ var CustomFloatingMenu = ({ editor }) => {
   }, [editor]);
   if (!isVisible) return null;
   return createPortal8(
-    /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx94(
       "div",
       {
         "data-popover": true,
@@ -36852,7 +36981,7 @@ var CustomFloatingMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx93(FloatingMenuContent, { editor })
+        children: /* @__PURE__ */ jsx94(FloatingMenuContent, { editor })
       }
     ),
     document.body
@@ -37299,7 +37428,7 @@ async function prepareUEditorContentForSave({
 }
 
 // src/components/UEditor/table-controls.tsx
-import React85 from "react";
+import React86 from "react";
 
 // node_modules/prosemirror-model/dist/index.js
 function findDiffStart(a, b, pos) {
@@ -41784,7 +41913,7 @@ function buildTableHoverState({
 }
 
 // src/components/UEditor/table-drag-preview.tsx
-import { Fragment as Fragment33, jsx as jsx94, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx95, jsxs as jsxs78 } from "react/jsx-runtime";
 function TableDragPreview({
   columnDragLabel,
   dragPreview,
@@ -41797,7 +41926,7 @@ function TableDragPreview({
   const dragStatusText = dragPreview.kind === "row" ? `${rowDragLabel} ${dragPreview.originIndex + 1} -> ${dragPreview.targetIndex + 1}` : dragPreview.kind === "column" ? `${columnDragLabel} ${dragPreview.originIndex + 1} -> ${dragPreview.targetIndex + 1}` : dragPreview.kind === "add-row" ? `+${dragPreview.previewRows}R` : `+${dragPreview.previewCols}C`;
   return /* @__PURE__ */ jsxs78(Fragment33, { children: [
     dragPreview.kind === "row" && /* @__PURE__ */ jsxs78(Fragment33, { children: [
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "div",
         {
           "aria-hidden": "true",
@@ -41810,7 +41939,7 @@ function TableDragPreview({
           }
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "div",
         {
           "aria-hidden": "true",
@@ -41825,7 +41954,7 @@ function TableDragPreview({
       )
     ] }),
     dragPreview.kind === "column" && /* @__PURE__ */ jsxs78(Fragment33, { children: [
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "div",
         {
           "aria-hidden": "true",
@@ -41838,7 +41967,7 @@ function TableDragPreview({
           }
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "div",
         {
           "aria-hidden": "true",
@@ -41852,7 +41981,7 @@ function TableDragPreview({
         }
       )
     ] }),
-    (dragPreview.kind === "add-row" || dragPreview.kind === "add-column") && /* @__PURE__ */ jsx94(
+    (dragPreview.kind === "add-row" || dragPreview.kind === "add-column") && /* @__PURE__ */ jsx95(
       "div",
       {
         "aria-hidden": "true",
@@ -41865,7 +41994,7 @@ function TableDragPreview({
         }
       }
     ),
-    /* @__PURE__ */ jsx94(
+    /* @__PURE__ */ jsx95(
       "div",
       {
         role: "status",
@@ -41881,7 +42010,7 @@ function TableDragPreview({
 }
 
 // src/components/UEditor/table-add-rails.tsx
-import { Fragment as Fragment34, jsx as jsx95, jsxs as jsxs79 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx96, jsxs as jsxs79 } from "react/jsx-runtime";
 var ADD_COLUMN_RAIL_GAP = 4;
 var ADD_ROW_RAIL_GAP = 4;
 function TableAddRails({
@@ -41903,12 +42032,12 @@ function TableAddRails({
   const showColumnRail = controlsVisible || addColumnVisible;
   const showRowRail = controlsVisible || addRowVisible;
   return /* @__PURE__ */ jsxs79(Fragment34, { children: [
-    /* @__PURE__ */ jsx95(
+    /* @__PURE__ */ jsx96(
       Tooltip,
       {
         placement: "right",
-        content: /* @__PURE__ */ jsx95("span", { className: "text-xs font-medium", children: quickAddColumnLabel }),
-        children: /* @__PURE__ */ jsx95(
+        content: /* @__PURE__ */ jsx96("span", { className: "text-xs font-medium", children: quickAddColumnLabel }),
+        children: /* @__PURE__ */ jsx96(
           "button",
           {
             type: "button",
@@ -41935,17 +42064,17 @@ function TableAddRails({
               transform: showColumnRail ? "scale(1)" : "scale(0.92)",
               pointerEvents: showColumnRail ? "auto" : "none"
             },
-            children: /* @__PURE__ */ jsx95("span", { className: "text-sm font-medium leading-none", children: "+" })
+            children: /* @__PURE__ */ jsx96("span", { className: "text-sm font-medium leading-none", children: "+" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx95(
+    /* @__PURE__ */ jsx96(
       Tooltip,
       {
         placement: "bottom",
-        content: /* @__PURE__ */ jsx95("span", { className: "text-xs font-medium", children: quickAddRowLabel }),
-        children: /* @__PURE__ */ jsx95(
+        content: /* @__PURE__ */ jsx96("span", { className: "text-xs font-medium", children: quickAddRowLabel }),
+        children: /* @__PURE__ */ jsx96(
           "button",
           {
             type: "button",
@@ -41972,7 +42101,7 @@ function TableAddRails({
               transform: showRowRail ? "scale(1)" : "scale(0.92)",
               pointerEvents: showRowRail ? "auto" : "none"
             },
-            children: /* @__PURE__ */ jsx95("span", { className: "text-sm font-medium leading-none", children: "+" })
+            children: /* @__PURE__ */ jsx96("span", { className: "text-sm font-medium leading-none", children: "+" })
           }
         )
       }
@@ -41982,7 +42111,7 @@ function TableAddRails({
 
 // src/components/UEditor/table-control-menu.tsx
 import { MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import { jsx as jsx96 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 function TableControlMenu({
   controlsVisible,
   isOpen,
@@ -41994,7 +42123,7 @@ function TableControlMenu({
   top
 }) {
   const shown = controlsVisible || menuVisible || isOpen;
-  return /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsx97(
     "div",
     {
       className: "absolute z-30",
@@ -42003,13 +42132,13 @@ function TableControlMenu({
         top,
         left
       },
-      children: /* @__PURE__ */ jsx96(
+      children: /* @__PURE__ */ jsx97(
         Tooltip,
         {
           placement: "top",
           disabled: isOpen,
-          content: /* @__PURE__ */ jsx96("span", { className: "text-xs font-medium", children: label }),
-          children: /* @__PURE__ */ jsx96("span", { className: "inline-flex", children: /* @__PURE__ */ jsx96(
+          content: /* @__PURE__ */ jsx97("span", { className: "text-xs font-medium", children: label }),
+          children: /* @__PURE__ */ jsx97("span", { className: "inline-flex", children: /* @__PURE__ */ jsx97(
             DropdownMenu,
             {
               placement: "bottom-start",
@@ -42017,7 +42146,7 @@ function TableControlMenu({
               onOpenChange,
               contentClassName: "p-2",
               items,
-              trigger: /* @__PURE__ */ jsx96(
+              trigger: /* @__PURE__ */ jsx97(
                 "button",
                 {
                   type: "button",
@@ -42033,7 +42162,7 @@ function TableControlMenu({
                     transform: shown ? "scale(1)" : "scale(0.82)",
                     pointerEvents: shown ? "auto" : "none"
                   },
-                  children: /* @__PURE__ */ jsx96(MoreHorizontal2, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx97(MoreHorizontal2, { className: "h-4 w-4" })
                 }
               )
             }
@@ -42046,7 +42175,7 @@ function TableControlMenu({
 
 // src/components/UEditor/table-axis-handles.tsx
 import { GripHorizontal, GripVertical as GripVertical3 } from "lucide-react";
-import { Fragment as Fragment35, jsx as jsx97 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx98 } from "react/jsx-runtime";
 var IDLE_HANDLE_SCALE = "0.78";
 function TableRowHandles({
   activeRowIndex,
@@ -42060,12 +42189,12 @@ function TableRowHandles({
   rowHandleLeft,
   rowHandles
 }) {
-  return /* @__PURE__ */ jsx97(Fragment35, { children: rowHandles.map((rowHandle) => {
+  return /* @__PURE__ */ jsx98(Fragment35, { children: rowHandles.map((rowHandle) => {
     const menuKey = `row:${rowHandle.index}`;
     const isActive = rowHandle.index === activeRowIndex;
     const visible = controlsVisible || hoverRowHandleIndex === rowHandle.index || openMenuKey === menuKey;
     const isShown = visible || isActive;
-    return /* @__PURE__ */ jsx97(
+    return /* @__PURE__ */ jsx98(
       "div",
       {
         className: "absolute z-30",
@@ -42074,13 +42203,13 @@ function TableRowHandles({
           top: Math.max(8, rowHandle.center - 12),
           left: rowHandleLeft
         },
-        children: /* @__PURE__ */ jsx97(
+        children: /* @__PURE__ */ jsx98(
           Tooltip,
           {
             placement: "right",
             disabled: openMenuKey === menuKey || !visible && isActive,
-            content: /* @__PURE__ */ jsx97("span", { className: "text-xs font-medium", children: `${rowDragLabel} ${rowHandle.index + 1}` }),
-            children: /* @__PURE__ */ jsx97("span", { className: "inline-flex", children: /* @__PURE__ */ jsx97(
+            content: /* @__PURE__ */ jsx98("span", { className: "text-xs font-medium", children: `${rowDragLabel} ${rowHandle.index + 1}` }),
+            children: /* @__PURE__ */ jsx98("span", { className: "inline-flex", children: /* @__PURE__ */ jsx98(
               DropdownMenu,
               {
                 placement: "right",
@@ -42088,7 +42217,7 @@ function TableRowHandles({
                 onOpenChange: (open) => onOpenMenuChange(menuKey, open),
                 contentClassName: "p-2",
                 items: getMenuItems(rowHandle),
-                trigger: /* @__PURE__ */ jsx97(
+                trigger: /* @__PURE__ */ jsx98(
                   "button",
                   {
                     type: "button",
@@ -42107,7 +42236,7 @@ function TableRowHandles({
                       transform: isShown ? "scale(1)" : `scale(${IDLE_HANDLE_SCALE})`,
                       pointerEvents: isShown ? "auto" : "none"
                     },
-                    children: visible ? /* @__PURE__ */ jsx97(GripVertical3, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx97("div", { className: "h-3 w-1 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
+                    children: visible ? /* @__PURE__ */ jsx98(GripVertical3, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx98("div", { className: "h-3 w-1 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
                   }
                 )
               }
@@ -42131,12 +42260,12 @@ function TableColumnHandles({
   onStartDrag,
   openMenuKey
 }) {
-  return /* @__PURE__ */ jsx97(Fragment35, { children: columnHandles.map((columnHandle) => {
+  return /* @__PURE__ */ jsx98(Fragment35, { children: columnHandles.map((columnHandle) => {
     const menuKey = `column:${columnHandle.index}`;
     const isActive = columnHandle.index === activeColumnIndex;
     const visible = controlsVisible || hoverColumnHandleIndex === columnHandle.index || openMenuKey === menuKey;
     const isShown = visible || isActive;
-    return /* @__PURE__ */ jsx97(
+    return /* @__PURE__ */ jsx98(
       "div",
       {
         className: "absolute z-30",
@@ -42145,13 +42274,13 @@ function TableColumnHandles({
           top: columnHandleTop,
           left: Math.max(8, columnHandle.center - 12)
         },
-        children: /* @__PURE__ */ jsx97(
+        children: /* @__PURE__ */ jsx98(
           Tooltip,
           {
             placement: "top",
             disabled: openMenuKey === menuKey || !visible && isActive,
-            content: /* @__PURE__ */ jsx97("span", { className: "text-xs font-medium", children: `${columnDragLabel} ${columnHandle.index + 1}` }),
-            children: /* @__PURE__ */ jsx97("span", { className: "inline-flex", children: /* @__PURE__ */ jsx97(
+            content: /* @__PURE__ */ jsx98("span", { className: "text-xs font-medium", children: `${columnDragLabel} ${columnHandle.index + 1}` }),
+            children: /* @__PURE__ */ jsx98("span", { className: "inline-flex", children: /* @__PURE__ */ jsx98(
               DropdownMenu,
               {
                 placement: "bottom-start",
@@ -42159,7 +42288,7 @@ function TableColumnHandles({
                 onOpenChange: (open) => onOpenMenuChange(menuKey, open),
                 contentClassName: "p-2",
                 items: getMenuItems(columnHandle),
-                trigger: /* @__PURE__ */ jsx97(
+                trigger: /* @__PURE__ */ jsx98(
                   "button",
                   {
                     type: "button",
@@ -42178,7 +42307,7 @@ function TableColumnHandles({
                       transform: isShown ? "scale(1)" : `scale(${IDLE_HANDLE_SCALE})`,
                       pointerEvents: isShown ? "auto" : "none"
                     },
-                    children: visible ? /* @__PURE__ */ jsx97(GripHorizontal, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx97("div", { className: "h-1 w-3 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
+                    children: visible ? /* @__PURE__ */ jsx98(GripHorizontal, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx98("div", { className: "h-1 w-3 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
                   }
                 )
               }
@@ -42192,7 +42321,7 @@ function TableColumnHandles({
 }
 
 // src/components/UEditor/table-controls.tsx
-import { Fragment as Fragment36, jsx as jsx98, jsxs as jsxs80 } from "react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx99, jsxs as jsxs80 } from "react/jsx-runtime";
 var TABLE_MENU_TOP_OFFSET = 10;
 function nearestIndex(centers, position) {
   let bestIndex = 0;
@@ -42218,17 +42347,17 @@ function getSelectedCell(editor) {
 }
 function TableControls({ editor, containerRef }) {
   const t = useSmartTranslations("UEditor");
-  const [layout, setLayout] = React85.useState(null);
-  const [dragPreview, setDragPreview] = React85.useState(null);
-  const [hoverState, setHoverState] = React85.useState(DEFAULT_TABLE_HOVER_STATE);
-  const [openMenuKey, setOpenMenuKey] = React85.useState(null);
-  const layoutRef = React85.useRef(null);
-  const dragStateRef = React85.useRef(null);
-  const syncFrameRef = React85.useRef(null);
-  React85.useEffect(() => {
+  const [layout, setLayout] = React86.useState(null);
+  const [dragPreview, setDragPreview] = React86.useState(null);
+  const [hoverState, setHoverState] = React86.useState(DEFAULT_TABLE_HOVER_STATE);
+  const [openMenuKey, setOpenMenuKey] = React86.useState(null);
+  const layoutRef = React86.useRef(null);
+  const dragStateRef = React86.useRef(null);
+  const syncFrameRef = React86.useRef(null);
+  React86.useEffect(() => {
     layoutRef.current = layout;
   }, [layout]);
-  const syncFromCell = React85.useCallback((cell) => {
+  const syncFromCell = React86.useCallback((cell) => {
     const surface = containerRef.current;
     if (!surface || !cell) {
       setLayout(null);
@@ -42236,23 +42365,23 @@ function TableControls({ editor, containerRef }) {
     }
     setLayout(buildTableControlLayout(editor, surface, cell));
   }, [containerRef, editor]);
-  const syncFromSelection = React85.useCallback(() => {
+  const syncFromSelection = React86.useCallback(() => {
     syncFromCell(getSelectedCell(editor));
   }, [editor, syncFromCell]);
-  const scheduleSyncFromSelection = React85.useCallback(() => {
+  const scheduleSyncFromSelection = React86.useCallback(() => {
     if (syncFrameRef.current !== null) return;
     syncFrameRef.current = window.requestAnimationFrame(() => {
       syncFrameRef.current = null;
       syncFromSelection();
     });
   }, [syncFromSelection]);
-  React85.useEffect(() => () => {
+  React86.useEffect(() => () => {
     if (syncFrameRef.current !== null) {
       window.cancelAnimationFrame(syncFrameRef.current);
       syncFrameRef.current = null;
     }
   }, []);
-  const refreshCurrentLayout = React85.useCallback(() => {
+  const refreshCurrentLayout = React86.useCallback(() => {
     setLayout((prev) => {
       if (!prev) return prev;
       const surface = containerRef.current;
@@ -42262,12 +42391,12 @@ function TableControls({ editor, containerRef }) {
       return cell ? buildTableControlLayout(editor, surface, cell) : null;
     });
   }, [containerRef, editor]);
-  const clearDrag = React85.useCallback(() => {
+  const clearDrag = React86.useCallback(() => {
     dragStateRef.current = null;
     setDragPreview(null);
     document.body.style.cursor = "";
   }, []);
-  const updateHoverState = React85.useCallback((event) => {
+  const updateHoverState = React86.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
     if (!activeLayout || !surface || dragStateRef.current) {
@@ -42283,7 +42412,7 @@ function TableControls({ editor, containerRef }) {
       return areTableHoverStatesEqual(prev, nextState) ? prev : nextState;
     });
   }, [containerRef]);
-  React85.useEffect(() => {
+  React86.useEffect(() => {
     const proseMirror = editor.view.dom;
     const surface = containerRef.current;
     if (!surface) return void 0;
@@ -42334,37 +42463,37 @@ function TableControls({ editor, containerRef }) {
       editor.off("update", refreshCurrentLayout);
     };
   }, [clearDrag, containerRef, editor, refreshCurrentLayout, syncFromCell, syncFromSelection, updateHoverState]);
-  const runAtCellPos = React85.useCallback((cellPos, command, options) => {
+  const runAtCellPos = React86.useCallback((cellPos, command, options) => {
     const result = runTableCommandAtCellPos(editor, cellPos, command);
     if (options?.sync !== false) {
       scheduleSyncFromSelection();
     }
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const runAtActiveCell = React85.useCallback((command, options) => {
+  const runAtActiveCell = React86.useCallback((command, options) => {
     return runAtCellPos(layoutRef.current?.cellPos ?? null, command, options);
   }, [runAtCellPos]);
-  const duplicateRowAt = React85.useCallback((rowIndex, cellPos) => {
+  const duplicateRowAt = React86.useCallback((rowIndex, cellPos) => {
     const result = duplicateTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearRowAt = React85.useCallback((rowIndex, cellPos) => {
+  const clearRowAt = React86.useCallback((rowIndex, cellPos) => {
     const result = clearTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const duplicateColumnAt = React85.useCallback((columnIndex, cellPos) => {
+  const duplicateColumnAt = React86.useCallback((columnIndex, cellPos) => {
     const result = duplicateTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearColumnAt = React85.useCallback((columnIndex, cellPos) => {
+  const clearColumnAt = React86.useCallback((columnIndex, cellPos) => {
     const result = clearTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const expandTableBy = React85.useCallback((rows, cols) => {
+  const expandTableBy = React86.useCallback((rows, cols) => {
     const activeCellPos = layoutRef.current?.cellPos ?? editor.state.selection.from;
     const result = expandTableFromCell(editor, activeCellPos, rows, cols);
     scheduleSyncFromSelection();
@@ -42373,19 +42502,19 @@ function TableControls({ editor, containerRef }) {
   const canExpandTable = Boolean(layout);
   const controlsVisible = dragPreview !== null;
   const tableMenuOpen = openMenuKey === "table";
-  const startAddColumnDrag = React85.useCallback(() => {
+  const startAddColumnDrag = React86.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-column", previewCols: 1 };
     setDragPreview({ kind: "add-column", previewCols: 1 });
     document.body.style.cursor = "ew-resize";
   }, []);
-  const startAddRowDrag = React85.useCallback(() => {
+  const startAddRowDrag = React86.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-row", previewRows: 1 };
     setDragPreview({ kind: "add-row", previewRows: 1 });
     document.body.style.cursor = "ns-resize";
   }, []);
-  const startRowDrag = React85.useCallback((rowHandle) => {
+  const startRowDrag = React86.useCallback((rowHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "row",
@@ -42402,7 +42531,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  const startColumnDrag = React85.useCallback((columnHandle) => {
+  const startColumnDrag = React86.useCallback((columnHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "column",
@@ -42419,7 +42548,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  React85.useEffect(() => {
+  React86.useEffect(() => {
     const handleMouseMove2 = (event) => {
       const dragState = dragStateRef.current;
       const activeLayout = layoutRef.current;
@@ -42508,7 +42637,7 @@ function TableControls({ editor, containerRef }) {
       window.removeEventListener("blur", clearDrag);
     };
   }, [clearDrag, containerRef, editor, expandTableBy, scheduleSyncFromSelection]);
-  const menuItems = React85.useMemo(() => {
+  const menuItems = React86.useMemo(() => {
     if (!layout) return [];
     return [
       {
@@ -42576,7 +42705,7 @@ function TableControls({ editor, containerRef }) {
       }
     ];
   }, [editor, layout, runAtActiveCell, t]);
-  const getRowHandleMenuItems = React85.useCallback((rowHandle) => [
+  const getRowHandleMenuItems = React86.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
       icon: ArrowUp2,
@@ -42604,7 +42733,7 @@ function TableControls({ editor, containerRef }) {
       destructive: true
     }
   ], [clearRowAt, duplicateRowAt, runAtCellPos, t]);
-  const getColumnHandleMenuItems = React85.useCallback((columnHandle) => [
+  const getColumnHandleMenuItems = React86.useCallback((columnHandle) => [
     {
       label: t("tableMenu.addColumnBefore"),
       icon: ArrowLeft2,
@@ -42640,7 +42769,7 @@ function TableControls({ editor, containerRef }) {
   const rowHandleLeft = layout.tableLeft - 12;
   const columnHandleTop = layout.tableTop - 12;
   return /* @__PURE__ */ jsxs80(Fragment36, { children: [
-    /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsx99(
       TableRowHandles,
       {
         activeRowIndex: layout.activeRowIndex,
@@ -42657,7 +42786,7 @@ function TableControls({ editor, containerRef }) {
         rowHandles: layout.rowHandles
       }
     ),
-    /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsx99(
       TableColumnHandles,
       {
         activeColumnIndex: layout.activeColumnIndex,
@@ -42674,7 +42803,7 @@ function TableControls({ editor, containerRef }) {
         openMenuKey
       }
     ),
-    /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsx99(
       TableControlMenu,
       {
         controlsVisible,
@@ -42689,7 +42818,7 @@ function TableControls({ editor, containerRef }) {
         top: menuTop
       }
     ),
-    /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsx99(
       TableAddRails,
       {
         addColumnVisible: hoverState.addColumnVisible,
@@ -42703,7 +42832,7 @@ function TableControls({ editor, containerRef }) {
         quickAddRowLabel: t("tableMenu.quickAddRowAfter")
       }
     ),
-    /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsx99(
       TableDragPreview,
       {
         columnDragLabel: t("tableMenu.dragColumn"),
@@ -42921,10 +43050,10 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
 );
 
 // src/components/UEditor/use-table-interactions.ts
-import React87, { useEffect as useEffect39, useRef as useRef37 } from "react";
+import React88, { useEffect as useEffect39, useRef as useRef37 } from "react";
 
 // src/components/UEditor/use-table-row-resize.ts
-import React86, { useRef as useRef36 } from "react";
+import React87, { useRef as useRef36 } from "react";
 function useTableRowResize({
   editor,
   setHoveredTableCell,
@@ -42934,15 +43063,15 @@ function useTableRowResize({
   scheduleTableLayoutSync
 }) {
   const stateRef = useRef36(null);
-  const syncActiveGuide = React86.useCallback(() => {
+  const syncActiveGuide = React87.useCallback(() => {
     const state = stateRef.current;
     if (!state) return false;
     setHoveredTableCell(state.cellElement);
     showRowGuide(state.tableElement, state.rowElement, state.cellElement, state.pendingHeight);
     return true;
   }, [setHoveredTableCell, showRowGuide]);
-  const isResizing = React86.useCallback(() => stateRef.current !== null, []);
-  const beginResize = React86.useCallback((event, table, row, cell) => {
+  const isResizing = React87.useCallback(() => stateRef.current !== null, []);
+  const beginResize = React87.useCallback((event, table, row, cell) => {
     if (!editor || !isRowResizeHotspot(cell, event.clientX, event.clientY)) {
       return false;
     }
@@ -42968,7 +43097,7 @@ function useTableRowResize({
     event.stopPropagation();
     return true;
   }, [editor, setHoveredTableCell, showRowGuide]);
-  const handlePointerMove = React86.useCallback((event) => {
+  const handlePointerMove = React87.useCallback((event) => {
     const state = stateRef.current;
     if (!state) return;
     const nextHeight = Math.max(
@@ -42985,7 +43114,7 @@ function useTableRowResize({
     document.body.style.cursor = "row-resize";
     showRowGuide(state.tableElement, state.rowElement, state.cellElement, nextHeight);
   }, [showRowGuide]);
-  const handlePointerUp = React86.useCallback((event) => {
+  const handlePointerUp = React87.useCallback((event) => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -43009,7 +43138,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, editor, scheduleTableLayoutSync]);
-  const cancelResize = React86.useCallback(() => {
+  const cancelResize = React87.useCallback(() => {
     if (!stateRef.current) return;
     stateRef.current = null;
     document.body.style.cursor = "";
@@ -43017,7 +43146,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, scheduleTableLayoutSync]);
-  const cleanup = React86.useCallback(() => {
+  const cleanup = React87.useCallback(() => {
     stateRef.current = null;
     document.body.style.cursor = "";
   }, []);
@@ -43042,16 +43171,16 @@ function useUEditorTableInteractions(editor, editable = true) {
   const activeTableCellRef = useRef37(null);
   const suppressActiveCellHighlightRef = useRef37(false);
   const tableLayoutSyncFrameRef = useRef37(null);
-  const getProseMirrorElement = React87.useCallback(() => {
+  const getProseMirrorElement = React88.useCallback(() => {
     return editorContentRef.current?.querySelector(".ProseMirror");
   }, []);
-  const setEditorResizeCursor = React87.useCallback((cursor) => {
+  const setEditorResizeCursor = React88.useCallback((cursor) => {
     const proseMirror = getProseMirrorElement();
     if (proseMirror) {
       proseMirror.style.cursor = cursor;
     }
   }, [getProseMirrorElement]);
-  const hideColumnGuide = React87.useCallback(() => {
+  const hideColumnGuide = React88.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-cursor");
     getProseMirrorElement()?.classList.remove("resize-cursor");
     const guide = tableColumnGuideRef.current;
@@ -43059,7 +43188,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const hideRowGuide = React87.useCallback(() => {
+  const hideRowGuide = React88.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-row-cursor");
     getProseMirrorElement()?.classList.remove("resize-row-cursor");
     const guide = tableRowGuideRef.current;
@@ -43067,12 +43196,12 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const clearAllTableResizeHover = React87.useCallback(() => {
+  const clearAllTableResizeHover = React88.useCallback(() => {
     setEditorResizeCursor("");
     hideColumnGuide();
     hideRowGuide();
   }, [hideColumnGuide, hideRowGuide, setEditorResizeCursor]);
-  const updateActiveCellHighlight = React87.useCallback((cell) => {
+  const updateActiveCellHighlight = React88.useCallback((cell) => {
     const surface = editorContentRef.current;
     const highlight = activeTableCellHighlightRef.current;
     if (!highlight) return;
@@ -43087,7 +43216,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     highlight.style.width = `${metrics.width}px`;
     highlight.style.height = `${metrics.height}px`;
   }, []);
-  const scheduleTableLayoutSync = React87.useCallback(() => {
+  const scheduleTableLayoutSync = React88.useCallback(() => {
     if (tableLayoutSyncFrameRef.current !== null) return;
     tableLayoutSyncFrameRef.current = window.requestAnimationFrame(() => {
       tableLayoutSyncFrameRef.current = null;
@@ -43095,7 +43224,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       editorContentRef.current?.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT));
     });
   }, [updateActiveCellHighlight]);
-  const setActiveTableCell = React87.useCallback((cell) => {
+  const setActiveTableCell = React88.useCallback((cell) => {
     if (activeTableCellRef.current === cell) {
       updateActiveCellHighlight(cell);
       return;
@@ -43103,17 +43232,17 @@ function useUEditorTableInteractions(editor, editable = true) {
     activeTableCellRef.current = cell;
     updateActiveCellHighlight(activeTableCellRef.current);
   }, [updateActiveCellHighlight]);
-  const clearActiveTableCell = React87.useCallback(() => {
+  const clearActiveTableCell = React88.useCallback(() => {
     activeTableCellRef.current = null;
     updateActiveCellHighlight(null);
   }, [updateActiveCellHighlight]);
-  const setHoveredTableCell = React87.useCallback((cell) => {
+  const setHoveredTableCell = React88.useCallback((cell) => {
     hoveredTableCellRef.current = cell;
   }, []);
-  const clearHoveredTableCell = React87.useCallback(() => {
+  const clearHoveredTableCell = React88.useCallback(() => {
     hoveredTableCellRef.current = null;
   }, []);
-  const showColumnGuide = React87.useCallback((table, row, cell) => {
+  const showColumnGuide = React88.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableColumnGuideRef.current;
     if (!surface || !guide) return;
@@ -43127,7 +43256,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     getProseMirrorElement()?.classList.add("resize-cursor");
     setEditorResizeCursor("col-resize");
   }, [getProseMirrorElement, setEditorResizeCursor]);
-  const showRowGuide = React87.useCallback((table, row, cell, previewHeight) => {
+  const showRowGuide = React88.useCallback((table, row, cell, previewHeight) => {
     const surface = editorContentRef.current;
     const guide = tableRowGuideRef.current;
     if (!surface || !guide) return;
@@ -43159,7 +43288,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     clearAllTableResizeHover,
     scheduleTableLayoutSync
   });
-  const syncActiveTableCellFromSelection = React87.useCallback(() => {
+  const syncActiveTableCellFromSelection = React88.useCallback(() => {
     if (!editor) return;
     if (!editor.isFocused) {
       clearActiveTableCell();
@@ -43820,35 +43949,35 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
 }
 
 // src/components/UEditor/menu-bar.tsx
-import React88, { useMemo as useMemo26, useRef as useRef39, useState as useState52 } from "react";
+import React89, { useMemo as useMemo26, useRef as useRef39, useState as useState52 } from "react";
 import { useEditorState as useEditorState3 } from "@tiptap/react";
 import {
   AlignCenter as AlignCenter4,
   AlignJustify as AlignJustify2,
   AlignLeft as AlignLeft4,
   AlignRight as AlignRight4,
-  Bold as BoldIcon3,
-  Code as CodeIcon3,
+  Bold as BoldIcon2,
+  Code as CodeIcon2,
   Eye as Eye3,
   FileCode as FileCode4,
   Heading1 as Heading1Icon2,
   Heading2 as Heading2Icon2,
   Heading3 as Heading3Icon2,
-  Image as ImageIcon3,
-  Italic as ItalicIcon3,
+  Image as ImageIcon2,
+  Italic as ItalicIcon2,
   Link as LinkIcon3,
   ListTodo as ListTodo3,
   Maximize2 as Maximize22,
   Quote as QuoteIcon2,
-  Redo as RedoIcon2,
+  Redo as RedoIcon,
   Scissors,
-  Strikethrough as StrikethroughIcon3,
-  Subscript as SubscriptIcon3,
-  Superscript as SuperscriptIcon3,
+  Strikethrough as StrikethroughIcon2,
+  Subscript as SubscriptIcon2,
+  Superscript as SuperscriptIcon2,
   Table as TableIcon3,
   Trash2 as Trash25,
-  Underline as UnderlineIcon3,
-  Undo as UndoIcon2,
+  Underline as UnderlineIcon2,
+  Undo as UndoIcon,
   Square,
   CircleDot as CircleDot2,
   CircleCheckBig as CircleCheckBig3,
@@ -43992,14 +44121,14 @@ function prepareUEditorPreviewHtml(html) {
 }
 
 // src/components/UEditor/menu-bar.tsx
-import { Fragment as Fragment37, jsx as jsx99, jsxs as jsxs81 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx100, jsxs as jsxs81 } from "react/jsx-runtime";
 function MenuTableInsertGrid({
   insertLabel,
   previewTemplate,
   onInsert
 }) {
   const closeMenu = useDropdownMenuClose();
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx100(
     TableInsertGrid,
     {
       insertLabel,
@@ -44015,9 +44144,9 @@ function renderMenuItems(items) {
   return items.map((item, i) => {
     switch (item.type) {
       case "separator":
-        return /* @__PURE__ */ jsx99(DropdownMenuSeparator, {}, i);
+        return /* @__PURE__ */ jsx100(DropdownMenuSeparator, {}, i);
       case "action":
-        return /* @__PURE__ */ jsx99(
+        return /* @__PURE__ */ jsx100(
           DropdownMenuItem,
           {
             label: item.label,
@@ -44031,9 +44160,9 @@ function renderMenuItems(items) {
           i
         );
       case "sub":
-        return /* @__PURE__ */ jsx99(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
+        return /* @__PURE__ */ jsx100(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
       case "custom":
-        return /* @__PURE__ */ jsx99(React88.Fragment, { children: item.render() }, item.key);
+        return /* @__PURE__ */ jsx100(React89.Fragment, { children: item.render() }, item.key);
     }
   });
 }
@@ -44071,7 +44200,7 @@ function buildEditMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.undo"),
-      icon: UndoIcon2,
+      icon: UndoIcon,
       shortcut: t("menubar.undoShortcut"),
       onClick: () => editor.chain().focus().undo().run(),
       disabled: !editor.can().undo()
@@ -44079,7 +44208,7 @@ function buildEditMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.redo"),
-      icon: RedoIcon2,
+      icon: RedoIcon,
       shortcut: t("menubar.redoShortcut"),
       onClick: () => editor.chain().focus().redo().run(),
       disabled: !editor.can().redo()
@@ -44167,7 +44296,7 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.bold"),
-      icon: BoldIcon3,
+      icon: BoldIcon2,
       shortcut: t("menubar.boldShortcut"),
       active: editor.isActive("bold"),
       onClick: () => editor.chain().focus().toggleBold().run()
@@ -44175,7 +44304,7 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.italic"),
-      icon: ItalicIcon3,
+      icon: ItalicIcon2,
       shortcut: t("menubar.italicShortcut"),
       active: editor.isActive("italic"),
       onClick: () => editor.chain().focus().toggleItalic().run()
@@ -44183,7 +44312,7 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.underline"),
-      icon: UnderlineIcon3,
+      icon: UnderlineIcon2,
       shortcut: t("menubar.underlineShortcut"),
       active: editor.isActive("underline"),
       onClick: () => editor.chain().focus().toggleUnderline().run()
@@ -44191,28 +44320,28 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.strike"),
-      icon: StrikethroughIcon3,
+      icon: StrikethroughIcon2,
       active: editor.isActive("strike"),
       onClick: () => editor.chain().focus().toggleStrike().run()
     },
     {
       type: "action",
       label: t("menubar.superscript"),
-      icon: SuperscriptIcon3,
+      icon: SuperscriptIcon2,
       active: editor.isActive("superscript"),
       onClick: () => editor.chain().focus().toggleSuperscript().run()
     },
     {
       type: "action",
       label: t("menubar.subscript"),
-      icon: SubscriptIcon3,
+      icon: SubscriptIcon2,
       active: editor.isActive("subscript"),
       onClick: () => editor.chain().focus().toggleSubscript().run()
     },
     {
       type: "action",
       label: t("menubar.code"),
-      icon: CodeIcon3,
+      icon: CodeIcon2,
       active: editor.isActive("code"),
       onClick: () => editor.chain().focus().toggleCode().run()
     },
@@ -44335,7 +44464,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
         {
           type: "custom",
           key: "table-insert-grid",
-          render: () => /* @__PURE__ */ jsx99(
+          render: () => /* @__PURE__ */ jsx100(
             MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -44409,8 +44538,8 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     }
   ];
 }
-var MenuBarTrigger = React88.forwardRef(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx99(
+var MenuBarTrigger = React89.forwardRef(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx100(
     "button",
     {
       ref,
@@ -44513,9 +44642,9 @@ var MenuBar = ({
     {
       type: "custom",
       key: "image",
-      render: () => showImageInput ? /* @__PURE__ */ jsx99(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ jsxs81(Fragment37, { children: [
-        /* @__PURE__ */ jsx99(DropdownMenuItem, { label: t("menubar.image"), icon: ImageIcon3, onClick: () => setShowImageInput(true), closeOnSelect: false }),
-        /* @__PURE__ */ jsx99(
+      render: () => showImageInput ? /* @__PURE__ */ jsx100(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ jsxs81(Fragment37, { children: [
+        /* @__PURE__ */ jsx100(DropdownMenuItem, { label: t("menubar.image"), icon: ImageIcon2, onClick: () => setShowImageInput(true), closeOnSelect: false }),
+        /* @__PURE__ */ jsx100(
           DropdownMenuItem,
           {
             label: t("menubar.imageUpload"),
@@ -44530,7 +44659,7 @@ var MenuBar = ({
     {
       type: "custom",
       key: "link",
-      render: () => showLinkInput ? /* @__PURE__ */ jsx99(LinkInput, { onSubmit: handleLinkSubmit, onCancel: () => setShowLinkInput(false), initialUrl: editor.getAttributes("link").href ?? "" }) : /* @__PURE__ */ jsx99(
+      render: () => showLinkInput ? /* @__PURE__ */ jsx100(LinkInput, { onSubmit: handleLinkSubmit, onCancel: () => setShowLinkInput(false), initialUrl: editor.getAttributes("link").href ?? "" }) : /* @__PURE__ */ jsx100(
         DropdownMenuItem,
         {
           label: t("menubar.link"),
@@ -44550,7 +44679,7 @@ var MenuBar = ({
         {
           type: "custom",
           key: "table-grid",
-          render: () => /* @__PURE__ */ jsx99(
+          render: () => /* @__PURE__ */ jsx100(
             MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -44630,7 +44759,7 @@ var MenuBar = ({
     { label: t("menubar.table"), items: buildTableMenuItems(t, editor, handleInsertTable), open: void 0, onOpenChange: void 0 }
   ];
   return /* @__PURE__ */ jsxs81(Fragment37, { children: [
-    /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsx100(
       "input",
       {
         ref: fileInputRef,
@@ -44642,10 +44771,10 @@ var MenuBar = ({
       }
     ),
     /* @__PURE__ */ jsxs81("div", { className: "flex items-center gap-0.5 border-b border-border/35 bg-muted/20 px-1.5 py-0.5", children: [
-      menus.map(({ label, items, open, onOpenChange }) => /* @__PURE__ */ jsx99(
+      menus.map(({ label, items, open, onOpenChange }) => /* @__PURE__ */ jsx100(
         DropdownMenu,
         {
-          trigger: /* @__PURE__ */ jsx99(MenuBarTrigger, { children: label }),
+          trigger: /* @__PURE__ */ jsx100(MenuBarTrigger, { children: label }),
           placement: "bottom-start",
           isOpen: open,
           onOpenChange,
@@ -44653,7 +44782,7 @@ var MenuBar = ({
         },
         label
       )),
-      /* @__PURE__ */ jsx99(
+      /* @__PURE__ */ jsx100(
         "button",
         {
           type: "button",
@@ -44664,11 +44793,11 @@ var MenuBar = ({
             "ml-auto inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors",
             "hover:bg-accent hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1"
           ),
-          children: /* @__PURE__ */ jsx99(Eye3, { className: "h-4 w-4", "aria-hidden": "true" })
+          children: /* @__PURE__ */ jsx100(Eye3, { className: "h-4 w-4", "aria-hidden": "true" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsx100(
       Modal_default,
       {
         isOpen: showSourceDialog,
@@ -44676,8 +44805,8 @@ var MenuBar = ({
         title: t("menubar.sourceCode"),
         size: "lg",
         children: /* @__PURE__ */ jsxs81("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx99("p", { className: "text-xs text-muted-foreground", children: t("menubar.sourceCodeHint") }),
-          /* @__PURE__ */ jsx99(
+          /* @__PURE__ */ jsx100("p", { className: "text-xs text-muted-foreground", children: t("menubar.sourceCodeHint") }),
+          /* @__PURE__ */ jsx100(
             "textarea",
             {
               "data-testid": "source-code-textarea",
@@ -44688,7 +44817,7 @@ var MenuBar = ({
             }
           ),
           /* @__PURE__ */ jsxs81("div", { className: "flex gap-2 justify-end", children: [
-            /* @__PURE__ */ jsx99(
+            /* @__PURE__ */ jsx100(
               "button",
               {
                 type: "button",
@@ -44697,7 +44826,7 @@ var MenuBar = ({
                 children: t("menubar.applySource")
               }
             ),
-            /* @__PURE__ */ jsx99(
+            /* @__PURE__ */ jsx100(
               "button",
               {
                 type: "button",
@@ -44710,7 +44839,7 @@ var MenuBar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsx100(
       Modal_default,
       {
         isOpen: showPreviewDialog,
@@ -44721,12 +44850,12 @@ var MenuBar = ({
         height: "min(860px, calc(100vh - 2rem))",
         className: "flex flex-col overflow-hidden rounded-xl md:rounded-2xl",
         contentClassName: "flex min-h-0 flex-1 overflow-hidden p-0",
-        children: /* @__PURE__ */ jsx99(
+        children: /* @__PURE__ */ jsx100(
           "div",
           {
             "data-testid": "preview-content",
             className: "min-h-0 flex-1 overflow-y-auto overscroll-contain",
-            children: editor.isEmpty ? /* @__PURE__ */ jsx99("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ jsx99(
+            children: editor.isEmpty ? /* @__PURE__ */ jsx100("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ jsx100(
               "div",
               {
                 className: UEDITOR_PROSEMIRROR_CLASS_NAME,
@@ -44744,7 +44873,7 @@ var MenuBar = ({
 import { useEffect as useEffect41, useRef as useRef40, useState as useState53 } from "react";
 import { useEditorState as useEditorState4 } from "@tiptap/react";
 import { AlertCircle as AlertCircle5, Check as Check14, Hash as Hash2, Sigma as Sigma3, Trash2 as Trash26 } from "lucide-react";
-import { jsx as jsx100, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs82 } from "react/jsx-runtime";
 function TableFormulaBar({ editor }) {
   const t = useSmartTranslations("UEditor");
   const inputRef = useRef40(null);
@@ -44802,7 +44931,7 @@ function TableFormulaBar({ editor }) {
       "aria-label": t("tableMenu.formulaBar"),
       className: "flex min-h-10 items-center gap-2 border-b border-border/60 bg-muted/25 px-2 py-1.5",
       children: [
-        /* @__PURE__ */ jsx100(
+        /* @__PURE__ */ jsx101(
           "span",
           {
             "data-ueditor-formula-cell-label": "",
@@ -44810,8 +44939,8 @@ function TableFormulaBar({ editor }) {
             children: selectedCell.label
           }
         ),
-        /* @__PURE__ */ jsx100(Sigma3, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 text-primary" }),
-        /* @__PURE__ */ jsx100(
+        /* @__PURE__ */ jsx101(Sigma3, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 text-primary" }),
+        /* @__PURE__ */ jsx101(
           "input",
           {
             ref: inputRef,
@@ -44838,12 +44967,12 @@ function TableFormulaBar({ editor }) {
             role: "status",
             className: "hidden shrink-0 items-center gap-1 text-xs font-medium text-destructive sm:inline-flex",
             children: [
-              /* @__PURE__ */ jsx100(AlertCircle5, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ jsx101(AlertCircle5, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
               t("tableMenu.formulaError")
             ]
           }
         ),
-        /* @__PURE__ */ jsx100(
+        /* @__PURE__ */ jsx101(
           "button",
           {
             type: "button",
@@ -44851,10 +44980,10 @@ function TableFormulaBar({ editor }) {
             "aria-label": t("tableMenu.apply"),
             title: t("tableMenu.apply"),
             className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-primary text-primary-foreground transition-colors hover:bg-primary/90",
-            children: /* @__PURE__ */ jsx100(Check14, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx101(Check14, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx100(
+        /* @__PURE__ */ jsx101(
           "button",
           {
             type: "button",
@@ -44865,10 +44994,10 @@ function TableFormulaBar({ editor }) {
             "aria-label": t("tableMenu.convertToValue"),
             title: t("tableMenu.convertToValue"),
             className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-border/60 bg-background text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-            children: /* @__PURE__ */ jsx100(Hash2, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx101(Hash2, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx100(
+        /* @__PURE__ */ jsx101(
           "button",
           {
             type: "button",
@@ -44879,7 +45008,7 @@ function TableFormulaBar({ editor }) {
             "aria-label": t("tableMenu.clearCell"),
             title: t("tableMenu.clearCell"),
             className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-destructive/30 bg-background text-destructive transition-colors hover:bg-destructive/10",
-            children: /* @__PURE__ */ jsx100(Trash26, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx101(Trash26, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         )
       ]
@@ -44888,8 +45017,8 @@ function TableFormulaBar({ editor }) {
 }
 
 // src/components/UEditor/UEditor.tsx
-import { jsx as jsx101, jsxs as jsxs83 } from "react/jsx-runtime";
-var UEditor = React90.forwardRef(({
+import { jsx as jsx102, jsxs as jsxs83 } from "react/jsx-runtime";
+var UEditor = React91.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -44937,8 +45066,8 @@ var UEditor = React90.forwardRef(({
   const editorInstanceRef = useRef41(null);
   const formulaRangePickRef = useRef41(null);
   const formulaRangeSurfaceRef = useRef41(null);
-  const [formulaRangeHighlight, setFormulaRangeHighlight] = React90.useState(null);
-  const scheduleFormulaRecalculate = React90.useCallback((editor2, options) => {
+  const [formulaRangeHighlight, setFormulaRangeHighlight] = React91.useState(null);
+  const scheduleFormulaRecalculate = React91.useCallback((editor2, options) => {
     if (editor2.isDestroyed || scheduledFormulaRecalculateRef.current) return;
     if (!options?.force && isEditingTableFormulaText(editor2)) return;
     scheduledFormulaRecalculateRef.current = true;
@@ -44978,7 +45107,7 @@ var UEditor = React90.forwardRef(({
     ],
     [effectivePlaceholder, t, maxCharacters, uploadImage, resolvedUploadFile, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, editable, fetchMetadata, extraExtensions]
   );
-  const syncFormulaRangeHighlight = React90.useCallback((pickState) => {
+  const syncFormulaRangeHighlight = React91.useCallback((pickState) => {
     const container = formulaRangeSurfaceRef.current;
     setFormulaRangeHighlight(container && pickState ? getFormulaRangePickHighlight(container, pickState) : null);
   }, []);
@@ -45156,7 +45285,7 @@ var UEditor = React90.forwardRef(({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ jsx101(
+    return /* @__PURE__ */ jsx102(
       "div",
       {
         className: cn("w-full border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -45181,7 +45310,7 @@ var UEditor = React90.forwardRef(({
         className
       ),
       children: [
-        editable && showMenuBar && /* @__PURE__ */ jsx101(
+        editable && showMenuBar && /* @__PURE__ */ jsx102(
           MenuBar,
           {
             editor,
@@ -45196,7 +45325,7 @@ var UEditor = React90.forwardRef(({
             onPreview
           }
         ),
-        editable && showToolbar && /* @__PURE__ */ jsx101(
+        editable && showToolbar && /* @__PURE__ */ jsx102(
           EditorToolbar,
           {
             editor,
@@ -45211,8 +45340,8 @@ var UEditor = React90.forwardRef(({
             letterSpacings
           }
         ),
-        editable && /* @__PURE__ */ jsx101(TableFormulaBar, { editor }),
-        editable && showBubbleMenu && /* @__PURE__ */ jsx101(
+        editable && /* @__PURE__ */ jsx102(TableFormulaBar, { editor }),
+        editable && showBubbleMenu && /* @__PURE__ */ jsx102(
           CustomBubbleMenu,
           {
             editor,
@@ -45220,7 +45349,7 @@ var UEditor = React90.forwardRef(({
             lineHeights
           }
         ),
-        editable && showFloatingMenu && /* @__PURE__ */ jsx101(CustomFloatingMenu, { editor }),
+        editable && showFloatingMenu && /* @__PURE__ */ jsx102(CustomFloatingMenu, { editor }),
         /* @__PURE__ */ jsxs83(
           "div",
           {
@@ -45234,7 +45363,7 @@ var UEditor = React90.forwardRef(({
               maxHeight
             },
             children: [
-              /* @__PURE__ */ jsx101(
+              /* @__PURE__ */ jsx102(
                 "span",
                 {
                   ref: tableColumnGuideRef,
@@ -45242,7 +45371,7 @@ var UEditor = React90.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ jsx101(
+              /* @__PURE__ */ jsx102(
                 "span",
                 {
                   ref: tableRowGuideRef,
@@ -45250,7 +45379,7 @@ var UEditor = React90.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ jsx101(
+              /* @__PURE__ */ jsx102(
                 "span",
                 {
                   ref: activeTableCellHighlightRef,
@@ -45259,7 +45388,7 @@ var UEditor = React90.forwardRef(({
                   className: "pointer-events-none hidden absolute z-20 rounded-[2px] border-2 border-primary bg-primary/10"
                 }
               ),
-              /* @__PURE__ */ jsx101(
+              /* @__PURE__ */ jsx102(
                 "div",
                 {
                   ref: formulaCoordinateOverlayRef,
@@ -45267,7 +45396,7 @@ var UEditor = React90.forwardRef(({
                   className: "pointer-events-none absolute inset-0 z-[35] hidden overflow-visible"
                 }
               ),
-              formulaRangeHighlight && /* @__PURE__ */ jsx101(
+              formulaRangeHighlight && /* @__PURE__ */ jsx102(
                 "span",
                 {
                   "aria-hidden": "true",
@@ -45285,8 +45414,8 @@ var UEditor = React90.forwardRef(({
                   }
                 }
               ),
-              editable && /* @__PURE__ */ jsx101(TableControls, { editor, containerRef: editorContentRef }),
-              /* @__PURE__ */ jsx101(
+              editable && /* @__PURE__ */ jsx102(TableControls, { editor, containerRef: editorContentRef }),
+              /* @__PURE__ */ jsx102(
                 EditorContent,
                 {
                   editor,
@@ -45296,7 +45425,7 @@ var UEditor = React90.forwardRef(({
             ]
           }
         ),
-        showFooter && showCharacterCount && /* @__PURE__ */ jsx101(CharacterCountDisplay, { editor, maxCharacters })
+        showFooter && showCharacterCount && /* @__PURE__ */ jsx102(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );