@remarkablejames/editor 0.0.7 → 0.0.8

package/lib/index.js

@@ -1,38 +1,24 @@
-import { jsx as r, Fragment as E, jsxs as h } from "react/jsx-runtime";
-import { a1 as ve } from "./clsx-m_C5j3RU.js";
-import * as I from "react";
-import { useState as y, useRef as _, useMemo as re, useEffect as D, useId as ye } from "react";
-import { E as z, u as F, R as Ne } from "./events.constant-CSWD3-ho.js";
-import { D as $, b as H, c as O } from "./dialog-bDkDW-C_.js";
-import { Attachment as we } from "./Attachment.js";
-import { f as q, c as B, i as Q, n as Te, o as Ce } from "./useButtonProps-D-ruygH7.js";
-import { u as Y } from "./index-BGd2HiwP.js";
-import { e as Ee, b as ke } from "./file-jDdkhyj7.js";
-import { B as A } from "./button-090-I3tp.js";
-import { I as De, a as Ie, v as Re } from "./ImageCropper-DrSdjo9x.js";
-import { u as ie } from "./use-toast-CEOqhXfx.js";
-import { T as ne, a as oe, b as S, c as L } from "./tabs-D1J1iB7B.js";
-import { C as Ve } from "./checkbox-DiXWHAI0.js";
-import { L as J } from "./label-ClsOg9Hr.js";
-import { I as j } from "./input-C_J-pfTx.js";
-import { V as Ae, c as Se } from "./Video-DAKr90QL.js";
-import * as g from "@radix-ui/react-toast";
-import { c as k, a as Le } from "./index-jMN4V2hr.js";
-import { X as Pe } from "lucide-react";
-import { useTheme as Me, THEME as Z, themeActions as je } from "./theme.js";
-const Ue = g.Provider, ae = I.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
-  g.Viewport,
+import { jsx as i, jsxs as f, Fragment as m } from "react/jsx-runtime";
+import { K as O } from "./clsx-BUPZHhq3.js";
+import * as x from "react";
+import { useEffect as l, useId as z } from "react";
+import { c as u, P as H, r as L, Q, R as _, S as I, U as K } from "./index-CelRl0mr.js";
+import * as c from "@radix-ui/react-toast";
+import { X as Y } from "lucide-react";
+import { useTheme as q, THEME as y, themeActions as B } from "./theme.js";
+const F = c.Provider, T = x.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
+  c.Viewport,
   {
-    ref: t,
-    className: k(
+    ref: e,
+    className: u(
       "richtext-fixed richtext-top-0 richtext-z-[100] richtext-flex richtext-max-h-screen richtext-w-full richtext-flex-col-reverse richtext-p-4 sm:richtext-bottom-0 sm:richtext-right-0 sm:richtext-top-auto sm:richtext-flex-col md:richtext-max-w-[420px]",
-      e
+      t
     ),
-    ...i
+    ...r
   }
 ));
