@salty-css/core 0.0.1-alpha.143 → 0.0.1-alpha.144

package/bin/main.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("commander"),G=require("fs"),s=require("fs/promises"),n=require("path"),ne=require("ejs"),t=require("../index-Btco4x8K.cjs"),ie=require("../pascal-case-iWoaJWwT.cjs"),se=require("child_process"),oe=require("ora");var z=typeof document<"u"?document.currentScript:null;const X=y=>new Promise((C,P)=>{se.exec(y,F=>{if(F)return P(F);C()})}),I=async(...y)=>{const C=y.map(b=>b.replace("-D","").split("@").slice(0,-1).join("@").trim()).join(", "),P=oe(`Installing packages: ${C}`).start(),F=y.join(" ");await X(`npm install ${F}`),P.succeed(`Installed packages: ${C}`)},ae=()=>G.existsSync(n.join(process.cwd(),"node_modules",".bin","prettier"));async function S(y){try{if(!ae())return;await X(`./node_modules/.bin/prettier --write "${y}"`),t.logger.info(`Formatted ${y} with Prettier`)}catch(C){t.logger.error(`Error formatting ${y} with Prettier:`,C)}}async function re(){const y=new te.Command;y.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");const C={"salty.config.ts":Promise.resolve().then(()=>require("../salty.config-Dk6ZcCxI.cjs")),"saltygen/index.css":Promise.resolve().then(()=>require("../index-84Wroia-.cjs")),"react/react-styled-file.ts":Promise.resolve().then(()=>require("../react-styled-file-Dkubsz-U.cjs")),"react/react-vanilla-file.ts":Promise.resolve().then(()=>require("../react-vanilla-file-CG_WJLam.cjs"))},P=async(i,a)=>{const{default:l}=await C[i],u=ne.render(l,a);return{fileName:i,content:u}},F=async()=>{const i=n.join(process.cwd(),".saltyrc.json");return await s.readFile(i,"utf-8").then(JSON.parse).catch(()=>({}))},b=n.join(process.cwd(),"package.json"),N=async(i=b)=>{const a=await s.readFile(i,"utf-8").then(JSON.parse).catch(()=>{});if(!a)throw"Could not read package.json file!";return a},Y=async(i,a=b)=>{typeof i=="object"&&(i=JSON.stringify(i,null,2)),await s.writeFile(a,i)},B=async()=>{const i=new URL("../package.json",typeof document>"u"?require("url").pathToFileURL(__filename).href:z&&z.tagName.toUpperCase()==="SCRIPT"&&z.src||new URL("bin/main.cjs",document.baseURI).href);return N(i)},V=await(async()=>(await F()).defaultProject)(),$=await B(),D={core:`@salty-css/core@${$.version}`,react:`@salty-css/react@${$.version}`,eslintConfigCore:`@salty-css/eslint-config-core@${$.version}`,vite:`@salty-css/vite@${$.version}`,next:`@salty-css/next@${$.version}`},R=i=>{const a=i==="."?"":i,l=process.cwd();return n.join(l,a)};y.command("init [directory]").description("Initialize a new Salty-CSS project.").option("-d, --dir <dir>","Project directory to initialize the project in.").option("--css-file <css-file>","Existing CSS file where to import the generated CSS. Path must be relative to the given project directory.").option("--skip-install","Skip installing dependencies.").action(async function(i="."){if(!await N().catch(()=>{}))return t.logError("Salty CSS project must be initialized in a directory with a package.json file.");t.logger.info("Initializing a new Salty-CSS project!");const{dir:l=i,cssFile:u,skipInstall:p}=this.opts();if(!l)return t.logError("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");p||await I(D.core,D.react);const f=process.cwd(),r=R(l),T=await Promise.all([P("salty.config.ts"),P("saltygen/index.css")]);await s.mkdir(r,{recursive:!0});const m=T.map(async({fileName:e,content:g})=>{const c=n.join(r,e);if(await s.readFile(c,"utf-8").catch(()=>{})!==void 0){t.logger.debug("File already exists: "+c);return}const k=e.split("/").slice(0,-1).join("/");k&&await s.mkdir(n.join(r,k),{recursive:!0}),t.logger.info("Creating file: "+c),await s.writeFile(c,g),await S(c)});await Promise.all(m);const w=n.relative(f,r)||".",h=n.join(f,".saltyrc.json"),d=await s.readFile(h,"utf-8").catch(()=>{});if(d===void 0){t.logger.info("Creating file: "+h);const g=JSON.stringify({$schema:"./node_modules/@salty-css/core/.saltyrc.schema.json",info:"This file is used to define projects and their configurations for Salty CSS cli. Do not delete, modify or add this file to .gitignore.",defaultProject:w,projects:[{dir:w,framework:"react"}]},null,2);await s.writeFile(h,g),await S(h)}else{const e=JSON.parse(d),g=(e==null?void 0:e.projects)||[];if(g.findIndex(o=>o.dir===w)===-1){g.push({dir:w,framework:"react"}),e.projects=[...g];const o=JSON.stringify(e,null,2);o!==d&&(t.logger.info("Edit file: "+h),await s.writeFile(h,o),await S(h))}}const j=n.join(f,".gitignore"),U=await s.readFile(j,"utf-8").catch(()=>{});U!==void 0&&(U.includes("saltygen")||(t.logger.info("Edit file: "+j),await s.writeFile(j,U+`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("commander"),G=require("fs"),s=require("fs/promises"),n=require("path"),ne=require("ejs"),t=require("../index-Cil3mKhl.cjs"),ie=require("../pascal-case-iWoaJWwT.cjs"),se=require("child_process"),oe=require("ora");var z=typeof document<"u"?document.currentScript:null;const X=y=>new Promise((C,P)=>{se.exec(y,F=>{if(F)return P(F);C()})}),I=async(...y)=>{const C=y.map(b=>b.replace("-D","").split("@").slice(0,-1).join("@").trim()).join(", "),P=oe(`Installing packages: ${C}`).start(),F=y.join(" ");await X(`npm install ${F}`),P.succeed(`Installed packages: ${C}`)},ae=()=>G.existsSync(n.join(process.cwd(),"node_modules",".bin","prettier"));async function S(y){try{if(!ae())return;await X(`./node_modules/.bin/prettier --write "${y}"`),t.logger.info(`Formatted ${y} with Prettier`)}catch(C){t.logger.error(`Error formatting ${y} with Prettier:`,C)}}async function re(){const y=new te.Command;y.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");const C={"salty.config.ts":Promise.resolve().then(()=>require("../salty.config-Dk6ZcCxI.cjs")),"saltygen/index.css":Promise.resolve().then(()=>require("../index-84Wroia-.cjs")),"react/react-styled-file.ts":Promise.resolve().then(()=>require("../react-styled-file-Dkubsz-U.cjs")),"react/react-vanilla-file.ts":Promise.resolve().then(()=>require("../react-vanilla-file-CG_WJLam.cjs"))},P=async(i,a)=>{const{default:l}=await C[i],u=ne.render(l,a);return{fileName:i,content:u}},F=async()=>{const i=n.join(process.cwd(),".saltyrc.json");return await s.readFile(i,"utf-8").then(JSON.parse).catch(()=>({}))},b=n.join(process.cwd(),"package.json"),N=async(i=b)=>{const a=await s.readFile(i,"utf-8").then(JSON.parse).catch(()=>{});if(!a)throw"Could not read package.json file!";return a},Y=async(i,a=b)=>{typeof i=="object"&&(i=JSON.stringify(i,null,2)),await s.writeFile(a,i)},B=async()=>{const i=new URL("../package.json",typeof document>"u"?require("url").pathToFileURL(__filename).href:z&&z.tagName.toUpperCase()==="SCRIPT"&&z.src||new URL("bin/main.cjs",document.baseURI).href);return N(i)},V=await(async()=>(await F()).defaultProject)(),$=await B(),D={core:`@salty-css/core@${$.version}`,react:`@salty-css/react@${$.version}`,eslintConfigCore:`@salty-css/eslint-config-core@${$.version}`,vite:`@salty-css/vite@${$.version}`,next:`@salty-css/next@${$.version}`},R=i=>{const a=i==="."?"":i,l=process.cwd();return n.join(l,a)};y.command("init [directory]").description("Initialize a new Salty-CSS project.").option("-d, --dir <dir>","Project directory to initialize the project in.").option("--css-file <css-file>","Existing CSS file where to import the generated CSS. Path must be relative to the given project directory.").option("--skip-install","Skip installing dependencies.").action(async function(i="."){if(!await N().catch(()=>{}))return t.logError("Salty CSS project must be initialized in a directory with a package.json file.");t.logger.info("Initializing a new Salty-CSS project!");const{dir:l=i,cssFile:u,skipInstall:p}=this.opts();if(!l)return t.logError("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");p||await I(D.core,D.react);const f=process.cwd(),r=R(l),T=await Promise.all([P("salty.config.ts"),P("saltygen/index.css")]);await s.mkdir(r,{recursive:!0});const m=T.map(async({fileName:e,content:g})=>{const c=n.join(r,e);if(await s.readFile(c,"utf-8").catch(()=>{})!==void 0){t.logger.debug("File already exists: "+c);return}const k=e.split("/").slice(0,-1).join("/");k&&await s.mkdir(n.join(r,k),{recursive:!0}),t.logger.info("Creating file: "+c),await s.writeFile(c,g),await S(c)});await Promise.all(m);const w=n.relative(f,r)||".",h=n.join(f,".saltyrc.json"),d=await s.readFile(h,"utf-8").catch(()=>{});if(d===void 0){t.logger.info("Creating file: "+h);const g=JSON.stringify({$schema:"./node_modules/@salty-css/core/.saltyrc.schema.json",info:"This file is used to define projects and their configurations for Salty CSS cli. Do not delete, modify or add this file to .gitignore.",defaultProject:w,projects:[{dir:w,framework:"react"}]},null,2);await s.writeFile(h,g),await S(h)}else{const e=JSON.parse(d),g=(e==null?void 0:e.projects)||[];if(g.findIndex(o=>o.dir===w)===-1){g.push({dir:w,framework:"react"}),e.projects=[...g];const o=JSON.stringify(e,null,2);o!==d&&(t.logger.info("Edit file: "+h),await s.writeFile(h,o),await S(h))}}const j=n.join(f,".gitignore"),U=await s.readFile(j,"utf-8").catch(()=>{});U!==void 0&&(U.includes("saltygen")||(t.logger.info("Edit file: "+j),await s.writeFile(j,U+`
 
 # Salty-CSS
 saltygen

package/bin/main.js

@@ -3,7 +3,7 @@ import { existsSync as K } from "fs";
 import { mkdir as q, readFile as C, writeFile as w } from "fs/promises";
 import { join as i, relative as z, parse as re, format as ee } from "path";
 import { render as ce } from "ejs";
-import { l as t, a as h, g as te } from "../index-ZxtEz_YW.js";
+import { l as t, a as h, g as te } from "../index-C_uFtnr7.js";
 import { p as le } from "../pascal-case-BQpR5PdN.js";
 import { exec as de } from "child_process";
 import fe from "ora";

package/compiler/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("esbuild");require("child_process");require("../dash-case-BJEkFEGQ.cjs");require("path");require("fs");require("fs/promises");require("../parse-templates-DD4hQEpv.cjs");const e=require("../index-Btco4x8K.cjs");exports.compileSaltyFile=e.compileSaltyFile;exports.generateConfigStyles=e.generateConfigStyles;exports.generateCss=e.generateCss;exports.generateFile=e.generateFile;exports.isSaltyFile=e.isSaltyFile;exports.minimizeFile=e.minimizeFile;exports.saltyFileExtensions=e.saltyFileExtensions;exports.saltyFileRegExp=e.saltyFileRegExp;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("esbuild");require("child_process");require("../dash-case-BJEkFEGQ.cjs");require("path");require("fs");require("fs/promises");require("../parse-templates-DD4hQEpv.cjs");const e=require("../index-Cil3mKhl.cjs");exports.compileSaltyFile=e.compileSaltyFile;exports.generateConfigStyles=e.generateConfigStyles;exports.generateCss=e.generateCss;exports.generateFile=e.generateFile;exports.isSaltyFile=e.isSaltyFile;exports.minimizeFile=e.minimizeFile;exports.saltyFileExtensions=e.saltyFileExtensions;exports.saltyFileRegExp=e.saltyFileRegExp;

package/compiler/index.js

@@ -5,7 +5,7 @@ import "path";
 import "fs";
 import "fs/promises";
 import "../parse-templates-CgZo0YA1.js";
-import { d as p, c as n, g, e as F, i as y, m as x, s as S, b as c } from "../index-ZxtEz_YW.js";
+import { d as p, c as n, g, e as F, i as y, m as x, s as S, b as c } from "../index-C_uFtnr7.js";
 export {
   p as compileSaltyFile,
   n as generateConfigStyles,

package/{index-ZxtEz_YW.js → index-C_uFtnr7.js}

@@ -84,77 +84,77 @@ const wt = {
   externalModules: []
 }, st = (t) => {
   if (A.externalModules.length > 0) return A.externalModules;
-  const e = o(t, "salty.config.ts"), c = _(e, "utf8").match(/externalModules:\s?\[(.*)\]/);
-  if (!c) return [];
-  const p = c[1].split(",").map((s) => s.replace(/['"`]/g, "").trim());
+  const e = o(t, "salty.config.ts"), a = _(e, "utf8").match(/externalModules:\s?\[(.*)\]/);
+  if (!a) return [];
+  const p = a[1].split(",").map((s) => s.replace(/['"`]/g, "").trim());
   return A.externalModules = p, p;
 }, H = (t) => o(t, "./saltygen"), nt = ["salty", "css", "styles", "styled"], xt = (t = []) => new RegExp(`\\.(${[...nt, ...t].join("|")})\\.`), L = (t, e = []) => xt(e).test(t), Ct = async (t) => {
-  const e = H(t), r = o(t, "salty.config.ts"), c = o(e, "salty.config.js"), p = await tt(t), s = st(t);
+  const e = H(t), r = o(t, "salty.config.ts"), a = o(e, "salty.config.js"), p = await tt(t), s = st(t);
   await Y.build({
     entryPoints: [r],
     minify: !0,
     treeShaking: !0,
     bundle: !0,
-    outfile: c,
+    outfile: a,
     format: p,
     external: s
   });
-  const m = Date.now(), { config: y } = await import(`${c}?t=${m}`);
-  return y;
+  const g = Date.now(), { config: m } = await import(`${a}?t=${g}`);
+  return m;
 }, Ft = async (t) => {
-  const e = await Ct(t), r = /* @__PURE__ */ new Set(), c = (l, d = []) => l ? Object.entries(l).flatMap(([b, u]) => {
+  const e = await Ct(t), r = /* @__PURE__ */ new Set(), a = (l, d = []) => l ? Object.entries(l).flatMap(([b, u]) => {
     if (!u) return;
-    if (typeof u == "object") return c(u, [...d, b]);
-    const M = et(b), v = W(b), N = [...d, M].join(".");
-    r.add(`"${N}"`);
-    const T = [...d.map(W), v].join("-"), { result: E } = yt(u);
-    return `--${T}: ${E};`;
+    if (typeof u == "object") return a(u, [...d, b]);
+    const M = et(b), v = W(b), P = [...d, M].join(".");
+    r.add(`"${P}"`);
+    const N = [...d.map(W), v].join("-"), { result: E } = yt(u);
+    return `--${N}: ${E};`;
   }) : [], p = (l) => l ? Object.entries(l).flatMap(([d, b]) => {
-    const u = c(b);
+    const u = a(b);
     return d === "base" ? u.join("") : `${d} { ${u.join("")} }`;
   }) : [], s = (l) => l ? Object.entries(l).flatMap(([d, b]) => Object.entries(b).flatMap(([u, M]) => {
-    const v = c(M, [d]), N = `.${d}-${u}, [data-${d}="${u}"]`, T = v.join("");
-    return `${N} { ${T} }`;
-  })) : [], m = c(e.variables), y = p(e.responsiveVariables), k = s(e.conditionalVariables), n = H(t), a = o(n, "css/_variables.css"), f = `:root { ${m.join("")} ${y.join("")} } ${k.join("")}`;
-  w(a, f);
+    const v = a(M, [d]), P = `.${d}-${u}, [data-${d}="${u}"]`, N = v.join("");
+    return `${P} { ${N} }`;
+  })) : [], g = a(e.variables), m = p(e.responsiveVariables), j = s(e.conditionalVariables), n = H(t), c = o(n, "css/_variables.css"), f = `:root { ${g.join("")} ${m.join("")} } ${j.join("")}`;
+  w(c, f);
   const S = o(n, "css/_global.css"), h = U(e.global, "");
   w(S, `@layer global { ${h} }`);
-  const x = o(n, "css/_reset.css"), g = e.reset === "none" ? {} : typeof e.reset == "object" ? e.reset : wt, F = U(g, "");
-  w(x, `@layer reset { ${F} }`);
-  const i = o(n, "css/_templates.css"), $ = gt(e.templates), P = mt(e.templates);
+  const x = o(n, "css/_reset.css"), y = e.reset === "none" ? {} : typeof e.reset == "object" ? e.reset : wt, T = U(y, "");
+  w(x, `@layer reset { ${T} }`);
+  const i = o(n, "css/_templates.css"), $ = gt(e.templates), k = mt(e.templates);
   w(i, $);
-  const j = o(n, "types/css-tokens.d.ts"), D = `
+  const F = o(n, "types/css-tokens.d.ts"), D = `
   // Variable types
   type VariableTokens = ${[...r].join("|")}; 
   type PropertyValueToken = \`{\${VariableTokens}}\`;
 
   // Template types
   type TemplateTokens = {
-    ${Object.entries(P).map(([l, d]) => `${l}?: ${d}`).join(`
+    ${Object.entries(k).map(([l, d]) => `${l}?: ${d}`).join(`
 `)}
   }
   `;
-  w(j, D);
+  w(F, D);
 }, X = (t) => t.replace(/styled\(([^"'`{,]+),/g, (e, r) => {
   if (/^['"`]/.test(r)) return e;
   const p = new RegExp(`import[^;]*${r}[,\\s{][^;]*from\\s?([^{};]+);`);
   if (!p.test(t)) return e;
-  const m = p.exec(t);
-  if (m) {
-    const y = m.at(1);
-    if (nt.some((n) => y == null ? void 0 : y.includes(n))) return e;
+  const g = p.exec(t);
+  if (g) {
+    const m = g.at(1);
+    if (nt.some((n) => m == null ? void 0 : m.includes(n))) return e;
   }
   return "styled('div',";
 }), Z = async (t, e, r) => {
-  const c = J(e), p = o(r, "./temp");
+  const a = J(e), p = o(r, "./temp");
   K(p) || O(p);
   const s = B(e);
-  let m = _(e, "utf8");
-  m = X(m);
-  const y = o(r, "js", c + ".js"), k = st(t), n = await tt(t);
+  let g = _(e, "utf8");
+  g = X(g);
+  const m = o(r, "js", a + ".js"), j = st(t), n = await tt(t);
   await Y.build({
     stdin: {
-      contents: m,
+      contents: g,
       sourcefile: s.base,
       resolveDir: s.dir,
       loader: "tsx"
@@ -162,11 +162,11 @@ const wt = {
     minify: !1,
     treeShaking: !0,
     bundle: !0,
-    outfile: y,
+    outfile: m,
     format: n,
     target: ["node20"],
     keepNames: !0,
-    external: k,
+    external: j,
     packages: "external",
     plugins: [
       {
@@ -180,10 +180,10 @@ const wt = {
       }
     ]
   });
-  const a = Date.now();
-  return await import(`${y}?t=${a}`);
+  const c = Date.now();
+  return await import(`${m}?t=${c}`);
 }, G = async (t) => {
-  const e = H(t), r = o(e, "salty.config.js"), c = Date.now(), { config: p } = await import(`${r}?t=${c}`);
+  const e = H(t), r = o(e, "salty.config.js"), a = Date.now(), { config: p } = await import(`${r}?t=${a}`);
   return p;
 }, ot = () => {
   try {
@@ -195,42 +195,42 @@ const wt = {
   try {
     const r = Date.now();
     e ? z.info("Generating CSS in production mode! 🔥") : z.info("Generating CSS in development mode! 🚀");
-    const c = [], p = [], s = H(t), m = o(s, "index.css");
+    const a = [], p = [], s = H(t), g = o(s, "index.css");
     (() => {
       K(s) && lt("rm -rf " + s), O(s), O(o(s, "css")), O(o(s, "types"));
     })(), await Ft(t);
-    const k = await G(t);
+    const j = await G(t);
     async function n(i, $) {
-      const P = ["node_modules", "saltygen"], j = pt(i);
-      if (j.isDirectory()) {
+      const k = ["node_modules", "saltygen"], F = pt(i);
+      if (F.isDirectory()) {
         const V = ft(i);
-        if (P.some((l) => i.includes(l))) return;
+        if (k.some((l) => i.includes(l))) return;
         await Promise.all(V.map((l) => n(o(i, l), o($, l))));
-      } else if (j.isFile() && L(i)) {
+      } else if (F.isFile() && L(i)) {
         const D = await Z(t, i, s), l = [];
-        Object.entries(D).forEach(([N, T]) => {
-          if (T.isKeyframes && T.css) {
-            const q = `a_${T.animationName}.css`, ct = `css/${q}`, it = o(s, ct);
-            c.push(q), w(it, T.css);
+        Object.entries(D).forEach(([P, N]) => {
+          if (N.isKeyframes && N.css) {
+            const q = `a_${N.animationName}.css`, ct = `css/${q}`, it = o(s, ct);
+            a.push(q), w(it, N.css);
             return;
           }
-          if (!T.generator) return;
-          const E = T.generator._withBuildContext({
-            name: N,
-            config: k,
+          if (!N.generator) return;
+          const E = N.generator._withBuildContext({
+            name: P,
+            config: j,
             prod: e
           });
           p[E.priority] || (p[E.priority] = []), p[E.priority].push(E.cssFileName), l.push(E.cssFileName);
           const rt = `css/${E.cssFileName}`, at = o(s, rt);
           w(at, E.css);
         });
-        const d = l.map((N) => `@import url('./${N}');`).join(`
+        const d = l.map((P) => `@import url('./${P}');`).join(`
 `), b = J(i, 6), u = B(i), M = W(u.name), v = o(s, `css/f_${M}-${b}.css`);
         w(v, d);
       }
     }
     await n(t, s);
-    const a = c.map((i) => `@import url('./css/${i}');`).join(`
+    const c = a.map((i) => `@import url('./css/${i}');`).join(`
 `);
     let x = `@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
@@ -242,61 +242,61 @@ ${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((i) =
       }
     }).map((i) => `@import url('./css/${i}');`).join(`
 `)}
-${a}`;
-    if (k.importStrategy !== "component") {
-      const i = p.reduce(($, P, j) => {
-        const V = P.reduce((b, u) => {
-          const M = o(s, "css", u), v = _(M, "utf8"), N = J(M, 6);
+${c}`;
+    if (j.importStrategy !== "component") {
+      const i = p.reduce(($, k, F) => {
+        const V = k.reduce((b, u) => {
+          const M = o(s, "css", u), v = _(M, "utf8"), P = J(M, 6);
           return `${b}
-/*start:${N}*/
+/*start:${P}*/
 ${v}
-/*end:${N}*/
+/*end:${P}*/
 `;
-        }, ""), D = `l_${j}.css`, l = o(s, "css", D), d = `@layer l${j} { ${V}
+        }, ""), D = `l_${F}.css`, l = o(s, "css", D), d = `@layer l${F} { ${V}
  }`;
         return w(l, d), `${$}
 @import url('./css/${D}');`;
       }, "");
       x += i;
     }
-    w(m, x);
-    const g = Date.now() - r, F = g < 200 ? "🔥" : g < 500 ? "🚀" : g < 1e3 ? "🎉" : g < 2e3 ? "🚗" : g < 5e3 ? "🤔" : "🥴";
-    z.info(`Generated CSS in ${g}ms! ${F}`);
+    w(g, x);
+    const y = Date.now() - r, T = y < 200 ? "🔥" : y < 500 ? "🚀" : y < 1e3 ? "🎉" : y < 2e3 ? "🚗" : y < 5e3 ? "🤔" : "🥴";
+    z.info(`Generated CSS in ${y}ms! ${T}`);
   } catch (r) {
     console.error(r);
   }
 }, Vt = async (t, e) => {
   try {
-    const r = o(t, "./saltygen"), c = o(r, "index.css");
+    const r = o(t, "./saltygen"), a = o(r, "index.css");
     if (L(e)) {
-      const s = [], m = await G(t), y = await Z(t, e, r);
-      Object.entries(y).forEach(([n, a]) => {
-        if (a.isKeyframes && a.css) {
-          const C = `css/${`a_${a.animationName}.css`}`, g = o(r, C);
-          w(g, a.css);
+      const s = [], g = await G(t), m = await Z(t, e, r);
+      Object.entries(m).forEach(([n, c]) => {
+        if (c.isKeyframes && c.css) {
+          const C = `css/${`a_${c.animationName}.css`}`, y = o(r, C);
+          w(y, c.css);
           return;
         }
-        if (!a.generator) return;
-        const f = a.generator._withBuildContext({
+        if (!c.generator) return;
+        const f = c.generator._withBuildContext({
           name: n,
-          config: m
+          config: g
         }), S = `css/${f.cssFileName}`, h = o(r, S);
         w(h, f.css), s[f.priority] || (s[f.priority] = []), s[f.priority].push(f.cssFileName);
       });
-      const k = _(c, "utf8").split(`
+      const j = _(a, "utf8").split(`
 `);
-      m.importStrategy !== "component" && s.forEach((n, a) => {
-        const f = `l_${a}.css`, S = o(r, "css", f);
+      g.importStrategy !== "component" && s.forEach((n, c) => {
+        const f = `l_${c}.css`, S = o(r, "css", f);
         let h = _(S, "utf8");
         n.forEach((x) => {
-          const C = o(r, "css", x), g = J(C, 6), F = h.includes(g);
-          if (console.log({ layer: a, filepath: C, filepathHash: g, found: F }), !F) {
-            const i = _(C, "utf8"), $ = J(C, 6), P = `/*start:${$}*/
+          const C = o(r, "css", x), y = J(C, 6);
+          if (!h.includes(y)) {
+            const i = _(C, "utf8"), $ = J(C, 6), k = `/*start:${$}*/
 ${i}
 /*end:${$}*/
 `;
             h = `${h.replace(/\}$/, "")}
-${P}
+${k}
 }`;
           }
         }), w(S, h);
@@ -307,44 +307,44 @@ ${P}
   }
 }, vt = async (t, e, r = ot()) => {
   try {
-    const c = o(t, "./saltygen");
+    const a = o(t, "./saltygen");
     if (L(e)) {
       const s = _(e, "utf8");
-      s.replace(/^(?!export\s)const\s.*/gm, (a) => `export ${a}`) !== s && await ut(e, s);
-      const y = await G(t), k = await Z(t, e, c);
+      s.replace(/^(?!export\s)const\s.*/gm, (c) => `export ${c}`) !== s && await ut(e, s);
+      const m = await G(t), j = await Z(t, e, a);
       let n = s;
-      if (Object.entries(k).forEach(([a, f]) => {
+      if (Object.entries(j).forEach(([c, f]) => {
         var b;
         if (f.isKeyframes || !f.generator) return;
         const S = f.generator._withBuildContext({
-          name: a,
-          config: y,
+          name: c,
+          config: m,
           prod: r
-        }), h = new RegExp(`\\s${a}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(s);
+        }), h = new RegExp(`\\s${c}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(s);
         if (!h) return console.error("Could not find the original declaration");
-        const x = (b = h.at(1)) == null ? void 0 : b.trim(), C = new RegExp(`\\s${a}[=\\s]+styled\\(`, "g").exec(n);
+        const x = (b = h.at(1)) == null ? void 0 : b.trim(), C = new RegExp(`\\s${c}[=\\s]+styled\\(`, "g").exec(n);
         if (!C) return console.error("Could not find the original declaration");
-        const { index: g } = C;
-        let F = !1;
-        const i = setTimeout(() => F = !0, 5e3);
-        let $ = 0, P = !1, j = 0;
-        for (; !P && !F; ) {
-          const u = n[g + $];
-          u === "(" && j++, u === ")" && j--, j === 0 && u === ")" && (P = !0), $ > n.length && (F = !0), $++;
+        const { index: y } = C;
+        let T = !1;
+        const i = setTimeout(() => T = !0, 5e3);
+        let $ = 0, k = !1, F = 0;
+        for (; !k && !T; ) {
+          const u = n[y + $];
+          u === "(" && F++, u === ")" && F--, F === 0 && u === ")" && (k = !0), $ > n.length && (T = !0), $++;
         }
-        if (!F) clearTimeout(i);
+        if (!T) clearTimeout(i);
         else throw new Error("Failed to find the end of the styled call and timed out");
-        const V = g + $, D = n.slice(g, V), l = n, d = ` ${a} = styled(${x}, "${S.classNames}", ${JSON.stringify(S.props)});`;
-        n = n.replace(D, d), l === n && console.error("Minimize file failed to change content", { name: a, tagName: x });
-      }), y.importStrategy === "component") {
-        const a = J(e, 6), f = B(e);
-        n = `import '../../saltygen/css/${`f_${W(f.name)}-${a}.css`}';
+        const V = y + $, D = n.slice(y, V), l = n, d = ` ${c} = styled(${x}, "${S.classNames}", ${JSON.stringify(S.props)});`;
+        n = n.replace(D, d), l === n && console.error("Minimize file failed to change content", { name: c, tagName: x });
+      }), m.importStrategy === "component") {
+        const c = J(e, 6), f = B(e);
+        n = `import '../../saltygen/css/${`f_${W(f.name)}-${c}.css`}';
 ${n}`;
       }
       return n = n.replace("{ styled }", "{ styledClient as styled }"), n = n.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), n;
     }
-  } catch (c) {
-    console.error("Error in minimizeFile:", c);
+  } catch (a) {
+    console.error("Error in minimizeFile:", a);
   }
 };
 export {

package/index-Cil3mKhl.cjs

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

package/package.json

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

package/index-Btco4x8K.cjs

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