@salty-css/core 0.0.1-alpha.50 → 0.0.1-alpha.51

package/compiler/index.cjs

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("esbuild"),H=require("child_process"),N=require("../dash-case-DKzpenwY.cjs"),i=require("path"),l=require("fs"),K=require("fs/promises"),V=require("../parse-templates-W0YfTmOT.cjs");function G(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const e=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(s,n,e.get?e:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const _=G(I),O=t=>i.join(t,"./saltygen"),q=["salty","css","styles","styled"],M=(t=[])=>new RegExp(`\\.(${[...q,...t].join("|")})\\.`),E=(t,s=[])=>M(s).test(t),J=async t=>{const s=O(t),n=i.join(t,"salty.config.ts"),e=i.join(s,"salty.config.js");await _.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:e,format:"esm",external:["react"]});const p=Date.now(),{config:C}=await import(`${e}?t=${p}`);return C},z=async t=>{const s=await J(t),n=new Set,e=(f,y=[])=>f?Object.entries(f).flatMap(([a,r])=>{if(!r)return;if(typeof r=="object")return e(r,[...y,a]);const F=[...y,a].join(".");n.add(`"${F}"`);const x=[...y.map(N.dashCase),N.dashCase(a)].join("-"),{result:D}=V.parseValueTokens(r);return`--${x}: ${D};`}):[],p=f=>f?Object.entries(f).flatMap(([y,a])=>{const r=e(a);return y==="base"?r.join(""):`${y} { ${r.join("")} }`}):[],C=f=>f?Object.entries(f).flatMap(([y,a])=>Object.entries(a).flatMap(([r,F])=>{const x=e(F,[y]),D=`.${y}-${r}, [data-${y}="${r}"]`,P=x.join("");return`${D} { ${P} }`})):[],b=e(s.variables),w=p(s.responsiveVariables),o=C(s.conditionalVariables),S=O(t),u=i.join(S,"css/variables.css"),c=`:root { ${b.join("")} ${w.join("")} } ${o.join("")}`;l.writeFileSync(u,c);const g=i.join(S,"types/css-tokens.d.ts"),m=`type VariableTokens = ${[...n].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;l.writeFileSync(g,m);const d=i.join(S,"css/global.css"),h=V.parseStyles(s.global,"");l.writeFileSync(d,h);const j=i.join(S,"css/templates.css"),k=V.parseTemplates(s.templates);l.writeFileSync(j,k)},v=async(t,s)=>{const n=N.toHash(t),e=i.join(s,"js",n+".js");await _.build({entryPoints:[t],minify:!0,treeShaking:!0,bundle:!0,outfile:e,format:"esm",target:["es2022"],keepNames:!0,external:["react"]});const p=Date.now();return await import(`${e}?t=${p}`)},R=async t=>{const s=O(t),n=i.join(s,"salty.config.js"),{config:e}=await import(n);return e},A=async t=>{try{const s=[],n=[],e=O(t),p=i.join(e,"index.css");(()=>{l.existsSync(e)&&H.execSync("rm -rf "+e),l.mkdirSync(e),l.mkdirSync(i.join(e,"css")),l.mkdirSync(i.join(e,"types"))})(),await z(t);const b=await R(t);async function w(c,g){const $=l.statSync(c);if($.isDirectory()){const m=l.readdirSync(c);await Promise.all(m.map(d=>w(i.join(c,d),i.join(g,d))))}else if($.isFile()&&E(c)){const d=await v(c,e),h=[];Object.entries(d).forEach(([y,a])=>{if(a.isKeyframes&&a.css){const P=`${a.animationName}.css`,T=`css/${P}`,B=i.join(e,T);s.push(P),l.writeFileSync(B,a.css);return}if(!a.generator)return;const r=a.generator._withBuildContext({name:y,config:b}),F=`${r.hash}-${r.priority}.css`;n[r.priority]||(n[r.priority]=[]),n[r.priority].push(F),h.push(F);const x=`css/${F}`,D=i.join(e,x);l.writeFileSync(D,r.css)});const j=h.map(y=>`@import url('./${y}');`).join(`
-`),k=N.toHash(c,6),f=i.join(e,`css/${k}.css`);l.writeFileSync(f,j)}}await w(t,e);const o=s.map(c=>`@import url('./css/${c}');`).join(`
-`);let u=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("esbuild"),W=require("child_process"),N=require("../dash-case-DKzpenwY.cjs"),o=require("path"),c=require("fs"),G=require("fs/promises"),V=require("../parse-templates-W0YfTmOT.cjs");function J(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const e=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(s,n,e.get?e:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const q=J(K),O=t=>o.join(t,"./saltygen"),M=["salty","css","styles","styled"],z=(t=[])=>new RegExp(`\\.(${[...M,...t].join("|")})\\.`),E=(t,s=[])=>z(s).test(t),A=async t=>{const s=O(t),n=o.join(t,"salty.config.ts"),e=o.join(s,"salty.config.js");await q.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:e,format:"esm",external:["react"]});const a=Date.now(),{config:D}=await import(`${e}?t=${a}`);return D},B=async t=>{const s=await A(t),n=new Set,e=(y,f=[])=>y?Object.entries(y).flatMap(([g,l])=>{if(!l)return;if(typeof l=="object")return e(l,[...f,g]);const m=[...f,g].join(".");n.add(`"${m}"`);const h=[...f.map(N.dashCase),N.dashCase(g)].join("-"),{result:w}=V.parseValueTokens(l);return`--${h}: ${w};`}):[],a=y=>y?Object.entries(y).flatMap(([f,g])=>{const l=e(g);return f==="base"?l.join(""):`${f} { ${l.join("")} }`}):[],D=y=>y?Object.entries(y).flatMap(([f,g])=>Object.entries(g).flatMap(([l,m])=>{const h=e(m,[f]),w=`.${f}-${l}, [data-${f}="${l}"]`,k=h.join("");return`${w} { ${k} }`})):[],S=e(s.variables),C=a(s.responsiveVariables),i=D(s.conditionalVariables),$=O(t),j=o.join($,"css/variables.css"),x=`:root { ${S.join("")} ${C.join("")} } ${i.join("")}`;c.writeFileSync(j,x);const d=o.join($,"types/css-tokens.d.ts"),p=`type VariableTokens = ${[...n].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;c.writeFileSync(d,p);const b=o.join($,"css/global.css"),F=V.parseStyles(s.global,"");c.writeFileSync(b,F);const u=o.join($,"css/templates.css"),P=V.parseTemplates(s.templates);c.writeFileSync(u,P)},v=async(t,s)=>{const n=N.toHash(t),e=o.join(s,"js",n+".js");await q.build({entryPoints:[t],minify:!0,treeShaking:!0,bundle:!0,outfile:e,format:"esm",target:["es2022"],keepNames:!0,external:["react"]});const a=Date.now();return await import(`${e}?t=${a}`)},R=async t=>{const s=O(t),n=o.join(s,"salty.config.js"),{config:e}=await import(n);return e},L=async t=>{try{const s=[],n=[],e=O(t),a=o.join(e,"index.css");(()=>{c.existsSync(e)&&W.execSync("rm -rf "+e),c.mkdirSync(e),c.mkdirSync(o.join(e,"css")),c.mkdirSync(o.join(e,"types"))})(),await B(t);const S=await R(t);async function C(r,p){const b=c.statSync(r);if(b.isDirectory()){const F=c.readdirSync(r);await Promise.all(F.map(u=>C(o.join(r,u),o.join(p,u))))}else if(b.isFile()&&E(r)){const u=await v(r,e),P=[];Object.entries(u).forEach(([l,m])=>{if(m.isKeyframes&&m.css){const _=`${m.animationName}.css`,I=`css/${_}`,H=o.join(e,I);s.push(_),c.writeFileSync(H,m.css);return}if(!m.generator)return;const h=m.generator._withBuildContext({name:l,config:S}),w=`${h.hash}-${h.priority}.css`;n[h.priority]||(n[h.priority]=[]),n[h.priority].push(w),P.push(w);const k=`css/${w}`,T=o.join(e,k);c.writeFileSync(T,h.css)});const y=P.map(l=>`@import url('./${l}');`).join(`
+`),f=N.toHash(r,6),g=o.join(e,`css/${f}.css`);c.writeFileSync(g,y)}}await C(t,e);const i=s.map(r=>`@import url('./css/${r}');`).join(`
+`);let d=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
-${["@import url('./css/variables.css');","@import url('./css/global.css');","@import url('./css/templates.css');"].join(`
+${["variables.css","global.css","templates.css"].filter(r=>{try{return c.readFileSync(o.join(e,"css",r),"utf8").length>0}catch{return!1}}).map(r=>`@import url('./css/${r}');`).join(`
 `)}
-${o}`;if(b.importStrategy!=="component"){const c=n.flat().map(g=>`@import url('./css/${g}');`).join(`
-`);u+=c}l.writeFileSync(p,u)}catch(s){console.error(s)}},L=async(t,s)=>{try{const n=[],e=i.join(t,"./saltygen"),p=i.join(e,"index.css");if(E(s)){const b=await R(t),w=await v(s,e);Object.entries(w).forEach(([g,$])=>{if(!$.generator)return;const m=$.generator._withBuildContext({name:g,config:b}),d=`${m.hash}-${m.priority}.css`,h=`css/${d}`,j=i.join(e,h);n.push(d),l.writeFileSync(j,m.css)});const o=l.readFileSync(p,"utf8").split(`
-`),S=n.map(g=>`@import url('../saltygen/css/${g}');`),c=[...new Set([...o,...S])].join(`
-`);l.writeFileSync(p,c)}}catch(n){console.error(n)}},U=async(t,s)=>{try{const n=i.join(t,"./saltygen");if(E(s)){const p=l.readFileSync(s,"utf8");p.replace(/^(?!export\s)const\s.*/gm,u=>`export ${u}`)!==p&&await K.writeFile(s,p);const b=await R(t),w=await v(s,n);let o=p;Object.entries(w).forEach(([u,c])=>{var P;if(c.isKeyframes||!c.generator)return;const g=c.generator._withBuildContext({name:u,config:b}),$=new RegExp(`\\s${u}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(p);if(!$)return console.error("Could not find the original declaration");const m=(P=$.at(1))==null?void 0:P.trim(),d=new RegExp(`\\s${u}[=\\s]+styled\\(`,"g").exec(o);if(!d)return console.error("Could not find the original declaration");const{index:h}=d;let j=!1;const k=setTimeout(()=>j=!0,5e3);let f=0,y=!1,a=0;for(;!y&&!j;){const T=o[h+f];T==="("&&a++,T===")"&&a--,a===0&&T===")"&&(y=!0),f>o.length&&(j=!0),f++}if(!j)clearTimeout(k);else throw new Error("Failed to find the end of the styled call and timed out");const r=h+f,F=o.slice(h,r),x=o,D=` ${u} = styled(${m}, "${g.classNames}", "${g._callerName}", ${JSON.stringify(g.props)});`;o=o.replace(F,D),x===o&&console.error("Minimize file failed to change content",{name:u,tagName:m})});const S=N.toHash(s,6);return b.importStrategy==="component"&&(o=`import '../../saltygen/css/${S}.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.compileSaltyFile=v;exports.generateConfigStyles=z;exports.generateCss=A;exports.generateFile=L;exports.isSaltyFile=E;exports.minimizeFile=U;exports.saltyFileExtensions=q;exports.saltyFileRegExp=M;
+${i}`;if(S.importStrategy!=="component"){const r=n.flat().map(p=>`@import url('./css/${p}');`).join(`
+`);d+=r}c.writeFileSync(a,d)}catch(s){console.error(s)}},U=async(t,s)=>{try{const n=[],e=o.join(t,"./saltygen"),a=o.join(e,"index.css");if(E(s)){const S=await R(t),C=await v(s,e);Object.entries(C).forEach(([d,r])=>{if(!r.generator)return;const p=r.generator._withBuildContext({name:d,config:S}),b=`${p.hash}-${p.priority}.css`,F=`css/${b}`,u=o.join(e,F);n.push(b),c.writeFileSync(u,p.css)});const i=c.readFileSync(a,"utf8").split(`
+`),$=n.map(d=>`@import url('../saltygen/css/${d}');`),x=[...new Set([...i,...$])].join(`
+`);c.writeFileSync(a,x)}}catch(n){console.error(n)}},X=async(t,s)=>{try{const n=o.join(t,"./saltygen");if(E(s)){const a=c.readFileSync(s,"utf8");a.replace(/^(?!export\s)const\s.*/gm,j=>`export ${j}`)!==a&&await G.writeFile(s,a);const S=await R(t),C=await v(s,n);let i=a;Object.entries(C).forEach(([j,x])=>{var k;if(x.isKeyframes||!x.generator)return;const d=x.generator._withBuildContext({name:j,config:S}),r=new RegExp(`\\s${j}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(a);if(!r)return console.error("Could not find the original declaration");const p=(k=r.at(1))==null?void 0:k.trim(),b=new RegExp(`\\s${j}[=\\s]+styled\\(`,"g").exec(i);if(!b)return console.error("Could not find the original declaration");const{index:F}=b;let u=!1;const P=setTimeout(()=>u=!0,5e3);let y=0,f=!1,g=0;for(;!f&&!u;){const T=i[F+y];T==="("&&g++,T===")"&&g--,g===0&&T===")"&&(f=!0),y>i.length&&(u=!0),y++}if(!u)clearTimeout(P);else throw new Error("Failed to find the end of the styled call and timed out");const l=F+y,m=i.slice(F,l),h=i,w=` ${j} = styled(${p}, "${d.classNames}", "${d._callerName}", ${JSON.stringify(d.props)});`;i=i.replace(m,w),h===i&&console.error("Minimize file failed to change content",{name:j,tagName:p})});const $=N.toHash(s,6);return S.importStrategy==="component"&&(i=`import '../../saltygen/css/${$}.css';
+${i}`),i=i.replace("{ styled }","{ styledClient as styled }"),i=i.replace("@salty-css/react/styled","@salty-css/react/styled-client"),i}}catch(n){console.error("Error in minimizeFile:",n)}};exports.compileSaltyFile=v;exports.generateConfigStyles=B;exports.generateCss=L;exports.generateFile=U;exports.isSaltyFile=E;exports.minimizeFile=X;exports.saltyFileExtensions=M;exports.saltyFileRegExp=z;

package/compiler/index.js

@@ -1,13 +1,13 @@
-import * as I from "esbuild";
-import { execSync as z } from "child_process";
-import { t as E, d as B } from "../dash-case-DMQMcCO6.js";
-import { join as i } from "path";
-import { writeFileSync as $, existsSync as H, mkdirSync as V, statSync as K, readdirSync as G, readFileSync as M } from "fs";
-import { writeFile as J } from "fs/promises";
-import { p as q, a as A, b as L } from "../parse-templates-D4p3pgQR.js";
-const T = (s) => i(s, "./saltygen"), U = ["salty", "css", "styles", "styled"], W = (s = []) => new RegExp(`\\.(${[...U, ...s].join("|")})\\.`), v = (s, e = []) => W(e).test(s), X = async (s) => {
-  const e = T(s), n = i(s, "salty.config.ts"), t = i(e, "salty.config.js");
-  await I.build({
+import * as _ from "esbuild";
+import { execSync as K } from "child_process";
+import { t as E, d as M } from "../dash-case-DMQMcCO6.js";
+import { join as o } from "path";
+import { writeFileSync as w, existsSync as W, mkdirSync as V, statSync as G, readdirSync as J, readFileSync as v } from "fs";
+import { writeFile as q } from "fs/promises";
+import { p as A, a as L, b as U } from "../parse-templates-D4p3pgQR.js";
+const T = (s) => o(s, "./saltygen"), X = ["salty", "css", "styles", "styled"], Y = (s = []) => new RegExp(`\\.(${[...X, ...s].join("|")})\\.`), O = (s, e = []) => Y(e).test(s), Z = async (s) => {
+  const e = T(s), n = o(s, "salty.config.ts"), t = o(e, "salty.config.js");
+  await _.build({
     entryPoints: [n],
     minify: !0,
     treeShaking: !0,
@@ -16,33 +16,33 @@ const T = (s) => i(s, "./saltygen"), U = ["salty", "css", "styles", "styled"], W
     format: "esm",
     external: ["react"]
   });
-  const p = Date.now(), { config: x } = await import(`${t}?t=${p}`);
-  return x;
-}, Y = async (s) => {
-  const e = await X(s), n = /* @__PURE__ */ new Set(), t = (f, l = []) => f ? Object.entries(f).flatMap(([a, r]) => {
-    if (!r) return;
-    if (typeof r == "object") return t(r, [...l, a]);
-    const S = [...l, a].join(".");
-    n.add(`"${S}"`);
-    const C = [...l.map(B), B(a)].join("-"), { result: D } = L(r);
-    return `--${C}: ${D};`;
-  }) : [], p = (f) => f ? Object.entries(f).flatMap(([l, a]) => {
-    const r = t(a);
-    return l === "base" ? r.join("") : `${l} { ${r.join("")} }`;
-  }) : [], x = (f) => f ? Object.entries(f).flatMap(([l, a]) => Object.entries(a).flatMap(([r, S]) => {
-    const C = t(S, [l]), D = `.${l}-${r}, [data-${l}="${r}"]`, P = C.join("");
-    return `${D} { ${P} }`;
-  })) : [], b = t(e.variables), j = p(e.responsiveVariables), o = x(e.conditionalVariables), w = T(s), y = i(w, "css/variables.css"), c = `:root { ${b.join("")} ${j.join("")} } ${o.join("")}`;
-  $(y, c);
-  const m = i(w, "types/css-tokens.d.ts"), u = `type VariableTokens = ${[...n].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
-  $(m, u);
-  const g = i(w, "css/global.css"), d = q(e.global, "");
-  $(g, d);
-  const h = i(w, "css/templates.css"), k = A(e.templates);
-  $(h, k);
-}, O = async (s, e) => {
-  const n = E(s), t = i(e, "js", n + ".js");
-  await I.build({
+  const c = Date.now(), { config: D } = await import(`${t}?t=${c}`);
+  return D;
+}, Q = async (s) => {
+  const e = await Z(s), n = /* @__PURE__ */ new Set(), t = (l, f = []) => l ? Object.entries(l).flatMap(([y, a]) => {
+    if (!a) return;
+    if (typeof a == "object") return t(a, [...f, y]);
+    const u = [...f, y].join(".");
+    n.add(`"${u}"`);
+    const d = [...f.map(M), M(y)].join("-"), { result: j } = U(a);
+    return `--${d}: ${j};`;
+  }) : [], c = (l) => l ? Object.entries(l).flatMap(([f, y]) => {
+    const a = t(y);
+    return f === "base" ? a.join("") : `${f} { ${a.join("")} }`;
+  }) : [], D = (l) => l ? Object.entries(l).flatMap(([f, y]) => Object.entries(y).flatMap(([a, u]) => {
+    const d = t(u, [f]), j = `.${f}-${a}, [data-${f}="${a}"]`, k = d.join("");
+    return `${j} { ${k} }`;
+  })) : [], F = t(e.variables), C = c(e.responsiveVariables), i = D(e.conditionalVariables), S = T(s), h = o(S, "css/variables.css"), x = `:root { ${F.join("")} ${C.join("")} } ${i.join("")}`;
+  w(h, x);
+  const g = o(S, "types/css-tokens.d.ts"), p = `type VariableTokens = ${[...n].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
+  w(g, p);
+  const $ = o(S, "css/global.css"), b = A(e.global, "");
+  w($, b);
+  const m = o(S, "css/templates.css"), P = L(e.templates);
+  w(m, P);
+}, R = async (s, e) => {
+  const n = E(s), t = o(e, "js", n + ".js");
+  await _.build({
     entryPoints: [s],
     minify: !0,
     treeShaking: !0,
@@ -53,129 +53,135 @@ const T = (s) => i(s, "./saltygen"), U = ["salty", "css", "styles", "styled"], W
     keepNames: !0,
     external: ["react"]
   });
-  const p = Date.now();
-  return await import(`${t}?t=${p}`);
-}, R = async (s) => {
-  const e = T(s), n = i(e, "salty.config.js"), { config: t } = await import(n);
+  const c = Date.now();
+  return await import(`${t}?t=${c}`);
+}, B = async (s) => {
+  const e = T(s), n = o(e, "salty.config.js"), { config: t } = await import(n);
   return t;
-}, ot = async (s) => {
+}, rt = async (s) => {
   try {
-    const e = [], n = [], t = T(s), p = i(t, "index.css");
+    const e = [], n = [], t = T(s), c = o(t, "index.css");
     (() => {
-      H(t) && z("rm -rf " + t), V(t), V(i(t, "css")), V(i(t, "types"));
-    })(), await Y(s);
-    const b = await R(s);
-    async function j(c, m) {
-      const F = K(c);
-      if (F.isDirectory()) {
-        const u = G(c);
-        await Promise.all(u.map((g) => j(i(c, g), i(m, g))));
-      } else if (F.isFile() && v(c)) {
-        const g = await O(c, t), d = [];
-        Object.entries(g).forEach(([l, a]) => {
-          if (a.isKeyframes && a.css) {
-            const P = `${a.animationName}.css`, N = `css/${P}`, _ = i(t, N);
-            e.push(P), $(_, a.css);
+      W(t) && K("rm -rf " + t), V(t), V(o(t, "css")), V(o(t, "types"));
+    })(), await Q(s);
+    const F = await B(s);
+    async function C(r, p) {
+      const $ = G(r);
+      if ($.isDirectory()) {
+        const b = J(r);
+        await Promise.all(b.map((m) => C(o(r, m), o(p, m))));
+      } else if ($.isFile() && O(r)) {
+        const m = await R(r, t), P = [];
+        Object.entries(m).forEach(([a, u]) => {
+          if (u.isKeyframes && u.css) {
+            const I = `${u.animationName}.css`, z = `css/${I}`, H = o(t, z);
+            e.push(I), w(H, u.css);
             return;
           }
-          if (!a.generator) return;
-          const r = a.generator._withBuildContext({
-            name: l,
-            config: b
-          }), S = `${r.hash}-${r.priority}.css`;
-          n[r.priority] || (n[r.priority] = []), n[r.priority].push(S), d.push(S);
-          const C = `css/${S}`, D = i(t, C);
-          $(D, r.css);
+          if (!u.generator) return;
+          const d = u.generator._withBuildContext({
+            name: a,
+            config: F
+          }), j = `${d.hash}-${d.priority}.css`;
+          n[d.priority] || (n[d.priority] = []), n[d.priority].push(j), P.push(j);
+          const k = `css/${j}`, N = o(t, k);
+          w(N, d.css);
         });
-        const h = d.map((l) => `@import url('./${l}');`).join(`
-`), k = E(c, 6), f = i(t, `css/${k}.css`);
-        $(f, h);
+        const l = P.map((a) => `@import url('./${a}');`).join(`
+`), f = E(r, 6), y = o(t, `css/${f}.css`);
+        w(y, l);
       }
     }
-    await j(s, t);
-    const o = e.map((c) => `@import url('./css/${c}');`).join(`
+    await C(s, t);
+    const i = e.map((r) => `@import url('./css/${r}');`).join(`
 `);
-    let y = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+    let g = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
-${["@import url('./css/variables.css');", "@import url('./css/global.css');", "@import url('./css/templates.css');"].join(`
+${["variables.css", "global.css", "templates.css"].filter((r) => {
+      try {
+        return v(o(t, "css", r), "utf8").length > 0;
+      } catch {
+        return !1;
+      }
+    }).map((r) => `@import url('./css/${r}');`).join(`
 `)}
-${o}`;
-    if (b.importStrategy !== "component") {
-      const c = n.flat().map((m) => `@import url('./css/${m}');`).join(`
+${i}`;
+    if (F.importStrategy !== "component") {
+      const r = n.flat().map((p) => `@import url('./css/${p}');`).join(`
 `);
-      y += c;
+      g += r;
     }
-    $(p, y);
+    w(c, g);
   } catch (e) {
     console.error(e);
   }
-}, it = async (s, e) => {
+}, ct = async (s, e) => {
   try {
-    const n = [], t = i(s, "./saltygen"), p = i(t, "index.css");
-    if (v(e)) {
-      const b = await R(s), j = await O(e, t);
-      Object.entries(j).forEach(([m, F]) => {
-        if (!F.generator) return;
-        const u = F.generator._withBuildContext({
-          name: m,
-          config: b
-        }), g = `${u.hash}-${u.priority}.css`, d = `css/${g}`, h = i(t, d);
-        n.push(g), $(h, u.css);
+    const n = [], t = o(s, "./saltygen"), c = o(t, "index.css");
+    if (O(e)) {
+      const F = await B(s), C = await R(e, t);
+      Object.entries(C).forEach(([g, r]) => {
+        if (!r.generator) return;
+        const p = r.generator._withBuildContext({
+          name: g,
+          config: F
+        }), $ = `${p.hash}-${p.priority}.css`, b = `css/${$}`, m = o(t, b);
+        n.push($), w(m, p.css);
       });
-      const o = M(p, "utf8").split(`
-`), w = n.map((m) => `@import url('../saltygen/css/${m}');`), c = [.../* @__PURE__ */ new Set([...o, ...w])].join(`
+      const i = v(c, "utf8").split(`
+`), S = n.map((g) => `@import url('../saltygen/css/${g}');`), x = [.../* @__PURE__ */ new Set([...i, ...S])].join(`
 `);
-      $(p, c);
+      w(c, x);
     }
   } catch (n) {
     console.error(n);
   }
-}, rt = async (s, e) => {
+}, at = async (s, e) => {
   try {
-    const n = i(s, "./saltygen");
-    if (v(e)) {
-      const p = M(e, "utf8");
-      p.replace(/^(?!export\s)const\s.*/gm, (y) => `export ${y}`) !== p && await J(e, p);
-      const b = await R(s), j = await O(e, n);
-      let o = p;
-      Object.entries(j).forEach(([y, c]) => {
-        var P;
-        if (c.isKeyframes || !c.generator) return;
-        const m = c.generator._withBuildContext({
-          name: y,
-          config: b
-        }), F = new RegExp(`\\s${y}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(p);
-        if (!F) return console.error("Could not find the original declaration");
-        const u = (P = F.at(1)) == null ? void 0 : P.trim(), g = new RegExp(`\\s${y}[=\\s]+styled\\(`, "g").exec(o);
-        if (!g) return console.error("Could not find the original declaration");
-        const { index: d } = g;
-        let h = !1;
-        const k = setTimeout(() => h = !0, 5e3);
-        let f = 0, l = !1, a = 0;
-        for (; !l && !h; ) {
-          const N = o[d + f];
-          N === "(" && a++, N === ")" && a--, a === 0 && N === ")" && (l = !0), f > o.length && (h = !0), f++;
+    const n = o(s, "./saltygen");
+    if (O(e)) {
+      const c = v(e, "utf8");
+      c.replace(/^(?!export\s)const\s.*/gm, (h) => `export ${h}`) !== c && await q(e, c);
+      const F = await B(s), C = await R(e, n);
+      let i = c;
+      Object.entries(C).forEach(([h, x]) => {
+        var k;
+        if (x.isKeyframes || !x.generator) return;
+        const g = x.generator._withBuildContext({
+          name: h,
+          config: F
+        }), r = new RegExp(`\\s${h}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(c);
+        if (!r) return console.error("Could not find the original declaration");
+        const p = (k = r.at(1)) == null ? void 0 : k.trim(), $ = new RegExp(`\\s${h}[=\\s]+styled\\(`, "g").exec(i);
+        if (!$) return console.error("Could not find the original declaration");
+        const { index: b } = $;
+        let m = !1;
+        const P = setTimeout(() => m = !0, 5e3);
+        let l = 0, f = !1, y = 0;
+        for (; !f && !m; ) {
+          const N = i[b + l];
+          N === "(" && y++, N === ")" && y--, y === 0 && N === ")" && (f = !0), l > i.length && (m = !0), l++;
         }
-        if (!h) clearTimeout(k);
+        if (!m) clearTimeout(P);
         else throw new Error("Failed to find the end of the styled call and timed out");
-        const r = d + f, S = o.slice(d, r), C = o, D = ` ${y} = styled(${u}, "${m.classNames}", "${m._callerName}", ${JSON.stringify(m.props)});`;
-        o = o.replace(S, D), C === o && console.error("Minimize file failed to change content", { name: y, tagName: u });
+        const a = b + l, u = i.slice(b, a), d = i, j = ` ${h} = styled(${p}, "${g.classNames}", "${g._callerName}", ${JSON.stringify(g.props)});`;
+        i = i.replace(u, j), d === i && console.error("Minimize file failed to change content", { name: h, tagName: p });
       });
-      const w = E(e, 6);
-      return b.importStrategy === "component" && (o = `import '../../saltygen/css/${w}.css';
-${o}`), o = o.replace("{ styled }", "{ styledClient as styled }"), o = o.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), o;
+      const S = E(e, 6);
+      return F.importStrategy === "component" && (i = `import '../../saltygen/css/${S}.css';
+${i}`), i = i.replace("{ styled }", "{ styledClient as styled }"), i = i.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), i;
     }
   } catch (n) {
     console.error("Error in minimizeFile:", n);
   }
 };
 export {
-  O as compileSaltyFile,
-  Y as generateConfigStyles,
-  ot as generateCss,
-  it as generateFile,
-  v as isSaltyFile,
-  rt as minimizeFile,
-  U as saltyFileExtensions,
-  W as saltyFileRegExp
+  R as compileSaltyFile,
+  Q as generateConfigStyles,
+  rt as generateCss,
+  ct as generateFile,
+  O as isSaltyFile,
+  at as minimizeFile,
+  X as saltyFileExtensions,
+  Y as saltyFileRegExp
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.0.1-alpha.50",
+  "version": "0.0.1-alpha.51",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",