@remarkablejames/editor 0.0.1 → 0.0.2

package/lib/index.js

@@ -1,24 +1,36 @@
-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-lj3VWExo.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,
+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,
   {
-    ref: e,
-    className: l(
+    ref: t,
+    className: T(
       "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(
+ce.displayName = p.Viewport.displayName;
+const Me = Se(
   "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 +43,307 @@ const F = H(
       variant: "default"
     }
   }
-), R = u.forwardRef(({ className: t, variant: r, ...e }, n) => /* @__PURE__ */ i(
-  c.Root,
+), se = C.forwardRef(({ className: e, variant: i, ...t }, n) => /* @__PURE__ */ r(
+  p.Root,
   {
     ref: n,
-    className: l(F({ variant: r }), t),
-    ...e
+    className: T(Me({ variant: i }), e),
+    ...t
   }
 ));
-R.displayName = c.Root.displayName;
-const W = u.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
-  c.Action,
+se.displayName = p.Root.displayName;
+const Ue = C.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
+  p.Action,
   {
-    ref: e,
-    className: l(
+    ref: t,
+    className: T(
       "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,
+Ue.displayName = p.Action.displayName;
+const le = C.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
+  p.Close,
   {
-    ref: e,
-    className: l(
+    ref: t,
+    className: T(
       "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(Y, { 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 S = u.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
-  c.Title,
+le.displayName = p.Close.displayName;
+const de = C.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
+  p.Title,
   {
-    ref: e,
-    className: l("richtext-text-sm richtext-font-semibold", t),
-    ...r
+    ref: t,
+    className: T("richtext-text-sm richtext-font-semibold", e),
+    ...i
   }
 ));
-S.displayName = c.Title.displayName;
-const C = u.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ i(
-  c.Description,
+de.displayName = p.Title.displayName;
+const ue = C.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ r(
+  p.Description,
   {
-    ref: e,
-    className: l("richtext-text-sm richtext-opacity-90", t),
-    ...r
+    ref: t,
+    className: T("richtext-text-sm richtext-opacity-90", e),
+    ...i
   }
 ));
-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 })
+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 })
       ] }),
-      o,
-      /* @__PURE__ */ i(E, {})
-    ] }, r)),
-    /* @__PURE__ */ i(T, {})
+      s,
+      /* @__PURE__ */ r(le, {})
+    ] }, i)),
+    /* @__PURE__ */ r(ce, {})
   ] });
 }
-const U = `
+const $e = `
 .remarkablejames-editor {
   button,
   input:where([type=button]),
@@ -206,106 +451,106 @@ const U = `
   }
 }
 `;
-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);
+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);
   };
-  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(N, {});
 }
