@synertech/ui 0.39.0 → 0.39.1

package/.claude/skills/use-synertech-ui/SKILL.md

@@ -53,17 +53,28 @@ import "@synertech/ui/styles.css";
 React >= 18 et React-DOM >= 18 doivent etre installés dans le projet consommateur.
 
 `@mdxeditor/editor` est une peer dependency **optionnelle**, utilisée uniquement par
-`<HelpButton markdown editable>`. Sans elle, le mode édition affiche un message et tout
-le reste de la librairie fonctionne normalement. Pour l'activer :
+`<HelpButton markdown editable>`. L'éditeur est publié sur un point d'entrée séparé, pour
+que les applications qui n'éditent pas de Markdown ne l'installent ni ne l'embarquent :
 
 ```bash
 pnpm add @mdxeditor/editor
 ```
 
 ```tsx
-import "@mdxeditor/editor/style.css";
+"use client";
+
+import { HelpButton } from "@synertech/ui";
+import { MarkdownEditor } from "@synertech/ui/markdown-editor";
+
+<HelpButton content={aide} markdown editable markdownEditor={MarkdownEditor} />;
 ```
 
+`markdownEditor` est un composant : passez-le depuis un Client Component. La feuille de
+style de l'éditeur est incluse. Sans cette prop, le mode édition affiche un message.
+
+**Anti-pattern** : ne jamais importer `@synertech/ui/markdown-editor` dans une application
+qui n'installe pas `@mdxeditor/editor` — son build échouerait sur un module introuvable.
+
 ---
 
 ## Imports

package/README.md

@@ -51,15 +51,25 @@ module.exports = {
 **optional** peer dependency — it pulls in a large dependency tree, so it is not
 installed with the library. Every other component works without it.
 
+The editor ships from its own entry point, so apps that never edit Markdown
+never install or bundle it:
+
 ```bash
 pnpm add @mdxeditor/editor
 ```
 
 ```tsx
-import "@mdxeditor/editor/style.css";
+"use client";
+
+import { HelpButton } from "@synertech/ui";
+import { MarkdownEditor } from "@synertech/ui/markdown-editor";
+
+<HelpButton content={help} markdown editable markdownEditor={MarkdownEditor} />;
 ```
 
-Without the package, the edit mode renders an explanatory message instead of the editor.
+`markdownEditor` is a component, so pass it from a Client Component. The editor's
+stylesheet is included. Without the prop, the edit mode renders an explanatory
+message instead of the editor.
 
 
 ## Usage