@underverse-ui/underverse 1.0.187 → 1.0.188

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.187",
+  "version": "1.0.188",
   "sourceEntry": "src/index.ts",
   "totalExports": 248,
   "exports": [

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"
     },
@@ -1102,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",
@@ -1431,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"
     },
@@ -1530,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",
@@ -1859,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"
     },
@@ -1958,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",
@@ -2287,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"
     },
@@ -2386,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",
@@ -28379,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;
@@ -28408,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"
@@ -28480,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" } : {}
       }
     };
   },
@@ -28816,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"
 };
@@ -28871,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"
   };
@@ -29017,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,
@@ -29029,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);
@@ -31827,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" } : {}
       }
     };
   },
@@ -31837,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",
@@ -31946,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" } : {}
       }
     };
   },
@@ -31956,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",
@@ -33164,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";
@@ -33225,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,
         {
@@ -33650,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, {}),
@@ -33695,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,
@@ -35141,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();
@@ -35784,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)(
@@ -43703,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",