@underverse-ui/underverse 1.0.187 → 1.0.189

package/dist/index.js

@@ -808,6 +808,8 @@ var en_default = {
       fileCardDesc: "Upload a file card attachment",
       formCheckbox: "Form Checkbox",
       formCheckboxDesc: "Insert an interactive checkbox field",
+      roundCheckbox: "Round Checkbox",
+      roundCheckboxDesc: "Insert a circular interactive checkbox",
       formRadio: "Form Radio Button",
       formRadioDesc: "Insert an interactive radio button field"
     },
@@ -907,7 +909,10 @@ var en_default = {
       alignVertical: "Vertical Alignment",
       alignVerticalTop: "Top Align",
       alignVerticalMiddle: "Middle Align",
-      alignVerticalBottom: "Bottom Align"
+      alignVerticalBottom: "Bottom Align",
+      textDirection: "Text Direction",
+      horizontalText: "Horizontal Text",
+      verticalText: "Vertical Text"
     },
     callout: {
       selectEmoji: "Select Emoji",
@@ -1236,6 +1241,8 @@ var vi_default = {
       fileCardDesc: "T\u1EA3i l\xEAn t\u1EC7p tin \u0111\xEDnh k\xE8m",
       formCheckbox: "Checkbox bi\u1EC3u m\u1EABu",
       formCheckboxDesc: "Th\xEAm \xF4 checkbox bi\u1EC3u m\u1EABu",
+      roundCheckbox: "Checkbox tr\xF2n",
+      roundCheckboxDesc: "Th\xEAm checkbox t\u01B0\u01A1ng t\xE1c h\xECnh tr\xF2n",
       formRadio: "Radio bi\u1EC3u m\u1EABu",
       formRadioDesc: "Th\xEAm n\xFAt ch\u1ECDn m\u1ED9t (Radio) bi\u1EC3u m\u1EABu"
     },
@@ -1335,7 +1342,10 @@ var vi_default = {
       alignVertical: "C\u0103n l\u1EC1 d\u1ECDc",
       alignVerticalTop: "C\u0103n tr\xEAn",
       alignVerticalMiddle: "C\u0103n gi\u1EEFa",
-      alignVerticalBottom: "C\u0103n d\u01B0\u1EDBi"
+      alignVerticalBottom: "C\u0103n d\u01B0\u1EDBi",
+      textDirection: "H\u01B0\u1EDBng ch\u1EEF",
+      horizontalText: "Ch\u1EEF ngang",
+      verticalText: "Ch\u1EEF d\u1ECDc"
     },
     callout: {
       selectEmoji: "Ch\u1ECDn Bi\u1EC3u t\u01B0\u1EE3ng",
@@ -1664,6 +1674,8 @@ var ko_default = {
       fileCardDesc: "\uD30C\uC77C \uCE74\uB4DC \uCCA8\uBD80 \uD30C\uC77C\uC744 \uC5C5\uB85C\uB4DC\uD569\uB2C8\uB2E4",
       formCheckbox: "\uC591\uC2DD \uCCB4\uD06C\uBC15\uC2A4",
       formCheckboxDesc: "\uB300\uD654\uD615 \uCCB4\uD06C\uBC15\uC2A4 \uD544\uB4DC \uC0BD\uC785",
+      roundCheckbox: "\uC6D0\uD615 \uCCB4\uD06C\uBC15\uC2A4",
+      roundCheckboxDesc: "\uC6D0\uD615 \uB300\uD654\uD615 \uCCB4\uD06C\uBC15\uC2A4 \uC0BD\uC785",
       formRadio: "\uC591\uC2DD \uB77C\uB514\uC624 \uBC84\uD2BC",
       formRadioDesc: "\uB300\uD654\uD615 \uB77C\uB514\uC624 \uBC84\uD2BC \uD544\uB4DC \uC0BD\uC785"
     },
@@ -1763,7 +1775,10 @@ var ko_default = {
       alignVertical: "\uC138\uB85C \uB9DE\uCDA4",
       alignVerticalTop: "\uC704\uCABD \uB9DE\uCDA4",
       alignVerticalMiddle: "\uAC00\uC6B4\uB370 \uB9DE\uCDA4",
-      alignVerticalBottom: "\uC544\uB798\uCABD \uB9DE\uCDA4"
+      alignVerticalBottom: "\uC544\uB798\uCABD \uB9DE\uCDA4",
+      textDirection: "\uD14D\uC2A4\uD2B8 \uBC29\uD5A5",
+      horizontalText: "\uAC00\uB85C\uC4F0\uAE30",
+      verticalText: "\uC138\uB85C\uC4F0\uAE30"
     },
     callout: {
       selectEmoji: "\uC774\uBAA8\uC9C0 \uC120\uD0DD",
@@ -2092,6 +2107,8 @@ var ja_default = {
       fileCardDesc: "\u30D5\u30A1\u30A4\u30EB\u30AB\u30FC\u30C9\u306E\u6DFB\u4ED8\u30D5\u30A1\u30A4\u30EB\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3057\u307E\u3059",
       formCheckbox: "\u30D5\u30A9\u30FC\u30E0\u30C1\u30A7\u30C3\u30AF\u30DC\u30C3\u30AF\u30B9",
       formCheckboxDesc: "\u30A4\u30F3\u30BF\u30E9\u30AF\u30C6\u30A3\u30D6\u306A\u30C1\u30A7\u30C3\u30AF\u30DC\u30C3\u30AF\u30B9\u3092\u633F\u5165\u3057\u307E\u3059",
+      roundCheckbox: "\u4E38\u578B\u30C1\u30A7\u30C3\u30AF\u30DC\u30C3\u30AF\u30B9",
+      roundCheckboxDesc: "\u4E38\u578B\u306E\u30A4\u30F3\u30BF\u30E9\u30AF\u30C6\u30A3\u30D6\u306A\u30C1\u30A7\u30C3\u30AF\u30DC\u30C3\u30AF\u30B9\u3092\u633F\u5165\u3057\u307E\u3059",
       formRadio: "\u30D5\u30A9\u30FC\u30E0\u30E9\u30B8\u30AA\u30DC\u30BF\u30F3",
       formRadioDesc: "\u30A4\u30F3\u30BF\u30E9\u30AF\u30C6\u30A3\u30D6\u306A\u30E9\u30B8\u30AA\u30DC\u30BF\u30F3\u3092\u633F\u5165\u3057\u307E\u3059"
     },
@@ -2191,7 +2208,10 @@ var ja_default = {
       alignVertical: "\u5782\u76F4\u63C3\u3048",
       alignVerticalTop: "\u4E0A\u63C3\u3048",
       alignVerticalMiddle: "\u4E0A\u4E0B\u4E2D\u592E\u63C3\u3048",
-      alignVerticalBottom: "\u4E0B\u63C3\u3048"
+      alignVerticalBottom: "\u4E0B\u63C3\u3048",
+      textDirection: "\u6587\u5B57\u65B9\u5411",
+      horizontalText: "\u6A2A\u66F8\u304D",
+      verticalText: "\u7E26\u66F8\u304D"
     },
     callout: {
       selectEmoji: "\u7D75\u6587\u5B57\u3092\u9078\u629E",
@@ -25660,7 +25680,8 @@ function DataTableHeader({
       const columnLabel = getColumnLabel(col.title) || col.key;
       const sortByText = sortByLabel ?? gi18n.sortBy ?? "Sort by";
       const sortLabel = `${sortByText} ${columnLabel}`;
-      const titleContent = /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-1", children: [
+      const useEndIcon = col.iconPosition === "end";
+      const titleContent = /* @__PURE__ */ jsxs55("div", { className: cn("flex items-center gap-1", useEndIcon && "flex-1 justify-between"), children: [
         /* @__PURE__ */ jsx68("span", { className: cn("font-medium whitespace-nowrap select-text", headerTitleClass), children: col.title }),
         col.sortable && /* @__PURE__ */ jsx68(
           Tooltip,
@@ -25673,8 +25694,8 @@ function DataTableHeader({
                 type: "button",
                 title: sortLabel,
                 className: cn(
-                  "p-1 rounded-lg transition-all duration-200 hover:bg-accent",
-                  sort?.key === col.key ? "opacity-100 bg-accent" : "opacity-60 hover:opacity-100"
+                  "p-1 rounded-lg transition-all duration-200 hover:bg-foreground/10",
+                  sort?.key === col.key ? "opacity-100 bg-foreground/10" : "opacity-60 hover:opacity-100"
                 ),
                 onClick: () => {
                   setCurPage(1);
@@ -25689,7 +25710,7 @@ function DataTableHeader({
                   /* @__PURE__ */ jsx68(
                     "path",
                     {
-                      d: "M7 8l3-3 3 3",
+                      d: "M5 7.5l5-5 5 5",
                       stroke: "currentColor",
                       strokeWidth: "1.5",
                       strokeLinecap: "round",
@@ -25700,7 +25721,7 @@ function DataTableHeader({
                   /* @__PURE__ */ jsx68(
                     "path",
                     {
-                      d: "M7 12l3 3 3-3",
+                      d: "M5 12.5l5 5 5-5",
                       stroke: "currentColor",
                       strokeWidth: "1.5",
                       strokeLinecap: "round",
@@ -25729,8 +25750,8 @@ function DataTableHeader({
                   type: "button",
                   title: gi18n.filterByColumn ? gi18n.filterByColumn(columnLabel) : `Filter by ${columnLabel}`,
                   className: cn(
-                    "p-1.5 rounded-lg transition-all duration-200 hover:bg-accent",
-                    filters[col.key] ? "bg-accent opacity-100" : "opacity-60 hover:opacity-100"
+                    "p-1.5 rounded-lg transition-all duration-200 hover:bg-foreground/10",
+                    filters[col.key] ? "bg-foreground/10 opacity-100" : "opacity-60 hover:opacity-100"
                   ),
                   "aria-label": gi18n.filterByColumn ? gi18n.filterByColumn(columnLabel) : `Filter by ${columnLabel}`,
                   children: /* @__PURE__ */ jsx68(FilterIcon, { className: "w-4 h-4" })
@@ -25765,7 +25786,8 @@ function DataTableHeader({
             headerMinHeightClass,
             isRightAlign && "justify-end",
             isCenterAlign && "justify-center",
-            !isRightAlign && !isCenterAlign && "justify-start"
+            !isRightAlign && !isCenterAlign && "justify-start",
+            useEndIcon && "w-full"
           ),
           children: isRightAlign ? /* @__PURE__ */ jsxs55(Fragment25, { children: [
             filterContent,
@@ -28200,6 +28222,7 @@ import { Check as Check10 } from "lucide-react";
 import { jsx as jsx82 } from "react/jsx-runtime";
 var FormCheckboxView = ({ node, updateAttributes, editor, selected }) => {
   const isChecked = !!node.attrs.checked;
+  const isCircle = node.attrs.variant === "circle";
   const isEditable = editor.isEditable;
   const handleToggle = (e) => {
     if (!isEditable) return;
@@ -28229,7 +28252,8 @@ var FormCheckboxView = ({ node, updateAttributes, editor, selected }) => {
           onClick: handleToggle,
           onKeyDown: handleKeyDown2,
           className: cn(
-            "flex items-center justify-center w-5 h-5 rounded-md border text-primary-foreground transition-all duration-200 outline-none",
+            "flex items-center justify-center w-5 h-5 border text-primary-foreground transition-all duration-200 outline-none",
+            isCircle ? "rounded-full" : "rounded-md",
             isChecked ? "bg-primary border-primary scale-100" : "bg-background border-border/70 hover:border-primary/50",
             selected && "ring-2 ring-primary/30 ring-offset-1",
             isEditable && "focus-visible:ring-2 focus-visible:ring-primary/45 focus-visible:ring-offset-1 focus-visible:border-primary"
@@ -28301,6 +28325,11 @@ var FormCheckbox2 = Node5.create({
             name: attributes.name
           };
         }
+      },
+      variant: {
+        default: "square",
+        parseHTML: (element) => element.getAttribute("data-variant") === "circle" ? "circle" : "square",
+        renderHTML: (attributes) => attributes.variant === "circle" ? { "data-variant": "circle" } : {}
       }
     };
   },
@@ -28593,6 +28622,7 @@ import {
   Bookmark as BookmarkIcon,
   Paperclip,
   CheckSquare,
+  CircleCheckBig,
   CircleDot
 } from "lucide-react";
 
@@ -28654,6 +28684,8 @@ var DEFAULT_MESSAGES = {
   fileCardDesc: "Upload a file card attachment",
   formCheckbox: "Form Checkbox",
   formCheckboxDesc: "Insert an interactive checkbox field",
+  roundCheckbox: "Round Checkbox",
+  roundCheckboxDesc: "Insert a circular interactive checkbox",
   formRadio: "Form Radio Button",
   formRadioDesc: "Insert an interactive radio button field"
 };
@@ -28709,6 +28741,8 @@ function buildSlashCommandMessages(translate) {
     fileCardDesc: translate("slashCommand.fileCardDesc") || "Upload a file card attachment",
     formCheckbox: translate("slashCommand.formCheckbox") || "Form Checkbox",
     formCheckboxDesc: translate("slashCommand.formCheckboxDesc") || "Insert an interactive checkbox field",
+    roundCheckbox: translate("slashCommand.roundCheckbox") || "Round Checkbox",
+    roundCheckboxDesc: translate("slashCommand.roundCheckboxDesc") || "Insert a circular interactive checkbox",
     formRadio: translate("slashCommand.formRadio") || "Form Radio Button",
     formRadioDesc: translate("slashCommand.formRadioDesc") || "Insert an interactive radio button field"
   };
@@ -28855,10 +28889,20 @@ function buildSlashCommandItems({
       icon: CheckSquare,
       title: messages.formCheckbox,
       description: messages.formCheckboxDesc,
+      searchTerms: ["checkbox", "square checkbox"],
       command: run(({ editor, range }) => {
         getCommandChain(editor, range).setFormCheckbox().run();
       })
     },
+    {
+      icon: CircleCheckBig,
+      title: messages.roundCheckbox,
+      description: messages.roundCheckboxDesc,
+      searchTerms: ["roundcheckbox", "round checkbox", "circle checkbox"],
+      command: run(({ editor, range }) => {
+        getCommandChain(editor, range).setFormCheckbox({ variant: "circle" }).run();
+      })
+    },
     {
       icon: CircleDot,
       title: messages.formRadio,
@@ -28867,7 +28911,11 @@ function buildSlashCommandItems({
         getCommandChain(editor, range).setFormRadio({ name: `radio-group-${Math.random().toString(36).substring(2, 6)}` }).run();
       })
     }
-  ].filter((item) => item.title.toLowerCase().includes(query.toLowerCase()));
+  ].filter((item) => {
+    const normalizedQuery = query.trim().toLowerCase();
+    if (!normalizedQuery) return true;
+    return [item.title, item.description, ...item.searchTerms ?? []].some((value) => value.toLowerCase().includes(normalizedQuery));
+  });
 }
 var SlashCommandList = forwardRef14((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useResettingIndex2(props.items);
@@ -31674,6 +31722,11 @@ var CustomTableCell = TableCell2.extend({
             "data-vertical-align": attributes.verticalAlign
           };
         }
+      },
+      textDirection: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-text-direction") === "vertical" || element.style.writingMode === "vertical-rl" ? "vertical" : null,
+        renderHTML: (attributes) => attributes.textDirection === "vertical" ? { "data-text-direction": "vertical" } : {}
       }
     };
   },
@@ -31684,12 +31737,14 @@ var CustomTableCell = TableCell2.extend({
     const borderStyle = HTMLAttributes["data-border-style"];
     const borderWidth = HTMLAttributes["data-border-width"];
     const verticalAlign = HTMLAttributes["data-vertical-align"];
+    const textDirection = HTMLAttributes["data-text-direction"];
     let mergedStyle = style;
     if (bg) mergedStyle += `; background-color: ${bg}`;
     if (borderColor) mergedStyle += `; border-color: ${borderColor}`;
     if (borderStyle) mergedStyle += `; border-style: ${borderStyle}`;
     if (borderWidth) mergedStyle += `; border-width: ${borderWidth}`;
     if (verticalAlign) mergedStyle += `; vertical-align: ${verticalAlign}`;
+    if (textDirection === "vertical") mergedStyle += "; writing-mode: vertical-rl; text-orientation: mixed";
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "td",
@@ -31793,6 +31848,11 @@ var CustomTableHeader = TableHeader2.extend({
             "data-vertical-align": attributes.verticalAlign
           };
         }
+      },
+      textDirection: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-text-direction") === "vertical" || element.style.writingMode === "vertical-rl" ? "vertical" : null,
+        renderHTML: (attributes) => attributes.textDirection === "vertical" ? { "data-text-direction": "vertical" } : {}
       }
     };
   },
@@ -31803,12 +31863,14 @@ var CustomTableHeader = TableHeader2.extend({
     const borderStyle = HTMLAttributes["data-border-style"];
     const borderWidth = HTMLAttributes["data-border-width"];
     const verticalAlign = HTMLAttributes["data-vertical-align"];
+    const textDirection = HTMLAttributes["data-text-direction"];
     let mergedStyle = style;
     if (bg) mergedStyle += `; background-color: ${bg}`;
     if (borderColor) mergedStyle += `; border-color: ${borderColor}`;
     if (borderStyle) mergedStyle += `; border-style: ${borderStyle}`;
     if (borderWidth) mergedStyle += `; border-width: ${borderWidth}`;
     if (verticalAlign) mergedStyle += `; vertical-align: ${verticalAlign}`;
+    if (textDirection === "vertical") mergedStyle += "; writing-mode: vertical-rl; text-orientation: mixed";
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "th",
@@ -32002,6 +32064,7 @@ import {
   Bold as BoldIcon,
   ChevronDown as ChevronDown8,
   ChevronsUpDown,
+  CircleCheckBig as CircleCheckBig2,
   Code as CodeIcon,
   FileCode as FileCode3,
   Heading1 as Heading1Icon,
@@ -32017,6 +32080,7 @@ import {
   Redo as RedoIcon,
   RotateCcw as RotateCcw2,
   Smile as Smile3,
+  SquareCheckBig,
   Strikethrough as StrikethroughIcon,
   Subscript as SubscriptIcon,
   Superscript as SuperscriptIcon,
@@ -33051,6 +33115,7 @@ var EditorToolbar = ({
   const canMergeCells = hasTableContext && editor.can().mergeCells();
   const canSplitCell = hasTableContext && editor.can().splitCell();
   const currentCellVerticalAlign = normalizeStyleValue(editor.getAttributes("tableCell").verticalAlign || editor.getAttributes("tableHeader").verticalAlign) || "";
+  const currentCellTextDirection = normalizeStyleValue(editor.getAttributes("tableCell").textDirection || editor.getAttributes("tableHeader").textDirection) || "horizontal";
   const currentFontFamily = normalizeStyleValue(textStyleAttrs.fontFamily);
   const currentFontSize = normalizeStyleValue(textStyleAttrs.fontSize);
   const currentTextColor = normalizeStyleValue(textStyleAttrs.color) || "inherit";
@@ -33112,6 +33177,34 @@ var EditorToolbar = ({
           children: /* @__PURE__ */ jsx91(ListIcon, { className: "w-4 h-4" })
         }
       ),
+      /* @__PURE__ */ jsxs75(
+        DropdownMenu,
+        {
+          trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+          }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
+            /* @__PURE__ */ jsx91(SquareCheckBig, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx91(ChevronDown8, { className: "w-3 h-3" })
+          ] }),
+          children: [
+            /* @__PURE__ */ jsx91(
+              DropdownMenuItem,
+              {
+                icon: SquareCheckBig,
+                label: t("slashCommand.formCheckbox"),
+                onClick: () => editor.chain().focus().setFormCheckbox().run()
+              }
+            ),
+            /* @__PURE__ */ jsx91(
+              DropdownMenuItem,
+              {
+                icon: CircleCheckBig2,
+                label: t("slashCommand.roundCheckbox"),
+                onClick: () => editor.chain().focus().setFormCheckbox({ variant: "circle" }).run()
+              }
+            )
+          ]
+        }
+      ),
       /* @__PURE__ */ jsx91(
         DropdownMenu,
         {
@@ -33537,6 +33630,36 @@ var EditorToolbar = ({
             ] })
           ]
         }
+      ),
+      hasTableContext && /* @__PURE__ */ jsxs75(
+        DropdownMenu,
+        {
+          trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+          }, title: t("tableMenu.textDirection"), children: [
+            currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx91(ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx91(ArrowRight, { className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx91(ChevronDown8, { className: "w-3 h-3" })
+          ] }),
+          children: [
+            /* @__PURE__ */ jsx91(
+              DropdownMenuItem,
+              {
+                icon: ArrowRight,
+                label: t("tableMenu.horizontalText"),
+                onClick: () => applyTableCellAttribute(editor, "textDirection", null),
+                active: currentCellTextDirection === "horizontal"
+              }
+            ),
+            /* @__PURE__ */ jsx91(
+              DropdownMenuItem,
+              {
+                icon: ArrowDown,
+                label: t("tableMenu.verticalText"),
+                onClick: () => applyTableCellAttribute(editor, "textDirection", "vertical"),
+                active: currentCellTextDirection === "vertical"
+              }
+            )
+          ]
+        }
       )
     ] }),
     /* @__PURE__ */ jsx91(ToolbarDivider, {}),
@@ -33582,6 +33705,34 @@ var EditorToolbar = ({
         ]
       }
     ),
+    /* @__PURE__ */ jsxs75(
+      DropdownMenu,
+      {
+        trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
+        }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
+          /* @__PURE__ */ jsx91(SquareCheckBig, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx91(ChevronDown8, { className: "w-3 h-3" })
+        ] }),
+        children: [
+          /* @__PURE__ */ jsx91(
+            DropdownMenuItem,
+            {
+              icon: SquareCheckBig,
+              label: t("slashCommand.formCheckbox"),
+              onClick: () => editor.chain().focus().setFormCheckbox().run()
+            }
+          ),
+          /* @__PURE__ */ jsx91(
+            DropdownMenuItem,
+            {
+              icon: CircleCheckBig2,
+              label: t("slashCommand.roundCheckbox"),
+              onClick: () => editor.chain().focus().setFormCheckbox({ variant: "circle" }).run()
+            }
+          )
+        ]
+      }
+    ),
     isMediumFull && /* @__PURE__ */ jsx91(ToolbarButton, { onClick: () => editor.chain().focus().toggleBlockquote().run(), active: editor.isActive("blockquote"), title: t("toolbar.quote"), children: /* @__PURE__ */ jsx91(QuoteIcon, { className: "w-4 h-4" }) }),
     isFull && /* @__PURE__ */ jsxs75(
       DropdownMenu,
@@ -33977,7 +34128,9 @@ import {
   Sigma as Sigma2,
   AlignStartVertical as AlignStartVertical2,
   AlignCenterVertical as AlignCenterVertical2,
-  AlignEndVertical as AlignEndVertical2
+  AlignEndVertical as AlignEndVertical2,
+  ArrowDown as ArrowDown2,
+  ArrowRight as ArrowRight2
 } from "lucide-react";
 
 // src/components/UEditor/table-formula-commands.ts
@@ -35053,6 +35206,7 @@ var BubbleMenuContent = ({
   const currentCellBorderStyle = editor.getAttributes("tableCell").borderStyle || editor.getAttributes("tableHeader").borderStyle || "solid";
   const currentCellBorderWidth = editor.getAttributes("tableCell").borderWidth || editor.getAttributes("tableHeader").borderWidth || "1px";
   const currentCellVerticalAlign = normalizeStyleValue(editor.getAttributes("tableCell").verticalAlign || editor.getAttributes("tableHeader").verticalAlign) || "";
+  const currentCellTextDirection = normalizeStyleValue(editor.getAttributes("tableCell").textDirection || editor.getAttributes("tableHeader").textDirection) || "horizontal";
   const isInTable2 = isSelectionInTable(editor.state);
   const canMergeCells = isInTable2 && editor.can().mergeCells();
   const canSplitCell = isInTable2 && editor.can().splitCell();
@@ -35696,6 +35850,49 @@ var BubbleMenuContent = ({
             )
           ]
         }
+      ),
+      /* @__PURE__ */ jsxs76(
+        DropdownMenu,
+        {
+          onOpenChange: (open) => {
+            onKeepOpenChange?.(open);
+          },
+          trigger: /* @__PURE__ */ jsxs76(
+            ToolbarButton,
+            {
+              onMouseDown: () => {
+                onKeepOpenChange?.(true);
+              },
+              onClick: () => {
+              },
+              title: t("tableMenu.textDirection"),
+              children: [
+                currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx92(ArrowDown2, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx92(ArrowRight2, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx92(ChevronDown9, { className: "w-3 h-3" })
+              ]
+            }
+          ),
+          children: [
+            /* @__PURE__ */ jsx92(
+              DropdownMenuItem,
+              {
+                icon: ArrowRight2,
+                label: t("tableMenu.horizontalText"),
+                onClick: () => applyTableCellAttribute2(editor, "textDirection", null, { focus: false }),
+                active: currentCellTextDirection === "horizontal"
+              }
+            ),
+            /* @__PURE__ */ jsx92(
+              DropdownMenuItem,
+              {
+                icon: ArrowDown2,
+                label: t("tableMenu.verticalText"),
+                onClick: () => applyTableCellAttribute2(editor, "textDirection", "vertical", { focus: false }),
+                active: currentCellTextDirection === "vertical"
+              }
+            )
+          ]
+        }
       )
     ] }),
     /* @__PURE__ */ jsx92(
@@ -40548,9 +40745,9 @@ import {
   AlignCenter as AlignCenter3,
   AlignLeft as AlignLeft3,
   AlignRight as AlignRight3,
-  ArrowDown as ArrowDown2,
+  ArrowDown as ArrowDown3,
   ArrowLeft as ArrowLeft2,
-  ArrowRight as ArrowRight2,
+  ArrowRight as ArrowRight3,
   ArrowUp as ArrowUp2,
   Copy as Copy3,
   Table as TableIcon2,
@@ -41617,7 +41814,7 @@ function TableControls({ editor, containerRef }) {
       },
       {
         label: t("tableMenu.addColumnAfter"),
-        icon: ArrowRight2,
+        icon: ArrowRight3,
         onClick: () => runAtActiveCell((chain) => chain.addColumnAfter())
       },
       {
@@ -41627,7 +41824,7 @@ function TableControls({ editor, containerRef }) {
       },
       {
         label: t("tableMenu.addRowAfter"),
-        icon: ArrowDown2,
+        icon: ArrowDown3,
         onClick: () => runAtActiveCell((chain) => chain.addRowAfter())
       },
       {
@@ -41668,7 +41865,7 @@ function TableControls({ editor, containerRef }) {
     },
     {
       label: t("tableMenu.addRowAfter"),
-      icon: ArrowDown2,
+      icon: ArrowDown3,
       onClick: () => runAtCellPos(rowHandle.cellPos, (chain) => chain.addRowAfter())
     },
     {
@@ -41696,7 +41893,7 @@ function TableControls({ editor, containerRef }) {
     },
     {
       label: t("tableMenu.addColumnAfter"),
-      icon: ArrowRight2,
+      icon: ArrowRight3,
       onClick: () => runAtCellPos(columnHandle.cellPos, (chain) => chain.addColumnAfter())
     },
     {
@@ -42935,6 +43132,7 @@ import {
   Undo as UndoIcon2,
   Square,
   CircleDot as CircleDot2,
+  CircleCheckBig as CircleCheckBig3,
   Upload as Upload4
 } from "lucide-react";
 
@@ -43656,6 +43854,12 @@ var MenuBar = ({
           icon: Square,
           onClick: () => editor.chain().focus().setFormCheckbox().run()
         },
+        {
+          type: "action",
+          label: t("slashCommand.roundCheckbox") || "Round Checkbox",
+          icon: CircleCheckBig3,
+          onClick: () => editor.chain().focus().setFormCheckbox({ variant: "circle" }).run()
+        },
         {
           type: "action",
           label: t("menubar.formRadio") || "Form Radio Button",