@wakastellar/ui 4.0.0 → 4.0.1

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

@@ -0,0 +1,1099 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Label as t } from "../label/index.es.js";
+import * as n from "react";
+import { AlertTriangle as r, BookOpen as i, CheckCircle2 as a, Database as o, GitBranch as s, Shield as c, Users as l, Zap as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/editor/waka-spec-editor.tsx
+var p = [
+	{
+		key: "user-story",
+		label: "User Story",
+		description: "En tant que [role], je veux [action] afin de [benefice]",
+		icon: l,
+		category: "Fonctionnel",
+		createNodes: () => [
+			{
+				type: "callout",
+				variant: "info",
+				children: [{ text: "" }]
+			},
+			{
+				type: "h3",
+				children: [{ text: "User Story" }]
+			},
+			{
+				type: "p",
+				children: [{
+					text: "En tant que ",
+					bold: !0
+				}, { text: "[role]" }]
+			},
+			{
+				type: "p",
+				children: [{
+					text: "Je veux ",
+					bold: !0
+				}, { text: "[action]" }]
+			},
+			{
+				type: "p",
+				children: [{
+					text: "Afin de ",
+					bold: !0
+				}, { text: "[benefice attendu]" }]
+			},
+			{
+				type: "p",
+				children: [{ text: "" }]
+			}
+		]
+	},
+	{
+		key: "acceptance-criteria",
+		label: "Criteres d'acceptation",
+		description: "Given/When/Then avec scenarios de validation",
+		icon: a,
+		category: "Fonctionnel",
+		createNodes: () => [
+			{
+				type: "h3",
+				children: [{ text: "Criteres d'acceptation" }]
+			},
+			{
+				type: "table",
+				children: [
+					{
+						type: "tr",
+						children: [
+							{
+								type: "th",
+								children: [{
+									type: "p",
+									children: [{
+										text: "#",
+										bold: !0
+									}]
+								}]
+							},
+							{
+								type: "th",
+								children: [{
+									type: "p",
+									children: [{
+										text: "Scenario",
+										bold: !0
+									}]
+								}]
+							},
+							{
+								type: "th",
+								children: [{
+									type: "p",
+									children: [{
+										text: "Given",
+										bold: !0
+									}]
+								}]
+							},
+							{
+								type: "th",
+								children: [{
+									type: "p",
+									children: [{
+										text: "When",
+										bold: !0
+									}]
+								}]
+							},
+							{
+								type: "th",
+								children: [{
+									type: "p",
+									children: [{
+										text: "Then",
+										bold: !0
+									}]
+								}]
+							}
+						]
+					},
+					{
+						type: "tr",
+						children: [
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "AC-01" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Nominal" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "L'utilisateur est connecte" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Il clique sur le bouton" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Le resultat s'affiche" }]
+								}]
+							}
+						]
+					},
+					{
+						type: "tr",
+						children: [
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "AC-02" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Erreur" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Le service est indisponible" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Il clique sur le bouton" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Un message d'erreur s'affiche" }]
+								}]
+							}
+						]
+					}
+				]
+			},
+			{
+				type: "p",
+				children: [{ text: "" }]
+			}
+		]
+	},
+	{
+		key: "use-case",
+		label: "Cas d'utilisation",
+		description: "Acteur, pre-conditions, flux nominal, flux alternatifs",
+		icon: s,
+		category: "Fonctionnel",
+		createNodes: () => [
+			{
+				type: "h3",
+				children: [{ text: "Cas d'utilisation : [Nom]" }]
+			},
+			{
+				type: "column_group",
+				children: [{
+					type: "column",
+					children: [
+						{
+							type: "h4",
+							children: [{ text: "ACTEUR" }]
+						},
+						{
+							type: "p",
+							children: [{ text: "[Role utilisateur]" }]
+						},
+						{
+							type: "h4",
+							children: [{ text: "PRE-CONDITIONS" }]
+						},
+						{
+							type: "p",
+							children: [{ text: "- L'utilisateur est authentifie" }]
+						},
+						{
+							type: "p",
+							children: [{ text: "- [Autre condition]" }]
+						},
+						{
+							type: "h4",
+							children: [{ text: "POST-CONDITIONS" }]
+						},
+						{
+							type: "p",
+							children: [{ text: "- [Etat apres execution]" }]
+						}
+					]
+				}, {
+					type: "column",
+					children: [
+						{
+							type: "h4",
+							children: [{ text: "FLUX NOMINAL" }]
+						},
+						{
+							type: "p",
+							children: [{ text: "1. L'utilisateur accede a la page" }]
+						},
+						{
+							type: "p",
+							children: [{ text: "2. Le systeme affiche le formulaire" }]
+						},
+						{
+							type: "p",
+							children: [{ text: "3. L'utilisateur remplit et soumet" }]
+						},
+						{
+							type: "p",
+							children: [{ text: "4. Le systeme enregistre et confirme" }]
+						},
+						{
+							type: "h4",
+							children: [{ text: "FLUX ALTERNATIFS" }]
+						},
+						{
+							type: "p",
+							children: [{ text: "3a. Donnees invalides : erreur affichee" }]
+						}
+					]
+				}]
+			},
+			{
+				type: "p",
+				children: [{ text: "" }]
+			}
+		]
+	},
+	{
+		key: "api-endpoint",
+		label: "Endpoint API",
+		description: "Specification d'un endpoint REST avec requete/reponse",
+		icon: u,
+		category: "Technique",
+		createNodes: () => [
+			{
+				type: "h3",
+				children: [{ text: "API: [METHOD] /api/v1/[resource]" }]
+			},
+			{
+				type: "table",
+				children: [
+					{
+						type: "tr",
+						children: [{
+							type: "th",
+							children: [{
+								type: "p",
+								children: [{
+									text: "Propriete",
+									bold: !0
+								}]
+							}]
+						}, {
+							type: "th",
+							children: [{
+								type: "p",
+								children: [{
+									text: "Valeur",
+									bold: !0
+								}]
+							}]
+						}]
+					},
+					{
+						type: "tr",
+						children: [{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: "Methode" }]
+							}]
+						}, {
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: "GET | POST | PUT | DELETE" }]
+							}]
+						}]
+					},
+					{
+						type: "tr",
+						children: [{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: "Authentification" }]
+							}]
+						}, {
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: "Bearer JWT" }]
+							}]
+						}]
+					},
+					{
+						type: "tr",
+						children: [{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: "Permissions" }]
+							}]
+						}, {
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: "[ROLE_REQUIRED]" }]
+							}]
+						}]
+					},
+					{
+						type: "tr",
+						children: [{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: "Rate Limit" }]
+							}]
+						}, {
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: "100 req/min" }]
+							}]
+						}]
+					}
+				]
+			},
+			{
+				type: "h4",
+				children: [{ text: "CORPS DE LA REQUETE" }]
+			},
+			{
+				type: "blockquote",
+				children: [{ text: "{ \"field\": \"value\" }" }]
+			},
+			{
+				type: "h4",
+				children: [{ text: "REPONSE 200" }]
+			},
+			{
+				type: "blockquote",
+				children: [{ text: "{ \"data\": { ... }, \"meta\": { \"total\": 42 } }" }]
+			},
+			{
+				type: "p",
+				children: [{ text: "" }]
+			}
+		]
+	},
+	{
+		key: "data-model",
+		label: "Modele de donnees",
+		description: "Schema d'entite avec champs, types et contraintes",
+		icon: o,
+		category: "Technique",
+		createNodes: () => [
+			{
+				type: "h3",
+				children: [{ text: "Modele : [NomEntite]" }]
+			},
+			{
+				type: "table",
+				children: [
+					{
+						type: "tr",
+						children: [
+							{
+								type: "th",
+								children: [{
+									type: "p",
+									children: [{
+										text: "Champ",
+										bold: !0
+									}]
+								}]
+							},
+							{
+								type: "th",
+								children: [{
+									type: "p",
+									children: [{
+										text: "Type",
+										bold: !0
+									}]
+								}]
+							},
+							{
+								type: "th",
+								children: [{
+									type: "p",
+									children: [{
+										text: "Nullable",
+										bold: !0
+									}]
+								}]
+							},
+							{
+								type: "th",
+								children: [{
+									type: "p",
+									children: [{
+										text: "Description",
+										bold: !0
+									}]
+								}]
+							}
+						]
+					},
+					{
+						type: "tr",
+						children: [
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "id" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "UUID" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Non" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Identifiant unique" }]
+								}]
+							}
+						]
+					},
+					{
+						type: "tr",
+						children: [
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "createdAt" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "DateTime" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Non" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Date de creation" }]
+								}]
+							}
+						]
+					}
+				]
+			},
+			{
+				type: "p",
+				children: [{ text: "" }]
+			}
+		]
+	},
+	{
+		key: "security-requirements",
+		label: "Exigences de securite",
+		description: "Regles OWASP, chiffrement, acces, conformite",
+		icon: c,
+		category: "Non-fonctionnel",
+		createNodes: () => [
+			{
+				type: "h3",
+				children: [{ text: "Exigences de securite" }]
+			},
+			{
+				type: "callout",
+				variant: "warning",
+				children: [{ text: "Section obligatoire pour les modules HDS et les donnees sensibles" }]
+			},
+			{
+				type: "table",
+				children: [
+					{
+						type: "tr",
+						children: [
+							{
+								type: "th",
+								children: [{
+									type: "p",
+									children: [{
+										text: "Categorie",
+										bold: !0
+									}]
+								}]
+							},
+							{
+								type: "th",
+								children: [{
+									type: "p",
+									children: [{
+										text: "Exigence",
+										bold: !0
+									}]
+								}]
+							},
+							{
+								type: "th",
+								children: [{
+									type: "p",
+									children: [{
+										text: "Niveau",
+										bold: !0
+									}]
+								}]
+							}
+						]
+					},
+					{
+						type: "tr",
+						children: [
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Authentification" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "OAuth2 PKCE via Keycloak" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Obligatoire" }]
+								}]
+							}
+						]
+					},
+					{
+						type: "tr",
+						children: [
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Chiffrement" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "AES-256-GCM au repos, TLS 1.3 en transit" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Obligatoire" }]
+								}]
+							}
+						]
+					},
+					{
+						type: "tr",
+						children: [
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Audit" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "TracingInterceptor sur toutes les operations" }]
+								}]
+							},
+							{
+								type: "td",
+								children: [{
+									type: "p",
+									children: [{ text: "Obligatoire" }]
+								}]
+							}
+						]
+					}
+				]
+			},
+			{
+				type: "p",
+				children: [{ text: "" }]
+			}
+		]
+	},
+	{
+		key: "risk-assessment",
+		label: "Risques et mitigations",
+		description: "Matrice de risques projet avec probabilite et impact",
+		icon: r,
+		category: "Non-fonctionnel",
+		createNodes: () => [
+			{
+				type: "h3",
+				children: [{ text: "Analyse des risques" }]
+			},
+			{
+				type: "table",
+				children: [{
+					type: "tr",
+					children: [
+						{
+							type: "th",
+							children: [{
+								type: "p",
+								children: [{
+									text: "Risque",
+									bold: !0
+								}]
+							}]
+						},
+						{
+							type: "th",
+							children: [{
+								type: "p",
+								children: [{
+									text: "Probabilite",
+									bold: !0
+								}]
+							}]
+						},
+						{
+							type: "th",
+							children: [{
+								type: "p",
+								children: [{
+									text: "Impact",
+									bold: !0
+								}]
+							}]
+						},
+						{
+							type: "th",
+							children: [{
+								type: "p",
+								children: [{
+									text: "Mitigation",
+									bold: !0
+								}]
+							}]
+						}
+					]
+				}, {
+					type: "tr",
+					children: [
+						{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: "[Description du risque]" }]
+							}]
+						},
+						{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: "Moyen" }]
+							}]
+						},
+						{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: "Haut" }]
+							}]
+						},
+						{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: "[Plan de mitigation]" }]
+							}]
+						}
+					]
+				}]
+			},
+			{
+				type: "p",
+				children: [{ text: "" }]
+			}
+		]
+	},
+	{
+		key: "spec-header",
+		label: "En-tete de specification",
+		description: "Bloc d'en-tete avec version, auteur, statut, date",
+		icon: i,
+		category: "Document",
+		createNodes: () => [
+			{
+				type: "h1",
+				children: [{ text: "[Titre de la specification]" }]
+			},
+			{
+				type: "table",
+				children: [{
+					type: "tr",
+					children: [
+						{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{
+									text: "Version",
+									bold: !0
+								}]
+							}]
+						},
+						{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: "1.0.0" }]
+							}]
+						},
+						{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{
+									text: "Statut",
+									bold: !0
+								}]
+							}]
+						},
+						{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: "Brouillon" }]
+							}]
+						}
+					]
+				}, {
+					type: "tr",
+					children: [
+						{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{
+									text: "Auteur",
+									bold: !0
+								}]
+							}]
+						},
+						{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: "[Nom]" }]
+							}]
+						},
+						{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{
+									text: "Date",
+									bold: !0
+								}]
+							}]
+						},
+						{
+							type: "td",
+							children: [{
+								type: "p",
+								children: [{ text: (/* @__PURE__ */ new Date()).toLocaleDateString("fr-FR") }]
+							}]
+						}
+					]
+				}]
+			},
+			{
+				type: "h2",
+				children: [{ text: "CONTEXTE" }]
+			},
+			{
+				type: "p",
+				children: [{ text: "[Description du contexte et des objectifs]" }]
+			},
+			{
+				type: "h2",
+				children: [{ text: "PERIMETRE" }]
+			},
+			{
+				type: "p",
+				children: [{ text: "[Ce qui est inclus et exclu du perimetre]" }]
+			},
+			{
+				type: "p",
+				children: [{ text: "" }]
+			}
+		]
+	}
+], m = n.forwardRef(({ value: r, onChange: i, readOnly: a = !1, placeholder: o = "Commencez votre specification...", className: s, editorClassName: c, minHeight: l = 500, label: u, description: m, error: g, customTemplates: _ = [], showTemplateSidebar: v = !0, enableAI: y = !1, aiEndpoint: b, title: x, onTitleChange: S, extraPlugins: C, editorRef: w }, T) => {
+	let [E, D] = n.useState(null), [O, k] = n.useState(!1), A = n.useRef(null), j = w ?? A, M = n.useMemo(() => [...p, ..._], [_]), N = n.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of M) {
+			let n = t.category || "Autre";
+			e.has(n) || e.set(n, []), e.get(n).push(t);
+		}
+		return e;
+	}, [M]);
+	n.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/indent/react")
+				]), c = [
+					n.BoldPlugin,
+					n.ItalicPlugin,
+					n.UnderlinePlugin,
+					n.StrikethroughPlugin,
+					n.CodePlugin,
+					n.HighlightPlugin,
+					n.SuperscriptPlugin,
+					n.SubscriptPlugin,
+					n.H1Plugin,
+					n.H2Plugin,
+					n.H3Plugin,
+					n.H4Plugin,
+					n.H5Plugin,
+					n.H6Plugin,
+					n.BlockquotePlugin,
+					r.TablePlugin,
+					r.TableRowPlugin,
+					r.TableCellPlugin,
+					r.TableCellHeaderPlugin,
+					i.ColumnPlugin,
+					i.ColumnItemPlugin,
+					a.CalloutPlugin,
+					o.LinkPlugin.configure({ options: { allowedSchemes: [
+						"http",
+						"https",
+						"mailto",
+						"tel"
+					] } }),
+					s.IndentPlugin
+				];
+				try {
+					let { TocPlugin: e } = await import("@platejs/toc/react");
+					c.push(e);
+				} catch {}
+				try {
+					let { BlockSelectionPlugin: e } = await import("@platejs/selection/react");
+					c.push(e);
+				} catch {}
+				try {
+					let { MarkdownPlugin: e } = await import("@platejs/markdown");
+					c.push(e);
+				} catch {}
+				if (y && b) try {
+					let { AIPlugin: e, AIChatPlugin: t } = await import("@platejs/ai/react");
+					c.push(e, t.configure({ options: { chat: {
+						api: b,
+						body: { system: "You are a specification writing assistant for a PaaS platform." }
+					} } }));
+				} catch {}
+				e || D({
+					Plate: t.Plate,
+					PlateContent: t.PlateContent,
+					usePlateEditor: t.usePlateEditor,
+					plugins: c
+				});
+			} catch (t) {
+				console.error("[WakaSpecEditor] Failed to load:", t), e || k(!0);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [y, b]);
+	let P = n.useCallback((e) => {
+		let t = e.createNodes(), n = [...r ?? [], ...t];
+		i?.(n);
+	}, [r, i]);
+	return /* @__PURE__ */ f("div", {
+		ref: T,
+		className: e("space-y-1.5", s),
+		children: [
+			u && /* @__PURE__ */ d(t, { children: u }),
+			m && /* @__PURE__ */ d("p", {
+				className: "text-sm text-muted-foreground",
+				children: m
+			}),
+			/* @__PURE__ */ f("div", {
+				className: e("flex border rounded-lg overflow-hidden", g && "border-destructive"),
+				children: [v && !a && /* @__PURE__ */ f("aside", {
+					className: "w-52 shrink-0 border-r bg-muted/20 hidden md:block",
+					children: [/* @__PURE__ */ d("div", {
+						className: "p-3 border-b",
+						children: /* @__PURE__ */ d("h4", {
+							className: "text-xs font-bold uppercase tracking-wider text-muted-foreground",
+							children: "Blocs specification"
+						})
+					}), /* @__PURE__ */ d("div", {
+						className: "p-2 space-y-3 max-h-[600px] overflow-y-auto",
+						children: Array.from(N.entries()).map(([t, n]) => /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("div", {
+							className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground px-1 mb-1",
+							children: t
+						}), /* @__PURE__ */ d("div", {
+							className: "space-y-0.5",
+							children: n.map((t) => {
+								let n = t.icon;
+								return /* @__PURE__ */ f("button", {
+									type: "button",
+									onClick: () => P(t),
+									className: e("flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left", "text-xs transition-colors cursor-pointer", "hover:bg-accent/50 text-muted-foreground hover:text-foreground"),
+									title: t.description,
+									children: [/* @__PURE__ */ d(n, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ d("span", {
+										className: "truncate",
+										children: t.label
+									})]
+								}, t.key);
+							})
+						})] }, t))
+					})]
+				}), /* @__PURE__ */ f("div", {
+					className: "flex-1 min-w-0",
+					children: [(x !== void 0 || S) && /* @__PURE__ */ d("div", {
+						className: "border-b px-6 py-4",
+						children: /* @__PURE__ */ d("input", {
+							type: "text",
+							value: x ?? "",
+							onChange: (e) => S?.(e.target.value),
+							placeholder: "Titre de la specification",
+							readOnly: a,
+							className: e("w-full bg-transparent text-xl font-bold text-foreground", "placeholder:text-muted-foreground/50 focus:outline-none")
+						})
+					}), E ? /* @__PURE__ */ d(h, {
+						bundle: E,
+						value: r,
+						onChange: i,
+						readOnly: a,
+						placeholder: o,
+						editorClassName: c,
+						minHeight: l,
+						extraPlugins: C,
+						editorRef: j
+					}) : /* @__PURE__ */ d("div", {
+						className: "relative",
+						style: { minHeight: l },
+						children: /* @__PURE__ */ d("div", {
+							className: "absolute inset-0 flex items-center justify-center bg-background/50",
+							children: /* @__PURE__ */ d("span", {
+								className: "text-sm text-muted-foreground animate-pulse",
+								children: O ? "Erreur de chargement" : "Chargement de l'editeur..."
+							})
+						})
+					})]
+				})]
+			}),
+			g && /* @__PURE__ */ d("p", {
+				className: "text-sm text-destructive",
+				children: g
+			})
+		]
+	});
+});
+m.displayName = "WakaSpecEditor";
+function h({ bundle: { Plate: t, PlateContent: r, usePlateEditor: i, plugins: a }, value: o, onChange: s, readOnly: c, placeholder: l, editorClassName: u, minHeight: f, extraPlugins: p, editorRef: m }) {
+	let h = i({
+		plugins: n.useMemo(() => [...a, ...p ?? []], [a, p]),
+		value: o ?? [{
+			type: "p",
+			children: [{ text: "" }]
+		}]
+	});
+	return n.useEffect(() => {
+		m && (m.current = h);
+	}, [h, m]), /* @__PURE__ */ d(t, {
+		editor: h,
+		onChange: s ? ({ value: e }) => s(e) : void 0,
+		readOnly: c,
+		children: /* @__PURE__ */ d("div", {
+			style: { minHeight: f },
+			children: /* @__PURE__ */ d(r, {
+				placeholder: l,
+				readOnly: c,
+				className: e("prose prose-sm max-w-none px-6 py-4", "focus-within:outline-none", "[&_[data-slate-editor]]:outline-none [&_[data-slate-editor]]:min-h-[inherit]", u)
+			})
+		})
+	});
+}
+//#endregion
+export { p as DEFAULT_SPEC_TEMPLATES, m as WakaSpecEditor };