@salty-css/core 0.0.1-alpha.205 → 0.0.1-alpha.206

package/index-ED4VBH54.js

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

package/package.json

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

package/parse-styles-CkaV3OGz.js

@@ -0,0 +1,126 @@
+import { d as V } from "./dash-case-DBThphLm.js";
+const A = (i) => (e) => {
+  if (typeof e != "string" || !i) return;
+  let t = e;
+  const f = [];
+  return Object.values(i).forEach((n) => {
+    const { pattern: y, transform: b } = n;
+    t = t.replace(y, (P) => {
+      const { value: j, css: E } = b(P);
+      return E && f.push(E), j;
+    });
+  }), { transformed: t, additionalCss: f };
+}, z = (i) => (e) => typeof e != "string" || !/\{[^{}]+\}/g.test(e) ? void 0 : { transformed: e.replace(/\{([^{}]+)\}/g, (...n) => `var(--${V(n[1].replaceAll(".", "-"))})`) }, I = z(), M = [
+  "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.*/
+], Q = (i, e, t) => {
+  if (M.some((n) => typeof n == "string" ? n === i : n.test(i))) {
+    const n = (t == null ? void 0 : t.defaultUnit) || "px";
+    return `${e}${n}`;
+  }
+  return `${e}`;
+}, _ = ["Webkit", "Moz", "ms", "O"], q = (i) => i.startsWith("-") ? i : _.some((e) => i.startsWith(e)) ? `-${V(i)}` : V(i), l = async (i, e = "", t, f = !1) => {
+  if (!i) throw new Error("No styles provided to parseStyles function!");
+  const n = /* @__PURE__ */ new Set(), b = Object.entries(i).map(async ([$, s]) => {
+    var w;
+    const r = $.trim(), h = q(r), c = (a, d = ";") => `${h}:${a}${d}`;
+    if (typeof s == "function" && (s = s({ scope: e, config: t })), s instanceof Promise && (s = await s), t != null && t.templates && t.templatePaths[r]) {
+      const { default: a } = await import(t.templatePaths[r]);
+      if (typeof a.params[r] == "function") {
+        const d = await a.params[r](s), [o] = await l(d, "");
+        return o;
+      }
+    }
+    if (t != null && t.templates && t.templates[r]) {
+      if (f) return;
+      const d = s.split(".").reduce((o, p) => o[p], t.templates[r]);
+      if (d) {
+        const [o] = await l(d, "");
+        return o;
+      }
+      console.warn(`Template "${r}" with path of "${s}" was not found in config!`);
+      return;
+    }
+    if (typeof s == "object") {
+      if (!s) return;
+      if (s.isColor) return c(s.toString());
+      if (r === "defaultVariants") return;
+      if (r === "variants") {
+        const o = Object.entries(s);
+        for (const [p, u] of o) {
+          if (!u) return;
+          const C = Object.entries(u);
+          for (const [W, m] of C) {
+            if (!m) return;
+            const T = `${e}.${p}-${W}`;
+            (await l(m, T, t)).forEach((U) => n.add(U));
+          }
+        }
+        return;
+      }
+      if (r === "compoundVariants") {
+        for (const o of s) {
+          const { css: p, ...u } = o, C = Object.entries(u).reduce((m, [T, N]) => `${m}.${T}-${N}`, e);
+          (await l(p, C, t)).forEach((m) => n.add(m));
+        }
+        return;
+      }
+      if (r.startsWith("@")) {
+        const o = ((w = t == null ? void 0 : t.mediaQueries) == null ? void 0 : w[r]) || r, p = await k(s, e, t), u = `${o} { ${p} }`;
+        n.add(u);
+        return;
+      }
+      const a = $.includes("&") ? r.replace("&", e) : r.startsWith(":") ? `${e}${r}` : `${e} ${r}`;
+      (await l(s, a, t)).forEach((o) => n.add(o));
+      return;
+    }
+    if (typeof s == "number") {
+      const a = Q(h, s, t);
+      return c(a);
+    }
+    if (typeof s != "string")
+      if ("toString" in s) s = s.toString();
+      else throw new Error(`Invalid value type for property ${h}`);
+    return c(s);
+  }), { modifiers: P } = t || {}, j = [z(), A(P)], x = (await Promise.all(b).then(($) => Promise.all(
+    $.map((s) => j.reduce(async (r, h) => {
+      const c = await r;
+      if (!c) return c;
+      const O = await h(c);
+      if (!O) return c;
+      const { transformed: w, additionalCss: a } = O;
+      let d = "";
+      if (a)
+        for (const o of a)
+          d += await k(o, "");
+      return `${d}${w}`;
+    }, Promise.resolve(s)))
+  ))).join(`
+`);
+  if (!x.trim()) return n;
+  const S = e ? `${e} { ${x} }` : x;
+  return n.add(S), n;
+}, k = async (i, e, t, f = !1) => [...await l(i, e, t, f)].join(`
+`);
+export {
+  I as a,
+  k as p
+};

