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

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 { t as T, d as R } from "../dash-case-DMQMcCO6.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 { 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 N = (s) => o(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 = N(s), n = o(s, "salty.config.ts"), t = o(e, "salty.config.js");
+  await I.build({
     entryPoints: [n],
     minify: !0,
     treeShaking: !0,
@@ -24,30 +19,30 @@ const ot = N.createLogger({
   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);
+  const e = await X(s), n = /* @__PURE__ */ new Set(), t = (u, l = []) => u ? Object.entries(u).flatMap(([p, r]) => {
+    if (!r) return;
+    if (typeof r == "object") return t(r, [...l, p]);
+    const x = [...l, p].join(".");
+    n.add(`"${x}"`);
+    const C = [...l.map(R), R(p)].join("-"), { result: D } = L(r);
+    return `--${C}: ${D};`;
+  }) : [], c = (u) => u ? Object.entries(u).flatMap(([l, p]) => {
+    const r = t(p);
+    return l === "base" ? r.join("") : `${l} { ${r.join("")} }`;
+  }) : [], S = (u) => u ? Object.entries(u).flatMap(([l, p]) => Object.entries(p).flatMap(([r, x]) => {
+    const C = t(x, [l]), D = `.${l}-${r}, [data-${l}="${r}"]`, P = C.join("");
+    return `${D} { ${P} }`;
+  })) : [], d = t(e.variables), w = c(e.responsiveVariables), a = S(e.conditionalVariables), b = N(s), f = o(b, "css/variables.css"), i = `:root { ${d.join("")} ${w.join("")} } ${a.join("")}`;
+  $(f, i);
+  const y = o(b, "types/css-tokens.d.ts"), g = `type VariableTokens = ${[...n].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
+  $(y, g);
+  const m = o(b, "css/global.css"), F = q(e.global, "");
+  $(m, F);
+  const j = o(b, "css/templates.css"), k = A(e.templates);
+  $(j, k);
 }, E = async (s, e) => {
   const n = T(s), t = o(e, "js", n + ".js");
-  await M.build({
+  await I.build({
     entryPoints: [s],
     minify: !0,
     treeShaking: !0,
@@ -60,121 +55,116 @@ const ot = N.createLogger({
   });
   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);
+}, O = async (s) => {
+  const e = N(s), n = o(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 = N(s), c = o(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(o(t, "css")), V(o(t, "types"));
     })(), await Y(s);
-    const d = await R(s);
-    async function w(r, f) {
-      const h = J(r);
+    const d = await O(s);
+    async function w(i, y) {
+      const h = K(i);
       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]) => {
+        const g = G(i);
+        await Promise.all(g.map((m) => w(o(i, m), o(y, m))));
+      } else if (h.isFile() && v(i)) {
+        const m = await E(i, t), F = [];
+        Object.entries(m).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 P = `${p.animationName}.css`, _ = `css/${P}`, B = o(t, _);
+            e.push(P), $(B, p.css);
             return;
           }
           if (!p.generator) return;
-          const i = p.generator._withBuildContext({
+          const r = 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);
+          }), x = `${r.hash}-${r.priority}.css`;
+          n[r.priority] || (n[r.priority] = []), n[r.priority].push(x), F.push(x);
+          const C = `css/${x}`, D = o(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 j = F.map((l) => `@import url('./${l}');`).join(`
+`), k = T(i, 6), u = o(t, `css/${k}.css`);
+        $(u, j);
       }
     }
     await w(s, t);
-    const a = e.map((r) => `@import url('./css/${r}');`).join(`
+    const a = e.map((i) => `@import url('./css/${i}');`).join(`
 `);
-    let y = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+    let f = `@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(`
+      const i = n.flat().map((y) => `@import url('./css/${y}');`).join(`
 `);
-      y += r;
+      f += i;
     }
-    $(c, y);
+    $(c, f);
   } 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 (v(e)) {
+      const d = await O(s), w = await E(e, t);
+      Object.entries(w).forEach(([y, h]) => {
         if (!h.generator) return;
-        const u = h.generator._withBuildContext({
-          name: f,
+        const g = h.generator._withBuildContext({
+          name: y,
           config: d
-        }), g = `${u.hash}-${u.priority}.css`, j = `css/${g}`, F = o(t, j);
-        n.push(g), $(F, u.css);
+        }), m = `${g.hash}-${g.priority}.css`, F = `css/${m}`, j = o(t, F);
+        n.push(m), $(j, g.css);
       });
-      const a = _(c, "utf8").split(`
-`), b = n.map((f) => `@import url('../saltygen/css/${f}');`), r = [.../* @__PURE__ */ new Set([...a, ...b])].join(`
+      const a = M(c, "utf8").split(`
+`), b = n.map((y) => `@import url('../saltygen/css/${y}');`), i = [.../* @__PURE__ */ new Set([...a, ...b])].join(`
 `);
-      $(c, r);
+      $(c, i);
     }
   } 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);
+    if (v(e)) {
+      const c = M(e, "utf8");
+      c.replace(/^(?!export\s)const\s.*/gm, (f) => `export ${f}`) !== c && await J(e, c);
+      const d = await O(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({
-          name: y,
+      Object.entries(w).forEach(([f, i]) => {
+        var j;
+        if (i.isKeyframes || !i.generator) return;
+        const y = i.generator._withBuildContext({
+          name: f,
           config: d
-        }), h = new RegExp(`${y}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(c);
+        }), h = new RegExp(`${f}[=\\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);
+        const g = (j = h.at(1)) == null ? void 0 : j.trim(), m = `${f} = styled(${g}, "${y.classNames}", "${y._callerName}", ${JSON.stringify(y.props)});`, F = new RegExp(`${f}[=\\s]+[^()]+styled\\(([^)]|\\n|\\(.*\\){1})+\\)$`, "gm");
+        a = a.replace(F, m);
       });
       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;
     }
   } catch (n) {
-    console.error(n);
+    console.error("Error in minimizeFile", n);
   }
 };
 export {
   E as compileSaltyFile,
-  rt as generateCss,
+  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.40",
   "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"
   }
 }

package/{parse-templates-BOSK0Tb6.js → parse-templates-D4p3pgQR.js}

@@ -1,22 +1,23 @@
-import { dashCase as O } from "./util/index.js";
-const N = (s, r) => {
-  if (typeof s != "string") return { result: s };
-  if (!r) return { result: s };
+import { d as O } from "./dash-case-DMQMcCO6.js";
+const N = (t, r) => {
+  if (typeof t != "string") return { result: t };
+  if (!r) return { result: t };
   const e = [];
   return Object.values(r).forEach((n) => {
     const { pattern: o, transform: c } = n;
-    s = s.replace(o, (h) => {
+    t = t.replace(o, (h) => {
       const { value: i, css: m } = c(h);
       return m && e.push(m), i;
     });
-  }), { result: s, additionalCss: e };
-}, P = (s) => typeof s != "string" ? { result: s } : /\{[^{}]+\}/g.test(s) ? { result: s.replace(/\{([^{}]+)\}/g, (...n) => `var(--${O(n[1].replaceAll(".", "-"))})`) } : { result: s }, d = (s, r, e, n) => {
-  const o = [], c = Object.entries(s).reduce((i, [m, t]) => {
+  }), { result: t, additionalCss: e };
+}, P = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${O(n[1].replaceAll(".", "-"))})`) } : { result: t }, d = (t, r, e, n) => {
+  if (!t) return "";
+  const o = [], c = Object.entries(t).reduce((i, [m, s]) => {
     const p = m.trim();
-    if (typeof t == "function" && (t = t()), typeof t == "object") {
-      if (!t) return i;
+    if (typeof s == "function" && (s = s()), typeof s == "object") {
+      if (!s) return i;
       if (p === "variants")
-        return Object.entries(t).forEach(([u, f]) => {
+        return Object.entries(s).forEach(([u, f]) => {
           f && Object.entries(f).forEach(([b, j]) => {
             if (!j) return;
             const l = `${r}.${u}-${b}`, y = d(j, l, e);
@@ -26,39 +27,39 @@ const N = (s, r) => {
       if (p === "defaultVariants")
         return i;
       if (p === "compoundVariants")
-        return t.forEach((u) => {
+        return s.forEach((u) => {
           const { css: f, ...b } = u, j = Object.entries(b).reduce((y, [V, W]) => `${y}.${V}-${W}`, r), l = d(f, j, e);
           o.push(l);
         }), i;
       if (p.startsWith("@")) {
-        const u = d(t, r, e), f = `${p} {
+        const u = d(s, r, e), f = `${p} {
  ${u.replace(`
 `, `
  `)}
 }`;
         return o.push(f), i;
       }
-      const $ = m.includes("&") ? p.replace("&", r) : p.startsWith(":") ? `${r}${p}` : `${r} ${p}`, a = d(t, $, e);
+      const $ = m.includes("&") ? p.replace("&", r) : p.startsWith(":") ? `${r}${p}` : `${r} ${p}`, a = d(s, $, e);
       return o.push(a), i;
     }
     if (n != null && n.templates && n.templates[p]) {
-      const a = t.split(".").reduce((f, b) => f[b], n.templates[p]), u = d(a, "");
+      const a = s.split(".").reduce((f, b) => f[b], n.templates[p]), u = d(a, "");
       return `${i}${u}`;
     }
     const g = p.startsWith("-") ? p : O(p), E = ($, a = ";") => i = `${i}${$}${a}`, S = ($) => E(`${g}:${$}`);
-    if (typeof t == "number") return S(t);
-    if (typeof t != "string")
-      if ("toString" in t) t = t.toString();
+    if (typeof s == "number") return S(s);
+    if (typeof s != "string")
+      if ("toString" in s) s = s.toString();
       else return i;
     const { modifiers: k } = n || {}, T = function* () {
-      yield P(t), yield N(t, k);
+      yield P(s), yield N(s, k);
     }();
     for (const { result: $, additionalCss: a = [] } of T)
-      t = $, a.forEach((u) => {
+      s = $, a.forEach((u) => {
         const f = d(u, "");
         E(f, "");
       });
-    return S(t);
+    return S(s);
   }, "");
   if (!c) return o.join(`
 `);
@@ -66,9 +67,10 @@ const N = (s, r) => {
   let h = "";
   return e !== void 0 ? h = `@layer l${e} { ${r} { ${c} } }` : h = `${r} { ${c} }`, [h, ...o].join(`
 `);
-}, _ = (s, r = []) => {
+}, _ = (t, r = []) => {
+  if (!t) return "";
   const e = [], n = {};
-  if (Object.entries(s).forEach(([o, c]) => {
+  if (Object.entries(t).forEach(([o, c]) => {
     if (typeof c == "object") {
       if (!c) return;
       const h = o.trim(), i = _(c, [...r, h]);
@@ -81,7 +83,7 @@ const N = (s, r) => {
   }
   return e.join(`
 `);
-}, A = (s) => Object.keys(s);
+}, A = (t) => Object.keys(t);
 export {
   _ as a,
   P as b,