@salty-css/vite 0.0.1-alpha.72 → 0.0.1-alpha.73

package/index.cjs

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

package/index.js

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

package/package.json

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