@salty-css/webpack 0.0.1-alpha.140 → 0.0.1-alpha.142

package/index-B_zAPio6.cjs

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

package/{index-SUW5aXyU.js → index-C4B-HT7J.js}

@@ -1,7 +1,7 @@
 import * as v from "esbuild";
 import { execSync as dt } from "child_process";
-import { join as f, parse as L } from "path";
-import { existsSync as B, writeFileSync as k, readFileSync as A, mkdirSync as W, statSync as gt, readdirSync as mt } from "fs";
+import { join as l, parse as B } from "path";
+import { existsSync as K, writeFileSync as k, readFileSync as A, mkdirSync as W, statSync as gt, readdirSync as mt } from "fs";
 import { readFile as yt, writeFile as ht } from "fs/promises";
 import { createLogger as $t, format as Z, transports as bt } from "winston";
 const Y = (t) => String.fromCharCode(t + (t > 25 ? 39 : 97)), St = (t, e) => {
@@ -12,7 +12,7 @@ const Y = (t) => String.fromCharCode(t + (t > 25 ? 39 : 97)), St = (t, e) => {
   let s = e.length;
   for (; s; ) t = t * 33 ^ e.charCodeAt(--s);
   return t;
-}, K = (t, e = 5) => {
+}, L = (t, e = 5) => {
   const s = jt(5381, JSON.stringify(t)) >>> 0;
   return St(s, e);
 };
@@ -25,54 +25,54 @@ const wt = (t, e) => {
   const s = [];
   return Object.values(e).forEach((n) => {
     const { pattern: i, transform: o } = n;
-    t = t.replace(i, (a) => {
-      const { value: u, css: c } = o(a);
+    t = t.replace(i, (f) => {
+      const { value: u, css: c } = o(f);
       return c && s.push(c), u;
     });
   }), { result: t, additionalCss: s };
 }, tt = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${V(n[1].replaceAll(".", "-"))})`) } : { result: t }, O = (t, e, s) => {
   if (!t) return "";
-  const n = [], i = Object.entries(t).reduce((a, [u, c]) => {
+  const n = [], i = Object.entries(t).reduce((f, [u, c]) => {
     const r = u.trim();
     if (typeof c == "function" && (c = c()), typeof c == "object") {
-      if (!c) return a;
+      if (!c) return f;
       if (r === "variants")
-        return Object.entries(c).forEach(([l, g]) => {
+        return Object.entries(c).forEach(([a, g]) => {
           g && Object.entries(g).forEach(([N, b]) => {
             if (!b) return;
-            const T = `${e}.${l}-${N}`, F = O(b, T);
+            const P = `${e}.${a}-${N}`, F = O(b, P);
             n.push(F);
           });
-        }), a;
+        }), f;
       if (r === "defaultVariants")
-        return a;
+        return f;
       if (r === "compoundVariants")
-        return c.forEach((l) => {
-          const { css: g, ...N } = l, b = Object.entries(N).reduce((F, [p, m]) => `${F}.${p}-${m}`, e), T = O(g, b);
-          n.push(T);
-        }), a;
+        return c.forEach((a) => {
+          const { css: g, ...N } = a, b = Object.entries(N).reduce((F, [p, m]) => `${F}.${p}-${m}`, e), P = O(g, b);
+          n.push(P);
+        }), f;
       if (r.startsWith("@")) {
-        const l = O(c, e), g = `${r} {
- ${l.replace(`
+        const a = O(c, e), g = `${r} {
+ ${a.replace(`
 `, `
  `)}
 }`;
-        return n.push(g), a;
+        return n.push(g), f;
       }
       const d = u.includes("&") ? r.replace("&", e) : r.startsWith(":") ? `${e}${r}` : `${e} ${r}`, j = O(c, d);
-      return n.push(j), a;
+      return n.push(j), f;
     }
-    const y = r.startsWith("-") ? r : V(r), w = (d, j = ";") => a = `${a}${d}${j}`, S = (d) => w(`${y}:${d}`);
+    const y = r.startsWith("-") ? r : V(r), w = (d, j = ";") => f = `${f}${d}${j}`, S = (d) => w(`${y}:${d}`);
     if (typeof c == "number") return S(c);
     if (typeof c != "string")
       if ("toString" in c) c = c.toString();
-      else return a;
-    const { modifiers: h } = {}, D = function* () {
-      yield tt(c), yield wt(c, h);
+      else return f;
+    const { modifiers: $ } = {}, D = function* () {
+      yield tt(c), yield wt(c, $);
     }();
     for (const { result: d, additionalCss: j = [] } of D)
-      c = d, j.forEach((l) => {
-        const g = O(l, "");
+      c = d, j.forEach((a) => {
+        const g = O(a, "");
         w(g, "");
       });
     return S(c);
@@ -86,7 +86,7 @@ const wt = (t, e) => {
   if (Object.entries(t).forEach(([i, o]) => {
     if (typeof o == "object") {
       if (!o) return;
-      const a = i.trim(), u = et(o, [...e, a]);
+      const f = i.trim(), u = et(o, [...e, f]);
       s.push(u);
     } else
       n[i] = o;
@@ -101,8 +101,8 @@ const wt = (t, e) => {
   return typeof i == "object" ? st(i, o, s) : s.add(e);
 }), [...s]) : [], nt = (t) => {
   if (!t || t === "/") throw new Error("Could not find package.json file");
-  const e = f(t, "package.json");
-  return B(e) ? e : nt(f(t, ".."));
+  const e = l(t, "package.json");
+  return K(e) ? e : nt(l(t, ".."));
 }, Ct = async (t) => {
   const e = nt(t);
   return await yt(e, "utf-8").then(JSON.parse).catch(() => {
@@ -175,12 +175,12 @@ const kt = {
   externalModules: []
 }, it = (t) => {
   if (H.externalModules.length > 0) return H.externalModules;
-  const e = f(t, "salty.config.ts"), n = A(e, "utf8").match(/externalModules:\s?\[(.*)\]/);
+  const e = l(t, "salty.config.ts"), n = A(e, "utf8").match(/externalModules:\s?\[(.*)\]/);
   if (!n) return [];
   const i = n[1].split(",").map((o) => o.replace(/['"`]/g, "").trim());
   return H.externalModules = i, i;
-}, z = (t) => f(t, "./saltygen"), ct = ["salty", "css", "styles", "styled"], Nt = (t = []) => new RegExp(`\\.(${[...ct, ...t].join("|")})\\.`), G = (t, e = []) => Nt(e).test(t), Tt = async (t) => {
-  const e = z(t), s = f(t, "salty.config.ts"), n = f(e, "salty.config.js"), i = await ot(t), o = it(t);
+}, z = (t) => l(t, "./saltygen"), ct = ["salty", "css", "styles", "styled"], Nt = (t = []) => new RegExp(`\\.(${[...ct, ...t].join("|")})\\.`), G = (t, e = []) => Nt(e).test(t), Pt = async (t) => {
+  const e = z(t), s = l(t, "salty.config.ts"), n = l(e, "salty.config.js"), i = await ot(t), o = it(t);
   await v.build({
     entryPoints: [s],
     minify: !0,
@@ -190,31 +190,31 @@ const kt = {
     format: i,
     external: o
   });
-  const a = Date.now(), { config: u } = await import(`${n}?t=${a}`);
+  const f = Date.now(), { config: u } = await import(`${n}?t=${f}`);
   return u;
-}, Pt = async (t) => {
-  const e = await Tt(t), s = /* @__PURE__ */ new Set(), n = (p, m = []) => p ? Object.entries(p).flatMap(([C, $]) => {
-    if (!$) return;
-    if (typeof $ == "object") return n($, [...m, C]);
+}, Tt = async (t) => {
+  const e = await Pt(t), s = /* @__PURE__ */ new Set(), n = (p, m = []) => p ? Object.entries(p).flatMap(([C, h]) => {
+    if (!h) return;
+    if (typeof h == "object") return n(h, [...m, C]);
     const M = rt(C), J = V(C), _ = [...m, M].join(".");
     s.add(`"${_}"`);
-    const P = [...m.map(V), J].join("-"), { result: E } = tt($);
-    return `--${P}: ${E};`;
+    const T = [...m.map(V), J].join("-"), { result: E } = tt(h);
+    return `--${T}: ${E};`;
   }) : [], i = (p) => p ? Object.entries(p).flatMap(([m, C]) => {
-    const $ = n(C);
-    return m === "base" ? $.join("") : `${m} { ${$.join("")} }`;
-  }) : [], o = (p) => p ? Object.entries(p).flatMap(([m, C]) => Object.entries(C).flatMap(([$, M]) => {
-    const J = n(M, [m]), _ = `.${m}-${$}, [data-${m}="${$}"]`, P = J.join("");
-    return `${_} { ${P} }`;
-  })) : [], a = n(e.variables), u = i(e.responsiveVariables), c = o(e.conditionalVariables), r = z(t), y = f(r, "css/_variables.css"), w = `:root { ${a.join("")} ${u.join("")} } ${c.join("")}`;
+    const h = n(C);
+    return m === "base" ? h.join("") : `${m} { ${h.join("")} }`;
+  }) : [], o = (p) => p ? Object.entries(p).flatMap(([m, C]) => Object.entries(C).flatMap(([h, M]) => {
+    const J = n(M, [m]), _ = `.${m}-${h}, [data-${m}="${h}"]`, T = J.join("");
+    return `${_} { ${T} }`;
+  })) : [], f = n(e.variables), u = i(e.responsiveVariables), c = o(e.conditionalVariables), r = z(t), y = l(r, "css/_variables.css"), w = `:root { ${f.join("")} ${u.join("")} } ${c.join("")}`;
   k(y, w);
-  const S = f(r, "css/_global.css"), h = O(e.global, "");
-  k(S, `@layer global { ${h} }`);
-  const x = f(r, "css/_reset.css"), d = e.reset === "none" ? {} : typeof e.reset == "object" ? e.reset : kt, j = O(d, "");
+  const S = l(r, "css/_global.css"), $ = O(e.global, "");
+  k(S, `@layer global { ${$} }`);
+  const x = l(r, "css/_reset.css"), d = e.reset === "none" ? {} : typeof e.reset == "object" ? e.reset : kt, j = O(d, "");
   k(x, `@layer reset { ${j} }`);
-  const l = f(r, "css/_templates.css"), g = et(e.templates), N = xt(e.templates);
-  k(l, g);
-  const b = f(r, "types/css-tokens.d.ts"), F = `
+  const a = l(r, "css/_templates.css"), g = et(e.templates), N = xt(e.templates);
+  k(a, g);
+  const b = l(r, "types/css-tokens.d.ts"), F = `
   // Variable types
   type VariableTokens = ${[...s].join("|")}; 
   type PropertyValueToken = \`{\${VariableTokens}}\`;
@@ -227,27 +227,25 @@ const kt = {
   `;
   k(b, F);
 }, Q = (t) => t.replace(/styled\(([^"'`{,]+),/g, (e, s) => {
-  const n = /^['"`]/.test(s);
-  if (n && console.log("String tag", s), n) return e;
-  const i = new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`), o = i.test(t);
-  if (o || console.log("Not imported", s), !o) return e;
-  const a = i.exec(t);
-  if (a) {
-    const u = a.at(1), c = ct.some((r) => u == null ? void 0 : u.includes(r));
-    if (c && console.log("Salty import for", s, `"${a.at(0)}"`), c) return e;
+  if (/^['"`]/.test(s)) return e;
+  const i = new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);
+  if (!i.test(t)) return e;
+  const f = i.exec(t);
+  if (f) {
+    const u = f.at(1);
+    if (ct.some((r) => u == null ? void 0 : u.includes(r))) return e;
   }
-  return console.log("Replacing", s), "styled('div',";
+  return "styled('div',";
 }), q = async (t, e, s) => {
-  console.log({ sourceFilePath: e });
-  const n = K(e), i = f(s, "./temp");
-  B(i) || W(i);
-  const o = L(e);
-  let a = A(e, "utf8");
-  a = Q(a);
-  const u = f(s, "js", n + ".js"), c = it(t), r = await ot(t);
+  const n = L(e), i = l(s, "./temp");
+  K(i) || W(i);
+  const o = B(e);
+  let f = A(e, "utf8");
+  f = Q(f);
+  const u = l(s, "js", n + ".js"), c = it(t), r = await ot(t);
   await v.build({
     stdin: {
-      contents: a,
+      contents: f,
       sourcefile: o.base,
       resolveDir: o.dir,
       loader: "tsx"
@@ -265,13 +263,9 @@ const kt = {
       {
         name: "test",
         setup: (S) => {
-          S.onLoad({ filter: /.*.css.ts/ }, (h) => {
-            console.log("Loading", {
-              sourceFilePath: e,
-              args: h
-            });
-            const x = A(h.path, "utf8");
-            return { contents: Q(x) };
+          S.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, ($) => {
+            const x = A($.path, "utf8");
+            return { contents: Q(x), loader: "ts" };
           });
         }
       }
@@ -280,7 +274,7 @@ const kt = {
   const y = Date.now();
   return await import(`${u}?t=${y}`);
 }, U = async (t) => {
-  const e = z(t), s = f(e, "salty.config.js"), n = Date.now(), { config: i } = await import(`${s}?t=${n}`);
+  const e = z(t), s = l(e, "salty.config.js"), n = Date.now(), { config: i } = await import(`${s}?t=${n}`);
   return i;
 }, at = () => {
   try {
@@ -292,67 +286,67 @@ const kt = {
   try {
     const s = Date.now();
     e ? I.info("Generating CSS in production mode! 🔥") : I.info("Generating CSS in development mode! 🚀");
-    const n = [], i = [], o = z(t), a = f(o, "index.css");
+    const n = [], i = [], o = z(t), f = l(o, "index.css");
     (() => {
-      B(o) && dt("rm -rf " + o), W(o), W(f(o, "css")), W(f(o, "types"));
-    })(), await Pt(t);
+      K(o) && dt("rm -rf " + o), W(o), W(l(o, "css")), W(l(o, "types"));
+    })(), await Tt(t);
     const c = await U(t);
-    async function r(l, g) {
-      const N = ["node_modules", "saltygen"], b = gt(l);
+    async function r(a, g) {
+      const N = ["node_modules", "saltygen"], b = gt(a);
       if (b.isDirectory()) {
-        const T = mt(l);
-        if (N.some((p) => l.includes(p))) return;
-        await Promise.all(T.map((p) => r(f(l, p), f(g, p))));
-      } else if (b.isFile() && G(l)) {
-        const F = await q(t, l, o), p = [];
-        Object.entries(F).forEach(([_, P]) => {
-          if (P.isKeyframes && P.css) {
-            const X = `a_${P.animationName}.css`, pt = `css/${X}`, ut = f(o, pt);
-            n.push(X), k(ut, P.css);
+        const P = mt(a);
+        if (N.some((p) => a.includes(p))) return;
+        await Promise.all(P.map((p) => r(l(a, p), l(g, p))));
+      } else if (b.isFile() && G(a)) {
+        const F = await q(t, a, o), p = [];
+        Object.entries(F).forEach(([_, T]) => {
+          if (T.isKeyframes && T.css) {
+            const X = `a_${T.animationName}.css`, pt = `css/${X}`, ut = l(o, pt);
+            n.push(X), k(ut, T.css);
             return;
           }
-          if (!P.generator) return;
-          const E = P.generator._withBuildContext({
+          if (!T.generator) return;
+          const E = T.generator._withBuildContext({
             name: _,
             config: c,
             prod: e
           });
           i[E.priority] || (i[E.priority] = []), i[E.priority].push(E.cssFileName), p.push(E.cssFileName);
-          const lt = `css/${E.cssFileName}`, ft = f(o, lt);
+          const lt = `css/${E.cssFileName}`, ft = l(o, lt);
           k(ft, E.css);
         });
         const m = p.map((_) => `@import url('./${_}');`).join(`
-`), C = K(l, 6), $ = L(l), M = V($.name), J = f(o, `css/f_${M}-${C}.css`);
+`), C = L(a, 6), h = B(a), M = V(h.name), J = l(o, `css/f_${M}-${C}.css`);
         k(J, m);
       }
     }
     await r(t, o);
-    const y = n.map((l) => `@import url('./css/${l}');`).join(`
+    const y = n.map((a) => `@import url('./css/${a}');`).join(`
 `);
     let x = `@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
-${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((l) => {
+${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((a) => {
       try {
-        return A(f(o, "css", l), "utf8").length > 0;
+        return A(l(o, "css", a), "utf8").length > 0;
       } catch {
         return !1;
       }
-    }).map((l) => `@import url('./css/${l}');`).join(`
+    }).map((a) => `@import url('./css/${a}');`).join(`
 `)}
 ${y}`;
     if (c.importStrategy !== "component") {
-      const l = i.reduce((g, N, b) => {
-        const T = N.reduce((C, $) => {
-          const M = A(f(o, "css", $), "utf8");
+      const a = i.reduce((g, N, b) => {
+        const P = N.reduce((C, h) => {
+          const M = A(l(o, "css", h), "utf8");
           return `${C}
 ${M}`;
-        }, ""), F = `l_${b}.css`, p = f(o, "css", F), m = `@layer l${b} { ${T} }`;
+        }, ""), F = `l_${b}.css`, p = l(o, "css", F), m = `@layer l${b} { ${P} }`;
         return k(p, m), `${g}
 @import url('./css/${F}');`;
       }, "");
-      x += l;
+      x += a;
     }
-    k(a, x);
+    k(f, x);
     const d = Date.now() - s, j = d < 200 ? "🔥" : d < 500 ? "🚀" : d < 1e3 ? "🎉" : d < 2e3 ? "🚗" : d < 5e3 ? "🤔" : "🥴";
     I.info(`Generated CSS in ${d}ms! ${j}`);
   } catch (s) {
@@ -360,20 +354,20 @@ ${M}`;
   }
 }, At = async (t, e) => {
   try {
-    const s = [], n = f(t, "./saltygen"), i = f(n, "index.css");
+    const s = [], n = l(t, "./saltygen"), i = l(n, "index.css");
     if (G(e)) {
-      const a = await U(t), u = await q(t, e, n);
-      Object.entries(u).forEach(([S, h]) => {
-        if (h.isKeyframes && h.css) {
-          const l = `css/${`a_${h.animationName}.css`}`, g = f(n, l);
-          k(g, h.css);
+      const f = await U(t), u = await q(t, e, n);
+      Object.entries(u).forEach(([S, $]) => {
+        if ($.isKeyframes && $.css) {
+          const a = `css/${`a_${$.animationName}.css`}`, g = l(n, a);
+          k(g, $.css);
           return;
         }
-        if (!h.generator) return;
-        const x = h.generator._withBuildContext({
+        if (!$.generator) return;
+        const x = $.generator._withBuildContext({
           name: S,
-          config: a
-        }), D = `css/${x.cssFileName}`, d = f(n, D);
+          config: f
+        }), D = `css/${x.cssFileName}`, d = l(n, D);
         s.push(x.cssFileName), k(d, x.css);
       });
       const c = A(i, "utf8").split(`
@@ -386,7 +380,7 @@ ${M}`;
   }
 }, Rt = async (t, e, s = at()) => {
   try {
-    const n = f(t, "./saltygen");
+    const n = l(t, "./saltygen");
     if (G(e)) {
       const o = A(e, "utf8");
       o.replace(/^(?!export\s)const\s.*/gm, (y) => `export ${y}`) !== o && await ht(e, o);
@@ -399,24 +393,24 @@ ${M}`;
           name: y,
           config: u,
           prod: s
-        }), h = new RegExp(`\\s${y}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(o);
-        if (!h) return console.error("Could not find the original declaration");
-        const x = (C = h.at(1)) == null ? void 0 : C.trim(), D = new RegExp(`\\s${y}[=\\s]+styled\\(`, "g").exec(r);
+        }), $ = new RegExp(`\\s${y}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(o);
+        if (!$) return console.error("Could not find the original declaration");
+        const x = (C = $.at(1)) == null ? void 0 : C.trim(), D = new RegExp(`\\s${y}[=\\s]+styled\\(`, "g").exec(r);
         if (!D) return console.error("Could not find the original declaration");
         const { index: d } = D;
         let j = !1;
-        const l = setTimeout(() => j = !0, 5e3);
+        const a = setTimeout(() => j = !0, 5e3);
         let g = 0, N = !1, b = 0;
         for (; !N && !j; ) {
-          const $ = r[d + g];
-          $ === "(" && b++, $ === ")" && b--, b === 0 && $ === ")" && (N = !0), g > r.length && (j = !0), g++;
+          const h = r[d + g];
+          h === "(" && b++, h === ")" && b--, b === 0 && h === ")" && (N = !0), g > r.length && (j = !0), g++;
         }
-        if (!j) clearTimeout(l);
+        if (!j) clearTimeout(a);
         else throw new Error("Failed to find the end of the styled call and timed out");
-        const T = d + g, F = r.slice(d, T), p = r, m = ` ${y} = styled(${x}, "${S.classNames}", ${JSON.stringify(S.props)});`;
+        const P = d + g, F = r.slice(d, P), p = r, m = ` ${y} = styled(${x}, "${S.classNames}", ${JSON.stringify(S.props)});`;
         r = r.replace(F, m), p === r && console.error("Minimize file failed to change content", { name: y, tagName: x });
       }), u.importStrategy === "component") {
-        const y = K(e, 6), w = L(e);
+        const y = L(e, 6), w = B(e);
         r = `import '../../saltygen/css/${`f_${V(w.name)}-${y}.css`}';
 ${r}`;
       }

package/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("path"),u=require("./index-D0sdFJc4.cjs"),r=(e,s,o=!1,n=!1)=>{var a,l,t;(l=(a=e.module)==null?void 0:a.rules)==null||l.push({test:u.saltyFileRegExp(),use:[{loader:p.resolve(__dirname,n?"./loader.cjs":"./loader.js"),options:{dir:s}}]}),o||(t=e.plugins)==null||t.push({apply:i=>{i.hooks.afterPlugins.tap({name:"generateCss"},async()=>{await u.generateCss(s)})}})};exports.default=r;exports.saltyPlugin=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("path"),u=require("./index-B_zAPio6.cjs"),r=(e,s,o=!1,n=!1)=>{var a,l,t;(l=(a=e.module)==null?void 0:a.rules)==null||l.push({test:u.saltyFileRegExp(),use:[{loader:p.resolve(__dirname,n?"./loader.cjs":"./loader.js"),options:{dir:s}}]}),o||(t=e.plugins)==null||t.push({apply:i=>{i.hooks.afterPlugins.tap({name:"generateCss"},async()=>{await u.generateCss(s)})}})};exports.default=r;exports.saltyPlugin=r;

package/index.js

@@ -1,5 +1,5 @@
 import { resolve as n } from "path";
-import { s as u, g as i } from "./index-SUW5aXyU.js";
+import { s as u, g as i } from "./index-C4B-HT7J.js";
 const g = (s, e, o = !1, r = !1) => {
   var a, l, t;
   (l = (a = s.module) == null ? void 0 : a.rules) == null || l.push({

package/loader.cjs

@@ -1 +1 @@
-"use strict";const i=require("./index-D0sdFJc4.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-B_zAPio6.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-SUW5aXyU.js";
+import { a as e, m as i } from "./index-C4B-HT7J.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.140",
+  "version": "0.0.1-alpha.142",
   "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.140",
+    "@salty-css/core": "^0.0.1-alpha.142",
     "webpack": ">=5.x"
   }
 }

package/index-D0sdFJc4.cjs

@@ -1,29 +0,0 @@
-"use strict";const pe=require("esbuild"),de=require("child_process"),a=require("path"),u=require("fs"),X=require("fs/promises"),z=require("winston");var W=typeof document<"u"?document.currentScript:null;function ge(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 Y=ge(pe),G=e=>String.fromCharCode(e+(e>25?39:97)),ye=(e,t)=>{let s="",n;for(n=Math.abs(e);n>52;n=n/52|0)s=G(n%52)+s;return s=G(n%52)+s,s.length<t?s=s.padStart(t,"a"):s.length>t&&(s=s.slice(-t)),s},me=(e,t)=>{let s=t.length;for(;s;)e=e*33^t.charCodeAt(--s);return e},q=(e,t=5)=>{const s=me(5381,JSON.stringify(e))>>>0;return ye(s,t)};function E(e){return e?typeof e!="string"?E(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 he=(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:o}=n;e=e.replace(i,l=>{const{value:d,css:c}=o(l);return c&&s.push(c),d})}),{result:e,additionalCss:s}},Q=e=>typeof e!="string"?{result:e}:/\{[^{}]+\}/g.test(e)?{result:e.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${E(n[1].replaceAll(".","-"))})`)}:{result:e},O=(e,t,s)=>{if(!e)return"";const n=[],i=Object.entries(e).reduce((l,[d,c])=>{const r=d.trim();if(typeof c=="function"&&(c=c()),typeof c=="object"){if(!c)return l;if(r==="variants")return Object.entries(c).forEach(([f,y])=>{y&&Object.entries(y).forEach(([N,b])=>{if(!b)return;const T=`${t}.${f}-${N}`,k=O(b,T);n.push(k)})}),l;if(r==="defaultVariants")return l;if(r==="compoundVariants")return c.forEach(f=>{const{css:y,...N}=f,b=Object.entries(N).reduce((k,[p,m])=>`${k}.${p}-${m}`,t),T=O(y,b);n.push(T)}),l;if(r.startsWith("@")){const f=O(c,t),y=`${r} {
- ${f.replace(`
-`,`
- `)}
-}`;return n.push(y),l}const g=d.includes("&")?r.replace("&",t):r.startsWith(":")?`${t}${r}`:`${t} ${r}`,w=O(c,g);return n.push(w),l}const h=r.startsWith("-")?r:E(r),F=(g,w=";")=>l=`${l}${g}${w}`,j=g=>F(`${h}:${g}`);if(typeof c=="number")return j(c);if(typeof c!="string")if("toString"in c)c=c.toString();else return l;const{modifiers:S}={},_=function*(){yield Q(c),yield he(c,S)}();for(const{result:g,additionalCss:w=[]}of _)c=g,w.forEach(f=>{const y=O(f,"");F(y,"")});return j(c)},"");return i?t?[`${t} { ${i} }`,...n].join(`
-`):i:n.join(`
-`)},v=(e,t=[])=>{if(!e)return"";const s=[],n={};if(Object.entries(e).forEach(([i,o])=>{if(typeof o=="object"){if(!o)return;const l=i.trim(),d=v(o,[...t,l]);s.push(d)}else n[i]=o}),Object.keys(n).length){const i=t.map(E).join("-"),o=O(n,`.${i}`);s.push(o)}return s.join(`
-`)},Se=e=>Object.entries(e).reduce((t,[s,n])=>(typeof n=="object"&&(t[s]=ee(n).map(i=>`"${i}"`).join(" | ")),t),{}),ee=(e,t="",s=new Set)=>e?(Object.entries(e).forEach(([n,i])=>{const o=t?`${t}.${n}`:n;return typeof i=="object"?ee(i,o,s):s.add(t)}),[...s]):[],te=e=>{if(!e||e==="/")throw new Error("Could not find package.json file");const t=a.join(e,"package.json");return u.existsSync(t)?t:te(a.join(e,".."))},$e=async e=>{const t=te(e);return await X.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},be=async e=>{const t=await $e(e);if(t)return t.type};let R;const se=async e=>{if(R)return R;const t=await be(e);return t==="module"?R="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:W&&W.tagName.toUpperCase()==="SCRIPT"&&W.src||new URL("index-D0sdFJc4.cjs",document.baseURI).href).endsWith(".cjs"))&&(R="cjs"),R||"esm"},Z=z.createLogger({level:"debug",format:z.format.combine(z.format.colorize(),z.format.cli()),transports:[new z.transports.Console({})]});function ne(e){return e?typeof e!="string"?ne(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 je={"*, *::before, *::after":{boxSizing:"border-box"},"*":{margin:0},html:{lineHeight:1.15,textSizeAdjust:"100%",WebkitFontSmoothing:"antialiased"},"img, picture, video, canvas, svg":{display:"block",maxWidth:"100%"},"p, h1, h2, h3, h4, h5, h6":{overflowWrap:"break-word"},p:{textWrap:"pretty"},"h1, h2, h3, h4, h5, h6":{textWrap:"balance"},a:{color:"currentColor"},button:{lineHeight:"1em",color:"currentColor"},"input, optgroup, select, textarea":{fontFamily:"inherit",fontSize:"100%",lineHeight:"1.15em"}},I={externalModules:[]},oe=e=>{if(I.externalModules.length>0)return I.externalModules;const t=a.join(e,"salty.config.ts"),n=u.readFileSync(t,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!n)return[];const i=n[1].split(",").map(o=>o.replace(/['"`]/g,"").trim());return I.externalModules=i,i},J=e=>a.join(e,"./saltygen"),re=["salty","css","styles","styled"],ie=(e=[])=>new RegExp(`\\.(${[...re,...e].join("|")})\\.`),L=(e,t=[])=>ie(t).test(e),we=async e=>{const t=J(e),s=a.join(e,"salty.config.ts"),n=a.join(t,"salty.config.js"),i=await se(e),o=oe(e);await Y.build({entryPoints:[s],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:i,external:o});const l=Date.now(),{config:d}=await import(`${n}?t=${l}`);return d},Fe=async e=>{const t=await we(e),s=new Set,n=(p,m=[])=>p?Object.entries(p).flatMap(([C,$])=>{if(!$)return;if(typeof $=="object")return n($,[...m,C]);const M=ne(C),A=E(C),V=[...m,M].join(".");s.add(`"${V}"`);const P=[...m.map(E),A].join("-"),{result:D}=Q($);return`--${P}: ${D};`}):[],i=p=>p?Object.entries(p).flatMap(([m,C])=>{const $=n(C);return m==="base"?$.join(""):`${m} { ${$.join("")} }`}):[],o=p=>p?Object.entries(p).flatMap(([m,C])=>Object.entries(C).flatMap(([$,M])=>{const A=n(M,[m]),V=`.${m}-${$}, [data-${m}="${$}"]`,P=A.join("");return`${V} { ${P} }`})):[],l=n(t.variables),d=i(t.responsiveVariables),c=o(t.conditionalVariables),r=J(e),h=a.join(r,"css/_variables.css"),F=`:root { ${l.join("")} ${d.join("")} } ${c.join("")}`;u.writeFileSync(h,F);const j=a.join(r,"css/_global.css"),S=O(t.global,"");u.writeFileSync(j,`@layer global { ${S} }`);const x=a.join(r,"css/_reset.css"),g=t.reset==="none"?{}:typeof t.reset=="object"?t.reset:je,w=O(g,"");u.writeFileSync(x,`@layer reset { ${w} }`);const f=a.join(r,"css/_templates.css"),y=v(t.templates),N=Se(t.templates);u.writeFileSync(f,y);const b=a.join(r,"types/css-tokens.d.ts"),k=`
-  // Variable types
-  type VariableTokens = ${[...s].join("|")}; 
-  type PropertyValueToken = \`{\${VariableTokens}}\`;
-
-  // Template types
-  type TemplateTokens = {
-    ${Object.entries(N).map(([p,m])=>`${p}?: ${m}`).join(`
-`)}
-  }
-  `;u.writeFileSync(b,k)},U=e=>e.replace(/styled\(([^"'`{,]+),/g,(t,s)=>{const n=/^['"`]/.test(s);if(n&&console.log("String tag",s),n)return t;const i=new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`),o=i.test(e);if(o||console.log("Not imported",s),!o)return t;const l=i.exec(e);if(l){const d=l.at(1),c=re.some(r=>d==null?void 0:d.includes(r));if(c&&console.log("Salty import for",s,`"${l.at(0)}"`),c)return t}return console.log("Replacing",s),"styled('div',"}),H=async(e,t,s)=>{console.log({sourceFilePath:t});const n=q(t),i=a.join(s,"./temp");u.existsSync(i)||u.mkdirSync(i);const o=a.parse(t);let l=u.readFileSync(t,"utf8");l=U(l);const d=a.join(s,"js",n+".js"),c=oe(e),r=await se(e);await Y.build({stdin:{contents:l,sourcefile:o.base,resolveDir:o.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:d,format:r,target:["node20"],keepNames:!0,external:c,packages:"external",plugins:[{name:"test",setup:j=>{j.onLoad({filter:/.*.css.ts/},S=>{console.log("Loading",{sourceFilePath:t,args:S});const x=u.readFileSync(S.path,"utf8");return{contents:U(x)}})}}]});const h=Date.now();return await import(`${d}?t=${h}`)},B=async e=>{const t=J(e),s=a.join(t,"salty.config.js"),n=Date.now(),{config:i}=await import(`${s}?t=${n}`);return i},ce=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},xe=async(e,t=ce())=>{try{const s=Date.now();t?Z.info("Generating CSS in production mode! 🔥"):Z.info("Generating CSS in development mode! 🚀");const n=[],i=[],o=J(e),l=a.join(o,"index.css");(()=>{u.existsSync(o)&&de.execSync("rm -rf "+o),u.mkdirSync(o),u.mkdirSync(a.join(o,"css")),u.mkdirSync(a.join(o,"types"))})(),await Fe(e);const c=await B(e);async function r(f,y){const N=["node_modules","saltygen"],b=u.statSync(f);if(b.isDirectory()){const T=u.readdirSync(f);if(N.some(p=>f.includes(p)))return;await Promise.all(T.map(p=>r(a.join(f,p),a.join(y,p))))}else if(b.isFile()&&L(f)){const k=await H(e,f,o),p=[];Object.entries(k).forEach(([V,P])=>{if(P.isKeyframes&&P.css){const K=`a_${P.animationName}.css`,fe=`css/${K}`,ue=a.join(o,fe);n.push(K),u.writeFileSync(ue,P.css);return}if(!P.generator)return;const D=P.generator._withBuildContext({name:V,config:c,prod:t});i[D.priority]||(i[D.priority]=[]),i[D.priority].push(D.cssFileName),p.push(D.cssFileName);const ae=`css/${D.cssFileName}`,le=a.join(o,ae);u.writeFileSync(le,D.css)});const m=p.map(V=>`@import url('./${V}');`).join(`
-`),C=q(f,6),$=a.parse(f),M=E($.name),A=a.join(o,`css/f_${M}-${C}.css`);u.writeFileSync(A,m)}}await r(e,o);const h=n.map(f=>`@import url('./css/${f}');`).join(`
-`);let x=`@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(a.join(o,"css",f),"utf8").length>0}catch{return!1}}).map(f=>`@import url('./css/${f}');`).join(`
-`)}
-${h}`;if(c.importStrategy!=="component"){const f=i.reduce((y,N,b)=>{const T=N.reduce((C,$)=>{const M=u.readFileSync(a.join(o,"css",$),"utf8");return`${C}
-${M}`},""),k=`l_${b}.css`,p=a.join(o,"css",k),m=`@layer l${b} { ${T} }`;return u.writeFileSync(p,m),`${y}
-@import url('./css/${k}');`},"");x+=f}u.writeFileSync(l,x);const g=Date.now()-s,w=g<200?"🔥":g<500?"🚀":g<1e3?"🎉":g<2e3?"🚗":g<5e3?"🤔":"🥴";Z.info(`Generated CSS in ${g}ms! ${w}`)}catch(s){console.error(s)}},Ce=async(e,t)=>{try{const s=[],n=a.join(e,"./saltygen"),i=a.join(n,"index.css");if(L(t)){const l=await B(e),d=await H(e,t,n);Object.entries(d).forEach(([j,S])=>{if(S.isKeyframes&&S.css){const f=`css/${`a_${S.animationName}.css`}`,y=a.join(n,f);u.writeFileSync(y,S.css);return}if(!S.generator)return;const x=S.generator._withBuildContext({name:j,config:l}),_=`css/${x.cssFileName}`,g=a.join(n,_);s.push(x.cssFileName),u.writeFileSync(g,x.css)});const c=u.readFileSync(i,"utf8").split(`
-`),r=s.map(j=>`@import url('../saltygen/css/${j}');`),F=[...new Set([...c,...r])].join(`
-`);u.writeFileSync(i,F)}}catch(s){console.error(s)}},ke=async(e,t,s=ce())=>{try{const n=a.join(e,"./saltygen");if(L(t)){const o=u.readFileSync(t,"utf8");o.replace(/^(?!export\s)const\s.*/gm,h=>`export ${h}`)!==o&&await X.writeFile(t,o);const d=await B(e),c=await H(e,t,n);let r=o;if(Object.entries(c).forEach(([h,F])=>{var C;if(F.isKeyframes||!F.generator)return;const j=F.generator._withBuildContext({name:h,config:d,prod:s}),S=new RegExp(`\\s${h}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(o);if(!S)return console.error("Could not find the original declaration");const x=(C=S.at(1))==null?void 0:C.trim(),_=new RegExp(`\\s${h}[=\\s]+styled\\(`,"g").exec(r);if(!_)return console.error("Could not find the original declaration");const{index:g}=_;let w=!1;const f=setTimeout(()=>w=!0,5e3);let y=0,N=!1,b=0;for(;!N&&!w;){const $=r[g+y];$==="("&&b++,$===")"&&b--,b===0&&$===")"&&(N=!0),y>r.length&&(w=!0),y++}if(!w)clearTimeout(f);else throw new Error("Failed to find the end of the styled call and timed out");const T=g+y,k=r.slice(g,T),p=r,m=` ${h} = styled(${x}, "${j.classNames}", ${JSON.stringify(j.props)});`;r=r.replace(k,m),p===r&&console.error("Minimize file failed to change content",{name:h,tagName:x})}),d.importStrategy==="component"){const h=q(t,6),F=a.parse(t);r=`import '../../saltygen/css/${`f_${E(F.name)}-${h}.css`}';
-${r}`}return r=r.replace("{ styled }","{ styledClient as styled }"),r=r.replace("@salty-css/react/styled","@salty-css/react/styled-client"),r}}catch(n){console.error("Error in minimizeFile:",n)}};exports.generateCss=xe;exports.generateFile=Ce;exports.minimizeFile=ke;exports.saltyFileRegExp=ie;