@salty-css/vite 0.0.1-alpha.178 → 0.0.1-alpha.179

package/index.cjs

@@ -1,36 +1,36 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const ye=require("esbuild"),ge=require("child_process"),a=require("path"),f=require("fs"),L=require("fs/promises"),I=require("winston");var B=typeof document<"u"?document.currentScript:null;function he(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const te=he(ye),Y=e=>String.fromCharCode(e+(e>25?39:97)),me=(e,t)=>{let s="",n;for(n=Math.abs(e);n>52;n=n/52|0)s=Y(n%52)+s;return s=Y(n%52)+s,s.length<t?s=s.padStart(t,"a"):s.length>t&&(s=s.slice(-t)),s},Se=(e,t)=>{let s=t.length;for(;s;)e=e*33^t.charCodeAt(--s);return e},H=(e,t=5)=>{const s=Se(5381,JSON.stringify(e))>>>0;return me(s,t)};function M(e){return e?typeof e!="string"?M(String(e)):e.replace(/[\s.]/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(t,s)=>(s>0?"-":"")+t.toLowerCase()):""}const be=(e,t)=>{if(typeof e!="string")return{result:e};if(!t)return{result:e};const s=[];return Object.values(t).forEach(n=>{const{pattern:o,transform:i}=n;e=e.replace(o,u=>{const{value:p,css:r}=i(u);return r&&s.push(r),p})}),{result:e,additionalCss:s}},se=e=>typeof e!="string"?{result:e}:/\{[^{}]+\}/g.test(e)?{result:e.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${M(n[1].replaceAll(".","-"))})`)}:{result:e},V=(e,t,s)=>{if(!e)return"";const n=[],o=Object.entries(e).reduce((u,[p,r])=>{const c=p.trim();if(typeof r=="function"&&(r=r()),typeof r=="object"){if(!r)return u;if(c==="variants")return Object.entries(r).forEach(([j,x])=>{x&&Object.entries(x).forEach(([l,h])=>{if(!h)return;const w=`${t}.${j}-${l}`,S=V(h,w);n.push(S)})}),u;if(c==="defaultVariants")return u;if(c==="compoundVariants")return r.forEach(j=>{const{css:x,...l}=j,h=Object.entries(l).reduce((S,[g,F])=>`${S}.${g}-${F}`,t),w=V(x,h);n.push(w)}),u;if(c.startsWith("@")){const j=V(r,t),x=`${c} {
- ${j.replace(`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const me=require("esbuild"),Se=require("child_process"),a=require("path"),l=require("fs"),L=require("fs/promises"),Z=require("winston");var Q=typeof document<"u"?document.currentScript:null;function be(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const oe=be(me),te=e=>String.fromCharCode(e+(e>25?39:97)),je=(e,t)=>{let s="",n;for(n=Math.abs(e);n>52;n=n/52|0)s=te(n%52)+s;return s=te(n%52)+s,s.length<t?s=s.padStart(t,"a"):s.length>t&&(s=s.slice(-t)),s},$e=(e,t)=>{let s=t.length;for(;s;)e=e*33^t.charCodeAt(--s);return e},H=(e,t=5)=>{const s=$e(5381,JSON.stringify(e))>>>0;return je(s,t)};function R(e){return e?typeof e!="string"?R(String(e)):e.replace(/[\s.]/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(t,s)=>(s>0?"-":"")+t.toLowerCase()):""}const we=(e,t)=>{if(typeof e!="string")return{result:e};if(!t)return{result:e};const s=[];return Object.values(t).forEach(n=>{const{pattern:c,transform:r}=n;e=e.replace(c,u=>{const{value:d,css:o}=r(u);return o&&s.push(o),d})}),{result:e,additionalCss:s}},re=e=>typeof e!="string"?{result:e}:/\{[^{}]+\}/g.test(e)?{result:e.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${R(n[1].replaceAll(".","-"))})`)}:{result:e},M=(e,t,s)=>{if(!e)return"";const n=[],c=Object.entries(e).reduce((u,[d,o])=>{const i=d.trim();if(typeof o=="function"&&(o=o()),typeof o=="object"){if(!o)return u;if(i==="variants")return Object.entries(o).forEach(([$,k])=>{k&&Object.entries(k).forEach(([f,S])=>{if(!S)return;const w=`${t}.${$}-${f}`,g=M(S,w);n.push(g)})}),u;if(i==="defaultVariants")return u;if(i==="compoundVariants")return o.forEach($=>{const{css:k,...f}=$,S=Object.entries(f).reduce((g,[h,F])=>`${g}.${h}-${F}`,t),w=M(k,S);n.push(w)}),u;if(i.startsWith("@")){const $=M(o,t),k=`${i} {
+ ${$.replace(`
 `,`
  `)}
-}`;return n.push(x),u}const m=p.includes("&")?c.replace("&",t):c.startsWith(":")?`${t}${c}`:`${t} ${c}`,D=V(r,m);return n.push(D),u}const y=c.startsWith("-")?c:M(c),d=(m,D=";")=>u=`${u}${m}${D}`,k=m=>d(`${y}:${m}`);if(typeof r=="number")return k(r);if(typeof r!="string")if("toString"in r)r=r.toString();else return u;const{modifiers:_}={},T=function*(){yield se(r),yield be(r,_)}();for(const{result:m,additionalCss:D=[]}of T)r=m,D.forEach(j=>{const x=V(j,"");d(x,"")});return k(r)},"");return o?t?[`${t} { ${o} }`,...n].join(`
-`):o:n.join(`
-`)},ne=(e,t=[])=>{if(!e)return"";const s=[],n={};if(Object.entries(e).forEach(([o,i])=>{if(typeof i=="object"){if(!i)return;const u=o.trim(),p=ne(i,[...t,u]);s.push(p)}else n[o]=i}),Object.keys(n).length){const o=t.map(M).join("-"),i=V(n,`.${o}`);s.push(i)}return s.join(`
-`)},$e=e=>e?Object.entries(e).reduce((t,[s,n])=>(typeof n=="object"&&(t[s]=re(n).map(o=>`"${o}"`).join(" | ")),t),{}):{},re=(e,t="",s=new Set)=>e?(Object.entries(e).forEach(([n,o])=>{const i=t?`${t}.${n}`:n;return typeof o=="object"?re(o,i,s):s.add(t)}),[...s]):[],oe=e=>{if(!e||e==="/")throw new Error("Could not find package.json file");const t=a.join(e,"package.json");return f.existsSync(t)?t:oe(a.join(e,".."))},je=async e=>{const t=oe(e);return await L.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},we=async e=>{const t=await je(e);if(t)return t.type};let J;const ie=async e=>{if(J)return J;const t=await we(e);return t==="module"?J="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:B&&B.tagName.toUpperCase()==="SCRIPT"&&B.src||new URL("index.cjs",document.baseURI).href).endsWith(".cjs"))&&(J="cjs"),J||"esm"},K=I.createLogger({level:"debug",format:I.format.combine(I.format.colorize(),I.format.cli()),transports:[new I.transports.Console({})]});function ce(e){return e?typeof e!="string"?ce(String(e)):e.replace(/[\s-]/g,".").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(t,s)=>(s>0?".":"")+t.toLowerCase()):""}const Fe={"*, *::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"}},q=(...e)=>e.flat().reduce((t,s)=>s!=null&&s._current?{...t,...s._current}:{...t,...s},{}),E={externalModules:[],rcFile:void 0,destDir:void 0},ae=e=>{if(E.externalModules.length>0)return E.externalModules;const s=f.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const n=s[1].split(",").map(o=>o.replace(/['"`]/g,"").trim());return E.externalModules=n,n},z=async e=>{if(E.destDir)return E.destDir;const t=await U(e),s=a.join(e,(t==null?void 0:t.saltygenDir)||"saltygen");return E.destDir=s,s},le=["salty","css","styles","styled"],Ce=(e=[])=>new RegExp(`\\.(${[...le,...e].join("|")})\\.`),W=(e,t=[])=>Ce(t).test(e),fe=async e=>{if(E.rcFile)return E.rcFile;if(e==="/")throw new Error("Could not find .saltyrc.json file");const t=a.join(e,".saltyrc.json"),s=await L.readFile(t,"utf-8").then(JSON.parse).catch(()=>{});return s?(E.rcFile=s,s):fe(a.join(e,".."))},U=async e=>{var n,o;const t=await fe(e),s=(n=t.projects)==null?void 0:n.find(i=>e.endsWith(i.dir||""));return s||((o=t.projects)==null?void 0:o.find(i=>i.dir===t.defaultProject))},xe=async e=>{const t=await U(e),s=await z(e),n=a.join(e,(t==null?void 0:t.configDir)||"","salty.config.ts"),o=a.join(s,"salty.config.js"),i=await ie(e),u=ae(n);await te.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:o,format:i,external:u});const p=Date.now(),{config:r}=await import(`${o}?t=${p}`);return r},ke=async(e,t)=>{const s=await xe(e),n=new Set,o=($,C=[])=>$?Object.entries($).flatMap(([O,P])=>{if(!P)return;if(typeof P=="object")return o(P,[...C,O]);const Z=ce(O),R=M(O),A=[...C,Z].join(".");n.add(`"${A}"`);const G=[...C.map(M),R].join("-"),{result:pe}=se(P);return`--${G}: ${pe};`}):[],i=$=>$?Object.entries($).flatMap(([C,O])=>{const P=o(O);return C==="base"?P.join(""):`${C} { ${P.join("")} }`}):[],u=$=>$?Object.entries($).flatMap(([C,O])=>Object.entries(O).flatMap(([P,Z])=>{const R=o(Z,[C]),A=`.${C}-${P}, [data-${C}="${P}"]`,G=R.join("");return`${A} { ${G} }`})):[],p=$=>t.variables.map(C=>C._current[$]),r=o(q(s.variables,p("variables"))),c=i(q(s.responsiveVariables,p("responsiveVariables"))),y=u(q(s.conditionalVariables,p("conditionalVariables"))),d=await z(e),k=a.join(d,"css/_variables.css"),_=`:root { ${r.join("")} ${c.join("")} } ${y.join("")}`;f.writeFileSync(k,_);const N=a.join(d,"css/_global.css"),T=q(s.global,t.globalStyles),m=V(T,"");f.writeFileSync(N,`@layer global { ${m} }`);const D=a.join(d,"css/_reset.css"),x=s.reset==="none"?{}:typeof s.reset=="object"?s.reset:Fe,l=V(x,"");f.writeFileSync(D,`@layer reset { ${l} }`);const h=a.join(d,"css/_templates.css"),w=ne(s.templates),S=$e(s.templates);f.writeFileSync(h,w);const g=a.join(d,"types/css-tokens.d.ts"),b=`
+}`;return n.push(k),u}const j=d.includes("&")?i.replace("&",t):i.startsWith(":")?`${t}${i}`:`${t} ${i}`,C=M(o,j);return n.push(C),u}const p=i.startsWith("-")?i:R(i),y=(j,C=";")=>u=`${u}${j}${C}`,b=j=>y(`${p}:${j}`);if(typeof o=="number")return b(o);if(typeof o!="string")if("toString"in o)o=o.toString();else return u;const{modifiers:D}={},O=function*(){yield re(o),yield we(o,D)}();for(const{result:j,additionalCss:C=[]}of O)o=j,C.forEach($=>{const k=M($,"");y(k,"")});return b(o)},"");return c?t?[`${t} { ${c} }`,...n].join(`
+`):c:n.join(`
+`)},ie=(e,t=[])=>{if(!e)return"";const s=[],n={};if(Object.entries(e).forEach(([c,r])=>{if(typeof r=="object"){if(!r)return;const u=c.trim(),d=ie(r,[...t,u]);s.push(d)}else n[c]=r}),Object.keys(n).length){const c=t.map(R).join("-"),r=M(n,`.${c}`);s.push(r)}return s.join(`
+`)},Fe=e=>e?Object.entries(e).reduce((t,[s,n])=>(typeof n=="object"&&(t[s]=ce(n).map(c=>`"${c}"`).join(" | ")),t),{}):{},ce=(e,t="",s=new Set)=>e?(Object.entries(e).forEach(([n,c])=>{const r=t?`${t}.${n}`:n;return typeof c=="object"?ce(c,r,s):s.add(t)}),[...s]):[],ae=e=>{if(!e||e==="/")throw new Error("Could not find package.json file");const t=a.join(e,"package.json");return l.existsSync(t)?t:ae(a.join(e,".."))},Ce=async e=>{const t=ae(e);return await L.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},ke=async e=>{const t=await Ce(e);if(t)return t.type};let J;const le=async e=>{if(J)return J;const t=await ke(e);return t==="module"?J="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:Q&&Q.tagName.toUpperCase()==="SCRIPT"&&Q.src||new URL("index.cjs",document.baseURI).href).endsWith(".cjs"))&&(J="cjs"),J||"esm"},X=Z.createLogger({level:"debug",format:Z.format.combine(Z.format.colorize(),Z.format.cli()),transports:[new Z.transports.Console({})]});function fe(e){return e?typeof e!="string"?fe(String(e)):e.replace(/[\s-]/g,".").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(t,s)=>(s>0?".":"")+t.toLowerCase()):""}const xe={"*, *::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"}},I=(...e)=>e.flat().reduce((t,s)=>s!=null&&s._current?{...t,...s._current}:{...t,...s},{}),E={externalModules:[],rcFile:void 0,destDir:void 0},ue=e=>{if(E.externalModules.length>0)return E.externalModules;const s=l.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const n=s[1].split(",").map(c=>c.replace(/['"`]/g,"").trim());return E.externalModules=n,n},W=async e=>{if(E.destDir)return E.destDir;const t=await Y(e),s=a.join(e,(t==null?void 0:t.saltygenDir)||"saltygen");return E.destDir=s,s},de=["salty","css","styles","styled"],Ne=(e=[])=>new RegExp(`\\.(${[...de,...e].join("|")})\\.`),A=(e,t=[])=>Ne(t).test(e),pe=async e=>{if(E.rcFile)return E.rcFile;if(e==="/")throw new Error("Could not find .saltyrc.json file");const t=a.join(e,".saltyrc.json"),s=await L.readFile(t,"utf-8").then(JSON.parse).catch(()=>{});return s?(E.rcFile=s,s):pe(a.join(e,".."))},Y=async e=>{var n,c;const t=await pe(e),s=(n=t.projects)==null?void 0:n.find(r=>e.endsWith(r.dir||""));return s||((c=t.projects)==null?void 0:c.find(r=>r.dir===t.defaultProject))},De=async e=>{const t=await Y(e),s=await W(e),n=a.join(e,(t==null?void 0:t.configDir)||"","salty.config.ts"),c=a.join(s,"salty.config.js"),r=await le(e),u=ue(n);await oe.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:c,format:r,external:u});const d=Date.now(),{config:o}=await import(`${c}?t=${d}`);return o},Pe=async(e,t)=>{const s=await De(e),n={...s},c=new Set,r=(N,x=[])=>N?Object.entries(N).flatMap(([T,_])=>{if(!_)return;if(typeof _=="object")return r(_,[...x,T]);const G=fe(T),B=R(T),K=[...x,G].join(".");c.add(`"${K}"`);const U=[...x.map(R),B].join("-"),{result:he}=re(_);return`--${U}: ${he};`}):[],u=N=>N?Object.entries(N).flatMap(([x,T])=>{const _=r(T);return x==="base"?_.join(""):`${x} { ${_.join("")} }`}):[],d=N=>N?Object.entries(N).flatMap(([x,T])=>Object.entries(T).flatMap(([_,G])=>{const B=r(G,[x]),K=`.${x}-${_}, [data-${x}="${_}"]`,U=B.join("");return`${K} { ${U} }`})):[],o=N=>t.variables.map(x=>x._current[N]),i=r(I(s.variables,o("variables"))),p=u(I(s.responsiveVariables,o("responsiveVariables"))),y=d(I(s.conditionalVariables,o("conditionalVariables"))),b=await W(e),D=a.join(b,"css/_variables.css"),P=`:root { ${i.join("")} ${p.join("")} } ${y.join("")}`;l.writeFileSync(D,P);const O=a.join(b,"css/_global.css"),j=I(s.global,t.globalStyles),C=M(j,"");l.writeFileSync(O,`@layer global { ${C} }`);const $=a.join(b,"css/_reset.css"),f=s.reset==="none"?{}:typeof s.reset=="object"?s.reset:xe,S=M(f,"");l.writeFileSync($,`@layer reset { ${S} }`);const w=a.join(b,"css/_templates.css"),g=I(s.templates,t.templates);console.log("all",g);const h=ie(g),F=Fe(g);l.writeFileSync(w,h),n.templates=g;const m=a.join(b,"types/css-tokens.d.ts"),z=`
   // Variable types
-  type VariableTokens = ${[...n].join("|")}; 
+  type VariableTokens = ${[...c].join("|")}; 
   type PropertyValueToken = \`{\${VariableTokens}}\`;
 
   // Template types
   type TemplateTokens = {
-    ${Object.entries(S).map(([$,C])=>`${$}?: ${C}`).join(`
+    ${Object.entries(F).map(([N,x])=>`${N}?: ${x}`).join(`
 `)}
   }
