@underverse-ui/underverse 1.0.186 → 1.0.188

package/dist/index.cjs

@@ -1003,6 +1003,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"
     },
@@ -1010,7 +1012,8 @@ var en_default = {
       addBlock: "Add block"
     },
     linkInput: {
-      placeholder: "Paste or type a link..."
+      placeholder: "Paste or type a link...",
+      invalid: "Enter a valid link, such as https://example.com."
     },
     imageInput: {
       urlTab: "URL",
@@ -1101,7 +1104,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",
@@ -1430,6 +1436,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"
     },
@@ -1437,7 +1445,8 @@ var vi_default = {
       addBlock: "Th\xEAm kh\u1ED1i"
     },
     linkInput: {
-      placeholder: "D\xE1n ho\u1EB7c nh\u1EADp li\xEAn k\u1EBFt..."
+      placeholder: "D\xE1n ho\u1EB7c nh\u1EADp li\xEAn k\u1EBFt...",
+      invalid: "Vui l\xF2ng nh\u1EADp li\xEAn k\u1EBFt h\u1EE3p l\u1EC7, v\xED d\u1EE5: https://example.com."
     },
     imageInput: {
       urlTab: "URL",
@@ -1528,7 +1537,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",
@@ -1857,6 +1869,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"
     },
@@ -1864,7 +1878,8 @@ var ko_default = {
       addBlock: "\uBE14\uB85D \uCD94\uAC00"
     },
     linkInput: {
-      placeholder: "\uB9C1\uD06C \uBD99\uC5EC\uB123\uAE30 \uB610\uB294 \uC785\uB825..."
+      placeholder: "\uB9C1\uD06C \uBD99\uC5EC\uB123\uAE30 \uB610\uB294 \uC785\uB825...",
+      invalid: "https://example.com\uACFC \uAC19\uC740 \uC62C\uBC14\uB978 \uB9C1\uD06C\uB97C \uC785\uB825\uD574 \uC8FC\uC138\uC694."
     },
     imageInput: {
       urlTab: "URL",
@@ -1955,7 +1970,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",
@@ -2284,6 +2302,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"
     },
@@ -2291,7 +2311,8 @@ var ja_default = {
       addBlock: "\u30D6\u30ED\u30C3\u30AF\u3092\u8FFD\u52A0"
     },
     linkInput: {
-      placeholder: "\u30EA\u30F3\u30AF\u3092\u8CBC\u308A\u4ED8\u3051\u307E\u305F\u306F\u5165\u529B..."
+      placeholder: "\u30EA\u30F3\u30AF\u3092\u8CBC\u308A\u4ED8\u3051\u307E\u305F\u306F\u5165\u529B...",
+      invalid: "https://example.com \u306E\u3088\u3046\u306A\u6709\u52B9\u306A\u30EA\u30F3\u30AF\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002"
     },
     imageInput: {
       urlTab: "URL",
@@ -2382,7 +2403,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",
@@ -27745,6 +27769,32 @@ function isProtocolRelativeUrl(value) {
 function isRelativeUrl(value) {
   return value.startsWith("/") || value.startsWith("./") || value.startsWith("../") || value.startsWith("#");
 }
+function isValidIpv4Hostname(hostname) {
+  const parts = hostname.split(".");
+  return parts.length === 4 && parts.every((part) => /^\d{1,3}$/.test(part) && Number(part) <= 255);
+}
+function isValidWebHostname(hostname) {
+  const normalized = hostname.toLowerCase();
+  if (normalized === "localhost" || isValidIpv4Hostname(normalized)) return true;
+  if (normalized.startsWith("[") && normalized.endsWith("]") && normalized.includes(":")) return true;
+  const labels = normalized.split(".");
+  if (labels.length < 2) return false;
+  const validLabel = /^(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?)$/;
+  return labels.every((label) => validLabel.test(label)) && /[a-z]/.test(labels.at(-1) ?? "");
+}
+function isValidLinkUrl(parsed) {
+  if (parsed.protocol === "http:" || parsed.protocol === "https:") {
+    return isValidWebHostname(parsed.hostname);
+  }
+  if (parsed.protocol === "mailto:") {
+    return /^[^@]+@[^@]+\.[^@]+$/.test(decodeURIComponent(parsed.pathname));
+  }
+  if (parsed.protocol === "tel:") {
+    const number = decodeURIComponent(parsed.pathname);
+    return /^\+?[\d().-]+$/.test(number) && (number.match(/\d/g)?.length ?? 0) >= 3;
+  }
+  return false;
+}
 function isDataImageUrl(value) {
   return /^data:image\/(?:png|jpe?g|gif|webp|svg\+xml|bmp|x-icon|avif);base64,/i.test(value);
 }
@@ -27762,7 +27812,7 @@ function isSafeUEditorUrl(raw, kind) {
     const parsed = new URL(value);
     if (kind === "image") return IMAGE_PROTOCOLS.has(parsed.protocol);
     if (kind === "file") return FILE_PROTOCOLS.has(parsed.protocol);
-    return LINK_PROTOCOLS.has(parsed.protocol);
+    return LINK_PROTOCOLS.has(parsed.protocol) && isValidLinkUrl(parsed);
   } catch {
     return false;
   }
@@ -28349,6 +28399,7 @@ var import_lucide_react45 = require("lucide-react");
 var import_jsx_runtime82 = require("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;
@@ -28378,7 +28429,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"
@@ -28450,6 +28502,11 @@ var FormCheckbox2 = import_core4.Node.create({
             name: attributes.name
           };
         }
+      },
+      variant: {
+        default: "square",
+        parseHTML: (element) => element.getAttribute("data-variant") === "circle" ? "circle" : "square",
+        renderHTML: (attributes) => attributes.variant === "circle" ? { "data-variant": "circle" } : {}
       }
     };
   },
