@salty-css/core 0.0.1-alpha.14 → 0.0.1-alpha.141

package/index-C6kc7u48.js

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

package/index-D_732b92.js

@@ -0,0 +1,4 @@
+const t = "/* Empty */";
+export {
+  t as default
+};

package/index-FtLw6IR2.cjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.0.1-alpha.14",
+  "version": "0.0.1-alpha.141",
   "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,11 +28,18 @@
     "name": "core"
   },
   "peerDependencies": {
+    "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"
@@ -52,5 +64,11 @@
       "import": "./util/index.js",
       "require": "./util/index.cjs"
     }
+  },
+  "bin": {
+    "salty": "./bin/index.js",
+    "salty-css": "./bin/index.js",
+    "salty-css-cjs": "./bin/index.cjs",
+    "@salty-css/core": "./bin/index.js"
   }
 }

package/parse-templates-CgZo0YA1.js

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

package/parse-templates-DD4hQEpv.cjs

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

package/pascal-case-BQpR5PdN.js

@@ -0,0 +1,6 @@
+function p(e) {
+  return e ? typeof e != "string" ? p(String(e)) : e.replace(/\s/g, "-").replace(/[-_]([a-z0-9])/g, (a) => a[1].toUpperCase()).replace(/^[a-z]/, (a) => a.toUpperCase()) : "";
+}
+export {
+  p
+};

package/pascal-case-iWoaJWwT.cjs

@@ -0,0 +1 @@
+"use strict";function r(e){return e?typeof e!="string"?r(String(e)):e.replace(/\s/g,"-").replace(/[-_]([a-z0-9])/g,a=>a[1].toUpperCase()).replace(/^[a-z]/,a=>a.toUpperCase()):""}exports.pascalCase=r;

package/react-styled-file-CGVf5n1B.js

@@ -0,0 +1,11 @@
+const e = `import { styled } from "@salty-css/react/styled";
+
+export const <%- name %> = styled('<%- tag %>', {
+  <% if(className) { %>className: '<%- className %>',<% } %>
+  base: {
+    // Add your styles here
+  }
+})`;
+export {
+  e as default
+};

package/react-styled-file-Dkubsz-U.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=`import { styled } from "@salty-css/react/styled";
+
+export const <%- name %> = styled('<%- tag %>', {
+  <% if(className) { %>className: '<%- className %>',<% } %>
+  base: {
+    // Add your styles here
+  }
+})`;exports.default=e;

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

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

package/salty.config-Dk6ZcCxI.cjs

@@ -0,0 +1,7 @@
+"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=e;

package/templates/salty-reset.d.ts

@@ -0,0 +1,2 @@
+import { GlobalStyles } from '../config/config-types';
+export declare const saltyReset: GlobalStyles;