@salty-css/core 0.0.1-alpha.280 → 0.0.1-alpha.282

package/bin/main.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("commander"),A=require("fs"),s=require("fs/promises"),n=require("path"),ne=require("ejs"),e=require("../index-BgHtTuZf.cjs"),ie=require("../pascal-case-iWoaJWwT.cjs"),se=require("child_process"),oe=require("ora"),ae=require("../should-restart-CBwAaej8.cjs");var G=typeof document<"u"?document.currentScript:null;const X=y=>new Promise((C,P)=>{se.exec(y,x=>{if(x)return P(x);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(),x=y.join(" ");await X(`npm install ${x}`),P.succeed(`Installed packages: ${C}`)},re=()=>A.existsSync(n.join(process.cwd(),"node_modules",".bin","prettier"));async function S(y){try{if(!re())return;await X(`./node_modules/.bin/prettier --write "${y}"`),e.logger.info(`Formatted ${y} with Prettier`)}catch(C){e.logger.error(`Error formatting ${y} with Prettier:`,C)}}async function ce(){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:f}=await C[i],d=ne.render(f,a);return{fileName:i,content:d}},x=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:G&&G.tagName.toUpperCase()==="SCRIPT"&&G.src||new URL("bin/main.cjs",document.baseURI).href);return N(i)},V=await(async()=>(await x()).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}`},H=i=>{const a=i==="."?"":i,f=process.cwd();return n.join(f,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 e.logError("Salty CSS project must be initialized in a directory with a package.json file.");e.logger.info("Initializing a new Salty-CSS project!");const{dir:f=i,cssFile:d,skipInstall:p}=this.opts();if(!f)return e.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 c=process.cwd(),r=H(f),q=await Promise.all([P("salty.config.ts"),P("saltygen/index.css")]);await s.mkdir(r,{recursive:!0});const m=q.map(async({fileName:t,content:u})=>{const l=n.join(r,t);if(await s.readFile(l,"utf-8").catch(()=>{})!==void 0){e.logger.debug("File already exists: "+l);return}const k=t.split("/").slice(0,-1).join("/");k&&await s.mkdir(n.join(r,k),{recursive:!0}),e.logger.info("Creating file: "+l),await s.writeFile(l,u),await S(l)});await Promise.all(m);const w=n.relative(c,r)||".",h=n.join(c,".saltyrc.json"),g=await s.readFile(h,"utf-8").catch(()=>{});if(g===void 0){e.logger.info("Creating file: "+h);const u=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,u),await S(h)}else{const t=JSON.parse(g),u=(t==null?void 0:t.projects)||[];if(u.findIndex(o=>o.dir===w)===-1){u.push({dir:w,framework:"react"}),t.projects=[...u];const o=JSON.stringify(t,null,2);o!==g&&(e.logger.info("Edit file: "+h),await s.writeFile(h,o),await S(h))}}const j=n.join(c,".gitignore"),T=await s.readFile(j,"utf-8").catch(()=>{});T!==void 0&&(T.includes("saltygen")||(e.logger.info("Edit file: "+j),await s.writeFile(j,T+`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("commander"),A=require("fs"),s=require("fs/promises"),n=require("path"),ne=require("ejs"),e=require("../index-DOl289-D.cjs"),ie=require("../pascal-case-iWoaJWwT.cjs"),se=require("child_process"),oe=require("ora"),ae=require("../should-restart-Z7Vfizh9.cjs");var G=typeof document<"u"?document.currentScript:null;const X=y=>new Promise((C,P)=>{se.exec(y,x=>{if(x)return P(x);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(),x=y.join(" ");await X(`npm install ${x}`),P.succeed(`Installed packages: ${C}`)},re=()=>A.existsSync(n.join(process.cwd(),"node_modules",".bin","prettier"));async function S(y){try{if(!re())return;await X(`./node_modules/.bin/prettier --write "${y}"`),e.logger.info(`Formatted ${y} with Prettier`)}catch(C){e.logger.error(`Error formatting ${y} with Prettier:`,C)}}async function ce(){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:f}=await C[i],d=ne.render(f,a);return{fileName:i,content:d}},x=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:G&&G.tagName.toUpperCase()==="SCRIPT"&&G.src||new URL("bin/main.cjs",document.baseURI).href);return N(i)},V=await(async()=>(await x()).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}`},H=i=>{const a=i==="."?"":i,f=process.cwd();return n.join(f,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 e.logError("Salty CSS project must be initialized in a directory with a package.json file.");e.logger.info("Initializing a new Salty-CSS project!");const{dir:f=i,cssFile:d,skipInstall:p}=this.opts();if(!f)return e.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 c=process.cwd(),r=H(f),q=await Promise.all([P("salty.config.ts"),P("saltygen/index.css")]);await s.mkdir(r,{recursive:!0});const m=q.map(async({fileName:t,content:u})=>{const l=n.join(r,t);if(await s.readFile(l,"utf-8").catch(()=>{})!==void 0){e.logger.debug("File already exists: "+l);return}const k=t.split("/").slice(0,-1).join("/");k&&await s.mkdir(n.join(r,k),{recursive:!0}),e.logger.info("Creating file: "+l),await s.writeFile(l,u),await S(l)});await Promise.all(m);const w=n.relative(c,r)||".",h=n.join(c,".saltyrc.json"),g=await s.readFile(h,"utf-8").catch(()=>{});if(g===void 0){e.logger.info("Creating file: "+h);const u=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,u),await S(h)}else{const t=JSON.parse(g),u=(t==null?void 0:t.projects)||[];if(u.findIndex(o=>o.dir===w)===-1){u.push({dir:w,framework:"react"}),t.projects=[...u];const o=JSON.stringify(t,null,2);o!==g&&(e.logger.info("Edit file: "+h),await s.writeFile(h,o),await S(h))}}const j=n.join(c,".gitignore"),T=await s.readFile(j,"utf-8").catch(()=>{});T!==void 0&&(T.includes("saltygen")||(e.logger.info("Edit file: "+j),await s.writeFile(j,T+`
 
 # Salty-CSS
 saltygen

package/bin/main.js

