@wakastellar/ui 3.5.0 → 4.0.0-dev.0

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

@@ -0,0 +1 @@
+"use client";var e=require(`./chunk-FDd1SASZ.js`).n({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`);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-editor-plugins-DR6tpsUC.mjs → waka-editor-plugins-_0WFrkKK.mjs}

@@ -1,4 +1,5 @@
-import { r as e } from "./chunk-Cr9pTUWm.mjs";
+"use client";
+import { n as e } from "./chunk-BJivcVNn.mjs";
 //#region src/components/editor/waka-editor-plugins.ts
 var t = /* @__PURE__ */ e({
 	getPresetLoaders: () => g,
@@ -71,7 +72,7 @@ async function a() {
 	} }), t];
 }
 async function o() {
-	let { DndPlugin: e } = await import("@platejs/dnd/react");
+	let { DndPlugin: e } = await import("@platejs/dnd");
 	return [e];
 }
 async function s() {

package/dist/{waka-rich-text-editor-DgSWiXMW.mjs → waka-rich-text-editor-BbEpfD5b.mjs}

@@ -1,13 +1,14 @@
-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";
+"use client";
+import { n as e } from "./chunk-BJivcVNn.mjs";
+import { t } from "./cn-Bpd_xIzI.mjs";
+import { n, t as r } from "./separator-DDQs13_a.mjs";
+import { n as i, t as a } from "./textarea-C4AbqFOT.mjs";
+import { t as o } from "./input-B8pxqKEs.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,
@@ -15,10 +16,13 @@ var O = D.Root, k = D.Trigger, A = s.forwardRef(({ className: e, align: n = "cen
 	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
 }) }));
+A.displayName = D.Content.displayName;
 //#endregion
 //#region src/components/waka-rich-text-editor/index.tsx
-A.displayName = D.Content.displayName, e();
-var j = [
+var j = /* @__PURE__ */ e({
+	WakaRichTextEditor: () => N,
+	default: () => N
+}), M = [
 	[
 		"bold",
 		"italic",
@@ -37,7 +41,7 @@ var j = [
 	],
 	["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) => {
+], N = s.forwardRef(({ value: e = "", onChange: t, toolbar: n = M, 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 () => {
@@ -61,7 +65,7 @@ var j = [
 				g(!1);
 			}
 		})();
-	}, []), h && _ ? /* @__PURE__ */ T(N, {
+	}, []), h && _ ? /* @__PURE__ */ T(P, {
 		ref: m,
 		components: _,
 		value: e,
@@ -81,7 +85,7 @@ var j = [
 		setLinkUrl: S,
 		editor: y,
 		setEditor: b
-	}) : /* @__PURE__ */ T(F, {
+	}) : /* @__PURE__ */ T(I, {
 		ref: m,
 		value: e,
 		onChange: t,
@@ -97,8 +101,8 @@ var j = [
 		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) => {
+N.displayName = "WakaRichTextEditor";
+var P = 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: [
@@ -142,7 +146,7 @@ var N = s.forwardRef(({ components: e, value: n, onChange: a, toolbar: o, placeh
 						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, {
+						}), e.map((e) => /* @__PURE__ */ T(F, {
 							button: e,
 							editor: A,
 							linkUrl: v,
@@ -174,8 +178,8 @@ var N = s.forwardRef(({ components: e, value: n, onChange: a, toolbar: o, placeh
 		]
 	});
 });
-N.displayName = "TiptapEditorComponent";
-function P({ button: e, editor: t, linkUrl: r, setLinkUrl: i, handleSetLink: a }) {
+P.displayName = "TiptapEditorComponent";
+function F({ 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" }),
@@ -294,7 +298,7 @@ function P({ button: e, editor: t, linkUrl: r, setLinkUrl: i, handleSetLink: a }
 		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", {
+var I = 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: [
@@ -337,6 +341,6 @@ var F = s.forwardRef(({ value: e, onChange: n, placeholder: r, maxLength: o, sho
 		})
 	]
 }));
-F.displayName = "FallbackEditor";
+I.displayName = "FallbackEditor";
 //#endregion
-export { k as i, O as n, A as r, M as t };
+export { k as a, A as i, j as n, O as r, N as t };

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

@@ -0,0 +1 @@
+"use client";const e=require(`./chunk-FDd1SASZ.js`),t=require(`./cn-DEeiGoUV.js`),n=require(`./separator-DviMy-io.js`),r=require(`./textarea-jycisJkk.js`),i=require(`./input-vHHUMve1.js`);let a=require(`react`);a=e.r(a);let o=require(`lucide-react`),s=require(`react/jsx-runtime`),c=require(`@radix-ui/react-popover`);c=e.r(c);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;var f=e.n({WakaRichTextEditor:()=>m,default:()=>m}),p=[[`bold`,`italic`,`underline`,`strike`],[`h1`,`h2`,`h3`],[`bulletList`,`orderedList`,`blockquote`],[`link`,`code`],[`undo`,`redo`]],m=a.forwardRef(({value:e=``,onChange:t,toolbar:n=p,placeholder:r=`Écrivez ici...`,maxLength:i,showCharacterCount:o=!1,minHeight:c=200,disabled:l=!1,error:u,className:d,label:f,description:m,editable:g=!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)(h,{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:f,description:m,editable:g,linkUrl:T,setLinkUrl:E,editor:C,setEditor:w}):(0,s.jsx)(_,{ref:v,value:e,onChange:t,placeholder:r,maxLength:i,showCharacterCount:o,minHeight:c,disabled:l,error:u,className:d,label:f,description:m,loading:y===null})});m.displayName=`WakaRichTextEditor`;var h=a.forwardRef(({components:e,value:i,onChange:o,toolbar:c,placeholder:l,maxLength:u,showCharacterCount:d,minHeight:f,disabled:p,error:m,className:h,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`,h),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)(g,{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})]})});h.displayName=`TiptapEditorComponent`;function g({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 _=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`]})]})]}));_.displayName=`FallbackEditor`,Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wakastellar/ui",
-  "version": "3.5.0",
+  "version": "4.0.0-dev.0",
   "description": "Zero-config UI Library for Next.js with TweakCN theming and i18n support",
   "keywords": [
     "ui",
@@ -65,6 +65,10 @@
     "src/components",
     "src/blocks"
   ],
+  "engines": {
+    "node": ">=22.0.0",
+    "pnpm": ">=10.0.0"
+  },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
@@ -112,6 +116,25 @@
     "tailwind-variants": "^3.2.2"
   },
   "peerDependencies": {
+    "@platejs/ai": ">=52.0.0",
+    "@platejs/basic-nodes": ">=52.0.0",
+    "@platejs/callout": ">=52.0.0",
+    "@platejs/combobox": ">=52.0.0",
+    "@platejs/diff": ">=52.0.0",
+    "@platejs/dnd": ">=52.0.0",
+    "@platejs/emoji": ">=52.0.0",
+    "@platejs/floating": ">=52.0.0",
+    "@platejs/indent": ">=52.0.0",
+    "@platejs/layout": ">=52.0.0",
+    "@platejs/link": ">=52.0.0",
+    "@platejs/markdown": ">=52.0.0",
+    "@platejs/media": ">=52.0.0",
+    "@platejs/mention": ">=52.0.0",
+    "@platejs/resizable": ">=52.0.0",
+    "@platejs/selection": ">=52.0.0",
+    "@platejs/table": ">=52.0.0",
+    "@platejs/toc": ">=52.0.0",
+    "@platejs/yjs": ">=52.0.0",
     "@tiptap/extension-link": "^2.0.0 || ^3.0.0",
     "@tiptap/extension-text-align": "^2.0.0 || ^3.0.0",
     "@tiptap/extension-underline": "^2.0.0 || ^3.0.0",
@@ -121,6 +144,7 @@
     "jspdf": ">=4.1.0",
     "jspdf-autotable": "*",
     "next": ">=14.0.0",
+    "platejs": ">=52.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-hook-form": "^7.0.0",
@@ -130,27 +154,7 @@
     "rehype-slug": ">=6.0.0",
     "remark-gfm": ">=4.0.0",
     "tailwindcss": ">=3.4.0 || >=4.0.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"
+    "tiptap-markdown": ">=0.8.0"
   },
   "peerDependenciesMeta": {
     "react-hook-form": {
@@ -260,7 +264,29 @@
     }
   },
   "devDependencies": {
+    "@axe-core/react": "^4.11.2",
+    "@changesets/cli": "^2.27.10",
     "@chromatic-com/storybook": "^5.1.1",
+    "@platejs/ai": "^53.0.3",
+    "@platejs/basic-nodes": "^53.0.0",
+    "@platejs/callout": "^53.0.0",
+    "@platejs/combobox": "^53.0.0",
+    "@platejs/diff": "^53.0.0",
+    "@platejs/dnd": "^53.0.0",
+    "@platejs/emoji": "^53.0.0",
+    "@platejs/floating": "^53.0.0",
+    "@platejs/indent": "^53.0.0",
+    "@platejs/layout": "^53.0.0",
+    "@platejs/link": "^53.0.3",
+    "@platejs/markdown": "^53.0.0",
+    "@platejs/media": "^53.0.1",
+    "@platejs/mention": "^53.0.0",
+    "@platejs/resizable": "^53.0.0",
+    "@platejs/selection": "^53.0.0",
+    "@platejs/table": "^53.0.0",
+    "@platejs/toc": "^53.0.0",
+    "@platejs/yjs": "^53.0.0",
+    "@size-limit/preset-big-lib": "^12.1.0",
     "@storybook/addon-a11y": "^10.3.3",
     "@storybook/addon-docs": "^10.3.3",
     "@storybook/addon-onboarding": "^10.3.3",
@@ -270,6 +296,11 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
+    "@tiptap/extension-link": "^3.22.5",
+    "@tiptap/extension-text-align": "^3.22.5",
+    "@tiptap/extension-underline": "^3.22.5",
+    "@tiptap/react": "^3.22.5",
+    "@tiptap/starter-kit": "^3.22.5",
     "@types/node": "^25.5.0",
     "@types/prismjs": "^1.26.6",
     "@types/prompts": "^2.4.9",
@@ -281,9 +312,17 @@
     "@vitest/coverage-v8": "^4.1.2",
     "@vitest/ui": "^4.1.2",
     "autoprefixer": "^10.4.27",
+    "bundlemon": "^3.1.0",
     "esbuild": "^0.27.4",
+    "eslint": "^10.2.1",
+    "eslint-plugin-jsdoc": "^62.9.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "globals": "^17.5.0",
     "install-peerdeps": "^3.0.7",
     "jsdom": "^29.0.1",
+    "knip": "^6.6.1",
+    "platejs": "^53.0.3",
     "playwright": "^1.59.0",
     "postcss": "^8.5.8",
     "react-hook-form": "^7.72.0",
@@ -291,25 +330,44 @@
     "rehype-raw": "^7.0.0",
     "rehype-slug": "^6.0.0",
     "remark-gfm": "^4.0.1",
+    "rollup-plugin-visualizer": "^7.0.1",
+    "size-limit": "^12.1.0",
     "storybook": "^10.3.3",
     "tailwindcss": "^4.2.2",
+    "tiptap-markdown": "^0.9.0",
     "typescript": "^6.0.2",
-    "vite": "^8.0.3",
+    "typescript-coverage-report": "^1.1.1",
+    "typescript-eslint": "^8.59.1",
+    "vite": "^8.0.5",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.1.2",
     "vitest-axe": "^0.1.0"
   },
   "scripts": {
     "dev": "vite build --watch --mode development",
-    "build": "vite build && pnpm build:cli",
+    "build": "vite build && pnpm build:types && pnpm build:cli",
+    "build:types": "tsc -p tsconfig.build.json",
     "build:cli": "esbuild src/cli/index.ts --bundle --platform=node --target=node18 --outfile=dist/cli/index.cjs --format=cjs --banner:js='#!/usr/bin/env node' --external:prompts && chmod +x dist/cli/index.cjs",
     "demo": "cd demo && pnpm dev",
-    "lint": "eslint . --ext .ts,.tsx",
+    "lint": "eslint .",
+    "type-check": "tsc --noEmit",
+    "changeset": "changeset",
+    "changeset:version": "changeset version",
+    "changeset:publish": "changeset publish",
     "test": "vitest --config vitest.config.unit.ts",
     "test:watch": "vitest --config vitest.config.unit.ts --watch",
     "test:coverage": "vitest --config vitest.config.unit.ts --coverage",
     "test:ui": "vitest --config vitest.config.unit.ts --ui",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "audit:coverage": "vitest run --config vitest.config.unit.ts --coverage --reporter=json --outputFile=audit/output/coverage.json",
+    "audit:bundle": "vite build --emptyOutDir && bundlemon --config audit/bundlemon.config.json > audit/output/bundle.txt 2>&1 || true",
+    "audit:a11y": "vitest run --config vitest.config.unit.ts __tests__/accessibility --reporter=json --outputFile=audit/output/a11y.json",
+    "audit:typescript": "tsc --noEmit --pretty false > audit/output/ts-errors.log 2>&1; ERR_COUNT=$(grep -c 'error TS' audit/output/ts-errors.log || echo 0); echo \"{\\\"ts_errors\\\": $ERR_COUNT}\" > audit/output/ts-summary.json",
+    "audit:dead-code": "knip --reporter json > audit/output/dead-code.json",
+    "audit:size-limit": "size-limit --json > audit/output/size-limit.json",
+    "audit:all": "mkdir -p audit/output && pnpm audit:coverage && pnpm audit:bundle && pnpm audit:a11y && pnpm audit:typescript && pnpm audit:dead-code && pnpm audit:size-limit",
+    "build:packages": "pnpm -r --filter './packages/*' build",
+    "type-check:packages": "pnpm -r --filter './packages/*' type-check"
   }
 }

package/src/blocks/activity-timeline/ActivityTimeline.mdx

@@ -0,0 +1,117 @@
+import { Meta, Canvas, Controls, Source, ArgTypes } from '@storybook/addon-docs/blocks'
+import * as Stories from './ActivityTimeline.stories'
+
+<Meta of={Stories} />
+
+# ActivityTimeline
+
+Vertical activity feed with grouped events, timestamps, and rich content slots; powers audit and history surfaces.
+
+## Installation
+
+The component is exported from the root entry point of `@wakastellar/ui`:
+
+<Source language="tsx" code={`import { ActivityTimeline } from '@wakastellar/ui'`} />
+
+If you use the CLI scaffolder:
+
+<Source language="bash" code={`npx wakastellar-ui add activity-timeline`} />
+
+## Usage
+
+<Canvas of={Stories.Default} />
+
+<Controls of={Stories.Default} />
+
+## Examples
+
+### Timeline Layout
+
+<Canvas of={Stories.TimelineLayout} />
+
+### Feed Layout
+
+<Canvas of={Stories.FeedLayout} />
+
+### Compact Layout
+
+<Canvas of={Stories.CompactLayout} />
+
+### With Filters
+
+<Canvas of={Stories.WithFilters} />
+
+### Many Activities
+
+<Canvas of={Stories.ManyActivities} />
+
+### With Custom Icons
+
+<Canvas of={Stories.WithCustomIcons} />
+
+### No Grouping
+
+<Canvas of={Stories.NoGrouping} />
+
+### Absolute Time
+
+<Canvas of={Stories.AbsoluteTime} />
+
+### No Avatars
+
+<Canvas of={Stories.NoAvatars} />
+
+### Loading
+
+<Canvas of={Stories.Loading} />
+
+### Loading More
+
+<Canvas of={Stories.LoadingMore} />
+
+### Empty
+
+<Canvas of={Stories.Empty} />
+
+### With Search And Filters
+
+<Canvas of={Stories.WithSearchAndFilters} />
+
+### Minimal UI
+
+<Canvas of={Stories.MinimalUI} />
+
+### In Sidebar
+
+<Canvas of={Stories.InSidebar} />
+
+### Project Activity
+
+<Canvas of={Stories.ProjectActivity} />
+
+
+## API Reference
+
+<ArgTypes of={Stories.Default} />
+
+## Accessibility
+
+- Full keyboard navigation (Tab, Shift+Tab, Enter, Space, Arrow keys where applicable).
+- Compatible with screen readers via Radix UI primitives.
+- Focus ring visible at all times; never `outline: none` without a replacement.
+- Color contrast meets WCAG AA in both light and dark themes.
+
+## Theming
+
+All visual tokens are CSS custom properties consumed via Tailwind v4. Override
+in your app's `globals.css` to customize:
+
+<Source language="css" code={`:root {
+  --primary: oklch(0.65 0.18 250);
+  --primary-foreground: oklch(0.98 0 0);
+}`} />
+
+## Related
+
+- See the audit fiche: \`docs/audit/blocks/activity-timeline.md\`
+- See the [accessibility dimension report](?path=/docs/dimensions-accessibility--docs)

package/src/blocks/activity-timeline/ActivityTimeline.stories.tsx

@@ -16,7 +16,6 @@ const meta: Meta<typeof WakaActivityTimeline> = {
       },
     },
   },
-  tags: ['autodocs'],
   argTypes: {
     layout: {
       control: 'select',
@@ -458,3 +457,21 @@ export const ProjectActivity: Story = {
     )
   },
 }
+
+/**
+ * Playground — generated to make the Storybook Controls panel functional.
+ * Exposes a default arg set wired to the component via {...args}.
+ */
+export const Playground: Story = {
+  args: {
+    layout: "timeline",
+    showSearch: false,
+    showFilters: false,
+    showRefresh: false,
+    groupByDay: false,
+    showAvatars: false,
+    relativeTime: false,
+    loading: false,
+  },
+  render: (args) => <WakaActivityTimeline {...args} />,
+}

package/src/blocks/antivirus-dashboard/AntivirusDashboard.stories.tsx

@@ -289,3 +289,11 @@ export const RealWorldScenario: Story = {
     onViewQuarantine: () => console.log("View quarantine clicked"),
   },
 }
+
+/**
+ * Playground — generated to make the Storybook Controls panel functional.
+ * Exposes a default arg set wired to the component via {...args}.
+ */
+export const Playground: Story = {
+  render: (args) => <AntivirusDashboard {...args} />,
+}

package/src/blocks/antivirus-dashboard/index.tsx

@@ -1,3 +1,17 @@
+/**
+ * @deprecated SP1.relocates — Phase 1
+ *
+ * This surface has been relocated to `@wakastellar/ui-blocks-internal` (workspace package
+ * `packages/ui-blocks-internal`). The core `@wakastellar/ui` retains the original
+ * implementation for backward compatibility during phases 1–3 of the
+ * relocation plan; the duplicate will be removed in v4.0.
+ *
+ * Migration:
+ *   - Old: import { ... } from '@wakastellar/ui'
+ *   - New: import { ... } from '@wakastellar/ui-blocks-internal'
+ *
+ * @deprecated Moved to `@wakastellar/ui-blocks-internal` in v3.6 — core copy will be removed in v4.0.
+ */
 "use client"
 
 import * as React from "react"

package/src/blocks/apm-overview/APMOverview.stories.tsx

@@ -433,3 +433,11 @@ export const ObservabilityDashboard: Story = {
     </div>
   ),
 }
+
+/**
+ * Playground — generated to make the Storybook Controls panel functional.
+ * Exposes a default arg set wired to the component via {...args}.
+ */
+export const Playground: Story = {
+  render: (args) => <APMOverview {...args} />,
+}

package/src/blocks/apm-overview/index.tsx

@@ -1,3 +1,17 @@
+/**
+ * @deprecated SP1.relocates — Phase 1
+ *
+ * This surface has been relocated to `@wakastellar/ui-blocks-internal` (workspace package
+ * `packages/ui-blocks-internal`). The core `@wakastellar/ui` retains the original
+ * implementation for backward compatibility during phases 1–3 of the
+ * relocation plan; the duplicate will be removed in v4.0.
+ *
+ * Migration:
+ *   - Old: import { ... } from '@wakastellar/ui'
+ *   - New: import { ... } from '@wakastellar/ui-blocks-internal'
+ *
+ * @deprecated Moved to `@wakastellar/ui-blocks-internal` in v3.6 — core copy will be removed in v4.0.
+ */
 "use client"
 
 import * as React from "react"

package/src/blocks/auth-2fa/Auth2FA.mdx

@@ -0,0 +1,85 @@
+import { Meta, Canvas, Controls, Source, ArgTypes } from '@storybook/addon-docs/blocks'
+import * as Stories from './Auth2FA.stories'
+
+<Meta of={Stories} />
+
+# Auth2FA
+
+Multi-step two-factor authentication flow (QR enrolment, OTP verification, recovery codes).
+
+## Installation
+
+The component is exported from the root entry point of `@wakastellar/ui`:
+
+<Source language="tsx" code={`import { Auth2FA } from '@wakastellar/ui'`} />
+
+If you use the CLI scaffolder:
+
+<Source language="bash" code={`npx wakastellar-ui add auth-2fa`} />
+
+## Usage
+
+<Canvas of={Stories.Default} />
+
+<Controls of={Stories.Default} />
+
+## Examples
+
+### Enabled
+
+<Canvas of={Stories.Enabled} />
+
+### Enabled With SMS
+
+<Canvas of={Stories.EnabledWithSMS} />
+
+### Enabled With Email
+
+<Canvas of={Stories.EnabledWithEmail} />
+
+### All Methods
+
+<Canvas of={Stories.AllMethods} />
+
+### Authenticator Only
+
+<Canvas of={Stories.AuthenticatorOnly} />
+
+### Low Backup Codes
+
+<Canvas of={Stories.LowBackupCodes} />
+
+### Interactive
+
+<Canvas of={Stories.Interactive} />
+
+### Security Settings
+
+<Canvas of={Stories.SecuritySettings} />
+
+
+## API Reference
+
+<ArgTypes of={Stories.Default} />
+
+## Accessibility
+
+- Full keyboard navigation (Tab, Shift+Tab, Enter, Space, Arrow keys where applicable).
+- Compatible with screen readers via Radix UI primitives.
+- Focus ring visible at all times; never `outline: none` without a replacement.
+- Color contrast meets WCAG AA in both light and dark themes.
+
+## Theming
+
+All visual tokens are CSS custom properties consumed via Tailwind v4. Override
+in your app's `globals.css` to customize:
+
+<Source language="css" code={`:root {
+  --primary: oklch(0.65 0.18 250);
+  --primary-foreground: oklch(0.98 0 0);
+}`} />
+
+## Related
+
+- See the audit fiche: \`docs/audit/blocks/auth-2fa.md\`
+- See the [accessibility dimension report](?path=/docs/dimensions-accessibility--docs)

package/src/blocks/auth-2fa/Auth2FA.stories.tsx

@@ -19,7 +19,6 @@ const meta: Meta<typeof Auth2FA> = {
       },
     },
   },
-  tags: ['autodocs'],
 }
 
 export default meta
@@ -306,3 +305,11 @@ export const SecuritySettings: Story = {
     </div>
   ),
 }
+
+/**
+ * Playground — generated to make the Storybook Controls panel functional.
+ * Exposes a default arg set wired to the component via {...args}.
+ */
+export const Playground: Story = {
+  render: (args) => <Auth2FA {...args} />,
+}