@krosoft/react 0.0.177 → 0.0.179

package/README.md

@@ -4,6 +4,26 @@
 
 Krosoft shared React package.
 
+## Preset Tailwind
+
+Le preset partagé apporte le `darkMode`, le `container`, les couleurs shadcn (`--primary`, `--background`, `--border`, `--sidebar-*`…), les couleurs krosoft (`--k-success`, `--k-topbar-*`…), les radius, les keyframes accordéon et le plugin `tailwindcss-animate`. Un projet consommateur qui déclarait tout ça dans son propre `tailwind.config` peut supprimer ces lignes et ne garder que ce qui lui est propre.
+
+```ts
+import krosoftPreset, { krosoftContent } from "@krosoft/react/tailwind";
+
+export default {
+  presets: [krosoftPreset],
+  content: [...krosoftContent, "./src/**/*.{ts,tsx}"],
+  theme: {
+    extend: {
+      // uniquement les tokens propres au projet
+    },
+  },
+} satisfies Config;
+```
+
+> **`krosoftContent` n'est pas optionnel.** Tailwind n'additionne pas les `content` : celui du projet écrase purement et simplement celui de ses presets. Le preset ne peut donc pas déclarer les fichiers à scanner pour lui — sans le spread, aucune classe des composants du package n'est générée (`rounded-control`, `bg-topbar`, `animate-in`…) et ils s'affichent sans style.
+
 ## Radius des composants
 
 La forme des composants est pilotée par des variables CSS, pas par des classes `rounded-*` codées en dur : un input, un bouton et une pastille de filtre posés côte à côte ont toujours la même forme.

package/dist/tailwind/index.d.ts

@@ -1,3 +1,15 @@
+/**
+ * Fichiers du package à scanner par Tailwind.
+ *
+ * Tailwind n'additionne pas les `content` : celui du projet écrase purement et
+ * simplement celui de ses presets — `resolveConfig` garde le dernier déclaré,
+ * quelle que soit la forme utilisée (tableau ou `{ files }`). Un preset ne peut
+ * donc pas déclarer les fichiers qu'il faut scanner pour lui : c'est au projet
+ * d'étaler cette constante dans son propre `content`, sinon aucune classe des
+ * composants du package n'est générée (`rounded-control`, `bg-topbar`,
+ * `animate-in`…) et ils s'affichent sans style.
+ */
+export declare const krosoftContent: string[];
 /**
  * Shared Tailwind CSS preset for @krosoft/react projects.
  *
@@ -7,16 +19,16 @@
  * - Base color mappings (border, input, ring, background, foreground, primary, etc.)
  * - Border radius tokens
  * - Accordion keyframes & animations
- * - Content scanning for @krosoft/react compiled components
+ * - tailwindcss-animate plugin
  *
  * Usage in a consuming project's tailwind.config.ts:
  *
  * ```ts
- * import krosoftPreset from "@krosoft/react/tailwind";
+ * import krosoftPreset, { krosoftContent } from "@krosoft/react/tailwind";
  *
  * export default {
  *   presets: [krosoftPreset],
- *   content: ["./src/**\/*.{ts,tsx}"],
+ *   content: [...krosoftContent, "./src/**\/*.{ts,tsx}"],
  *   theme: {
  *     extend: {
  *       // project-specific overrides
@@ -27,7 +39,6 @@
  */
 declare const krosoftPreset: {
     darkMode: ["class", string];
-    content: string[];
     theme: {
         container: {
             center: true;

package/dist/tailwind/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ID,CAAC;AAEnB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,UAAiD,CAAC;AAE7E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2IQ,CAAC;AAE5B,eAAe,aAAa,CAAC"}

package/dist/tailwind/index.js

@@ -1,9 +1,8 @@
 import r from "tailwindcss-animate";
-const a = {
+const a = ["./node_modules/@krosoft/react/dist/**/*.js"], e = {
   // [class*='dark'] is the CSS equivalent of ".dark*" — matches any class containing "dark"
   // (e.g. "dark", "dark-temporal", "dark-forest"…). CSS has no .dark* wildcard syntax.
   darkMode: ["class", "[class*='dark']"],
-  content: ["./node_modules/@krosoft/react/dist/**/*.js"],
   theme: {
     container: {
       center: !0,
@@ -136,7 +135,10 @@ const a = {
   // sans transition. Le plugin est porté par le preset pour que les projets
   // consommateurs n'aient rien à déclarer de leur côté.
   plugins: [r]
+  // Partial<Config> et non Config : c'est le type d'un preset (`presets: Array<Partial<Config>>`).
+  // Un preset ne déclare pas de `content` — voir krosoftContent ci-dessus.
 };
 export {
-  a as default
+  e as default,
+  a as krosoftContent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.177",
+  "version": "0.0.179",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {
@@ -91,7 +91,7 @@
     "zod": "^4.4.3"
   },
   "devDependencies": {
-    "@krosoft/core": "^0.0.50",
+    "@krosoft/core": "^0.0.52",
     "@krosoft/tooling-eslint-react": "^0.0.26",
     "@krosoft/tooling-prettier": "^0.0.18",
     "@krosoft/tooling-tsconfig-react": "^0.0.10",