@remarkablejames/editor 0.0.6 → 0.0.7

package/lib/index.js

@@ -1,24 +1,38 @@
-import { jsx as i, jsxs as f, Fragment as m } from "react/jsx-runtime";
-import { K as O } from "./clsx-BUPZHhq3.js";
-import * as u from "react";
-import { useEffect as x, useId as z } from "react";
-import { c as l, W as H, w as L, X as _, Y as Q, Z as Y, _ as I } from "./index-CnKgiZFQ.js";
-import * as c from "@radix-ui/react-toast";
-import { X as K } from "lucide-react";
-import { useTheme as q, THEME as y } from "./theme.js";
-const B = c.Provider, T = u.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
-  c.Viewport,
+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,
   {
-    ref: e,
-    className: l(
+    ref: t,
+    className: k(
       "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]",
-      t
+      e
     ),
-    ...r
+    ...i
   }
 ));
-T.displayName = c.Viewport.displayName;
-const F = H(
+ae.displayName = g.Viewport.displayName;
+const _e = Le(
   "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: {
@@ -31,74 +45,373 @@ const F = H(
       variant: "default"
     }
   }
-), R = u.forwardRef(({ className: t, variant: r, ...e }, n) => /* @__PURE__ */ i(
-  c.Root,
+), ce = I.forwardRef(({ className: e, variant: i, ...t }, s) => /* @__PURE__ */ r(
+  g.Root,
   {
-    ref: n,
-    className: l(F({ variant: r }), t),
-    ...e
+    ref: s,
+    className: k(_e({ variant: i }), e),
+    ...t
   }
 ));
-R.displayName = c.Root.displayName;
-const W = u.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
-  c.Action,
+ce.displayName = g.Root.displayName;
+const ze = I.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
+  g.Action,
   {
-    ref: e,
-    className: l(
+    ref: t,
+    className: k(
       "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",
-      t
+      e
     ),
-    ...r
+    ...i
   }
 ));
-W.displayName = c.Action.displayName;
-const E = u.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
-  c.Close,
+ze.displayName = g.Action.displayName;
+const se = I.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
+  g.Close,
   {
-    ref: e,
-    className: l(
+    ref: t,
+    className: k(
       "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",
-      t
+      e
     ),
     "toast-close": "",
-    ...r,
-    children: /* @__PURE__ */ i(K, { className: "richtext-h-4 richtext-w-4" })
+    ...i,
+    children: /* @__PURE__ */ r(Pe, { className: "richtext-h-4 richtext-w-4" })
   }
 ));
-E.displayName = c.Close.displayName;
-const C = u.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
-  c.Title,
+se.displayName = g.Close.displayName;
+const le = I.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
+  g.Title,
   {
-    ref: e,
-    className: l("richtext-text-sm richtext-font-semibold", t),
-    ...r
+    ref: t,
+    className: k("richtext-text-sm richtext-font-semibold", e),
+    ...i
   }
 ));
-C.displayName = c.Title.displayName;
-const S = u.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
-  c.Description,
+le.displayName = g.Title.displayName;
+const de = I.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
+  g.Description,
   {
-    ref: e,
-    className: l("richtext-text-sm richtext-opacity-90", t),
-    ...r
+    ref: t,
+    className: k("richtext-text-sm richtext-opacity-90", e),
+    ...i
   }
 ));
-S.displayName = c.Description.displayName;
-function X() {
-  const { toasts: t } = L();
-  return /* @__PURE__ */ f(B, { 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(C, { children: e }),
-        n && /* @__PURE__ */ i(S, { children: n })
+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 })
       ] }),
-      o,
-      /* @__PURE__ */ i(E, {})
-    ] }, r)),
-    /* @__PURE__ */ i(T, {})
+      l,
+      /* @__PURE__ */ r(se, {})
+    ] }, i)),
+    /* @__PURE__ */ r(ae, {})
   ] });
 }
-const Z = `
+const qe = `
 .remarkablejames-editor {
   button,
   input:where([type=button]),
@@ -206,106 +519,106 @@ const Z = `
   }
 }
 `;
-function G({ editor: t }) {
-  const r = _();
-  x(() => {
-    r(t == null ? void 0 : t.isEditable);
-  }, [t == null ? void 0 : t.isEditable]);
-  const e = () => {
-    r(t == null ? void 0 : t.isEditable);
+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);
   };
-  return x(() => (t && t.on("update", e), () => {
-    t && t.off("update", e);
-  }), [t]), /* @__PURE__ */ i(m, {});
+  return D(() => (e && e.on("update", t), () => {
+    e && e.off("update", t);
+  }), [e]), /* @__PURE__ */ r(E, {});
 }
