@salty-css/webpack 0.0.1-alpha.102 → 0.0.1-alpha.103

package/{index-D1MQzO1n.js → index-B9DBlGng.js}

@@ -1,4 +1,4 @@
-import * as K from "esbuild";
+import * as L from "esbuild";
 import { execSync as nt } from "child_process";
 import { join as f, parse as ot } from "path";
 import { existsSync as W, writeFileSync as D, readFileSync as V, mkdirSync as J, statSync as rt, readdirSync as ct } from "fs";
@@ -40,15 +40,15 @@ const gt = (t, e) => {
         return Object.entries(n).forEach(([p, c]) => {
           c && Object.entries(c).forEach(([h, u]) => {
             if (!u) return;
-            const F = `${e}.${p}-${h}`, k = E(u, F);
-            r.push(k);
+            const F = `${e}.${p}-${h}`, C = E(u, F);
+            r.push(C);
           });
         }), a;
       if (g === "defaultVariants")
         return a;
       if (g === "compoundVariants")
         return n.forEach((p) => {
-          const { css: c, ...h } = p, u = Object.entries(h).reduce((k, [j, x]) => `${k}.${j}-${x}`, e), F = E(c, u);
+          const { css: c, ...h } = p, u = Object.entries(h).reduce((C, [j, x]) => `${C}.${j}-${x}`, e), F = E(c, u);
           r.push(F);
         }), a;
       if (g.startsWith("@")) {
@@ -62,8 +62,8 @@ const gt = (t, e) => {
       const y = m.includes("&") ? g.replace("&", e) : g.startsWith(":") ? `${e}${g}` : `${e} ${g}`, b = E(n, y);
       return r.push(b), a;
     }
-    const $ = g.startsWith("-") ? g : N(g), w = (y, b = ";") => a = `${a}${y}${b}`, C = (y) => w(`${$}:${y}`);
-    if (typeof n == "number") return C(n);
+    const $ = g.startsWith("-") ? g : N(g), w = (y, b = ";") => a = `${a}${y}${b}`, k = (y) => w(`${$}:${y}`);
+    if (typeof n == "number") return k(n);
     if (typeof n != "string")
       if ("toString" in n) n = n.toString();
       else return a;
@@ -75,7 +75,7 @@ const gt = (t, e) => {
         const c = E(p, "");
         w(c, "");
       });
-    return C(n);
+    return k(n);
   }, "");
   if (!i) return r.join(`
 `);
