@salty-css/webpack 0.0.1-alpha.180 → 0.0.1-alpha.181

package/index-CgxcvuUt.cjs

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

package/{index-B5p2PCY4.js → index-mrgKn_a7.js}

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

package/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("path"),t=require("./index-CLeyuKRw.cjs"),y=require("fs/promises"),g=require("fs"),p=async e=>{if(!e||e.includes("node_modules")||e.includes("saltygen"))return!1;if(e.includes("salty.config"))return!0;if(!t.isSaltyFile(e))return!1;const a=await y.readFile(e,"utf-8");return!!/.+define[A-Z]\w+/.test(a)},c=(e,s,l=!1,a=!1)=>{var n,u,i;(u=(n=e.module)==null?void 0:n.rules)==null||u.push({test:t.saltyFileRegExp(),use:[{loader:d.resolve(__dirname,a?"./loader.cjs":"./loader.js"),options:{dir:s}}]}),l||(i=e.plugins)==null||i.push({apply:f=>{let o=!1;f.hooks.watchRun.tapPromise({name:"generateCss"},async()=>{o||(o=!0,await t.generateCss(s),g.watch(s,{recursive:!0},async(h,r)=>{await p(r)?await t.generateCss(s):t.isSaltyFile(r)&&await t.generateFile(s,r)}))})}})};exports.default=c;exports.saltyPlugin=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("path"),t=require("./index-CgxcvuUt.cjs"),y=require("fs/promises"),g=require("fs"),p=async e=>{if(!e||e.includes("node_modules")||e.includes("saltygen"))return!1;if(e.includes("salty.config"))return!0;if(!t.isSaltyFile(e))return!1;const a=await y.readFile(e,"utf-8");return!!/.+define[A-Z]\w+/.test(a)},c=(e,s,l=!1,a=!1)=>{var n,u,i;(u=(n=e.module)==null?void 0:n.rules)==null||u.push({test:t.saltyFileRegExp(),use:[{loader:d.resolve(__dirname,a?"./loader.cjs":"./loader.js"),options:{dir:s}}]}),l||(i=e.plugins)==null||i.push({apply:f=>{let o=!1;f.hooks.watchRun.tapPromise({name:"generateCss"},async()=>{o||(o=!0,await t.generateCss(s),g.watch(s,{recursive:!0},async(h,r)=>{await p(r)?await t.generateCss(s,!1,!1):t.isSaltyFile(r)&&await t.generateFile(s,r)}))})}})};exports.default=c;exports.saltyPlugin=c;

package/index.js

@@ -1,11 +1,11 @@
 import { resolve as d } from "path";
