@salty-css/core 0.0.1-alpha.128 → 0.0.1-alpha.129

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-RidXn8lG.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-BrNi5uoh.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-BDkjvMN9.js";
+import { l as t, a as h, g as te } from "../index-XN7f6bdr.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-DIOn-gO_.cjs");const e=require("../index-RidXn8lG.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-DIOn-gO_.cjs");const e=require("../index-BrNi5uoh.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-BuKrl3n7.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-BDkjvMN9.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-XN7f6bdr.js";
 export {
   p as compileSaltyFile,
   n as generateConfigStyles,

package/index-BrNi5uoh.cjs

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

package/index-XN7f6bdr.js

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

package/package.json

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

package/index-BDkjvMN9.js

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

package/index-RidXn8lG.cjs

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