@salty-css/vite 0.0.1-alpha.84 → 0.0.1-alpha.86

package/index.cjs

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const tt=require("esbuild"),et=require("child_process"),u=require("path"),d=require("fs"),B=require("fs/promises");var _=typeof document<"u"?document.currentScript:null;function st(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 Z=st(tt),W=t=>String.fromCharCode(t+(t>25?39:97)),nt=(t,e)=>{let s="",n;for(n=Math.abs(t);n>52;n=n/52|0)s=W(n%52)+s;return s=W(n%52)+s,s.length<e?s=s.padStart(e,"a"):s.length>e&&(s=s.slice(-e)),s},ot=(t,e)=>{let s=e.length;for(;s;)t=t*33^e.charCodeAt(--s);return t},R=(t,e=3)=>{const s=ot(5381,JSON.stringify(t))>>>0;return nt(s,e)};function D(t){return t?typeof t!="string"?D(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:y}=n;t=t.replace(o,g=>{const{value:a,css:c}=y(g);return c&&s.push(c),a})}),{result:t,additionalCss:s}},z=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${D(n[1].replaceAll(".","-"))})`)}:{result:t},M=(t,e,s,n)=>{if(!t)return"";const o=[],y=Object.entries(t).reduce((a,[c,r])=>{const f=c.trim();if(typeof r=="function"&&(r=r()),typeof r=="object"){if(!r)return a;if(f==="variants")return Object.entries(r).forEach(([i,p])=>{p&&Object.entries(p).forEach(([j,m])=>{if(!m)return;const F=`${e}.${i}-${j}`,$=M(m,F);o.push($)})}),a;if(f==="defaultVariants")return a;if(f==="compoundVariants")return r.forEach(i=>{const{css:p,...j}=i,m=Object.entries(j).reduce(($,[w,T])=>`${$}.${w}-${T}`,e),F=M(p,m);o.push(F)}),a;if(f.startsWith("@")){const i=M(r,e),p=`${f} {
- ${i.replace(`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const ot=require("esbuild"),rt=require("child_process"),u=require("path"),d=require("fs"),L=require("fs/promises"),V=require("winston");var R=typeof document<"u"?document.currentScript:null;function it(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 U=it(ot),B=t=>String.fromCharCode(t+(t>25?39:97)),ct=(t,e)=>{let s="",n;for(n=Math.abs(t);n>52;n=n/52|0)s=B(n%52)+s;return s=B(n%52)+s,s.length<e?s=s.padStart(e,"a"):s.length>e&&(s=s.slice(-e)),s},at=(t,e)=>{let s=e.length;for(;s;)t=t*33^e.charCodeAt(--s);return t},q=(t,e=3)=>{const s=at(5381,JSON.stringify(t))>>>0;return ct(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 lt=(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:c}=n;t=t.replace(r,m=>{const{value:a,css:j}=c(m);return j&&s.push(j),a})}),{result:t,additionalCss:s}},G=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${E(n[1].replaceAll(".","-"))})`)}:{result:t},T=(t,e,s,n)=>{if(!t)return"";const r=[],c=Object.entries(t).reduce((a,[j,o])=>{const y=j.trim();if(typeof o=="function"&&(o=o()),typeof o=="object"){if(!o)return a;if(y==="variants")return Object.entries(o).forEach(([f,i])=>{i&&Object.entries(i).forEach(([h,p])=>{if(!p)return;const P=`${e}.${f}-${h}`,C=T(p,P);r.push(C)})}),a;if(y==="defaultVariants")return a;if(y==="compoundVariants")return o.forEach(f=>{const{css:i,...h}=f,p=Object.entries(h).reduce((C,[S,x])=>`${C}.${S}-${x}`,e),P=T(i,p);r.push(P)}),a;if(y.startsWith("@")){const f=T(o,e),i=`${y} {
+ ${f.replace(`
 `,`
  `)}
-}`;return o.push(p),a}const h=c.includes("&")?f.replace("&",e):f.startsWith(":")?`${e}${f}`:`${e} ${f}`,C=M(r,h);return o.push(C),a}const x=f.startsWith("-")?f:D(f),b=(h,C=";")=>a=`${a}${h}${C}`,l=h=>b(`${x}:${h}`);if(typeof r=="number")return l(r);if(typeof r!="string")if("toString"in r)r=r.toString();else return a;const{modifiers:S}={},k=function*(){yield z(r),yield rt(r,S)}();for(const{result:h,additionalCss:C=[]}of k)r=h,C.forEach(i=>{const p=M(i,"");b(p,"")});return l(r)},"");if(!y)return o.join(`
-`);if(!e)return y;let g="";return g=`${e} { ${y} }`,[g,...o].join(`
-`)},U=(t,e=[])=>{if(!t)return"";const s=[],n={};if(Object.entries(t).forEach(([o,y])=>{if(typeof y=="object"){if(!y)return;const g=o.trim(),a=U(y,[...e,g]);s.push(a)}else n[o]=y}),Object.keys(n).length){const o=e.map(D).join("-"),y=M(n,`.${o}`);s.push(y)}return s.join(`
-`)},H=t=>{if(!t||t==="/")throw new Error("Could not find package.json file");const e=u.join(t,"package.json");return d.existsSync(e)?e:H(u.join(t,".."))},it=async t=>{const e=H(t);return await B.readFile(e,"utf-8").then(JSON.parse).catch(()=>{})},ct=async t=>{const e=await it(t);if(e)return e.type};let O;const L=async t=>{if(O)return O;const e=await ct(t);return e==="module"?O="esm":(e==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:_&&_.tagName.toUpperCase()==="SCRIPT"&&_.src||new URL("index.cjs",document.baseURI).href).endsWith(".cjs"))&&(O="cjs"),O||"esm"},J={externalModules:[]},K=t=>{if(J.externalModules.length>0)return J.externalModules;const e=u.join(t,"salty.config.ts"),n=d.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!n)return[];const o=n[1].split(",").map(y=>y.replace(/['"`]/g,"").trim());return J.externalModules=o,o},V=t=>u.join(t,"./saltygen"),at=["salty","css","styles","styled"],lt=(t=[])=>new RegExp(`\\.(${[...at,...t].join("|")})\\.`),E=(t,e=[])=>lt(e).test(t),ut=async t=>{const e=V(t),s=u.join(t,"salty.config.ts"),n=u.join(e,"salty.config.js"),o=await L(t),y=K(t);await Z.build({entryPoints:[s],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:o,external:y});const g=Date.now(),{config:a}=await import(`${n}?t=${g}`);return a},G=async t=>{const e=await ut(t),s=new Set,n=(i,p=[])=>i?Object.entries(i).flatMap(([j,m])=>{if(!m)return;if(typeof m=="object")return n(m,[...p,j]);const F=[...p,j].join(".");s.add(`"${F}"`);const $=[...p.map(D),D(j)].join("-"),{result:w}=z(m);return`--${$}: ${w};`}):[],o=i=>i?Object.entries(i).flatMap(([p,j])=>{const m=n(j);return p==="base"?m.join(""):`${p} { ${m.join("")} }`}):[],y=i=>i?Object.entries(i).flatMap(([p,j])=>Object.entries(j).flatMap(([m,F])=>{const $=n(F,[p]),w=`.${p}-${m}, [data-${p}="${m}"]`,T=$.join("");return`${w} { ${T} }`})):[],g=n(e.variables),a=o(e.responsiveVariables),c=y(e.conditionalVariables),r=V(t),f=u.join(r,"css/variables.css"),x=`:root { ${g.join("")} ${a.join("")} } ${c.join("")}`;d.writeFileSync(f,x);const b=u.join(r,"types/css-tokens.d.ts"),S=`type VariableTokens = ${[...s].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;d.writeFileSync(b,S);const P=u.join(r,"css/global.css"),k=M(e.global,"");d.writeFileSync(P,k);const h=u.join(r,"css/templates.css"),C=U(e.templates);d.writeFileSync(h,C)},A=async(t,e,s)=>{const n=R(e),o=u.join(s,"js",n+".js"),y=await L(t),g=K(t);await Z.build({entryPoints:[e],minify:!0,treeShaking:!0,bundle:!0,outfile:o,format:y,target:["es2022"],keepNames:!0,external:g});const a=Date.now();return await import(`${o}?t=${a}`)},q=async t=>{const e=V(t),s=u.join(e,"salty.config.js"),{config:n}=await import(s);return n},ft=async t=>{try{const e=[],s=[],n=V(t),o=u.join(n,"index.css");(()=>{d.existsSync(n)&&et.execSync("rm -rf "+n),d.mkdirSync(n),d.mkdirSync(u.join(n,"css")),d.mkdirSync(u.join(n,"types"))})(),await G(t);const g=await q(t);async function a(l,S){const P=["node_modules","saltygen"],k=d.statSync(l);if(k.isDirectory()){const h=d.readdirSync(l);if(P.some(i=>l.includes(i)))return;await Promise.all(h.map(i=>a(u.join(l,i),u.join(S,i))))}else if(k.isFile()&&E(l)){const C=await A(t,l,n),i=[];Object.entries(C).forEach(([F,$])=>{if($.isKeyframes&&$.css){const I=`${$.animationName}.css`,Q=`css/${I}`,v=u.join(n,Q);e.push(I),d.writeFileSync(v,$.css);return}if(!$.generator)return;const w=$.generator._withBuildContext({name:F,config:g}),T=`${w.hash}-${w.priority}.css`;s[w.priority]||(s[w.priority]=[]),s[w.priority].push(T),i.push(T);const N=`css/${T}`,Y=u.join(n,N);d.writeFileSync(Y,w.css)});const p=i.map(F=>`@import url('./${F}');`).join(`
-`),j=R(l,6),m=u.join(n,`css/${j}.css`);d.writeFileSync(m,p)}}await a(t,n);const c=e.map(l=>`@import url('./css/${l}');`).join(`
-`);let b=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+}`;return r.push(i),a}const g=j.includes("&")?y.replace("&",e):y.startsWith(":")?`${e}${y}`:`${e} ${y}`,b=T(o,g);return r.push(b),a}const $=y.startsWith("-")?y:E(y),w=(g,b=";")=>a=`${a}${g}${b}`,k=g=>w(`${$}:${g}`);if(typeof o=="number")return k(o);if(typeof o!="string")if("toString"in o)o=o.toString();else return a;const{modifiers:l}={},O=function*(){yield G(o),yield lt(o,l)}();for(const{result:g,additionalCss:b=[]}of O)o=g,b.forEach(f=>{const i=T(f,"");w(i,"")});return k(o)},"");if(!c)return r.join(`
+`);if(!e)return c;let m="";return m=`${e} { ${c} }`,[m,...r].join(`
+`)},H=(t,e=[])=>{if(!t)return"";const s=[],n={};if(Object.entries(t).forEach(([r,c])=>{if(typeof c=="object"){if(!c)return;const m=r.trim(),a=H(c,[...e,m]);s.push(a)}else n[r]=c}),Object.keys(n).length){const r=e.map(E).join("-"),c=T(n,`.${r}`);s.push(c)}return s.join(`
+`)},K=t=>{if(!t||t==="/")throw new Error("Could not find package.json file");const e=u.join(t,"package.json");return d.existsSync(e)?e:K(u.join(t,".."))},ut=async t=>{const e=K(t);return await L.readFile(e,"utf-8").then(JSON.parse).catch(()=>{})},ft=async t=>{const e=await ut(t);if(e)return e.type};let D;const X=async t=>{if(D)return D;const e=await ft(t);return e==="module"?D="esm":(e==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:R&&R.tagName.toUpperCase()==="SCRIPT"&&R.src||new URL("index.cjs",document.baseURI).href).endsWith(".cjs"))&&(D="cjs"),D||"esm"},Z=V.createLogger({level:"debug",format:V.format.combine(V.format.colorize(),V.format.cli()),transports:[new V.transports.Console({})]}),A={externalModules:[]},Y=t=>{if(A.externalModules.length>0)return A.externalModules;const e=u.join(t,"salty.config.ts"),n=d.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!n)return[];const r=n[1].split(",").map(c=>c.replace(/['"`]/g,"").trim());return A.externalModules=r,r},J=t=>u.join(t,"./saltygen"),pt=["salty","css","styles","styled"],dt=(t=[])=>new RegExp(`\\.(${[...pt,...t].join("|")})\\.`),_=(t,e=[])=>dt(e).test(t),yt=async t=>{const e=J(t),s=u.join(t,"salty.config.ts"),n=u.join(e,"salty.config.js"),r=await X(t),c=Y(t);await U.build({entryPoints:[s],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:r,external:c});const m=Date.now(),{config:a}=await import(`${n}?t=${m}`);return a},Q=async t=>{const e=await yt(t),s=new Set,n=(f,i=[])=>f?Object.entries(f).flatMap(([h,p])=>{if(!p)return;if(typeof p=="object")return n(p,[...i,h]);const P=[...i,h].join(".");s.add(`"${P}"`);const C=[...i.map(E),E(h)].join("-"),{result:S}=G(p);return`--${C}: ${S};`}):[],r=f=>f?Object.entries(f).flatMap(([i,h])=>{const p=n(h);return i==="base"?p.join(""):`${i} { ${p.join("")} }`}):[],c=f=>f?Object.entries(f).flatMap(([i,h])=>Object.entries(h).flatMap(([p,P])=>{const C=n(P,[i]),S=`.${i}-${p}, [data-${i}="${p}"]`,x=C.join("");return`${S} { ${x} }`})):[],m=n(e.variables),a=r(e.responsiveVariables),j=c(e.conditionalVariables),o=J(t),y=u.join(o,"css/variables.css"),$=`:root { ${m.join("")} ${a.join("")} } ${j.join("")}`;d.writeFileSync(y,$);const w=u.join(o,"types/css-tokens.d.ts"),l=`type VariableTokens = ${[...s].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;d.writeFileSync(w,l);const F=u.join(o,"css/global.css"),O=T(e.global,"");d.writeFileSync(F,O);const g=u.join(o,"css/templates.css"),b=H(e.templates);d.writeFileSync(g,b)},I=async(t,e,s)=>{const n=q(e),r=u.join(s,"js",n+".js"),c=await X(t),m=Y(t);await U.build({entryPoints:[e],minify:!0,treeShaking:!0,bundle:!0,outfile:r,format:c,target:["es2022"],keepNames:!0,external:m});const a=Date.now();return await import(`${r}?t=${a}`)},W=async t=>{const e=J(t),s=u.join(e,"salty.config.js"),{config:n}=await import(s);return n},v=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},gt=async(t,e=v())=>{try{e?Z.info("Generating CSS in production mode! 🔥"):Z.info("Generating CSS in development mode! 🚀");const s=[],n=[],r=J(t),c=u.join(r,"index.css");(()=>{d.existsSync(r)&&rt.execSync("rm -rf "+r),d.mkdirSync(r),d.mkdirSync(u.join(r,"css")),d.mkdirSync(u.join(r,"types"))})(),await Q(t);const a=await W(t);async function j(l,F){const O=["node_modules","saltygen"],g=d.statSync(l);if(g.isDirectory()){const b=d.readdirSync(l);if(O.some(i=>l.includes(i)))return;await Promise.all(b.map(i=>j(u.join(l,i),u.join(F,i))))}else if(g.isFile()&&_(l)){const f=await I(t,l,r),i=[];Object.entries(f).forEach(([C,S])=>{if(S.isKeyframes&&S.css){const z=`${S.animationName}.css`,st=`css/${z}`,nt=u.join(r,st);s.push(z),d.writeFileSync(nt,S.css);return}if(!S.generator)return;const x=S.generator._withBuildContext({name:C,config:a,prod:e}),M=`${x.hash}-${x.priority}.css`;n[x.priority]||(n[x.priority]=[]),n[x.priority].push(M),i.push(M);const N=`css/${M}`,et=u.join(r,N);d.writeFileSync(et,x.css)});const h=i.map(C=>`@import url('./${C}');`).join(`
+`),p=q(l,6),P=u.join(r,`css/${p}.css`);d.writeFileSync(P,h)}}await j(t,r);const o=s.map(l=>`@import url('./css/${l}');`).join(`
+`);let k=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
-${["variables.css","global.css","templates.css"].filter(l=>{try{return d.readFileSync(u.join(n,"css",l),"utf8").length>0}catch{return!1}}).map(l=>`@import url('./css/${l}');`).join(`
+${["variables.css","global.css","templates.css"].filter(l=>{try{return d.readFileSync(u.join(r,"css",l),"utf8").length>0}catch{return!1}}).map(l=>`@import url('./css/${l}');`).join(`
 `)}
-${c}`;if(g.importStrategy!=="component"){const l=s.flat().map(S=>`@import url('./css/${S}');`).join(`
-`);b+=l}d.writeFileSync(o,b)}catch(e){console.error(e)}},pt=async(t,e)=>{try{const s=[],n=u.join(t,"./saltygen"),o=u.join(n,"index.css");if(E(e)){const g=await q(t),a=await A(t,e,n);Object.entries(a).forEach(([b,l])=>{if(!l.generator)return;const S=l.generator._withBuildContext({name:b,config:g}),P=`${S.hash}-${S.priority}.css`,k=`css/${P}`,h=u.join(n,k);s.push(P),d.writeFileSync(h,S.css)});const c=d.readFileSync(o,"utf8").split(`
-`),r=s.map(b=>`@import url('../saltygen/css/${b}');`),x=[...new Set([...c,...r])].join(`
-`);d.writeFileSync(o,x)}}catch(s){console.error(s)}},yt=async(t,e)=>{try{const s=u.join(t,"./saltygen");if(E(e)){const o=d.readFileSync(e,"utf8");o.replace(/^(?!export\s)const\s.*/gm,f=>`export ${f}`)!==o&&await B.writeFile(e,o);const g=await q(t),a=await A(t,e,s);let c=o;Object.entries(a).forEach(([f,x])=>{var T;if(x.isKeyframes||!x.generator)return;const b=x.generator._withBuildContext({name:f,config:g}),l=new RegExp(`\\s${f}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(o);if(!l)return console.error("Could not find the original declaration");const S=(T=l.at(1))==null?void 0:T.trim(),P=new RegExp(`\\s${f}[=\\s]+styled\\(`,"g").exec(c);if(!P)return console.error("Could not find the original declaration");const{index:k}=P;let h=!1;const C=setTimeout(()=>h=!0,5e3);let i=0,p=!1,j=0;for(;!p&&!h;){const N=c[k+i];N==="("&&j++,N===")"&&j--,j===0&&N===")"&&(p=!0),i>c.length&&(h=!0),i++}if(!h)clearTimeout(C);else throw new Error("Failed to find the end of the styled call and timed out");const m=k+i,F=c.slice(k,m),$=c,w=` ${f} = styled(${S}, "${b.classNames}", "${b._callerName}", ${JSON.stringify(b.props)});`;c=c.replace(F,w),$===c&&console.error("Minimize file failed to change content",{name:f,tagName:S})});const r=R(e,6);return g.importStrategy==="component"&&(c=`import '../../saltygen/css/${r}.css';
-${c}`),c=c.replace("{ styled }","{ styledClient as styled }"),c=c.replace("@salty-css/react/styled","@salty-css/react/styled-client"),c}}catch(s){console.error("Error in minimizeFile:",s)}},X=t=>({name:"stylegen",buildStart:()=>ft(t),load:async e=>{if(E(e))return await yt(t,e)},watchChange:{handler:async e=>{E(e)&&await pt(t,e),e.includes("salty.config")&&await G(t)}}});exports.default=X;exports.saltyPlugin=X;
+${o}`;if(a.importStrategy!=="component"){const l=n.flat().map(F=>`@import url('./css/${F}');`).join(`
+`);k+=l}d.writeFileSync(c,k)}catch(s){console.error(s)}},mt=async(t,e)=>{try{const s=[],n=u.join(t,"./saltygen"),r=u.join(n,"index.css");if(_(e)){const m=await W(t),a=await I(t,e,n);Object.entries(a).forEach(([w,k])=>{if(!k.generator)return;const l=k.generator._withBuildContext({name:w,config:m}),F=`${l.hash}-${l.priority}.css`,O=`css/${F}`,g=u.join(n,O);s.push(F),d.writeFileSync(g,l.css)});const j=d.readFileSync(r,"utf8").split(`
+`),o=s.map(w=>`@import url('../saltygen/css/${w}');`),$=[...new Set([...j,...o])].join(`
+`);d.writeFileSync(r,$)}}catch(s){console.error(s)}},ht=async(t,e,s=v())=>{try{const n=u.join(t,"./saltygen");if(_(e)){const c=d.readFileSync(e,"utf8");c.replace(/^(?!export\s)const\s.*/gm,$=>`export ${$}`)!==c&&await L.writeFile(e,c);const a=await W(t),j=await I(t,e,n);let o=c;Object.entries(j).forEach(([$,w])=>{var M;if(w.isKeyframes||!w.generator)return;const k=w.generator._withBuildContext({name:$,config:a,prod:s}),l=new RegExp(`\\s${$}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(c);if(!l)return console.error("Could not find the original declaration");const F=(M=l.at(1))==null?void 0:M.trim(),O=new RegExp(`\\s${$}[=\\s]+styled\\(`,"g").exec(o);if(!O)return console.error("Could not find the original declaration");const{index:g}=O;let b=!1;const f=setTimeout(()=>b=!0,5e3);let i=0,h=!1,p=0;for(;!h&&!b;){const N=o[g+i];N==="("&&p++,N===")"&&p--,p===0&&N===")"&&(h=!0),i>o.length&&(b=!0),i++}if(!b)clearTimeout(f);else throw new Error("Failed to find the end of the styled call and timed out");const P=g+i,C=o.slice(g,P),S=o,x=` ${$} = styled(${F}, "${k.classNames}", ${JSON.stringify(k.props)});`;o=o.replace(C,x),S===o&&console.error("Minimize file failed to change content",{name:$,tagName:F})});const y=q(e,6);return a.importStrategy==="component"&&(o=`import '../../saltygen/css/${y}.css';
+${o}`),o=o.replace("{ styled }","{ styledClient as styled }"),o=o.replace("@salty-css/react/styled","@salty-css/react/styled-client"),o}}catch(n){console.error("Error in minimizeFile:",n)}},tt=t=>({name:"stylegen",buildStart:()=>gt(t),load:async e=>{if(_(e))return await ht(t,e)},watchChange:{handler:async e=>{_(e)&&await mt(t,e),e.includes("salty.config")&&await Q(t)}}});exports.default=tt;exports.saltyPlugin=tt;

