@salty-css/core 0.0.1-alpha.12 → 0.0.1-alpha.121

package/index-BDkjvMN9.js

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

package/index-D_732b92.js

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

package/index-RidXn8lG.cjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.0.1-alpha.12",
+  "version": "0.0.1-alpha.121",
   "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-BuKrl3n7.js

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

package/parse-templates-DIOn-gO_.cjs

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