@udixio/tailwind 2.0.0 → 2.1.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 2.1.0 (2025-10-16)
+
+### 🚀 Features
+
+- **animation:** remove redundant `updateAnimNamesAndWillChange` logic and centralize handling in `animation` plugin ([d13c4d7](https://github.com/Udixio/UI/commit/d13c4d7))
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
 # 2.0.0 (2025-10-15)
 
 ### 🚀 Features

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-ImuL0_jV.cjs");
+const tailwind_plugin = require("./tailwind.plugin-DmhUL7Oj.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-DLbaMny3.js";
-import { T, b, a, f, s } from "./tailwind.plugin-DLbaMny3.js";
+import { m as main } from "./tailwind.plugin-DfVIrskO.js";
+import { T, b, a, f, s } from "./tailwind.plugin-DfVIrskO.js";
 export {
   T as TailwindImplPluginBrowser,
   b as TailwindPlugin,

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-ImuL0_jV.cjs");
+const tailwind_plugin = require("./tailwind.plugin-DmhUL7Oj.cjs");
 const theme = require("@udixio/theme");
 const fs = require("fs");
 const console = require("node:console");

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-DLbaMny3.js";
-import { a, f, s } from "./tailwind.plugin-DLbaMny3.js";
+import { T as TailwindImplPluginBrowser, m as main } from "./tailwind.plugin-DfVIrskO.js";
+import { a, f, s } from "./tailwind.plugin-DfVIrskO.js";
 import { PluginAbstract, FontPlugin } from "@udixio/theme";
 import * as fs from "fs";
 import * as console from "node:console";

package/dist/plugins-tailwind/animation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../src/plugins-tailwind/animation.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,sBAAsB;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAwGD,eAAO,MAAM,SAAS,sFAkbrB,CAAC"}
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../src/plugins-tailwind/animation.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,sBAAsB;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA4GD,eAAO,MAAM,SAAS,sFA+brB,CAAC"}

package/dist/{tailwind.plugin-DLbaMny3.js → tailwind.plugin-DfVIrskO.js}

@@ -9,8 +9,10 @@ const createAnimationFunc = ({
   addBase,
   prefix,
   matchUtilities,
-  addUtilities
+  addUtilities,
+  animationNames
 }) => (name, styles, values, callback) => {
+  animationNames.add(name);
   const variableName = (propertyName) => {
     return `--${prefix}-${propertyName}`;
   };
@@ -75,11 +77,13 @@ const createAnimationFunc = ({
 const animation = plugin.withOptions(
   ({ prefix = "anim" }) => {
     return ({ addBase, matchUtilities, addUtilities }) => {
+      const animationNames = /* @__PURE__ */ new Set();
       const createAnimation = createAnimationFunc({
         addBase,
         prefix,
         matchUtilities,
-        addUtilities
+        addUtilities,
+        animationNames
       });
       addBase({
         "@keyframes enter": {
@@ -304,7 +308,6 @@ const animation = plugin.withOptions(
             });
             addUtilities({
               [`.${prefix}-${name}-scroll-${directionAlias}`]: {
-                [`--${prefix}-name-${name}-${directionAlias}`]: `${prefix}-${name}`,
                 [`--${prefix}-name-${name}`]: `${prefix}-${name}`,
                 [`--${prefix}-dependencies-${name}`]: dependencies.join(", "),
                 animationTimeline: `var(--${prefix}-timeline, view())`,
@@ -439,6 +442,12 @@ const animation = plugin.withOptions(
           }
         }
       );
+      addBase({
+        [`[class*="${prefix}-"]`]: {
+          animationName: Array.from(animationNames).map((name) => `var(--${prefix}-name-${name}, noop)`).join(", "),
+          ["will-change"]: Array.from(animationNames).map((name) => `var(--${prefix}-dependencies-${name}, noop)`).join(", ")
+        }
+      });
     };
   }
 );

package/dist/{tailwind.plugin-ImuL0_jV.cjs → tailwind.plugin-DmhUL7Oj.cjs}

@@ -10,8 +10,10 @@ const createAnimationFunc = ({
   addBase,
   prefix,
   matchUtilities,
-  addUtilities
+  addUtilities,
+  animationNames
 }) => (name, styles, values, callback) => {
+  animationNames.add(name);
   const variableName = (propertyName) => {
     return `--${prefix}-${propertyName}`;
   };
@@ -76,11 +78,13 @@ const createAnimationFunc = ({
 const animation = plugin.withOptions(
   ({ prefix = "anim" }) => {
     return ({ addBase, matchUtilities, addUtilities }) => {
+      const animationNames = /* @__PURE__ */ new Set();
       const createAnimation = createAnimationFunc({
         addBase,
         prefix,
         matchUtilities,
-        addUtilities
+        addUtilities,
+        animationNames
       });
       addBase({
         "@keyframes enter": {
@@ -305,7 +309,6 @@ const animation = plugin.withOptions(
             });
             addUtilities({
               [`.${prefix}-${name}-scroll-${directionAlias}`]: {
-                [`--${prefix}-name-${name}-${directionAlias}`]: `${prefix}-${name}`,
                 [`--${prefix}-name-${name}`]: `${prefix}-${name}`,
                 [`--${prefix}-dependencies-${name}`]: dependencies.join(", "),
                 animationTimeline: `var(--${prefix}-timeline, view())`,
@@ -440,6 +443,12 @@ const animation = plugin.withOptions(
           }
         }
       );
+      addBase({
+        [`[class*="${prefix}-"]`]: {
+          animationName: Array.from(animationNames).map((name) => `var(--${prefix}-name-${name}, noop)`).join(", "),
+          ["will-change"]: Array.from(animationNames).map((name) => `var(--${prefix}-dependencies-${name}, noop)`).join(", ")
+        }
+      });
     };
   }
 );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/tailwind",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "type": "module",
   "main": "./dist/node.js",
   "module": "./dist/node.js",

package/src/plugins-tailwind/animation.ts

@@ -11,11 +11,13 @@ const createAnimationFunc =
     prefix,
     matchUtilities,
     addUtilities,
+    animationNames,
   }: {
     addBase: PluginAPI['addBase'];
     matchUtilities: PluginAPI['matchUtilities'];
     addUtilities: PluginAPI['addUtilities'];
     prefix: string;
+    animationNames: Set<string>;
   }) =>
   (
     name: string,
@@ -36,6 +38,8 @@ const createAnimationFunc =
       dependencies: string[];
     }) => void,
   ) => {
+    animationNames.add(name);
+
     const variableName = (propertyName: string) => {
       return `--${prefix}-${propertyName}`;
     };
@@ -110,11 +114,14 @@ const createAnimationFunc =
 export const animation = plugin.withOptions(
   ({ prefix = 'anim' }: AnimationPluginOptions) => {
     return ({ addBase, matchUtilities, addUtilities }: PluginAPI) => {
+      const animationNames: Set<string> = new Set();
+
       const createAnimation = createAnimationFunc({
         addBase,
         prefix,
         matchUtilities,
         addUtilities,
+        animationNames,
       });
 
       addBase({
@@ -391,7 +398,6 @@ export const animation = plugin.withOptions(
 
             addUtilities({
               [`.${prefix}-${name}-scroll-${directionAlias}`]: {
-                [`--${prefix}-name-${name}-${directionAlias}`]: `${prefix}-${name}`,
                 [`--${prefix}-name-${name}`]: `${prefix}-${name}`,
                 [`--${prefix}-dependencies-${name}`]: dependencies.join(', '),
                 animationTimeline: `var(--${prefix}-timeline, view())`,
@@ -539,6 +545,17 @@ export const animation = plugin.withOptions(
           },
         },
       );
+
+      addBase({
+        [`[class*="${prefix}-"]`]: {
+          animationName: Array.from(animationNames)
+            .map((name) => `var(--${prefix}-name-${name}, noop)`)
+            .join(', '),
+          ['will-change']: Array.from(animationNames)
+            .map((name) => `var(--${prefix}-dependencies-${name}, noop)`)
+            .join(', '),
+        },
+      });
     };
   },
 );