funny-animations 0.0.0-stage → 0.0.1

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";var f=Object.create;var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var b=(a,t)=>{for(var o in t)i(a,o,{get:t[o],enumerable:!0})},s=(a,t,o,e)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of x(t))!y.call(a,n)&&n!==o&&i(a,n,{get:()=>t[n],enumerable:!(e=d(t,n))||e.enumerable});return a};var w=(a,t,o)=>(o=a!=null?f(g(a)):{},s(t||!a||!a.__esModule?i(o,"default",{value:a,enumerable:!0}):o,a)),h=a=>s(i({},"__esModule",{value:!0}),a);var Y={};b(Y,{animationPlugin:()=>u,default:()=>D});module.exports=h(Y);var p=w(require("tailwindcss/plugin"),1);var m={"bounce-fade":{"0%":{opacity:"0",transform:"translateY(-20px)"},"50%":{opacity:"0.5",transform:"translateY(10px)"},"100%":{opacity:"1",transform:"translateY(0)"}},"pulse-glow":{"0%, 100%":{opacity:"1",boxShadow:"0 0 15px rgba(59, 130, 246, 0.5)"},"50%":{opacity:"0.6",boxShadow:"0 0 5px rgba(59, 130, 246, 0.2)"}}},r={"bounce-fade":"bounce-fade 0.8s ease-out forwards","pulse-glow":"pulse-glow 2s infinite ease-in-out"};var u=(0,p.default)(function({addUtilities:a,matchUtilities:t,theme:o}){let e=Object.entries(r).reduce((n,[l,c])=>(n[`.animate-${l}`]={animation:c},n),{});a(e),t({"animate-duration":n=>({animationDuration:n}),"animate-delay":n=>({animationDelay:n})},{values:o("transitionDuration")})},{theme:{extend:{keyframes:m,animation:r}}}),D=u;0&&(module.exports={animationPlugin});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/animations.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\nimport { keyframes, animations } from './animations';\n\nexport const animationPlugin = plugin(\n    function ({ addUtilities, matchUtilities, theme }) {\n        // 1. Inyectar animaciones base como utilidades (ej: animate-bounce-fade)\n        const newUtilities = Object.entries(animations).reduce((acc, [name, value]) => {\n            acc[`.animate-${name}`] = { animation: value };\n            return acc;\n        }, {} as Record<string, Record<string, string>>);\n\n        addUtilities(newUtilities);\n\n        // 2. (Opcional) Soporte para utilidades dinámicas con valores arbitrarios (ej: animate-duration-[2s])\n        matchUtilities(\n            {\n                'animate-duration': (value) => ({\n                    animationDuration: value,\n                }),\n                'animate-delay': (value) => ({\n                    animationDelay: value,\n                }),\n            },\n            { values: theme('transitionDuration') }\n        );\n    },\n    {\n        // Extender el tema por defecto agregando los keyframes\n        theme: {\n            extend: {\n                keyframes,\n                animation: animations\n            },\n        },\n    }\n);\n\nexport default animationPlugin;","export const keyframes = {\n    'bounce-fade': {\n        '0%': { opacity: '0', transform: 'translateY(-20px)' },\n        '50%': { opacity: '0.5', transform: 'translateY(10px)' },\n        '100%': { opacity: '1', transform: 'translateY(0)' },\n    },\n    'pulse-glow': {\n        '0%, 100%': { opacity: '1', boxShadow: '0 0 15px rgba(59, 130, 246, 0.5)' },\n        '50%': { opacity: '0.6', boxShadow: '0 0 5px rgba(59, 130, 246, 0.2)' },\n    },\n};\n\nexport const animations = {\n    'bounce-fade': 'bounce-fade 0.8s ease-out forwards',\n    'pulse-glow': 'pulse-glow 2s infinite ease-in-out',\n};"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAmB,mCCAZ,IAAMC,EAAY,CACrB,cAAe,CACX,KAAM,CAAE,QAAS,IAAK,UAAW,mBAAoB,EACrD,MAAO,CAAE,QAAS,MAAO,UAAW,kBAAmB,EACvD,OAAQ,CAAE,QAAS,IAAK,UAAW,eAAgB,CACvD,EACA,aAAc,CACV,WAAY,CAAE,QAAS,IAAK,UAAW,kCAAmC,EAC1E,MAAO,CAAE,QAAS,MAAO,UAAW,iCAAkC,CAC1E,CACJ,EAEaC,EAAa,CACtB,cAAe,qCACf,aAAc,oCAClB,EDZO,IAAMC,KAAkB,EAAAC,SAC3B,SAAU,CAAE,aAAAC,EAAc,eAAAC,EAAgB,MAAAC,CAAM,EAAG,CAE/C,IAAMC,EAAe,OAAO,QAAQC,CAAU,EAAE,OAAO,CAACC,EAAK,CAACC,EAAMC,CAAK,KACrEF,EAAI,YAAYC,CAAI,EAAE,EAAI,CAAE,UAAWC,CAAM,EACtCF,GACR,CAAC,CAA2C,EAE/CL,EAAaG,CAAY,EAGzBF,EACI,CACI,mBAAqBM,IAAW,CAC5B,kBAAmBA,CACvB,GACA,gBAAkBA,IAAW,CACzB,eAAgBA,CACpB,EACJ,EACA,CAAE,OAAQL,EAAM,oBAAoB,CAAE,CAC1C,CACJ,EACA,CAEI,MAAO,CACH,OAAQ,CACJ,UAAAM,EACA,UAAWJ,CACf,CACJ,CACJ,CACJ,EAEOK,EAAQX","names":["index_exports","__export","animationPlugin","index_default","__toCommonJS","import_plugin","keyframes","animations","animationPlugin","plugin","addUtilities","matchUtilities","theme","newUtilities","animations","acc","name","value","keyframes","index_default"]}

