@salty-css/core 0.0.1-alpha.143 → 0.0.1-alpha.145

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-Btco4x8K.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-Ba9ztgjd.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-ZxtEz_YW.js";
+import { l as t, a as h, g as te } from "../index-BrnUnqGp.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-Btco4x8K.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-Ba9ztgjd.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-ZxtEz_YW.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-BrnUnqGp.js";
 export {
   p as compileSaltyFile,
   n as generateConfigStyles,

package/index-Ba9ztgjd.cjs

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

package/index-BrnUnqGp.js

@@ -0,0 +1,360 @@
+import * as Y from "esbuild";
+import { execSync as lt } from "child_process";
+import { t as J, d as W } from "./dash-case-DBThphLm.js";
+import { join as o, parse as K } from "path";
+import { existsSync as L, writeFileSync as x, mkdirSync as O, readFileSync as _, 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 H, transports as $t } from "winston";
+const Q = (t) => {
+  if (!t || t === "/") throw new Error("Could not find package.json file");
+  const e = o(t, "package.json");
+  return L(e) ? e : Q(o(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";
+}, z = ht({
+  level: "debug",
+  format: H.combine(H.colorize(), H.cli()),
+  transports: [new $t.Console({})]
+}), _t = (t) => {
+  z.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, r) => (r > 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"
+  }
+}, B = {
+  externalModules: []
+}, st = (t) => {
+  if (B.externalModules.length > 0) return B.externalModules;
+  const e = o(t, "salty.config.ts"), c = _(e, "utf8").match(/externalModules:\s?\[(.*)\]/);
+  if (!c) return [];
+  const a = c[1].split(",").map((n) => n.replace(/['"`]/g, "").trim());
+  return B.externalModules = a, a;
+}, I = (t) => o(t, "./saltygen"), nt = ["salty", "css", "styles", "styled"], xt = (t = []) => new RegExp(`\\.(${[...nt, ...t].join("|")})\\.`), Z = (t, e = []) => xt(e).test(t), Ct = async (t) => {
+  const e = I(t), r = o(t, "salty.config.ts"), c = o(e, "salty.config.js"), a = await tt(t), n = st(t);
+  await Y.build({
+    entryPoints: [r],
+    minify: !0,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: c,
+    format: a,
+    external: n
+  });
+  const h = Date.now(), { config: d } = await import(`${c}?t=${h}`);
+  return d;
+}, Ft = async (t) => {
+  const e = await Ct(t), r = /* @__PURE__ */ new Set(), c = (l, g = []) => l ? Object.entries(l).flatMap(([y, f]) => {
+    if (!f) return;
+    if (typeof f == "object") return c(f, [...g, y]);
+    const E = et(y), V = W(y), k = [...g, E].join(".");
+    r.add(`"${k}"`);
+    const w = [...g.map(W), V].join("-"), { result: T } = yt(f);
+    return `--${w}: ${T};`;
+  }) : [], a = (l) => l ? Object.entries(l).flatMap(([g, y]) => {
+    const f = c(y);
+    return g === "base" ? f.join("") : `${g} { ${f.join("")} }`;
+  }) : [], n = (l) => l ? Object.entries(l).flatMap(([g, y]) => Object.entries(y).flatMap(([f, E]) => {
+    const V = c(E, [g]), k = `.${g}-${f}, [data-${g}="${f}"]`, w = V.join("");
+    return `${k} { ${w} }`;
+  })) : [], h = c(e.variables), d = a(e.responsiveVariables), u = n(e.conditionalVariables), s = I(t), p = o(s, "css/_variables.css"), m = `:root { ${h.join("")} ${d.join("")} } ${u.join("")}`;
+  x(p, m);
+  const C = o(s, "css/_global.css"), S = U(e.global, "");
+  x(C, `@layer global { ${S} }`);
+  const $ = o(s, "css/_reset.css"), b = e.reset === "none" ? {} : typeof e.reset == "object" ? e.reset : wt, P = U(b, "");
+  x($, `@layer reset { ${P} }`);
+  const i = o(s, "css/_templates.css"), F = gt(e.templates), D = mt(e.templates);
+  x(i, F);
+  const j = o(s, "types/css-tokens.d.ts"), N = `
+  // Variable types
+  type VariableTokens = ${[...r].join("|")}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(D).map(([l, g]) => `${l}?: ${g}`).join(`
+`)}
+  }
+  `;
+  x(j, N);
+}, X = (t) => t.replace(/styled\(([^"'`{,]+),/g, (e, r) => {
+  if (/^['"`]/.test(r)) return e;
+  const a = new RegExp(`import[^;]*${r}[,\\s{][^;]*from\\s?([^{};]+);`);
+  if (!a.test(t)) return e;
+  const h = a.exec(t);
+  if (h) {
+    const d = h.at(1);
+    if (nt.some((s) => d == null ? void 0 : d.includes(s))) return e;
+  }
+  return "styled('div',";
+}), A = async (t, e, r) => {
+  const c = J(e), a = o(r, "./temp");
+  L(a) || O(a);
+  const n = K(e);
+  let h = _(e, "utf8");
+  h = X(h);
+  const d = o(r, "js", c + ".js"), u = st(t), s = await tt(t);
+  await Y.build({
+    stdin: {
+      contents: h,
+      sourcefile: n.base,
+      resolveDir: n.dir,
+      loader: "tsx"
+    },
+    minify: !1,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: d,
+    format: s,
+    target: ["node20"],
+    keepNames: !0,
+    external: u,
+    packages: "external",
+    plugins: [
+      {
+        name: "test",
+        setup: (C) => {
+          C.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, (S) => {
+            const $ = _(S.path, "utf8");
+            return { contents: X($), loader: "ts" };
+          });
+        }
+      }
+    ]
+  });
+  const p = Date.now();
+  return await import(`${d}?t=${p}`);
+}, G = async (t) => {
+  const e = I(t), r = o(e, "salty.config.js"), c = Date.now(), { config: a } = await import(`${r}?t=${c}`);
+  return a;
+}, ot = () => {
+  try {
+    return process.env.NODE_ENV === "production";
+  } catch {
+    return !1;
+  }
+}, Mt = async (t, e = ot()) => {
+  try {
+    const r = Date.now();
+    e ? z.info("Generating CSS in production mode! 🔥") : z.info("Generating CSS in development mode! 🚀");
+    const c = [], a = [], n = I(t), h = o(n, "index.css");
+    (() => {
+      L(n) && lt("rm -rf " + n), O(n), O(o(n, "css")), O(o(n, "types"));
+    })(), await Ft(t);
+    const u = await G(t);
+    async function s(i, F) {
+      const D = ["node_modules", "saltygen"], j = pt(i);
+      if (j.isDirectory()) {
+        const M = ft(i);
+        if (D.some((l) => i.includes(l))) return;
+        await Promise.all(M.map((l) => s(o(i, l), o(F, l))));
+      } else if (j.isFile() && Z(i)) {
+        const N = await A(t, i, n), l = [];
+        Object.entries(N).forEach(([k, w]) => {
+          if (w.isKeyframes && w.css) {
+            const q = `a_${w.animationName}.css`, ct = `css/${q}`, it = o(n, ct);
+            c.push(q), x(it, w.css);
+            return;
+          }
+          if (!w.generator) return;
+          const T = w.generator._withBuildContext({
+            name: k,
+            config: u,
+            prod: e
+          });
+          a[T.priority] || (a[T.priority] = []), a[T.priority].push(T.cssFileName), l.push(T.cssFileName);
+          const rt = `css/${T.cssFileName}`, at = o(n, rt);
+          x(at, T.css);
+        });
+        const g = l.map((k) => `@import url('./${k}');`).join(`
+`), y = J(i, 6), f = K(i), E = W(f.name), V = o(n, `css/f_${E}-${y}.css`);
+        x(V, g);
+      }
+    }
+    await s(t, n);
+    const p = c.map((i) => `@import url('./css/${i}');`).join(`
+`);
+    let $ = `@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((i) => {
+      try {
+        return _(o(n, "css", i), "utf8").length > 0;
+      } catch {
+        return !1;
+      }
+    }).map((i) => `@import url('./css/${i}');`).join(`
+`)}
+${p}`;
+    if (u.importStrategy !== "component") {
+      const i = a.reduce((F, D, j) => {
+        const M = D.reduce((y, f) => {
+          var w;
+          const E = o(n, "css", f), V = _(E, "utf8"), k = ((w = /.*-([^-]+)-\d+.css/.exec(f)) == null ? void 0 : w.at(1)) || J(E, 6);
+          return y.includes(k) ? y : `${y}
+/*start:${k}*/
+${V}
+/*end:${k}*/
+`;
+        }, ""), N = `l_${j}.css`, l = o(n, "css", N), g = `@layer l${j} { ${M}
+ }`;
+        return x(l, g), `${F}
+@import url('./css/${N}');`;
+      }, "");
+      $ += i;
+    }
+    x(h, $);
+    const b = Date.now() - r, P = b < 200 ? "🔥" : b < 500 ? "🚀" : b < 1e3 ? "🎉" : b < 2e3 ? "🚗" : b < 5e3 ? "🤔" : "🥴";
+    z.info(`Generated CSS in ${b}ms! ${P}`);
+  } catch (r) {
+    console.error(r);
+  }
+}, Vt = async (t, e) => {
+  try {
+    const r = o(t, "./saltygen");
+    if (Z(e)) {
+      const a = [], n = await G(t), h = await A(t, e, r);
+      Object.entries(h).forEach(([d, u]) => {
+        if (u.isKeyframes && u.css) {
+          const S = `css/${`a_${u.animationName}.css`}`, $ = o(r, S);
+          x($, u.css);
+          return;
+        }
+        if (!u.generator) return;
+        const s = u.generator._withBuildContext({
+          name: d,
+          config: n
+        }), p = `css/${s.cssFileName}`, m = o(r, p);
+        x(m, s.css), a[s.priority] || (a[s.priority] = []), a[s.priority].push(s.cssFileName);
+      }), n.importStrategy !== "component" && a.forEach((d, u) => {
+        const s = `l_${u}.css`, p = o(r, "css", s);
+        let m = _(p, "utf8");
+        d.forEach((C) => {
+          var b;
+          const S = o(r, "css", C), $ = ((b = /.*-([^-]+)-\d+.css/.exec(C)) == null ? void 0 : b.at(1)) || J(S, 6);
+          if (!m.includes($)) {
+            const P = _(S, "utf8"), i = `/*start:${$}*/
+${P}
+/*end:${$}*/
+`;
+            m = `${m.replace(/\}$/, "")}
+${i}
+}`;
+          }
+        }), x(p, m);
+      });
+    }
+  } catch (r) {
+    console.error(r);
+  }
+}, vt = async (t, e, r = ot()) => {
+  try {
+    const c = o(t, "./saltygen");
+    if (Z(e)) {
+      const n = _(e, "utf8");
+      n.replace(/^(?!export\s)const\s.*/gm, (p) => `export ${p}`) !== n && await ut(e, n);
+      const d = await G(t), u = await A(t, e, c);
+      let s = n;
+      if (Object.entries(u).forEach(([p, m]) => {
+        var y;
+        if (m.isKeyframes || !m.generator) return;
+        const C = m.generator._withBuildContext({
+          name: p,
+          config: d,
+          prod: r
+        }), S = new RegExp(`\\s${p}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(n);
+        if (!S) return console.error("Could not find the original declaration");
+        const $ = (y = S.at(1)) == null ? void 0 : y.trim(), v = new RegExp(`\\s${p}[=\\s]+styled\\(`, "g").exec(s);
+        if (!v) return console.error("Could not find the original declaration");
+        const { index: b } = v;
+        let P = !1;
+        const i = setTimeout(() => P = !0, 5e3);
+        let F = 0, D = !1, j = 0;
+        for (; !D && !P; ) {
+          const f = s[b + F];
+          f === "(" && j++, f === ")" && j--, j === 0 && f === ")" && (D = !0), F > s.length && (P = !0), F++;
+        }
+        if (!P) clearTimeout(i);
+        else throw new Error("Failed to find the end of the styled call and timed out");
+        const M = b + F, N = s.slice(b, M), l = s, g = ` ${p} = styled(${$}, "${C.classNames}", ${JSON.stringify(C.props)});`;
+        s = s.replace(N, g), l === s && console.error("Minimize file failed to change content", { name: p, tagName: $ });
+      }), d.importStrategy === "component") {
+        const p = J(e, 6), m = K(e);
+        s = `import '../../saltygen/css/${`f_${W(m.name)}-${p}.css`}';
+${s}`;
+      }
+      return s = s.replace("{ styled }", "{ styledClient as styled }"), s = s.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), s;
+    }
+  } catch (c) {
+    console.error("Error in minimizeFile:", c);
+  }
+};
+export {
+  _t as a,
+  xt as b,
+  Ft as c,
+  A as d,
+  Vt as e,
+  Mt as g,
+  Z as i,
+  z as l,
+  vt as m,
+  nt as s
+};

package/package.json

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

package/index-Btco4x8K.cjs

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

package/index-ZxtEz_YW.js

@@ -1,361 +0,0 @@
-import * as Y from "esbuild";
-import { execSync as lt } from "child_process";
-import { t as J, d as W } from "./dash-case-DBThphLm.js";
-import { join as o, parse as B } from "path";
-import { existsSync as K, writeFileSync as w, mkdirSync as O, readFileSync as _, 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 = o(t, "package.json");
-  return K(e) ? e : Q(o(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";
-}, z = ht({
-  level: "debug",
-  format: I.combine(I.colorize(), I.cli()),
-  transports: [new $t.Console({})]
-}), _t = (t) => {
-  z.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, r) => (r > 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 = o(t, "salty.config.ts"), c = _(e, "utf8").match(/externalModules:\s?\[(.*)\]/);
-  if (!c) return [];
-  const p = c[1].split(",").map((s) => s.replace(/['"`]/g, "").trim());
-  return A.externalModules = p, p;
-}, H = (t) => o(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 = H(t), r = o(t, "salty.config.ts"), c = o(e, "salty.config.js"), p = await tt(t), s = st(t);
-  await Y.build({
-    entryPoints: [r],
-    minify: !0,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: c,
-    format: p,
-    external: s
-  });
-  const m = Date.now(), { config: y } = await import(`${c}?t=${m}`);
-  return y;
-}, Ft = async (t) => {
-  const e = await Ct(t), r = /* @__PURE__ */ new Set(), c = (l, d = []) => l ? Object.entries(l).flatMap(([b, u]) => {
-    if (!u) return;
-    if (typeof u == "object") return c(u, [...d, b]);
-    const M = et(b), v = W(b), N = [...d, M].join(".");
-    r.add(`"${N}"`);
-    const T = [...d.map(W), v].join("-"), { result: E } = yt(u);
-    return `--${T}: ${E};`;
-  }) : [], p = (l) => l ? Object.entries(l).flatMap(([d, b]) => {
-    const u = c(b);
-    return d === "base" ? u.join("") : `${d} { ${u.join("")} }`;
-  }) : [], s = (l) => l ? Object.entries(l).flatMap(([d, b]) => Object.entries(b).flatMap(([u, M]) => {
-    const v = c(M, [d]), N = `.${d}-${u}, [data-${d}="${u}"]`, T = v.join("");
-    return `${N} { ${T} }`;
-  })) : [], m = c(e.variables), y = p(e.responsiveVariables), k = s(e.conditionalVariables), n = H(t), a = o(n, "css/_variables.css"), f = `:root { ${m.join("")} ${y.join("")} } ${k.join("")}`;
-  w(a, f);
-  const S = o(n, "css/_global.css"), h = U(e.global, "");
-  w(S, `@layer global { ${h} }`);
-  const x = o(n, "css/_reset.css"), g = e.reset === "none" ? {} : typeof e.reset == "object" ? e.reset : wt, F = U(g, "");
-  w(x, `@layer reset { ${F} }`);
-  const i = o(n, "css/_templates.css"), $ = gt(e.templates), P = mt(e.templates);
-  w(i, $);
-  const j = o(n, "types/css-tokens.d.ts"), D = `
-  // Variable types
-  type VariableTokens = ${[...r].join("|")}; 
-  type PropertyValueToken = \`{\${VariableTokens}}\`;
-
-  // Template types
-  type TemplateTokens = {
-    ${Object.entries(P).map(([l, d]) => `${l}?: ${d}`).join(`
-`)}
-  }
-  `;
-  w(j, D);
-}, X = (t) => t.replace(/styled\(([^"'`{,]+),/g, (e, r) => {
-  if (/^['"`]/.test(r)) return e;
-  const p = new RegExp(`import[^;]*${r}[,\\s{][^;]*from\\s?([^{};]+);`);
-  if (!p.test(t)) return e;
-  const m = p.exec(t);
-  if (m) {
-    const y = m.at(1);
-    if (nt.some((n) => y == null ? void 0 : y.includes(n))) return e;
-  }
-  return "styled('div',";
-}), Z = async (t, e, r) => {
-  const c = J(e), p = o(r, "./temp");
-  K(p) || O(p);
-  const s = B(e);
-  let m = _(e, "utf8");
-  m = X(m);
-  const y = o(r, "js", c + ".js"), k = st(t), n = await tt(t);
-  await Y.build({
-    stdin: {
-      contents: m,
-      sourcefile: s.base,
-      resolveDir: s.dir,
-      loader: "tsx"
-    },
-    minify: !1,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: y,
-    format: n,
-    target: ["node20"],
-    keepNames: !0,
-    external: k,
-    packages: "external",
-    plugins: [
-      {
-        name: "test",
-        setup: (S) => {
-          S.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, (h) => {
-            const x = _(h.path, "utf8");
-            return { contents: X(x), loader: "ts" };
-          });
-        }
-      }
-    ]
-  });
-  const a = Date.now();
-  return await import(`${y}?t=${a}`);
-}, G = async (t) => {
-  const e = H(t), r = o(e, "salty.config.js"), c = Date.now(), { config: p } = await import(`${r}?t=${c}`);
-  return p;
-}, ot = () => {
-  try {
-    return process.env.NODE_ENV === "production";
-  } catch {
-    return !1;
-  }
-}, Mt = async (t, e = ot()) => {
-  try {
-    const r = Date.now();
-    e ? z.info("Generating CSS in production mode! 🔥") : z.info("Generating CSS in development mode! 🚀");
-    const c = [], p = [], s = H(t), m = o(s, "index.css");
-    (() => {
-      K(s) && lt("rm -rf " + s), O(s), O(o(s, "css")), O(o(s, "types"));
-    })(), await Ft(t);
-    const k = await G(t);
-    async function n(i, $) {
-      const P = ["node_modules", "saltygen"], j = pt(i);
-      if (j.isDirectory()) {
-        const V = ft(i);
-        if (P.some((l) => i.includes(l))) return;
-        await Promise.all(V.map((l) => n(o(i, l), o($, l))));
-      } else if (j.isFile() && L(i)) {
-        const D = await Z(t, i, s), l = [];
-        Object.entries(D).forEach(([N, T]) => {
-          if (T.isKeyframes && T.css) {
-            const q = `a_${T.animationName}.css`, ct = `css/${q}`, it = o(s, ct);
-            c.push(q), w(it, T.css);
-            return;
-          }
-          if (!T.generator) return;
-          const E = T.generator._withBuildContext({
-            name: N,
-            config: k,
-            prod: e
-          });
-          p[E.priority] || (p[E.priority] = []), p[E.priority].push(E.cssFileName), l.push(E.cssFileName);
-          const rt = `css/${E.cssFileName}`, at = o(s, rt);
-          w(at, E.css);
-        });
-        const d = l.map((N) => `@import url('./${N}');`).join(`
-`), b = J(i, 6), u = B(i), M = W(u.name), v = o(s, `css/f_${M}-${b}.css`);
-        w(v, d);
-      }
-    }
-    await n(t, s);
-    const a = c.map((i) => `@import url('./css/${i}');`).join(`
-`);
-    let x = `@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
-
-${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((i) => {
-      try {
-        return _(o(s, "css", i), "utf8").length > 0;
-      } catch {
-        return !1;
-      }
-    }).map((i) => `@import url('./css/${i}');`).join(`
-`)}
-${a}`;
-    if (k.importStrategy !== "component") {
-      const i = p.reduce(($, P, j) => {
-        const V = P.reduce((b, u) => {
-          const M = o(s, "css", u), v = _(M, "utf8"), N = J(M, 6);
-          return `${b}
-/*start:${N}*/
-${v}
-/*end:${N}*/
-`;
-        }, ""), D = `l_${j}.css`, l = o(s, "css", D), d = `@layer l${j} { ${V}
- }`;
-        return w(l, d), `${$}
-@import url('./css/${D}');`;
-      }, "");
-      x += i;
-    }
-    w(m, x);
-    const g = Date.now() - r, F = g < 200 ? "🔥" : g < 500 ? "🚀" : g < 1e3 ? "🎉" : g < 2e3 ? "🚗" : g < 5e3 ? "🤔" : "🥴";
-    z.info(`Generated CSS in ${g}ms! ${F}`);
-  } catch (r) {
-    console.error(r);
-  }
-}, Vt = async (t, e) => {
-  try {
-    const r = o(t, "./saltygen"), c = o(r, "index.css");
-    if (L(e)) {
-      const s = [], m = await G(t), y = await Z(t, e, r);
-      Object.entries(y).forEach(([n, a]) => {
-        if (a.isKeyframes && a.css) {
-          const C = `css/${`a_${a.animationName}.css`}`, g = o(r, C);
-          w(g, a.css);
-          return;
-        }
-        if (!a.generator) return;
-        const f = a.generator._withBuildContext({
-          name: n,
-          config: m
-        }), S = `css/${f.cssFileName}`, h = o(r, S);
-        w(h, f.css), s[f.priority] || (s[f.priority] = []), s[f.priority].push(f.cssFileName);
-      });
-      const k = _(c, "utf8").split(`
-`);
-      m.importStrategy !== "component" && s.forEach((n, a) => {
-        const f = `l_${a}.css`, S = o(r, "css", f);
-        let h = _(S, "utf8");
-        n.forEach((x) => {
-          const C = o(r, "css", x), g = J(C, 6), F = h.includes(g);
-          if (console.log({ layer: a, filepath: C, filepathHash: g, found: F }), !F) {
-            const i = _(C, "utf8"), $ = J(C, 6), P = `/*start:${$}*/
-${i}
-/*end:${$}*/
-`;
-            h = `${h.replace(/\}$/, "")}
-${P}
-}`;
-          }
-        }), w(S, h);
-      });
-    }
-  } catch (r) {
-    console.error(r);
-  }
-}, vt = async (t, e, r = ot()) => {
-  try {
-    const c = o(t, "./saltygen");
-    if (L(e)) {
-      const s = _(e, "utf8");
-      s.replace(/^(?!export\s)const\s.*/gm, (a) => `export ${a}`) !== s && await ut(e, s);
-      const y = await G(t), k = await Z(t, e, c);
-      let n = s;
-      if (Object.entries(k).forEach(([a, f]) => {
-        var b;
-        if (f.isKeyframes || !f.generator) return;
-        const S = f.generator._withBuildContext({
-          name: a,
-          config: y,
-          prod: r
-        }), h = new RegExp(`\\s${a}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(s);
-        if (!h) return console.error("Could not find the original declaration");
-        const x = (b = h.at(1)) == null ? void 0 : b.trim(), C = new RegExp(`\\s${a}[=\\s]+styled\\(`, "g").exec(n);
-        if (!C) return console.error("Could not find the original declaration");
-        const { index: g } = C;
-        let F = !1;
-        const i = setTimeout(() => F = !0, 5e3);
-        let $ = 0, P = !1, j = 0;
-        for (; !P && !F; ) {
-          const u = n[g + $];
-          u === "(" && j++, u === ")" && j--, j === 0 && u === ")" && (P = !0), $ > n.length && (F = !0), $++;
-        }
-        if (!F) clearTimeout(i);
-        else throw new Error("Failed to find the end of the styled call and timed out");
-        const V = g + $, D = n.slice(g, V), l = n, d = ` ${a} = styled(${x}, "${S.classNames}", ${JSON.stringify(S.props)});`;
-        n = n.replace(D, d), l === n && console.error("Minimize file failed to change content", { name: a, tagName: x });
-      }), y.importStrategy === "component") {
-        const a = J(e, 6), f = B(e);
-        n = `import '../../saltygen/css/${`f_${W(f.name)}-${a}.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);
-  }
-};
-export {
-  _t as a,
-  xt as b,
-  Ft as c,
-  Z as d,
-  Vt as e,
-  Mt as g,
-  L as i,
-  z as l,
-  vt as m,
-  nt as s
-};