@salty-css/react 0.0.1-alpha.191 → 0.0.1-alpha.193

package/keyframes.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./parse-styles-JzVmxd-u.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./parse-styles-ExYxradY.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.js

@@ -1,4 +1,4 @@
-import { t as j, p as m } from "./parse-styles-lB6EJuGj.js";
+import { t as j, p as m } from "./parse-styles-h7jgRe88.js";
 const N = ({ animationName: u, params: f, appendInitialStyles: l, ...t }) => {
   const e = u || j(t), o = (s = {}) => {
     const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/react",
-  "version": "0.0.1-alpha.191",
+  "version": "0.0.1-alpha.193",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -55,10 +55,14 @@
     "./config": {
       "import": "./config.js",
       "require": "./config.cjs"
+    },
+    "./helpers": {
+      "import": "./helpers.js",
+      "require": "./helpers.cjs"
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.191",
+    "@salty-css/core": "^0.0.1-alpha.193",
     "clsx": ">=2.x",
     "react": ">=19.x || >=18.3.x"
   }

package/parse-styles-ExYxradY.cjs

@@ -0,0 +1,7 @@
+"use strict";const O=require("./parse-tokens-p68muVgG.cjs"),E=e=>String.fromCharCode(e+(e>25?39:97)),P=(e,s)=>{let t="",n;for(n=Math.abs(e);n>52;n=n/52|0)t=E(n%52)+t;return t=E(n%52)+t,t.length<s?t=t.padStart(s,"a"):t.length>s&&(t=t.slice(-s)),t},T=(e,s)=>{let t=s.length;for(;t;)e=e*33^s.charCodeAt(--t);return e},W=(e,s=5)=>{const t=T(5381,JSON.stringify(e))>>>0;return P(t,s)},k=(e,s)=>{if(typeof e!="string")return{result:e};if(!s)return{result:e};const t=[];return Object.values(s).forEach(n=>{const{pattern:a,transform:S}=n;e=e.replace(a,i=>{const{value:$,css:r}=S(i);return r&&t.push(r),$})}),{result:e,additionalCss:t}},h=(e,s,t)=>{if(!e)return"";const n=[],a=Object.entries(e).reduce((i,[$,r])=>{const o=$.trim(),V=o.startsWith("-")?o:O.dashCase(o),j=(c,u=";")=>i=`${i}${c}${u}`,m=c=>j(`${V}:${c}`);if(typeof r=="function"&&(r=r()),typeof r=="object"){if(!r)return i;if(r.isColor)return m(r.toString()),i;if(o==="variants")return Object.entries(r).forEach(([p,f])=>{f&&Object.entries(f).forEach(([y,d])=>{if(!d)return;const b=`${s}.${p}-${y}`,l=h(d,b,t);n.push(l)})}),i;if(o==="defaultVariants")return i;if(o==="compoundVariants")return r.forEach(p=>{const{css:f,...y}=p,d=Object.entries(y).reduce((l,[H,N])=>`${l}.${H}-${N}`,s),b=h(f,d,t);n.push(b)}),i;if(o.startsWith("@")){const p=h(r,s,t),f=`${o} {
+ ${p.replace(`
+`,`
+ `)}
+}`;return n.push(f),i}const c=$.includes("&")?o.replace("&",s):o.startsWith(":")?`${s}${o}`:`${s} ${o}`,u=h(r,c,t);return n.push(u),i}if(t!=null&&t.templates&&t.templates[o]){const u=r.split(".").reduce((p,f)=>p[f],t.templates[o]);if(u){const p=h(u,"");return`${i}${p}`}return console.warn(`Template "${o}" with path of "${r}" was not found in config!`),i}if(typeof r=="number")return m(r);if(typeof r!="string")if("toString"in r)r=r.toString();else return i;const{modifiers:w}=t||{},A=function*(){yield O.parseValueTokens(r),yield k(r,w)}();for(const{result:c,additionalCss:u=[]}of A)r=c,u.forEach(p=>{const f=h(p,"");j(f,"")});return m(r)},"");return a?s?[`${s} { ${a} }`,...n].join(`
+`):a:n.join(`
+`)};exports.parseStyles=h;exports.toHash=W;

package/{parse-styles-lB6EJuGj.js → parse-styles-h7jgRe88.js}

@@ -15,23 +15,25 @@ const O = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97)), H = (e, s) => {
   if (!s) return { result: e };
   const t = [];
   return Object.values(s).forEach((n) => {
-    const { pattern: h, transform: y } = n;
-    e = e.replace(h, (i) => {
-      const { value: $, css: r } = y(i);
+    const { pattern: a, transform: S } = n;
+    e = e.replace(a, (i) => {
+      const { value: $, css: r } = S(i);
       return r && t.push(r), $;
     });
   }), { result: e, additionalCss: t };
-}, a = (e, s, t) => {
+}, h = (e, s, t) => {
   if (!e) return "";
-  const n = [], h = Object.entries(e).reduce((i, [$, r]) => {
-    const o = $.trim();
+  const n = [], a = Object.entries(e).reduce((i, [$, r]) => {
+    const o = $.trim(), E = o.startsWith("-") ? o : P(o), j = (c, u = ";") => i = `${i}${c}${u}`, m = (c) => j(`${E}:${c}`);
     if (typeof r == "function" && (r = r()), typeof r == "object") {
       if (!r) return i;
+      if (r.isColor)
+        return m(r.toString()), i;
       if (o === "variants")
         return Object.entries(r).forEach(([p, f]) => {
-          f && Object.entries(f).forEach(([m, d]) => {
+          f && Object.entries(f).forEach(([b, d]) => {
             if (!d) return;
-            const b = `${s}.${p}-${m}`, l = a(d, b, t);
+            const y = `${s}.${p}-${b}`, l = h(d, y, t);
             n.push(l);
           });
         }), i;
@@ -39,30 +41,29 @@ const O = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97)), H = (e, s) => {
         return i;
       if (o === "compoundVariants")
         return r.forEach((p) => {
-          const { css: f, ...m } = p, d = Object.entries(m).reduce((l, [A, N]) => `${l}.${A}-${N}`, s), b = a(f, d, t);
-          n.push(b);
+          const { css: f, ...b } = p, d = Object.entries(b).reduce((l, [A, N]) => `${l}.${A}-${N}`, s), y = h(f, d, t);
+          n.push(y);
         }), i;
       if (o.startsWith("@")) {
-        const p = a(r, s, t), f = `${o} {
+        const p = h(r, s, t), f = `${o} {
  ${p.replace(`
 `, `
  `)}
 }`;
         return n.push(f), i;
       }
-      const c = $.includes("&") ? o.replace("&", s) : o.startsWith(":") ? `${s}${o}` : `${s} ${o}`, u = a(r, c, t);
+      const c = $.includes("&") ? o.replace("&", s) : o.startsWith(":") ? `${s}${o}` : `${s} ${o}`, u = h(r, c, t);
       return n.push(u), i;
     }
     if (t != null && t.templates && t.templates[o]) {
       const u = r.split(".").reduce((p, f) => p[f], t.templates[o]);
       if (u) {
-        const p = a(u, "");
+        const p = h(u, "");
         return `${i}${p}`;
       }
       return console.warn(`Template "${o}" with path of "${r}" was not found in config!`), i;
     }
-    const E = o.startsWith("-") ? o : P(o), j = (c, u = ";") => i = `${i}${c}${u}`, S = (c) => j(`${E}:${c}`);
-    if (typeof r == "number") return S(r);
+    if (typeof r == "number") return m(r);
     if (typeof r != "string")
       if ("toString" in r) r = r.toString();
       else return i;
@@ -71,16 +72,16 @@ const O = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97)), H = (e, s) => {
     }();
     for (const { result: c, additionalCss: u = [] } of w)
       r = c, u.forEach((p) => {
-        const f = a(p, "");
+        const f = h(p, "");
         j(f, "");
       });
-    return S(r);
+    return m(r);
   }, "");
-  return h ? s ? [`${s} { ${h} }`, ...n].join(`
-`) : h : n.join(`
+  return a ? s ? [`${s} { ${a} }`, ...n].join(`
+`) : a : n.join(`
 `);
 };
 export {
-  a as p,
+  h as p,
   x as t
 };

package/styled.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./styles-generator-CvvtKU2d.cjs"),g=require("./element-factory-D4kpeFoW.cjs");class h extends m.StylesGenerator{constructor(e,t){super(t),this.tagName=e,this._params=t}get priority(){var e;return typeof this.tagName=="function"||typeof this.tagName=="object"?(((e=this.tagName.generator)==null?void 0:e.priority)||0)+1:0}get clientProps(){const{element:e,variants:t={},compoundVariants:a=[],defaultVariants:d={},defaultProps:l={},passProps:u}=this.params,{callerName:y,isProduction:f}=this.buildContext,o=new Set([]),i=s=>{const r=d[s];r!==void 0?o.add(`${s}=${String(r)}`):o.add(s)};Object.keys(t).forEach(i),a.map(s=>Object.keys(s).forEach(i));const c=new Set([]);if(this.params.base){const s=JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);s&&s.forEach(r=>{const p=r.replace(/\{props\.([\w\d]+)\}/gi,"$1");p&&c.add(p)})}return{element:e,variantKeys:[...o],propValueKeys:[...c],passProps:u,defaultProps:l,attr:{"data-component-name":f?void 0:y}}}}const b=(n,e)=>{const t=new h(n,e),a=g.elementFactory(n,t.cssClassName,t.clientProps,{"data-unoptimized-client-component":!0});return Object.assign(a,{generator:t}),a};exports.styled=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./styles-generator-CUWHpzaW.cjs"),g=require("./element-factory-D4kpeFoW.cjs");class h extends m.StylesGenerator{constructor(e,t){super(t),this.tagName=e,this._params=t}get priority(){var e;return typeof this.tagName=="function"||typeof this.tagName=="object"?(((e=this.tagName.generator)==null?void 0:e.priority)||0)+1:0}get clientProps(){const{element:e,variants:t={},compoundVariants:a=[],defaultVariants:d={},defaultProps:l={},passProps:u}=this.params,{callerName:y,isProduction:f}=this.buildContext,o=new Set([]),i=s=>{const r=d[s];r!==void 0?o.add(`${s}=${String(r)}`):o.add(s)};Object.keys(t).forEach(i),a.map(s=>Object.keys(s).forEach(i));const c=new Set([]);if(this.params.base){const s=JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);s&&s.forEach(r=>{const p=r.replace(/\{props\.([\w\d]+)\}/gi,"$1");p&&c.add(p)})}return{element:e,variantKeys:[...o],propValueKeys:[...c],passProps:u,defaultProps:l,attr:{"data-component-name":f?void 0:y}}}}const b=(n,e)=>{const t=new h(n,e),a=g.elementFactory(n,t.cssClassName,t.clientProps,{"data-unoptimized-client-component":!0});return Object.assign(a,{generator:t}),a};exports.styled=b;

package/styled.js

@@ -1,4 +1,4 @@
-import { S as y } from "./styles-generator-DvUWzifu.js";
+import { S as y } from "./styles-generator-D0MGOscb.js";
 import { e as h } from "./element-factory-C7JVLDq7.js";
 class g extends y {
   constructor(e, t) {

package/{styles-generator-CvvtKU2d.cjs → styles-generator-CUWHpzaW.cjs}

@@ -1 +1 @@
-"use strict";var h=Object.defineProperty;var o=(e,s,t)=>s in e?h(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t;var a=(e,s,t)=>o(e,typeof s!="symbol"?s+"":s,t);const r=require("./parse-styles-JzVmxd-u.cjs"),l=require("./parse-tokens-p68muVgG.cjs");class u{constructor(s){a(this,"buildContext",{});this.params=s}get hash(){return r.toHash(this.params.base||this.params)}get cssClassName(){return this.hash}get classNames(){const s=[this.hash],{className:t}=this.params;return typeof t=="string"&&s.push(t),typeof t=="object"&&s.push(...t),s.join(" ")}get cssFileName(){const{callerName:s}=this.buildContext;return s?`cl_${l.dashCase(s)}-${this.hash}.css`:`${this.hash}.css`}get css(){const{base:s={},variants:t={},compoundVariants:i=[]}=this.params,{config:n}=this.buildContext,c={...s,variants:t,compoundVariants:i};return r.parseStyles(c,`.${this.cssClassName}`,n)}_withBuildContext(s){return this.buildContext=s,this}}exports.StylesGenerator=u;
+"use strict";var h=Object.defineProperty;var o=(e,s,t)=>s in e?h(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t;var a=(e,s,t)=>o(e,typeof s!="symbol"?s+"":s,t);const r=require("./parse-styles-ExYxradY.cjs"),l=require("./parse-tokens-p68muVgG.cjs");class u{constructor(s){a(this,"buildContext",{});this.params=s}get hash(){return r.toHash(this.params.base||this.params)}get cssClassName(){return this.hash}get classNames(){const s=[this.hash],{className:t}=this.params;return typeof t=="string"&&s.push(t),typeof t=="object"&&s.push(...t),s.join(" ")}get cssFileName(){const{callerName:s}=this.buildContext;return s?`cl_${l.dashCase(s)}-${this.hash}.css`:`${this.hash}.css`}get css(){const{base:s={},variants:t={},compoundVariants:i=[]}=this.params,{config:n}=this.buildContext,c={...s,variants:t,compoundVariants:i};return r.parseStyles(c,`.${this.cssClassName}`,n)}_withBuildContext(s){return this.buildContext=s,this}}exports.StylesGenerator=u;

package/{styles-generator-DvUWzifu.js → styles-generator-D0MGOscb.js}

@@ -1,7 +1,7 @@
 var o = Object.defineProperty;
 var n = (a, s, t) => s in a ? o(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
 var e = (a, s, t) => n(a, typeof s != "symbol" ? s + "" : s, t);
-import { t as c, p as l } from "./parse-styles-lB6EJuGj.js";
+import { t as c, p as l } from "./parse-styles-h7jgRe88.js";
 import { d as m } from "./parse-tokens-YUi047xd.js";
 class f {
   constructor(s) {

package/parse-styles-JzVmxd-u.cjs

@@ -1,7 +0,0 @@
-"use strict";const O=require("./parse-tokens-p68muVgG.cjs"),E=e=>String.fromCharCode(e+(e>25?39:97)),P=(e,s)=>{let t="",n;for(n=Math.abs(e);n>52;n=n/52|0)t=E(n%52)+t;return t=E(n%52)+t,t.length<s?t=t.padStart(s,"a"):t.length>s&&(t=t.slice(-s)),t},T=(e,s)=>{let t=s.length;for(;t;)e=e*33^s.charCodeAt(--t);return e},W=(e,s=5)=>{const t=T(5381,JSON.stringify(e))>>>0;return P(t,s)},k=(e,s)=>{if(typeof e!="string")return{result:e};if(!s)return{result:e};const t=[];return Object.values(s).forEach(n=>{const{pattern:a,transform:b}=n;e=e.replace(a,i=>{const{value:$,css:r}=b(i);return r&&t.push(r),$})}),{result:e,additionalCss:t}},h=(e,s,t)=>{if(!e)return"";const n=[],a=Object.entries(e).reduce((i,[$,r])=>{const o=$.trim();if(typeof r=="function"&&(r=r()),typeof r=="object"){if(!r)return i;if(o==="variants")return Object.entries(r).forEach(([p,c])=>{c&&Object.entries(c).forEach(([m,d])=>{if(!d)return;const l=`${s}.${p}-${m}`,y=h(d,l,t);n.push(y)})}),i;if(o==="defaultVariants")return i;if(o==="compoundVariants")return r.forEach(p=>{const{css:c,...m}=p,d=Object.entries(m).reduce((y,[H,N])=>`${y}.${H}-${N}`,s),l=h(c,d,t);n.push(l)}),i;if(o.startsWith("@")){const p=h(r,s,t),c=`${o} {
- ${p.replace(`
-`,`
- `)}
-}`;return n.push(c),i}const f=$.includes("&")?o.replace("&",s):o.startsWith(":")?`${s}${o}`:`${s} ${o}`,u=h(r,f,t);return n.push(u),i}if(t!=null&&t.templates&&t.templates[o]){const u=r.split(".").reduce((p,c)=>p[c],t.templates[o]);if(u){const p=h(u,"");return`${i}${p}`}return console.warn(`Template "${o}" with path of "${r}" was not found in config!`),i}const V=o.startsWith("-")?o:O.dashCase(o),S=(f,u=";")=>i=`${i}${f}${u}`,j=f=>S(`${V}:${f}`);if(typeof r=="number")return j(r);if(typeof r!="string")if("toString"in r)r=r.toString();else return i;const{modifiers:w}=t||{},A=function*(){yield O.parseValueTokens(r),yield k(r,w)}();for(const{result:f,additionalCss:u=[]}of A)r=f,u.forEach(p=>{const c=h(p,"");S(c,"")});return j(r)},"");return a?s?[`${s} { ${a} }`,...n].join(`
-`):a:n.join(`
-`)};exports.parseStyles=h;exports.toHash=W;