@@ -28786,6 +28843,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"
 };
@@ -28841,6 +28900,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"
   };
@@ -28987,10 +29048,20 @@ function buildSlashCommandItems({
       icon: import_lucide_react47.CheckSquare,
       title: messages.formCheckbox,
       description: messages.formCheckboxDesc,
+      searchTerms: ["checkbox", "square checkbox"],
       command: run(({ editor, range }) => {
         getCommandChain(editor, range).setFormCheckbox().run();
       })
     },
+    {
+      icon: import_lucide_react47.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: import_lucide_react47.CircleDot,
       title: messages.formRadio,
@@ -28999,7 +29070,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 = (0, import_react58.forwardRef)((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useResettingIndex2(props.items);
@@ -31797,6 +31872,11 @@ var CustomTableCell = import_extension_table_cell.default.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" } : {}
       }
     };
   },
@@ -31807,12 +31887,14 @@ var CustomTableCell = import_extension_table_cell.default.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",
@@ -31916,6 +31998,11 @@ var CustomTableHeader = import_extension_table_header.default.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" } : {}
       }
     };
   },
@@ -31926,12 +32013,14 @@ var CustomTableHeader = import_extension_table_header.default.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",
@@ -32505,7 +32594,9 @@ var LinkInput = ({
 }) => {
   const t = useSmartTranslations("UEditor");
   const [url, setUrl] = (0, import_react69.useState)(initialUrl);
+  const [error, setError] = (0, import_react69.useState)("");
   const inputRef = (0, import_react69.useRef)(null);
+  const errorId = (0, import_react69.useId)();
   (0, import_react69.useEffect)(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
@@ -32513,22 +32604,35 @@ var LinkInput = ({
   const handleSubmit = (e) => {
     e.preventDefault();
     const normalized = normalizeUrl(url);
-    if (normalized) onSubmit(normalized);
+    if (!normalized) {
+      setError(t("linkInput.invalid"));
+      return;
+    }
+    setError("");
+    onSubmit(normalized);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-      "input",
-      {
-        ref: inputRef,
-        type: "text",
-        value: url,
-        onChange: (e) => setUrl(e.target.value),
-        placeholder: t("linkInput.placeholder"),
-        className: "flex-1 px-3 py-2 text-sm bg-muted/50 border-0 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react52.Check, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react52.X, { className: "w-4 h-4" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("form", { onSubmit: handleSubmit, className: "p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        "input",
+        {
+          ref: inputRef,
+          type: "text",
+          value: url,
+          onChange: (e) => {
+            setUrl(e.target.value);
+            if (error) setError("");
+          },
+          placeholder: t("linkInput.placeholder"),
+          "aria-invalid": Boolean(error),
+          "aria-describedby": error ? errorId : void 0,
+          className: "flex-1 px-3 py-2 text-sm bg-muted/50 border-0 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 aria-invalid:ring-2 aria-invalid:ring-destructive/40"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react52.Check, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react52.X, { className: "w-4 h-4" }) })
+    ] }),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { id: errorId, role: "alert", className: "mt-1.5 px-1 text-xs text-destructive", children: error }) : null
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
@@ -32589,8 +32693,28 @@ var ImageInput = ({ onSubmit, onCancel }) => {
   ] });
 };
 
