reactjs-tiptap-editor 1.0.16 → 1.0.18

package/lib/plugins/image-upload.d.ts

@@ -8,6 +8,6 @@ export interface ImageUploadOptions {
     defaultInline?: boolean;
 }
 export type UploadFn = (files: File[], view: EditorView, pos: number) => void;
-export declare function createImageUpload({ validateFn, onUpload, postUpload, defaultInline }: ImageUploadOptions): UploadFn;
+export declare function createImageUpload({ validateFn, onUpload, postUpload, defaultInline, }: ImageUploadOptions): UploadFn;
 export declare function handleImagePaste(view: EditorView, event: ClipboardEvent, uploadFn: UploadFn): boolean;
 export declare function handleImageDrop(view: EditorView, event: DragEvent, moved: boolean, uploadFn: UploadFn): boolean;

package/lib/popover-BYSZ3zBi.js

@@ -0,0 +1,24 @@
+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-DHUN85fV.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,
+  {
+    align: r,
+    "data-richtext-portal": !0,
+    ref: d,
+    sideOffset: i,
+    className: s(
+      "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",
+      o
+    ),
+    ...a
+  }
+) }));
+n.displayName = t.Content.displayName;
+export {
+  x as P,
+  p as a,
+  n as b
+};

package/lib/popover-BcHDZqBt.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("react/jsx-runtime"),d=require("@radix-ui/react-popover"),p=require("react"),h=require("./index-BUTn2LY6.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/{renderNodeView-CSazLrKF.js → renderNodeView-BrM5kUj_.js}

@@ -1,5 +1,5 @@
-import { R as i } from "./clsx-DSzxBzvL.js";
-import { u as r } from "./updatePosition-CDK7OR0i.js";
+import { R as i } from "./clsx-eGVyq7ot.js";
+import { u as r } from "./updatePosition-CBRjbQMH.js";
 function l(o) {
   return () => {
     let e;

package/lib/{renderNodeView-DfLmGrgA.cjs → renderNodeView-D1zydtli.cjs}

@@ -1 +1 @@
-"use strict";const i=require("./clsx-CXbNJWDD.cjs"),r=require("./updatePosition-Cjuj2E26.cjs");function d(o){return()=>{let e;return{onStart:t=>{t.clientRect&&(e=new i.ReactRenderer(o,{props:t,editor:t.editor}),e.element.style.position="absolute",document.body.appendChild(e.element),r.updatePosition(t.editor,e.element))},onUpdate(t){e.updateProps(t),t.clientRect&&r.updatePosition(t.editor,e.element)},onKeyDown(t){var n;return t.event.key==="Escape"?(e.destroy(),e.element.remove(),!0):(n=e.ref)==null?void 0:n.onKeyDown(t)},onExit(){e.destroy(),e.element.remove()}}}}exports.renderNodeViewClosure=d;
+"use strict";const i=require("./clsx-BWE7vnna.cjs"),r=require("./updatePosition-CfmY5Trk.cjs");function d(o){return()=>{let e;return{onStart:t=>{t.clientRect&&(e=new i.ReactRenderer(o,{props:t,editor:t.editor}),e.element.style.position="absolute",document.body.appendChild(e.element),r.updatePosition(t.editor,e.element))},onUpdate(t){e.updateProps(t),t.clientRect&&r.updatePosition(t.editor,e.element)},onKeyDown(t){var n;return t.event.key==="Escape"?(e.destroy(),e.element.remove(),!0):(n=e.ref)==null?void 0:n.onKeyDown(t)},onExit(){e.destroy(),e.element.remove()}}}}exports.renderNodeViewClosure=d;

package/lib/{select-F0ZZ3VZB.js → select-C5SHDLFj.js}

@@ -1,14 +1,14 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import * as o from "react";
 import * as t from "@radix-ui/react-select";
 import { ChevronDown as x, ChevronUp as m, Check as p } from "lucide-react";
-import { c as a } from "./index-DoiuU6VA.js";
+import * as o from "react";
+import { c as a } from "./index-DHUN85fV.js";
 const v = t.Root, R = t.Value, f = o.forwardRef(({ className: i, children: c, ...r }, s) => /* @__PURE__ */ h(
   t.Trigger,
   {
     ref: s,
     className: a(
-      "richtext-flex richtext-h-10 richtext-w-full richtext-items-center richtext-justify-between richtext-rounded-md richtext-border richtext-border-input richtext-bg-background richtext-px-3 richtext-py-2 richtext-text-sm richtext-ring-offset-background placeholder:richtext-text-muted-foreground focus:richtext-outline-none focus:richtext-ring-2 focus:richtext-ring-ring focus:richtext-ring-offset-1 disabled:richtext-cursor-not-allowed disabled:richtext-opacity-50 [&>span]:richtext-line-clamp-1 richtext-text-foreground",
+      "richtext-flex richtext-h-10 richtext-w-full richtext-items-center richtext-justify-between richtext-rounded-md richtext-border richtext-border-input richtext-bg-background richtext-px-3 richtext-py-2 richtext-text-sm richtext-text-foreground richtext-ring-offset-background placeholder:richtext-text-muted-foreground focus:richtext-outline-none focus:richtext-ring-2 focus:richtext-ring-ring focus:richtext-ring-offset-1 disabled:richtext-cursor-not-allowed disabled:richtext-opacity-50 [&>span]:richtext-line-clamp-1",
       i
     ),
     ...r,
@@ -52,7 +52,7 @@ const u = o.forwardRef(({ className: i, children: c, position: r = "popper", ...
     position: r,
     ref: n,
     className: a(
-      "richtext-relative richtext-z-50 richtext-max-h-60 richtext-overflow-y-auto richtext-min-w-[8rem] richtext-overflow-hidden richtext-rounded-md richtext-border !richtext-border-border richtext-bg-popover richtext-text-popover-foreground richtext-shadow-md 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-relative richtext-z-50 richtext-max-h-60 richtext-min-w-[8rem] richtext-overflow-hidden richtext-overflow-y-auto richtext-rounded-md richtext-border !richtext-border-border richtext-bg-popover richtext-text-popover-foreground richtext-shadow-md 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",
       r === "popper" && "data-[side=bottom]:richtext-translate-y-1 data-[side=left]:richtext--translate-x-1 data-[side=right]:richtext-translate-x-1 data-[side=top]:richtext--translate-y-1",
       i
     ),
@@ -77,7 +77,10 @@ u.displayName = t.Content.displayName;
 const y = o.forwardRef(({ className: i, ...c }, r) => /* @__PURE__ */ e(
   t.Label,
   {
-    className: a("richtext-py-1.5 richtext-pl-8 richtext-pr-2 richtext-text-sm richtext-font-semibold", i),
+    className: a(
+      "richtext-py-1.5 richtext-pl-8 richtext-pr-2 richtext-text-sm richtext-font-semibold",
+      i
+    ),
     ref: r,
     ...c
   }

package/lib/{select-Doa_-jkZ.cjs → select-DHjzKkcu.cjs}

@@ -1 +1 @@
-"use strict";const c=require("react/jsx-runtime"),f=require("react"),g=require("@radix-ui/react-select"),x=require("lucide-react"),s=require("./index-Cn-t3Zxw.cjs");function l(r){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(i,e,a.get?a:{enumerable:!0,get:()=>r[e]})}}return i.default=r,Object.freeze(i)}const o=l(f),t=l(g),y=t.Root,b=t.Value,n=o.forwardRef(({className:r,children:i,...e},a)=>c.jsxs(t.Trigger,{ref:a,className:s.cn("richtext-flex richtext-h-10 richtext-w-full richtext-items-center richtext-justify-between richtext-rounded-md richtext-border richtext-border-input richtext-bg-background richtext-px-3 richtext-py-2 richtext-text-sm richtext-ring-offset-background placeholder:richtext-text-muted-foreground focus:richtext-outline-none focus:richtext-ring-2 focus:richtext-ring-ring focus:richtext-ring-offset-1 disabled:richtext-cursor-not-allowed disabled:richtext-opacity-50 [&>span]:richtext-line-clamp-1 richtext-text-foreground",r),...e,children:[i,c.jsx(t.Icon,{asChild:!0,children:c.jsx(x.ChevronDown,{className:"richtext-size-4 richtext-opacity-50"})})]}));n.displayName=t.Trigger.displayName;const h=o.forwardRef(({className:r,...i},e)=>c.jsx(t.ScrollUpButton,{ref:e,className:s.cn("richtext-flex richtext-cursor-default richtext-items-center richtext-justify-center richtext-py-1",r),...i,children:c.jsx(x.ChevronUp,{className:"richtext-size-4"})}));h.displayName=t.ScrollUpButton.displayName;const d=o.forwardRef(({className:r,...i},e)=>c.jsx(t.ScrollDownButton,{ref:e,className:s.cn("richtext-flex richtext-cursor-default richtext-items-center richtext-justify-center richtext-py-1",r),...i,children:c.jsx(x.ChevronDown,{className:"richtext-size-4"})}));d.displayName=t.ScrollDownButton.displayName;const m=o.forwardRef(({className:r,children:i,position:e="popper",...a},u)=>c.jsx(t.Portal,{children:c.jsxs(t.Content,{"data-richtext-portal":!0,position:e,ref:u,className:s.cn("richtext-relative richtext-z-50 richtext-max-h-60 richtext-overflow-y-auto richtext-min-w-[8rem] richtext-overflow-hidden richtext-rounded-md richtext-border !richtext-border-border richtext-bg-popover richtext-text-popover-foreground richtext-shadow-md 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",e==="popper"&&"data-[side=bottom]:richtext-translate-y-1 data-[side=left]:richtext--translate-x-1 data-[side=right]:richtext-translate-x-1 data-[side=top]:richtext--translate-y-1",r),...a,children:[c.jsx(h,{}),c.jsx(t.Viewport,{className:s.cn("richtext-p-1",e==="popper"&&"richtext-h-[var(--radix-select-trigger-height)] richtext-w-full richtext-min-w-[var(--radix-select-trigger-width)]"),children:i}),c.jsx(d,{})]})}));m.displayName=t.Content.displayName;const j=o.forwardRef(({className:r,...i},e)=>c.jsx(t.Label,{className:s.cn("richtext-py-1.5 richtext-pl-8 richtext-pr-2 richtext-text-sm richtext-font-semibold",r),ref:e,...i}));j.displayName=t.Label.displayName;const p=o.forwardRef(({className:r,children:i,...e},a)=>c.jsxs(t.Item,{ref:a,className:s.cn("richtext-relative richtext-flex richtext-w-full richtext-cursor-default richtext-select-none richtext-items-center richtext-rounded-sm richtext-py-1.5 richtext-pl-8 richtext-pr-2 richtext-text-sm richtext-outline-none focus:richtext-bg-accent focus:richtext-text-accent-foreground data-[disabled]:richtext-pointer-events-none data-[disabled]:richtext-opacity-50",r),...e,children:[c.jsx("span",{className:"richtext-absolute richtext-left-2 richtext-flex richtext-size-3.5 richtext-items-center richtext-justify-center",children:c.jsx(t.ItemIndicator,{children:c.jsx(x.Check,{className:"richtext-size-4"})})}),c.jsx(t.ItemText,{children:i})]}));p.displayName=t.Item.displayName;const N=o.forwardRef(({className:r,...i},e)=>c.jsx(t.Separator,{className:s.cn("richtext--mx-1 richtext-my-1 richtext-h-px richtext-bg-muted",r),ref:e,...i}));N.displayName=t.Separator.displayName;exports.Select=y;exports.SelectContent=m;exports.SelectItem=p;exports.SelectTrigger=n;exports.SelectValue=b;
+"use strict";const c=require("react/jsx-runtime"),f=require("@radix-ui/react-select"),x=require("lucide-react"),g=require("react"),s=require("./index-BUTn2LY6.cjs");function l(r){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(i,e,a.get?a:{enumerable:!0,get:()=>r[e]})}}return i.default=r,Object.freeze(i)}const t=l(f),o=l(g),y=t.Root,b=t.Value,n=o.forwardRef(({className:r,children:i,...e},a)=>c.jsxs(t.Trigger,{ref:a,className:s.cn("richtext-flex richtext-h-10 richtext-w-full richtext-items-center richtext-justify-between richtext-rounded-md richtext-border richtext-border-input richtext-bg-background richtext-px-3 richtext-py-2 richtext-text-sm richtext-text-foreground richtext-ring-offset-background placeholder:richtext-text-muted-foreground focus:richtext-outline-none focus:richtext-ring-2 focus:richtext-ring-ring focus:richtext-ring-offset-1 disabled:richtext-cursor-not-allowed disabled:richtext-opacity-50 [&>span]:richtext-line-clamp-1",r),...e,children:[i,c.jsx(t.Icon,{asChild:!0,children:c.jsx(x.ChevronDown,{className:"richtext-size-4 richtext-opacity-50"})})]}));n.displayName=t.Trigger.displayName;const h=o.forwardRef(({className:r,...i},e)=>c.jsx(t.ScrollUpButton,{ref:e,className:s.cn("richtext-flex richtext-cursor-default richtext-items-center richtext-justify-center richtext-py-1",r),...i,children:c.jsx(x.ChevronUp,{className:"richtext-size-4"})}));h.displayName=t.ScrollUpButton.displayName;const d=o.forwardRef(({className:r,...i},e)=>c.jsx(t.ScrollDownButton,{ref:e,className:s.cn("richtext-flex richtext-cursor-default richtext-items-center richtext-justify-center richtext-py-1",r),...i,children:c.jsx(x.ChevronDown,{className:"richtext-size-4"})}));d.displayName=t.ScrollDownButton.displayName;const m=o.forwardRef(({className:r,children:i,position:e="popper",...a},u)=>c.jsx(t.Portal,{children:c.jsxs(t.Content,{"data-richtext-portal":!0,position:e,ref:u,className:s.cn("richtext-relative richtext-z-50 richtext-max-h-60 richtext-min-w-[8rem] richtext-overflow-hidden richtext-overflow-y-auto richtext-rounded-md richtext-border !richtext-border-border richtext-bg-popover richtext-text-popover-foreground richtext-shadow-md 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",e==="popper"&&"data-[side=bottom]:richtext-translate-y-1 data-[side=left]:richtext--translate-x-1 data-[side=right]:richtext-translate-x-1 data-[side=top]:richtext--translate-y-1",r),...a,children:[c.jsx(h,{}),c.jsx(t.Viewport,{className:s.cn("richtext-p-1",e==="popper"&&"richtext-h-[var(--radix-select-trigger-height)] richtext-w-full richtext-min-w-[var(--radix-select-trigger-width)]"),children:i}),c.jsx(d,{})]})}));m.displayName=t.Content.displayName;const j=o.forwardRef(({className:r,...i},e)=>c.jsx(t.Label,{className:s.cn("richtext-py-1.5 richtext-pl-8 richtext-pr-2 richtext-text-sm richtext-font-semibold",r),ref:e,...i}));j.displayName=t.Label.displayName;const p=o.forwardRef(({className:r,children:i,...e},a)=>c.jsxs(t.Item,{ref:a,className:s.cn("richtext-relative richtext-flex richtext-w-full richtext-cursor-default richtext-select-none richtext-items-center richtext-rounded-sm richtext-py-1.5 richtext-pl-8 richtext-pr-2 richtext-text-sm richtext-outline-none focus:richtext-bg-accent focus:richtext-text-accent-foreground data-[disabled]:richtext-pointer-events-none data-[disabled]:richtext-opacity-50",r),...e,children:[c.jsx("span",{className:"richtext-absolute richtext-left-2 richtext-flex richtext-size-3.5 richtext-items-center richtext-justify-center",children:c.jsx(t.ItemIndicator,{children:c.jsx(x.Check,{className:"richtext-size-4"})})}),c.jsx(t.ItemText,{children:i})]}));p.displayName=t.Item.displayName;const N=o.forwardRef(({className:r,...i},e)=>c.jsx(t.Separator,{className:s.cn("richtext--mx-1 richtext-my-1 richtext-h-px richtext-bg-muted",r),ref:e,...i}));N.displayName=t.Separator.displayName;exports.Select=y;exports.SelectContent=m;exports.SelectItem=p;exports.SelectTrigger=n;exports.SelectValue=b;

package/lib/separator-BmixLrnJ.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),E=require("lucide-react"),n=require("react"),P=require("react-colorful"),j=require("./index-BUTn2LY6.cjs");require("./theme.cjs");const C=require("./index-BqL4vAWE.cjs"),v=require("./popover-BcHDZqBt.cjs"),O=require("@radix-ui/react-separator");function N(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 y=N(n),z=N(O);function R(){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 L(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 L("storage",m),L("local-storage",m),[d,b,g]}function q(t){const{t:r}=C.useLocale(),{disabled:c=!1,value:h,onChange:i,colors:f=C.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(R,{}),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,k)=>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-${k}`))},`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(M,{setColor:l})]})})]})}function M({setColor:t}){const{t:r}=C.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(P.HexColorPicker,{color:i,onChange:d=>{x(d)}}),e.jsx(j.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(S,{className:"richtext-my-[10px]"}),e.jsx(j.Button,{className:"richtext-w-full",onClick:d=>{d.preventDefault(),d.stopPropagation(),t(i),h(!1)},children:e.jsx(E.Plus,{size:16})})]})]})}const S=y.forwardRef(({className:t,orientation:r="horizontal",decorative:c=!0,...h},i)=>e.jsx(z.Root,{ref:i,decorative:c,orientation:r,className:j.cn("richtext-shrink-0 richtext-bg-border",r==="horizontal"?"richtext-h-[1px] richtext-w-full":"richtext-h-full richtext-w-[1px]",t),...h}));S.displayName=z.Root.displayName;exports.ColorPicker=q;exports.Separator=S;