-const w = "data-rc-order", N = "data-rc-priority", J = "rc-util-key", p = /* @__PURE__ */ new Map();
-function Z(t, r) {
-  if (!t)
+const O = "data-rc-order", Q = "data-rc-priority", Be = "rc-util-key", F = /* @__PURE__ */ new Map();
+function He(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 fe({ mark: e } = {}) {
+  return e ? e.startsWith("data-") ? e : `data-${e}` : Be;
 }
-function g(t) {
-  return t.attachTo ? t.attachTo : document.querySelector("head") || document.body;
+function $(e) {
+  return e.attachTo ? e.attachTo : document.querySelector("head") || document.body;
 }
-function tt(t) {
-  return t === "queue" ? "prependQueue" : t ? "prepend" : "append";
+function Oe(e) {
+  return e === "queue" ? "prependQueue" : e ? "prepend" : "append";
 }
-function P(t) {
-  return [...(p.get(t) || t).children].filter(
-    (r) => r.tagName === "STYLE"
+function me(e) {
+  return [...(F.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;
+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;
   if (n) {
-    if (d) {
-      const b = P(h).filter((v) => {
-        if (!["prepend", "prependQueue"].includes(v.getAttribute(w)))
+    if (f) {
+      const b = me(x).filter((y) => {
+        if (!["prepend", "prependQueue"].includes(y.getAttribute(O)))
           return !1;
-        const $ = Number(v.getAttribute(N) || 0);
-        return o >= $;
+        const o = Number(y.getAttribute(Q) || 0);
+        return s >= o;
       });
       if (b.length > 0)
-        return h.insertBefore(a, b.at(-1).nextSibling), a;
+        return x.insertBefore(c, b.at(-1).nextSibling), c;
     }
-    V.before(a);
+    m.before(c);
   } else
-    h.append(a);
-  return a;
+    x.append(c);
+  return c;
 }
-function M(t, r = {}) {
-  const e = g(r);
-  return P(e).find((n) => n.getAttribute(j(r)) === t);
+function xe(e, i = {}) {
+  const t = $(i);
+  return me(t).find((n) => n.getAttribute(fe(i)) === e);
 }
-function k(t, r = {}) {
-  const e = M(t, r);
-  e && e.remove();
+function ge(e, i = {}) {
+  const t = xe(e, i);
+  t && t.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 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 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 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 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 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;
       return;
     }
-    return D(
+    return be(
       `
       .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, c]) => typeof t == "string" && f === "radius" ? `--${f}: ${t};` : `--${f}: ${c};`).join(`
 `)}
       }
       `,
@@ -314,25 +559,25 @@ function rt() {
         priority: 50
       }
     ), () => {
-      k("richtext-theme");
+      ge("richtext-theme");
     };
-  }, [t, r, e]), /* @__PURE__ */ i(m, {});
+  }, [e, i, t]), /* @__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, {});
+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, {});
 }
 export {
-  dt as RichTextProvider,
-  I as TooltipProvider
+  ht as RichTextProvider,
+  Ie as TooltipProvider
 };

package/lib/input-qvpuOf-3.js

@@ -0,0 +1,21 @@
+import { jsx as c } from "react/jsx-runtime";
+import * as o from "react";
+import { c as x } from "./index-CAiZY1nx.js";
+const h = o.forwardRef(
+  ({ className: t, type: e, ...r }, i) => /* @__PURE__ */ c(
+    "input",
+    {
+      ref: i,
+      type: e,
+      className: x(
+        "richtext-flex richtext-h-10 richtext-w-full richtext-rounded-md !richtext-border richtext-border-input richtext-bg-transparent richtext-px-3 richtext-py-2 richtext-text-sm richtext-text-foreground richtext-ring-offset-background file:richtext-border-0 file:richtext-bg-transparent file:richtext-text-sm file:richtext-font-medium placeholder:richtext-text-muted-foreground focus-visible:richtext-outline-none focus-visible:richtext-ring-1 focus-visible:richtext-ring-ring focus-visible:richtext-ring-offset-1 disabled:richtext-cursor-not-allowed disabled:richtext-opacity-50",
+        t
+      ),
+      ...r
+    }
+  )
+);
+h.displayName = "Input";
+export {
+  h as I
+};

package/lib/input-s0JD5kf2.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),s=require("./index-DWSAk_9a.cjs");function u(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 x=u(o),c=x.forwardRef(({className:t,type:r,...e},i)=>n.jsx("input",{ref:i,type:r,className:s.cn("richtext-flex richtext-h-10 richtext-w-full richtext-rounded-md !richtext-border richtext-border-input richtext-bg-transparent richtext-px-3 richtext-py-2 richtext-text-sm richtext-text-foreground richtext-ring-offset-background file:richtext-border-0 file:richtext-bg-transparent file:richtext-text-sm file:richtext-font-medium placeholder:richtext-text-muted-foreground focus-visible:richtext-outline-none focus-visible:richtext-ring-1 focus-visible:richtext-ring-ring focus-visible:richtext-ring-offset-1 disabled:richtext-cursor-not-allowed disabled:richtext-opacity-50",t),...e}));c.displayName="Input";exports.Input=c;