-// src/components/UEditor/table-cell-commands.ts
+// src/components/UEditor/link-commands.ts
 var import_state9 = require("@tiptap/pm/state");
+function applyEditorLink(editor, href) {
+  const isEditingLink = editor.isActive("link");
+  const hasSelectedText = !editor.state.selection.empty;
+  const chain = editor.chain().focus();
+  if (isEditingLink) {
+    chain.extendMarkRange("link");
+  }
+  chain.setLink({ href });
+  if (!hasSelectedText && !isEditingLink) {
+    chain.insertContent(href);
+  }
+  return chain.command(({ tr }) => {
+    tr.setSelection(import_state9.TextSelection.create(tr.doc, tr.selection.to));
+    tr.removeStoredMark(editor.schema.marks.link);
+    return true;
+  }).run();
+}
+
+// src/components/UEditor/table-cell-commands.ts
+var import_state10 = require("@tiptap/pm/state");
 var import_tables3 = require("@tiptap/pm/tables");
 function getCellSelectionPositions(selection) {
   const value = selection;
@@ -32624,7 +32748,7 @@ function getFocusableCellPos(editor, cellPos) {
   return node?.isTextblock ? offset + 1 : cellPos + 1;
 }
 function focusCell(editor, cellPos) {
-  const selection = import_state9.TextSelection.near(editor.state.doc.resolve(getFocusableCellPos(editor, cellPos)));
+  const selection = import_state10.TextSelection.near(editor.state.doc.resolve(getFocusableCellPos(editor, cellPos)));
   editor.view.dispatch(editor.state.tr.setSelection(selection));
   editor.view.focus();
 }
@@ -33099,6 +33223,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";
@@ -33160,6 +33285,34 @@ var EditorToolbar = ({
           children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react53.List, { className: "w-4 h-4" })
         }
       ),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+        DropdownMenu,
+        {
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ToolbarButton, { onClick: () => {
+          }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react53.SquareCheckBig, { className: "w-4 h-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
+          ] }),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+              DropdownMenuItem,
+              {
+                icon: import_lucide_react53.SquareCheckBig,
+                label: t("slashCommand.formCheckbox"),
+                onClick: () => editor.chain().focus().setFormCheckbox().run()
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+              DropdownMenuItem,
+              {
+                icon: import_lucide_react53.CircleCheckBig,
+                label: t("slashCommand.roundCheckbox"),
+                onClick: () => editor.chain().focus().setFormCheckbox({ variant: "circle" }).run()
+              }
+            )
+          ]
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         DropdownMenu,
         {
@@ -33170,7 +33323,7 @@ var EditorToolbar = ({
             {
               initialUrl: String(editor.getAttributes("link").href ?? ""),
               onSubmit: (url) => {
-                editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+                applyEditorLink(editor, url);
                 setShowLinkInput(false);
               },
               onCancel: () => setShowLinkInput(false)
@@ -33407,7 +33560,7 @@ var EditorToolbar = ({
           {
             initialUrl: String(editor.getAttributes("link").href ?? ""),
             onSubmit: (url) => {
-              editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+              applyEditorLink(editor, url);
               setShowLinkInput(false);
             },
             onCancel: () => setShowLinkInput(false)
@@ -33585,6 +33738,36 @@ var EditorToolbar = ({
             ] })
           ]
         }
+      ),
+      hasTableContext && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+        DropdownMenu,
+        {
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ToolbarButton, { onClick: () => {
+          }, title: t("tableMenu.textDirection"), children: [
+            currentCellTextDirection === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react53.ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react53.ArrowRight, { className: "w-4 h-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
+          ] }),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+              DropdownMenuItem,
+              {
+                icon: import_lucide_react53.ArrowRight,
+                label: t("tableMenu.horizontalText"),
+                onClick: () => applyTableCellAttribute(editor, "textDirection", null),
+                active: currentCellTextDirection === "horizontal"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+              DropdownMenuItem,
+              {
+                icon: import_lucide_react53.ArrowDown,
+                label: t("tableMenu.verticalText"),
+                onClick: () => applyTableCellAttribute(editor, "textDirection", "vertical"),
+                active: currentCellTextDirection === "vertical"
+              }
+            )
+          ]
+        }
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ToolbarDivider, {}),
@@ -33630,6 +33813,34 @@ var EditorToolbar = ({
         ]
       }
     ),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+      DropdownMenu,
