@remarkablejames/editor 0.0.1 → 0.0.2

package/lib/Callout.js

@@ -1,50 +1,54 @@
-import { h as D, j as x, N as H, k as M, m as B } from "./clsx-CDyrfCnw.js";
-import { h as V, u as j, d as P, D as E, m as R, A as T, n as W, o as F, L as u, j as v, p as U, B as C } from "./index-lj3VWExo.js";
-import { jsx as o, jsxs as l, Fragment as Y } from "react/jsx-runtime";
+import { h as D, j as x, N as H, k as M, m as B } from "./clsx-m_C5j3RU.js";
+import { A as T } from "./toggle-DoJTBdvy.js";
+import { jsx as o, jsxs as l, Fragment as V } from "react/jsx-runtime";
+import { Info as P, Lightbulb as j, AlertCircle as E, TriangleAlert as R, OctagonAlert as W } from "lucide-react";
 import { useState as s } from "react";
-import "./theme.js";
-import { Info as _, Lightbulb as $, AlertCircle as z, TriangleAlert as K, OctagonAlert as q } from "lucide-react";
-import { S as G, a as J, b as Q, c as X, d as Z } from "./select-CuE_HaQJ.js";
+import { D as F, a as U, b as Y, c as _, d as $ } from "./dialog-QWWUWOGP.js";
+import { S as z, a as K, b as q, c as G, d as J } from "./select-B3-5wTqn.js";
+import { f as Q, u as X, c as Z } from "./useButtonProps-BE10eHkG.js";
 import { u as tt } from "./index-4Q5IhypJ.js";
