@salty-css/react 0.0.1-alpha.255 → 0.0.1-alpha.256

package/class-name.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./styles-generator-B0g3tMVE.cjs");class u extends i.StylesGenerator{constructor(s){super(s),this._params=s}}const m=t=>{const s=new u(t),r=a=>{const e=new String(a);return Object.assign(e,{get isClassName(){return!0},variant:(n,c)=>{const o=`${n}-${c}`,l=`${e} ${o}`;return r(l)},generator:s}),e};return r(s.cssClassName)};exports.className=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./styles-generator-CihJA9Kx.cjs");class u extends i.StylesGenerator{constructor(s){super(s),this._params=s}}const m=t=>{const s=new u(t),r=a=>{const e=new String(a);return Object.assign(e,{get isClassName(){return!0},variant:(n,c)=>{const o=`${n}-${c}`,l=`${e} ${o}`;return r(l)},generator:s}),e};return r(s.cssClassName)};exports.className=m;

package/class-name.js

@@ -1,4 +1,4 @@
-import { S as i } from "./styles-generator-CysDWakn.js";
+import { S as i } from "./styles-generator-BQCMgM_V.js";
 class m extends i {
   constructor(s) {
     super(s), this._params = s;

package/keyframes.cjs

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

package/keyframes.js

@@ -1,4 +1,4 @@
-import { t as j, p as m } from "./parse-styles-sSzIlEhG.js";
+import { t as j, p as m } from "./parse-styles-anFzH8TT.js";
 const h = async ({ animationName: $, params: l, appendInitialStyles: u, ...t }) => {
   const r = $ || j(t), e = async (n = {}) => {
     const {

package/package.json

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

package/parse-styles-CfxJtQu_.cjs

@@ -0,0 +1,5 @@
+"use strict";const N=require("./parse-tokens-BnDwbP7V.cjs"),J=r=>s=>{if(typeof s!="string"||!r)return;let t=s;const a=[];return Object.values(r).forEach(o=>{const{pattern:S,transform:$}=o;t=t.replace(S,j=>{const{value:A,css:b}=$(j);return b&&a.push(b),A})}),{transformed:t,additionalCss:a}},z=r=>String.fromCharCode(r+(r>25?39:97)),M=(r,s)=>{let t="",a;for(a=Math.abs(r);a>52;a=a/52|0)t=z(a%52)+t;return t=z(a%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},U=(r,s=5)=>{const t=T(5381,JSON.stringify(r))>>>0;return M(t,s)},q=["top","right","bottom","left","min-width",/.*width.*/,/^[^line]*height.*/,/padding.*/,/margin.*/,/border.*/,/inset.*/,/.*radius.*/,/.*spacing.*/,/.*gap.*/,/.*indent.*/,/.*offset.*/,/.*size.*/,/.*thickness.*/,/.*font-size.*/],Q=(r,s,t)=>{if(q.some(o=>typeof o=="string"?o===r:o.test(r))){const o=(t==null?void 0:t.defaultUnit)||"px";return`${s}${o}`}return`${s}`},_=["Webkit","Moz","ms","O"],F=r=>r.startsWith("-")?r:_.some(s=>r.startsWith(s))?`-${N.dashCase(r)}`:N.dashCase(r),y=async(r,s="",t,a=!1)=>{if(!r)throw new Error("No styles provided to parseStyles function!");const o=new Set,S=Object.entries(r),$=async([f,e])=>{var C;const n=f.trim().replace(/^\?+/g,""),w=F(n),u=(c,d=";")=>`${w}:${c}${d}`,P={scope:s,config:t};if(typeof e=="function")return $([f,e(P)]);if(e instanceof Promise)return $([f,await e]);if(t!=null&&t.templates&&t.templatePaths[n])try{const[c,d]=t.templatePaths[n].split(";;"),i=await import(d),l=d.includes("salty.config"),p=l?i[c].templates:i[c],h=l?p[n]:p.params[n];if(p&&typeof h=="function"){const E=await h(e),[m]=await y(E,"");return m}}catch(c){console.error(`Error loading template "${n}" from path "${t.templatePaths[n]}"`,c);return}if(t!=null&&t.templates&&t.templates[n]){if(a)return;const d=e.split(".").reduce((i,l)=>i[l],t.templates[n]);if(d){const[i]=await y(d,"");return i}console.warn(`Template "${n}" with path of "${e}" was not found in config!`);return}if(typeof e=="object"){if(!e)return;if(e.isColor)return u(e.toString());if(n==="defaultVariants")return;if(n==="variants"){const i=Object.entries(e);for(const[l,p]of i){if(!p)continue;const h=Object.entries(p);for(const[E,m]of h){if(!m)continue;const x=`${s}.${l}-${E}`;(await y(m,x,t)).forEach(H=>o.add(H))}}return}if(n==="compoundVariants"){for(const i of e){const{css:l,...p}=i,h=Object.entries(p).reduce((m,[x,V])=>`${m}.${x}-${V}`,s);(await y(l,h,t)).forEach(m=>o.add(m))}return}if(n.startsWith("@")){const i=((C=t==null?void 0:t.mediaQueries)==null?void 0:C[n])||n,l=await W(e,s,t),p=`${i} { ${l} }`;o.add(p);return}const c=f.includes("&")?n.replaceAll("&",s):n.startsWith(":")?`${s}${n}`:`${s} ${n}`;(await y(e,c,t)).forEach(i=>o.add(i));return}if(typeof e=="number"){const c=Q(w,e,t);return u(c)}if(typeof e!="string")if("toString"in e)e=e.toString();else throw new Error(`Invalid value type for property ${w}`);return u(e)},j=S.map($),{modifiers:A}=t||{},b=[N.parseValueTokens(),J(A)],O=(await Promise.all(j).then(f=>Promise.all(f.map(e=>b.reduce(async(n,w)=>{const u=await n;if(!u)return u;const P=await w(u);if(!P)return u;const{transformed:C,additionalCss:c}=P;let d="";if(c)for(const i of c)d+=await W(i,"");return`${d}${C}`},Promise.resolve(e)))))).filter(f=>f!==void 0).join(`
+	`);if(!O.trim())return Array.from(o);const v=s?`${s} {
+	${O}
+}`:O;return o.has(v)?Array.from(o):[v,...o]},W=async(r,s,t,a=!1)=>(await y(r,s,t,a)).join(`
+`);exports.parseAndJoinStyles=W;exports.toHash=U;

package/{parse-styles-sSzIlEhG.js → parse-styles-anFzH8TT.js}

@@ -52,7 +52,7 @@ const H = (r) => (s) => {
   if (!r) throw new Error("No styles provided to parseStyles function!");
   const o = /* @__PURE__ */ new Set(), j = Object.entries(r), y = async ([f, e]) => {
     var E;
-    const n = f.trim(), w = F(n), m = (c, d = ";") => `${w}:${c}${d}`, P = { scope: s, config: t };
+    const n = f.trim().replace(/^\?+/g, ""), w = F(n), m = (c, d = ";") => `${w}:${c}${d}`, P = { scope: s, config: t };
     if (typeof e == "function") return y([f, e(P)]);
     if (e instanceof Promise) return y([f, await e]);
     if (t != null && t.templates && t.templatePaths[n])

package/styled.cjs

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

package/styled.js

@@ -1,4 +1,4 @@
-import { S as y } from "./styles-generator-CysDWakn.js";
+import { S as y } from "./styles-generator-BQCMgM_V.js";
 import { d as g } from "./parse-tokens-Cbbbt7eO.js";
 import { e as v } from "./element-factory-DrGBPkh2.js";
 class b extends y {

package/{styles-generator-CysDWakn.js → styles-generator-BQCMgM_V.js}

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

package/{styles-generator-B0g3tMVE.cjs → styles-generator-CihJA9Kx.cjs}

@@ -1 +1 @@
-"use strict";var c=Object.defineProperty;var l=(a,s,t)=>s in a?c(a,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[s]=t;var o=(a,s,t)=>l(a,typeof s!="symbol"?s+"":s,t);const n=require("./parse-styles-D_3y2nqs.cjs"),h=require("./parse-tokens-BnDwbP7V.cjs");class u{constructor(s){o(this,"buildContext",{});this.params=s}get priority(){return 0}get isRoot(){return this.priority===0}get hash(){const{base:s,variants:t,compoundVariants:e}=this.params;return n.toHash({base:s,variants:t,compoundVariants:e})}get cssClassName(){return this.hash}get classNames(){const s=new Set([this.cssClassName]),{className:t}=this.params;return typeof t=="string"&&s.add(t),typeof t=="object"&&t.forEach(e=>s.add(e)),this.getTemplateClasses().forEach(e=>s.add(e)),this.buildContext.classNames&&this.buildContext.classNames.forEach(e=>s.add(e)),[...s].join(" ")}get cssFileName(){const{callerName:s}=this.buildContext;return s?`cl_${h.dashCase(s)}-${this.hash}.css`:`${this.hash}.css`}get css(){const{base:s={},variants:t={},compoundVariants:e=[]}=this.params,{config:r}=this.buildContext,i={...s,variants:t,compoundVariants:e};return n.parseAndJoinStyles(i,`.${this.cssClassName}`,r,this.isRoot)}getTemplateClasses(s=this.buildContext.config){if(!(s!=null&&s.templates)||!this.params.base||this.priority>0)return[];const t=Object.keys(s.templates);return Object.entries(this.params.base).reduce((e,[r,i])=>(t.includes(r)&&e.push("t_"+n.toHash(h.dashCase(`${r}-${i}`),4)),e),[])}_withBuildContext(s){return this.buildContext=s,this}}exports.StylesGenerator=u;
+"use strict";var c=Object.defineProperty;var l=(a,s,t)=>s in a?c(a,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[s]=t;var o=(a,s,t)=>l(a,typeof s!="symbol"?s+"":s,t);const n=require("./parse-styles-CfxJtQu_.cjs"),h=require("./parse-tokens-BnDwbP7V.cjs");class u{constructor(s){o(this,"buildContext",{});this.params=s}get priority(){return 0}get isRoot(){return this.priority===0}get hash(){const{base:s,variants:t,compoundVariants:e}=this.params;return n.toHash({base:s,variants:t,compoundVariants:e})}get cssClassName(){return this.hash}get classNames(){const s=new Set([this.cssClassName]),{className:t}=this.params;return typeof t=="string"&&s.add(t),typeof t=="object"&&t.forEach(e=>s.add(e)),this.getTemplateClasses().forEach(e=>s.add(e)),this.buildContext.classNames&&this.buildContext.classNames.forEach(e=>s.add(e)),[...s].join(" ")}get cssFileName(){const{callerName:s}=this.buildContext;return s?`cl_${h.dashCase(s)}-${this.hash}.css`:`${this.hash}.css`}get css(){const{base:s={},variants:t={},compoundVariants:e=[]}=this.params,{config:r}=this.buildContext,i={...s,variants:t,compoundVariants:e};return n.parseAndJoinStyles(i,`.${this.cssClassName}`,r,this.isRoot)}getTemplateClasses(s=this.buildContext.config){if(!(s!=null&&s.templates)||!this.params.base||this.priority>0)return[];const t=Object.keys(s.templates);return Object.entries(this.params.base).reduce((e,[r,i])=>(t.includes(r)&&e.push("t_"+n.toHash(h.dashCase(`${r}-${i}`),4)),e),[])}_withBuildContext(s){return this.buildContext=s,this}}exports.StylesGenerator=u;

package/parse-styles-D_3y2nqs.cjs

@@ -1,5 +0,0 @@
-"use strict";const N=require("./parse-tokens-BnDwbP7V.cjs"),J=r=>s=>{if(typeof s!="string"||!r)return;let t=s;const a=[];return Object.values(r).forEach(o=>{const{pattern:S,transform:$}=o;t=t.replace(S,j=>{const{value:A,css:b}=$(j);return b&&a.push(b),A})}),{transformed:t,additionalCss:a}},z=r=>String.fromCharCode(r+(r>25?39:97)),M=(r,s)=>{let t="",a;for(a=Math.abs(r);a>52;a=a/52|0)t=z(a%52)+t;return t=z(a%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},U=(r,s=5)=>{const t=T(5381,JSON.stringify(r))>>>0;return M(t,s)},q=["top","right","bottom","left","min-width",/.*width.*/,/^[^line]*height.*/,/padding.*/,/margin.*/,/border.*/,/inset.*/,/.*radius.*/,/.*spacing.*/,/.*gap.*/,/.*indent.*/,/.*offset.*/,/.*size.*/,/.*thickness.*/,/.*font-size.*/],Q=(r,s,t)=>{if(q.some(o=>typeof o=="string"?o===r:o.test(r))){const o=(t==null?void 0:t.defaultUnit)||"px";return`${s}${o}`}return`${s}`},_=["Webkit","Moz","ms","O"],F=r=>r.startsWith("-")?r:_.some(s=>r.startsWith(s))?`-${N.dashCase(r)}`:N.dashCase(r),y=async(r,s="",t,a=!1)=>{if(!r)throw new Error("No styles provided to parseStyles function!");const o=new Set,S=Object.entries(r),$=async([f,e])=>{var C;const n=f.trim(),w=F(n),u=(c,d=";")=>`${w}:${c}${d}`,P={scope:s,config:t};if(typeof e=="function")return $([f,e(P)]);if(e instanceof Promise)return $([f,await e]);if(t!=null&&t.templates&&t.templatePaths[n])try{const[c,d]=t.templatePaths[n].split(";;"),i=await import(d),l=d.includes("salty.config"),p=l?i[c].templates:i[c],h=l?p[n]:p.params[n];if(p&&typeof h=="function"){const E=await h(e),[m]=await y(E,"");return m}}catch(c){console.error(`Error loading template "${n}" from path "${t.templatePaths[n]}"`,c);return}if(t!=null&&t.templates&&t.templates[n]){if(a)return;const d=e.split(".").reduce((i,l)=>i[l],t.templates[n]);if(d){const[i]=await y(d,"");return i}console.warn(`Template "${n}" with path of "${e}" was not found in config!`);return}if(typeof e=="object"){if(!e)return;if(e.isColor)return u(e.toString());if(n==="defaultVariants")return;if(n==="variants"){const i=Object.entries(e);for(const[l,p]of i){if(!p)continue;const h=Object.entries(p);for(const[E,m]of h){if(!m)continue;const x=`${s}.${l}-${E}`;(await y(m,x,t)).forEach(H=>o.add(H))}}return}if(n==="compoundVariants"){for(const i of e){const{css:l,...p}=i,h=Object.entries(p).reduce((m,[x,V])=>`${m}.${x}-${V}`,s);(await y(l,h,t)).forEach(m=>o.add(m))}return}if(n.startsWith("@")){const i=((C=t==null?void 0:t.mediaQueries)==null?void 0:C[n])||n,l=await W(e,s,t),p=`${i} { ${l} }`;o.add(p);return}const c=f.includes("&")?n.replaceAll("&",s):n.startsWith(":")?`${s}${n}`:`${s} ${n}`;(await y(e,c,t)).forEach(i=>o.add(i));return}if(typeof e=="number"){const c=Q(w,e,t);return u(c)}if(typeof e!="string")if("toString"in e)e=e.toString();else throw new Error(`Invalid value type for property ${w}`);return u(e)},j=S.map($),{modifiers:A}=t||{},b=[N.parseValueTokens(),J(A)],O=(await Promise.all(j).then(f=>Promise.all(f.map(e=>b.reduce(async(n,w)=>{const u=await n;if(!u)return u;const P=await w(u);if(!P)return u;const{transformed:C,additionalCss:c}=P;let d="";if(c)for(const i of c)d+=await W(i,"");return`${d}${C}`},Promise.resolve(e)))))).filter(f=>f!==void 0).join(`
-	`);if(!O.trim())return Array.from(o);const v=s?`${s} {
-	${O}
-}`:O;return o.has(v)?Array.from(o):[v,...o]},W=async(r,s,t,a=!1)=>(await y(r,s,t,a)).join(`
-`);exports.parseAndJoinStyles=W;exports.toHash=U;