@remarkablejames/editor 0.0.2 → 0.0.3

package/lib/index.js

@@ -1,36 +1,24 @@
-import { jsx as r, Fragment as N, jsxs as l } from "react/jsx-runtime";
-import { a1 as ye } from "./clsx-m_C5j3RU.js";
-import * as C from "react";
-import { useState as v, useRef as Y, useMemo as K, useEffect as D, useId as Ne } from "react";
-import { E as G, u as W, R as we } from "./events.constant-Bh2uzJud.js";
-import { D as X, b as J, c as Z } from "./dialog-QWWUWOGP.js";
-import { u as ee, I as Ee, a as Ce, v as Te } from "./ImageCropper-DUzu_9-6.js";
-import { f as te, c as re, i as ie, n as ke, o as Ie } from "./useButtonProps-BE10eHkG.js";
-import { u as oe } from "./index-4Q5IhypJ.js";
-import { T as ae, a as ne, b as j, c as A } from "./tabs-BeHxylKH.js";
-import { C as Re } from "./checkbox-7sfSdzy9.js";
-import { L as B } from "./label-DC37f2RQ.js";
-import { I as _ } from "./input-qvpuOf-3.js";
-import { B as M } from "./button-CDIxPURh.js";
-import { I as De } from "./Icon-CKM0tYbW.js";
-import { V as Ve, c as Le } from "./Video-Bpd8W8l6.js";
-import * as p from "@radix-ui/react-toast";
-import { c as T, a as Se } from "./index-CAiZY1nx.js";
-import { X as Pe } from "lucide-react";
-import { useTheme as je, THEME as H } from "./theme.js";
-const Ae = p.Provider, ce = C.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
-  p.Viewport,
+import { jsx as i, jsxs as f, Fragment as m } from "react/jsx-runtime";
+import { K as O } from "./clsx-CDyrfCnw.js";
+import * as u from "react";
+import { useEffect as x, useId as z } from "react";
+import { c as l, S as H, r as L, U as Q, V as _, W as I, X as K } from "./index-_WrFM-Fk.js";
+import * as c from "@radix-ui/react-toast";
+import { X as Y } 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,
   {
-    ref: t,
-    className: T(
+    ref: e,
+    className: l(
       "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
   }
 ));
-ce.displayName = p.Viewport.displayName;
-const Me = Se(
+T.displayName = c.Viewport.displayName;
+const F = 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: {
@@ -43,307 +31,74 @@ const Me = Se(
       variant: "default"
     }
   }
-), se = C.forwardRef(({ className: e, variant: i, ...t }, n) => /* @__PURE__ */ r(
-  p.Root,
+), R = u.forwardRef(({ className: t, variant: r, ...e }, n) => /* @__PURE__ */ i(
+  c.Root,
   {
     ref: n,
-    className: T(Me({ variant: i }), e),
-    ...t
+    className: l(F({ variant: r }), t),
+    ...e
   }
 ));
-se.displayName = p.Root.displayName;
-const Ue = C.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
-  p.Action,
+R.displayName = c.Root.displayName;
+const W = u.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
+  c.Action,
   {
-    ref: t,
-    className: T(
+    ref: e,
+    className: l(
       "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
   }
 ));
-Ue.displayName = p.Action.displayName;
-const le = C.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
-  p.Close,
+W.displayName = c.Action.displayName;
+const E = u.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
+  c.Close,
   {
-    ref: t,
-    className: T(
+    ref: e,
+    className: l(
       "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" })
   }
 ));
-le.displayName = p.Close.displayName;
-const de = C.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
-  p.Title,
+E.displayName = c.Close.displayName;
+const S = u.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
+  c.Title,
   {
-    ref: t,
-    className: T("richtext-text-sm richtext-font-semibold", e),
-    ...i
+    ref: e,
+    className: l("richtext-text-sm richtext-font-semibold", t),
+    ...r
   }
 ));
-de.displayName = p.Title.displayName;
-const ue = C.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
-  p.Description,
+S.displayName = c.Title.displayName;
+const C = u.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
+  c.Description,
   {
-    ref: t,
-    className: T("richtext-text-sm richtext-opacity-90", e),
-    ...i
+    ref: e,
+    className: l("richtext-text-sm richtext-opacity-90", t),
+    ...r
   }
 ));