@@ -3,11 +3,11 @@ import { existsSync as Q, watch as re } from "fs";
 import { mkdir as q, readFile as S, writeFile as C } from "fs/promises";
 import { join as a, relative as z, parse as ce, format as te } from "path";
 import { render as le } from "ejs";
-import { l as t, a as h, g as K, i as de, b as fe } from "../index-CXjwv_Dc.js";
+import { l as t, a as h, g as K, i as de, b as fe } from "../index-8a_5lZS1.js";
 import { p as pe } from "../pascal-case-BQpR5PdN.js";
 import { exec as ue } from "child_process";
 import ge from "ora";
-import { c as ye } from "../should-restart-BELKpXEw.js";
+import { c as ye } from "../should-restart-Cjw8WqZq.js";
 const ne = (g) => new Promise((P, x) => {
   ue(g, ($) => {
     if ($) return x($);

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-styles-Bdgw_4ME.cjs");require("../parsers/index.cjs");const e=require("../index-BgHtTuZf.cjs");require("../css/merge.cjs");require("../define-templates-Cunsb_Tr.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-styles-Bdgw_4ME.cjs");require("../parsers/index.cjs");const e=require("../index-DOl289-D.cjs");require("../css/merge.cjs");require("../define-templates-Cunsb_Tr.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

@@ -6,7 +6,7 @@ import "fs";
 import "fs/promises";
 import "../parse-styles-C1E6ETeH.js";
 import "../parsers/index.js";
-import { e as F, d as y, g as x, b as S, i as c, m as f, s as C, c as E } from "../index-CXjwv_Dc.js";
+import { e as F, d as y, g as x, b as S, i as c, m as f, s as C, c as E } from "../index-8a_5lZS1.js";
 import "../css/merge.js";
 import "../define-templates-4A2yHcMF.js";
 export {

package/index-8a_5lZS1.js

@@ -0,0 +1,524 @@
+import * as Ft from "esbuild";
+import { execSync as vt } from "child_process";
+import { t as I, d as U } from "./dash-case-DBThphLm.js";
+import { join as i, parse as tt } from "path";
+import { existsSync as ft, writeFileSync as C, mkdirSync as G, readFileSync as _, statSync as Et, readdirSync as Ot } from "fs";
+import { readFile as Pt } from "fs/promises";
+import { p as St, a as Mt } from "./parse-styles-C1E6ETeH.js";
+import { parseTemplates as Rt, getTemplateTypes as Jt } from "./parsers/index.js";
+import { createLogger as zt, format as rt, transports as Wt } from "winston";
+import { mergeObjects as H, mergeFactories as Gt } from "./css/merge.js";
+import { d as Ht } from "./define-templates-4A2yHcMF.js";
+import lt from "typescript";
+const jt = (t) => {
+  if (!t || t === "/") throw new Error("Could not find package.json file");
+  const e = i(t, "package.json");
+  return ft(e) ? e : jt(i(t, ".."));
+}, It = async (t) => {
+  const e = jt(t);
+  return await Pt(e, "utf-8").then(JSON.parse).catch(() => {
+  });
+}, Kt = async (t) => {
+  const e = await It(t);
+  if (e)
+    return e.type;
+};
+let W;
+const Nt = async (t) => {
+  if (W) return W;
+  const e = await Kt(t);
+  return e === "module" ? W = "esm" : (e === "commonjs" || import.meta.url.endsWith(".cjs")) && (W = "cjs"), W || "esm";
+}, Z = zt({
+  level: "debug",
+  format: rt.combine(rt.colorize(), rt.cli()),
+  transports: [new Wt.Console({})]
+}), fe = (t) => {
+  Z.error(t);
+};
+function xt(t) {
+  return t ? typeof t != "string" ? xt(String(t)) : t.replace(/[^\d\w]/g, ".") : "";
+}
+const Qt = {
+  /** Set box model to border-box */
+  "*, *::before, *::after": {
+    boxSizing: "border-box"
+  },
+  /** Remove default margin and padding */
+  "*": {
+    margin: 0
+  },
+  /** Remove adjust font properties */
+  html: {
+    lineHeight: 1.15,
+    textSizeAdjust: "100%",
+    WebkitFontSmoothing: "antialiased"
+  },
+  /** Make media elements responsive */
+  "img, picture, video, canvas, svg": {
+    display: "block",
+    maxWidth: "100%"
+  },
+  /** Avoid overflow of text */
+  "p, h1, h2, h3, h4, h5, h6": {
+    overflowWrap: "break-word"
+  },
+  /** Improve text wrapping */
+  p: {
+    textWrap: "pretty"
+  },
+  "h1, h2, h3, h4, h5, h6": {
+    textWrap: "balance"
+  },
+  /** Improve link color */
+  a: {
+    color: "currentColor"
+  },
+  /** Improve button line height */
+  button: {
+    lineHeight: "1em",
+    color: "currentColor"
+  },
+  /** Improve form elements */
+  "input, optgroup, select, textarea": {
+    fontFamily: "inherit",
+    fontSize: "100%",
+    lineHeight: "1.15em"
+  }
+}, Lt = (t, e) => new Promise((s, n) => {
+  const c = setTimeout(() => {
+    n(new Error("Timeout"));
+  }, 100), r = lt.createSourceFile("temp.ts", t, lt.ScriptTarget.Latest, !0);
+  function o(d) {
+    if (lt.isVariableDeclaration(d) && d.name.getText() === e) {
+      const w = d.getStart(), p = d.getEnd();
+      clearTimeout(c), s([w, p]);
+    }
+    d.forEachChild(o);
+  }
+  o(r);
+}), Bt = () => {
+  const { pathname: t } = new URL(import.meta.url);
+  return i(t, "../");
+}, v = {
+  externalModules: [],
+  rcFile: void 0,
+  destDir: void 0
+}, Dt = (t) => {
+  if (v.externalModules.length > 0) return v.externalModules;
+  const s = _(t, "utf8").match(/externalModules:\s?\[(.*)\]/);
+  if (!s) return [];
+  const n = s[1].split(",").map((c) => c.replace(/['"`]/g, "").trim());
+  return v.externalModules = n, n;
+}, J = async (t) => {
+  if (v.destDir) return v.destDir;
+  const e = await pt(t), s = i(t, (e == null ? void 0 : e.saltygenDir) || "saltygen");
+  return v.destDir = s, s;
+}, kt = ["salty", "css", "styles", "styled"], qt = (t = []) => new RegExp(`\\.(${[...kt, ...t].join("|")})\\.`), mt = (t, e = []) => qt(e).test(t), Tt = async (t) => {
+  if (v.rcFile) return v.rcFile;
+  if (t === "/") throw new Error("Could not find .saltyrc.json file");
+  const e = i(t, ".saltyrc.json"), s = await Pt(e, "utf-8").then(JSON.parse).catch(() => {
+  });
+  return s ? (v.rcFile = s, s) : Tt(i(t, ".."));
+}, pt = async (t) => {
+  var n, c;
+  const e = await Tt(t), s = (n = e.projects) == null ? void 0 : n.find((r) => t.endsWith(r.dir || ""));
+  return s || ((c = e.projects) == null ? void 0 : c.find((r) => r.dir === e.defaultProject));
+}, Ut = async (t) => {
+  const e = await pt(t), s = await J(t), n = i(t, (e == null ? void 0 : e.configDir) || "", "salty.config.ts"), c = i(s, "salty.config.js"), r = await Nt(t), o = Dt(n);
+  await Ft.build({
+    entryPoints: [n],
+    minify: !0,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: c,
+    format: r,
+    external: o
+  });
+  const d = Date.now(), { config: w } = await import(`${c}?t=${d}`);
+  return { config: w, path: c };
+}, At = async (t, e) => {
+  var wt, $t;
+  const s = await J(t), n = {
+    mediaQueries: [],
+    globalStyles: [],
+    variables: [],
+    templates: []
+  };
+  await Promise.all(
+    [...e].map(async (h) => {
+      const { contents: S, outputFilePath: B } = await et(t, h, s);
+      Object.entries(S).forEach(([k, j]) => {
+        j.isMedia ? n.mediaQueries.push([k, j]) : j.isGlobalDefine ? n.globalStyles.push(j) : j.isDefineVariables ? n.variables.push(j) : j.isDefineTemplates && n.templates.push(j._setPath(`${k};;${B}`));
+      });
+    })
+  );
+  const { config: c, path: r } = await Ut(t), o = { ...c }, { mediaQueries: d } = n;
+  o.mediaQueries = Object.fromEntries(d.map(([h, S]) => [`@${h}`, S]));
+  const w = d.map(([h]) => `'@${h}'`).join(" | "), p = /* @__PURE__ */ new Set(), a = async (h, S = []) => {
+    if (!h) return [];
+    const B = Object.entries(h).map(async ([j, R]) => {
+      const q = async (T) => {
+        if (!T) return;
+        if (T instanceof Promise) return await q(await T);
+        if (typeof T == "function") return await q(await T());
+        if (typeof T == "object") return await a(T, [...S, j]);
+        const at = xt(j), it = U(j), ct = [...S, at].join(".");
+        p.add(`"${ct}"`);
+        const Y = [...S.map(U), it].join("-"), bt = Mt(T);
+        return bt ? `--${Y}: ${bt.transformed};` : `--${Y}: ${T};`;
+      };
+      return await q(R);
+    });
+    return (await Promise.all(B)).flat();
+  }, g = async (h) => {
+    if (!h) return [];
+    const S = Object.entries(h).map(async ([k, j]) => {
+      const R = await a(j);
+      return k === "base" ? R.join("") : o.mediaQueries[k] ? `${o.mediaQueries[k]} { ${R.join("")} }` : `${k} { ${R.join("")} }`;
+    });
+    return (await Promise.all(S)).flat();
+  }, u = async (h) => {
+    if (!h) return [];
+    const S = Object.entries(h).map(async ([k, j]) => {
+      const R = Object.entries(j).map(async ([T, at]) => {
+        const it = await a(at, [k]), ct = `.${k}-${T}, [data-${k}="${T}"]`, Y = it.join("");
+        return `${ct} { ${Y} }`;
+      });
+      return (await Promise.all(R)).flat();
+    });
+    return (await Promise.all(S)).flat();
+  }, y = (h) => ({ ...h, responsive: void 0, conditional: void 0 }), m = (h) => n.variables.map((S) => h === "static" ? y(S._current) : S._current[h]), F = H(y(c.variables), m("static")), x = await a(F), D = H((wt = c.variables) == null ? void 0 : wt.responsive, m("responsive")), E = await g(D), z = H(($t = c.variables) == null ? void 0 : $t.conditional, m("conditional")), A = await u(z), gt = i(s, "css/_variables.css"), O = `:root { ${x.join("")} ${E.join("")} } ${A.join("")}`;
+  C(gt, O), o.staticVariables = F;
+  const st = i(s, "css/_global.css"), f = H(c.global, n.globalStyles), $ = await St(f, "");
+  C(st, `@layer global { ${$} }`);
+  const b = i(s, "css/_reset.css"), P = c.reset === "none" ? {} : typeof c.reset == "object" ? c.reset : Qt, N = await St(P, "");
+  C(b, `@layer reset { ${N} }`);
+  const V = i(s, "css/_templates.css"), M = H(c.templates, n.templates), K = await Rt(M), Q = Jt(M);
+  C(V, `@layer templates { ${K} }`), o.templates = M;
+  const X = c.templates ? [Ht(c.templates)._setPath(`config;;${r}`)] : [], nt = Gt(n.templates, X);
+  o.templatePaths = Object.fromEntries(Object.entries(nt).map(([h, S]) => [h, S._path]));
+  const L = i(s, "types/css-tokens.d.ts"), _t = `
+  // Variable types
+  type VariableTokens = ${[...p].join("|")}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(Q).map(([h, S]) => `${h}?: ${S}`).join(`
+`)}
+  }
+
+  // Media query types
+  type MediaQueryKeys = ${w || "''"};
+  `;
+  C(L, _t);
+  const Vt = i(s, "cache/config-cache.json");
+  C(Vt, JSON.stringify(o, null, 2));
+  const yt = Bt();
+  console.log("Config _dirname", yt);
+  const ht = i(yt, "../cache/config-cache.json");
+  console.log("Config cache secondary path", ht), C(ht, JSON.stringify(o, null, 2));
+}, Ct = (t) => t.replace(/styled\(([^"'`{,]+),/g, (e, s) => {
+  if (/^['"`]/.test(s)) return e;
+  const c = new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);
+  if (!c.test(t)) return e;
+  const o = c.exec(t);
+  if (o) {
+    const d = o.at(1);
+    if (kt.some((p) => d == null ? void 0 : d.includes(p))) return e;
+  }
+  return "styled('div',";
+}), Xt = (t, e) => {
+  try {
+    const s = _(i(e, "saltygen/cache/config-cache.json"), "utf8");
+    return s ? `globalThis.saltyConfig = ${s};
+
+${t}` : `globalThis.saltyConfig = {};
+
+${t}`;
+  } catch {
+    return t;
+  }
+}, et = async (t, e, s) => {
+  const n = I(e), c = i(s, "./temp");
+  ft(c) || G(c);
+  const r = tt(e);
+  let o = _(e, "utf8");
+  o = Ct(o), o = Xt(o, t);
+  const d = i(s, "js", n + ".js"), w = await pt(t), p = i(t, (w == null ? void 0 : w.configDir) || "", "salty.config.ts"), a = Dt(p), g = await Nt(t);
+  await Ft.build({
+    stdin: {
+      contents: o,
+      sourcefile: r.base,
+      resolveDir: r.dir,
+      loader: "tsx"
+    },
+    minify: !1,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: d,
+    format: g,
+    target: ["node20"],
+    keepNames: !0,
+    external: a,
+    packages: "external",
+    plugins: [
+      {
+        name: "test",
+        setup: (m) => {
+          m.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, (F) => {
+            const x = _(F.path, "utf8");
+            return { contents: Ct(x), loader: "ts" };
+          });
+        }
+      }
+    ]
+  });
+  const u = Date.now();
+  return { contents: await import(`${d}?t=${u}`), outputFilePath: d };
+}, Yt = async (t) => {
+  const e = await J(t), s = i(e, "cache/config-cache.json"), n = _(s, "utf8");
+  if (!n) throw new Error("Could not find config cache file");
+  return JSON.parse(n);
+}, ut = async (t) => {
+  const e = await Yt(t), s = await J(t), n = i(s, "salty.config.js"), c = Date.now(), { config: r } = await import(`${n}?t=${c}`);
+  return H(r, e);
+}, dt = () => {
+  try {
+    return process.env.NODE_ENV === "production";
+  } catch {
+    return !1;
+  }
+}, me = async (t, e = dt(), s = !0) => {
+  try {
+    const n = Date.now();
+    e ? Z.info("Generating CSS in production mode! 🔥") : Z.info("Generating CSS in development mode! 🚀");
+    const c = [], r = [], o = await J(t), d = i(o, "index.css");
+    s && (() => {
+      ft(o) && vt("rm -rf " + o), G(o, { recursive: !0 }), G(i(o, "css")), G(i(o, "types")), G(i(o, "js")), G(i(o, "cache"));
+    })();
+    const p = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set();
+    async function g(f) {
+      const $ = ["node_modules", "saltygen"], b = Et(f);
+      if (b.isDirectory()) {
+        const l = Ot(f);
+        if ($.some((N) => f.includes(N))) return;
+        await Promise.all(l.map((N) => g(i(f, N))));
+      } else if (b.isFile() && mt(f)) {
+        p.add(f);
+        const P = _(f, "utf8");
+        /define[\w\d]+\(/.test(P) && a.add(f);
+      }
+    }
+    await g(t), await At(t, a);
+    const u = {
+      keyframes: [],
+      components: [],
+      classNames: []
+    };
+    await Promise.all(
+      [...p].map(async (f) => {
+        const { contents: $ } = await et(t, f, o);
+        for (let [b, l] of Object.entries($))
+          l instanceof Promise && (l = await l), l.isKeyframes ? u.keyframes.push({
+            value: l,
+            src: f,
+            name: b
+          }) : l.isClassName ? u.classNames.push({
+            ...l,
+            src: f,
+            name: b
+          }) : l.generator && u.components.push({
+            ...l,
+            src: f,
+            name: b
+          });
+      })
+    );
+    const y = await ut(t);
+    for (const f of u.keyframes) {
+      const { value: $ } = f, b = `a_${$.animationName}.css`, l = `css/${b}`, P = i(o, l);
+      c.push(b), C(P, $.css);
+    }
+    const m = {};
+    for (const f of u.components) {
+      const { src: $, name: b } = f;
+      m[$] || (m[$] = []);
+      const l = f.generator._withBuildContext({
+        callerName: b,
+        isProduction: e,
+        config: y
+      });
+      r[l.priority] || (r[l.priority] = []);
+      const P = await l.css;
+      if (!P) continue;
+      r[l.priority].push(l.cssFileName);
+      const N = `css/${l.cssFileName}`, V = i(o, N);
+      C(V, P), y.importStrategy === "component" && m[$].push(l.cssFileName);
+    }
+    for (const f of u.classNames) {
+      const { src: $, name: b } = f;
+      m[$] || (m[$] = []);
+      const l = f.generator._withBuildContext({
+        callerName: b,
+        isProduction: e,
+        config: y
+      }), P = await l.css;
+      if (!P) continue;
+      r[l.priority] || (r[l.priority] = []), r[l.priority].push(l.cssFileName);
+      const N = `css/${l.cssFileName}`, V = i(o, N);
+      C(V, P), y.importStrategy === "component" && m[$].push(l.cssFileName);
+    }
+    y.importStrategy === "component" && Object.entries(m).forEach(([f, $]) => {
+      const b = $.map((M) => `@import url('./${M}');`).join(`
+`), l = I(f, 6), P = tt(f), N = U(P.name), V = i(o, `css/f_${N}-${l}.css`);
+      C(V, b || "/* Empty file */");
+    });
+    const F = c.map((f) => `@import url('./css/${f}');`).join(`
+`);
+    let A = `/*!
+ * Generated with Salty CSS (https://salty-css.dev)
+ * Do not edit this file directly
+ */
+@layer reset, global, templates, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((f) => {
+      try {
+        return _(i(o, "css", f), "utf8").length > 0;
+      } catch {
+        return !1;
+      }
+    }).map((f) => `@import url('./css/${f}');`).join(
+      `
+`
+    )}
+${F}`;
+    if (y.importStrategy !== "component") {
+      const f = r.reduce(($, b, l) => {
+        const P = b.reduce((K, Q) => {
+          var ot;
+          const X = i(o, "css", Q), nt = _(X, "utf8"), L = ((ot = /.*-([^-]+)-\d+.css/.exec(Q)) == null ? void 0 : ot.at(1)) || I(X, 6);
+          return K.includes(L) ? K : `${K}
+/*start:${L}-${Q}*/
+${nt}
+/*end:${L}*/
+`;
+        }, ""), N = `l_${l}.css`, V = i(o, "css", N), M = `@layer l${l} { ${P}
+ }`;
+        return C(V, M), `${$}
+@import url('./css/${N}');`;
+      }, "");
+      A += f;
+    }
+    C(d, A);
+    const O = Date.now() - n, st = O < 200 ? "🔥" : O < 500 ? "🚀" : O < 1e3 ? "🎉" : O < 2e3 ? "🚗" : O < 5e3 ? "🤔" : "🥴";
+    Z.info(`Generated CSS in ${O}ms! ${st}`);
+  } catch (n) {
+    console.error(n);
+  }
+}, pe = async (t, e, s = dt()) => {
+  try {
+    const n = await J(t);
+    if (mt(e)) {
+      const r = [], o = await ut(t), { contents: d } = await et(t, e, n);
+      for (const [w, p] of Object.entries(d)) {
+        if (p.isKeyframes && p.css) {
+          const F = `css/${`a_${p.animationName}.css`}`, x = i(n, F);
+          C(x, await p.css);
+          continue;
+        }
+        if (p.isClassName) {
+          const m = p.generator._withBuildContext({
+            callerName: w,
+            isProduction: s,
+            config: o
+          }), F = await m.css;
+          if (!F) continue;
+          r[m.priority] || (r[m.priority] = []), r[m.priority].push(m.cssFileName);
+          const x = `css/${m.cssFileName}`, D = i(n, x);
+          C(D, F);
+          continue;
+        }
+        if (!p.generator) continue;
+        const a = p.generator._withBuildContext({
+          callerName: w,
+          isProduction: s,
+          config: o
+        }), g = await a.css;
+        if (!g) continue;
+        const u = `css/${a.cssFileName}`, y = i(n, u);
+        C(y, g), r[a.priority] || (r[a.priority] = []), r[a.priority].push(a.cssFileName);
+      }
+      if (o.importStrategy !== "component")
+        r.forEach((w, p) => {
+          const a = `l_${p}.css`, g = i(n, "css", a);
+          let u = _(g, "utf8");
+          w.forEach((y) => {
+            var D;
+            const m = i(n, "css", y), F = ((D = /.*-([^-]+)-\d+.css/.exec(y)) == null ? void 0 : D.at(1)) || I(m, 6);
+            if (!u.includes(F)) {
+              const E = _(m, "utf8"), z = `/*start:${F}-${y}*/
+${E}
+/*end:${F}*/
+`;
+              u = `${u.replace(/\}$/, "")}
+${z}
+}`;
+            }
+          }), C(g, u);
+        });
+      else {
+        const w = r.flat().map((y) => `@import url('./${y}');`).join(`
+`), p = I(e, 6), a = tt(e), g = U(a.name), u = i(n, `css/f_${g}-${p}.css`);
+        C(u, w || "/* Empty file */");
+      }
+    }
+  } catch (n) {
+    console.error(n);
+  }
+}, ue = async (t, e, s = dt()) => {
+  var n, c;
+  try {
+    const r = await J(t);
+    if (mt(e)) {
+      const d = _(e, "utf8"), w = await ut(t), { contents: p } = await et(t, e, r);
+      let a = d;
+      for (const [g, u] of Object.entries(p)) {
+        if (u.isKeyframes || !u.generator) continue;
+        const y = u.generator._withBuildContext({
+          callerName: g,
+          isProduction: s,
+          config: w
+        }), [m, F] = await Lt(a, g), x = a.slice(m, F);
+        if (u.isClassName) {
+          const D = a, E = ` ${g} = className("${y.classNames}")`;
+          a = a.replace(x, E), D === a && console.error("Minimize file failed to change content", { name: g });
+        }
+        if (x.includes("styled")) {
+          const D = (c = (n = /styled\(([^,]+),/.exec(x)) == null ? void 0 : n.at(1)) == null ? void 0 : c.trim(), E = a, z = ` ${g} = styled(${D}, "${y.classNames}", ${JSON.stringify(y.clientProps)})`;
+          a = a.replace(x, z), E === a && console.error("Minimize file failed to change content", { name: g, tagName: D });
+        }
+      }
+      if (w.importStrategy === "component") {
+        const g = I(e, 6), u = tt(e);
+        a = `import '../../saltygen/css/${`f_${U(u.name)}-${g}.css`}';
+${a}`;
+      }
+      return a = a.replace("@salty-css/react/class-name", "@salty-css/react/class-name-client"), a = a.replace("{ styled }", "{ styledClient as styled }"), a = a.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), a;
+    }
+  } catch (r) {
+    console.error("Error in minimizeFile:", r);
+  }
+};
+export {
+  fe as a,
+  pe as b,
+  qt as c,
+  At as d,
+  et as e,
+  me as g,
+  mt as i,
+  Z as l,
+  ue as m,
+  kt as s
+};

package/index-DOl289-D.cjs

@@ -0,0 +1,41 @@
+"use strict";const Oe=require("esbuild"),ve=require("child_process"),T=require("./dash-case-BJEkFEGQ.cjs"),i=require("path"),c=require("fs"),be=require("fs/promises"),ce=require("./parse-styles-Bdgw_4ME.cjs"),Se=require("./parsers/index.cjs"),Q=require("winston"),J=require("./css/merge.cjs"),Ee=require("./define-templates-Cunsb_Tr.cjs"),re=require("typescript");var I=typeof document<"u"?document.currentScript:null;function Ve(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const Fe=Ve(Oe),$e=e=>{if(!e||e==="/")throw new Error("Could not find package.json file");const t=i.join(e,"package.json");return c.existsSync(t)?t:$e(i.join(e,".."))},Re=async e=>{const t=$e(e);return await be.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},Me=async e=>{const t=await Re(e);if(t)return t.type};let H;const Ce=async e=>{if(H)return H;const t=await Me(e);return t==="module"?H="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:I&&I.tagName.toUpperCase()==="SCRIPT"&&I.src||new URL("index-DOl289-D.cjs",document.baseURI).href).endsWith(".cjs"))&&(H="cjs"),H||"esm"},B=Q.createLogger({level:"debug",format:Q.format.combine(Q.format.colorize(),Q.format.cli()),transports:[new Q.transports.Console({})]}),Je=e=>{B.error(e)};function Pe(e){return e?typeof e!="string"?Pe(String(e)):e.replace(/[^\d\w]/g,"."):""}const qe={"*, *::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"}},ze=(e,t)=>new Promise((s,n)=>{const r=setTimeout(()=>{n(new Error("Timeout"))},100),l=re.createSourceFile("temp.ts",e,re.ScriptTarget.Latest,!0);function o(y){if(re.isVariableDeclaration(y)&&y.name.getText()===t){const S=y.getStart(),p=y.getEnd();clearTimeout(r),s([S,p])}y.forEachChild(o)}o(l)}),He=()=>{const{pathname:e}=new URL(typeof document>"u"?require("url").pathToFileURL(__filename).href:I&&I.tagName.toUpperCase()==="SCRIPT"&&I.src||new URL("index-DOl289-D.cjs",document.baseURI).href);return i.join(e,"../")},v={externalModules:[],rcFile:void 0,destDir:void 0},Ne=e=>{if(v.externalModules.length>0)return v.externalModules;const s=c.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const n=s[1].split(",").map(r=>r.replace(/['"`]/g,"").trim());return v.externalModules=n,n},q=async e=>{if(v.destDir)return v.destDir;const t=await fe(e),s=i.join(e,(t==null?void 0:t.saltygenDir)||"saltygen");return v.destDir=s,s},le=["salty","css","styles","styled"],xe=(e=[])=>new RegExp(`\\.(${[...le,...e].join("|")})\\.`),ee=(e,t=[])=>xe(t).test(e),_e=async e=>{if(v.rcFile)return v.rcFile;if(e==="/")throw new Error("Could not find .saltyrc.json file");const t=i.join(e,".saltyrc.json"),s=await be.readFile(t,"utf-8").then(JSON.parse).catch(()=>{});return s?(v.rcFile=s,s):_e(i.join(e,".."))},fe=async e=>{var n,r;const t=await _e(e),s=(n=t.projects)==null?void 0:n.find(l=>e.endsWith(l.dir||""));return s||((r=t.projects)==null?void 0:r.find(l=>l.dir===t.defaultProject))},Ie=async e=>{const t=await fe(e),s=await q(e),n=i.join(e,(t==null?void 0:t.configDir)||"","salty.config.ts"),r=i.join(s,"salty.config.js"),l=await Ce(e),o=Ne(n);await Fe.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:r,format:l,external:o});const y=Date.now(),{config:S}=await import(`${r}?t=${y}`);return{config:S,path:r}},ke=async(e,t)=>{var ge,he;const s=await q(e),n={mediaQueries:[],globalStyles:[],variables:[],templates:[]};await Promise.all([...t].map(async w=>{const{contents:F,outputFilePath:G}=await A(e,w,s);Object.entries(F).forEach(([k,P])=>{P.isMedia?n.mediaQueries.push([k,P]):P.isGlobalDefine?n.globalStyles.push(P):P.isDefineVariables?n.variables.push(P):P.isDefineTemplates&&n.templates.push(P._setPath(`${k};;${G}`))})}));const{config:r,path:l}=await Ie(e),o={...r},{mediaQueries:y}=n;o.mediaQueries=Object.fromEntries(y.map(([w,F])=>[`@${w}`,F]));const S=y.map(([w])=>`'@${w}'`).join(" | "),p=new Set,a=async(w,F=[])=>{if(!w)return[];const G=Object.entries(w).map(async([P,M])=>{const K=async D=>{if(!D)return;if(D instanceof Promise)return await K(await D);if(typeof D=="function")return await K(await D());if(typeof D=="object")return await a(D,[...F,P]);const oe=Pe(P),ie=T.dashCase(P),ae=[...F,oe].join(".");p.add(`"${ae}"`);const Z=[...F.map(T.dashCase),ie].join("-"),we=ce.parseVariableTokens(D);return we?`--${Z}: ${we.transformed};`:`--${Z}: ${D};`};return await K(M)});return(await Promise.all(G)).flat()},g=async w=>{if(!w)return[];const F=Object.entries(w).map(async([k,P])=>{const M=await a(P);return k==="base"?M.join(""):o.mediaQueries[k]?`${o.mediaQueries[k]} { ${M.join("")} }`:`${k} { ${M.join("")} }`});return(await Promise.all(F)).flat()},m=async w=>{if(!w)return[];const F=Object.entries(w).map(async([k,P])=>{const M=Object.entries(P).map(async([D,oe])=>{const ie=await a(oe,[k]),ae=`.${k}-${D}, [data-${k}="${D}"]`,Z=ie.join("");return`${ae} { ${Z} }`});return(await Promise.all(M)).flat()});return(await Promise.all(F)).flat()},h=w=>({...w,responsive:void 0,conditional:void 0}),d=w=>n.variables.map(F=>w==="static"?h(F._current):F._current[w]),$=J.mergeObjects(h(r.variables),d("static")),x=await a($),_=J.mergeObjects((ge=r.variables)==null?void 0:ge.responsive,d("responsive")),E=await g(_),z=J.mergeObjects((he=r.variables)==null?void 0:he.conditional,d("conditional")),X=await m(z),pe=i.join(s,"css/_variables.css"),V=`:root { ${x.join("")} ${E.join("")} } ${X.join("")}`;c.writeFileSync(pe,V),o.staticVariables=$;const te=i.join(s,"css/_global.css"),u=J.mergeObjects(r.global,n.globalStyles),j=await ce.parseAndJoinStyles(u,"");c.writeFileSync(te,`@layer global { ${j} }`);const b=i.join(s,"css/_reset.css"),C=r.reset==="none"?{}:typeof r.reset=="object"?r.reset:qe,N=await ce.parseAndJoinStyles(C,"");c.writeFileSync(b,`@layer reset { ${N} }`);const O=i.join(s,"css/_templates.css"),R=J.mergeObjects(r.templates,n.templates),L=await Se.parseTemplates(R),W=Se.getTemplateTypes(R);c.writeFileSync(O,`@layer templates { ${L} }`),o.templates=R;const Y=r.templates?[Ee.defineTemplates(r.templates)._setPath(`config;;${l}`)]:[],se=J.mergeFactories(n.templates,Y);o.templatePaths=Object.fromEntries(Object.entries(se).map(([w,F])=>[w,F._path]));const U=i.join(s,"types/css-tokens.d.ts"),De=`
+  // Variable types
+  type VariableTokens = ${[...p].join("|")}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(W).map(([w,F])=>`${w}?: ${F}`).join(`
+`)}
+  }
+
+  // Media query types
+  type MediaQueryKeys = ${S||"''"};
+  `;c.writeFileSync(U,De);const Te=i.join(s,"cache/config-cache.json");c.writeFileSync(Te,JSON.stringify(o,null,2));const me=He();console.log("Config _dirname",me);const ye=i.join(me,"../cache/config-cache.json");console.log("Config cache secondary path",ye),c.writeFileSync(ye,JSON.stringify(o,null,2))},je=e=>e.replace(/styled\(([^"'`{,]+),/g,(t,s)=>{if(/^['"`]/.test(s))return t;const r=new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);if(!r.test(e))return t;const o=r.exec(e);if(o){const y=o.at(1);if(le.some(p=>y==null?void 0:y.includes(p)))return t}return"styled('div',"}),Le=(e,t)=>{try{const s=c.readFileSync(i.join(t,"saltygen/cache/config-cache.json"),"utf8");return s?`globalThis.saltyConfig = ${s};
+
+${e}`:`globalThis.saltyConfig = {};
+
+${e}`}catch{return e}},A=async(e,t,s)=>{const n=T.toHash(t),r=i.join(s,"./temp");c.existsSync(r)||c.mkdirSync(r);const l=i.parse(t);let o=c.readFileSync(t,"utf8");o=je(o),o=Le(o,e);const y=i.join(s,"js",n+".js"),S=await fe(e),p=i.join(e,(S==null?void 0:S.configDir)||"","salty.config.ts"),a=Ne(p),g=await Ce(e);await Fe.build({stdin:{contents:o,sourcefile:l.base,resolveDir:l.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:y,format:g,target:["node20"],keepNames:!0,external:a,packages:"external",plugins:[{name:"test",setup:d=>{d.onLoad({filter:/.*\.css|salty|styles|styled\.ts/},$=>{const x=c.readFileSync($.path,"utf8");return{contents:je(x),loader:"ts"}})}}]});const m=Date.now();return{contents:await import(`${y}?t=${m}`),outputFilePath:y}},We=async e=>{const t=await q(e),s=i.join(t,"cache/config-cache.json"),n=c.readFileSync(s,"utf8");if(!n)throw new Error("Could not find config cache file");return JSON.parse(n)},ue=async e=>{const t=await We(e),s=await q(e),n=i.join(s,"salty.config.js"),r=Date.now(),{config:l}=await import(`${n}?t=${r}`);return J.mergeObjects(l,t)},de=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},Ue=async(e,t=de(),s=!0)=>{try{const n=Date.now();t?B.info("Generating CSS in production mode! 🔥"):B.info("Generating CSS in development mode! 🚀");const r=[],l=[],o=await q(e),y=i.join(o,"index.css");s&&(()=>{c.existsSync(o)&&ve.execSync("rm -rf "+o),c.mkdirSync(o,{recursive:!0}),c.mkdirSync(i.join(o,"css")),c.mkdirSync(i.join(o,"types")),c.mkdirSync(i.join(o,"js")),c.mkdirSync(i.join(o,"cache"))})();const p=new Set,a=new Set;async function g(u){const j=["node_modules","saltygen"],b=c.statSync(u);if(b.isDirectory()){const f=c.readdirSync(u);if(j.some(N=>u.includes(N)))return;await Promise.all(f.map(N=>g(i.join(u,N))))}else if(b.isFile()&&ee(u)){p.add(u);const C=c.readFileSync(u,"utf8");/define[\w\d]+\(/.test(C)&&a.add(u)}}await g(e),await ke(e,a);const m={keyframes:[],components:[],classNames:[]};await Promise.all([...p].map(async u=>{const{contents:j}=await A(e,u,o);for(let[b,f]of Object.entries(j))f instanceof Promise&&(f=await f),f.isKeyframes?m.keyframes.push({value:f,src:u,name:b}):f.isClassName?m.classNames.push({...f,src:u,name:b}):f.generator&&m.components.push({...f,src:u,name:b})}));const h=await ue(e);for(const u of m.keyframes){const{value:j}=u,b=`a_${j.animationName}.css`,f=`css/${b}`,C=i.join(o,f);r.push(b),c.writeFileSync(C,j.css)}const d={};for(const u of m.components){const{src:j,name:b}=u;d[j]||(d[j]=[]);const f=u.generator._withBuildContext({callerName:b,isProduction:t,config:h});l[f.priority]||(l[f.priority]=[]);const C=await f.css;if(!C)continue;l[f.priority].push(f.cssFileName);const N=`css/${f.cssFileName}`,O=i.join(o,N);c.writeFileSync(O,C),h.importStrategy==="component"&&d[j].push(f.cssFileName)}for(const u of m.classNames){const{src:j,name:b}=u;d[j]||(d[j]=[]);const f=u.generator._withBuildContext({callerName:b,isProduction:t,config:h}),C=await f.css;if(!C)continue;l[f.priority]||(l[f.priority]=[]),l[f.priority].push(f.cssFileName);const N=`css/${f.cssFileName}`,O=i.join(o,N);c.writeFileSync(O,C),h.importStrategy==="component"&&d[j].push(f.cssFileName)}h.importStrategy==="component"&&Object.entries(d).forEach(([u,j])=>{const b=j.map(R=>`@import url('./${R}');`).join(`
+`),f=T.toHash(u,6),C=i.parse(u),N=T.dashCase(C.name),O=i.join(o,`css/f_${N}-${f}.css`);c.writeFileSync(O,b||"/* Empty file */")});const $=r.map(u=>`@import url('./css/${u}');`).join(`
+`);let X=`/*!
+ * Generated with Salty CSS (https://salty-css.dev)
+ * Do not edit this file directly
+ */
+@layer reset, global, templates, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["_variables.css","_reset.css","_global.css","_templates.css"].filter(u=>{try{return c.readFileSync(i.join(o,"css",u),"utf8").length>0}catch{return!1}}).map(u=>`@import url('./css/${u}');`).join(`
+`)}
+${$}`;if(h.importStrategy!=="component"){const u=l.reduce((j,b,f)=>{const C=b.reduce((L,W)=>{var ne;const Y=i.join(o,"css",W),se=c.readFileSync(Y,"utf8"),U=((ne=/.*-([^-]+)-\d+.css/.exec(W))==null?void 0:ne.at(1))||T.toHash(Y,6);return L.includes(U)?L:`${L}
+/*start:${U}-${W}*/
+${se}
+/*end:${U}*/
+`},""),N=`l_${f}.css`,O=i.join(o,"css",N),R=`@layer l${f} { ${C}
+ }`;return c.writeFileSync(O,R),`${j}
+@import url('./css/${N}');`},"");X+=u}c.writeFileSync(y,X);const V=Date.now()-n,te=V<200?"🔥":V<500?"🚀":V<1e3?"🎉":V<2e3?"🚗":V<5e3?"🤔":"🥴";B.info(`Generated CSS in ${V}ms! ${te}`)}catch(n){console.error(n)}},Ge=async(e,t,s=de())=>{try{const n=await q(e);if(ee(t)){const l=[],o=await ue(e),{contents:y}=await A(e,t,n);for(const[S,p]of Object.entries(y)){if(p.isKeyframes&&p.css){const $=`css/${`a_${p.animationName}.css`}`,x=i.join(n,$);c.writeFileSync(x,await p.css);continue}if(p.isClassName){const d=p.generator._withBuildContext({callerName:S,isProduction:s,config:o}),$=await d.css;if(!$)continue;l[d.priority]||(l[d.priority]=[]),l[d.priority].push(d.cssFileName);const x=`css/${d.cssFileName}`,_=i.join(n,x);c.writeFileSync(_,$);continue}if(!p.generator)continue;const a=p.generator._withBuildContext({callerName:S,isProduction:s,config:o}),g=await a.css;if(!g)continue;const m=`css/${a.cssFileName}`,h=i.join(n,m);c.writeFileSync(h,g),l[a.priority]||(l[a.priority]=[]),l[a.priority].push(a.cssFileName)}if(o.importStrategy!=="component")l.forEach((S,p)=>{const a=`l_${p}.css`,g=i.join(n,"css",a);let m=c.readFileSync(g,"utf8");S.forEach(h=>{var _;const d=i.join(n,"css",h),$=((_=/.*-([^-]+)-\d+.css/.exec(h))==null?void 0:_.at(1))||T.toHash(d,6);if(!m.includes($)){const E=c.readFileSync(d,"utf8"),z=`/*start:${$}-${h}*/
+${E}
+/*end:${$}*/
+`;m=`${m.replace(/\}$/,"")}
+${z}
+}`}}),c.writeFileSync(g,m)});else{const S=l.flat().map(h=>`@import url('./${h}');`).join(`
+`),p=T.toHash(t,6),a=i.parse(t),g=T.dashCase(a.name),m=i.join(n,`css/f_${g}-${p}.css`);c.writeFileSync(m,S||"/* Empty file */")}}}catch(n){console.error(n)}},Ke=async(e,t,s=de())=>{var n,r;try{const l=await q(e);if(ee(t)){const y=c.readFileSync(t,"utf8"),S=await ue(e),{contents:p}=await A(e,t,l);let a=y;for(const[g,m]of Object.entries(p)){if(m.isKeyframes||!m.generator)continue;const h=m.generator._withBuildContext({callerName:g,isProduction:s,config:S}),[d,$]=await ze(a,g),x=a.slice(d,$);if(m.isClassName){const _=a,E=` ${g} = className("${h.classNames}")`;a=a.replace(x,E),_===a&&console.error("Minimize file failed to change content",{name:g})}if(x.includes("styled")){const _=(r=(n=/styled\(([^,]+),/.exec(x))==null?void 0:n.at(1))==null?void 0:r.trim(),E=a,z=` ${g} = styled(${_}, "${h.classNames}", ${JSON.stringify(h.clientProps)})`;a=a.replace(x,z),E===a&&console.error("Minimize file failed to change content",{name:g,tagName:_})}}if(S.importStrategy==="component"){const g=T.toHash(t,6),m=i.parse(t);a=`import '../../saltygen/css/${`f_${T.dashCase(m.name)}-${g}.css`}';
+${a}`}return a=a.replace("@salty-css/react/class-name","@salty-css/react/class-name-client"),a=a.replace("{ styled }","{ styledClient as styled }"),a=a.replace("@salty-css/react/styled","@salty-css/react/styled-client"),a}}catch(l){console.error("Error in minimizeFile:",l)}};exports.compileSaltyFile=A;exports.generateConfigStyles=ke;exports.generateCss=Ue;exports.generateFile=Ge;exports.isSaltyFile=ee;exports.logError=Je;exports.logger=B;exports.minimizeFile=Ke;exports.saltyFileExtensions=le;exports.saltyFileRegExp=xe;

package/package.json

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

package/server/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../should-restart-CBwAaej8.cjs");exports.checkShouldRestart=e.checkShouldRestart;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../should-restart-Z7Vfizh9.cjs");exports.checkShouldRestart=e.checkShouldRestart;