-  `;f.writeFileSync(g,b)},v=e=>e.replace(/styled\(([^"'`{,]+),/g,(t,s)=>{if(/^['"`]/.test(s))return t;const o=new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);if(!o.test(e))return t;const u=o.exec(e);if(u){const p=u.at(1);if(le.some(c=>p==null?void 0:p.includes(c)))return t}return"styled('div',"}),Q=async(e,t,s)=>{const n=H(t),o=a.join(s,"./temp");f.existsSync(o)||f.mkdirSync(o);const i=a.parse(t);let u=f.readFileSync(t,"utf8");u=v(u);const p=a.join(s,"js",n+".js"),r=await U(e),c=a.join(e,(r==null?void 0:r.configDir)||"","salty.config.ts"),y=ae(c),d=await ie(e);await te.build({stdin:{contents:u,sourcefile:i.base,resolveDir:i.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:p,format:d,target:["node20"],keepNames:!0,external:y,packages:"external",plugins:[{name:"test",setup:N=>{N.onLoad({filter:/.*\.css|salty|styles|styled\.ts/},T=>{const m=f.readFileSync(T.path,"utf8");return{contents:v(m),loader:"ts"}})}}]});const k=Date.now();return await import(`${p}?t=${k}`)},X=async e=>{const t=await z(e),s=a.join(t,"salty.config.js"),n=Date.now(),{config:o}=await import(`${s}?t=${n}`);return o},ue=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},De=async(e,t=ue())=>{try{const s=Date.now();t?K.info("Generating CSS in production mode! 🔥"):K.info("Generating CSS in development mode! 🚀");const n=[],o=[],i=await z(e),u=a.join(i,"index.css");(()=>{f.existsSync(i)&&ge.execSync("rm -rf "+i),f.mkdirSync(i,{recursive:!0}),f.mkdirSync(a.join(i,"css")),f.mkdirSync(a.join(i,"types"))})();const r={keyframes:[],mediaQueries:[],globalStyles:[],variables:[],components:[]};async function c(l){const h=["node_modules","saltygen"],w=f.statSync(l);if(w.isDirectory()){const S=f.readdirSync(l);if(h.some(F=>l.includes(F)))return;await Promise.all(S.map(F=>c(a.join(l,F))))}else if(w.isFile()&&W(l)){const g=await Q(e,l,i);Object.entries(g).forEach(([F,b])=>{b.isKeyframes?r.keyframes.push({value:b,src:l,name:F}):b.isMedia?r.mediaQueries.push(b):b.isGlobalDefine?r.globalStyles.push(b):b.isDefineVariables?r.variables.push(b):b.generator&&r.components.push({value:b.generator,src:l,name:F})})}}await c(e),await ke(e,r);const y=await X(e);for(const l of r.keyframes){const{value:h}=l,w=`a_${h.animationName}.css`,S=`css/${w}`,g=a.join(i,S);n.push(w),f.writeFileSync(g,h.css)}const d={};for(const l of r.components){const{value:h,name:w,src:S}=l,g=h._withBuildContext({name:w,config:y,prod:t});o[g.priority]||(o[g.priority]=[]),o[g.priority].push(g.cssFileName),y.importStrategy==="component"&&(d[S]?d[S].push(g.cssFileName):d[S]=[g.cssFileName]);const F=`css/${g.cssFileName}`,b=a.join(i,F);f.writeFileSync(b,g.css)}y.importStrategy==="component"&&Object.entries(d).forEach(([l,h])=>{const w=h.map($=>`@import url('./${$}');`).join(`
-`),S=H(l,6),g=a.parse(l),F=M(g.name),b=a.join(i,`css/f_${F}-${S}.css`);f.writeFileSync(b,w)});const k=n.map(l=>`@import url('./css/${l}');`).join(`
-`);let m=`@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+  `;l.writeFileSync(m,z);const q=a.join(b,"cache/config-cache.json");l.writeFileSync(q,JSON.stringify(n,null,2))},se=e=>e.replace(/styled\(([^"'`{,]+),/g,(t,s)=>{if(/^['"`]/.test(s))return t;const c=new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);if(!c.test(e))return t;const u=c.exec(e);if(u){const d=u.at(1);if(de.some(i=>d==null?void 0:d.includes(i)))return t}return"styled('div',"}),v=async(e,t,s)=>{const n=H(t),c=a.join(s,"./temp");l.existsSync(c)||l.mkdirSync(c);const r=a.parse(t);let u=l.readFileSync(t,"utf8");u=se(u);const d=a.join(s,"js",n+".js"),o=await Y(e),i=a.join(e,(o==null?void 0:o.configDir)||"","salty.config.ts"),p=ue(i),y=await le(e);await oe.build({stdin:{contents:u,sourcefile:r.base,resolveDir:r.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:d,format:y,target:["node20"],keepNames:!0,external:p,packages:"external",plugins:[{name:"test",setup:P=>{P.onLoad({filter:/.*\.css|salty|styles|styled\.ts/},O=>{const j=l.readFileSync(O.path,"utf8");return{contents:se(j),loader:"ts"}})}}]});const b=Date.now();return await import(`${d}?t=${b}`)},ee=async e=>{const t=await W(e),s=a.join(t,"cache/config-cache.json"),n=l.readFileSync(s,"utf8");if(!n)throw new Error("Could not find config cache file");return JSON.parse(n)},ye=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},_e=async(e,t=ye())=>{try{const s=Date.now();t?X.info("Generating CSS in production mode! 🔥"):X.info("Generating CSS in development mode! 🚀");const n=[],c=[],r=await W(e),u=a.join(r,"index.css");(()=>{l.existsSync(r)&&Se.execSync("rm -rf "+r),l.mkdirSync(r,{recursive:!0}),l.mkdirSync(a.join(r,"css")),l.mkdirSync(a.join(r,"types")),l.mkdirSync(a.join(r,"js")),l.mkdirSync(a.join(r,"cache"))})();const o={keyframes:[],mediaQueries:[],globalStyles:[],variables:[],components:[],templates:[]};async function i(f){const S=["node_modules","saltygen"],w=l.statSync(f);if(w.isDirectory()){const g=l.readdirSync(f);if(S.some(F=>f.includes(F)))return;await Promise.all(g.map(F=>i(a.join(f,F))))}else if(w.isFile()&&A(f)){const h=await v(e,f,r);Object.entries(h).forEach(([F,m])=>{m.isKeyframes?o.keyframes.push({value:m,src:f,name:F}):m.isMedia?o.mediaQueries.push(m):m.isGlobalDefine?o.globalStyles.push(m):m.isDefineVariables?o.variables.push(m):m.isDefineTemplates?o.templates.push(m):m.generator&&o.components.push({value:m.generator,src:f,name:F})})}}await i(e),await Pe(e,o);const p=await ee(e);for(const f of o.keyframes){const{value:S}=f,w=`a_${S.animationName}.css`,g=`css/${w}`,h=a.join(r,g);n.push(w),l.writeFileSync(h,S.css)}const y={};for(const f of o.components){const{value:S,name:w,src:g}=f,h=S._withBuildContext({name:w,config:p,prod:t});c[h.priority]||(c[h.priority]=[]),c[h.priority].push(h.cssFileName),p.importStrategy==="component"&&(y[g]?y[g].push(h.cssFileName):y[g]=[h.cssFileName]);const F=`css/${h.cssFileName}`,m=a.join(r,F);l.writeFileSync(m,h.css)}p.importStrategy==="component"&&Object.entries(y).forEach(([f,S])=>{const w=S.map(V=>`@import url('./${V}');`).join(`
+`),g=H(f,6),h=a.parse(f),F=R(h.name),m=a.join(r,`css/f_${F}-${g}.css`);l.writeFileSync(m,w)});const b=n.map(f=>`@import url('./css/${f}');`).join(`
+`);let j=`@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
-${["_variables.css","_reset.css","_global.css","_templates.css"].filter(l=>{try{return f.readFileSync(a.join(i,"css",l),"utf8").length>0}catch{return!1}}).map(l=>`@import url('./css/${l}');`).join(`
+${["_variables.css","_reset.css","_global.css","_templates.css"].filter(f=>{try{return l.readFileSync(a.join(r,"css",f),"utf8").length>0}catch{return!1}}).map(f=>`@import url('./css/${f}');`).join(`
 `)}
-${k}`;if(y.importStrategy!=="component"){const l=o.reduce((h,w,S)=>{const g=w.reduce((C,O)=>{var A;const P=a.join(i,"css",O),Z=f.readFileSync(P,"utf8"),R=((A=/.*-([^-]+)-\d+.css/.exec(O))==null?void 0:A.at(1))||H(P,6);return C.includes(R)?C:`${C}
-/*start:${R}*/
-${Z}
-/*end:${R}*/
-`},""),F=`l_${S}.css`,b=a.join(i,"css",F),$=`@layer l${S} { ${g}
- }`;return f.writeFileSync(b,$),`${h}
-@import url('./css/${F}');`},"");m+=l}f.writeFileSync(u,m);const j=Date.now()-s,x=j<200?"🔥":j<500?"🚀":j<1e3?"🎉":j<2e3?"🚗":j<5e3?"🤔":"🥴";K.info(`Generated CSS in ${j}ms! ${x}`)}catch(s){console.error(s)}},_e=async(e,t)=>{try{const s=await z(e);if(W(t)){const o=[],i=await X(e),u=await Q(e,t,s);Object.entries(u).forEach(([p,r])=>{if(r.isKeyframes&&r.css){const _=`css/${`a_${r.animationName}.css`}`,N=a.join(s,_);f.writeFileSync(N,r.css);return}if(!r.generator)return;const c=r.generator._withBuildContext({name:p,config:i}),y=`css/${c.cssFileName}`,d=a.join(s,y);f.writeFileSync(d,c.css),o[c.priority]||(o[c.priority]=[]),o[c.priority].push(c.cssFileName)}),i.importStrategy!=="component"&&o.forEach((p,r)=>{const c=`l_${r}.css`,y=a.join(s,"css",c);let d=f.readFileSync(y,"utf8");p.forEach(k=>{var m;const _=a.join(s,"css",k),N=((m=/.*-([^-]+)-\d+.css/.exec(k))==null?void 0:m.at(1))||H(_,6);if(!d.includes(N)){const D=f.readFileSync(_,"utf8"),j=`/*start:${N}*/
-${D}
-/*end:${N}*/
-`;d=`${d.replace(/\}$/,"")}
-${j}
-}`}}),f.writeFileSync(y,d)})}}catch(s){console.error(s)}},Ne=async(e,t,s=ue())=>{try{const n=await z(e);if(W(t)){const i=f.readFileSync(t,"utf8");i.replace(/^(?!export\s)const\s.*/gm,y=>`export ${y}`)!==i&&await L.writeFile(t,i);const p=await X(e),r=await Q(e,t,n);let c=i;if(Object.entries(r).forEach(([y,d])=>{var b;if(d.isKeyframes||!d.generator)return;const k=d.generator._withBuildContext({name:y,config:p,prod:s}),_=new RegExp(`\\s${y}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(i);if(!_)return console.error("Could not find the original declaration");const N=(b=_.at(1))==null?void 0:b.trim(),T=new RegExp(`\\s${y}[=\\s]+styled\\(`,"g").exec(c);if(!T)return console.error("Could not find the original declaration");const{index:m}=T;let D=!1;const j=setTimeout(()=>D=!0,5e3);let x=0,l=!1,h=0;for(;!l&&!D;){const $=c[m+x];$==="("&&h++,$===")"&&h--,h===0&&$===")"&&(l=!0),x>c.length&&(D=!0),x++}if(!D)clearTimeout(j);else throw new Error("Failed to find the end of the styled call and timed out");const w=m+x,S=c.slice(m,w),g=c,F=` ${y} = styled(${N}, "${k.classNames}", ${JSON.stringify(k.props)});`;c=c.replace(S,F),g===c&&console.error("Minimize file failed to change content",{name:y,tagName:N})}),p.importStrategy==="component"){const y=H(t,6),d=a.parse(t);c=`import '../../saltygen/css/${`f_${M(d.name)}-${y}.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)}},ee=async e=>{if(!e||e.includes("node_modules")||e.includes("saltygen"))return!1;if(e.includes("salty.config"))return!0;if(!W(e))return!1;const n=await L.readFile(e,"utf-8");return!!/.+define[A-Z]\w+/.test(n)},de=e=>({name:"stylegen",buildStart:()=>De(e),load:async t=>{if(W(t))return await Ne(e,t)},handleHotUpdate:async({file:t,server:s})=>{await ee(t)&&await s.restart()},watchChange:{handler:async t=>{W(t)&&(await ee(t)||await _e(e,t))}}});exports.default=de;exports.saltyPlugin=de;
+${b}`;if(p.importStrategy!=="component"){const f=c.reduce((S,w,g)=>{const h=w.reduce((z,q)=>{var _;const N=a.join(r,"css",q),x=l.readFileSync(N,"utf8"),T=((_=/.*-([^-]+)-\d+.css/.exec(q))==null?void 0:_.at(1))||H(N,6);return z.includes(T)?z:`${z}
+/*start:${T}*/
+${x}
+/*end:${T}*/
+`},""),F=`l_${g}.css`,m=a.join(r,"css",F),V=`@layer l${g} { ${h}
+ }`;return l.writeFileSync(m,V),`${S}
+@import url('./css/${F}');`},"");j+=f}l.writeFileSync(u,j);const $=Date.now()-s,k=$<200?"🔥":$<500?"🚀":$<1e3?"🎉":$<2e3?"🚗":$<5e3?"🤔":"🥴";X.info(`Generated CSS in ${$}ms! ${k}`)}catch(s){console.error(s)}},Te=async(e,t)=>{try{const s=await W(e);if(A(t)){const c=[],r=await ee(e),u=await v(e,t,s);Object.entries(u).forEach(([d,o])=>{if(o.isKeyframes&&o.css){const D=`css/${`a_${o.animationName}.css`}`,P=a.join(s,D);l.writeFileSync(P,o.css);return}if(!o.generator)return;const i=o.generator._withBuildContext({name:d,config:r}),p=`css/${i.cssFileName}`,y=a.join(s,p);l.writeFileSync(y,i.css),c[i.priority]||(c[i.priority]=[]),c[i.priority].push(i.cssFileName)}),r.importStrategy!=="component"&&c.forEach((d,o)=>{const i=`l_${o}.css`,p=a.join(s,"css",i);let y=l.readFileSync(p,"utf8");d.forEach(b=>{var j;const D=a.join(s,"css",b),P=((j=/.*-([^-]+)-\d+.css/.exec(b))==null?void 0:j.at(1))||H(D,6);if(!y.includes(P)){const C=l.readFileSync(D,"utf8"),$=`/*start:${P}*/
+${C}
+/*end:${P}*/
+`;y=`${y.replace(/\}$/,"")}
+${$}
+}`}}),l.writeFileSync(p,y)})}}catch(s){console.error(s)}},Oe=async(e,t,s=ye())=>{try{const n=await W(e);if(A(t)){const r=l.readFileSync(t,"utf8");r.replace(/^(?!export\s)const\s.*/gm,p=>`export ${p}`)!==r&&await L.writeFile(t,r);const d=await ee(e),o=await v(e,t,n);let i=r;if(Object.entries(o).forEach(([p,y])=>{var m;if(y.isKeyframes||!y.generator)return;const b=y.generator._withBuildContext({name:p,config:d,prod:s}),D=new RegExp(`\\s${p}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(r);if(!D)return console.error("Could not find the original declaration");const P=(m=D.at(1))==null?void 0:m.trim(),O=new RegExp(`\\s${p}[=\\s]+styled\\(`,"g").exec(i);if(!O)return console.error("Could not find the original declaration");const{index:j}=O;let C=!1;const $=setTimeout(()=>C=!0,5e3);let k=0,f=!1,S=0;for(;!f&&!C;){const V=i[j+k];V==="("&&S++,V===")"&&S--,S===0&&V===")"&&(f=!0),k>i.length&&(C=!0),k++}if(!C)clearTimeout($);else throw new Error("Failed to find the end of the styled call and timed out");const w=j+k,g=i.slice(j,w),h=i,F=` ${p} = styled(${P}, "${b.classNames}", ${JSON.stringify(b.props)});`;i=i.replace(g,F),h===i&&console.error("Minimize file failed to change content",{name:p,tagName:P})}),d.importStrategy==="component"){const p=H(t,6),y=a.parse(t);i=`import '../../saltygen/css/${`f_${R(y.name)}-${p}.css`}';
+${i}`}return i=i.replace("{ styled }","{ styledClient as styled }"),i=i.replace("@salty-css/react/styled","@salty-css/react/styled-client"),i}}catch(n){console.error("Error in minimizeFile:",n)}},ne=async e=>{if(!e||e.includes("node_modules")||e.includes("saltygen"))return!1;if(e.includes("salty.config"))return!0;if(!A(e))return!1;const n=await L.readFile(e,"utf-8");return!!/.+define[A-Z]\w+/.test(n)},ge=e=>({name:"stylegen",buildStart:()=>_e(e),load:async t=>{if(A(t))return await Oe(e,t)},handleHotUpdate:async({file:t,server:s})=>{await ne(t)&&await s.restart()},watchChange:{handler:async t=>{A(t)&&(await ne(t)||await Te(e,t))}}});exports.default=ge;exports.saltyPlugin=ge;

package/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/vite",
-  "version": "0.0.1-alpha.178",
+  "version": "0.0.1-alpha.179",
   "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.178"
+    "@salty-css/core": "^0.0.1-alpha.179"
   }
 }