package/dist/index.js

@@ -0,0 +1,2 @@
+import p from"tailwindcss/plugin";var n={"bounce-fade":{"0%":{opacity:"0",transform:"translateY(-20px)"},"50%":{opacity:"0.5",transform:"translateY(10px)"},"100%":{opacity:"1",transform:"translateY(0)"}},"pulse-glow":{"0%, 100%":{opacity:"1",boxShadow:"0 0 15px rgba(59, 130, 246, 0.5)"},"50%":{opacity:"0.6",boxShadow:"0 0 5px rgba(59, 130, 246, 0.2)"}}},t={"bounce-fade":"bounce-fade 0.8s ease-out forwards","pulse-glow":"pulse-glow 2s infinite ease-in-out"};var u=p(function({addUtilities:o,matchUtilities:e,theme:i}){let r=Object.entries(t).reduce((a,[s,m])=>(a[`.animate-${s}`]={animation:m},a),{});o(r),e({"animate-duration":a=>({animationDuration:a}),"animate-delay":a=>({animationDelay:a})},{values:i("transitionDuration")})},{theme:{extend:{keyframes:n,animation:t}}}),d=u;export{u as animationPlugin,d as default};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/animations.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\nimport { keyframes, animations } from './animations';\n\nexport const animationPlugin = plugin(\n    function ({ addUtilities, matchUtilities, theme }) {\n        // 1. Inyectar animaciones base como utilidades (ej: animate-bounce-fade)\n        const newUtilities = Object.entries(animations).reduce((acc, [name, value]) => {\n            acc[`.animate-${name}`] = { animation: value };\n            return acc;\n        }, {} as Record<string, Record<string, string>>);\n\n        addUtilities(newUtilities);\n\n        // 2. (Opcional) Soporte para utilidades dinámicas con valores arbitrarios (ej: animate-duration-[2s])\n        matchUtilities(\n            {\n                'animate-duration': (value) => ({\n                    animationDuration: value,\n                }),\n                'animate-delay': (value) => ({\n                    animationDelay: value,\n                }),\n            },\n            { values: theme('transitionDuration') }\n        );\n    },\n    {\n        // Extender el tema por defecto agregando los keyframes\n        theme: {\n            extend: {\n                keyframes,\n                animation: animations\n            },\n        },\n    }\n);\n\nexport default animationPlugin;","export const keyframes = {\n    'bounce-fade': {\n        '0%': { opacity: '0', transform: 'translateY(-20px)' },\n        '50%': { opacity: '0.5', transform: 'translateY(10px)' },\n        '100%': { opacity: '1', transform: 'translateY(0)' },\n    },\n    'pulse-glow': {\n        '0%, 100%': { opacity: '1', boxShadow: '0 0 15px rgba(59, 130, 246, 0.5)' },\n        '50%': { opacity: '0.6', boxShadow: '0 0 5px rgba(59, 130, 246, 0.2)' },\n    },\n};\n\nexport const animations = {\n    'bounce-fade': 'bounce-fade 0.8s ease-out forwards',\n    'pulse-glow': 'pulse-glow 2s infinite ease-in-out',\n};"],"mappings":"AAAA,OAAOA,MAAY,qBCAZ,IAAMC,EAAY,CACrB,cAAe,CACX,KAAM,CAAE,QAAS,IAAK,UAAW,mBAAoB,EACrD,MAAO,CAAE,QAAS,MAAO,UAAW,kBAAmB,EACvD,OAAQ,CAAE,QAAS,IAAK,UAAW,eAAgB,CACvD,EACA,aAAc,CACV,WAAY,CAAE,QAAS,IAAK,UAAW,kCAAmC,EAC1E,MAAO,CAAE,QAAS,MAAO,UAAW,iCAAkC,CAC1E,CACJ,EAEaC,EAAa,CACtB,cAAe,qCACf,aAAc,oCAClB,EDZO,IAAMC,EAAkBC,EAC3B,SAAU,CAAE,aAAAC,EAAc,eAAAC,EAAgB,MAAAC,CAAM,EAAG,CAE/C,IAAMC,EAAe,OAAO,QAAQC,CAAU,EAAE,OAAO,CAACC,EAAK,CAACC,EAAMC,CAAK,KACrEF,EAAI,YAAYC,CAAI,EAAE,EAAI,CAAE,UAAWC,CAAM,EACtCF,GACR,CAAC,CAA2C,EAE/CL,EAAaG,CAAY,EAGzBF,EACI,CACI,mBAAqBM,IAAW,CAC5B,kBAAmBA,CACvB,GACA,gBAAkBA,IAAW,CACzB,eAAgBA,CACpB,EACJ,EACA,CAAE,OAAQL,EAAM,oBAAoB,CAAE,CAC1C,CACJ,EACA,CAEI,MAAO,CACH,OAAQ,CACJ,UAAAM,EACA,UAAWJ,CACf,CACJ,CACJ,CACJ,EAEOK,EAAQX","names":["plugin","keyframes","animations","animationPlugin","plugin","addUtilities","matchUtilities","theme","newUtilities","animations","acc","name","value","keyframes","index_default"]}

package/package.json

@@ -1,6 +1,52 @@
 {
   "name": "funny-animations",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.1",
+  "type": "module",
+  "description": "Colección de animaciones en una sola clase para Tailwind CSS",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles.css": "./src/styles.css"
+  },
+  "files": [
+    "dist",
+    "src/styles.css"
+  ],
+  "scripts": {
+    "build": "tsup && tsc --project tsconfig.json",
+    "dev": "tsup --watch",
+    "prepublishOnly": "npm run build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "peerDependencies": {
+    "tailwindcss": ">=3.0.0"
+  },
+  "author": "Sergio Sosa",
+  "license": "ISC",
+  "keywords": [
+    "tailwind",
+    "tailwindcss",
+    "plugin",
+    "animations",
+    "css"
+  ],
+  "devDependencies": {
+    "@storybook/addon-styling-webpack": "^3.0.2",
+    "@storybook/html-vite": "^10.6.1",
+    "@tailwindcss/postcss": "^4.3.3",
+    "autoprefixer": "^10.6.1",
+    "esbuild": "^0.28.2",
+    "postcss": "^8.5.28",
+    "storybook": "^10.6.1",
+    "tailwindcss": "^4.3.3",
+    "tsup": "^8.5.1",
+    "typescript": "^7.0.2"
+  }
 }

package/src/styles.css

@@ -0,0 +1,44 @@
+/* src/styles.css */
+@import "tailwindcss";
+
+@theme {
+    --animate-bounce-fade: bounce-fade 0.8s ease-out forwards;
+
+    @keyframes bounce-fade {
+        0% {
+            opacity: 0;
+            transform: translateY(-20px);
+        }
+
+        50% {
+            opacity: 0.5;
+            transform: translateY(10px);
+        }
+
+        100% {
+            opacity: 1;
+            transform: translateY(0);
+        }
+    }
+}
+
+@theme {
+    --animate-pulse-glow: pulse-glow 2s ease-in-out infinite;
+
+    @keyframes pulse-glow {
+        0% {
+            opacity: 1;
+            box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);
+        }
+
+        50% {
+            opacity: 0.5;
+            box-shadow: 0 0 5px rgba(59, 130, 246, 0.2);
+        }
+
+        100% {
+            opacity: 1;
+            box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);
+        }
+    }
+}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.