@wakastellar/ui 3.2.0 → 3.3.2

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

@@ -0,0 +1 @@
+const e=require(`./chunk-BDDJmn7V.js`),t=require(`./cn-DnPbmOCy.js`),n=require(`./separator-BKjNl9sI.js`);let r=require(`react`);r=e.n(r);let i=require(`lucide-react`),a=require(`class-variance-authority`),o=require(`react/jsx-runtime`),s=require(`@radix-ui/react-label`);s=e.n(s);let c=require(`@radix-ui/react-popover`);c=e.n(c);var l=(0,a.cva)(`text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70`),u=r.forwardRef(({className:e,...n},r)=>(0,o.jsx)(s.Root,{ref:r,className:t.t(l(),e),...n}));u.displayName=s.Root.displayName;var d=c.Root,f=c.Trigger,p=r.forwardRef(({className:e,align:n=`center`,sideOffset:r=4,...i},a)=>(0,o.jsx)(c.Portal,{children:(0,o.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})}));p.displayName=c.Content.displayName;var m=r.forwardRef(({className:e,...n},r)=>(0,o.jsx)(`textarea`,{className:t.t(`flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50`,e),ref:r,...n}));m.displayName=`Textarea`;var h=[[`bold`,`italic`,`underline`,`strike`],[`h1`,`h2`,`h3`],[`bulletList`,`orderedList`,`blockquote`],[`link`,`code`],[`undo`,`redo`]],g=r.forwardRef(({value:e=``,onChange:t,toolbar:n=h,placeholder:i=`Écrivez ici...`,maxLength:a,showCharacterCount:s=!1,minHeight:c=200,disabled:l=!1,error:u,className:d,label:f,description:p,editable:m=!0},g)=>{let[v,b]=r.useState(null),[x,S]=r.useState(null),[C,w]=r.useState(null),[T,E]=r.useState(``);return r.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)}})()},[]),v&&x?(0,o.jsx)(_,{ref:g,components:x,value:e,onChange:t,toolbar:n,placeholder:i,maxLength:a,showCharacterCount:s,minHeight:c,disabled:l,error:u,className:d,label:f,description:p,editable:m,linkUrl:T,setLinkUrl:E,editor:C,setEditor:w}):(0,o.jsx)(y,{ref:g,value:e,onChange:t,placeholder:i,maxLength:a,showCharacterCount:s,minHeight:c,disabled:l,error:u,className:d,label:f,description:p,loading:v===null})});g.displayName=`WakaRichTextEditor`;var _=r.forwardRef(({components:e,value:i,onChange:a,toolbar:s,placeholder:c,maxLength:l,showCharacterCount:d,minHeight:f,disabled:p,error:m,className:h,label:g,description:_,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();(!l||t.length<=l)&&a?.(t)}});r.useEffect(()=>{S(A)},[A,S]),r.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,o.jsxs)(`div`,{ref:C,className:t.t(`space-y-1.5`,h),children:[g&&(0,o.jsx)(u,{children:g}),_&&(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:_}),(0,o.jsxs)(`div`,{className:t.t(`border rounded-lg overflow-hidden`,m&&`border-destructive`),children:[A&&s&&(0,o.jsx)(`div`,{className:`flex flex-wrap items-center gap-0.5 p-1 border-b bg-muted/30`,children:s.map((e,t)=>(0,o.jsxs)(r.Fragment,{children:[t>0&&(0,o.jsx)(n.t,{orientation:`vertical`,className:`mx-1 h-6`}),e.map(e=>(0,o.jsx)(v,{button:e,editor:A,linkUrl:b,setLinkUrl:x,handleSetLink:j},e))]},t))}),(0,o.jsx)(`div`,{style:{minHeight:f},children:(0,o.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,o.jsxs)(`div`,{className:`flex justify-end p-1.5 border-t bg-muted/30 text-xs text-muted-foreground`,children:[M,l&&` / ${l}`,` caractères`]})]}),m&&(0,o.jsx)(`p`,{className:`text-sm text-destructive`,children:m})]})});_.displayName=`TiptapEditorComponent`;function v({button:e,editor:t,linkUrl:r,setLinkUrl:a,handleSetLink:s}){let{icon:c,action:l,isActive:u}={bold:{icon:(0,o.jsx)(i.Bold,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleBold().run(),isActive:()=>t.isActive(`bold`)},italic:{icon:(0,o.jsx)(i.Italic,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleItalic().run(),isActive:()=>t.isActive(`italic`)},underline:{icon:(0,o.jsx)(i.Underline,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleUnderline().run(),isActive:()=>t.isActive(`underline`)},strike:{icon:(0,o.jsx)(i.Strikethrough,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleStrike().run(),isActive:()=>t.isActive(`strike`)},h1:{icon:(0,o.jsx)(i.Heading1,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleHeading({level:1}).run(),isActive:()=>t.isActive(`heading`,{level:1})},h2:{icon:(0,o.jsx)(i.Heading2,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleHeading({level:2}).run(),isActive:()=>t.isActive(`heading`,{level:2})},h3:{icon:(0,o.jsx)(i.Heading3,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleHeading({level:3}).run(),isActive:()=>t.isActive(`heading`,{level:3})},bulletList:{icon:(0,o.jsx)(i.List,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleBulletList().run(),isActive:()=>t.isActive(`bulletList`)},orderedList:{icon:(0,o.jsx)(i.ListOrdered,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleOrderedList().run(),isActive:()=>t.isActive(`orderedList`)},blockquote:{icon:(0,o.jsx)(i.Quote,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleBlockquote().run(),isActive:()=>t.isActive(`blockquote`)},code:{icon:(0,o.jsx)(i.Code,{className:`h-4 w-4`}),action:()=>t.chain().focus().toggleCodeBlock().run(),isActive:()=>t.isActive(`codeBlock`)},link:{icon:(0,o.jsx)(i.Link,{className:`h-4 w-4`}),action:()=>{},isActive:()=>t.isActive(`link`)},alignLeft:{icon:(0,o.jsx)(i.AlignLeft,{className:`h-4 w-4`}),action:()=>t.chain().focus().setTextAlign(`left`).run(),isActive:()=>t.isActive({textAlign:`left`})},alignCenter:{icon:(0,o.jsx)(i.AlignCenter,{className:`h-4 w-4`}),action:()=>t.chain().focus().setTextAlign(`center`).run(),isActive:()=>t.isActive({textAlign:`center`})},alignRight:{icon:(0,o.jsx)(i.AlignRight,{className:`h-4 w-4`}),action:()=>t.chain().focus().setTextAlign(`right`).run(),isActive:()=>t.isActive({textAlign:`right`})},undo:{icon:(0,o.jsx)(i.Undo,{className:`h-4 w-4`}),action:()=>t.chain().focus().undo().run()},redo:{icon:(0,o.jsx)(i.Redo,{className:`h-4 w-4`}),action:()=>t.chain().focus().redo().run()}}[e];return e===`link`?(0,o.jsxs)(d,{children:[(0,o.jsx)(f,{asChild:!0,children:(0,o.jsx)(n.r,{type:`button`,variant:u?.()?`secondary`:`ghost`,size:`icon`,className:`h-7 w-7`,children:c})}),(0,o.jsx)(p,{className:`w-64 p-2`,children:(0,o.jsxs)(`div`,{className:`flex gap-2`,children:[(0,o.jsx)(n.n,{value:r,onChange:e=>a(e.target.value),placeholder:`https://...`,className:`h-8`}),(0,o.jsx)(n.r,{size:`sm`,onClick:s,children:`OK`})]})})]}):(0,o.jsx)(n.r,{type:`button`,variant:u?.()?`secondary`:`ghost`,size:`icon`,className:`h-7 w-7`,onClick:l,children:c})}var y=r.forwardRef(({value:e,onChange:n,placeholder:r,maxLength:i,showCharacterCount:a,minHeight:s,disabled:c,error:l,className:d,label:f,description:p,loading:h},g)=>(0,o.jsxs)(`div`,{ref:g,className:t.t(`space-y-1.5`,d),children:[f&&(0,o.jsx)(u,{children:f}),p&&(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:p}),(0,o.jsxs)(`div`,{className:`relative`,children:[(0,o.jsx)(m,{value:e,onChange:e=>n?.(e.target.value),placeholder:r,maxLength:i,disabled:c||h,style:{minHeight:s},className:t.t(l&&`border-destructive`)}),h&&(0,o.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-background/50`,children:(0,o.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:`Chargement...`})})]}),(0,o.jsxs)(`div`,{className:`flex items-center justify-between`,children:[l&&(0,o.jsx)(`p`,{className:`text-sm text-destructive`,children:l}),a&&(0,o.jsxs)(`p`,{className:`text-xs text-muted-foreground ml-auto`,children:[e?.length||0,i&&` / ${i}`,` caractères`]})]})]}));y.displayName=`FallbackEditor`,Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wakastellar/ui",
-  "version": "3.2.0",
+  "version": "3.3.2",
   "description": "Zero-config UI Library for Next.js with TweakCN theming and i18n support",
   "keywords": [
     "ui",
@@ -42,6 +42,11 @@
       "import": "./dist/export.es.js",
       "require": "./dist/export.cjs.js"
     },
+    "./doc": {
+      "types": "./dist/doc.d.ts",
+      "import": "./dist/doc.es.js",
+      "require": "./dist/doc.cjs.js"
+    },
     "./styles": "./src/styles/globals.css",
     "./styles/v3": "./src/styles/globals-v3.css",
     "./styles/v4": "./src/styles/globals.css",
@@ -56,50 +61,50 @@
     "src/blocks"
   ],
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.1.2",
-    "@radix-ui/react-alert-dialog": "^1.0.5",
-    "@radix-ui/react-aspect-ratio": "^1.0.3",
-    "@radix-ui/react-avatar": "^1.0.4",
-    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-collapsible": "^1.0.3",
-    "@radix-ui/react-context-menu": "^2.1.5",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-hover-card": "^1.0.7",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-menubar": "^1.0.4",
-    "@radix-ui/react-navigation-menu": "^1.1.4",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-progress": "^1.0.3",
-    "@radix-ui/react-radio-group": "^1.1.3",
-    "@radix-ui/react-scroll-area": "^1.0.5",
-    "@radix-ui/react-select": "^2.0.0",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slider": "^1.1.2",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-toast": "^1.1.5",
-    "@radix-ui/react-toggle": "^1.0.3",
-    "@radix-ui/react-tooltip": "^1.0.7",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toast": "^1.2.15",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.12",
-    "chalk": "^5.3.0",
+    "@tanstack/react-virtual": "^3.13.23",
+    "chalk": "^5.6.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "cmdk": "^0.2.0",
-    "commander": "^12.0.0",
+    "cmdk": "^1.1.1",
+    "commander": "^14.0.3",
     "date-fns": "^4.1.0",
-    "i18next": "^23.7.0",
-    "lucide-react": "^0.293.0",
-    "next-i18next": "^15.2.0",
+    "i18next": "^26.0.3",
+    "lucide-react": "^1.7.0",
+    "next-i18next": "^16.0.5",
     "prismjs": "^1.30.0",
     "prompts": "^2.4.2",
-    "react-datepicker": "^8.7.0",
-    "react-day-picker": "^9.11.1",
-    "react-i18next": "^13.2.0",
-    "tailwind-merge": "^3.3.1",
-    "tailwind-variants": "^0.1.18"
+    "react-datepicker": "^9.1.0",
+    "react-day-picker": "^9.14.0",
+    "react-i18next": "^17.0.2",
+    "tailwind-merge": "^3.5.0",
+    "tailwind-variants": "^3.2.2"
   },
   "peerDependencies": {
     "@tiptap/extension-link": "^2.0.0 || ^3.0.0",
@@ -107,15 +112,20 @@
     "@tiptap/extension-underline": "^2.0.0 || ^3.0.0",
     "@tiptap/react": "^2.0.0 || ^3.0.0",
     "@tiptap/starter-kit": "^2.0.0 || ^3.0.0",
+    "exceljs": ">=4.3.0",
     "jspdf": ">=4.1.0",
     "jspdf-autotable": "*",
     "next": ">=14.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-hook-form": "^7.0.0",
-    "recharts": "^2.0.0 || ^3.0.0",
+    "react-markdown": ">=9.0.0",
+    "recharts": "^2.0.0",
+    "rehype-raw": ">=7.0.0",
+    "rehype-slug": ">=6.0.0",
+    "remark-gfm": ">=4.0.0",
     "tailwindcss": ">=3.4.0 || >=4.0.0",
-    "exceljs": ">=4.3.0"
+    "tiptap-markdown": ">=0.8.0"
   },
   "peerDependenciesMeta": {
     "react-hook-form": {
@@ -147,41 +157,61 @@
     },
     "jspdf-autotable": {
       "optional": true
+    },
+    "tiptap-markdown": {
+      "optional": true
+    },
+    "react-markdown": {
+      "optional": true
+    },
+    "remark-gfm": {
+      "optional": true
+    },
+    "rehype-slug": {
+      "optional": true
+    },
+    "rehype-raw": {
+      "optional": true
     }
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.1",
-    "@storybook/addon-a11y": "^10.1.11",
-    "@storybook/addon-docs": "^10.1.11",
-    "@storybook/addon-onboarding": "^10.1.11",
-    "@storybook/addon-vitest": "^10.1.11",
-    "@storybook/react-vite": "^10.1.11",
-    "@tailwindcss/vite": "^4.1.18",
-    "@testing-library/jest-dom": "^6.1.5",
-    "@testing-library/react": "^14.1.2",
-    "@testing-library/user-event": "^14.5.1",
-    "@types/node": "^24.7.2",
-    "@types/prismjs": "^1.26.5",
+    "@chromatic-com/storybook": "^5.1.1",
+    "@storybook/addon-a11y": "^10.3.3",
+    "@storybook/addon-docs": "^10.3.3",
+    "@storybook/addon-onboarding": "^10.3.3",
+    "@storybook/addon-vitest": "^10.3.3",
+    "@storybook/react-vite": "^10.3.3",
+    "@tailwindcss/vite": "^4.2.2",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^25.5.0",
+    "@types/prismjs": "^1.26.6",
     "@types/prompts": "^2.4.9",
-    "@types/react": "^18.3.26",
+    "@types/react": "^19.2.14",
     "@types/react-datepicker": "^7.0.0",
-    "@types/react-dom": "^18.3.5",
-    "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/browser": "^3.2.4",
-    "@vitest/coverage-v8": "^3.2.4",
-    "@vitest/ui": "^3.2.4",
-    "autoprefixer": "^10.4.16",
-    "esbuild": "^0.25.0",
-    "jsdom": "^23.0.1",
-    "playwright": "^1.56.0",
-    "postcss": "^8.4.31",
-    "react-hook-form": "^7.70.0",
-    "storybook": "^10.1.11",
-    "tailwindcss": "^4.1.8",
-    "typescript": "^5.5.0",
-    "vite": "^7.1.9",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/browser": "^4.1.2",
+    "@vitest/coverage-v8": "^4.1.2",
+    "@vitest/ui": "^4.1.2",
+    "autoprefixer": "^10.4.27",
+    "esbuild": "^0.27.4",
+    "install-peerdeps": "^3.0.7",
+    "jsdom": "^29.0.1",
+    "playwright": "^1.59.0",
+    "postcss": "^8.5.8",
+    "react-hook-form": "^7.72.0",
+    "react-markdown": "^10.1.0",
+    "rehype-raw": "^7.0.0",
+    "rehype-slug": "^6.0.0",
+    "remark-gfm": "^4.0.1",
+    "storybook": "^10.3.3",
+    "tailwindcss": "^4.2.2",
+    "typescript": "^6.0.2",
+    "vite": "^8.0.3",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4",
+    "vitest": "^4.1.2",
     "vitest-axe": "^0.1.0"
   },
   "scripts": {

package/src/blocks/footer/index.tsx

@@ -4,7 +4,13 @@ import * as React from "react"
 import { cn } from "../../utils"
 import { Button } from "../../components/button"
 import { Separator } from "../../components/separator"
-import { Github, Twitter, Linkedin, Mail } from "lucide-react"
+import { GitHubLogoIcon } from "@radix-ui/react-icons"
+import { Mail } from "lucide-react"
+
+// Aliases for renamed/removed lucide icons
+const Github = GitHubLogoIcon
+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>
 
 export interface FooterLink {
   label: string

package/src/blocks/login/index.tsx

@@ -7,7 +7,13 @@ 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 { Github, Mail, Apple, Linkedin, Facebook, Instagram } from "lucide-react"
+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 { useTheme } from "../../context/theme-provider"
 import type { LoginConfig } from "./types"