@wakastellar/ui 3.3.3 → 3.5.0

package/dist/waka-editor-plugins-DR6tpsUC.mjs

@@ -0,0 +1,135 @@
+import { r as e } from "./chunk-Cr9pTUWm.mjs";
+//#region src/components/editor/waka-editor-plugins.ts
+var t = /* @__PURE__ */ e({
+	getPresetLoaders: () => g,
+	loadAIPlugins: () => d,
+	loadComboboxPlugins: () => h,
+	loadCorePlugins: () => n,
+	loadDiffPlugin: () => m,
+	loadDndPlugin: () => o,
+	loadEmojiPlugin: () => f,
+	loadFloatingPlugin: () => p,
+	loadIndentPlugin: () => c,
+	loadLinkPlugin: () => r,
+	loadMarkdownPlugin: () => l,
+	loadMediaPlugins: () => i,
+	loadMentionPlugins: () => a,
+	loadSelectionPlugin: () => u,
+	loadTocPlugin: () => s
+});
+async function n() {
+	let [e, t, n, r] = await Promise.all([
+		import("@platejs/basic-nodes/react"),
+		import("@platejs/table/react"),
+		import("@platejs/layout/react"),
+		import("@platejs/callout/react")
+	]);
+	return [
+		e.BoldPlugin,
+		e.ItalicPlugin,
+		e.UnderlinePlugin,
+		e.StrikethroughPlugin,
+		e.CodePlugin,
+		e.HighlightPlugin,
+		e.SuperscriptPlugin,
+		e.SubscriptPlugin,
+		e.H1Plugin,
+		e.H2Plugin,
+		e.H3Plugin,
+		e.H4Plugin,
+		e.H5Plugin,
+		e.H6Plugin,
+		e.BlockquotePlugin,
+		t.TablePlugin,
+		t.TableRowPlugin,
+		t.TableCellPlugin,
+		t.TableCellHeaderPlugin,
+		n.ColumnPlugin,
+		n.ColumnItemPlugin,
+		r.CalloutPlugin
+	];
+}
+async function r() {
+	let { LinkPlugin: e } = await import("@platejs/link/react");
+	return [e.configure({ options: { allowedSchemes: [
+		"http",
+		"https",
+		"mailto",
+		"tel"
+	] } })];
+}
+async function i() {
+	let { ImagePlugin: e, MediaEmbedPlugin: t } = await import("@platejs/media/react");
+	return [e, t];
+}
+async function a() {
+	let { MentionPlugin: e, MentionInputPlugin: t } = await import("@platejs/mention/react");
+	return [e.configure({ options: {
+		trigger: "@",
+		triggerPreviousCharPattern: /^$|^[\s"']$/,
+		insertSpaceAfterMention: !0
+	} }), t];
+}
+async function o() {
+	let { DndPlugin: e } = await import("@platejs/dnd/react");
+	return [e];
+}
+async function s() {
+	let { TocPlugin: e } = await import("@platejs/toc/react");
+	return [e];
+}
+async function c() {
+	let { IndentPlugin: e } = await import("@platejs/indent/react");
+	return [e];
+}
+async function l() {
+	let { MarkdownPlugin: e } = await import("@platejs/markdown");
+	return [e];
+}
+async function u() {
+	let { BlockSelectionPlugin: e } = await import("@platejs/selection/react");
+	return [e];
+}
+async function d(e) {
+	let { AIPlugin: t, AIChatPlugin: n } = await import("@platejs/ai/react"), r = [t];
+	return e?.endpoint ? r.push(n.configure({ options: { chat: {
+		api: e.endpoint,
+		body: { system: e.systemPrompt ?? "You are a helpful writing assistant." },
+		headers: e.headers
+	} } })) : r.push(n), r;
+}
+async function f() {
+	let { EmojiPlugin: e } = await import("@platejs/emoji/react");
+	return [e];
+}
+async function p() {
+	return [];
+}
+async function m() {
+	return [];
+}
+async function h() {
+	let { SlashPlugin: e, SlashInputPlugin: t } = await import("@platejs/combobox/react");
+	return [e.configure({ options: {
+		trigger: "/",
+		triggerPreviousCharPattern: /^$|^[\s"']$/
+	} }), t];
+}
+function g(e) {
+	switch (e) {
+		case "minimal": return [];
+		case "standard": return [r, c];
+		case "full": return [
+			r,
+			i,
+			a,
+			o,
+			s,
+			c,
+			l,
+			u
+		];
+	}
+}
+//#endregion
+export { m as a, p as c, l as d, i as f, t as g, s as h, n as i, c as l, u as m, d as n, o, a as p, h as r, f as s, g as t, r as u };

package/dist/waka-editor-plugins-sGSh9hn2.js

@@ -0,0 +1 @@
+var e=require(`./chunk-14q5BKub.js`).r({getPresetLoaders:()=>h,loadAIPlugins:()=>u,loadComboboxPlugins:()=>m,loadCorePlugins:()=>t,loadDiffPlugin:()=>p,loadDndPlugin:()=>a,loadEmojiPlugin:()=>d,loadFloatingPlugin:()=>f,loadIndentPlugin:()=>s,loadLinkPlugin:()=>n,loadMarkdownPlugin:()=>c,loadMediaPlugins:()=>r,loadMentionPlugins:()=>i,loadSelectionPlugin:()=>l,loadTocPlugin:()=>o});async function t(){let[e,t,n,r]=await Promise.all([import(`@platejs/basic-nodes/react`),import(`@platejs/table/react`),import(`@platejs/layout/react`),import(`@platejs/callout/react`)]);return[e.BoldPlugin,e.ItalicPlugin,e.UnderlinePlugin,e.StrikethroughPlugin,e.CodePlugin,e.HighlightPlugin,e.SuperscriptPlugin,e.SubscriptPlugin,e.H1Plugin,e.H2Plugin,e.H3Plugin,e.H4Plugin,e.H5Plugin,e.H6Plugin,e.BlockquotePlugin,t.TablePlugin,t.TableRowPlugin,t.TableCellPlugin,t.TableCellHeaderPlugin,n.ColumnPlugin,n.ColumnItemPlugin,r.CalloutPlugin]}async function n(){let{LinkPlugin:e}=await import(`@platejs/link/react`);return[e.configure({options:{allowedSchemes:[`http`,`https`,`mailto`,`tel`]}})]}async function r(){let{ImagePlugin:e,MediaEmbedPlugin:t}=await import(`@platejs/media/react`);return[e,t]}async function i(){let{MentionPlugin:e,MentionInputPlugin:t}=await import(`@platejs/mention/react`);return[e.configure({options:{trigger:`@`,triggerPreviousCharPattern:/^$|^[\s"']$/,insertSpaceAfterMention:!0}}),t]}async function a(){let{DndPlugin:e}=await import(`@platejs/dnd/react`);return[e]}async function o(){let{TocPlugin:e}=await import(`@platejs/toc/react`);return[e]}async function s(){let{IndentPlugin:e}=await import(`@platejs/indent/react`);return[e]}async function c(){let{MarkdownPlugin:e}=await import(`@platejs/markdown`);return[e]}async function l(){let{BlockSelectionPlugin:e}=await import(`@platejs/selection/react`);return[e]}async function u(e){let{AIPlugin:t,AIChatPlugin:n}=await import(`@platejs/ai/react`),r=[t];return e?.endpoint?r.push(n.configure({options:{chat:{api:e.endpoint,body:{system:e.systemPrompt??`You are a helpful writing assistant.`},headers:e.headers}}})):r.push(n),r}async function d(){let{EmojiPlugin:e}=await import(`@platejs/emoji/react`);return[e]}async function f(){return[]}async function p(){return[]}async function m(){let{SlashPlugin:e,SlashInputPlugin:t}=await import(`@platejs/combobox/react`);return[e.configure({options:{trigger:`/`,triggerPreviousCharPattern:/^$|^[\s"']$/}}),t]}function h(e){switch(e){case`minimal`:return[];case`standard`:return[n,s];case`full`:return[n,r,i,a,o,s,c,l]}}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return n}});

package/dist/waka-rich-text-editor-BlIdtknG.js

@@ -0,0 +1 @@
+require(`./chunk-14q5BKub.js`);const e=require(`./waka-rich-text-editor-D1uA3zbB.js`);exports.WakaRichTextEditor=e.t,exports.default=e.t;

package/dist/waka-rich-text-editor-D1uA3zbB.js

@@ -0,0 +1 @@
+const e=require(`./chunk-14q5BKub.js`),t=require(`./cn-DEtaFQsA.js`),n=require(`./separator-NrkltulH.js`),r=require(`./textarea-CdQWggYG.js`),i=require(`./input-BfaSAGVw.js`);let a=require(`react`);a=e.a(a);let o=require(`lucide-react`),s=require(`react/jsx-runtime`),c=require(`@radix-ui/react-popover`);c=e.a(c),t.n();var l=c.Root,u=c.Trigger,d=a.forwardRef(({className:e,align:n=`center`,sideOffset:r=4,...i},a)=>(0,s.jsx)(c.Portal,{children:(0,s.jsx)(c.Content,{ref:a,align:n,sideOffset:r,className:t.t(`z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`,e),...i})}));d.displayName=c.Content.displayName,t.n();var f=[[`bold`,`italic`,`underline`,`strike`],[`h1`,`h2`,`h3`],[`bulletList`,`orderedList`,`blockquote`],[`link`,`code`],[`undo`,`redo`]],p=a.forwardRef(({value:e=``,onChange:t,toolbar:n=f,placeholder:r=`Écrivez ici...`,maxLength:i,showCharacterCount:o=!1,minHeight:c=200,disabled:l=!1,error:u,className:d,label:p,description:h,editable:_=!0},v)=>{let[y,b]=a.useState(null),[x,S]=a.useState(null),[C,w]=a.useState(null),[T,E]=a.useState(``);return a.useEffect(()=>{(async()=>{try{let[{useEditor:e,EditorContent:t},{default:n},{default:r},{default:i},{default:a}]=await Promise.all([import(`@tiptap/react`),import(`@tiptap/starter-kit`),import(`@tiptap/extension-underline`),import(`@tiptap/extension-link`),import(`@tiptap/extension-text-align`)]);S({useEditor:e,EditorContent:t,StarterKit:n,Underline:r,Link:i,TextAlign:a}),b(!0)}catch{b(!1)}})()},[]),y&&x?(0,s.jsx)(m,{ref:v,components:x,value:e,onChange:t,toolbar:n,placeholder:r,maxLength:i,showCharacterCount:o,minHeight:c,disabled:l,error:u,className:d,label:p,description:h,editable:_,linkUrl:T,setLinkUrl:E,editor:C,setEditor:w}):(0,s.jsx)(g,{ref:v,value:e,onChange:t,placeholder:r,maxLength:i,showCharacterCount:o,minHeight:c,disabled:l,error:u,className:d,label:p,description:h,loading:y===null})});p.displayName=`WakaRichTextEditor`;var m=a.forwardRef(({components:e,value:i,onChange:o,toolbar:c,placeholder:l,maxLength:u,showCharacterCount:d,minHeight:f,disabled:p,error:m,className:g,label:_,description:v,editable:y,linkUrl:b,setLinkUrl:x,setEditor:S},C)=>{let{useEditor:w,EditorContent:T,StarterKit:E,Underline:D,Link:O,TextAlign:k}=e,A=w({extensions:[E.configure({heading:{levels:[1,2,3]}}),D,O.configure({openOnClick:!1}),k.configure({types:[`heading`,`paragraph`]})],content:i,editable:y&&!p,onUpdate:({editor:e})=>{let t=e.getHTML();(!u||t.length<=u)&&o?.(t)}});a.useEffect(()=>{S(A)},[A,S]),a.useEffect(()=>{A&&i!==A.getHTML()&&A.commands?.setContent?.(i||``,!1)},[i,A]);let j=()=>{A&&(b?A.chain().focus().setLink({href:b}).run():A.chain().focus().unsetLink().run(),x(``))},M=A?.storage?.characterCount?.characters?.()??i?.replace(/<[^>]*>/g,``).length??0;return(0,s.jsxs)(`div`,{ref:C,className:t.t(`space-y-1.5`,g),children:[_&&(0,s.jsx)(r.n,{children:_}),v&&(0,s.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:v}),(0,s.jsxs)(`div`,{className:t.t(`border rounded-lg overflow-hidden`,m&&`border-destructive`),children:[A&&c&&(0,s.jsx)(`div`,{className:`flex flex-wrap items-center gap-0.5 p-1 border-b bg-muted/30`,children:c.map((e,t)=>(0,s.jsxs)(a.Fragment,{children:[t>0&&(0,s.jsx)(n.t,{orientation:`vertical`,className:`mx-1 h-6`}),e.map(e=>(0,s.jsx)(h,{button:e,editor:A,linkUrl:b,setLinkUrl:x,handleSetLink:j},e))]},t))}),(0,s.jsx)(`div`,{style:{minHeight:f},children:(0,s.jsx)(T,{editor:A,className:t.t(`prose prose-sm max-w-none p-3 focus-within:outline-none h-full`,`[&_.ProseMirror]:outline-none [&_.ProseMirror]:min-h-[inherit]`)})}),d&&(0,s.jsxs)(`div`,{className:`flex justify-end p-1.5 border-t bg-muted/30 text-xs text-muted-foreground`,children:[M,u&&` / ${u}`,` caractères`]})]}),m&&(0,s.jsx)(`p`,{className:`text-sm text-destructive`,children:m})]})});m.displayName=`TiptapEditorComponent`;function h({button:e,editor:t,linkUrl:r,setLinkUrl:a,handleSetLink:c}){let{icon:f,action:p,isActive:m}={bold:{icon:(0,s.jsx)(o.Bold,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleBold().run(),isActive:()=>t.isActive(`bold`)},italic:{icon:(0,s.jsx)(o.Italic,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleItalic().run(),isActive:()=>t.isActive(`italic`)},underline:{icon:(0,s.jsx)(o.Underline,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleUnderline().run(),isActive:()=>t.isActive(`underline`)},strike:{icon:(0,s.jsx)(o.Strikethrough,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleStrike().run(),isActive:()=>t.isActive(`strike`)},h1:{icon:(0,s.jsx)(o.Heading1,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleHeading({level:1}).run(),isActive:()=>t.isActive(`heading`,{level:1})},h2:{icon:(0,s.jsx)(o.Heading2,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleHeading({level:2}).run(),isActive:()=>t.isActive(`heading`,{level:2})},h3:{icon:(0,s.jsx)(o.Heading3,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleHeading({level:3}).run(),isActive:()=>t.isActive(`heading`,{level:3})},bulletList:{icon:(0,s.jsx)(o.List,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleBulletList().run(),isActive:()=>t.isActive(`bulletList`)},orderedList:{icon:(0,s.jsx)(o.ListOrdered,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleOrderedList().run(),isActive:()=>t.isActive(`orderedList`)},blockquote:{icon:(0,s.jsx)(o.Quote,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleBlockquote().run(),isActive:()=>t.isActive(`blockquote`)},code:{icon:(0,s.jsx)(o.Code,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleCodeBlock().run(),isActive:()=>t.isActive(`codeBlock`)},link:{icon:(0,s.jsx)(o.Link,{className:`h-4 w-4`}),action:()=>{},isActive:()=>t.isActive(`link`)},alignLeft:{icon:(0,s.jsx)(o.AlignLeft,{className:`h-4 w-4`}),action:()=>t.chain().focus().setTextAlign(`left`).run(),isActive:()=>t.isActive({textAlign:`left`})},alignCenter:{icon:(0,s.jsx)(o.AlignCenter,{className:`h-4 w-4`}),action:()=>t.chain().focus().setTextAlign(`center`).run(),isActive:()=>t.isActive({textAlign:`center`})},alignRight:{icon:(0,s.jsx)(o.AlignRight,{className:`h-4 w-4`}),action:()=>t.chain().focus().setTextAlign(`right`).run(),isActive:()=>t.isActive({textAlign:`right`})},undo:{icon:(0,s.jsx)(o.Undo,{className:`h-4 w-4`}),action:()=>t.chain().focus().undo().run()},redo:{icon:(0,s.jsx)(o.Redo,{className:`h-4 w-4`}),action:()=>t.chain().focus().redo().run()}}[e];return e===`link`?(0,s.jsxs)(l,{children:[(0,s.jsx)(u,{asChild:!0,children:(0,s.jsx)(n.n,{type:`button`,variant:m?.()?`secondary`:`ghost`,size:`icon`,className:`h-7 w-7`,children:f})}),(0,s.jsx)(d,{className:`w-64 p-2`,children:(0,s.jsxs)(`div`,{className:`flex gap-2`,children:[(0,s.jsx)(i.t,{value:r,onChange:e=>a(e.target.value),placeholder:`https://...`,className:`h-8`}),(0,s.jsx)(n.n,{size:`sm`,onClick:c,children:`OK`})]})})]}):(0,s.jsx)(n.n,{type:`button`,variant:m?.()?`secondary`:`ghost`,size:`icon`,className:`h-7 w-7`,onClick:p,children:f})}var g=a.forwardRef(({value:e,onChange:n,placeholder:i,maxLength:a,showCharacterCount:o,minHeight:c,disabled:l,error:u,className:d,label:f,description:p,loading:m},h)=>(0,s.jsxs)(`div`,{ref:h,className:t.t(`space-y-1.5`,d),children:[f&&(0,s.jsx)(r.n,{children:f}),p&&(0,s.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:p}),(0,s.jsxs)(`div`,{className:`relative`,children:[(0,s.jsx)(r.t,{value:e,onChange:e=>n?.(e.target.value),placeholder:i,maxLength:a,disabled:l||m,style:{minHeight:c},className:t.t(u&&`border-destructive`)}),m&&(0,s.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-background/50`,children:(0,s.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:`Chargement...`})})]}),(0,s.jsxs)(`div`,{className:`flex items-center justify-between`,children:[u&&(0,s.jsx)(`p`,{className:`text-sm text-destructive`,children:u}),o&&(0,s.jsxs)(`p`,{className:`text-xs text-muted-foreground ml-auto`,children:[e?.length||0,a&&` / ${a}`,` caractères`]})]})]}));g.displayName=`FallbackEditor`,Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});

package/dist/waka-rich-text-editor-DgSWiXMW.mjs

@@ -0,0 +1,342 @@
+import { n as e, t } from "./cn-DUn6aSIQ.mjs";
+import { n, t as r } from "./separator-ibN2mycs.mjs";
+import { n as i, t as a } from "./textarea-DJDXJ3nd.mjs";
+import { t as o } from "./input-DVr_Qkl8.mjs";
+import * as s from "react";
+import { AlignCenter as c, AlignLeft as l, AlignRight as u, Bold as d, Code as f, Heading1 as p, Heading2 as m, Heading3 as h, Italic as g, Link as _, List as v, ListOrdered as y, Quote as b, Redo as x, Strikethrough as S, Underline as C, Undo as w } from "lucide-react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import * as D from "@radix-ui/react-popover";
+//#region src/components/popover/index.tsx
+e();
+var O = D.Root, k = D.Trigger, A = s.forwardRef(({ className: e, align: n = "center", sideOffset: r = 4, ...i }, a) => /* @__PURE__ */ T(D.Portal, { children: /* @__PURE__ */ T(D.Content, {
+	ref: a,
+	align: n,
+	sideOffset: r,
+	className: t("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", e),
+	...i
+}) }));
+//#endregion
+//#region src/components/waka-rich-text-editor/index.tsx
+A.displayName = D.Content.displayName, e();
+var j = [
+	[
+		"bold",
+		"italic",
+		"underline",
+		"strike"
+	],
+	[
+		"h1",
+		"h2",
+		"h3"
+	],
+	[
+		"bulletList",
+		"orderedList",
+		"blockquote"
+	],
+	["link", "code"],
+	["undo", "redo"]
+], M = s.forwardRef(({ value: e = "", onChange: t, toolbar: n = j, placeholder: r = "Écrivez ici...", maxLength: i, showCharacterCount: a = !1, minHeight: o = 200, disabled: c = !1, error: l, className: u, label: d, description: f, editable: p = !0 }, m) => {
+	let [h, g] = s.useState(null), [_, v] = s.useState(null), [y, b] = s.useState(null), [x, S] = s.useState("");
+	return s.useEffect(() => {
+		(async () => {
+			try {
+				let [{ useEditor: e, EditorContent: t }, { default: n }, { default: r }, { default: i }, { default: a }] = await Promise.all([
+					import("@tiptap/react"),
+					import("@tiptap/starter-kit"),
+					import("@tiptap/extension-underline"),
+					import("@tiptap/extension-link"),
+					import("@tiptap/extension-text-align")
+				]);
+				v({
+					useEditor: e,
+					EditorContent: t,
+					StarterKit: n,
+					Underline: r,
+					Link: i,
+					TextAlign: a
+				}), g(!0);
+			} catch {
+				g(!1);
+			}
+		})();
+	}, []), h && _ ? /* @__PURE__ */ T(N, {
+		ref: m,
+		components: _,
+		value: e,
+		onChange: t,
+		toolbar: n,
+		placeholder: r,
+		maxLength: i,
+		showCharacterCount: a,
+		minHeight: o,
+		disabled: c,
+		error: l,
+		className: u,
+		label: d,
+		description: f,
+		editable: p,
+		linkUrl: x,
+		setLinkUrl: S,
+		editor: y,
+		setEditor: b
+	}) : /* @__PURE__ */ T(F, {
+		ref: m,
+		value: e,
+		onChange: t,
+		placeholder: r,
+		maxLength: i,
+		showCharacterCount: a,
+		minHeight: o,
+		disabled: c,
+		error: l,
+		className: u,
+		label: d,
+		description: f,
+		loading: h === null
+	});
+});
+M.displayName = "WakaRichTextEditor";
+var N = s.forwardRef(({ components: e, value: n, onChange: a, toolbar: o, placeholder: c, maxLength: l, showCharacterCount: u, minHeight: d, disabled: f, error: p, className: m, label: h, description: g, editable: _, linkUrl: v, setLinkUrl: y, setEditor: b }, x) => {
+	let { useEditor: S, EditorContent: C, StarterKit: w, Underline: D, Link: O, TextAlign: k } = e, A = S({
+		extensions: [
+			w.configure({ heading: { levels: [
+				1,
+				2,
+				3
+			] } }),
+			D,
+			O.configure({ openOnClick: !1 }),
+			k.configure({ types: ["heading", "paragraph"] })
+		],
+		content: n,
+		editable: _ && !f,
+		onUpdate: ({ editor: e }) => {
+			let t = e.getHTML();
+			(!l || t.length <= l) && a?.(t);
+		}
+	});
+	s.useEffect(() => {
+		b(A);
+	}, [A, b]), s.useEffect(() => {
+		A && n !== A.getHTML() && A.commands?.setContent?.(n || "", !1);
+	}, [n, A]);
+	let j = () => {
+		A && (v ? A.chain().focus().setLink({ href: v }).run() : A.chain().focus().unsetLink().run(), y(""));
+	}, M = A?.storage?.characterCount?.characters?.() ?? n?.replace(/<[^>]*>/g, "").length ?? 0;
+	return /* @__PURE__ */ E("div", {
+		ref: x,
+		className: t("space-y-1.5", m),
+		children: [
+			h && /* @__PURE__ */ T(i, { children: h }),
+			g && /* @__PURE__ */ T("p", {
+				className: "text-sm text-muted-foreground",
+				children: g
+			}),
+			/* @__PURE__ */ E("div", {
+				className: t("border rounded-lg overflow-hidden", p && "border-destructive"),
+				children: [
+					A && o && /* @__PURE__ */ T("div", {
+						className: "flex flex-wrap items-center gap-0.5 p-1 border-b bg-muted/30",
+						children: o.map((e, t) => /* @__PURE__ */ E(s.Fragment, { children: [t > 0 && /* @__PURE__ */ T(r, {
+							orientation: "vertical",
+							className: "mx-1 h-6"
+						}), e.map((e) => /* @__PURE__ */ T(P, {
+							button: e,
+							editor: A,
+							linkUrl: v,
+							setLinkUrl: y,
+							handleSetLink: j
+						}, e))] }, t))
+					}),
+					/* @__PURE__ */ T("div", {
+						style: { minHeight: d },
+						children: /* @__PURE__ */ T(C, {
+							editor: A,
+							className: t("prose prose-sm max-w-none p-3 focus-within:outline-none h-full", "[&_.ProseMirror]:outline-none [&_.ProseMirror]:min-h-[inherit]")
+						})
+					}),
+					u && /* @__PURE__ */ E("div", {
+						className: "flex justify-end p-1.5 border-t bg-muted/30 text-xs text-muted-foreground",
+						children: [
+							M,
+							l && ` / ${l}`,
+							" caractères"
+						]
+					})
+				]
+			}),
+			p && /* @__PURE__ */ T("p", {
+				className: "text-sm text-destructive",
+				children: p
+			})
+		]
+	});
+});
+N.displayName = "TiptapEditorComponent";
+function P({ button: e, editor: t, linkUrl: r, setLinkUrl: i, handleSetLink: a }) {
+	let { icon: s, action: D, isActive: j } = {
+		bold: {
+			icon: /* @__PURE__ */ T(d, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().toggleBold().run(),
+			isActive: () => t.isActive("bold")
+		},
+		italic: {
+			icon: /* @__PURE__ */ T(g, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().toggleItalic().run(),
+			isActive: () => t.isActive("italic")
+		},
+		underline: {
+			icon: /* @__PURE__ */ T(C, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().toggleUnderline().run(),
+			isActive: () => t.isActive("underline")
+		},
+		strike: {
+			icon: /* @__PURE__ */ T(S, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().toggleStrike().run(),
+			isActive: () => t.isActive("strike")
+		},
+		h1: {
+			icon: /* @__PURE__ */ T(p, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().toggleHeading({ level: 1 }).run(),
+			isActive: () => t.isActive("heading", { level: 1 })
+		},
+		h2: {
+			icon: /* @__PURE__ */ T(m, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().toggleHeading({ level: 2 }).run(),
+			isActive: () => t.isActive("heading", { level: 2 })
+		},
+		h3: {
+			icon: /* @__PURE__ */ T(h, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().toggleHeading({ level: 3 }).run(),
+			isActive: () => t.isActive("heading", { level: 3 })
+		},
+		bulletList: {
+			icon: /* @__PURE__ */ T(v, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().toggleBulletList().run(),
+			isActive: () => t.isActive("bulletList")
+		},
+		orderedList: {
+			icon: /* @__PURE__ */ T(y, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().toggleOrderedList().run(),
+			isActive: () => t.isActive("orderedList")
+		},
+		blockquote: {
+			icon: /* @__PURE__ */ T(b, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().toggleBlockquote().run(),
+			isActive: () => t.isActive("blockquote")
+		},
+		code: {
+			icon: /* @__PURE__ */ T(f, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().toggleCodeBlock().run(),
+			isActive: () => t.isActive("codeBlock")
+		},
+		link: {
+			icon: /* @__PURE__ */ T(_, { className: "h-4 w-4" }),
+			action: () => {},
+			isActive: () => t.isActive("link")
+		},
+		alignLeft: {
+			icon: /* @__PURE__ */ T(l, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().setTextAlign("left").run(),
+			isActive: () => t.isActive({ textAlign: "left" })
+		},
+		alignCenter: {
+			icon: /* @__PURE__ */ T(c, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().setTextAlign("center").run(),
+			isActive: () => t.isActive({ textAlign: "center" })
+		},
+		alignRight: {
+			icon: /* @__PURE__ */ T(u, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().setTextAlign("right").run(),
+			isActive: () => t.isActive({ textAlign: "right" })
+		},
+		undo: {
+			icon: /* @__PURE__ */ T(w, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().undo().run()
+		},
+		redo: {
+			icon: /* @__PURE__ */ T(x, { className: "h-4 w-4" }),
+			action: () => t.chain().focus().redo().run()
+		}
+	}[e];
+	return e === "link" ? /* @__PURE__ */ E(O, { children: [/* @__PURE__ */ T(k, {
+		asChild: !0,
+		children: /* @__PURE__ */ T(n, {
+			type: "button",
+			variant: j?.() ? "secondary" : "ghost",
+			size: "icon",
+			className: "h-7 w-7",
+			children: s
+		})
+	}), /* @__PURE__ */ T(A, {
+		className: "w-64 p-2",
+		children: /* @__PURE__ */ E("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ T(o, {
+				value: r,
+				onChange: (e) => i(e.target.value),
+				placeholder: "https://...",
+				className: "h-8"
+			}), /* @__PURE__ */ T(n, {
+				size: "sm",
+				onClick: a,
+				children: "OK"
+			})]
+		})
+	})] }) : /* @__PURE__ */ T(n, {
+		type: "button",
+		variant: j?.() ? "secondary" : "ghost",
+		size: "icon",
+		className: "h-7 w-7",
+		onClick: D,
+		children: s
+	});
+}
+var F = s.forwardRef(({ value: e, onChange: n, placeholder: r, maxLength: o, showCharacterCount: s, minHeight: c, disabled: l, error: u, className: d, label: f, description: p, loading: m }, h) => /* @__PURE__ */ E("div", {
+	ref: h,
+	className: t("space-y-1.5", d),
+	children: [
+		f && /* @__PURE__ */ T(i, { children: f }),
+		p && /* @__PURE__ */ T("p", {
+			className: "text-sm text-muted-foreground",
+			children: p
+		}),
+		/* @__PURE__ */ E("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ T(a, {
+				value: e,
+				onChange: (e) => n?.(e.target.value),
+				placeholder: r,
+				maxLength: o,
+				disabled: l || m,
+				style: { minHeight: c },
+				className: t(u && "border-destructive")
+			}), m && /* @__PURE__ */ T("div", {
+				className: "absolute inset-0 flex items-center justify-center bg-background/50",
+				children: /* @__PURE__ */ T("span", {
+					className: "text-sm text-muted-foreground",
+					children: "Chargement..."
+				})
+			})]
+		}),
+		/* @__PURE__ */ E("div", {
+			className: "flex items-center justify-between",
+			children: [u && /* @__PURE__ */ T("p", {
+				className: "text-sm text-destructive",
+				children: u
+			}), s && /* @__PURE__ */ E("p", {
+				className: "text-xs text-muted-foreground ml-auto",
+				children: [
+					e?.length || 0,
+					o && ` / ${o}`,
+					" caractères"
+				]
+			})]
+		})
+	]
+}));
+F.displayName = "FallbackEditor";
+//#endregion
+export { k as i, O as n, A as r, M as t };

package/dist/waka-rich-text-editor-DndVJuDw.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "./waka-rich-text-editor-DgSWiXMW.mjs";
+export { e as WakaRichTextEditor, e as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wakastellar/ui",
-  "version": "3.3.3",
+  "version": "3.5.0",
   "description": "Zero-config UI Library for Next.js with TweakCN theming and i18n support",
   "keywords": [
     "ui",
@@ -47,6 +47,11 @@
       "import": "./dist/doc.es.js",
       "require": "./dist/doc.cjs.js"
     },
+    "./editor": {
+      "types": "./dist/editor.d.ts",
+      "import": "./dist/editor.es.js",
+      "require": "./dist/editor.cjs.js"
+    },
     "./styles": "./src/styles/globals.css",
     "./styles/v3": "./src/styles/globals-v3.css",
     "./styles/v4": "./src/styles/globals.css",
@@ -125,7 +130,27 @@
     "rehype-slug": ">=6.0.0",
     "remark-gfm": ">=4.0.0",
     "tailwindcss": ">=3.4.0 || >=4.0.0",
-    "tiptap-markdown": ">=0.8.0"
+    "tiptap-markdown": ">=0.8.0",
+    "platejs": ">=52.0.0",
+    "@platejs/basic-nodes": ">=52.0.0",
+    "@platejs/table": ">=52.0.0",
+    "@platejs/layout": ">=52.0.0",
+    "@platejs/callout": ">=52.0.0",
+    "@platejs/link": ">=52.0.0",
+    "@platejs/media": ">=52.0.0",
+    "@platejs/mention": ">=52.0.0",
+    "@platejs/dnd": ">=52.0.0",
+    "@platejs/toc": ">=52.0.0",
+    "@platejs/indent": ">=52.0.0",
+    "@platejs/markdown": ">=52.0.0",
+    "@platejs/selection": ">=52.0.0",
+    "@platejs/ai": ">=52.0.0",
+    "@platejs/combobox": ">=52.0.0",
+    "@platejs/floating": ">=52.0.0",
+    "@platejs/diff": ">=52.0.0",
+    "@platejs/emoji": ">=52.0.0",
+    "@platejs/resizable": ">=52.0.0",
+    "@platejs/yjs": ">=52.0.0"
   },
   "peerDependenciesMeta": {
     "react-hook-form": {
@@ -172,6 +197,66 @@
     },
     "rehype-raw": {
       "optional": true
+    },
+    "platejs": {
+      "optional": true
+    },
+    "@platejs/basic-nodes": {
+      "optional": true
+    },
+    "@platejs/table": {
+      "optional": true
+    },
+    "@platejs/layout": {
+      "optional": true
+    },
+    "@platejs/callout": {
+      "optional": true
+    },
+    "@platejs/link": {
+      "optional": true
+    },
+    "@platejs/media": {
+      "optional": true
+    },
+    "@platejs/mention": {
+      "optional": true
+    },
+    "@platejs/dnd": {
+      "optional": true
+    },
+    "@platejs/toc": {
+      "optional": true
+    },
+    "@platejs/indent": {
+      "optional": true
+    },
+    "@platejs/markdown": {
+      "optional": true
+    },
+    "@platejs/selection": {
+      "optional": true
+    },
+    "@platejs/ai": {
+      "optional": true
+    },
+    "@platejs/combobox": {
+      "optional": true
+    },
+    "@platejs/floating": {
+      "optional": true
+    },
+    "@platejs/diff": {
+      "optional": true
+    },
+    "@platejs/emoji": {
+      "optional": true
+    },
+    "@platejs/resizable": {
+      "optional": true
+    },
+    "@platejs/yjs": {
+      "optional": true
     }
   },
   "devDependencies": {

package/src/blocks/footer/index.tsx

@@ -4,12 +4,7 @@ import * as React from "react"
 import { cn } from "../../utils"
 import { Button } from "../../components/button"
 import { Separator } from "../../components/separator"
-import { Mail } from "lucide-react"
-
-// Inline SVG for renamed/removed lucide icons
-const Github = (props: any) => <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg>
-const Twitter = (props: any) => <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"/></svg>
-const Linkedin = (props: any) => <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect width="4" height="12" x="2" y="9"/><circle cx="4" cy="4" r="2"/></svg>
+import { Github, Twitter, Linkedin, Mail } from "lucide-react"
 
 export interface FooterLink {
   label: string

package/src/blocks/login/index.tsx

@@ -7,13 +7,7 @@ import { Input } from "../../components/input"
 import { Label } from "../../components/label"
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../components/card"
 import { Separator } from "../../components/separator"
-import { Mail, Apple } from "lucide-react"
-
-// Inline SVG for renamed/removed lucide icons
-const Github = (props: any) => <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg>
-const Linkedin = (props: any) => <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect width="4" height="12" x="2" y="9"/><circle cx="4" cy="4" r="2"/></svg>
-const Facebook = (props: any) => <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
-const Instagram = (props: any) => <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"/></svg>
+import { Github, Mail, Apple, Linkedin, Facebook, Instagram } from "lucide-react"
 import { useTheme } from "../../context/theme-provider"
 import type { LoginConfig } from "./types"