@vizel/core 0.0.1-alpha.5 → 1.0.0

package/dist/index19.js

@@ -1,6 +1,6 @@
 import { renderVizelIcon as E } from "./index22.js";
-import { VizelTable as G } from "./index33.js";
-const P = [
+import { VizelTable as Q } from "./index34.js";
+const U = [
   { label: "Add row above", icon: "arrowUp", command: "addRowBefore" },
   { label: "Add row below", icon: "arrowDown", command: "addRowAfter" },
   { label: "Delete row", command: "deleteRow", destructive: !0 },
@@ -8,51 +8,51 @@ const P = [
   { label: "Toggle header row", command: "toggleHeaderRow" },
   { divider: !0, label: "", command: "" },
   { label: "Delete table", command: "deleteTable", destructive: !0 }
-], Y = [
+], q = [
   { label: "Add column left", icon: "arrowLeft", command: "addColumnBefore" },
   { label: "Add column right", icon: "arrowRight", command: "addColumnAfter" },
   { label: "Delete column", command: "deleteColumn", destructive: !0 },
   { divider: !0, label: "", command: "" },
   { label: "Toggle header column", command: "toggleHeaderColumn" }
 ];
-function J(e, c) {
+function ee(e, c) {
   return [
-    ...Y,
+    ...q,
     { divider: !0, label: "", command: "" },
     // Column-wide alignment (Markdown compatible)
     {
       label: "Align left",
       icon: "alignLeft",
-      command: (l) => T(l, e, c, "left")
+      command: (l) => I(l, e, c, "left")
     },
     {
       label: "Align center",
       icon: "alignCenter",
-      command: (l) => T(l, e, c, "center")
+      command: (l) => I(l, e, c, "center")
     },
     {
       label: "Align right",
       icon: "alignRight",
-      command: (l) => T(l, e, c, "right")
+      command: (l) => I(l, e, c, "right")
     },
     { divider: !0, label: "", command: "" },
     { label: "Delete table", command: "deleteTable", destructive: !0 }
   ];
 }
-const U = [
+const V = [
   // Cell operations only (alignment is now column-based for Markdown compatibility)
   { label: "Merge cells", command: "mergeCells" },
   { label: "Split cell", command: "splitCell" }
-], q = 20, Q = [
-  ...P.slice(0, 3),
+], W = 20, x = 20, A = 24, te = [
+  ...U.slice(0, 3),
   { divider: !0, label: "", command: "" },
-  ...Y.slice(0, 3),
+  ...q.slice(0, 3),
   { divider: !0, label: "", command: "" },
-  ...U,
+  ...V,
   { divider: !0, label: "", command: "" },
   { label: "Delete table", command: "deleteTable", destructive: !0 }
 ];
-function ee(e, c, l) {
+function ne(e, c, l) {
   const r = e.querySelector("tr");
   if (!r) return null;
   const d = r.querySelectorAll("td, th");
@@ -71,9 +71,9 @@ function ee(e, c, l) {
     const v = Math.abs(m - h.position);
     v < p && (p = v, u = h);
   }
-  return p <= q ? u : null;
+  return p <= W ? u : null;
 }
-function te(e, c, l) {
+function oe(e, c, l) {
   const r = e.querySelectorAll("tr");
   if (r.length === 0) return null;
   const d = [], t = r[0];
@@ -90,9 +90,9 @@ function te(e, c, l) {
     const h = Math.abs(s - p.position);
     h < u && (u = h, a = p);
   }
-  return u <= q ? a : null;
+  return u <= W ? a : null;
 }
-function ne(e, c) {
+function le(e, c) {
   const l = e.querySelectorAll("tr");
   for (let r = 0; r < l.length; r++) {
     const d = l[r], t = d.getBoundingClientRect();
@@ -101,7 +101,7 @@ function ne(e, c) {
   }
   return null;
 }
-function oe(e, c, l) {
+function ie(e, c, l) {
   const r = e.querySelector("tr");
   if (!r) return null;
   const d = r.querySelectorAll("td, th");
@@ -115,7 +115,7 @@ function oe(e, c, l) {
   }
   return null;
 }
-function X(e, c, l) {
+function O(e, c, l) {
   const { state: r } = e, d = r.doc.nodeAt(c);
   if (!d) return;
   let t = c + 1;
@@ -129,7 +129,7 @@ function X(e, c, l) {
     t += s.nodeSize;
   }
 }
-function O(e, c, l) {
+function Y(e, c, l) {
   const { state: r } = e, d = r.doc.nodeAt(c);
   if (!d || d.childCount === 0) return;
   const t = d.child(0);
@@ -146,7 +146,7 @@ function O(e, c, l) {
     e.chain().focus().setTextSelection(s).run();
   }
 }
-function le(e) {
+function ce(e) {
   try {
     const { selection: c } = e.state, l = c.$from;
     for (let r = l.depth; r > 0; r--)
@@ -155,11 +155,11 @@ function le(e) {
   } catch {
   }
 }
-function x(e, c) {
+function L(e, c) {
   let l = typeof e == "function" ? e() : void 0;
-  return l === void 0 && (l = le(c)), l;
+  return l === void 0 && (l = ce(c)), l;
 }
-function T(e, c, l, r) {
+function I(e, c, l, r) {
   const { state: d, view: t } = e, o = d.doc.nodeAt(c);
   if (!o) return;
   const { tr: s } = d;
@@ -182,7 +182,7 @@ function T(e, c, l, r) {
   }
   t.dispatch(s);
 }
-function A(e, c, l = Q) {
+function B(e, c, l = te) {
   const r = document.createElement("div");
   r.className = "vizel-table-menu", r.setAttribute("data-vizel-table-menu", "");
   for (const o of l) {
@@ -221,7 +221,7 @@ function A(e, c, l = Q) {
   };
   return document.addEventListener("keydown", t), r;
 }
-const re = G.extend({
+const ae = Q.extend({
   name: "table",
   addOptions() {
     return {
@@ -240,100 +240,100 @@ const re = G.extend({
       const s = document.createElement("tbody");
       o.appendChild(s);
       const m = document.createElement("button");
-      m.className = "vizel-table-insert-button vizel-table-column-insert", m.type = "button", m.innerHTML = E("plusSmall", { width: 12, height: 12 }), m.setAttribute("aria-label", "Insert column"), m.title = "Insert column", m.style.left = "32px", m.style.top = "6px";
+      m.className = "vizel-table-insert-button vizel-table-column-insert", m.type = "button", m.innerHTML = E("plusSmall", { width: 10, height: 10 }), m.setAttribute("aria-label", "Insert column"), m.title = "Insert column", m.style.left = `${A}px`, m.style.top = "0px";
       const a = document.createElement("button");
-      a.className = "vizel-table-insert-button vizel-table-row-insert", a.type = "button", a.innerHTML = E("plusSmall", { width: 12, height: 12 }), a.setAttribute("aria-label", "Insert row"), a.title = "Insert row", a.style.left = "6px", a.style.top = "32px";
+      a.className = "vizel-table-insert-button vizel-table-row-insert", a.type = "button", a.innerHTML = E("plusSmall", { width: 10, height: 10 }), a.setAttribute("aria-label", "Insert row"), a.title = "Insert row", a.style.left = "0px", a.style.top = `${x}px`;
       const u = document.createElement("button");
-      u.className = "vizel-table-row-handle", u.type = "button", u.innerHTML = E("grip", { width: 12, height: 12 }), u.setAttribute("aria-label", "Table row options"), u.title = "Row options (delete, align, etc.)", u.style.left = "4px", u.style.top = "44px";
+      u.className = "vizel-table-row-handle", u.type = "button", u.innerHTML = E("grip", { width: 10, height: 10 }), u.setAttribute("aria-label", "Table row options"), u.title = "Row options (delete, align, etc.)", u.style.left = "2px", u.style.top = `${x + 12}px`;
       const p = document.createElement("button");
-      p.className = "vizel-table-column-handle", p.type = "button", p.innerHTML = E("gripHorizontal", { width: 12, height: 12 }), p.setAttribute("aria-label", "Table column options"), p.title = "Column options (delete, align, etc.)", p.style.left = "80px", p.style.top = "4px";
-      let h = null, v = null, g = null, L = null, M = null;
+      p.className = "vizel-table-column-handle", p.type = "button", p.innerHTML = E("gripHorizontal", { width: 10, height: 10 }), p.setAttribute("aria-label", "Table column options"), p.title = "Column options (delete, align, etc.)", p.style.left = "64px", p.style.top = "0px";
+      let h = null, v = null, g = null, M = null, T = null;
       const C = () => {
         h && (h.remove(), h = null);
-      }, B = (n) => {
+      }, D = (n) => {
         if (n.preventDefault(), n.stopPropagation(), !e.isEditable || v == null) return;
-        const f = x(c, e);
-        f != null && (O(e, f, Math.max(0, v.index - 1)), v.index === 0 ? e.chain().focus().addColumnBefore().run() : e.chain().focus().addColumnAfter().run());
+        const f = L(c, e);
+        f != null && (Y(e, f, Math.max(0, v.index - 1)), v.index === 0 ? e.chain().focus().addColumnBefore().run() : e.chain().focus().addColumnAfter().run());
       };
-      m.addEventListener("mousedown", B);
-      const I = (n) => {
+      m.addEventListener("mousedown", D);
+      const S = (n) => {
         if (n.preventDefault(), n.stopPropagation(), !e.isEditable || g == null) return;
-        const f = x(c, e);
-        f != null && (X(e, f, Math.max(0, g.index - 1)), g.index === 0 ? e.chain().focus().addRowBefore().run() : e.chain().focus().addRowAfter().run());
+        const f = L(c, e);
+        f != null && (O(e, f, Math.max(0, g.index - 1)), g.index === 0 ? e.chain().focus().addRowBefore().run() : e.chain().focus().addRowAfter().run());
       };
-      a.addEventListener("mousedown", I);
-      const S = (n) => {
+      a.addEventListener("mousedown", S);
+      const z = (n) => {
         n.preventDefault(), n.stopPropagation();
-        const f = L;
+        const f = M;
         if (!e.isEditable || f == null) return;
-        const i = x(c, e);
+        const i = L(c, e);
         if (i == null) return;
-        X(e, i, f.index), C();
-        const b = A(e, C, P), w = u.getBoundingClientRect();
+        O(e, i, f.index), C();
+        const b = B(e, C, U), w = u.getBoundingClientRect();
         b.style.position = "fixed", b.style.left = `${w.right + 4}px`, b.style.top = `${w.top}px`, document.body.appendChild(b), h = b;
-      }, z = (n) => {
+      }, H = (n) => {
         h && (n.preventDefault(), n.stopPropagation());
       };
-      u.addEventListener("mousedown", S), u.addEventListener("click", z);
-      const H = (n) => {
+      u.addEventListener("mousedown", z), u.addEventListener("click", H);
+      const N = (n) => {
         n.preventDefault(), n.stopPropagation();
-        const f = M;
+        const f = T;
         if (!e.isEditable || f == null) return;
-        const i = x(c, e);
+        const i = L(c, e);
         if (i == null) return;
-        O(e, i, f.index), C();
-        const b = J(i, f.index), w = A(e, C, b), R = p.getBoundingClientRect();
+        Y(e, i, f.index), C();
+        const b = ee(i, f.index), w = B(e, C, b), R = p.getBoundingClientRect();
         w.style.position = "fixed", w.style.left = `${R.left}px`, w.style.top = `${R.bottom + 4}px`, document.body.appendChild(w), h = w;
-      }, D = (n) => {
+      }, k = (n) => {
         h && (n.preventDefault(), n.stopPropagation());
       };
-      p.addEventListener("mousedown", H), p.addEventListener("click", D);
-      let k = 0;
-      const V = 16, W = (n, f) => {
-        const i = ee(o, n, f);
-        i ? (v = i, m.style.left = `${i.position + 32}px`, m.style.top = "6px") : v || (v = { index: 0, position: 0 });
-      }, F = (n, f) => {
-        const i = te(o, n, f);
-        i ? (g = i, a.style.left = "6px", a.style.top = `${i.position + 32}px`) : g || (g = { index: 0, position: 0 });
+      p.addEventListener("mousedown", N), p.addEventListener("click", k);
+      let _ = 0;
+      const F = 16, G = (n, f) => {
+        const i = ne(o, n, f);
+        i ? (v = i, m.style.left = `${i.position + A}px`, m.style.top = "0px") : v || (v = { index: 0, position: 0 });
       }, K = (n, f) => {
-        const i = ne(o, n);
+        const i = oe(o, n, f);
+        i ? (g = i, a.style.left = "0px", a.style.top = `${i.position + x}px`) : g || (g = { index: 0, position: 0 });
+      }, Z = (n, f) => {
+        const i = le(o, n);
         if (i) {
-          L = i;
+          M = i;
           const b = i.element.getBoundingClientRect();
-          u.style.left = "4px", u.style.top = `${b.top - f.top + 32 + (b.height - 24) / 2}px`;
+          u.style.left = "2px", u.style.top = `${b.top - f.top + x + (b.height - 20) / 2}px`;
         }
-      }, Z = (n, f) => {
-        const i = oe(o, n, f);
-        i && (M = i, p.style.left = `${i.centerX + 32}px`, p.style.top = "4px");
-      }, N = (n) => {
+      }, j = (n, f) => {
+        const i = ie(o, n, f);
+        i && (T = i, p.style.left = `${i.centerX + A}px`, p.style.top = "0px");
+      }, $ = (n) => {
         if (!e.isEditable) return;
         const f = Date.now();
-        if (f - k < V) return;
-        k = f;
+        if (f - _ < F) return;
+        _ = f;
         const i = o.getBoundingClientRect(), b = n.clientX >= i.left && n.clientX <= i.right && n.clientY >= i.top && n.clientY <= i.bottom;
-        l && W(n.clientX, i), r && F(n.clientY, i), d && b && (K(n.clientY, i), Z(n.clientX, i));
-      }, _ = () => {
+        l && G(n.clientX, i), r && K(n.clientY, i), d && b && (Z(n.clientY, i), j(n.clientX, i));
+      }, P = () => {
         setTimeout(() => {
-          t.matches(":hover") || h || (v = null, g = null, L = null, M = null);
+          t.matches(":hover") || h || (v = null, g = null, M = null, T = null);
         }, 100);
       };
-      t.addEventListener("mousemove", N), t.addEventListener("mouseleave", _);
-      const $ = (n) => {
+      t.addEventListener("mousemove", $), t.addEventListener("mouseleave", P);
+      const X = (n) => {
         const i = n.target.closest("td, th");
         if (!(i && e.isEditable)) return;
         n.preventDefault(), n.stopPropagation();
-        const b = i.getBoundingClientRect(), w = b.left + b.width / 2, R = b.top + b.height / 2, j = new MouseEvent("click", {
+        const b = i.getBoundingClientRect(), w = b.left + b.width / 2, R = b.top + b.height / 2, J = new MouseEvent("click", {
           bubbles: !0,
           cancelable: !0,
           clientX: w,
           clientY: R,
           view: window
         });
-        i.dispatchEvent(j), C();
-        const y = A(e, C, U);
+        i.dispatchEvent(J), C();
+        const y = B(e, C, V);
         y.style.position = "fixed", y.style.left = `${n.clientX}px`, y.style.top = `${n.clientY}px`, document.body.appendChild(y), h = y;
       };
-      return o.addEventListener("contextmenu", $), t.appendChild(m), t.appendChild(a), t.appendChild(u), t.appendChild(p), t.appendChild(o), {
+      return o.addEventListener("contextmenu", X), t.appendChild(m), t.appendChild(a), t.appendChild(u), t.appendChild(p), t.appendChild(o), {
         dom: t,
         contentDOM: s,
         update: (n) => n.type.name === "table",
@@ -344,17 +344,17 @@ const re = G.extend({
           return !!(i && !b);
         },
         destroy: () => {
-          t.removeEventListener("mousemove", N), t.removeEventListener("mouseleave", _), o.removeEventListener("contextmenu", $), m.removeEventListener("mousedown", B), a.removeEventListener("mousedown", I), u.removeEventListener("mousedown", S), u.removeEventListener("click", z), p.removeEventListener("mousedown", H), p.removeEventListener("click", D), C();
+          t.removeEventListener("mousemove", $), t.removeEventListener("mouseleave", P), o.removeEventListener("contextmenu", X), m.removeEventListener("mousedown", D), a.removeEventListener("mousedown", S), u.removeEventListener("mousedown", z), u.removeEventListener("click", H), p.removeEventListener("mousedown", N), p.removeEventListener("click", k), C();
         }
       };
     };
   }
 });
 export {
-  U as CELL_MENU_ITEMS,
-  Y as COLUMN_MENU_ITEMS_BASE,
-  P as ROW_MENU_ITEMS,
-  Q as VIZEL_TABLE_MENU_ITEMS,
-  re as VizelTableWithControls,
-  J as createColumnMenuItems
+  V as CELL_MENU_ITEMS,
+  q as COLUMN_MENU_ITEMS_BASE,
+  U as ROW_MENU_ITEMS,
+  te as VIZEL_TABLE_MENU_ITEMS,
+  ae as VizelTableWithControls,
+  ee as createColumnMenuItems
 };

package/dist/index20.js

@@ -1,5 +1,5 @@
-import i from "./index41.js";
-import a from "./index42.js";
+import i from "./index43.js";
+import a from "./index44.js";
 function o(s = {}) {
   const { taskList: t = {}, taskItem: e = {} } = s;
   return [

package/dist/index21.js

@@ -1,5 +1,5 @@
-import { TextStyle as t, Color as l } from "./index43.js";
-import { Highlight as i } from "./index44.js";
+import { TextStyle as t, Color as l } from "./index45.js";
+import { Highlight as i } from "./index46.js";
 const h = [
   // Row 1: Grayscale
   { name: "Default", color: "inherit" },

package/dist/index22.js

@@ -1,6 +1,6 @@
-import { getIconData as g } from "./index45.js";
-import { iconToSVG as h } from "./index46.js";
-import s from "./index47.js";
+import { getIconData as g } from "./index47.js";
+import { iconToSVG as h } from "./index48.js";
+import s from "./index49.js";
 const u = {
   // Text/Headings
   heading1: "lucide:heading-1",
@@ -44,6 +44,9 @@ const u = {
   warning: "lucide:alert-triangle",
   chevronDown: "lucide:chevron-down",
   x: "lucide:x",
+  // Toolbar
+  undo: "lucide:undo-2",
+  redo: "lucide:redo-2",
   // BubbleMenu toolbar
   bold: "lucide:bold",
   italic: "lucide:italic",
@@ -61,35 +64,35 @@ const u = {
 function k(e, i) {
   return i?.[e] ?? u[e];
 }
-let t = null;
+let c = null;
 function w(e) {
-  t = e;
+  c = e;
 }
 function z(e, i) {
-  return t ? t(e, i) : (process.env.NODE_ENV === "development" && console.warn(
+  return c ? c(e, i) : (process.env.NODE_ENV === "development" && console.warn(
     "[Vizel] Icon renderer not set. Call setVizelIconRenderer() from your framework package (@vizel/react, @vizel/vue, or @vizel/svelte)."
   ), "");
 }
 function p(e, i) {
-  const c = u[e];
-  if (!c) return "";
-  const [, d] = c.split(":");
+  const t = u[e];
+  if (!t) return "";
+  const [, d] = t.split(":");
   if (!d) return "";
   const l = g(s, d);
   if (!l) return "";
   const r = h(l, {
     height: i?.height ?? 24,
     width: i?.width ?? 24
-  }), n = [
+  }), o = [
     'xmlns="http://www.w3.org/2000/svg"',
     `width="${i?.width ?? 24}"`,
     `height="${i?.height ?? 24}"`,
     `viewBox="0 0 ${l.width ?? 24} ${l.height ?? 24}"`
   ];
   if (r.attributes)
-    for (const [o, a] of Object.entries(r.attributes))
-      ["width", "height", "viewBox"].includes(o) || n.push(`${o}="${a}"`);
-  return `<svg ${n.join(" ")}>${r.body}</svg>`;
+    for (const [n, a] of Object.entries(r.attributes))
+      ["width", "height", "viewBox"].includes(n) || o.push(`${n}="${a}"`);
+  return `<svg ${o.join(" ")}>${r.body}</svg>`;
 }
 function I() {
   w(p);

package/dist/index24.js

@@ -1,15 +1,168 @@
-function s(t) {
-  return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(t);
-}
-function a(t) {
-  const e = t.trim(), r = e.startsWith("#") ? e : `#${e}`;
-  if (r.length === 4) {
-    const [, o, i, n] = r;
-    return `#${o}${o}${i}${i}${n}${n}`.toUpperCase();
+const t = [
+  // History
+  {
+    id: "undo",
+    label: "Undo",
+    icon: "undo",
+    group: "history",
+    isActive: () => !1,
+    isEnabled: (e) => e.can().undo(),
+    run: (e) => e.chain().focus().undo().run(),
+    shortcut: "Mod+Z"
+  },
+  {
+    id: "redo",
+    label: "Redo",
+    icon: "redo",
+    group: "history",
+    isActive: () => !1,
+    isEnabled: (e) => e.can().redo(),
+    run: (e) => e.chain().focus().redo().run(),
+    shortcut: "Mod+Shift+Z"
+  },
+  // Inline formatting
+  {
+    id: "bold",
+    label: "Bold",
+    icon: "bold",
+    group: "format",
+    isActive: (e) => e.isActive("bold"),
+    isEnabled: (e) => e.can().toggleBold(),
+    run: (e) => e.chain().focus().toggleBold().run(),
+    shortcut: "Mod+B"
+  },
+  {
+    id: "italic",
+    label: "Italic",
+    icon: "italic",
+    group: "format",
+    isActive: (e) => e.isActive("italic"),
+    isEnabled: (e) => e.can().toggleItalic(),
+    run: (e) => e.chain().focus().toggleItalic().run(),
+    shortcut: "Mod+I"
+  },
+  {
+    id: "strike",
+    label: "Strikethrough",
+    icon: "strikethrough",
+    group: "format",
+    isActive: (e) => e.isActive("strike"),
+    isEnabled: (e) => e.can().toggleStrike(),
+    run: (e) => e.chain().focus().toggleStrike().run()
+  },
+  {
+    id: "underline",
+    label: "Underline",
+    icon: "underline",
+    group: "format",
+    isActive: (e) => e.isActive("underline"),
+    isEnabled: (e) => e.can().toggleUnderline(),
+    run: (e) => e.chain().focus().toggleUnderline().run(),
+    shortcut: "Mod+U"
+  },
+  {
+    id: "code",
+    label: "Code",
+    icon: "code",
+    group: "format",
+    isActive: (e) => e.isActive("code"),
+    isEnabled: (e) => e.can().toggleCode(),
+    run: (e) => e.chain().focus().toggleCode().run(),
+    shortcut: "Mod+E"
+  },
+  // Headings
+  {
+    id: "heading1",
+    label: "Heading 1",
+    icon: "heading1",
+    group: "heading",
+    isActive: (e) => e.isActive("heading", { level: 1 }),
+    isEnabled: (e) => e.can().toggleHeading({ level: 1 }),
+    run: (e) => e.chain().focus().toggleHeading({ level: 1 }).run()
+  },
+  {
+    id: "heading2",
+    label: "Heading 2",
+    icon: "heading2",
+    group: "heading",
+    isActive: (e) => e.isActive("heading", { level: 2 }),
+    isEnabled: (e) => e.can().toggleHeading({ level: 2 }),
+    run: (e) => e.chain().focus().toggleHeading({ level: 2 }).run()
+  },
+  {
+    id: "heading3",
+    label: "Heading 3",
+    icon: "heading3",
+    group: "heading",
+    isActive: (e) => e.isActive("heading", { level: 3 }),
+    isEnabled: (e) => e.can().toggleHeading({ level: 3 }),
+    run: (e) => e.chain().focus().toggleHeading({ level: 3 }).run()
+  },
+  // Lists
+  {
+    id: "bulletList",
+    label: "Bullet List",
+    icon: "bulletList",
+    group: "list",
+    isActive: (e) => e.isActive("bulletList"),
+    isEnabled: (e) => e.can().toggleBulletList(),
+    run: (e) => e.chain().focus().toggleBulletList().run()
+  },
+  {
+    id: "orderedList",
+    label: "Numbered List",
+    icon: "orderedList",
+    group: "list",
+    isActive: (e) => e.isActive("orderedList"),
+    isEnabled: (e) => e.can().toggleOrderedList(),
+    run: (e) => e.chain().focus().toggleOrderedList().run()
+  },
+  {
+    id: "taskList",
+    label: "Task List",
+    icon: "taskList",
+    group: "list",
+    isActive: (e) => e.isActive("taskList"),
+    isEnabled: (e) => e.can().toggleTaskList(),
+    run: (e) => e.chain().focus().toggleTaskList().run()
+  },
+  // Blocks
+  {
+    id: "blockquote",
+    label: "Quote",
+    icon: "blockquote",
+    group: "block",
+    isActive: (e) => e.isActive("blockquote"),
+    isEnabled: (e) => e.can().toggleBlockquote(),
+    run: (e) => e.chain().focus().toggleBlockquote().run()
+  },
+  {
+    id: "codeBlock",
+    label: "Code Block",
+    icon: "codeBlock",
+    group: "block",
+    isActive: (e) => e.isActive("codeBlock"),
+    isEnabled: (e) => e.can().toggleCodeBlock(),
+    run: (e) => e.chain().focus().toggleCodeBlock().run()
+  },
+  {
+    id: "horizontalRule",
+    label: "Horizontal Rule",
+    icon: "horizontalRule",
+    group: "block",
+    isActive: () => !1,
+    isEnabled: (e) => e.can().setHorizontalRule(),
+    run: (e) => e.chain().focus().setHorizontalRule().run()
   }
-  return r.toUpperCase();
+];
+function c(e = t) {
+  const o = [];
+  let n = null, i = [];
+  for (const l of e)
+    l.group !== n && (i.length > 0 && o.push(i), n = l.group, i = []), i.push(l);
+  return i.length > 0 && o.push(i), o;
 }
 export {
-  s as isVizelValidHexColor,
-  a as normalizeVizelHexColor
+  c as groupVizelToolbarActions,
+  t as vizelDefaultToolbarActions
 };