@salty-css/core 0.0.1-alpha.40 → 0.0.1-alpha.41

package/compiler/index.cjs

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

package/compiler/index.js

@@ -1,12 +1,12 @@
 import * as I from "esbuild";
 import { execSync as z } from "child_process";
-import { t as T, d as R } from "../dash-case-DMQMcCO6.js";
-import { join as o } from "path";
+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 N = (s) => o(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 = N(s), n = o(s, "salty.config.ts"), t = o(e, "salty.config.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({
     entryPoints: [n],
     minify: !0,
@@ -16,32 +16,32 @@ const N = (s) => o(s, "./saltygen"), U = ["salty", "css", "styles", "styled"], W
     format: "esm",
     external: ["react"]
   });
-  const c = Date.now(), { config: S } = await import(`${t}?t=${c}`);
-  return S;
+  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 = (u, l = []) => u ? Object.entries(u).flatMap(([p, r]) => {
+  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, p]);
-    const x = [...l, p].join(".");
-    n.add(`"${x}"`);
-    const C = [...l.map(R), R(p)].join("-"), { result: D } = L(r);
+    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};`;
-  }) : [], c = (u) => u ? Object.entries(u).flatMap(([l, p]) => {
-    const r = t(p);
+  }) : [], p = (f) => f ? Object.entries(f).flatMap(([l, a]) => {
+    const r = t(a);
     return l === "base" ? r.join("") : `${l} { ${r.join("")} }`;
-  }) : [], S = (u) => u ? Object.entries(u).flatMap(([l, p]) => Object.entries(p).flatMap(([r, x]) => {
-    const C = t(x, [l]), D = `.${l}-${r}, [data-${l}="${r}"]`, P = C.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} }`;
-  })) : [], d = t(e.variables), w = c(e.responsiveVariables), a = S(e.conditionalVariables), b = N(s), f = o(b, "css/variables.css"), i = `:root { ${d.join("")} ${w.join("")} } ${a.join("")}`;
-  $(f, i);
-  const y = o(b, "types/css-tokens.d.ts"), g = `type VariableTokens = ${[...n].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
-  $(y, g);
-  const m = o(b, "css/global.css"), F = q(e.global, "");
-  $(m, F);
-  const j = o(b, "css/templates.css"), k = A(e.templates);
-  $(j, k);
-}, E = async (s, e) => {
-  const n = T(s), t = o(e, "js", n + ".js");
+  })) : [], 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({
     entryPoints: [s],
     minify: !0,
@@ -53,113 +53,124 @@ const N = (s) => o(s, "./saltygen"), U = ["salty", "css", "styles", "styled"], W
     keepNames: !0,
     external: ["react"]
   });
-  const c = Date.now();
-  return await import(`${t}?t=${c}`);
-}, O = async (s) => {
-  const e = N(s), n = o(e, "salty.config.js"), { config: t } = await import(n);
+  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);
   return t;
 }, ot = async (s) => {
   try {
-    const e = [], n = [], t = N(s), c = o(t, "index.css");
+    const e = [], n = [], t = T(s), p = i(t, "index.css");
     (() => {
-      H(t) && z("rm -rf " + t), V(t), V(o(t, "css")), V(o(t, "types"));
+      H(t) && z("rm -rf " + t), V(t), V(i(t, "css")), V(i(t, "types"));
     })(), await Y(s);
-    const d = await O(s);
-    async function w(i, y) {
-      const h = K(i);
-      if (h.isDirectory()) {
-        const g = G(i);
-        await Promise.all(g.map((m) => w(o(i, m), o(y, m))));
-      } else if (h.isFile() && v(i)) {
-        const m = await E(i, t), F = [];
-        Object.entries(m).forEach(([l, p]) => {
-          if (p.isKeyframes && p.css) {
-            const P = `${p.animationName}.css`, _ = `css/${P}`, B = o(t, _);
-            e.push(P), $(B, p.css);
+    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);
             return;
           }
-          if (!p.generator) return;
-          const r = p.generator._withBuildContext({
+          if (!a.generator) return;
+          const r = a.generator._withBuildContext({
             name: l,
-            config: d
-          }), x = `${r.hash}-${r.priority}.css`;
-          n[r.priority] || (n[r.priority] = []), n[r.priority].push(x), F.push(x);
-          const C = `css/${x}`, D = o(t, C);
+            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);
         });
-        const j = F.map((l) => `@import url('./${l}');`).join(`
-`), k = T(i, 6), u = o(t, `css/${k}.css`);
-        $(u, j);
+        const h = d.map((l) => `@import url('./${l}');`).join(`
+`), k = E(c, 6), f = i(t, `css/${k}.css`);
+        $(f, h);
       }
     }
-    await w(s, t);
-    const a = e.map((i) => `@import url('./css/${i}');`).join(`
+    await j(s, t);
+    const o = e.map((c) => `@import url('./css/${c}');`).join(`
 `);