package/lib/separator-CFKVxAea.js

@@ -0,0 +1,293 @@
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { Plus as k } from "lucide-react";
+import * as $ from "react";
+import { useCallback as m, useState as w, useEffect as L, useRef as M, useMemo as B } from "react";
+import { HexColorPicker as F } from "react-colorful";
+import { j as I, B as _, c as T } from "./index-DHUN85fV.js";
+import "./theme.js";
+import { u as N, C as j } from "./index-BlXGgvT-.js";
+import { P as z, a as E, b as y } from "./popover-BYSZ3zBi.js";
+import * as R from "@radix-ui/react-separator";
+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 = M(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 X(e) {
+  const { t: r } = N(), { disabled: c = !1, value: d, onChange: n, colors: u = j, highlight: a } = e, [h, f] = w(!1), b = B(() => {
+    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(z, { modal: !0, onOpenChange: f, open: h, children: [
+    /* @__PURE__ */ t(E, { asChild: !0, className: "!richtext-p-0", disabled: c, children: e == null ? void 0 : e.children }),
+    /* @__PURE__ */ t(
+      y,
+      {
+        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 } = N(), [c, d] = w(!1), [n, u] = w("#000000"), a = m((h) => {
+    u(h);
+  }, []);
+  return /* @__PURE__ */ p(z, { onOpenChange: d, open: c, children: [
+    /* @__PURE__ */ t(E, { 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(y, { children: [
+      /* @__PURE__ */ p("div", { className: "richtext-flex richtext-flex-col richtext-items-center richtext-justify-center", children: [
+        /* @__PURE__ */ t(
+          F,
+          {
+            color: n,
+            onChange: (h) => {
+              a(h);
+            }
+          }
+        ),
+        /* @__PURE__ */ t(
+          I,
+          {
+            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(k, { size: 16 })
+        }
+      )
+    ] })
+  ] });
+}
+const O = $.forwardRef(({ className: e, orientation: r = "horizontal", decorative: c = !0, ...d }, n) => /* @__PURE__ */ t(
+  R.Root,
+  {
+    ref: n,
+    decorative: c,
+    orientation: r,
+    className: T(
+      "richtext-shrink-0 richtext-bg-border",
+      r === "horizontal" ? "richtext-h-[1px] richtext-w-full" : "richtext-h-full richtext-w-[1px]",
+      e
+    ),
+    ...d
+  }
+));
+O.displayName = R.Root.displayName;
+export {
+  X as C,
+  O as S
+};

package/lib/store/editor.d.ts

@@ -18,4 +18,4 @@ export declare function useTiptapEditor(providedEditor?: Editor | null): {
 declare function useEditorInstance(): Editor;
 declare function useEditorState(): import('@tiptap/pm/state').EditorState | undefined;
 declare function useCanCommand(): (() => import('@tiptap/core').CanCommands) | undefined;
-export { useEditorInstance, useEditorState, useCanCommand, };
+export { useEditorInstance, useEditorState, useCanCommand };

package/lib/store/store.d.ts

@@ -1,23 +1,3 @@
-declare const ProviderUploadImage: ({ children }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useStoreUploadImage: <SelectorOutput>(selector: (store: {
-    value: boolean;
-}) => SelectorOutput) => [SelectorOutput, (value: Partial<{
-    value: boolean;
-}>) => void];
-declare const ProviderUploadVideo: ({ children }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useStoreUploadVideo: <SelectorOutput>(selector: (store: {
-    value: boolean;
-}) => SelectorOutput) => [SelectorOutput, (value: Partial<{
-    value: boolean;
-}>) => void];
 declare function useEditableEditor(): boolean;
-declare function useStoreEditableEditor(): (val: {
-    value: boolean;
-} | ((oldVal: {
-    value: boolean;
-}) => {
-    value: boolean;
-})) => void;
-export { ProviderUploadImage, useStoreUploadImage, ProviderUploadVideo, useStoreUploadVideo, useStoreEditableEditor, useEditableEditor, };
+declare function useStoreEditableEditor(): (val: boolean | ((oldVal: boolean) => boolean)) => void;
+export { useStoreEditableEditor, useEditableEditor };