@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/editor/waka-markdown-editor.es.js

@@ -0,0 +1,212 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../button/index.es.js";
+import { Label as n } from "../label/index.es.js";
+import { Textarea as r } from "../textarea/index.es.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/editor/waka-markdown-editor.tsx
+var s = i.forwardRef(({ markdownValue: r = "", onMarkdownChange: s, slateValue: u, onSlateChange: d, defaultMode: f = "rich", readOnly: p = !1, placeholder: m = "Commencez a ecrire...", className: h, editorClassName: g, minHeight: _ = 300, label: v, description: y, error: b, extraPlugins: x, editorRef: S }, C) => {
+	let [w, T] = i.useState(f), [E, D] = i.useState(null), [O, k] = i.useState(!1), [A, j] = i.useState(r);
+	i.useEffect(() => {
+		j(r);
+	}, [r]), i.useEffect(() => {
+		let e = !1;
+		return (async () => {
+			try {
+				let [t, n, r, i, a, o, s] = await Promise.all([
+					import("platejs/react"),
+					import("@platejs/basic-nodes/react"),
+					import("@platejs/table/react"),
+					import("@platejs/layout/react"),
+					import("@platejs/callout/react"),
+					import("@platejs/link/react"),
+					import("@platejs/markdown")
+				]), c = [
+					n.BoldPlugin,
+					n.ItalicPlugin,
+					n.UnderlinePlugin,
+					n.StrikethroughPlugin,
+					n.CodePlugin,
+					n.HighlightPlugin,
+					n.H1Plugin,
+					n.H2Plugin,
+					n.H3Plugin,
+					n.H4Plugin,
+					n.BlockquotePlugin,
+					r.TablePlugin,
+					r.TableRowPlugin,
+					r.TableCellPlugin,
+					r.TableCellHeaderPlugin,
+					i.ColumnPlugin,
+					i.ColumnItemPlugin,
+					a.CalloutPlugin,
+					o.LinkPlugin.configure({ options: { allowedSchemes: [
+						"http",
+						"https",
+						"mailto"
+					] } }),
+					s.MarkdownPlugin
+				];
+				e || D({
+					Plate: t.Plate,
+					PlateContent: t.PlateContent,
+					usePlateEditor: t.usePlateEditor,
+					plugins: c,
+					serializeMd: s.serializeMd,
+					deserializeMd: s.deserializeMd
+				});
+			} catch (t) {
+				console.error("[WakaMarkdownEditor] Failed to load:", t), e || k(!0);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, []);
+	let M = /* @__PURE__ */ a("div", {
+		className: "flex items-center gap-1 p-1 border-b bg-muted/30",
+		children: [
+			"rich",
+			"markdown",
+			"split"
+		].map((e) => /* @__PURE__ */ a(t, {
+			type: "button",
+			variant: w === e ? "secondary" : "ghost",
+			size: "sm",
+			className: "h-7 text-xs",
+			onClick: () => T(e),
+			children: e === "rich" ? "Editeur" : e === "markdown" ? "Markdown" : "Split"
+		}, e))
+	}), N = i.useCallback((e) => {
+		j(e), s?.(e);
+	}, [s]);
+	return /* @__PURE__ */ o("div", {
+		ref: C,
+		className: e("space-y-1.5", h),
+		children: [
+			v && /* @__PURE__ */ a(n, { children: v }),
+			y && /* @__PURE__ */ a("p", {
+				className: "text-sm text-muted-foreground",
+				children: y
+			}),
+			/* @__PURE__ */ o("div", {
+				className: e("border rounded-lg overflow-hidden", b && "border-destructive"),
+				children: [
+					!p && M,
+					w === "markdown" && /* @__PURE__ */ a(c, {
+						value: A,
+						onChange: N,
+						readOnly: p,
+						placeholder: m,
+						minHeight: _,
+						className: g
+					}),
+					w === "rich" && E && /* @__PURE__ */ a(l, {
+						bundle: E,
+						markdownValue: A,
+						slateValue: u,
+						onSlateChange: d,
+						onMarkdownChange: s,
+						readOnly: p,
+						placeholder: m,
+						minHeight: _,
+						className: g,
+						extraPlugins: x,
+						editorRef: S
+					}),
+					w === "split" && E && /* @__PURE__ */ o("div", {
+						className: "flex divide-x",
+						style: { minHeight: _ },
+						children: [/* @__PURE__ */ a("div", {
+							className: "flex-1 min-w-0",
+							children: /* @__PURE__ */ a(l, {
+								bundle: E,
+								markdownValue: A,
+								slateValue: u,
+								onSlateChange: d,
+								onMarkdownChange: s,
+								readOnly: p,
+								placeholder: m,
+								minHeight: _,
+								className: g,
+								extraPlugins: x,
+								editorRef: S
+							})
+						}), /* @__PURE__ */ a("div", {
+							className: "flex-1 min-w-0",
+							children: /* @__PURE__ */ a(c, {
+								value: A,
+								onChange: N,
+								readOnly: p,
+								placeholder: "Markdown...",
+								minHeight: _
+							})
+						})]
+					}),
+					!E && w !== "markdown" && /* @__PURE__ */ a("div", {
+						className: "relative",
+						style: { minHeight: _ },
+						children: /* @__PURE__ */ a("div", {
+							className: "absolute inset-0 flex items-center justify-center bg-background/50",
+							children: /* @__PURE__ */ a("span", {
+								className: "text-sm text-muted-foreground animate-pulse",
+								children: O ? "Erreur de chargement" : "Chargement..."
+							})
+						})
+					})
+				]
+			}),
+			b && /* @__PURE__ */ a("p", {
+				className: "text-sm text-destructive",
+				children: b
+			})
+		]
+	});
+});
+s.displayName = "WakaMarkdownEditor";
+function c({ value: t, onChange: n, readOnly: i, placeholder: o, minHeight: s, className: c }) {
+	return /* @__PURE__ */ a(r, {
+		value: t,
+		onChange: (e) => n(e.target.value),
+		readOnly: i,
+		placeholder: o,
+		style: { minHeight: s },
+		className: e("rounded-none border-0 resize-none font-mono text-sm", "focus-visible:ring-0 focus-visible:ring-offset-0", c)
+	});
+}
+function l({ bundle: { Plate: t, PlateContent: n, usePlateEditor: r, plugins: o, serializeMd: s }, markdownValue: c, slateValue: l, onSlateChange: u, onMarkdownChange: d, readOnly: f, placeholder: p, minHeight: m, className: h, extraPlugins: g, editorRef: _ }) {
+	let v = r({
+		plugins: i.useMemo(() => [...o, ...g ?? []], [o, g]),
+		value: l ?? [{
+			type: "p",
+			children: [{ text: c || "" }]
+		}]
+	});
+	return i.useEffect(() => {
+		_ && (_.current = v);
+	}, [v, _]), /* @__PURE__ */ a(t, {
+		editor: v,
+		onChange: i.useCallback(({ value: e }) => {
+			if (u?.(e), d && s) try {
+				d(s(v, { value: e }));
+			} catch {}
+		}, [
+			v,
+			u,
+			d,
+			s
+		]),
+		readOnly: f,
+		children: /* @__PURE__ */ a("div", {
+			style: { minHeight: m },
+			children: /* @__PURE__ */ a(n, {
+				placeholder: p,
+				readOnly: f,
+				className: e("prose prose-sm max-w-none p-4", "focus-within:outline-none", "[&_[data-slate-editor]]:outline-none [&_[data-slate-editor]]:min-h-[inherit]", h)
+			})
+		})
+	});
+}
+//#endregion
+export { s as WakaMarkdownEditor };

package/dist/components/editor/waka-mention-editor.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../avatar/index.cjs.js`),r=require(`../label/index.cjs.js`),i=require(`../textarea/index.cjs.js`);let a=require(`react`);a=e.__toESM(a);let o=require(`react/jsx-runtime`);var s=a.forwardRef(({value:e,onChange:n,readOnly:s=!1,placeholder:l=`Tapez @ pour mentionner un utilisateur...`,className:u,editorClassName:d,minHeight:f=200,label:p,description:m,error:h,onSearch:g,onMentionInserted:_,trigger:v=`@`,searchDebounceMs:y=300,maxResults:b=8,extraPlugins:x,editorRef:S},C)=>{let[w,T]=a.useState(null),[E,D]=a.useState(!1),[O,k]=a.useState([]),[A,j]=a.useState(!1),M=a.useRef(),N=a.useRef({onSearch:g,trigger:v,searchDebounceMs:y,maxResults:b,onMentionInserted:_});N.current={onSearch:g,trigger:v,searchDebounceMs:y,maxResults:b,onMentionInserted:_},a.useEffect(()=>{let e=!1;return(async()=>{try{let t=N.current,[n,r,i,a,o,s,c]=await Promise.all([import(`platejs/react`),import(`@platejs/basic-nodes/react`),import(`@platejs/table/react`),import(`@platejs/layout/react`),import(`@platejs/callout/react`),import(`@platejs/link/react`),import(`@platejs/mention/react`)]),l=[r.BoldPlugin,r.ItalicPlugin,r.UnderlinePlugin,r.StrikethroughPlugin,r.CodePlugin,r.HighlightPlugin,r.H1Plugin,r.H2Plugin,r.H3Plugin,r.H4Plugin,r.BlockquotePlugin,i.TablePlugin,i.TableRowPlugin,i.TableCellPlugin,i.TableCellHeaderPlugin,a.ColumnPlugin,a.ColumnItemPlugin,o.CalloutPlugin,s.LinkPlugin.configure({options:{allowedSchemes:[`http`,`https`,`mailto`,`tel`]}}),c.MentionPlugin.configure({options:{trigger:t.trigger,triggerPreviousCharPattern:/^$|^[\s"']$/,insertSpaceAfterMention:!0}}),c.MentionInputPlugin];e||T({Plate:n.Plate,PlateContent:n.PlateContent,usePlateEditor:n.usePlateEditor,plugins:l})}catch(t){console.error(`[WakaMentionEditor] Failed to load:`,t),e||D(!0)}})(),()=>{e=!0}},[]);let P=a.useCallback(e=>{if(M.current&&clearTimeout(M.current),!e.trim()){k([]),j(!1);return}j(!0),M.current=setTimeout(async()=>{try{let t=N.current;k((await t.onSearch(e)).slice(0,t.maxResults))}catch{k([])}finally{j(!1)}},N.current.searchDebounceMs)},[]);return w?(0,o.jsx)(c,{ref:C,bundle:w,value:e,onChange:n,readOnly:s,placeholder:l,className:u,editorClassName:d,minHeight:f,label:p,description:m,error:h,suggestions:O,searching:A,onSearch:P,onMentionInserted:_,extraPlugins:x,editorRef:S}):(0,o.jsxs)(`div`,{ref:C,className:t.cn(`space-y-1.5`,u),children:[p&&(0,o.jsx)(r.Label,{children:p}),m&&(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:m}),(0,o.jsxs)(`div`,{className:`relative`,children:[(0,o.jsx)(i.Textarea,{placeholder:l,disabled:!0,style:{minHeight:f}}),(0,o.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-background/50 rounded-lg`,children:(0,o.jsx)(`span`,{className:`text-sm text-muted-foreground animate-pulse`,children:E?`Erreur (@platejs/mention requis)`:`Chargement...`})})]}),h&&(0,o.jsx)(`p`,{className:`text-sm text-destructive`,children:h})]})});s.displayName=`WakaMentionEditor`;var c=a.forwardRef(({bundle:{Plate:e,PlateContent:n,usePlateEditor:i,plugins:s},value:c,onChange:u,readOnly:d,placeholder:f,className:p,editorClassName:m,minHeight:h,label:g,description:_,error:v,suggestions:y,searching:b,extraPlugins:x,editorRef:S},C)=>{let w=i({plugins:a.useMemo(()=>[...s,...x??[]],[s,x]),value:c??[{type:`p`,children:[{text:``}]}]});return a.useEffect(()=>{S&&(S.current=w)},[w,S]),(0,o.jsxs)(`div`,{ref:C,className:t.cn(`space-y-1.5`,p),children:[g&&(0,o.jsx)(r.Label,{children:g}),_&&(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:_}),(0,o.jsx)(e,{editor:w,onChange:u?({value:e})=>u(e):void 0,readOnly:d,children:(0,o.jsxs)(`div`,{className:t.cn(`border rounded-lg overflow-hidden relative`,v&&`border-destructive`),children:[(0,o.jsx)(`div`,{style:{minHeight:h},children:(0,o.jsx)(n,{placeholder:f,readOnly:d,className:t.cn(`prose prose-sm max-w-none p-4`,`focus-within:outline-none`,`[&_[data-slate-editor]]:outline-none [&_[data-slate-editor]]:min-h-[inherit]`,m)})}),y.length>0&&(0,o.jsx)(l,{suggestions:y,searching:b})]})}),v&&(0,o.jsx)(`p`,{className:`text-sm text-destructive`,children:v})]})});c.displayName=`MentionEditorInner`;function l({suggestions:e,searching:r,className:i,onSelect:a}){return(0,o.jsxs)(`div`,{className:t.cn(`absolute z-50 w-64 max-h-60 overflow-y-auto`,`rounded-lg border bg-popover shadow-lg`,`p-1 mt-1`,i),children:[r&&(0,o.jsx)(`div`,{className:`px-2 py-1.5 text-xs text-muted-foreground animate-pulse`,children:`Recherche...`}),e.map(e=>(0,o.jsxs)(`button`,{type:`button`,className:t.cn(`flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-left`,`text-sm transition-colors cursor-pointer`,`hover:bg-accent/50`),onClick:()=>a?.(e),children:[(0,o.jsxs)(n.Avatar,{className:`h-6 w-6`,children:[e.avatar&&(0,o.jsx)(n.AvatarImage,{src:e.avatar,alt:e.name}),(0,o.jsx)(n.AvatarFallback,{className:`text-[10px] bg-primary/10 text-primary`,children:e.name.slice(0,2).toUpperCase()})]}),(0,o.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`div`,{className:`font-medium truncate`,children:e.name}),e.email&&(0,o.jsx)(`div`,{className:`text-xs text-muted-foreground truncate`,children:e.email})]}),e.role&&(0,o.jsx)(`span`,{className:`text-[10px] text-muted-foreground shrink-0`,children:e.role})]},e.id))]})}l.displayName=`MentionSuggestions`,exports.MentionSuggestions=l,exports.WakaMentionEditor=s;

