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

package/index.cjs

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

package/index.js

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

package/package.json

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