package/parse-styles-DKWtadpv.cjs

@@ -0,0 +1,3 @@
+"use strict";const x=require("./dash-case-BJEkFEGQ.cjs"),U=i=>e=>{if(typeof e!="string"||!i)return;let t=e;const c=[];return Object.values(i).forEach(n=>{const{pattern:y,transform:b}=n;t=t.replace(y,P=>{const{value:j,css:C}=b(P);return C&&c.push(C),j})}),{transformed:t,additionalCss:c}},S=i=>e=>typeof e!="string"||!/\{[^{}]+\}/g.test(e)?void 0:{transformed:e.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${x.dashCase(n[1].replaceAll(".","-"))})`)},q=S(),J=["top","right","bottom","left","min-width",/.*width.*/,/^[^line]*height.*/,/padding.*/,/margin.*/,/border.*/,/inset.*/,/.*radius.*/,/.*spacing.*/,/.*gap.*/,/.*indent.*/,/.*offset.*/,/.*size.*/,/.*thickness.*/,/.*font-size.*/],M=(i,e,t)=>{if(J.some(n=>typeof n=="string"?n===i:n.test(i))){const n=(t==null?void 0:t.defaultUnit)||"px";return`${e}${n}`}return`${e}`},Q=["Webkit","Moz","ms","O"],_=i=>i.startsWith("-")?i:Q.some(e=>i.startsWith(e))?`-${x.dashCase(i)}`:x.dashCase(i),m=async(i,e="",t,c=!1)=>{if(!i)throw new Error("No styles provided to parseStyles function!");const n=new Set,b=Object.entries(i).map(async([$,s])=>{var w;const r=$.trim(),h=_(r),f=(o,d=";")=>`${h}:${o}${d}`;if(typeof s=="function"&&(s=s({scope:e,config:t})),s instanceof Promise&&(s=await s),t!=null&&t.templates&&t.templatePaths[r]){const{default:o}=await import(t.templatePaths[r]);if(typeof o.params[r]=="function"){const d=await o.params[r](s),[a]=await m(d,"");return a}}if(t!=null&&t.templates&&t.templates[r]){if(c)return;const d=s.split(".").reduce((a,p)=>a[p],t.templates[r]);if(d){const[a]=await m(d,"");return a}console.warn(`Template "${r}" with path of "${s}" was not found in config!`);return}if(typeof s=="object"){if(!s)return;if(s.isColor)return f(s.toString());if(r==="defaultVariants")return;if(r==="variants"){const a=Object.entries(s);for(const[p,u]of a){if(!u)return;const T=Object.entries(u);for(const[k,l]of T){if(!l)return;const V=`${e}.${p}-${k}`;(await m(l,V,t)).forEach(A=>n.add(A))}}return}if(r==="compoundVariants"){for(const a of s){const{css:p,...u}=a,T=Object.entries(u).reduce((l,[V,N])=>`${l}.${V}-${N}`,e);(await m(p,T,t)).forEach(l=>n.add(l))}return}if(r.startsWith("@")){const a=((w=t==null?void 0:t.mediaQueries)==null?void 0:w[r])||r,p=await W(s,e,t),u=`${a} { ${p} }`;n.add(u);return}const o=$.includes("&")?r.replace("&",e):r.startsWith(":")?`${e}${r}`:`${e} ${r}`;(await m(s,o,t)).forEach(a=>n.add(a));return}if(typeof s=="number"){const o=M(h,s,t);return f(o)}if(typeof s!="string")if("toString"in s)s=s.toString();else throw new Error(`Invalid value type for property ${h}`);return f(s)}),{modifiers:P}=t||{},j=[S(),U(P)],E=(await Promise.all(b).then($=>Promise.all($.map(s=>j.reduce(async(r,h)=>{const f=await r;if(!f)return f;const O=await h(f);if(!O)return f;const{transformed:w,additionalCss:o}=O;let d="";if(o)for(const a of o)d+=await W(a,"");return`${d}${w}`},Promise.resolve(s)))))).join(`
+`);if(!E.trim())return n;const z=e?`${e} { ${E} }`:E;return n.add(z),n},W=async(i,e,t,c=!1)=>[...await m(i,e,t,c)].join(`
+`);exports.parseAndJoinStyles=W;exports.parseVariableTokens=q;

package/parsers/parse-styles.d.ts

@@ -4,9 +4,10 @@ import { CachedConfig, SaltyConfig } from '../types/config-types';
  * @param styles CSS as JS object
  * @param currentScope Scope of the styles, for class names full path with dot separator is required
  * @param config Salty config object to allow use of templates and media queries etc.
+ * @param omitTemplates If true, static templates will be ignored
  * @returns CSS strings that can be injected to the .css file or used inside of styles tag
  * - First item is the main class with all the styles
  * - Rest of the items are child selectors or media queries etc.
  */
-export declare const parseStyles: <T extends object>(styles?: T, currentScope?: string, config?: (SaltyConfig & CachedConfig) | undefined) => Promise<Set<string>>;
-export declare const parseAndJoinStyles: <T extends object>(styles: T, currentClass: string, config?: (SaltyConfig & CachedConfig) | undefined) => Promise<string>;
+export declare const parseStyles: <T extends object>(styles?: T, currentScope?: string, config?: (SaltyConfig & CachedConfig) | undefined, omitTemplates?: boolean) => Promise<Set<string>>;
+export declare const parseAndJoinStyles: <T extends object>(styles: T, currentClass: string, config?: (SaltyConfig & CachedConfig) | undefined, omitTemplates?: boolean) => Promise<string>;

package/parsers/parser-types.d.ts

@@ -3,6 +3,6 @@ export interface ValueParserReturnValue {
     additionalCss?: object[];
 }
 type StyleValueModifierFunctionReturnValue = undefined | ValueParserReturnValue;
-export type SyncronousStyleValueModifierFunction = (current: string) => StyleValueModifierFunctionReturnValue;
+export type SyncronousStyleValueModifierFunction = (current: unknown) => StyleValueModifierFunctionReturnValue;
 export type StyleValueModifierFunction = (current: string) => Promise<StyleValueModifierFunctionReturnValue> | StyleValueModifierFunctionReturnValue;
 export {};

package/server/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("fs/promises"),r=require("../index-BEJWepok.cjs"),i=async t=>{if(!t||t.includes("node_modules")||t.includes("saltygen"))return!1;if(t.includes("salty.config"))return!0;if(!r.isSaltyFile(t))return!1;const e=await s.readFile(t,"utf-8");return!!/.+define[A-Z]\w+/.test(e)};exports.checkShouldRestart=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("fs/promises"),r=require("../index-BwBIR0y8.cjs"),i=async t=>{if(!t||t.includes("node_modules")||t.includes("saltygen"))return!1;if(t.includes("salty.config"))return!0;if(!r.isSaltyFile(t))return!1;const e=await s.readFile(t,"utf-8");return!!/.+define[A-Z]\w+/.test(e)};exports.checkShouldRestart=i;

package/server/index.js

@@ -1,5 +1,5 @@
 import { readFile as r } from "fs/promises";
-import { i as e } from "../index-BsRtXRDr.js";
+import { i as e } from "../index-ED4VBH54.js";
 const f = async (t) => {
   if (!t || t.includes("node_modules") || t.includes("saltygen")) return !1;
   if (t.includes("salty.config")) return !0;