Component library modularization (v0.5.0) + RichTextEditor

.storybook/preview.ts

@@ -5,6 +5,11 @@ import "./preview.css";
 
 const preview: Preview = {
   parameters: {
+    options: {
+      storySort: {
+        order: ["Overview", ["Showcase", "Showcase (EN)"], "Components"],
+      },
+    },
     controls: {
       matchers: {
         color: /(background|color)$/i,

README.md

@@ -53,9 +53,20 @@ self-host Archivo (weights 400/600/700).
 Buttons & actions: `Button`, `ButtonLink`, `BigIconButton`, `ToolButton` ·
 Inputs: `TextField`, `Search`, `Select`, `Checkbox`, `Radio`, `Switch`,
 `Suggestion` · Feedback: `Callout`, `Toast`, `Tooltip`, `Spinner`,
-`CheckCircle`, `Stepper` · Surfaces: `Card`, `Dialog`, `Popover` · Chrome:
-`Toolbar`, `StatusBar`, `Tag`, `Logo` · Archives: `ArchiveProgress`,
-`ArchiveTabs`, `ArchiveView`.
+`CheckCircle`, `Stepper` · Surfaces: `Card`, `CardTool`, `Dialog`, `Popover` · Chrome:
+`AppHeader`, `Toolbar`, `StatusBar`, `Tag`, `Logo` · Archives: `ArchiveProgress`,
+`ArchiveTabs`, `ArchiveView` · Workflow: `WorkflowStepLayout`, `PageTitle`,
+`AppFooter`.
+
+`CardTool` owns the shared feature-card visuals, including its disabled state.
+Consumers keep navigation in their router: wrap enabled cards in a link and
+render disabled placeholders directly, so unavailable tools never become
+interactive elements.
+
+`WorkflowStepLayout` owns the common viewport, content width and single-scroll
+page structure. Consumers provide `AppHeader`, `AppFooter`, back controls and
+page actions through its slots; routing, step state and domain logic remain in
+the application.
 
 Browse every component and variant in Storybook (`pnpm storybook`).
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aymurai/ui",
-  "version": "0.4.3",
+  "version": "0.5.0",
   "description": "AymurAI shared React component library, extracted from the Figma UI Library and authored with Panda CSS.",
   "license": "MIT",
   "type": "module",
@@ -38,6 +38,7 @@
     "build-storybook": "storybook build",
     "lint": "biome check",
     "lint:fix": "biome check --write",
+    "test": "vitest run",
     "typecheck": "tsc -p tsconfig.build.json --noEmit",
     "validate": "pnpm lint && pnpm typecheck",
     "release": "pnpm build && pnpm pack --pack-destination ."
@@ -47,30 +48,43 @@
     "react-dom": "^18 || ^19"
   },
   "dependencies": {
+    "@phosphor-icons/react": "^2.1.10",
+    "@radix-ui/react-context-menu": "^2.3.7",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "phosphor-react": "^1.4.1",
+    "@tiptap/core": "^3.28.0",
+    "@tiptap/extension-highlight": "^3.28.0",
+    "@tiptap/extension-table": "^3.28.0",
+    "@tiptap/markdown": "^3.28.0",
+    "@tiptap/pm": "^3.28.0",
+    "@tiptap/react": "^3.28.0",
+    "@tiptap/starter-kit": "^3.28.0",
     "react-hot-toast": "^2.6.0"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.5.3",
     "@pandacss/dev": "^1.8.1",
     "@storybook/react": "^8.6.18",
     "@storybook/react-vite": "^8.4.0",
+    "@testing-library/jest-dom": "^7.0.0",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@vitejs/plugin-react": "^4.5.0",
     "husky": "^9.1.7",
+    "jsdom": "^29.1.1",
     "lint-staged": "^17.0.8",
     "react": "^19",
     "react-dom": "^19",
     "storybook": "^8.4.0",
     "typescript": "^5.9.2",
     "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.3.0"
+    "vite-plugin-dts": "^4.3.0",
+    "vitest": "^4.1.10"
   },
   "repository": {
     "type": "git",