@salty-css/webpack 0.0.1-alpha.23 → 0.0.1-alpha.230

package/index-DTqX17j6.js

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

package/index.cjs

@@ -1,15 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("path"),I=require("esbuild"),W=require("child_process"),m=require("fs");require("fs/promises");function H(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(s,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return s.default=t,Object.freeze(s)}const x=H(I),E=t=>String.fromCharCode(t+(t>25?39:97)),z=(t,s)=>{let e="",n;for(n=Math.abs(t);n>52;n=n/52|0)e=E(n%52)+e;return e=E(n%52)+e,e.length<s?e=e.padStart(s,"a"):e.length>s&&(e=e.slice(-s)),e},B=(t,s)=>{let e=s.length;for(;e;)t=t*33^s.charCodeAt(--e);return t},A=(t,s=3)=>{const e=B(5381,JSON.stringify(t))>>>0;return z(e,s)};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()):""}const G=(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:a}=n;t=t.replace(r,b=>{const{value:l,css:$}=a(b);return $&&e.push($),l})}),{result:t,additionalCss:e}},M=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${V(n[1].replaceAll(".","-"))})`)}:{result:t},k=(t,s,e,n)=>{if(!t)return"";const r=[],a=Object.entries(t).reduce((l,[$,o])=>{const y=$.trim();if(typeof o=="function"&&(o=o()),typeof o=="object"){if(!o)return l;if(y==="variants")return Object.entries(o).forEach(([f,i])=>{i&&Object.entries(i).forEach(([p,c])=>{if(!c)return;const h=`${s}.${f}-${p}`,S=k(c,h);r.push(S)})}),l;if(y==="defaultVariants")return l;if(y==="compoundVariants")return o.forEach(f=>{const{css:i,...p}=f,c=Object.entries(p).reduce((S,[P,T])=>`${S}.${P}-${T}`,s),h=k(i,c);r.push(h)}),l;if(y.startsWith("@")){const f=k(o,s),i=`${y} {
- ${f.replace(`
-`,`
- `)}
-}`;return r.push(i),l}const j=$.includes("&")?y.replace("&",s):y.startsWith(":")?`${s}${y}`:`${s} ${y}`,d=k(o,j);return r.push(d),l}const g=y.startsWith("-")?y:V(y),w=(j,d=";")=>l=`${l}${j}${d}`,O=j=>w(`${g}:${j}`);if(typeof o=="number")return O(o);if(typeof o!="string")if("toString"in o)o=o.toString();else return l;const{modifiers:C}={},D=function*(){yield M(o),yield G(o,C)}();for(const{result:j,additionalCss:d=[]}of D)o=j,d.forEach(f=>{const i=k(f,"");w(i,"")});return O(o)},"");if(!a)return r.join(`
-`);if(!s)return a;let b="";return b=`${s} { ${a} }`,[b,...r].join(`
-`)},_=(t,s=[])=>{if(!t)return"";const e=[],n={};if(Object.entries(t).forEach(([r,a])=>{if(typeof a=="object"){if(!a)return;const b=r.trim(),l=_(a,[...s,b]);e.push(l)}else n[r]=a}),Object.keys(n).length){const r=s.map(V).join("-"),a=k(n,`.${r}`);e.push(a)}return e.join(`
-`)},N=t=>u.join(t,"./saltygen"),J=["salty","css","styles","styled"],q=(t=[])=>new RegExp(`\\.(${[...J,...t].join("|")})\\.`),K=(t,s=[])=>q(s).test(t),L=async t=>{const s=N(t),e=u.join(t,"salty.config.ts"),n=u.join(s,"salty.config.js");await x.build({entryPoints:[e],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:"esm",external:["react"]});const r=Date.now(),{config:a}=await import(`${n}?t=${r}`);return a},U=async t=>{const s=await L(t),e=new Set,n=(f,i=[])=>f?Object.entries(f).flatMap(([p,c])=>{if(!c)return;if(typeof c=="object")return n(c,[...i,p]);const h=[...i,p].join(".");e.add(`"${h}"`);const S=[...i.map(V),V(p)].join("-"),{result:P}=M(c);return`--${S}: ${P};`}):[],r=f=>f?Object.entries(f).flatMap(([i,p])=>{const c=n(p);return i==="base"?c.join(""):`${i} { ${c.join("")} }`}):[],a=f=>f?Object.entries(f).flatMap(([i,p])=>Object.entries(p).flatMap(([c,h])=>{const S=n(h,[i]),P=`.${i}-${c}, [data-${i}="${c}"]`,T=S.join("");return`${P} { ${T} }`})):[],b=n(s.variables),l=r(s.responsiveVariables),$=a(s.conditionalVariables),o=N(t),y=u.join(o,"css/variables.css"),g=`:root { ${b.join("")} ${l.join("")} } ${$.join("")}`;m.writeFileSync(y,g);const w=u.join(o,"types/css-tokens.d.ts"),C=`type VariableTokens = ${[...e].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;m.writeFileSync(w,C);const F=u.join(o,"css/global.css"),D=k(s.global,"");m.writeFileSync(F,D);const j=u.join(o,"css/templates.css"),d=_(s.templates);m.writeFileSync(j,d)},X=async(t,s)=>{const e=A(t),n=u.join(s,"js",e+".js");await x.build({entryPoints:[t],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:"esm",target:["es2022"],keepNames:!0,external:["react"]});const r=Date.now();return await import(`${n}?t=${r}`)},Y=async t=>{const s=N(t),e=u.join(s,"salty.config.js"),{config:n}=await import(e);return n},Q=async t=>{try{const s=[],e=[],n=N(t),r=u.join(n,"index.css");(()=>{m.existsSync(n)&&W.execSync("rm -rf "+n),m.mkdirSync(n),m.mkdirSync(u.join(n,"css")),m.mkdirSync(u.join(n,"types"))})(),await U(t);const b=await Y(t);async function l(g,w){const O=m.statSync(g);if(O.isDirectory()){const C=m.readdirSync(g);await Promise.all(C.map(F=>l(u.join(g,F),u.join(w,F))))}else if(O.isFile()&&K(g)){const F=await X(g,n),D=[];Object.entries(F).forEach(([i,p])=>{if(p.isKeyframes&&p.css){const T=`${p.animationName}.css`,Z=`css/${T}`,R=u.join(n,Z);s.push(T),m.writeFileSync(R,p.css);return}if(!p.generator)return;const c=p.generator._withBuildContext({name:i,config:b}),h=`${c.hash}-${c.priority}.css`;e[c.priority]||(e[c.priority]=[]),e[c.priority].push(h),D.push(h);const S=`css/${h}`,P=u.join(n,S);m.writeFileSync(P,c.css)});const j=D.map(i=>`@import url('./${i}');`).join(`
-`),d=A(g,6),f=u.join(n,`css/${d}.css`);m.writeFileSync(f,j)}}await l(t,n);const $=s.map(g=>`@import url('./css/${g}');`).join(`
-`);let y=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
-
-${["@import url('./css/variables.css');","@import url('./css/global.css');","@import url('./css/templates.css');"].join(`
-`)}
-${$}`;if(b.importStrategy!=="component"){const g=e.flat().map(w=>`@import url('./css/${w}');`).join(`
-`);y+=g}m.writeFileSync(r,y)}catch(s){console.error(s)}},v=(t,s)=>{var e,n,r;(n=(e=t.module)==null?void 0:e.rules)==null||n.push({test:q(),use:[{loader:u.resolve("./loader.js"),options:{dir:s}}]}),(r=t.plugins)==null||r.push({apply:a=>{a.hooks.afterPlugins.tap({name:"generateCss"},async()=>{await Q(s)})}})};exports.saltyPlugin=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("path"),t=require("./index-BLikDM5S.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 a=await y.readFile(e,"utf-8");return!!/.+define[A-Z]\w+/.test(a)},c=(e,s,l=!1,a=!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,a?"./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,r)=>{await p(r)?await t.generateCss(s,!1,!1):t.isSaltyFile(r)&&await t.generateFile(s,r)}))})}})};exports.default=c;exports.saltyPlugin=c;