@salty-css/vite 0.0.1-alpha.201 → 0.0.1-alpha.202

package/index.cjs

@@ -1,44 +1,40 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Nt=require("esbuild"),Pt=require("child_process"),l=require("path"),u=require("fs"),X=require("fs/promises"),G=require("winston");var nt=typeof document<"u"?document.currentScript:null;function kt(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const pt=kt(Nt),ft=t=>String.fromCharCode(t+(t>25?39:97)),_t=(t,e)=>{let s="",n;for(n=Math.abs(t);n>52;n=n/52|0)s=ft(n%52)+s;return s=ft(n%52)+s,s.length<e?s=s.padStart(e,"a"):s.length>e&&(s=s.slice(-e)),s},Dt=(t,e)=>{let s=e.length;for(;s;)t=t*33^e.charCodeAt(--s);return t},I=(t,e=5)=>{const s=Dt(5381,JSON.stringify(t))>>>0;return _t(s,e)};function E(t){return t?typeof t!="string"?E(String(t)):t.replace(/[\s.]/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(e,s)=>(s>0?"-":"")+e.toLowerCase()):""}const Ot=(t,e)=>{if(typeof t!="string")return{result:t};if(!e)return{result:t};const s=[];return Object.values(e).forEach(n=>{const{pattern:o,transform:a}=n;t=t.replace(o,i=>{const{value:p,css:r}=a(i);return r&&s.push(r),p})}),{result:t,additionalCss:s}},yt=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${E(n[1].replaceAll(".","-"))})`)}:{result:t},Tt=["top","right","bottom","left","min-width",/.*width.*/,/^[^line]*height.*/,/padding.*/,/margin.*/,/border.*/,/inset.*/,/.*radius.*/,/.*spacing.*/,/.*gap.*/,/.*indent.*/,/.*offset.*/,/.*size.*/,/.*thickness.*/,/.*font-size.*/],Et=(t,e,s)=>Tt.some(o=>typeof o=="string"?o===t:o.test(t))?`${e}px`:`${e}`,Mt=["Webkit","Moz","ms","O"],Rt=t=>t.startsWith("-")?t:Mt.some(e=>t.startsWith(e))?`-${E(t)}`:E(t),z=(t,e,s)=>{if(!t)return"";const n=[],o=Object.entries(t).reduce((i,[p,r])=>{const c=p.trim(),g=Rt(c),h=(j,_=";")=>i=`${i}${j}${_}`,y=j=>h(`${g}:${j}`);if(typeof r=="function"&&(r=r()),typeof r=="object"){if(!r)return i;if(r.isColor)return y(r.toString()),i;if(c==="variants")return Object.entries(r).forEach(([D,x])=>{x&&Object.entries(x).forEach(([T,P])=>{if(!P)return;const M=`${e}.${D}-${T}`,f=z(P,M);n.push(f)})}),i;if(c==="defaultVariants")return i;if(c==="compoundVariants")return r.forEach(D=>{const{css:x,...T}=D,P=Object.entries(T).reduce((f,[m,b])=>`${f}.${m}-${b}`,e),M=z(x,P);n.push(M)}),i;if(c.startsWith("@")){const D=c,x=z(r,e),T=`${D} {
- ${x.replace(`
-`,`
- `)}
-}`;return n.push(T),i}const j=p.includes("&")?c.replace("&",e):c.startsWith(":")?`${e}${c}`:`${e} ${c}`,_=z(r,j);return n.push(_),i}if(typeof r=="number"){const j=Et(g,r);return y(j)}if(typeof r!="string")if("toString"in r)r=r.toString();else return i;const{modifiers:$}={},O=function*(){yield yt(r),yield Ot(r,$)}();for(const{result:j,additionalCss:_=[]}of O)r=j,_.forEach(D=>{const x=z(D,"");h(x,"")});return y(r)},"");return o?e?[`${e} { ${o} }`,...n].join(`
-`):o:n.join(`
-`)},gt=(t,e=[])=>{if(!t)return"";const s=[],n={};if(Object.entries(t).forEach(([o,a])=>{if(typeof a=="object"){if(!a)return;const i=o.trim(),p=gt(a,[...e,i]);s.push(p)}else n[o]=a}),Object.keys(n).length){const o=e.map(E).join("-"),a=z(n,`.${o}`);s.push(a)}return s.join(`
-`)},Vt=t=>t?Object.entries(t).reduce((e,[s,n])=>(typeof n=="object"&&(e[s]=ht(n).map(o=>`"${o}"`).join(" | ")),e),{}):{},ht=(t,e="",s=new Set)=>t?(Object.entries(t).forEach(([n,o])=>{const a=e?`${e}.${n}`:n;return typeof o=="object"?ht(o,a,s):s.add(e)}),[...s]):[],mt=t=>{if(!t||t==="/")throw new Error("Could not find package.json file");const e=l.join(t,"package.json");return u.existsSync(e)?e:mt(l.join(t,".."))},zt=async t=>{const e=mt(t);return await X.readFile(e,"utf-8").then(JSON.parse).catch(()=>{})},Jt=async t=>{const e=await zt(t);if(e)return e.type};let A;const St=async t=>{if(A)return A;const e=await Jt(t);return e==="module"?A="esm":(e==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:nt&&nt.tagName.toUpperCase()==="SCRIPT"&&nt.src||new URL("index.cjs",document.baseURI).href).endsWith(".cjs"))&&(A="cjs"),A||"esm"},ot=G.createLogger({level:"debug",format:G.format.combine(G.format.colorize(),G.format.cli()),transports:[new G.transports.Console({})]});function bt(t){return t?typeof t!="string"?bt(String(t)):t.replace(/[\s-]/g,".").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(e,s)=>(s>0?".":"")+e.toLowerCase()):""}const Wt={"*, *::before, *::after":{boxSizing:"border-box"},"*":{margin:0},html:{lineHeight:1.15,textSizeAdjust:"100%",WebkitFontSmoothing:"antialiased"},"img, picture, video, canvas, svg":{display:"block",maxWidth:"100%"},"p, h1, h2, h3, h4, h5, h6":{overflowWrap:"break-word"},p:{textWrap:"pretty"},"h1, h2, h3, h4, h5, h6":{textWrap:"balance"},a:{color:"currentColor"},button:{lineHeight:"1em",color:"currentColor"},"input, optgroup, select, textarea":{fontFamily:"inherit",fontSize:"100%",lineHeight:"1.15em"}},Z=(...t)=>t.flat().reduce((e,s)=>s!=null&&s._current?{...e,...s._current}:{...e,...s},{}),V={externalModules:[],rcFile:void 0,destDir:void 0},$t=t=>{if(V.externalModules.length>0)return V.externalModules;const s=u.readFileSync(t,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const n=s[1].split(",").map(o=>o.replace(/['"`]/g,"").trim());return V.externalModules=n,n},J=async t=>{if(V.destDir)return V.destDir;const e=await rt(t),s=l.join(t,(e==null?void 0:e.saltygenDir)||"saltygen");return V.destDir=s,s},jt=["salty","css","styles","styled"],At=(t=[])=>new RegExp(`\\.(${[...jt,...t].join("|")})\\.`),q=(t,e=[])=>At(e).test(t),wt=async t=>{if(V.rcFile)return V.rcFile;if(t==="/")throw new Error("Could not find .saltyrc.json file");const e=l.join(t,".saltyrc.json"),s=await X.readFile(e,"utf-8").then(JSON.parse).catch(()=>{});return s?(V.rcFile=s,s):wt(l.join(t,".."))},rt=async t=>{var n,o;const e=await wt(t),s=(n=e.projects)==null?void 0:n.find(a=>t.endsWith(a.dir||""));return s||((o=e.projects)==null?void 0:o.find(a=>a.dir===e.defaultProject))},Zt=async t=>{const e=await rt(t),s=await J(t),n=l.join(t,(e==null?void 0:e.configDir)||"","salty.config.ts"),o=l.join(s,"salty.config.js"),a=await St(t),i=$t(n);await pt.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:o,format:a,external:i});const p=Date.now(),{config:r}=await import(`${o}?t=${p}`);return r},It=async(t,e)=>{var at,lt;const s=await J(t),n={mediaQueries:[],globalStyles:[],variables:[],templates:[]};await Promise.all([...e].map(async w=>{const F=await Y(t,w,s);Object.entries(F).forEach(([R,C])=>{C.isMedia?n.mediaQueries.push([R,C]):C.isGlobalDefine?n.globalStyles.push(C):C.isDefineVariables?n.variables.push(C):C.isDefineTemplates&&n.templates.push(C)})}));const o=await Zt(t),a={...o},i=new Set,p=(w,F=[])=>w?Object.entries(w).flatMap(([R,C])=>{if(!C)return;if(typeof C=="object")return p(C,[...F,R]);const v=bt(R),tt=E(R),et=[...F,v].join(".");i.add(`"${et}"`);const st=[...F.map(E),tt].join("-"),{result:xt}=yt(C);return`--${st}: ${xt};`}):[],r=w=>w?Object.entries(w).flatMap(([F,R])=>{const C=p(R);return F==="base"?C.join(""):`${F} { ${C.join("")} }`}):[],c=w=>w?Object.entries(w).flatMap(([F,R])=>Object.entries(R).flatMap(([C,v])=>{const tt=p(v,[F]),et=`.${F}-${C}, [data-${F}="${C}"]`,st=tt.join("");return`${et} { ${st} }`})):[],g=w=>({...w,responsive:void 0,conditional:void 0}),h=w=>n.variables.map(F=>w==="static"?g(F._current):F._current[w]),y=Z(g(o.variables),h("static")),$=p(y),S=Z((at=o.variables)==null?void 0:at.responsive,h("responsive")),O=r(S),j=Z((lt=o.variables)==null?void 0:lt.conditional,h("conditional")),_=c(j),D=l.join(s,"css/_variables.css"),x=`:root { ${$.join("")} ${O.join("")} } ${_.join("")}`;u.writeFileSync(D,x),a.staticVariables=y;const T=l.join(s,"css/_global.css"),P=Z(o.global,n.globalStyles),M=z(P,"");u.writeFileSync(T,`@layer global { ${M} }`);const f=l.join(s,"css/_reset.css"),b=o.reset==="none"?{}:typeof o.reset=="object"?o.reset:Wt,d=z(b,"");u.writeFileSync(f,`@layer reset { ${d} }`);const N=l.join(s,"css/_templates.css"),k=Z(o.templates,n.templates),H=gt(k),L=Vt(k);u.writeFileSync(N,H),a.templates=k;const{mediaQueries:W}=n;a.mediaQueries=Object.fromEntries(W.map(([w,F])=>[`@${w}`,F]));const K=W.map(([w])=>`'@${w}'`).join(" | "),U=l.join(s,"types/css-tokens.d.ts"),B=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const kt=require("esbuild"),_t=require("child_process"),c=require("path"),d=require("fs"),tt=require("fs/promises"),B=require("winston");var rt=typeof document<"u"?document.currentScript:null;function Dt(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const mt=Dt(kt),dt=t=>String.fromCharCode(t+(t>25?39:97)),Ot=(t,e)=>{let s="",n;for(n=Math.abs(t);n>52;n=n/52|0)s=dt(n%52)+s;return s=dt(n%52)+s,s.length<e?s=s.padStart(e,"a"):s.length>e&&(s=s.slice(-e)),s},Tt=(t,e)=>{let s=e.length;for(;s;)t=t*33^e.charCodeAt(--s);return t},v=(t,e=5)=>{const s=Tt(5381,JSON.stringify(t))>>>0;return Ot(s,e)};function M(t){return t?typeof t!="string"?M(String(t)):t.replace(/[\s.]/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(e,s)=>(s>0?"-":"")+e.toLowerCase()):""}const Et=t=>e=>{if(typeof e!="string"||!t)return;let s=e;const n=[];return Object.values(t).forEach(o=>{const{pattern:i,transform:l}=o;s=s.replace(i,y=>{const{value:w,css:a}=l(y);return a&&n.push(a),w})}),{transformed:s,additionalCss:n}},gt=t=>e=>typeof e!="string"||!/\{[^{}]+\}/g.test(e)?void 0:{transformed:e.replace(/\{([^{}]+)\}/g,(...o)=>`var(--${M(o[1].replaceAll(".","-"))})`)},Mt=gt(),Rt=["top","right","bottom","left","min-width",/.*width.*/,/^[^line]*height.*/,/padding.*/,/margin.*/,/border.*/,/inset.*/,/.*radius.*/,/.*spacing.*/,/.*gap.*/,/.*indent.*/,/.*offset.*/,/.*size.*/,/.*thickness.*/,/.*font-size.*/],Vt=(t,e,s)=>Rt.some(o=>typeof o=="string"?o===t:o.test(t))?`${e}px`:`${e}`,Jt=["Webkit","Moz","ms","O"],zt=t=>t.startsWith("-")?t:Jt.some(e=>t.startsWith(e))?`-${M(t)}`:M(t),Y=async(t,e="",s)=>{if(!t)throw new Error("No styles provided to parseStyles function!");const n=new Set,i=Object.entries(t).map(async([g,r])=>{const p=g.trim(),h=zt(p),N=(P,T=";")=>`${h}:${P}${T}`;if(typeof r=="function"&&(r=r({scope:e,config:s})),r instanceof Promise&&(r=await r),typeof r=="object"){if(!r)return;if(r.isColor)return N(r.toString());if(p==="defaultVariants")return;if(p==="variants"){const F=Object.entries(r);for(const[D,x]of F){if(!x)return;const R=Object.entries(x);for(const[f,m]of R){if(!m)return;const b=`${e}.${D}-${f}`;(await Y(m,b,s)).forEach(C=>n.add(C))}}return}if(p==="compoundVariants"){for(const F of r){const{css:D,...x}=F,R=Object.entries(x).reduce((m,[b,u])=>`${m}.${b}-${u}`,e);(await Y(D,R,s)).forEach(m=>n.add(m))}return}if(p.startsWith("@")){const F=p,D=await G(r,e,s),x=`${F} { ${D} }`;n.add(x);return}const P=g.includes("&")?p.replace("&",e):p.startsWith(":")?`${e}${p}`:`${e} ${p}`;(await Y(r,P,s)).forEach(F=>n.add(F));return}if(typeof r=="number"){const P=Vt(h,r);return N(P)}if(typeof r!="string")if("toString"in r)r=r.toString();else throw new Error(`Invalid value type for property ${h}`);return N(r)}),{modifiers:l}={},y=[gt(),Et(l)],a=(await Promise.all(i).then(g=>Promise.all(g.map(r=>y.reduce(async(p,h)=>{const N=await p;if(!N)return N;const _=await h(N);if(!_)return N;const{transformed:P,additionalCss:T}=_;let F="";if(T)for(const D of T)F+=await G(D,"");return`${F}${P}`},Promise.resolve(r)))))).join(`
+`);if(!a.trim())return n;const S=e?`${e} { ${a} }`:a;return n.add(S),n},G=async(t,e,s)=>[...await Y(t,e,s)].join(`
+`),ht=async(t,e=[])=>{if(!t)return"";const s=[],n={};if(Object.entries(t).forEach(async([o,i])=>{if(typeof i=="function")return console.log("Function found",o);if(typeof i=="object"){if(!i)return;const l=o.trim(),y=await ht(i,[...e,l]);s.push(y)}else n[o]=i}),Object.keys(n).length){const o=e.map(M).join("-"),i=await G(n,`.${o}`);s.push(i)}return s.join(`
+`)},At=t=>t?Object.entries(t).reduce((e,[s,n])=>(typeof n=="object"&&(e[s]=wt(n).map(o=>`"${o}"`).join(" | ")),e),{}):{},wt=(t,e="",s=new Set)=>t?(Object.entries(t).forEach(([n,o])=>{const i=e?`${e}.${n}`:n;return typeof o=="object"?wt(o,i,s):s.add(e)}),[...s]):[],St=t=>{if(!t||t==="/")throw new Error("Could not find package.json file");const e=c.join(t,"package.json");return d.existsSync(e)?e:St(c.join(t,".."))},Wt=async t=>{const e=St(t);return await tt.readFile(e,"utf-8").then(JSON.parse).catch(()=>{})},vt=async t=>{const e=await Wt(t);if(e)return e.type};let A;const bt=async t=>{if(A)return A;const e=await vt(t);return e==="module"?A="esm":(e==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:rt&&rt.tagName.toUpperCase()==="SCRIPT"&&rt.src||new URL("index.cjs",document.baseURI).href).endsWith(".cjs"))&&(A="cjs"),A||"esm"},it=B.createLogger({level:"debug",format:B.format.combine(B.format.colorize(),B.format.cli()),transports:[new B.transports.Console({})]});function $t(t){return t?typeof t!="string"?$t(String(t)):t.replace(/[\s-]/g,".").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(e,s)=>(s>0?".":"")+e.toLowerCase()):""}const It={"*, *::before, *::after":{boxSizing:"border-box"},"*":{margin:0},html:{lineHeight:1.15,textSizeAdjust:"100%",WebkitFontSmoothing:"antialiased"},"img, picture, video, canvas, svg":{display:"block",maxWidth:"100%"},"p, h1, h2, h3, h4, h5, h6":{overflowWrap:"break-word"},p:{textWrap:"pretty"},"h1, h2, h3, h4, h5, h6":{textWrap:"balance"},a:{color:"currentColor"},button:{lineHeight:"1em",color:"currentColor"},"input, optgroup, select, textarea":{fontFamily:"inherit",fontSize:"100%",lineHeight:"1.15em"}},W=(...t)=>t.flat().reduce((e,s)=>s!=null&&s._current?{...e,...s._current}:{...e,...s},{}),Zt=(...t)=>t.flat().reduce((e,s)=>({...e,...s._children}),{}),J={externalModules:[],rcFile:void 0,destDir:void 0},jt=t=>{if(J.externalModules.length>0)return J.externalModules;const s=d.readFileSync(t,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const n=s[1].split(",").map(o=>o.replace(/['"`]/g,"").trim());return J.externalModules=n,n},z=async t=>{if(J.destDir)return J.destDir;const e=await at(t),s=c.join(t,(e==null?void 0:e.saltygenDir)||"saltygen");return J.destDir=s,s},Ft=["salty","css","styles","styled"],qt=(t=[])=>new RegExp(`\\.(${[...Ft,...t].join("|")})\\.`),I=(t,e=[])=>qt(e).test(t),Ct=async t=>{if(J.rcFile)return J.rcFile;if(t==="/")throw new Error("Could not find .saltyrc.json file");const e=c.join(t,".saltyrc.json"),s=await tt.readFile(e,"utf-8").then(JSON.parse).catch(()=>{});return s?(J.rcFile=s,s):Ct(c.join(t,".."))},at=async t=>{var n,o;const e=await Ct(t),s=(n=e.projects)==null?void 0:n.find(i=>t.endsWith(i.dir||""));return s||((o=e.projects)==null?void 0:o.find(i=>i.dir===e.defaultProject))},Ht=async t=>{const e=await at(t),s=await z(t),n=c.join(t,(e==null?void 0:e.configDir)||"","salty.config.ts"),o=c.join(s,"salty.config.js"),i=await bt(t),l=jt(n);await mt.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:o,format:i,external:l});const y=Date.now(),{config:w}=await import(`${o}?t=${y}`);return w},Lt=async(t,e)=>{var lt,ft;const s=await z(t),n={mediaQueries:[],globalStyles:[],variables:[],templates:[]};await Promise.all([...e].map(async $=>{const{contents:j,outputFilePath:V}=await et(t,$,s);Object.entries(j).forEach(([O,E])=>{E.isMedia?n.mediaQueries.push([O,E]):E.isGlobalDefine?n.globalStyles.push(E):E.isDefineVariables?n.variables.push(E):E.isDefineTemplates&&n.templates.push(E._setPath(V))})}));const o=await Ht(t),i={...o},l=new Set,y=($,j=[])=>$?Object.entries($).flatMap(([V,O])=>{if(!O)return;if(typeof O=="object")return y(O,[...j,V]);const E=$t(V),nt=M(V),ot=[...j,E].join(".");l.add(`"${ot}"`);const X=[...j.map(M),nt].join("-"),ut=Mt(O);return ut?`--${X}: ${ut.transformed};`:`--${X}: ${O};`}):[],w=$=>$?Object.entries($).flatMap(([j,V])=>{const O=y(V);return j==="base"?O.join(""):`${j} { ${O.join("")} }`}):[],a=$=>$?Object.entries($).flatMap(([j,V])=>Object.entries(V).flatMap(([O,E])=>{const nt=y(E,[j]),ot=`.${j}-${O}, [data-${j}="${O}"]`,X=nt.join("");return`${ot} { ${X} }`})):[],S=$=>({...$,responsive:void 0,conditional:void 0}),g=$=>n.variables.map(j=>$==="static"?S(j._current):j._current[$]),r=W(S(o.variables),g("static")),p=y(r),h=W((lt=o.variables)==null?void 0:lt.responsive,g("responsive")),N=w(h),_=W((ft=o.variables)==null?void 0:ft.conditional,g("conditional")),P=a(_),T=c.join(s,"css/_variables.css"),F=`:root { ${p.join("")} ${N.join("")} } ${P.join("")}`;d.writeFileSync(T,F),i.staticVariables=r;const D=c.join(s,"css/_global.css"),x=W(o.global,n.globalStyles),R=await G(x,"");d.writeFileSync(D,`@layer global { ${R} }`);const f=c.join(s,"css/_reset.css"),b=o.reset==="none"?{}:typeof o.reset=="object"?o.reset:It,u=await G(b,"");d.writeFileSync(f,`@layer reset { ${u} }`);const C=c.join(s,"css/_templates.css"),k=W(o.templates,n.templates),Z=await ht(k),q=At(k);d.writeFileSync(C,Z),i.templates=k;const H=Zt(n.templates);i.templatePaths=Object.fromEntries(Object.entries(H).map(([$,j])=>[$,j._path||"nope"]));const{mediaQueries:L}=n;i.mediaQueries=Object.fromEntries(L.map(([$,j])=>[`@${$}`,j]));const K=L.map(([$])=>`'@${$}'`).join(" | "),st=c.join(s,"types/css-tokens.d.ts"),Q=`
   // Variable types
-  type VariableTokens = ${[...i].join("|")}; 
+  type VariableTokens = ${[...l].join("|")}; 
   type PropertyValueToken = \`{\${VariableTokens}}\`;
 
   // Template types
   type TemplateTokens = {
-    ${Object.entries(L).map(([w,F])=>`${w}?: ${F}`).join(`
+    ${Object.entries(q).map(([$,j])=>`${$}?: ${j}`).join(`
 `)}
   }
 
   // Media query types
   type MediaQueryKeys = ${K||"''"};
-  `;u.writeFileSync(U,B);const Q=l.join(s,"cache/config-cache.json");u.writeFileSync(Q,JSON.stringify(a,null,2))},ut=t=>t.replace(/styled\(([^"'`{,]+),/g,(e,s)=>{if(/^['"`]/.test(s))return e;const o=new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);if(!o.test(t))return e;const i=o.exec(t);if(i){const p=i.at(1);if(jt.some(c=>p==null?void 0:p.includes(c)))return e}return"styled('div',"}),qt=(t,e)=>{try{const s=u.readFileSync(l.join(e,"saltygen/cache/config-cache.json"),"utf8");return s?`globalThis.saltyConfig = ${s};
+  `;d.writeFileSync(st,Q);const Pt=c.join(s,"cache/config-cache.json");d.writeFileSync(Pt,JSON.stringify(i,null,2))},pt=t=>t.replace(/styled\(([^"'`{,]+),/g,(e,s)=>{if(/^['"`]/.test(s))return e;const o=new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);if(!o.test(t))return e;const l=o.exec(t);if(l){const y=l.at(1);if(Ft.some(a=>y==null?void 0:y.includes(a)))return e}return"styled('div',"}),Bt=(t,e)=>{try{const s=d.readFileSync(c.join(e,"saltygen/cache/config-cache.json"),"utf8");return s?`globalThis.saltyConfig = ${s};
 
 ${t}`:`globalThis.saltyConfig = {};
 
-${t}`}catch{return t}},Y=async(t,e,s)=>{const n=I(e),o=l.join(s,"./temp");u.existsSync(o)||u.mkdirSync(o);const a=l.parse(e);let i=u.readFileSync(e,"utf8");i=ut(i),i=qt(i,t);const p=l.join(s,"js",n+".js"),r=await rt(t),c=l.join(t,(r==null?void 0:r.configDir)||"","salty.config.ts"),g=$t(c),h=await St(t);await pt.build({stdin:{contents:i,sourcefile:a.base,resolveDir:a.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:p,format:h,target:["node20"],keepNames:!0,external:g,packages:"external",plugins:[{name:"test",setup:S=>{S.onLoad({filter:/.*\.css|salty|styles|styled\.ts/},O=>{const j=u.readFileSync(O.path,"utf8");return{contents:ut(j),loader:"ts"}})}}]});const y=Date.now();return await import(`${p}?t=${y}`)},Ht=async t=>{const e=await J(t),s=l.join(e,"cache/config-cache.json"),n=u.readFileSync(s,"utf8");if(!n)throw new Error("Could not find config cache file");return JSON.parse(n)},it=async t=>{const e=await Ht(t),s=await J(t),n=l.join(s,"salty.config.js"),o=Date.now(),{config:a}=await import(`${n}?t=${o}`);return Z(a,e)},Ft=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},Lt=async(t,e=Ft(),s=!0)=>{try{const n=Date.now();e?ot.info("Generating CSS in production mode! 🔥"):ot.info("Generating CSS in development mode! 🚀");const o=[],a=[],i=await J(t),p=l.join(i,"index.css");s&&(()=>{u.existsSync(i)&&Pt.execSync("rm -rf "+i),u.mkdirSync(i,{recursive:!0}),u.mkdirSync(l.join(i,"css")),u.mkdirSync(l.join(i,"types")),u.mkdirSync(l.join(i,"js")),u.mkdirSync(l.join(i,"cache"))})();const c=new Set,g=new Set;async function h(f){const m=["node_modules","saltygen"],b=u.statSync(f);if(b.isDirectory()){const d=u.readdirSync(f);if(m.some(k=>f.includes(k)))return;await Promise.all(d.map(k=>h(l.join(f,k))))}else if(b.isFile()&&q(f)){c.add(f);const N=u.readFileSync(f,"utf8");/define[\w\d]+\(/.test(N)&&g.add(f)}}await h(t),await It(t,g);const y={keyframes:[],components:[],classNames:[]};await Promise.all([...c].map(async f=>{const m=await Y(t,f,i);Object.entries(m).forEach(([b,d])=>{d.isKeyframes?y.keyframes.push({value:d,src:f,name:b}):d.isClassName?y.classNames.push({...d,src:f,name:b}):d.generator&&y.components.push({...d,src:f,name:b})})}));const $=await it(t);for(const f of y.keyframes){const{value:m}=f,b=`a_${m.animationName}.css`,d=`css/${b}`,N=l.join(i,d);o.push(b),u.writeFileSync(N,m.css)}const S={};for(const f of y.components){const{src:m,name:b}=f,d=f.generator._withBuildContext({callerName:b,isProduction:e,config:$});a[d.priority]||(a[d.priority]=[]),a[d.priority].push(d.cssFileName);const N=`css/${d.cssFileName}`,k=l.join(i,N);u.writeFileSync(k,d.css),$.importStrategy==="component"&&(S[m]?S[m].push(d.cssFileName):S[m]=[d.cssFileName])}for(const f of y.classNames){const{src:m,name:b}=f,d=f.generator._withBuildContext({callerName:b,isProduction:e,config:$});a[0].push(d.cssFileName);const N=`css/${d.cssFileName}`,k=l.join(i,N);u.writeFileSync(k,d.css),$.importStrategy==="component"&&(S[m]?S[m].push(d.cssFileName):S[m]=[d.cssFileName])}$.importStrategy==="component"&&Object.entries(S).forEach(([f,m])=>{const b=m.map(L=>`@import url('./${L}');`).join(`
-`),d=I(f,6),N=l.parse(f),k=E(N.name),H=l.join(i,`css/f_${k}-${d}.css`);u.writeFileSync(H,b)});const O=o.map(f=>`@import url('./css/${f}');`).join(`
-`);let x=`@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+${t}`}catch{return t}},et=async(t,e,s)=>{const n=v(e),o=c.join(s,"./temp");d.existsSync(o)||d.mkdirSync(o);const i=c.parse(e);let l=d.readFileSync(e,"utf8");l=pt(l),l=Bt(l,t);const y=c.join(s,"js",n+".js"),w=await at(t),a=c.join(t,(w==null?void 0:w.configDir)||"","salty.config.ts"),S=jt(a),g=await bt(t);await mt.build({stdin:{contents:l,sourcefile:i.base,resolveDir:i.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:y,format:g,target:["node20"],keepNames:!0,external:S,packages:"external",plugins:[{name:"test",setup:h=>{h.onLoad({filter:/.*\.css|salty|styles|styled\.ts/},N=>{const _=d.readFileSync(N.path,"utf8");return{contents:pt(_),loader:"ts"}})}}]});const r=Date.now();return{contents:await import(`${y}?t=${r}`),outputFilePath:y}},Gt=async t=>{const e=await z(t),s=c.join(e,"cache/config-cache.json"),n=d.readFileSync(s,"utf8");if(!n)throw new Error("Could not find config cache file");return JSON.parse(n)},ct=async t=>{const e=await Gt(t),s=await z(t),n=c.join(s,"salty.config.js"),o=Date.now(),{config:i}=await import(`${n}?t=${o}`);return W(i,e)},xt=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},Kt=async(t,e=xt(),s=!0)=>{try{const n=Date.now();e?it.info("Generating CSS in production mode! 🔥"):it.info("Generating CSS in development mode! 🚀");const o=[],i=[],l=await z(t),y=c.join(l,"index.css");s&&(()=>{d.existsSync(l)&&_t.execSync("rm -rf "+l),d.mkdirSync(l,{recursive:!0}),d.mkdirSync(c.join(l,"css")),d.mkdirSync(c.join(l,"types")),d.mkdirSync(c.join(l,"js")),d.mkdirSync(c.join(l,"cache"))})();const a=new Set,S=new Set;async function g(f){const m=["node_modules","saltygen"],b=d.statSync(f);if(b.isDirectory()){const u=d.readdirSync(f);if(m.some(k=>f.includes(k)))return;await Promise.all(u.map(k=>g(c.join(f,k))))}else if(b.isFile()&&I(f)){a.add(f);const C=d.readFileSync(f,"utf8");/define[\w\d]+\(/.test(C)&&S.add(f)}}await g(t),await Lt(t,S);const r={keyframes:[],components:[],classNames:[]};await Promise.all([...a].map(async f=>{const{contents:m}=await et(t,f,l);Object.entries(m).forEach(([b,u])=>{u.isKeyframes?r.keyframes.push({value:u,src:f,name:b}):u.isClassName?r.classNames.push({...u,src:f,name:b}):u.generator&&r.components.push({...u,src:f,name:b})})}));const p=await ct(t);for(const f of r.keyframes){const{value:m}=f,b=`a_${m.animationName}.css`,u=`css/${b}`,C=c.join(l,u);o.push(b),d.writeFileSync(C,m.css)}const h={};for(const f of r.components){const{src:m,name:b}=f,u=f.generator._withBuildContext({callerName:b,isProduction:e,config:p});i[u.priority]||(i[u.priority]=[]),i[u.priority].push(u.cssFileName);const C=`css/${u.cssFileName}`,k=c.join(l,C);d.writeFileSync(k,await u.css),p.importStrategy==="component"&&(h[m]?h[m].push(u.cssFileName):h[m]=[u.cssFileName])}for(const f of r.classNames){const{src:m,name:b}=f,u=f.generator._withBuildContext({callerName:b,isProduction:e,config:p});i[0].push(u.cssFileName);const C=`css/${u.cssFileName}`,k=c.join(l,C);d.writeFileSync(k,await u.css),p.importStrategy==="component"&&(h[m]?h[m].push(u.cssFileName):h[m]=[u.cssFileName])}p.importStrategy==="component"&&Object.entries(h).forEach(([f,m])=>{const b=m.map(q=>`@import url('./${q}');`).join(`
+`),u=v(f,6),C=c.parse(f),k=M(C.name),Z=c.join(l,`css/f_${k}-${u}.css`);d.writeFileSync(Z,b)});const N=o.map(f=>`@import url('./css/${f}');`).join(`
+`);let F=`@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
-${["_variables.css","_reset.css","_global.css","_templates.css"].filter(f=>{try{return u.readFileSync(l.join(i,"css",f),"utf8").length>0}catch{return!1}}).map(f=>`@import url('./css/${f}');`).join(`
+${["_variables.css","_reset.css","_global.css","_templates.css"].filter(f=>{try{return d.readFileSync(c.join(l,"css",f),"utf8").length>0}catch{return!1}}).map(f=>`@import url('./css/${f}');`).join(`
 `)}
-${O}`;if($.importStrategy!=="component"){const f=a.reduce((m,b,d)=>{const N=b.reduce((W,K)=>{var Q;const U=l.join(i,"css",K),ct=u.readFileSync(U,"utf8"),B=((Q=/.*-([^-]+)-\d+.css/.exec(K))==null?void 0:Q.at(1))||I(U,6);return W.includes(B)?W:`${W}
-/*start:${B}*/
-${ct}
-/*end:${B}*/
-`},""),k=`l_${d}.css`,H=l.join(i,"css",k),L=`@layer l${d} { ${N}
- }`;return u.writeFileSync(H,L),`${m}
-@import url('./css/${k}');`},"");x+=f}u.writeFileSync(p,x);const P=Date.now()-n,M=P<200?"🔥":P<500?"🚀":P<1e3?"🎉":P<2e3?"🚗":P<5e3?"🤔":"🥴";ot.info(`Generated CSS in ${P}ms! ${M}`)}catch(n){console.error(n)}},Bt=async(t,e)=>{try{const s=await J(t);if(q(e)){const o=[],a=await it(t),i=await Y(t,e,s);if(Object.entries(i).forEach(([p,r])=>{if(r.isKeyframes&&r.css){const $=`css/${`a_${r.animationName}.css`}`,S=l.join(s,$);u.writeFileSync(S,r.css);return}if(r.isClassName){const y=r.factory._withBuildContext({name:p});o[0].push(y.cssFileName);const $=`css/${y.cssFileName}`,S=l.join(s,$);u.writeFileSync(S,y.css)}if(!r.generator)return;const c=r.generator._withBuildContext({name:p,config:a}),g=`css/${c.cssFileName}`,h=l.join(s,g);u.writeFileSync(h,c.css),o[c.priority]||(o[c.priority]=[]),o[c.priority].push(c.cssFileName)}),a.importStrategy!=="component")o.forEach((p,r)=>{const c=`l_${r}.css`,g=l.join(s,"css",c);let h=u.readFileSync(g,"utf8");p.forEach(y=>{var j;const $=l.join(s,"css",y),S=((j=/.*-([^-]+)-\d+.css/.exec(y))==null?void 0:j.at(1))||I($,6);if(!h.includes(S)){const _=u.readFileSync($,"utf8"),D=`/*start:${S}*/
-${_}
-/*end:${S}*/
-`;h=`${h.replace(/\}$/,"")}
-${D}
-}`}}),u.writeFileSync(g,h)});else{const p=o.flat().map(y=>`@import url('./${y}');`).join(`
-`),r=I(e,6),c=l.parse(e),g=E(c.name),h=l.join(s,`css/f_${g}-${r}.css`);u.writeFileSync(h,p)}}}catch(s){console.error(s)}},Gt=async(t,e,s=Ft())=>{try{const n=await J(t);if(q(e)){const a=u.readFileSync(e,"utf8");a.replace(/^(?!export\s)const\s.*/gm,g=>`export ${g}`)!==a&&await X.writeFile(e,a);const p=await it(t),r=await Y(t,e,n);let c=a;if(Object.entries(r).forEach(([g,h])=>{var d;if(h.isKeyframes||!h.generator)return;const y=h.generator._withBuildContext({name:g,config:p,prod:s}),$=new RegExp(`\\s${g}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(a);if(!$)return console.error("Could not find the original declaration");const S=(d=$.at(1))==null?void 0:d.trim(),O=new RegExp(`\\s${g}[=\\s]+styled\\(`,"g").exec(c);if(!O)return console.error("Could not find the original declaration");const{index:j}=O;let _=!1;const D=setTimeout(()=>_=!0,5e3);let x=0,T=!1,P=0;for(;!T&&!_;){const N=c[j+x];N==="("&&P++,N===")"&&P--,P===0&&N===")"&&(T=!0),x>c.length&&(_=!0),x++}if(!_)clearTimeout(D);else throw new Error("Failed to find the end of the styled call and timed out");const M=j+x,f=c.slice(j,M),m=c,b=` ${g} = styled(${S}, "${y.classNames}", ${JSON.stringify(y.clientProps)});`;c=c.replace(f,b),m===c&&console.error("Minimize file failed to change content",{name:g,tagName:S})}),p.importStrategy==="component"){const g=I(e,6),h=l.parse(e);c=`import '../../saltygen/css/${`f_${E(h.name)}-${g}.css`}';
-${c}`}return c=c.replace("{ styled }","{ styledClient as styled }"),c=c.replace("@salty-css/react/styled","@salty-css/react/styled-client"),c}}catch(n){console.error("Error in minimizeFile:",n)}},dt=async t=>{if(!t||t.includes("node_modules")||t.includes("saltygen"))return!1;if(t.includes("salty.config"))return!0;if(!q(t))return!1;const n=await X.readFile(t,"utf-8");return!!/.+define[A-Z]\w+/.test(n)},Ct=t=>({name:"stylegen",buildStart:()=>Lt(t),load:async e=>{if(q(e))return await Gt(t,e)},handleHotUpdate:async({file:e,server:s})=>{await dt(e)&&await s.restart()},watchChange:{handler:async e=>{q(e)&&(await dt(e)||await Bt(t,e))}}});exports.default=Ct;exports.saltyPlugin=Ct;
+${N}`;if(p.importStrategy!=="component"){const f=i.reduce((m,b,u)=>{const C=b.reduce((H,L)=>{var Q;const K=c.join(l,"css",L),st=d.readFileSync(K,"utf8"),U=((Q=/.*-([^-]+)-\d+.css/.exec(L))==null?void 0:Q.at(1))||v(K,6);return H.includes(U)?H:`${H}
+/*start:${U}*/
+${st}
+/*end:${U}*/
+`},""),k=`l_${u}.css`,Z=c.join(l,"css",k),q=`@layer l${u} { ${C}
+ }`;return d.writeFileSync(Z,q),`${m}
+@import url('./css/${k}');`},"");F+=f}d.writeFileSync(y,F);const x=Date.now()-n,R=x<200?"🔥":x<500?"🚀":x<1e3?"🎉":x<2e3?"🚗":x<5e3?"🤔":"🥴";it.info(`Generated CSS in ${x}ms! ${R}`)}catch(n){console.error(n)}},Ut=async(t,e)=>{try{const s=await z(t);if(I(e)){const o=[],i=await ct(t),{contents:l}=await et(t,e,s);for(const[y,w]of Object.entries(l)){if(w.isKeyframes&&w.css){const p=`css/${`a_${w.animationName}.css`}`,h=c.join(s,p);d.writeFileSync(h,await w.css);return}if(w.isClassName){const r=w.factory._withBuildContext({name:y});o[0].push(r.cssFileName);const p=`css/${r.cssFileName}`,h=c.join(s,p);d.writeFileSync(h,await r.css)}if(!w.generator)return;const a=w.generator._withBuildContext({name:y,config:i}),S=`css/${a.cssFileName}`,g=c.join(s,S);d.writeFileSync(g,await a.css),o[a.priority]||(o[a.priority]=[]),o[a.priority].push(a.cssFileName)}if(i.importStrategy!=="component")o.forEach((y,w)=>{const a=`l_${w}.css`,S=c.join(s,"css",a);let g=d.readFileSync(S,"utf8");y.forEach(r=>{var _;const p=c.join(s,"css",r),h=((_=/.*-([^-]+)-\d+.css/.exec(r))==null?void 0:_.at(1))||v(p,6);if(!g.includes(h)){const P=d.readFileSync(p,"utf8"),T=`/*start:${h}*/
+${P}
+/*end:${h}*/
+`;g=`${g.replace(/\}$/,"")}
+${T}
+}`}}),d.writeFileSync(S,g)});else{const y=o.flat().map(r=>`@import url('./${r}');`).join(`
+`),w=v(e,6),a=c.parse(e),S=M(a.name),g=c.join(s,`css/f_${S}-${w}.css`);d.writeFileSync(g,y)}}}catch(s){console.error(s)}},Qt=async(t,e,s=xt())=>{try{const n=await z(t);if(I(e)){const i=d.readFileSync(e,"utf8");i.replace(/^(?!export\s)const\s.*/gm,S=>`export ${S}`)!==i&&await tt.writeFile(e,i);const y=await ct(t),{contents:w}=await et(t,e,n);let a=i;if(Object.entries(w).forEach(([S,g])=>{var u;if(g.isKeyframes||!g.generator)return;const r=g.generator._withBuildContext({name:S,config:y,prod:s}),p=new RegExp(`\\s${S}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(i);if(!p)return console.error("Could not find the original declaration");const h=(u=p.at(1))==null?void 0:u.trim(),N=new RegExp(`\\s${S}[=\\s]+styled\\(`,"g").exec(a);if(!N)return console.error("Could not find the original declaration");const{index:_}=N;let P=!1;const T=setTimeout(()=>P=!0,5e3);let F=0,D=!1,x=0;for(;!D&&!P;){const C=a[_+F];C==="("&&x++,C===")"&&x--,x===0&&C===")"&&(D=!0),F>a.length&&(P=!0),F++}if(!P)clearTimeout(T);else throw new Error("Failed to find the end of the styled call and timed out");const R=_+F,f=a.slice(_,R),m=a,b=` ${S} = styled(${h}, "${r.classNames}", ${JSON.stringify(r.clientProps)});`;a=a.replace(f,b),m===a&&console.error("Minimize file failed to change content",{name:S,tagName:h})}),y.importStrategy==="component"){const S=v(e,6),g=c.parse(e);a=`import '../../saltygen/css/${`f_${M(g.name)}-${S}.css`}';
+${a}`}return a=a.replace("{ styled }","{ styledClient as styled }"),a=a.replace("@salty-css/react/styled","@salty-css/react/styled-client"),a}}catch(n){console.error("Error in minimizeFile:",n)}},yt=async t=>{if(!t||t.includes("node_modules")||t.includes("saltygen"))return!1;if(t.includes("salty.config"))return!0;if(!I(t))return!1;const n=await tt.readFile(t,"utf-8");return!!/.+define[A-Z]\w+/.test(n)},Nt=t=>({name:"stylegen",buildStart:()=>Kt(t),load:async e=>{if(I(e))return await Qt(t,e)},handleHotUpdate:async({file:e,server:s})=>{await yt(e)&&await s.restart()},watchChange:{handler:async e=>{I(e)&&(await yt(e)||await Ut(t,e))}}});exports.default=Nt;exports.saltyPlugin=Nt;

package/index.js

@@ -1,36 +1,36 @@
-import * as mt from "esbuild";
-import { execSync as kt } from "child_process";
-import { join as f, parse as Y } from "path";
-import { existsSync as it, mkdirSync as H, statSync as Dt, readdirSync as _t, readFileSync as O, writeFileSync as k } from "fs";
-import { readFile as ct, writeFile as Et } from "fs/promises";
-import { createLogger as Tt, format as ot, transports as Ot } from "winston";
-const pt = (t) => String.fromCharCode(t + (t > 25 ? 39 : 97)), Vt = (t, e) => {
+import * as $t from "esbuild";
+import { execSync as _t } from "child_process";
+import { join as u, parse as et } from "path";
+import { existsSync as ct, mkdirSync as Z, statSync as Et, readdirSync as Tt, readFileSync as V, writeFileSync as k } from "fs";
+import { readFile as lt, writeFile as Ot } from "fs/promises";
+import { createLogger as Vt, format as it, transports as Mt } from "winston";
+const gt = (t) => String.fromCharCode(t + (t > 25 ? 39 : 97)), Rt = (t, e) => {
   let s = "", n;
-  for (n = Math.abs(t); n > 52; n = n / 52 | 0) s = pt(n % 52) + s;
-  return s = pt(n % 52) + s, s.length < e ? s = s.padStart(e, "a") : s.length > e && (s = s.slice(-e)), s;
-}, Mt = (t, e) => {
+  for (n = Math.abs(t); n > 52; n = n / 52 | 0) s = gt(n % 52) + s;
+  return s = gt(n % 52) + s, s.length < e ? s = s.padStart(e, "a") : s.length > e && (s = s.slice(-e)), s;
+}, Jt = (t, e) => {
   let s = e.length;
   for (; s; ) t = t * 33 ^ e.charCodeAt(--s);
   return t;
-}, B = (t, e = 5) => {
-  const s = Mt(5381, JSON.stringify(t)) >>> 0;
-  return Vt(s, e);
+}, I = (t, e = 5) => {
+  const s = Jt(5381, JSON.stringify(t)) >>> 0;
+  return Rt(s, e);
 };
-function V(t) {
-  return t ? typeof t != "string" ? V(String(t)) : t.replace(/[\s.]/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (e, s) => (s > 0 ? "-" : "") + e.toLowerCase()) : "";
+function M(t) {
+  return t ? typeof t != "string" ? M(String(t)) : t.replace(/[\s.]/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (e, s) => (s > 0 ? "-" : "") + e.toLowerCase()) : "";
 }
-const Rt = (t, e) => {
-  if (typeof t != "string") return { result: t };
-  if (!e) return { result: t };
-  const s = [];
-  return Object.values(e).forEach((n) => {
-    const { pattern: o, transform: a } = n;
-    t = t.replace(o, (i) => {
-      const { value: d, css: r } = a(i);
-      return r && s.push(r), d;
+const At = (t) => (e) => {
+  if (typeof e != "string" || !t) return;
+  let s = e;
+  const n = [];
+  return Object.values(t).forEach((o) => {
+    const { pattern: i, transform: c } = o;
+    s = s.replace(i, (p) => {
+      const { value: y, css: a } = c(p);
+      return a && n.push(a), y;
     });
-  }), { result: t, additionalCss: s };
-}, yt = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${V(n[1].replaceAll(".", "-"))})`) } : { result: t }, Jt = [
+  }), { transformed: s, additionalCss: n };
+}, wt = (t) => (e) => typeof e != "string" || !/\{[^{}]+\}/g.test(e) ? void 0 : { transformed: e.replace(/\{([^{}]+)\}/g, (...o) => `var(--${M(o[1].replaceAll(".", "-"))})`) }, Wt = wt(), zt = [
   "top",
   "right",
   "bottom",
@@ -51,106 +51,117 @@ const Rt = (t, e) => {
   /.*size.*/,
   /.*thickness.*/,
   /.*font-size.*/
-], Wt = (t, e, s) => Jt.some((o) => typeof o == "string" ? o === t : o.test(t)) ? `${e}px` : `${e}`, zt = ["Webkit", "Moz", "ms", "O"], At = (t) => t.startsWith("-") ? t : zt.some((e) => t.startsWith(e)) ? `-${V(t)}` : V(t), W = (t, e, s) => {
-  if (!t) return "";
-  const n = [], o = Object.entries(t).reduce((i, [d, r]) => {
-    const c = d.trim(), g = At(c), h = (w, D = ";") => i = `${i}${w}${D}`, p = (w) => h(`${g}:${w}`);
-    if (typeof r == "function" && (r = r()), typeof r == "object") {
-      if (!r) return i;
-      if (r.isColor)
-        return p(r.toString()), i;
-      if (c === "variants")
-        return Object.entries(r).forEach(([_, F]) => {
-          F && Object.entries(F).forEach(([T, N]) => {
-            if (!N) return;
-            const M = `${e}.${_}-${T}`, l = W(N, M);
-            n.push(l);
-          });
-        }), i;
-      if (c === "defaultVariants")
-        return i;
-      if (c === "compoundVariants")
-        return r.forEach((_) => {
-          const { css: F, ...T } = _, N = Object.entries(T).reduce((l, [m, $]) => `${l}.${m}-${$}`, e), M = W(F, N);
-          n.push(M);
-        }), i;
-      if (c.startsWith("@")) {
-        const _ = c, F = W(r, e), T = `${_} {
- ${F.replace(`
-`, `
- `)}
-}`;
-        return n.push(T), i;
+], Zt = (t, e, s) => zt.some((o) => typeof o == "string" ? o === t : o.test(t)) ? `${e}px` : `${e}`, Ht = ["Webkit", "Moz", "ms", "O"], It = (t) => t.startsWith("-") ? t : Ht.some((e) => t.startsWith(e)) ? `-${M(t)}` : M(t), tt = async (t, e = "", s) => {
+  if (!t) throw new Error("No styles provided to parseStyles function!");
+  const n = /* @__PURE__ */ new Set(), i = Object.entries(t).map(async ([g, r]) => {
+    const d = g.trim(), h = It(d), x = (N, T = ";") => `${h}:${N}${T}`;
+    if (typeof r == "function" && (r = r({ scope: e, config: s })), r instanceof Promise && (r = await r), typeof r == "object") {
+      if (!r) return;
+      if (r.isColor) return x(r.toString());
+      if (d === "defaultVariants") return;
+      if (d === "variants") {
+        const S = Object.entries(r);
+        for (const [_, F] of S) {
+          if (!F) return;
+          const R = Object.entries(F);
+          for (const [l, m] of R) {
+            if (!m) return;
+            const w = `${e}.${_}-${l}`;
+            (await tt(m, w, s)).forEach((j) => n.add(j));
+          }
+        }
+        return;
+      }
+      if (d === "compoundVariants") {
+        for (const S of r) {
+          const { css: _, ...F } = S, R = Object.entries(F).reduce((m, [w, f]) => `${m}.${w}-${f}`, e);
+          (await tt(_, R, s)).forEach((m) => n.add(m));
+        }
+        return;
       }
-      const w = d.includes("&") ? c.replace("&", e) : c.startsWith(":") ? `${e}${c}` : `${e} ${c}`, D = W(r, w);
-      return n.push(D), i;
+      if (d.startsWith("@")) {
+        const S = d, _ = await Q(r, e, s), F = `${S} { ${_} }`;
+        n.add(F);
+        return;
+      }
+      const N = g.includes("&") ? d.replace("&", e) : d.startsWith(":") ? `${e}${d}` : `${e} ${d}`;
+      (await tt(r, N, s)).forEach((S) => n.add(S));
+      return;
     }
     if (typeof r == "number") {
-      const w = Wt(g, r);
-      return p(w);
+      const N = Zt(h, r);
+      return x(N);
     }
     if (typeof r != "string")
       if ("toString" in r) r = r.toString();
-      else return i;
-    const { modifiers: b } = {}, E = function* () {
-      yield yt(r), yield Rt(r, b);
-    }();
-    for (const { result: w, additionalCss: D = [] } of E)
-      r = w, D.forEach((_) => {
-        const F = W(_, "");
-        h(F, "");
-      });
-    return p(r);
-  }, "");
-  return o ? e ? [`${e} { ${o} }`, ...n].join(`
-`) : o : n.join(`
+      else throw new Error(`Invalid value type for property ${h}`);
+    return x(r);
+  }), { modifiers: c } = {}, p = [wt(), At(c)], a = (await Promise.all(i).then((g) => Promise.all(
+    g.map((r) => p.reduce(async (d, h) => {
+      const x = await d;
+      if (!x) return x;
+      const D = await h(x);
+      if (!D) return x;
+      const { transformed: N, additionalCss: T } = D;
+      let S = "";
+      if (T)
+        for (const _ of T)
+          S += await Q(_, "");
+      return `${S}${N}`;
+    }, Promise.resolve(r)))
+  ))).join(`
 `);
-}, $t = (t, e = []) => {
+  if (!a.trim()) return n;
+  const $ = e ? `${e} { ${a} }` : a;
+  return n.add($), n;
+}, Q = async (t, e, s) => [...await tt(t, e, s)].join(`
+`), bt = async (t, e = []) => {
   if (!t) return "";
   const s = [], n = {};
-  if (Object.entries(t).forEach(([o, a]) => {
-    if (typeof a == "object") {
-      if (!a) return;
-      const i = o.trim(), d = $t(a, [...e, i]);
-      s.push(d);
+  if (Object.entries(t).forEach(async ([o, i]) => {
+    if (typeof i == "function") return console.log("Function found", o);
+    if (typeof i == "object") {
+      if (!i) return;
+      const c = o.trim(), p = await bt(i, [...e, c]);
+      s.push(p);
     } else
-      n[o] = a;
+      n[o] = i;
   }), Object.keys(n).length) {
-    const o = e.map(V).join("-"), a = W(n, `.${o}`);
-    s.push(a);
+    const o = e.map(M).join("-"), i = await Q(n, `.${o}`);
+    s.push(i);
   }
   return s.join(`
 `);
-}, Zt = (t) => t ? Object.entries(t).reduce((e, [s, n]) => (typeof n == "object" && (e[s] = bt(n).map((o) => `"${o}"`).join(" | ")), e), {}) : {}, bt = (t, e = "", s = /* @__PURE__ */ new Set()) => t ? (Object.entries(t).forEach(([n, o]) => {
-  const a = e ? `${e}.${n}` : n;
-  return typeof o == "object" ? bt(o, a, s) : s.add(e);
-}), [...s]) : [], wt = (t) => {
+}, vt = (t) => t ? Object.entries(t).reduce((e, [s, n]) => (typeof n == "object" && (e[s] = Ct(n).map((o) => `"${o}"`).join(" | ")), e), {}) : {}, Ct = (t, e = "", s = /* @__PURE__ */ new Set()) => t ? (Object.entries(t).forEach(([n, o]) => {
+  const i = e ? `${e}.${n}` : n;
+  return typeof o == "object" ? Ct(o, i, s) : s.add(e);
+}), [...s]) : [], St = (t) => {
   if (!t || t === "/") throw new Error("Could not find package.json file");
-  const e = f(t, "package.json");
-  return it(e) ? e : wt(f(t, ".."));
-}, Ht = async (t) => {
-  const e = wt(t);
-  return await ct(e, "utf-8").then(JSON.parse).catch(() => {
+  const e = u(t, "package.json");
+  return ct(e) ? e : St(u(t, ".."));
+}, Bt = async (t) => {
+  const e = St(t);
+  return await lt(e, "utf-8").then(JSON.parse).catch(() => {
   });
-}, It = async (t) => {
-  const e = await Ht(t);
+}, Gt = async (t) => {
+  const e = await Bt(t);
   if (e)
     return e.type;
 };
-let Z;
-const St = async (t) => {
-  if (Z) return Z;
-  const e = await It(t);
-  return e === "module" ? Z = "esm" : (e === "commonjs" || import.meta.url.endsWith(".cjs")) && (Z = "cjs"), Z || "esm";
-}, rt = Tt({
+let z;
+const jt = async (t) => {
+  if (z) return z;
+  const e = await Gt(t);
+  return e === "module" ? z = "esm" : (e === "commonjs" || import.meta.url.endsWith(".cjs")) && (z = "cjs"), z || "esm";
+}, at = Vt({
   level: "debug",
-  format: ot.combine(ot.colorize(), ot.cli()),
-  transports: [new Ot.Console({})]
+  format: it.combine(it.colorize(), it.cli()),
+  transports: [new Mt.Console({})]
 });
-function Ct(t) {
-  return t ? typeof t != "string" ? Ct(String(t)) : t.replace(/[\s-]/g, ".").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (e, s) => (s > 0 ? "." : "") + e.toLowerCase()) : "";
+function Ft(t) {
+  return t ? typeof t != "string" ? Ft(String(t)) : t.replace(/[\s-]/g, ".").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (e, s) => (s > 0 ? "." : "") + e.toLowerCase()) : "";
 }
-const Bt = {
+const Kt = {
   /** Set box model to border-box */
   "*, *::before, *::after": {
     boxSizing: "border-box"
@@ -196,112 +207,116 @@ const Bt = {
     fontSize: "100%",
     lineHeight: "1.15em"
   }
-}, I = (...t) => t.flat().reduce((e, s) => s != null && s._current ? { ...e, ...s._current } : { ...e, ...s }, {}), J = {
+}, H = (...t) => t.flat().reduce((e, s) => s != null && s._current ? { ...e, ...s._current } : { ...e, ...s }, {}), Lt = (...t) => t.flat().reduce((e, s) => ({ ...e, ...s._children }), {}), A = {
   externalModules: [],
   rcFile: void 0,
   destDir: void 0
-}, jt = (t) => {
-  if (J.externalModules.length > 0) return J.externalModules;
-  const s = O(t, "utf8").match(/externalModules:\s?\[(.*)\]/);
+}, xt = (t) => {
+  if (A.externalModules.length > 0) return A.externalModules;
+  const s = V(t, "utf8").match(/externalModules:\s?\[(.*)\]/);
   if (!s) return [];
   const n = s[1].split(",").map((o) => o.replace(/['"`]/g, "").trim());
-  return J.externalModules = n, n;
-}, z = async (t) => {
-  if (J.destDir) return J.destDir;
-  const e = await at(t), s = f(t, (e == null ? void 0 : e.saltygenDir) || "saltygen");
-  return J.destDir = s, s;
-}, Ft = ["salty", "css", "styles", "styled"], Gt = (t = []) => new RegExp(`\\.(${[...Ft, ...t].join("|")})\\.`), G = (t, e = []) => Gt(e).test(t), xt = async (t) => {
-  if (J.rcFile) return J.rcFile;
+  return A.externalModules = n, n;
+}, W = async (t) => {
+  if (A.destDir) return A.destDir;
+  const e = await ft(t), s = u(t, (e == null ? void 0 : e.saltygenDir) || "saltygen");
+  return A.destDir = s, s;
+}, Nt = ["salty", "css", "styles", "styled"], Qt = (t = []) => new RegExp(`\\.(${[...Nt, ...t].join("|")})\\.`), v = (t, e = []) => Qt(e).test(t), Pt = async (t) => {
+  if (A.rcFile) return A.rcFile;
   if (t === "/") throw new Error("Could not find .saltyrc.json file");
-  const e = f(t, ".saltyrc.json"), s = await ct(e, "utf-8").then(JSON.parse).catch(() => {
+  const e = u(t, ".saltyrc.json"), s = await lt(e, "utf-8").then(JSON.parse).catch(() => {
   });
-  return s ? (J.rcFile = s, s) : xt(f(t, ".."));
-}, at = async (t) => {
+  return s ? (A.rcFile = s, s) : Pt(u(t, ".."));
+}, ft = async (t) => {
   var n, o;
-  const e = await xt(t), s = (n = e.projects) == null ? void 0 : n.find((a) => t.endsWith(a.dir || ""));
-  return s || ((o = e.projects) == null ? void 0 : o.find((a) => a.dir === e.defaultProject));
-}, Kt = async (t) => {
-  const e = await at(t), s = await z(t), n = f(t, (e == null ? void 0 : e.configDir) || "", "salty.config.ts"), o = f(s, "salty.config.js"), a = await St(t), i = jt(n);
-  await mt.build({
+  const e = await Pt(t), s = (n = e.projects) == null ? void 0 : n.find((i) => t.endsWith(i.dir || ""));
+  return s || ((o = e.projects) == null ? void 0 : o.find((i) => i.dir === e.defaultProject));
+}, Ut = async (t) => {
+  const e = await ft(t), s = await W(t), n = u(t, (e == null ? void 0 : e.configDir) || "", "salty.config.ts"), o = u(s, "salty.config.js"), i = await jt(t), c = xt(n);
+  await $t.build({
     entryPoints: [n],
     minify: !0,
     treeShaking: !0,
     bundle: !0,
     outfile: o,
-    format: a,
-    external: i
+    format: i,
+    external: c
   });
-  const d = Date.now(), { config: r } = await import(`${o}?t=${d}`);
-  return r;
-}, Lt = async (t, e) => {
-  var ut, dt;
-  const s = await z(t), n = {
+  const p = Date.now(), { config: y } = await import(`${o}?t=${p}`);
+  return y;
+}, qt = async (t, e) => {
+  var dt, pt;
+  const s = await W(t), n = {
     mediaQueries: [],
     globalStyles: [],
     variables: [],
     templates: []
   };
   await Promise.all(
-    [...e].map(async (S) => {
-      const C = await v(t, S, s);
-      Object.entries(C).forEach(([R, j]) => {
-        j.isMedia ? n.mediaQueries.push([R, j]) : j.isGlobalDefine ? n.globalStyles.push(j) : j.isDefineVariables ? n.variables.push(j) : j.isDefineTemplates && n.templates.push(j);
+    [...e].map(async (b) => {
+      const { contents: C, outputFilePath: J } = await st(t, b, s);
+      Object.entries(C).forEach(([E, O]) => {
+        O.isMedia ? n.mediaQueries.push([E, O]) : O.isGlobalDefine ? n.globalStyles.push(O) : O.isDefineVariables ? n.variables.push(O) : O.isDefineTemplates && n.templates.push(O._setPath(J));
       });
     })
   );
-  const o = await Kt(t), a = { ...o }, i = /* @__PURE__ */ new Set(), d = (S, C = []) => S ? Object.entries(S).flatMap(([R, j]) => {
-    if (!j) return;
-    if (typeof j == "object") return d(j, [...C, R]);
-    const tt = Ct(R), et = V(R), st = [...C, tt].join(".");
-    i.add(`"${st}"`);
-    const nt = [...C.map(V), et].join("-"), { result: Pt } = yt(j);
-    return `--${nt}: ${Pt};`;
-  }) : [], r = (S) => S ? Object.entries(S).flatMap(([C, R]) => {
-    const j = d(R);
-    return C === "base" ? j.join("") : `${C} { ${j.join("")} }`;
-  }) : [], c = (S) => S ? Object.entries(S).flatMap(([C, R]) => Object.entries(R).flatMap(([j, tt]) => {
-    const et = d(tt, [C]), st = `.${C}-${j}, [data-${C}="${j}"]`, nt = et.join("");
-    return `${st} { ${nt} }`;
-  })) : [], g = (S) => ({ ...S, responsive: void 0, conditional: void 0 }), h = (S) => n.variables.map((C) => S === "static" ? g(C._current) : C._current[S]), p = I(g(o.variables), h("static")), b = d(p), y = I((ut = o.variables) == null ? void 0 : ut.responsive, h("responsive")), E = r(y), w = I((dt = o.variables) == null ? void 0 : dt.conditional, h("conditional")), D = c(w), _ = f(s, "css/_variables.css"), F = `:root { ${b.join("")} ${E.join("")} } ${D.join("")}`;
-  k(_, F), a.staticVariables = p;
-  const T = f(s, "css/_global.css"), N = I(o.global, n.globalStyles), M = W(N, "");
-  k(T, `@layer global { ${M} }`);
-  const l = f(s, "css/_reset.css"), $ = o.reset === "none" ? {} : typeof o.reset == "object" ? o.reset : Bt, u = W($, "");
-  k(l, `@layer reset { ${u} }`);
-  const x = f(s, "css/_templates.css"), P = I(o.templates, n.templates), K = $t(P), L = Zt(P);
-  k(x, K), a.templates = P;
-  const { mediaQueries: A } = n;
-  a.mediaQueries = Object.fromEntries(A.map(([S, C]) => [`@${S}`, C]));
-  const U = A.map(([S]) => `'@${S}'`).join(" | "), q = f(s, "types/css-tokens.d.ts"), Q = `
+  const o = await Ut(t), i = { ...o }, c = /* @__PURE__ */ new Set(), p = (b, C = []) => b ? Object.entries(b).flatMap(([J, E]) => {
+    if (!E) return;
+    if (typeof E == "object") return p(E, [...C, J]);
+    const O = Ft(J), ot = M(J), rt = [...C, O].join(".");
+    c.add(`"${rt}"`);
+    const Y = [...C.map(M), ot].join("-"), mt = Wt(E);
+    return mt ? `--${Y}: ${mt.transformed};` : `--${Y}: ${E};`;
+  }) : [], y = (b) => b ? Object.entries(b).flatMap(([C, J]) => {
+    const E = p(J);
+    return C === "base" ? E.join("") : `${C} { ${E.join("")} }`;
+  }) : [], a = (b) => b ? Object.entries(b).flatMap(([C, J]) => Object.entries(J).flatMap(([E, O]) => {
+    const ot = p(O, [C]), rt = `.${C}-${E}, [data-${C}="${E}"]`, Y = ot.join("");
+    return `${rt} { ${Y} }`;
+  })) : [], $ = (b) => ({ ...b, responsive: void 0, conditional: void 0 }), g = (b) => n.variables.map((C) => b === "static" ? $(C._current) : C._current[b]), r = H($(o.variables), g("static")), d = p(r), h = H((dt = o.variables) == null ? void 0 : dt.responsive, g("responsive")), x = y(h), D = H((pt = o.variables) == null ? void 0 : pt.conditional, g("conditional")), N = a(D), T = u(s, "css/_variables.css"), S = `:root { ${d.join("")} ${x.join("")} } ${N.join("")}`;
+  k(T, S), i.staticVariables = r;
+  const _ = u(s, "css/_global.css"), F = H(o.global, n.globalStyles), R = await Q(F, "");
+  k(_, `@layer global { ${R} }`);
+  const l = u(s, "css/_reset.css"), w = o.reset === "none" ? {} : typeof o.reset == "object" ? o.reset : Kt, f = await Q(w, "");
+  k(l, `@layer reset { ${f} }`);
+  const j = u(s, "css/_templates.css"), P = H(o.templates, n.templates), B = await bt(P), G = vt(P);
+  k(j, B), i.templates = P;
+  const K = Lt(n.templates);
+  i.templatePaths = Object.fromEntries(
+    Object.entries(K).map(([b, C]) => [b, C._path || "nope"])
+  );
+  const { mediaQueries: L } = n;
+  i.mediaQueries = Object.fromEntries(L.map(([b, C]) => [`@${b}`, C]));
+  const U = L.map(([b]) => `'@${b}'`).join(" | "), nt = u(s, "types/css-tokens.d.ts"), X = `
   // Variable types
-  type VariableTokens = ${[...i].join("|")}; 
+  type VariableTokens = ${[...c].join("|")}; 
   type PropertyValueToken = \`{\${VariableTokens}}\`;
 
   // Template types
   type TemplateTokens = {
-    ${Object.entries(L).map(([S, C]) => `${S}?: ${C}`).join(`
+    ${Object.entries(G).map(([b, C]) => `${b}?: ${C}`).join(`
 `)}
   }
 
   // Media query types
   type MediaQueryKeys = ${U || "''"};
   `;
-  k(q, Q);
-  const X = f(s, "cache/config-cache.json");
-  k(X, JSON.stringify(a, null, 2));
-}, gt = (t) => t.replace(/styled\(([^"'`{,]+),/g, (e, s) => {
+  k(nt, X);
+  const Dt = u(s, "cache/config-cache.json");
+  k(Dt, JSON.stringify(i, null, 2));
+}, ht = (t) => t.replace(/styled\(([^"'`{,]+),/g, (e, s) => {
   if (/^['"`]/.test(s)) return e;
   const o = new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);
   if (!o.test(t)) return e;
-  const i = o.exec(t);
-  if (i) {
-    const d = i.at(1);
-    if (Ft.some((c) => d == null ? void 0 : d.includes(c))) return e;
+  const c = o.exec(t);
+  if (c) {
+    const p = c.at(1);
+    if (Nt.some((a) => p == null ? void 0 : p.includes(a))) return e;
   }
   return "styled('div',";
-}), Qt = (t, e) => {
+}), Xt = (t, e) => {
   try {
-    const s = O(f(e, "saltygen/cache/config-cache.json"), "utf8");
+    const s = V(u(e, "saltygen/cache/config-cache.json"), "utf8");
     return s ? `globalThis.saltyConfig = ${s};
 
 ${t}` : `globalThis.saltyConfig = {};
@@ -310,286 +325,287 @@ ${t}`;
   } catch {
     return t;
   }
-}, v = async (t, e, s) => {
-  const n = B(e), o = f(s, "./temp");
-  it(o) || H(o);
-  const a = Y(e);
-  let i = O(e, "utf8");
-  i = gt(i), i = Qt(i, t);
-  const d = f(s, "js", n + ".js"), r = await at(t), c = f(t, (r == null ? void 0 : r.configDir) || "", "salty.config.ts"), g = jt(c), h = await St(t);
-  await mt.build({
+}, st = async (t, e, s) => {
+  const n = I(e), o = u(s, "./temp");
+  ct(o) || Z(o);
+  const i = et(e);
+  let c = V(e, "utf8");
+  c = ht(c), c = Xt(c, t);
+  const p = u(s, "js", n + ".js"), y = await ft(t), a = u(t, (y == null ? void 0 : y.configDir) || "", "salty.config.ts"), $ = xt(a), g = await jt(t);
+  await $t.build({
     stdin: {
-      contents: i,
-      sourcefile: a.base,
-      resolveDir: a.dir,
+      contents: c,
+      sourcefile: i.base,
+      resolveDir: i.dir,
       loader: "tsx"
     },
     minify: !1,
     treeShaking: !0,
     bundle: !0,
-    outfile: d,
-    format: h,
+    outfile: p,
+    format: g,
     target: ["node20"],
     keepNames: !0,
-    external: g,
+    external: $,
     packages: "external",
     plugins: [
       {
         name: "test",
-        setup: (y) => {
-          y.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, (E) => {
-            const w = O(E.path, "utf8");
-            return { contents: gt(w), loader: "ts" };
+        setup: (h) => {
+          h.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, (x) => {
+            const D = V(x.path, "utf8");
+            return { contents: ht(D), loader: "ts" };
           });
         }
       }
     ]
   });
-  const p = Date.now();
-  return await import(`${d}?t=${p}`);
-}, Ut = async (t) => {
-  const e = await z(t), s = f(e, "cache/config-cache.json"), n = O(s, "utf8");
+  const r = Date.now();
+  return { contents: await import(`${p}?t=${r}`), outputFilePath: p };
+}, Yt = async (t) => {
+  const e = await W(t), s = u(e, "cache/config-cache.json"), n = V(s, "utf8");
   if (!n) throw new Error("Could not find config cache file");
   return JSON.parse(n);
-}, lt = async (t) => {
-  const e = await Ut(t), s = await z(t), n = f(s, "salty.config.js"), o = Date.now(), { config: a } = await import(`${n}?t=${o}`);
-  return I(a, e);
-}, Nt = () => {
+}, ut = async (t) => {
+  const e = await Yt(t), s = await W(t), n = u(s, "salty.config.js"), o = Date.now(), { config: i } = await import(`${n}?t=${o}`);
+  return H(i, e);
+}, kt = () => {
   try {
     return process.env.NODE_ENV === "production";
   } catch {
     return !1;
   }
-}, qt = async (t, e = Nt(), s = !0) => {
+}, te = async (t, e = kt(), s = !0) => {
   try {
     const n = Date.now();
-    e ? rt.info("Generating CSS in production mode! 🔥") : rt.info("Generating CSS in development mode! 🚀");
-    const o = [], a = [], i = await z(t), d = f(i, "index.css");
+    e ? at.info("Generating CSS in production mode! 🔥") : at.info("Generating CSS in development mode! 🚀");
+    const o = [], i = [], c = await W(t), p = u(c, "index.css");
     s && (() => {
-      it(i) && kt("rm -rf " + i), H(i, { recursive: !0 }), H(f(i, "css")), H(f(i, "types")), H(f(i, "js")), H(f(i, "cache"));
+      ct(c) && _t("rm -rf " + c), Z(c, { recursive: !0 }), Z(u(c, "css")), Z(u(c, "types")), Z(u(c, "js")), Z(u(c, "cache"));
     })();
-    const c = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Set();
-    async function h(l) {
-      const m = ["node_modules", "saltygen"], $ = Dt(l);
-      if ($.isDirectory()) {
-        const u = _t(l);
+    const a = /* @__PURE__ */ new Set(), $ = /* @__PURE__ */ new Set();
+    async function g(l) {
+      const m = ["node_modules", "saltygen"], w = Et(l);
+      if (w.isDirectory()) {
+        const f = Tt(l);
         if (m.some((P) => l.includes(P))) return;
-        await Promise.all(u.map((P) => h(f(l, P))));
-      } else if ($.isFile() && G(l)) {
-        c.add(l);
-        const x = O(l, "utf8");
-        /define[\w\d]+\(/.test(x) && g.add(l);
+        await Promise.all(f.map((P) => g(u(l, P))));
+      } else if (w.isFile() && v(l)) {
+        a.add(l);
+        const j = V(l, "utf8");
+        /define[\w\d]+\(/.test(j) && $.add(l);
       }
     }
-    await h(t), await Lt(t, g);
-    const p = {
+    await g(t), await qt(t, $);
+    const r = {
       keyframes: [],
       components: [],
       classNames: []
     };
     await Promise.all(
-      [...c].map(async (l) => {
-        const m = await v(t, l, i);
-        Object.entries(m).forEach(([$, u]) => {
-          u.isKeyframes ? p.keyframes.push({
-            value: u,
+      [...a].map(async (l) => {
+        const { contents: m } = await st(t, l, c);
+        Object.entries(m).forEach(([w, f]) => {
+          f.isKeyframes ? r.keyframes.push({
+            value: f,
             src: l,
-            name: $
-          }) : u.isClassName ? p.classNames.push({
-            ...u,
+            name: w
+          }) : f.isClassName ? r.classNames.push({
+            ...f,
             src: l,
-            name: $
-          }) : u.generator && p.components.push({
-            ...u,
+            name: w
+          }) : f.generator && r.components.push({
+            ...f,
             src: l,
-            name: $
+            name: w
           });
         });
       })
     );
-    const b = await lt(t);
-    for (const l of p.keyframes) {
-      const { value: m } = l, $ = `a_${m.animationName}.css`, u = `css/${$}`, x = f(i, u);
-      o.push($), k(x, m.css);
+    const d = await ut(t);
+    for (const l of r.keyframes) {
+      const { value: m } = l, w = `a_${m.animationName}.css`, f = `css/${w}`, j = u(c, f);
+      o.push(w), k(j, m.css);
     }
-    const y = {};
-    for (const l of p.components) {
-      const { src: m, name: $ } = l, u = l.generator._withBuildContext({
-        callerName: $,
+    const h = {};
+    for (const l of r.components) {
+      const { src: m, name: w } = l, f = l.generator._withBuildContext({
+        callerName: w,
         isProduction: e,
-        config: b
+        config: d
       });
-      a[u.priority] || (a[u.priority] = []), a[u.priority].push(u.cssFileName);
-      const x = `css/${u.cssFileName}`, P = f(i, x);
-      k(P, u.css), b.importStrategy === "component" && (y[m] ? y[m].push(u.cssFileName) : y[m] = [u.cssFileName]);
+      i[f.priority] || (i[f.priority] = []), i[f.priority].push(f.cssFileName);
+      const j = `css/${f.cssFileName}`, P = u(c, j);
+      k(P, await f.css), d.importStrategy === "component" && (h[m] ? h[m].push(f.cssFileName) : h[m] = [f.cssFileName]);
     }
-    for (const l of p.classNames) {
-      const { src: m, name: $ } = l, u = l.generator._withBuildContext({
-        callerName: $,
+    for (const l of r.classNames) {
+      const { src: m, name: w } = l, f = l.generator._withBuildContext({
+        callerName: w,
         isProduction: e,
-        config: b
+        config: d
       });
-      a[0].push(u.cssFileName);
-      const x = `css/${u.cssFileName}`, P = f(i, x);
-      k(P, u.css), b.importStrategy === "component" && (y[m] ? y[m].push(u.cssFileName) : y[m] = [u.cssFileName]);
+      i[0].push(f.cssFileName);
+      const j = `css/${f.cssFileName}`, P = u(c, j);
+      k(P, await f.css), d.importStrategy === "component" && (h[m] ? h[m].push(f.cssFileName) : h[m] = [f.cssFileName]);
     }
-    b.importStrategy === "component" && Object.entries(y).forEach(([l, m]) => {
-      const $ = m.map((L) => `@import url('./${L}');`).join(`
-`), u = B(l, 6), x = Y(l), P = V(x.name), K = f(i, `css/f_${P}-${u}.css`);
-      k(K, $);
+    d.importStrategy === "component" && Object.entries(h).forEach(([l, m]) => {
+      const w = m.map((G) => `@import url('./${G}');`).join(`
+`), f = I(l, 6), j = et(l), P = M(j.name), B = u(c, `css/f_${P}-${f}.css`);
+      k(B, w);
     });
-    const E = o.map((l) => `@import url('./css/${l}');`).join(`
+    const x = o.map((l) => `@import url('./css/${l}');`).join(`
 `);
-    let F = `@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+    let S = `@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
 ${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((l) => {
       try {
-        return O(f(i, "css", l), "utf8").length > 0;
+        return V(u(c, "css", l), "utf8").length > 0;
       } catch {
         return !1;
       }
     }).map((l) => `@import url('./css/${l}');`).join(`
 `)}
-${E}`;
-    if (b.importStrategy !== "component") {
-      const l = a.reduce((m, $, u) => {
-        const x = $.reduce((A, U) => {
+${x}`;
+    if (d.importStrategy !== "component") {
+      const l = i.reduce((m, w, f) => {
+        const j = w.reduce((K, L) => {
           var X;
-          const q = f(i, "css", U), ft = O(q, "utf8"), Q = ((X = /.*-([^-]+)-\d+.css/.exec(U)) == null ? void 0 : X.at(1)) || B(q, 6);
-          return A.includes(Q) ? A : `${A}
-/*start:${Q}*/
-${ft}
-/*end:${Q}*/
+          const U = u(c, "css", L), nt = V(U, "utf8"), q = ((X = /.*-([^-]+)-\d+.css/.exec(L)) == null ? void 0 : X.at(1)) || I(U, 6);
+          return K.includes(q) ? K : `${K}
+/*start:${q}*/
+${nt}
+/*end:${q}*/
 `;
-        }, ""), P = `l_${u}.css`, K = f(i, "css", P), L = `@layer l${u} { ${x}
+        }, ""), P = `l_${f}.css`, B = u(c, "css", P), G = `@layer l${f} { ${j}
  }`;
-        return k(K, L), `${m}
+        return k(B, G), `${m}
 @import url('./css/${P}');`;
       }, "");
-      F += l;
+      S += l;
     }
-    k(d, F);
-    const N = Date.now() - n, M = N < 200 ? "🔥" : N < 500 ? "🚀" : N < 1e3 ? "🎉" : N < 2e3 ? "🚗" : N < 5e3 ? "🤔" : "🥴";
-    rt.info(`Generated CSS in ${N}ms! ${M}`);
+    k(p, S);
+    const F = Date.now() - n, R = F < 200 ? "🔥" : F < 500 ? "🚀" : F < 1e3 ? "🎉" : F < 2e3 ? "🚗" : F < 5e3 ? "🤔" : "🥴";
+    at.info(`Generated CSS in ${F}ms! ${R}`);
   } catch (n) {
     console.error(n);
   }
-}, Xt = async (t, e) => {
+}, ee = async (t, e) => {
   try {
-    const s = await z(t);
-    if (G(e)) {
-      const o = [], a = await lt(t), i = await v(t, e, s);
-      if (Object.entries(i).forEach(([d, r]) => {
-        if (r.isKeyframes && r.css) {
-          const b = `css/${`a_${r.animationName}.css`}`, y = f(s, b);
-          k(y, r.css);
+    const s = await W(t);
+    if (v(e)) {
+      const o = [], i = await ut(t), { contents: c } = await st(t, e, s);
+      for (const [p, y] of Object.entries(c)) {
+        if (y.isKeyframes && y.css) {
+          const d = `css/${`a_${y.animationName}.css`}`, h = u(s, d);
+          k(h, await y.css);
           return;
         }
-        if (r.isClassName) {
-          const p = r.factory._withBuildContext({
-            name: d
+        if (y.isClassName) {
+          const r = y.factory._withBuildContext({
+            name: p
           });
-          o[0].push(p.cssFileName);
-          const b = `css/${p.cssFileName}`, y = f(s, b);
-          k(y, p.css);
+          o[0].push(r.cssFileName);
+          const d = `css/${r.cssFileName}`, h = u(s, d);
+          k(h, await r.css);
         }
-        if (!r.generator) return;
-        const c = r.generator._withBuildContext({
-          name: d,
-          config: a
-        }), g = `css/${c.cssFileName}`, h = f(s, g);
-        k(h, c.css), o[c.priority] || (o[c.priority] = []), o[c.priority].push(c.cssFileName);
-      }), a.importStrategy !== "component")
-        o.forEach((d, r) => {
-          const c = `l_${r}.css`, g = f(s, "css", c);
-          let h = O(g, "utf8");
-          d.forEach((p) => {
-            var w;
-            const b = f(s, "css", p), y = ((w = /.*-([^-]+)-\d+.css/.exec(p)) == null ? void 0 : w.at(1)) || B(b, 6);
-            if (!h.includes(y)) {
-              const D = O(b, "utf8"), _ = `/*start:${y}*/
-${D}
-/*end:${y}*/
+        if (!y.generator) return;
+        const a = y.generator._withBuildContext({
+          name: p,
+          config: i
+        }), $ = `css/${a.cssFileName}`, g = u(s, $);
+        k(g, await a.css), o[a.priority] || (o[a.priority] = []), o[a.priority].push(a.cssFileName);
+      }
+      if (i.importStrategy !== "component")
+        o.forEach((p, y) => {
+          const a = `l_${y}.css`, $ = u(s, "css", a);
+          let g = V($, "utf8");
+          p.forEach((r) => {
+            var D;
+            const d = u(s, "css", r), h = ((D = /.*-([^-]+)-\d+.css/.exec(r)) == null ? void 0 : D.at(1)) || I(d, 6);
+            if (!g.includes(h)) {
+              const N = V(d, "utf8"), T = `/*start:${h}*/
+${N}
+/*end:${h}*/
 `;
-              h = `${h.replace(/\}$/, "")}
-${_}
+              g = `${g.replace(/\}$/, "")}
+${T}
 }`;
             }
-          }), k(g, h);
+          }), k($, g);
         });
       else {
-        const d = o.flat().map((p) => `@import url('./${p}');`).join(`
-`), r = B(e, 6), c = Y(e), g = V(c.name), h = f(s, `css/f_${g}-${r}.css`);
-        k(h, d);
+        const p = o.flat().map((r) => `@import url('./${r}');`).join(`
+`), y = I(e, 6), a = et(e), $ = M(a.name), g = u(s, `css/f_${$}-${y}.css`);
+        k(g, p);
       }
     }
   } catch (s) {
     console.error(s);
   }
-}, Yt = async (t, e, s = Nt()) => {
+}, se = async (t, e, s = kt()) => {
   try {
-    const n = await z(t);
-    if (G(e)) {
-      const a = O(e, "utf8");
-      a.replace(/^(?!export\s)const\s.*/gm, (g) => `export ${g}`) !== a && await Et(e, a);
-      const d = await lt(t), r = await v(t, e, n);
-      let c = a;
-      if (Object.entries(r).forEach(([g, h]) => {
-        var u;
-        if (h.isKeyframes || !h.generator) return;
-        const p = h.generator._withBuildContext({
-          name: g,
-          config: d,
+    const n = await W(t);
+    if (v(e)) {
+      const i = V(e, "utf8");
+      i.replace(/^(?!export\s)const\s.*/gm, ($) => `export ${$}`) !== i && await Ot(e, i);
+      const p = await ut(t), { contents: y } = await st(t, e, n);
+      let a = i;
+      if (Object.entries(y).forEach(([$, g]) => {
+        var f;
+        if (g.isKeyframes || !g.generator) return;
+        const r = g.generator._withBuildContext({
+          name: $,
+          config: p,
           prod: s
-        }), b = new RegExp(`\\s${g}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(a);
-        if (!b) return console.error("Could not find the original declaration");
-        const y = (u = b.at(1)) == null ? void 0 : u.trim(), E = new RegExp(`\\s${g}[=\\s]+styled\\(`, "g").exec(c);
-        if (!E) return console.error("Could not find the original declaration");
-        const { index: w } = E;
-        let D = !1;
-        const _ = setTimeout(() => D = !0, 5e3);
-        let F = 0, T = !1, N = 0;
-        for (; !T && !D; ) {
-          const x = c[w + F];
-          x === "(" && N++, x === ")" && N--, N === 0 && x === ")" && (T = !0), F > c.length && (D = !0), F++;
+        }), d = new RegExp(`\\s${$}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(i);
+        if (!d) return console.error("Could not find the original declaration");
+        const h = (f = d.at(1)) == null ? void 0 : f.trim(), x = new RegExp(`\\s${$}[=\\s]+styled\\(`, "g").exec(a);
+        if (!x) return console.error("Could not find the original declaration");
+        const { index: D } = x;
+        let N = !1;
+        const T = setTimeout(() => N = !0, 5e3);
+        let S = 0, _ = !1, F = 0;
+        for (; !_ && !N; ) {
+          const j = a[D + S];
+          j === "(" && F++, j === ")" && F--, F === 0 && j === ")" && (_ = !0), S > a.length && (N = !0), S++;
         }
-        if (!D) clearTimeout(_);
+        if (!N) clearTimeout(T);
         else throw new Error("Failed to find the end of the styled call and timed out");
-        const M = w + F, l = c.slice(w, M), m = c, $ = ` ${g} = styled(${y}, "${p.classNames}", ${JSON.stringify(p.clientProps)});`;
-        c = c.replace(l, $), m === c && console.error("Minimize file failed to change content", { name: g, tagName: y });
-      }), d.importStrategy === "component") {
-        const g = B(e, 6), h = Y(e);
-        c = `import '../../saltygen/css/${`f_${V(h.name)}-${g}.css`}';
-${c}`;
+        const R = D + S, l = a.slice(D, R), m = a, w = ` ${$} = styled(${h}, "${r.classNames}", ${JSON.stringify(r.clientProps)});`;
+        a = a.replace(l, w), m === a && console.error("Minimize file failed to change content", { name: $, tagName: h });
+      }), p.importStrategy === "component") {
+        const $ = I(e, 6), g = et(e);
+        a = `import '../../saltygen/css/${`f_${M(g.name)}-${$}.css`}';
+${a}`;
       }
-      return c = c.replace("{ styled }", "{ styledClient as styled }"), c = c.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), c;
+      return a = a.replace("{ styled }", "{ styledClient as styled }"), a = a.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), a;
     }
   } catch (n) {
     console.error("Error in minimizeFile:", n);
   }
-}, ht = async (t) => {
+}, yt = async (t) => {
   if (!t || t.includes("node_modules") || t.includes("saltygen")) return !1;
   if (t.includes("salty.config")) return !0;
-  if (!G(t)) return !1;
-  const n = await ct(t, "utf-8");
+  if (!v(t)) return !1;
+  const n = await lt(t, "utf-8");
   return !!/.+define[A-Z]\w+/.test(n);
-}, oe = (t) => ({
+}, ce = (t) => ({
   name: "stylegen",
-  buildStart: () => qt(t),
+  buildStart: () => te(t),
   load: async (e) => {
-    if (G(e))
-      return await Yt(t, e);
+    if (v(e))
+      return await se(t, e);
   },
   handleHotUpdate: async ({ file: e, server: s }) => {
-    await ht(e) && await s.restart();
+    await yt(e) && await s.restart();
   },
   watchChange: {
     handler: async (e) => {
-      G(e) && (await ht(e) || await Xt(t, e));
+      v(e) && (await yt(e) || await ee(t, e));
     }
   }
 });
 export {
-  oe as default,
-  oe as saltyPlugin
+  ce as default,
+  ce as saltyPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/vite",
-  "version": "0.0.1-alpha.201",
+  "version": "0.0.1-alpha.202",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -34,6 +34,6 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.201"
+    "@salty-css/core": "^0.0.1-alpha.202"
   }
 }