@salty-css/core 0.0.1-alpha.118 → 0.0.1-alpha.119

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-eyW1pjj1.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-BKHuU-Ho.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-V5AY9k9D.js";
+import { l as t, a as h, g as te } from "../index-DrkPrGSp.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-8PdMJjFC.cjs");require("path");require("fs");require("fs/promises");require("../parse-templates-lpgqU05M.cjs");const e=require("../index-eyW1pjj1.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-8PdMJjFC.cjs");require("path");require("fs");require("fs/promises");require("../parse-templates-lpgqU05M.cjs");const e=require("../index-BKHuU-Ho.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-D1FebDfR.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-V5AY9k9D.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-DrkPrGSp.js";
 export {
   p as compileSaltyFile,
   n as generateConfigStyles,

package/config/config-types.d.ts

@@ -1,6 +1,6 @@
-import { CssStyles } from '../types';
+import { CssProperties, CssStyles } from '../types';
 import { OrString } from '../types/util-types';
-export type GlobalStyles = Record<string, CssStyles>;
+export type GlobalStyles = Record<string, CssProperties>;
 export type CssVariables = Record<string, unknown>;
 export interface CssResponsiveVariables {
     [key: string]: CssVariables;
@@ -45,6 +45,10 @@ export interface SaltyConfig {
      * Variables that are defined for different parent selectors (classes or data attributes).
      */
     conditionalVariables?: CssConditionalVariables;
+    /**
+     * The global styles that are imported in the root of the project.
+     */
+    reset?: 'default' | 'none' | GlobalStyles;
     /**
      * The global styles that are imported in the root of the project.
      */

package/index-BKHuU-Ho.cjs

@@ -0,0 +1,21 @@
+"use strict";const se=require("esbuild"),ne=require("child_process"),_=require("./dash-case-8PdMJjFC.cjs"),o=require("path"),c=require("fs"),Z=require("fs/promises"),V=require("./parse-templates-lpgqU05M.cjs"),R=require("winston");var I=typeof document<"u"?document.currentScript:null;function oe(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=oe(se),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,".."))},re=async e=>{const t=L(e);return await Z.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},ie=async e=>{const t=await re(e);if(t)return t.type};let E;const U=async e=>{if(E)return E;const t=await ie(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-BKHuU-Ho.cjs",document.baseURI).href).endsWith(".cjs"))&&(E="cjs"),E||"esm"},J=R.createLogger({level:"debug",format:R.format.combine(R.format.colorize(),R.format.cli()),transports:[new R.transports.Console({})]}),ce=e=>{J.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 ae={"*, *::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},q=e=>o.join(e,"./saltygen"),Y=["salty","css","styles","styled"],Q=(e=[])=>new RegExp(`\\.(${[...Y,...e].join("|")})\\.`),z=(e,t=[])=>Q(t).test(e),le=async e=>{const t=q(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:g}=await import(`${n}?t=${h}`);return g},ee=async e=>{const t=await le(e),s=new Set,n=(f,l=[])=>f?Object.entries(f).flatMap(([d,u])=>{if(!u)return;if(typeof u=="object")return n(u,[...l,d]);const x=G(d),N=_.dashCase(d),v=[...l,x].join(".");s.add(`"${v}"`);const O=[...l.map(_.dashCase),N].join("-"),{result:H}=V.parseValueTokens(u);return`--${O}: ${H};`}):[],i=f=>f?Object.entries(f).flatMap(([l,d])=>{const u=n(d);return l==="base"?u.join(""):`${l} { ${u.join("")} }`}):[],p=f=>f?Object.entries(f).flatMap(([l,d])=>Object.entries(d).flatMap(([u,x])=>{const N=n(x,[l]),v=`.${l}-${u}, [data-${l}="${u}"]`,O=N.join("");return`${v} { ${O} }`})):[],h=n(t.variables),g=i(t.responsiveVariables),b=p(t.conditionalVariables),r=q(e),k=o.join(r,"css/variables.css"),m=`:root { ${h.join("")} ${g.join("")} } ${b.join("")}`;c.writeFileSync(k,m);const j=o.join(r,"css/global.css"),w=V.parseStyles(t.global,"");c.writeFileSync(j,`@layer global { ${w} }`);const a=o.join(r,"css/reset.css"),C=t.reset==="none"?{}:typeof t.reset=="object"?t.reset:ae,F=V.parseStyles(C,"");c.writeFileSync(a,`@layer reset { ${F} }`);const $=o.join(r,"css/templates.css"),T=V.parseTemplates(t.templates),y=V.getTemplateTypes(t.templates);c.writeFileSync($,T);const P=o.join(r,"types/css-tokens.d.ts"),M=`
+  // Variable types
+  type VariableTokens = ${[...s].join("|")}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(y).map(([f,l])=>`${f}?: ${l}`).join(`
+`)}
+  }
+  `;c.writeFileSync(P,M)},W=async(e,t,s)=>{const n=_.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 g=o.join(s,"js",n+".js"),b=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:g,format:r,target:["node20"],keepNames:!0,external:b,packages:"external"});const k=Date.now();return await import(`${g}?t=${k}`)},B=async e=>{const t=q(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}},pe=async(e,t=te())=>{try{t?J.info("Generating CSS in production mode! 🔥"):J.info("Generating CSS in development mode! 🚀");const s=[],n=[],i=q(e),p=o.join(i,"index.css");(()=>{c.existsSync(i)&&ne.execSync("rm -rf "+i),c.mkdirSync(i),c.mkdirSync(o.join(i,"css")),c.mkdirSync(o.join(i,"types"))})(),await ee(e);const g=await B(e);async function b(a,S){const C=["node_modules","saltygen"],F=c.statSync(a);if(F.isDirectory()){const $=c.readdirSync(a);if(C.some(y=>a.includes(y)))return;await Promise.all($.map(y=>b(o.join(a,y),o.join(S,y))))}else if(F.isFile()&&z(a)){const T=await W(e,a,i),y=[];Object.entries(T).forEach(([f,l])=>{if(l.isKeyframes&&l.css){const v=`${l.animationName}.css`,O=`css/${v}`,H=o.join(i,O);s.push(v),c.writeFileSync(H,l.css);return}if(!l.generator)return;const d=l.generator._withBuildContext({name:f,config:g,prod:t}),u=`${d.hash}-${d.priority}.css`;n[d.priority]||(n[d.priority]=[]),n[d.priority].push(u),y.push(u);const x=`css/${u}`,N=o.join(i,x);c.writeFileSync(N,d.css)});const P=y.map(f=>`@import url('./${f}');`).join(`
+`),D=_.toHash(a,6),M=o.join(i,`css/${D}.css`);c.writeFileSync(M,P)}}await b(e,i);const r=s.map(a=>`@import url('./css/${a}');`).join(`
+`);let w=`@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["variables.css","reset.css","global.css","templates.css"].filter(a=>{try{return c.readFileSync(o.join(i,"css",a),"utf8").length>0}catch{return!1}}).map(a=>`@import url('./css/${a}');`).join(`
+`)}
+${r}`;if(g.importStrategy!=="component"){const a=n.flat().map(S=>`@import url('./css/${S}');`).join(`
+`);w+=a}c.writeFileSync(p,w)}catch(s){console.error(s)}},ue=async(e,t)=>{try{const s=[],n=o.join(e,"./saltygen"),i=o.join(n,"index.css");if(z(t)){const h=await B(e),g=await W(e,t,n);Object.entries(g).forEach(([j,w])=>{if(!w.generator)return;const a=w.generator._withBuildContext({name:j,config:h}),S=`${a.hash}-${a.priority}.css`,C=`css/${S}`,F=o.join(n,C);s.push(S),c.writeFileSync(F,a.css)});const b=c.readFileSync(i,"utf8").split(`
+`),r=s.map(j=>`@import url('../saltygen/css/${j}');`),m=[...new Set([...b,...r])].join(`
+`);c.writeFileSync(i,m)}}catch(s){console.error(s)}},fe=async(e,t,s=te())=>{try{const n=o.join(e,"./saltygen");if(z(t)){const p=c.readFileSync(t,"utf8");p.replace(/^(?!export\s)const\s.*/gm,m=>`export ${m}`)!==p&&await Z.writeFile(t,p);const g=await B(e),b=await W(e,t,n);let r=p;Object.entries(b).forEach(([m,j])=>{var u;if(j.isKeyframes||!j.generator)return;const w=j.generator._withBuildContext({name:m,config:g,prod:s}),a=new RegExp(`\\s${m}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(p);if(!a)return console.error("Could not find the original declaration");const S=(u=a.at(1))==null?void 0:u.trim(),C=new RegExp(`\\s${m}[=\\s]+styled\\(`,"g").exec(r);if(!C)return console.error("Could not find the original declaration");const{index:F}=C;let $=!1;const T=setTimeout(()=>$=!0,5e3);let y=0,P=!1,D=0;for(;!P&&!$;){const x=r[F+y];x==="("&&D++,x===")"&&D--,D===0&&x===")"&&(P=!0),y>r.length&&($=!0),y++}if(!$)clearTimeout(T);else throw new Error("Failed to find the end of the styled call and timed out");const M=F+y,f=r.slice(F,M),l=r,d=` ${m} = styled(${S}, "${w.classNames}", ${JSON.stringify(w.props)});`;r=r.replace(f,d),l===r&&console.error("Minimize file failed to change content",{name:m,tagName:S})});const k=_.toHash(t,6);return g.importStrategy==="component"&&(r=`import '../../saltygen/css/${k}.css';
+${r}`),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=pe;exports.generateFile=ue;exports.isSaltyFile=z;exports.logError=ce;exports.logger=J;exports.minimizeFile=fe;exports.saltyFileExtensions=Y;exports.saltyFileRegExp=Q;

package/index-DrkPrGSp.js

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

package/package.json

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

package/templates/salty-reset.d.ts

@@ -0,0 +1,2 @@
+import { GlobalStyles } from '../config/config-types';
+export declare const saltyReset: GlobalStyles;

package/types/index.d.ts

@@ -21,7 +21,7 @@ type FnComponent<PROPS extends StyledComponentProps> = {
 };
 export type Tag<PROPS extends StyledComponentProps> = OrString | keyof HTMLElementTagNameMap | FnComponent<PROPS>;
 type CSSPropertyValueFunction = (params?: any) => any;
-type CssProperties = {
+export type CssProperties = {
     [key in keyof CSS.Properties]: CSS.Properties[key] | PropertyValueToken | CSSPropertyValueFunction | NeverObj;
 };
 type CssPropertyKeys = keyof CssProperties;

package/index-V5AY9k9D.js

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

package/index-eyW1pjj1.cjs

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