@underverse-ui/underverse 2.0.24 → 2.0.26

package/api-reference.json

@@ -1,8 +1,8 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "2.0.24",
+  "version": "2.0.26",
   "sourceEntry": "src/index.ts",
-  "totalExports": 260,
+  "totalExports": 263,
   "exports": [
     {
       "name": "*",
@@ -572,6 +572,20 @@
       "reexport": true,
       "local": false
     },
+    {
+      "name": "DropdownMenuItemProps",
+      "kind": "type",
+      "source": "./components/DropdownMenu",
+      "reexport": true,
+      "local": false
+    },
+    {
+      "name": "DropdownMenuProps",
+      "kind": "type",
+      "source": "./components/DropdownMenu",
+      "reexport": true,
+      "local": false
+    },
     {
       "name": "DropdownMenuSeparator",
       "kind": "value",
@@ -1213,6 +1227,13 @@
       "reexport": true,
       "local": false
     },
+    {
+      "name": "SelectDropdownProps",
+      "kind": "type",
+      "source": "./components/DropdownMenu",
+      "reexport": true,
+      "local": false
+    },
     {
       "name": "setEmojiBaseUrl",
       "kind": "value",

package/dist/{chunk-ZQWVWDGS.js → chunk-FFVBGTHU.js}

@@ -1,7 +1,7 @@
 import {
   getPanelBorderRadiusClass,
   useUnderverseUIConfig
-} from "./chunk-O7AAN6W6.js";
+} from "./chunk-OJF3XRN7.js";
 import {
   cn,
   useGlobalI18n
@@ -196,4 +196,4 @@ var Modal_default = Modal;
 export {
   Modal_default
 };
-//# sourceMappingURL=chunk-ZQWVWDGS.js.map
+//# sourceMappingURL=chunk-FFVBGTHU.js.map

package/dist/{chunk-HGOTCQXL.js → chunk-GS24SZVS.js}

@@ -55,7 +55,7 @@ import {
   sanitizeUEditorUrl,
   useEditorColors,
   useSharedEditorUiRenderState
-} from "./chunk-O7AAN6W6.js";
+} from "./chunk-OJF3XRN7.js";
 import {
   Tooltip,
   UEditorPortalProvider,
@@ -505,7 +505,7 @@ import { wrappingInputRule } from "@tiptap/core";
 import { ReactNodeViewRenderer as ReactNodeViewRenderer7 } from "@tiptap/react";
 
 // src/components/UEditor/callout.ts
-import { Node as Node2, mergeAttributes } from "@tiptap/core";
+import { Node, mergeAttributes } from "@tiptap/core";
 import { ReactNodeViewRenderer } from "@tiptap/react";
 
 // src/components/UEditor/CalloutView.tsx
@@ -586,7 +586,7 @@ var CalloutView = ({ node, updateAttributes, selected }) => {
 };
 
 // src/components/UEditor/callout.ts
-var Callout = Node2.create({
+var Callout = Node.create({
   name: "callout",
   group: "block",
   content: "block+",
@@ -642,7 +642,7 @@ var Callout = Node2.create({
 });
 
 // src/components/UEditor/bookmark.ts
-import { Node as Node3, mergeAttributes as mergeAttributes2 } from "@tiptap/core";
+import { Node as Node2, mergeAttributes as mergeAttributes2 } from "@tiptap/core";
 import { ReactNodeViewRenderer as ReactNodeViewRenderer2 } from "@tiptap/react";
 
 // src/components/UEditor/BookmarkView.tsx
@@ -836,7 +836,7 @@ var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
 // src/components/UEditor/bookmark.ts
 import { Plugin, PluginKey } from "@tiptap/pm/state";
 var URL_REGEX = /^(https?:\/\/[^\s]+)$/i;
-var Bookmark = Node3.create({
+var Bookmark = Node2.create({
   name: "bookmark",
   group: "block",
   atom: true,
@@ -949,7 +949,7 @@ var Bookmark = Node3.create({
 });
 
 // src/components/UEditor/file-card.ts
-import { Node as Node4, mergeAttributes as mergeAttributes3 } from "@tiptap/core";
+import { Node as Node3, mergeAttributes as mergeAttributes3 } from "@tiptap/core";
 import { ReactNodeViewRenderer as ReactNodeViewRenderer3 } from "@tiptap/react";
 
 // src/components/UEditor/FileCardView.tsx
@@ -1120,7 +1120,7 @@ var FileCardView = ({ node, selected, editor, updateAttributes }) => {
 };
 
 // src/components/UEditor/file-card.ts
-var FileCard = Node4.create({
+var FileCard = Node3.create({
   name: "fileCard",
   group: "block",
   atom: true,
@@ -1210,7 +1210,7 @@ var FileCard = Node4.create({
 });
 
 // src/components/UEditor/form-checkbox.ts
-import { Node as Node5, mergeAttributes as mergeAttributes4 } from "@tiptap/core";
+import { Node as Node4, mergeAttributes as mergeAttributes4 } from "@tiptap/core";
 import { ReactNodeViewRenderer as ReactNodeViewRenderer4 } from "@tiptap/react";
 
 // src/components/UEditor/FormCheckboxView.tsx
@@ -1272,7 +1272,7 @@ var FormCheckboxView = ({ node, updateAttributes, editor, selected }) => {
 };
 
 // src/components/UEditor/form-checkbox.ts
-var FormCheckbox = Node5.create({
+var FormCheckbox = Node4.create({
   name: "formCheckbox",
   group: "inline",
   inline: true,
@@ -1365,7 +1365,7 @@ var FormCheckbox = Node5.create({
 });
 
 // src/components/UEditor/form-radio.ts
-import { Node as Node6, mergeAttributes as mergeAttributes5 } from "@tiptap/core";
+import { Node as Node5, mergeAttributes as mergeAttributes5 } from "@tiptap/core";
 import { ReactNodeViewRenderer as ReactNodeViewRenderer5 } from "@tiptap/react";
 
 // src/components/UEditor/FormRadioView.tsx
@@ -1455,7 +1455,7 @@ var FormRadioView = ({ node, updateAttributes, editor, selected }) => {
 };
 
 // src/components/UEditor/form-radio.ts
-var FormRadio = Node6.create({
+var FormRadio = Node5.create({
   name: "formRadio",
   group: "inline",
   inline: true,
@@ -3365,9 +3365,10 @@ function setColumnStyle(column, width) {
   column.style.minWidth = "";
 }
 function isTableColumnElement(node) {
-  return node instanceof HTMLElement && node.tagName.toLowerCase() === "col";
+  const realm = node?.ownerDocument?.defaultView;
+  return Boolean(realm && node instanceof realm.HTMLTableColElement && node.tagName.toLowerCase() === "col");
 }
-function updateDynamicColumns(node, colgroup, table, overrideCol, overrideValue) {
+function updateDynamicColumns(node, colgroup, table, ownerDocument, overrideCol, overrideValue) {
   let totalWidth = 0;
   let nextDOM = colgroup.firstChild;
   const row = node.firstChild;
@@ -3378,7 +3379,7 @@ function updateDynamicColumns(node, colgroup, table, overrideCol, overrideValue)
         const rawWidth = overrideCol === col ? overrideValue : colwidth?.[spanIndex];
         const width = rawWidth ? Math.max(rawWidth, MIN_RESIZED_TABLE_COLUMN_WIDTH) : null;
         totalWidth += width ?? DEFAULT_TABLE_COLUMN_WIDTH;
-        const colElement = isTableColumnElement(nextDOM) ? nextDOM : colgroup.appendChild(document.createElement("col"));
+        const colElement = isTableColumnElement(nextDOM) ? nextDOM : colgroup.appendChild(ownerDocument.createElement("col"));
         setColumnStyle(colElement, width);
         nextDOM = colElement.nextSibling;
       }
@@ -3398,23 +3399,25 @@ function updateDynamicColumns(node, colgroup, table, overrideCol, overrideValue)
   }
 }
 var UEditorTableView = class {
-  constructor(node) {
+  constructor(node, _defaultColumnWidth, maybeView) {
     this.node = node;
-    this.dom = document.createElement("div");
+    const view = maybeView ?? _defaultColumnWidth;
+    const ownerDocument = view.dom.ownerDocument;
+    this.dom = ownerDocument.createElement("div");
     this.dom.className = "tableWrapper";
-    this.table = this.dom.appendChild(document.createElement("table"));
+    this.table = this.dom.appendChild(ownerDocument.createElement("table"));
     if (node.attrs.style) {
       this.table.style.cssText = node.attrs.style;
     }
     this.table.style.tableLayout = "fixed";
-    this.colgroup = this.table.appendChild(document.createElement("colgroup"));
-    updateDynamicColumns(node, this.colgroup, this.table);
-    this.contentDOM = this.table.appendChild(document.createElement("tbody"));
+    this.colgroup = this.table.appendChild(ownerDocument.createElement("colgroup"));
+    updateDynamicColumns(node, this.colgroup, this.table, ownerDocument);
+    this.contentDOM = this.table.appendChild(ownerDocument.createElement("tbody"));
   }
   update(node) {
     if (node.type !== this.node.type) return false;
     this.node = node;
-    updateDynamicColumns(node, this.colgroup, this.table);
+    updateDynamicColumns(node, this.colgroup, this.table, this.dom.ownerDocument);
     return true;
   }
   ignoreMutation(mutation) {
@@ -3436,7 +3439,8 @@ function getCurrentColWidth(view, cellPos, { colspan, colwidth }) {
   if (width) return width;
   const dom = view.domAtPos(cellPos);
   const cellElement = dom.node.childNodes[dom.offset];
-  let domWidth = cellElement instanceof HTMLElement ? cellElement.offsetWidth : 0;
+  const realm = view.dom.ownerDocument.defaultView;
+  let domWidth = realm && cellElement instanceof realm.HTMLElement ? cellElement.offsetWidth : 0;
   let parts = Math.max(1, colspan);
   if (colwidth) {
     for (let index = 0; index < colspan; index += 1) {
@@ -3449,14 +3453,15 @@ function getCurrentColWidth(view, cellPos, { colspan, colwidth }) {
   }
   return domWidth / Math.max(1, parts);
 }
-function domCellAround(target) {
-  let node = target instanceof Node ? target : null;
+function domCellAround(view, target) {
+  const realm = view.dom.ownerDocument.defaultView;
+  let node = realm && target instanceof realm.Node ? target : null;
   while (node && node.nodeName !== "TD" && node.nodeName !== "TH") {
-    const element = node instanceof Element ? node : null;
+    const element = realm && node instanceof realm.Element ? node : null;
     if (element?.classList.contains("ProseMirror")) return null;
     node = node.parentNode;
   }
-  return node instanceof HTMLElement ? node : null;
+  return realm && node instanceof realm.HTMLElement ? node : null;
 }
 function edgeCell(view, event, side, handleWidth) {
   const offset = side === "right" ? -handleWidth : handleWidth;
@@ -3474,12 +3479,14 @@ function edgeCell(view, event, side, handleWidth) {
   return index % map.width === 0 ? -1 : start + map.map[index - 1];
 }
 var handleHoverTimer = null;
+var handleHoverWindow = null;
 var pendingHandleCell = -1;
 function clearHandleHoverTimer() {
   if (handleHoverTimer !== null) {
-    window.clearTimeout(handleHoverTimer);
+    handleHoverWindow?.clearTimeout(handleHoverTimer);
     handleHoverTimer = null;
   }
+  handleHoverWindow = null;
   pendingHandleCell = -1;
 }
 function updateHandle(view, value) {
@@ -3489,7 +3496,7 @@ function handleMouseMove(view, event, handleWidth, lastColumnResizable) {
   if (!view.editable) return;
   const pluginState = columnResizingPluginKey.getState(view.state);
   if (!pluginState || pluginState.dragging) return;
-  const target = domCellAround(event.target);
+  const target = domCellAround(view, event.target);
   let cell = -1;
   if (target) {
     const { left, right } = target.getBoundingClientRect();
@@ -3525,7 +3532,10 @@ function handleMouseMove(view, event, handleWidth, lastColumnResizable) {
   if (pendingHandleCell === cell) return;
   clearHandleHoverTimer();
   pendingHandleCell = cell;
-  handleHoverTimer = window.setTimeout(() => {
+  const ownerWindow = view.dom.ownerDocument.defaultView;
+  if (!ownerWindow) return;
+  handleHoverWindow = ownerWindow;
+  handleHoverTimer = ownerWindow.setTimeout(() => {
     handleHoverTimer = null;
     pendingHandleCell = -1;
     updateHandle(view, cell);
@@ -3597,7 +3607,8 @@ function getTableElementAtCell(view, cell) {
   const $cell = view.state.doc.resolve(cell);
   let dom = view.domAtPos($cell.start(-1)).node;
   while (dom && dom.nodeName !== "TABLE") dom = dom.parentNode;
-  return dom instanceof HTMLTableElement ? dom : null;
+  const realm = view.dom.ownerDocument.defaultView;
+  return realm && dom instanceof realm.HTMLTableElement ? dom : null;
 }
 function showColumnResizeGhost(view, cell, dragging, width) {
   const table = getTableElementAtCell(view, cell);
@@ -3654,7 +3665,8 @@ function handleMouseDown(view, event, cellMinWidth) {
   event.preventDefault();
   return true;
 }
-function handleDecorations(state, cell) {
+function handleDecorations(state, cell, ownerDocument) {
+  if (!ownerDocument) return DecorationSet2.empty;
   const decorations = [];
   const $cell = state.doc.resolve(cell);
   const table = $cell.node(-1);
@@ -3671,7 +3683,7 @@ function handleDecorations(state, cell) {
       const cellNode = table.nodeAt(cellPos);
       if (!cellNode) continue;
       const pos = start + cellPos + cellNode.nodeSize - 1;
-      const dom = document.createElement("div");
+      const dom = ownerDocument.createElement("div");
       dom.className = "column-resize-handle";
       if (columnResizingPluginKey.getState(state)?.dragging) {
         decorations.push(Decoration2.node(start + cellPos, start + cellPos + cellNode.nodeSize, { class: "column-resize-dragging" }));
@@ -3688,6 +3700,7 @@ function dynamicColumnResizing({
   View = UEditorTableView,
   lastColumnResizable = true
 } = {}) {
+  let ownerDocument = null;
   const plugin = new Plugin3({
     key: columnResizingPluginKey,
     state: {
@@ -3695,7 +3708,10 @@ function dynamicColumnResizing({
         const nodeViews = plugin.spec.props?.nodeViews;
         const tableName = tableNodeTypes(state.schema).table.name;
         if (View && nodeViews) {
-          nodeViews[tableName] = (node, view) => new View(node, defaultCellMinWidth, view);
+          nodeViews[tableName] = (node, view) => {
+            ownerDocument = view.dom.ownerDocument;
+            return new View(node, defaultCellMinWidth, view);
+          };
         }
         return new ResizeState(-1, false);
       },
@@ -3720,7 +3736,7 @@ function dynamicColumnResizing({
       decorations: (state) => {
         const pluginState = columnResizingPluginKey.getState(state);
         if (pluginState && pluginState.activeHandle > -1) {
-          return handleDecorations(state, pluginState.activeHandle);
+          return handleDecorations(state, pluginState.activeHandle, ownerDocument);
         }
         return void 0;
       },
@@ -8387,7 +8403,7 @@ var NodeRange = class {
   }
 };
 var emptyAttrs = /* @__PURE__ */ Object.create(null);
-var Node7 = class _Node {
+var Node6 = class _Node {
   /**
   @internal
   */
@@ -8789,7 +8805,7 @@ var Node7 = class _Node {
     return node;
   }
 };
-Node7.prototype.text = void 0;
+Node6.prototype.text = void 0;
 function wrapMarks(marks, str) {
   for (let i = marks.length - 1; i >= 0; i--)
     str = marks[i].type.name + "(" + str + ")";
@@ -12325,7 +12341,7 @@ function TableResizeHandles({
       "data-table-resize-frame": "",
       "data-resizing": active ? "true" : "false",
       className: cn(
-        "pointer-events-none absolute z-[38] box-border border border-primary/55",
+        "pointer-events-none absolute z-[38] box-border border border-transparent",
         active && "border-primary bg-primary/3"
       ),
       style: {
@@ -14525,7 +14541,7 @@ function useUEditorOutput({
 // src/components/UEditor/UEditor.tsx
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var LazyMenuBar = React15.lazy(async () => {
-  const { MenuBar } = await import("./menu-bar-E7MNW6UC.js");
+  const { MenuBar } = await import("./menu-bar-4FM4Y273.js");
   return { default: MenuBar };
 });
 var UEditor = React15.forwardRef(({
@@ -14994,4 +15010,4 @@ export {
   prepareUEditorContentForSave,
   UEditor_default
 };
-//# sourceMappingURL=chunk-HGOTCQXL.js.map
+//# sourceMappingURL=chunk-GS24SZVS.js.map