-ae.displayName = g.Viewport.displayName;
-const _e = Le(
+T.displayName = c.Viewport.displayName;
+const U = H(
   "richtext-group richtext-pointer-events-auto richtext-relative richtext-flex richtext-w-full richtext-items-center richtext-justify-between richtext-space-x-4 richtext-overflow-hidden richtext-rounded-md !richtext-border richtext-p-6 richtext-pr-8 richtext-shadow-lg richtext-transition-all data-[swipe=cancel]:richtext-translate-x-0 data-[swipe=end]:richtext-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:richtext-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:richtext-transition-none data-[state=open]:richtext-animate-in data-[state=closed]:richtext-animate-out data-[swipe=end]:richtext-animate-out data-[state=closed]:richtext-fade-out-80 data-[state=closed]:richtext-slide-out-to-right-full data-[state=open]:richtext-slide-in-from-top-full data-[state=open]:sm:richtext-slide-in-from-bottom-full",
   {
     variants: {
@@ -45,373 +31,74 @@ const _e = Le(
       variant: "default"
     }
   }
-), ce = I.forwardRef(({ className: e, variant: i, ...t }, s) => /* @__PURE__ */ r(
-  g.Root,
+), R = x.forwardRef(({ className: t, variant: r, ...e }, n) => /* @__PURE__ */ i(
+  c.Root,
   {
-    ref: s,
-    className: k(_e({ variant: i }), e),
-    ...t
+    ref: n,
+    className: u(U({ variant: r }), t),
+    ...e
   }
 ));
-ce.displayName = g.Root.displayName;
-const ze = I.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
-  g.Action,
+R.displayName = c.Root.displayName;
+const W = x.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
+  c.Action,
   {
-    ref: t,
-    className: k(
+    ref: e,
+    className: u(
       "richtext-inline-flex richtext-h-8 richtext-shrink-0 richtext-items-center richtext-justify-center richtext-rounded-md !richtext-border richtext-bg-transparent richtext-px-3 richtext-text-sm richtext-font-medium richtext-ring-offset-background richtext-transition-colors hover:richtext-bg-secondary focus:richtext-outline-none focus:richtext-ring-2 focus:richtext-ring-ring focus:richtext-ring-offset-1 disabled:richtext-pointer-events-none disabled:richtext-opacity-50 group-[.destructive]:richtext-border-muted/40 group-[.destructive]:hover:richtext-border-destructive/30 group-[.destructive]:hover:richtext-bg-destructive group-[.destructive]:hover:richtext-text-destructive-foreground group-[.destructive]:focus:richtext-ring-destructive",
-      e
+      t
     ),
-    ...i
+    ...r
   }
 ));
-ze.displayName = g.Action.displayName;
-const se = I.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
-  g.Close,
+W.displayName = c.Action.displayName;
+const E = x.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
+  c.Close,
   {
-    ref: t,
-    className: k(
+    ref: e,
+    className: u(
       "richtext-absolute richtext-right-2 richtext-top-2 richtext-rounded-md richtext-p-1 richtext-text-foreground/50 richtext-opacity-0 richtext-transition-opacity hover:richtext-text-foreground focus:richtext-opacity-100 focus:richtext-outline-none focus:richtext-ring-2 group-hover:richtext-opacity-100 group-[.destructive]:richtext-text-red-300 group-[.destructive]:hover:richtext-text-red-50 group-[.destructive]:focus:richtext-ring-red-400 group-[.destructive]:focus:richtext-ring-offset-red-600",
-      e
+      t
     ),
     "toast-close": "",
-    ...i,
-    children: /* @__PURE__ */ r(Pe, { className: "richtext-h-4 richtext-w-4" })
+    ...r,
+    children: /* @__PURE__ */ i(Y, { className: "richtext-h-4 richtext-w-4" })
   }
 ));
-se.displayName = g.Close.displayName;
-const le = I.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
-  g.Title,
+E.displayName = c.Close.displayName;
+const S = x.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
+  c.Title,
   {
-    ref: t,
-    className: k("richtext-text-sm richtext-font-semibold", e),
-    ...i
+    ref: e,
+    className: u("richtext-text-sm richtext-font-semibold", t),
+    ...r
   }
 ));
-le.displayName = g.Title.displayName;
-const de = I.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
-  g.Description,
+S.displayName = c.Title.displayName;
+const C = x.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
+  c.Description,
   {
-    ref: t,
-    className: k("richtext-text-sm richtext-opacity-90", e),
-    ...i
+    ref: e,
+    className: u("richtext-text-sm richtext-opacity-90", t),
+    ...r
   }
 ));
