@salty-css/core 0.0.1-alpha.284 → 0.0.1-alpha.286

package/generators/index.js

@@ -1,11 +1,11 @@
 var C = Object.defineProperty;
 var x = (a, t, s) => t in a ? C(a, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[t] = s;
-var m = (a, t, s) => x(a, typeof t != "symbol" ? t + "" : t, s);
-import { p as S } from "../parse-styles-C1E6ETeH.js";
+var u = (a, t, s) => x(a, typeof t != "symbol" ? t + "" : t, s);
+import { p as v } from "../parse-styles-DLPgVsVQ.js";
 import { t as f, d as h } from "../dash-case-DBThphLm.js";
 class y {
   constructor(t) {
-    m(this, "buildContext", {});
+    u(this, "buildContext", {});
     this.params = t;
   }
   get priority() {
@@ -30,13 +30,13 @@ class y {
     return t ? `cl_${h(t)}-${this.hash}.css` : `${this.hash}.css`;
   }
   get css() {
-    const { base: t = {}, variants: s = {}, compoundVariants: e = [] } = this.params, { config: i } = this.buildContext, n = { ...t, variants: s, compoundVariants: e };
-    return S(n, `.${this.cssClassName}`, i, this.isRoot);
+    const { base: t = {}, variants: s = {}, compoundVariants: e = [] } = this.params, { config: i } = this.buildContext, o = { ...t, variants: s, compoundVariants: e };
+    return v(o, `.${this.cssClassName}`, i, this.isRoot);
   }
   getTemplateClasses(t = this.buildContext.config) {
     if (!(t != null && t.templates) || !this.params.base || this.priority > 0) return [];
     const s = Object.keys(t.templates);
-    return Object.entries(this.params.base).reduce((e, [i, n]) => (s.includes(i) && e.push("t_" + f(h(`${i}-${n}`), 4)), e), []);
+    return Object.entries(this.params.base).reduce((e, [i, o]) => (s.includes(i) && e.push("t_" + f(h(`${i}-${o}`), 4)), e), []);
   }
   _withBuildContext(t) {
     return this.buildContext = t, this;
@@ -56,17 +56,17 @@ class E extends y {
     return this.params.priority ? this.params.priority : typeof this.tagName == "function" || typeof this.tagName == "object" ? (((t = this.tagName.generator) == null ? void 0 : t.priority) || 0) + 1 : 0;
   }
   get clientProps() {
-    const { element: t, variants: s = {}, compoundVariants: e = [], defaultVariants: i = {}, defaultProps: n = {}, passProps: p } = this.params, { callerName: b, isProduction: g } = this.buildContext, c = /* @__PURE__ */ new Set([]), d = (r) => {
-      const o = i[r];
-      o !== void 0 ? c.add(`${r}=${String(o)}`) : c.add(r);
+    const { element: t, variants: s = {}, compoundVariants: e = [], defaultVariants: i = {}, defaultProps: o = {}, passProps: p } = this.params, { callerName: b, isProduction: g } = this.buildContext, c = /* @__PURE__ */ new Set([]), d = (r) => {
+      const n = i[r];
+      n !== void 0 ? c.add(`${r}=${String(n)}`) : c.add(r);
     };
     Object.keys(s).forEach(d), e.map((r) => Object.keys(r).forEach(d));
     const l = /* @__PURE__ */ new Set([]);
     if (this.params.base) {
       const r = JSON.stringify(this.params.base).match(/\{-?props\.([^}]+)\}/gi);
-      r && r.forEach((o) => {
-        const u = o.replace(/\{(?:-)?props\.([^}]+)\}/gi, "$1"), N = h(u);
-        u && l.add(N);
+      r && r.forEach((n) => {
+        const m = n.replace(/\{(?:-)?props\.([^}]+)\}/gi, "$1"), N = h(m);
+        m && l.add(N);
       });
     }
     return {
@@ -75,7 +75,7 @@ class E extends y {
       variantKeys: [...c],
       propValueKeys: [...l],
       passProps: p,
-      defaultProps: n,
+      defaultProps: o,
       attr: {
         "data-component-name": g ? void 0 : b
       }

package/helpers-C1RIrlCB.js

@@ -0,0 +1,10 @@
+import { join as t } from "path";
+const r = () => {
+  let { pathname: e } = new URL(import.meta.url);
+  for (; /core\/?(src\/)?$/.test(e) === !1; )
+    e = t(e, "../");
+  return e;
+};
+export {
+  r as g
+};

package/helpers-DVANmpVz.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("path");var t=typeof document<"u"?document.currentScript:null;const n=()=>{let{pathname:e}=new URL(typeof document>"u"?require("url").pathToFileURL(__filename).href:t&&t.tagName.toUpperCase()==="SCRIPT"&&t.src||new URL("helpers-DVANmpVz.cjs",document.baseURI).href);for(;/core\/?(src\/)?$/.test(e)===!1;)e=r.join(e,"../");return e};exports.getCorePackageRoot=n;

package/{index-CR0k7PXM.js → index-6JCRY_wd.js}

@@ -1,44 +1,45 @@
-import * as Ft from "esbuild";
-import { execSync as vt } from "child_process";
-import { t as I, d as U } from "./dash-case-DBThphLm.js";
+import * as St from "esbuild";
+import { execSync as Vt } from "child_process";
+import { t as I, d as A } from "./dash-case-DBThphLm.js";
 import { join as i, parse as tt } from "path";
-import { existsSync as ft, writeFileSync as C, mkdirSync as G, readFileSync as _, statSync as Et, readdirSync as Ot } from "fs";
-import { readFile as Pt } from "fs/promises";
-import { p as St, a as Rt } from "./parse-styles-C1E6ETeH.js";
-import { parseTemplates as Mt, getTemplateTypes as Jt } from "./parsers/index.js";
-import { createLogger as zt, format as rt, transports as Wt } from "winston";
+import { existsSync as ft, mkdirSync as G, statSync as Et, readdirSync as Ot, readFileSync as T, writeFileSync as C } from "fs";
+import { readFile as Ct } from "fs/promises";
+import { p as $t, a as Mt } from "./parse-styles-DLPgVsVQ.js";
+import { parseTemplates as Rt, getTemplateTypes as Jt } from "./parsers/index.js";
+import { createLogger as zt, transports as Wt, format as rt } from "winston";
 import { mergeObjects as H, mergeFactories as Gt } from "./css/merge.js";
 import { d as Ht } from "./define-templates-4A2yHcMF.js";
 import lt from "typescript";
-const jt = (t) => {
+import { g as It } from "./helpers-C1RIrlCB.js";
+const Ft = (t) => {
   if (!t || t === "/") throw new Error("Could not find package.json file");
   const e = i(t, "package.json");
-  return ft(e) ? e : jt(i(t, ".."));
-}, It = async (t) => {
-  const e = jt(t);
-  return await Pt(e, "utf-8").then(JSON.parse).catch(() => {
-  });
+  return ft(e) ? e : Ft(i(t, ".."));
 }, Kt = async (t) => {
-  const e = await It(t);
+  const e = Ft(t);
+  return await Ct(e, "utf-8").then(JSON.parse).catch(() => {
+  });
+}, Qt = async (t) => {
+  const e = await Kt(t);
   if (e)
     return e.type;
 };
 let W;
-const Nt = async (t) => {
+const Pt = async (t) => {
   if (W) return W;
-  const e = await Kt(t);
+  const e = await Qt(t);
   return e === "module" ? W = "esm" : (e === "commonjs" || import.meta.url.endsWith(".cjs")) && (W = "cjs"), W || "esm";
 }, Z = zt({
   level: "debug",
   format: rt.combine(rt.colorize(), rt.cli()),
   transports: [new Wt.Console({})]
-}), fe = (t) => {
+}), me = (t) => {
   Z.error(t);
 };
-function xt(t) {
-  return t ? typeof t != "string" ? xt(String(t)) : t.replace(/[^\d\w]/g, ".") : "";
+function jt(t) {
+  return t ? typeof t != "string" ? jt(String(t)) : t.replace(/[^\d\w]/g, ".") : "";
 }
-const Qt = {
+const Bt = {
   /** Set box model to border-box */
   "*, *::before, *::after": {
     boxSizing: "border-box"
@@ -96,38 +97,33 @@ const Qt = {
     d.forEachChild(o);
   }
   o(r);
-}), Bt = () => {
-  let { pathname: t } = new URL(import.meta.url);
-  for (; /core\/?(src\/)?$/.test(t) === !1; )
-    t = i(t, "../");
-  return t;
-}, v = {
+}), V = {
   externalModules: [],
   rcFile: void 0,
   destDir: void 0
-}, kt = (t) => {
-  if (v.externalModules.length > 0) return v.externalModules;
-  const s = _(t, "utf8").match(/externalModules:\s?\[(.*)\]/);
+}, Nt = (t) => {
+  if (V.externalModules.length > 0) return V.externalModules;
+  const s = T(t, "utf8").match(/externalModules:\s?\[(.*)\]/);
   if (!s) return [];
   const n = s[1].split(",").map((c) => c.replace(/['"`]/g, "").trim());
-  return v.externalModules = n, n;
+  return V.externalModules = n, n;
 }, J = async (t) => {
-  if (v.destDir) return v.destDir;
+  if (V.destDir) return V.destDir;
   const e = await pt(t), s = i(t, (e == null ? void 0 : e.saltygenDir) || "saltygen");
-  return v.destDir = s, s;
-}, Dt = ["salty", "css", "styles", "styled"], qt = (t = []) => new RegExp(`\\.(${[...Dt, ...t].join("|")})\\.`), mt = (t, e = []) => qt(e).test(t), Tt = async (t) => {
-  if (v.rcFile) return v.rcFile;
+  return V.destDir = s, s;
+}, xt = ["salty", "css", "styles", "styled"], qt = (t = []) => new RegExp(`\\.(${[...xt, ...t].join("|")})\\.`), mt = (t, e = []) => qt(e).test(t), Dt = async (t) => {
+  if (V.rcFile) return V.rcFile;
   if (t === "/") throw new Error("Could not find .saltyrc.json file");
-  const e = i(t, ".saltyrc.json"), s = await Pt(e, "utf-8").then(JSON.parse).catch(() => {
+  const e = i(t, ".saltyrc.json"), s = await Ct(e, "utf-8").then(JSON.parse).catch(() => {
   });
-  return s ? (v.rcFile = s, s) : Tt(i(t, ".."));
+  return s ? (V.rcFile = s, s) : Dt(i(t, ".."));
 }, pt = async (t) => {
   var n, c;
-  const e = await Tt(t), s = (n = e.projects) == null ? void 0 : n.find((r) => t.endsWith(r.dir || ""));
+  const e = await Dt(t), s = (n = e.projects) == null ? void 0 : n.find((r) => t.endsWith(r.dir || ""));
   return s || ((c = e.projects) == null ? void 0 : c.find((r) => r.dir === e.defaultProject));
-}, Ut = async (t) => {
-  const e = await pt(t), s = await J(t), n = i(t, (e == null ? void 0 : e.configDir) || "", "salty.config.ts"), c = i(s, "salty.config.js"), r = await Nt(t), o = kt(n);
-  await Ft.build({
+}, At = async (t) => {
+  const e = await pt(t), s = await J(t), n = i(t, (e == null ? void 0 : e.configDir) || "", "salty.config.ts"), c = i(s, "salty.config.js"), r = await Pt(t), o = Nt(n);
+  await St.build({
     entryPoints: [n],
     minify: !0,
     treeShaking: !0,
@@ -138,8 +134,8 @@ const Qt = {
   });
   const d = Date.now(), { config: w } = await import(`${c}?t=${d}`);
   return { config: w, path: c };
-}, At = async (t, e) => {
-  var wt, $t;
+}, Ut = async (t, e) => {
+  var yt, ht;
   const s = await J(t), n = {
     mediaQueries: [],
     globalStyles: [],
@@ -148,58 +144,58 @@ const Qt = {
   };
   await Promise.all(
     [...e].map(async (h) => {
-      const { contents: S, outputFilePath: B } = await et(t, h, s);
-      Object.entries(S).forEach(([D, j]) => {
-        j.isMedia ? n.mediaQueries.push([D, j]) : j.isGlobalDefine ? n.globalStyles.push(j) : j.isDefineVariables ? n.variables.push(j) : j.isDefineTemplates && n.templates.push(j._setPath(`${D};;${B}`));
+      const { contents: S, outputFilePath: L } = await et(t, h, s);
+      Object.entries(S).forEach(([k, j]) => {
+        j.isMedia ? n.mediaQueries.push([k, j]) : j.isGlobalDefine ? n.globalStyles.push(j) : j.isDefineVariables ? n.variables.push(j) : j.isDefineTemplates && n.templates.push(j._setPath(`${k};;${L}`));
       });
     })
   );
-  const { config: c, path: r } = await Ut(t), o = { ...c }, { mediaQueries: d } = n;
+  const { config: c, path: r } = await At(t), o = { ...c }, { mediaQueries: d } = n;
   o.mediaQueries = Object.fromEntries(d.map(([h, S]) => [`@${h}`, S]));
   const w = d.map(([h]) => `'@${h}'`).join(" | "), p = /* @__PURE__ */ new Set(), a = async (h, S = []) => {
     if (!h) return [];
-    const B = Object.entries(h).map(async ([j, M]) => {
-      const q = async (T) => {
-        if (!T) return;
-        if (T instanceof Promise) return await q(await T);
-        if (typeof T == "function") return await q(await T());
-        if (typeof T == "object") return await a(T, [...S, j]);
-        const at = xt(j), it = U(j), ct = [...S, at].join(".");
+    const L = Object.entries(h).map(async ([j, R]) => {
+      const q = async (v) => {
+        if (!v) return;
+        if (v instanceof Promise) return await q(await v);
+        if (typeof v == "function") return await q(await v());
+        if (typeof v == "object") return await a(v, [...S, j]);
+        const at = jt(j), it = A(j), ct = [...S, at].join(".");
         p.add(`"${ct}"`);
-        const Y = [...S.map(U), it].join("-"), bt = Rt(T);
-        return bt ? `--${Y}: ${bt.transformed};` : `--${Y}: ${T};`;
+        const Y = [...S.map(A), it].join("-"), wt = Mt(v);
+        return wt ? `--${Y}: ${wt.transformed};` : `--${Y}: ${v};`;
       };
-      return await q(M);
+      return await q(R);
     });
-    return (await Promise.all(B)).flat();
+    return (await Promise.all(L)).flat();
   }, g = async (h) => {
     if (!h) return [];
-    const S = Object.entries(h).map(async ([D, j]) => {
-      const M = await a(j);
-      return D === "base" ? M.join("") : o.mediaQueries[D] ? `${o.mediaQueries[D]} { ${M.join("")} }` : `${D} { ${M.join("")} }`;
+    const S = Object.entries(h).map(async ([k, j]) => {
+      const R = await a(j);
+      return k === "base" ? R.join("") : o.mediaQueries[k] ? `${o.mediaQueries[k]} { ${R.join("")} }` : `${k} { ${R.join("")} }`;
     });
     return (await Promise.all(S)).flat();
   }, u = async (h) => {
     if (!h) return [];
-    const S = Object.entries(h).map(async ([D, j]) => {
-      const M = Object.entries(j).map(async ([T, at]) => {
-        const it = await a(at, [D]), ct = `.${D}-${T}, [data-${D}="${T}"]`, Y = it.join("");
+    const S = Object.entries(h).map(async ([k, j]) => {
+      const R = Object.entries(j).map(async ([v, at]) => {
+        const it = await a(at, [k]), ct = `.${k}-${v}, [data-${k}="${v}"]`, Y = it.join("");
         return `${ct} { ${Y} }`;
       });
-      return (await Promise.all(M)).flat();
+      return (await Promise.all(R)).flat();
     });
     return (await Promise.all(S)).flat();
-  }, y = (h) => ({ ...h, responsive: void 0, conditional: void 0 }), m = (h) => n.variables.map((S) => h === "static" ? y(S._current) : S._current[h]), F = H(y(c.variables), m("static")), x = await a(F), k = H((wt = c.variables) == null ? void 0 : wt.responsive, m("responsive")), E = await g(k), z = H(($t = c.variables) == null ? void 0 : $t.conditional, m("conditional")), A = await u(z), gt = i(s, "css/_variables.css"), O = `:root { ${x.join("")} ${E.join("")} } ${A.join("")}`;
+  }, y = (h) => ({ ...h, responsive: void 0, conditional: void 0 }), m = (h) => n.variables.map((S) => h === "static" ? y(S._current) : S._current[h]), F = H(y(c.variables), m("static")), x = await a(F), D = H((yt = c.variables) == null ? void 0 : yt.responsive, m("responsive")), E = await g(D), z = H((ht = c.variables) == null ? void 0 : ht.conditional, m("conditional")), U = await u(z), gt = i(s, "css/_variables.css"), O = `:root { ${x.join("")} ${E.join("")} } ${U.join("")}`;
   C(gt, O), o.staticVariables = F;
-  const st = i(s, "css/_global.css"), f = H(c.global, n.globalStyles), $ = await St(f, "");
+  const st = i(s, "css/_global.css"), f = H(c.global, n.globalStyles), $ = await $t(f, "");
   C(st, `@layer global { ${$} }`);
-  const b = i(s, "css/_reset.css"), P = c.reset === "none" ? {} : typeof c.reset == "object" ? c.reset : Qt, N = await St(P, "");
+  const b = i(s, "css/_reset.css"), P = c.reset === "none" ? {} : typeof c.reset == "object" ? c.reset : Bt, N = await $t(P, "");
   C(b, `@layer reset { ${N} }`);
-  const V = i(s, "css/_templates.css"), R = H(c.templates, n.templates), K = await Mt(R), Q = Jt(R);
-  C(V, `@layer templates { ${K} }`), o.templates = R;
+  const _ = i(s, "css/_templates.css"), M = H(c.templates, n.templates), K = await Rt(M), Q = Jt(M);
+  C(_, `@layer templates { ${K} }`), o.templates = M;
   const X = c.templates ? [Ht(c.templates)._setPath(`config;;${r}`)] : [], nt = Gt(n.templates, X);
   o.templatePaths = Object.fromEntries(Object.entries(nt).map(([h, S]) => [h, S._path]));
-  const L = i(s, "types/css-tokens.d.ts"), _t = `
+  const B = i(s, "types/css-tokens.d.ts"), kt = `
   // Variable types
   type VariableTokens = ${[...p].join("|")}; 
   type PropertyValueToken = \`{\${VariableTokens}}\`;
@@ -213,26 +209,24 @@ const Qt = {
   // Media query types
   type MediaQueryKeys = ${w || "''"};
   `;
-  C(L, _t);
-  const Vt = i(s, "cache/config-cache.json");
-  C(Vt, JSON.stringify(o, null, 2));
-  const yt = Bt();
-  console.log("corePackageRoot", yt);
-  const ht = i(yt, "cache/config-cache.json");
-  console.log("Config cache secondary path", ht), C(ht, JSON.stringify(o, null, 2));
-}, Ct = (t) => t.replace(/styled\(([^"'`{,]+),/g, (e, s) => {
+  C(B, kt);
+  const vt = i(s, "cache/config-cache.json");
+  C(vt, JSON.stringify(o, null, 2));
+  const Tt = It(), _t = i(Tt, "cache/config-cache.json");
+  C(_t, JSON.stringify(o, null, 2));
+}, bt = (t) => t.replace(/styled\(([^"'`{,]+),/g, (e, s) => {
   if (/^['"`]/.test(s)) return e;
   const c = new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);
   if (!c.test(t)) return e;
   const o = c.exec(t);
   if (o) {
     const d = o.at(1);
-    if (Dt.some((p) => d == null ? void 0 : d.includes(p))) return e;
+    if (xt.some((p) => d == null ? void 0 : d.includes(p))) return e;
   }
   return "styled('div',";
 }), Xt = (t, e) => {
   try {
-    const s = _(i(e, "saltygen/cache/config-cache.json"), "utf8");
+    const s = T(i(e, "saltygen/cache/config-cache.json"), "utf8");
     return s ? `globalThis.saltyConfig = ${s};
 
 ${t}` : `globalThis.saltyConfig = {};
@@ -245,10 +239,10 @@ ${t}`;
   const n = I(e), c = i(s, "./temp");
   ft(c) || G(c);
   const r = tt(e);
-  let o = _(e, "utf8");
-  o = Ct(o), o = Xt(o, t);
-  const d = i(s, "js", n + ".js"), w = await pt(t), p = i(t, (w == null ? void 0 : w.configDir) || "", "salty.config.ts"), a = kt(p), g = await Nt(t);
-  await Ft.build({
+  let o = T(e, "utf8");
+  o = bt(o), o = Xt(o, t);
+  const d = i(s, "js", n + ".js"), w = await pt(t), p = i(t, (w == null ? void 0 : w.configDir) || "", "salty.config.ts"), a = Nt(p), g = await Pt(t);
+  await St.build({
     stdin: {
       contents: o,
       sourcefile: r.base,
@@ -269,8 +263,8 @@ ${t}`;
         name: "test",
         setup: (m) => {
           m.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, (F) => {
-            const x = _(F.path, "utf8");
-            return { contents: Ct(x), loader: "ts" };
+            const x = T(F.path, "utf8");
+            return { contents: bt(x), loader: "ts" };
           });
         }
       }
@@ -279,7 +273,7 @@ ${t}`;
   const u = Date.now();
   return { contents: await import(`${d}?t=${u}`), outputFilePath: d };
 }, Yt = async (t) => {
-  const e = await J(t), s = i(e, "cache/config-cache.json"), n = _(s, "utf8");
+  const e = await J(t), s = i(e, "cache/config-cache.json"), n = T(s, "utf8");
   if (!n) throw new Error("Could not find config cache file");
   return JSON.parse(n);
 }, ut = async (t) => {
@@ -291,13 +285,13 @@ ${t}`;
   } catch {
     return !1;
   }
-}, me = async (t, e = dt(), s = !0) => {
+}, pe = async (t, e = dt(), s = !0) => {
   try {
     const n = Date.now();
     e ? Z.info("Generating CSS in production mode! 🔥") : Z.info("Generating CSS in development mode! 🚀");
     const c = [], r = [], o = await J(t), d = i(o, "index.css");
     s && (() => {
-      ft(o) && vt("rm -rf " + o), G(o, { recursive: !0 }), G(i(o, "css")), G(i(o, "types")), G(i(o, "js")), G(i(o, "cache"));
+      ft(o) && Vt("rm -rf " + o), G(o, { recursive: !0 }), G(i(o, "css")), G(i(o, "types")), G(i(o, "js")), G(i(o, "cache"));
     })();
     const p = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set();
     async function g(f) {
@@ -308,11 +302,11 @@ ${t}`;
         await Promise.all(l.map((N) => g(i(f, N))));
       } else if (b.isFile() && mt(f)) {
         p.add(f);
-        const P = _(f, "utf8");
+        const P = T(f, "utf8");
         /define[\w\d]+\(/.test(P) && a.add(f);
       }
     }
-    await g(t), await At(t, a);
+    await g(t), await Ut(t, a);
     const u = {
       keyframes: [],
       components: [],
@@ -355,8 +349,8 @@ ${t}`;
       const P = await l.css;
       if (!P) continue;
       r[l.priority].push(l.cssFileName);
-      const N = `css/${l.cssFileName}`, V = i(o, N);
-      C(V, P), y.importStrategy === "component" && m[$].push(l.cssFileName);
+      const N = `css/${l.cssFileName}`, _ = i(o, N);
+      C(_, P), y.importStrategy === "component" && m[$].push(l.cssFileName);
     }
     for (const f of u.classNames) {
       const { src: $, name: b } = f;
@@ -368,17 +362,17 @@ ${t}`;
       }), P = await l.css;
       if (!P) continue;
       r[l.priority] || (r[l.priority] = []), r[l.priority].push(l.cssFileName);
-      const N = `css/${l.cssFileName}`, V = i(o, N);
-      C(V, P), y.importStrategy === "component" && m[$].push(l.cssFileName);
+      const N = `css/${l.cssFileName}`, _ = i(o, N);
+      C(_, P), y.importStrategy === "component" && m[$].push(l.cssFileName);
     }
     y.importStrategy === "component" && Object.entries(m).forEach(([f, $]) => {
-      const b = $.map((R) => `@import url('./${R}');`).join(`
-`), l = I(f, 6), P = tt(f), N = U(P.name), V = i(o, `css/f_${N}-${l}.css`);
-      C(V, b || "/* Empty file */");
+      const b = $.map((M) => `@import url('./${M}');`).join(`
+`), l = I(f, 6), P = tt(f), N = A(P.name), _ = i(o, `css/f_${N}-${l}.css`);
+      C(_, b || "/* Empty file */");
     });
     const F = c.map((f) => `@import url('./css/${f}');`).join(`
 `);
-    let A = `/*!
+    let U = `/*!
  * Generated with Salty CSS (https://salty-css.dev)
  * Do not edit this file directly
  */
@@ -386,7 +380,7 @@ ${t}`;
 
 ${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((f) => {
       try {
-        return _(i(o, "css", f), "utf8").length > 0;
+        return T(i(o, "css", f), "utf8").length > 0;
       } catch {
         return !1;
       }
@@ -399,26 +393,26 @@ ${F}`;
       const f = r.reduce(($, b, l) => {
         const P = b.reduce((K, Q) => {
           var ot;
-          const X = i(o, "css", Q), nt = _(X, "utf8"), L = ((ot = /.*-([^-]+)-\d+.css/.exec(Q)) == null ? void 0 : ot.at(1)) || I(X, 6);
-          return K.includes(L) ? K : `${K}
-/*start:${L}-${Q}*/
+          const X = i(o, "css", Q), nt = T(X, "utf8"), B = ((ot = /.*-([^-]+)-\d+.css/.exec(Q)) == null ? void 0 : ot.at(1)) || I(X, 6);
+          return K.includes(B) ? K : `${K}
+/*start:${B}-${Q}*/
 ${nt}
-/*end:${L}*/
+/*end:${B}*/
 `;
-        }, ""), N = `l_${l}.css`, V = i(o, "css", N), R = `@layer l${l} { ${P}
+        }, ""), N = `l_${l}.css`, _ = i(o, "css", N), M = `@layer l${l} { ${P}
  }`;
-        return C(V, R), `${$}
+        return C(_, M), `${$}
 @import url('./css/${N}');`;
       }, "");
-      A += f;
+      U += f;
     }
-    C(d, A);
+    C(d, U);
     const O = Date.now() - n, st = O < 200 ? "🔥" : O < 500 ? "🚀" : O < 1e3 ? "🎉" : O < 2e3 ? "🚗" : O < 5e3 ? "🤔" : "🥴";
     Z.info(`Generated CSS in ${O}ms! ${st}`);
   } catch (n) {
     console.error(n);
   }
-}, pe = async (t, e, s = dt()) => {
+}, ue = async (t, e, s = dt()) => {
   try {
     const n = await J(t);
     if (mt(e)) {
@@ -437,8 +431,8 @@ ${nt}
           }), F = await m.css;
           if (!F) continue;
           r[m.priority] || (r[m.priority] = []), r[m.priority].push(m.cssFileName);
-          const x = `css/${m.cssFileName}`, k = i(n, x);
-          C(k, F);
+          const x = `css/${m.cssFileName}`, D = i(n, x);
+          C(D, F);
           continue;
         }
         if (!p.generator) continue;
@@ -454,12 +448,12 @@ ${nt}
       if (o.importStrategy !== "component")
         r.forEach((w, p) => {
           const a = `l_${p}.css`, g = i(n, "css", a);
-          let u = _(g, "utf8");
+          let u = T(g, "utf8");
           w.forEach((y) => {
-            var k;
-            const m = i(n, "css", y), F = ((k = /.*-([^-]+)-\d+.css/.exec(y)) == null ? void 0 : k.at(1)) || I(m, 6);
+            var D;
+            const m = i(n, "css", y), F = ((D = /.*-([^-]+)-\d+.css/.exec(y)) == null ? void 0 : D.at(1)) || I(m, 6);
             if (!u.includes(F)) {
-              const E = _(m, "utf8"), z = `/*start:${F}-${y}*/
+              const E = T(m, "utf8"), z = `/*start:${F}-${y}*/
 ${E}
 /*end:${F}*/
 `;
@@ -471,19 +465,19 @@ ${z}
         });
       else {
         const w = r.flat().map((y) => `@import url('./${y}');`).join(`
-`), p = I(e, 6), a = tt(e), g = U(a.name), u = i(n, `css/f_${g}-${p}.css`);
+`), p = I(e, 6), a = tt(e), g = A(a.name), u = i(n, `css/f_${g}-${p}.css`);
         C(u, w || "/* Empty file */");
       }
     }
   } catch (n) {
     console.error(n);
   }
-}, ue = async (t, e, s = dt()) => {
+}, de = async (t, e, s = dt()) => {
   var n, c;
   try {
     const r = await J(t);
     if (mt(e)) {
-      const d = _(e, "utf8"), w = await ut(t), { contents: p } = await et(t, e, r);
+      const d = T(e, "utf8"), w = await ut(t), { contents: p } = await et(t, e, r);
       let a = d;
       for (const [g, u] of Object.entries(p)) {
         if (u.isKeyframes || !u.generator) continue;
@@ -493,17 +487,17 @@ ${z}
           config: w
         }), [m, F] = await Lt(a, g), x = a.slice(m, F);
         if (u.isClassName) {
-          const k = a, E = ` ${g} = className("${y.classNames}")`;
-          a = a.replace(x, E), k === a && console.error("Minimize file failed to change content", { name: g });
+          const D = a, E = ` ${g} = className("${y.classNames}")`;
+          a = a.replace(x, E), D === a && console.error("Minimize file failed to change content", { name: g });
         }
         if (x.includes("styled")) {
-          const k = (c = (n = /styled\(([^,]+),/.exec(x)) == null ? void 0 : n.at(1)) == null ? void 0 : c.trim(), E = a, z = ` ${g} = styled(${k}, "${y.classNames}", ${JSON.stringify(y.clientProps)})`;
-          a = a.replace(x, z), E === a && console.error("Minimize file failed to change content", { name: g, tagName: k });
+          const D = (c = (n = /styled\(([^,]+),/.exec(x)) == null ? void 0 : n.at(1)) == null ? void 0 : c.trim(), E = a, z = ` ${g} = styled(${D}, "${y.classNames}", ${JSON.stringify(y.clientProps)})`;
+          a = a.replace(x, z), E === a && console.error("Minimize file failed to change content", { name: g, tagName: D });
         }
       }
       if (w.importStrategy === "component") {
         const g = I(e, 6), u = tt(e);
-        a = `import '../../saltygen/css/${`f_${U(u.name)}-${g}.css`}';
+        a = `import '../../saltygen/css/${`f_${A(u.name)}-${g}.css`}';
 ${a}`;
       }
       return a = a.replace("@salty-css/react/class-name", "@salty-css/react/class-name-client"), a = a.replace("{ styled }", "{ styledClient as styled }"), a = a.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), a;
@@ -513,15 +507,14 @@ ${a}`;
   }
 };
 export {
-  fe as a,
-  me as b,
-  pe as c,
-  qt as d,
-  At as e,
-  et as f,
-  Bt as g,
+  me as a,
+  ue as b,
+  qt as c,
+  Ut as d,
+  et as e,
+  pe as g,
   mt as i,
   Z as l,
-  ue as m,
-  Dt as s
+  de as m,
+  xt as s
 };