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

package/helpers/viewport-clamp.d.ts

@@ -0,0 +1,8 @@
+interface ViewportClampConfig {
+    screenSize: number;
+    axis?: 'vertical' | 'horizontal';
+    minMultiplier?: number;
+    maxMultiplier?: number;
+}
+export declare const defineViewportClamp: (config: ViewportClampConfig) => (value: number) => string;
+export {};

package/index-B_V_O1Qg.js

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

package/index-CelIwoBr.cjs

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