+import { L as u } from "./label-DC37f2RQ.js";
+import { I as v } from "./input-qvpuOf-3.js";
+import { B as C } from "./button-CDIxPURh.js";
 const y = [
   {
     value: "note",
     label: "Note",
-    icon: _,
+    icon: P,
     color: "#1f6feb",
     background: "#1f6feb1f"
   },
   {
     value: "tip",
     label: "Tip",
-    icon: $,
+    icon: j,
     color: "#238636",
     background: "#2386361f"
   },
   {
     value: "important",
     label: "Important",
-    icon: z,
+    icon: E,
     color: "#ab7df8",
     background: "#ab7df81f"
   },
   {
     value: "warning",
     label: "Warning",
-    icon: K,
+    icon: R,
     color: "#d29922",
     background: "#d299221f"
   },
   {
     value: "caution",
     label: "Caution",
-    icon: q,
+    icon: W,
     color: "#f85149",
     background: "#f851491f"
   }
 ];
 function et({ node: t }) {
-  const { type: e = "note", title: a = "", body: n = "" } = t.attrs, c = (y.find((d) => d.value === e) || y[0]).icon;
+  const { type: e = "note", title: r = "", body: n = "" } = t.attrs, c = (y.find((d) => d.value === e) || y[0]).icon;
   return /* @__PURE__ */ o(D, { children: /* @__PURE__ */ l(
     "div",
     {
@@ -71,7 +75,7 @@ function et({ node: t }) {
             }),
             children: [
               /* @__PURE__ */ o(c, { className: "richtext-size-5" }),
-              /* @__PURE__ */ o("span", { className: "richtext-font-semibold", children: a })
+              /* @__PURE__ */ o("span", { className: "richtext-font-semibold", children: r })
             ]
           }
         ),
@@ -87,39 +91,39 @@ const ot = [
   { value: "warning", label: "Warning", icon: "TriangleAlert" },
   { value: "caution", label: "Caution", icon: "OctagonAlert" }
 ];
-function ht() {
-  const { t } = tt(), e = V(), a = j(lt.name), [n, i] = s(!1), [c, d] = s("note"), [p, b] = s(""), [g, f] = s(""), {
+function gt() {
+  const { t } = tt(), e = Q(), r = X(lt.name), [n, i] = s(!1), [c, d] = s("note"), [h, b] = s(""), [f, g] = s(""), {
     icon: A = void 0,
     tooltip: N = void 0,
     shortcutKeys: L = void 0,
-    tooltipOptions: S = {},
-    isActive: k = void 0
-  } = (a == null ? void 0 : a.componentProps) ?? {}, { dataState: I, disabled: m } = P(k), w = () => {
-    e && (e.chain().focus().setCallout({ type: c, title: p, body: g }).run(), i(!1), d("note"), b(""), f(""));
+    tooltipOptions: I = {},
+    isActive: S = void 0
+  } = (r == null ? void 0 : r.componentProps) ?? {}, { dataState: k, disabled: m } = Z(S), w = () => {
+    e && (e.chain().focus().setCallout({ type: c, title: h, body: f }).run(), i(!1), d("note"), b(""), g(""));
   }, O = () => {
     m || i(!0);
   };
-  return a ? /* @__PURE__ */ l(E, { onOpenChange: i, open: n, children: [
-    /* @__PURE__ */ o(R, { asChild: !0, children: /* @__PURE__ */ o(
+  return r ? /* @__PURE__ */ l(F, { onOpenChange: i, open: n, children: [
+    /* @__PURE__ */ o(U, { asChild: !0, children: /* @__PURE__ */ o(
       T,
       {
         action: O,
-        dataState: I,
+        dataState: k,
         disabled: m,
         icon: A,
         shortcutKeys: L,
         tooltip: N,
-        tooltipOptions: S
+        tooltipOptions: I
       }
     ) }),
-    /* @__PURE__ */ l(W, { children: [
-      /* @__PURE__ */ o(F, { children: t("editor.callout.dialog.title") }),
+    /* @__PURE__ */ l(Y, { children: [
+      /* @__PURE__ */ o(_, { children: t("editor.callout.dialog.title") }),
       /* @__PURE__ */ l("div", { className: "richtext-space-y-4 richtext-py-4", children: [
         /* @__PURE__ */ l("div", { className: "richtext-space-y-2", children: [
           /* @__PURE__ */ o(u, { children: t("editor.callout.dialog.type") }),
-          /* @__PURE__ */ l(G, { onValueChange: d, value: c, children: [
-            /* @__PURE__ */ o(J, { children: /* @__PURE__ */ o(Q, { placeholder: t("editor.callout.dialog.type.placeholder") }) }),
-            /* @__PURE__ */ o(X, { children: ot.map((r) => /* @__PURE__ */ o(Z, { value: r.value, children: t(`editor.callout.type.${r.value}`) }, r.value)) })
+          /* @__PURE__ */ l(z, { onValueChange: d, value: c, children: [
+            /* @__PURE__ */ o(K, { children: /* @__PURE__ */ o(q, { placeholder: t("editor.callout.dialog.type.placeholder") }) }),
+            /* @__PURE__ */ o(G, { children: ot.map((a) => /* @__PURE__ */ o(J, { value: a.value, children: t(`editor.callout.type.${a.value}`) }, a.value)) })
           ] })
         ] }),
         /* @__PURE__ */ l("div", { className: "richtext-space-y-2", children: [
@@ -127,9 +131,9 @@ function ht() {
           /* @__PURE__ */ o(
             v,
             {
-              onChange: (r) => b(r.target.value),
+              onChange: (a) => b(a.target.value),
               placeholder: t("editor.callout.dialog.title.placeholder"),
-              value: p
+              value: h
             }
           )
         ] }),
@@ -138,21 +142,21 @@ function ht() {
           /* @__PURE__ */ o(
             v,
             {
-              onChange: (r) => f(r.target.value),
+              onChange: (a) => g(a.target.value),
               placeholder: t("editor.callout.dialog.body.placeholder"),
-              value: g
+              value: f
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ l(U, { children: [
+      /* @__PURE__ */ l($, { children: [
         /* @__PURE__ */ o(C, { onClick: () => i(!1), variant: "outline", children: t("editor.callout.dialog.button.cancel") }),
         /* @__PURE__ */ o(C, { onClick: w, children: t("editor.callout.dialog.button.apply") })
       ] })
     ] })
-  ] }) : /* @__PURE__ */ o(Y, {});
+  ] }) : /* @__PURE__ */ o(V, {});
 }
-function h(t) {
+function p(t) {
   return (e) => e.getAttribute(t);
 }
 const lt = /* @__PURE__ */ H.create({
@@ -170,14 +174,14 @@ const lt = /* @__PURE__ */ H.create({
       HTMLAttributes: {
         class: "callout"
       },
-      button: ({ editor: e, t: a }) => ({
+      button: ({ editor: e, t: r }) => ({
         component: T,
         componentProps: {
           action: () => !0,
           isActive: () => e.isActive("callout"),
           disabled: !1,
           icon: "Callout",
-          tooltip: a("editor.callout.tooltip")
+          tooltip: r("editor.callout.tooltip")
         }
       })
     };
@@ -195,15 +199,15 @@ const lt = /* @__PURE__ */ H.create({
     return {
       type: {
         default: "",
-        parseHTML: h("type")
+        parseHTML: p("type")
       },
       title: {
         default: "",
-        parseHTML: h("title")
+        parseHTML: p("title")
       },
       body: {
         default: "",
-        parseHTML: h("body")
+        parseHTML: p("body")
       }
     };
   },
@@ -221,5 +225,5 @@ const lt = /* @__PURE__ */ H.create({
 });
 export {
   lt as Callout,
-  ht as RichTextCallout
+  gt as RichTextCallout
 };

package/lib/Clear.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./clsx-CXbNJWDD.cjs"),n=require("react/jsx-runtime"),i=require("./index-D9oM__YW.cjs");function v(){const t=i.useButtonProps(s.name),{icon:e=void 0,tooltip:o=void 0,shortcutKeys:a=void 0,tooltipOptions:u={},action:r=void 0,isActive:l=void 0}=(t==null?void 0:t.componentProps)??{},{disabled:c}=i.useActive(l),d=()=>{c||r&&r()};return t?n.jsx(i.ActionButton,{action:d,disabled:c,icon:e,shortcutKeys:a,tooltip:o,tooltipOptions:u}):n.jsx(n.Fragment,{})}const s=p.Node3.create({name:"clear",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:e,t:o})=>({componentProps:{action:()=>e.chain().focus().clearNodes().unsetAllMarks().run(),isActive:()=>e.can().chain().focus().clearNodes().unsetAllMarks().run(),icon:"Eraser",tooltip:o("editor.clear.tooltip")}})}}});exports.Clear=s;exports.RichTextClear=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./clsx-CXbNJWDD.cjs"),n=require("react/jsx-runtime"),v=require("./toggle-oFwBZC4x.cjs"),c=require("./useButtonProps-CFu0GHzW.cjs");function f(){const t=c.useButtonProps(s.name),{icon:o=void 0,tooltip:e=void 0,shortcutKeys:a=void 0,tooltipOptions:u={},action:i=void 0,isActive:l=void 0}=(t==null?void 0:t.componentProps)??{},{disabled:r}=c.useActive(l),d=()=>{r||i&&i()};return t?n.jsx(v.ActionButton,{action:d,disabled:r,icon:o,shortcutKeys:a,tooltip:e,tooltipOptions:u}):n.jsx(n.Fragment,{})}const s=p.Node3.create({name:"clear",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button:({editor:o,t:e})=>({componentProps:{action:()=>o.chain().focus().clearNodes().unsetAllMarks().run(),isActive:()=>o.can().chain().focus().clearNodes().unsetAllMarks().run(),icon:"Eraser",tooltip:e("editor.clear.tooltip")}})}}});exports.Clear=s;exports.RichTextClear=f;

package/lib/Clear.js

@@ -1,30 +1,31 @@
-import { N as l } from "./clsx-CDyrfCnw.js";
-import { jsx as r, Fragment as p } from "react/jsx-runtime";
-import { u as d, e as m, A as f } from "./index-lj3VWExo.js";
-function x() {
-  const o = d(v.name), {
+import { N as p } from "./clsx-m_C5j3RU.js";
+import { jsx as e, Fragment as l } from "react/jsx-runtime";
+import { A as d } from "./toggle-DoJTBdvy.js";
+import { u as m, d as f } from "./useButtonProps-BE10eHkG.js";
+function k() {
+  const o = m(v.name), {
     icon: t = void 0,
     tooltip: n = void 0,
     shortcutKeys: s = void 0,
     tooltipOptions: c = {},
     action: i = void 0,
     isActive: a = void 0
-  } = (o == null ? void 0 : o.componentProps) ?? {}, { disabled: e } = m(a), u = () => {
-    e || i && i();
+  } = (o == null ? void 0 : o.componentProps) ?? {}, { disabled: r } = f(a), u = () => {
+    r || i && i();
   };
-  return o ? /* @__PURE__ */ r(
-    f,
+  return o ? /* @__PURE__ */ e(
+    d,
     {
       action: u,
-      disabled: e,
+      disabled: r,
       icon: t,
       shortcutKeys: s,
       tooltip: n,
       tooltipOptions: c
     }
-  ) : /* @__PURE__ */ r(p, {});
+  ) : /* @__PURE__ */ e(l, {});
 }
-const v = /* @__PURE__ */ l.create({
+const v = /* @__PURE__ */ p.create({
   name: "clear",
   //@ts-expect-error
   addOptions() {
@@ -45,5 +46,5 @@ const v = /* @__PURE__ */ l.create({
 });
 export {
   v as Clear,
-  x as RichTextClear
+  k as RichTextClear
 };

package/lib/Code.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./clsx-CXbNJWDD.cjs"),i=require("react/jsx-runtime"),s=require("./index-D9oM__YW.cjs");require("react");require("./theme.cjs");var h=/(^|[^`])`([^`]+)`(?!`)$/,x=/(^|[^`])`([^`]+)`(?!`)/g,C=o.Mark.create({name:"code",addOptions(){return{HTMLAttributes:{}}},excludes:"_",code:!0,exitable:!0,parseHTML(){return[{tag:"code"}]},renderHTML({HTMLAttributes:e}){return["code",o.mergeAttributes(this.options.HTMLAttributes,e),0]},markdownTokenName:"codespan",parseMarkdown:(e,t)=>t.applyMark("code",[{type:"text",text:e.text||""}]),renderMarkdown:(e,t)=>e.content?`\`${t.renderChildren(e.content)}\``:"",addCommands(){return{setCode:()=>({commands:e})=>e.setMark(this.name),toggleCode:()=>({commands:e})=>e.toggleMark(this.name),unsetCode:()=>({commands:e})=>e.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-e":()=>this.editor.commands.toggleCode()}},addInputRules(){return[o.markInputRule({find:h,type:this.type})]},addPasteRules(){return[o.markPasteRule({find:x,type:this.type})]}});function v(){const e=s.useButtonProps(u.name),{icon:t=void 0,tooltip:r=void 0,shortcutKeys:n=void 0,tooltipOptions:c={},action:d=void 0,isActive:p=void 0}=(e==null?void 0:e.componentProps)??{},{dataState:l,disabled:a,update:m}=s.useToggleActive(p),g=()=>{a||d&&(d(),m())};return e?i.jsx(s.ActionButton,{action:g,dataState:l,disabled:a,icon:t,shortcutKeys:n,tooltip:r,tooltipOptions:c}):i.jsx(i.Fragment,{})}const u=C.extend({addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),button:({editor:t,t:r,extension:n})=>({componentProps:{action:()=>t.commands.toggleCode(),isActive:()=>t.isActive("code"),disabled:!t.can().toggleCode(),icon:"Code",shortcutKeys:n.options.shortcutKeys??["mod","E"],tooltip:r("editor.code.tooltip")}})}}});exports.Code=u;exports.RichTextCode=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./clsx-CXbNJWDD.cjs"),s=require("react/jsx-runtime"),h=require("./toggle-oFwBZC4x.cjs"),a=require("./useButtonProps-CFu0GHzW.cjs");var x=/(^|[^`])`([^`]+)`(?!`)$/,C=/(^|[^`])`([^`]+)`(?!`)/g,v=o.Mark.create({name:"code",addOptions(){return{HTMLAttributes:{}}},excludes:"_",code:!0,exitable:!0,parseHTML(){return[{tag:"code"}]},renderHTML({HTMLAttributes:e}){return["code",o.mergeAttributes(this.options.HTMLAttributes,e),0]},markdownTokenName:"codespan",parseMarkdown:(e,t)=>t.applyMark("code",[{type:"text",text:e.text||""}]),renderMarkdown:(e,t)=>e.content?`\`${t.renderChildren(e.content)}\``:"",addCommands(){return{setCode:()=>({commands:e})=>e.setMark(this.name),toggleCode:()=>({commands:e})=>e.toggleMark(this.name),unsetCode:()=>({commands:e})=>e.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-e":()=>this.editor.commands.toggleCode()}},addInputRules(){return[o.markInputRule({find:x,type:this.type})]},addPasteRules(){return[o.markPasteRule({find:C,type:this.type})]}});function M(){const e=a.useButtonProps(u.name),{icon:t=void 0,tooltip:r=void 0,shortcutKeys:n=void 0,tooltipOptions:c={},action:d=void 0,isActive:p=void 0}=(e==null?void 0:e.componentProps)??{},{dataState:l,disabled:i,update:g}=a.useToggleActive(p),m=()=>{i||d&&(d(),g())};return e?s.jsx(h.ActionButton,{action:m,dataState:l,disabled:i,icon:t,shortcutKeys:n,tooltip:r,tooltipOptions:c}):s.jsx(s.Fragment,{})}const u=v.extend({addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),button:({editor:t,t:r,extension:n})=>({componentProps:{action:()=>t.commands.toggleCode(),isActive:()=>t.isActive("code"),disabled:!t.can().toggleCode(),icon:"Code",shortcutKeys:n.options.shortcutKeys??["mod","E"],tooltip:r("editor.code.tooltip")}})}}});exports.Code=u;exports.RichTextCode=M;

package/lib/Code.js

@@ -1,8 +1,7 @@
-import { M as m, e as l, f as g, m as h } from "./clsx-CDyrfCnw.js";
+import { M as m, e as l, f as g, m as h } from "./clsx-m_C5j3RU.js";
 import { jsx as a, Fragment as M } from "react/jsx-runtime";
-import { u as v, d as C, A as f } from "./index-lj3VWExo.js";
-import "react";
-import "./theme.js";
+import { A as f } from "./toggle-DoJTBdvy.js";
+import { u as v, c as C } from "./useButtonProps-BE10eHkG.js";
 var k = /(^|[^`])`([^`]+)`(?!`)$/, x = /(^|[^`])`([^`]+)`(?!`)/g, y = m.create({
   name: "code",
   addOptions() {
@@ -51,7 +50,7 @@ var k = /(^|[^`])`([^`]+)`(?!`)$/, x = /(^|[^`])`([^`]+)`(?!`)/g, y = m.create({
     ];
   }
 });
-function L() {
+function K() {
   const t = v(A.name), {
     icon: e = void 0,
     tooltip: o = void 0,
@@ -96,5 +95,5 @@ const A = /* @__PURE__ */ y.extend({
 });
 export {
   A as Code,
-  L as RichTextCode
+  K as RichTextCode
 };