@salty-css/react 0.0.1-alpha.48 → 0.0.1-alpha.49

package/keyframes.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./parse-styles-SPT4zc_H.cjs"),b=({animationName:u,params:l,appendInitialStyles:m,...t})=>{const s=u||c.toHash(t),n=(r={})=>{const{duration:e="500ms",easing:o="ease-in-out",delay:a="0s",iterationCount:i="1",direction:S="normal",fillMode:d="forwards",playState:p="running"}={...l,...r},$=`${s} ${e} ${o} ${a} ${i} ${S} ${d} ${p}`;if(!m)return $;const g=c.parseStyles(t.from||t["0%"],"");return`${$};${g}`},y=Object.entries(t).reduce((r,[e,o])=>{const a=c.parseStyles(o,""),i=typeof e=="number"?`${e}%`:e;return`${r}${i}{${a}}`},""),f=`@keyframes ${s} {${y}}`;return Object.assign(n,{toString:n,isKeyframes:!0,animationName:s,css:f,keyframes:t}),n};exports.keyframes=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./parse-styles-SPT4zc_H.cjs"),j=({animationName:m,params:l,appendInitialStyles:f,...t})=>{const r=m||u.toHash(t),o=(n={})=>{const{duration:e="500ms",easing:s="ease-in-out",delay:a="0s",iterationCount:i="1",direction:d="normal",fillMode:g="forwards",playState:p="running"}={...l,...n},c=`${r} ${e} ${s} ${a} ${i} ${d} ${g} ${p}`;if(!f)return c;const $=t.from||t["0%"];if(!$)return c;const b=u.parseStyles($,"");return`${c};${b}`},y=Object.entries(t).reduce((n,[e,s])=>{if(!s)return n;const a=u.parseStyles(s,""),i=typeof e=="number"?`${e}%`:e;return`${n}${i}{${a}}`},""),S=`@keyframes ${r} {${y}}`;return Object.assign(o,{toString:o,isKeyframes:!0,animationName:r,css:S,keyframes:t}),o};exports.keyframes=j;

package/keyframes.d.ts

@@ -1,7 +1,7 @@
 import { CssStyles, StyleValue } from '@salty-css/core/types';
 type KeyframeKeys = number | 'from' | 'to' | `${number}%`;
 type Keyframes = {
-    [key in KeyframeKeys]: CssStyles;
+    [key in KeyframeKeys]?: CssStyles;
 };
 interface KeyframesConfig {
     animationName?: string;

package/keyframes.js

@@ -1,30 +1,33 @@
-import { t as b, p as c } from "./parse-styles-T74HIH4_.js";
-const C = ({ animationName: m, params: u, appendInitialStyles: f, ...t }) => {
-  const s = m || b(t), e = (r = {}) => {
+import { t as j, p as m } from "./parse-styles-T74HIH4_.js";
+const N = ({ animationName: u, params: f, appendInitialStyles: l, ...t }) => {
+  const e = u || j(t), o = (s = {}) => {
     const {
       duration: n = "500ms",
-      easing: o = "ease-in-out",
+      easing: r = "ease-in-out",
       delay: a = "0s",
       iterationCount: i = "1",
-      direction: d = "normal",
-      fillMode: y = "forwards",
+      direction: y = "normal",
+      fillMode: g = "forwards",
       playState: S = "running"
-    } = { ...u, ...r }, $ = `${s} ${n} ${o} ${a} ${i} ${d} ${y} ${S}`;
-    if (!f) return $;
-    const g = c(t.from || t["0%"], "");
-    return `${$};${g}`;
-  }, l = Object.entries(t).reduce((r, [n, o]) => {
-    const a = c(o, ""), i = typeof n == "number" ? `${n}%` : n;
-    return `${r}${i}{${a}}`;
-  }, ""), p = `@keyframes ${s} {${l}}`;
-  return Object.assign(e, {
-    toString: e,
+    } = { ...f, ...s }, $ = `${e} ${n} ${r} ${a} ${i} ${y} ${g} ${S}`;
+    if (!l) return $;
+    const c = t.from || t["0%"];
+    if (!c) return $;
+    const b = m(c, "");
+    return `${$};${b}`;
+  }, p = Object.entries(t).reduce((s, [n, r]) => {
+    if (!r) return s;
+    const a = m(r, ""), i = typeof n == "number" ? `${n}%` : n;
+    return `${s}${i}{${a}}`;
+  }, ""), d = `@keyframes ${e} {${p}}`;
+  return Object.assign(o, {
+    toString: o,
     isKeyframes: !0,
-    animationName: s,
-    css: p,
+    animationName: e,
+    css: d,
     keyframes: t
-  }), e;
+  }), o;
 };
 export {
-  C as keyframes
+  N as keyframes
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/react",
-  "version": "0.0.1-alpha.48",
+  "version": "0.0.1-alpha.49",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -41,7 +41,7 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.48",
+    "@salty-css/core": "^0.0.1-alpha.49",
     "clsx": ">=2.x",
     "react": ">=19.x || >=18.3.x"
   }