@udixio/tailwind 1.0.0 → 1.2.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 1.2.0 (2025-08-21)
+
+### 🚀 Features
+
+- **tailwind:** add custom shadow utility plugin ([8e3485e](https://github.com/Udixio/UI/commit/8e3485e))
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
+## 1.1.0 (2025-08-21)
+
+### 🚀 Features
+
+- **doc:** integrate Udixio ecosystem into Astro project ([ca6b750](https://github.com/Udixio/UI/commit/ca6b750))
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
 # 1.0.0 (2025-08-04)
 
 ### 🚀 Features

package/dist/file.d.ts

@@ -1,5 +1,6 @@
 export declare const createOrUpdateFile: (filePath: string, content: string) => void;
 export declare const getFileContent: (filePath: string, searchPattern?: RegExp | string) => string | false | null;
 export declare const replaceFileContent: (filePath: string, searchPattern: RegExp | string, replacement: string) => void;
-export declare const findTailwindCssFile: (startDir: string, searchPattern: string) => string | null;
+export declare const findTailwindCssFile: (startDir: string, searchPattern: RegExp | string) => string | never;
+export declare function findProjectRoot(startPath: any): any;
 //# sourceMappingURL=file.d.ts.map

package/dist/file.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../src/file.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,EAAE,SAAS,MAAM,KAAG,IAmBtE,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,UAAU,MAAM,EAChB,gBAAgB,MAAM,GAAG,MAAM,KAC9B,MAAM,GAAG,KAAK,GAAG,IA4CnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,UAAU,MAAM,EAChB,eAAe,MAAM,GAAG,MAAM,EAC9B,aAAa,MAAM,KAClB,IAkBF,CAAC;AACF,eAAO,MAAM,mBAAmB,GAC9B,UAAU,MAAM,EAChB,eAAe,MAAM,KACpB,MAAM,GAAG,IAyBX,CAAC"}
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../src/file.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,EAAE,SAAS,MAAM,KAAG,IAmBtE,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,UAAU,MAAM,EAChB,gBAAgB,MAAM,GAAG,MAAM,KAC9B,MAAM,GAAG,KAAK,GAAG,IA4CnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,UAAU,MAAM,EAChB,eAAe,MAAM,GAAG,MAAM,EAC9B,aAAa,MAAM,KAClB,IAkBF,CAAC;AACF,eAAO,MAAM,mBAAmB,GAC9B,UAAU,MAAM,EAChB,eAAe,MAAM,GAAG,MAAM,KAC7B,MAAM,GAAG,KA8CX,CAAC;AAEF,wBAAgB,eAAe,CAAC,SAAS,KAAA,OAaxC"}

package/dist/index.cjs

@@ -7,6 +7,7 @@ const plugin = require("tailwindcss/plugin");
 const fs = require("fs");
 const path = require("path");
 const replaceInFile = require("replace-in-file");
+const console = require("node:console");
 const theme = require("@udixio/theme");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -26,6 +27,7 @@ function _interopNamespaceDefault(e) {
 }
 const fs__namespace = /* @__PURE__ */ _interopNamespaceDefault(fs);
 const path__namespace = /* @__PURE__ */ _interopNamespaceDefault(path);
+const console__namespace = /* @__PURE__ */ _interopNamespaceDefault(console);
 const defaultConfig = {
   statePrefix: "state",
   disabledStyles: {
@@ -126,6 +128,30 @@ const font = plugin.withOptions((options) => {
     addUtilities(newUtilities);
   };
 });
+const shadow = plugin(
+  ({ addUtilities }) => {
+    addUtilities({
+      [".shadow"]: {
+        boxShadow: "0 4px 10px #00000008, 0 0 2px #0000000f, 0 2px 6px #0000001f"
+      },
+      [".shadow-1"]: {
+        boxShadow: "0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)"
+      },
+      [".shadow-2"]: {
+        boxShadow: "0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)"
+      },
+      [".shadow-3"]: {
+        boxShadow: "0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)"
+      },
+      [".shadow-4"]: {
+        boxShadow: "0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)"
+      },
+      [".box-shadow-5"]: {
+        boxShadow: "0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)"
+      }
+    });
+  }
+);
 const main = plugin.withOptions((args) => {
   const configCss = args;
   const fontStyles = {};
@@ -156,6 +182,7 @@ const main = plugin.withOptions((args) => {
   return (api) => {
     font(options).handler(api);
     state(options).handler(api);
+    shadow.handler(api);
   };
 });
 const createOrUpdateFile = (filePath, content) => {
@@ -166,46 +193,46 @@ const createOrUpdateFile = (filePath, content) => {
         fs__namespace.mkdirSync(dirPath, { recursive: true });
       }
       fs__namespace.writeFileSync(filePath, content);
-      console.log(`✅ File successfully created: ${filePath}`);
+      console__namespace.log(`✅ File successfully created: ${filePath}`);
     } else {
-      console.log(`⚠️ File already exists: ${filePath}`);
+      console__namespace.log(`⚠️ File already exists: ${filePath}`);
       replaceFileContent(filePath, /[\s\S]*/, content);
     }
   } catch (error) {
-    console.error("❌ Error while creating the file:", error);
+    console__namespace.error("❌ Error while creating the file:", error);
   }
 };
 const getFileContent = (filePath, searchPattern) => {
   try {
     if (!fs__namespace.existsSync(filePath)) {
-      console.error(`❌ The specified file does not exist: ${filePath}`);
+      console__namespace.error(`❌ The specified file does not exist: ${filePath}`);
       return null;
     }
     const fileContent = fs__namespace.readFileSync(filePath, "utf8");
     if (searchPattern) {
       if (typeof searchPattern === "string") {
         const found = fileContent.includes(searchPattern) ? searchPattern : false;
-        console.log(
+        console__namespace.log(
           found ? `✅ The file contains the specified string: "${searchPattern}"` : `⚠️ The file does NOT contain the specified string: "${searchPattern}"`
         );
         return found;
       } else {
         const match = fileContent.match(searchPattern);
         if (match) {
-          console.log(`✅ Found match: "${match[0]}"`);
+          console__namespace.log(`✅ Found match: "${match[0]}"`);
           return match[0];
         } else {
-          console.log(
+          console__namespace.log(
             `⚠️ No match found for the pattern: "${searchPattern.toString()}"`
           );
           return false;
         }
       }
     }
-    console.log(`✅ File content successfully retrieved.`);
+    console__namespace.log(`✅ File content successfully retrieved.`);
     return fileContent;
   } catch (error) {
-    console.error("❌ An error occurred while processing the file:", error);
+    console__namespace.error("❌ An error occurred while processing the file:", error);
     return null;
   }
 };
@@ -217,36 +244,64 @@ const replaceFileContent = (filePath, searchPattern, replacement) => {
       to: replacement
     });
     if (results.length > 0 && results[0].hasChanged) {
-      console.log(`✅ Content successfully replaced in the file: ${filePath}`);
+      console__namespace.log(`✅ Content successfully replaced in the file: ${filePath}`);
     } else {
-      console.log(
+      console__namespace.log(
         `⚠️ No replacement made. Here are some possible reasons:
 - The pattern ${searchPattern} was not found.
 - The file might already contain the expected content.`
       );
     }
   } catch (error) {
-    console.error("❌ Error while replacing the file content:", error);
+    console__namespace.error("❌ Error while replacing the file content:", error);
   }
 };
 const findTailwindCssFile = (startDir, searchPattern) => {
-  const files = fs__namespace.readdirSync(startDir);
-  for (const file of files) {
-    const filePath = path__namespace.join(startDir, file);
-    const stats = fs__namespace.statSync(filePath);
-    if (stats.isDirectory()) {
-      const result = findTailwindCssFile(filePath, searchPattern);
-      if (result) return result;
-    } else if (file.endsWith(".css") || file.endsWith(".scss") || file.endsWith(".sass")) {
-      const content = fs__namespace.readFileSync(filePath, "utf8");
-      if (content.includes(searchPattern)) {
-        console.log("File found:\n", filePath);
-        return filePath;
+  console__namespace.log("Recherche du fichier contenant le motif...", startDir);
+  const stack = [startDir];
+  while (stack.length > 0) {
+    const currentDir = stack.pop();
+    const files = fs__namespace.readdirSync(currentDir);
+    for (const file of files) {
+      const filePath = path__namespace.join(currentDir, file);
+      let stats;
+      try {
+        stats = fs__namespace.statSync(filePath);
+      } catch (error) {
+        console__namespace.error(`Erreur lors de l'accès à ${filePath}:`, error);
+        continue;
+      }
+      if (stats.isDirectory()) {
+        if (file !== "node_modules") stack.push(filePath);
+      } else if (stats.isFile() && (file.endsWith(".css") || file.endsWith(".scss") || file.endsWith(".sass"))) {
+        try {
+          console__namespace.log(`Analyse du fichier : ${filePath}`);
+          const content = fs__namespace.readFileSync(filePath, "utf8");
+          if (content.match(searchPattern)) {
+            console__namespace.log("Fichier trouvé :", filePath);
+            return filePath;
+          }
+        } catch (readError) {
+          console__namespace.error(`Erreur lors de la lecture de ${filePath}:`, readError);
+        }
       }
     }
   }
-  return null;
+  throw new Error(
+    `Impossible de trouver un fichier contenant "${searchPattern}" dans "${startDir}".`
+  );
 };
+function findProjectRoot(startPath) {
+  let currentPath = startPath;
+  while (!fs__namespace.existsSync(path__namespace.join(currentPath, "package.json"))) {
+    const parentPath = path__namespace.dirname(currentPath);
+    if (currentPath === parentPath) {
+      throw new Error("Impossible de localiser la racine du projet.");
+    }
+    currentPath = parentPath;
+  }
+  return currentPath;
+}
 class TailwindPlugin extends theme.PluginAbstract {
   constructor() {
     super(...arguments);
@@ -263,18 +318,19 @@ class TailwindImplPlugin extends theme.PluginImplAbstract {
     });
   }
   onLoad() {
-    const searchKeyword = "@import 'tailwindcss';";
-    const tailwindCssPath = this.options.styleFilePath ?? findTailwindCssFile(process.cwd(), searchKeyword);
-    if (!tailwindCssPath) {
-      throw new Error("The style file containing tailwind was not found.");
-    }
-    const searchPattern = /@import ["']tailwindcss["'];/;
-    const replacement = `@import 'tailwindcss';
+    let udixioCssPath = this.options.styleFilePath;
+    const projectRoot = findProjectRoot(path.resolve());
+    if (!udixioCssPath) {
+      const searchPattern = /@import ["']tailwindcss["'];/;
+      const replacement = `@import 'tailwindcss';
 @import "./udixio.css";`;
-    if (!getFileContent(tailwindCssPath, /@import\s+"\.\/udixio\.css";/)) {
-      replaceFileContent(tailwindCssPath, searchPattern, replacement);
+      const tailwindCssPath = findTailwindCssFile(projectRoot, searchPattern);
+      udixioCssPath = path.join(tailwindCssPath, "../udixio.css");
+      console__namespace.log("rrgfgt", tailwindCssPath, udixioCssPath);
+      if (!getFileContent(tailwindCssPath, /@import\s+"\.\/udixio\.css";/)) {
+        replaceFileContent(tailwindCssPath, searchPattern, replacement);
+      }
     }
-    const cssFilePath = path.dirname(tailwindCssPath);
     const colors = {};
     for (const isDark of [false, true]) {
       this.api.themes.update({ isDark });
@@ -297,7 +353,7 @@ class TailwindImplPlugin extends theme.PluginImplAbstract {
       ).map(([key, value]) => `${key} ${value}`).join(", ")
     };
     createOrUpdateFile(
-      path.join(cssFilePath, "udixio.css"),
+      udixioCssPath,
       `
 @plugin "@udixio/tailwind" {
   colorKeys: ${configCss.colorKeys};

package/dist/index.js

@@ -6,6 +6,7 @@ import * as fs from "fs";
 import * as path from "path";
 import path__default from "path";
 import { replaceInFileSync } from "replace-in-file";
+import * as console from "node:console";
 import { PluginAbstract, FontPlugin, PluginImplAbstract } from "@udixio/theme";
 const defaultConfig = {
   statePrefix: "state",
@@ -107,6 +108,30 @@ const font = plugin.withOptions((options) => {
     addUtilities(newUtilities);
   };
 });
+const shadow = plugin(
+  ({ addUtilities }) => {
+    addUtilities({
+      [".shadow"]: {
+        boxShadow: "0 4px 10px #00000008, 0 0 2px #0000000f, 0 2px 6px #0000001f"
+      },
+      [".shadow-1"]: {
+        boxShadow: "0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)"
+      },
+      [".shadow-2"]: {
+        boxShadow: "0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)"
+      },
+      [".shadow-3"]: {
+        boxShadow: "0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)"
+      },
+      [".shadow-4"]: {
+        boxShadow: "0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)"
+      },
+      [".box-shadow-5"]: {
+        boxShadow: "0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)"
+      }
+    });
+  }
+);
 const main = plugin.withOptions((args) => {
   const configCss = args;
   const fontStyles = {};
@@ -137,6 +162,7 @@ const main = plugin.withOptions((args) => {
   return (api) => {
     font(options).handler(api);
     state(options).handler(api);
+    shadow.handler(api);
   };
 });
 const createOrUpdateFile = (filePath, content) => {
@@ -211,23 +237,51 @@ const replaceFileContent = (filePath, searchPattern, replacement) => {
   }
 };
 const findTailwindCssFile = (startDir, searchPattern) => {
-  const files = fs.readdirSync(startDir);
-  for (const file of files) {
-    const filePath = path.join(startDir, file);
-    const stats = fs.statSync(filePath);
-    if (stats.isDirectory()) {
-      const result = findTailwindCssFile(filePath, searchPattern);
-      if (result) return result;
-    } else if (file.endsWith(".css") || file.endsWith(".scss") || file.endsWith(".sass")) {
-      const content = fs.readFileSync(filePath, "utf8");
-      if (content.includes(searchPattern)) {
-        console.log("File found:\n", filePath);
-        return filePath;
+  console.log("Recherche du fichier contenant le motif...", startDir);
+  const stack = [startDir];
+  while (stack.length > 0) {
+    const currentDir = stack.pop();
+    const files = fs.readdirSync(currentDir);
+    for (const file of files) {
+      const filePath = path.join(currentDir, file);
+      let stats;
+      try {
+        stats = fs.statSync(filePath);
+      } catch (error) {
+        console.error(`Erreur lors de l'accès à ${filePath}:`, error);
+        continue;
+      }
+      if (stats.isDirectory()) {
+        if (file !== "node_modules") stack.push(filePath);
+      } else if (stats.isFile() && (file.endsWith(".css") || file.endsWith(".scss") || file.endsWith(".sass"))) {
+        try {
+          console.log(`Analyse du fichier : ${filePath}`);
+          const content = fs.readFileSync(filePath, "utf8");
+          if (content.match(searchPattern)) {
+            console.log("Fichier trouvé :", filePath);
+            return filePath;
+          }
+        } catch (readError) {
+          console.error(`Erreur lors de la lecture de ${filePath}:`, readError);
+        }
       }
     }
   }
-  return null;
+  throw new Error(
+    `Impossible de trouver un fichier contenant "${searchPattern}" dans "${startDir}".`
+  );
 };
+function findProjectRoot(startPath) {
+  let currentPath = startPath;
+  while (!fs.existsSync(path.join(currentPath, "package.json"))) {
+    const parentPath = path.dirname(currentPath);
+    if (currentPath === parentPath) {
+      throw new Error("Impossible de localiser la racine du projet.");
+    }
+    currentPath = parentPath;
+  }
+  return currentPath;
+}
 class TailwindPlugin extends PluginAbstract {
   constructor() {
     super(...arguments);
@@ -244,18 +298,19 @@ class TailwindImplPlugin extends PluginImplAbstract {
     });
   }
   onLoad() {
-    const searchKeyword = "@import 'tailwindcss';";
-    const tailwindCssPath = this.options.styleFilePath ?? findTailwindCssFile(process.cwd(), searchKeyword);
-    if (!tailwindCssPath) {
-      throw new Error("The style file containing tailwind was not found.");
-    }
-    const searchPattern = /@import ["']tailwindcss["'];/;
-    const replacement = `@import 'tailwindcss';
+    let udixioCssPath = this.options.styleFilePath;
+    const projectRoot = findProjectRoot(path__default.resolve());
+    if (!udixioCssPath) {
+      const searchPattern = /@import ["']tailwindcss["'];/;
+      const replacement = `@import 'tailwindcss';
 @import "./udixio.css";`;
-    if (!getFileContent(tailwindCssPath, /@import\s+"\.\/udixio\.css";/)) {
-      replaceFileContent(tailwindCssPath, searchPattern, replacement);
+      const tailwindCssPath = findTailwindCssFile(projectRoot, searchPattern);
+      udixioCssPath = path__default.join(tailwindCssPath, "../udixio.css");
+      console.log("rrgfgt", tailwindCssPath, udixioCssPath);
+      if (!getFileContent(tailwindCssPath, /@import\s+"\.\/udixio\.css";/)) {
+        replaceFileContent(tailwindCssPath, searchPattern, replacement);
+      }
     }
-    const cssFilePath = path__default.dirname(tailwindCssPath);
     const colors = {};
     for (const isDark of [false, true]) {
       this.api.themes.update({ isDark });
@@ -278,7 +333,7 @@ class TailwindImplPlugin extends PluginImplAbstract {
       ).map(([key, value]) => `${key} ${value}`).join(", ")
     };
     createOrUpdateFile(
-      path__default.join(cssFilePath, "udixio.css"),
+      udixioCssPath,
       `
 @plugin "@udixio/tailwind" {
   colorKeys: ${configCss.colorKeys};

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

@@ -1 +1 @@
-{"version":3,"file":"tailwind.plugin.d.ts","sourceRoot":"","sources":["../src/tailwind.plugin.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAG/E,UAAU,qBAAqB;IAE7B,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;CAExB;AAED,qBAAa,cAAe,SAAQ,cAAc,CAChD,kBAAkB,EAClB,qBAAqB,CACtB;IACQ,YAAY,wBAAgB;IAC5B,IAAI,SAAc;IACzB,WAAW,4BAAsB;CAClC;AAED,cAAM,kBAAmB,SAAQ,kBAAkB,CAAC,qBAAqB,CAAC;IACxE,MAAM;IAMN,MAAM;CAgGP"}
+{"version":3,"file":"tailwind.plugin.d.ts","sourceRoot":"","sources":["../src/tailwind.plugin.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAI/E,UAAU,qBAAqB;IAE7B,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;CAExB;AAED,qBAAa,cAAe,SAAQ,cAAc,CAChD,kBAAkB,EAClB,qBAAqB,CACtB;IACQ,YAAY,wBAAgB;IAC5B,IAAI,SAAc;IACzB,WAAW,4BAAsB;CAClC;AAED,cAAM,kBAAmB,SAAQ,kBAAkB,CAAC,qBAAqB,CAAC;IACxE,MAAM;IAMN,MAAM;CAiGP"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/tailwind",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/file.ts

@@ -1,6 +1,7 @@
 import * as fs from 'fs';
 import * as path from 'path';
 import { replaceInFileSync } from 'replace-in-file';
+import * as console from 'node:console';
 
 export const createOrUpdateFile = (filePath: string, content: string): void => {
   try {
@@ -97,30 +98,66 @@ export const replaceFileContent = (
 };
 export const findTailwindCssFile = (
   startDir: string,
-  searchPattern: string,
-): string | null => {
-  const files = fs.readdirSync(startDir);
-
-  for (const file of files) {
-    const filePath = path.join(startDir, file);
-    const stats = fs.statSync(filePath);
-
-    if (stats.isDirectory()) {
-      // Appeler récursivement si c'est un dossier
-      const result = findTailwindCssFile(filePath, searchPattern);
-      if (result) return result;
-    } else if (
-      file.endsWith('.css') ||
-      file.endsWith('.scss') ||
-      file.endsWith('.sass')
-    ) {
-      const content = fs.readFileSync(filePath, 'utf8');
-      if (content.includes(searchPattern)) {
-        console.log('File found:\n', filePath);
-        return filePath;
+  searchPattern: RegExp | string,
+): string | never => {
+  console.log('Recherche du fichier contenant le motif...', startDir);
+
+  const stack = [startDir]; // Pile pour éviter une récursion implicite.
+
+  while (stack.length > 0) {
+    const currentDir = stack.pop()!; // Récupérer un répertoire de la pile.
+    const files = fs.readdirSync(currentDir);
+
+    for (const file of files) {
+      const filePath = path.join(currentDir, file);
+
+      let stats: fs.Stats;
+      try {
+        stats = fs.statSync(filePath);
+      } catch (error) {
+        console.error(`Erreur lors de l'accès à ${filePath}:`, error);
+        continue; // Ignorer toute erreur d'accès.
+      }
+
+      // Ignorer le dossier `node_modules` et autres fichiers inutiles.
+      if (stats.isDirectory()) {
+        if (file !== 'node_modules') stack.push(filePath); // Empiler seulement les dossiers valides.
+      } else if (
+        stats.isFile() &&
+        (file.endsWith('.css') ||
+          file.endsWith('.scss') ||
+          file.endsWith('.sass'))
+      ) {
+        try {
+          console.log(`Analyse du fichier : ${filePath}`);
+          const content = fs.readFileSync(filePath, 'utf8');
+          if (content.match(searchPattern)) {
+            console.log('Fichier trouvé :', filePath);
+            return filePath; // Retour dès qu'un fichier valide est identifié.
+          }
+        } catch (readError) {
+          console.error(`Erreur lors de la lecture de ${filePath}:`, readError);
+        }
       }
     }
   }
 
-  return null;
+  throw new Error(
+    `Impossible de trouver un fichier contenant "${searchPattern}" dans "${startDir}".`,
+  );
 };
+
+export function findProjectRoot(startPath) {
+  let currentPath = startPath;
+
+  // Boucle jusqu'à trouver un package.json ou jusqu'à arriver à la racine du système
+  while (!fs.existsSync(path.join(currentPath, 'package.json'))) {
+    const parentPath = path.dirname(currentPath);
+    if (currentPath === parentPath) {
+      throw new Error('Impossible de localiser la racine du projet.');
+    }
+    currentPath = parentPath;
+  }
+
+  return currentPath;
+}

package/src/main.ts

@@ -5,6 +5,7 @@ import {
   state,
   StateOptions,
 } from './plugins-tailwind';
+import { shadow } from './plugins-tailwind/shadow';
 
 export type ConfigJs = FontPluginOptions & StateOptions;
 export type ConfigCss = {
@@ -48,5 +49,6 @@ export const main = plugin.withOptions<ConfigJs>((args) => {
   return (api: PluginAPI) => {
     font(options).handler(api);
     state(options).handler(api);
+    shadow.handler(api);
   };
 });

package/src/plugins-tailwind/shadow.ts

@@ -0,0 +1,32 @@
+import plugin, { PluginAPI } from 'tailwindcss/plugin';
+
+export const shadow = plugin(
+  ({ addUtilities }: Pick<PluginAPI, 'addUtilities'>) => {
+    addUtilities({
+      ['.shadow']: {
+        boxShadow:
+          '0 4px 10px #00000008, 0 0 2px #0000000f, 0 2px 6px #0000001f',
+      },
+      ['.shadow-1']: {
+        boxShadow:
+          '0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)',
+      },
+      ['.shadow-2']: {
+        boxShadow:
+          '0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)',
+      },
+      ['.shadow-3']: {
+        boxShadow:
+          '0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)',
+      },
+      ['.shadow-4']: {
+        boxShadow:
+          '0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)',
+      },
+      ['.box-shadow-5']: {
+        boxShadow:
+          '0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)',
+      },
+    });
+  },
+);

package/src/tailwind.plugin.ts

@@ -1,5 +1,6 @@
 import {
   createOrUpdateFile,
+  findProjectRoot,
   findTailwindCssFile,
   getFileContent,
   replaceFileContent,
@@ -7,6 +8,7 @@ import {
 import path from 'path';
 import { FontPlugin, PluginAbstract, PluginImplAbstract } from '@udixio/theme';
 import { ConfigCss } from './main';
+import * as console from 'node:console';
 
 interface TailwindPluginOptions {
   // darkMode?: 'class' | 'media';
@@ -32,22 +34,23 @@ class TailwindImplPlugin extends PluginImplAbstract<TailwindPluginOptions> {
   }
 
   onLoad() {
-    const searchKeyword = "@import 'tailwindcss';";
+    let udixioCssPath = this.options.styleFilePath;
 
-    const tailwindCssPath =
-      this.options.styleFilePath ??
-      findTailwindCssFile(process.cwd(), searchKeyword);
-    if (!tailwindCssPath) {
-      throw new Error('The style file containing tailwind was not found.');
-    }
-    const searchPattern = /@import ["']tailwindcss["'];/;
-    const replacement = `@import 'tailwindcss';\n@import "./udixio.css";`;
+    const projectRoot = findProjectRoot(path.resolve());
 
-    if (!getFileContent(tailwindCssPath, /@import\s+"\.\/udixio\.css";/)) {
-      replaceFileContent(tailwindCssPath, searchPattern, replacement);
-    }
+    if (!udixioCssPath) {
+      const searchPattern = /@import ["']tailwindcss["'];/;
+      const replacement = `@import 'tailwindcss';\n@import "./udixio.css";`;
+
+      const tailwindCssPath = findTailwindCssFile(projectRoot, searchPattern);
+      udixioCssPath = path.join(tailwindCssPath, '../udixio.css');
 
-    const cssFilePath = path.dirname(tailwindCssPath);
+      console.log('rrgfgt', tailwindCssPath, udixioCssPath);
+
+      if (!getFileContent(tailwindCssPath, /@import\s+"\.\/udixio\.css";/)) {
+        replaceFileContent(tailwindCssPath, searchPattern, replacement);
+      }
+    }
 
     const colors: Record<
       string,
@@ -95,7 +98,7 @@ class TailwindImplPlugin extends PluginImplAbstract<TailwindPluginOptions> {
     };
 
     createOrUpdateFile(
-      path.join(cssFilePath, 'udixio.css'),
+      udixioCssPath,
       `
 @plugin "@udixio/tailwind" {
   colorKeys: ${configCss.colorKeys};