-ue.displayName = p.Description.displayName;
-function ze() {
-  const { t: e } = oe(), { toast: i } = ee(), t = te(), { editorDisabled: n } = re(), [s, d] = v(!1), f = G.UPLOAD_IMAGE(t.id);
-  W(d, [f]);
-  const [c, x] = v(!1), m = ie(Ee.name), [b, y] = v(""), [o, w] = v(""), V = Y(null), k = (m == null ? void 0 : m.options.defaultInline) || !1, [u, g] = v(k), a = K(() => m == null ? void 0 : m.options, [m]);
-  async function I(h) {
-    var q;
-    const R = (q = h == null ? void 0 : h.target) == null ? void 0 : q.files;
-    if (!t || t.isDestroyed || R.length === 0 || c) {
-      h.target.value = "";
-      return;
-    }
-    const U = Te(R, {
-      acceptMimes: a == null ? void 0 : a.acceptMimes,
-      maxSize: a == null ? void 0 : a.maxSize,
-      t: e,
-      toast: i,
-      onError: a.onError
-    });
-    if (U.length <= 0) {
-      h.target.value = "";
-      return;
-    }
-    x(!0);
-    try {
-      if (a != null && a.multiple) {
-        const E = U.map(async (P) => {
-          let z = "";
-          return a.upload ? z = await a.upload(P) : z = URL.createObjectURL(P), z;
-        });
-        (await Promise.all(E)).forEach((P) => {
-          t.chain().focus().setImageInline({ src: P, inline: u, alt: o }).run();
-        });
-      } else {
-        const E = U[0];
-        let S = "";
-        a.upload ? S = await a.upload(E) : S = URL.createObjectURL(E), t.chain().focus().setImageInline({ src: S, inline: u, alt: o }).run();
-      }
-      d(!1), w(""), g(k);
-    } catch (E) {
-      console.error("Error uploading image", E), a.onError ? a.onError({
-        type: "upload",
-        message: e("editor.upload.error")
-      }) : i({
-        variant: "destructive",
-        title: e("editor.upload.error")
-      });
-    } finally {
-      x(!1), h.target.value = "";
-    }
-  }
-  function L(h) {
-    h.preventDefault(), h.stopPropagation(), t.chain().focus().setImageInline({ src: b, inline: u, alt: o }).run(), d(!1), g(k), y(""), w("");
-  }
-  function ve(h) {
-    var R;
-    h.preventDefault(), (R = V.current) == null || R.click();
-  }
-  return n ? /* @__PURE__ */ r(N, {}) : /* @__PURE__ */ r(X, { onOpenChange: d, open: s, children: /* @__PURE__ */ l(J, { children: [
-    /* @__PURE__ */ r(Z, { children: e("editor.image.dialog.title") }),
-    /* @__PURE__ */ l(
-      ae,
-      {
-        activationMode: "manual",
-        defaultValue: a.resourceImage === "both" || a.resourceImage === "upload" ? "upload" : "link",
-        children: [
-          a.resourceImage === "both" && /* @__PURE__ */ l(ne, { className: "richtext-grid richtext-w-full richtext-grid-cols-2", children: [
-            /* @__PURE__ */ r(j, { value: "upload", children: e("editor.image.dialog.tab.upload") }),
-            /* @__PURE__ */ r(j, { value: "link", children: e("editor.image.dialog.tab.url") })
-          ] }),
-          /* @__PURE__ */ l("div", { className: "richtext-my-[10px] richtext-flex richtext-items-center richtext-gap-[4px]", children: [
-            /* @__PURE__ */ r(
-              Re,
-              {
-                checked: u,
-                onCheckedChange: (h) => {
-                  g(h);
-                }
-              }
-            ),
-            /* @__PURE__ */ r(B, { children: e("editor.link.dialog.inline") })
-          ] }),
-          a.enableAlt && /* @__PURE__ */ l("div", { className: "richtext-my-[10px]", children: [
-            /* @__PURE__ */ r(B, { className: "mb-[6px]", children: e("editor.imageUpload.alt") }),
-            /* @__PURE__ */ r(_, { onChange: (h) => w(h.target.value), required: !0, type: "text", value: o })
-          ] }),
-          /* @__PURE__ */ l(A, { value: "upload", children: [
-            /* @__PURE__ */ l("div", { className: "richtext-flex richtext-items-center richtext-gap-[10px]", children: [
-              /* @__PURE__ */ r(
-                M,
-                {
-                  className: "richtext-mt-1 richtext-w-full",
-                  disabled: c,
-                  onClick: ve,
-                  size: "sm",
-                  children: c ? /* @__PURE__ */ l(N, { children: [
-                    e("editor.imageUpload.uploading"),
-                    /* @__PURE__ */ r(De, { className: "richtext-ml-1 richtext-animate-spin", name: "Loader" })
-                  ] }) : e("editor.image.dialog.tab.upload")
-                }
-              ),
-              /* @__PURE__ */ r(
-                Ce,
-                {
-                  alt: o,
-                  disabled: c,
-                  editor: t,
-                  imageInline: u,
-                  onClose: () => {
-                    w("");
-                  }
-                }
-              )
-            ] }),
-            /* @__PURE__ */ r(
-              "input",
-              {
-                accept: a.acceptMimes.join(",") || "image/*",
-                multiple: a.multiple,
-                onChange: I,
-                ref: V,
-                style: { display: "none" },
-                type: "file"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ r(A, { value: "link", children: /* @__PURE__ */ r("form", { onSubmit: L, children: /* @__PURE__ */ l("div", { className: "richtext-flex richtext-items-center richtext-gap-2", children: [
-            /* @__PURE__ */ r(
-              _,
-              {
-                autoFocus: !0,
-                onChange: (h) => y(h.target.value),
-                placeholder: e("editor.image.dialog.placeholder"),
-                required: !0,
-                type: "url",
-                value: b
-              }
-            ),
-            /* @__PURE__ */ r(M, { type: "submit", children: e("editor.image.dialog.button.apply") })
-          ] }) }) })
-        ]
-      }
-    )
-  ] }) });
-}
-function _e() {
-  const { t: e } = oe(), i = te(), { editorDisabled: t } = re(), [n, s] = v(""), d = Y(null), [f, c] = v(""), [x, m] = v(!1), b = ie(Ve.name), y = G.UPLOAD_VIDEO(i.id);
-  W(m, [y]);
-  const o = K(() => (b == null ? void 0 : b.options) ?? {}, [b]);
-  async function w(u) {
-    var L;
-    const g = (L = u == null ? void 0 : u.target) == null ? void 0 : L.files;
-    if (!i || i.isDestroyed || g.length === 0)
-      return;
-    const a = g[0];
-    let I = "";
-    o.upload ? I = await o.upload(a) : I = URL.createObjectURL(a), i.chain().focus().setVideo({
-      src: I,
-      width: "100%"
-    }).run(), m(!1);
-  }
-  function V(u) {
-    u.preventDefault(), u.stopPropagation(), n && (i.chain().focus().setVideo({
-      src: n,
-      width: "100%"
-    }).run(), m(!1), s(""));
-  }
-  function k(u) {
-    var g;
-    u.preventDefault(), (g = d.current) == null || g.click();
-  }
-  return t ? /* @__PURE__ */ r(N, {}) : /* @__PURE__ */ r(X, { onOpenChange: m, open: x, children: /* @__PURE__ */ l(J, { children: [
-    /* @__PURE__ */ r(Z, { children: e("editor.video.dialog.title") }),
-    /* @__PURE__ */ l(
-      ae,
-      {
-        activationMode: "manual",
-        defaultValue: (o == null ? void 0 : o.resourceVideo) === "both" || (o == null ? void 0 : o.resourceVideo) === "upload" ? "upload" : "link",
-        children: [
-          /* @__PURE__ */ l(ne, { 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(j, { 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(j, { value: "link", children: e("editor.video.dialog.link") })
-          ] }),
-          /* @__PURE__ */ l(A, { value: "upload", children: [
-            /* @__PURE__ */ r("div", { className: "richtext-flex richtext-items-center richtext-gap-[10px]", children: /* @__PURE__ */ r(M, { className: "richtext-mt-1 richtext-w-full", onClick: k, size: "sm", children: e("editor.video.dialog.tab.upload") }) }),
-            /* @__PURE__ */ r(
-              "input",
-              {
-                accept: "video/*",
-                multiple: !0,
-                onChange: w,
-                ref: d,
-                type: "file",
-                style: {
-                  display: "none"
-                }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ l(A, { value: "link", children: [
-            /* @__PURE__ */ r("div", { children: /* @__PURE__ */ l("div", { className: "richtext-flex richtext-items-center richtext-gap-2", children: [
-              /* @__PURE__ */ r(
-                _,
-                {
-                  autoFocus: !0,
-                  placeholder: e("editor.video.dialog.placeholder"),
-                  required: !0,
-                  type: "url",
-                  value: n,
-                  onBlur: (u) => {
-                    const g = u.target.value, a = o.videoProviders || ["."];
-                    g && !Le(g, a) ? c("Invalid video URL") : c("");
-                  },
-                  onChange: (u) => {
-                    s(u.target.value);
-                  }
-                }
-              ),
-              /* @__PURE__ */ r(M, { onClick: V, type: "button", children: e("editor.video.dialog.button.apply") })
-            ] }) }),
-            f && /* @__PURE__ */ r("div", { className: "richtext-my-[5px] richtext-text-red-500", children: f })
-          ] })
-        ]
-      }
-    )
-  ] }) });
-}
-function he() {
-  return /* @__PURE__ */ l(N, { children: [
-    /* @__PURE__ */ r(ze, {}),
-    /* @__PURE__ */ r(_e, {})
-  ] });
-}
-process.env.NODE_ENV !== "production" && (he.displayName = "SlashDialogTrigger");
-function Fe() {
-  const { toasts: e } = ee();
-  return /* @__PURE__ */ l(Ae, { children: [
-    e.map(({ id: i, title: t, description: n, action: s, ...d }) => /* @__PURE__ */ l(se, { ...d, children: [
-      /* @__PURE__ */ l("div", { className: "richtext-grid richtext-gap-1", children: [
-        t && /* @__PURE__ */ r(de, { children: t }),
-        n && /* @__PURE__ */ r(ue, { children: n })
+C.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(S, { children: e }),
+        n && /* @__PURE__ */ i(C, { children: n })
       ] }),
-      s,
-      /* @__PURE__ */ r(le, {})
-    ] }, i)),
-    /* @__PURE__ */ r(ce, {})
+      o,
+      /* @__PURE__ */ i(E, {})
+    ] }, r)),
+    /* @__PURE__ */ i(T, {})
   ] });
 }
-const $e = `
+const U = `
 .remarkablejames-editor {
   button,
   input:where([type=button]),
@@ -451,106 +206,106 @@ const $e = `
   }
 }
 `;
-function qe({ editor: e }) {
-  const i = ke();
-  D(() => {
-    i(e == null ? void 0 : e.isEditable);
-  }, [e == null ? void 0 : e.isEditable]);
-  const t = () => {
-    i(e == null ? void 0 : e.isEditable);
+function G({ editor: t }) {
+  const r = Q();
+  x(() => {
+    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(N, {});
+  return x(() => (t && t.on("update", e), () => {
+    t && t.off("update", e);
+  }), [t]), /* @__PURE__ */ i(m, {});
 }
-const O = "data-rc-order", Q = "data-rc-priority", Be = "rc-util-key", F = /* @__PURE__ */ new Map();
-function He(e, i) {
-  if (!e)
+const w = "data-rc-order", N = "data-rc-priority", J = "rc-util-key", p = /* @__PURE__ */ new Map();
+function Z(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 fe({ mark: e } = {}) {
-  return e ? e.startsWith("data-") ? e : `data-${e}` : Be;
+function j({ mark: t } = {}) {
+  return t ? t.startsWith("data-") ? t : `data-${t}` : J;
 }
-function $(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 Oe(e) {
-  return e === "queue" ? "prependQueue" : e ? "prepend" : "append";
+function tt(t) {
+  return t === "queue" ? "prependQueue" : t ? "prepend" : "append";
 }
-function me(e) {
-  return [...(F.get(e) || e).children].filter(
-    (i) => i.tagName === "STYLE"
+function P(t) {
+  return [...(p.get(t) || t).children].filter(
+    (r) => r.tagName === "STYLE"
   );
 }
-function pe(e, i = {}) {
-  const { csp: t, prepend: n, priority: s = 0 } = i, d = Oe(n), f = d === "prependQueue", c = document.createElement("style");
-  c.setAttribute(O, d), f && s && c.setAttribute(Q, `${s}`), t != null && t.nonce && (c.nonce = t == null ? void 0 : t.nonce), c.innerHTML = e;
-  const x = $(i), { firstChild: m } = x;
+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 (f) {
-      const b = me(x).filter((y) => {
-        if (!["prepend", "prependQueue"].includes(y.getAttribute(O)))
+    if (d) {
+      const b = P(h).filter((v) => {
+        if (!["prepend", "prependQueue"].includes(v.getAttribute(w)))
           return !1;
-        const o = Number(y.getAttribute(Q) || 0);
-        return s >= o;
+        const $ = Number(v.getAttribute(N) || 0);
+        return o >= $;
       });
       if (b.length > 0)
-        return x.insertBefore(c, b.at(-1).nextSibling), c;
+        return h.insertBefore(a, b.at(-1).nextSibling), a;
     }
-    m.before(c);
+    V.before(a);
   } else
-    x.append(c);
-  return c;
+    h.append(a);
+  return a;
 }
-function xe(e, i = {}) {
-  const t = $(i);
-  return me(t).find((n) => n.getAttribute(fe(i)) === e);
+function M(t, r = {}) {
+  const e = g(r);
+  return P(e).find((n) => n.getAttribute(j(r)) === t);
 }
-function ge(e, i = {}) {
-  const t = xe(e, i);
-  t && t.remove();
+function k(t, r = {}) {
+  const e = M(t, r);
+  e && e.remove();
 }
-function Qe(e, i) {
-  const t = F.get(e);
-  if (!t || !He(document, t)) {
-    const n = pe("", i), { parentNode: s } = n;
-    F.set(e, s), n.remove();
+function et(t, r) {
+  const e = p.get(t);
+  if (!e || !Z(document, e)) {
+    const n = A("", r), { parentNode: o } = n;
+    p.set(t, o), n.remove();
   }
 }
-function be(e, i, t = {}) {
-  var f, c, x;
-  const n = $(t);
-  Qe(n, t);
-  const s = xe(i, t);
-  if (s)
-    return (f = t.csp) != null && f.nonce && s.nonce !== ((c = t.csp) == null ? void 0 : c.nonce) && (s.nonce = (x = t.csp) == null ? void 0 : x.nonce), s.innerHTML !== e && (s.innerHTML = e), s;
-  const d = pe(e, t);
-  return d.setAttribute(fe(t), i), d;
+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 Ye() {
-  const { theme: e, color: i, borderRadius: t } = je();
-  return D(() => {
-    const n = e || "light", s = i || "default";
-    let d = H[n][s];
-    if (!d) {
-      d = H.light.default;
+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;
       return;
     }
-    return be(
+    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, c]) => typeof t == "string" && f === "radius" ? `--${f}: ${t};` : `--${f}: ${c};`).join(`
+        ${Object.entries(s).map(([d, a]) => typeof e == "string" && d === "radius" ? `--${d}: ${e};` : `--${d}: ${a};`).join(`
 `)}
       }
       `,
@@ -559,25 +314,25 @@ function Ye() {
         priority: 50
       }
     ), () => {
-      ge("richtext-theme");
+      k("richtext-theme");
     };
-  }, [e, i, t]), /* @__PURE__ */ r(N, {});
+  }, [t, r, e]), /* @__PURE__ */ i(m, {});
 }
-function ht({ editor: e, children: i }) {
-  const t = Ne();
-  return D(() => (be($e, "react-tiptap-reset"), () => {
-    ge("react-tiptap-reset");
-  }), []), D(() => {
-    e && (e.id = t);
-  }, [t, e]), e ? /* @__PURE__ */ r("div", { className: "remarkablejames-editor", children: /* @__PURE__ */ r(we, { children: /* @__PURE__ */ l(ye.Provider, { value: { editor: e }, children: [
-    /* @__PURE__ */ r(Ie, { delayDuration: 0, disableHoverableContent: !0, children: i }),
-    /* @__PURE__ */ r(qe, { editor: e }),
-    /* @__PURE__ */ r(he, {}),
-    /* @__PURE__ */ r(Ye, {}),
-    /* @__PURE__ */ r(Fe, {})
-  ] }) }) }) : /* @__PURE__ */ r(N, {});
+function dt({ editor: t, children: r }) {
+  const e = z();
+  return x(() => (D(U, "react-tiptap-reset"), () => {
+    k("react-tiptap-reset");
+  }), []), x(() => {
+    t && (t.id = e);
+  }, [e, t]), t ? /* @__PURE__ */ i("div", { className: "remarkablejames-editor", children: /* @__PURE__ */ i(_, { children: /* @__PURE__ */ f(O.Provider, { value: { editor: t }, children: [
+    /* @__PURE__ */ i(I, { delayDuration: 0, disableHoverableContent: !0, children: r }),
+    /* @__PURE__ */ i(G, { editor: t }),
+    /* @__PURE__ */ i(K, {}),
+    /* @__PURE__ */ i(rt, {}),
+    /* @__PURE__ */ i(X, {})
+  ] }) }) }) : /* @__PURE__ */ i(m, {});
 }
 export {
-  ht as RichTextProvider,
-  Ie as TooltipProvider
+  dt as RichTextProvider,
+  I as TooltipProvider
 };

package/lib/{popover-B05Fd8lC.cjs → popover-BY7j9SiD.cjs}

@@ -1 +1 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("@radix-ui/react-popover"),p=require("react"),x=require("./index-DWSAk_9a.cjs");function n(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,i.get?i:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const o=n(s),h=n(p),l=o.Root,m=o.Trigger,c=h.forwardRef(({className:t,align:r="center",sideOffset:e=4,...i},d)=>a.jsx(o.Portal,{children:a.jsx(o.Content,{align:r,"data-richtext-portal":!0,ref:d,sideOffset:e,className:x.cn("richtext-z-50 richtext-w-72 richtext-rounded-md !richtext-border !richtext-border-border richtext-bg-popover richtext-p-4 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none data-[state=open]:richtext-animate-in data-[state=closed]:richtext-animate-out data-[state=closed]:richtext-fade-out-0 data-[state=open]:richtext-fade-in-0 data-[state=closed]:richtext-zoom-out-95 data-[state=open]:richtext-zoom-in-95 data-[side=bottom]:richtext-slide-in-from-top-2 data-[side=left]:richtext-slide-in-from-right-2 data-[side=right]:richtext-slide-in-from-left-2 data-[side=top]:richtext-slide-in-from-bottom-2",t),...i})}));c.displayName=o.Content.displayName;exports.Popover=l;exports.PopoverContent=c;exports.PopoverTrigger=m;
+"use strict";const a=require("react/jsx-runtime"),d=require("@radix-ui/react-popover"),p=require("react"),h=require("./index-Dib4cXXf.cjs");function n(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,i.get?i:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const o=n(d),l=n(p),x=o.Root,m=o.Trigger,c=l.forwardRef(({className:t,align:r="center",sideOffset:e=4,...i},s)=>a.jsx(o.Portal,{children:a.jsx(o.Content,{align:r,"data-richtext-portal":!0,ref:s,sideOffset:e,className:h.cn("richtext-z-50 richtext-w-72 richtext-rounded-md !richtext-border !richtext-border-border richtext-bg-popover richtext-p-4 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none data-[state=open]:richtext-animate-in data-[state=closed]:richtext-animate-out data-[state=closed]:richtext-fade-out-0 data-[state=open]:richtext-fade-in-0 data-[state=closed]:richtext-zoom-out-95 data-[state=open]:richtext-zoom-in-95 data-[side=bottom]:richtext-slide-in-from-top-2 data-[side=left]:richtext-slide-in-from-right-2 data-[side=right]:richtext-slide-in-from-left-2 data-[side=top]:richtext-slide-in-from-bottom-2",t),...i})}));c.displayName=o.Content.displayName;exports.Popover=x;exports.PopoverContent=c;exports.PopoverTrigger=m;

package/lib/{popover-CsSXh7w6.js → popover-CSvY4C-l.js}

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-popover";
 import * as c from "react";
-import { c as s } from "./index-CAiZY1nx.js";
+import { c as s } from "./index-_WrFM-Fk.js";
 const x = t.Root, p = t.Trigger, n = c.forwardRef(({ className: o, align: r = "center", sideOffset: i = 4, ...a }, d) => /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(
   t.Content,
   {