@underverse-ui/underverse 2.0.35 → 2.0.37

package/dist/{chunk-H4AVZA4K.js → chunk-6K6CKZUL.js}

@@ -1,7 +1,7 @@
 import {
   EmojiGridButton,
   formatEmojiCountLabel
-} from "./chunk-W3QTP2DM.js";
+} from "./chunk-TSBKJELM.js";
 import {
   COLUMN_RESIZE_LINE_THICKNESS,
   CellBgColorIcon,
@@ -17,9 +17,11 @@ import {
   HighlightColorIcon,
   LinkInput,
   MIN_TABLE_ROW_HEIGHT,
-  Popover,
   ROW_RESIZE_LINE_THICKNESS,
   TABLE_WIDTH_BASIS_POINTS,
+  TableVerticalAlignBottomIcon,
+  TableVerticalAlignMiddleIcon,
+  TableVerticalAlignTopIcon,
   TextColorIcon,
   ToolbarButton,
   UEDITOR_PROSEMIRROR_CLASS_NAME,
@@ -94,9 +96,14 @@ import {
   sanitizeUEditorUrl,
   useEditorColors,
   useSharedEditorUiRenderState
-} from "./chunk-F2P3DJSC.js";
+} from "./chunk-GZ7EDNGF.js";
+import {
+  Tooltip
+} from "./chunk-EN33T3LJ.js";
+import {
+  Popover
+} from "./chunk-5GMQ23IU.js";
 import {
-  Tooltip,
   UEditorPortalProvider,
   cn,
   formControlGroupOutlineClass,
@@ -104,7 +111,7 @@ import {
   resolveUEditorPortalContainer,
   useSmartTranslations,
   useUEditorPortalContainerGetter
-} from "./chunk-6FAHXNDQ.js";
+} from "./chunk-6XQTRIP6.js";
 
 // src/components/UEditor/prepare-content-for-save.ts
 var MIME_EXTENSION_MAP = {
@@ -522,11 +529,11 @@ async function prepareUEditorContentForSave({
 }
 
 // src/components/UEditor/UEditor.tsx
-import React16, { useEffect as useEffect10, useImperativeHandle as useImperativeHandle4, useMemo as useMemo2, useRef as useRef10 } from "react";
+import React17, { useEffect as useEffect10, useImperativeHandle as useImperativeHandle4, useMemo as useMemo2, useRef as useRef10 } from "react";
 import { useEditor, EditorContent } from "@tiptap/react";
 
 // src/components/UEditor/extensions.ts
-import { mergeAttributes as mergeAttributes8 } from "@tiptap/core";
+import { mergeAttributes as mergeAttributes9 } from "@tiptap/core";
 import { Document } from "@tiptap/extension-document";
 import { Paragraph } from "@tiptap/extension-paragraph";
 import { Text } from "@tiptap/extension-text";
@@ -544,7 +551,7 @@ import { TaskItem } from "@tiptap/extension-task-item";
 import { Blockquote } from "@tiptap/extension-blockquote";
 import { Code } from "@tiptap/extension-code";
 import { wrappingInputRule } from "@tiptap/core";
-import { ReactNodeViewRenderer as ReactNodeViewRenderer7 } from "@tiptap/react";
+import { ReactNodeViewRenderer as ReactNodeViewRenderer8 } from "@tiptap/react";
 
 // src/components/UEditor/callout.ts
 import { Node, mergeAttributes } from "@tiptap/core";
@@ -557,7 +564,7 @@ import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 var LazyBaseEmojiPicker = React.lazy(async () => {
-  const { EmojiPicker: EmojiPicker2 } = await import("./EmojiPicker-6H52Q4YE.js");
+  const { EmojiPicker: EmojiPicker2 } = await import("./EmojiPicker-Z7QPW4DA.js");
   return { default: EmojiPicker2 };
 });
 var EmojiPicker = ({ onSelect }) => {
@@ -1647,6 +1654,96 @@ var FormRadio = Node5.create({
   }
 });
 
+// src/components/UEditor/date-picker-node.ts
+import { Node as Node6, mergeAttributes as mergeAttributes6 } from "@tiptap/core";
+import { ReactNodeViewRenderer as ReactNodeViewRenderer6 } from "@tiptap/react";
+
+// src/components/UEditor/DatePickerNodeView.tsx
+import React5 from "react";
+import { Calendar } from "lucide-react";
+import { NodeViewWrapper as NodeViewWrapper6 } from "@tiptap/react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var LazyDatePicker = React5.lazy(async () => {
+  const { DatePicker } = await import("./DatePicker-FDOTQMNL.js");
+  return { default: DatePicker };
+});
+function isDateValue(value) {
+  return typeof value === "string" && /^\d{4}-\d{2}-\d{2}$/.test(value);
+}
+function parseDateValue(value) {
+  if (!isDateValue(value)) return void 0;
+  const [year, month, day] = value.split("-").map(Number);
+  return new Date(year, month - 1, day);
+}
+function formatDateValue(value) {
+  const year = value.getFullYear();
+  const month = String(value.getMonth() + 1).padStart(2, "0");
+  const day = String(value.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
+var DatePickerNodeView = ({ node, updateAttributes, editor, selected }) => {
+  const date = isDateValue(node.attrs.date) ? node.attrs.date : "";
+  const isEditable = editor.isEditable;
+  return /* @__PURE__ */ jsx7(
+    NodeViewWrapper6,
+    {
+      as: "span",
+      "data-type": "date-picker",
+      "data-date": date || void 0,
+      "data-ueditor-date-picker": "true",
+      className: selected ? "inline-flex items-center align-middle mx-1 rounded ring-2 ring-primary/30" : "inline-flex items-center align-middle mx-1",
+      children: /* @__PURE__ */ jsx7("span", { contentEditable: false, children: /* @__PURE__ */ jsx7(React5.Suspense, { fallback: /* @__PURE__ */ jsx7(Calendar, { className: "h-4 w-4", "aria-hidden": "true" }), children: /* @__PURE__ */ jsx7(
+        LazyDatePicker,
+        {
+          iconOnly: true,
+          iconOnlyDateFormat: "year-month-day",
+          value: parseDateValue(date),
+          disabled: !isEditable,
+          getPortalContainer: () => editor.view.dom.ownerDocument.body,
+          onChange: (value) => updateAttributes({ date: value ? formatDateValue(value) : "" })
+        }
+      ) }) })
+    }
+  );
+};
+
+// src/components/UEditor/date-picker-node.ts
+var DatePickerNode = Node6.create({
+  name: "datePicker",
+  group: "inline",
+  inline: true,
+  atom: true,
+  addOptions() {
+    return { HTMLAttributes: {} };
+  },
+  addAttributes() {
+    return {
+      date: {
+        default: "",
+        parseHTML: (element) => element.getAttribute("data-date") || "",
+        renderHTML: (attributes) => attributes.date ? { "data-date": attributes.date } : {}
+      }
+    };
+  },
+  parseHTML() {
+    return [{ tag: 'span[data-type="date-picker"]' }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "span",
+      mergeAttributes6(this.options.HTMLAttributes, HTMLAttributes, { "data-type": "date-picker" })
+    ];
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer6(DatePickerNodeView);
+  },
+  addCommands() {
+    return {
+      setDatePicker: (attributes) => ({ commands }) => commands.insertContent({ type: this.name, attrs: attributes })
+    };
+  }
+});
+
 // src/components/UEditor/extensions.ts
 import { CodeBlockLowlight } from "@tiptap/extension-code-block-lowlight";
 import { History } from "@tiptap/extension-history";
@@ -1668,7 +1765,7 @@ import { Gapcursor } from "@tiptap/extension-gapcursor";
 import { Extension } from "@tiptap/core";
 import { Suggestion } from "@tiptap/suggestion";
 import { ReactRenderer } from "@tiptap/react";
-import React5, { forwardRef, useEffect as useEffect3, useImperativeHandle, useRef as useRef2 } from "react";
+import React6, { forwardRef, useEffect as useEffect3, useImperativeHandle, useRef as useRef2 } from "react";
 import {
   FileCode,
   Heading1,
@@ -1686,7 +1783,8 @@ import {
   Paperclip,
   CheckSquare,
   CircleCheckBig,
-  CircleDot
+  CircleDot,
+  CalendarDays
 } from "lucide-react";
 
 // src/components/UEditor/tippy-interop.ts
@@ -1713,7 +1811,7 @@ function setTippyReferenceClientRect(instance, clientRect) {
 }
 
 // src/components/UEditor/slash-command.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var DEFAULT_MESSAGES = {
   noResults: "No results",
   basicBlocks: "Basic Blocks",
@@ -1737,6 +1835,8 @@ var DEFAULT_MESSAGES = {
   codeBlockDesc: "Display code with syntax highlighting",
   divider: "Divider",
   dividerDesc: "Visually divide blocks",
+  date: "Date",
+  dateDesc: "Insert a date from the calendar",
   table: "Table",
   tableDesc: "Insert a table",
   callout: "Callout",
@@ -1753,9 +1853,9 @@ var DEFAULT_MESSAGES = {
   formRadioDesc: "Insert an interactive radio button field"
 };
 function useResettingIndex(resetToken) {
-  const [state, setState] = React5.useState({ resetToken, index: 0 });
+  const [state, setState] = React6.useState({ resetToken, index: 0 });
   const selectedIndex = Object.is(state.resetToken, resetToken) ? state.index : 0;
-  const setSelectedIndex = React5.useCallback((nextIndex) => {
+  const setSelectedIndex = React6.useCallback((nextIndex) => {
     setState((prev) => {
       const prevIndex = Object.is(prev.resetToken, resetToken) ? prev.index : 0;
       return {
@@ -1794,6 +1894,8 @@ function buildSlashCommandMessages(translate) {
     codeBlockDesc: translate("slashCommand.codeBlockDesc"),
     divider: translate("slashCommand.divider") || "Divider",
     dividerDesc: translate("slashCommand.dividerDesc") || "Visually divide blocks",
+    date: translate("slashCommand.date") || "Date",
+    dateDesc: translate("slashCommand.dateDesc") || "Insert a date from the calendar",
     table: translate("slashCommand.table") || "Table",
     tableDesc: translate("slashCommand.tableDesc") || "Insert a table",
     callout: translate("slashCommand.callout") || "Callout",
@@ -1896,6 +1998,15 @@ function buildSlashCommandItems({
         getCommandChain(editor, range).setHorizontalRule().run();
       })
     },
+    {
+      icon: CalendarDays,
+      title: messages.date,
+      description: messages.dateDesc,
+      searchTerms: ["calendar", "date"],
+      command: run(({ editor, range }) => {
+        getCommandChain(editor, range).setDatePicker().run();
+      })
+    },
     {
       icon: Table,
       title: messages.table,
@@ -1983,7 +2094,7 @@ function buildSlashCommandItems({
 var SlashCommandList = forwardRef((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useResettingIndex(props.items);
   const listRef = useRef2(null);
-  const listId = React5.useId();
+  const listId = React6.useId();
   useEffect3(() => {
     const selectedElement = listRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
@@ -2014,7 +2125,7 @@ var SlashCommandList = forwardRef((props, ref) => {
     }
   }));
   if (props.items.length === 0) {
-    return /* @__PURE__ */ jsx7("div", { role: "status", className: "w-72 p-4 text-center text-sm text-muted-foreground", children: props.messages.noResults });
+    return /* @__PURE__ */ jsx8("div", { role: "status", className: "w-72 p-4 text-center text-sm text-muted-foreground", children: props.messages.noResults });
   }
   return /* @__PURE__ */ jsxs5(
     "div",
@@ -2026,8 +2137,8 @@ var SlashCommandList = forwardRef((props, ref) => {
       "aria-activedescendant": `${listId}-option-${selectedIndex}`,
       className: "w-72 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg",
       children: [
-        /* @__PURE__ */ jsx7("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx7("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: props.messages.basicBlocks }) }),
-        /* @__PURE__ */ jsx7("div", { className: "p-1", children: props.items.map((item, index) => /* @__PURE__ */ jsxs5(
+        /* @__PURE__ */ jsx8("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx8("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: props.messages.basicBlocks }) }),
+        /* @__PURE__ */ jsx8("div", { className: "p-1", children: props.items.map((item, index) => /* @__PURE__ */ jsxs5(
           "button",
           {
             type: "button",
@@ -2043,19 +2154,19 @@ var SlashCommandList = forwardRef((props, ref) => {
               selectedIndex === index ? "bg-accent" : "hover:bg-accent/50"
             ),
             children: [
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx8(
                 "div",
                 {
                   className: cn(
                     "flex items-center justify-center w-10 h-10 rounded-lg mr-3 transition-colors",
                     selectedIndex === index ? "bg-primary/10" : "bg-muted/50 group-hover:bg-muted"
                   ),
-                  children: /* @__PURE__ */ jsx7(item.icon, { "aria-hidden": "true", className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
+                  children: /* @__PURE__ */ jsx8(item.icon, { "aria-hidden": "true", className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
                 }
               ),
               /* @__PURE__ */ jsxs5("div", { className: "text-left", children: [
-                /* @__PURE__ */ jsx7("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: item.title }),
-                /* @__PURE__ */ jsx7("div", { className: "text-xs text-muted-foreground", children: item.description })
+                /* @__PURE__ */ jsx8("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: item.title }),
+                /* @__PURE__ */ jsx8("div", { className: "text-xs text-muted-foreground", children: item.description })
               ] })
             ]
           },
@@ -2147,13 +2258,13 @@ import { Extension as Extension2 } from "@tiptap/core";
 import { Suggestion as Suggestion2 } from "@tiptap/suggestion";
 import { ReactRenderer as ReactRenderer2 } from "@tiptap/react";
 import { PluginKey as PluginKey2 } from "@tiptap/pm/state";
-import React6, { forwardRef as forwardRef2, useImperativeHandle as useImperativeHandle2 } from "react";
+import React7, { forwardRef as forwardRef2, useImperativeHandle as useImperativeHandle2 } from "react";
 import { Smile } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function useResettingIndex2(resetToken) {
-  const [state, setState] = React6.useState({ resetToken, index: 0 });
+  const [state, setState] = React7.useState({ resetToken, index: 0 });
   const selectedIndex = Object.is(state.resetToken, resetToken) ? state.index : 0;
-  const setSelectedIndex = React6.useCallback((nextIndex) => {
+  const setSelectedIndex = React7.useCallback((nextIndex) => {
     setState((prev) => {
       const prevIndex = Object.is(prev.resetToken, resetToken) ? prev.index : 0;
       return {
@@ -2167,7 +2278,7 @@ function useResettingIndex2(resetToken) {
 var EmojiList = forwardRef2((props, ref) => {
   const t = useSmartTranslations("UEditor");
   const [selectedIndex, setSelectedIndex] = useResettingIndex2(props.items);
-  const listId = React6.useId();
+  const listId = React7.useId();
   const showingCountLabel = formatEmojiCountLabel(t("emojiSuggestion.showingCount"), 64, props.items.length);
   useImperativeHandle2(ref, () => ({
     onKeyDown: (keyProps) => {
@@ -2200,7 +2311,7 @@ var EmojiList = forwardRef2((props, ref) => {
     }
   }));
   if (props.items.length === 0) {
-    return /* @__PURE__ */ jsx8("div", { role: "status", className: "w-80 p-4 text-center text-sm text-muted-foreground bg-card border border-border/50 rounded-2xl shadow-lg", children: t("emojiSuggestion.noResults") });
+    return /* @__PURE__ */ jsx9("div", { role: "status", className: "w-80 p-4 text-center text-sm text-muted-foreground bg-card border border-border/50 rounded-2xl shadow-lg", children: t("emojiSuggestion.noResults") });
   }
   return /* @__PURE__ */ jsxs6(
     "div",
@@ -2211,12 +2322,12 @@ var EmojiList = forwardRef2((props, ref) => {
       "aria-activedescendant": `${listId}-option-${selectedIndex}`,
       className: "w-80 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg",
       children: [
-        /* @__PURE__ */ jsx8("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx8(Smile, { className: "w-4 h-4 text-primary" }),
-          /* @__PURE__ */ jsx8("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("emojiSuggestion.title") })
+        /* @__PURE__ */ jsx9("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx9(Smile, { className: "w-4 h-4 text-primary" }),
+          /* @__PURE__ */ jsx9("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("emojiSuggestion.title") })
         ] }) }),
         /* @__PURE__ */ jsxs6("div", { className: "p-3", children: [
-          /* @__PURE__ */ jsx8("div", { className: "grid grid-cols-8 gap-1", children: props.items.slice(0, 64).map((item, index) => /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx9("div", { className: "grid grid-cols-8 gap-1", children: props.items.slice(0, 64).map((item, index) => /* @__PURE__ */ jsx9(
             EmojiGridButton,
             {
               id: `${listId}-option-${index}`,
@@ -2231,7 +2342,7 @@ var EmojiList = forwardRef2((props, ref) => {
             },
             item.name
           )) }),
-          props.items.length > 64 && /* @__PURE__ */ jsx8("div", { className: "mt-2 text-xs text-center text-muted-foreground", children: showingCountLabel })
+          props.items.length > 64 && /* @__PURE__ */ jsx9("div", { className: "mt-2 text-xs text-center text-muted-foreground", children: showingCountLabel })
         ] })
       ]
     }
@@ -2325,9 +2436,9 @@ import { Extension as Extension3 } from "@tiptap/core";
 import { Suggestion as Suggestion3 } from "@tiptap/suggestion";
 import { ReactRenderer as ReactRenderer3 } from "@tiptap/react";
 import { PluginKey as PluginKey3 } from "@tiptap/pm/state";
-import React7, { forwardRef as forwardRef3, useImperativeHandle as useImperativeHandle3 } from "react";
+import React8, { forwardRef as forwardRef3, useImperativeHandle as useImperativeHandle3 } from "react";
 import { Sigma } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var FORMULA_FUNCTIONS = [
   {
     name: "SUM",
@@ -2380,9 +2491,9 @@ function isFormulaFunctionSuggestionQuery(query) {
 }
 var FormulaSuggestionList = forwardRef3((props, ref) => {
   const t = useSmartTranslations("UEditor");
-  const [selectedIndex, setSelectedIndex] = React7.useState(0);
-  const listId = React7.useId();
-  React7.useEffect(() => {
+  const [selectedIndex, setSelectedIndex] = React8.useState(0);
+  const listId = React8.useId();
+  React8.useEffect(() => {
     setSelectedIndex(0);
   }, [props.items]);
   useImperativeHandle3(ref, () => ({
@@ -2407,7 +2518,7 @@ var FormulaSuggestionList = forwardRef3((props, ref) => {
     }
   }));
   if (props.items.length === 0) {
-    return /* @__PURE__ */ jsx9("div", { role: "status", className: "w-72 p-3 text-sm text-muted-foreground bg-card border border-border/50 rounded-lg shadow-lg", children: t("formulaSuggestion.noResults") });
+    return /* @__PURE__ */ jsx10("div", { role: "status", className: "w-72 p-3 text-sm text-muted-foreground bg-card border border-border/50 rounded-lg shadow-lg", children: t("formulaSuggestion.noResults") });
   }
   return /* @__PURE__ */ jsxs7(
     "div",
@@ -2418,11 +2529,11 @@ var FormulaSuggestionList = forwardRef3((props, ref) => {
       "aria-activedescendant": `${listId}-option-${selectedIndex}`,
       className: "w-72 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-lg shadow-lg",
       children: [
-        /* @__PURE__ */ jsx9("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx9(Sigma, { className: "w-4 h-4 text-primary" }),
-          /* @__PURE__ */ jsx9("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("formulaSuggestion.title") })
+        /* @__PURE__ */ jsx10("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx10(Sigma, { className: "w-4 h-4 text-primary" }),
+          /* @__PURE__ */ jsx10("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("formulaSuggestion.title") })
         ] }) }),
-        /* @__PURE__ */ jsx9("div", { className: "p-1.5", children: props.items.map((item, index) => /* @__PURE__ */ jsxs7(
+        /* @__PURE__ */ jsx10("div", { className: "p-1.5", children: props.items.map((item, index) => /* @__PURE__ */ jsxs7(
           "button",
           {
             type: "button",
@@ -2436,10 +2547,10 @@ var FormulaSuggestionList = forwardRef3((props, ref) => {
             onClick: () => props.command(item),
             children: [
               /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between gap-3", children: [
-                /* @__PURE__ */ jsx9("span", { className: "font-mono text-sm font-semibold", children: item.name }),
-                /* @__PURE__ */ jsx9("span", { className: "font-mono text-xs text-muted-foreground", children: item.signature })
+                /* @__PURE__ */ jsx10("span", { className: "font-mono text-sm font-semibold", children: item.name }),
+                /* @__PURE__ */ jsx10("span", { className: "font-mono text-xs text-muted-foreground", children: item.signature })
               ] }),
-              /* @__PURE__ */ jsx9("div", { className: "mt-0.5 text-xs text-muted-foreground", children: t(item.descriptionKey) })
+              /* @__PURE__ */ jsx10("div", { className: "mt-0.5 text-xs text-muted-foreground", children: t(item.descriptionKey) })
             ]
           },
           item.name
@@ -2649,9 +2760,9 @@ var UEditorPlaceholder = Extension4.create({
 // src/components/UEditor/resizable-image.tsx
 import { useEffect as useEffect4, useRef as useRef3, useState as useState3 } from "react";
 import { Image as Image2 } from "@tiptap/extension-image";
-import { mergeAttributes as mergeAttributes6 } from "@tiptap/core";
-import { NodeViewWrapper as NodeViewWrapper6, ReactNodeViewRenderer as ReactNodeViewRenderer6 } from "@tiptap/react";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { mergeAttributes as mergeAttributes7 } from "@tiptap/core";
+import { NodeViewWrapper as NodeViewWrapper7, ReactNodeViewRenderer as ReactNodeViewRenderer7 } from "@tiptap/react";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var MIN_IMAGE_SIZE_PX = 40;
 var IMAGE_LAYOUTS = /* @__PURE__ */ new Set(["block", "left", "right"]);
 var IMAGE_WIDTH_PRESETS = /* @__PURE__ */ new Set(["sm", "md", "lg"]);
@@ -2894,7 +3005,7 @@ function ResizableImageNodeView(props) {
   const wrapperAlignClass = imageLayout === "block" ? textAlign === "center" ? "mx-auto" : textAlign === "right" ? "ml-auto" : textAlign === "justify" ? "mx-auto" : "" : "";
   const wrapperLayoutClass = imageLayout === "left" ? "float-left mr-4 mb-3 mt-1 clear-none max-w-[min(45%,20rem)]" : imageLayout === "right" ? "float-right ml-4 mb-3 mt-1 clear-none max-w-[min(45%,20rem)]" : "w-fit";
   return /* @__PURE__ */ jsxs8(
-    NodeViewWrapper6,
+    NodeViewWrapper7,
     {
       as: "div",
       ref: wrapperRef,
@@ -2908,7 +3019,7 @@ function ResizableImageNodeView(props) {
       },
       contentEditable: false,
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           "img",
           {
             ref: imgRef,
@@ -2924,7 +3035,7 @@ function ResizableImageNodeView(props) {
             style: getImageDisplayStyle(widthAttr, heightAttr)
           }
         ),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           "div",
           {
             ref: resizePreviewRef,
@@ -2948,7 +3059,7 @@ function ResizableImageNodeView(props) {
             }
           }
         ),
-        showHandle && /* @__PURE__ */ jsx10(
+        showHandle && /* @__PURE__ */ jsx11(
           "div",
           {
             "aria-hidden": "true",
@@ -3014,10 +3125,10 @@ var ResizableImage = Image2.extend({
     };
   },
   renderHTML({ HTMLAttributes }) {
-    return ["img", mergeAttributes6(this.options.HTMLAttributes, HTMLAttributes)];
+    return ["img", mergeAttributes7(this.options.HTMLAttributes, HTMLAttributes)];
   },
   addNodeView() {
-    return ReactNodeViewRenderer6(ResizableImageNodeView);
+    return ReactNodeViewRenderer7(ResizableImageNodeView);
   }
 }).configure({
   allowBase64: true,
@@ -3444,7 +3555,7 @@ var Indent = Extension9.create({
 var indent_default = Indent;
 
 // src/components/UEditor/table-align.ts
-import { mergeAttributes as mergeAttributes7 } from "@tiptap/core";
+import { mergeAttributes as mergeAttributes8 } from "@tiptap/core";
 import { Table as Table2 } from "@tiptap/extension-table";
 import { Plugin as Plugin4, PluginKey as PluginKey5, TextSelection } from "@tiptap/pm/state";
 import {
@@ -4325,7 +4436,7 @@ var UEditorTable = Table2.extend({
     ].join("; ") + ";" : tableWidth ? `width: ${tableWidth}; ${renderFixedTableAlignStyle(tableAlign)}` : `table-layout: fixed; ${renderFixedTableAlignStyle(tableAlign)}`;
     const table = [
       "table",
-      mergeAttributes7(this.options.HTMLAttributes, HTMLAttributes, {
+      mergeAttributes8(this.options.HTMLAttributes, HTMLAttributes, {
         ...widthMode === "responsive" ? {
           "data-table-width-mode": "responsive",
           "data-table-width": formatBasisPointsAsPercentage(widthBp),
@@ -4432,10 +4543,10 @@ var UEditorTable = Table2.extend({
 var table_align_default = UEditorTable;
 
 // src/components/UEditor/CodeBlockView.tsx
-import React9, { useState as useState4 } from "react";
-import { NodeViewWrapper as NodeViewWrapper7, NodeViewContent as NodeViewContent2 } from "@tiptap/react";
+import React10, { useState as useState4 } from "react";
+import { NodeViewWrapper as NodeViewWrapper8, NodeViewContent as NodeViewContent2 } from "@tiptap/react";
 import { Check as Check2, Copy, ChevronDown } from "lucide-react";
-import { Fragment, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var LANGUAGES = [
   { label: "Plain Text", value: "text" },
   { label: "JavaScript", value: "javascript" },
@@ -4459,11 +4570,11 @@ var CodeBlockView = ({
 }) => {
   const [copied, setCopied] = useState4(false);
   const [isDropdownOpen, setIsDropdownOpen] = useState4(false);
-  const timeoutRef = React9.useRef(null);
+  const timeoutRef = React10.useRef(null);
   const t = useSmartTranslations("UEditor");
   const currentLangValue = node.attrs.language || "text";
   const currentLangLabel = LANGUAGES.find((lang) => lang.value === currentLangValue)?.label || "Plain Text";
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     return () => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
@@ -4484,7 +4595,7 @@ var CodeBlockView = ({
       console.error("Failed to copy code text: ", err);
     }
   };
-  return /* @__PURE__ */ jsxs9(NodeViewWrapper7, { className: "group/code relative my-4 rounded-xl border border-border/60 bg-muted/40 p-4 font-mono text-sm shadow-sm overflow-visible", children: [
+  return /* @__PURE__ */ jsxs9(NodeViewWrapper8, { className: "group/code relative my-4 rounded-xl border border-border/60 bg-muted/40 p-4 font-mono text-sm shadow-sm overflow-visible", children: [
     /* @__PURE__ */ jsxs9(
       "div",
       {
@@ -4502,19 +4613,19 @@ var CodeBlockView = ({
                 className: "flex items-center gap-1.5 rounded-lg border border-border bg-background px-2.5 py-1 text-xs text-muted-foreground hover:text-foreground hover:bg-muted active:scale-95 transition-[color,background-color,transform] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                 children: [
                   currentLangLabel,
-                  /* @__PURE__ */ jsx11(ChevronDown, { "aria-hidden": "true", className: "h-3 w-3" })
+                  /* @__PURE__ */ jsx12(ChevronDown, { "aria-hidden": "true", className: "h-3 w-3" })
                 ]
               }
             ),
             isDropdownOpen && /* @__PURE__ */ jsxs9(Fragment, { children: [
-              /* @__PURE__ */ jsx11(
+              /* @__PURE__ */ jsx12(
                 "div",
                 {
                   className: "fixed inset-0 z-20",
                   onClick: () => setIsDropdownOpen(false)
                 }
               ),
-              /* @__PURE__ */ jsx11("div", { role: "listbox", "aria-label": currentLangLabel, className: "absolute right-0 mt-1 max-h-56 w-36 overflow-y-auto rounded-lg border border-border/50 bg-popover p-1 shadow-lg z-30 [scrollbar-width:thin] animate-in fade-in-0 zoom-in-95 motion-reduce:animate-none", children: LANGUAGES.map((lang) => /* @__PURE__ */ jsx11(
+              /* @__PURE__ */ jsx12("div", { role: "listbox", "aria-label": currentLangLabel, className: "absolute right-0 mt-1 max-h-56 w-36 overflow-y-auto rounded-lg border border-border/50 bg-popover p-1 shadow-lg z-30 [scrollbar-width:thin] animate-in fade-in-0 zoom-in-95 motion-reduce:animate-none", children: LANGUAGES.map((lang) => /* @__PURE__ */ jsx12(
                 "button",
                 {
                   type: "button",
@@ -4534,7 +4645,7 @@ var CodeBlockView = ({
               )) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
@@ -4542,13 +4653,13 @@ var CodeBlockView = ({
               "aria-label": t("menubar.copy"),
               className: "flex h-7 w-7 items-center justify-center rounded-lg border border-border bg-background text-muted-foreground hover:text-foreground hover:bg-muted active:scale-95 transition-[color,background-color,transform] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
               title: t("menubar.copy"),
-              children: copied ? /* @__PURE__ */ jsx11(Check2, { "aria-hidden": "true", className: "h-3.5 w-3.5 text-success animate-in fade-in-0 zoom-in-75 motion-reduce:animate-none" }) : /* @__PURE__ */ jsx11(Copy, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+              children: copied ? /* @__PURE__ */ jsx12(Check2, { "aria-hidden": "true", className: "h-3.5 w-3.5 text-success animate-in fade-in-0 zoom-in-75 motion-reduce:animate-none" }) : /* @__PURE__ */ jsx12(Copy, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ jsx11("pre", { className: "m-0 overflow-x-auto [scrollbar-width:thin] pt-4 sm:pt-0", children: /* @__PURE__ */ jsx11("code", { className: "bg-transparent! text-foreground!", children: /* @__PURE__ */ jsx11(NodeViewContent2, {}) }) })
+    /* @__PURE__ */ jsx12("pre", { className: "m-0 overflow-x-auto [scrollbar-width:thin] pt-4 sm:pt-0", children: /* @__PURE__ */ jsx12("code", { className: "bg-transparent! text-foreground!", children: /* @__PURE__ */ jsx12(NodeViewContent2, {}) }) })
   ] });
 };
 
@@ -5417,7 +5528,7 @@ var CustomTableCell = TableCell.extend({
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "td",
-      mergeAttributes8(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
+      mergeAttributes9(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
@@ -5550,7 +5661,7 @@ var CustomTableHeader = TableHeader.extend({
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "th",
-      mergeAttributes8(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
+      mergeAttributes9(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
@@ -5597,7 +5708,7 @@ function ensureCommonLowlightLanguages() {
 }
 var CustomCodeBlockLowlight = CodeBlockLowlight.extend({
   addNodeView() {
-    return ReactNodeViewRenderer7(CodeBlockView);
+    return ReactNodeViewRenderer8(CodeBlockView);
   },
   addProseMirrorPlugins() {
     const parentPlugins = this.parent?.() ?? [];
@@ -5768,7 +5879,8 @@ function buildUEditorExtensions({
       upload: uploadFile
     }),
     FormCheckbox,
-    FormRadio
+    FormRadio,
+    DatePickerNode
   ];
 }
 
@@ -5799,9 +5911,6 @@ import {
   Unlink,
   ExternalLink as ExternalLink2,
   Sigma as Sigma2,
-  AlignStartVertical,
-  AlignCenterVertical,
-  AlignEndVertical,
   ArrowDown,
   ArrowRight,
   WrapText
@@ -5974,7 +6083,7 @@ function subscribeSharedGlobalEvent(target, type, listener, options) {
 }
 
 // src/components/UEditor/menus.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var FloatingSlashCommandMenu = ({ editor, onClose }) => {
   const t = useSmartTranslations("UEditor");
   const messages = useMemo(() => buildSlashCommandMessages(t), [t]);
@@ -5997,7 +6106,7 @@ var FloatingSlashCommandMenu = ({ editor, onClose }) => {
     if (!portalDocument) return;
     return subscribeSharedGlobalEvent(portalDocument, "keydown", handleKeyDown2);
   }, [onClose, portalDocument]);
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     SlashCommandList,
     {
       ref: listRef,
@@ -6014,7 +6123,7 @@ var FloatingMenuContent = ({ editor }) => {
   const t = useSmartTranslations("UEditor");
   const [showCommands, setShowCommands] = useState5(false);
   if (showCommands) {
-    return /* @__PURE__ */ jsx12(FloatingSlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
+    return /* @__PURE__ */ jsx13(FloatingSlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
   return /* @__PURE__ */ jsxs10(
     "button",
@@ -6023,8 +6132,8 @@ var FloatingMenuContent = ({ editor }) => {
       onClick: () => setShowCommands(true),
       className: "group flex items-center gap-1 rounded-lg px-2 py-1.5 transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
       children: [
-        /* @__PURE__ */ jsx12(Plus, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
-        /* @__PURE__ */ jsx12("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
+        /* @__PURE__ */ jsx13(Plus, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
+        /* @__PURE__ */ jsx13("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
       ]
     }
   );
@@ -6056,7 +6165,7 @@ function applyTableCellAttribute(editor, name, value, options = {}) {
 }
 function BorderStylePreviewIcon({ style }) {
   const isNone = style === "none";
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "span",
     {
       "aria-hidden": "true",
@@ -6068,7 +6177,7 @@ function BorderStylePreviewIcon({ style }) {
         borderStyle: style,
         borderWidth: style === "double" ? 3 : 2
       },
-      children: isNone && /* @__PURE__ */ jsx12("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__ */ jsx13("span", { className: "absolute left-1/2 top-0 h-full w-px -translate-x-1/2 rotate-45 bg-muted-foreground/70" })
     }
   );
 }
@@ -6080,7 +6189,7 @@ function BorderPositionPreviewIcon({ position }) {
   const showHorizontal = position === "all" || position === "inner" || position === "horizontal";
   const showVertical = position === "all" || position === "inner" || position === "vertical";
   return /* @__PURE__ */ jsxs10("svg", { "aria-hidden": "true", viewBox: "0 0 20 20", className: "h-5 w-5 fill-none stroke-current", children: [
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13(
       "path",
       {
         d: "M2 2H18V18H2Z M2 10H18 M10 2V18",
@@ -6090,12 +6199,12 @@ function BorderPositionPreviewIcon({ position }) {
         strokeWidth: "1.25"
       }
     ),
-    showTop && /* @__PURE__ */ jsx12("path", { d: "M2 2H18", strokeWidth: "2" }),
-    showRight && /* @__PURE__ */ jsx12("path", { d: "M18 2V18", strokeWidth: "2" }),
-    showBottom && /* @__PURE__ */ jsx12("path", { d: "M2 18H18", strokeWidth: "2" }),
-    showLeft && /* @__PURE__ */ jsx12("path", { d: "M2 2V18", strokeWidth: "2" }),
-    showHorizontal && /* @__PURE__ */ jsx12("path", { d: "M2 10H18", strokeWidth: "2" }),
-    showVertical && /* @__PURE__ */ jsx12("path", { d: "M10 2V18", strokeWidth: "2" })
+    showTop && /* @__PURE__ */ jsx13("path", { d: "M2 2H18", strokeWidth: "2" }),
+    showRight && /* @__PURE__ */ jsx13("path", { d: "M18 2V18", strokeWidth: "2" }),
+    showBottom && /* @__PURE__ */ jsx13("path", { d: "M2 18H18", strokeWidth: "2" }),
+    showLeft && /* @__PURE__ */ jsx13("path", { d: "M2 2V18", strokeWidth: "2" }),
+    showHorizontal && /* @__PURE__ */ jsx13("path", { d: "M2 10H18", strokeWidth: "2" }),
+    showVertical && /* @__PURE__ */ jsx13("path", { d: "M10 2V18", strokeWidth: "2" })
   ] });
 }
 function getBubbleMenuPosition({
@@ -6327,7 +6436,7 @@ var BubbleMenuContent = ({
     };
   }, [editor, showLinkInput]);
   if (showLinkInput) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       LinkInput,
       {
         initialUrl: editor.getAttributes("link").href || "",
@@ -6348,10 +6457,10 @@ var BubbleMenuContent = ({
     const isHighlightPalette = activeColorPalette === "highlight";
     if (activeColorPalette === "cell-border") {
       return /* @__PURE__ */ jsxs10("div", { className: "flex w-72 flex-col gap-2 p-2 text-sm", "data-ueditor-keep-open": true, children: [
-        /* @__PURE__ */ jsx12("div", { className: "font-semibold text-xs text-muted-foreground uppercase tracking-wider mb-1", children: t("tableMenu.cellBorder") || "Cell Borders" }),
+        /* @__PURE__ */ jsx13("div", { className: "font-semibold text-xs text-muted-foreground uppercase tracking-wider mb-1", children: t("tableMenu.cellBorder") || "Cell Borders" }),
         /* @__PURE__ */ jsxs10("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx12("label", { className: "mb-1 block text-xs text-muted-foreground", children: t("tableMenu.borderPosition") || "Border placement" }),
+            /* @__PURE__ */ jsx13("label", { className: "mb-1 block text-xs text-muted-foreground", children: t("tableMenu.borderPosition") || "Border placement" }),
             /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-5 gap-1", role: "group", "aria-label": t("tableMenu.borderPosition") || "Border placement", children: [
               [
                 ["all", "borderAll"],
@@ -6365,7 +6474,7 @@ var BubbleMenuContent = ({
                 ["left", "borderLeft"]
               ].map(([position, labelKey]) => {
                 const label = t(`tableMenu.${labelKey}`) || position;
-                return /* @__PURE__ */ jsx12(
+                return /* @__PURE__ */ jsx13(
                   "button",
                   {
                     type: "button",
@@ -6377,12 +6486,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__ */ jsx12(BorderPositionPreviewIcon, { position })
+                    children: /* @__PURE__ */ jsx13(BorderPositionPreviewIcon, { position })
                   },
                   position
                 );
               }),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx13(
                 "button",
                 {
                   type: "button",
@@ -6391,13 +6500,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__ */ jsx12(BorderStylePreviewIcon, { style: "none" })
+                  children: /* @__PURE__ */ jsx13(BorderStylePreviewIcon, { style: "none" })
                 }
               )
             ] })
           ] }),
           /* @__PURE__ */ jsxs10("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__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               "button",
               {
                 type: "button",
@@ -6409,10 +6518,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__ */ jsx12(Edit2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx13(Edit2, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               "button",
               {
                 type: "button",
@@ -6424,14 +6533,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__ */ jsx12(Eraser, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx13(Eraser, { className: "h-4 w-4" })
               }
             )
           ] })
         ] }),
         /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx12("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderStyle") || "Border Style" }),
-          /* @__PURE__ */ jsx12("div", { className: "grid grid-cols-4 gap-1.5", role: "group", "aria-label": t("tableMenu.borderStyle") || "Border Style", children: [
+          /* @__PURE__ */ jsx13("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderStyle") || "Border Style" }),
+          /* @__PURE__ */ jsx13("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"],
@@ -6447,16 +6556,16 @@ var BubbleMenuContent = ({
                 borderStyleDraft === style ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsx12(BorderStylePreviewIcon, { style }),
-                /* @__PURE__ */ jsx12("span", { children: label })
+                /* @__PURE__ */ jsx13(BorderStylePreviewIcon, { style }),
+                /* @__PURE__ */ jsx13("span", { children: label })
               ]
             },
             style
           )) })
         ] }),
         /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx12("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderWidth") || "Border Width" }),
-          /* @__PURE__ */ jsx12("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__ */ jsx12(
+          /* @__PURE__ */ jsx13("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderWidth") || "Border Width" }),
+          /* @__PURE__ */ jsx13("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__ */ jsx13(
             "button",
             {
               type: "button",
@@ -6478,8 +6587,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__ */ jsx12("span", { children: t("tableMenu.borderColor") || "Border Color" }),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx13("span", { children: t("tableMenu.borderColor") || "Border Color" }),
+              /* @__PURE__ */ jsx13(
                 "span",
                 {
                   className: "w-4 h-4 rounded-full border border-border",
@@ -6494,7 +6603,7 @@ var BubbleMenuContent = ({
       ] });
     }
     if (activeColorPalette === "cell-border-color") {
-      return /* @__PURE__ */ jsx12("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx13("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ jsx13(
         EditorColorPalette,
         {
           colors: borderColors,
@@ -6504,7 +6613,7 @@ var BubbleMenuContent = ({
         }
       ) });
     }
-    return /* @__PURE__ */ jsx12("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ jsx13(
       EditorColorPalette,
       {
         colors: isTextPalette ? textColors : highlightColors,
@@ -6517,22 +6626,22 @@ var BubbleMenuContent = ({
   }
   if (isImageSelected) {
     return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-0.5 p-1", children: [
-      /* @__PURE__ */ jsx12(ToolbarButton, { onClick: () => applyImageLayout(editor, "block"), active: imageLayout === "block", title: t("toolbar.imageLayoutBlock"), children: /* @__PURE__ */ jsx12(AlignCenter, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx12(ToolbarButton, { onClick: () => applyImageLayout(editor, "left"), active: imageLayout === "left", title: t("toolbar.imageLayoutLeft"), children: /* @__PURE__ */ jsx12(AlignLeft, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx12(ToolbarButton, { onClick: () => applyImageLayout(editor, "right"), active: imageLayout === "right", title: t("toolbar.imageLayoutRight"), children: /* @__PURE__ */ jsx12(AlignRight, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx12("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-      /* @__PURE__ */ jsx12(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "sm"), active: imageWidthPreset === "sm", title: t("toolbar.imageWidthSm"), children: /* @__PURE__ */ jsx12("span", { className: "text-[10px] font-semibold", children: "S" }) }),
-      /* @__PURE__ */ jsx12(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "md"), active: imageWidthPreset === "md", title: t("toolbar.imageWidthMd"), children: /* @__PURE__ */ jsx12("span", { className: "text-[10px] font-semibold", children: "M" }) }),
-      /* @__PURE__ */ jsx12(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "lg"), active: imageWidthPreset === "lg", title: t("toolbar.imageWidthLg"), children: /* @__PURE__ */ jsx12("span", { className: "text-[10px] font-semibold", children: "L" }) }),
-      /* @__PURE__ */ jsx12("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-      /* @__PURE__ */ jsx12(ToolbarButton, { onClick: () => resetImageSize(editor), title: t("toolbar.imageResetSize"), children: /* @__PURE__ */ jsx12(RotateCcw, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(ToolbarButton, { onClick: () => applyImageLayout(editor, "block"), active: imageLayout === "block", title: t("toolbar.imageLayoutBlock"), children: /* @__PURE__ */ jsx13(AlignCenter, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx13(ToolbarButton, { onClick: () => applyImageLayout(editor, "left"), active: imageLayout === "left", title: t("toolbar.imageLayoutLeft"), children: /* @__PURE__ */ jsx13(AlignLeft, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx13(ToolbarButton, { onClick: () => applyImageLayout(editor, "right"), active: imageLayout === "right", title: t("toolbar.imageLayoutRight"), children: /* @__PURE__ */ jsx13(AlignRight, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx13("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+      /* @__PURE__ */ jsx13(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "sm"), active: imageWidthPreset === "sm", title: t("toolbar.imageWidthSm"), children: /* @__PURE__ */ jsx13("span", { className: "text-[10px] font-semibold", children: "S" }) }),
+      /* @__PURE__ */ jsx13(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "md"), active: imageWidthPreset === "md", title: t("toolbar.imageWidthMd"), children: /* @__PURE__ */ jsx13("span", { className: "text-[10px] font-semibold", children: "M" }) }),
+      /* @__PURE__ */ jsx13(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "lg"), active: imageWidthPreset === "lg", title: t("toolbar.imageWidthLg"), children: /* @__PURE__ */ jsx13("span", { className: "text-[10px] font-semibold", children: "L" }) }),
+      /* @__PURE__ */ jsx13("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+      /* @__PURE__ */ jsx13(ToolbarButton, { onClick: () => resetImageSize(editor), title: t("toolbar.imageResetSize"), children: /* @__PURE__ */ jsx13(RotateCcw, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx13(
         ToolbarButton,
         {
           onClick: () => deleteSelectedImage(editor),
           title: t("toolbar.imageDelete"),
           className: "text-destructive hover:text-destructive",
-          children: /* @__PURE__ */ jsx12(Trash2, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx13(Trash2, { className: "w-4 h-4" })
         }
       )
     ] });
@@ -6540,8 +6649,8 @@ var BubbleMenuContent = ({
   if (showFormulaPanel && isInTable3) {
     return /* @__PURE__ */ jsxs10("div", { className: "w-72 p-2", children: [
       /* @__PURE__ */ jsxs10("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx12("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("tableMenu.formula") || "Formula" }),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("tableMenu.formula") || "Formula" }),
+        /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
@@ -6554,7 +6663,7 @@ var BubbleMenuContent = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx12("div", { className: cn("flex h-9 items-center overflow-hidden rounded-md bg-muted/40", formControlGroupOutlineClass), children: /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13("div", { className: cn("flex h-9 items-center overflow-hidden rounded-md bg-muted/40", formControlGroupOutlineClass), children: /* @__PURE__ */ jsx13(
         "input",
         {
           value: formulaDraft,
@@ -6576,14 +6685,14 @@ var BubbleMenuContent = ({
         }
       ) }),
       /* @__PURE__ */ jsxs10("div", { className: "mt-2", children: [
-        /* @__PURE__ */ jsx12("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("tableMenu.numberFormat") || "Number format" }),
-        /* @__PURE__ */ jsx12("div", { className: "grid grid-cols-5 gap-1", children: [
+        /* @__PURE__ */ jsx13("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("tableMenu.numberFormat") || "Number format" }),
+        /* @__PURE__ */ jsx13("div", { className: "grid grid-cols-5 gap-1", children: [
           ["text", "Text"],
           ["number", "123"],
           ["currency", "$"],
           ["percent", "%"],
           ["date", "Date"]
-        ].map(([format, label]) => /* @__PURE__ */ jsx12(
+        ].map(([format, label]) => /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
@@ -6598,7 +6707,7 @@ var BubbleMenuContent = ({
         )) })
       ] }),
       /* @__PURE__ */ jsxs10("div", { className: "mt-2 grid grid-cols-3 gap-1", children: [
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
@@ -6611,7 +6720,7 @@ var BubbleMenuContent = ({
             children: t("tableMenu.apply") || "Apply"
           }
         ),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
@@ -6623,7 +6732,7 @@ var BubbleMenuContent = ({
             children: t("tableMenu.clear") || "Clear"
           }
         ),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
@@ -6638,8 +6747,8 @@ var BubbleMenuContent = ({
   if (showTypographyPanel) {
     return /* @__PURE__ */ jsxs10("div", { className: "w-72 p-2", children: [
       /* @__PURE__ */ jsxs10("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx12("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("toolbar.textStyle") }),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("toolbar.textStyle") }),
+        /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
@@ -6651,9 +6760,9 @@ var BubbleMenuContent = ({
       ] }),
       /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxs10("div", { children: [
-          /* @__PURE__ */ jsx12("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.fontSize") }),
+          /* @__PURE__ */ jsx13("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.fontSize") }),
           /* @__PURE__ */ jsxs10("div", { className: cn("flex h-9 items-center overflow-hidden rounded-md bg-muted/40", formControlGroupOutlineClass), children: [
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               "input",
               {
                 type: "number",
@@ -6677,8 +6786,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__ */ jsx12("span", { className: "border-l border-border/50 px-2 text-[11px] text-muted-foreground", children: "px" }),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13("span", { className: "border-l border-border/50 px-2 text-[11px] text-muted-foreground", children: "px" }),
+            /* @__PURE__ */ jsx13(
               "button",
               {
                 type: "button",
@@ -6688,12 +6797,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__ */ jsx12(ChevronDown2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx13(ChevronDown2, { className: "h-4 w-4" })
               }
             )
           ] }),
           showFontSizeOptions && /* @__PURE__ */ jsxs10("div", { className: "mt-1 grid grid-cols-4 gap-1", children: [
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               "button",
               {
                 type: "button",
@@ -6708,7 +6817,7 @@ var BubbleMenuContent = ({
                 children: "A"
               }
             ),
-            quickFontSizes.map((option) => /* @__PURE__ */ jsx12(
+            quickFontSizes.map((option) => /* @__PURE__ */ jsx13(
               "button",
               {
                 type: "button",
@@ -6727,9 +6836,9 @@ var BubbleMenuContent = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxs10("div", { children: [
-          /* @__PURE__ */ jsx12("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.lineHeight") }),
+          /* @__PURE__ */ jsx13("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.lineHeight") }),
           /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-4 gap-1", children: [
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               "button",
               {
                 type: "button",
@@ -6741,7 +6850,7 @@ var BubbleMenuContent = ({
                 children: "LH"
               }
             ),
-            quickLineHeights.map((option) => /* @__PURE__ */ jsx12(
+            quickLineHeights.map((option) => /* @__PURE__ */ jsx13(
               "button",
               {
                 type: "button",
@@ -6767,7 +6876,7 @@ var BubbleMenuContent = ({
                 editor.isActive("subscript") ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsx12(SubscriptIcon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx13(SubscriptIcon, { className: "h-4 w-4" }),
                 t("toolbar.subscript")
               ]
             }
@@ -6782,7 +6891,7 @@ var BubbleMenuContent = ({
                 editor.isActive("superscript") ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsx12(SuperscriptIcon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx13(SuperscriptIcon, { className: "h-4 w-4" }),
                 t("toolbar.superscript")
               ]
             }
@@ -6791,20 +6900,20 @@ var BubbleMenuContent = ({
       ] })
     ] });
   }
-  const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? AlignCenterVertical : currentCellVerticalAlign === "bottom" ? AlignEndVertical : AlignStartVertical;
+  const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? TableVerticalAlignMiddleIcon : currentCellVerticalAlign === "bottom" ? TableVerticalAlignBottomIcon : TableVerticalAlignTopIcon;
   if (isTableCellSelection) {
     return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-0.5 p-1", "data-ueditor-cell-inspector": "", children: [
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         ToolbarButton,
         {
           onMouseDown: () => onKeepOpenChange?.(true),
           onClick: () => setActiveColorPalette("cell-bg"),
           active: Boolean(currentCellBgColor),
           title: t("tableMenu.cellBackground") || "Cell background",
-          children: /* @__PURE__ */ jsx12(CellBgColorIcon, { color: currentCellBgColor })
+          children: /* @__PURE__ */ jsx13(CellBgColorIcon, { color: currentCellBgColor })
         }
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         ToolbarButton,
         {
           onMouseDown: () => onKeepOpenChange?.(true),
@@ -6813,7 +6922,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__ */ jsx12(
+          children: /* @__PURE__ */ jsx13(
             CellBorderIcon,
             {
               color: editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor
@@ -6821,7 +6930,7 @@ var BubbleMenuContent = ({
           )
         }
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         ToolbarButton,
         {
           onMouseDown: () => onKeepOpenChange?.(true),
@@ -6831,10 +6940,10 @@ var BubbleMenuContent = ({
           },
           active: Boolean(currentCellFormula),
           title: t("tableMenu.formula") || "Formula",
-          children: /* @__PURE__ */ jsx12(Sigma2, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx13(Sigma2, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         ToolbarButton,
         {
           onClick: () => {
@@ -6847,10 +6956,10 @@ var BubbleMenuContent = ({
           active: canSplitCell,
           disabled: !canMergeCells && !canSplitCell,
           title: canSplitCell ? t("tableMenu.splitCell") || "Split cell" : t("tableMenu.mergeCells") || "Merge cells",
-          children: /* @__PURE__ */ jsx12(TableCellsMerge, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx13(TableCellsMerge, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         ToolbarButton,
         {
           onClick: () => applyTableCellAttribute(
@@ -6861,7 +6970,7 @@ var BubbleMenuContent = ({
           ),
           active: currentCellTextWrap !== "nowrap",
           title: currentCellTextWrap === "nowrap" ? t("tableMenu.wrapText") : t("tableMenu.noWrapText"),
-          children: /* @__PURE__ */ jsx12(WrapText, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx13(WrapText, { className: "h-4 w-4" })
         }
       ),
       /* @__PURE__ */ jsxs10(
@@ -6876,34 +6985,34 @@ var BubbleMenuContent = ({
               },
               title: t("tableMenu.alignVertical") || "Vertical alignment",
               children: [
-                /* @__PURE__ */ jsx12(VerticalAlignActiveIcon, { className: "w-4 h-4" }),
-                /* @__PURE__ */ jsx12(ChevronDown2, { className: "w-3 h-3" })
+                /* @__PURE__ */ jsx13(VerticalAlignActiveIcon, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx13(ChevronDown2, { className: "w-3 h-3" })
               ]
             }
           ),
           children: [
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               DropdownMenuItem,
               {
-                icon: AlignStartVertical,
+                icon: TableVerticalAlignTopIcon,
                 label: t("tableMenu.alignVerticalTop") || "Align top",
                 onClick: () => applyTableCellAttribute(editor, "verticalAlign", "top", { focus: false }),
                 active: currentCellVerticalAlign === "top"
               }
             ),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               DropdownMenuItem,
               {
-                icon: AlignCenterVertical,
+                icon: TableVerticalAlignMiddleIcon,
                 label: t("tableMenu.alignVerticalMiddle") || "Align middle",
                 onClick: () => applyTableCellAttribute(editor, "verticalAlign", "middle", { focus: false }),
                 active: currentCellVerticalAlign === "middle"
               }
             ),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               DropdownMenuItem,
               {
-                icon: AlignEndVertical,
+                icon: TableVerticalAlignBottomIcon,
                 label: t("tableMenu.alignVerticalBottom") || "Align bottom",
                 onClick: () => applyTableCellAttribute(editor, "verticalAlign", "bottom", { focus: false }),
                 active: currentCellVerticalAlign === "bottom"
@@ -6924,13 +7033,13 @@ var BubbleMenuContent = ({
               },
               title: t("tableMenu.textDirection"),
               children: [
-                currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx12(ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx12(ArrowRight, { className: "w-4 h-4" }),
-                /* @__PURE__ */ jsx12(ChevronDown2, { className: "w-3 h-3" })
+                currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx13(ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx13(ArrowRight, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx13(ChevronDown2, { className: "w-3 h-3" })
               ]
             }
           ),
           children: [
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               DropdownMenuItem,
               {
                 icon: ArrowRight,
@@ -6939,7 +7048,7 @@ var BubbleMenuContent = ({
                 active: currentCellTextDirection === "horizontal"
               }
             ),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               DropdownMenuItem,
               {
                 icon: ArrowDown,
@@ -6954,21 +7063,21 @@ var BubbleMenuContent = ({
     ] });
   }
   return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ jsx12(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx12(BoldIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx12(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx12(ItalicIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx13(BoldIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx13(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx13(ItalicIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx13(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx12(UnderlineIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx13(UnderlineIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx12(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx12(StrikethroughIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx12(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx12(CodeIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx12("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx13(StrikethroughIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx13(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx13(CodeIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx13("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx13(
       ToolbarButton,
       {
         onMouseDown: () => {
@@ -6979,18 +7088,18 @@ var BubbleMenuContent = ({
         },
         active: editor.isActive("link"),
         title: t("toolbar.link"),
-        children: /* @__PURE__ */ jsx12(LinkIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx13(LinkIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx12(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ jsx12(TextColorIcon, { color: currentTextColor }) }),
-    /* @__PURE__ */ jsx12(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ jsx12(HighlightColorIcon, { color: currentHighlightColor }) }),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ jsx13(TextColorIcon, { color: currentTextColor }) }),
+    /* @__PURE__ */ jsx13(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ jsx13(HighlightColorIcon, { color: currentHighlightColor }) }),
+    /* @__PURE__ */ jsx13(
       ToolbarButton,
       {
         onClick: () => setShowTypographyPanel(true),
         active: Boolean(currentFontSize || currentLineHeight || editor.isActive("subscript") || editor.isActive("superscript")),
         title: t("toolbar.textStyle"),
-        children: /* @__PURE__ */ jsx12(Type2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx13(Type2, { className: "w-4 h-4" })
       }
     )
   ] });
@@ -7006,11 +7115,11 @@ var LinkPreviewContent = ({ editor, onEdit }) => {
     editor.chain().focus().unsetLink().run();
   };
   return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1 p-1 max-w-sm", children: [
-    /* @__PURE__ */ jsx12("span", { className: "text-xs text-muted-foreground font-mono px-2 truncate max-w-45", children: url }),
-    /* @__PURE__ */ jsx12("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx12(ToolbarButton, { onClick: handleOpen, title: t("linkPreview.open") || "Open link", children: /* @__PURE__ */ jsx12(ExternalLink2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx12(ToolbarButton, { onClick: onEdit, title: t("linkPreview.edit") || "Edit link", children: /* @__PURE__ */ jsx12(Edit2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx12(ToolbarButton, { onClick: handleUnlink, title: t("linkPreview.unlink") || "Remove link", className: "text-destructive hover:text-destructive", children: /* @__PURE__ */ jsx12(Unlink, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ jsx13("span", { className: "text-xs text-muted-foreground font-mono px-2 truncate max-w-45", children: url }),
+    /* @__PURE__ */ jsx13("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx13(ToolbarButton, { onClick: handleOpen, title: t("linkPreview.open") || "Open link", children: /* @__PURE__ */ jsx13(ExternalLink2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx13(ToolbarButton, { onClick: onEdit, title: t("linkPreview.edit") || "Edit link", children: /* @__PURE__ */ jsx13(Edit2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx13(ToolbarButton, { onClick: handleUnlink, title: t("linkPreview.unlink") || "Remove link", className: "text-destructive hover:text-destructive", children: /* @__PURE__ */ jsx13(Unlink, { className: "w-4 h-4" }) })
   ] });
 };
 var CustomBubbleMenu = ({
@@ -7205,7 +7314,7 @@ var CustomBubbleMenu = ({
   const context = getBubbleMenuContext(editor);
   if (context === "none") return null;
   return createPortal(
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13(
       "div",
       {
         ref: menuRef,
@@ -7229,7 +7338,7 @@ var CustomBubbleMenu = ({
           }
           e.preventDefault();
         },
-        children: context === "link" && !keepOpen && !linkInputOpen ? /* @__PURE__ */ jsx12(
+        children: context === "link" && !keepOpen && !linkInputOpen ? /* @__PURE__ */ jsx13(
           LinkPreviewContent,
           {
             editor,
@@ -7238,7 +7347,7 @@ var CustomBubbleMenu = ({
               setKeepOpen(true);
             }
           }
-        ) : /* @__PURE__ */ jsx12(
+        ) : /* @__PURE__ */ jsx13(
           BubbleMenuContent,
           {
             editor,
@@ -7303,7 +7412,7 @@ var CustomFloatingMenu = ({ editor }) => {
   }, [editor, editorWindow]);
   if (!isVisible || !portalContainer) return null;
   return createPortal(
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx13(
       "div",
       {
         "data-popover": true,
@@ -7314,7 +7423,7 @@ var CustomFloatingMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx12(FloatingMenuContent, { editor })
+        children: /* @__PURE__ */ jsx13(FloatingMenuContent, { editor })
       }
     ),
     portalContainer
@@ -7357,7 +7466,7 @@ var CharacterCountDisplay = ({ editor, maxCharacters }) => {
 };
 
 // src/components/UEditor/table-controls.tsx
-import React11 from "react";
+import React12 from "react";
 
 // node_modules/prosemirror-model/dist/index.js
 function findDiffStart(a, b, pos) {
@@ -8406,7 +8515,7 @@ var NodeRange = class {
   }
 };
 var emptyAttrs = /* @__PURE__ */ Object.create(null);
-var Node6 = class _Node {
+var Node7 = class _Node {
   /**
   @internal
   */
@@ -8808,7 +8917,7 @@ var Node6 = class _Node {
     return node;
   }
 };
-Node6.prototype.text = void 0;
+Node7.prototype.text = void 0;
 function wrapMarks(marks, str) {
   for (let i = marks.length - 1; i >= 0; i--)
     str = marks[i].type.name + "(" + str + ")";
@@ -11910,7 +12019,7 @@ function buildTableHoverState({
 }
 
 // src/components/UEditor/table-drag-preview.tsx
-import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function TableDragPreview({
   columnDragLabel,
   dragPreview,
@@ -11923,7 +12032,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__ */ jsxs12(Fragment3, { children: [
     dragPreview.kind === "row" && /* @__PURE__ */ jsxs12(Fragment3, { children: [
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         "div",
         {
           "aria-hidden": "true",
@@ -11936,7 +12045,7 @@ function TableDragPreview({
           }
         }
       ),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         "div",
         {
           "aria-hidden": "true",
@@ -11951,7 +12060,7 @@ function TableDragPreview({
       )
     ] }),
     dragPreview.kind === "column" && /* @__PURE__ */ jsxs12(Fragment3, { children: [
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         "div",
         {
           "aria-hidden": "true",
@@ -11964,7 +12073,7 @@ function TableDragPreview({
           }
         }
       ),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         "div",
         {
           "aria-hidden": "true",
@@ -11978,7 +12087,7 @@ function TableDragPreview({
         }
       )
     ] }),
-    (dragPreview.kind === "add-row" || dragPreview.kind === "add-column") && /* @__PURE__ */ jsx13(
+    (dragPreview.kind === "add-row" || dragPreview.kind === "add-column") && /* @__PURE__ */ jsx14(
       "div",
       {
         "aria-hidden": "true",
@@ -11991,7 +12100,7 @@ function TableDragPreview({
         }
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       "div",
       {
         role: "status",
@@ -12007,7 +12116,7 @@ function TableDragPreview({
 }
 
 // src/components/UEditor/table-add-rails.tsx
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var ADD_COLUMN_RAIL_GAP = 4;
 var ADD_ROW_RAIL_GAP = 4;
 var BUTTON_LONG_SIZE = 36;
@@ -12033,12 +12142,12 @@ function TableAddRails({
   const showColumnRail = controlsVisible || addColumnVisible;
   const showRowRail = controlsVisible || addRowVisible;
   return /* @__PURE__ */ jsxs13(Fragment4, { children: [
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       Tooltip,
       {
         placement: "right",
-        content: /* @__PURE__ */ jsx14("span", { className: "text-xs font-medium", children: quickAddColumnLabel }),
-        children: /* @__PURE__ */ jsx14(
+        content: /* @__PURE__ */ jsx15("span", { className: "text-xs font-medium", children: quickAddColumnLabel }),
+        children: /* @__PURE__ */ jsx15(
           "button",
           {
             type: "button",
@@ -12066,17 +12175,17 @@ function TableAddRails({
               transform: showColumnRail ? "scale(1)" : "scale(0.85)",
               pointerEvents: showColumnRail ? "auto" : "none"
             },
-            children: /* @__PURE__ */ jsx14("span", { className: "text-sm font-medium leading-none", children: "+" })
+            children: /* @__PURE__ */ jsx15("span", { className: "text-sm font-medium leading-none", children: "+" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       Tooltip,
       {
         placement: "bottom",
-        content: /* @__PURE__ */ jsx14("span", { className: "text-xs font-medium", children: quickAddRowLabel }),
-        children: /* @__PURE__ */ jsx14(
+        content: /* @__PURE__ */ jsx15("span", { className: "text-xs font-medium", children: quickAddRowLabel }),
+        children: /* @__PURE__ */ jsx15(
           "button",
           {
             type: "button",
@@ -12102,7 +12211,7 @@ function TableAddRails({
               transform: showRowRail ? "scale(1)" : "scale(0.85)",
               pointerEvents: showRowRail ? "auto" : "none"
             },
-            children: /* @__PURE__ */ jsx14("span", { className: "text-sm font-medium leading-none", children: "+" })
+            children: /* @__PURE__ */ jsx15("span", { className: "text-sm font-medium leading-none", children: "+" })
           }
         )
       }
@@ -12112,7 +12221,7 @@ function TableAddRails({
 
 // src/components/UEditor/table-control-menu.tsx
 import { MoreHorizontal } from "lucide-react";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function TableControlMenu({
   controlsVisible,
   isOpen,
@@ -12124,7 +12233,7 @@ function TableControlMenu({
   top
 }) {
   const shown = controlsVisible || menuVisible || isOpen;
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       className: "absolute z-30",
@@ -12133,13 +12242,13 @@ function TableControlMenu({
         top,
         left
       },
-      children: /* @__PURE__ */ jsx15(
+      children: /* @__PURE__ */ jsx16(
         Tooltip,
         {
           placement: "top",
           disabled: isOpen,
-          content: /* @__PURE__ */ jsx15("span", { className: "text-xs font-medium", children: label }),
-          children: /* @__PURE__ */ jsx15("span", { className: "inline-flex", children: /* @__PURE__ */ jsx15(
+          content: /* @__PURE__ */ jsx16("span", { className: "text-xs font-medium", children: label }),
+          children: /* @__PURE__ */ jsx16("span", { className: "inline-flex", children: /* @__PURE__ */ jsx16(
             DropdownMenu,
             {
               placement: "bottom-start",
@@ -12147,7 +12256,7 @@ function TableControlMenu({
               onOpenChange,
               contentClassName: "p-2",
               items,
-              trigger: /* @__PURE__ */ jsx15(
+              trigger: /* @__PURE__ */ jsx16(
                 "button",
                 {
                   type: "button",
@@ -12163,7 +12272,7 @@ function TableControlMenu({
                     transform: shown ? "scale(1)" : "scale(0.82)",
                     pointerEvents: shown ? "auto" : "none"
                   },
-                  children: /* @__PURE__ */ jsx15(MoreHorizontal, { "aria-hidden": "true", className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx16(MoreHorizontal, { "aria-hidden": "true", className: "h-4 w-4" })
                 }
               )
             }
@@ -12176,7 +12285,7 @@ function TableControlMenu({
 
 // src/components/UEditor/table-axis-handles.tsx
 import { GripHorizontal, GripVertical } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx16 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx17 } from "react/jsx-runtime";
 var IDLE_HANDLE_SCALE = "0.78";
 function TableRowHandles({
   activeRowIndex,
@@ -12191,12 +12300,12 @@ function TableRowHandles({
   rowHandleLeft,
   rowHandles
 }) {
-  return /* @__PURE__ */ jsx16(Fragment5, { children: rowHandles.map((rowHandle) => {
+  return /* @__PURE__ */ jsx17(Fragment5, { 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__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       "div",
       {
         className: "absolute z-30",
@@ -12206,13 +12315,13 @@ function TableRowHandles({
           left: rowHandleLeft,
           pointerEvents: visible ? "auto" : "none"
         },
-        children: /* @__PURE__ */ jsx16(
+        children: /* @__PURE__ */ jsx17(
           Tooltip,
           {
             placement: "right",
             disabled: openMenuKey === menuKey || !visible && isActive,
-            content: /* @__PURE__ */ jsx16("span", { className: "text-xs font-medium", children: `${rowDragLabel} ${rowHandle.index + 1}` }),
-            children: /* @__PURE__ */ jsx16("span", { className: "inline-flex", children: /* @__PURE__ */ jsx16(
+            content: /* @__PURE__ */ jsx17("span", { className: "text-xs font-medium", children: `${rowDragLabel} ${rowHandle.index + 1}` }),
+            children: /* @__PURE__ */ jsx17("span", { className: "inline-flex", children: /* @__PURE__ */ jsx17(
               DropdownMenu,
               {
                 placement: "right",
@@ -12220,7 +12329,7 @@ function TableRowHandles({
                 onOpenChange: (open) => onOpenMenuChange(menuKey, open),
                 contentClassName: "p-2",
                 items: getMenuItems(rowHandle),
-                trigger: /* @__PURE__ */ jsx16(
+                trigger: /* @__PURE__ */ jsx17(
                   "button",
                   {
                     type: "button",
@@ -12245,7 +12354,7 @@ function TableRowHandles({
                       // selection near the first character of a table cell.
                       pointerEvents: visible ? "auto" : "none"
                     },
-                    children: visible ? /* @__PURE__ */ jsx16(GripVertical, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx16("div", { className: "h-3 w-1 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
+                    children: visible ? /* @__PURE__ */ jsx17(GripVertical, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx17("div", { className: "h-3 w-1 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
                   }
                 )
               }
@@ -12270,12 +12379,12 @@ function TableColumnHandles({
   onStartDrag,
   openMenuKey
 }) {
-  return /* @__PURE__ */ jsx16(Fragment5, { children: columnHandles.map((columnHandle) => {
+  return /* @__PURE__ */ jsx17(Fragment5, { 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__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       "div",
       {
         className: "absolute z-30",
@@ -12285,13 +12394,13 @@ function TableColumnHandles({
           left: Math.max(8, columnHandle.center - 12),
           pointerEvents: visible ? "auto" : "none"
         },
-        children: /* @__PURE__ */ jsx16(
+        children: /* @__PURE__ */ jsx17(
           Tooltip,
           {
             placement: "top",
             disabled: openMenuKey === menuKey || !visible && isActive,
-            content: /* @__PURE__ */ jsx16("span", { className: "text-xs font-medium", children: `${columnDragLabel} ${columnHandle.index + 1}` }),
-            children: /* @__PURE__ */ jsx16("span", { className: "inline-flex", children: /* @__PURE__ */ jsx16(
+            content: /* @__PURE__ */ jsx17("span", { className: "text-xs font-medium", children: `${columnDragLabel} ${columnHandle.index + 1}` }),
+            children: /* @__PURE__ */ jsx17("span", { className: "inline-flex", children: /* @__PURE__ */ jsx17(
               DropdownMenu,
               {
                 placement: "bottom-start",
@@ -12299,7 +12408,7 @@ function TableColumnHandles({
                 onOpenChange: (open) => onOpenMenuChange(menuKey, open),
                 contentClassName: "p-2",
                 items: getMenuItems(columnHandle),
-                trigger: /* @__PURE__ */ jsx16(
+                trigger: /* @__PURE__ */ jsx17(
                   "button",
                   {
                     type: "button",
@@ -12321,7 +12430,7 @@ function TableColumnHandles({
                       transform: isShown ? "scale(1)" : `scale(${IDLE_HANDLE_SCALE})`,
                       pointerEvents: visible ? "auto" : "none"
                     },
-                    children: visible ? /* @__PURE__ */ jsx16(GripHorizontal, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx16("div", { className: "h-1 w-3 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
+                    children: visible ? /* @__PURE__ */ jsx17(GripHorizontal, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx17("div", { className: "h-1 w-3 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
                   }
                 )
               }
@@ -12336,7 +12445,7 @@ function TableColumnHandles({
 
 // src/components/UEditor/table-resize-handles.tsx
 import { MoveDiagonal2 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var EDGE_HANDLE_CLASS = cn(
   "pointer-events-auto absolute top-0 z-10 h-full w-2 touch-none cursor-col-resize bg-transparent p-0",
   "border-transparent transition-colors duration-150 hover:border-primary",
@@ -12387,7 +12496,7 @@ function TableResizeHandles({
       },
       children: [
         layout.widthMode === "responsive" ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
-          /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx18(
             "button",
             {
               type: "button",
@@ -12402,7 +12511,7 @@ function TableResizeHandles({
               onKeyDown: (event) => onKeyboardResize(event, "left")
             }
           ),
-          /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx18(
             "button",
             {
               type: "button",
@@ -12418,7 +12527,7 @@ function TableResizeHandles({
             }
           )
         ] }) : null,
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           "button",
           {
             type: "button",
@@ -12436,10 +12545,10 @@ function TableResizeHandles({
             },
             onPointerDown: (event) => onStartResize(event, "both"),
             onKeyDown: (event) => onKeyboardResize(event, "both"),
-            children: /* @__PURE__ */ jsx17(MoveDiagonal2, { "aria-hidden": "true", className: "h-3.5 w-3.5", strokeWidth: 2.25 })
+            children: /* @__PURE__ */ jsx18(MoveDiagonal2, { "aria-hidden": "true", className: "h-3.5 w-3.5", strokeWidth: 2.25 })
           }
         ),
-        active ? /* @__PURE__ */ jsx17(
+        active ? /* @__PURE__ */ jsx18(
           "span",
           {
             role: "status",
@@ -12689,7 +12798,7 @@ function applyTableSize(editor, snapshot, dimensions, options = {}) {
 }
 
 // src/components/UEditor/table-controls.tsx
-import { Fragment as Fragment7, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 var TABLE_MENU_TOP_OFFSET = 10;
 var AXIS_HANDLE_RADIUS = 12;
 function clamp2(value, min, max) {
@@ -12725,21 +12834,21 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
   const t = useSmartTranslations("UEditor");
   const editorDocument = editor.view.dom.ownerDocument;
   const editorWindow = editorDocument.defaultView;
-  const [layout, setLayout] = React11.useState(null);
-  const [dragPreview, setDragPreview] = React11.useState(null);
-  const [tableResizeActive, setTableResizeActive] = React11.useState(false);
-  const [hoverState, setHoverState] = React11.useState(DEFAULT_TABLE_HOVER_STATE);
-  const [openMenuKey, setOpenMenuKey] = React11.useState(null);
-  const layoutRef = React11.useRef(null);
-  const dragStateRef = React11.useRef(null);
-  const syncFrameRef = React11.useRef(null);
-  const layoutRefreshFrameRef = React11.useRef(null);
-  const tableResizeFrameRef = React11.useRef(null);
-  const tableResizePreviewFrameRef = React11.useRef(null);
-  React11.useEffect(() => {
+  const [layout, setLayout] = React12.useState(null);
+  const [dragPreview, setDragPreview] = React12.useState(null);
+  const [tableResizeActive, setTableResizeActive] = React12.useState(false);
+  const [hoverState, setHoverState] = React12.useState(DEFAULT_TABLE_HOVER_STATE);
+  const [openMenuKey, setOpenMenuKey] = React12.useState(null);
+  const layoutRef = React12.useRef(null);
+  const dragStateRef = React12.useRef(null);
+  const syncFrameRef = React12.useRef(null);
+  const layoutRefreshFrameRef = React12.useRef(null);
+  const tableResizeFrameRef = React12.useRef(null);
+  const tableResizePreviewFrameRef = React12.useRef(null);
+  React12.useEffect(() => {
     layoutRef.current = layout;
   }, [layout]);
-  const syncFromCell = React11.useCallback((cell) => {
+  const syncFromCell = React12.useCallback((cell) => {
     const surface = containerRef.current;
     if (!surface || !cell) {
       layoutRef.current = null;
@@ -12750,10 +12859,10 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     layoutRef.current = nextLayout;
     setLayout(nextLayout);
   }, [containerRef, editor]);
-  const syncFromSelection = React11.useCallback(() => {
+  const syncFromSelection = React12.useCallback(() => {
     syncFromCell(getSelectedCell(editor));
   }, [editor, syncFromCell]);
-  const scheduleSyncFromSelection = React11.useCallback(() => {
+  const scheduleSyncFromSelection = React12.useCallback(() => {
     if (syncFrameRef.current !== null) return;
     if (!editorWindow) return;
     syncFrameRef.current = editorWindow.requestAnimationFrame(() => {
@@ -12761,13 +12870,13 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       syncFromSelection();
     });
   }, [editorWindow, syncFromSelection]);
-  React11.useEffect(() => () => {
+  React12.useEffect(() => () => {
     if (syncFrameRef.current !== null) {
       editorWindow?.cancelAnimationFrame(syncFrameRef.current);
       syncFrameRef.current = null;
     }
   }, [editorWindow]);
-  const refreshCurrentLayout = React11.useCallback(() => {
+  const refreshCurrentLayout = React12.useCallback(() => {
     const currentLayout = layoutRef.current;
     if (!currentLayout) return;
     const surface = containerRef.current;
@@ -12782,7 +12891,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     layoutRef.current = nextLayout;
     setLayout(nextLayout);
   }, [containerRef, editor]);
-  const scheduleCurrentLayoutRefresh = React11.useCallback(() => {
+  const scheduleCurrentLayoutRefresh = React12.useCallback(() => {
     if (!layoutRef.current || layoutRefreshFrameRef.current !== null) return;
     if (!editorWindow) return;
     layoutRefreshFrameRef.current = editorWindow.requestAnimationFrame(() => {
@@ -12790,13 +12899,13 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       refreshCurrentLayout();
     });
   }, [editorWindow, refreshCurrentLayout]);
-  React11.useEffect(() => () => {
+  React12.useEffect(() => () => {
     if (layoutRefreshFrameRef.current !== null) {
       editorWindow?.cancelAnimationFrame(layoutRefreshFrameRef.current);
       layoutRefreshFrameRef.current = null;
     }
   }, [editorWindow]);
-  const updateTableResizePreview = React11.useCallback((dimensions) => {
+  const updateTableResizePreview = React12.useCallback((dimensions) => {
     const frame = tableResizeFrameRef.current;
     if (!frame) return;
     frame.style.width = `${dimensions.width}px`;
@@ -12816,7 +12925,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       });
     }
   }, []);
-  const resetTableResizePreview = React11.useCallback(() => {
+  const resetTableResizePreview = React12.useCallback(() => {
     const activeLayout = layoutRef.current;
     if (!activeLayout) return;
     updateTableResizePreview({
@@ -12825,7 +12934,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       leftDelta: 0
     });
   }, [updateTableResizePreview]);
-  const clearDrag = React11.useCallback(() => {
+  const clearDrag = React12.useCallback(() => {
     const dragState = dragStateRef.current;
     if (dragState?.kind === "resize-table") {
       try {
@@ -12845,7 +12954,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     resetTableResizePreview();
     setDocumentCursor(editorDocument, "");
   }, [editorDocument, editorWindow, resetTableResizePreview]);
-  const updateHoverState = React11.useCallback((event) => {
+  const updateHoverState = React12.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
     if (!activeLayout || !surface || dragStateRef.current || event.buttons !== 0) {
@@ -12861,7 +12970,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       return areTableHoverStatesEqual(prev, nextState) ? prev : nextState;
     });
   }, [containerRef]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     const proseMirror = editor.view.dom;
     const surface = containerRef.current;
     if (!surface) return void 0;
@@ -12948,37 +13057,37 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       editor.off("update", scheduleCurrentLayoutRefresh);
     };
   }, [clearDrag, containerRef, editor, editorWindow, scheduleCurrentLayoutRefresh, scheduleSyncFromSelection, syncFromCell, syncFromSelection, updateHoverState]);
-  const runAtCellPos = React11.useCallback((cellPos, command, options) => {
+  const runAtCellPos = React12.useCallback((cellPos, command, options) => {
     const result = runTableCommandAtCellPos(editor, cellPos, command);
     if (options?.sync !== false) {
       scheduleSyncFromSelection();
     }
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const runAtActiveCell = React11.useCallback((command, options) => {
+  const runAtActiveCell = React12.useCallback((command, options) => {
     return runAtCellPos(layoutRef.current?.cellPos ?? null, command, options);
   }, [runAtCellPos]);
-  const duplicateRowAt = React11.useCallback((rowIndex, cellPos) => {
+  const duplicateRowAt = React12.useCallback((rowIndex, cellPos) => {
     const result = duplicateTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearRowAt = React11.useCallback((rowIndex, cellPos) => {
+  const clearRowAt = React12.useCallback((rowIndex, cellPos) => {
     const result = clearTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const duplicateColumnAt = React11.useCallback((columnIndex, cellPos) => {
+  const duplicateColumnAt = React12.useCallback((columnIndex, cellPos) => {
     const result = duplicateTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearColumnAt = React11.useCallback((columnIndex, cellPos) => {
+  const clearColumnAt = React12.useCallback((columnIndex, cellPos) => {
     const result = clearTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const expandTableBy = React11.useCallback((rows, cols) => {
+  const expandTableBy = React12.useCallback((rows, cols) => {
     const activeCellPos = layoutRef.current?.cellPos ?? editor.state.selection.from;
     const result = expandTableFromCell(editor, activeCellPos, rows, cols);
     scheduleSyncFromSelection();
@@ -12987,7 +13096,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
   const canExpandTable = Boolean(layout);
   const controlsVisible = false;
   const tableMenuOpen = openMenuKey === "table";
-  const startTableResize = React11.useCallback((event, edge) => {
+  const startTableResize = React12.useCallback((event, edge) => {
     if (event.button !== 0 || dragStateRef.current) return;
     const activeLayout = layoutRef.current;
     if (!activeLayout) return;
@@ -13025,7 +13134,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     updateTableResizePreview(pendingDimensions);
     setDocumentCursor(editorDocument, edge === "both" ? "nwse-resize" : "ew-resize");
   }, [editor, editorDocument, updateTableResizePreview]);
-  const fitTableToEditorWidth = React11.useCallback(() => {
+  const fitTableToEditorWidth = React12.useCallback(() => {
     if (dragStateRef.current) return;
     const activeLayout = layoutRef.current;
     if (!activeLayout) return;
@@ -13048,7 +13157,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       scheduleSyncFromSelection();
     }
   }, [editor, scheduleSyncFromSelection]);
-  const resizeTableWithKeyboard = React11.useCallback((event, edge) => {
+  const resizeTableWithKeyboard = React12.useCallback((event, edge) => {
     const horizontal = event.key === "ArrowLeft" || event.key === "ArrowRight";
     const vertical = event.key === "ArrowUp" || event.key === "ArrowDown";
     if (!horizontal && !vertical || edge !== "both" && !horizontal) return;
@@ -13077,7 +13186,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       scheduleSyncFromSelection();
     }
   }, [editor, scheduleSyncFromSelection]);
-  const startAddColumnDrag = React11.useCallback((event) => {
+  const startAddColumnDrag = React12.useCallback((event) => {
     if (event.button !== 0 || dragStateRef.current) return;
     event.preventDefault();
     event.stopPropagation();
@@ -13086,7 +13195,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     setDragPreview({ kind: "add-column", previewCols: 1 });
     setDocumentCursor(editorDocument, "ew-resize");
   }, [editorDocument]);
-  const startAddRowDrag = React11.useCallback((event) => {
+  const startAddRowDrag = React12.useCallback((event) => {
     if (event.button !== 0 || dragStateRef.current) return;
     event.preventDefault();
     event.stopPropagation();
@@ -13095,7 +13204,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     setDragPreview({ kind: "add-row", previewRows: 1 });
     setDocumentCursor(editorDocument, "ns-resize");
   }, [editorDocument]);
-  const startRowDrag = React11.useCallback((event, rowHandle) => {
+  const startRowDrag = React12.useCallback((event, rowHandle) => {
     if (event.button !== 0 || dragStateRef.current) return;
     event.preventDefault();
     event.stopPropagation();
@@ -13115,7 +13224,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     });
     setDocumentCursor(editorDocument, "grabbing");
   }, [editorDocument]);
-  const startColumnDrag = React11.useCallback((event, columnHandle) => {
+  const startColumnDrag = React12.useCallback((event, columnHandle) => {
     if (event.button !== 0 || dragStateRef.current) return;
     event.preventDefault();
     event.stopPropagation();
@@ -13135,7 +13244,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     });
     setDocumentCursor(editorDocument, "grabbing");
   }, [editorDocument]);
-  const moveRowWithKeyboard = React11.useCallback((rowHandle, direction) => {
+  const moveRowWithKeyboard = React12.useCallback((rowHandle, direction) => {
     const targetIndex = clamp2(rowHandle.index + direction, 0, (layoutRef.current?.rowHandles.length ?? 1) - 1);
     if (targetIndex === rowHandle.index) return;
     const tableInfo = findTableInfo(editor, rowHandle.cellPos);
@@ -13156,7 +13265,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     });
     scheduleSyncFromSelection();
   }, [editor, scheduleSyncFromSelection]);
-  const moveColumnWithKeyboard = React11.useCallback((columnHandle, direction) => {
+  const moveColumnWithKeyboard = React12.useCallback((columnHandle, direction) => {
     const targetIndex = clamp2(columnHandle.index + direction, 0, (layoutRef.current?.columnHandles.length ?? 1) - 1);
     if (targetIndex === columnHandle.index) return;
     const tableInfo = findTableInfo(editor, columnHandle.cellPos);
@@ -13188,7 +13297,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     });
     scheduleSyncFromSelection();
   }, [editor, scheduleSyncFromSelection]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!editorWindow) return;
     const handlePointerMove = (event) => {
       const dragState = dragStateRef.current;
@@ -13333,7 +13442,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       unsubscribeBlur();
     };
   }, [clearDrag, containerRef, editor, editorDocument, editorWindow, expandTableBy, scheduleSyncFromSelection]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!editorWindow) return;
     const handlePointerMove = (event) => {
       const dragState = dragStateRef.current;
@@ -13404,7 +13513,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       }
     };
   }, [clearDrag, editor, editorDocument, editorWindow, scheduleSyncFromSelection, updateTableResizePreview]);
-  const openCellInspector = React11.useCallback(() => {
+  const openCellInspector = React12.useCallback(() => {
     const cellPos = layoutRef.current?.cellPos;
     if (!showCellInspector || cellPos == null) return;
     const didSelect = editor.commands.setCellSelection({
@@ -13416,7 +13525,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       if (!editor.isDestroyed) editor.view.focus();
     });
   }, [editor, editorWindow, showCellInspector]);
-  const menuItems = React11.useMemo(() => {
+  const menuItems = React12.useMemo(() => {
     if (!layout) return [];
     return [
       ...showCellInspector ? [{
@@ -13494,7 +13603,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       }
     ];
   }, [editor, fitTableToEditorWidth, layout, openCellInspector, runAtActiveCell, showCellInspector, t]);
-  const getRowHandleMenuItems = React11.useCallback((rowHandle) => [
+  const getRowHandleMenuItems = React12.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
       icon: ArrowUp,
@@ -13522,7 +13631,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       destructive: true
     }
   ], [clearRowAt, duplicateRowAt, runAtCellPos, t]);
-  const getColumnHandleMenuItems = React11.useCallback((columnHandle) => [
+  const getColumnHandleMenuItems = React12.useCallback((columnHandle) => [
     {
       label: t("tableMenu.addColumnBefore"),
       icon: ArrowLeft,
@@ -13558,7 +13667,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
   const rowHandleLeft = layout.tableLeft - AXIS_HANDLE_RADIUS;
   const columnHandleTop = layout.tableTop - AXIS_HANDLE_RADIUS;
   return /* @__PURE__ */ jsxs15(Fragment7, { children: [
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(
       TableRowHandles,
       {
         activeRowIndex: layout.activeRowIndex,
@@ -13576,7 +13685,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
         rowHandles: layout.rowHandles
       }
     ),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(
       TableColumnHandles,
       {
         activeColumnIndex: layout.activeColumnIndex,
@@ -13594,7 +13703,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
         openMenuKey
       }
     ),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(
       TableControlMenu,
       {
         controlsVisible,
@@ -13609,7 +13718,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
         top: menuTop
       }
     ),
-    dragPreview === null && /* @__PURE__ */ jsx18(
+    dragPreview === null && /* @__PURE__ */ jsx19(
       TableResizeHandles,
       {
         active: tableResizeActive,
@@ -13622,7 +13731,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
         resizeBothLabel: t("tableMenu.resizeBoth")
       }
     ),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(
       TableAddRails,
       {
         addColumnVisible: hoverState.addColumnVisible,
@@ -13638,7 +13747,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
         quickAddRowLabel: t("tableMenu.quickAddRowAfter")
       }
     ),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(
       TableDragPreview,
       {
         columnDragLabel: t("tableMenu.dragColumn"),
@@ -13651,10 +13760,10 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
 }
 
 // src/components/UEditor/use-table-interactions.ts
-import React13, { useEffect as useEffect6, useRef as useRef6 } from "react";
+import React14, { useEffect as useEffect6, useRef as useRef6 } from "react";
 
 // src/components/UEditor/use-table-row-resize.ts
-import React12, { useRef as useRef5 } from "react";
+import React13, { useRef as useRef5 } from "react";
 function setRowResizeBodyState(ownerDocument, active) {
   ownerDocument.body.style.userSelect = active ? "none" : "";
   ownerDocument.body.style.cursor = active ? "row-resize" : "";
@@ -13668,15 +13777,15 @@ function useTableRowResize({
   scheduleTableLayoutSync
 }) {
   const stateRef = useRef5(null);
-  const syncActiveGuide = React12.useCallback(() => {
+  const syncActiveGuide = React13.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 = React12.useCallback(() => stateRef.current !== null, []);
-  const beginResize = React12.useCallback((event, table, row, cell) => {
+  const isResizing = React13.useCallback(() => stateRef.current !== null, []);
+  const beginResize = React13.useCallback((event, table, row, cell) => {
     if (!editor || !isRowResizeHotspot(cell, event.clientX, event.clientY)) {
       return false;
     }
@@ -13705,7 +13814,7 @@ function useTableRowResize({
     event.stopPropagation();
     return true;
   }, [editor, setHoveredTableCell, showRowGuide]);
-  const handlePointerMove = React12.useCallback((event) => {
+  const handlePointerMove = React13.useCallback((event) => {
     const state = stateRef.current;
     if (!state) return;
     const nextHeight = Math.max(
@@ -13722,7 +13831,7 @@ function useTableRowResize({
     setRowResizeBodyState(state.rowElement.ownerDocument, true);
     showRowGuide(state.tableElement, state.rowElement, state.cellElement, nextHeight);
   }, [showRowGuide]);
-  const handlePointerUp = React12.useCallback((event) => {
+  const handlePointerUp = React13.useCallback((event) => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -13747,7 +13856,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, editor, scheduleTableLayoutSync]);
-  const cancelResize = React12.useCallback(() => {
+  const cancelResize = React13.useCallback(() => {
     const state = stateRef.current;
     if (!state) return;
     stateRef.current = null;
@@ -13757,7 +13866,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, scheduleTableLayoutSync]);
-  const cleanup = React12.useCallback(() => {
+  const cleanup = React13.useCallback(() => {
     const editorDocument = stateRef.current?.rowElement.ownerDocument ?? editor?.view.dom.ownerDocument;
     stateRef.current = null;
     isRowResizingGlobal.active = false;
@@ -13786,16 +13895,16 @@ function useUEditorTableInteractions(editor, editable = true) {
   const activeTableCellRef = useRef6(null);
   const suppressActiveCellHighlightRef = useRef6(false);
   const tableLayoutSyncFrameRef = useRef6(null);
-  const getProseMirrorElement = React13.useCallback(() => {
+  const getProseMirrorElement = React14.useCallback(() => {
     return editorContentRef.current?.querySelector(".ProseMirror");
   }, []);
-  const setEditorResizeCursor = React13.useCallback((cursor) => {
+  const setEditorResizeCursor = React14.useCallback((cursor) => {
     const proseMirror = getProseMirrorElement();
     if (proseMirror) {
       proseMirror.style.cursor = cursor;
     }
   }, [getProseMirrorElement]);
-  const hideColumnGuide = React13.useCallback(() => {
+  const hideColumnGuide = React14.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-cursor");
     getProseMirrorElement()?.classList.remove("resize-cursor");
     const guide = tableColumnGuideRef.current;
@@ -13803,7 +13912,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const hideRowGuide = React13.useCallback(() => {
+  const hideRowGuide = React14.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-row-cursor");
     getProseMirrorElement()?.classList.remove("resize-row-cursor");
     const guide = tableRowGuideRef.current;
@@ -13813,21 +13922,21 @@ function useUEditorTableInteractions(editor, editable = true) {
   }, [getProseMirrorElement]);
   const hotspotTimerRef = useRef6(null);
   const activeHotspotKeyRef = useRef6(null);
-  const clearHotspotTimer = React13.useCallback(() => {
+  const clearHotspotTimer = React14.useCallback(() => {
     if (hotspotTimerRef.current !== null) {
       const realm = editorContentRef.current?.ownerDocument.defaultView;
       realm?.clearTimeout(hotspotTimerRef.current);
       hotspotTimerRef.current = null;
     }
   }, []);
-  const clearAllTableResizeHover = React13.useCallback(() => {
+  const clearAllTableResizeHover = React14.useCallback(() => {
     clearHotspotTimer();
     activeHotspotKeyRef.current = null;
     setEditorResizeCursor("");
     hideColumnGuide();
     hideRowGuide();
   }, [clearHotspotTimer, hideColumnGuide, hideRowGuide, setEditorResizeCursor]);
-  const updateActiveCellHighlight = React13.useCallback((cell) => {
+  const updateActiveCellHighlight = React14.useCallback((cell) => {
     const surface = editorContentRef.current;
     const highlight = activeTableCellHighlightRef.current;
     if (!highlight) return;
@@ -13842,7 +13951,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     highlight.style.width = `${metrics.width}px`;
     highlight.style.height = `${metrics.height}px`;
   }, []);
-  const scheduleTableLayoutSync = React13.useCallback(() => {
+  const scheduleTableLayoutSync = React14.useCallback(() => {
     if (!activeTableCellRef.current || tableLayoutSyncFrameRef.current !== null) return;
     const realm = editorContentRef.current?.ownerDocument.defaultView;
     if (!realm) return;
@@ -13854,7 +13963,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       editorContentRef.current?.dispatchEvent(new realm.CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT));
     });
   }, [updateActiveCellHighlight]);
-  const setActiveTableCell = React13.useCallback((cell) => {
+  const setActiveTableCell = React14.useCallback((cell) => {
     if (activeTableCellRef.current === cell) {
       updateActiveCellHighlight(cell);
       return;
@@ -13862,17 +13971,17 @@ function useUEditorTableInteractions(editor, editable = true) {
     activeTableCellRef.current = cell;
     updateActiveCellHighlight(activeTableCellRef.current);
   }, [updateActiveCellHighlight]);
-  const clearActiveTableCell = React13.useCallback(() => {
+  const clearActiveTableCell = React14.useCallback(() => {
     activeTableCellRef.current = null;
     updateActiveCellHighlight(null);
   }, [updateActiveCellHighlight]);
-  const setHoveredTableCell = React13.useCallback((cell) => {
+  const setHoveredTableCell = React14.useCallback((cell) => {
     hoveredTableCellRef.current = cell;
   }, []);
-  const clearHoveredTableCell = React13.useCallback(() => {
+  const clearHoveredTableCell = React14.useCallback(() => {
     hoveredTableCellRef.current = null;
   }, []);
-  const showColumnGuide = React13.useCallback((table, row, cell) => {
+  const showColumnGuide = React14.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableColumnGuideRef.current;
     if (!surface || !guide) return;
@@ -13886,7 +13995,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     getProseMirrorElement()?.classList.add("resize-cursor");
     setEditorResizeCursor("col-resize");
   }, [getProseMirrorElement, setEditorResizeCursor]);
-  const showRowGuide = React13.useCallback((table, row, cell, previewHeight) => {
+  const showRowGuide = React14.useCallback((table, row, cell, previewHeight) => {
     const surface = editorContentRef.current;
     const guide = tableRowGuideRef.current;
     if (!surface || !guide) return;
@@ -13918,7 +14027,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     clearAllTableResizeHover,
     scheduleTableLayoutSync
   });
-  const syncActiveTableCellFromSelection = React13.useCallback(() => {
+  const syncActiveTableCellFromSelection = React14.useCallback(() => {
     if (!editor) return;
     if (!editor.isFocused) {
       clearActiveTableCell();
@@ -14655,7 +14764,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
 import { useEffect as useEffect8, useRef as useRef8, useState as useState6 } from "react";
 import { useEditorState as useEditorState2 } from "@tiptap/react";
 import { AlertCircle as AlertCircle2, Check as Check3, Hash, Sigma as Sigma3, Trash2 as Trash23 } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function TableFormulaBar({ editor }) {
   const t = useSmartTranslations("UEditor");
   const inputRef = useRef8(null);
@@ -14726,7 +14835,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__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "span",
           {
             "data-ueditor-formula-cell-label": "",
@@ -14734,8 +14843,8 @@ function TableFormulaBar({ editor }) {
             children: selectedCell.label
           }
         ),
-        /* @__PURE__ */ jsx19(Sigma3, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 text-primary" }),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(Sigma3, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 text-primary" }),
+        /* @__PURE__ */ jsx20(
           "input",
           {
             ref: inputRef,
@@ -14762,12 +14871,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__ */ jsx19(AlertCircle2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ jsx20(AlertCircle2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
               t("tableMenu.formulaError")
             ]
           }
         ),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "button",
           {
             type: "button",
@@ -14775,10 +14884,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__ */ jsx19(Check3, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx20(Check3, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "button",
           {
             type: "button",
@@ -14789,10 +14898,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__ */ jsx19(Hash, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx20(Hash, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "button",
           {
             type: "button",
@@ -14803,7 +14912,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__ */ jsx19(Trash23, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx20(Trash23, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         )
       ]
@@ -14812,7 +14921,7 @@ function TableFormulaBar({ editor }) {
 }
 
 // src/components/UEditor/use-editor-output.ts
-import * as React15 from "react";
+import * as React16 from "react";
 function normalizeDebounceMs(value) {
   return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : 0;
 }
@@ -14822,18 +14931,18 @@ function useUEditorOutput({
   onJsonChange,
   outputDebounceMs
 }) {
-  const callbacksRef = React15.useRef({
+  const callbacksRef = React16.useRef({
     onChange,
     onHtmlChange,
     onJsonChange
   });
-  const pendingEditorRef = React15.useRef(null);
-  const timeoutRef = React15.useRef(null);
+  const pendingEditorRef = React16.useRef(null);
+  const timeoutRef = React16.useRef(null);
   const debounceMs = normalizeDebounceMs(outputDebounceMs);
-  React15.useLayoutEffect(() => {
+  React16.useLayoutEffect(() => {
     callbacksRef.current = { onChange, onHtmlChange, onJsonChange };
   }, [onChange, onHtmlChange, onJsonChange]);
-  const flushOutputUpdates = React15.useCallback(() => {
+  const flushOutputUpdates = React16.useCallback(() => {
     if (timeoutRef.current !== null) {
       clearTimeout(timeoutRef.current);
       timeoutRef.current = null;
@@ -14851,7 +14960,7 @@ function useUEditorOutput({
       callbacks.onJsonChange(editor.getJSON());
     }
   }, []);
-  const scheduleOutputUpdate = React15.useCallback((editor) => {
+  const scheduleOutputUpdate = React16.useCallback((editor) => {
     const callbacks = callbacksRef.current;
     if (!callbacks.onChange && !callbacks.onHtmlChange && !callbacks.onJsonChange) return;
     pendingEditorRef.current = editor;
@@ -14865,13 +14974,13 @@ function useUEditorOutput({
     }
     timeoutRef.current = setTimeout(flushOutputUpdates, debounceMs);
   }, [debounceMs, flushOutputUpdates]);
-  React15.useEffect(() => {
+  React16.useEffect(() => {
     if (!pendingEditorRef.current || timeoutRef.current === null) return;
     clearTimeout(timeoutRef.current);
     timeoutRef.current = debounceMs === 0 ? null : setTimeout(flushOutputUpdates, debounceMs);
     if (debounceMs === 0) flushOutputUpdates();
   }, [debounceMs, flushOutputUpdates]);
-  React15.useEffect(() => () => {
+  React16.useEffect(() => () => {
     flushOutputUpdates();
     if (timeoutRef.current !== null) {
       clearTimeout(timeoutRef.current);
@@ -14886,12 +14995,12 @@ function useUEditorOutput({
 }
 
 // src/components/UEditor/UEditor.tsx
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
-var LazyMenuBar = React16.lazy(async () => {
-  const { MenuBar } = await import("./menu-bar-MUISXLMR.js");
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+var LazyMenuBar = React17.lazy(async () => {
+  const { MenuBar } = await import("./menu-bar-VXAMTP3E.js");
   return { default: MenuBar };
 });
-var UEditor = React16.forwardRef(({
+var UEditor = React17.forwardRef(({
   getPortalContainer,
   content = "",
   onChange,
@@ -14952,8 +15061,8 @@ var UEditor = React16.forwardRef(({
   const editorInstanceRef = useRef10(null);
   const formulaRangePickRef = useRef10(null);
   const formulaRangeSurfaceRef = useRef10(null);
-  const [formulaRangeHighlight, setFormulaRangeHighlight] = React16.useState(null);
-  const [isMenuBarVisible, setIsMenuBarVisible] = React16.useState(showMenuBar);
+  const [formulaRangeHighlight, setFormulaRangeHighlight] = React17.useState(null);
+  const [isMenuBarVisible, setIsMenuBarVisible] = React17.useState(showMenuBar);
   useEffect10(() => {
     setIsMenuBarVisible(showMenuBar);
   }, [showMenuBar]);
@@ -14963,7 +15072,7 @@ var UEditor = React16.forwardRef(({
     onJsonChange,
     outputDebounceMs
   });
-  const scheduleFormulaRecalculate = React16.useCallback((editor2, options) => {
+  const scheduleFormulaRecalculate = React17.useCallback((editor2, options) => {
     if (editor2.isDestroyed || scheduledFormulaRecalculateRef.current) return;
     if (!options?.force && isEditingTableFormulaText(editor2)) return;
     scheduledFormulaRecalculateRef.current = true;
@@ -15005,7 +15114,7 @@ var UEditor = React16.forwardRef(({
     ],
     [getPortalContainer, effectivePlaceholder, t, maxCharacters, uploadImage, resolvedUploadFile, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, onImageUploadError, editable, fetchMetadata, extraExtensions]
   );
-  const syncFormulaRangeHighlight = React16.useCallback((pickState) => {
+  const syncFormulaRangeHighlight = React17.useCallback((pickState) => {
     const container = formulaRangeSurfaceRef.current;
     setFormulaRangeHighlight(container && pickState ? getFormulaRangePickHighlight(container, pickState) : null);
   }, []);
@@ -15202,7 +15311,7 @@ var UEditor = React16.forwardRef(({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ jsx20(UEditorPortalProvider, { getPortalContainer, children: /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(UEditorPortalProvider, { getPortalContainer, children: /* @__PURE__ */ jsx21(
       "div",
       {
         role: "status",
@@ -15213,7 +15322,7 @@ var UEditor = React16.forwardRef(({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx20(UEditorPortalProvider, { getPortalContainer, children: /* @__PURE__ */ jsx20("div", { "data-ueditor-width-boundary": "", className: "w-full", children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx21(UEditorPortalProvider, { getPortalContainer, children: /* @__PURE__ */ jsx21("div", { "data-ueditor-width-boundary": "", className: "w-full", children: /* @__PURE__ */ jsxs17(
     "div",
     {
       className: cn(
@@ -15230,7 +15339,7 @@ var UEditor = React16.forwardRef(({
       ),
       children: [
         editable && (showMenuBar || showToolbar || showBubbleMenu) ? /* @__PURE__ */ jsxs17(EditorUiRenderStateProvider, { editor, children: [
-          isMenuBarVisible && /* @__PURE__ */ jsx20(React16.Suspense, { fallback: null, children: /* @__PURE__ */ jsx20(
+          isMenuBarVisible && /* @__PURE__ */ jsx21(React17.Suspense, { fallback: null, children: /* @__PURE__ */ jsx21(
             LazyMenuBar,
             {
               editor,
@@ -15248,7 +15357,7 @@ var UEditor = React16.forwardRef(({
               showPreviewButton
             }
           ) }),
-          showToolbar && /* @__PURE__ */ jsx20(
+          showToolbar && /* @__PURE__ */ jsx21(
             EditorToolbar,
             {
               editor,
@@ -15268,8 +15377,8 @@ var UEditor = React16.forwardRef(({
               letterSpacings
             }
           ),
-          /* @__PURE__ */ jsx20(TableFormulaBar, { editor }),
-          showBubbleMenu && /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21(TableFormulaBar, { editor }),
+          showBubbleMenu && /* @__PURE__ */ jsx21(
             CustomBubbleMenu,
             {
               editor,
@@ -15278,8 +15387,8 @@ var UEditor = React16.forwardRef(({
               lineHeights
             }
           )
-        ] }) : editable ? /* @__PURE__ */ jsx20(TableFormulaBar, { editor }) : null,
-        editable && showFloatingMenu && /* @__PURE__ */ jsx20(CustomFloatingMenu, { editor }),
+        ] }) : editable ? /* @__PURE__ */ jsx21(TableFormulaBar, { editor }) : null,
+        editable && showFloatingMenu && /* @__PURE__ */ jsx21(CustomFloatingMenu, { editor }),
         /* @__PURE__ */ jsxs17(
           "div",
           {
@@ -15298,7 +15407,7 @@ var UEditor = React16.forwardRef(({
               "--ueditor-table-cell-padding-x": `${resolvedTableCellHorizontalPadding}px`
             },
             children: [
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 "span",
                 {
                   ref: tableColumnGuideRef,
@@ -15306,7 +15415,7 @@ var UEditor = React16.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary/50 opacity-0 transition-opacity duration-200 delay-100 ease-out"
                 }
               ),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 "span",
                 {
                   ref: tableRowGuideRef,
@@ -15314,7 +15423,7 @@ var UEditor = React16.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary/50 opacity-0 transition-opacity duration-200 delay-100 ease-out"
                 }
               ),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 "span",
                 {
                   ref: activeTableCellHighlightRef,
@@ -15323,7 +15432,7 @@ var UEditor = React16.forwardRef(({
                   className: "pointer-events-none hidden absolute z-20 rounded-[2px] border border-primary/50 bg-primary/5"
                 }
               ),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 "div",
                 {
                   ref: formulaCoordinateOverlayRef,
@@ -15331,7 +15440,7 @@ var UEditor = React16.forwardRef(({
                   className: "pointer-events-none absolute inset-0 z-[35] hidden overflow-visible"
                 }
               ),
-              formulaRangeHighlight && /* @__PURE__ */ jsx20(
+              formulaRangeHighlight && /* @__PURE__ */ jsx21(
                 "span",
                 {
                   "aria-hidden": "true",
@@ -15349,7 +15458,7 @@ var UEditor = React16.forwardRef(({
                   }
                 }
               ),
-              editable && /* @__PURE__ */ jsx20(
+              editable && /* @__PURE__ */ jsx21(
                 TableControls,
                 {
                   editor,
@@ -15357,7 +15466,7 @@ var UEditor = React16.forwardRef(({
                   showCellInspector: showBubbleMenu
                 }
               ),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 EditorContent,
                 {
                   editor,
@@ -15367,7 +15476,7 @@ var UEditor = React16.forwardRef(({
             ]
           }
         ),
-        showFooter && showCharacterCount && /* @__PURE__ */ jsx20(CharacterCountDisplay, { editor, maxCharacters })
+        showFooter && showCharacterCount && /* @__PURE__ */ jsx21(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   ) }) });
@@ -15382,4 +15491,4 @@ export {
   prepareUEditorContentForSave,
   UEditor_default
 };
-//# sourceMappingURL=chunk-H4AVZA4K.js.map
+//# sourceMappingURL=chunk-6K6CKZUL.js.map