@vizel/vue 0.0.1-alpha.1 → 0.0.1-alpha.4

package/dist/index17.js

@@ -1,79 +1,16 @@
-import { defineComponent as _, ref as h, onMounted as z, watch as S, onBeforeUnmount as k, computed as l, createElementBlock as i, openBlock as a, normalizeClass as y, createElementVNode as c, createCommentVNode as v, createBlock as o, createVNode as T, toDisplayString as d } from "vue";
-import { formatVizelRelativeTime as g } from "@vizel/core";
-import s from "./index11.js";
-const w = {
-  class: "vizel-save-indicator-icon",
-  "aria-hidden": "true"
-}, B = {
-  key: 1,
-  class: "vizel-save-indicator-spinner",
-  "aria-hidden": "true"
-}, V = { class: "vizel-save-indicator-text" }, I = {
-  key: 0,
-  class: "vizel-save-indicator-timestamp"
-}, $ = /* @__PURE__ */ _({
-  __name: "VizelSaveIndicator",
-  props: {
-    status: {},
-    lastSaved: {},
-    showTimestamp: { type: Boolean, default: !0 },
-    class: {}
-  },
-  setup(u) {
-    const e = u, t = h("");
-    let n = null;
-    function r() {
-      e.lastSaved ? t.value = g(e.lastSaved) : t.value = "";
-    }
-    z(() => {
-      r(), n = setInterval(r, 1e4);
-    }), S(
-      () => e.lastSaved,
-      () => {
-        r();
-      }
-    ), k(() => {
-      n && clearInterval(n);
-    });
-    const m = l(() => {
-      switch (e.status) {
-        case "saved":
-          return "Saved";
-        case "saving":
-          return "Saving...";
-        case "unsaved":
-          return "Unsaved";
-        case "error":
-          return "Error saving";
-        default:
-          return "";
-      }
-    }), p = l(() => e.showTimestamp && e.lastSaved && t.value && e.status === "saved");
-    return (f, x) => (a(), i("div", {
-      class: y(["vizel-save-indicator", `vizel-save-indicator--${e.status}`, f.$props.class]),
-      role: "status",
-      "aria-live": "polite",
-      "data-vizel-save-indicator": ""
-    }, [
-      c("span", w, [
-        e.status === "saved" ? (a(), o(s, {
-          key: 0,
-          name: "check"
-        })) : e.status === "saving" ? (a(), i("span", B, [
-          T(s, { name: "loader" })
-        ])) : e.status === "unsaved" ? (a(), o(s, {
-          key: 2,
-          name: "circle"
-        })) : e.status === "error" ? (a(), o(s, {
-          key: 3,
-          name: "warning"
-        })) : v("", !0)
-      ]),
-      c("span", V, d(m.value), 1),
-      p.value ? (a(), i("span", I, d(t.value), 1)) : v("", !0)
-    ], 2));
-  }
-});
+import { inject as t, computed as i } from "vue";
+const o = /* @__PURE__ */ Symbol("vizel-editor");
+function r() {
+  const e = t(o);
+  if (!e)
+    throw new Error("useVizelContext must be used within a VizelProvider");
+  return i(() => e());
+}
+function u() {
+  return t(o, null);
+}
 export {
-  $ as default
+  o as VIZEL_CONTEXT_KEY,
+  r as useVizelContext,
+  u as useVizelContextSafe
 };

package/dist/index18.js