+      {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ToolbarButton, { onClick: () => {
+        }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react53.SquareCheckBig, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
+        ] }),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            DropdownMenuItem,
+            {
+              icon: import_lucide_react53.SquareCheckBig,
+              label: t("slashCommand.formCheckbox"),
+              onClick: () => editor.chain().focus().setFormCheckbox().run()
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            DropdownMenuItem,
+            {
+              icon: import_lucide_react53.CircleCheckBig,
+              label: t("slashCommand.roundCheckbox"),
+              onClick: () => editor.chain().focus().setFormCheckbox({ variant: "circle" }).run()
+            }
+          )
+        ]
+      }
+    ),
     isMediumFull && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBlockquote().run(), active: editor.isActive("blockquote"), title: t("toolbar.quote"), children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react53.Quote, { className: "w-4 h-4" }) }),
     isFull && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
       DropdownMenu,
@@ -34004,7 +34215,7 @@ var import_react_dom8 = require("react-dom");
 var import_lucide_react54 = require("lucide-react");
 
 // src/components/UEditor/table-formula-commands.ts
-var import_state10 = require("@tiptap/pm/state");
+var import_state11 = require("@tiptap/pm/state");
 var import_tables5 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/table-formula.ts
@@ -34620,7 +34831,7 @@ function restoreSelectionAtTableCell(editor, anchor) {
   if (!cellNode || cellNode.type.name !== "tableCell" && cellNode.type.name !== "tableHeader") return false;
   const selectionPos = Math.min(cellPos + 2, editor.state.doc.content.size);
   editor.view.dispatch(
-    editor.state.tr.setSelection(import_state10.TextSelection.near(editor.state.doc.resolve(selectionPos))).setMeta("addToHistory", false)
+    editor.state.tr.setSelection(import_state11.TextSelection.near(editor.state.doc.resolve(selectionPos))).setMeta("addToHistory", false)
   );
   return true;
 }
@@ -34697,7 +34908,7 @@ function removeSelectedTableCellFormula(editor, clearContent) {
   );
   let transaction = editor.state.tr.replaceWith(selectedCell.cellPos, selectedCell.cellPos + selectedCell.node.nodeSize, nextCell2).setMeta(UEDITOR_TABLE_FORMULA_RECALCULATE_META, true);
   const selectionPos = Math.min(selectedCell.cellPos + 2, transaction.doc.content.size);
-  transaction = transaction.setSelection(import_state10.TextSelection.near(transaction.doc.resolve(selectionPos)));
+  transaction = transaction.setSelection(import_state11.TextSelection.near(transaction.doc.resolve(selectionPos)));
   editor.view.dispatch(transaction);
   recalculateActiveTableFormulas(editor);
   restoreSelectionAtTableCell(editor, selectedCell);
@@ -35076,6 +35287,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 = (0, import_tables6.isInTable)(editor.state);
   const canMergeCells = isInTable2 && editor.can().mergeCells();
   const canSplitCell = isInTable2 && editor.can().splitCell();