-const w = "data-rc-order", N = "data-rc-priority", J = "rc-util-key", p = /* @__PURE__ */ new Map();
-function U(t, r) {
-  if (!t)
+const ee = "data-rc-order", te = "data-rc-priority", Qe = "rc-util-key", U = /* @__PURE__ */ new Map();
+function Ye(e, i) {
+  if (!e)
     return !1;
-  if (t.contains)
-    return t.contains(r);
-  let e = r;
-  for (; e; ) {
-    if (e === t)
+  if (e.contains)
+    return e.contains(i);
+  let t = i;
+  for (; t; ) {
+    if (t === e)
       return !0;
-    e = e.parentNode;
+    t = t.parentNode;
   }
   return !1;
 }
-function j({ mark: t } = {}) {
-  return t ? t.startsWith("data-") ? t : `data-${t}` : J;
+function he({ mark: e } = {}) {
+  return e ? e.startsWith("data-") ? e : `data-${e}` : Qe;
 }
-function g(t) {
-  return t.attachTo ? t.attachTo : document.querySelector("head") || document.body;
+function K(e) {
+  return e.attachTo ? e.attachTo : document.querySelector("head") || document.body;
 }
-function tt(t) {
-  return t === "queue" ? "prependQueue" : t ? "prepend" : "append";
+function Ke(e) {
+  return e === "queue" ? "prependQueue" : e ? "prepend" : "append";
 }
-function P(t) {
-  return [...(p.get(t) || t).children].filter(
-    (r) => r.tagName === "STYLE"
+function fe(e) {
+  return [...(U.get(e) || e).children].filter(
+    (i) => i.tagName === "STYLE"
   );
 }
-function A(t, r = {}) {
-  const { csp: e, prepend: n, priority: o = 0 } = r, s = tt(n), d = s === "prependQueue", a = document.createElement("style");
-  a.setAttribute(w, s), d && o && a.setAttribute(N, `${o}`), e != null && e.nonce && (a.nonce = e == null ? void 0 : e.nonce), a.innerHTML = t;
-  const h = g(r), { firstChild: V } = h;
-  if (n) {
-    if (d) {
-      const b = P(h).filter((v) => {
-        if (!["prepend", "prependQueue"].includes(v.getAttribute(w)))
+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)))
           return !1;
-        const $ = Number(v.getAttribute(N) || 0);
-        return o >= $;
+        const o = Number(v.getAttribute(te) || 0);
+        return l >= o;
       });
-      if (b.length > 0)
-        return h.insertBefore(a, b.at(-1).nextSibling), a;
+      if (p.length > 0)
+        return m.insertBefore(a, p.at(-1).nextSibling), a;
     }
-    V.before(a);
+    b.before(a);
   } else
-    h.append(a);
+    m.append(a);
   return a;
 }
-function M(t, r = {}) {
-  const e = g(r);
-  return P(e).find((n) => n.getAttribute(j(r)) === t);
+function pe(e, i = {}) {
+  const t = K(i);
+  return fe(t).find((s) => s.getAttribute(he(i)) === e);
 }
-function k(t, r = {}) {
-  const e = M(t, r);
-  e && e.remove();
+function xe(e, i = {}) {
+  const t = pe(e, i);
+  t && t.remove();
 }
-function et(t, r) {
-  const e = p.get(t);
-  if (!e || !U(document, e)) {
-    const n = A("", r), { parentNode: o } = n;
-    p.set(t, o), n.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 D(t, r, e = {}) {
-  var d, a, h;
-  const n = g(e);
-  et(n, e);
-  const o = M(r, e);
-  if (o)
-    return (d = e.csp) != null && d.nonce && o.nonce !== ((a = e.csp) == null ? void 0 : a.nonce) && (o.nonce = (h = e.csp) == null ? void 0 : h.nonce), o.innerHTML !== t && (o.innerHTML = t), o;
-  const s = A(t, e);
-  return s.setAttribute(j(e), r), s;
+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 rt() {
-  const { theme: t, color: r, borderRadius: e } = q();
-  return x(() => {
-    const n = t || "light", o = r || "default";
-    let s = y[n][o];
-    if (!s) {
-      s = y.light.default;
+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;
       return;
     }
-    return D(
+    return ge(
       `
       .remarkablejames-editor, .remarkablejames-editor *,
       .remarkablejames-editor-theme, .remarkablejames-editor-theme *,
       div[data-richtext-portal], div[data-richtext-portal] * {
-        ${Object.entries(s).map(([d, a]) => typeof e == "string" && d === "radius" ? `--${d}: ${e};` : `--${d}: ${a};`).join(`
+        ${Object.entries(d).map(([f, a]) => typeof t == "string" && f === "radius" ? `--${f}: ${t};` : `--${f}: ${a};`).join(`
 `)}
       }
       `,
@@ -314,25 +627,27 @@ function rt() {
         priority: 50
       }
     ), () => {
-      k("richtext-theme");
+      xe("richtext-theme");
     };
-  }, [t, r, e]), /* @__PURE__ */ i(m, {});
+  }, [e, i, t]), /* @__PURE__ */ r(E, {});
 }
-function dt({ editor: t, children: r }) {
-  const e = z();
-  return x(() => (D(Z, "react-tiptap-reset"), () => {
-    k("react-tiptap-reset");
-  }), []), x(() => {
-    t && (t.id = e);
-  }, [e, t]), t ? /* @__PURE__ */ i("div", { className: "remarkablejames-editor", children: /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ f(O.Provider, { value: { editor: t }, children: [
-    /* @__PURE__ */ i(Y, { delayDuration: 0, disableHoverableContent: !0, children: r }),
-    /* @__PURE__ */ i(G, { editor: t }),
-    /* @__PURE__ */ i(I, {}),
-    /* @__PURE__ */ i(rt, {}),
-    /* @__PURE__ */ i(X, {})
-  ] }) }) }) : /* @__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, {});
 }
 export {
-  dt as RichTextProvider,
-  Y as TooltipProvider
+  gt as RichTextProvider,
+  Ce as TooltipProvider
 };