@salty-css/core 0.0.1-alpha.139 → 0.0.1-alpha.140

package/bin/main.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("commander"),G=require("fs"),s=require("fs/promises"),n=require("path"),ne=require("ejs"),t=require("../index-BcxXTbUt.cjs"),ie=require("../pascal-case-iWoaJWwT.cjs"),se=require("child_process"),oe=require("ora");var z=typeof document<"u"?document.currentScript:null;const X=y=>new Promise((C,P)=>{se.exec(y,F=>{if(F)return P(F);C()})}),I=async(...y)=>{const C=y.map(b=>b.replace("-D","").split("@").slice(0,-1).join("@").trim()).join(", "),P=oe(`Installing packages: ${C}`).start(),F=y.join(" ");await X(`npm install ${F}`),P.succeed(`Installed packages: ${C}`)},ae=()=>G.existsSync(n.join(process.cwd(),"node_modules",".bin","prettier"));async function S(y){try{if(!ae())return;await X(`./node_modules/.bin/prettier --write "${y}"`),t.logger.info(`Formatted ${y} with Prettier`)}catch(C){t.logger.error(`Error formatting ${y} with Prettier:`,C)}}async function re(){const y=new te.Command;y.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");const C={"salty.config.ts":Promise.resolve().then(()=>require("../salty.config-Dk6ZcCxI.cjs")),"saltygen/index.css":Promise.resolve().then(()=>require("../index-84Wroia-.cjs")),"react/react-styled-file.ts":Promise.resolve().then(()=>require("../react-styled-file-Dkubsz-U.cjs")),"react/react-vanilla-file.ts":Promise.resolve().then(()=>require("../react-vanilla-file-CG_WJLam.cjs"))},P=async(i,a)=>{const{default:l}=await C[i],u=ne.render(l,a);return{fileName:i,content:u}},F=async()=>{const i=n.join(process.cwd(),".saltyrc.json");return await s.readFile(i,"utf-8").then(JSON.parse).catch(()=>({}))},b=n.join(process.cwd(),"package.json"),N=async(i=b)=>{const a=await s.readFile(i,"utf-8").then(JSON.parse).catch(()=>{});if(!a)throw"Could not read package.json file!";return a},Y=async(i,a=b)=>{typeof i=="object"&&(i=JSON.stringify(i,null,2)),await s.writeFile(a,i)},B=async()=>{const i=new URL("../package.json",typeof document>"u"?require("url").pathToFileURL(__filename).href:z&&z.tagName.toUpperCase()==="SCRIPT"&&z.src||new URL("bin/main.cjs",document.baseURI).href);return N(i)},V=await(async()=>(await F()).defaultProject)(),$=await B(),D={core:`@salty-css/core@${$.version}`,react:`@salty-css/react@${$.version}`,eslintConfigCore:`@salty-css/eslint-config-core@${$.version}`,vite:`@salty-css/vite@${$.version}`,next:`@salty-css/next@${$.version}`},R=i=>{const a=i==="."?"":i,l=process.cwd();return n.join(l,a)};y.command("init [directory]").description("Initialize a new Salty-CSS project.").option("-d, --dir <dir>","Project directory to initialize the project in.").option("--css-file <css-file>","Existing CSS file where to import the generated CSS. Path must be relative to the given project directory.").option("--skip-install","Skip installing dependencies.").action(async function(i="."){if(!await N().catch(()=>{}))return t.logError("Salty CSS project must be initialized in a directory with a package.json file.");t.logger.info("Initializing a new Salty-CSS project!");const{dir:l=i,cssFile:u,skipInstall:p}=this.opts();if(!l)return t.logError("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");p||await I(D.core,D.react);const f=process.cwd(),r=R(l),T=await Promise.all([P("salty.config.ts"),P("saltygen/index.css")]);await s.mkdir(r,{recursive:!0});const m=T.map(async({fileName:e,content:g})=>{const c=n.join(r,e);if(await s.readFile(c,"utf-8").catch(()=>{})!==void 0){t.logger.debug("File already exists: "+c);return}const k=e.split("/").slice(0,-1).join("/");k&&await s.mkdir(n.join(r,k),{recursive:!0}),t.logger.info("Creating file: "+c),await s.writeFile(c,g),await S(c)});await Promise.all(m);const w=n.relative(f,r)||".",h=n.join(f,".saltyrc.json"),d=await s.readFile(h,"utf-8").catch(()=>{});if(d===void 0){t.logger.info("Creating file: "+h);const g=JSON.stringify({$schema:"./node_modules/@salty-css/core/.saltyrc.schema.json",info:"This file is used to define projects and their configurations for Salty CSS cli. Do not delete, modify or add this file to .gitignore.",defaultProject:w,projects:[{dir:w,framework:"react"}]},null,2);await s.writeFile(h,g),await S(h)}else{const e=JSON.parse(d),g=(e==null?void 0:e.projects)||[];if(g.findIndex(o=>o.dir===w)===-1){g.push({dir:w,framework:"react"}),e.projects=[...g];const o=JSON.stringify(e,null,2);o!==d&&(t.logger.info("Edit file: "+h),await s.writeFile(h,o),await S(h))}}const j=n.join(f,".gitignore"),U=await s.readFile(j,"utf-8").catch(()=>{});U!==void 0&&(U.includes("saltygen")||(t.logger.info("Edit file: "+j),await s.writeFile(j,U+`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("commander"),G=require("fs"),s=require("fs/promises"),n=require("path"),ne=require("ejs"),t=require("../index-Bywmnn_7.cjs"),ie=require("../pascal-case-iWoaJWwT.cjs"),se=require("child_process"),oe=require("ora");var z=typeof document<"u"?document.currentScript:null;const X=y=>new Promise((C,P)=>{se.exec(y,F=>{if(F)return P(F);C()})}),I=async(...y)=>{const C=y.map(b=>b.replace("-D","").split("@").slice(0,-1).join("@").trim()).join(", "),P=oe(`Installing packages: ${C}`).start(),F=y.join(" ");await X(`npm install ${F}`),P.succeed(`Installed packages: ${C}`)},ae=()=>G.existsSync(n.join(process.cwd(),"node_modules",".bin","prettier"));async function S(y){try{if(!ae())return;await X(`./node_modules/.bin/prettier --write "${y}"`),t.logger.info(`Formatted ${y} with Prettier`)}catch(C){t.logger.error(`Error formatting ${y} with Prettier:`,C)}}async function re(){const y=new te.Command;y.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");const C={"salty.config.ts":Promise.resolve().then(()=>require("../salty.config-Dk6ZcCxI.cjs")),"saltygen/index.css":Promise.resolve().then(()=>require("../index-84Wroia-.cjs")),"react/react-styled-file.ts":Promise.resolve().then(()=>require("../react-styled-file-Dkubsz-U.cjs")),"react/react-vanilla-file.ts":Promise.resolve().then(()=>require("../react-vanilla-file-CG_WJLam.cjs"))},P=async(i,a)=>{const{default:l}=await C[i],u=ne.render(l,a);return{fileName:i,content:u}},F=async()=>{const i=n.join(process.cwd(),".saltyrc.json");return await s.readFile(i,"utf-8").then(JSON.parse).catch(()=>({}))},b=n.join(process.cwd(),"package.json"),N=async(i=b)=>{const a=await s.readFile(i,"utf-8").then(JSON.parse).catch(()=>{});if(!a)throw"Could not read package.json file!";return a},Y=async(i,a=b)=>{typeof i=="object"&&(i=JSON.stringify(i,null,2)),await s.writeFile(a,i)},B=async()=>{const i=new URL("../package.json",typeof document>"u"?require("url").pathToFileURL(__filename).href:z&&z.tagName.toUpperCase()==="SCRIPT"&&z.src||new URL("bin/main.cjs",document.baseURI).href);return N(i)},V=await(async()=>(await F()).defaultProject)(),$=await B(),D={core:`@salty-css/core@${$.version}`,react:`@salty-css/react@${$.version}`,eslintConfigCore:`@salty-css/eslint-config-core@${$.version}`,vite:`@salty-css/vite@${$.version}`,next:`@salty-css/next@${$.version}`},R=i=>{const a=i==="."?"":i,l=process.cwd();return n.join(l,a)};y.command("init [directory]").description("Initialize a new Salty-CSS project.").option("-d, --dir <dir>","Project directory to initialize the project in.").option("--css-file <css-file>","Existing CSS file where to import the generated CSS. Path must be relative to the given project directory.").option("--skip-install","Skip installing dependencies.").action(async function(i="."){if(!await N().catch(()=>{}))return t.logError("Salty CSS project must be initialized in a directory with a package.json file.");t.logger.info("Initializing a new Salty-CSS project!");const{dir:l=i,cssFile:u,skipInstall:p}=this.opts();if(!l)return t.logError("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");p||await I(D.core,D.react);const f=process.cwd(),r=R(l),T=await Promise.all([P("salty.config.ts"),P("saltygen/index.css")]);await s.mkdir(r,{recursive:!0});const m=T.map(async({fileName:e,content:g})=>{const c=n.join(r,e);if(await s.readFile(c,"utf-8").catch(()=>{})!==void 0){t.logger.debug("File already exists: "+c);return}const k=e.split("/").slice(0,-1).join("/");k&&await s.mkdir(n.join(r,k),{recursive:!0}),t.logger.info("Creating file: "+c),await s.writeFile(c,g),await S(c)});await Promise.all(m);const w=n.relative(f,r)||".",h=n.join(f,".saltyrc.json"),d=await s.readFile(h,"utf-8").catch(()=>{});if(d===void 0){t.logger.info("Creating file: "+h);const g=JSON.stringify({$schema:"./node_modules/@salty-css/core/.saltyrc.schema.json",info:"This file is used to define projects and their configurations for Salty CSS cli. Do not delete, modify or add this file to .gitignore.",defaultProject:w,projects:[{dir:w,framework:"react"}]},null,2);await s.writeFile(h,g),await S(h)}else{const e=JSON.parse(d),g=(e==null?void 0:e.projects)||[];if(g.findIndex(o=>o.dir===w)===-1){g.push({dir:w,framework:"react"}),e.projects=[...g];const o=JSON.stringify(e,null,2);o!==d&&(t.logger.info("Edit file: "+h),await s.writeFile(h,o),await S(h))}}const j=n.join(f,".gitignore"),U=await s.readFile(j,"utf-8").catch(()=>{});U!==void 0&&(U.includes("saltygen")||(t.logger.info("Edit file: "+j),await s.writeFile(j,U+`
 
 # Salty-CSS
 saltygen

package/bin/main.js

@@ -3,7 +3,7 @@ import { existsSync as K } from "fs";
 import { mkdir as q, readFile as C, writeFile as w } from "fs/promises";
 import { join as i, relative as z, parse as re, format as ee } from "path";
 import { render as ce } from "ejs";
-import { l as t, a as h, g as te } from "../index-DivhXuS6.js";
+import { l as t, a as h, g as te } from "../index-ChAB4YZW.js";
 import { p as le } from "../pascal-case-BQpR5PdN.js";
 import { exec as de } from "child_process";
 import fe from "ora";

package/compiler/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("esbuild");require("child_process");require("../dash-case-BJEkFEGQ.cjs");require("path");require("fs");require("fs/promises");require("../parse-templates-DD4hQEpv.cjs");const e=require("../index-BcxXTbUt.cjs");exports.compileSaltyFile=e.compileSaltyFile;exports.generateConfigStyles=e.generateConfigStyles;exports.generateCss=e.generateCss;exports.generateFile=e.generateFile;exports.isSaltyFile=e.isSaltyFile;exports.minimizeFile=e.minimizeFile;exports.saltyFileExtensions=e.saltyFileExtensions;exports.saltyFileRegExp=e.saltyFileRegExp;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("esbuild");require("child_process");require("../dash-case-BJEkFEGQ.cjs");require("path");require("fs");require("fs/promises");require("../parse-templates-DD4hQEpv.cjs");const e=require("../index-Bywmnn_7.cjs");exports.compileSaltyFile=e.compileSaltyFile;exports.generateConfigStyles=e.generateConfigStyles;exports.generateCss=e.generateCss;exports.generateFile=e.generateFile;exports.isSaltyFile=e.isSaltyFile;exports.minimizeFile=e.minimizeFile;exports.saltyFileExtensions=e.saltyFileExtensions;exports.saltyFileRegExp=e.saltyFileRegExp;

package/compiler/index.js

@@ -5,7 +5,7 @@ import "path";
 import "fs";
 import "fs/promises";
 import "../parse-templates-CgZo0YA1.js";
-import { d as p, c as n, g, e as F, i as y, m as x, s as S, b as c } from "../index-DivhXuS6.js";
+import { d as p, c as n, g, e as F, i as y, m as x, s as S, b as c } from "../index-ChAB4YZW.js";
 export {
   p as compileSaltyFile,
   n as generateConfigStyles,

package/index-Bywmnn_7.cjs

@@ -0,0 +1,22 @@
+"use strict";const ae=require("esbuild"),le=require("child_process"),R=require("./dash-case-BJEkFEGQ.cjs"),o=require("path"),c=require("fs"),G=require("fs/promises"),v=require("./parse-templates-DD4hQEpv.cjs"),z=require("winston");var H=typeof document<"u"?document.currentScript:null;function de(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const U=de(ae),X=e=>{if(!e||e==="/")throw new Error("Could not find package.json file");const t=o.join(e,"package.json");return c.existsSync(t)?t:X(o.join(e,".."))},pe=async e=>{const t=X(e);return await G.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},ue=async e=>{const t=await pe(e);if(t)return t.type};let O;const Y=async e=>{if(O)return O;const t=await ue(e);return t==="module"?O="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:H&&H.tagName.toUpperCase()==="SCRIPT"&&H.src||new URL("index-Bywmnn_7.cjs",document.baseURI).href).endsWith(".cjs"))&&(O="cjs"),O||"esm"},J=z.createLogger({level:"debug",format:z.format.combine(z.format.colorize(),z.format.cli()),transports:[new z.transports.Console({})]}),fe=e=>{J.error(e)};function Q(e){return e?typeof e!="string"?Q(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 ge={"*, *::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"}},L={externalModules:[]},ee=e=>{if(L.externalModules.length>0)return L.externalModules;const t=o.join(e,"salty.config.ts"),r=c.readFileSync(t,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!r)return[];const a=r[1].split(",").map(n=>n.replace(/['"`]/g,"").trim());return L.externalModules=a,a},q=e=>o.join(e,"./saltygen"),A=["salty","css","styles","styled"],te=(e=[])=>new RegExp(`\\.(${[...A,...e].join("|")})\\.`),I=(e,t=[])=>te(t).test(e),ye=async e=>{const t=q(e),s=o.join(e,"salty.config.ts"),r=o.join(t,"salty.config.js"),a=await Y(e),n=ee(e);await U.build({entryPoints:[s],minify:!0,treeShaking:!0,bundle:!0,outfile:r,format:a,external:n});const f=Date.now(),{config:g}=await import(`${r}?t=${f}`);return g},se=async e=>{const t=await ye(e),s=new Set,r=(d,p=[])=>d?Object.entries(d).flatMap(([S,u])=>{if(!u)return;if(typeof u=="object")return r(u,[...p,S]);const E=Q(S),V=R.dashCase(S),M=[...p,E].join(".");s.add(`"${M}"`);const x=[...p.map(R.dashCase),V].join("-"),{result:N}=v.parseValueTokens(u);return`--${x}: ${N};`}):[],a=d=>d?Object.entries(d).flatMap(([p,S])=>{const u=r(S);return p==="base"?u.join(""):`${p} { ${u.join("")} }`}):[],n=d=>d?Object.entries(d).flatMap(([p,S])=>Object.entries(S).flatMap(([u,E])=>{const V=r(E,[p]),M=`.${p}-${u}, [data-${p}="${u}"]`,x=V.join("");return`${M} { ${x} }`})):[],f=r(t.variables),g=a(t.responsiveVariables),j=n(t.conditionalVariables),i=q(e),y=o.join(i,"css/_variables.css"),F=`:root { ${f.join("")} ${g.join("")} } ${j.join("")}`;c.writeFileSync(y,F);const w=o.join(i,"css/_global.css"),m=v.parseStyles(t.global,"");c.writeFileSync(w,`@layer global { ${m} }`);const b=o.join(i,"css/_reset.css"),h=t.reset==="none"?{}:typeof t.reset=="object"?t.reset:ge,k=v.parseStyles(h,"");c.writeFileSync(b,`@layer reset { ${k} }`);const l=o.join(i,"css/_templates.css"),$=v.parseTemplates(t.templates),D=v.getTemplateTypes(t.templates);c.writeFileSync(l,$);const C=o.join(i,"types/css-tokens.d.ts"),T=`
+  // Variable types
+  type VariableTokens = ${[...s].join("|")}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(D).map(([d,p])=>`${d}?: ${p}`).join(`
+`)}
+  }
+  `;c.writeFileSync(C,T)},Z=e=>e.replace(/styled\(([^"'`{,]+),/g,(t,s)=>{const r=/^['"`]/.test(s);if(r&&console.log("String tag",s),r)return t;const a=new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`),n=a.test(e);if(n||console.log("Not imported",s),!n)return t;const f=a.exec(e);if(f){const g=f.at(1),j=A.some(i=>g==null?void 0:g.includes(i));if(j&&console.log("Salty import for",s,`"${f.at(0)}"`),j)return t}return console.log("Replacing",s),"styled('div',"}),W=async(e,t,s)=>{console.log({sourceFilePath:t});const r=R.toHash(t),a=o.join(s,"./temp");c.existsSync(a)||c.mkdirSync(a);const n=o.parse(t);let f=c.readFileSync(t,"utf8");f=Z(f);const g=o.join(s,"js",r+".js"),j=ee(e),i=await Y(e);await U.build({stdin:{contents:f,sourcefile:n.base,resolveDir:n.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:g,format:i,target:["node20"],keepNames:!0,external:j,packages:"external",plugins:[{name:"test",setup:w=>{w.onLoad({filter:/.*.css.ts/},m=>{console.log("Loading",{sourceFilePath:t,args:m});const b=c.readFileSync(m.path,"utf8");return{contents:Z(b)}})}}]});const y=Date.now();return await import(`${g}?t=${y}`)},B=async e=>{const t=q(e),s=o.join(t,"salty.config.js"),r=Date.now(),{config:a}=await import(`${s}?t=${r}`);return a},ne=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},me=async(e,t=ne())=>{try{const s=Date.now();t?J.info("Generating CSS in production mode! 🔥"):J.info("Generating CSS in development mode! 🚀");const r=[],a=[],n=q(e),f=o.join(n,"index.css");(()=>{c.existsSync(n)&&le.execSync("rm -rf "+n),c.mkdirSync(n),c.mkdirSync(o.join(n,"css")),c.mkdirSync(o.join(n,"types"))})(),await se(e);const j=await B(e);async function i(l,$){const D=["node_modules","saltygen"],C=c.statSync(l);if(C.isDirectory()){const _=c.readdirSync(l);if(D.some(d=>l.includes(d)))return;await Promise.all(_.map(d=>i(o.join(l,d),o.join($,d))))}else if(C.isFile()&&I(l)){const T=await W(e,l,n),d=[];Object.entries(T).forEach(([M,x])=>{if(x.isKeyframes&&x.css){const K=`a_${x.animationName}.css`,ie=`css/${K}`,ce=o.join(n,ie);r.push(K),c.writeFileSync(ce,x.css);return}if(!x.generator)return;const N=x.generator._withBuildContext({name:M,config:j,prod:t});a[N.priority]||(a[N.priority]=[]),a[N.priority].push(N.cssFileName),d.push(N.cssFileName);const oe=`css/${N.cssFileName}`,re=o.join(n,oe);c.writeFileSync(re,N.css)});const p=d.map(M=>`@import url('./${M}');`).join(`
+`),S=R.toHash(l,6),u=o.parse(l),E=R.dashCase(u.name),V=o.join(n,`css/f_${E}-${S}.css`);c.writeFileSync(V,p)}}await i(e,n);const y=r.map(l=>`@import url('./css/${l}');`).join(`
+`);let b=`@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["_variables.css","_reset.css","_global.css","_templates.css"].filter(l=>{try{return c.readFileSync(o.join(n,"css",l),"utf8").length>0}catch{return!1}}).map(l=>`@import url('./css/${l}');`).join(`
+`)}
+${y}`;if(j.importStrategy!=="component"){const l=a.reduce(($,D,C)=>{const _=D.reduce((S,u)=>{const E=c.readFileSync(o.join(n,"css",u),"utf8");return`${S}
+${E}`},""),T=`l_${C}.css`,d=o.join(n,"css",T),p=`@layer l${C} { ${_} }`;return c.writeFileSync(d,p),`${$}
+@import url('./css/${T}');`},"");b+=l}c.writeFileSync(f,b);const h=Date.now()-s,k=h<200?"🔥":h<500?"🚀":h<1e3?"🎉":h<2e3?"🚗":h<5e3?"🤔":"🥴";J.info(`Generated CSS in ${h}ms! ${k}`)}catch(s){console.error(s)}},he=async(e,t)=>{try{const s=[],r=o.join(e,"./saltygen"),a=o.join(r,"index.css");if(I(t)){const f=await B(e),g=await W(e,t,r);Object.entries(g).forEach(([w,m])=>{if(m.isKeyframes&&m.css){const l=`css/${`a_${m.animationName}.css`}`,$=o.join(r,l);c.writeFileSync($,m.css);return}if(!m.generator)return;const b=m.generator._withBuildContext({name:w,config:f}),P=`css/${b.cssFileName}`,h=o.join(r,P);s.push(b.cssFileName),c.writeFileSync(h,b.css)});const j=c.readFileSync(a,"utf8").split(`
+`),i=s.map(w=>`@import url('../saltygen/css/${w}');`),F=[...new Set([...j,...i])].join(`
+`);c.writeFileSync(a,F)}}catch(s){console.error(s)}},Se=async(e,t,s=ne())=>{try{const r=o.join(e,"./saltygen");if(I(t)){const n=c.readFileSync(t,"utf8");n.replace(/^(?!export\s)const\s.*/gm,y=>`export ${y}`)!==n&&await G.writeFile(t,n);const g=await B(e),j=await W(e,t,r);let i=n;if(Object.entries(j).forEach(([y,F])=>{var S;if(F.isKeyframes||!F.generator)return;const w=F.generator._withBuildContext({name:y,config:g,prod:s}),m=new RegExp(`\\s${y}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(n);if(!m)return console.error("Could not find the original declaration");const b=(S=m.at(1))==null?void 0:S.trim(),P=new RegExp(`\\s${y}[=\\s]+styled\\(`,"g").exec(i);if(!P)return console.error("Could not find the original declaration");const{index:h}=P;let k=!1;const l=setTimeout(()=>k=!0,5e3);let $=0,D=!1,C=0;for(;!D&&!k;){const u=i[h+$];u==="("&&C++,u===")"&&C--,C===0&&u===")"&&(D=!0),$>i.length&&(k=!0),$++}if(!k)clearTimeout(l);else throw new Error("Failed to find the end of the styled call and timed out");const _=h+$,T=i.slice(h,_),d=i,p=` ${y} = styled(${b}, "${w.classNames}", ${JSON.stringify(w.props)});`;i=i.replace(T,p),d===i&&console.error("Minimize file failed to change content",{name:y,tagName:b})}),g.importStrategy==="component"){const y=R.toHash(t,6),F=o.parse(t);i=`import '../../saltygen/css/${`f_${R.dashCase(F.name)}-${y}.css`}';
+${i}`}return i=i.replace("{ styled }","{ styledClient as styled }"),i=i.replace("@salty-css/react/styled","@salty-css/react/styled-client"),i}}catch(r){console.error("Error in minimizeFile:",r)}};exports.compileSaltyFile=W;exports.generateConfigStyles=se;exports.generateCss=me;exports.generateFile=he;exports.isSaltyFile=I;exports.logError=fe;exports.logger=J;exports.minimizeFile=Se;exports.saltyFileExtensions=A;exports.saltyFileRegExp=te;

package/index-ChAB4YZW.js

@@ -0,0 +1,349 @@
+import * as Y from "esbuild";
+import { execSync as lt } from "child_process";
+import { t as B, d as z } from "./dash-case-DBThphLm.js";
+import { join as r, parse as H } from "path";
+import { existsSync as K, writeFileSync as w, mkdirSync as J, readFileSync as V, statSync as pt, readdirSync as ft } from "fs";
+import { readFile as dt, writeFile as ut } from "fs/promises";
+import { p as U, a as gt, b as mt, c as yt } from "./parse-templates-CgZo0YA1.js";
+import { createLogger as ht, format as I, transports as $t } from "winston";
+const Q = (t) => {
+  if (!t || t === "/") throw new Error("Could not find package.json file");
+  const e = r(t, "package.json");
+  return K(e) ? e : Q(r(t, ".."));
+}, bt = async (t) => {
+  const e = Q(t);
+  return await dt(e, "utf-8").then(JSON.parse).catch(() => {
+  });
+}, St = async (t) => {
+  const e = await bt(t);
+  if (e)
+    return e.type;
+};
+let R;
+const tt = async (t) => {
+  if (R) return R;
+  const e = await St(t);
+  return e === "module" ? R = "esm" : (e === "commonjs" || import.meta.url.endsWith(".cjs")) && (R = "cjs"), R || "esm";
+}, O = ht({
+  level: "debug",
+  format: I.combine(I.colorize(), I.cli()),
+  transports: [new $t.Console({})]
+}), Mt = (t) => {
+  O.error(t);
+};
+function et(t) {
+  return t ? typeof t != "string" ? et(String(t)) : t.replace(/[\s-]/g, ".").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (e, n) => (n > 0 ? "." : "") + e.toLowerCase()) : "";
+}
+const wt = {
+  /** Set box model to border-box */
+  "*, *::before, *::after": {
+    boxSizing: "border-box"
+  },
+  /** Remove default margin and padding */
+  "*": {
+    margin: 0
+  },
+  /** Remove adjust font properties */
+  html: {
+    lineHeight: 1.15,
+    textSizeAdjust: "100%",
+    WebkitFontSmoothing: "antialiased"
+  },
+  /** Make media elements responsive */
+  "img, picture, video, canvas, svg": {
+    display: "block",
+    maxWidth: "100%"
+  },
+  /** Avoid overflow of text */
+  "p, h1, h2, h3, h4, h5, h6": {
+    overflowWrap: "break-word"
+  },
+  /** Improve text wrapping */
+  p: {
+    textWrap: "pretty"
+  },
+  "h1, h2, h3, h4, h5, h6": {
+    textWrap: "balance"
+  },
+  /** Improve link color */
+  a: {
+    color: "currentColor"
+  },
+  /** Improve button line height */
+  button: {
+    lineHeight: "1em",
+    color: "currentColor"
+  },
+  /** Improve form elements */
+  "input, optgroup, select, textarea": {
+    fontFamily: "inherit",
+    fontSize: "100%",
+    lineHeight: "1.15em"
+  }
+}, A = {
+  externalModules: []
+}, st = (t) => {
+  if (A.externalModules.length > 0) return A.externalModules;
+  const e = r(t, "salty.config.ts"), a = V(e, "utf8").match(/externalModules:\s?\[(.*)\]/);
+  if (!a) return [];
+  const c = a[1].split(",").map((s) => s.replace(/['"`]/g, "").trim());
+  return A.externalModules = c, c;
+}, W = (t) => r(t, "./saltygen"), nt = ["salty", "css", "styles", "styled"], xt = (t = []) => new RegExp(`\\.(${[...nt, ...t].join("|")})\\.`), L = (t, e = []) => xt(e).test(t), Ct = async (t) => {
+  const e = W(t), n = r(t, "salty.config.ts"), a = r(e, "salty.config.js"), c = await tt(t), s = st(t);
+  await Y.build({
+    entryPoints: [n],
+    minify: !0,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: a,
+    format: c,
+    external: s
+  });
+  const d = Date.now(), { config: u } = await import(`${a}?t=${d}`);
+  return u;
+}, Ft = async (t) => {
+  const e = await Ct(t), n = /* @__PURE__ */ new Set(), a = (l, p = []) => l ? Object.entries(l).flatMap(([h, f]) => {
+    if (!f) return;
+    if (typeof f == "object") return a(f, [...p, h]);
+    const M = et(h), v = z(h), _ = [...p, M].join(".");
+    n.add(`"${_}"`);
+    const j = [...p.map(z), v].join("-"), { result: T } = yt(f);
+    return `--${j}: ${T};`;
+  }) : [], c = (l) => l ? Object.entries(l).flatMap(([p, h]) => {
+    const f = a(h);
+    return p === "base" ? f.join("") : `${p} { ${f.join("")} }`;
+  }) : [], s = (l) => l ? Object.entries(l).flatMap(([p, h]) => Object.entries(h).flatMap(([f, M]) => {
+    const v = a(M, [p]), _ = `.${p}-${f}, [data-${p}="${f}"]`, j = v.join("");
+    return `${_} { ${j} }`;
+  })) : [], d = a(e.variables), u = c(e.responsiveVariables), $ = s(e.conditionalVariables), o = W(t), g = r(o, "css/_variables.css"), C = `:root { ${d.join("")} ${u.join("")} } ${$.join("")}`;
+  w(g, C);
+  const x = r(o, "css/_global.css"), m = U(e.global, "");
+  w(x, `@layer global { ${m} }`);
+  const b = r(o, "css/_reset.css"), y = e.reset === "none" ? {} : typeof e.reset == "object" ? e.reset : wt, k = U(y, "");
+  w(b, `@layer reset { ${k} }`);
+  const i = r(o, "css/_templates.css"), S = gt(e.templates), D = mt(e.templates);
+  w(i, S);
+  const F = r(o, "types/css-tokens.d.ts"), N = `
+  // Variable types
+  type VariableTokens = ${[...n].join("|")}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(D).map(([l, p]) => `${l}?: ${p}`).join(`
+`)}
+  }
+  `;
+  w(F, N);
+}, X = (t) => t.replace(/styled\(([^"'`{,]+),/g, (e, n) => {
+  const a = /^['"`]/.test(n);
+  if (a && console.log("String tag", n), a) return e;
+  const c = new RegExp(`import[^;]*${n}[,\\s{][^;]*from\\s?([^{};]+);`), s = c.test(t);
+  if (s || console.log("Not imported", n), !s) return e;
+  const d = c.exec(t);
+  if (d) {
+    const u = d.at(1), $ = nt.some((o) => u == null ? void 0 : u.includes(o));
+    if ($ && console.log("Salty import for", n, `"${d.at(0)}"`), $) return e;
+  }
+  return console.log("Replacing", n), "styled('div',";
+}), Z = async (t, e, n) => {
+  console.log({ sourceFilePath: e });
+  const a = B(e), c = r(n, "./temp");
+  K(c) || J(c);
+  const s = H(e);
+  let d = V(e, "utf8");
+  d = X(d);
+  const u = r(n, "js", a + ".js"), $ = st(t), o = await tt(t);
+  await Y.build({
+    stdin: {
+      contents: d,
+      sourcefile: s.base,
+      resolveDir: s.dir,
+      loader: "tsx"
+    },
+    minify: !1,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: u,
+    format: o,
+    target: ["node20"],
+    keepNames: !0,
+    external: $,
+    packages: "external",
+    plugins: [
+      {
+        name: "test",
+        setup: (x) => {
+          x.onLoad({ filter: /.*.css.ts/ }, (m) => {
+            console.log("Loading", {
+              sourceFilePath: e,
+              args: m
+            });
+            const b = V(m.path, "utf8");
+            return { contents: X(b) };
+          });
+        }
+      }
+    ]
+  });
+  const g = Date.now();
+  return await import(`${u}?t=${g}`);
+}, G = async (t) => {
+  const e = W(t), n = r(e, "salty.config.js"), a = Date.now(), { config: c } = await import(`${n}?t=${a}`);
+  return c;
+}, ot = () => {
+  try {
+    return process.env.NODE_ENV === "production";
+  } catch {
+    return !1;
+  }
+}, _t = async (t, e = ot()) => {
+  try {
+    const n = Date.now();
+    e ? O.info("Generating CSS in production mode! 🔥") : O.info("Generating CSS in development mode! 🚀");
+    const a = [], c = [], s = W(t), d = r(s, "index.css");
+    (() => {
+      K(s) && lt("rm -rf " + s), J(s), J(r(s, "css")), J(r(s, "types"));
+    })(), await Ft(t);
+    const $ = await G(t);
+    async function o(i, S) {
+      const D = ["node_modules", "saltygen"], F = pt(i);
+      if (F.isDirectory()) {
+        const E = ft(i);
+        if (D.some((l) => i.includes(l))) return;
+        await Promise.all(E.map((l) => o(r(i, l), r(S, l))));
+      } else if (F.isFile() && L(i)) {
+        const N = await Z(t, i, s), l = [];
+        Object.entries(N).forEach(([_, j]) => {
+          if (j.isKeyframes && j.css) {
+            const q = `a_${j.animationName}.css`, ct = `css/${q}`, it = r(s, ct);
+            a.push(q), w(it, j.css);
+            return;
+          }
+          if (!j.generator) return;
+          const T = j.generator._withBuildContext({
+            name: _,
+            config: $,
+            prod: e
+          });
+          c[T.priority] || (c[T.priority] = []), c[T.priority].push(T.cssFileName), l.push(T.cssFileName);
+          const rt = `css/${T.cssFileName}`, at = r(s, rt);
+          w(at, T.css);
+        });
+        const p = l.map((_) => `@import url('./${_}');`).join(`
+`), h = B(i, 6), f = H(i), M = z(f.name), v = r(s, `css/f_${M}-${h}.css`);
+        w(v, p);
+      }
+    }
+    await o(t, s);
+    const g = a.map((i) => `@import url('./css/${i}');`).join(`
+`);
+    let b = `@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((i) => {
+      try {
+        return V(r(s, "css", i), "utf8").length > 0;
+      } catch {
+        return !1;
+      }
+    }).map((i) => `@import url('./css/${i}');`).join(`
+`)}
+${g}`;
+    if ($.importStrategy !== "component") {
+      const i = c.reduce((S, D, F) => {
+        const E = D.reduce((h, f) => {
+          const M = V(r(s, "css", f), "utf8");
+          return `${h}
+${M}`;
+        }, ""), N = `l_${F}.css`, l = r(s, "css", N), p = `@layer l${F} { ${E} }`;
+        return w(l, p), `${S}
+@import url('./css/${N}');`;
+      }, "");
+      b += i;
+    }
+    w(d, b);
+    const y = Date.now() - n, k = y < 200 ? "🔥" : y < 500 ? "🚀" : y < 1e3 ? "🎉" : y < 2e3 ? "🚗" : y < 5e3 ? "🤔" : "🥴";
+    O.info(`Generated CSS in ${y}ms! ${k}`);
+  } catch (n) {
+    console.error(n);
+  }
+}, Vt = async (t, e) => {
+  try {
+    const n = [], a = r(t, "./saltygen"), c = r(a, "index.css");
+    if (L(e)) {
+      const d = await G(t), u = await Z(t, e, a);
+      Object.entries(u).forEach(([x, m]) => {
+        if (m.isKeyframes && m.css) {
+          const i = `css/${`a_${m.animationName}.css`}`, S = r(a, i);
+          w(S, m.css);
+          return;
+        }
+        if (!m.generator) return;
+        const b = m.generator._withBuildContext({
+          name: x,
+          config: d
+        }), P = `css/${b.cssFileName}`, y = r(a, P);
+        n.push(b.cssFileName), w(y, b.css);
+      });
+      const $ = V(c, "utf8").split(`
+`), o = n.map((x) => `@import url('../saltygen/css/${x}');`), C = [.../* @__PURE__ */ new Set([...$, ...o])].join(`
+`);
+      w(c, C);
+    }
+  } catch (n) {
+    console.error(n);
+  }
+}, Rt = async (t, e, n = ot()) => {
+  try {
+    const a = r(t, "./saltygen");
+    if (L(e)) {
+      const s = V(e, "utf8");
+      s.replace(/^(?!export\s)const\s.*/gm, (g) => `export ${g}`) !== s && await ut(e, s);
+      const u = await G(t), $ = await Z(t, e, a);
+      let o = s;
+      if (Object.entries($).forEach(([g, C]) => {
+        var h;
+        if (C.isKeyframes || !C.generator) return;
+        const x = C.generator._withBuildContext({
+          name: g,
+          config: u,
+          prod: n
+        }), m = new RegExp(`\\s${g}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(s);
+        if (!m) return console.error("Could not find the original declaration");
+        const b = (h = m.at(1)) == null ? void 0 : h.trim(), P = new RegExp(`\\s${g}[=\\s]+styled\\(`, "g").exec(o);
+        if (!P) return console.error("Could not find the original declaration");
+        const { index: y } = P;
+        let k = !1;
+        const i = setTimeout(() => k = !0, 5e3);
+        let S = 0, D = !1, F = 0;
+        for (; !D && !k; ) {
+          const f = o[y + S];
+          f === "(" && F++, f === ")" && F--, F === 0 && f === ")" && (D = !0), S > o.length && (k = !0), S++;
+        }
+        if (!k) clearTimeout(i);
+        else throw new Error("Failed to find the end of the styled call and timed out");
+        const E = y + S, N = o.slice(y, E), l = o, p = ` ${g} = styled(${b}, "${x.classNames}", ${JSON.stringify(x.props)});`;
+        o = o.replace(N, p), l === o && console.error("Minimize file failed to change content", { name: g, tagName: b });
+      }), u.importStrategy === "component") {
+        const g = B(e, 6), C = H(e);
+        o = `import '../../saltygen/css/${`f_${z(C.name)}-${g}.css`}';
+${o}`;
+      }
+      return o = o.replace("{ styled }", "{ styledClient as styled }"), o = o.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), o;
+    }
+  } catch (a) {
+    console.error("Error in minimizeFile:", a);
+  }
+};
+export {
+  Mt as a,
+  xt as b,
+  Ft as c,
+  Z as d,
+  Vt as e,
+  _t as g,
+  L as i,
+  O as l,
+  Rt as m,
+  nt as s
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.0.1-alpha.139",
+  "version": "0.0.1-alpha.140",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",

package/index-BcxXTbUt.cjs

@@ -1,22 +0,0 @@
-"use strict";const ce=require("esbuild"),ae=require("child_process"),R=require("./dash-case-BJEkFEGQ.cjs"),s=require("path"),c=require("fs"),Z=require("fs/promises"),v=require("./parse-templates-DD4hQEpv.cjs"),z=require("winston");var H=typeof document<"u"?document.currentScript:null;function le(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const G=le(ce),U=e=>{if(!e||e==="/")throw new Error("Could not find package.json file");const t=s.join(e,"package.json");return c.existsSync(t)?t:U(s.join(e,".."))},pe=async e=>{const t=U(e);return await Z.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},ue=async e=>{const t=await pe(e);if(t)return t.type};let O;const X=async e=>{if(O)return O;const t=await ue(e);return t==="module"?O="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:H&&H.tagName.toUpperCase()==="SCRIPT"&&H.src||new URL("index-BcxXTbUt.cjs",document.baseURI).href).endsWith(".cjs"))&&(O="cjs"),O||"esm"},J=z.createLogger({level:"debug",format:z.format.combine(z.format.colorize(),z.format.cli()),transports:[new z.transports.Console({})]}),de=e=>{J.error(e)};function Y(e){return e?typeof e!="string"?Y(String(e)):e.replace(/[\s-]/g,".").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(t,o)=>(o>0?".":"")+t.toLowerCase()):""}const fe={"*, *::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"}},A={externalModules:[]},Q=e=>{if(A.externalModules.length>0)return A.externalModules;const t=s.join(e,"salty.config.ts"),r=c.readFileSync(t,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!r)return[];const p=r[1].split(",").map(n=>n.replace(/['"`]/g,"").trim());return A.externalModules=p,p},q=e=>s.join(e,"./saltygen"),B=["salty","css","styles","styled"],ee=(e=[])=>new RegExp(`\\.(${[...B,...e].join("|")})\\.`),I=(e,t=[])=>ee(t).test(e),ye=async e=>{const t=q(e),o=s.join(e,"salty.config.ts"),r=s.join(t,"salty.config.js"),p=await X(e),n=Q(e);await G.build({entryPoints:[o],minify:!0,treeShaking:!0,bundle:!0,outfile:r,format:p,external:n});const h=Date.now(),{config:F}=await import(`${r}?t=${h}`);return F},te=async e=>{const t=await ye(e),o=new Set,r=(l,d=[])=>l?Object.entries(l).flatMap(([j,f])=>{if(!f)return;if(typeof f=="object")return r(f,[...d,j]);const E=Y(j),V=R.dashCase(j),M=[...d,E].join(".");o.add(`"${M}"`);const P=[...d.map(R.dashCase),V].join("-"),{result:D}=v.parseValueTokens(f);return`--${P}: ${D};`}):[],p=l=>l?Object.entries(l).flatMap(([d,j])=>{const f=r(j);return d==="base"?f.join(""):`${d} { ${f.join("")} }`}):[],n=l=>l?Object.entries(l).flatMap(([d,j])=>Object.entries(j).flatMap(([f,E])=>{const V=r(E,[d]),M=`.${d}-${f}, [data-${d}="${f}"]`,P=V.join("");return`${M} { ${P} }`})):[],h=r(t.variables),F=p(t.responsiveVariables),x=n(t.conditionalVariables),i=q(e),g=s.join(i,"css/_variables.css"),$=`:root { ${h.join("")} ${F.join("")} } ${x.join("")}`;c.writeFileSync(g,$);const S=s.join(i,"css/_global.css"),u=v.parseStyles(t.global,"");c.writeFileSync(S,`@layer global { ${u} }`);const w=s.join(i,"css/_reset.css"),y=t.reset==="none"?{}:typeof t.reset=="object"?t.reset:fe,b=v.parseStyles(y,"");c.writeFileSync(w,`@layer reset { ${b} }`);const a=s.join(i,"css/_templates.css"),m=v.parseTemplates(t.templates),k=v.getTemplateTypes(t.templates);c.writeFileSync(a,m);const C=s.join(i,"types/css-tokens.d.ts"),N=`
-  // Variable types
-  type VariableTokens = ${[...o].join("|")}; 
-  type PropertyValueToken = \`{\${VariableTokens}}\`;
-
-  // Template types
-  type TemplateTokens = {
-    ${Object.entries(k).map(([l,d])=>`${l}?: ${d}`).join(`
-`)}
-  }
-  `;c.writeFileSync(C,N)},W=async(e,t,o)=>{const r=R.toHash(t),p=s.join(o,"./temp");c.existsSync(p)||c.mkdirSync(p);const n=s.parse(t);let h=c.readFileSync(t,"utf8");h=h.replace(/styled\(([^"'`{,]+),/g,(S,u)=>{if(/^['"`]/.test(u))return S;const T=new RegExp(`import[^;]*${u}[,\\s{][^;]*from\\s?([^{};]+);`),y=T.test(h);if(y||console.log("Not imported",u),!y)return S;const b=T.exec(h);if(b){const a=b.at(1),m=B.some(k=>a==null?void 0:a.includes(k));if(m&&console.log("Salty import",u,b.at(0)),m)return S}return console.log("Replacing",u),"styled('div',"});const F=s.join(o,"js",r+".js"),x=Q(e),i=await X(e);await G.build({stdin:{contents:h,sourcefile:n.base,resolveDir:n.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:F,format:i,target:["node20"],keepNames:!0,external:x,packages:"external"});const g=Date.now();return await import(`${F}?t=${g}`)},K=async e=>{const t=q(e),o=s.join(t,"salty.config.js"),r=Date.now(),{config:p}=await import(`${o}?t=${r}`);return p},se=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},ge=async(e,t=se())=>{try{const o=Date.now();t?J.info("Generating CSS in production mode! 🔥"):J.info("Generating CSS in development mode! 🚀");const r=[],p=[],n=q(e),h=s.join(n,"index.css");(()=>{c.existsSync(n)&&ae.execSync("rm -rf "+n),c.mkdirSync(n),c.mkdirSync(s.join(n,"css")),c.mkdirSync(s.join(n,"types"))})(),await te(e);const x=await K(e);async function i(a,m){const k=["node_modules","saltygen"],C=c.statSync(a);if(C.isDirectory()){const _=c.readdirSync(a);if(k.some(l=>a.includes(l)))return;await Promise.all(_.map(l=>i(s.join(a,l),s.join(m,l))))}else if(C.isFile()&&I(a)){const N=await W(e,a,n),l=[];Object.entries(N).forEach(([M,P])=>{if(P.isKeyframes&&P.css){const L=`a_${P.animationName}.css`,re=`css/${L}`,ie=s.join(n,re);r.push(L),c.writeFileSync(ie,P.css);return}if(!P.generator)return;const D=P.generator._withBuildContext({name:M,config:x,prod:t});p[D.priority]||(p[D.priority]=[]),p[D.priority].push(D.cssFileName),l.push(D.cssFileName);const ne=`css/${D.cssFileName}`,oe=s.join(n,ne);c.writeFileSync(oe,D.css)});const d=l.map(M=>`@import url('./${M}');`).join(`
-`),j=R.toHash(a,6),f=s.parse(a),E=R.dashCase(f.name),V=s.join(n,`css/f_${E}-${j}.css`);c.writeFileSync(V,d)}}await i(e,n);const g=r.map(a=>`@import url('./css/${a}');`).join(`
-`);let w=`@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
-
-${["_variables.css","_reset.css","_global.css","_templates.css"].filter(a=>{try{return c.readFileSync(s.join(n,"css",a),"utf8").length>0}catch{return!1}}).map(a=>`@import url('./css/${a}');`).join(`
-`)}
-${g}`;if(x.importStrategy!=="component"){const a=p.reduce((m,k,C)=>{const _=k.reduce((j,f)=>{const E=c.readFileSync(s.join(n,"css",f),"utf8");return`${j}
-${E}`},""),N=`l_${C}.css`,l=s.join(n,"css",N),d=`@layer l${C} { ${_} }`;return c.writeFileSync(l,d),`${m}
-@import url('./css/${N}');`},"");w+=a}c.writeFileSync(h,w);const y=Date.now()-o,b=y<200?"🔥":y<500?"🚀":y<1e3?"🎉":y<2e3?"🚗":y<5e3?"🤔":"🥴";J.info(`Generated CSS in ${y}ms! ${b}`)}catch(o){console.error(o)}},me=async(e,t)=>{try{const o=[],r=s.join(e,"./saltygen"),p=s.join(r,"index.css");if(I(t)){const h=await K(e),F=await W(e,t,r);Object.entries(F).forEach(([S,u])=>{if(u.isKeyframes&&u.css){const a=`css/${`a_${u.animationName}.css`}`,m=s.join(r,a);c.writeFileSync(m,u.css);return}if(!u.generator)return;const w=u.generator._withBuildContext({name:S,config:h}),T=`css/${w.cssFileName}`,y=s.join(r,T);o.push(w.cssFileName),c.writeFileSync(y,w.css)});const x=c.readFileSync(p,"utf8").split(`
-`),i=o.map(S=>`@import url('../saltygen/css/${S}');`),$=[...new Set([...x,...i])].join(`
-`);c.writeFileSync(p,$)}}catch(o){console.error(o)}},he=async(e,t,o=se())=>{try{const r=s.join(e,"./saltygen");if(I(t)){const n=c.readFileSync(t,"utf8");n.replace(/^(?!export\s)const\s.*/gm,g=>`export ${g}`)!==n&&await Z.writeFile(t,n);const F=await K(e),x=await W(e,t,r);let i=n;if(Object.entries(x).forEach(([g,$])=>{var j;if($.isKeyframes||!$.generator)return;const S=$.generator._withBuildContext({name:g,config:F,prod:o}),u=new RegExp(`\\s${g}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(n);if(!u)return console.error("Could not find the original declaration");const w=(j=u.at(1))==null?void 0:j.trim(),T=new RegExp(`\\s${g}[=\\s]+styled\\(`,"g").exec(i);if(!T)return console.error("Could not find the original declaration");const{index:y}=T;let b=!1;const a=setTimeout(()=>b=!0,5e3);let m=0,k=!1,C=0;for(;!k&&!b;){const f=i[y+m];f==="("&&C++,f===")"&&C--,C===0&&f===")"&&(k=!0),m>i.length&&(b=!0),m++}if(!b)clearTimeout(a);else throw new Error("Failed to find the end of the styled call and timed out");const _=y+m,N=i.slice(y,_),l=i,d=` ${g} = styled(${w}, "${S.classNames}", ${JSON.stringify(S.props)});`;i=i.replace(N,d),l===i&&console.error("Minimize file failed to change content",{name:g,tagName:w})}),F.importStrategy==="component"){const g=R.toHash(t,6),$=s.parse(t);i=`import '../../saltygen/css/${`f_${R.dashCase($.name)}-${g}.css`}';
-${i}`}return i=i.replace("{ styled }","{ styledClient as styled }"),i=i.replace("@salty-css/react/styled","@salty-css/react/styled-client"),i}}catch(r){console.error("Error in minimizeFile:",r)}};exports.compileSaltyFile=W;exports.generateConfigStyles=te;exports.generateCss=ge;exports.generateFile=me;exports.isSaltyFile=I;exports.logError=de;exports.logger=J;exports.minimizeFile=he;exports.saltyFileExtensions=B;exports.saltyFileRegExp=ee;

package/index-DivhXuS6.js

@@ -1,332 +0,0 @@
-import * as X from "esbuild";
-import { execSync as ie } from "child_process";
-import { t as B, d as z } from "./dash-case-DBThphLm.js";
-import { join as n, parse as H } from "path";
-import { existsSync as K, writeFileSync as S, mkdirSync as J, readFileSync as R, statSync as le, readdirSync as pe } from "fs";
-import { readFile as fe, writeFile as ue } from "fs/promises";
-import { p as U, a as de, b as ge, c as me } from "./parse-templates-CgZo0YA1.js";
-import { createLogger as ye, format as I, transports as he } from "winston";
-const Y = (e) => {
-  if (!e || e === "/") throw new Error("Could not find package.json file");
-  const t = n(e, "package.json");
-  return K(t) ? t : Y(n(e, ".."));
-}, $e = async (e) => {
-  const t = Y(e);
-  return await fe(t, "utf-8").then(JSON.parse).catch(() => {
-  });
-}, be = async (e) => {
-  const t = await $e(e);
-  if (t)
-    return t.type;
-};
-let V;
-const Q = async (e) => {
-  if (V) return V;
-  const t = await be(e);
-  return t === "module" ? V = "esm" : (t === "commonjs" || import.meta.url.endsWith(".cjs")) && (V = "cjs"), V || "esm";
-}, O = ye({
-  level: "debug",
-  format: I.combine(I.colorize(), I.cli()),
-  transports: [new he.Console({})]
-}), Ee = (e) => {
-  O.error(e);
-};
-function ee(e) {
-  return e ? typeof e != "string" ? ee(String(e)) : e.replace(/[\s-]/g, ".").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (t, c) => (c > 0 ? "." : "") + t.toLowerCase()) : "";
-}
-const Se = {
-  /** Set box model to border-box */
-  "*, *::before, *::after": {
-    boxSizing: "border-box"
-  },
-  /** Remove default margin and padding */
-  "*": {
-    margin: 0
-  },
-  /** Remove adjust font properties */
-  html: {
-    lineHeight: 1.15,
-    textSizeAdjust: "100%",
-    WebkitFontSmoothing: "antialiased"
-  },
-  /** Make media elements responsive */
-  "img, picture, video, canvas, svg": {
-    display: "block",
-    maxWidth: "100%"
-  },
-  /** Avoid overflow of text */
-  "p, h1, h2, h3, h4, h5, h6": {
-    overflowWrap: "break-word"
-  },
-  /** Improve text wrapping */
-  p: {
-    textWrap: "pretty"
-  },
-  "h1, h2, h3, h4, h5, h6": {
-    textWrap: "balance"
-  },
-  /** Improve link color */
-  a: {
-    color: "currentColor"
-  },
-  /** Improve button line height */
-  button: {
-    lineHeight: "1em",
-    color: "currentColor"
-  },
-  /** Improve form elements */
-  "input, optgroup, select, textarea": {
-    fontFamily: "inherit",
-    fontSize: "100%",
-    lineHeight: "1.15em"
-  }
-}, A = {
-  externalModules: []
-}, te = (e) => {
-  if (A.externalModules.length > 0) return A.externalModules;
-  const t = n(e, "salty.config.ts"), r = R(t, "utf8").match(/externalModules:\s?\[(.*)\]/);
-  if (!r) return [];
-  const l = r[1].split(",").map((s) => s.replace(/['"`]/g, "").trim());
-  return A.externalModules = l, l;
-}, W = (e) => n(e, "./saltygen"), se = ["salty", "css", "styles", "styled"], we = (e = []) => new RegExp(`\\.(${[...se, ...e].join("|")})\\.`), Z = (e, t = []) => we(t).test(e), xe = async (e) => {
-  const t = W(e), c = n(e, "salty.config.ts"), r = n(t, "salty.config.js"), l = await Q(e), s = te(e);
-  await X.build({
-    entryPoints: [c],
-    minify: !0,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: r,
-    format: l,
-    external: s
-  });
-  const y = Date.now(), { config: w } = await import(`${r}?t=${y}`);
-  return w;
-}, Fe = async (e) => {
-  const t = await xe(e), c = /* @__PURE__ */ new Set(), r = (i, f = []) => i ? Object.entries(i).flatMap(([$, u]) => {
-    if (!u) return;
-    if (typeof u == "object") return r(u, [...f, $]);
-    const M = ee($), v = z($), _ = [...f, M].join(".");
-    c.add(`"${_}"`);
-    const N = [...f.map(z), v].join("-"), { result: T } = me(u);
-    return `--${N}: ${T};`;
-  }) : [], l = (i) => i ? Object.entries(i).flatMap(([f, $]) => {
-    const u = r($);
-    return f === "base" ? u.join("") : `${f} { ${u.join("")} }`;
-  }) : [], s = (i) => i ? Object.entries(i).flatMap(([f, $]) => Object.entries($).flatMap(([u, M]) => {
-    const v = r(M, [f]), _ = `.${f}-${u}, [data-${f}="${u}"]`, N = v.join("");
-    return `${_} { ${N} }`;
-  })) : [], y = r(t.variables), w = l(t.responsiveVariables), j = s(t.conditionalVariables), o = W(e), g = n(o, "css/_variables.css"), F = `:root { ${y.join("")} ${w.join("")} } ${j.join("")}`;
-  S(g, F);
-  const h = n(o, "css/_global.css"), p = U(t.global, "");
-  S(h, `@layer global { ${p} }`);
-  const x = n(o, "css/_reset.css"), d = t.reset === "none" ? {} : typeof t.reset == "object" ? t.reset : Se, b = U(d, "");
-  S(x, `@layer reset { ${b} }`);
-  const a = n(o, "css/_templates.css"), m = de(t.templates), k = ge(t.templates);
-  S(a, m);
-  const C = n(o, "types/css-tokens.d.ts"), D = `
-  // Variable types
-  type VariableTokens = ${[...c].join("|")}; 
-  type PropertyValueToken = \`{\${VariableTokens}}\`;
-
-  // Template types
-  type TemplateTokens = {
-    ${Object.entries(k).map(([i, f]) => `${i}?: ${f}`).join(`
-`)}
-  }
-  `;
-  S(C, D);
-}, G = async (e, t, c) => {
-  const r = B(t), l = n(c, "./temp");
-  K(l) || J(l);
-  const s = H(t);
-  let y = R(t, "utf8");
-  y = y.replace(/styled\(([^"'`{,]+),/g, (h, p) => {
-    if (/^['"`]/.test(p)) return h;
-    const P = new RegExp(`import[^;]*${p}[,\\s{][^;]*from\\s?([^{};]+);`), d = P.test(y);
-    if (d || console.log("Not imported", p), !d) return h;
-    const b = P.exec(y);
-    if (b) {
-      const a = b.at(1), m = se.some((k) => a == null ? void 0 : a.includes(k));
-      if (m && console.log("Salty import", p, b.at(0)), m) return h;
-    }
-    return console.log("Replacing", p), "styled('div',";
-  });
-  const w = n(c, "js", r + ".js"), j = te(e), o = await Q(e);
-  await X.build({
-    stdin: {
-      contents: y,
-      sourcefile: s.base,
-      resolveDir: s.dir,
-      loader: "tsx"
-    },
-    minify: !1,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: w,
-    format: o,
-    target: ["node20"],
-    keepNames: !0,
-    external: j,
-    packages: "external"
-  });
-  const g = Date.now();
-  return await import(`${w}?t=${g}`);
-}, L = async (e) => {
-  const t = W(e), c = n(t, "salty.config.js"), r = Date.now(), { config: l } = await import(`${c}?t=${r}`);
-  return l;
-}, ne = () => {
-  try {
-    return process.env.NODE_ENV === "production";
-  } catch {
-    return !1;
-  }
-}, Me = async (e, t = ne()) => {
-  try {
-    const c = Date.now();
-    t ? O.info("Generating CSS in production mode! 🔥") : O.info("Generating CSS in development mode! 🚀");
-    const r = [], l = [], s = W(e), y = n(s, "index.css");
-    (() => {
-      K(s) && ie("rm -rf " + s), J(s), J(n(s, "css")), J(n(s, "types"));
-    })(), await Fe(e);
-    const j = await L(e);
-    async function o(a, m) {
-      const k = ["node_modules", "saltygen"], C = le(a);
-      if (C.isDirectory()) {
-        const E = pe(a);
-        if (k.some((i) => a.includes(i))) return;
-        await Promise.all(E.map((i) => o(n(a, i), n(m, i))));
-      } else if (C.isFile() && Z(a)) {
-        const D = await G(e, a, s), i = [];
-        Object.entries(D).forEach(([_, N]) => {
-          if (N.isKeyframes && N.css) {
-            const q = `a_${N.animationName}.css`, ae = `css/${q}`, ce = n(s, ae);
-            r.push(q), S(ce, N.css);
-            return;
-          }
-          if (!N.generator) return;
-          const T = N.generator._withBuildContext({
-            name: _,
-            config: j,
-            prod: t
-          });
-          l[T.priority] || (l[T.priority] = []), l[T.priority].push(T.cssFileName), i.push(T.cssFileName);
-          const oe = `css/${T.cssFileName}`, re = n(s, oe);
-          S(re, T.css);
-        });
-        const f = i.map((_) => `@import url('./${_}');`).join(`
-`), $ = B(a, 6), u = H(a), M = z(u.name), v = n(s, `css/f_${M}-${$}.css`);
-        S(v, f);
-      }
-    }
-    await o(e, s);
-    const g = r.map((a) => `@import url('./css/${a}');`).join(`
-`);
-    let x = `@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
-
-${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((a) => {
-      try {
-        return R(n(s, "css", a), "utf8").length > 0;
-      } catch {
-        return !1;
-      }
-    }).map((a) => `@import url('./css/${a}');`).join(`
-`)}
-${g}`;
-    if (j.importStrategy !== "component") {
-      const a = l.reduce((m, k, C) => {
-        const E = k.reduce(($, u) => {
-          const M = R(n(s, "css", u), "utf8");
-          return `${$}
-${M}`;
-        }, ""), D = `l_${C}.css`, i = n(s, "css", D), f = `@layer l${C} { ${E} }`;
-        return S(i, f), `${m}
-@import url('./css/${D}');`;
-      }, "");
-      x += a;
-    }
-    S(y, x);
-    const d = Date.now() - c, b = d < 200 ? "🔥" : d < 500 ? "🚀" : d < 1e3 ? "🎉" : d < 2e3 ? "🚗" : d < 5e3 ? "🤔" : "🥴";
-    O.info(`Generated CSS in ${d}ms! ${b}`);
-  } catch (c) {
-    console.error(c);
-  }
-}, _e = async (e, t) => {
-  try {
-    const c = [], r = n(e, "./saltygen"), l = n(r, "index.css");
-    if (Z(t)) {
-      const y = await L(e), w = await G(e, t, r);
-      Object.entries(w).forEach(([h, p]) => {
-        if (p.isKeyframes && p.css) {
-          const a = `css/${`a_${p.animationName}.css`}`, m = n(r, a);
-          S(m, p.css);
-          return;
-        }
-        if (!p.generator) return;
-        const x = p.generator._withBuildContext({
-          name: h,
-          config: y
-        }), P = `css/${x.cssFileName}`, d = n(r, P);
-        c.push(x.cssFileName), S(d, x.css);
-      });
-      const j = R(l, "utf8").split(`
-`), o = c.map((h) => `@import url('../saltygen/css/${h}');`), F = [.../* @__PURE__ */ new Set([...j, ...o])].join(`
-`);
-      S(l, F);
-    }
-  } catch (c) {
-    console.error(c);
-  }
-}, Ve = async (e, t, c = ne()) => {
-  try {
-    const r = n(e, "./saltygen");
-    if (Z(t)) {
-      const s = R(t, "utf8");
-      s.replace(/^(?!export\s)const\s.*/gm, (g) => `export ${g}`) !== s && await ue(t, s);
-      const w = await L(e), j = await G(e, t, r);
-      let o = s;
-      if (Object.entries(j).forEach(([g, F]) => {
-        var $;
-        if (F.isKeyframes || !F.generator) return;
-        const h = F.generator._withBuildContext({
-          name: g,
-          config: w,
-          prod: c
-        }), p = new RegExp(`\\s${g}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(s);
-        if (!p) return console.error("Could not find the original declaration");
-        const x = ($ = p.at(1)) == null ? void 0 : $.trim(), P = new RegExp(`\\s${g}[=\\s]+styled\\(`, "g").exec(o);
-        if (!P) return console.error("Could not find the original declaration");
-        const { index: d } = P;
-        let b = !1;
-        const a = setTimeout(() => b = !0, 5e3);
-        let m = 0, k = !1, C = 0;
-        for (; !k && !b; ) {
-          const u = o[d + m];
-          u === "(" && C++, u === ")" && C--, C === 0 && u === ")" && (k = !0), m > o.length && (b = !0), m++;
-        }
-        if (!b) clearTimeout(a);
-        else throw new Error("Failed to find the end of the styled call and timed out");
-        const E = d + m, D = o.slice(d, E), i = o, f = ` ${g} = styled(${x}, "${h.classNames}", ${JSON.stringify(h.props)});`;
-        o = o.replace(D, f), i === o && console.error("Minimize file failed to change content", { name: g, tagName: x });
-      }), w.importStrategy === "component") {
-        const g = B(t, 6), F = H(t);
-        o = `import '../../saltygen/css/${`f_${z(F.name)}-${g}.css`}';
-${o}`;
-      }
-      return o = o.replace("{ styled }", "{ styledClient as styled }"), o = o.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), o;
-    }
-  } catch (r) {
-    console.error("Error in minimizeFile:", r);
-  }
-};
-export {
-  Ee as a,
-  we as b,
-  Fe as c,
-  G as d,
-  _e as e,
-  Me as g,
-  Z as i,
-  O as l,
-  Ve as m,
-  se as s
-};