@salty-css/vite 0.0.1-alpha.25 → 0.0.1-alpha.250

package/index.js

@@ -1,272 +1,703 @@
-import * as Z from "esbuild";
-import { execSync as q } from "child_process";
-import { join as u } from "path";
-import { writeFileSync as C, existsSync as z, mkdirSync as T, statSync as G, readdirSync as L, readFileSync as I } from "fs";
-import { writeFile as U } from "fs/promises";
-const _ = (t) => String.fromCharCode(t + (t > 25 ? 39 : 97)), X = (t, s) => {
-  let e = "", n;
-  for (n = Math.abs(t); n > 52; n = n / 52 | 0) e = _(n % 52) + e;
-  return e = _(n % 52) + e, e.length < s ? e = e.padStart(s, "a") : e.length > s && (e = e.slice(-s)), e;
-}, Y = (t, s) => {
-  let e = s.length;
-  for (; e; ) t = t * 33 ^ s.charCodeAt(--e);
-  return t;
-}, A = (t, s = 3) => {
-  const e = Y(5381, JSON.stringify(t)) >>> 0;
-  return X(e, s);
+var Jt = Object.defineProperty;
+var zt = (e, t, s) => t in e ? Jt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var nt = (e, t, s) => zt(e, typeof t != "symbol" ? t + "" : t, s);
+import * as Nt from "esbuild";
+import { execSync as Wt } from "child_process";
+import { join as u, parse as rt } from "path";
+import { existsSync as yt, mkdirSync as K, statSync as At, readdirSync as Ht, readFileSync as R, writeFileSync as T } from "fs";
+import { readFile as ht } from "fs/promises";
+import { createLogger as Gt, format as dt, transports as It } from "winston";
+import pt from "typescript";
+const jt = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97)), Qt = (e, t) => {
+  let s = "", n;
+  for (n = Math.abs(e); n > 52; n = n / 52 | 0) s = jt(n % 52) + s;
+  return s = jt(n % 52) + s, s.length < t ? s = s.padStart(t, "a") : s.length > t && (s = s.slice(-t)), s;
+}, Kt = (e, t) => {
+  let s = t.length;
+  for (; s; ) e = e * 33 ^ t.charCodeAt(--s);
+  return e;
+}, G = (e, t = 5) => {
+  const s = Kt(5381, JSON.stringify(e)) >>> 0;
+  return Qt(s, t);
 };