@@ -35183,7 +35395,7 @@ var BubbleMenuContent = ({
       {
         initialUrl: editor.getAttributes("link").href || "",
         onSubmit: (url) => {
-          editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+          applyEditorLink(editor, url);
           setShowLinkInput(false);
           requestAnimationFrame(() => editor.commands.focus());
         },
@@ -35719,6 +35931,49 @@ var BubbleMenuContent = ({
             )
           ]
         }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+        DropdownMenu,
+        {
+          onOpenChange: (open) => {
+            onKeepOpenChange?.(open);
+          },
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+            ToolbarButton,
+            {
+              onMouseDown: () => {
+                onKeepOpenChange?.(true);
+              },
+              onClick: () => {
+              },
+              title: t("tableMenu.textDirection"),
+              children: [
+                currentCellTextDirection === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react54.ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react54.ArrowRight, { className: "w-4 h-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react54.ChevronDown, { className: "w-3 h-3" })
+              ]
+            }
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+              DropdownMenuItem,
+              {
+                icon: import_lucide_react54.ArrowRight,
+                label: t("tableMenu.horizontalText"),
+                onClick: () => applyTableCellAttribute2(editor, "textDirection", null, { focus: false }),
+                active: currentCellTextDirection === "horizontal"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+              DropdownMenuItem,
+              {
+                icon: import_lucide_react54.ArrowDown,
+                label: t("tableMenu.verticalText"),
+                onClick: () => applyTableCellAttribute2(editor, "textDirection", "vertical", { focus: false }),
+                active: currentCellTextDirection === "vertical"
+              }
+            )
+          ]
+        }
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
@@ -39040,7 +39295,7 @@ var Selection = class {
   found.
   */
   static findFrom($pos, dir, textOnly = false) {
-    let inner = $pos.parent.inlineContent ? new TextSelection4($pos) : findSelectionIn($pos.node(0), $pos.parent, $pos.pos, $pos.index(), dir, textOnly);
+    let inner = $pos.parent.inlineContent ? new TextSelection5($pos) : findSelectionIn($pos.node(0), $pos.parent, $pos.pos, $pos.index(), dir, textOnly);
     if (inner)
       return inner;
     for (let depth = $pos.depth - 1; depth >= 0; depth--) {
@@ -39109,7 +39364,7 @@ var Selection = class {
   returns the bookmark for that.
   */
   getBookmark() {
-    return TextSelection4.between(this.$anchor, this.$head).getBookmark();
+    return TextSelection5.between(this.$anchor, this.$head).getBookmark();
   }
 };
 Selection.prototype.visible = true;
@@ -39129,7 +39384,7 @@ function checkTextSelection($pos) {
     console["warn"]("TextSelection endpoint not pointing into a node with inline content (" + $pos.parent.type.name + ")");
   }
 }
-var TextSelection4 = class _TextSelection extends Selection {
+var TextSelection5 = class _TextSelection extends Selection {
   /**
   Construct a text selection between the given points.
   */
@@ -39215,7 +39470,7 @@ var TextSelection4 = class _TextSelection extends Selection {
     return new _TextSelection($anchor, $head);
   }
 };
-Selection.jsonID("text", TextSelection4);
+Selection.jsonID("text", TextSelection5);
 var TextBookmark = class _TextBookmark {
   constructor(anchor, head) {
     this.anchor = anchor;
@@ -39225,7 +39480,7 @@ var TextBookmark = class _TextBookmark {
     return new _TextBookmark(mapping.map(this.anchor), mapping.map(this.head));
   }
   resolve(doc) {
-    return TextSelection4.between(doc.resolve(this.anchor), doc.resolve(this.head));
+    return TextSelection5.between(doc.resolve(this.anchor), doc.resolve(this.head));
   }
 };
 var NodeSelection2 = class _NodeSelection extends Selection {
@@ -39344,7 +39599,7 @@ var AllBookmark = {
 };
 function findSelectionIn(doc, node, pos, index, dir, text = false) {
   if (node.inlineContent)
-    return TextSelection4.create(doc, pos);
+    return TextSelection5.create(doc, pos);
   for (let i = index - (dir > 0 ? 0 : 1); dir > 0 ? i < node.childCount : i >= 0; i += dir) {
     let child = node.child(i);
     if (!child.isAtom) {
@@ -39936,7 +40191,7 @@ var CellSelection = class CellSelection2 extends Selection {
       else if (tableChanged && this.isColSelection()) return CellSelection2.colSelection($anchorCell, $headCell);
       else return new CellSelection2($anchorCell, $headCell);
     }
-    return TextSelection4.between($anchorCell, $headCell);
+    return TextSelection5.between($anchorCell, $headCell);
   }
   content() {
     const table = this.$anchorCell.node(-1);
@@ -40551,7 +40806,7 @@ function shiftArrow(axis, dir) {
   };
 }
 function atEndOfCell(view, axis, dir) {
-  if (!(view.state.selection instanceof TextSelection4)) return null;
+  if (!(view.state.selection instanceof TextSelection5)) return null;
   const { $head } = view.state.selection;
   for (let d = $head.depth - 1; d >= 0; d--) {
     const parent = $head.node(d);
@@ -42442,7 +42697,7 @@ var import_react77 = require("react");
 var import_tables8 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/table-formula-range-picker.ts
-var import_state11 = require("@tiptap/pm/state");
+var import_state12 = require("@tiptap/pm/state");
 var import_tables7 = require("@tiptap/pm/tables");
 function getCellText2(cellNode) {
   return cellNode.textBetween(0, cellNode.content.size, "\n").trim();
@@ -42520,7 +42775,7 @@ function cancelFormulaEditing(view) {
   if (!context) return false;
   let tr = view.state.tr.delete(context.cellContentStart, context.cellContentEnd);
   const selectionPos = Math.min(context.cellContentStart, tr.doc.content.size);
-  tr = tr.setSelection(import_state11.TextSelection.near(tr.doc.resolve(selectionPos)));
+  tr = tr.setSelection(import_state12.TextSelection.near(tr.doc.resolve(selectionPos)));
   view.dispatch(tr);
   view.focus();
   return true;
@@ -42597,7 +42852,7 @@ function replacePickedLabel(view, pickState, nextLabel, currentCell) {
   }
   let tr = view.state.tr.insertText(nextLabel, pickState.insertedFrom, pickState.insertedTo);
   const nextTo = pickState.insertedFrom + nextLabel.length;
-  tr = tr.setSelection(import_state11.TextSelection.create(tr.doc, nextTo));
+  tr = tr.setSelection(import_state12.TextSelection.create(tr.doc, nextTo));
   view.dispatch(tr);
   return {
     ...pickState,
@@ -42634,7 +42889,7 @@ function beginFormulaRangePick(view, event) {
   const insertedText = `${prefix}${picked.label}`;
   const insertedFrom = from + prefix.length;
   let tr = view.state.tr.insertText(insertedText, from, to);
-  tr = tr.setSelection(import_state11.TextSelection.create(tr.doc, from + insertedText.length));
+  tr = tr.setSelection(import_state12.TextSelection.create(tr.doc, from + insertedText.length));
   view.dispatch(tr);
   view.focus();
   event.preventDefault();
@@ -43571,7 +43826,7 @@ var MenuBar = ({
     closeInsertMenu();
   };
   const handleLinkSubmit = (url) => {
-    editor.chain().focus().setLink({ href: url }).run();
+    applyEditorLink(editor, url);
     closeInsertMenu();
   };
   const insertMenuItems = [
@@ -43638,6 +43893,12 @@ var MenuBar = ({
           icon: import_lucide_react58.Square,
           onClick: () => editor.chain().focus().setFormCheckbox().run()
         },
+        {
+          type: "action",
+          label: t("slashCommand.roundCheckbox") || "Round Checkbox",
+          icon: import_lucide_react58.CircleCheckBig,
+          onClick: () => editor.chain().focus().setFormCheckbox({ variant: "circle" }).run()
+        },
         {
           type: "action",
           label: t("menubar.formRadio") || "Form Radio Button",