@udixio/tailwind 1.3.0 → 1.5.0

package/CHANGELOG.md

@@ -1,3 +1,34 @@
+## 1.5.0 (2025-08-28)
+
+### 🚀 Features
+
+- **tailwind:** enhance browser integration with direct CSS compilation ([ac2caad](https://github.com/Udixio/UI/commit/ac2caad))
+- **tailwind:** refactor browser integration and update dependencies ([3698754](https://github.com/Udixio/UI/commit/3698754))
+- **tailwind:** implement browser-specific runtime for dynamic stylesheet handling ([da29439](https://github.com/Udixio/UI/commit/da29439))
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
+## 1.4.0 (2025-08-27)
+
+### 🚀 Features
+
+- **theme, tailwind, ui-react:** update package entries and async plugin resolution ([be9c65c](https://github.com/Udixio/UI/commit/be9c65c))
+- **tailwind:** split browser and node-specific logic with updated exports ([5335caa](https://github.com/Udixio/UI/commit/5335caa))
+- **theme, ui-react, tailwind:** introduce node polyfills and improve async support ([f5c816a](https://github.com/Udixio/UI/commit/f5c816a))
+- **tailwind:** add `@tailwindcss/browser` support and improve environment handling ([166d850](https://github.com/Udixio/UI/commit/166d850))
+- integrate `rollup-plugin-visualizer` into Vite configs ([c92311a](https://github.com/Udixio/UI/commit/c92311a))
+- **tailwind:** improve file utilities with enhanced CLI logging using `chalk` ([a32de93](https://github.com/Udixio/UI/commit/a32de93))
+
+### 🧱 Updated Dependencies
+
+- Updated @udixio/theme to 1.2.0
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
 ## 1.3.0 (2025-08-25)
 
 ### 🚀 Features

package/dist/browser/assets.d.ts

@@ -0,0 +1,7 @@
+export declare const css: {
+    index: string;
+    preflight: string;
+    theme: string;
+    utilities: string;
+};
+//# sourceMappingURL=assets.d.ts.map

package/dist/browser/assets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../src/browser/assets.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,GAAG;;;;;CAKf,CAAC"}

package/dist/browser/instrumentation.d.ts

@@ -0,0 +1,7 @@
+export declare class Instrumentation {
+    start(label: string): void;
+    end(label: string, detail?: any): void;
+    hit(label: string, detail?: any): void;
+    error(error: any): void;
+}
+//# sourceMappingURL=instrumentation.d.ts.map

package/dist/browser/instrumentation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instrumentation.d.ts","sourceRoot":"","sources":["../../src/browser/instrumentation.ts"],"names":[],"mappings":"AAAA,qBAAa,eAAe;IAC1B,KAAK,CAAC,KAAK,EAAE,MAAM;IAInB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG;IAU/B,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG;IAM/B,KAAK,CAAC,KAAK,EAAE,GAAG;CAOjB"}

package/dist/browser/tailwind-browser.d.ts

@@ -0,0 +1,2 @@
+export declare function tailwindBrowserInit(cssInput: string): Promise<string>;
+//# sourceMappingURL=tailwind-browser.d.ts.map

package/dist/browser/tailwind-browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-browser.d.ts","sourceRoot":"","sources":["../../src/browser/tailwind-browser.ts"],"names":[],"mappings":"AAqSA,wBAAsB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAiC3E"}

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

@@ -0,0 +1,21 @@
+import { FontPlugin, PluginAbstract, PluginImplAbstract } from '@udixio/theme';
+export interface TailwindPluginOptions {
+    responsiveBreakPoints?: Record<string, number>;
+    styleFilePath?: string;
+}
+export declare class TailwindPlugin extends PluginAbstract<TailwindImplPluginBrowser, TailwindPluginOptions> {
+    dependencies: (typeof FontPlugin)[];
+    name: string;
+    pluginClass: typeof TailwindImplPluginBrowser;
+}
+export declare class TailwindImplPluginBrowser extends PluginImplAbstract<TailwindPluginOptions> {
+    outputCss: string;
+    protected colors: Record<string, {
+        light: string;
+        dark: string;
+    }>;
+    onInit(): void;
+    loadColor(): void;
+    onLoad(): Promise<void>;
+}
+//# sourceMappingURL=tailwind.plugin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.plugin.d.ts","sourceRoot":"","sources":["../../src/browser/tailwind.plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE/E,MAAM,WAAW,qBAAqB;IAEpC,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;CAExB;AAED,qBAAa,cAAe,SAAQ,cAAc,CAChD,yBAAyB,EACzB,qBAAqB,CACtB;IACQ,YAAY,wBAAgB;IAC5B,IAAI,SAAc;IACzB,WAAW,mCAA6B;CACzC;AAED,qBAAa,yBAA0B,SAAQ,kBAAkB,CAAC,qBAAqB,CAAC;IAC/E,SAAS,SAAM;IACtB,SAAS,CAAC,MAAM,EAAE,MAAM,CACtB,MAAM,EACN;QACE,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CACF,CAAM;IAEP,MAAM;IAMN,SAAS;IAmBH,MAAM;CAoBb"}

package/dist/browser.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const tailwind_plugin = require("./tailwind.plugin-JU5cwZvP.cjs");
+exports.TailwindImplPluginBrowser = tailwind_plugin.TailwindImplPluginBrowser;
+exports.TailwindPlugin = tailwind_plugin.TailwindPlugin;
+exports.default = tailwind_plugin.main;
+exports.font = tailwind_plugin.font;
+exports.state = tailwind_plugin.state;

package/dist/browser.js

@@ -0,0 +1,9 @@
+import { m as main } from "./tailwind.plugin-Ce1R9Jc0.js";
+import { T, a, f, s } from "./tailwind.plugin-Ce1R9Jc0.js";
+export {
+  T as TailwindImplPluginBrowser,
+  a as TailwindPlugin,
+  main as default,
+  f as font,
+  s as state
+};

package/dist/index.browser.d.ts

@@ -0,0 +1,5 @@
+import { main } from './main';
+export * from './plugins-tailwind';
+export * from './browser/tailwind.plugin';
+export default main;
+//# sourceMappingURL=index.browser.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.browser.d.ts","sourceRoot":"","sources":["../src/index.browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,eAAe,IAAI,CAAC"}

package/dist/{index.d.ts → index.node.d.ts}

@@ -1,5 +1,5 @@
 import { main } from './main';
 export * from './plugins-tailwind';
-export * from './tailwind.plugin';
+export * from './node';
 export default main;
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.node.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.node.d.ts","sourceRoot":"","sources":["../src/index.node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,eAAe,IAAI,CAAC"}

package/dist/main.d.ts

@@ -0,0 +1,9 @@
+import { FontPluginOptions, StateOptions } from './plugins-tailwind';
+export type ConfigJs = FontPluginOptions & StateOptions;
+export type ConfigCss = {
+    colorKeys: string[];
+    fontStyles: string[];
+    responsiveBreakPoints: string[];
+};
+export declare const main: import('node_modules/tailwindcss/dist/types-WlZgYgM8.mjs').c<ConfigJs>;
+//# sourceMappingURL=main.d.ts.map

package/dist/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,iBAAiB,EAEjB,YAAY,EACb,MAAM,oBAAoB,CAAC;AAG5B,MAAM,MAAM,QAAQ,GAAG,iBAAiB,GAAG,YAAY,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,qBAAqB,EAAE,MAAM,EAAE,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,IAAI,wEAuCf,CAAC"}

package/dist/node/file.d.ts

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

package/dist/node/file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/node/file.ts"],"names":[],"mappings":"AAqDA,eAAO,MAAM,kBAAkB,GAC7B,UAAU,MAAM,EAChB,SAAS,MAAM,KACd,OAAO,CAAC,IAAI,CA8Bd,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,UAAU,MAAM,EAChB,gBAAgB,MAAM,GAAG,MAAM,KAC9B,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,CAuE/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,UAAU,MAAM,EAChB,eAAe,MAAM,GAAG,MAAM,EAC9B,aAAa,MAAM,KAClB,OAAO,CAAC,IAAI,CAmCd,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,UAAU,MAAM,EAChB,eAAe,MAAM,GAAG,MAAM,KAC7B,OAAO,CAAC,MAAM,GAAG,KAAK,CA4FxB,CAAC;AAEF,wBAAsB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAqCxE"}

package/dist/node/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tailwind.plugin';
+export * from './file';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/node/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC"}

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

@@ -0,0 +1,13 @@
+import { FontPlugin, PluginAbstract } from '@udixio/theme';
+import { TailwindImplPluginBrowser, TailwindPluginOptions } from '../browser/tailwind.plugin';
+export declare class TailwindPlugin extends PluginAbstract<TailwindImplPlugin, TailwindPluginOptions> {
+    dependencies: (typeof FontPlugin)[];
+    name: string;
+    pluginClass: typeof TailwindImplPlugin;
+}
+declare class TailwindImplPlugin extends TailwindImplPluginBrowser {
+    private isNodeJs;
+    onLoad(): Promise<void>;
+}
+export {};
+//# sourceMappingURL=tailwind.plugin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.plugin.d.ts","sourceRoot":"","sources":["../../src/node/tailwind.plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE3D,OAAO,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAI9F,qBAAa,cAAe,SAAQ,cAAc,CAChD,kBAAkB,EAClB,qBAAqB,CACtB;IACQ,YAAY,wBAAgB;IAC5B,IAAI,SAAc;IACzB,WAAW,4BAAsB;CAClC;AAED,cAAM,kBAAmB,SAAQ,yBAAyB;IACxD,OAAO,CAAC,QAAQ;IAQD,MAAM;CA2FtB"}

package/dist/node.cjs

@@ -0,0 +1,370 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const tailwind_plugin = require("./tailwind.plugin-JU5cwZvP.cjs");
+const theme = require("@udixio/theme");
+const fs = require("fs");
+const console = require("node:console");
+const pathe = require("pathe");
+const chalk = require("chalk");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const fs__namespace = /* @__PURE__ */ _interopNamespaceDefault(fs);
+const console__namespace = /* @__PURE__ */ _interopNamespaceDefault(console);
+class TailwindPlugin extends theme.PluginAbstract {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "dependencies", [theme.FontPlugin]);
+    __publicField(this, "name", "tailwind");
+    __publicField(this, "pluginClass", TailwindImplPlugin);
+  }
+}
+class TailwindImplPlugin extends tailwind_plugin.TailwindImplPluginBrowser {
+  isNodeJs() {
+    return typeof process !== "undefined" && process.versions != null && process.versions.node != null;
+  }
+  async onLoad() {
+    var _a;
+    if (!this.isNodeJs()) {
+      await super.onLoad();
+      return;
+    }
+    const { join, resolve } = await import("pathe");
+    const {
+      createOrUpdateFile: createOrUpdateFile2,
+      findProjectRoot: findProjectRoot2,
+      findTailwindCssFile: findTailwindCssFile2,
+      getFileContent: getFileContent2,
+      replaceFileContent: replaceFileContent2
+    } = await Promise.resolve().then(() => file);
+    this.colors = {};
+    for (const isDark of [false, true]) {
+      this.api.themes.update({ isDark });
+      for (const [key, value] of this.api.colors.getColors().entries()) {
+        const newKey = key.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
+        (_a = this.colors)[newKey] ?? (_a[newKey] = { light: "", dark: "" });
+        this.colors[newKey][isDark ? "dark" : "light"] = value.getHex();
+      }
+    }
+    let udixioCssPath = this.options.styleFilePath;
+    const projectRoot = await findProjectRoot2(resolve());
+    if (!udixioCssPath) {
+      const searchPattern = /@import ["']tailwindcss["'];/;
+      const replacement = `@import 'tailwindcss';
+@import "./udixio.css";`;
+      const tailwindCssPath = await findTailwindCssFile2(
+        projectRoot,
+        searchPattern
+      );
+      udixioCssPath = join(tailwindCssPath, "../udixio.css");
+      if (!await getFileContent2(tailwindCssPath, /@import\s+"\.\/udixio\.css";/)) {
+        await replaceFileContent2(tailwindCssPath, searchPattern, replacement);
+      }
+    }
+    const { fontStyles, fontFamily } = this.api.plugins.getPlugin(theme.FontPlugin).getInstance().getFonts();
+    const configCss = {
+      colorKeys: Object.keys(this.colors).join(", "),
+      fontStyles: Object.entries(fontStyles).map(
+        ([fontRole, fontStyle]) => Object.entries(fontStyle).map(
+          ([fontSize, fontStyle2]) => `${fontRole}-${fontSize} ${Object.entries(fontStyle2).map(([name, value]) => `${name}[${value}]`).join(" ")}`
+        ).join(", ")
+      ).join(", "),
+      responsiveBreakPoints: Object.entries(
+        this.options.responsiveBreakPoints ?? {}
+      ).map(([key, value]) => `${key} ${value}`).join(", ")
+    };
+    this.outputCss += `@plugin "@udixio/tailwind" {
+  colorKeys: ${configCss.colorKeys};
+  fontStyles: ${configCss.fontStyles};
+  responsiveBreakPoints: ${configCss.responsiveBreakPoints};
+}`;
+    this.loadColor();
+    this.outputCss += `
+@theme {
+  ${Object.entries(fontFamily).map(
+      ([key, values]) => `--font-${key}: ${values.map((value) => `"${value}"`).join(", ")};`
+    ).join("\n  ")}
+}`;
+    await createOrUpdateFile2(udixioCssPath, this.outputCss);
+  }
+}
+const normalizePath = async (filePath) => {
+  const { fileURLToPath } = await import("url");
+  try {
+    if (filePath.startsWith("file://")) {
+      return pathe.normalize(fileURLToPath(filePath));
+    }
+    return pathe.normalize(filePath);
+  } catch (error) {
+    console__namespace.warn(
+      chalk.yellow(
+        `⚠️  Could not process path ${filePath}, treating as regular path`
+      )
+    );
+    return pathe.normalize(filePath);
+  }
+};
+const safeExistsSync = async (filePath) => {
+  return fs__namespace.existsSync(await normalizePath(filePath));
+};
+const safeReadFileSync = async (filePath, encoding = "utf8") => {
+  return fs__namespace.readFileSync(await normalizePath(filePath), encoding);
+};
+const safeWriteFileSync = async (filePath, data) => {
+  const normalizedPath = await normalizePath(filePath);
+  const dirPath = pathe.dirname(normalizedPath);
+  if (!fs__namespace.existsSync(dirPath)) {
+    fs__namespace.mkdirSync(dirPath, { recursive: true });
+  }
+  fs__namespace.writeFileSync(normalizedPath, data);
+};
+const createOrUpdateFile = async (filePath, content) => {
+  try {
+    const normalizedPath = normalizePath(filePath);
+    if (!await safeExistsSync(filePath)) {
+      await safeWriteFileSync(filePath, content);
+      console__namespace.log(
+        chalk.green(`📄 Created`) + chalk.gray(` • `) + chalk.cyan(normalizedPath)
+      );
+    } else {
+      console__namespace.log(
+        chalk.blue(`📝 Exists`) + chalk.gray(` • `) + chalk.cyan(normalizedPath)
+      );
+      await replaceFileContent(filePath, /[\s\S]*/, content);
+    }
+  } catch (error) {
+    console__namespace.error(
+      chalk.red(`🚨 Failed to create file`) + chalk.gray(` • `) + chalk.cyan(filePath)
+    );
+    console__namespace.error(
+      chalk.gray(`   `) + chalk.red(error instanceof Error ? error.message : error)
+    );
+  }
+};
+const getFileContent = async (filePath, searchPattern) => {
+  try {
+    const normalizedPath = normalizePath(filePath);
+    if (!await safeExistsSync(filePath)) {
+      console__namespace.error(
+        chalk.red(`❌ File not found`) + chalk.gray(` • `) + chalk.cyan(normalizedPath)
+      );
+      return null;
+    }
+    const fileContent = await safeReadFileSync(filePath);
+    if (searchPattern) {
+      if (typeof searchPattern === "string") {
+        const found = fileContent.includes(searchPattern) ? searchPattern : false;
+        if (found) {
+          console__namespace.log(
+            chalk.green(`🔍 Found`) + chalk.gray(` • `) + chalk.yellow(`"${searchPattern}"`)
+          );
+        } else {
+          console__namespace.log(
+            chalk.yellow(`🔍 Missing`) + chalk.gray(` • `) + chalk.yellow(`"${searchPattern}"`)
+          );
+        }
+        return found;
+      } else {
+        const match = fileContent.match(searchPattern);
+        if (match) {
+          console__namespace.log(
+            chalk.green(`🎯 Match`) + chalk.gray(` • `) + chalk.yellow(`"${match[0]}"`)
+          );
+          return match[0];
+        } else {
+          console__namespace.log(
+            chalk.yellow(`🎯 No match`) + chalk.gray(` • `) + chalk.magenta(searchPattern.toString())
+          );
+          return false;
+        }
+      }
+    }
+    console__namespace.log(
+      chalk.blue(`📖 Read`) + chalk.gray(` • `) + chalk.cyan(normalizedPath)
+    );
+    return fileContent;
+  } catch (error) {
+    console__namespace.error(
+      chalk.red(`🚨 Read failed`) + chalk.gray(` • `) + chalk.cyan(filePath)
+    );
+    console__namespace.error(
+      chalk.gray(`   `) + chalk.red(error instanceof Error ? error.message : error)
+    );
+    return null;
+  }
+};
+const replaceFileContent = async (filePath, searchPattern, replacement) => {
+  try {
+    const { replaceInFileSync } = await import("replace-in-file");
+    const normalizedPath = await normalizePath(filePath);
+    const results = replaceInFileSync({
+      files: normalizedPath,
+      from: searchPattern,
+      to: replacement
+    });
+    if (results.length > 0 && results[0].hasChanged) {
+      console__namespace.log(
+        chalk.green(`✏️  Updated`) + chalk.gray(` • `) + chalk.cyan(normalizedPath)
+      );
+    } else {
+      console__namespace.log(
+        chalk.yellow(`⏭️  Skipped`) + chalk.gray(` • `) + chalk.cyan(normalizedPath) + chalk.gray(` (no changes needed)`)
+      );
+    }
+  } catch (error) {
+    console__namespace.error(
+      chalk.red(`🚨 Update failed`) + chalk.gray(` • `) + chalk.cyan(filePath)
+    );
+    console__namespace.error(
+      chalk.gray(`   `) + chalk.red(error instanceof Error ? error.message : error)
+    );
+  }
+};
+const findTailwindCssFile = async (startDir, searchPattern) => {
+  const normalizedStartDir = await normalizePath(startDir);
+  console__namespace.log(chalk.blue(`🔎 Searching for CSS file...`));
+  console__namespace.log(
+    chalk.gray(`   Starting from: `) + chalk.cyan(normalizedStartDir)
+  );
+  const stack = [normalizedStartDir];
+  let filesScanned = 0;
+  while (stack.length > 0) {
+    const currentDir = stack.pop();
+    let files;
+    try {
+      files = fs__namespace.readdirSync(currentDir);
+    } catch (error) {
+      console__namespace.error(
+        chalk.gray(`   `) + chalk.red(`❌ Cannot read directory: `) + chalk.cyan(currentDir)
+      );
+      continue;
+    }
+    for (const file2 of files) {
+      const filePath = pathe.join(currentDir, file2);
+      let stats;
+      try {
+        stats = fs__namespace.statSync(filePath);
+      } catch (error) {
+        console__namespace.error(
+          chalk.gray(`   `) + chalk.red(`❌ Cannot access: `) + chalk.cyan(filePath)
+        );
+        continue;
+      }
+      if (stats.isDirectory()) {
+        if (file2 !== "node_modules" && !file2.startsWith(".")) {
+          stack.push(filePath);
+        }
+      } else if (stats.isFile() && (file2.endsWith(".css") || file2.endsWith(".scss") || file2.endsWith(".sass"))) {
+        try {
+          filesScanned++;
+          process.stdout.write(
+            chalk.gray(`   📂 Scanning: `) + chalk.yellow(file2) + `\r`
+          );
+          const content = await safeReadFileSync(filePath);
+          const hasMatch = typeof searchPattern === "string" ? content.includes(searchPattern) : searchPattern.test(content);
+          if (hasMatch) {
+            console__namespace.log(chalk.green(`
+🎯 Found target file!`));
+            console__namespace.log(chalk.gray(`   📍 Location: `) + chalk.cyan(filePath));
+            return filePath;
+          }
+        } catch (readError) {
+          console__namespace.error(
+            chalk.gray(`
+   `) + chalk.red(`❌ Cannot read: `) + chalk.cyan(filePath)
+          );
+        }
+      }
+    }
+  }
+  console__namespace.log(
+    chalk.blue(`
+📊 Scanned `) + chalk.white.bold(filesScanned.toString()) + chalk.blue(` CSS files`)
+  );
+  const errorMsg = chalk.red(`❌ No file found containing `) + chalk.yellow(`"${searchPattern}"`) + chalk.red(` in `) + chalk.cyan(`"${normalizedStartDir}"`);
+  throw new Error(errorMsg);
+};
+async function findProjectRoot(startPath) {
+  const normalizedStartPath = await normalizePath(startPath);
+  let currentPath = pathe.resolve(normalizedStartPath);
+  let levels = 0;
+  console__namespace.log(chalk.blue(`🏠 Finding project root...`));
+  console__namespace.log(
+    chalk.gray(`   Starting from: `) + chalk.cyan(normalizedStartPath)
+  );
+  while (!fs__namespace.existsSync(pathe.join(currentPath, "package.json"))) {
+    const parentPath = pathe.dirname(currentPath);
+    if (currentPath === parentPath) {
+      console__namespace.error(
+        chalk.red(`❌ Project root not found after checking `) + chalk.white.bold(levels.toString()) + chalk.red(` levels`)
+      );
+      throw new Error(
+        chalk.red("Unable to locate project root (no package.json found)")
+      );
+    }
+    currentPath = parentPath;
+    levels++;
+    if (levels > 10) {
+      console__namespace.error(
+        chalk.red(`❌ Stopped after `) + chalk.white.bold(levels.toString()) + chalk.red(` levels (too deep)`)
+      );
+      throw new Error(chalk.red("Project root search exceeded maximum depth"));
+    }
+  }
+  console__namespace.log(chalk.green(`📁 Project root: `) + chalk.cyan(currentPath));
+  return currentPath;
+}
+const file = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  createOrUpdateFile,
+  findProjectRoot,
+  findTailwindCssFile,
+  getFileContent,
+  replaceFileContent
+}, Symbol.toStringTag, { value: "Module" }));
+exports.default = tailwind_plugin.main;
+exports.font = tailwind_plugin.font;
+exports.state = tailwind_plugin.state;
+exports.TailwindPlugin = TailwindPlugin;
+exports.createOrUpdateFile = createOrUpdateFile;
+exports.findProjectRoot = findProjectRoot;
+exports.findTailwindCssFile = findTailwindCssFile;
+exports.getFileContent = getFileContent;
+exports.replaceFileContent = replaceFileContent;