package/index.js

@@ -1,313 +1,327 @@
-import * as z from "esbuild";
-import { execSync as tt } from "child_process";
+import * as K from "esbuild";
+import { execSync as ot } from "child_process";
 import { join as f } from "path";
-import { existsSync as H, writeFileSync as M, mkdirSync as A, statSync as st, readdirSync as et, readFileSync as V } from "fs";
-import { readFile as nt, writeFile as ot } from "fs/promises";
-const Z = (t) => String.fromCharCode(t + (t > 25 ? 39 : 97)), rt = (t, s) => {
-  let e = "", n;
-  for (n = Math.abs(t); n > 52; n = n / 52 | 0) e = Z(n % 52) + e;
-  return e = Z(n % 52) + e, e.length < s ? e = e.padStart(s, "a") : e.length > s && (e = e.slice(-s)), e;
-}, ct = (t, s) => {
-  let e = s.length;
-  for (; e; ) t = t * 33 ^ s.charCodeAt(--e);
+import { existsSync as L, writeFileSync as E, mkdirSync as R, statSync as rt, readdirSync as ct, readFileSync as J } from "fs";
+import { readFile as it, writeFile as at } from "fs/promises";
+import { createLogger as lt, format as _, transports as ft } from "winston";
+const G = (t) => String.fromCharCode(t + (t > 25 ? 39 : 97)), ut = (t, e) => {
+  let s = "", o;
+  for (o = Math.abs(t); o > 52; o = o / 52 | 0) s = G(o % 52) + s;
+  return s = G(o % 52) + s, s.length < e ? s = s.padStart(e, "a") : s.length > e && (s = s.slice(-e)), s;
+}, pt = (t, e) => {
+  let s = e.length;
+  for (; s; ) t = t * 33 ^ e.charCodeAt(--s);
   return t;
-}, _ = (t, s = 3) => {
-  const e = ct(5381, JSON.stringify(t)) >>> 0;
-  return rt(e, s);
+}, B = (t, e = 3) => {
+  const s = pt(5381, JSON.stringify(t)) >>> 0;
+  return ut(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, (s, e) => (e > 0 ? "-" : "") + s.toLowerCase()) : "";
+function N(t) {
+  return t ? typeof t != "string" ? N(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 = (t, s) => {
+const gt = (t, e) => {
   if (typeof t != "string") return { result: t };
-  if (!s) return { result: t };
-  const e = [];
-  return Object.values(s).forEach((n) => {
-    const { pattern: o, transform: g } = n;
-    t = t.replace(o, (y) => {
-      const { value: a, css: i } = g(y);
-      return i && e.push(i), a;
+  if (!e) return { result: t };
+  const s = [];
+  return Object.values(e).forEach((o) => {
+    const { pattern: r, transform: i } = o;
+    t = t.replace(r, (d) => {
+      const { value: a, css: h } = i(d);
+      return h && s.push(h), a;
     });
-  }), { result: t, additionalCss: e };
-}, K = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${E(n[1].replaceAll(".", "-"))})`) } : { result: t }, T = (t, s, e, n) => {
+  }), { result: t, additionalCss: s };
+}, q = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...o) => `var(--${N(o[1].replaceAll(".", "-"))})`) } : { result: t }, D = (t, e, s, o) => {
   if (!t) return "";
-  const o = [], g = Object.entries(t).reduce((a, [i, r]) => {
-    const u = i.trim();
-    if (typeof r == "function" && (r = r()), typeof r == "object") {
-      if (!r) return a;
-      if (u === "variants")
-        return Object.entries(r).forEach(([c, p]) => {
-          p && Object.entries(p).forEach(([m, h]) => {
-            if (!h) return;
-            const S = `${s}.${c}-${m}`, $ = T(h, S);
-            o.push($);
+  const r = [], i = Object.entries(t).reduce((a, [h, n]) => {
+    const g = h.trim();
+    if (typeof n == "function" && (n = n()), typeof n == "object") {
+      if (!n) return a;
+      if (g === "variants")
+        return Object.entries(n).forEach(([u, c]) => {
+          c && Object.entries(c).forEach(([m, p]) => {
+            if (!p) return;
+            const x = `${e}.${u}-${m}`, F = D(p, x);
+            r.push(F);
           });
         }), a;
-      if (u === "defaultVariants")
+      if (g === "defaultVariants")
         return a;
-      if (u === "compoundVariants")
-        return r.forEach((c) => {
-          const { css: p, ...m } = c, h = Object.entries(m).reduce(($, [j, P]) => `${$}.${j}-${P}`, s), S = T(p, h);
-          o.push(S);
+      if (g === "compoundVariants")
+        return n.forEach((u) => {
+          const { css: c, ...m } = u, p = Object.entries(m).reduce((F, [w, k]) => `${F}.${w}-${k}`, e), x = D(c, p);
+          r.push(x);
         }), a;
-      if (u.startsWith("@")) {
-        const c = T(r, s), p = `${u} {
- ${c.replace(`
+      if (g.startsWith("@")) {
+        const u = D(n, e), c = `${g} {
+ ${u.replace(`
 `, `
  `)}
 }`;
-        return o.push(p), a;
+        return r.push(c), a;
       }
-      const d = i.includes("&") ? u.replace("&", s) : u.startsWith(":") ? `${s}${u}` : `${s} ${u}`, k = T(r, d);
-      return o.push(k), a;
+      const y = h.includes("&") ? g.replace("&", e) : g.startsWith(":") ? `${e}${g}` : `${e} ${g}`, $ = D(n, y);
+      return r.push($), a;
     }
-    const x = u.startsWith("-") ? u : E(u), b = (d, k = ";") => a = `${a}${d}${k}`, l = (d) => b(`${x}:${d}`);
-    if (typeof r == "number") return l(r);
-    if (typeof r != "string")
-      if ("toString" in r) r = r.toString();
+    const b = g.startsWith("-") ? g : N(g), S = (y, $ = ";") => a = `${a}${y}${$}`, C = (y) => S(`${b}:${y}`);
+    if (typeof n == "number") return C(n);
+    if (typeof n != "string")
+      if ("toString" in n) n = n.toString();
       else return a;
-    const { modifiers: w } = {}, F = function* () {
-      yield K(r), yield it(r, w);
+    const { modifiers: l } = {}, P = function* () {
+      yield q(n), yield gt(n, l);
     }();
-    for (const { result: d, additionalCss: k = [] } of F)
-      r = d, k.forEach((c) => {
-        const p = T(c, "");
-        b(p, "");
+    for (const { result: y, additionalCss: $ = [] } of P)
+      n = y, $.forEach((u) => {
+        const c = D(u, "");
+        S(c, "");
       });
-    return l(r);
+    return C(n);
   }, "");
-  if (!g) return o.join(`
+  if (!i) return r.join(`
 `);
-  if (!s) return g;
-  let y = "";
-  return y = `${s} { ${g} }`, [y, ...o].join(`
+  if (!e) return i;
+  let d = "";
+  return d = `${e} { ${i} }`, [d, ...r].join(`
 `);
-}, q = (t, s = []) => {
+}, U = (t, e = []) => {
   if (!t) return "";
-  const e = [], n = {};
-  if (Object.entries(t).forEach(([o, g]) => {
-    if (typeof g == "object") {
-      if (!g) return;
-      const y = o.trim(), a = q(g, [...s, y]);
-      e.push(a);
+  const s = [], o = {};
+  if (Object.entries(t).forEach(([r, i]) => {
+    if (typeof i == "object") {
+      if (!i) return;
+      const d = r.trim(), a = U(i, [...e, d]);
+      s.push(a);
     } else
-      n[o] = g;
-  }), Object.keys(n).length) {
-    const o = s.map(E).join("-"), g = T(n, `.${o}`);
-    e.push(g);
+      o[r] = i;
+  }), Object.keys(o).length) {
+    const r = e.map(N).join("-"), i = D(o, `.${r}`);
+    s.push(i);
   }
-  return e.join(`
+  return s.join(`
 `);
-}, G = (t) => {
+}, X = (t) => {
   if (!t || t === "/") throw new Error("Could not find package.json file");
-  const s = f(t, "package.json");
-  return H(s) ? s : G(f(t, ".."));
-}, at = async (t) => {
-  const s = G(t);
-  return await nt(s, "utf-8").then(JSON.parse).catch(() => {
+  const e = f(t, "package.json");
+  return L(e) ? e : X(f(t, ".."));
+}, yt = async (t) => {
+  const e = X(t);
+  return await it(e, "utf-8").then(JSON.parse).catch(() => {
   });
-}, lt = async (t) => {
-  const s = await at(t);
-  if (s)
-    return s.type;
+}, dt = async (t) => {
+  const e = await yt(t);
+  if (e)
+    return e.type;
 };
-let D;
-const L = async (t) => {
-  if (D) return D;
-  const s = await lt(t);
-  return s === "module" ? D = "esm" : (s === "commonjs" || import.meta.url.endsWith(".cjs")) && (D = "cjs"), D || "esm";
-}, R = {
+let T;
+const Y = async (t) => {
+  if (T) return T;
+  const e = await dt(t);
+  return e === "module" ? T = "esm" : (e === "commonjs" || import.meta.url.endsWith(".cjs")) && (T = "cjs"), T || "esm";
+}, H = lt({
+  level: "debug",
+  format: _.combine(_.colorize(), _.cli()),
+  transports: [new ft.Console({})]
+}), W = {
   externalModules: []
-}, U = (t) => {
-  if (R.externalModules.length > 0) return R.externalModules;
-  const s = f(t, "salty.config.ts"), n = V(s, "utf8").match(/externalModules:\s?\[(.*)\]/);
-  if (!n) return [];
-  const o = n[1].split(",").map((g) => g.replace(/['"`]/g, "").trim());
-  return R.externalModules = o, o;
-}, J = (t) => f(t, "./saltygen"), ft = ["salty", "css", "styles", "styled"], ut = (t = []) => new RegExp(`\\.(${[...ft, ...t].join("|")})\\.`), O = (t, s = []) => ut(s).test(t), pt = async (t) => {
-  const s = J(t), e = f(t, "salty.config.ts"), n = f(s, "salty.config.js"), o = await L(t), g = U(t);
-  await z.build({
-    entryPoints: [e],
+}, Q = (t) => {
+  if (W.externalModules.length > 0) return W.externalModules;
+  const e = f(t, "salty.config.ts"), o = J(e, "utf8").match(/externalModules:\s?\[(.*)\]/);
+  if (!o) return [];
+  const r = o[1].split(",").map((i) => i.replace(/['"`]/g, "").trim());
+  return W.externalModules = r, r;
+}, A = (t) => f(t, "./saltygen"), mt = ["salty", "css", "styles", "styled"], ht = (t = []) => new RegExp(`\\.(${[...mt, ...t].join("|")})\\.`), V = (t, e = []) => ht(e).test(t), $t = async (t) => {
+  const e = A(t), s = f(t, "salty.config.ts"), o = f(e, "salty.config.js"), r = await Y(t), i = Q(t);
+  await K.build({
+    entryPoints: [s],
     minify: !0,
     treeShaking: !0,
     bundle: !0,
-    outfile: n,
-    format: o,
-    external: g
+    outfile: o,
+    format: r,
+    external: i
   });
-  const y = Date.now(), { config: a } = await import(`${n}?t=${y}`);
+  const d = Date.now(), { config: a } = await import(`${o}?t=${d}`);
   return a;
-}, X = async (t) => {
-  const s = await pt(t), e = /* @__PURE__ */ new Set(), n = (c, p = []) => c ? Object.entries(c).flatMap(([m, h]) => {
-    if (!h) return;
-    if (typeof h == "object") return n(h, [...p, m]);
-    const S = [...p, m].join(".");
-    e.add(`"${S}"`);
-    const $ = [...p.map(E), E(m)].join("-"), { result: j } = K(h);
-    return `--${$}: ${j};`;
-  }) : [], o = (c) => c ? Object.entries(c).flatMap(([p, m]) => {
-    const h = n(m);
-    return p === "base" ? h.join("") : `${p} { ${h.join("")} }`;
-  }) : [], g = (c) => c ? Object.entries(c).flatMap(([p, m]) => Object.entries(m).flatMap(([h, S]) => {
-    const $ = n(S, [p]), j = `.${p}-${h}, [data-${p}="${h}"]`, P = $.join("");
-    return `${j} { ${P} }`;
-  })) : [], y = n(s.variables), a = o(s.responsiveVariables), i = g(s.conditionalVariables), r = J(t), u = f(r, "css/variables.css"), x = `:root { ${y.join("")} ${a.join("")} } ${i.join("")}`;
-  M(u, x);
-  const b = f(r, "types/css-tokens.d.ts"), w = `type VariableTokens = ${[...e].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
-  M(b, w);
-  const C = f(r, "css/global.css"), F = T(s.global, "");
-  M(C, F);
-  const d = f(r, "css/templates.css"), k = q(s.templates);
-  M(d, k);
-}, W = async (t, s, e) => {
-  const n = _(s), o = f(e, "js", n + ".js"), g = await L(t), y = U(t);
-  await z.build({
-    entryPoints: [s],
+}, v = async (t) => {
+  const e = await $t(t), s = /* @__PURE__ */ new Set(), o = (u, c = []) => u ? Object.entries(u).flatMap(([m, p]) => {
+    if (!p) return;
+    if (typeof p == "object") return o(p, [...c, m]);
+    const x = [...c, m].join(".");
+    s.add(`"${x}"`);
+    const F = [...c.map(N), N(m)].join("-"), { result: w } = q(p);
+    return `--${F}: ${w};`;
+  }) : [], r = (u) => u ? Object.entries(u).flatMap(([c, m]) => {
+    const p = o(m);
+    return c === "base" ? p.join("") : `${c} { ${p.join("")} }`;
+  }) : [], i = (u) => u ? Object.entries(u).flatMap(([c, m]) => Object.entries(m).flatMap(([p, x]) => {
+    const F = o(x, [c]), w = `.${c}-${p}, [data-${c}="${p}"]`, k = F.join("");
+    return `${w} { ${k} }`;
+  })) : [], d = o(e.variables), a = r(e.responsiveVariables), h = i(e.conditionalVariables), n = A(t), g = f(n, "css/variables.css"), b = `:root { ${d.join("")} ${a.join("")} } ${h.join("")}`;
+  E(g, b);
+  const S = f(n, "types/css-tokens.d.ts"), l = `type VariableTokens = ${[...s].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
+  E(S, l);
+  const j = f(n, "css/global.css"), P = D(e.global, "");
+  E(j, P);
+  const y = f(n, "css/templates.css"), $ = U(e.templates);
+  E(y, $);
+}, I = async (t, e, s) => {
+  const o = B(e), r = f(s, "js", o + ".js"), i = await Y(t), d = Q(t);
+  await K.build({
+    entryPoints: [e],
     minify: !0,
     treeShaking: !0,
     bundle: !0,
-    outfile: o,
-    format: g,
+    outfile: r,
+    format: i,
     target: ["es2022"],
     keepNames: !0,
-    external: y
+    external: d
   });
   const a = Date.now();
-  return await import(`${o}?t=${a}`);
-}, B = async (t) => {
-  const s = J(t), e = f(s, "salty.config.js"), { config: n } = await import(e);
-  return n;
-}, gt = async (t) => {
+  return await import(`${r}?t=${a}`);
+}, Z = async (t) => {
+  const e = A(t), s = f(e, "salty.config.js"), { config: o } = await import(s);
+  return o;
+}, tt = () => {
   try {
-    const s = [], e = [], n = J(t), o = f(n, "index.css");
+    return process.env.NODE_ENV === "production";
+  } catch {
+    return !1;
+  }
+}, bt = async (t, e = tt()) => {
+  try {
+    e ? H.info("Generating CSS in production mode! 🔥") : H.info("Generating CSS in development mode! 🚀");
+    const s = [], o = [], r = A(t), i = f(r, "index.css");
     (() => {
-      H(n) && tt("rm -rf " + n), A(n), A(f(n, "css")), A(f(n, "types"));
-    })(), await X(t);
-    const y = await B(t);
-    async function a(l, w) {
-      const C = ["node_modules", "saltygen"], F = st(l);
-      if (F.isDirectory()) {
-        const d = et(l);
-        if (C.some((c) => l.includes(c))) return;
-        await Promise.all(d.map((c) => a(f(l, c), f(w, c))));
-      } else if (F.isFile() && O(l)) {
-        const k = await W(t, l, n), c = [];
-        Object.entries(k).forEach(([S, $]) => {
-          if ($.isKeyframes && $.css) {
-            const I = `${$.animationName}.css`, Q = `css/${I}`, v = f(n, Q);
-            s.push(I), M(v, $.css);
+      L(r) && ot("rm -rf " + r), R(r), R(f(r, "css")), R(f(r, "types"));
+    })(), await v(t);
+    const a = await Z(t);
+    async function h(l, j) {
+      const P = ["node_modules", "saltygen"], y = rt(l);
+      if (y.isDirectory()) {
+        const $ = ct(l);
+        if (P.some((c) => l.includes(c))) return;
+        await Promise.all($.map((c) => h(f(l, c), f(j, c))));
+      } else if (y.isFile() && V(l)) {
+        const u = await I(t, l, r), c = [];
+        Object.entries(u).forEach(([F, w]) => {
+          if (w.isKeyframes && w.css) {
+            const z = `${w.animationName}.css`, st = `css/${z}`, nt = f(r, st);
+            s.push(z), E(nt, w.css);
             return;
           }
-          if (!$.generator) return;
-          const j = $.generator._withBuildContext({
-            name: S,
-            config: y
-          }), P = `${j.hash}-${j.priority}.css`;
-          e[j.priority] || (e[j.priority] = []), e[j.priority].push(P), c.push(P);
-          const N = `css/${P}`, Y = f(n, N);
-          M(Y, j.css);
+          if (!w.generator) return;
+          const k = w.generator._withBuildContext({
+            name: F,
+            config: a,
+            prod: e
+          }), M = `${k.hash}-${k.priority}.css`;
+          o[k.priority] || (o[k.priority] = []), o[k.priority].push(M), c.push(M);
+          const O = `css/${M}`, et = f(r, O);
+          E(et, k.css);
         });
-        const p = c.map((S) => `@import url('./${S}');`).join(`
-`), m = _(l, 6), h = f(n, `css/${m}.css`);
-        M(h, p);
+        const m = c.map((F) => `@import url('./${F}');`).join(`
+`), p = B(l, 6), x = f(r, `css/${p}.css`);
+        E(x, m);
       }
     }
-    await a(t, n);
-    const i = s.map((l) => `@import url('./css/${l}');`).join(`
+    await h(t, r);
+    const n = s.map((l) => `@import url('./css/${l}');`).join(`
 `);
-    let b = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+    let C = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
 ${["variables.css", "global.css", "templates.css"].filter((l) => {
       try {
-        return V(f(n, "css", l), "utf8").length > 0;
+        return J(f(r, "css", l), "utf8").length > 0;
       } catch {
         return !1;
       }
     }).map((l) => `@import url('./css/${l}');`).join(`
 `)}
-${i}`;
-    if (y.importStrategy !== "component") {
-      const l = e.flat().map((w) => `@import url('./css/${w}');`).join(`
+${n}`;
+    if (a.importStrategy !== "component") {
+      const l = o.flat().map((j) => `@import url('./css/${j}');`).join(`
 `);
-      b += l;
+      C += l;
     }
-    M(o, b);
+    E(i, C);
   } catch (s) {
     console.error(s);
   }
-}, yt = async (t, s) => {
+}, wt = async (t, e) => {
   try {
-    const e = [], n = f(t, "./saltygen"), o = f(n, "index.css");
-    if (O(s)) {
-      const y = await B(t), a = await W(t, s, n);
-      Object.entries(a).forEach(([b, l]) => {
-        if (!l.generator) return;
-        const w = l.generator._withBuildContext({
-          name: b,
-          config: y
-        }), C = `${w.hash}-${w.priority}.css`, F = `css/${C}`, d = f(n, F);
-        e.push(C), M(d, w.css);
+    const s = [], o = f(t, "./saltygen"), r = f(o, "index.css");
+    if (V(e)) {
+      const d = await Z(t), a = await I(t, e, o);
+      Object.entries(a).forEach(([S, C]) => {
+        if (!C.generator) return;
+        const l = C.generator._withBuildContext({
+          name: S,
+          config: d
+        }), j = `${l.hash}-${l.priority}.css`, P = `css/${j}`, y = f(o, P);
+        s.push(j), E(y, l.css);
       });
-      const i = V(o, "utf8").split(`
-`), r = e.map((b) => `@import url('../saltygen/css/${b}');`), x = [.../* @__PURE__ */ new Set([...i, ...r])].join(`
+      const h = J(r, "utf8").split(`
+`), n = s.map((S) => `@import url('../saltygen/css/${S}');`), b = [.../* @__PURE__ */ new Set([...h, ...n])].join(`
 `);
-      M(o, x);
+      E(r, b);
     }
-  } catch (e) {
-    console.error(e);
+  } catch (s) {
+    console.error(s);
   }
-}, dt = async (t, s) => {
+}, St = async (t, e, s = tt()) => {
   try {
-    const e = f(t, "./saltygen");
-    if (O(s)) {
-      const o = V(s, "utf8");
-      o.replace(/^(?!export\s)const\s.*/gm, (u) => `export ${u}`) !== o && await ot(s, o);
-      const y = await B(t), a = await W(t, s, e);
-      let i = o;
-      Object.entries(a).forEach(([u, x]) => {
-        var P;
-        if (x.isKeyframes || !x.generator) return;
-        const b = x.generator._withBuildContext({
-          name: u,
-          config: y
-        }), l = new RegExp(`\\s${u}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(o);
+    const o = f(t, "./saltygen");
+    if (V(e)) {
+      const i = J(e, "utf8");
+      i.replace(/^(?!export\s)const\s.*/gm, (b) => `export ${b}`) !== i && await at(e, i);
+      const a = await Z(t), h = await I(t, e, o);
+      let n = i;
+      Object.entries(h).forEach(([b, S]) => {
+        var M;
+        if (S.isKeyframes || !S.generator) return;
+        const C = S.generator._withBuildContext({
+          name: b,
+          config: a,
+          prod: s
+        }), l = new RegExp(`\\s${b}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(i);
         if (!l) return console.error("Could not find the original declaration");
-        const w = (P = l.at(1)) == null ? void 0 : P.trim(), C = new RegExp(`\\s${u}[=\\s]+styled\\(`, "g").exec(i);
-        if (!C) return console.error("Could not find the original declaration");
-        const { index: F } = C;
-        let d = !1;
-        const k = setTimeout(() => d = !0, 5e3);
-        let c = 0, p = !1, m = 0;
-        for (; !p && !d; ) {
-          const N = i[F + c];
-          N === "(" && m++, N === ")" && m--, m === 0 && N === ")" && (p = !0), c > i.length && (d = !0), c++;
+        const j = (M = l.at(1)) == null ? void 0 : M.trim(), P = new RegExp(`\\s${b}[=\\s]+styled\\(`, "g").exec(n);
+        if (!P) return console.error("Could not find the original declaration");
+        const { index: y } = P;
+        let $ = !1;
+        const u = setTimeout(() => $ = !0, 5e3);
+        let c = 0, m = !1, p = 0;
+        for (; !m && !$; ) {
+          const O = n[y + c];
+          O === "(" && p++, O === ")" && p--, p === 0 && O === ")" && (m = !0), c > n.length && ($ = !0), c++;
         }
-        if (!d) clearTimeout(k);
+        if (!$) clearTimeout(u);
         else throw new Error("Failed to find the end of the styled call and timed out");
-        const h = F + c, S = i.slice(F, h), $ = i, j = ` ${u} = styled(${w}, "${b.classNames}", "${b._callerName}", ${JSON.stringify(b.props)});`;
-        i = i.replace(S, j), $ === i && console.error("Minimize file failed to change content", { name: u, tagName: w });
+        const x = y + c, F = n.slice(y, x), w = n, k = ` ${b} = styled(${j}, "${C.classNames}", ${JSON.stringify(C.props)});`;
+        n = n.replace(F, k), w === n && console.error("Minimize file failed to change content", { name: b, tagName: j });
       });
-      const r = _(s, 6);
-      return y.importStrategy === "component" && (i = `import '../../saltygen/css/${r}.css';
-${i}`), i = i.replace("{ styled }", "{ styledClient as styled }"), i = i.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), i;
+      const g = B(e, 6);
+      return a.importStrategy === "component" && (n = `import '../../saltygen/css/${g}.css';
+${n}`), n = n.replace("{ styled }", "{ styledClient as styled }"), n = n.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), n;
     }
-  } catch (e) {
-    console.error("Error in minimizeFile:", e);
+  } catch (o) {
+    console.error("Error in minimizeFile:", o);
   }
-}, wt = (t) => ({
+}, Pt = (t) => ({
   name: "stylegen",
-  buildStart: () => gt(t),
-  load: async (s) => {
-    if (O(s))
-      return await dt(t, s);
+  buildStart: () => bt(t),
+  load: async (e) => {
+    if (V(e))
+      return await St(t, e);
   },
   watchChange: {
-    handler: async (s) => {
-      O(s) && await yt(t, s), s.includes("salty.config") && await X(t);
+    handler: async (e) => {
+      V(e) && await wt(t, e), e.includes("salty.config") && await v(t);
     }
   }
 });
 export {
-  wt as default,
-  wt as saltyPlugin
+  Pt as default,
+  Pt as saltyPlugin
 };

package/package.json

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