@salty-css/core 0.0.1-alpha.6 → 0.0.1-alpha.60

package/compiler/index.js

@@ -1,180 +1,188 @@
-import * as M from "esbuild";
-import * as N from "winston";
-import { execSync as z } from "child_process";
-import { toHash as T, dashCase as I } from "../util/index.js";
-import { join as o } from "path";
-import { writeFileSync as $, existsSync as H, mkdirSync as v, statSync as J, readdirSync as G, readFileSync as _ } from "fs";
+import * as _ from "esbuild";
+import { execSync as G } from "child_process";
+import { t as E, d as I } from "../dash-case-DMQMcCO6.js";
+import { join as r } from "path";
+import { writeFileSync as w, existsSync as J, mkdirSync as V, statSync as q, readdirSync as A, readFileSync as v } from "fs";
 import { writeFile as L } from "fs/promises";
-import { p as q, a as A, b as U } from "../parse-templates-BOSK0Tb6.js";
-const ot = N.createLogger({
-  level: "info",
-  format: N.format.combine(N.format.colorize(), N.format.cli()),
-  transports: [new N.transports.Console({})]
-}), k = (s) => o(s, "./saltygen"), W = ["salty", "css", "styles", "styled"], O = (s) => new RegExp(`\\.(${W.join("|")})\\.`).test(s), X = async (s) => {
-  const e = k(s), n = o(s, "salty-config.ts"), t = o(e, "salty-config.js");
-  await M.build({
+import { p as U, a as X, b as Y } from "../parse-templates-DUUSaubj.js";
+const z = () => import.meta.url.endsWith(".cjs") ? "cjs" : "esm", N = (s) => r(s, "./saltygen"), Z = ["salty", "css", "styles", "styled"], Q = (s = []) => new RegExp(`\\.(${[...Z, ...s].join("|")})\\.`), M = (s, e = []) => Q(e).test(s), tt = async (s) => {
+  const e = N(s), n = r(s, "salty.config.ts"), t = r(e, "salty.config.js"), a = z();
+  console.log("Module type:", a), await _.build({
     entryPoints: [n],
     minify: !0,
     treeShaking: !0,
     bundle: !0,
     outfile: t,
-    format: "esm",
+    format: a,
     external: ["react"]
   });
-  const c = Date.now(), { config: S } = await import(`${t}?t=${c}`);
-  return S;
-}, Y = async (s) => {
-  const e = await X(s), n = /* @__PURE__ */ new Set(), t = (m, l = []) => m ? Object.entries(m).flatMap(([p, i]) => {
-    if (!i) return;
-    if (typeof i == "object") return t(i, [...l, p]);
-    const C = [...l, p].join(".");
-    n.add(`"${C}"`);
-    const D = [...l.map(I), I(p)].join("-"), { result: P } = U(i);
-    return `--${D}: ${P};`;
-  }) : [], c = (m) => m ? Object.entries(m).flatMap(([l, p]) => {
-    const i = t(p);
-    return l === "base" ? i.join("") : `${l} { ${i.join("")} }`;
-  }) : [], S = (m) => m ? Object.entries(m).flatMap(([l, p]) => Object.entries(p).flatMap(([i, C]) => {
-    const D = t(C, [l]), P = `.${l}-${i}, [data-${l}="${i}"]`, V = D.join("");
-    return `${P} { ${V} }`;
-  })) : [], d = t(e.variables), w = c(e.responsiveVariables), a = S(e.conditionalVariables), b = k(s), y = o(b, "css/variables.css"), r = `:root { ${d.join("")} ${w.join("")} } ${a.join("")}`;
-  $(y, r);
-  const f = o(b, "types/css-tokens.d.ts"), u = `type VariableTokens = ${[...n].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;
-  $(f, u);
-  const g = o(b, "css/global.css"), j = q(e.global, "");
-  $(g, j);
-  const F = o(b, "css/templates.css"), x = A(e.templates);
-  $(F, x);
-}, E = async (s, e) => {
-  const n = T(s), t = o(e, "js", n + ".js");
-  await M.build({
+  const C = Date.now(), { config: y } = await import(`${t}?t=${C}`);
+  return y;
+}, st = async (s) => {
+  const e = await tt(s), n = /* @__PURE__ */ new Set(), t = (c, l = []) => c ? Object.entries(c).flatMap(([m, p]) => {
+    if (!p) return;
+    if (typeof p == "object") return t(p, [...l, m]);
+    const j = [...l, m].join(".");
+    n.add(`"${j}"`);
+    const g = [...l.map(I), I(m)].join("-"), { result: d } = Y(p);
+    return `--${g}: ${d};`;
+  }) : [], a = (c) => c ? Object.entries(c).flatMap(([l, m]) => {
+    const p = t(m);
+    return l === "base" ? p.join("") : `${l} { ${p.join("")} }`;
+  }) : [], C = (c) => c ? Object.entries(c).flatMap(([l, m]) => Object.entries(m).flatMap(([p, j]) => {
+    const g = t(j, [l]), d = `.${l}-${p}, [data-${l}="${p}"]`, k = g.join("");
+    return `${d} { ${k} }`;
+  })) : [], y = t(e.variables), x = a(e.responsiveVariables), i = C(e.conditionalVariables), F = N(s), h = r(F, "css/variables.css"), D = `:root { ${y.join("")} ${x.join("")} } ${i.join("")}`;
+  w(h, D);
+  const u = r(F, "types/css-tokens.d.ts"), f = `type VariableTokens = ${[...n].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
+  w(u, f);
+  const S = r(F, "css/global.css"), b = U(e.global, "");
+  w(S, b);
+  const $ = r(F, "css/templates.css"), T = X(e.templates);
+  w($, T);
+}, O = async (s, e) => {
+  const n = E(s), t = r(e, "js", n + ".js"), a = z();
+  console.log("Module type:", a), await _.build({
     entryPoints: [s],
     minify: !0,
     treeShaking: !0,
     bundle: !0,
     outfile: t,
-    format: "esm",
+    format: a,
     target: ["es2022"],
     keepNames: !0,
     external: ["react"]
   });
-  const c = Date.now();
-  return await import(`${t}?t=${c}`);
+  const C = Date.now();
+  return await import(`${t}?t=${C}`);
 }, R = async (s) => {
-  const e = k(s), n = o(e, "salty-config.js"), { config: t } = await import(n);
+  const e = N(s), n = r(e, "salty.config.js"), { config: t } = await import(n);
   return t;
-}, rt = async (s) => {
+}, at = async (s) => {
   try {
-    const e = [], n = [], t = k(s), c = o(t, "index.css");
+    const e = [], n = [], t = N(s), a = r(t, "index.css");
     (() => {
-      H(t) && z("rm -rf " + t), v(t), v(o(t, "css")), v(o(t, "types"));
-    })(), await Y(s);
-    const d = await R(s);
-    async function w(r, f) {
-      const h = J(r);
-      if (h.isDirectory()) {
-        const u = G(r);
-        await Promise.all(u.map((g) => w(o(r, g), o(f, g))));
-      } else if (h.isFile() && O(r)) {
-        const g = await E(r, t), j = [];
-        Object.entries(g).forEach(([l, p]) => {
-          if (p.isKeyframes && p.css) {
-            const V = `${p.animationName}.css`, B = `css/${V}`, K = o(t, B);
-            e.push(V), $(K, p.css);
+      J(t) && G("rm -rf " + t), V(t), V(r(t, "css")), V(r(t, "types"));
+    })(), await st(s);
+    const y = await R(s);
+    async function x(o, f) {
+      const S = ["node_modules", "saltygen"], b = q(o);
+      if (b.isDirectory()) {
+        const $ = A(o);
+        if (S.some((c) => o.includes(c))) return;
+        await Promise.all($.map((c) => x(r(o, c), r(f, c))));
+      } else if (b.isFile() && M(o)) {
+        const T = await O(o, t), c = [];
+        Object.entries(T).forEach(([j, g]) => {
+          if (g.isKeyframes && g.css) {
+            const B = `${g.animationName}.css`, H = `css/${B}`, K = r(t, H);
+            e.push(B), w(K, g.css);
             return;
           }
-          if (!p.generator) return;
-          const i = p.generator._withBuildContext({
-            name: l,
-            config: d
-          }), C = `${i.hash}-${i.priority}.css`;
-          n[i.priority] || (n[i.priority] = []), n[i.priority].push(C), j.push(C);
-          const D = `css/${C}`, P = o(t, D);
-          $(P, i.css);
+          if (!g.generator) return;
+          const d = g.generator._withBuildContext({
+            name: j,
+            config: y
+          }), k = `${d.hash}-${d.priority}.css`;
+          n[d.priority] || (n[d.priority] = []), n[d.priority].push(k), c.push(k);
+          const P = `css/${k}`, W = r(t, P);
+          w(W, d.css);
         });
-        const F = j.map((l) => `@import url('./${l}');`).join(`
-`), x = T(r, 6), m = o(t, `css/${x}.css`);
-        $(m, F);
+        const l = c.map((j) => `@import url('./${j}');`).join(`
+`), m = E(o, 6), p = r(t, `css/${m}.css`);
+        w(p, l);
       }
     }
-    await w(s, t);
-    const a = e.map((r) => `@import url('./css/${r}');`).join(`
+    await x(s, t);
+    const i = e.map((o) => `@import url('./css/${o}');`).join(`
 `);
-    let y = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+    let u = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
-${["@import url('./css/variables.css');", "@import url('./css/global.css');", "@import url('./css/templates.css');"].join(`
+${["variables.css", "global.css", "templates.css"].filter((o) => {
+      try {
+        return v(r(t, "css", o), "utf8").length > 0;
+      } catch {
+        return !1;
+      }
+    }).map((o) => `@import url('./css/${o}');`).join(`
 `)}
-${a}`;
-    if (d.importStrategy !== "component") {
-      const r = n.flat().map((f) => `@import url('./css/${f}');`).join(`
+${i}`;
+    if (y.importStrategy !== "component") {
+      const o = n.flat().map((f) => `@import url('./css/${f}');`).join(`
 `);
-      y += r;
+      u += o;
     }
-    $(c, y);
+    w(a, u);
   } catch (e) {
     console.error(e);
   }
-}, it = async (s, e) => {
+}, lt = async (s, e) => {
   try {
-    const n = [], t = o(s, "./saltygen"), c = o(t, "index.css");
-    if (O(e)) {
-      const d = await R(s), w = await E(e, t);
-      Object.entries(w).forEach(([f, h]) => {
-        if (!h.generator) return;
-        const u = h.generator._withBuildContext({
-          name: f,
-          config: d
-        }), g = `${u.hash}-${u.priority}.css`, j = `css/${g}`, F = o(t, j);
-        n.push(g), $(F, u.css);
+    const n = [], t = r(s, "./saltygen"), a = r(t, "index.css");
+    if (M(e)) {
+      const y = await R(s), x = await O(e, t);
+      Object.entries(x).forEach(([u, o]) => {
+        if (!o.generator) return;
+        const f = o.generator._withBuildContext({
+          name: u,
+          config: y
+        }), S = `${f.hash}-${f.priority}.css`, b = `css/${S}`, $ = r(t, b);
+        n.push(S), w($, f.css);
       });
-      const a = _(c, "utf8").split(`
-`), b = n.map((f) => `@import url('../saltygen/css/${f}');`), r = [.../* @__PURE__ */ new Set([...a, ...b])].join(`
+      const i = v(a, "utf8").split(`
+`), F = n.map((u) => `@import url('../saltygen/css/${u}');`), D = [.../* @__PURE__ */ new Set([...i, ...F])].join(`
 `);
-      $(c, r);
+      w(a, D);
     }
   } catch (n) {
     console.error(n);
   }
-}, ct = async (s, e) => {
+}, pt = async (s, e) => {
   try {
-    const n = o(s, "./saltygen");
-    if (O(e)) {
-      let c = _(e, "utf8");
-      c.replace(/^(?!export\s)const\s.*/gm, (y) => `export ${y}`) !== c && await L(e, c);
-      const d = await R(s), w = await E(e, n);
-      let a = c;
-      Object.entries(w).forEach(([y, r]) => {
-        var m;
-        if (r.isKeyframes) {
-          console.log("value", r);
-          return;
+    const n = r(s, "./saltygen");
+    if (M(e)) {
+      const a = v(e, "utf8");
+      a.replace(/^(?!export\s)const\s.*/gm, (h) => `export ${h}`) !== a && await L(e, a);
+      const y = await R(s), x = await O(e, n);
+      let i = a;
+      Object.entries(x).forEach(([h, D]) => {
+        var k;
+        if (D.isKeyframes || !D.generator) return;
+        const u = D.generator._withBuildContext({
+          name: h,
+          config: y
+        }), o = new RegExp(`\\s${h}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(a);
+        if (!o) return console.error("Could not find the original declaration");
+        const f = (k = o.at(1)) == null ? void 0 : k.trim(), S = new RegExp(`\\s${h}[=\\s]+styled\\(`, "g").exec(i);
+        if (!S) return console.error("Could not find the original declaration");
+        const { index: b } = S;
+        let $ = !1;
+        const T = setTimeout(() => $ = !0, 5e3);
+        let c = 0, l = !1, m = 0;
+        for (; !l && !$; ) {
+          const P = i[b + c];
+          P === "(" && m++, P === ")" && m--, m === 0 && P === ")" && (l = !0), c > i.length && ($ = !0), c++;
         }
-        if (!r.generator) return;
-        const f = r.generator._withBuildContext({
-          name: y,
-          config: d
-        }), h = new RegExp(`${y}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(c);
-        if (!h)
-          return console.error("Could not find the original declaration");
-        const u = (m = h.at(1)) == null ? void 0 : m.trim(), { element: g, variantKeys: j } = f.props, F = `${y} = styled(${u}, "${f.classNames}", "${f._callerName}", ${JSON.stringify(g)}, ${JSON.stringify(
-          j
-        )});`, x = new RegExp(`${y}[=\\s]+[^()]+styled\\(([^,]+),[^;]+;`, "g");
-        a = a.replace(x, F);
+        if (!$) clearTimeout(T);
+        else throw new Error("Failed to find the end of the styled call and timed out");
+        const p = b + c, j = i.slice(b, p), g = i, d = ` ${h} = styled(${f}, "${u.classNames}", "${u._callerName}", ${JSON.stringify(u.props)});`;
+        i = i.replace(j, d), g === i && console.error("Minimize file failed to change content", { name: h, tagName: f });
       });
-      const b = T(e, 6);
-      return d.importStrategy === "component" && (a = `import '../../saltygen/css/${b}.css';
-${a}`), a = a.replace("{ styled }", "{ styledClient as styled }"), a = a.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), a;
+      const F = E(e, 6);
+      return y.importStrategy === "component" && (i = `import '../../saltygen/css/${F}.css';
+${i}`), i = i.replace("{ styled }", "{ styledClient as styled }"), i = i.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), i;
     }
   } catch (n) {
-    console.error(n);
+    console.error("Error in minimizeFile:", n);
   }
 };
 export {
-  E as compileSaltyFile,
-  rt as generateCss,
-  it as generateFile,
-  Y as generateVariables,
-  O as isSaltyFile,
-  ot as logger,
-  ct as minimizeFile
+  O as compileSaltyFile,
+  st as generateConfigStyles,
+  at as generateCss,
+  lt as generateFile,
+  M as isSaltyFile,
+  pt as minimizeFile,
+  Z as saltyFileExtensions,
+  Q as saltyFileRegExp
 };

package/config/config-types.d.ts

@@ -30,11 +30,11 @@ export interface SaltyConfig {
      * - `root` will import the css file from the root of the project.
      * - `component` will import the css file from the component's directory.
      */
-    importStrategy: 'root' | 'component';
+    importStrategy?: 'root' | 'component';
     /**
      * Base variables that can be used in all styles as they are applied globally to :root.
      */
-    variables: CssVariables;
+    variables?: CssVariables;
     /**
      * Variables that are defined for different media queries.
      */
@@ -46,7 +46,7 @@ export interface SaltyConfig {
     /**
      * The global styles that are imported in the root of the project.
      */
-    global: CssStyles;
+    global?: CssStyles;
     /**
      * The templates that can be used in styles to create reusable css.
      */

package/dash-case-DKzpenwY.cjs

@@ -0,0 +1 @@
+"use strict";const n=e=>String.fromCharCode(e+(e>25?39:97)),i=(e,r)=>{let t="",a;for(a=Math.abs(e);a>52;a=a/52|0)t=n(a%52)+t;return t=n(a%52)+t,t.length<r?t=t.padStart(r,"a"):t.length>r&&(t=t.slice(-r)),t},o=(e,r)=>{let t=r.length;for(;t;)e=e*33^r.charCodeAt(--t);return e},c=(e,r=3)=>{const t=o(5381,JSON.stringify(e))>>>0;return i(t,r)};function s(e){return e?typeof e!="string"?s(String(e)):e.replace(/\s/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(r,t)=>(t>0?"-":"")+r.toLowerCase()):""}exports.dashCase=s;exports.toHash=c;

package/dash-case-DMQMcCO6.js

@@ -0,0 +1,19 @@
+const n = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97)), o = (e, r) => {
+  let t = "", a;
+  for (a = Math.abs(e); a > 52; a = a / 52 | 0) t = n(a % 52) + t;
+  return t = n(a % 52) + t, t.length < r ? t = t.padStart(r, "a") : t.length > r && (t = t.slice(-r)), t;
+}, i = (e, r) => {
+  let t = r.length;
+  for (; t; ) e = e * 33 ^ r.charCodeAt(--t);
+  return e;
+}, c = (e, r = 3) => {
+  const t = i(5381, JSON.stringify(e)) >>> 0;
+  return o(t, r);
+};
+function s(e) {
+  return e ? typeof e != "string" ? s(String(e)) : e.replace(/\s/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (r, t) => (t > 0 ? "-" : "") + r.toLowerCase()) : "";
+}
+export {
+  s as d,
+  c as t
+};

package/generator/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../util/index.cjs"),a=require("../parse-templates-BY1Xai-_.cjs");class o{constructor(t,s,e){this.tagName=t,this.styles=s,this.options=e}get hash(){return n.toHash(this.styles)}get priority(){var t;return typeof this.tagName=="function"?(((t=this.tagName.generator)==null?void 0:t.priority)||0)+1:0}get classNames(){const t=[this.hash],{className:s}=this.options;return s&&t.push(s),t.join(" ")}get cssClassName(){return this.hash}get cssDisplayNameVar(){return`--${this.hash}-display-name: ${this._callerName};`}get templateKeys(){var t;return(t=this._context)!=null&&t.config.templates?a.getTemplateKeys(this._context.config.templates):[]}get css(){var t;return a.parseStyles(this.styles,`.${this.cssClassName}`,this.priority,(t=this._context)==null?void 0:t.config)}get props(){const{element:t}=this.options,s=this.styles.variants?Object.keys(this.styles.variants).map(e=>{var r;const i=(r=this.styles.defaultVariants)==null?void 0:r[e];return i!==void 0?`${e}=${String(i)}`:e}):void 0;return{element:t,variantKeys:s}}_withBuildContext(t){this._context=t;const{name:s,config:e}=t;return this._callerName=s,this}}exports.StyleComponentGenerator=o;
+"use strict";var m=Object.defineProperty;var l=(a,t,s)=>t in a?m(a,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[t]=s;var c=(a,t,s)=>l(a,typeof t!="symbol"?t+"":t,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../dash-case-DKzpenwY.cjs"),p=require("../parse-templates-DVK3iZIl.cjs");class g{constructor(t,s){c(this,"_callerName");c(this,"_context");this.tagName=t,this.params=s}get hash(){return u.toHash(this.params.base||this.params)}get priority(){var t;return typeof this.tagName=="function"||typeof this.tagName=="object"?(((t=this.tagName.generator)==null?void 0:t.priority)||0)+1:0}get classNames(){const t=[this.hash],{className:s}=this.params;return s&&t.push(s),t.join(" ")}get cssClassName(){return this.hash}get cssDisplayNameVar(){return`--${this.hash}-display-name: ${this._callerName};`}get templateKeys(){var t;return(t=this._context)!=null&&t.config.templates?p.getTemplateKeys(this._context.config.templates):[]}get css(){var e;const{base:t={},variants:s={},compoundVariants:r=[]}=this.params,i={...t,variants:s,compoundVariants:r};return p.parseStyles(i,`.${this.cssClassName}`,this.priority,(e=this._context)==null?void 0:e.config)}get props(){const{element:t}=this.params,s=this.params.variants?Object.keys(this.params.variants).map(e=>{var n;const o=(n=this.params.defaultVariants)==null?void 0:n[e];return o!==void 0?`${e}=${String(o)}`:e}):void 0,r=new Set([]),i=/\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));return i&&i.forEach((e,o,n)=>{const h=n.at(1);h&&r.add(h)}),{element:t,variantKeys:s,propValueKeys:[...r]}}_withBuildContext(t){this._context=t;const{name:s,config:r}=t;return this._callerName=s,this}}exports.StyleComponentGenerator=g;

package/generator/index.js

@@ -1,18 +1,23 @@
-import { toHash as a } from "../util/index.js";
-import { g as n, p as o } from "../parse-templates-BOSK0Tb6.js";
-class p {
-  constructor(t, s, e) {
-    this.tagName = t, this.styles = s, this.options = e;
+var h = Object.defineProperty;
+var m = (e, t, s) => t in e ? h(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var c = (e, t, s) => m(e, typeof t != "symbol" ? t + "" : t, s);
+import { t as l } from "../dash-case-DMQMcCO6.js";
+import { g, p as u } from "../parse-templates-DUUSaubj.js";
+class d {
+  constructor(t, s) {
+    c(this, "_callerName");
+    c(this, "_context");
+    this.tagName = t, this.params = s;
   }
   get hash() {
-    return a(this.styles);
+    return l(this.params.base || this.params);
   }
   get priority() {
     var t;
-    return typeof this.tagName == "function" ? (((t = this.tagName.generator) == null ? void 0 : t.priority) || 0) + 1 : 0;
+    return typeof this.tagName == "function" || typeof this.tagName == "object" ? (((t = this.tagName.generator) == null ? void 0 : t.priority) || 0) + 1 : 0;
   }
   get classNames() {
-    const t = [this.hash], { className: s } = this.options;
+    const t = [this.hash], { className: s } = this.params;
     return s && t.push(s), t.join(" ");
   }
   get cssClassName() {
@@ -23,29 +28,34 @@ class p {
   }
   get templateKeys() {
     var t;
-    return (t = this._context) != null && t.config.templates ? n(this._context.config.templates) : [];
+    return (t = this._context) != null && t.config.templates ? g(this._context.config.templates) : [];
   }
   get css() {
-    var t;
-    return o(this.styles, `.${this.cssClassName}`, this.priority, (t = this._context) == null ? void 0 : t.config);
+    var a;
+    const { base: t = {}, variants: s = {}, compoundVariants: r = [] } = this.params, i = { ...t, variants: s, compoundVariants: r };
+    return u(i, `.${this.cssClassName}`, this.priority, (a = this._context) == null ? void 0 : a.config);
   }
   get props() {
-    const { element: t } = this.options, s = this.styles.variants ? Object.keys(this.styles.variants).map((e) => {
-      var r;
-      const i = (r = this.styles.defaultVariants) == null ? void 0 : r[e];
-      return i !== void 0 ? `${e}=${String(i)}` : e;
-    }) : void 0;
-    return {
+    const { element: t } = this.params, s = this.params.variants ? Object.keys(this.params.variants).map((a) => {
+      var n;
+      const o = (n = this.params.defaultVariants) == null ? void 0 : n[a];
+      return o !== void 0 ? `${a}=${String(o)}` : a;
+    }) : void 0, r = /* @__PURE__ */ new Set([]), i = /\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));
+    return i && i.forEach((a, o, n) => {
+      const p = n.at(1);
+      p && r.add(p);
+    }), {
       element: t,
-      variantKeys: s
+      variantKeys: s,
+      propValueKeys: [...r]
     };
   }
   _withBuildContext(t) {
     this._context = t;
-    const { name: s, config: e } = t;
+    const { name: s, config: r } = t;
     return this._callerName = s, this;
   }
 }
 export {
-  p as StyleComponentGenerator
+  d as StyleComponentGenerator
 };

package/generator/style-generator.d.ts

@@ -1,14 +1,18 @@
-import { GeneratorOptions, Styles, Tag } from '../types';
+import { StyledParams, Tag } from '../types';
+export interface GeneratorProps {
+    element?: string;
+    variantKeys?: string[];
+    propValueKeys?: string[];
+}
 export declare class StyleComponentGenerator {
     tagName: Tag<any>;
-    styles: Styles;
-    private options;
+    params: StyledParams;
     _callerName: string | undefined;
     _context: {
         name: string;
         config: any;
     } | undefined;
-    constructor(tagName: Tag<any>, styles: Styles, options: GeneratorOptions);
+    constructor(tagName: Tag<any>, params: StyledParams);
     get hash(): string;
     get priority(): number;
     get classNames(): string;
@@ -16,10 +20,7 @@ export declare class StyleComponentGenerator {
     get cssDisplayNameVar(): string;
     get templateKeys(): string[];
     get css(): string;
-    get props(): {
-        element: string | undefined;
-        variantKeys: string[] | undefined;
-    };
+    get props(): GeneratorProps;
     _withBuildContext(context: {
         name: string;
         config: any;

package/index-84Wroia-.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="/* Empty */";exports.default=e;

package/index-D_732b92.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.0.1-alpha.6",
+  "version": "0.0.1-alpha.60",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -19,13 +19,22 @@
     "!**/*.tsbuildinfo"
   ],
   "nx": {
+    "sourceRoot": "libs/core/src",
     "name": "core"
   },
   "peerDependencies": {
-    "clsx": ">=2.x",
+    "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"
@@ -50,5 +59,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"
   }
 }