-de.displayName = g.Description.displayName;
-function Fe() {
-  var n;
-  const { t: e } = Y(), i = q(), { editorDisabled: t } = B(), [s, l] = y(!1), [d, f] = y(!1), [a, m] = y(null), b = _(null), p = Q(we.name), v = z.UPLOAD_ATTACHMENT(i.id);
-  F((u) => {
-    u && (m(null), f(!1), l(!0));
-  }, [v]);
-  const o = (n = p == null ? void 0 : p.options) == null ? void 0 : n.upload;
-  function T(u) {
-    var x;
-    u.preventDefault(), (x = b.current) == null || x.click();
-  }
-  async function N(u) {
-    var w;
-    const x = (w = u.target.files) == null ? void 0 : w[0];
-    if (!x || !i || i.isDestroyed) {
-      u.target.value = "";
-      return;
-    }
-    if (!o) {
-      m(e("editor.attachment.error.no_upload_fn")), u.target.value = "";
-      return;
-    }
-    m(null), f(!0);
-    try {
-      const c = await o(x);
-      i.chain().focus().setAttachment({
-        id: c,
-        fileName: ke(x.name),
-        fileSize: x.size,
-        fileType: x.type,
-        fileExt: Ee(x.name)
-      }).run(), l(!1);
-    } catch (c) {
-      m(
-        c != null && c.message ? `${e("editor.attachment.error.upload_failed")}: ${c.message}` : e("editor.attachment.error.upload_failed")
-      );
-    } finally {
-      f(!1), u.target.value = "";
-    }
-  }
-  function C(u) {
-    d || (l(u), u || m(null));
-  }
-  return t ? /* @__PURE__ */ r(E, {}) : /* @__PURE__ */ r($, { onOpenChange: C, open: s, children: /* @__PURE__ */ h(H, { children: [
-    /* @__PURE__ */ r(O, { children: e("editor.attachment.dialog.title") }),
-    /* @__PURE__ */ h("div", { className: "richtext-flex richtext-flex-col richtext-gap-3", children: [
-      /* @__PURE__ */ r("p", { className: "richtext-text-sm richtext-text-muted-foreground", children: e("editor.attachment.dialog.description") }),
-      /* @__PURE__ */ r(
-        A,
-        {
-          className: "richtext-w-full",
-          disabled: d,
-          onClick: T,
-          size: "sm",
-          children: e(d ? "editor.attachment.uploading" : "editor.attachment.dialog.button.choose")
-        }
-      ),
-      a && /* @__PURE__ */ r("p", { className: "richtext-text-sm richtext-text-destructive", children: a })
-    ] }),
-    /* @__PURE__ */ r(
-      "input",
-      {
-        hidden: !0,
-        onChange: N,
-        ref: b,
-        type: "file"
-      }
-    )
-  ] }) });
-}
-function $e() {
-  const { t: e } = Y(), { toast: i } = ie(), t = q(), { editorDisabled: s } = B(), [l, d] = y(!1), f = z.UPLOAD_IMAGE(t.id);
-  F(d, [f]);
-  const a = Q(De.name), [m, b] = y(""), [p, v] = y(""), o = _(null), T = (a == null ? void 0 : a.options.defaultInline) || !1, [N, C] = y(T), n = re(() => a == null ? void 0 : a.options, [a]);
-  function u(c) {
-    var X;
-    const R = (X = c == null ? void 0 : c.target) == null ? void 0 : X.files;
-    if (!t || t.isDestroyed || R.length === 0) {
-      c.target.value = "";
-      return;
-    }
-    const V = Re(R, {
-      acceptMimes: n == null ? void 0 : n.acceptMimes,
-      maxSize: n == null ? void 0 : n.maxSize,
-      t: e,
-      toast: i,
-      onError: n.onError
-    });
-    if (V.length <= 0) {
-      c.target.value = "";
-      return;
-    }
-    d(!1);
-    const G = p, W = N;
-    if (v(""), C(T), n.upload) {
-      const P = n != null && n.multiple ? V : [V[0]];
-      for (const M of P)
-        t.chain().focus().insertImagePlaceholder({
-          file: M,
-          inline: W,
-          alt: G
-        }).run();
-    } else {
-      const P = n != null && n.multiple ? V : [V[0]];
-      for (const M of P) {
-        const be = URL.createObjectURL(M);
-        t.chain().focus().setImageInline({ src: be, inline: W, alt: G }).run();
-      }
-    }
-    c.target.value = "";
-  }
-  function x(c) {
-    c.preventDefault(), c.stopPropagation(), t.chain().focus().setImageInline({ src: m, inline: N, alt: p }).run(), d(!1), C(T), b(""), v("");
-  }
-  function w(c) {
-    var R;
-    c.preventDefault(), (R = o.current) == null || R.click();
-  }
-  return s ? /* @__PURE__ */ r(E, {}) : /* @__PURE__ */ r($, { onOpenChange: d, open: l, children: /* @__PURE__ */ h(H, { children: [
-    /* @__PURE__ */ r(O, { children: e("editor.image.dialog.title") }),
-    /* @__PURE__ */ h(
-      ne,
-      {
-        activationMode: "manual",
-        defaultValue: n.resourceImage === "both" || n.resourceImage === "upload" ? "upload" : "link",
-        children: [
-          n.resourceImage === "both" && /* @__PURE__ */ h(oe, { className: "richtext-grid richtext-w-full richtext-grid-cols-2", children: [
-            /* @__PURE__ */ r(S, { value: "upload", children: e("editor.image.dialog.tab.upload") }),
-            /* @__PURE__ */ r(S, { value: "link", children: e("editor.image.dialog.tab.url") })
-          ] }),
-          /* @__PURE__ */ h("div", { className: "richtext-my-[10px] richtext-flex richtext-items-center richtext-gap-[4px]", children: [
-            /* @__PURE__ */ r(
-              Ve,
-              {
-                checked: N,
-                onCheckedChange: (c) => {
-                  C(c);
-                }
-              }
-            ),
-            /* @__PURE__ */ r(J, { children: e("editor.link.dialog.inline") })
-          ] }),
-          n.enableAlt && /* @__PURE__ */ h("div", { className: "richtext-my-[10px]", children: [
-            /* @__PURE__ */ r(J, { className: "mb-[6px]", children: e("editor.imageUpload.alt") }),
-            /* @__PURE__ */ r(
-              j,
-              {
-                onChange: (c) => v(c.target.value),
-                required: !0,
-                type: "text",
-                value: p
-              }
-            )
-          ] }),
-          /* @__PURE__ */ h(L, { value: "upload", children: [
-            /* @__PURE__ */ h("div", { className: "richtext-flex richtext-items-center richtext-gap-[10px]", children: [
-              /* @__PURE__ */ r(
-                A,
-                {
-                  className: "richtext-mt-1 richtext-w-full",
-                  onClick: w,
-                  size: "sm",
-                  children: e("editor.image.dialog.tab.upload")
-                }
-              ),
-              /* @__PURE__ */ r(
-                Ie,
-                {
-                  alt: p,
-                  disabled: !1,
-                  editor: t,
-                  imageInline: N,
-                  onClose: () => {
-                    v("");
-                  }
-                }
-              )
-            ] }),
-            /* @__PURE__ */ r(
-              "input",
-              {
-                accept: n.acceptMimes.join(",") || "image/*",
-                multiple: n.multiple,
-                onChange: u,
-                ref: o,
-                style: { display: "none" },
-                type: "file"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ r(L, { value: "link", children: /* @__PURE__ */ r("form", { onSubmit: x, children: /* @__PURE__ */ h("div", { className: "richtext-flex richtext-items-center richtext-gap-2", children: [
-            /* @__PURE__ */ r(
-              j,
-              {
-                autoFocus: !0,
-                onChange: (c) => b(c.target.value),
-                placeholder: e("editor.image.dialog.placeholder"),
-                required: !0,
-                type: "url",
-                value: m
-              }
-            ),
-            /* @__PURE__ */ r(A, { type: "submit", children: e("editor.image.dialog.button.apply") })
-          ] }) }) })
-        ]
-      }
-    )
-  ] }) });
-}
-function He() {
-  const { t: e } = Y(), i = q(), { editorDisabled: t } = B(), [s, l] = y(""), d = _(null), [f, a] = y(""), [m, b] = y(!1), p = Q(Ae.name), v = z.UPLOAD_VIDEO(i.id);
-  F(b, [v]);
-  const o = re(() => (p == null ? void 0 : p.options) ?? {}, [p]);
-  async function T(n) {
-    var c;
-    const u = (c = n == null ? void 0 : n.target) == null ? void 0 : c.files;
-    if (!i || i.isDestroyed || u.length === 0)
-      return;
-    const x = u[0];
-    let w = "";
-    o.upload ? w = await o.upload(x) : w = URL.createObjectURL(x), i.chain().focus().setVideo({
-      src: w,
-      width: "100%"
-    }).run(), b(!1);
-  }
-  function N(n) {
-    n.preventDefault(), n.stopPropagation(), s && (i.chain().focus().setVideo({
-      src: s,
-      width: "100%"
-    }).run(), b(!1), l(""));
-  }
-  function C(n) {
-    var u;
-    n.preventDefault(), (u = d.current) == null || u.click();
-  }
-  return t ? /* @__PURE__ */ r(E, {}) : /* @__PURE__ */ r($, { onOpenChange: b, open: m, children: /* @__PURE__ */ h(H, { children: [
-    /* @__PURE__ */ r(O, { children: e("editor.video.dialog.title") }),
-    /* @__PURE__ */ h(
-      ne,
-      {
-        activationMode: "manual",
-        defaultValue: (o == null ? void 0 : o.resourceVideo) === "both" || (o == null ? void 0 : o.resourceVideo) === "upload" ? "upload" : "link",
-        children: [
-          /* @__PURE__ */ h(oe, { className: "richtext-grid richtext-w-full richtext-grid-cols-2", children: [
-            ((o == null ? void 0 : o.resourceVideo) === "both" || (o == null ? void 0 : o.resourceVideo) === "upload") && /* @__PURE__ */ r(S, { value: "upload", children: e("editor.video.dialog.tab.upload") }),
-            ((o == null ? void 0 : o.resourceVideo) === "both" || (o == null ? void 0 : o.resourceVideo) === "link") && /* @__PURE__ */ r(S, { value: "link", children: e("editor.video.dialog.link") })
-          ] }),
-          /* @__PURE__ */ h(L, { value: "upload", children: [
-            /* @__PURE__ */ r("div", { className: "richtext-flex richtext-items-center richtext-gap-[10px]", children: /* @__PURE__ */ r(A, { className: "richtext-mt-1 richtext-w-full", onClick: C, size: "sm", children: e("editor.video.dialog.tab.upload") }) }),
-            /* @__PURE__ */ r(
-              "input",
-              {
-                accept: "video/*",
-                multiple: !0,
-                onChange: T,
-                ref: d,
-                type: "file",
-                style: {
-                  display: "none"
-                }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ h(L, { value: "link", children: [
-            /* @__PURE__ */ r("div", { children: /* @__PURE__ */ h("div", { className: "richtext-flex richtext-items-center richtext-gap-2", children: [
-              /* @__PURE__ */ r(
-                j,
-                {
-                  autoFocus: !0,
-                  placeholder: e("editor.video.dialog.placeholder"),
-                  required: !0,
-                  type: "url",
-                  value: s,
-                  onBlur: (n) => {
-                    const u = n.target.value, x = o.videoProviders || ["."];
-                    u && !Se(u, x) ? a("Invalid video URL") : a("");
-                  },
-                  onChange: (n) => {
-                    l(n.target.value);
-                  }
-                }
-              ),
-              /* @__PURE__ */ r(A, { onClick: N, type: "button", children: e("editor.video.dialog.button.apply") })
-            ] }) }),
-            f && /* @__PURE__ */ r("div", { className: "richtext-my-[5px] richtext-text-red-500", children: f })
-          ] })
-        ]
-      }
-    )
-  ] }) });
-}
-function ue() {
-  return /* @__PURE__ */ h(E, { children: [
-    /* @__PURE__ */ r($e, {}),
-    /* @__PURE__ */ r(He, {}),
-    /* @__PURE__ */ r(Fe, {})
-  ] });
-}
-process.env.NODE_ENV !== "production" && (ue.displayName = "SlashDialogTrigger");
-function Oe() {
-  const { toasts: e } = ie();
-  return /* @__PURE__ */ h(Ue, { children: [
-    e.map(({ id: i, title: t, description: s, action: l, ...d }) => /* @__PURE__ */ h(ce, { ...d, children: [
-      /* @__PURE__ */ h("div", { className: "richtext-grid richtext-gap-1", children: [
-        t && /* @__PURE__ */ r(le, { children: t }),
-        s && /* @__PURE__ */ r(de, { children: s })
+C.displayName = c.Description.displayName;
+function X() {
+  const { toasts: t } = L();
+  return /* @__PURE__ */ f(F, { children: [
+    t.map(({ id: r, title: e, description: n, action: o, ...s }) => /* @__PURE__ */ f(R, { ...s, children: [
+      /* @__PURE__ */ f("div", { className: "richtext-grid richtext-gap-1", children: [
+        e && /* @__PURE__ */ i(S, { children: e }),
+        n && /* @__PURE__ */ i(C, { children: n })
       ] }),
-      l,
-      /* @__PURE__ */ r(se, {})
-    ] }, i)),
-    /* @__PURE__ */ r(ae, {})
+      o,
+      /* @__PURE__ */ i(E, {})
+    ] }, r)),
+    /* @__PURE__ */ i(T, {})
   ] });
 }
-const qe = `
+const G = `
 .remarkablejames-editor {
   button,
   input:where([type=button]),
@@ -519,106 +206,106 @@ const qe = `
   }
 }
 `;
-function Be({ editor: e }) {
-  const i = Te();
-  D(() => {
-    i(e == null ? void 0 : e.isEditable);
-  }, [e == null ? void 0 : e.isEditable]);
-  const t = () => {
-    i(e == null ? void 0 : e.isEditable);
+function J({ editor: t }) {
+  const r = Q();
+  l(() => {
+    r(t == null ? void 0 : t.isEditable);
+  }, [t == null ? void 0 : t.isEditable]);
+  const e = () => {
+    r(t == null ? void 0 : t.isEditable);
   };
-  return D(() => (e && e.on("update", t), () => {
-    e && e.off("update", t);
-  }), [e]), /* @__PURE__ */ r(E, {});
+  return l(() => (t && t.on("update", e), () => {
+    t && t.off("update", e);
+  }), [t]), /* @__PURE__ */ i(m, {});
 }
-const ee = "data-rc-order", te = "data-rc-priority", Qe = "rc-util-key", U = /* @__PURE__ */ new Map();
-function Ye(e, i) {
-  if (!e)
+const w = "data-rc-order", N = "data-rc-priority", Z = "rc-util-key", p = /* @__PURE__ */ new Map();
+function tt(t, r) {
+  if (!t)
     return !1;
-  if (e.contains)
-    return e.contains(i);
-  let t = i;
-  for (; t; ) {
-    if (t === e)
+  if (t.contains)
+    return t.contains(r);
+  let e = r;
+  for (; e; ) {
+    if (e === t)
       return !0;
-    t = t.parentNode;
+    e = e.parentNode;
   }
   return !1;
 }
-function he({ mark: e } = {}) {
-  return e ? e.startsWith("data-") ? e : `data-${e}` : Qe;
+function j({ mark: t } = {}) {
+  return t ? t.startsWith("data-") ? t : `data-${t}` : Z;
 }
-function K(e) {
-  return e.attachTo ? e.attachTo : document.querySelector("head") || document.body;
+function g(t) {
+  return t.attachTo ? t.attachTo : document.querySelector("head") || document.body;
 }
-function Ke(e) {
-  return e === "queue" ? "prependQueue" : e ? "prepend" : "append";
+function et(t) {
+  return t === "queue" ? "prependQueue" : t ? "prepend" : "append";
 }
-function fe(e) {
-  return [...(U.get(e) || e).children].filter(
-    (i) => i.tagName === "STYLE"
+function P(t) {
+  return [...(p.get(t) || t).children].filter(
+    (r) => r.tagName === "STYLE"
   );
 }
-function me(e, i = {}) {
-  const { csp: t, prepend: s, priority: l = 0 } = i, d = Ke(s), f = d === "prependQueue", a = document.createElement("style");
-  a.setAttribute(ee, d), f && l && a.setAttribute(te, `${l}`), t != null && t.nonce && (a.nonce = t == null ? void 0 : t.nonce), a.innerHTML = e;
-  const m = K(i), { firstChild: b } = m;
-  if (s) {
-    if (f) {
-      const p = fe(m).filter((v) => {
-        if (!["prepend", "prependQueue"].includes(v.getAttribute(ee)))
+function A(t, r = {}) {
+  const { csp: e, prepend: n, priority: o = 0 } = r, s = et(n), h = s === "prependQueue", a = document.createElement("style");
+  a.setAttribute(w, s), h && o && a.setAttribute(N, `${o}`), e != null && e.nonce && (a.nonce = e == null ? void 0 : e.nonce), a.innerHTML = t;
+  const d = g(r), { firstChild: V } = d;
+  if (n) {
+    if (h) {
+      const b = P(d).filter((v) => {
+        if (!["prepend", "prependQueue"].includes(v.getAttribute(w)))
           return !1;
-        const o = Number(v.getAttribute(te) || 0);
-        return l >= o;
+        const $ = Number(v.getAttribute(N) || 0);
+        return o >= $;
       });
-      if (p.length > 0)
-        return m.insertBefore(a, p.at(-1).nextSibling), a;
+      if (b.length > 0)
+        return d.insertBefore(a, b.at(-1).nextSibling), a;
     }
-    b.before(a);
+    V.before(a);
   } else
-    m.append(a);
+    d.append(a);
   return a;
 }
-function pe(e, i = {}) {
-  const t = K(i);
-  return fe(t).find((s) => s.getAttribute(he(i)) === e);
+function M(t, r = {}) {
+  const e = g(r);
+  return P(e).find((n) => n.getAttribute(j(r)) === t);
 }
-function xe(e, i = {}) {
-  const t = pe(e, i);
-  t && t.remove();
+function k(t, r = {}) {
+  const e = M(t, r);
+  e && e.remove();
 }
-function Ge(e, i) {
-  const t = U.get(e);
-  if (!t || !Ye(document, t)) {
-    const s = me("", i), { parentNode: l } = s;
-    U.set(e, l), s.remove();
+function rt(t, r) {
+  const e = p.get(t);
+  if (!e || !tt(document, e)) {
+    const n = A("", r), { parentNode: o } = n;
+    p.set(t, o), n.remove();
   }
 }
-function ge(e, i, t = {}) {
-  var f, a, m;
-  const s = K(t);
-  Ge(s, t);
-  const l = pe(i, t);
-  if (l)
-    return (f = t.csp) != null && f.nonce && l.nonce !== ((a = t.csp) == null ? void 0 : a.nonce) && (l.nonce = (m = t.csp) == null ? void 0 : m.nonce), l.innerHTML !== e && (l.innerHTML = e), l;
-  const d = me(e, t);
-  return d.setAttribute(he(t), i), d;
+function D(t, r, e = {}) {
+  var h, a, d;
+  const n = g(e);
+  rt(n, e);
+  const o = M(r, e);
+  if (o)
+    return (h = e.csp) != null && h.nonce && o.nonce !== ((a = e.csp) == null ? void 0 : a.nonce) && (o.nonce = (d = e.csp) == null ? void 0 : d.nonce), o.innerHTML !== t && (o.innerHTML = t), o;
+  const s = A(t, e);
+  return s.setAttribute(j(e), r), s;
 }
-function We() {
-  const { theme: e, color: i, borderRadius: t } = Me();
-  return D(() => {
-    const s = e || "light", l = i || "default";
-    let d = Z[s][l];
-    if (!d) {
-      d = Z.light.default;
+function it() {
+  const { theme: t, color: r, borderRadius: e } = q();
+  return l(() => {
+    const n = t || "light", o = r || "default";
+    let s = y[n][o];
+    if (!s) {
+      s = y.light.default;
       return;
     }
-    return ge(
+    return D(
       `
       .remarkablejames-editor, .remarkablejames-editor *,
       .remarkablejames-editor-theme, .remarkablejames-editor-theme *,
       div[data-richtext-portal], div[data-richtext-portal] * {
-        ${Object.entries(d).map(([f, a]) => typeof t == "string" && f === "radius" ? `--${f}: ${t};` : `--${f}: ${a};`).join(`
+        ${Object.entries(s).map(([h, a]) => typeof e == "string" && h === "radius" ? `--${h}: ${e};` : `--${h}: ${a};`).join(`
 `)}
       }
       `,
@@ -627,27 +314,27 @@ function We() {
         priority: 50
       }
     ), () => {
-      xe("richtext-theme");
+      k("richtext-theme");
     };
-  }, [e, i, t]), /* @__PURE__ */ r(E, {});
+  }, [t, r, e]), /* @__PURE__ */ i(m, {});
 }
-function gt({ editor: e, children: i, dark: t }) {
-  const s = ye();
-  return D(() => (ge(qe, "react-tiptap-reset"), () => {
-    xe("react-tiptap-reset");
-  }), []), D(() => {
-    e && (e.id = s);
-  }, [s, e]), D(() => {
-    typeof t == "boolean" && je.setTheme(t ? "dark" : "light");
-  }, [t]), e ? /* @__PURE__ */ r("div", { className: k("remarkablejames-editor", t && "dark"), children: /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ h(ve.Provider, { value: { editor: e }, children: [
-    /* @__PURE__ */ r(Ce, { delayDuration: 0, disableHoverableContent: !0, children: i }),
-    /* @__PURE__ */ r(Be, { editor: e }),
-    /* @__PURE__ */ r(ue, {}),
-    /* @__PURE__ */ r(We, {}),
-    /* @__PURE__ */ r(Oe, {})
-  ] }) }) }) : /* @__PURE__ */ r(E, {});
+function dt({ editor: t, children: r, dark: e }) {
+  const n = z();
+  return l(() => (D(G, "react-tiptap-reset"), () => {
+    k("react-tiptap-reset");
+  }), []), l(() => {
+    t && (t.id = n);
+  }, [n, t]), l(() => {
+    typeof e == "boolean" && B.setTheme(e ? "dark" : "light");
+  }, [e]), t ? /* @__PURE__ */ i("div", { className: u("remarkablejames-editor", e && "dark"), children: /* @__PURE__ */ i(_, { children: /* @__PURE__ */ f(O.Provider, { value: { editor: t }, children: [
+    /* @__PURE__ */ i(I, { delayDuration: 0, disableHoverableContent: !0, children: r }),
+    /* @__PURE__ */ i(J, { editor: t }),
+    /* @__PURE__ */ i(K, {}),
+    /* @__PURE__ */ i(it, {}),
+    /* @__PURE__ */ i(X, {})
+  ] }) }) }) : /* @__PURE__ */ i(m, {});
 }
 export {
-  gt as RichTextProvider,
-  Ce as TooltipProvider
+  dt as RichTextProvider,
+  I as TooltipProvider
 };