@salty-css/react 0.0.1-alpha.56 → 0.0.1-alpha.58

package/keyframes.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./parse-styles-DbNZJMT5.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-T74HIH4_.js";
+import { t as j, p as m } from "./parse-styles-DLe1Dr-N.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.56",
+  "version": "0.0.1-alpha.58",
   "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.56",
+    "@salty-css/core": "^0.0.1-alpha.58",
     "clsx": ">=2.x",
     "react": ">=19.x || >=18.3.x"
   }

package/{parse-styles-T74HIH4_.js → parse-styles-DLe1Dr-N.js}

@@ -1,16 +1,16 @@
-import { d as V } from "./dash-case-CGJ_UIZz.js";
-const E = (r) => String.fromCharCode(r + (r > 25 ? 39 : 97)), T = (r, s) => {
+import { d as E } from "./dash-case-CGJ_UIZz.js";
+const g = (r) => String.fromCharCode(r + (r > 25 ? 39 : 97)), N = (r, s) => {
   let t = "", n;
-  for (n = Math.abs(r); 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;
-}, W = (r, s) => {
+  for (n = Math.abs(r); n > 52; n = n / 52 | 0) t = g(n % 52) + t;
+  return t = g(n % 52) + t, t.length < s ? t = t.padStart(s, "a") : t.length > s && (t = t.slice(-s)), t;
+}, P = (r, s) => {
   let t = s.length;
   for (; t; ) r = r * 33 ^ s.charCodeAt(--t);
   return r;
 }, x = (r, s = 3) => {
-  const t = W(5381, JSON.stringify(r)) >>> 0;
-  return T(t, s);
-}, H = (r, s) => {
+  const t = P(5381, JSON.stringify(r)) >>> 0;
+  return N(t, s);
+}, W = (r, s) => {
   if (typeof r != "string") return { result: r };
   if (!s) return { result: r };
   const t = [];
@@ -21,54 +21,58 @@ const E = (r) => String.fromCharCode(r + (r > 25 ? 39 : 97)), T = (r, s) => {
       return m && t.push(m), i;
     });
   }), { result: r, additionalCss: t };
