@dooherceg/tiptap-controlled-editor-with-table 0.0.9 → 0.0.10

package/dist/components/tiptap-templates/simple/simple-editor.d.ts

@@ -1,11 +1,13 @@
 import { Editor, EditorOptions } from '@tiptap/react';
+import { Ref } from 'react';
 export interface SimpleEditorProps extends Omit<Partial<EditorOptions>, "content"> {
     themeMode: "dark" | "light";
     content?: string;
     onContentChange?: (content: string) => void;
     placeholder?: string;
+    ref?: Ref<SimpleEditorRef>;
 }
 export interface SimpleEditorRef {
     getEditor: () => Editor | null;
 }
-export declare const SimpleEditor: import('react').ForwardRefExoticComponent<SimpleEditorProps & import('react').RefAttributes<SimpleEditorRef>>;
+export declare function SimpleEditor({ themeMode, content, onContentChange, placeholder, ref, }: SimpleEditorProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/tiptap-templates/simple/simple-editor.js

@@ -1,220 +1,227 @@
-import { jsx as o, jsxs as e, Fragment as y } from "react/jsx-runtime";
-import { useEditor as E, EditorContext as H, EditorContent as S } from "@tiptap/react";
-import { forwardRef as v, useState as x, useRef as C, useEffect as h, useImperativeHandle as w } from "react";
+import { jsx as t, jsxs as e, Fragment as y } from "react/jsx-runtime";
+import { useEditor as H, EditorContext as v, EditorContent as E } from "@tiptap/react";
+import { useState as S, useRef as C, useEffect as h, useImperativeHandle as x } from "react";
 import '../../../assets/components/tiptap-templates/simple/simple-editor.css';import '../../../assets/components/tiptap-node/paragraph-node/paragraph-node.css';import '../../../assets/components/tiptap-node/list-node/list-node.css';import '../../../assets/components/tiptap-node/image-node/image-node.css';import '../../../assets/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css';import '../../../assets/components/tiptap-node/heading-node/heading-node.css';import '../../../assets/components/tiptap-node/code-block-node/code-block-node.css';import '../../../assets/components/tiptap-node/blockquote-node/blockquote-node.css';import '../../../assets/styles/_variables.css';import '../../../assets/styles/_keyframe-animations.css';/* empty css                                        */
 /* empty css                              */
-import { Highlight as R } from "../../../node_modules/@tiptap/extension-highlight/dist/index.js";
+import { Highlight as w } from "../../../node_modules/@tiptap/extension-highlight/dist/index.js";
 import { Image as P } from "../../../node_modules/@tiptap/extension-image/dist/index.js";
-import { TaskList as M, TaskItem as U } from "../../../node_modules/@tiptap/extension-list/dist/index.js";
-import { Subscript as z } from "../../../node_modules/@tiptap/extension-subscript/dist/index.js";
-import { Superscript as N } from "../../../node_modules/@tiptap/extension-superscript/dist/index.js";
-import { TextAlign as A } from "../../../node_modules/@tiptap/extension-text-align/dist/index.js";
-import { Typography as j } from "../../../node_modules/@tiptap/extension-typography/dist/index.js";
-import { Selection as F, Placeholder as V } from "../../../node_modules/@tiptap/extensions/dist/index.js";
-import { StarterKit as D } from "@tiptap/starter-kit";
+import { TaskList as R, TaskItem as M } from "../../../node_modules/@tiptap/extension-list/dist/index.js";
+import { Subscript as U } from "../../../node_modules/@tiptap/extension-subscript/dist/index.js";
+import { Superscript as z } from "../../../node_modules/@tiptap/extension-superscript/dist/index.js";
+import { TextAlign as N } from "../../../node_modules/@tiptap/extension-text-align/dist/index.js";
+import { Typography as A } from "../../../node_modules/@tiptap/extension-typography/dist/index.js";
+import { Selection as j, Placeholder as F } from "../../../node_modules/@tiptap/extensions/dist/index.js";
+import { StarterKit as V } from "@tiptap/starter-kit";
 /* empty css                                                     */
 /* empty css                                                     */
 /* empty css                                               */
-import { HorizontalRule as K } from "../../tiptap-node/horizontal-rule-node/horizontal-rule-node-extension.js";
+import { HorizontalRule as D } from "../../tiptap-node/horizontal-rule-node/horizontal-rule-node-extension.js";
 /* empty css                                                               */
 /* empty css                                           */
-import { ImageUploadNode as O } from "../../tiptap-node/image-upload-node/image-upload-node-extension.js";
+import { ImageUploadNode as K } from "../../tiptap-node/image-upload-node/image-upload-node-extension.js";
 /* empty css                                         */
 /* empty css                                                   */
-import { ArrowLeftIcon as _ } from "../../tiptap-icons/arrow-left-icon.js";
-import { HighlighterIcon as q } from "../../tiptap-icons/highlighter-icon.js";
-import { LinkIcon as G } from "../../tiptap-icons/link-icon.js";
-import { useCursorVisibility as W } from "../../../hooks/use-cursor-visibility.js";
-import { useIsMobile as X } from "../../../hooks/use-mobile.js";
-import { useWindowSize as Z } from "../../../hooks/use-window-size.js";
-import { handleImageUpload as $, MAX_FILE_SIZE as J } from "../../../lib/tiptap-utils.js";
+import { ArrowLeftIcon as O } from "../../tiptap-icons/arrow-left-icon.js";
+import { HighlighterIcon as _ } from "../../tiptap-icons/highlighter-icon.js";
+import { LinkIcon as q } from "../../tiptap-icons/link-icon.js";
+import { useCursorVisibility as G } from "../../../hooks/use-cursor-visibility.js";
+import { useIsMobile as W } from "../../../hooks/use-mobile.js";
+import { useWindowSize as X } from "../../../hooks/use-window-size.js";
+import { handleImageUpload as Z, MAX_FILE_SIZE as $ } from "../../../lib/tiptap-utils.js";
 /* empty css                   */
-import { InsertTableButton as Q } from "../../tiptap-ui/insert-table-button/insert-table-button.js";
-import Y from "../../tiptap-ui/table-actions-toolbar/table-actions-toolbar.js";
-import { useTiptapEditor as oo } from "../../../hooks/use-tiptap-editor.js";
-import { TableKit as to } from "../../../node_modules/@tiptap/extension-table/dist/index.js";
-import { Toolbar as ro, ToolbarGroup as n, ToolbarSeparator as l } from "../../tiptap-ui-primitive/toolbar/toolbar.js";
+import { InsertTableButton as J } from "../../tiptap-ui/insert-table-button/insert-table-button.js";
+import Q from "../../tiptap-ui/table-actions-toolbar/table-actions-toolbar.js";
+import { useTiptapEditor as Y } from "../../../hooks/use-tiptap-editor.js";
+import { TableKit as tt } from "../../../node_modules/@tiptap/extension-table/dist/index.js";
+import { Toolbar as ot, ToolbarGroup as m, ToolbarSeparator as a } from "../../tiptap-ui-primitive/toolbar/toolbar.js";
 import { UndoRedoButton as T } from "../../tiptap-ui/undo-redo-button/undo-redo-button.js";
-import { HeadingDropdownMenu as eo } from "../../tiptap-ui/heading-dropdown-menu/heading-dropdown-menu.js";
-import { ListDropdownMenu as io } from "../../tiptap-ui/list-dropdown-menu/list-dropdown-menu.js";
-import { BlockquoteButton as no } from "../../tiptap-ui/blockquote-button/blockquote-button.js";
-import { CodeBlockButton as lo } from "../../tiptap-ui/code-block-button/code-block-button.js";
-import { MarkButton as i } from "../../tiptap-ui/mark-button/mark-button.js";
-import { ColorHighlightPopover as mo, ColorHighlightPopoverButton as ao, ColorHighlightPopoverContent as po } from "../../tiptap-ui/color-highlight-popover/color-highlight-popover.js";
-import { LinkPopover as co, LinkButton as so, LinkContent as uo } from "../../tiptap-ui/link-popover/link-popover.js";
+import { HeadingDropdownMenu as rt } from "../../tiptap-ui/heading-dropdown-menu/heading-dropdown-menu.js";
+import { ListDropdownMenu as et } from "../../tiptap-ui/list-dropdown-menu/list-dropdown-menu.js";
+import { BlockquoteButton as it } from "../../tiptap-ui/blockquote-button/blockquote-button.js";
+import { CodeBlockButton as nt } from "../../tiptap-ui/code-block-button/code-block-button.js";
+import { MarkButton as l } from "../../tiptap-ui/mark-button/mark-button.js";
+import { ColorHighlightPopover as lt, ColorHighlightPopoverButton as mt, ColorHighlightPopoverContent as at } from "../../tiptap-ui/color-highlight-popover/color-highlight-popover.js";
+import { LinkPopover as pt, LinkButton as ct, LinkContent as st } from "../../tiptap-ui/link-popover/link-popover.js";
 import { TextAlignButton as d } from "../../tiptap-ui/text-align-button/text-align-button.js";
-import { Button as fo } from "../../tiptap-ui-primitive/button/button.js";
-const go = ({
-  onHighlighterClick: a,
-  onLinkClick: m,
-  isMobile: t
+import { Button as ut } from "../../tiptap-ui-primitive/button/button.js";
+const ft = ({
+  onHighlighterClick: n,
+  onLinkClick: r,
+  isMobile: i
 }) => {
-  const { editor: p } = oo();
+  const { editor: p } = Y();
   return /* @__PURE__ */ e(y, { children: [
-    /* @__PURE__ */ e(n, { children: [
-      /* @__PURE__ */ o(T, { action: "undo" }),
-      /* @__PURE__ */ o(T, { action: "redo" })
+    /* @__PURE__ */ e(m, { children: [
+      /* @__PURE__ */ t(T, { action: "undo" }),
+      /* @__PURE__ */ t(T, { action: "redo" })
     ] }),
-    /* @__PURE__ */ o(l, {}),
-    /* @__PURE__ */ e(n, { children: [
-      /* @__PURE__ */ o(eo, { levels: [1, 2, 3, 4], portal: t }),
-      /* @__PURE__ */ o(
-        io,
+    /* @__PURE__ */ t(a, {}),
+    /* @__PURE__ */ e(m, { children: [
+      /* @__PURE__ */ t(rt, { levels: [1, 2, 3, 4], portal: i }),
+      /* @__PURE__ */ t(
+        et,
         {
           types: ["bulletList", "orderedList", "taskList"],
-          portal: t
+          portal: i
         }
       ),
-      /* @__PURE__ */ o(no, {}),
-      /* @__PURE__ */ o(lo, {})
+      /* @__PURE__ */ t(it, {}),
+      /* @__PURE__ */ t(nt, {})
     ] }),
-    /* @__PURE__ */ o(l, {}),
-    /* @__PURE__ */ e(n, { children: [
-      /* @__PURE__ */ o(i, { type: "bold" }),
-      /* @__PURE__ */ o(i, { type: "italic" }),
-      /* @__PURE__ */ o(i, { type: "strike" }),
-      /* @__PURE__ */ o(i, { type: "code" }),
-      /* @__PURE__ */ o(i, { type: "underline" }),
-      t ? /* @__PURE__ */ o(ao, { onClick: a }) : /* @__PURE__ */ o(mo, {}),
-      t ? /* @__PURE__ */ o(so, { onClick: m }) : /* @__PURE__ */ o(co, {})
+    /* @__PURE__ */ t(a, {}),
+    /* @__PURE__ */ e(m, { children: [
+      /* @__PURE__ */ t(l, { type: "bold" }),
+      /* @__PURE__ */ t(l, { type: "italic" }),
+      /* @__PURE__ */ t(l, { type: "strike" }),
+      /* @__PURE__ */ t(l, { type: "code" }),
+      /* @__PURE__ */ t(l, { type: "underline" }),
+      i ? /* @__PURE__ */ t(mt, { onClick: n }) : /* @__PURE__ */ t(lt, {}),
+      i ? /* @__PURE__ */ t(ct, { onClick: r }) : /* @__PURE__ */ t(pt, {})
     ] }),
-    /* @__PURE__ */ o(l, {}),
-    /* @__PURE__ */ e(n, { children: [
-      /* @__PURE__ */ o(i, { type: "superscript" }),
-      /* @__PURE__ */ o(i, { type: "subscript" })
+    /* @__PURE__ */ t(a, {}),
+    /* @__PURE__ */ e(m, { children: [
+      /* @__PURE__ */ t(l, { type: "superscript" }),
+      /* @__PURE__ */ t(l, { type: "subscript" })
     ] }),
-    /* @__PURE__ */ o(l, {}),
-    /* @__PURE__ */ e(n, { children: [
-      /* @__PURE__ */ o(d, { align: "left" }),
-      /* @__PURE__ */ o(d, { align: "center" }),
-      /* @__PURE__ */ o(d, { align: "right" }),
-      /* @__PURE__ */ o(d, { align: "justify" })
+    /* @__PURE__ */ t(a, {}),
+    /* @__PURE__ */ e(m, { children: [
+      /* @__PURE__ */ t(d, { align: "left" }),
+      /* @__PURE__ */ t(d, { align: "center" }),
+      /* @__PURE__ */ t(d, { align: "right" }),
+      /* @__PURE__ */ t(d, { align: "justify" })
     ] }),
-    /* @__PURE__ */ o(l, {}),
-    /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(Q, { onClick: () => {
+    /* @__PURE__ */ t(a, {}),
+    /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(J, { onClick: () => {
       p && p.chain().focus().insertTable({ rows: 3, cols: 3 }).run();
     } }) }),
-    t && /* @__PURE__ */ o(l, {})
+    i && /* @__PURE__ */ t(a, {})
   ] });
-}, ho = ({
-  type: a,
-  onBack: m
+}, dt = ({
+  type: n,
+  onBack: r
 }) => /* @__PURE__ */ e(y, { children: [
-  /* @__PURE__ */ o(n, { children: /* @__PURE__ */ e(fo, { "data-style": "ghost", onClick: m, children: [
-    /* @__PURE__ */ o(_, { className: "tiptap-button-icon" }),
-    a === "highlighter" ? /* @__PURE__ */ o(q, { className: "tiptap-button-icon" }) : /* @__PURE__ */ o(G, { className: "tiptap-button-icon" })
+  /* @__PURE__ */ t(m, { children: /* @__PURE__ */ e(ut, { "data-style": "ghost", onClick: r, children: [
+    /* @__PURE__ */ t(O, { className: "tiptap-button-icon" }),
+    n === "highlighter" ? /* @__PURE__ */ t(_, { className: "tiptap-button-icon" }) : /* @__PURE__ */ t(q, { className: "tiptap-button-icon" })
   ] }) }),
-  /* @__PURE__ */ o(l, {}),
-  a === "highlighter" ? /* @__PURE__ */ o(po, {}) : /* @__PURE__ */ o(uo, {})
-] }), pt = v(
-  function({
-    themeMode: m,
-    content: t,
-    onContentChange: p,
-    placeholder: b = ""
-  }, L) {
-    const c = X(), { height: I } = Z(), [s, u] = x("main"), k = C(null), g = C(!1), r = E({
-      immediatelyRender: !0,
-      shouldRerenderOnTransaction: !1,
-      editorProps: {
-        attributes: {
-          autocomplete: "off",
-          autocorrect: "off",
-          autocapitalize: "off",
-          "aria-label": "Main content area, start typing to enter text.",
-          class: "simple-editor"
+  /* @__PURE__ */ t(a, {}),
+  n === "highlighter" ? /* @__PURE__ */ t(at, {}) : /* @__PURE__ */ t(st, {})
+] });
+function mo({
+  themeMode: n,
+  content: r,
+  onContentChange: i,
+  placeholder: p = "",
+  ref: b
+}) {
+  const c = W(), { height: L } = X(), [s, u] = S(
+    "main"
+  ), k = C(null), g = C(!1), o = H({
+    immediatelyRender: !0,
+    shouldRerenderOnTransaction: !1,
+    editorProps: {
+      attributes: {
+        autocomplete: "off",
+        autocorrect: "off",
+        autocapitalize: "off",
+        "aria-label": "Main content area, start typing to enter text.",
+        class: "simple-editor"
+      }
+    },
+    extensions: [
+      V.configure({
+        horizontalRule: !1,
+        link: {
+          openOnClick: !1,
+          enableClickSelection: !0
+        }
+      }),
+      D,
+      N.configure({ types: ["heading", "paragraph"] }),
+      R,
+      M.configure({ nested: !0 }),
+      w.configure({ multicolor: !0 }),
+      P,
+      A,
+      z,
+      U,
+      j,
+      K.configure({
+        accept: "image/*",
+        maxSize: $,
+        limit: 3,
+        upload: Z,
+        onError: (f) => console.error("Upload failed:", f)
+      }),
+      tt.configure({
+        table: {
+          resizable: !0
         }
-      },
-      extensions: [
-        D.configure({
-          horizontalRule: !1,
-          link: {
-            openOnClick: !1,
-            enableClickSelection: !0
+      }),
+      F.configure({
+        placeholder: p
+      })
+    ],
+    content: r,
+    onUpdate: ({ editor: f }) => {
+      if (!g.current && i) {
+        const B = f.getHTML();
+        i(B);
+      }
+    }
+  }), I = G({
+    editor: o,
+    overlayHeight: k.current?.getBoundingClientRect().height ?? 0
+  });
+  return h(() => {
+    !c && s !== "main" && u("main");
+  }, [c, s]), h(() => {
+    o && r !== void 0 && o.getHTML() !== r && (g.current = !0, o.commands.setContent(r, { emitUpdate: !1 }), g.current = !1);
+  }, [r, o]), h(() => {
+    document.documentElement.classList.toggle("dark", n === "dark");
+  }, [n]), x(
+    b,
+    () => ({
+      getEditor: () => o
+    }),
+    [o]
+  ), o ? /* @__PURE__ */ t("div", { className: "simple-editor-wrapper", children: /* @__PURE__ */ e(v.Provider, { value: { editor: o }, children: [
+    /* @__PURE__ */ t(
+      ot,
+      {
+        ref: k,
+        style: {
+          ...c ? {
+            bottom: `calc(100% - ${L - I.y}px)`
+          } : {}
+        },
+        children: s === "main" ? /* @__PURE__ */ t(
+          ft,
+          {
+            onHighlighterClick: () => u("highlighter"),
+            onLinkClick: () => u("link"),
+            isMobile: c
           }
-        }),
-        K,
-        A.configure({ types: ["heading", "paragraph"] }),
-        M,
-        U.configure({ nested: !0 }),
-        R.configure({ multicolor: !0 }),
-        P,
-        j,
-        N,
-        z,
-        F,
-        O.configure({
-          accept: "image/*",
-          maxSize: J,
-          limit: 3,
-          upload: $,
-          onError: (f) => console.error("Upload failed:", f)
-        }),
-        to.configure({
-          table: {
-            resizable: !0
+        ) : /* @__PURE__ */ t(
+          dt,
+          {
+            type: s === "highlighter" ? "highlighter" : "link",
+            onBack: () => u("main")
           }
-        }),
-        V.configure({
-          placeholder: b
-        })
-      ],
-      content: t,
-      onUpdate: ({ editor: f }) => {
-        !g.current && p && p(f.getHTML());
+        )
       }
-    }), B = W({
-      editor: r,
-      overlayHeight: k.current?.getBoundingClientRect().height ?? 0
-    });
-    return h(() => {
-      !c && s !== "main" && u("main");
-    }, [c, s]), h(() => {
-      r && t !== void 0 && r.getHTML() !== t && (g.current = !0, r.commands.setContent(t, { emitUpdate: !1 }), g.current = !1);
-    }, [t, r]), h(() => {
-      document.documentElement.classList.toggle("dark", m === "dark");
-    }, [m]), w(
-      L,
-      () => ({
-        getEditor: () => r
-      }),
-      [r]
-    ), r ? /* @__PURE__ */ o("div", { className: "simple-editor-wrapper", children: /* @__PURE__ */ e(H.Provider, { value: { editor: r }, children: [
-      /* @__PURE__ */ o(
-        ro,
-        {
-          ref: k,
-          style: {
-            ...c ? { bottom: `calc(100% - ${I - B.y}px)` } : {}
-          },
-          children: s === "main" ? /* @__PURE__ */ o(
-            go,
-            {
-              onHighlighterClick: () => u("highlighter"),
-              onLinkClick: () => u("link"),
-              isMobile: c
-            }
-          ) : /* @__PURE__ */ o(
-            ho,
-            {
-              type: s === "highlighter" ? "highlighter" : "link",
-              onBack: () => u("main")
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ o(Y, {}),
-      /* @__PURE__ */ o(
-        S,
-        {
-          editor: r,
-          role: "presentation",
-          className: "simple-editor-content"
-        }
-      )
-    ] }) }) : null;
-  }
-);
+    ),
+    /* @__PURE__ */ t(Q, {}),
+    /* @__PURE__ */ t(
+      E,
+      {
+        editor: o,
+        role: "presentation",
+        className: "simple-editor-content"
+      }
+    )
+  ] }) }) : null;
+}
 export {
-  pt as SimpleEditor
+  mo as SimpleEditor
 };

package/dist/components/tiptap-ui/color-highlight-popover/color-highlight-popover.js

@@ -1,16 +1,16 @@
 import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import { forwardRef as H, useState as I, useRef as y, useMemo as x } from "react";
+import { forwardRef as H, useRef as I, useMemo as y, useState as x } from "react";
 import "@tiptap/react";
 import { useMenuNavigation as B } from "../../../hooks/use-menu-navigation.js";
 import { useIsMobile as P } from "../../../hooks/use-mobile.js";
 import { useTiptapEditor as R } from "../../../hooks/use-tiptap-editor.js";
 import { BanIcon as S } from "../../tiptap-icons/ban-icon.js";
 import { HighlighterIcon as N } from "../../tiptap-icons/highlighter-icon.js";
-import { Popover as w, PopoverTrigger as M, PopoverContent as k } from "../../tiptap-ui-primitive/popover/popover.js";
 import { useColorHighlight as m, pickHighlightColorsByValue as f } from "../color-highlight-button/use-color-highlight.js";
-import { Card as z, CardBody as O, CardItemGroup as j } from "../../tiptap-ui-primitive/card/card.js";
+import { Card as w, CardBody as M, CardItemGroup as k } from "../../tiptap-ui-primitive/card/card.js";
 import { Button as b, ButtonGroup as d } from "../../tiptap-ui-primitive/button/button.js";
-import { ColorHighlightButton as E } from "../color-highlight-button/color-highlight-button.js";
+import { ColorHighlightButton as z } from "../color-highlight-button/color-highlight-button.js";
+import { Popover as O, PopoverTrigger as j, PopoverContent as E } from "../../tiptap-ui-primitive/popover/popover.js";
 import { Separator as G } from "../../tiptap-ui-primitive/separator/separator.js";
 const v = H(({ className: l, children: o, ...r }, a) => /* @__PURE__ */ t(
   b,
@@ -39,7 +39,7 @@ function T({
     "var(--tt-color-highlight-yellow)"
   ])
 }) {
-  const { handleRemoveHighlight: r } = m({ editor: l }), a = P(), h = y(null), g = x(
+  const { handleRemoveHighlight: r } = m({ editor: l }), a = P(), h = I(null), g = y(
     () => [...o, { label: "Remove highlight", value: "none" }],
     [o]
   ), { selectedIndex: n } = B({
@@ -56,14 +56,14 @@ function T({
     autoSelectFirstItem: !1
   });
   return /* @__PURE__ */ t(
-    z,
+    w,
     {
       ref: h,
       tabIndex: 0,
       style: a ? { boxShadow: "none", border: 0 } : {},
-      children: /* @__PURE__ */ t(O, { style: a ? { padding: 0 } : {}, children: /* @__PURE__ */ u(j, { orientation: "horizontal", children: [
+      children: /* @__PURE__ */ t(M, { style: a ? { padding: 0 } : {}, children: /* @__PURE__ */ u(k, { orientation: "horizontal", children: [
         /* @__PURE__ */ t(d, { orientation: "horizontal", children: o.map((e, i) => /* @__PURE__ */ t(
-          E,
+          z,
           {
             editor: l,
             highlightColor: e.value,
@@ -106,13 +106,13 @@ function Z({
   onApplied: a,
   ...h
 }) {
-  const { editor: g } = R(l), [n, e] = I(!1), { isVisible: i, canColorHighlight: p, isActive: s, label: c, Icon: C } = m({
+  const { editor: g } = R(l), [n, e] = x(!1), { isVisible: i, canColorHighlight: p, isActive: s, label: c, Icon: C } = m({
     editor: g,
     hideWhenUnavailable: r,
     onApplied: a
   });
-  return i ? /* @__PURE__ */ u(w, { open: n, onOpenChange: e, children: [
-    /* @__PURE__ */ t(M, { asChild: !0, children: /* @__PURE__ */ t(
+  return i ? /* @__PURE__ */ u(O, { open: n, onOpenChange: e, children: [
+    /* @__PURE__ */ t(j, { asChild: !0, children: /* @__PURE__ */ t(
       v,
       {
         disabled: !p,
@@ -125,7 +125,7 @@ function Z({
         children: /* @__PURE__ */ t(C, { className: "tiptap-button-icon" })
       }
     ) }),
-    /* @__PURE__ */ t(k, { "aria-label": "Highlight colors", children: /* @__PURE__ */ t(T, { editor: g, colors: o }) })
+    /* @__PURE__ */ t(E, { "aria-label": "Highlight colors", children: /* @__PURE__ */ t(T, { editor: g, colors: o }) })
   ] }) : null;
 }
 export {

package/dist/components/tiptap-ui/list-dropdown-menu/use-list-dropdown-menu.js

@@ -4,7 +4,7 @@ import { ListIcon as u } from "../../tiptap-icons/list-icon.js";
 import { ListOrderedIcon as A } from "../../tiptap-icons/list-ordered-icon.js";
 import { ListTodoIcon as h } from "../../tiptap-icons/list-todo-icon.js";
 import { isNodeInSchema as T } from "../../../lib/tiptap-utils.js";
-import { listIcons as I, canToggleList as E, isListActive as d } from "../list-button/use-list.js";
+import { canToggleList as I, isListActive as d, listIcons as E } from "../list-button/use-list.js";
 const S = [
   {
     label: "Bullet List",
@@ -23,7 +23,7 @@ const S = [
   }
 ];
 function U(t, i) {
-  return !t || !t.isEditable ? !1 : i.some((e) => E(t, e));
+  return !t || !t.isEditable ? !1 : i.some((e) => I(t, e));
 }
 function O(t, i) {
   return !t || !t.isEditable ? !1 : i.some((e) => d(t, e));
@@ -70,7 +70,7 @@ function j(t) {
     types: e,
     filteredLists: l,
     label: "List",
-    Icon: f ? I[f.type] : u
+    Icon: f ? E[f.type] : u
   };
 }
 export {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dooherceg/tiptap-controlled-editor-with-table",
   "private": false,
   "baseUrl": "./",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",