-function V(t) {
-  return t ? typeof t != "string" ? V(String(t)) : t.replace(/\s/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (s, e) => (e > 0 ? "-" : "") + s.toLowerCase()) : "";
+function J(e) {
+  return e ? typeof e != "string" ? J(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 Q = (t, s) => {
-  if (typeof t != "string") return { result: t };
-  if (!s) return { result: t };
-  const e = [];
-  return Object.values(s).forEach((n) => {
-    const { pattern: r, transform: y } = n;
-    t = t.replace(r, ($) => {
-      const { value: a, css: f } = y($);
-      return f && e.push(f), a;
+const Lt = (e) => (t) => {
+  if (typeof t != "string" || !e) return;
+  let s = t;
+  const n = [];
+  return Object.values(e).forEach((o) => {
+    const { pattern: a, transform: r } = o;
+    s = s.replace(a, (m) => {
+      const { value: w, css: p } = r(m);
+      return p && n.push(p), w;
     });
-  }), { result: t, additionalCss: e };
-}, B = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${V(n[1].replaceAll(".", "-"))})`) } : { result: t }, O = (t, s, e, n) => {
-  if (!t) return "";
-  const r = [], y = Object.entries(t).reduce((a, [f, o]) => {
-    const i = f.trim();
-    if (typeof o == "function" && (o = o()), typeof o == "object") {
-      if (!o) return a;
-      if (i === "variants")
-        return Object.entries(o).forEach(([g, c]) => {
-          c && Object.entries(c).forEach(([m, l]) => {
-            if (!l) return;
-            const S = `${s}.${g}-${m}`, D = O(l, S);
-            r.push(D);
-          });
-        }), a;
-      if (i === "defaultVariants")
-        return a;
-      if (i === "compoundVariants")
-        return o.forEach((g) => {
-          const { css: c, ...m } = g, l = Object.entries(m).reduce((D, [N, P]) => `${D}.${N}-${P}`, s), S = O(c, l);
-          r.push(S);
-        }), a;
-      if (i.startsWith("@")) {
-        const g = O(o, s), c = `${i} {
- ${g.replace(`
-`, `
- `)}
-}`;
-        return r.push(c), a;
+  }), { transformed: s, additionalCss: n };
+}, _t = (e) => (t) => typeof t != "string" || !/\{[^{}]+\}/g.test(t) ? void 0 : { transformed: t.replace(/\{([^{}]+)\}/g, (...o) => `var(--${J(o[1].replaceAll(".", "-"))})`) }, Zt = _t(), Bt = [
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "min-width",
+  /.*width.*/,
+  /^[^line]*height.*/,
+  // Exclude line-height
+  /padding.*/,
+  /margin.*/,
+  /border.*/,
+  /inset.*/,
+  /.*radius.*/,
+  /.*spacing.*/,
+  /.*gap.*/,
+  /.*indent.*/,
+  /.*offset.*/,
+  /.*size.*/,
+  /.*thickness.*/,
+  /.*font-size.*/
+], Ut = (e, t, s) => Bt.some((o) => typeof o == "string" ? o === e : o.test(e)) ? `${t}px` : `${t}`, qt = ["Webkit", "Moz", "ms", "O"], Xt = (e) => e.startsWith("-") ? e : qt.some((t) => e.startsWith(t)) ? `-${J(e)}` : J(e), ot = async (e, t = "", s, n = !1) => {
+  if (!e) throw new Error("No styles provided to parseStyles function!");
+  const o = /* @__PURE__ */ new Set(), a = Object.entries(e), r = async ([d, f]) => {
+    const g = d.trim(), F = Xt(g), x = (k, W = ";") => `${F}:${k}${W}`, V = { scope: t, config: s };
+    if (typeof f == "function") return r([d, f(V)]);
+    if (f instanceof Promise) return r([d, await f]);
+    if (typeof f == "object") {
+      if (!f) return;
+      if (f.isColor) return x(f.toString());
+      if (g === "defaultVariants") return;
+      if (g === "variants") {
+        const P = Object.entries(f);
+        for (const [v, l] of P) {
+          if (!l) continue;
+          const $ = Object.entries(l);
+          for (const [C, i] of $) {
+            if (!i) continue;
+            const j = `${t}.${v}-${C}`;
+            (await ot(i, j, s)).forEach((M) => o.add(M));
+          }
+        }
+        return;
+      }
+      if (g === "compoundVariants") {
+        for (const P of f) {
+          const { css: v, ...l } = P, $ = Object.entries(l).reduce((i, [j, N]) => `${i}.${j}-${N}`, t);
+          (await ot(v, $, s)).forEach((i) => o.add(i));
+        }
+        return;
       }
-      const d = f.includes("&") ? i.replace("&", s) : i.startsWith(":") ? `${s}${i}` : `${s} ${i}`, x = O(o, d);
-      return r.push(x), a;
+      if (g.startsWith("@")) {
+        const P = g, v = await tt(f, t, s), l = `${P} { ${v} }`;
+        o.add(l);
+        return;
+      }
+      const k = d.includes("&") ? g.replace("&", t) : g.startsWith(":") ? `${t}${g}` : `${t} ${g}`;
+      (await ot(f, k, s)).forEach((P) => o.add(P));
+      return;
     }
-    const p = i.startsWith("-") ? i : V(i), h = (d, x = ";") => a = `${a}${d}${x}`, b = (d) => h(`${p}:${d}`);
-    if (typeof o == "number") return b(o);
-    if (typeof o != "string")
-      if ("toString" in o) o = o.toString();
-      else return a;
-    const { modifiers: j } = {}, F = function* () {
-      yield B(o), yield Q(o, j);
-    }();
-    for (const { result: d, additionalCss: x = [] } of F)
-      o = d, x.forEach((g) => {
-        const c = O(g, "");
-        h(c, "");
-      });
-    return b(o);
-  }, "");
-  if (!y) return r.join(`
-`);
-  if (!s) return y;
-  let $ = "";
-  return $ = `${s} { ${y} }`, [$, ...r].join(`
-`);
-}, H = (t, s = []) => {
-  if (!t) return "";
-  const e = [], n = {};
-  if (Object.entries(t).forEach(([r, y]) => {
-    if (typeof y == "object") {
-      if (!y) return;
-      const $ = r.trim(), a = H(y, [...s, $]);
-      e.push(a);
+    if (typeof f == "number") {
+      const k = Ut(F, f);
+      return x(k);
+    }
+    if (typeof f != "string")
+      if ("toString" in f) f = f.toString();
+      else throw new Error(`Invalid value type for property ${F}`);
+    return x(f);
+  }, m = a.map(r), { modifiers: w } = {}, p = [_t(), Lt(w)], h = (await Promise.all(m).then((d) => Promise.all(
+    d.map((f) => p.reduce(async (g, F) => {
+      const x = await g;
+      if (!x) return x;
+      const V = await F(x);
+      if (!V) return x;
+      const { transformed: k, additionalCss: W } = V;
+      let P = "";
+      if (W)
+        for (const v of W)
+          P += await tt(v, "");
+      return `${P}${k}`;
+    }, Promise.resolve(f)))
+  ))).filter((d) => d !== void 0).join(`
+	`);
+  if (!h.trim()) return Array.from(o);
+  const y = t ? `${t} {
+	${h}
+}` : h;
+  return o.has(y) ? Array.from(o) : [y, ...o];
+}, tt = async (e, t, s, n = !1) => (await ot(e, t, s, n)).join(`
+`), xt = async (e, t = []) => {
+  if (!e) return "";
+  const s = [], n = {};
+  for (const [o, a] of Object.entries(e))
+    if (typeof a != "function") if (a && typeof a == "object") {
+      const r = o.trim(), m = await xt(a, [...t, r]);
+      s.push(m);
     } else
-      n[r] = y;
-  }), Object.keys(n).length) {
-    const r = s.map(V).join("-"), y = O(n, `.${r}`);
-    e.push(y);
+      n[o] = a;
+  if (Object.keys(n).length) {
+    const o = t.map(J).join("-"), a = "t_" + G(o, 4), r = await tt(n, `.${o}, .${a}`);
+    s.push(r);
   }
-  return e.join(`
+  return s.join(`
 `);
-}, E = (t) => u(t, "./saltygen"), v = ["salty", "css", "styles", "styled"], tt = (t = []) => new RegExp(`\\.(${[...v, ...t].join("|")})\\.`), k = (t, s = []) => tt(s).test(t), st = async (t) => {
-  const s = E(t), e = u(t, "salty.config.ts"), n = u(s, "salty.config.js");
-  await Z.build({
-    entryPoints: [e],
+}, Yt = (e) => e ? Object.entries(e).reduce((t, [s, n]) => (typeof n == "function" ? t[s] = "any" : typeof n == "object" && (t[s] = Tt(n).map((o) => `"${o}"`).join(" | ")), t), {}) : {}, Tt = (e, t = "", s = /* @__PURE__ */ new Set()) => e ? (Object.entries(e).forEach(([n, o]) => {
+  const a = t ? `${t}.${n}` : n;
+  return typeof o == "object" ? Tt(o, a, s) : s.add(t);
+}), [...s]) : [], Dt = (e) => {
+  if (!e || e === "/") throw new Error("Could not find package.json file");
+  const t = u(e, "package.json");
+  return yt(t) ? t : Dt(u(e, ".."));
+}, te = async (e) => {
+  const t = Dt(e);
+  return await ht(t, "utf-8").then(JSON.parse).catch(() => {
+  });
+}, ee = async (e) => {
+  const t = await te(e);
+  if (t)
+    return t.type;
+};
+let Q;
+const kt = async (e) => {
+  if (Q) return Q;
+  const t = await ee(e);
+  return t === "module" ? Q = "esm" : (t === "commonjs" || import.meta.url.endsWith(".cjs")) && (Q = "cjs"), Q || "esm";
+}, mt = Gt({
+  level: "debug",
+  format: dt.combine(dt.colorize(), dt.cli()),
+  transports: [new It.Console({})]
+});
+function Et(e) {
+  return e ? typeof e != "string" ? Et(String(e)) : e.replace(/[^\d\w]/g, ".") : "";
+}
+const se = {
+  /** 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"
+  }
+}, L = (...e) => e.flat().reduce((t, s) => s != null && s._current ? { ...t, ...s._current } : { ...t, ...s }, {}), ne = (...e) => e.flat().reduce((t, s) => ({ ...t, ...s._children }), {});
+class oe {
+  constructor(t) {
+    nt(this, "_path");
+    this.params = t;
+  }
+  get _current() {
+    return this.params.template;
+  }
+  get isDefineTemplate() {
+    return !0;
+  }
+  _setPath(t) {
+    return this._path = t, this;
+  }
+}
+class re {
+  constructor(t) {
+    nt(this, "_path");
+    nt(this, "templates", []);
+    this.params = t, Object.entries(t).forEach(([s, n]) => {
+      this.templates.push(
+        new oe({
+          name: s,
+          template: n
+        })
+      );
+    });
+  }
+  get _current() {
+    return this.params;
+  }
+  get _children() {
+    return Object.fromEntries(
+      this.templates.map((t) => [t.params.name, t])
+    );
+  }
+  get isDefineTemplates() {
+    return !0;
+  }
+  _setPath(t) {
+    return this._path = t, this.templates.forEach((s) => s._setPath(t)), this;
+  }
+}
+const ae = (e) => new re(e), ie = (e, t) => new Promise((s, n) => {
+  const o = setTimeout(() => {
+    n(new Error("Timeout"));
+  }, 100), a = pt.createSourceFile("temp.ts", e, pt.ScriptTarget.Latest, !0);
+  function r(m) {
+    if (pt.isVariableDeclaration(m) && m.name.getText() === t) {
+      const w = m.getStart(), p = m.getEnd();
+      clearTimeout(o), s([w, p]);
+    }
+    m.forEachChild(r);
+  }
+  r(a);
+}), z = {
+  externalModules: [],
+  rcFile: void 0,
+  destDir: void 0
+}, Ot = (e) => {
+  if (z.externalModules.length > 0) return z.externalModules;
+  const s = R(e, "utf8").match(/externalModules:\s?\[(.*)\]/);
+  if (!s) return [];
+  const n = s[1].split(",").map((o) => o.replace(/['"`]/g, "").trim());
+  return z.externalModules = n, n;
+}, I = async (e) => {
+  if (z.destDir) return z.destDir;
+  const t = await gt(e), s = u(e, (t == null ? void 0 : t.saltygenDir) || "saltygen");
+  return z.destDir = s, s;
+}, Vt = ["salty", "css", "styles", "styled"], ce = (e = []) => new RegExp(`\\.(${[...Vt, ...e].join("|")})\\.`), Z = (e, t = []) => ce(t).test(e), vt = async (e) => {
+  if (z.rcFile) return z.rcFile;
+  if (e === "/") throw new Error("Could not find .saltyrc.json file");
+  const t = u(e, ".saltyrc.json"), s = await ht(t, "utf-8").then(JSON.parse).catch(() => {
+  });
+  return s ? (z.rcFile = s, s) : vt(u(e, ".."));
+}, gt = async (e) => {
+  var n, o;
+  const t = await vt(e), s = (n = t.projects) == null ? void 0 : n.find((a) => e.endsWith(a.dir || ""));
+  return s || ((o = t.projects) == null ? void 0 : o.find((a) => a.dir === t.defaultProject));
+}, le = async (e) => {
+  const t = await gt(e), s = await I(e), n = u(e, (t == null ? void 0 : t.configDir) || "", "salty.config.ts"), o = u(s, "salty.config.js"), a = await kt(e), r = Ot(n);
+  await Nt.build({
+    entryPoints: [n],
     minify: !0,
     treeShaking: !0,
     bundle: !0,
-    outfile: n,
-    format: "esm",
-    external: ["react"]
+    outfile: o,
+    format: a,
+    external: r
   });
-  const r = Date.now(), { config: y } = await import(`${n}?t=${r}`);
-  return y;
-}, W = async (t) => {
-  const s = await st(t), e = /* @__PURE__ */ new Set(), n = (g, c = []) => g ? Object.entries(g).flatMap(([m, l]) => {
-    if (!l) return;
-    if (typeof l == "object") return n(l, [...c, m]);
-    const S = [...c, m].join(".");
-    e.add(`"${S}"`);
-    const D = [...c.map(V), V(m)].join("-"), { result: N } = B(l);
-    return `--${D}: ${N};`;
-  }) : [], r = (g) => g ? Object.entries(g).flatMap(([c, m]) => {
-    const l = n(m);
-    return c === "base" ? l.join("") : `${c} { ${l.join("")} }`;
-  }) : [], y = (g) => g ? Object.entries(g).flatMap(([c, m]) => Object.entries(m).flatMap(([l, S]) => {
-    const D = n(S, [c]), N = `.${c}-${l}, [data-${c}="${l}"]`, P = D.join("");
-    return `${N} { ${P} }`;
-  })) : [], $ = n(s.variables), a = r(s.responsiveVariables), f = y(s.conditionalVariables), o = E(t), i = u(o, "css/variables.css"), p = `:root { ${$.join("")} ${a.join("")} } ${f.join("")}`;
-  C(i, p);
-  const h = u(o, "types/css-tokens.d.ts"), j = `type VariableTokens = ${[...e].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;
-  C(h, j);
-  const w = u(o, "css/global.css"), F = O(s.global, "");
-  C(w, F);
-  const d = u(o, "css/templates.css"), x = H(s.templates);
-  C(d, x);
-}, R = async (t, s) => {
-  const e = A(t), n = u(s, "js", e + ".js");
-  await Z.build({
-    entryPoints: [t],
-    minify: !0,
+  const m = Date.now(), { config: w } = await import(`${o}?t=${m}`);
+  return { config: w, path: o };
+}, fe = async (e, t) => {
+  var bt, St;
+  const s = await I(e), n = {
+    mediaQueries: [],
+    globalStyles: [],
+    variables: [],
+    templates: []
+  };
+  await Promise.all(
+    [...t].map(async (S) => {
+      const { contents: _, outputFilePath: X } = await at(e, S, s);
+      Object.entries(_).forEach(([E, D]) => {
+        D.isMedia ? n.mediaQueries.push([E, D]) : D.isGlobalDefine ? n.globalStyles.push(D) : D.isDefineVariables ? n.variables.push(D) : D.isDefineTemplates && n.templates.push(D._setPath(`${E};;${X}`));
+      });
+    })
+  );
+  const { config: o, path: a } = await le(e), r = { ...o }, { mediaQueries: m } = n;
+  r.mediaQueries = Object.fromEntries(m.map(([S, _]) => [`@${S}`, _]));
+  const w = m.map(([S]) => `'@${S}'`).join(" | "), p = /* @__PURE__ */ new Set(), c = async (S, _ = []) => {
+    if (!S) return [];
+    const X = Object.entries(S).map(async ([D, H]) => {
+      const Y = async (O) => {
+        if (!O) return;
+        if (O instanceof Promise) return await Y(await O);
+        if (typeof O == "function") return await Y(await O());
+        if (typeof O == "object") return await c(O, [..._, D]);
+        const lt = Et(D), ft = J(D), ut = [..._, lt].join(".");
+        p.add(`"${ut}"`);
+        const st = [..._.map(J), ft].join("-"), Ct = Zt(O);
+        return Ct ? `--${st}: ${Ct.transformed};` : `--${st}: ${O};`;
+      };
+      return await Y(H);
+    });
+    return (await Promise.all(X)).flat();
+  }, h = async (S) => {
+    if (!S) return [];
+    const _ = Object.entries(S).map(async ([E, D]) => {
+      const H = await c(D);
+      return E === "base" ? H.join("") : r.mediaQueries[E] ? `${r.mediaQueries[E]} { ${H.join("")} }` : `${E} { ${H.join("")} }`;
+    });
+    return (await Promise.all(_)).flat();
+  }, y = async (S) => {
+    if (!S) return [];
+    const _ = Object.entries(S).map(async ([E, D]) => {
+      const H = Object.entries(D).map(async ([O, lt]) => {
+        const ft = await c(lt, [E]), ut = `.${E}-${O}, [data-${E}="${O}"]`, st = ft.join("");
+        return `${ut} { ${st} }`;
+      });
+      return (await Promise.all(H)).flat();
+    });
+    return (await Promise.all(_)).flat();
+  }, b = (S) => ({ ...S, responsive: void 0, conditional: void 0 }), d = (S) => n.variables.map((_) => S === "static" ? b(_._current) : _._current[S]), f = L(b(o.variables), d("static")), g = await c(f), F = L((bt = o.variables) == null ? void 0 : bt.responsive, d("responsive")), x = await h(F), V = L((St = o.variables) == null ? void 0 : St.conditional, d("conditional")), k = await y(V), W = u(s, "css/_variables.css"), P = `:root { ${g.join("")} ${x.join("")} } ${k.join("")}`;
+  T(W, P), r.staticVariables = f;
+  const v = u(s, "css/_global.css"), l = L(o.global, n.globalStyles), $ = await tt(l, "");
+  T(v, `@layer global { ${$} }`);
+  const C = u(s, "css/_reset.css"), j = o.reset === "none" ? {} : typeof o.reset == "object" ? o.reset : se, N = await tt(j, "");
+  T(C, `@layer reset { ${N} }`);
+  const M = u(s, "css/_templates.css"), A = L(o.templates, n.templates), B = await xt(A), U = Yt(A);
+  T(M, `@layer templates { ${B} }`), r.templates = A;
+  const et = o.templates ? [ae(o.templates)._setPath(`config;;${a}`)] : [], it = ne(n.templates, et);
+  r.templatePaths = Object.fromEntries(Object.entries(it).map(([S, _]) => [S, _._path]));
+  const q = u(s, "types/css-tokens.d.ts"), Mt = `
+  // Variable types
+  type VariableTokens = ${[...p].join("|")}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(U).map(([S, _]) => `${S}?: ${_}`).join(`
+`)}
+  }
+
+  // Media query types
+  type MediaQueryKeys = ${w || "''"};
+  `;
+  T(q, Mt);
+  const Rt = u(s, "cache/config-cache.json");
+  T(Rt, JSON.stringify(r, null, 2));
+}, Ft = (e) => e.replace(/styled\(([^"'`{,]+),/g, (t, s) => {
+  if (/^['"`]/.test(s)) return t;
+  const o = new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);
+  if (!o.test(e)) return t;
+  const r = o.exec(e);
+  if (r) {
+    const m = r.at(1);
+    if (Vt.some((p) => m == null ? void 0 : m.includes(p))) return t;
+  }
+  return "styled('div',";
+}), ue = (e, t) => {
+  try {
+    const s = R(u(t, "saltygen/cache/config-cache.json"), "utf8");
+    return s ? `globalThis.saltyConfig = ${s};
+
+${e}` : `globalThis.saltyConfig = {};
+
+${e}`;
+  } catch {
+    return e;
+  }
+}, at = async (e, t, s) => {
+  const n = G(t), o = u(s, "./temp");
+  yt(o) || K(o);
+  const a = rt(t);
+  let r = R(t, "utf8");
+  r = Ft(r), r = ue(r, e);
+  const m = u(s, "js", n + ".js"), w = await gt(e), p = u(e, (w == null ? void 0 : w.configDir) || "", "salty.config.ts"), c = Ot(p), h = await kt(e);
+  await Nt.build({
+    stdin: {
+      contents: r,
+      sourcefile: a.base,
+      resolveDir: a.dir,
+      loader: "tsx"
+    },
+    minify: !1,
     treeShaking: !0,
     bundle: !0,
-    outfile: n,
-    format: "esm",
-    target: ["es2022"],
+    outfile: m,
+    format: h,
+    target: ["node20"],
     keepNames: !0,
-    external: ["react"]
+    external: c,
+    packages: "external",
+    plugins: [
+      {
+        name: "test",
+        setup: (d) => {
+          d.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, (f) => {
+            const g = R(f.path, "utf8");
+            return { contents: Ft(g), loader: "ts" };
+          });
+        }
+      }
+    ]
   });
-  const r = Date.now();
-  return await import(`${n}?t=${r}`);
-}, M = async (t) => {
-  const s = E(t), e = u(s, "salty.config.js"), { config: n } = await import(e);
-  return n;
-}, et = async (t) => {
+  const y = Date.now();
+  return { contents: await import(`${m}?t=${y}`), outputFilePath: m };
+}, de = async (e) => {
+  const t = await I(e), s = u(t, "cache/config-cache.json"), n = R(s, "utf8");
+  if (!n) throw new Error("Could not find config cache file");
+  return JSON.parse(n);
+}, wt = async (e) => {
+  const t = await de(e), s = await I(e), n = u(s, "salty.config.js"), o = Date.now(), { config: a } = await import(`${n}?t=${o}`);
+  return L(a, t);
+}, $t = () => {
   try {
-    const s = [], e = [], n = E(t), r = u(n, "index.css");
-    (() => {
-      z(n) && q("rm -rf " + n), T(n), T(u(n, "css")), T(u(n, "types"));
-    })(), await W(t);
-    const $ = await M(t);
-    async function a(p, h) {
-      const b = G(p);
-      if (b.isDirectory()) {
-        const j = L(p);
-        await Promise.all(j.map((w) => a(u(p, w), u(h, w))));
-      } else if (b.isFile() && k(p)) {
-        const w = await R(p, n), F = [];
-        Object.entries(w).forEach(([c, m]) => {
-          if (m.isKeyframes && m.css) {
-            const P = `${m.animationName}.css`, J = `css/${P}`, K = u(n, J);
-            s.push(P), C(K, m.css);
-            return;
-          }
-          if (!m.generator) return;
-          const l = m.generator._withBuildContext({
-            name: c,
-            config: $
-          }), S = `${l.hash}-${l.priority}.css`;
-          e[l.priority] || (e[l.priority] = []), e[l.priority].push(S), F.push(S);
-          const D = `css/${S}`, N = u(n, D);
-          C(N, l.css);
-        });
-        const d = F.map((c) => `@import url('./${c}');`).join(`
-`), x = A(p, 6), g = u(n, `css/${x}.css`);
-        C(g, d);
+    return process.env.NODE_ENV === "production";
+  } catch {
+    return !1;
+  }
+}, pe = async (e, t = $t(), s = !0) => {
+  try {
+    const n = Date.now();
+    t ? mt.info("Generating CSS in production mode! 🔥") : mt.info("Generating CSS in development mode! 🚀");
+    const o = [], a = [], r = await I(e), m = u(r, "index.css");
+    s && (() => {
+      yt(r) && Wt("rm -rf " + r), K(r, { recursive: !0 }), K(u(r, "css")), K(u(r, "types")), K(u(r, "js")), K(u(r, "cache"));
+    })();
+    const p = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set();
+    async function h(l) {
+      const $ = ["node_modules", "saltygen"], C = At(l);
+      if (C.isDirectory()) {
+        const i = Ht(l);
+        if ($.some((N) => l.includes(N))) return;
+        await Promise.all(i.map((N) => h(u(l, N))));
+      } else if (C.isFile() && Z(l)) {
+        p.add(l);
+        const j = R(l, "utf8");
+        /define[\w\d]+\(/.test(j) && c.add(l);
       }
     }
-    await a(t, n);
-    const f = s.map((p) => `@import url('./css/${p}');`).join(`
+    await h(e), await fe(e, c);
+    const y = {
+      keyframes: [],
+      components: [],
+      classNames: []
+    };
+    await Promise.all(
+      [...p].map(async (l) => {
+        const { contents: $ } = await at(e, l, r);
+        for (let [C, i] of Object.entries($))
+          i instanceof Promise && (i = await i), i.isKeyframes ? y.keyframes.push({
+            value: i,
+            src: l,
+            name: C
+          }) : i.isClassName ? y.classNames.push({
+            ...i,
+            src: l,
+            name: C
+          }) : i.generator && y.components.push({
+            ...i,
+            src: l,
+            name: C
+          });
+      })
+    );
+    const b = await wt(e);
+    for (const l of y.keyframes) {
+      const { value: $ } = l, C = `a_${$.animationName}.css`, i = `css/${C}`, j = u(r, i);
+      o.push(C), T(j, $.css);
+    }
+    const d = {};
+    for (const l of y.components) {
+      const { src: $, name: C } = l;
+      d[$] || (d[$] = []);
+      const i = l.generator._withBuildContext({
+        callerName: C,
+        isProduction: t,
+        config: b
+      });
+      a[i.priority] || (a[i.priority] = []);
+      const j = await i.css;
+      if (!j) continue;
+      a[i.priority].push(i.cssFileName);
+      const N = `css/${i.cssFileName}`, M = u(r, N);
+      T(M, j), b.importStrategy === "component" && d[$].push(i.cssFileName);
+    }
+    for (const l of y.classNames) {
+      const { src: $, name: C } = l;
+      d[$] || (d[$] = []);
+      const i = l.generator._withBuildContext({
+        callerName: C,
+        isProduction: t,
+        config: b
+      }), j = await i.css;
+      if (!j) continue;
+      a[i.priority] || (a[i.priority] = []), a[i.priority].push(i.cssFileName);
+      const N = `css/${i.cssFileName}`, M = u(r, N);
+      T(M, j), b.importStrategy === "component" && d[$].push(i.cssFileName);
+    }
+    b.importStrategy === "component" && Object.entries(d).forEach(([l, $]) => {
+      const C = $.map((A) => `@import url('./${A}');`).join(`
+`), i = G(l, 6), j = rt(l), N = J(j.name), M = u(r, `css/f_${N}-${i}.css`);
+      T(M, C || "/* Empty file */");
+    });
+    const f = o.map((l) => `@import url('./css/${l}');`).join(`
 `);
-    let i = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+    let k = `/*!
+ * 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;
 
-${["@import url('./css/variables.css');", "@import url('./css/global.css');", "@import url('./css/templates.css');"].join(`
-`)}
+${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((l) => {
+      try {
+        return R(u(r, "css", l), "utf8").length > 0;
+      } catch {
+        return !1;
+      }
+    }).map((l) => `@import url('./css/${l}');`).join(
+      `
+`
+    )}
 ${f}`;
-    if ($.importStrategy !== "component") {
-      const p = e.flat().map((h) => `@import url('./css/${h}');`).join(`
-`);
-      i += p;
+    if (b.importStrategy !== "component") {
+      const l = a.reduce(($, C, i) => {
+        const j = C.reduce((B, U) => {
+          var ct;
+          const et = u(r, "css", U), it = R(et, "utf8"), q = ((ct = /.*-([^-]+)-\d+.css/.exec(U)) == null ? void 0 : ct.at(1)) || G(et, 6);
+          return B.includes(q) ? B : `${B}
+/*start:${q}-${U}*/
+${it}
+/*end:${q}*/
+`;
+        }, ""), N = `l_${i}.css`, M = u(r, "css", N), A = `@layer l${i} { ${j}
+ }`;
+        return T(M, A), `${$}
+@import url('./css/${N}');`;
+      }, "");
+      k += l;
     }
-    C(r, i);
-  } catch (s) {
-    console.error(s);
+    T(m, k);
+    const P = Date.now() - n, v = P < 200 ? "🔥" : P < 500 ? "🚀" : P < 1e3 ? "🎉" : P < 2e3 ? "🚗" : P < 5e3 ? "🤔" : "🥴";
+    mt.info(`Generated CSS in ${P}ms! ${v}`);
+  } catch (n) {
+    console.error(n);
   }
-}, nt = async (t, s) => {
+}, me = async (e, t, s = $t()) => {
   try {
-    const e = [], n = u(t, "./saltygen"), r = u(n, "index.css");
-    if (k(s)) {
-      const $ = await M(t), a = await R(s, n);
-      Object.entries(a).forEach(([h, b]) => {
-        if (!b.generator) return;
-        const j = b.generator._withBuildContext({
-          name: h,
-          config: $
-        }), w = `${j.hash}-${j.priority}.css`, F = `css/${w}`, d = u(n, F);
-        e.push(w), C(d, j.css);
-      });
-      const f = I(r, "utf8").split(`
-`), o = e.map((h) => `@import url('../saltygen/css/${h}');`), p = [.../* @__PURE__ */ new Set([...f, ...o])].join(`
-`);
-      C(r, p);
+    const n = await I(e);
+    if (Z(t)) {
+      const a = [], r = await wt(e), { contents: m } = await at(e, t, n);
+      for (const [w, p] of Object.entries(m)) {
+        if (p.isKeyframes && p.css) {
+          const f = `css/${`a_${p.animationName}.css`}`, g = u(n, f);
+          T(g, await p.css);
+          continue;
+        }
+        if (p.isClassName) {
+          const d = p.generator._withBuildContext({
+            callerName: w,
+            isProduction: s,
+            config: r
+          }), f = await d.css;
+          if (!f) continue;
+          a[d.priority] || (a[d.priority] = []), a[d.priority].push(d.cssFileName);
+          const g = `css/${d.cssFileName}`, F = u(n, g);
+          T(F, f);
+          continue;
+        }
+        if (!p.generator) continue;
+        const c = p.generator._withBuildContext({
+          callerName: w,
+          isProduction: s,
+          config: r
+        }), h = await c.css;
+        if (!h) continue;
+        const y = `css/${c.cssFileName}`, b = u(n, y);
+        T(b, h), a[c.priority] || (a[c.priority] = []), a[c.priority].push(c.cssFileName);
+      }
+      if (r.importStrategy !== "component")
+        a.forEach((w, p) => {
+          const c = `l_${p}.css`, h = u(n, "css", c);
+          let y = R(h, "utf8");
+          w.forEach((b) => {
+            var F;
+            const d = u(n, "css", b), f = ((F = /.*-([^-]+)-\d+.css/.exec(b)) == null ? void 0 : F.at(1)) || G(d, 6);
+            if (!y.includes(f)) {
+              const x = R(d, "utf8"), V = `/*start:${f}-${b}*/
+${x}
+/*end:${f}*/
+`;
+              y = `${y.replace(/\}$/, "")}
+${V}
+}`;
+            }
+          }), T(h, y);
+        });
+      else {
+        const w = a.flat().map((b) => `@import url('./${b}');`).join(`
+`), p = G(t, 6), c = rt(t), h = J(c.name), y = u(n, `css/f_${h}-${p}.css`);
+        T(y, w || "/* Empty file */");
+      }
     }
-  } catch (e) {
-    console.error(e);
+  } catch (n) {
+    console.error(n);
   }
-}, rt = async (t, s) => {
+}, ye = async (e, t, s = $t()) => {
+  var n, o;
   try {
-    const e = u(t, "./saltygen");
-    if (k(s)) {
-      const r = I(s, "utf8");
-      r.replace(/^(?!export\s)const\s.*/gm, (i) => `export ${i}`) !== r && await U(s, r);
-      const $ = await M(t), a = await R(s, e);
-      let f = r;
-      Object.entries(a).forEach(([i, p]) => {
-        var d;
-        if (p.isKeyframes) {
-          console.log("value", p);
-          return;
+    const a = await I(e);
+    if (Z(t)) {
+      const m = R(t, "utf8"), w = await wt(e), { contents: p } = await at(e, t, a);
+      let c = m;
+      for (const [h, y] of Object.entries(p)) {
+        if (y.isKeyframes || !y.generator) continue;
+        const b = y.generator._withBuildContext({
+          callerName: h,
+          isProduction: s,
+          config: w
+        }), [d, f] = await ie(c, h), g = c.slice(d, f);
+        if (y.isClassName) {
+          const F = c, x = ` ${h} = className("${b.classNames}")`;
+          c = c.replace(g, x), F === c && console.error("Minimize file failed to change content", { name: h });
         }
-        if (!p.generator) return;
-        const h = p.generator._withBuildContext({
-          name: i,
-          config: $
-        }), b = new RegExp(`${i}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(r);
-        if (!b)
-          return console.error("Could not find the original declaration");
-        const j = (d = b.at(1)) == null ? void 0 : d.trim(), w = `${i} = styled(${j}, "${h.classNames}", "${h._callerName}", ${JSON.stringify(h.props)});`, F = new RegExp(`${i}[=\\s]+[^()]+styled\\(([^,]+),[^;]+;`, "g");
-        f = f.replace(F, w);
-      });
-      const o = A(s, 6);
-      return $.importStrategy === "component" && (f = `import '../../saltygen/css/${o}.css';
-${f}`), f = f.replace("{ styled }", "{ styledClient as styled }"), f = f.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), f;
+        if (g.includes("styled")) {
+          const F = (o = (n = /styled\(([^,]+),/.exec(g)) == null ? void 0 : n.at(1)) == null ? void 0 : o.trim(), x = c, V = ` ${h} = styled(${F}, "${b.classNames}", ${JSON.stringify(b.clientProps)})`;
+          c = c.replace(g, V), x === c && console.error("Minimize file failed to change content", { name: h, tagName: F });
+        }
+      }
+      if (w.importStrategy === "component") {
+        const h = G(t, 6), y = rt(t);
+        c = `import '../../saltygen/css/${`f_${J(y.name)}-${h}.css`}';
+${c}`;
+      }
+      return c = c.replace("@salty-css/react/class-name", "@salty-css/react/class-name-client"), c = c.replace("{ styled }", "{ styledClient as styled }"), c = c.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), c;
     }
-  } catch (e) {
-    console.error(e);
+  } catch (a) {
+    console.error("Error in minimizeFile:", a);
   }
-}, lt = (t) => ({
+}, Pt = async (e) => {
+  if (!e || e.includes("node_modules") || e.includes("saltygen")) return !1;
+  if (e.includes("salty.config")) return !0;
+  if (!Z(e)) return !1;
+  const n = await ht(e, "utf-8");
+  return !!(/.+define[A-Z]\w+/.test(n) || /.+keyframes\(.+/.test(n));
+}, je = (e) => ({
   name: "stylegen",
-  buildStart: () => et(t),
-  load: async (s) => {
-    if (k(s))
-      return await rt(t, s);
+  buildStart: () => pe(e),
+  load: async (t) => {
+    if (Z(t))
+      return await ye(e, t);
+  },
+  handleHotUpdate: async ({ file: t, server: s }) => {
+    await Pt(t) && s.restart();
   },
   watchChange: {
-    handler: async (s) => {
-      k(s) && await nt(t, s), s.includes("salty.config") && await W(t);
+    handler: async (t, s) => {
+      Z(t) && s.event !== "delete" && (await Pt(t) || await me(e, t));
     }
   }
 });
 export {
-  lt as saltyPlugin
+  je as default,
+  je as saltyPlugin
 };