-    let f = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+    let y = `@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(`
 `)}
-${a}`;
-    if (d.importStrategy !== "component") {
-      const i = n.flat().map((y) => `@import url('./css/${y}');`).join(`
+${o}`;
+    if (b.importStrategy !== "component") {
+      const c = n.flat().map((m) => `@import url('./css/${m}');`).join(`
 `);
-      f += i;
+      y += c;
     }
-    $(c, f);
+    $(p, y);
   } catch (e) {
     console.error(e);
   }
 }, it = async (s, e) => {
   try {
-    const n = [], t = o(s, "./saltygen"), c = o(t, "index.css");
+    const n = [], t = i(s, "./saltygen"), p = i(t, "index.css");
     if (v(e)) {
-      const d = await O(s), w = await E(e, t);
-      Object.entries(w).forEach(([y, h]) => {
-        if (!h.generator) return;
-        const g = h.generator._withBuildContext({
-          name: y,
-          config: d
-        }), m = `${g.hash}-${g.priority}.css`, F = `css/${m}`, j = o(t, F);
-        n.push(m), $(j, g.css);
+      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 a = M(c, "utf8").split(`
-`), b = n.map((y) => `@import url('../saltygen/css/${y}');`), i = [.../* @__PURE__ */ new Set([...a, ...b])].join(`
+      const o = M(p, "utf8").split(`
+`), w = n.map((m) => `@import url('../saltygen/css/${m}');`), c = [.../* @__PURE__ */ new Set([...o, ...w])].join(`
 `);
-      $(c, i);
+      $(p, c);
     }
   } catch (n) {
     console.error(n);
   }
 }, rt = async (s, e) => {
   try {
-    const n = o(s, "./saltygen");
+    const n = i(s, "./saltygen");
     if (v(e)) {
-      const c = M(e, "utf8");
-      c.replace(/^(?!export\s)const\s.*/gm, (f) => `export ${f}`) !== c && await J(e, c);
-      const d = await O(s), w = await E(e, n);
-      let a = c;
-      Object.entries(w).forEach(([f, i]) => {
-        var j;
-        if (i.isKeyframes || !i.generator) return;
-        const y = i.generator._withBuildContext({
-          name: f,
-          config: d
-        }), h = new RegExp(`${f}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(c);
-        if (!h)
-          return console.error("Could not find the original declaration");
-        const g = (j = h.at(1)) == null ? void 0 : j.trim(), m = `${f} = styled(${g}, "${y.classNames}", "${y._callerName}", ${JSON.stringify(y.props)});`, F = new RegExp(`${f}[=\\s]+[^()]+styled\\(([^)]|\\n|\\(.*\\){1})+\\)$`, "gm");
-        a = a.replace(F, m);
+      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(`${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(`${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++;
+        }
+        if (!h) clearTimeout(k);
+        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 b = T(e, 6);
-      return d.importStrategy === "component" && (a = `import '../../saltygen/css/${b}.css';
-${a}`), a = a.replace("{ styled }", "{ styledClient as styled }"), a = a.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), a;
+      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;
     }
   } catch (n) {
-    console.error("Error in minimizeFile", n);
+    console.error("Error in minimizeFile:", n);
   }
 };
 export {
-  E as compileSaltyFile,
+  O as compileSaltyFile,
   Y as generateConfigStyles,
   ot as generateCss,
   it as generateFile,

package/package.json

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