@udixio/tailwind 2.3.4 → 2.3.6

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+## 2.3.6 (2025-10-17)
+
+### 🩹 Fixes
+
+- **theme, plugins-tailwind:** enhance instance management and fix subThemes processing ([0a1b42e](https://github.com/Udixio/UI/commit/0a1b42e))
+
+### 🧱 Updated Dependencies
+
+- Updated @udixio/theme to 2.1.1
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
+## 2.3.5 (2025-10-17)
+
+### 🩹 Fixes
+
+- **plugins-tailwind:** correct `dx` and `dy` value mappings in animation plugin ([7bb82d9](https://github.com/Udixio/UI/commit/7bb82d9))
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
 ## 2.3.4 (2025-10-17)
 
 ### 🧱 Updated Dependencies

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

@@ -1 +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;AAO/E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAgFD,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;IAEtB,MAAM;IAeN,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE;IA0E/C,SAAS;eAC+B,MAAM;cAAQ,MAAM;;IAetD,MAAM;CAWb"}
+{"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;AAO/E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAgFD,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;IAEtB,MAAM;IAeN,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE;IA+E/C,SAAS;eAC+B,MAAM;cAAQ,MAAM;;IAetD,MAAM;CAYb"}

package/dist/browser.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const tailwind_plugin = require("./tailwind.plugin-BVo4TZ6g.cjs");
+const tailwind_plugin = require("./tailwind.plugin-CEGlpiFj.cjs");
 exports.TailwindImplPluginBrowser = tailwind_plugin.TailwindImplPluginBrowser;
 exports.TailwindPlugin = tailwind_plugin.TailwindPlugin;
 exports.animation = tailwind_plugin.animation;

package/dist/browser.js

@@ -1,5 +1,5 @@
-import { m as main } from "./tailwind.plugin-CNzjEOdG.js";
-import { T, b, a, f, s } from "./tailwind.plugin-CNzjEOdG.js";
+import { m as main } from "./tailwind.plugin-Bvh5RFHQ.js";
+import { T, b, a, f, s } from "./tailwind.plugin-Bvh5RFHQ.js";
 export {
   T as TailwindImplPluginBrowser,
   b as TailwindPlugin,

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

@@ -1 +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,EACL,yBAAyB,EACzB,qBAAqB,IAAI,4BAA4B,EACtD,MAAM,4BAA4B,CAAC;AAIpC,MAAM,MAAM,qBAAqB,GAAG,4BAA4B,CAAC;AAEjE,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;CAkFtB"}
+{"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,EACL,yBAAyB,EACzB,qBAAqB,IAAI,4BAA4B,EACtD,MAAM,4BAA4B,CAAC;AAIpC,MAAM,MAAM,qBAAqB,GAAG,4BAA4B,CAAC;AAEjE,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;CAmFtB"}

package/dist/node.cjs

@@ -24,7 +24,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 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-BVo4TZ6g.cjs");
+const tailwind_plugin = require("./tailwind.plugin-CEGlpiFj.cjs");
 const theme = require("@udixio/theme");
 const fs = require("fs");
 const console = require("node:console");
@@ -61,6 +61,7 @@ class TailwindImplPlugin extends tailwind_plugin.TailwindImplPluginBrowser {
     return typeof process !== "undefined" && process.versions != null && process.versions.node != null;
   }
   async onLoad() {
+    this.outputCss = "";
     if (!this.isNodeJs()) {
       await super.onLoad();
       return;

package/dist/node.js

@@ -1,8 +1,8 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { T as TailwindImplPluginBrowser, m as main } from "./tailwind.plugin-CNzjEOdG.js";
-import { a, f, s } from "./tailwind.plugin-CNzjEOdG.js";
+import { T as TailwindImplPluginBrowser, m as main } from "./tailwind.plugin-Bvh5RFHQ.js";
+import { a, f, s } from "./tailwind.plugin-Bvh5RFHQ.js";
 import { PluginAbstract, FontPlugin } from "@udixio/theme";
 import * as fs from "fs";
 import * as console from "node:console";
@@ -21,6 +21,7 @@ class TailwindImplPlugin extends TailwindImplPluginBrowser {
     return typeof process !== "undefined" && process.versions != null && process.versions.node != null;
   }
   async onLoad() {
+    this.outputCss = "";
     if (!this.isNodeJs()) {
       await super.onLoad();
       return;

package/dist/{tailwind.plugin-CNzjEOdG.js → tailwind.plugin-Bvh5RFHQ.js}

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import plugin from "tailwindcss/plugin";
 import { kebabCase } from "text-case";
 import { PluginAbstract, FontPlugin, PluginImplAbstract } from "@udixio/theme";
-import { Hct, argbFromHex, hexFromArgb } from "@material/material-color-utilities";
+import { hexFromArgb, Hct, argbFromHex } from "@material/material-color-utilities";
 const createAnimationFunc = ({
   addBase,
   prefix,
@@ -289,14 +289,14 @@ const animation = plugin.withOptions(
               throw new Error(`Invalid direction: ${directionAlias}`);
             }
             const dxdy = {
-              "from-top": { dx: "0", dy: "1" },
-              "from-bottom": { dx: "0", dy: "-1" },
+              "from-top": { dx: "0", dy: "-1" },
+              "from-bottom": { dx: "0", dy: "1" },
               "from-left": { dx: "-1", dy: "0" },
               "from-right": { dx: "1", dy: "0" },
-              "from-top-left": { dx: "1", dy: "1" },
-              "from-top-right": { dx: "-1", dy: "1" },
-              "from-bottom-left": { dx: "1", dy: "-1" },
-              "from-bottom-right": { dx: "-1", dy: "-1" }
+              "from-top-left": { dx: "-1", dy: "-1" },
+              "from-top-right": { dx: "1", dy: "-1" },
+              "from-bottom-left": { dx: "-1", dy: "1" },
+              "from-bottom-right": { dx: "1", dy: "1" }
             };
             const { dx, dy } = dxdy[direction];
             addUtilities({
@@ -726,6 +726,7 @@ class TailwindImplPluginBrowser extends PluginImplAbstract {
     })} 
 }`;
     const sourceColor = this.api.context.sourceColor;
+    const originalSourceColorHex = hexFromArgb(sourceColor.toInt());
     for (const [key, value] of Object.entries(this.options.subThemes ?? {})) {
       const newHue = Hct.fromInt(argbFromHex(value)).hue;
       const newColor = Hct.from(newHue, sourceColor.chroma, sourceColor.tone);
@@ -745,9 +746,10 @@ class TailwindImplPluginBrowser extends PluginImplAbstract {
         mode: darkMode,
         darkSelector: darkSelector ?? "",
         styles: Object.entries(colors2).map(([key2, value2]) => `--color-${key2}: ${value2.dark};`).join("\n    ")
-      })} 
+      })}
 }`;
     }
+    this.api.context.sourceColor = originalSourceColorHex;
   }
   getColors() {
     const colors = {};
@@ -765,7 +767,7 @@ class TailwindImplPluginBrowser extends PluginImplAbstract {
     return colors;
   }
   async onLoad() {
-    this.getColors();
+    this.outputCss = "";
     this.loadColor({ isDynamic: true });
   }
 }

package/dist/{tailwind.plugin-BVo4TZ6g.cjs → tailwind.plugin-CEGlpiFj.cjs}

@@ -290,14 +290,14 @@ const animation = plugin.withOptions(
               throw new Error(`Invalid direction: ${directionAlias}`);
             }
             const dxdy = {
-              "from-top": { dx: "0", dy: "1" },
-              "from-bottom": { dx: "0", dy: "-1" },
+              "from-top": { dx: "0", dy: "-1" },
+              "from-bottom": { dx: "0", dy: "1" },
               "from-left": { dx: "-1", dy: "0" },
               "from-right": { dx: "1", dy: "0" },
-              "from-top-left": { dx: "1", dy: "1" },
-              "from-top-right": { dx: "-1", dy: "1" },
-              "from-bottom-left": { dx: "1", dy: "-1" },
-              "from-bottom-right": { dx: "-1", dy: "-1" }
+              "from-top-left": { dx: "-1", dy: "-1" },
+              "from-top-right": { dx: "1", dy: "-1" },
+              "from-bottom-left": { dx: "-1", dy: "1" },
+              "from-bottom-right": { dx: "1", dy: "1" }
             };
             const { dx, dy } = dxdy[direction];
             addUtilities({
@@ -727,6 +727,7 @@ class TailwindImplPluginBrowser extends theme.PluginImplAbstract {
     })} 
 }`;
     const sourceColor = this.api.context.sourceColor;
+    const originalSourceColorHex = materialColorUtilities.hexFromArgb(sourceColor.toInt());
     for (const [key, value] of Object.entries(this.options.subThemes ?? {})) {
       const newHue = materialColorUtilities.Hct.fromInt(materialColorUtilities.argbFromHex(value)).hue;
       const newColor = materialColorUtilities.Hct.from(newHue, sourceColor.chroma, sourceColor.tone);
@@ -746,9 +747,10 @@ class TailwindImplPluginBrowser extends theme.PluginImplAbstract {
         mode: darkMode,
         darkSelector: darkSelector ?? "",
         styles: Object.entries(colors2).map(([key2, value2]) => `--color-${key2}: ${value2.dark};`).join("\n    ")
-      })} 
+      })}
 }`;
     }
+    this.api.context.sourceColor = originalSourceColorHex;
   }
   getColors() {
     const colors = {};
@@ -766,7 +768,7 @@ class TailwindImplPluginBrowser extends theme.PluginImplAbstract {
     return colors;
   }
   async onLoad() {
-    this.getColors();
+    this.outputCss = "";
     this.loadColor({ isDynamic: true });
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/tailwind",
-  "version": "2.3.4",
+  "version": "2.3.6",
   "type": "module",
   "main": "./dist/node.js",
   "module": "./dist/node.js",
@@ -31,7 +31,7 @@
     "chalk": "^5.6.0",
     "pathe": "^2.0.3",
     "tslib": "^2.3.0",
-    "@udixio/theme": "2.1.0"
+    "@udixio/theme": "2.1.1"
   },
   "repository": {
     "type": "git",

package/src/browser/tailwind.plugin.ts

@@ -163,6 +163,8 @@ export class TailwindImplPluginBrowser extends PluginImplAbstract<TailwindPlugin
 }`;
 
     const sourceColor = this.api.context.sourceColor;
+    const originalSourceColorHex = hexFromArgb(sourceColor.toInt());
+
     for (const [key, value] of Object.entries(this.options.subThemes ?? {})) {
       const newHue = Hct.fromInt(argbFromHex(value)).hue;
       const newColor = Hct.from(newHue, sourceColor.chroma, sourceColor.tone);
@@ -188,9 +190,12 @@ export class TailwindImplPluginBrowser extends PluginImplAbstract<TailwindPlugin
     styles: Object.entries(colors)
       .map(([key, value]) => `--color-${key}: ${value.dark};`)
       .join('\n    '),
-  })} 
+  })}
 }`;
     }
+
+    // Restore original sourceColor after processing subThemes
+    this.api.context.sourceColor = originalSourceColorHex;
   }
 
   getColors() {
@@ -210,7 +215,8 @@ export class TailwindImplPluginBrowser extends PluginImplAbstract<TailwindPlugin
   }
 
   async onLoad() {
-    this.getColors();
+    this.outputCss = '';
+    // this.getColors();
 
     // if (typeof window !== 'undefined') {
     //   const { tailwindBrowserInit } = await import('./tailwind-browser');

package/src/node/tailwind.plugin.ts

@@ -28,6 +28,7 @@ class TailwindImplPlugin extends TailwindImplPluginBrowser {
   }
 
   override async onLoad() {
+    this.outputCss = '';
     if (!this.isNodeJs()) {
       await super.onLoad();
       return;

package/src/plugins-tailwind/animation.ts

@@ -376,14 +376,14 @@ export const animation = plugin.withOptions(
             }
 
             const dxdy: Record<typeof direction, { dx: string; dy: string }> = {
-              'from-top': { dx: '0', dy: '1' },
-              'from-bottom': { dx: '0', dy: '-1' },
+              'from-top': { dx: '0', dy: '-1' },
+              'from-bottom': { dx: '0', dy: '1' },
               'from-left': { dx: '-1', dy: '0' },
               'from-right': { dx: '1', dy: '0' },
-              'from-top-left': { dx: '1', dy: '1' },
-              'from-top-right': { dx: '-1', dy: '1' },
-              'from-bottom-left': { dx: '1', dy: '-1' },
-              'from-bottom-right': { dx: '-1', dy: '-1' },
+              'from-top-left': { dx: '-1', dy: '-1' },
+              'from-top-right': { dx: '1', dy: '-1' },
+              'from-bottom-left': { dx: '-1', dy: '1' },
+              'from-bottom-right': { dx: '1', dy: '1' },
             } as const;
             const { dx, dy } = dxdy[direction];