@@ -1,120 +1,35 @@
-import { defineComponent as A, useSlots as K, ref as C, computed as z, watch as $, nextTick as M, createElementBlock as u, openBlock as r, normalizeClass as O, Fragment as k, renderSlot as d, createBlock as _, unref as g, renderList as w, createElementVNode as T, toDisplayString as F } from "vue";
-import { groupVizelSlashCommands as H } from "@vizel/core";
-import L from "./index19.js";
-import S from "./index20.js";
-const N = {
-  key: 0,
-  class: "vizel-slash-menu-group",
-  "data-vizel-slash-menu-group": ""
-}, R = { class: "vizel-slash-menu-group-header" }, P = /* @__PURE__ */ A({
-  __name: "VizelSlashMenu",
+import { defineComponent as d, ref as m, computed as f, watch as v, createElementBlock as u, createCommentVNode as C, openBlock as _, normalizeClass as w } from "vue";
+import { useVizelContextSafe as E } from "./index17.js";
+const x = /* @__PURE__ */ d({
+  __name: "VizelEditor",
   props: {
-    items: {},
-    class: {},
-    showGroups: { type: Boolean, default: !0 },
-    groupOrder: {}
+    editor: {},
+    class: {}
   },
-  emits: ["command"],
-  setup(b, { expose: D, emit: G }) {
-    const m = b, B = G, p = K(), n = C(0), y = C([]), c = z(() => !m.showGroups || m.items.length <= 5 ? [{ name: "", items: m.items }] : H(m.items, m.groupOrder)), f = z(() => c.value.flatMap((e) => e.items));
-    $(
-      () => m.items,
-      () => {
-        n.value = 0, y.value = [];
+  setup(a, { expose: c }) {
+    const l = a, t = m(null), p = E(), i = f(() => l.editor ?? p?.());
+    return c({
+      get container() {
+        return t.value;
       }
-    ), $(n, async (e) => {
-      await M();
-      const a = y.value[e];
-      a && a.scrollIntoView({ block: "nearest", behavior: "smooth" });
-    });
-    function v(e) {
-      const a = f.value[e];
-      a && B("command", a);
-    }
-    function E() {
-      if (c.value.length <= 1) return;
-      let e = 0, a = 0;
-      for (let t = 0; t < c.value.length; t++) {
-        const s = c.value[t];
-        if (s) {
-          if (n.value < a + s.items.length) {
-            e = t;
-            break;
-          }
-          a += s.items.length;
-        }
-      }
-      const i = (e + 1) % c.value.length;
-      let l = 0;
-      for (let t = 0; t < i; t++) {
-        const s = c.value[t];
-        s && (l += s.items.length);
-      }
-      n.value = l;
-    }
-    function V(e) {
-      return e.key === "ArrowUp" ? (n.value = (n.value + f.value.length - 1) % f.value.length, !0) : e.key === "ArrowDown" ? (n.value = (n.value + 1) % f.value.length, !0) : e.key === "Enter" ? (v(n.value), !0) : e.key === "Tab" ? (e.preventDefault(), E(), !0) : !1;
-    }
-    D({
-      onKeyDown: V
-    });
-    function o(e, a) {
-      let i = 0;
-      for (let l = 0; l < e; l++) {
-        const t = c.value[l];
-        t && (i += t.items.length);
-      }
-      return i + a;
-    }
-    return (e, a) => (r(), u("div", {
-      class: O(["vizel-slash-menu", e.$props.class]),
-      "data-vizel-slash-menu": ""
-    }, [
-      f.value.length === 0 ? (r(), u(k, { key: 0 }, [
-        g(p).empty ? d(e.$slots, "empty", { key: 0 }) : (r(), _(L, { key: 1 }))
-      ], 64)) : (r(!0), u(k, { key: 1 }, w(c.value, (i, l) => (r(), u(k, {
-        key: i.name || l
-      }, [
-        i.name ? (r(), u("div", N, [
-          T("div", R, F(i.name), 1),
-          (r(!0), u(k, null, w(i.items, (t, s) => (r(), u("div", {
-            key: t.title,
-            ref_for: !0,
-            ref: (h) => y.value[o(l, s)] = h
-          }, [
-            g(p).item ? d(e.$slots, "item", {
-              key: 0,
-              item: t,
-              isSelected: o(l, s) === n.value,
-              onClick: () => v(o(l, s))
-            }) : (r(), _(S, {
-              key: 1,
-              item: t,
-              "is-selected": o(l, s) === n.value,
-              onClick: (h) => v(o(l, s))
-            }, null, 8, ["item", "is-selected", "onClick"]))
-          ]))), 128))
-        ])) : (r(!0), u(k, { key: 1 }, w(i.items, (t, s) => (r(), u("div", {
-          key: t.title,
-          ref_for: !0,
-          ref: (h) => y.value[o(l, s)] = h
-        }, [
-          g(p).item ? d(e.$slots, "item", {
-            key: 0,
-            item: t,
-            isSelected: o(l, s) === n.value,
-            onClick: () => v(o(l, s))
-          }) : (r(), _(S, {
-            key: 1,
-            item: t,
-            "is-selected": o(l, s) === n.value,
-            onClick: (h) => v(o(l, s))
-          }, null, 8, ["item", "is-selected", "onClick"]))
-        ]))), 128))
-      ], 64))), 128))
-    ], 2));
+    }), v(
+      () => [i.value, t.value],
+      ([e, o], s) => {
+        const n = s?.[0], r = s?.[1];
+        n && r && n.view.dom.parentNode === r && r.removeChild(n.view.dom), e && o && (o.appendChild(e.view.dom), e.view.setProps({
+          editable: () => e?.isEditable ?? !1
+        }));
+      },
+      { immediate: !0 }
+    ), (e, o) => i.value ? (_(), u("div", {
+      key: 0,
+      ref_key: "containerRef",
+      ref: t,
+      class: w(e.$props.class),
+      "data-vizel-content": ""
+    }, null, 2)) : C("", !0);
   }
 });
 export {
-  P as default
+  x as default
 };

package/dist/index19.js

@@ -1,21 +1,135 @@
-import { defineComponent as a, useSlots as o, createElementBlock as s, openBlock as t, normalizeClass as n, renderSlot as r, unref as p, Fragment as m, createTextVNode as u } from "vue";
-const f = /* @__PURE__ */ a({
-  __name: "VizelSlashMenuEmpty",
+import { defineComponent as g, ref as w, computed as m, onMounted as p, watch as C, createElementBlock as d, openBlock as i, normalizeClass as s, createElementVNode as a, createCommentVNode as o, toDisplayString as r, createVNode as f } from "vue";
+import k from "./index20.js";
+const N = ["data-embed-provider"], x = ["data-embed-provider"], V = ["innerHTML"], B = ["data-embed-provider"], E = ["href"], L = ["src"], M = { class: "vizel-embed-card-content" }, S = {
+  key: 0,
+  class: "vizel-embed-card-site"
+}, R = ["src"], H = { key: 1 }, T = {
+  key: 1,
+  class: "vizel-embed-card-title"
+}, j = {
+  key: 2,
+  class: "vizel-embed-card-description"
+}, q = { class: "vizel-embed-card-url" }, A = ["data-embed-provider"], D = ["href"], I = { class: "vizel-embed-link-icon" }, P = { class: "vizel-embed-link-text" }, U = ["data-embed-provider"], $ = ["href"], F = { class: "vizel-embed-link-icon" }, G = { class: "vizel-embed-link-text" }, O = /* @__PURE__ */ g({
+  __name: "VizelEmbedView",
   props: {
-    class: {}
+    data: {},
+    class: {},
+    selected: { type: Boolean }
   },
-  setup(c) {
-    const l = o();
-    return (e, d) => (t(), s("div", {
-      class: n(["vizel-slash-menu-empty", e.$props.class]),
-      "data-vizel-slash-menu-empty": ""
+  setup(e) {
+    const t = e, v = w(null), c = m(() => {
+      const n = ["vizel-embed"];
+      return t.data.loading && n.push("is-loading"), t.selected && n.push("ProseMirror-selectednode"), t.class && n.push(t.class), n.join(" ");
+    }), y = m(() => ["youtube", "vimeo", "loom", "tiktok"].includes(t.data.provider ?? "")), b = m(() => !!t.data.image), z = m(() => {
+      try {
+        return new URL(t.data.url).hostname;
+      } catch {
+        return t.data.url;
+      }
+    });
+    function h() {
+      if (t.data.type === "oembed" && t.data.html && v.value) {
+        const n = v.value.querySelectorAll("script");
+        for (const l of n) {
+          const u = document.createElement("script");
+          l.src ? u.src = l.src : u.textContent = l.textContent, l.parentNode?.replaceChild(u, l);
+        }
+        t.data.provider === "twitter" && "twttr" in window && window.twttr?.widgets?.load?.();
+      }
+    }
+    return p(h), C(() => [t.data.type, t.data.html], h), (n, l) => e.data.loading ? (i(), d("div", {
+      key: 0,
+      class: s(c.value),
+      "data-embed-type": "loading",
+      "data-embed-provider": e.data.provider
+    }, [...l[0] || (l[0] = [
+      a("div", { class: "vizel-embed-loading" }, [
+        a("div", { class: "vizel-embed-loading-spinner" }),
+        a("span", null, "Loading embed...")
+      ], -1)
+    ])], 10, N)) : e.data.type === "oembed" && e.data.html ? (i(), d("div", {
+      key: 1,
+      ref_key: "containerRef",
+      ref: v,
+      class: s(c.value),
+      "data-embed-type": "oembed",
+      "data-embed-provider": e.data.provider
     }, [
-      p(l).default ? r(e.$slots, "default", { key: 0 }) : (t(), s(m, { key: 1 }, [
-        u("No results")
-      ], 64))
-    ], 2));
+      a("div", {
+        class: s(y.value ? "vizel-embed-video" : "vizel-embed-oembed"),
+        innerHTML: e.data.html
+      }, null, 10, V)
+    ], 10, x)) : e.data.type === "ogp" ? (i(), d("div", {
+      key: 2,
+      class: s(c.value),
+      "data-embed-type": "ogp",
+      "data-embed-provider": e.data.provider
+    }, [
+      a("a", {
+        href: e.data.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        class: s(["vizel-embed-card", b.value ? "vizel-embed-card-horizontal" : ""])
+      }, [
+        b.value ? (i(), d("img", {
+          key: 0,
+          src: e.data.image,
+          alt: "",
+          class: "vizel-embed-card-image",
+          loading: "lazy"
+        }, null, 8, L)) : o("", !0),
+        a("div", M, [
+          e.data.siteName || e.data.favicon ? (i(), d("div", S, [
+            e.data.favicon ? (i(), d("img", {
+              key: 0,
+              src: e.data.favicon,
+              alt: "",
+              class: "vizel-embed-card-favicon"
+            }, null, 8, R)) : o("", !0),
+            e.data.siteName ? (i(), d("span", H, r(e.data.siteName), 1)) : o("", !0)
+          ])) : o("", !0),
+          e.data.title ? (i(), d("div", T, r(e.data.title), 1)) : o("", !0),
+          e.data.description ? (i(), d("div", j, r(e.data.description), 1)) : o("", !0),
+          a("div", q, r(z.value), 1)
+        ])
+      ], 10, E)
+    ], 10, B)) : e.data.type === "title" && e.data.title ? (i(), d("div", {
+      key: 3,
+      class: s(c.value),
+      "data-embed-type": "title",
+      "data-embed-provider": e.data.provider
+    }, [
+      a("a", {
+        href: e.data.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        class: "vizel-embed-link"
+      }, [
+        a("span", I, [
+          f(k, { name: "link" })
+        ]),
+        a("span", P, r(e.data.title), 1)
+      ], 8, D)
+    ], 10, A)) : (i(), d("div", {
+      key: 4,
+      class: s(c.value),
+      "data-embed-type": "link",
+      "data-embed-provider": e.data.provider
+    }, [
+      a("a", {
+        href: e.data.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        class: "vizel-embed-link"
+      }, [
+        a("span", F, [
+          f(k, { name: "link" })
+        ]),
+        a("span", G, r(e.data.url), 1)
+      ], 8, $)
+    ], 10, U));
   }
 });
 export {
-  f as default
+  O as default
 };

package/dist/index2.js

@@ -1,88 +1,79 @@
-import { defineComponent as B, mergeModels as m, useModel as M, useSlots as g, watch as y, createElementBlock as h, openBlock as n, normalizeClass as C, createBlock as s, createCommentVNode as f, renderSlot as c, unref as a, withCtx as z } from "vue";
-import { getVizelMarkdown as b, setVizelMarkdown as D } from "@vizel/core";
-import { useVizelEditor as E } from "./index26.js";
-import p from "./index3.js";
-import U from "./index9.js";
-const F = /* @__PURE__ */ B({
-  __name: "Vizel",
-  props: /* @__PURE__ */ m({
-    initialContent: {},
-    initialMarkdown: {},
-    transformDiagramsOnImport: { type: Boolean, default: !0 },
-    placeholder: {},
-    editable: { type: Boolean, default: !0 },
-    autofocus: { type: [Boolean, String, Number], default: !1 },
-    features: {},
-    class: {},
-    showBubbleMenu: { type: Boolean, default: !0 },
-    enableEmbed: { type: Boolean, default: !1 }
-  }, {
-    markdown: {},
-    markdownModifiers: {}
-  }),
-  emits: /* @__PURE__ */ m(["update", "create", "destroy", "selectionUpdate", "focus", "blur"], ["update:markdown"]),
-  setup(r, { expose: k, emit: v }) {
-    const o = r, l = v, i = M(r, "markdown"), w = g();
-    let d = !1;
-    const t = E({
-      ...o.initialContent !== void 0 && { initialContent: o.initialContent },
-      ...o.initialMarkdown !== void 0 && { initialMarkdown: o.initialMarkdown },
-      transformDiagramsOnImport: o.transformDiagramsOnImport,
-      ...o.placeholder !== void 0 && { placeholder: o.placeholder },
-      editable: o.editable,
-      autofocus: o.autofocus,
-      ...o.features !== void 0 && { features: o.features },
-      onUpdate: (e) => {
-        l("update", e), !d && i.value !== void 0 && (i.value = b(e.editor));
+import { Mark as a, markPasteRule as r, markInputRule as s, mergeAttributes as o } from "@tiptap/core";
+import { createElement as n } from "./index39.js";
+var d = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/, i = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))/g, l = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))$/, u = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))/g;
+a.create({
+  name: "bold",
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "strong"
       },
-      onCreate: (e) => l("create", e),
-      onDestroy: () => l("destroy"),
-      onSelectionUpdate: (e) => l("selectionUpdate", e),
-      onFocus: (e) => l("focus", e),
-      onBlur: (e) => l("blur", e)
-    });
-    return y(i, (e) => {
-      if (e === void 0 || !t.value) return;
-      const u = b(t.value);
-      e !== u && (d = !0, D(t.value, e, {
-        transformDiagrams: o.transformDiagramsOnImport
-      }), d = !1);
-    }), k({
-      /** The underlying Tiptap editor instance */
-      get editor() {
-        return t.value;
+      {
+        tag: "b",
+        getAttrs: (t) => t.style.fontWeight !== "normal" && null
       },
-      /**
-       * Get the underlying Tiptap editor instance
-       * @deprecated Use the `editor` property instead
-       */
-      getEditor: () => t.value
-    }), (e, u) => (n(), h("div", {
-      class: C(["vizel-root", e.$props.class]),
-      "data-vizel-root": ""
-    }, [
-      a(t) ? (n(), s(U, {
-        key: 0,
-        editor: a(t)
-      }, null, 8, ["editor"])) : f("", !0),
-      r.showBubbleMenu && a(t) && a(w)["bubble-menu"] ? (n(), s(p, {
-        key: 1,
-        editor: a(t),
-        "enable-embed": r.enableEmbed ?? !1
-      }, {
-        default: z(() => [
-          c(e.$slots, "bubble-menu", { editor: a(t) })
-        ]),
-        _: 3
-      }, 8, ["editor", "enable-embed"])) : r.showBubbleMenu && a(t) ? (n(), s(p, {
-        key: 2,
-        editor: a(t),
-        "enable-embed": r.enableEmbed ?? !1
-      }, null, 8, ["editor", "enable-embed"])) : f("", !0),
-      c(e.$slots, "default", { editor: a(t) })
-    ], 2));
+      {
+        style: "font-weight=400",
+        clearMark: (t) => t.type.name === this.name
+      },
+      {
+        style: "font-weight",
+        getAttrs: (t) => /^(bold(er)?|[5-9]\d{2,})$/.test(t) && null
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return /* @__PURE__ */ n("strong", { ...o(this.options.HTMLAttributes, t), children: /* @__PURE__ */ n("slot", {}) });
+  },
+  markdownTokenName: "strong",
+  parseMarkdown: (t, e) => e.applyMark("bold", e.parseInline(t.tokens || [])),
+  renderMarkdown: (t, e) => `**${e.renderChildren(t)}**`,
+  addCommands() {
+    return {
+      setBold: () => ({ commands: t }) => t.setMark(this.name),
+      toggleBold: () => ({ commands: t }) => t.toggleMark(this.name),
+      unsetBold: () => ({ commands: t }) => t.unsetMark(this.name)
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-b": () => this.editor.commands.toggleBold(),
+      "Mod-B": () => this.editor.commands.toggleBold()
+    };
+  },
+  addInputRules() {
+    return [
+      s({
+        find: d,
+        type: this.type
+      }),
+      s({
+        find: l,
+        type: this.type
+      })
+    ];
+  },
+  addPasteRules() {
+    return [
+      r({
+        find: i,
+        type: this.type
+      }),
+      r({
+        find: u,
+        type: this.type
+      })
+    ];
   }
 });
 export {
-  F as default
+  d as starInputRegex,
+  i as starPasteRegex,
+  l as underscoreInputRegex,
+  u as underscorePasteRegex
 };

package/dist/index20.js

@@ -1,52 +1,30 @@
-import { defineComponent as r, createElementBlock as t, openBlock as s, normalizeClass as u, createElementVNode as l, createCommentVNode as k, createVNode as v, Fragment as c, renderList as z, unref as f, toDisplayString as n, createTextVNode as y } from "vue";
-import { splitVizelTextByMatches as g } from "@vizel/core";
-import x from "./index11.js";
-const V = ["data-selected"], p = { class: "vizel-slash-menu-icon" }, S = { class: "vizel-slash-menu-text" }, _ = { class: "vizel-slash-menu-title" }, B = {
-  key: 0,
-  class: "vizel-slash-menu-highlight"
-}, C = { class: "vizel-slash-menu-description" }, M = {
-  key: 0,
-  class: "vizel-slash-menu-shortcut"
-}, E = /* @__PURE__ */ r({
-  __name: "VizelSlashMenuItem",
+import { defineComponent as c, computed as i, createBlock as r, openBlock as s, unref as m, mergeProps as l } from "vue";
+import { Icon as p } from "@iconify/vue";
+import { vizelDefaultIconIds as h } from "@vizel/core";
+import { useVizelIconContext as u } from "./index21.js";
+const g = /* @__PURE__ */ c({
+  __name: "VizelIcon",
   props: {
-    item: {},
-    isSelected: { type: Boolean },
-    class: {},
-    titleMatches: {}
+    name: {},
+    customIcons: {},
+    width: {},
+    height: {},
+    color: {}
   },
-  emits: ["click"],
-  setup(e, { emit: o }) {
-    const m = o;
-    return (d, a) => (s(), t("button", {
-      type: "button",
-      class: u([
-        "vizel-slash-menu-item",
-        { "is-selected": e.isSelected },
-        d.$props.class
-      ]),
-      "data-selected": e.isSelected || void 0,
-      onClick: a[0] || (a[0] = (i) => m("click"))
-    }, [
-      l("span", p, [
-        v(x, {
-          name: e.item.icon
-        }, null, 8, ["name"])
-      ]),
-      l("div", S, [
-        l("span", _, [
-          (s(!0), t(c, null, z(f(g)(e.item.title, e.titleMatches), (i, h) => (s(), t(c, { key: h }, [
-            i.highlight ? (s(), t("mark", B, n(i.text), 1)) : (s(), t(c, { key: 1 }, [
-              y(n(i.text), 1)
-            ], 64))
-          ], 64))), 128))
-        ]),
-        l("span", C, n(e.item.description), 1)
-      ]),
-      e.item.shortcut ? (s(), t("span", M, n(e.item.shortcut), 1)) : k("", !0)
-    ], 10, V));
+  setup(e) {
+    const o = e, { customIcons: t } = u(), n = i(
+      () => o.customIcons?.[o.name] ?? t?.[o.name] ?? h[o.name]
+    );
+    return (a, d) => (s(), r(m(p), l({
+      icon: n.value,
+      style: { pointerEvents: "none" }
+    }, {
+      ...o.width !== void 0 && { width: o.width },
+      ...o.height !== void 0 && { height: o.height },
+      ...o.color !== void 0 && { color: o.color }
+    }), null, 16, ["icon"]));
   }
 });
 export {
-  E as default
+  g as default
 };