@salty-css/core 0.0.1-alpha.17 → 0.0.1-alpha.171

package/index-BixulVRN.js

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

package/index-C6uCnypW.cjs

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

package/merge-BVm9us1A.js

@@ -0,0 +1,4 @@
+const e = (...u) => u.flat().reduce((n, r) => r != null && r._current ? { ...n, ...r._current } : { ...n, ...r }, {});
+export {
+  e as m
+};

package/merge-DxGoJDHv.cjs

@@ -0,0 +1 @@
+"use strict";const n=(...u)=>u.flat().reduce((e,r)=>r!=null&&r._current?{...e,...r._current}:{...e,...r},{});exports.mergeStyles=n;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.0.1-alpha.17",
+  "version": "0.0.1-alpha.171",
   "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"
   },
@@ -26,10 +31,15 @@
     "commander": ">=12.x",
     "ejs": ">=3.x",
     "esbuild": ">=0.21.x",
+    "ora": ">=8.x",
     "react": ">=18.x || >=19.x",
     "winston": ">=3.x"
   },
   "exports": {
+    "./bin/main": {
+      "import": "./bin/main.js",
+      "require": "./bin/main.cjs"
+    },
     "./compiler": {
       "import": "./compiler/index.js",
       "require": "./compiler/index.cjs"

package/parse-styles-3zK35muR.cjs

@@ -0,0 +1,7 @@
+"use strict";const V=require("./dash-case-BJEkFEGQ.cjs"),q=(r,o)=>{if(typeof r!="string")return{result:r};if(!o)return{result:r};const e=[];return Object.values(o).forEach(p=>{const{pattern:h,transform:b}=p;r=r.replace(h,n=>{const{value:a,css:t}=b(n);return t&&e.push(t),a})}),{result:r,additionalCss:e}},E=r=>typeof r!="string"?{result:r}:/\{[^{}]+\}/g.test(r)?{result:r.replace(/\{([^{}]+)\}/g,(...p)=>`var(--${V.dashCase(p[1].replaceAll(".","-"))})`)}:{result:r},$=(r,o,e)=>{if(!r)return"";const p=[],h=Object.entries(r).reduce((n,[a,t])=>{const s=a.trim();if(typeof t=="function"&&(t=t()),typeof t=="object"){if(!t)return n;if(s==="variants")return Object.entries(t).forEach(([i,f])=>{f&&Object.entries(f).forEach(([y,d])=>{if(!d)return;const l=`${o}.${i}-${y}`,m=$(d,l,e);p.push(m)})}),n;if(s==="defaultVariants")return n;if(s==="compoundVariants")return t.forEach(i=>{const{css:f,...y}=i,d=Object.entries(y).reduce((m,[w,W])=>`${m}.${w}-${W}`,o),l=$(f,d,e);p.push(l)}),n;if(s.startsWith("@")){const i=$(t,o,e),f=`${s} {
+ ${i.replace(`
+`,`
+ `)}
+}`;return p.push(f),n}const u=a.includes("&")?s.replace("&",o):s.startsWith(":")?`${o}${s}`:`${o} ${s}`,c=$(t,u,e);return p.push(c),n}if(e!=null&&e.templates&&e.templates[s]){const c=t.split(".").reduce((i,f)=>i[f],e.templates[s]);if(c){const i=$(c,"");return`${n}${i}`}return console.warn(`Template "${s}" with path of "${t}" was not found in config!`),n}const O=s.startsWith("-")?s:V.dashCase(s),j=(u,c=";")=>n=`${n}${u}${c}`,S=u=>j(`${O}:${u}`);if(typeof t=="number")return S(t);if(typeof t!="string")if("toString"in t)t=t.toString();else return n;const{modifiers:T}=e||{},k=function*(){yield E(t),yield q(t,T)}();for(const{result:u,additionalCss:c=[]}of k)t=u,c.forEach(i=>{const f=$(i,"");j(f,"")});return S(t)},"");return h?o?[`${o} { ${h} }`,...p].join(`
+`):h:p.join(`
+`)};exports.parseStyles=$;exports.parseValueTokens=E;

package/parse-styles-DrLhKtqW.js

@@ -0,0 +1,75 @@
+import { d as O } from "./dash-case-DBThphLm.js";
+const W = (r, o) => {
+  if (typeof r != "string") return { result: r };
+  if (!o) return { result: r };
+  const e = [];
+  return Object.values(o).forEach((p) => {
+    const { pattern: $, transform: j } = p;
+    r = r.replace($, (n) => {
+      const { value: a, css: t } = j(n);
+      return t && e.push(t), a;
+    });
+  }), { result: r, additionalCss: e };
+}, P = (r) => typeof r != "string" ? { result: r } : /\{[^{}]+\}/g.test(r) ? { result: r.replace(/\{([^{}]+)\}/g, (...p) => `var(--${O(p[1].replaceAll(".", "-"))})`) } : { result: r }, h = (r, o, e) => {
+  if (!r) return "";
+  const p = [], $ = Object.entries(r).reduce((n, [a, t]) => {
+    const s = a.trim();
+    if (typeof t == "function" && (t = t()), typeof t == "object") {
+      if (!t) return n;
+      if (s === "variants")
+        return Object.entries(t).forEach(([i, f]) => {
+          f && Object.entries(f).forEach(([m, d]) => {
+            if (!d) return;
+            const y = `${o}.${i}-${m}`, b = h(d, y, e);
+            p.push(b);
+          });
+        }), n;
+      if (s === "defaultVariants")
+        return n;
+      if (s === "compoundVariants")
+        return t.forEach((i) => {
+          const { css: f, ...m } = i, d = Object.entries(m).reduce((b, [k, w]) => `${b}.${k}-${w}`, o), y = h(f, d, e);
+          p.push(y);
+        }), n;
+      if (s.startsWith("@")) {
+        const i = h(t, o, e), f = `${s} {
+ ${i.replace(`
+`, `
+ `)}
+}`;
+        return p.push(f), n;
+      }
+      const c = a.includes("&") ? s.replace("&", o) : s.startsWith(":") ? `${o}${s}` : `${o} ${s}`, u = h(t, c, e);
+      return p.push(u), n;
+    }
+    if (e != null && e.templates && e.templates[s]) {
+      const u = t.split(".").reduce((i, f) => i[f], e.templates[s]);
+      if (u) {
+        const i = h(u, "");
+        return `${n}${i}`;
+      }
+      return console.warn(`Template "${s}" with path of "${t}" was not found in config!`), n;
+    }
+    const S = s.startsWith("-") ? s : O(s), l = (c, u = ";") => n = `${n}${c}${u}`, E = (c) => l(`${S}:${c}`);
+    if (typeof t == "number") return E(t);
+    if (typeof t != "string")
+      if ("toString" in t) t = t.toString();
+      else return n;
+    const { modifiers: V } = e || {}, T = function* () {
+      yield P(t), yield W(t, V);
+    }();
+    for (const { result: c, additionalCss: u = [] } of T)
+      t = c, u.forEach((i) => {
+        const f = h(i, "");
+        l(f, "");
+      });
+    return E(t);
+  }, "");
+  return $ ? o ? [`${o} { ${$} }`, ...p].join(`
+`) : $ : p.join(`
+`);
+};
+export {
+  P as a,
+  h as p
+};

package/parse-templates-BKvQLGeN.cjs

@@ -0,0 +1,2 @@
+"use strict";const a=require("./dash-case-BJEkFEGQ.cjs"),f=require("./parse-styles-3zK35muR.cjs"),o=(e,t=[])=>{if(!e)return"";const s=[],r={};if(Object.entries(e).forEach(([n,c])=>{if(typeof c=="object"){if(!c)return;const p=n.trim(),u=o(c,[...t,p]);s.push(u)}else r[n]=c}),Object.keys(r).length){const n=t.map(a.dashCase).join("-"),c=f.parseStyles(r,`.${n}`);s.push(c)}return s.join(`
+`)},y=e=>Object.keys(e),l=e=>Object.entries(e).reduce((t,[s,r])=>(typeof r=="object"&&(t[s]=i(r).map(n=>`"${n}"`).join(" | ")),t),{}),i=(e,t="",s=new Set)=>e?(Object.entries(e).forEach(([r,n])=>{const c=t?`${t}.${r}`:r;return typeof n=="object"?i(n,c,s):s.add(t)}),[...s]):[];exports.getTemplateKeys=y;exports.getTemplateTypes=l;exports.parseTemplates=o;

package/parse-templates-BdcpkXBG.js

@@ -0,0 +1,27 @@
+import { d as p } from "./dash-case-DBThphLm.js";
+import { p as a } from "./parse-styles-DrLhKtqW.js";
+const u = (e, t = []) => {
+  if (!e) return "";
+  const s = [], r = {};
+  if (Object.entries(e).forEach(([n, o]) => {
+    if (typeof o == "object") {
+      if (!o) return;
+      const i = n.trim(), f = u(o, [...t, i]);
+      s.push(f);
+    } else
+      r[n] = o;
+  }), Object.keys(r).length) {
+    const n = t.map(p).join("-"), o = a(r, `.${n}`);
+    s.push(o);
+  }
+  return s.join(`
+`);
+}, y = (e) => Object.keys(e), b = (e) => Object.entries(e).reduce((t, [s, r]) => (typeof r == "object" && (t[s] = c(r).map((n) => `"${n}"`).join(" | ")), t), {}), c = (e, t = "", s = /* @__PURE__ */ new Set()) => e ? (Object.entries(e).forEach(([r, n]) => {
+  const o = t ? `${t}.${r}` : r;
+  return typeof n == "object" ? c(n, o, s) : s.add(t);
+}), [...s]) : [];
+export {
+  b as a,
+  y as g,
+  u as p
+};

package/react-vanilla-file-CCXbsjIb.js

@@ -0,0 +1,18 @@
+const n = `import { <%- styledComponentName %> } from "./<%- fileName %>.css";
+
+interface <%- componentName %>Props {
+  text?: string;
+}
+
+export const <%- componentName %> = ({ text = 'Lorem ipsum' }: <%- componentName %>Props) => {
+  return (
+    <<%- styledComponentName %>>
+      {text}
+    </<%- styledComponentName %>>
+  );
+};
+
+export default <%- componentName %>;`;
+export {
+  n as default
+};

package/react-vanilla-file-CG_WJLam.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=`import { <%- styledComponentName %> } from "./<%- fileName %>.css";
+
+interface <%- componentName %>Props {
+  text?: string;
+}
+
+export const <%- componentName %> = ({ text = 'Lorem ipsum' }: <%- componentName %>Props) => {
+  return (
+    <<%- styledComponentName %>>
+      {text}
+    </<%- styledComponentName %>>
+  );
+};
+
+export default <%- componentName %>;`;exports.default=e;

package/{salty.config-D9ANEDiH.js → salty.config-BhBY_oOk.js}

@@ -2,6 +2,7 @@ const n = `import { defineConfig } from '@salty-css/core/config';
 
 export const config = defineConfig({
   // Add your custom config here
+  externalModules: ['react', 'react-dom']
 });
 `;
 export {

package/{salty.config-BupieCfE.cjs → salty.config-Dk6ZcCxI.cjs}

@@ -1,6 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=`import { defineConfig } from '@salty-css/core/config';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=`import { defineConfig } from '@salty-css/core/config';
 
 export const config = defineConfig({
   // Add your custom config here
+  externalModules: ['react', 'react-dom']
 });
-`;exports.default=o;
+`;exports.default=e;