@salty-css/core 0.0.1-alpha.26 → 0.0.1-alpha.260

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-Cpvtq5h9.js

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

package/index-DV-sarjD.cjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.0.1-alpha.26",
+  "version": "0.0.1-alpha.260",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -10,7 +10,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "homepage": "https://github.com/margarita-form/salty-css",
+  "description": "Core library for Salty CSS. Will be used by other Salty CSS libraries and plugins.",
+  "homepage": "https://salty-css.dev/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/margarita-form/salty-css.git"
+  },
   "bugs": {
     "url": "https://github.com/margarita-form/salty-css/issues"
   },
@@ -23,22 +28,53 @@
     "name": "core"
   },
   "peerDependencies": {
+    "color": ">=5.x",
     "commander": ">=12.x",
+    "csstype": "^3.1.x",
     "ejs": ">=3.x",
-    "esbuild": ">=0.21.x",
+    "esbuild": ">=0.25.x",
     "ora": ">=8.x",
     "react": ">=18.x || >=19.x",
+    "typescript": ">=5.x",
     "winston": ">=3.x"
   },
   "exports": {
+    "./bin/main": {
+      "import": "./bin/main.js",
+      "require": "./bin/main.cjs"
+    },
     "./compiler": {
       "import": "./compiler/index.js",
       "require": "./compiler/index.cjs"
     },
+    "./parsers": {
+      "import": "./parsers/index.js",
+      "require": "./parsers/index.cjs"
+    },
     "./css": {
       "import": "./css/index.js",
       "require": "./css/index.cjs"
     },
+    "./css/keyframes": {
+      "import": "./css/keyframes.js",
+      "require": "./css/keyframes.cjs"
+    },
+    "./css/media": {
+      "import": "./css/media.js",
+      "require": "./css/media.cjs"
+    },
+    "./css/token": {
+      "import": "./css/token.js",
+      "require": "./css/token.cjs"
+    },
+    "./css/merge": {
+      "import": "./css/merge.js",
+      "require": "./css/merge.cjs"
+    },
+    "./factories": {
+      "import": "./factories/index.js",
+      "require": "./factories/index.cjs"
+    },
     "./generator": {
       "import": "./generator/index.js",
       "require": "./generator/index.cjs"
@@ -54,6 +90,10 @@
     "./util": {
       "import": "./util/index.js",
       "require": "./util/index.cjs"
+    },
+    "./helpers": {
+      "import": "./helpers/index.js",
+      "require": "./helpers/index.cjs"
     }
   },
   "bin": {