@salty-css/core 0.0.1-alpha.4 → 0.0.1-alpha.41

package/compiler/index.js

@@ -1,18 +1,13 @@
-import * as M from "esbuild";
-import * as N from "winston";
+import * as I from "esbuild";
 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 { 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 { t as E, d as B } from "../dash-case-DMQMcCO6.js";
+import { join as i } from "path";
+import { writeFileSync as $, existsSync as H, mkdirSync as V, statSync as K, readdirSync as G, readFileSync as M } from "fs";
+import { writeFile as J } from "fs/promises";
+import { p as q, a as A, b as L } from "../parse-templates-D4p3pgQR.js";
+const T = (s) => i(s, "./saltygen"), U = ["salty", "css", "styles", "styled"], W = (s = []) => new RegExp(`\\.(${[...U, ...s].join("|")})\\.`), v = (s, e = []) => W(e).test(s), X = async (s) => {
+  const e = T(s), n = i(s, "salty.config.ts"), t = i(e, "salty.config.js");
+  await I.build({
     entryPoints: [n],
     minify: !0,
     treeShaking: !0,
@@ -21,33 +16,33 @@ const ot = N.createLogger({
     format: "esm",
     external: ["react"]
   });
-  const c = Date.now(), { config: S } = await import(`${t}?t=${c}`);
-  return S;
+  const p = Date.now(), { config: x } = await import(`${t}?t=${p}`);
+  return x;
 }, 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 e = await X(s), n = /* @__PURE__ */ new Set(), t = (f, l = []) => f ? Object.entries(f).flatMap(([a, r]) => {
+    if (!r) return;
+    if (typeof r == "object") return t(r, [...l, a]);
+    const S = [...l, a].join(".");
+    n.add(`"${S}"`);
+    const C = [...l.map(B), B(a)].join("-"), { result: D } = L(r);
+    return `--${C}: ${D};`;
+  }) : [], p = (f) => f ? Object.entries(f).flatMap(([l, a]) => {
+    const r = t(a);
+    return l === "base" ? r.join("") : `${l} { ${r.join("")} }`;
+  }) : [], x = (f) => f ? Object.entries(f).flatMap(([l, a]) => Object.entries(a).flatMap(([r, S]) => {
+    const C = t(S, [l]), D = `.${l}-${r}, [data-${l}="${r}"]`, P = C.join("");
+    return `${D} { ${P} }`;
+  })) : [], b = t(e.variables), j = p(e.responsiveVariables), o = x(e.conditionalVariables), w = T(s), y = i(w, "css/variables.css"), c = `:root { ${b.join("")} ${j.join("")} } ${o.join("")}`;
+  $(y, c);
+  const m = i(w, "types/css-tokens.d.ts"), u = `type VariableTokens = ${[...n].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
+  $(m, u);
+  const g = i(w, "css/global.css"), d = q(e.global, "");
+  $(g, d);
+  const h = i(w, "css/templates.css"), k = A(e.templates);
+  $(h, k);
+}, O = async (s, e) => {
+  const n = E(s), t = i(e, "js", n + ".js");
+  await I.build({
     entryPoints: [s],
     minify: !0,
     treeShaking: !0,
@@ -58,123 +53,129 @@ const ot = N.createLogger({
     keepNames: !0,
     external: ["react"]
   });
-  const c = Date.now();
-  return await import(`${t}?t=${c}`);
+  const p = Date.now();
+  return await import(`${t}?t=${p}`);
 }, R = async (s) => {
-  const e = k(s), n = o(e, "salty-config.js"), { config: t } = await import(n);
+  const e = T(s), n = i(e, "salty.config.js"), { config: t } = await import(n);
   return t;
-}, rt = async (s) => {
+}, ot = async (s) => {
   try {
-    const e = [], n = [], t = k(s), c = o(t, "index.css");
+    const e = [], n = [], t = T(s), p = i(t, "index.css");
     (() => {
-      H(t) && z("rm -rf " + t), v(t), v(o(t, "css")), v(o(t, "types"));
+      H(t) && z("rm -rf " + t), V(t), V(i(t, "css")), V(i(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);
+    const b = await R(s);
+    async function j(c, m) {
+      const F = K(c);
+      if (F.isDirectory()) {
+        const u = G(c);
+        await Promise.all(u.map((g) => j(i(c, g), i(m, g))));
+      } else if (F.isFile() && v(c)) {
+        const g = await O(c, t), d = [];
+        Object.entries(g).forEach(([l, a]) => {
+          if (a.isKeyframes && a.css) {
+            const P = `${a.animationName}.css`, N = `css/${P}`, _ = i(t, N);
+            e.push(P), $(_, a.css);
             return;
           }
-          if (!p.generator) return;
-          const i = p.generator._withBuildContext({
+          if (!a.generator) return;
+          const r = a.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);
+            config: b
+          }), S = `${r.hash}-${r.priority}.css`;
+          n[r.priority] || (n[r.priority] = []), n[r.priority].push(S), d.push(S);
+          const C = `css/${S}`, D = i(t, C);
+          $(D, r.css);
         });
-        const F = j.map((l) => `@import url('./${l}');`).join(`
-`), x = T(r, 6), m = o(t, `css/${x}.css`);
-        $(m, F);
+        const h = d.map((l) => `@import url('./${l}');`).join(`
+`), k = E(c, 6), f = i(t, `css/${k}.css`);
+        $(f, h);
       }
     }
-    await w(s, t);
-    const a = e.map((r) => `@import url('./css/${r}');`).join(`
+    await j(s, t);
+    const o = e.map((c) => `@import url('./css/${c}');`).join(`
 `);
     let y = `@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(`
 `)}
-${a}`;
-    if (d.importStrategy !== "component") {
-      const r = n.flat().map((f) => `@import url('./css/${f}');`).join(`
+${o}`;
+    if (b.importStrategy !== "component") {
+      const c = n.flat().map((m) => `@import url('./css/${m}');`).join(`
 `);
-      y += r;
+      y += c;
     }
-    $(c, y);
+    $(p, y);
   } catch (e) {
     console.error(e);
   }
 }, it = 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 = i(s, "./saltygen"), p = i(t, "index.css");
+    if (v(e)) {
+      const b = await R(s), j = await O(e, t);
+      Object.entries(j).forEach(([m, F]) => {
+        if (!F.generator) return;
+        const u = F.generator._withBuildContext({
+          name: m,
+          config: b
+        }), g = `${u.hash}-${u.priority}.css`, d = `css/${g}`, h = i(t, d);
+        n.push(g), $(h, u.css);
       });
-      const a = _(c, "utf8").split(`
-`), b = n.map((f) => `@import url('../saltygen/css/${f}');`), r = [.../* @__PURE__ */ new Set([...a, ...b])].join(`
+      const o = M(p, "utf8").split(`
+`), w = n.map((m) => `@import url('../saltygen/css/${m}');`), c = [.../* @__PURE__ */ new Set([...o, ...w])].join(`
 `);
-      $(c, r);
+      $(p, c);
     }
   } catch (n) {
     console.error(n);
   }
-}, ct = async (s, e) => {
+}, rt = 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;
-        }
-        if (!r.generator) return;
-        const f = r.generator._withBuildContext({
+    const n = i(s, "./saltygen");
+    if (v(e)) {
+      const p = M(e, "utf8");
+      p.replace(/^(?!export\s)const\s.*/gm, (y) => `export ${y}`) !== p && await J(e, p);
+      const b = await R(s), j = await O(e, n);
+      let o = p;
+      Object.entries(j).forEach(([y, c]) => {
+        var P;
+        if (c.isKeyframes || !c.generator) return;
+        const m = c.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);
+          config: b
+        }), F = new RegExp(`${y}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(p);
+        if (!F) return console.error("Could not find the original declaration");
+        const u = (P = F.at(1)) == null ? void 0 : P.trim(), g = new RegExp(`${y}[=\\s]+styled\\(`, "g").exec(o);
+        if (!g) return console.error("Could not find the original declaration");
+        const { index: d } = g;
+        let h = !1;
+        const k = setTimeout(() => h = !0, 5e3);
+        let f = 0, l = !1, a = 0;
+        for (; !l && !h; ) {
+          const N = o[d + f];
+          N === "(" && a++, N === ")" && a--, a === 0 && N === ")" && (l = !0), f > o.length && (h = !0), f++;
+        }
+        if (!h) clearTimeout(k);
+        else throw new Error("Failed to find the end of the styled call and timed out");
+        const r = d + f, S = o.slice(d, r), C = o, D = `${y} = styled(${u}, "${m.classNames}", "${m._callerName}", ${JSON.stringify(m.props)});`;
+        o = o.replace(S, D), C === o && console.error("Minimize file failed to change content", { name: y, tagName: u });
       });
-      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 w = E(e, 6);
+      return b.importStrategy === "component" && (o = `import '../../saltygen/css/${w}.css';
+${o}`), o = o.replace("{ styled }", "{ styledClient as styled }"), o = o.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), o;
     }
   } catch (n) {
-    console.error(n);
+    console.error("Error in minimizeFile:", n);
   }
 };
 export {
-  E as compileSaltyFile,
-  rt as generateCss,
+  O as compileSaltyFile,
+  Y as generateConfigStyles,
+  ot as generateCss,
   it as generateFile,
-  Y as generateVariables,
-  O as isSaltyFile,
-  ot as logger,
-  ct as minimizeFile
+  v as isSaltyFile,
+  rt as minimizeFile,
+  U as saltyFileExtensions,
+  W 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-W0YfTmOT.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-D4p3pgQR.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.4",
+  "version": "0.0.1-alpha.41",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -19,32 +19,51 @@
     "!**/*.tsbuildinfo"
   ],
   "nx": {
+    "sourceRoot": "libs/core/src",
     "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": {
-    ".": {
-      "import": "./index.js",
-      "require": "./index.cjs"
+    "./bin/main": {
+      "import": "./bin/main.js",
+      "require": "./bin/main.cjs"
+    },
+    "./compiler": {
+      "import": "./compiler/index.js",
+      "require": "./compiler/index.cjs"
     },
-    "./react/styled": {
-      "import": "./react/styled.js",
-      "require": "./react/styled.cjs"
+    "./css": {
+      "import": "./css/index.js",
+      "require": "./css/index.cjs"
     },
-    "./react/styled-client": {
-      "import": "./react/styled-client.js",
-      "require": "./react/styled-client.cjs"
+    "./generator": {
+      "import": "./generator/index.js",
+      "require": "./generator/index.cjs"
     },
-    "./react/css-helpers": {
-      "import": "./react/css-helpers.js",
-      "require": "./react/css-helpers.cjs"
+    "./config": {
+      "import": "./config/index.js",
+      "require": "./config/index.cjs"
     },
-    "./vite": {
-      "import": "./vite/index.js",
-      "require": "./vite/index.cjs"
+    "./types": {
+      "import": "./types/index.js",
+      "require": "./types/index.cjs"
     },
-    "./webpack/salty-loader": {
-      "import": "./webpack/salty-loader.js",
-      "require": "./webpack/salty-loader.cjs"
+    "./util": {
+      "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"
   }
 }