reactjs-tiptap-editor 1.0.10 → 1.0.12

package/lib/{popover-Csk538NC.cjs → popover-BiSrlM4j.cjs}

@@ -1 +1 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("react"),p=require("@radix-ui/react-popover"),x=require("./index-BvIJKpX1.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 h=n(s),o=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-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 !richtext-border-border",t),...i})}));c.displayName=o.Content.displayName;exports.Popover=l;exports.PopoverContent=c;exports.PopoverTrigger=m;
+"use strict";const a=require("react/jsx-runtime"),s=require("react"),p=require("@radix-ui/react-popover"),x=require("./index-CX4pNJlH.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 h=n(s),o=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-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 !richtext-border-border",t),...i})}));c.displayName=o.Content.displayName;exports.Popover=l;exports.PopoverContent=c;exports.PopoverTrigger=m;

package/lib/{popover-BVX8otO9.js → popover-CWmTzHSy.js}

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as c from "react";
 import * as t from "@radix-ui/react-popover";
-import { c as s } from "./index-BIqaogQg.js";
+import { c as s } from "./index-D9JOHlso.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,
   {

package/lib/react-BEoMZB61.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("react"),S=t=>{let e;const n=new Set,o=(s,r)=>{const c=typeof s=="function"?s(e):s;if(!Object.is(c,e)){const g=e;e=r??(typeof c!="object"||c===null)?c:Object.assign({},e,c),n.forEach(f=>f(e,g))}},i=()=>e,a={setState:o,getState:i,getInitialState:()=>l,subscribe:s=>(n.add(s),()=>n.delete(s))},l=e=t(o,i,a);return a},d=(t=>t?S(t):S),I=t=>t;function j(t,e=I){const n=u.useSyncExternalStore(t.subscribe,u.useCallback(()=>e(t.getState()),[t,e]),u.useCallback(()=>e(t.getInitialState()),[t,e]));return u.useDebugValue(n),n}const b=t=>{const e=d(t),n=o=>j(e,o);return Object.assign(n,e),n},y=(t=>t?b(t):b);exports.create=y;

package/lib/react-c9FSfB30.js

@@ -0,0 +1,27 @@
+import u from "react";
+const l = (t) => {
+  let e;
+  const n = /* @__PURE__ */ new Set(), o = (s, r) => {
+    const c = typeof s == "function" ? s(e) : s;
+    if (!Object.is(c, e)) {
+      const f = e;
+      e = r ?? (typeof c != "object" || c === null) ? c : Object.assign({}, e, c), n.forEach((g) => g(e, f));
+    }
+  }, a = () => e, i = { setState: o, getState: a, getInitialState: () => b, subscribe: (s) => (n.add(s), () => n.delete(s)) }, b = e = t(o, a, i);
+  return i;
+}, d = ((t) => t ? l(t) : l), I = (t) => t;
+function j(t, e = I) {
+  const n = u.useSyncExternalStore(
+    t.subscribe,
+    u.useCallback(() => e(t.getState()), [t, e]),
+    u.useCallback(() => e(t.getInitialState()), [t, e])
+  );
+  return u.useDebugValue(n), n;
+}
+const S = (t) => {
+  const e = d(t), n = (o) => j(e, o);
+  return Object.assign(n, e), n;
+}, O = ((t) => t ? S(t) : S);
+export {
+  O as c
+};

package/lib/separator-C-DKMYmg.js

@@ -0,0 +1,329 @@
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import * as k from "react";
+import { useCallback as m, useState as w, useEffect as L, useRef as $, useMemo as M } from "react";
+import { Plus as I } from "lucide-react";
+import { HexColorPicker as B } from "react-colorful";
+import { c as F } from "./index-D9JOHlso.js";
+import "./theme.js";
+import { B as _ } from "./button-9_8t7ca7.js";
+import { I as T } from "./input-YoheBL2D.js";
+import { P as N, a as z, b as E } from "./popover-CWmTzHSy.js";
+import * as y from "@radix-ui/react-separator";
+import { u as R, C as j } from "./index-BDX1uE62.js";
+function D() {
+  return /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", children: /* @__PURE__ */ t("path", { fill: "currentColor", d: "M18 14c0-4-6-10.8-6-10.8s-1.33 1.51-2.73 3.52l8.59 8.59c.09-.42.14-.86.14-1.31m-.88 3.12L12.5 12.5L5.27 5.27L4 6.55l3.32 3.32C6.55 11.32 6 12.79 6 14c0 3.31 2.69 6 6 6c1.52 0 2.9-.57 3.96-1.5l2.63 2.63l1.27-1.27z" }) });
+}
+const C = typeof window > "u";
+function S(e, r, c = window) {
+  const d = $(void 0);
+  L(() => {
+    d.current = r;
+  }, [r]), L(() => {
+    if (!(c && c.addEventListener)) return;
+    const u = (a) => {
+      d.current && d.current(a);
+    };
+    return c.addEventListener(e, u), () => {
+      c.removeEventListener(e, u);
+    };
+  }, [e, c]);
+}
+function J(e, r, c = {}) {
+  const { initializeWithValue: d = !0 } = c, n = m(
+    (o) => c.serializer ? c.serializer(o) : JSON.stringify(o),
+    [c]
+  ), u = m(
+    (o) => {
+      if (c.deserializer)
+        return c.deserializer(o);
+      if (o === "undefined")
+        return;
+      const s = r instanceof Function ? r() : r;
+      let i;
+      try {
+        i = JSON.parse(o);
+      } catch (l) {
+        return console.error("Error parsing JSON:", l), s;
+      }
+      return i;
+    },
+    [c, r]
+  ), a = m(() => {
+    const o = r instanceof Function ? r() : r;
+    if (C)
+      return o;
+    try {
+      const s = window.localStorage.getItem(e);
+      return s ? u(s) : o;
+    } catch (s) {
+      return console.warn(
+        `Error reading localStorage key “${e}”:`,
+        s
+      ), o;
+    }
+  }, [r, e, u]), [h, f] = w(() => d ? a() : r instanceof Function ? r() : r), b = m((o) => {
+    C && console.warn(
+      `Tried setting localStorage key “${e}” even though environment is not a client`
+    );
+    try {
+      const s = o instanceof Function ? o(a()) : o;
+      window.localStorage.setItem(e, n(s)), f(s), window.dispatchEvent(
+        new StorageEvent("local-storage", {
+          key: e
+        })
+      );
+    } catch (s) {
+      console.warn(
+        `Error setting localStorage key “${e}”:`,
+        s
+      );
+    }
+  }, [e, n, a]), g = m(() => {
+    C && console.warn(
+      `Tried removing localStorage key “${e}” even though environment is not a client`
+    );
+    const o = r instanceof Function ? r() : r;
+    window.localStorage.removeItem(e), f(o), window.dispatchEvent(
+      new StorageEvent("local-storage", {
+        key: e
+      })
+    );
+  }, [e, r]);
+  L(() => {
+    f(a());
+  }, [e]);
+  const v = m(
+    (o) => {
+      o.key && o.key !== e || f(a());
+    },
+    [e, a]
+  );
+  return S("storage", v), S("local-storage", v), [h, b, g];
+}
+function V(e) {
+  const { t: r } = R(), {
+    disabled: c = !1,
+    value: d,
+    onChange: n,
+    colors: u = j,
+    highlight: a
+  } = e, [h, f] = w(!1), b = M(() => {
+    const i = u, l = [];
+    for (let x = 0; x < i.length; x += 10)
+      l.push(i.slice(x, x + 10));
+    return l;
+  }, [u]), [g, v] = J(a ? "richtext-recent-highlight" : "richtext-recent-colors", []), o = (i) => {
+    const l = [...g], x = l.indexOf(i);
+    x !== -1 && l.splice(x, 1), l.unshift(i), l.length > 10 && l.pop(), v(l);
+  };
+  function s(i) {
+    if (i === void 0) {
+      n == null || n(i), f(!1);
+      return;
+    }
+    /^#([\da-f]{3}){1,2}$/i.test(i) && (n == null || n(i), o(i), f(!1));
+  }
+  return /* @__PURE__ */ p(
+    N,
+    {
+      modal: !0,
+      onOpenChange: f,
+      open: h,
+      children: [
+        /* @__PURE__ */ t(
+          z,
+          {
+            asChild: !0,
+            className: "!richtext-p-0",
+            disabled: c,
+            children: e == null ? void 0 : e.children
+          }
+        ),
+        /* @__PURE__ */ t(
+          E,
+          {
+            align: "start",
+            className: "richtext-size-full !richtext-p-2",
+            hideWhenDetached: !0,
+            side: "bottom",
+            children: /* @__PURE__ */ p("div", { className: "richtext-flex richtext-flex-col", children: [
+              /* @__PURE__ */ p(
+                "div",
+                {
+                  className: "rd-1 richtext-flex richtext-cursor-pointer richtext-items-center richtext-gap-[4px] richtext-p-1 hover:richtext-bg-accent",
+                  onClick: () => {
+                    s(void 0);
+                  },
+                  children: [
+                    /* @__PURE__ */ t(D, {}),
+                    /* @__PURE__ */ t("span", { className: "richtext-ml-1 richtext-text-sm", children: r(a ? "editor.nofill" : "editor.default") })
+                  ]
+                }
+              ),
+              b.map((i, l) => /* @__PURE__ */ t(
+                "span",
+                {
+                  className: "richtext-relative richtext-flex richtext-h-auto richtext-w-full richtext-p-0 last:richtext-pb-2",
+                  children: i.map((x, P) => /* @__PURE__ */ t(
+                    "span",
+                    {
+                      className: "richtext-inline-block richtext-size-6 richtext-flex-[0_0_auto] richtext-cursor-pointer richtext-rounded-sm !richtext-border richtext-border-solid !richtext-border-transparent richtext-p-0.5 hover:!richtext-border-border",
+                      onClick: () => s(x),
+                      children: /* @__PURE__ */ t(
+                        "span",
+                        {
+                          className: "richtext-relative richtext-block richtext-size-[18px] richtext-rounded-[2px]",
+                          style: {
+                            backgroundColor: x
+                          },
+                          children: x === d ? /* @__PURE__ */ t(
+                            "svg",
+                            {
+                              className: "richtext-absolute -richtext-top-px richtext-left-px richtext-block richtext-size-3",
+                              viewBox: "0 0 18 18",
+                              style: {
+                                fill: "rgb(255, 255, 255)"
+                              },
+                              children: /* @__PURE__ */ t("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" })
+                            }
+                          ) : /* @__PURE__ */ t(
+                            "svg",
+                            {
+                              viewBox: "0 0 18 18",
+                              style: {
+                                fill: "rgb(255, 255, 255)",
+                                display: "none"
+                              },
+                              children: /* @__PURE__ */ t("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" })
+                            }
+                          )
+                        }
+                      )
+                    },
+                    `sub-color-${P}`
+                  ))
+                },
+                `color-row-${l}`
+              )),
+              /* @__PURE__ */ p("div", { children: [
+                /* @__PURE__ */ t("div", { className: "richtext-my-1 richtext-text-sm", children: r("editor.recent") }),
+                /* @__PURE__ */ t("span", { className: "richtext-relative richtext-flex richtext-h-auto richtext-w-full richtext-flex-wrap richtext-p-0 last:richtext-pb-2", children: g == null ? void 0 : g.map((i, l) => /* @__PURE__ */ t(
+                  "span",
+                  {
+                    className: "richtext-inline-block richtext-size-6 richtext-flex-[0_0_auto] richtext-cursor-pointer richtext-rounded-sm !richtext-border richtext-border-transparent richtext-p-0.5 hover:richtext-border-border hover:richtext-shadow-sm",
+                    onClick: () => s(i),
+                    children: /* @__PURE__ */ t(
+                      "span",
+                      {
+                        className: "richtext-relative richtext-block richtext-size-[18px] richtext-rounded-[2px] richtext-border-transparent",
+                        style: {
+                          backgroundColor: i
+                        },
+                        children: /* @__PURE__ */ t(
+                          "svg",
+                          {
+                            viewBox: "0 0 18 18",
+                            style: {
+                              fill: "rgb(255, 255, 255)",
+                              display: "none"
+                            },
+                            children: /* @__PURE__ */ t("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" })
+                          }
+                        )
+                      }
+                    )
+                  },
+                  `sub-color-recent-${l}`
+                )) })
+              ] }),
+              /* @__PURE__ */ t(Z, { setColor: s })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+function Z({ setColor: e }) {
+  const { t: r } = R(), [c, d] = w(!1), [n, u] = w("#000000"), a = m(
+    (h) => {
+      u(h);
+    },
+    []
+  );
+  return /* @__PURE__ */ p(
+    N,
+    {
+      onOpenChange: d,
+      open: c,
+      children: [
+        /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ p(
+          "div",
+          {
+            className: "richtext-p-1.5 richtext-text-sm hover:richtext-cursor-pointer hover:richtext-bg-accent",
+            children: [
+              r("editor.color.more"),
+              "..."
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ p(E, { children: [
+          /* @__PURE__ */ p("div", { className: "richtext-flex richtext-flex-col richtext-items-center richtext-justify-center", children: [
+            /* @__PURE__ */ t(
+              B,
+              {
+                color: n,
+                onChange: (h) => {
+                  a(h);
+                }
+              }
+            ),
+            /* @__PURE__ */ t(
+              T,
+              {
+                className: "richtext-mt-[8px] richtext-w-full",
+                type: "text",
+                value: n.replace("#", ""),
+                onChange: (h) => {
+                  h.preventDefault(), h.stopPropagation(), a(`#${h.target.value}`);
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t(O, { className: "richtext-my-[10px]" }),
+          /* @__PURE__ */ t(
+            _,
+            {
+              className: "richtext-w-full",
+              onClick: (h) => {
+                h.preventDefault(), h.stopPropagation(), e(n), d(!1);
+              },
+              children: /* @__PURE__ */ t(I, { size: 16 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const O = k.forwardRef(
+  ({ className: e, orientation: r = "horizontal", decorative: c = !0, ...d }, n) => /* @__PURE__ */ t(
+    y.Root,
+    {
+      ref: n,
+      decorative: c,
+      orientation: r,
+      className: F(
+        "richtext-shrink-0 richtext-bg-border",
+        r === "horizontal" ? "richtext-h-[1px] richtext-w-full" : "richtext-h-full richtext-w-[1px]",
+        e
+      ),
+      ...d
+    }
+  )
+);
+O.displayName = y.Root.displayName;
+export {
+  V as C,
+  O as S
+};

package/lib/separator-CJ_adziN.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),n=require("react"),k=require("lucide-react"),E=require("react-colorful"),P=require("./index-CX4pNJlH.cjs");require("./theme.cjs");const O=require("./button-Cs9TroWr.cjs"),y=require("./input-BJ7ihMq-.cjs"),v=require("./popover-BiSrlM4j.cjs"),R=require("@radix-ui/react-separator"),j=require("./index-CVFzP1Dc.cjs");function L(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const c in t)if(c!=="default"){const h=Object.getOwnPropertyDescriptor(t,c);Object.defineProperty(r,c,h.get?h:{enumerable:!0,get:()=>t[c]})}}return r.default=t,Object.freeze(r)}const q=L(n),N=L(R);function _(){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"currentColor",d:"M18 14c0-4-6-10.8-6-10.8s-1.33 1.51-2.73 3.52l8.59 8.59c.09-.42.14-.86.14-1.31m-.88 3.12L12.5 12.5L5.27 5.27L4 6.55l3.32 3.32C6.55 11.32 6 12.79 6 14c0 3.31 2.69 6 6 6c1.52 0 2.9-.57 3.96-1.5l2.63 2.63l1.27-1.27z"})})}const w=typeof window>"u";function S(t,r,c=window){const h=n.useRef(void 0);n.useEffect(()=>{h.current=r},[r]),n.useEffect(()=>{if(!(c&&c.addEventListener))return;const f=x=>{h.current&&h.current(x)};return c.addEventListener(t,f),()=>{c.removeEventListener(t,f)}},[t,c])}function $(t,r,c={}){const{initializeWithValue:h=!0}=c,i=n.useCallback(o=>c.serializer?c.serializer(o):JSON.stringify(o),[c]),f=n.useCallback(o=>{if(c.deserializer)return c.deserializer(o);if(o==="undefined")return;const l=r instanceof Function?r():r;let s;try{s=JSON.parse(o)}catch(a){return console.error("Error parsing JSON:",a),l}return s},[c,r]),x=n.useCallback(()=>{const o=r instanceof Function?r():r;if(w)return o;try{const l=window.localStorage.getItem(t);return l?f(l):o}catch(l){return console.warn(`Error reading localStorage key “${t}”:`,l),o}},[r,t,f]),[d,p]=n.useState(()=>h?x():r instanceof Function?r():r),b=n.useCallback(o=>{w&&console.warn(`Tried setting localStorage key “${t}” even though environment is not a client`);try{const l=o instanceof Function?o(x()):o;window.localStorage.setItem(t,i(l)),p(l),window.dispatchEvent(new StorageEvent("local-storage",{key:t}))}catch(l){console.warn(`Error setting localStorage key “${t}”:`,l)}},[t,i,x]),g=n.useCallback(()=>{w&&console.warn(`Tried removing localStorage key “${t}” even though environment is not a client`);const o=r instanceof Function?r():r;window.localStorage.removeItem(t),p(o),window.dispatchEvent(new StorageEvent("local-storage",{key:t}))},[t,r]);n.useEffect(()=>{p(x())},[t]);const m=n.useCallback(o=>{o.key&&o.key!==t||p(x())},[t,x]);return S("storage",m),S("local-storage",m),[d,b,g]}function M(t){const{t:r}=j.useLocale(),{disabled:c=!1,value:h,onChange:i,colors:f=j.COLORS_LIST,highlight:x}=t,[d,p]=n.useState(!1),b=n.useMemo(()=>{const s=f,a=[];for(let u=0;u<s.length;u+=10)a.push(s.slice(u,u+10));return a},[f]),[g,m]=$(x?"richtext-recent-highlight":"richtext-recent-colors",[]),o=s=>{const a=[...g],u=a.indexOf(s);u!==-1&&a.splice(u,1),a.unshift(s),a.length>10&&a.pop(),m(a)};function l(s){if(s===void 0){i==null||i(s),p(!1);return}/^#([\da-f]{3}){1,2}$/i.test(s)&&(i==null||i(s),o(s),p(!1))}return e.jsxs(v.Popover,{modal:!0,onOpenChange:p,open:d,children:[e.jsx(v.PopoverTrigger,{asChild:!0,className:"!richtext-p-0",disabled:c,children:t==null?void 0:t.children}),e.jsx(v.PopoverContent,{align:"start",className:"richtext-size-full !richtext-p-2",hideWhenDetached:!0,side:"bottom",children:e.jsxs("div",{className:"richtext-flex richtext-flex-col",children:[e.jsxs("div",{className:"rd-1 richtext-flex richtext-cursor-pointer richtext-items-center richtext-gap-[4px] richtext-p-1 hover:richtext-bg-accent",onClick:()=>{l(void 0)},children:[e.jsx(_,{}),e.jsx("span",{className:"richtext-ml-1 richtext-text-sm",children:r(x?"editor.nofill":"editor.default")})]}),b.map((s,a)=>e.jsx("span",{className:"richtext-relative richtext-flex richtext-h-auto richtext-w-full richtext-p-0 last:richtext-pb-2",children:s.map((u,z)=>e.jsx("span",{className:"richtext-inline-block richtext-size-6 richtext-flex-[0_0_auto] richtext-cursor-pointer richtext-rounded-sm !richtext-border richtext-border-solid !richtext-border-transparent richtext-p-0.5 hover:!richtext-border-border",onClick:()=>l(u),children:e.jsx("span",{className:"richtext-relative richtext-block richtext-size-[18px] richtext-rounded-[2px]",style:{backgroundColor:u},children:u===h?e.jsx("svg",{className:"richtext-absolute -richtext-top-px richtext-left-px richtext-block richtext-size-3",viewBox:"0 0 18 18",style:{fill:"rgb(255, 255, 255)"},children:e.jsx("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"})}):e.jsx("svg",{viewBox:"0 0 18 18",style:{fill:"rgb(255, 255, 255)",display:"none"},children:e.jsx("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"})})})},`sub-color-${z}`))},`color-row-${a}`)),e.jsxs("div",{children:[e.jsx("div",{className:"richtext-my-1 richtext-text-sm",children:r("editor.recent")}),e.jsx("span",{className:"richtext-relative richtext-flex richtext-h-auto richtext-w-full richtext-flex-wrap richtext-p-0 last:richtext-pb-2",children:g==null?void 0:g.map((s,a)=>e.jsx("span",{className:"richtext-inline-block richtext-size-6 richtext-flex-[0_0_auto] richtext-cursor-pointer richtext-rounded-sm !richtext-border richtext-border-transparent richtext-p-0.5 hover:richtext-border-border hover:richtext-shadow-sm",onClick:()=>l(s),children:e.jsx("span",{className:"richtext-relative richtext-block richtext-size-[18px] richtext-rounded-[2px] richtext-border-transparent",style:{backgroundColor:s},children:e.jsx("svg",{viewBox:"0 0 18 18",style:{fill:"rgb(255, 255, 255)",display:"none"},children:e.jsx("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"})})})},`sub-color-recent-${a}`))})]}),e.jsx(T,{setColor:l})]})})]})}function T({setColor:t}){const{t:r}=j.useLocale(),[c,h]=n.useState(!1),[i,f]=n.useState("#000000"),x=n.useCallback(d=>{f(d)},[]);return e.jsxs(v.Popover,{onOpenChange:h,open:c,children:[e.jsx(v.PopoverTrigger,{asChild:!0,children:e.jsxs("div",{className:"richtext-p-1.5 richtext-text-sm hover:richtext-cursor-pointer hover:richtext-bg-accent",children:[r("editor.color.more"),"..."]})}),e.jsxs(v.PopoverContent,{children:[e.jsxs("div",{className:"richtext-flex richtext-flex-col richtext-items-center richtext-justify-center",children:[e.jsx(E.HexColorPicker,{color:i,onChange:d=>{x(d)}}),e.jsx(y.Input,{className:"richtext-mt-[8px] richtext-w-full",type:"text",value:i.replace("#",""),onChange:d=>{d.preventDefault(),d.stopPropagation(),x(`#${d.target.value}`)}})]}),e.jsx(C,{className:"richtext-my-[10px]"}),e.jsx(O.Button,{className:"richtext-w-full",onClick:d=>{d.preventDefault(),d.stopPropagation(),t(i),h(!1)},children:e.jsx(k.Plus,{size:16})})]})]})}const C=q.forwardRef(({className:t,orientation:r="horizontal",decorative:c=!0,...h},i)=>e.jsx(N.Root,{ref:i,decorative:c,orientation:r,className:P.cn("richtext-shrink-0 richtext-bg-border",r==="horizontal"?"richtext-h-[1px] richtext-w-full":"richtext-h-full richtext-w-[1px]",t),...h}));C.displayName=N.Root.displayName;exports.ColorPicker=M;exports.Separator=C;

package/lib/store/EditorEditableReactive.d.ts

@@ -0,0 +1 @@
+export declare function EditorEditableReactive({ editor }: any): import("react/jsx-runtime").JSX.Element;

package/lib/store/ThemeColorReactive.d.ts

@@ -0,0 +1 @@
+export declare function ThemeColorReactive(): import("react/jsx-runtime").JSX.Element;

package/lib/store/commandList.d.ts

@@ -1,2 +1,2 @@
 import { CommandList } from '../extensions/SlashCommand/types';
-export declare function useSignalCommandList(): readonly [CommandList[], (val: CommandList[] | ((oldVal: CommandList[]) => CommandList[])) => void];
+export declare function useSignalCommandList(): readonly [CommandList[], (newCommandList: CommandList[]) => void];

package/lib/store/store.d.ts

@@ -12,12 +12,11 @@ declare const ProviderUploadVideo: ({ children }: {
 }) => SelectorOutput) => [SelectorOutput, (value: Partial<{
     value: boolean;
 }>) => void];
-declare const ProviderEditableEditor: ({ children }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useStoreEditableEditor: <SelectorOutput>(selector: (store: {
-    value: boolean;
-}) => SelectorOutput) => [SelectorOutput, (value: Partial<{
+declare const useStoreEditableEditor: import('zustand').UseBoundStore<import('zustand').StoreApi<{
     value: boolean;
-}>) => void];
+    setEditable: (newValue: {
+        value: boolean;
+    }) => void;
+}>>;
 declare function useEditableEditor(): boolean;
-export { ProviderUploadImage, useStoreUploadImage, ProviderUploadVideo, useStoreUploadVideo, ProviderEditableEditor, useStoreEditableEditor, useEditableEditor, };
+export { ProviderUploadImage, useStoreUploadImage, ProviderUploadVideo, useStoreUploadVideo, useStoreEditableEditor, useEditableEditor, };

package/lib/store-BKMaw1AW.cjs

@@ -0,0 +1 @@
+"use strict";require("./index-CX4pNJlH.cjs");const e=require("./events.constant-Dq21NPdV.cjs"),a={setOpen:(t,n)=>{e.dispatchEvent(e.EVENTS.UPLOAD_IMAGE(t),n)}};exports.actionDialogImage=a;

package/lib/store-DG7cMfET.js

@@ -0,0 +1,10 @@
+import "./index-D9JOHlso.js";
+import { d as o, E as s } from "./events.constant-do95b767.js";
+const p = {
+  setOpen: (a, t) => {
+    o(s.UPLOAD_IMAGE(a), t);
+  }
+};
+export {
+  p as a
+};