package/dist/components/editor/waka-mention-editor.es.js

@@ -0,0 +1,234 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Avatar as t, AvatarFallback as n, AvatarImage as r } from "../avatar/index.es.js";
+import { Label as i } from "../label/index.es.js";
+import { Textarea as a } from "../textarea/index.es.js";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/editor/waka-mention-editor.tsx
+var l = o.forwardRef(({ value: t, onChange: n, readOnly: r = !1, placeholder: l = "Tapez @ pour mentionner un utilisateur...", className: d, editorClassName: f, minHeight: p = 200, label: m, description: h, error: g, onSearch: _, onMentionInserted: v, trigger: y = "@", searchDebounceMs: b = 300, maxResults: x = 8, extraPlugins: S, editorRef: C }, w) => {
+	let [T, E] = o.useState(null), [D, O] = o.useState(!1), [k, A] = o.useState([]), [j, M] = o.useState(!1), N = o.useRef(), P = o.useRef({
+		onSearch: _,
+		trigger: y,
+		searchDebounceMs: b,
+		maxResults: x,
+		onMentionInserted: v
+	});
+	P.current = {
+		onSearch: _,
+		trigger: y,
+		searchDebounceMs: b,
+		maxResults: x,
+		onMentionInserted: v
+	}, o.useEffect(() => {
+		let e = !1;
+		return (async () => {
+			try {
+				let t = P.current, [n, r, i, a, o, s, c] = await Promise.all([
+					import("platejs/react"),
+					import("@platejs/basic-nodes/react"),
+					import("@platejs/table/react"),
+					import("@platejs/layout/react"),
+					import("@platejs/callout/react"),
+					import("@platejs/link/react"),
+					import("@platejs/mention/react")
+				]), l = [
+					r.BoldPlugin,
+					r.ItalicPlugin,
+					r.UnderlinePlugin,
+					r.StrikethroughPlugin,
+					r.CodePlugin,
+					r.HighlightPlugin,
+					r.H1Plugin,
+					r.H2Plugin,
+					r.H3Plugin,
+					r.H4Plugin,
+					r.BlockquotePlugin,
+					i.TablePlugin,
+					i.TableRowPlugin,
+					i.TableCellPlugin,
+					i.TableCellHeaderPlugin,
+					a.ColumnPlugin,
+					a.ColumnItemPlugin,
+					o.CalloutPlugin,
+					s.LinkPlugin.configure({ options: { allowedSchemes: [
+						"http",
+						"https",
+						"mailto",
+						"tel"
+					] } }),
+					c.MentionPlugin.configure({ options: {
+						trigger: t.trigger,
+						triggerPreviousCharPattern: /^$|^[\s"']$/,
+						insertSpaceAfterMention: !0
+					} }),
+					c.MentionInputPlugin
+				];
+				e || E({
+					Plate: n.Plate,
+					PlateContent: n.PlateContent,
+					usePlateEditor: n.usePlateEditor,
+					plugins: l
+				});
+			} catch (t) {
+				console.error("[WakaMentionEditor] Failed to load:", t), e || O(!0);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, []);
+	let F = o.useCallback((e) => {
+		if (N.current && clearTimeout(N.current), !e.trim()) {
+			A([]), M(!1);
+			return;
+		}
+		M(!0), N.current = setTimeout(async () => {
+			try {
+				let t = P.current;
+				A((await t.onSearch(e)).slice(0, t.maxResults));
+			} catch {
+				A([]);
+			} finally {
+				M(!1);
+			}
+		}, P.current.searchDebounceMs);
+	}, []);
+	return T ? /* @__PURE__ */ s(u, {
+		ref: w,
+		bundle: T,
+		value: t,
+		onChange: n,
+		readOnly: r,
+		placeholder: l,
+		className: d,
+		editorClassName: f,
+		minHeight: p,
+		label: m,
+		description: h,
+		error: g,
+		suggestions: k,
+		searching: j,
+		onSearch: F,
+		onMentionInserted: v,
+		extraPlugins: S,
+		editorRef: C
+	}) : /* @__PURE__ */ c("div", {
+		ref: w,
+		className: e("space-y-1.5", d),
+		children: [
+			m && /* @__PURE__ */ s(i, { children: m }),
+			h && /* @__PURE__ */ s("p", {
+				className: "text-sm text-muted-foreground",
+				children: h
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ s(a, {
+					placeholder: l,
+					disabled: !0,
+					style: { minHeight: p }
+				}), /* @__PURE__ */ s("div", {
+					className: "absolute inset-0 flex items-center justify-center bg-background/50 rounded-lg",
+					children: /* @__PURE__ */ s("span", {
+						className: "text-sm text-muted-foreground animate-pulse",
+						children: D ? "Erreur (@platejs/mention requis)" : "Chargement..."
+					})
+				})]
+			}),
+			g && /* @__PURE__ */ s("p", {
+				className: "text-sm text-destructive",
+				children: g
+			})
+		]
+	});
+});
+l.displayName = "WakaMentionEditor";
+var u = o.forwardRef(({ bundle: { Plate: t, PlateContent: n, usePlateEditor: r, plugins: a }, value: l, onChange: u, readOnly: f, placeholder: p, className: m, editorClassName: h, minHeight: g, label: _, description: v, error: y, suggestions: b, searching: x, extraPlugins: S, editorRef: C }, w) => {
+	let T = r({
+		plugins: o.useMemo(() => [...a, ...S ?? []], [a, S]),
+		value: l ?? [{
+			type: "p",
+			children: [{ text: "" }]
+		}]
+	});
+	return o.useEffect(() => {
+		C && (C.current = T);
+	}, [T, C]), /* @__PURE__ */ c("div", {
+		ref: w,
+		className: e("space-y-1.5", m),
+		children: [
+			_ && /* @__PURE__ */ s(i, { children: _ }),
+			v && /* @__PURE__ */ s("p", {
+				className: "text-sm text-muted-foreground",
+				children: v
+			}),
+			/* @__PURE__ */ s(t, {
+				editor: T,
+				onChange: u ? ({ value: e }) => u(e) : void 0,
+				readOnly: f,
+				children: /* @__PURE__ */ c("div", {
+					className: e("border rounded-lg overflow-hidden relative", y && "border-destructive"),
+					children: [/* @__PURE__ */ s("div", {
+						style: { minHeight: g },
+						children: /* @__PURE__ */ s(n, {
+							placeholder: p,
+							readOnly: f,
+							className: e("prose prose-sm max-w-none p-4", "focus-within:outline-none", "[&_[data-slate-editor]]:outline-none [&_[data-slate-editor]]:min-h-[inherit]", h)
+						})
+					}), b.length > 0 && /* @__PURE__ */ s(d, {
+						suggestions: b,
+						searching: x
+					})]
+				})
+			}),
+			y && /* @__PURE__ */ s("p", {
+				className: "text-sm text-destructive",
+				children: y
+			})
+		]
+	});
+});
+u.displayName = "MentionEditorInner";
+function d({ suggestions: i, searching: a, className: o, onSelect: l }) {
+	return /* @__PURE__ */ c("div", {
+		className: e("absolute z-50 w-64 max-h-60 overflow-y-auto", "rounded-lg border bg-popover shadow-lg", "p-1 mt-1", o),
+		children: [a && /* @__PURE__ */ s("div", {
+			className: "px-2 py-1.5 text-xs text-muted-foreground animate-pulse",
+			children: "Recherche..."
+		}), i.map((i) => /* @__PURE__ */ c("button", {
+			type: "button",
+			className: e("flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-left", "text-sm transition-colors cursor-pointer", "hover:bg-accent/50"),
+			onClick: () => l?.(i),
+			children: [
+				/* @__PURE__ */ c(t, {
+					className: "h-6 w-6",
+					children: [i.avatar && /* @__PURE__ */ s(r, {
+						src: i.avatar,
+						alt: i.name
+					}), /* @__PURE__ */ s(n, {
+						className: "text-[10px] bg-primary/10 text-primary",
+						children: i.name.slice(0, 2).toUpperCase()
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ s("div", {
+						className: "font-medium truncate",
+						children: i.name
+					}), i.email && /* @__PURE__ */ s("div", {
+						className: "text-xs text-muted-foreground truncate",
+						children: i.email
+					})]
+				}),
+				i.role && /* @__PURE__ */ s("span", {
+					className: "text-[10px] text-muted-foreground shrink-0",
+					children: i.role
+				})
+			]
+		}, i.id))]
+	});
+}
+d.displayName = "MentionSuggestions";
+//#endregion
+export { d as MentionSuggestions, l as WakaMentionEditor };

package/dist/components/editor/waka-slash-menu.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);function a(e,t){try{t(e.tf)}catch{}}function o(e,t){try{t(e.chain)}catch{}}var s=[{key:`h1`,label:`Titre 1`,description:`Titre principal de section`,icon:r.Heading1,group:`Blocs de base`,keywords:[`heading`,`titre`,`h1`],action:e=>a(e,e=>e.h1.toggle())},{key:`h2`,label:`Titre 2`,description:`Sous-titre de section`,icon:r.Heading2,group:`Blocs de base`,keywords:[`heading`,`titre`,`h2`],action:e=>a(e,e=>e.h2.toggle())},{key:`h3`,label:`Titre 3`,description:`Titre de sous-section`,icon:r.Heading3,group:`Blocs de base`,keywords:[`heading`,`titre`,`h3`],action:e=>a(e,e=>e.h3.toggle())},{key:`bulletList`,label:`Liste a puces`,description:`Liste non ordonnee`,icon:r.List,group:`Blocs de base`,keywords:[`bullet`,`list`,`unordered`,`puces`],action:e=>o(e,e=>e().focus().toggleBulletList().run())},{key:`numberedList`,label:`Liste numerotee`,description:`Liste ordonnee`,icon:r.ListOrdered,group:`Blocs de base`,keywords:[`numbered`,`list`,`ordered`,`numerotee`],action:e=>o(e,e=>e().focus().toggleOrderedList().run())},{key:`blockquote`,label:`Citation`,description:`Bloc de citation`,icon:r.Quote,group:`Blocs de base`,keywords:[`quote`,`citation`,`blockquote`],action:e=>a(e,e=>e.blockquote.toggle())},{key:`table`,label:`Tableau`,description:`Inserer un tableau 3x3`,icon:r.Table,group:`Blocs avances`,keywords:[`table`,`tableau`,`grid`],action:e=>a(e,e=>e.table.insert({rows:3,cols:3}))},{key:`columns`,label:`Colonnes`,description:`Mise en page multi-colonnes`,icon:r.Columns2,group:`Blocs avances`,keywords:[`column`,`colonne`,`layout`,`mise en page`],action:e=>a(e,e=>e.column.insert())},{key:`callout`,label:`Callout`,description:`Encart d'information colore`,icon:r.MessageSquarePlus,group:`Blocs avances`,keywords:[`callout`,`alert`,`info`,`encart`],action:e=>a(e,e=>e.callout.insert())},{key:`codeBlock`,label:`Bloc de code`,description:`Code source avec coloration`,icon:r.Code,group:`Blocs avances`,keywords:[`code`,`pre`,`source`],action:e=>o(e,e=>e().focus().toggleCodeBlock().run())},{key:`link`,label:`Lien`,description:`Inserer un lien hypertexte`,icon:r.Link,group:`Insertions`,keywords:[`link`,`lien`,`url`,`href`],action:e=>a(e,e=>e.link.toggle())},{key:`image`,label:`Image`,description:`Inserer une image`,icon:r.Image,group:`Insertions`,keywords:[`image`,`photo`,`picture`,`img`],action:e=>a(e,e=>e.image.insert({url:``}))},{key:`divider`,label:`Separateur`,description:`Ligne horizontale de separation`,icon:r.Minus,group:`Insertions`,keywords:[`divider`,`separator`,`hr`,`line`],action:e=>o(e,e=>e().focus().insertBreak().run())},{key:`ai`,label:`Demander a l'IA`,description:`Generer du contenu avec l'assistant IA`,icon:r.Sparkles,group:`IA`,keywords:[`ai`,`ia`,`assistant`,`generate`,`generer`],action:()=>{}}];function c({commands:e=s,className:r,onSelect:a}){let[o,c]=n.useState(``),[l,u]=n.useState(0),d=n.useRef(null),f=n.useMemo(()=>{if(!o)return e;let t=o.toLowerCase();return e.filter(e=>e.label.toLowerCase().includes(t)||e.key.toLowerCase().includes(t)||e.keywords?.some(e=>e.toLowerCase().includes(t)))},[e,o]),p=n.useMemo(()=>{let e=new Map;for(let t of f){let n=t.group||`Autre`;e.has(n)||e.set(n,[]),e.get(n).push(t)}return e},[f]),m=n.useMemo(()=>f,[f]),h=n.useCallback(e=>{e.key===`ArrowDown`?(e.preventDefault(),u(e=>Math.min(e+1,m.length-1))):e.key===`ArrowUp`?(e.preventDefault(),u(e=>Math.max(e-1,0))):e.key===`Enter`&&m[l]&&(e.preventDefault(),a?.(m[l].key))},[m,l,a]);return n.useEffect(()=>u(0),[o]),(0,i.jsxs)(`div`,{ref:d,className:t.cn(`w-72 max-h-80 overflow-y-auto`,`rounded-lg border bg-popover shadow-lg`,`p-1`,r),role:`listbox`,onKeyDown:h,children:[(0,i.jsx)(`div`,{className:`px-2 pb-1.5`,children:(0,i.jsx)(`input`,{type:`text`,value:o,onChange:e=>c(e.target.value),placeholder:`Rechercher...`,className:t.cn(`w-full rounded-md border bg-background px-2 py-1.5`,`text-sm placeholder:text-muted-foreground`,`focus:outline-none focus:ring-1 focus:ring-ring`),autoFocus:!0})}),m.length===0&&(0,i.jsx)(`div`,{className:`px-2 py-4 text-center text-sm text-muted-foreground`,children:`Aucune commande trouvee`}),Array.from(p.entries()).map(([e,n])=>(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`div`,{className:`px-2 py-1 text-xs font-semibold text-muted-foreground uppercase tracking-wider`,children:e}),n.map(e=>{let n=m.indexOf(e),r=e.icon;return(0,i.jsxs)(`button`,{role:`option`,"aria-selected":n===l,className:t.cn(`flex w-full items-center gap-3 rounded-md px-2 py-1.5 text-left`,`text-sm transition-colors cursor-pointer`,n===l?`bg-accent text-accent-foreground`:`hover:bg-accent/50`),onMouseEnter:()=>u(n),onClick:()=>a?.(e.key),children:[(0,i.jsx)(`div`,{className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-md border bg-background`,children:(0,i.jsx)(r,{className:`h-4 w-4`})}),(0,i.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,i.jsx)(`div`,{className:`font-medium`,children:e.label}),e.description&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground truncate`,children:e.description})]})]},e.key)})]},e))]})}c.displayName=`WakaSlashMenu`;async function l(e=s){try{let{SlashPlugin:t,SlashInputPlugin:n}=await import(`@platejs/combobox/react`);return[t.configure({options:{trigger:`/`,triggerPreviousCharPattern:/^$|^[\s"']$/,rules:e.map(e=>({key:e.key,text:e.label,keywords:e.keywords,onSelect:e.action}))}}),n]}catch{return console.warn(`[WakaSlashMenu] @platejs/combobox not installed, slash commands disabled`),[]}}exports.DEFAULT_SLASH_COMMANDS=s,exports.WakaSlashMenu=c,exports.createSlashCommandPlugins=l;