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

package/dist/components/tiptap-templates/simple/theme-toggle.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
-import { MoonStarIcon as c } from "../../tiptap-icons/moon-star-icon.js";
-import { SunIcon as s } from "../../tiptap-icons/sun-icon.js";
-import { useState as m, useEffect as a } from "react";
-import { Button as i } from "../../tiptap-ui-primitive/button/button.js";
+import { Button as c } from "../../tiptap-ui-primitive/button/button.js";
+import { MoonStarIcon as s } from "../../tiptap-icons/moon-star-icon.js";
+import { SunIcon as m } from "../../tiptap-icons/sun-icon.js";
+import { useState as i, useEffect as a } from "react";
 function f() {
-  const [t, o] = m(!1);
+  const [t, o] = i(!1);
   return a(() => {
     const e = window.matchMedia("(prefers-color-scheme: dark)"), n = () => o(e.matches);
     return e.addEventListener("change", n), () => e.removeEventListener("change", n);
@@ -14,12 +14,12 @@ function f() {
   }, []), a(() => {
     document.documentElement.classList.toggle("dark", t);
   }, [t]), /* @__PURE__ */ r(
-    i,
+    c,
     {
       onClick: () => o((e) => !e),
       "aria-label": `Switch to ${t ? "light" : "dark"} mode`,
       "data-style": "ghost",
-      children: t ? /* @__PURE__ */ r(c, { className: "tiptap-button-icon" }) : /* @__PURE__ */ r(s, { className: "tiptap-button-icon" })
+      children: t ? /* @__PURE__ */ r(s, { className: "tiptap-button-icon" }) : /* @__PURE__ */ r(m, { className: "tiptap-button-icon" })
     }
   );
 }

package/dist/components/tiptap-ui/blockquote-button/blockquote-button.js

@@ -1,14 +1,14 @@
 import { jsx as t, jsxs as T, Fragment as q } from "react/jsx-runtime";
 import { forwardRef as y, useCallback as x } from "react";
-import { useTiptapEditor as C } from "../../../hooks/use-tiptap-editor.js";
-import { parseShortcutKeys as K } from "../../../lib/tiptap-utils.js";
-import { useBlockquote as E, BLOCKQUOTE_SHORTCUT_KEY as N } from "./use-blockquote.js";
-import { Badge as O } from "../../tiptap-ui-primitive/badge/badge.js";
-import { Button as S } from "../../tiptap-ui-primitive/button/button.js";
+import { useBlockquote as C, BLOCKQUOTE_SHORTCUT_KEY as K } from "./use-blockquote.js";
+import { useTiptapEditor as E } from "../../../hooks/use-tiptap-editor.js";
+import { parseShortcutKeys as N } from "../../../lib/tiptap-utils.js";
+import { Button as O } from "../../tiptap-ui-primitive/button/button.js";
+import { Badge as S } from "../../tiptap-ui-primitive/badge/badge.js";
 function j({
-  shortcutKeys: o = N
+  shortcutKeys: o = K
 }) {
-  return /* @__PURE__ */ t(O, { children: K({ shortcutKeys: o }) });
+  return /* @__PURE__ */ t(S, { children: N({ shortcutKeys: o }) });
 }
 const v = y(
   ({
@@ -21,7 +21,7 @@ const v = y(
     children: d,
     ...p
   }, m) => {
-    const { editor: f } = C(o), {
+    const { editor: f } = E(o), {
       isVisible: b,
       canToggle: a,
       isActive: i,
@@ -29,7 +29,7 @@ const v = y(
       label: B,
       shortcutKeys: h,
       Icon: g
-    } = E({
+    } = C({
       editor: f,
       hideWhenUnavailable: n,
       onToggled: c
@@ -40,7 +40,7 @@ const v = y(
       [l, r]
     );
     return b ? /* @__PURE__ */ t(
-      S,
+      O,
       {
         type: "button",
         "data-style": "ghost",

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

@@ -2,11 +2,10 @@ import { jsx as o, jsxs as S, Fragment as k } from "react/jsx-runtime";
 import { forwardRef as x, useCallback as I, useMemo as K } from "react";
 import { parseShortcutKeys as N } from "../../../lib/tiptap-utils.js";
 import { useTiptapEditor as O } from "../../../hooks/use-tiptap-editor.js";
-import '../../../assets/components/tiptap-ui/color-highlight-button/color-highlight-button.css';/* empty css                            */
 import { useColorHighlight as R, COLOR_HIGHLIGHT_SHORTCUT_KEY as _ } from "./use-color-highlight.js";
 import { Button as j } from "../../tiptap-ui-primitive/button/button.js";
 import { Badge as v } from "../../tiptap-ui-primitive/badge/badge.js";
-function E({
+import '../../../assets/color-highlight-button.css';function E({
   shortcutKeys: e = _
 }) {
   return /* @__PURE__ */ o(v, { children: N({ shortcutKeys: e }) });
@@ -17,8 +16,8 @@ const G = x(
     highlightColor: t,
     text: r,
     hideWhenUnavailable: h = !1,
-    mode: p = "mark",
-    onApplied: u,
+    mode: u = "mark",
+    onApplied: p,
     showShortcut: m = !1,
     onClick: i,
     children: g,
@@ -37,8 +36,8 @@ const G = x(
       highlightColor: t,
       label: r || `Toggle highlight (${t})`,
       hideWhenUnavailable: h,
-      mode: p,
-      onApplied: u
+      mode: u,
+      onApplied: p
     }), B = I(
       (c) => {
         i?.(c), !c.defaultPrevented && n();

package/dist/components/tiptap-ui/color-highlight-button/use-color-highlight.js

@@ -1,6 +1,6 @@
 import "@tiptap/react";
 import { useState as C, useEffect as y, useCallback as f } from "react";
-import { useHotkeys as M } from "../../../node_modules/react-hotkeys-hook/packages/react-hotkeys-hook/dist/index.js";
+import { f as M } from "../../../index-Bqw9S4qP.js";
 import { useIsMobile as E } from "../../../hooks/use-mobile.js";
 import { useTiptapEditor as w } from "../../../hooks/use-tiptap-editor.js";
 import { isMarkInSchema as d, isNodeTypeSelected as B, isExtensionAvailable as v } from "../../../lib/tiptap-utils.js";

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

@@ -6,14 +6,14 @@ 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 { useColorHighlight as m, pickHighlightColorsByValue as f } from "../color-highlight-button/use-color-highlight.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 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";
+import { Button as m, ButtonGroup as d } from "../../tiptap-ui-primitive/button/button.js";
+import { Popover as w, PopoverTrigger as M, PopoverContent as k } from "../../tiptap-ui-primitive/popover/popover.js";
+import { Separator as z } from "../../tiptap-ui-primitive/separator/separator.js";
+import { Card as O, CardBody as j, CardItemGroup as E } from "../../tiptap-ui-primitive/card/card.js";
+import { ColorHighlightButton as G } from "../color-highlight-button/color-highlight-button.js";
+import { useColorHighlight as f, pickHighlightColorsByValue as b } from "../color-highlight-button/use-color-highlight.js";
 const v = H(({ className: l, children: o, ...r }, a) => /* @__PURE__ */ t(
-  b,
+  m,
   {
     type: "button",
     className: l,
@@ -31,7 +31,7 @@ const v = H(({ className: l, children: o, ...r }, a) => /* @__PURE__ */ t(
 v.displayName = "ColorHighlightPopoverButton";
 function T({
   editor: l,
-  colors: o = f([
+  colors: o = b([
     "var(--tt-color-highlight-green)",
     "var(--tt-color-highlight-blue)",
     "var(--tt-color-highlight-red)",
@@ -39,7 +39,7 @@ function T({
     "var(--tt-color-highlight-yellow)"
   ])
 }) {
-  const { handleRemoveHighlight: r } = m({ editor: l }), a = P(), h = I(null), g = y(
+  const { handleRemoveHighlight: r } = f({ 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(
-    w,
+    O,
     {
       ref: h,
       tabIndex: 0,
       style: a ? { boxShadow: "none", border: 0 } : {},
-      children: /* @__PURE__ */ t(M, { style: a ? { padding: 0 } : {}, children: /* @__PURE__ */ u(k, { orientation: "horizontal", children: [
+      children: /* @__PURE__ */ t(j, { style: a ? { padding: 0 } : {}, children: /* @__PURE__ */ u(E, { orientation: "horizontal", children: [
         /* @__PURE__ */ t(d, { orientation: "horizontal", children: o.map((e, i) => /* @__PURE__ */ t(
-          z,
+          G,
           {
             editor: l,
             highlightColor: e.value,
@@ -74,9 +74,9 @@ function T({
           },
           e.value
         )) }),
-        /* @__PURE__ */ t(G, {}),
+        /* @__PURE__ */ t(z, {}),
         /* @__PURE__ */ t(d, { orientation: "horizontal", children: /* @__PURE__ */ t(
-          b,
+          m,
           {
             onClick: r,
             "aria-label": "Remove highlight",
@@ -95,7 +95,7 @@ function T({
 }
 function Z({
   editor: l,
-  colors: o = f([
+  colors: o = b([
     "var(--tt-color-highlight-green)",
     "var(--tt-color-highlight-blue)",
     "var(--tt-color-highlight-red)",
@@ -106,13 +106,13 @@ function Z({
   onApplied: a,
   ...h
 }) {
-  const { editor: g } = R(l), [n, e] = x(!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 } = f({
     editor: g,
     hideWhenUnavailable: r,
     onApplied: a
   });
-  return i ? /* @__PURE__ */ u(O, { open: n, onOpenChange: e, children: [
-    /* @__PURE__ */ t(j, { asChild: !0, children: /* @__PURE__ */ t(
+  return i ? /* @__PURE__ */ u(w, { open: n, onOpenChange: e, children: [
+    /* @__PURE__ */ t(M, { asChild: !0, children: /* @__PURE__ */ t(
       v,
       {
         disabled: !p,
@@ -125,7 +125,7 @@ function Z({
         children: /* @__PURE__ */ t(C, { className: "tiptap-button-icon" })
       }
     ) }),
-    /* @__PURE__ */ t(E, { "aria-label": "Highlight colors", children: /* @__PURE__ */ t(T, { editor: g, colors: o }) })
+    /* @__PURE__ */ t(k, { "aria-label": "Highlight colors", children: /* @__PURE__ */ t(T, { editor: g, colors: o }) })
   ] }) : null;
 }
 export {

package/dist/components/tiptap-ui/heading-button/heading-button.js

@@ -1,15 +1,15 @@
 import { jsx as t, jsxs as T, Fragment as x } from "react/jsx-runtime";
 import { forwardRef as N, useCallback as S } from "react";
 import { parseShortcutKeys as C } from "../../../lib/tiptap-utils.js";
-import { useTiptapEditor as E } from "../../../hooks/use-tiptap-editor.js";
-import { useHeading as I, HEADING_SHORTCUT_KEYS as K } from "./use-heading.js";
-import { Button as j } from "../../tiptap-ui-primitive/button/button.js";
-import { Badge as k } from "../../tiptap-ui-primitive/badge/badge.js";
+import { useHeading as E, HEADING_SHORTCUT_KEYS as I } from "./use-heading.js";
+import { Button as K } from "../../tiptap-ui-primitive/button/button.js";
+import { Badge as j } from "../../tiptap-ui-primitive/badge/badge.js";
+import { useTiptapEditor as k } from "../../../hooks/use-tiptap-editor.js";
 function A({
   level: a,
-  shortcutKeys: e = K[a]
+  shortcutKeys: e = I[a]
 }) {
-  return /* @__PURE__ */ t(k, { children: C({ shortcutKeys: e }) });
+  return /* @__PURE__ */ t(j, { children: C({ shortcutKeys: e }) });
 }
 const R = N(
   ({
@@ -23,7 +23,7 @@ const R = N(
     children: m,
     ...f
   }, g) => {
-    const { editor: b } = E(a), {
+    const { editor: b } = k(a), {
       isVisible: h,
       canToggle: i,
       isActive: n,
@@ -31,7 +31,7 @@ const R = N(
       label: d,
       Icon: H,
       shortcutKeys: y
-    } = I({
+    } = E({
       editor: b,
       level: e,
       hideWhenUnavailable: c,
@@ -43,7 +43,7 @@ const R = N(
       [s, r]
     );
     return h ? /* @__PURE__ */ t(
-      j,
+      K,
       {
         type: "button",
         "data-style": "ghost",

package/dist/components/tiptap-ui/heading-dropdown-menu/heading-dropdown-menu.js

@@ -2,56 +2,64 @@ import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import { forwardRef as b, useState as C, useCallback as D } from "react";
 import { ChevronDownIcon as M } from "../../tiptap-icons/chevron-down-icon.js";
 import { useTiptapEditor as x } from "../../../hooks/use-tiptap-editor.js";
-import { useHeadingDropdownMenu as H } from "./use-heading-dropdown-menu.js";
-import { DropdownMenu as I, DropdownMenuTrigger as y, DropdownMenuContent as B, DropdownMenuItem as T } from "../../tiptap-ui-primitive/dropdown-menu/dropdown-menu.js";
-import { HeadingButton as N } from "../heading-button/heading-button.js";
-import { Button as O, ButtonGroup as j } from "../../tiptap-ui-primitive/button/button.js";
+import { HeadingButton as H } from "../heading-button/heading-button.js";
+import "@tiptap/react";
+import "prosemirror-state";
+import "../../tiptap-icons/heading-one-icon.js";
+import "../../tiptap-icons/heading-two-icon.js";
+import "../../tiptap-icons/heading-three-icon.js";
+import "../../tiptap-icons/heading-four-icon.js";
+import "../../tiptap-icons/heading-five-icon.js";
+import "../../tiptap-icons/heading-six-icon.js";
+import { useHeadingDropdownMenu as I } from "./use-heading-dropdown-menu.js";
+import { Button as y, ButtonGroup as B } from "../../tiptap-ui-primitive/button/button.js";
+import { DropdownMenu as T, DropdownMenuTrigger as N, DropdownMenuContent as O, DropdownMenuItem as j } from "../../tiptap-ui-primitive/dropdown-menu/dropdown-menu.js";
 import { Card as $, CardBody as k } from "../../tiptap-ui-primitive/card/card.js";
 const A = b(
   ({
-    editor: s,
-    levels: r = [1, 2, 3, 4, 5, 6],
-    hideWhenUnavailable: p = !1,
-    portal: l = !1,
-    onOpenChange: a,
-    ...u
-  }, m) => {
-    const { editor: e } = x(s), [c, f] = C(!1), { isVisible: h, isActive: i, canToggle: n, Icon: g } = H({
-      editor: e,
-      levels: r,
-      hideWhenUnavailable: p
+    editor: p,
+    levels: n = [1, 2, 3, 4, 5, 6],
+    hideWhenUnavailable: s = !1,
+    portal: m = !1,
+    onOpenChange: i,
+    ...l
+  }, u) => {
+    const { editor: r } = x(p), [c, f] = C(!1), { isVisible: h, isActive: a, canToggle: e, Icon: g } = I({
+      editor: r,
+      levels: n,
+      hideWhenUnavailable: s
     }), w = D(
       (t) => {
-        !e || !n || (f(t), a?.(t));
+        !r || !e || (f(t), i?.(t));
       },
-      [n, e, a]
+      [e, r, i]
     );
-    return h ? /* @__PURE__ */ d(I, { modal: !0, open: c, onOpenChange: w, children: [
-      /* @__PURE__ */ o(y, { asChild: !0, children: /* @__PURE__ */ d(
-        O,
+    return h ? /* @__PURE__ */ d(T, { modal: !0, open: c, onOpenChange: w, children: [
+      /* @__PURE__ */ o(N, { asChild: !0, children: /* @__PURE__ */ d(
+        y,
         {
           type: "button",
           "data-style": "ghost",
-          "data-active-state": i ? "on" : "off",
+          "data-active-state": a ? "on" : "off",
           role: "button",
           tabIndex: -1,
-          disabled: !n,
-          "data-disabled": !n,
+          disabled: !e,
+          "data-disabled": !e,
           "aria-label": "Format text as heading",
-          "aria-pressed": i,
+          "aria-pressed": a,
           tooltip: "Heading",
-          ...u,
-          ref: m,
+          ...l,
+          ref: u,
           children: [
             /* @__PURE__ */ o(g, { className: "tiptap-button-icon" }),
             /* @__PURE__ */ o(M, { className: "tiptap-button-dropdown-small" })
           ]
         }
       ) }),
-      /* @__PURE__ */ o(B, { align: "start", portal: l, children: /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o(j, { children: r.map((t) => /* @__PURE__ */ o(T, { asChild: !0, children: /* @__PURE__ */ o(
-        N,
+      /* @__PURE__ */ o(O, { align: "start", portal: m, children: /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o(B, { children: n.map((t) => /* @__PURE__ */ o(j, { asChild: !0, children: /* @__PURE__ */ o(
+        H,
         {
-          editor: e,
+          editor: r,
           level: t,
           text: `Heading ${t}`,
           showTooltip: !1

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

@@ -1,28 +1,29 @@
 import { useState as f, useEffect as g } from "react";
 import { useTiptapEditor as p } from "../../../hooks/use-tiptap-editor.js";
 import { HeadingIcon as v } from "../../tiptap-icons/heading-icon.js";
+import "../heading-button/heading-button.js";
 import { isHeadingActive as a, canToggle as m, headingIcons as h, shouldShowButton as b } from "../heading-button/use-heading.js";
-function H(n, i = [1, 2, 3, 4, 5, 6]) {
-  if (!(!n || !n.isEditable))
-    return i.find((t) => a(n, t));
+function H(i, n = [1, 2, 3, 4, 5, 6]) {
+  if (!(!i || !i.isEditable))
+    return n.find((t) => a(i, t));
 }
-function U(n) {
+function A(i) {
   const {
-    editor: i,
+    editor: n,
     levels: t = [1, 2, 3, 4, 5, 6],
-    hideWhenUnavailable: r = !1
-  } = n || {}, { editor: e } = p(i), [c, l] = f(!0), o = H(e, t), d = a(e), u = m(e);
+    hideWhenUnavailable: s = !1
+  } = i || {}, { editor: e } = p(n), [c, l] = f(!0), o = H(e, t), d = a(e), u = m(e);
   return g(() => {
     if (!e) return;
-    const s = () => {
+    const r = () => {
       l(
-        b({ editor: e, hideWhenUnavailable: r, level: t })
+        b({ editor: e, hideWhenUnavailable: s, level: t })
       );
     };
-    return s(), e.on("selectionUpdate", s), () => {
-      e.off("selectionUpdate", s);
+    return r(), e.on("selectionUpdate", r), () => {
+      e.off("selectionUpdate", r);
     };
-  }, [e, r, t]), {
+  }, [e, s, t]), {
     isVisible: c,
     activeLevel: o,
     isActive: d,
@@ -34,5 +35,5 @@ function U(n) {
 }
 export {
   H as getActiveHeadingLevel,
-  U as useHeadingDropdownMenu
+  A as useHeadingDropdownMenu
 };

package/dist/components/tiptap-ui/image-upload-button/use-image-upload.js

@@ -1,18 +1,18 @@
 import { useState as b, useEffect as I, useCallback as g } from "react";
-import { useHotkeys as U } from "../../../node_modules/react-hotkeys-hook/packages/react-hotkeys-hook/dist/index.js";
+import { f as U } from "../../../index-Bqw9S4qP.js";
 import "@tiptap/react";
 import { useTiptapEditor as h } from "../../../hooks/use-tiptap-editor.js";
 import { useIsMobile as E } from "../../../hooks/use-mobile.js";
 import { isExtensionAvailable as c } from "../../../lib/tiptap-utils.js";
 import { ImagePlusIcon as v } from "../../tiptap-icons/image-plus-icon.js";
-const f = "mod+shift+i";
+const u = "mod+shift+i";
 function a(e) {
   return !e || !e.isEditable || !c(e, "imageUpload") ? !1 : e.can().insertContent({ type: "imageUpload" });
 }
 function A(e) {
   return !e || !e.isEditable ? !1 : e.isActive("imageUpload");
 }
-function y(e) {
+function C(e) {
   if (!e || !e.isEditable || !a(e)) return !1;
   try {
     return e.chain().focus().insertContent({
@@ -22,11 +22,11 @@ function y(e) {
     return !1;
   }
 }
-function C(e) {
+function y(e) {
   const { editor: i, hideWhenUnavailable: s } = e;
   return !i || !i.isEditable || !c(i, "imageUpload") ? !1 : s && !i.isActive("code") ? a(i) : !0;
 }
-function D(e) {
+function K(e) {
   const {
     editor: i,
     hideWhenUnavailable: s = !1,
@@ -35,21 +35,21 @@ function D(e) {
   I(() => {
     if (!t) return;
     const n = () => {
-      d(C({ editor: t, hideWhenUnavailable: s }));
+      d(y({ editor: t, hideWhenUnavailable: s }));
     };
     return n(), t.on("selectionUpdate", n), () => {
       t.off("selectionUpdate", n);
     };
   }, [t, s]);
-  const u = g(() => {
+  const f = g(() => {
     if (!t) return !1;
-    const n = y(t);
+    const n = C(t);
     return n && r?.(), n;
   }, [t, r]);
   return U(
-    f,
+    u,
     (n) => {
-      n.preventDefault(), u();
+      n.preventDefault(), f();
     },
     {
       enabled: o && l,
@@ -59,18 +59,18 @@ function D(e) {
   ), {
     isVisible: o,
     isActive: p,
-    handleImage: u,
+    handleImage: f,
     canInsert: l,
     label: "Add image",
-    shortcutKeys: f,
+    shortcutKeys: u,
     Icon: v
   };
 }
 export {
-  f as IMAGE_UPLOAD_SHORTCUT_KEY,
+  u as IMAGE_UPLOAD_SHORTCUT_KEY,
   a as canInsertImage,
-  y as insertImage,
+  C as insertImage,
   A as isImageActive,
-  C as shouldShowButton,
-  D as useImageUpload
+  y as shouldShowButton,
+  K as useImageUpload
 };

package/dist/components/tiptap-ui/insert-table-button/insert-table-button.js

@@ -1,22 +1,22 @@
 import { jsx as n } from "react/jsx-runtime";
 import { TableIcon as p } from "../../tiptap-icons/table-icon.js";
-import { useTiptapEditor as f } from "../../../hooks/use-tiptap-editor.js";
-import { forwardRef as d, useState as c, useEffect as m } from "react";
-import { getTableNodeAndPos as b } from "../table-actions-toolbar/get-table-node-and-pos.js";
-import { Button as u } from "../../tiptap-ui-primitive/button/button.js";
-const h = d(({ ...e }, r) => {
-  const { editor: t } = f(), [a, o] = c(!1);
-  return m(() => {
+import { Button as f } from "../../tiptap-ui-primitive/button/button.js";
+import { useTiptapEditor as d } from "../../../hooks/use-tiptap-editor.js";
+import { forwardRef as c, useState as m, useEffect as b } from "react";
+import { getTableNodeAndPos as u } from "../table-actions-toolbar/get-table-node-and-pos.js";
+const h = c(({ ...e }, r) => {
+  const { editor: t } = d(), [a, o] = m(!1);
+  return b(() => {
     if (!t) return;
     const s = () => {
-      const i = t.isActive("table"), l = b(t);
+      const i = t.isActive("table"), l = u(t);
       o(!!(i && l));
     };
     return t.on("selectionUpdate", s), () => {
       t.off("selectionUpdate", s);
     };
   }, [t]), /* @__PURE__ */ n(
-    u,
+    f,
     {
       type: "button",
       "data-style": "ghost",

package/dist/components/tiptap-ui/link-popover/link-popover.js

@@ -7,11 +7,11 @@ import { ExternalLinkIcon as F } from "../../tiptap-icons/external-link-icon.js"
 import { LinkIcon as U } from "../../tiptap-icons/link-icon.js";
 import { TrashIcon as V } from "../../tiptap-icons/trash-icon.js";
 import { useLinkPopover as g } from "./use-link-popover.js";
-import { InputGroup as q, Input as H } from "../../tiptap-ui-primitive/input/input.js";
 import { Button as u, ButtonGroup as C } from "../../tiptap-ui-primitive/button/button.js";
-import { Popover as J, PopoverTrigger as Q, PopoverContent as W } from "../../tiptap-ui-primitive/popover/popover.js";
-import { Card as X, CardBody as Y, CardItemGroup as Z } from "../../tiptap-ui-primitive/card/card.js";
-import { Separator as _ } from "../../tiptap-ui-primitive/separator/separator.js";
+import { Popover as q, PopoverTrigger as H, PopoverContent as J } from "../../tiptap-ui-primitive/popover/popover.js";
+import { Separator as Q } from "../../tiptap-ui-primitive/separator/separator.js";
+import { Card as W, CardBody as X, CardItemGroup as Y } from "../../tiptap-ui-primitive/card/card.js";
+import { InputGroup as Z, Input as _ } from "../../tiptap-ui-primitive/input/input.js";
 const v = L(
   ({ className: o, children: e, ...n }, r) => /* @__PURE__ */ t(
     u,
@@ -42,20 +42,20 @@ const I = ({
     a.key === "Enter" && (a.preventDefault(), n());
   };
   return /* @__PURE__ */ t(
-    X,
+    W,
     {
       style: {
         ...d ? { boxShadow: "none", border: 0 } : {}
       },
       children: /* @__PURE__ */ t(
-        Y,
+        X,
         {
           style: {
             ...d ? { padding: 0 } : {}
           },
-          children: /* @__PURE__ */ b(Z, { orientation: "horizontal", children: [
-            /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(
-              H,
+          children: /* @__PURE__ */ b(Y, { orientation: "horizontal", children: [
+            /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(
+              _,
               {
                 type: "url",
                 placeholder: "Paste a link...",
@@ -79,7 +79,7 @@ const I = ({
                 children: /* @__PURE__ */ t(R, { className: "tiptap-button-icon" })
               }
             ) }),
-            /* @__PURE__ */ t(_, {}),
+            /* @__PURE__ */ t(Q, {}),
             /* @__PURE__ */ b(C, { orientation: "horizontal", children: [
               /* @__PURE__ */ t(
                 u,
@@ -155,8 +155,8 @@ const I = ({
     );
     return j(() => {
       p && l && c(!0);
-    }, [p, l]), w ? /* @__PURE__ */ b(J, { open: f, onOpenChange: E, children: [
-      /* @__PURE__ */ t(Q, { asChild: !0, children: /* @__PURE__ */ t(
+    }, [p, l]), w ? /* @__PURE__ */ b(q, { open: f, onOpenChange: E, children: [
+      /* @__PURE__ */ t(H, { asChild: !0, children: /* @__PURE__ */ t(
         v,
         {
           disabled: !k,
@@ -170,7 +170,7 @@ const I = ({
           children: d ?? /* @__PURE__ */ t(D, { className: "tiptap-button-icon" })
         }
       ) }),
-      /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(
         I,
         {
           url: N,

package/dist/components/tiptap-ui/list-button/list-button.js

@@ -2,14 +2,14 @@ import { jsx as t, jsxs as S, Fragment as x } from "react/jsx-runtime";
 import { forwardRef as y, useCallback as C } from "react";
 import { parseShortcutKeys as I } from "../../../lib/tiptap-utils.js";
 import { useTiptapEditor as K } from "../../../hooks/use-tiptap-editor.js";
-import { useList as N, LIST_SHORTCUT_KEYS as j } from "./use-list.js";
-import { Button as k } from "../../tiptap-ui-primitive/button/button.js";
-import { Badge as v } from "../../tiptap-ui-primitive/badge/badge.js";
+import { Button as N } from "../../tiptap-ui-primitive/button/button.js";
+import { Badge as j } from "../../tiptap-ui-primitive/badge/badge.js";
+import { useList as k, LIST_SHORTCUT_KEYS as v } from "./use-list.js";
 function E({
   type: o,
-  shortcutKeys: e = j[o]
+  shortcutKeys: e = v[o]
 }) {
-  return /* @__PURE__ */ t(v, { children: I({ shortcutKeys: e }) });
+  return /* @__PURE__ */ t(j, { children: I({ shortcutKeys: e }) });
 }
 const R = y(
   ({
@@ -31,7 +31,7 @@ const R = y(
       label: l,
       shortcutKeys: T,
       Icon: B
-    } = N({
+    } = k({
       editor: h,
       type: e,
       hideWhenUnavailable: c,
@@ -43,7 +43,7 @@ const R = y(
       [n, a]
     );
     return g ? /* @__PURE__ */ t(
-      k,
+      N,
       {
         type: "button",
         "data-style": "ghost",