@salty-css/core 0.0.1-alpha.201 → 0.0.1-alpha.202

package/index-B-fI-Hqk.js

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

@@ -0,0 +1,38 @@
+"use strict";const Ce=require("esbuild"),xe=require("child_process"),k=require("./dash-case-BJEkFEGQ.cjs"),r=require("path"),a=require("fs"),oe=require("fs/promises"),X=require("./parse-styles-DhDStS4F.cjs"),B=require("winston"),V=require("./css/merge.cjs");var ne=typeof document<"u"?document.currentScript:null;function Ne(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 ue=Ne(Ce),pe=async(e,t=[])=>{if(!e)return"";const s=[],n={};if(Object.entries(e).forEach(async([o,i])=>{if(typeof i=="function")return console.log("Function found",o);if(typeof i=="object"){if(!i)return;const f=o.trim(),u=await pe(i,[...t,f]);s.push(u)}else n[o]=i}),Object.keys(n).length){const o=t.map(k.dashCase).join("-"),i=await X.parseAndJoinStyles(n,`.${o}`);s.push(i)}return s.join(`
+`)},Pe=e=>e?Object.entries(e).reduce((t,[s,n])=>(typeof n=="object"&&(t[s]=ye(n).map(o=>`"${o}"`).join(" | ")),t),{}):{},ye=(e,t="",s=new Set)=>e?(Object.entries(e).forEach(([n,o])=>{const i=t?`${t}.${n}`:n;return typeof o=="object"?ye(o,i,s):s.add(t)}),[...s]):[],me=e=>{if(!e||e==="/")throw new Error("Could not find package.json file");const t=r.join(e,"package.json");return a.existsSync(t)?t:me(r.join(e,".."))},ke=async e=>{const t=me(e);return await oe.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},De=async e=>{const t=await ke(e);if(t)return t.type};let v;const ge=async e=>{if(v)return v;const t=await De(e);return t==="module"?v="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:ne&&ne.tagName.toUpperCase()==="SCRIPT"&&ne.src||new URL("index-CTYuOIyS.cjs",document.baseURI).href).endsWith(".cjs"))&&(v="cjs"),v||"esm"},G=B.createLogger({level:"debug",format:B.format.combine(B.format.colorize(),B.format.cli()),transports:[new B.transports.Console({})]}),_e=e=>{G.error(e)};function he(e){return e?typeof e!="string"?he(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 Te={"*, *::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"}},R={externalModules:[],rcFile:void 0,destDir:void 0},Se=e=>{if(R.externalModules.length>0)return R.externalModules;const s=a.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const n=s[1].split(",").map(o=>o.replace(/['"`]/g,"").trim());return R.externalModules=n,n},M=async e=>{if(R.destDir)return R.destDir;const t=await re(e),s=r.join(e,(t==null?void 0:t.saltygenDir)||"saltygen");return R.destDir=s,s},ie=["salty","css","styles","styled"],we=(e=[])=>new RegExp(`\\.(${[...ie,...e].join("|")})\\.`),Y=(e,t=[])=>we(t).test(e),je=async e=>{if(R.rcFile)return R.rcFile;if(e==="/")throw new Error("Could not find .saltyrc.json file");const t=r.join(e,".saltyrc.json"),s=await oe.readFile(t,"utf-8").then(JSON.parse).catch(()=>{});return s?(R.rcFile=s,s):je(r.join(e,".."))},re=async e=>{var n,o;const t=await je(e),s=(n=t.projects)==null?void 0:n.find(i=>e.endsWith(i.dir||""));return s||((o=t.projects)==null?void 0:o.find(i=>i.dir===t.defaultProject))},Ee=async e=>{const t=await re(e),s=await M(e),n=r.join(e,(t==null?void 0:t.configDir)||"","salty.config.ts"),o=r.join(s,"salty.config.js"),i=await ge(e),f=Se(n);await ue.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:o,format:i,external:f});const u=Date.now(),{config:y}=await import(`${o}?t=${u}`);return y},be=async(e,t)=>{var ce,le;const s=await M(e),n={mediaQueries:[],globalStyles:[],variables:[],templates:[]};await Promise.all([...t].map(async h=>{const{contents:b,outputFilePath:O}=await K(e,h,s);Object.entries(b).forEach(([x,P])=>{P.isMedia?n.mediaQueries.push([x,P]):P.isGlobalDefine?n.globalStyles.push(P):P.isDefineVariables?n.variables.push(P):P.isDefineTemplates&&n.templates.push(P._setPath(O))})}));const o=await Ee(e),i={...o},f=new Set,u=(h,b=[])=>h?Object.entries(h).flatMap(([O,x])=>{if(!x)return;if(typeof x=="object")return u(x,[...b,O]);const P=he(O),te=k.dashCase(O),se=[...b,P].join(".");f.add(`"${se}"`);const U=[...b.map(k.dashCase),te].join("-"),fe=X.parseVariableTokens(x);return fe?`--${U}: ${fe.transformed};`:`--${U}: ${x};`}):[],y=h=>h?Object.entries(h).flatMap(([b,O])=>{const x=u(O);return b==="base"?x.join(""):`${b} { ${x.join("")} }`}):[],d=h=>h?Object.entries(h).flatMap(([b,O])=>Object.entries(O).flatMap(([x,P])=>{const te=u(P,[b]),se=`.${b}-${x}, [data-${b}="${x}"]`,U=te.join("");return`${se} { ${U} }`})):[],m=h=>({...h,responsive:void 0,conditional:void 0}),g=h=>n.variables.map(b=>h==="static"?m(b._current):b._current[h]),p=V.mergeStyles(m(o.variables),g("static")),F=u(p),S=V.mergeStyles((ce=o.variables)==null?void 0:ce.responsive,g("responsive")),T=y(S),D=V.mergeStyles((le=o.variables)==null?void 0:le.conditional,g("conditional")),_=d(D),J=r.join(s,"css/_variables.css"),E=`:root { ${F.join("")} ${T.join("")} } ${_.join("")}`;a.writeFileSync(J,E),i.staticVariables=p;const z=r.join(s,"css/_global.css"),N=V.mergeStyles(o.global,n.globalStyles),H=await X.parseAndJoinStyles(N,"");a.writeFileSync(z,`@layer global { ${H} }`);const c=r.join(s,"css/_reset.css"),j=o.reset==="none"?{}:typeof o.reset=="object"?o.reset:Te,l=await X.parseAndJoinStyles(j,"");a.writeFileSync(c,`@layer reset { ${l} }`);const $=r.join(s,"css/_templates.css"),C=V.mergeStyles(o.templates,n.templates),q=await pe(C),I=Pe(C);a.writeFileSync($,q),i.templates=C;const W=V.mergeFactories(n.templates);i.templatePaths=Object.fromEntries(Object.entries(W).map(([h,b])=>[h,b._path||"nope"]));const{mediaQueries:A}=n;i.mediaQueries=Object.fromEntries(A.map(([h,b])=>[`@${h}`,b]));const L=A.map(([h])=>`'@${h}'`).join(" | "),ee=r.join(s,"types/css-tokens.d.ts"),Z=`
+  // Variable types
+  type VariableTokens = ${[...f].join("|")}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(I).map(([h,b])=>`${h}?: ${b}`).join(`
+`)}
+  }
+
+  // Media query types
+  type MediaQueryKeys = ${L||"''"};
+  `;a.writeFileSync(ee,Z);const $e=r.join(s,"cache/config-cache.json");a.writeFileSync($e,JSON.stringify(i,null,2))},de=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 f=o.exec(e);if(f){const u=f.at(1);if(ie.some(d=>u==null?void 0:u.includes(d)))return t}return"styled('div',"}),Oe=(e,t)=>{try{const s=a.readFileSync(r.join(t,"saltygen/cache/config-cache.json"),"utf8");return s?`globalThis.saltyConfig = ${s};
+
+${e}`:`globalThis.saltyConfig = {};
+
+${e}`}catch{return e}},K=async(e,t,s)=>{const n=k.toHash(t),o=r.join(s,"./temp");a.existsSync(o)||a.mkdirSync(o);const i=r.parse(t);let f=a.readFileSync(t,"utf8");f=de(f),f=Oe(f,e);const u=r.join(s,"js",n+".js"),y=await re(e),d=r.join(e,(y==null?void 0:y.configDir)||"","salty.config.ts"),m=Se(d),g=await ge(e);await ue.build({stdin:{contents:f,sourcefile:i.base,resolveDir:i.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:u,format:g,target:["node20"],keepNames:!0,external:m,packages:"external",plugins:[{name:"test",setup:S=>{S.onLoad({filter:/.*\.css|salty|styles|styled\.ts/},T=>{const D=a.readFileSync(T.path,"utf8");return{contents:de(D),loader:"ts"}})}}]});const p=Date.now();return{contents:await import(`${u}?t=${p}`),outputFilePath:u}},Re=async e=>{const t=await M(e),s=r.join(t,"cache/config-cache.json"),n=a.readFileSync(s,"utf8");if(!n)throw new Error("Could not find config cache file");return JSON.parse(n)},ae=async e=>{const t=await Re(e),s=await M(e),n=r.join(s,"salty.config.js"),o=Date.now(),{config:i}=await import(`${n}?t=${o}`);return V.mergeStyles(i,t)},Fe=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},Ve=async(e,t=Fe(),s=!0)=>{try{const n=Date.now();t?G.info("Generating CSS in production mode! 🔥"):G.info("Generating CSS in development mode! 🚀");const o=[],i=[],f=await M(e),u=r.join(f,"index.css");s&&(()=>{a.existsSync(f)&&xe.execSync("rm -rf "+f),a.mkdirSync(f,{recursive:!0}),a.mkdirSync(r.join(f,"css")),a.mkdirSync(r.join(f,"types")),a.mkdirSync(r.join(f,"js")),a.mkdirSync(r.join(f,"cache"))})();const d=new Set,m=new Set;async function g(c){const w=["node_modules","saltygen"],j=a.statSync(c);if(j.isDirectory()){const l=a.readdirSync(c);if(w.some(C=>c.includes(C)))return;await Promise.all(l.map(C=>g(r.join(c,C))))}else if(j.isFile()&&Y(c)){d.add(c);const $=a.readFileSync(c,"utf8");/define[\w\d]+\(/.test($)&&m.add(c)}}await g(e),await be(e,m);const p={keyframes:[],components:[],classNames:[]};await Promise.all([...d].map(async c=>{const{contents:w}=await K(e,c,f);Object.entries(w).forEach(([j,l])=>{l.isKeyframes?p.keyframes.push({value:l,src:c,name:j}):l.isClassName?p.classNames.push({...l,src:c,name:j}):l.generator&&p.components.push({...l,src:c,name:j})})}));const F=await ae(e);for(const c of p.keyframes){const{value:w}=c,j=`a_${w.animationName}.css`,l=`css/${j}`,$=r.join(f,l);o.push(j),a.writeFileSync($,w.css)}const S={};for(const c of p.components){const{src:w,name:j}=c,l=c.generator._withBuildContext({callerName:j,isProduction:t,config:F});i[l.priority]||(i[l.priority]=[]),i[l.priority].push(l.cssFileName);const $=`css/${l.cssFileName}`,C=r.join(f,$);a.writeFileSync(C,await l.css),F.importStrategy==="component"&&(S[w]?S[w].push(l.cssFileName):S[w]=[l.cssFileName])}for(const c of p.classNames){const{src:w,name:j}=c,l=c.generator._withBuildContext({callerName:j,isProduction:t,config:F});i[0].push(l.cssFileName);const $=`css/${l.cssFileName}`,C=r.join(f,$);a.writeFileSync(C,await l.css),F.importStrategy==="component"&&(S[w]?S[w].push(l.cssFileName):S[w]=[l.cssFileName])}F.importStrategy==="component"&&Object.entries(S).forEach(([c,w])=>{const j=w.map(I=>`@import url('./${I}');`).join(`
+`),l=k.toHash(c,6),$=r.parse(c),C=k.dashCase($.name),q=r.join(f,`css/f_${C}-${l}.css`);a.writeFileSync(q,j)});const T=o.map(c=>`@import url('./css/${c}');`).join(`
+`);let E=`@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["_variables.css","_reset.css","_global.css","_templates.css"].filter(c=>{try{return a.readFileSync(r.join(f,"css",c),"utf8").length>0}catch{return!1}}).map(c=>`@import url('./css/${c}');`).join(`
+`)}
+${T}`;if(F.importStrategy!=="component"){const c=i.reduce((w,j,l)=>{const $=j.reduce((W,A)=>{var Z;const L=r.join(f,"css",A),ee=a.readFileSync(L,"utf8"),Q=((Z=/.*-([^-]+)-\d+.css/.exec(A))==null?void 0:Z.at(1))||k.toHash(L,6);return W.includes(Q)?W:`${W}
+/*start:${Q}*/
+${ee}
+/*end:${Q}*/
+`},""),C=`l_${l}.css`,q=r.join(f,"css",C),I=`@layer l${l} { ${$}
+ }`;return a.writeFileSync(q,I),`${w}
+@import url('./css/${C}');`},"");E+=c}a.writeFileSync(u,E);const N=Date.now()-n,H=N<200?"🔥":N<500?"🚀":N<1e3?"🎉":N<2e3?"🚗":N<5e3?"🤔":"🥴";G.info(`Generated CSS in ${N}ms! ${H}`)}catch(n){console.error(n)}},Me=async(e,t)=>{try{const s=await M(e);if(Y(t)){const o=[],i=await ae(e),{contents:f}=await K(e,t,s);for(const[u,y]of Object.entries(f)){if(y.isKeyframes&&y.css){const F=`css/${`a_${y.animationName}.css`}`,S=r.join(s,F);a.writeFileSync(S,await y.css);return}if(y.isClassName){const p=y.factory._withBuildContext({name:u});o[0].push(p.cssFileName);const F=`css/${p.cssFileName}`,S=r.join(s,F);a.writeFileSync(S,await p.css)}if(!y.generator)return;const d=y.generator._withBuildContext({name:u,config:i}),m=`css/${d.cssFileName}`,g=r.join(s,m);a.writeFileSync(g,await d.css),o[d.priority]||(o[d.priority]=[]),o[d.priority].push(d.cssFileName)}if(i.importStrategy!=="component")o.forEach((u,y)=>{const d=`l_${y}.css`,m=r.join(s,"css",d);let g=a.readFileSync(m,"utf8");u.forEach(p=>{var D;const F=r.join(s,"css",p),S=((D=/.*-([^-]+)-\d+.css/.exec(p))==null?void 0:D.at(1))||k.toHash(F,6);if(!g.includes(S)){const _=a.readFileSync(F,"utf8"),J=`/*start:${S}*/
+${_}
+/*end:${S}*/
+`;g=`${g.replace(/\}$/,"")}
+${J}
+}`}}),a.writeFileSync(m,g)});else{const u=o.flat().map(p=>`@import url('./${p}');`).join(`
+`),y=k.toHash(t,6),d=r.parse(t),m=k.dashCase(d.name),g=r.join(s,`css/f_${m}-${y}.css`);a.writeFileSync(g,u)}}}catch(s){console.error(s)}},Je=async(e,t,s=Fe())=>{try{const n=await M(e);if(Y(t)){const i=a.readFileSync(t,"utf8");i.replace(/^(?!export\s)const\s.*/gm,m=>`export ${m}`)!==i&&await oe.writeFile(t,i);const u=await ae(e),{contents:y}=await K(e,t,n);let d=i;if(Object.entries(y).forEach(([m,g])=>{var l;if(g.isKeyframes||!g.generator)return;const p=g.generator._withBuildContext({name:m,config:u,prod:s}),F=new RegExp(`\\s${m}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(i);if(!F)return console.error("Could not find the original declaration");const S=(l=F.at(1))==null?void 0:l.trim(),T=new RegExp(`\\s${m}[=\\s]+styled\\(`,"g").exec(d);if(!T)return console.error("Could not find the original declaration");const{index:D}=T;let _=!1;const J=setTimeout(()=>_=!0,5e3);let E=0,z=!1,N=0;for(;!z&&!_;){const $=d[D+E];$==="("&&N++,$===")"&&N--,N===0&&$===")"&&(z=!0),E>d.length&&(_=!0),E++}if(!_)clearTimeout(J);else throw new Error("Failed to find the end of the styled call and timed out");const H=D+E,c=d.slice(D,H),w=d,j=` ${m} = styled(${S}, "${p.classNames}", ${JSON.stringify(p.clientProps)});`;d=d.replace(c,j),w===d&&console.error("Minimize file failed to change content",{name:m,tagName:S})}),u.importStrategy==="component"){const m=k.toHash(t,6),g=r.parse(t);d=`import '../../saltygen/css/${`f_${k.dashCase(g.name)}-${m}.css`}';
+${d}`}return d=d.replace("{ styled }","{ styledClient as styled }"),d=d.replace("@salty-css/react/styled","@salty-css/react/styled-client"),d}}catch(n){console.error("Error in minimizeFile:",n)}};exports.compileSaltyFile=K;exports.generateConfigStyles=be;exports.generateCss=Ve;exports.generateFile=Me;exports.isSaltyFile=Y;exports.logError=_e;exports.logger=G;exports.minimizeFile=Je;exports.saltyFileExtensions=ie;exports.saltyFileRegExp=we;

package/package.json

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

package/parse-styles-CbYzTfwr.js

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