-}, M = (r) => typeof r != "string" ? { result: r } : /\{[^{}]+\}/g.test(r) ? { result: r.replace(/\{([^{}]+)\}/g, (...n) => `var(--${V(n[1].replaceAll(".", "-"))})`) } : { result: r }, $ = (r, s, t, n) => {
+}, H = (r) => typeof r != "string" ? { result: r } : /\{[^{}]+\}/g.test(r) ? { result: r.replace(/\{([^{}]+)\}/g, (...n) => `var(--${E(n[1].replaceAll(".", "-"))})`) } : { result: r }, $ = (r, s, t, n) => {
   if (!r) return "";
   const c = [], a = Object.entries(r).reduce((i, [m, e]) => {
     const o = m.trim();
     if (typeof e == "function" && (e = e()), typeof e == "object") {
       if (!e) return i;
       if (o === "variants")
-        return Object.entries(e).forEach(([f, p]) => {
-          p && Object.entries(p).forEach(([l, b]) => {
-            if (!b) return;
-            const j = `${s}.${f}-${l}`, S = $(b, j, t);
+        return Object.entries(e).forEach(([p, f]) => {
+          f && Object.entries(f).forEach(([b, l]) => {
+            if (!l) return;
+            const j = `${s}.${p}-${b}`, S = $(l, j, t);
             c.push(S);
           });
         }), i;
       if (o === "defaultVariants")
         return i;
       if (o === "compoundVariants")
-        return e.forEach((f) => {
-          const { css: p, ...l } = f, b = Object.entries(l).reduce((S, [N, P]) => `${S}.${N}-${P}`, s), j = $(p, b, t);
+        return e.forEach((p) => {
+          const { css: f, ...b } = p, l = Object.entries(b).reduce((S, [T, k]) => `${S}.${T}-${k}`, s), j = $(f, l, t);
           c.push(j);
         }), i;
       if (o.startsWith("@")) {
-        const f = $(e, s, t), p = `${o} {
- ${f.replace(`
+        const p = $(e, s, t), f = `${o} {
+ ${p.replace(`
 `, `
  `)}
 }`;
-        return c.push(p), i;
+        return c.push(f), i;
       }
       const u = m.includes("&") ? o.replace("&", s) : o.startsWith(":") ? `${s}${o}` : `${s} ${o}`, h = $(e, u, t);
       return c.push(h), i;
     }
     if (n != null && n.templates && n.templates[o]) {
-      const h = e.split(".").reduce((p, l) => p[l], n.templates[o]), f = $(h, "");
-      return `${i}${f}`;
+      const h = e.split(".").reduce((p, f) => p[f], n.templates[o]);
+      if (h) {
+        const p = $(h, "");
+        return `${i}${p}`;
+      }
+      return console.warn(`Template "${o}" with path of "${e}" was not found in config!`), i;
     }
-    const g = o.startsWith("-") ? o : V(o), y = (u, h = ";") => i = `${i}${u}${h}`, O = (u) => y(`${g}:${u}`);
+    const V = o.startsWith("-") ? o : E(o), y = (u, h = ";") => i = `${i}${u}${h}`, O = (u) => y(`${V}:${u}`);
     if (typeof e == "number") return O(e);
     if (typeof e != "string")
       if ("toString" in e) e = e.toString();
       else return i;
-    const { modifiers: A } = n || {}, k = function* () {
-      yield M(e), yield H(e, A);
+    const { modifiers: w } = n || {}, A = function* () {
+      yield H(e), yield W(e, w);
     }();
-    for (const { result: u, additionalCss: h = [] } of k)
-      e = u, h.forEach((f) => {
-        const p = $(f, "");
-        y(p, "");
+    for (const { result: u, additionalCss: h = [] } of A)
+      e = u, h.forEach((p) => {
+        const f = $(p, "");
+        y(f, "");
       });
     return O(e);
   }, "");

package/parse-styles-DbNZJMT5.cjs

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

package/styled.cjs

@@ -1 +1 @@
-"use strict";var l=Object.defineProperty;var m=(e,t,s)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var c=(e,t,s)=>m(e,typeof t!="symbol"?t+"":t,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./parse-styles-SPT4zc_H.cjs"),u=require("./element-factory-WgNOpLmJ.cjs"),y=e=>Object.keys(e);class g{constructor(t,s){c(this,"_callerName");c(this,"_context");this.tagName=t,this.params=s}get hash(){return h.toHash(this.params.base||this.params)}get priority(){var t;return typeof this.tagName=="function"||typeof this.tagName=="object"?(((t=this.tagName.generator)==null?void 0:t.priority)||0)+1:0}get classNames(){const t=[this.hash],{className:s}=this.params;return s&&t.push(s),t.join(" ")}get cssClassName(){return this.hash}get cssDisplayNameVar(){return`--${this.hash}-display-name: ${this._callerName};`}get templateKeys(){var t;return(t=this._context)!=null&&t.config.templates?y(this._context.config.templates):[]}get css(){var r;const{base:t={},variants:s={},compoundVariants:a=[]}=this.params,n={...t,variants:s,compoundVariants:a};return h.parseStyles(n,`.${this.cssClassName}`,this.priority,(r=this._context)==null?void 0:r.config)}get props(){const{element:t}=this.params,s=this.params.variants?Object.keys(this.params.variants).map(r=>{var i;const o=(i=this.params.defaultVariants)==null?void 0:i[r];return o!==void 0?`${r}=${String(o)}`:r}):void 0,a=new Set([]),n=/\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));return n&&n.forEach((r,o,i)=>{const p=i.at(1);p&&a.add(p)}),{element:t,variantKeys:s,propValueKeys:[...a]}}_withBuildContext(t){this._context=t;const{name:s,config:a}=t;return this._callerName=s,this}}const f=(e,t)=>{const s=new g(e,t),a=u.elementFactory(e,s.cssClassName,s.props,{"data-unoptimized-client-component":!0});return Object.assign(a,{generator:s}),a};exports.styled=f;
+"use strict";var l=Object.defineProperty;var m=(e,t,s)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var c=(e,t,s)=>m(e,typeof t!="symbol"?t+"":t,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./parse-styles-DbNZJMT5.cjs"),u=require("./element-factory-WgNOpLmJ.cjs"),y=e=>Object.keys(e);class g{constructor(t,s){c(this,"_callerName");c(this,"_context");this.tagName=t,this.params=s}get hash(){return h.toHash(this.params.base||this.params)}get priority(){var t;return typeof this.tagName=="function"||typeof this.tagName=="object"?(((t=this.tagName.generator)==null?void 0:t.priority)||0)+1:0}get classNames(){const t=[this.hash],{className:s}=this.params;return s&&t.push(s),t.join(" ")}get cssClassName(){return this.hash}get cssDisplayNameVar(){return`--${this.hash}-display-name: ${this._callerName};`}get templateKeys(){var t;return(t=this._context)!=null&&t.config.templates?y(this._context.config.templates):[]}get css(){var r;const{base:t={},variants:s={},compoundVariants:a=[]}=this.params,n={...t,variants:s,compoundVariants:a};return h.parseStyles(n,`.${this.cssClassName}`,this.priority,(r=this._context)==null?void 0:r.config)}get props(){const{element:t}=this.params,s=this.params.variants?Object.keys(this.params.variants).map(r=>{var i;const o=(i=this.params.defaultVariants)==null?void 0:i[r];return o!==void 0?`${r}=${String(o)}`:r}):void 0,a=new Set([]),n=/\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));return n&&n.forEach((r,o,i)=>{const p=i.at(1);p&&a.add(p)}),{element:t,variantKeys:s,propValueKeys:[...a]}}_withBuildContext(t){this._context=t;const{name:s,config:a}=t;return this._callerName=s,this}}const f=(e,t)=>{const s=new g(e,t),a=u.elementFactory(e,s.cssClassName,s.props,{"data-unoptimized-client-component":!0});return Object.assign(a,{generator:s}),a};exports.styled=f;

package/styled.js

@@ -1,7 +1,7 @@
 var m = Object.defineProperty;
 var h = (e, t, s) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
 var c = (e, t, s) => h(e, typeof t != "symbol" ? t + "" : t, s);
-import { t as l, p as u } from "./parse-styles-T74HIH4_.js";
+import { t as l, p as u } from "./parse-styles-DLe1Dr-N.js";
 import { e as g } from "./element-factory-uEk4VrqP.js";
 const y = (e) => Object.keys(e);
 class f {

package/parse-styles-SPT4zc_H.cjs

@@ -1,7 +0,0 @@
-"use strict";const V=require("./dash-case-B_odFlTl.cjs"),E=r=>String.fromCharCode(r+(r>25?39:97)),P=(r,s)=>{let t="",n;for(n=Math.abs(r);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=(r,s)=>{let t=s.length;for(;t;)r=r*33^s.charCodeAt(--t);return r},W=(r,s=3)=>{const t=T(5381,JSON.stringify(r))>>>0;return P(t,s)},q=(r,s)=>{if(typeof r!="string")return{result:r};if(!s)return{result:r};const t=[];return Object.values(s).forEach(n=>{const{pattern:p,transform:$}=n;r=r.replace(p,d=>{const{value:i,css:l}=$(d);return l&&t.push(l),i})}),{result:r,additionalCss:t}},M=r=>typeof r!="string"?{result:r}:/\{[^{}]+\}/g.test(r)?{result:r.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${V.dashCase(n[1].replaceAll(".","-"))})`)}:{result:r},a=(r,s,t,n)=>{if(!r)return"";const p=[],$=Object.entries(r).reduce((i,[l,e])=>{const o=l.trim();if(typeof e=="function"&&(e=e()),typeof e=="object"){if(!e)return i;if(o==="variants")return Object.entries(e).forEach(([f,c])=>{c&&Object.entries(c).forEach(([m,b])=>{if(!b)return;const S=`${s}.${f}-${m}`,j=a(b,S,t);p.push(j)})}),i;if(o==="defaultVariants")return i;if(o==="compoundVariants")return e.forEach(f=>{const{css:c,...m}=f,b=Object.entries(m).reduce((j,[H,N])=>`${j}.${H}-${N}`,s),S=a(c,b,t);p.push(S)}),i;if(o.startsWith("@")){const f=a(e,s,t),c=`${o} {
- ${f.replace(`
-`,`
- `)}
-}`;return p.push(c),i}const u=l.includes("&")?o.replace("&",s):o.startsWith(":")?`${s}${o}`:`${s} ${o}`,h=a(e,u,t);return p.push(h),i}if(n!=null&&n.templates&&n.templates[o]){const h=e.split(".").reduce((c,m)=>c[m],n.templates[o]),f=a(h,"");return`${i}${f}`}const g=o.startsWith("-")?o:V.dashCase(o),y=(u,h=";")=>i=`${i}${u}${h}`,O=u=>y(`${g}:${u}`);if(typeof e=="number")return O(e);if(typeof e!="string")if("toString"in e)e=e.toString();else return i;const{modifiers:A}=n||{},k=function*(){yield M(e),yield q(e,A)}();for(const{result:u,additionalCss:h=[]}of k)e=u,h.forEach(f=>{const c=a(f,"");y(c,"")});return O(e)},"");if(!$)return p.join(`
-`);if(!s)return $;let d="";return t!==void 0?d=`@layer l${t} { ${s} { ${$} } }`:d=`${s} { ${$} }`,[d,...p].join(`
-`)};exports.parseStyles=a;exports.toHash=W;