@salty-css/core 0.0.1-alpha.183 → 0.0.1-alpha.186

package/css/index.js

@@ -1,53 +1,53 @@
-var y = Object.defineProperty;
-var w = (s, t, e) => t in s ? y(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var p = (s, t, e) => w(s, typeof t != "symbol" ? t + "" : t, e);
-import { p as g } from "../parse-styles-DrLhKtqW.js";
-import { t as C } from "../dash-case-DBThphLm.js";
-import { m as K } from "../merge-BVm9us1A.js";
-const k = ({ animationName: s, params: t, appendInitialStyles: e, ...n }) => {
-  const c = s || C(n), u = (o = {}) => {
+var S = Object.defineProperty;
+var C = (r, t, s) => t in r ? S(r, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[t] = s;
+var h = (r, t, s) => C(r, typeof t != "symbol" ? t + "" : t, s);
+import { p } from "../parse-styles-DrLhKtqW.js";
+import { t as g, d as _ } from "../dash-case-DBThphLm.js";
+import { m as W } from "../merge-BVm9us1A.js";
+const O = ({ animationName: r, params: t, appendInitialStyles: s, ...e }) => {
+  const n = r || g(e), i = (o = {}) => {
     const {
-      duration: r = "500ms",
-      easing: i = "ease-in-out",
-      delay: h = "0s",
-      iterationCount: $ = "1",
-      direction: d = "normal",
-      fillMode: f = "forwards",
+      duration: a = "500ms",
+      easing: c = "ease-in-out",
+      delay: m = "0s",
+      iterationCount: l = "1",
+      direction: f = "normal",
+      fillMode: N = "forwards",
       playState: v = "running"
-    } = { ...t, ...o }, m = `${c} ${r} ${i} ${h} ${$} ${d} ${f} ${v}`;
-    if (!e) return m;
-    const l = n.from || n["0%"];
-    if (!l) return m;
-    const S = g(l, "");
-    return `${m};${S}`;
-  }, x = Object.entries(n).reduce((o, [r, i]) => {
-    if (!i) return o;
-    const h = g(i, ""), $ = typeof r == "number" ? `${r}%` : r;
-    return `${o}${$}{${h}}`;
-  }, ""), b = `@keyframes ${c} {${x}}`;
-  return Object.assign(u, {
-    toString: u,
+    } = { ...t, ...o }, $ = `${n} ${a} ${c} ${m} ${l} ${f} ${N} ${v}`;
+    if (!s) return $;
+    const d = e.from || e["0%"];
+    if (!d) return $;
+    const y = p(d, "");
+    return `${$};${y}`;
+  }, b = Object.entries(e).reduce((o, [a, c]) => {
+    if (!c) return o;
+    const m = p(c, ""), l = typeof a == "number" ? `${a}%` : a;
+    return `${o}${l}{${m}}`;
+  }, ""), x = `@keyframes ${n} {${b}}`;
+  return Object.assign(i, {
+    toString: i,
     isKeyframes: !0,
-    animationName: c,
-    css: b,
-    keyframes: n
-  }), u;
+    animationName: n,
+    css: x,
+    keyframes: e
+  }), i;
 };
-class a {
+class u {
   constructor(t = "@media") {
-    p(this, "next", (t) => {
-      const e = new String(t);
-      return Object.assign(e, {
+    h(this, "next", (t) => {
+      const s = new String(t);
+      return Object.assign(s, {
         get isMedia() {
           return !0;
         },
         get and() {
-          return new a(`${t} and`);
+          return new u(`${t} and`);
         },
         get or() {
-          return new a(`${t},`);
+          return new u(`${t},`);
         }
-      }), e;
+      }), s;
     });
     this.base = t;
   }
@@ -55,20 +55,20 @@ class a {
     return this.next(`${this.base} ${t}`);
   }
   minWidth(t) {
-    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (min-width: ${e})`;
-    return this.next(n);
+    const s = typeof t == "number" ? `${t}px` : t, e = `${this.base} (min-width: ${s})`;
+    return this.next(e);
   }
   maxWidth(t) {
-    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (max-width: ${e})`;
-    return this.next(n);
+    const s = typeof t == "number" ? `${t}px` : t, e = `${this.base} (max-width: ${s})`;
+    return this.next(e);
   }
   minHeight(t) {
-    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (min-height: ${e})`;
-    return this.next(n);
+    const s = typeof t == "number" ? `${t}px` : t, e = `${this.base} (min-height: ${s})`;
+    return this.next(e);
   }
   maxHeight(t) {
-    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (max-height: ${e})`;
-    return this.next(n);
+    const s = typeof t == "number" ? `${t}px` : t, e = `${this.base} (max-height: ${s})`;
+    return this.next(e);
   }
   get portrait() {
     const t = `${this.base} (orientation: portrait)`;
@@ -79,8 +79,8 @@ class a {
     return this.next(t);
   }
   prefersColorScheme(t) {
-    const e = `${this.base} (prefers-color-scheme: ${t})`;
-    return this.next(e);
+    const s = `${this.base} (prefers-color-scheme: ${t})`;
+    return this.next(s);
   }
   get dark() {
     return this.prefersColorScheme("dark");
@@ -113,11 +113,40 @@ class a {
     return this.next(t);
   }
 }
-const M = new a(), N = (s) => `{${s}}`;
+const k = new u(), z = (r) => `{${r}}`;
+class F {
+  constructor(t) {
+    h(this, "_isProd");
+    h(this, "_callerName");
+    this.params = t;
+  }
+  get hash() {
+    return g(this.params.base || this.params);
+  }
+  get cssClassName() {
+    return this.hash;
+  }
+  get classNames() {
+    const t = [this.hash], { className: s } = this.params;
+    return s && t.push(s), t.join(" ");
+  }
+  get cssFileName() {
+    return this._callerName ? `cl_${_(this._callerName)}-${this.hash}.css` : `${this.hash}.css`;
+  }
+  get css() {
+    const { base: t = {}, variants: s = {}, compoundVariants: e = [] } = this.params, n = { ...t, variants: s, compoundVariants: e };
+    return p(n, `.${this.cssClassName}`);
+  }
+  _withBuildContext(t) {
+    const { name: s, prod: e } = t;
+    return this._isProd = e, this._callerName = s, this;
+  }
+}
 export {
-  a as MediaQueryFactory,
-  k as keyframes,
-  M as media,
-  K as mergeStyles,
-  N as token
+  F as ClassNameFactory,
+  u as MediaQueryFactory,
+  O as keyframes,
+  k as media,
+  W as mergeStyles,
+  z as token
 };

package/generator/index.cjs

@@ -1 +1 @@
-"use strict";var g=Object.defineProperty;var y=(a,s,t)=>s in a?g(a,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[s]=t;var c=(a,s,t)=>y(a,typeof s!="symbol"?s+"":s,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../dash-case-BJEkFEGQ.cjs"),f=require("../parse-templates-VIvmVb52.cjs"),N=require("../parse-styles-3zK35muR.cjs");class _{constructor(s,t){c(this,"_isProd");c(this,"_callerName");c(this,"_context");this.tagName=s,this.params=t}get hash(){return u.toHash(this.params.base||this.params)}get priority(){var s;return typeof this.tagName=="function"||typeof this.tagName=="object"?(((s=this.tagName.generator)==null?void 0:s.priority)||0)+1:0}get classNames(){const s=[this.hash],{className:t}=this.params;return t&&s.push(t),s.join(" ")}get cssClassName(){return this.hash}get cssDisplayNameVar(){return`--${this.hash}-display-name: ${this._callerName};`}get cssFileName(){return this._callerName?`c_${u.dashCase(this._callerName)}-${this.hash}-${this.priority}.css`:`${this.hash}-${this.priority}.css`}get templateKeys(){var s;return(s=this._context)!=null&&s.config.templates?f.getTemplateKeys(this._context.config.templates):[]}get css(){var o;const{base:s={},variants:t={},compoundVariants:i=[]}=this.params,r={...s,variants:t,compoundVariants:i};return N.parseStyles(r,`.${this.cssClassName}`,(o=this._context)==null?void 0:o.config)}get props(){const{element:s,variants:t={},compoundVariants:i=[],defaultVariants:r={},defaultProps:p={},passProps:o}=this.params,h=new Set([]),l=e=>{const n=r[e];n!==void 0?h.add(`${e}=${String(n)}`):h.add(e)};Object.keys(t).forEach(l),i.map(e=>Object.keys(e).forEach(l));const m=new Set([]);if(this.params.base){const e=JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);e&&e.forEach(n=>{const d=n.replace(/\{props\.([\w\d]+)\}/gi,"$1");d&&m.add(d)})}return{element:s,variantKeys:[...h],propValueKeys:[...m],passProps:o,defaultProps:p,attr:{"data-component-name":this._isProd?void 0:this._callerName}}}_withBuildContext(s){this._context=s;const{name:t,config:i,prod:r}=s;return this._isProd=r,this._callerName=t,this}}exports.StyleComponentGenerator=_;
+"use strict";var f=Object.defineProperty;var y=(a,t,s)=>t in a?f(a,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[t]=s;var c=(a,t,s)=>y(a,typeof t!="symbol"?t+"":t,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../dash-case-BJEkFEGQ.cjs"),g=require("../parse-templates-VIvmVb52.cjs"),N=require("../parse-styles-3zK35muR.cjs");class _{constructor(t,s){c(this,"_isProd");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 typeof s=="string"&&t.push(s),typeof s=="object"&&t.push(...s),t.join(" ")}get cssClassName(){return this.hash}get cssDisplayNameVar(){return`--${this.hash}-display-name: ${this._callerName};`}get cssFileName(){return this._callerName?`c_${u.dashCase(this._callerName)}-${this.hash}-${this.priority}.css`:`${this.hash}-${this.priority}.css`}get templateKeys(){var t;return(t=this._context)!=null&&t.config.templates?g.getTemplateKeys(this._context.config.templates):[]}get css(){var n;const{base:t={},variants:s={},compoundVariants:i=[]}=this.params,r={...t,variants:s,compoundVariants:i};return N.parseStyles(r,`.${this.cssClassName}`,(n=this._context)==null?void 0:n.config)}get props(){const{element:t,variants:s={},compoundVariants:i=[],defaultVariants:r={},defaultProps:p={},passProps:n}=this.params,h=new Set([]),l=e=>{const o=r[e];o!==void 0?h.add(`${e}=${String(o)}`):h.add(e)};Object.keys(s).forEach(l),i.map(e=>Object.keys(e).forEach(l));const m=new Set([]);if(this.params.base){const e=JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);e&&e.forEach(o=>{const d=o.replace(/\{props\.([\w\d]+)\}/gi,"$1");d&&m.add(d)})}return{element:t,variantKeys:[...h],propValueKeys:[...m],passProps:n,defaultProps:p,attr:{"data-component-name":this._isProd?void 0:this._callerName}}}_withBuildContext(t){this._context=t;const{name:s,config:i,prod:r}=t;return this._isProd=r,this._callerName=s,this}}exports.StyleComponentGenerator=_;

package/generator/index.js

@@ -1,7 +1,7 @@
 var f = Object.defineProperty;
-var g = (e, s, t) => s in e ? f(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
-var c = (e, s, t) => g(e, typeof s != "symbol" ? s + "" : s, t);
-import { t as u, d as y } from "../dash-case-DBThphLm.js";
+var u = (a, s, t) => s in a ? f(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
+var c = (a, s, t) => u(a, typeof s != "symbol" ? s + "" : s, t);
+import { t as g, d as y } from "../dash-case-DBThphLm.js";
 import { g as N } from "../parse-templates-DRKlN-pP.js";
 import { p as _ } from "../parse-styles-DrLhKtqW.js";
 class K {
@@ -12,7 +12,7 @@ class K {
     this.tagName = s, this.params = t;
   }
   get hash() {
-    return u(this.params.base || this.params);
+    return g(this.params.base || this.params);
   }
   get priority() {
     var s;
@@ -20,7 +20,7 @@ class K {
   }
   get classNames() {
     const s = [this.hash], { className: t } = this.params;
-    return t && s.push(t), s.join(" ");
+    return typeof t == "string" && s.push(t), typeof t == "object" && s.push(...t), s.join(" ");
   }
   get cssClassName() {
     return this.hash;
@@ -41,15 +41,15 @@ class K {
     return _(r, `.${this.cssClassName}`, (o = this._context) == null ? void 0 : o.config);
   }
   get props() {
-    const { element: s, variants: t = {}, compoundVariants: i = [], defaultVariants: r = {}, defaultProps: p = {}, passProps: o } = this.params, h = /* @__PURE__ */ new Set([]), m = (a) => {
-      const n = r[a];
-      n !== void 0 ? h.add(`${a}=${String(n)}`) : h.add(a);
+    const { element: s, variants: t = {}, compoundVariants: i = [], defaultVariants: r = {}, defaultProps: p = {}, passProps: o } = this.params, h = /* @__PURE__ */ new Set([]), m = (e) => {
+      const n = r[e];
+      n !== void 0 ? h.add(`${e}=${String(n)}`) : h.add(e);
     };
-    Object.keys(t).forEach(m), i.map((a) => Object.keys(a).forEach(m));
+    Object.keys(t).forEach(m), i.map((e) => Object.keys(e).forEach(m));
     const l = /* @__PURE__ */ new Set([]);
     if (this.params.base) {
-      const a = JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);
-      a && a.forEach((n) => {
+      const e = JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);
+      e && e.forEach((n) => {
         const d = n.replace(/\{props\.([\w\d]+)\}/gi, "$1");
         d && l.add(d);
       });

package/index-BmsXxgnE.cjs

@@ -0,0 +1,30 @@
+"use strict";const ue=require("esbuild"),ye=require("child_process"),T=require("./dash-case-BJEkFEGQ.cjs"),o=require("path"),i=require("fs"),Q=require("fs/promises"),A=require("./parse-styles-3zK35muR.cjs"),te=require("./parse-templates-VIvmVb52.cjs"),I=require("winston"),z=require("./merge-DxGoJDHv.cjs");var U=typeof document<"u"?document.currentScript:null;function me(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const c=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,c.get?c:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const ne=me(ue),oe=e=>{if(!e||e==="/")throw new Error("Could not find package.json file");const t=o.join(e,"package.json");return i.existsSync(t)?t:oe(o.join(e,".."))},ge=async e=>{const t=oe(e);return await Q.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},he=async e=>{const t=await ge(e);if(t)return t.type};let J;const ie=async e=>{if(J)return J;const t=await he(e);return t==="module"?J="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:U&&U.tagName.toUpperCase()==="SCRIPT"&&U.src||new URL("index-BmsXxgnE.cjs",document.baseURI).href).endsWith(".cjs"))&&(J="cjs"),J||"esm"},W=I.createLogger({level:"debug",format:I.format.combine(I.format.colorize(),I.format.cli()),transports:[new I.transports.Console({})]}),Se=e=>{W.error(e)};function re(e){return e?typeof e!="string"?re(String(e)):e.replace(/[\s-]/g,".").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(t,s)=>(s>0?".":"")+t.toLowerCase()):""}const we={"*, *::before, *::after":{boxSizing:"border-box"},"*":{margin:0},html:{lineHeight:1.15,textSizeAdjust:"100%",WebkitFontSmoothing:"antialiased"},"img, picture, video, canvas, svg":{display:"block",maxWidth:"100%"},"p, h1, h2, h3, h4, h5, h6":{overflowWrap:"break-word"},p:{textWrap:"pretty"},"h1, h2, h3, h4, h5, h6":{textWrap:"balance"},a:{color:"currentColor"},button:{lineHeight:"1em",color:"currentColor"},"input, optgroup, select, textarea":{fontFamily:"inherit",fontSize:"100%",lineHeight:"1.15em"}},E={externalModules:[],rcFile:void 0,destDir:void 0},ce=e=>{if(E.externalModules.length>0)return E.externalModules;const s=i.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const c=s[1].split(",").map(f=>f.replace(/['"`]/g,"").trim());return E.externalModules=c,c},O=async e=>{if(E.destDir)return E.destDir;const t=await Y(e),s=o.join(e,(t==null?void 0:t.saltygenDir)||"saltygen");return E.destDir=s,s},X=["salty","css","styles","styled"],ae=(e=[])=>new RegExp(`\\.(${[...X,...e].join("|")})\\.`),B=(e,t=[])=>ae(t).test(e),le=async e=>{if(E.rcFile)return E.rcFile;if(e==="/")throw new Error("Could not find .saltyrc.json file");const t=o.join(e,".saltyrc.json"),s=await Q.readFile(t,"utf-8").then(JSON.parse).catch(()=>{});return s?(E.rcFile=s,s):le(o.join(e,".."))},Y=async e=>{var c,f;const t=await le(e),s=(c=t.projects)==null?void 0:c.find(a=>e.endsWith(a.dir||""));return s||((f=t.projects)==null?void 0:f.find(a=>a.dir===t.defaultProject))},Fe=async e=>{const t=await Y(e),s=await O(e),c=o.join(e,(t==null?void 0:t.configDir)||"","salty.config.ts"),f=o.join(s,"salty.config.js"),a=await ie(e),d=ce(c);await ne.build({entryPoints:[c],minify:!0,treeShaking:!0,bundle:!0,outfile:f,format:a,external:d});const h=Date.now(),{config:p}=await import(`${f}?t=${h}`);return p},fe=async(e,t)=>{const s=await Fe(e),c={...s},f=new Set,a=(x,b=[])=>x?Object.entries(x).flatMap(([_,N])=>{if(!N)return;if(typeof N=="object")return a(N,[...b,_]);const v=re(_),L=T.dashCase(_),K=[...b,v].join(".");f.add(`"${K}"`);const Z=[...b.map(T.dashCase),L].join("-"),{result:pe}=A.parseValueTokens(N);return`--${Z}: ${pe};`}):[],d=x=>x?Object.entries(x).flatMap(([b,_])=>{const N=a(_);return b==="base"?N.join(""):`${b} { ${N.join("")} }`}):[],h=x=>x?Object.entries(x).flatMap(([b,_])=>Object.entries(_).flatMap(([N,v])=>{const L=a(v,[b]),K=`.${b}-${N}, [data-${b}="${N}"]`,Z=L.join("");return`${K} { ${Z} }`})):[],p=x=>t.variables.map(b=>b._current[x]),n=a(z.mergeStyles(s.variables,p("variables"))),g=d(z.mergeStyles(s.responsiveVariables,p("responsiveVariables"))),m=h(z.mergeStyles(s.conditionalVariables,p("conditionalVariables"))),l=await O(e),C=o.join(l,"css/_variables.css"),$=`:root { ${n.join("")} ${g.join("")} } ${m.join("")}`;i.writeFileSync(C,$);const M=o.join(l,"css/_global.css"),P=z.mergeStyles(s.global,t.globalStyles),k=A.parseStyles(P,"");i.writeFileSync(M,`@layer global { ${k} }`);const V=o.join(l,"css/_reset.css"),R=s.reset==="none"?{}:typeof s.reset=="object"?s.reset:we,r=A.parseStyles(R,"");i.writeFileSync(V,`@layer reset { ${r} }`);const j=o.join(l,"css/_templates.css"),S=z.mergeStyles(s.templates,t.templates),F=te.parseTemplates(S),u=te.getTemplateTypes(S);i.writeFileSync(j,F),c.templates=S;const w=o.join(l,"types/css-tokens.d.ts"),H=`
+  // Variable types
+  type VariableTokens = ${[...f].join("|")}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(u).map(([x,b])=>`${x}?: ${b}`).join(`
+`)}
+  }
+  `;i.writeFileSync(w,H);const q=o.join(l,"cache/config-cache.json");i.writeFileSync(q,JSON.stringify(c,null,2))},se=e=>e.replace(/styled\(([^"'`{,]+),/g,(t,s)=>{if(/^['"`]/.test(s))return t;const f=new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);if(!f.test(e))return t;const d=f.exec(e);if(d){const h=d.at(1);if(X.some(n=>h==null?void 0:h.includes(n)))return t}return"styled('div',"}),G=async(e,t,s)=>{const c=T.toHash(t),f=o.join(s,"./temp");i.existsSync(f)||i.mkdirSync(f);const a=o.parse(t);let d=i.readFileSync(t,"utf8");d=se(d);const h=o.join(s,"js",c+".js"),p=await Y(e),n=o.join(e,(p==null?void 0:p.configDir)||"","salty.config.ts"),g=ce(n),m=await ie(e);await ne.build({stdin:{contents:d,sourcefile:a.base,resolveDir:a.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:h,format:m,target:["node20"],keepNames:!0,external:g,packages:"external",plugins:[{name:"test",setup:$=>{$.onLoad({filter:/.*\.css|salty|styles|styled\.ts/},M=>{const P=i.readFileSync(M.path,"utf8");return{contents:se(P),loader:"ts"}})}}]});const l=Date.now();return await import(`${h}?t=${l}`)},je=async e=>{const t=await O(e),s=o.join(t,"cache/config-cache.json"),c=i.readFileSync(s,"utf8");if(!c)throw new Error("Could not find config cache file");return JSON.parse(c)},ee=async e=>{const t=await je(e),s=await O(e),c=o.join(s,"salty.config.js"),f=Date.now(),{config:a}=await import(`${c}?t=${f}`);return z.mergeStyles(a,t)},de=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},be=async(e,t=de(),s=!0)=>{try{const c=Date.now();t?W.info("Generating CSS in production mode! 🔥"):W.info("Generating CSS in development mode! 🚀");const f=[],a=[],d=await O(e),h=o.join(d,"index.css");s&&(()=>{i.existsSync(d)&&ye.execSync("rm -rf "+d),i.mkdirSync(d,{recursive:!0}),i.mkdirSync(o.join(d,"css")),i.mkdirSync(o.join(d,"types")),i.mkdirSync(o.join(d,"js")),i.mkdirSync(o.join(d,"cache"))})();const n={keyframes:[],mediaQueries:[],globalStyles:[],variables:[],templates:[],components:[],classNames:[]};async function g(r){const j=["node_modules","saltygen"],S=i.statSync(r);if(S.isDirectory()){const F=i.readdirSync(r);if(j.some(w=>r.includes(w)))return;await Promise.all(F.map(w=>g(o.join(r,w))))}else if(S.isFile()&&B(r)){const u=await G(e,r,d);Object.entries(u).forEach(([w,y])=>{y.isKeyframes?n.keyframes.push({value:y,src:r,name:w}):y.isMedia?n.mediaQueries.push(y):y.isGlobalDefine?n.globalStyles.push(y):y.isDefineVariables?n.variables.push(y):y.isDefineTemplates?n.templates.push(y):y.isClassName?n.classNames.push({value:y.factory,src:r,name:w}):y.generator&&n.components.push({value:y.generator,src:r,name:w})})}}await g(e),await fe(e,n);const m=await ee(e);for(const r of n.keyframes){const{value:j}=r,S=`a_${j.animationName}.css`,F=`css/${S}`,u=o.join(d,F);f.push(S),i.writeFileSync(u,j.css)}const l={};for(const r of n.components){const{value:j,name:S,src:F}=r,u=j._withBuildContext({name:S,config:m,prod:t});a[u.priority]||(a[u.priority]=[]),a[u.priority].push(u.cssFileName);const w=`css/${u.cssFileName}`,y=o.join(d,w);i.writeFileSync(y,u.css),m.importStrategy==="component"&&(l[F]?l[F].push(u.cssFileName):l[F]=[u.cssFileName])}for(const r of n.classNames){const{value:j,src:S,name:F}=r,u=j._withBuildContext({name:F,prod:t});a[0].push(u.cssFileName);const w=`css/${u.cssFileName}`,y=o.join(d,w);i.writeFileSync(y,u.css),m.importStrategy==="component"&&(l[S]?l[S].push(u.cssFileName):l[S]=[u.cssFileName])}m.importStrategy==="component"&&Object.entries(l).forEach(([r,j])=>{const S=j.map(H=>`@import url('./${H}');`).join(`
+`),F=T.toHash(r,6),u=o.parse(r),w=T.dashCase(u.name),y=o.join(d,`css/f_${w}-${F}.css`);i.writeFileSync(y,S)});const C=f.map(r=>`@import url('./css/${r}');`).join(`
+`);let k=`@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["_variables.css","_reset.css","_global.css","_templates.css"].filter(r=>{try{return i.readFileSync(o.join(d,"css",r),"utf8").length>0}catch{return!1}}).map(r=>`@import url('./css/${r}');`).join(`
+`)}
+${C}`;if(m.importStrategy!=="component"){const r=a.reduce((j,S,F)=>{const u=S.reduce((q,x)=>{var v;const b=o.join(d,"css",x),_=i.readFileSync(b,"utf8"),N=((v=/.*-([^-]+)-\d+.css/.exec(x))==null?void 0:v.at(1))||T.toHash(b,6);return q.includes(N)?q:`${q}
+/*start:${N}*/
+${_}
+/*end:${N}*/
+`},""),w=`l_${F}.css`,y=o.join(d,"css",w),H=`@layer l${F} { ${u}
+ }`;return i.writeFileSync(y,H),`${j}
+@import url('./css/${w}');`},"");k+=r}i.writeFileSync(h,k);const D=Date.now()-c,R=D<200?"🔥":D<500?"🚀":D<1e3?"🎉":D<2e3?"🚗":D<5e3?"🤔":"🥴";W.info(`Generated CSS in ${D}ms! ${R}`)}catch(c){console.error(c)}},$e=async(e,t)=>{try{const s=await O(e);if(B(t)){const f=[],a=await ee(e),d=await G(e,t,s);if(Object.entries(d).forEach(([h,p])=>{if(p.isKeyframes&&p.css){const C=`css/${`a_${p.animationName}.css`}`,$=o.join(s,C);i.writeFileSync($,p.css);return}if(p.isClassName){console.log("found className value",p);const l=p.factory._withBuildContext({name:h});f[0].push(l.cssFileName);const C=`css/${l.cssFileName}`,$=o.join(s,C);i.writeFileSync($,l.css),console.log($,l.css)}if(!p.generator)return;const n=p.generator._withBuildContext({name:h,config:a}),g=`css/${n.cssFileName}`,m=o.join(s,g);i.writeFileSync(m,n.css),f[n.priority]||(f[n.priority]=[]),f[n.priority].push(n.cssFileName)}),console.log(f),a.importStrategy!=="component")f.forEach((h,p)=>{const n=`l_${p}.css`,g=o.join(s,"css",n);let m=i.readFileSync(g,"utf8");h.forEach(l=>{var P;const C=o.join(s,"css",l),$=((P=/.*-([^-]+)-\d+.css/.exec(l))==null?void 0:P.at(1))||T.toHash(C,6);if(!m.includes($)){const k=i.readFileSync(C,"utf8"),V=`/*start:${$}*/
+${k}
+/*end:${$}*/
+`;m=`${m.replace(/\}$/,"")}
+${V}
+}`}}),i.writeFileSync(g,m)});else{const h=f.flat().map(l=>`@import url('./${l}');`).join(`
+`),p=T.toHash(t,6),n=o.parse(t),g=T.dashCase(n.name),m=o.join(s,`css/f_${g}-${p}.css`);i.writeFileSync(m,h)}}}catch(s){console.error(s)}},Ce=async(e,t,s=de())=>{try{const c=await O(e);if(B(t)){const a=i.readFileSync(t,"utf8");a.replace(/^(?!export\s)const\s.*/gm,g=>`export ${g}`)!==a&&await Q.writeFile(t,a);const h=await ee(e),p=await G(e,t,c);let n=a;if(Object.entries(p).forEach(([g,m])=>{var w;if(m.isKeyframes||!m.generator)return;const l=m.generator._withBuildContext({name:g,config:h,prod:s}),C=new RegExp(`\\s${g}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(a);if(!C)return console.error("Could not find the original declaration");const $=(w=C.at(1))==null?void 0:w.trim(),M=new RegExp(`\\s${g}[=\\s]+styled\\(`,"g").exec(n);if(!M)return console.error("Could not find the original declaration");const{index:P}=M;let k=!1;const V=setTimeout(()=>k=!0,5e3);let D=0,R=!1,r=0;for(;!R&&!k;){const y=n[P+D];y==="("&&r++,y===")"&&r--,r===0&&y===")"&&(R=!0),D>n.length&&(k=!0),D++}if(!k)clearTimeout(V);else throw new Error("Failed to find the end of the styled call and timed out");const j=P+D,S=n.slice(P,j),F=n,u=` ${g} = styled(${$}, "${l.classNames}", ${JSON.stringify(l.props)});`;n=n.replace(S,u),F===n&&console.error("Minimize file failed to change content",{name:g,tagName:$})}),h.importStrategy==="component"){const g=T.toHash(t,6),m=o.parse(t);n=`import '../../saltygen/css/${`f_${T.dashCase(m.name)}-${g}.css`}';
+${n}`}return n=n.replace("{ styled }","{ styledClient as styled }"),n=n.replace("@salty-css/react/styled","@salty-css/react/styled-client"),n}}catch(c){console.error("Error in minimizeFile:",c)}};exports.compileSaltyFile=G;exports.generateConfigStyles=fe;exports.generateCss=be;exports.generateFile=$e;exports.isSaltyFile=B;exports.logError=Se;exports.logger=W;exports.minimizeFile=Ce;exports.saltyFileExtensions=X;exports.saltyFileRegExp=ae;