-import { i as c, s as p, g as u, a as y } from "./index-B5p2PCY4.js";
+import { i as f, s as p, g as u, a as y } from "./index-mrgKn_a7.js";
 import { readFile as g } from "fs/promises";
 import { watch as m } from "fs";
 const w = async (s) => {
   if (!s || s.includes("node_modules") || s.includes("saltygen")) return !1;
   if (s.includes("salty.config")) return !0;
-  if (!c(s)) return !1;
+  if (!f(s)) return !1;
   const t = await g(s, "utf-8");
   return !!/.+define[A-Z]\w+/.test(t);
 }, j = (s, e, r = !1, t = !1) => {
@@ -19,11 +19,11 @@ const w = async (s) => {
       }
     ]
   }), r || (n = s.plugins) == null || n.push({
-    apply: (f) => {
+    apply: (c) => {
       let i = !1;
-      f.hooks.watchRun.tapPromise({ name: "generateCss" }, async () => {
+      c.hooks.watchRun.tapPromise({ name: "generateCss" }, async () => {
         i || (i = !0, await u(e), m(e, { recursive: !0 }, async (h, a) => {
-          await w(a) ? await u(e) : c(a) && await y(e, a);
+          await w(a) ? await u(e, !1, !1) : f(a) && await y(e, a);
         }));
       });
     }

package/loader.cjs

@@ -1 +1 @@
-"use strict";const i=require("./index-CLeyuKRw.cjs");async function n(){const{dir:e}=this.getOptions(),{resourcePath:t}=this;return await i.generateFile(e,t),await i.minimizeFile(e,t)}module.exports=n;
+"use strict";const i=require("./index-CgxcvuUt.cjs");async function n(){const{dir:e}=this.getOptions(),{resourcePath:t}=this;return await i.generateFile(e,t),await i.minimizeFile(e,t)}module.exports=n;

package/loader.js

@@ -1,4 +1,4 @@
-import { a as e, m as i } from "./index-B5p2PCY4.js";
+import { a as e, m as i } from "./index-mrgKn_a7.js";
 async function s() {
   const { dir: t } = this.getOptions(), { resourcePath: a } = this;
   return await e(t, a), await i(t, a);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/webpack",
-  "version": "0.0.1-alpha.180",
+  "version": "0.0.1-alpha.181",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -34,7 +34,7 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.180",
+    "@salty-css/core": "^0.0.1-alpha.181",
     "webpack": ">=5.x"
   }
 }

package/index-CLeyuKRw.cjs

@@ -1,36 +0,0 @@
-"use strict";const me=require("esbuild"),he=require("child_process"),l=require("path"),u=require("fs"),X=require("fs/promises"),Z=require("winston");var U=typeof document<"u"?document.currentScript:null;function Se(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 ne=Se(me),te=e=>String.fromCharCode(e+(e>25?39:97)),be=(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},je=(e,t)=>{let s=t.length;for(;s;)e=e*33^t.charCodeAt(--s);return e},H=(e,t=5)=>{const s=je(5381,JSON.stringify(e))>>>0;return be(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 $e=(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:p,css:r}=a(i);return r&&s.push(r),p})}),{result:e,additionalCss:s}},oe=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,[p,r])=>{const o=p.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(([E,f])=>{if(!f)return;const $=`${t}.${P}-${E}`,S=M(f,$);n.push(S)})}),i;if(o==="defaultVariants")return i;if(o==="compoundVariants")return r.forEach(P=>{const{css:b,...E}=P,f=Object.entries(E).reduce((S,[w,m])=>`${S}.${w}-${m}`,t),$=M(b,f);n.push($)}),i;if(o.startsWith("@")){const P=M(r,t),b=`${o} {
- ${P.replace(`
-`,`
- `)}
-}`;return n.push(b),i}const j=p.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),d=(j,F=";")=>i=`${i}${j}${F}`,y=j=>d(`${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:k}={},_=function*(){yield oe(r),yield $e(r,k)}();for(const{result:j,additionalCss:F=[]}of _)r=j,F.forEach(P=>{const b=M(P,"");d(b,"")});return y(r)},"");return c?t?[`${t} { ${c} }`,...n].join(`
-`):c:n.join(`
-`)},re=(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(),p=re(a,[...t,i]);s.push(p)}else n[c]=a}),Object.keys(n).length){const c=t.map(R).join("-"),a=M(n,`.${c}`);s.push(a)}return s.join(`
-`)},we=e=>e?Object.entries(e).reduce((t,[s,n])=>(typeof n=="object"&&(t[s]=ie(n).map(c=>`"${c}"`).join(" | ")),t),{}):{},ie=(e,t="",s=new Set)=>e?(Object.entries(e).forEach(([n,c])=>{const a=t?`${t}.${n}`:n;return typeof c=="object"?ie(c,a,s):s.add(t)}),[...s]):[],ce=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:ce(l.join(e,".."))},Fe=async e=>{const t=ce(e);return await X.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},Ce=async e=>{const t=await Fe(e);if(t)return t.type};let A;const ae=async e=>{if(A)return A;const t=await Ce(e);return t==="module"?A="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:U&&U.tagName.toUpperCase()==="SCRIPT"&&U.src||new URL("index-CLeyuKRw.cjs",document.baseURI).href).endsWith(".cjs"))&&(A="cjs"),A||"esm"},Q=Z.createLogger({level:"debug",format:Z.format.combine(Z.format.colorize(),Z.format.cli()),transports:[new Z.transports.Console({})]});function le(e){return e?typeof e!="string"?le(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},fe=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},W=async e=>{if(V.destDir)return V.destDir;const t=await Y(e),s=l.join(e,(t==null?void 0:t.saltygenDir)||"saltygen");return V.destDir=s,s},ue=["salty","css","styles","styled"],pe=(e=[])=>new RegExp(`\\.(${[...ue,...e].join("|")})\\.`),L=(e,t=[])=>pe(t).test(e),de=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 X.readFile(t,"utf-8").then(JSON.parse).catch(()=>{});return s?(V.rcFile=s,s):de(l.join(e,".."))},Y=async e=>{var n,c;const t=await de(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))},ke=async e=>{const t=await Y(e),s=await W(e),n=l.join(e,(t==null?void 0:t.configDir)||"","salty.config.ts"),c=l.join(s,"salty.config.js"),a=await ae(e),i=fe(n);await ne.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:c,format:a,external:i});const p=Date.now(),{config:r}=await import(`${c}?t=${p}`);return r},Ne=async(e,t)=>{const s=await ke(e),n={...s},c=new Set,a=(N,x=[])=>N?Object.entries(N).flatMap(([O,T])=>{if(!T)return;if(typeof T=="object")return a(T,[...x,O]);const J=le(O),G=R(O),B=[...x,J].join(".");c.add(`"${B}"`);const K=[...x.map(R),G].join("-"),{result:ge}=oe(T);return`--${K}: ${ge};`}):[],i=N=>N?Object.entries(N).flatMap(([x,O])=>{const T=a(O);return x==="base"?T.join(""):`${x} { ${T.join("")} }`}):[],p=N=>N?Object.entries(N).flatMap(([x,O])=>Object.entries(O).flatMap(([T,J])=>{const G=a(J,[x]),B=`.${x}-${T}, [data-${x}="${T}"]`,K=G.join("");return`${B} { ${K} }`})):[],r=N=>t.variables.map(x=>x._current[N]),o=a(q(s.variables,r("variables"))),g=i(q(s.responsiveVariables,r("responsiveVariables"))),d=p(q(s.conditionalVariables,r("conditionalVariables"))),y=await W(e),k=l.join(y,"css/_variables.css"),D=`:root { ${o.join("")} ${g.join("")} } ${d.join("")}`;u.writeFileSync(k,D);const _=l.join(y,"css/_global.css"),j=q(s.global,t.globalStyles),F=M(j,"");u.writeFileSync(_,`@layer global { ${F} }`);const P=l.join(y,"css/_reset.css"),E=s.reset==="none"?{}:typeof s.reset=="object"?s.reset:xe,f=M(E,"");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=re(S),m=we(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(m).map(([N,x])=>`${N}?: ${x}`).join(`
-`)}
-  }
-  `;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 p=i.at(1);if(ue.some(o=>p==null?void 0:p.includes(o)))return t}return"styled('div',"}),v=async(e,t,s)=>{const n=H(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 p=l.join(s,"js",n+".js"),r=await Y(e),o=l.join(e,(r==null?void 0:r.configDir)||"","salty.config.ts"),g=fe(o),d=await ae(e);await ne.build({stdin:{contents:i,sourcefile:a.base,resolveDir:a.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:p,format:d,target:["node20"],keepNames:!0,external:g,packages:"external",plugins:[{name:"test",setup:D=>{D.onLoad({filter:/.*\.css|salty|styles|styled\.ts/},_=>{const j=u.readFileSync(_.path,"utf8");return{contents:se(j),loader:"ts"}})}}]});const y=Date.now();return await import(`${p}?t=${y}`)},ee=async e=>{const t=await W(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}},De=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 W(e),p=l.join(i,"index.css");s&&(()=>{u.existsSync(i)&&he.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()&&L(f)){const m=await v(e,f,i);Object.entries(m).forEach(([C,h])=>{h.isKeyframes?o.keyframes.push({value:h,src:f,name:C}):h.isMedia?o.mediaQueries.push(h):h.isGlobalDefine?o.globalStyles.push(h):h.isDefineVariables?o.variables.push(h):h.isDefineTemplates?o.templates.push(h):h.generator&&o.components.push({value:h.generator,src:f,name:C})})}}await g(e),await Ne(e,o);const d=await ee(e);for(const f of o.keyframes){const{value:$}=f,S=`a_${$.animationName}.css`,w=`css/${S}`,m=l.join(i,w);c.push(S),u.writeFileSync(m,$.css)}const y={};for(const f of o.components){const{value:$,name:S,src:w}=f,m=$._withBuildContext({name:S,config:d,prod:t});a[m.priority]||(a[m.priority]=[]),a[m.priority].push(m.cssFileName),d.importStrategy==="component"&&(y[w]?y[w].push(m.cssFileName):y[w]=[m.cssFileName]);const C=`css/${m.cssFileName}`,h=l.join(i,C);u.writeFileSync(h,m.css)}d.importStrategy==="component"&&Object.entries(y).forEach(([f,$])=>{const S=$.map(z=>`@import url('./${z}');`).join(`
-`),w=H(f,6),m=l.parse(f),C=R(m.name),h=l.join(i,`css/f_${C}-${w}.css`);u.writeFileSync(h,S)});const k=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 u.readFileSync(l.join(i,"css",f),"utf8").length>0}catch{return!1}}).map(f=>`@import url('./css/${f}');`).join(`
-`)}
-${k}`;if(d.importStrategy!=="component"){const f=a.reduce(($,S,w)=>{const m=S.reduce((I,N)=>{var J;const x=l.join(i,"css",N),O=u.readFileSync(x,"utf8"),T=((J=/.*-([^-]+)-\d+.css/.exec(N))==null?void 0:J.at(1))||H(x,6);return I.includes(T)?I:`${I}
-/*start:${T}*/
-${O}
-/*end:${T}*/
-`},""),C=`l_${w}.css`,h=l.join(i,"css",C),z=`@layer l${w} { ${m}
- }`;return u.writeFileSync(h,z),`${$}
-@import url('./css/${C}');`},"");F+=f}u.writeFileSync(p,F);const b=Date.now()-n,E=b<200?"🔥":b<500?"🚀":b<1e3?"🎉":b<2e3?"🚗":b<5e3?"🤔":"🥴";Q.info(`Generated CSS in ${b}ms! ${E}`)}catch(n){console.error(n)}},Pe=async(e,t)=>{try{const s=await W(e);if(L(t)){const c=[],a=await ee(e),i=await v(e,t,s);Object.entries(i).forEach(([p,r])=>{if(r.isKeyframes&&r.css){const k=`css/${`a_${r.animationName}.css`}`,D=l.join(s,k);u.writeFileSync(D,r.css);return}if(!r.generator)return;const o=r.generator._withBuildContext({name:p,config:a}),g=`css/${o.cssFileName}`,d=l.join(s,g);u.writeFileSync(d,o.css),c[o.priority]||(c[o.priority]=[]),c[o.priority].push(o.cssFileName)}),a.importStrategy!=="component"&&c.forEach((p,r)=>{const o=`l_${r}.css`,g=l.join(s,"css",o);let d=u.readFileSync(g,"utf8");p.forEach(y=>{var j;const k=l.join(s,"css",y),D=((j=/.*-([^-]+)-\d+.css/.exec(y))==null?void 0:j.at(1))||H(k,6);if(!d.includes(D)){const F=u.readFileSync(k,"utf8"),P=`/*start:${D}*/
-${F}
-/*end:${D}*/
-`;d=`${d.replace(/\}$/,"")}
-${P}
-}`}}),u.writeFileSync(g,d)})}}catch(s){console.error(s)}},Te=async(e,t,s=ye())=>{try{const n=await W(e);if(L(t)){const a=u.readFileSync(t,"utf8");a.replace(/^(?!export\s)const\s.*/gm,g=>`export ${g}`)!==a&&await X.writeFile(t,a);const p=await ee(e),r=await v(e,t,n);let o=a;if(Object.entries(r).forEach(([g,d])=>{var C;if(d.isKeyframes||!d.generator)return;const y=d.generator._withBuildContext({name:g,config:p,prod:s}),k=new RegExp(`\\s${g}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(a);if(!k)return console.error("Could not find the original declaration");const D=(C=k.at(1))==null?void 0:C.trim(),_=new RegExp(`\\s${g}[=\\s]+styled\\(`,"g").exec(o);if(!_)return console.error("Could not find the original declaration");const{index:j}=_;let F=!1;const P=setTimeout(()=>F=!0,5e3);let b=0,E=!1,f=0;for(;!E&&!F;){const h=o[j+b];h==="("&&f++,h===")"&&f--,f===0&&h===")"&&(E=!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,m=` ${g} = styled(${D}, "${y.classNames}", ${JSON.stringify(y.props)});`;o=o.replace(S,m),w===o&&console.error("Minimize file failed to change content",{name:g,tagName:D})}),p.importStrategy==="component"){const g=H(t,6),d=l.parse(t);o=`import '../../saltygen/css/${`f_${R(d.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)}};exports.generateCss=De;exports.generateFile=Pe;exports.isSaltyFile=L;exports.minimizeFile=Te;exports.saltyFileRegExp=pe;