@salty-css/webpack 0.0.1-alpha.247 → 0.0.1-alpha.249

package/index-DGrPV3kl.js

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

package/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("path"),t=require("./index-C46X2dm-.cjs"),y=require("fs/promises"),g=require("fs"),p=async e=>{if(!e||e.includes("node_modules")||e.includes("saltygen"))return!1;if(e.includes("salty.config"))return!0;if(!t.isSaltyFile(e))return!1;const r=await y.readFile(e,"utf-8");return!!(/.+define[A-Z]\w+/.test(r)||/.+keyframes\(.+/.test(r))},c=(e,s,l=!1,r=!1)=>{var i,n,u;(n=(i=e.module)==null?void 0:i.rules)==null||n.push({test:t.saltyFileRegExp(),use:[{loader:d.resolve(__dirname,r?"./loader.cjs":"./loader.js"),options:{dir:s}}]}),l||(u=e.plugins)==null||u.push({apply:f=>{let o=!1;f.hooks.beforeCompile.tapPromise({name:"generateCss"},async()=>{o||(o=!0,await t.generateCss(s),g.watch(s,{recursive:!0},async(h,a)=>{await p(a)?await t.generateCss(s,!1,!1):t.isSaltyFile(a)&&await t.generateFile(s,a)}))})}})};exports.default=c;exports.saltyPlugin=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("path"),t=require("./index-CVxTKQjD.cjs"),y=require("fs/promises"),g=require("fs"),p=async e=>{if(!e||e.includes("node_modules")||e.includes("saltygen"))return!1;if(e.includes("salty.config"))return!0;if(!t.isSaltyFile(e))return!1;const r=await y.readFile(e,"utf-8");return!!(/.+define[A-Z]\w+/.test(r)||/.+keyframes\(.+/.test(r))},c=(e,s,l=!1,r=!1)=>{var i,n,u;(n=(i=e.module)==null?void 0:i.rules)==null||n.push({test:t.saltyFileRegExp(),use:[{loader:d.resolve(__dirname,r?"./loader.cjs":"./loader.js"),options:{dir:s}}]}),l||(u=e.plugins)==null||u.push({apply:f=>{let o=!1;f.hooks.beforeCompile.tapPromise({name:"generateCss"},async()=>{o||(o=!0,await t.generateCss(s),g.watch(s,{recursive:!0},async(h,a)=>{await p(a)?await t.generateCss(s,!1,!1):t.isSaltyFile(a)&&await t.generateFile(s,a)}))})}})};exports.default=c;exports.saltyPlugin=c;

package/index.js

@@ -1,5 +1,5 @@
 import { resolve as p } from "path";
-import { i as f, s as y, g as u, a as d } from "./index-C_rzJhGh.js";
+import { i as f, s as y, g as u, a as d } from "./index-DGrPV3kl.js";
 import { readFile as g } from "fs/promises";
 import { watch as m } from "fs";
 const w = async (e) => {