@@ -117,7 +117,7 @@ const Y = async (t) => {
   if (T) return T;
   const e = await yt(t);
   return e === "module" ? T = "esm" : (e === "commonjs" || import.meta.url.endsWith(".cjs")) && (T = "cjs"), T || "esm";
-}, L = lt({
+}, K = lt({
   level: "debug",
   format: R.combine(R.colorize(), R.cli()),
   transports: [new ft.Console({})]
@@ -131,7 +131,7 @@ const Y = async (t) => {
   return _.externalModules = r, r;
 }, A = (t) => f(t, "./saltygen"), mt = ["salty", "css", "styles", "styled"], ht = (t = []) => new RegExp(`\\.(${[...mt, ...t].join("|")})\\.`), I = (t, e = []) => ht(e).test(t), $t = async (t) => {
   const e = A(t), s = f(t, "salty.config.ts"), o = f(e, "salty.config.js"), r = await Y(t), i = Q(t);
-  await K.build({
+  await L.build({
     entryPoints: [s],
     minify: !0,
     treeShaking: !0,
@@ -148,13 +148,13 @@ const Y = async (t) => {
     if (typeof u == "object") return o(u, [...c, h]);
     const F = [...c, h].join(".");
     s.add(`"${F}"`);
-    const k = [...c.map(N), N(h)].join("-"), { result: j } = q(u);
-    return `--${k}: ${j};`;
+    const C = [...c.map(N), N(h)].join("-"), { result: j } = q(u);
+    return `--${C}: ${j};`;
   }) : [], r = (p) => p ? Object.entries(p).flatMap(([c, h]) => {
     const u = o(h);
     return c === "base" ? u.join("") : `${c} { ${u.join("")} }`;
   }) : [], i = (p) => p ? Object.entries(p).flatMap(([c, h]) => Object.entries(h).flatMap(([u, F]) => {
-    const k = o(F, [c]), j = `.${c}-${u}, [data-${c}="${u}"]`, x = k.join("");
+    const C = o(F, [c]), j = `.${c}-${u}, [data-${c}="${u}"]`, x = C.join("");
     return `${j} { ${x} }`;
   })) : [], d = o(e.variables), a = r(e.responsiveVariables), m = i(e.conditionalVariables), n = A(t), g = f(n, "css/variables.css"), $ = `:root { ${d.join("")} ${a.join("")} } ${m.join("")}`;
   D(g, $);
@@ -169,9 +169,9 @@ const Y = async (t) => {
   W(r) || J(r);
   const i = ot(e);
   let d = V(e, "utf8");
-  d = d.replace("styled(DynaLink", "styled('div'");
+  d = d.replace(/styled\([^"'`{,]+,/g, "styled('div'");
   const a = f(s, "js", o + ".js"), m = Q(t), n = await Y(t);
-  await K.build({
+  await L.build({
     stdin: {
       contents: d,
       sourcefile: i.base,
@@ -201,7 +201,7 @@ const Y = async (t) => {
   }
 }, xt = async (t, e = v()) => {
   try {
-    e ? L.info("Generating CSS in production mode! 🔥") : L.info("Generating CSS in development mode! 🚀");
+    e ? K.info("Generating CSS in production mode! 🔥") : K.info("Generating CSS in development mode! 🚀");
     const s = [], o = [], r = A(t), i = f(r, "index.css");
     (() => {
       W(r) && nt("rm -rf " + r), J(r), J(f(r, "css")), J(f(r, "types"));
@@ -215,7 +215,7 @@ const Y = async (t) => {
         await Promise.all(b.map((c) => m(f(l, c), f(S, c))));
       } else if (y.isFile() && I(l)) {
         const p = await Z(t, l, r), c = [];
-        Object.entries(p).forEach(([k, j]) => {
+        Object.entries(p).forEach(([C, j]) => {
           if (j.isKeyframes && j.css) {
             const G = `${j.animationName}.css`, et = `css/${G}`, st = f(r, et);
             s.push(G), D(st, j.css);
@@ -223,7 +223,7 @@ const Y = async (t) => {
           }
           if (!j.generator) return;
           const x = j.generator._withBuildContext({
-            name: k,
+            name: C,
             config: a,
             prod: e
           }), M = `${x.hash}-${x.priority}.css`;
@@ -231,7 +231,7 @@ const Y = async (t) => {
           const O = `css/${M}`, tt = f(r, O);
           D(tt, x.css);
         });
-        const h = c.map((k) => `@import url('./${k}');`).join(`
+        const h = c.map((C) => `@import url('./${C}');`).join(`
 `), u = B(l, 6), F = f(r, `css/${u}.css`);
         D(F, h);
       }
@@ -239,7 +239,7 @@ const Y = async (t) => {
     await m(t, r);
     const n = s.map((l) => `@import url('./css/${l}');`).join(`
 `);
-    let C = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+    let k = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
 ${["variables.css", "global.css", "templates.css"].filter((l) => {
       try {
@@ -253,9 +253,9 @@ ${n}`;
     if (a.importStrategy !== "component") {
       const l = o.flat().map((S) => `@import url('./css/${S}');`).join(`
 `);
-      C += l;
+      k += l;
     }
-    D(i, C);
+    D(i, k);
   } catch (s) {
     console.error(s);
   }
@@ -264,9 +264,9 @@ ${n}`;
     const s = [], o = f(t, "./saltygen"), r = f(o, "index.css");
     if (I(e)) {
       const d = await z(t), a = await Z(t, e, o);
-      Object.entries(a).forEach(([w, C]) => {
-        if (!C.generator) return;
-        const l = C.generator._withBuildContext({
+      Object.entries(a).forEach(([w, k]) => {
+        if (!k.generator) return;
+        const l = k.generator._withBuildContext({
           name: w,
           config: d
         }), S = `${l.hash}-${l.priority}.css`, P = `css/${S}`, y = f(o, P);
@@ -291,7 +291,7 @@ ${n}`;
       Object.entries(m).forEach(([$, w]) => {
         var M;
         if (w.isKeyframes || !w.generator) return;
-        const C = w.generator._withBuildContext({
+        const k = w.generator._withBuildContext({
           name: $,
           config: a,
           prod: s
@@ -309,8 +309,8 @@ ${n}`;
         }
         if (!b) clearTimeout(p);
         else throw new Error("Failed to find the end of the styled call and timed out");
-        const F = y + c, k = n.slice(y, F), j = n, x = ` ${$} = styled(${S}, "${C.classNames}", ${JSON.stringify(C.props)});`;
-        n = n.replace(k, x), j === n && console.error("Minimize file failed to change content", { name: $, tagName: S });
+        const F = y + c, C = n.slice(y, F), j = n, x = ` ${$} = styled(${S}, "${k.classNames}", ${JSON.stringify(k.props)});`;
+        n = n.replace(C, x), j === n && console.error("Minimize file failed to change content", { name: $, tagName: S });
       });
       const g = B(e, 6);
       return a.importStrategy === "component" && (n = `import '../../saltygen/css/${g}.css';

package/{index-D6_eGg8C.cjs → index-DgYk1kbe.cjs}

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

package/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("path"),u=require("./index-D6_eGg8C.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-DgYk1kbe.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-D1MQzO1n.js";
+import { s as u, g as i } from "./index-B9DBlGng.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-D6_eGg8C.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-DgYk1kbe.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-D1MQzO1n.js";
+import { a as e, m as i } from "./index-B9DBlGng.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.102",
+  "version": "0.0.1-alpha.103",
   "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.102",
+    "@salty-css/core": "^0.0.1-alpha.103",
     "webpack": ">=5.x"
   }
 }