@salty-css/webpack 0.0.1-alpha.205 → 0.0.1-alpha.207

package/index-C2eoLLSc.cjs

@@ -0,0 +1,40 @@
+"use strict";const xe=require("esbuild"),ke=require("child_process"),a=require("path"),d=require("fs"),re=require("fs/promises"),L=require("winston");var oe=typeof document<"u"?document.currentScript:null;function _e(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 ye=_e(xe),pe=e=>String.fromCharCode(e+(e>25?39:97)),De=(e,t)=>{let s="",n;for(n=Math.abs(e);n>52;n=n/52|0)s=pe(n%52)+s;return s=pe(n%52)+s,s.length<t?s=s.padStart(t,"a"):s.length>t&&(s=s.slice(-t)),s},Oe=(e,t)=>{let s=t.length;for(;s;)e=e*33^t.charCodeAt(--s);return e},W=(e,t=5)=>{const s=Oe(5381,JSON.stringify(e))>>>0;return De(s,t)};function M(e){return e?typeof e!="string"?M(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 Te=e=>t=>{if(typeof t!="string"||!e)return;let s=t;const n=[];return Object.values(e).forEach(o=>{const{pattern:i,transform:c}=o;s=s.replace(i,h=>{const{value:F,css:l}=c(h);return l&&n.push(l),F})}),{transformed:s,additionalCss:n}},ge=e=>t=>typeof t!="string"||!/\{[^{}]+\}/g.test(t)?void 0:{transformed:t.replace(/\{([^{}]+)\}/g,(...o)=>`var(--${M(o[1].replaceAll(".","-"))})`)},Ee=ge(),Ve=["top","right","bottom","left","min-width",/.*width.*/,/^[^line]*height.*/,/padding.*/,/margin.*/,/border.*/,/inset.*/,/.*radius.*/,/.*spacing.*/,/.*gap.*/,/.*indent.*/,/.*offset.*/,/.*size.*/,/.*thickness.*/,/.*font-size.*/],Me=(e,t,s)=>Ve.some(o=>typeof o=="string"?o===e:o.test(e))?`${t}px`:`${t}`,Re=["Webkit","Moz","ms","O"],ze=e=>e.startsWith("-")?e:Re.some(t=>e.startsWith(t))?`-${M(e)}`:M(e),X=async(e,t="",s,n=!1)=>{if(!e)throw new Error("No styles provided to parseStyles function!");const o=new Set,c=Object.entries(e).map(async([y,r])=>{const p=y.trim(),b=ze(p),C=(O,_=";")=>`${b}:${O}${_}`;if(typeof r=="function"&&(r=r({scope:t,config:s})),r instanceof Promise&&(r=await r),typeof r=="object"){if(!r)return;if(r.isColor)return C(r.toString());if(p==="defaultVariants")return;if(p==="variants"){const D=Object.entries(r);for(const[P,E]of D){if(!E)return;const f=Object.entries(E);for(const[w,g]of f){if(!g)return;const u=`${t}.${P}-${w}`;(await X(g,u,s)).forEach(x=>o.add(x))}}return}if(p==="compoundVariants"){for(const D of r){const{css:P,...E}=D,f=Object.entries(E).reduce((g,[u,S])=>`${g}.${u}-${S}`,t);(await X(P,f,s)).forEach(g=>o.add(g))}return}if(p.startsWith("@")){const D=p,P=await B(r,t,s),E=`${D} { ${P} }`;o.add(E);return}const O=y.includes("&")?p.replace("&",t):p.startsWith(":")?`${t}${p}`:`${t} ${p}`;(await X(r,O,s)).forEach(D=>o.add(D));return}if(typeof r=="number"){const O=Me(b,r);return C(O)}if(typeof r!="string")if("toString"in r)r=r.toString();else throw new Error(`Invalid value type for property ${b}`);return C(r)}),{modifiers:h}={},F=[ge(),Te(h)],m=(await Promise.all(c).then(y=>Promise.all(y.map(r=>F.reduce(async(p,b)=>{const C=await p;if(!C)return C;const k=await b(C);if(!k)return C;const{transformed:O,additionalCss:_}=k;let D="";if(_)for(const P of _)D+=await B(P,"");return`${D}${O}`},Promise.resolve(r)))))).join(`
+`);if(!m.trim())return o;const $=t?`${t} { ${m} }`:m;return o.add($),o},B=async(e,t,s,n=!1)=>[...await X(e,t,s,n)].join(`
+`),he=async(e,t=[])=>{if(!e)return"";const s=[],n={};for(const[o,i]of Object.entries(e))if(typeof i!="function")if(i&&typeof i=="object"){const c=o.trim(),h=await he(i,[...t,c]);s.push(h)}else n[o]=i;if(Object.keys(n).length){const o=t.map(M).join("-"),i="t_"+W(o,4),c=await B(n,`.${o}, .${i}`);s.push(c)}return s.join(`
+`)},Je=e=>e?Object.entries(e).reduce((t,[s,n])=>(typeof n=="function"?t[s]="any":typeof n=="object"&&(t[s]=we(n).map(o=>`"${o}"`).join(" | ")),t),{}):{},we=(e,t="",s=new Set)=>e?(Object.entries(e).forEach(([n,o])=>{const i=t?`${t}.${n}`:n;return typeof o=="object"?we(o,i,s):s.add(t)}),[...s]):[],$e=e=>{if(!e||e==="/")throw new Error("Could not find package.json file");const t=a.join(e,"package.json");return d.existsSync(t)?t:$e(a.join(e,".."))},We=async e=>{const t=$e(e);return await re.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},Ae=async e=>{const t=await We(e);if(t)return t.type};let I;const be=async e=>{if(I)return I;const t=await Ae(e);return t==="module"?I="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:oe&&oe.tagName.toUpperCase()==="SCRIPT"&&oe.src||new URL("index-C2eoLLSc.cjs",document.baseURI).href).endsWith(".cjs"))&&(I="cjs"),I||"esm"},ie=L.createLogger({level:"debug",format:L.format.combine(L.format.colorize(),L.format.cli()),transports:[new L.transports.Console({})]});function Se(e){return e?typeof e!="string"?Se(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 ve={"*, *::before, *::after":{boxSizing:"border-box"},"*":{margin:0},html:{lineHeight:1.15,textSizeAdjust:"100%",WebkitFontSmoothing:"antialiased"},"img, picture, video, canvas, svg":{display:"block",maxWidth:"100%"},"p, h1, h2, h3, h4, h5, h6":{overflowWrap:"break-word"},p:{textWrap:"pretty"},"h1, h2, h3, h4, h5, h6":{textWrap:"balance"},a:{color:"currentColor"},button:{lineHeight:"1em",color:"currentColor"},"input, optgroup, select, textarea":{fontFamily:"inherit",fontSize:"100%",lineHeight:"1.15em"}},Z=(...e)=>e.flat().reduce((t,s)=>s!=null&&s._current?{...t,...s._current}:{...t,...s},{}),Ie=(...e)=>e.flat().reduce((t,s)=>({...t,...s._children}),{}),J={externalModules:[],rcFile:void 0,destDir:void 0},je=e=>{if(J.externalModules.length>0)return J.externalModules;const s=d.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const n=s[1].split(",").map(o=>o.replace(/['"`]/g,"").trim());return J.externalModules=n,n},A=async e=>{if(J.destDir)return J.destDir;const t=await ce(e),s=a.join(e,(t==null?void 0:t.saltygenDir)||"saltygen");return J.destDir=s,s},Fe=["salty","css","styles","styled"],Ce=(e=[])=>new RegExp(`\\.(${[...Fe,...e].join("|")})\\.`),Y=(e,t=[])=>Ce(t).test(e),Ne=async e=>{if(J.rcFile)return J.rcFile;if(e==="/")throw new Error("Could not find .saltyrc.json file");const t=a.join(e,".saltyrc.json"),s=await re.readFile(t,"utf-8").then(JSON.parse).catch(()=>{});return s?(J.rcFile=s,s):Ne(a.join(e,".."))},ce=async e=>{var n,o;const t=await Ne(e),s=(n=t.projects)==null?void 0:n.find(i=>e.endsWith(i.dir||""));return s||((o=t.projects)==null?void 0:o.find(i=>i.dir===t.defaultProject))},Ze=async e=>{const t=await ce(e),s=await A(e),n=a.join(e,(t==null?void 0:t.configDir)||"","salty.config.ts"),o=a.join(s,"salty.config.js"),i=await be(e),c=je(n);await ye.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:o,format:i,external:c});const h=Date.now(),{config:F}=await import(`${o}?t=${h}`);return F},qe=async(e,t)=>{var fe,ue;const s=await A(e),n={mediaQueries:[],globalStyles:[],variables:[],templates:[]};await Promise.all([...t].map(async j=>{const{contents:N,outputFilePath:z}=await ee(e,j,s);Object.entries(N).forEach(([T,V])=>{V.isMedia?n.mediaQueries.push([T,V]):V.isGlobalDefine?n.globalStyles.push(V):V.isDefineVariables?n.variables.push(V):V.isDefineTemplates&&n.templates.push(V._setPath(z))})}));const o=await Ze(e),i={...o},c=new Set,h=(j,N=[])=>j?Object.entries(j).flatMap(([z,T])=>{if(!T)return;if(typeof T=="object")return h(T,[...N,z]);const V=Se(z),se=M(z),ne=[...N,V].join(".");c.add(`"${ne}"`);const U=[...N.map(M),se].join("-"),de=Ee(T);return de?`--${U}: ${de.transformed};`:`--${U}: ${T};`}):[],F=j=>j?Object.entries(j).flatMap(([N,z])=>{const T=h(z);return N==="base"?T.join(""):`${N} { ${T.join("")} }`}):[],l=j=>j?Object.entries(j).flatMap(([N,z])=>Object.entries(z).flatMap(([T,V])=>{const se=h(V,[N]),ne=`.${N}-${T}, [data-${N}="${T}"]`,U=se.join("");return`${ne} { ${U} }`})):[],m=j=>({...j,responsive:void 0,conditional:void 0}),$=j=>n.variables.map(N=>j==="static"?m(N._current):N._current[j]),y=Z(m(o.variables),$("static")),r=h(y),p=Z((fe=o.variables)==null?void 0:fe.responsive,$("responsive")),b=F(p),C=Z((ue=o.variables)==null?void 0:ue.conditional,$("conditional")),k=l(C),O=a.join(s,"css/_variables.css"),_=`:root { ${r.join("")} ${b.join("")} } ${k.join("")}`;d.writeFileSync(O,_),i.staticVariables=y;const D=a.join(s,"css/_global.css"),P=Z(o.global,n.globalStyles),E=await B(P,"");d.writeFileSync(D,`@layer global { ${E} }`);const f=a.join(s,"css/_reset.css"),g=o.reset==="none"?{}:typeof o.reset=="object"?o.reset:ve,u=await B(g,"");d.writeFileSync(f,`@layer reset { ${u} }`);const S=a.join(s,"css/_templates.css"),x=Z(o.templates,n.templates),R=await he(x),q=Je(x);d.writeFileSync(S,`@layer templates { ${R} }`),i.templates=x;const H=Ie(n.templates);i.templatePaths=Object.fromEntries(Object.entries(H).map(([j,N])=>[j,N._path]));const{mediaQueries:v}=n;i.mediaQueries=Object.fromEntries(v.map(([j,N])=>[`@${j}`,N]));const G=v.map(([j])=>`'@${j}'`).join(" | "),te=a.join(s,"types/css-tokens.d.ts"),Q=`
+  // Variable types
+  type VariableTokens = ${[...c].join("|")}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(q).map(([j,N])=>`${j}?: ${N}`).join(`
+`)}
+  }
+
+  // Media query types
+  type MediaQueryKeys = ${G||"''"};
+  `;d.writeFileSync(te,Q);const Pe=a.join(s,"cache/config-cache.json");d.writeFileSync(Pe,JSON.stringify(i,null,2))},me=e=>e.replace(/styled\(([^"'`{,]+),/g,(t,s)=>{if(/^['"`]/.test(s))return t;const o=new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);if(!o.test(e))return t;const c=o.exec(e);if(c){const h=c.at(1);if(Fe.some(l=>h==null?void 0:h.includes(l)))return t}return"styled('div',"}),He=(e,t)=>{try{const s=d.readFileSync(a.join(t,"saltygen/cache/config-cache.json"),"utf8");return s?`globalThis.saltyConfig = ${s};
+
+${e}`:`globalThis.saltyConfig = {};
+
+${e}`}catch{return e}},ee=async(e,t,s)=>{const n=W(t),o=a.join(s,"./temp");d.existsSync(o)||d.mkdirSync(o);const i=a.parse(t);let c=d.readFileSync(t,"utf8");c=me(c),c=He(c,e);const h=a.join(s,"js",n+".js"),F=await ce(e),l=a.join(e,(F==null?void 0:F.configDir)||"","salty.config.ts"),m=je(l),$=await be(e);await ye.build({stdin:{contents:c,sourcefile:i.base,resolveDir:i.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:h,format:$,target:["node20"],keepNames:!0,external:m,packages:"external",plugins:[{name:"test",setup:p=>{p.onLoad({filter:/.*\.css|salty|styles|styled\.ts/},b=>{const C=d.readFileSync(b.path,"utf8");return{contents:me(C),loader:"ts"}})}}]});const y=Date.now();return{contents:await import(`${h}?t=${y}`),outputFilePath:h}},Le=async e=>{const t=await A(e),s=a.join(t,"cache/config-cache.json"),n=d.readFileSync(s,"utf8");if(!n)throw new Error("Could not find config cache file");return JSON.parse(n)},ae=async e=>{const t=await Le(e),s=await A(e),n=a.join(s,"salty.config.js"),o=Date.now(),{config:i}=await import(`${n}?t=${o}`);return Z(i,t)},le=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},Be=async(e,t=le(),s=!0)=>{try{const n=Date.now();t?ie.info("Generating CSS in production mode! 🔥"):ie.info("Generating CSS in development mode! 🚀");const o=[],i=[],c=await A(e),h=a.join(c,"index.css");s&&(()=>{d.existsSync(c)&&ke.execSync("rm -rf "+c),d.mkdirSync(c,{recursive:!0}),d.mkdirSync(a.join(c,"css")),d.mkdirSync(a.join(c,"types")),d.mkdirSync(a.join(c,"js")),d.mkdirSync(a.join(c,"cache"))})();const l=new Set,m=new Set;async function $(f){const w=["node_modules","saltygen"],g=d.statSync(f);if(g.isDirectory()){const u=d.readdirSync(f);if(w.some(x=>f.includes(x)))return;await Promise.all(u.map(x=>$(a.join(f,x))))}else if(g.isFile()&&Y(f)){l.add(f);const S=d.readFileSync(f,"utf8");/define[\w\d]+\(/.test(S)&&m.add(f)}}await $(e),await qe(e,m);const y={keyframes:[],components:[],classNames:[]};await Promise.all([...l].map(async f=>{const{contents:w}=await ee(e,f,c);Object.entries(w).forEach(([g,u])=>{u.isKeyframes?y.keyframes.push({value:u,src:f,name:g}):u.isClassName?y.classNames.push({...u,src:f,name:g}):u.generator&&y.components.push({...u,src:f,name:g})})}));const r=await ae(e);for(const f of y.keyframes){const{value:w}=f,g=`a_${w.animationName}.css`,u=`css/${g}`,S=a.join(c,u);o.push(g),d.writeFileSync(S,w.css)}const p={};for(const f of y.components){const{src:w,name:g}=f,u=f.generator._withBuildContext({callerName:g,isProduction:t,config:r});i[u.priority]||(i[u.priority]=[]);const S=await u.css;if(!S)continue;i[u.priority].push(u.cssFileName);const x=`css/${u.cssFileName}`,R=a.join(c,x);d.writeFileSync(R,S),r.importStrategy==="component"&&(p[w]?p[w].push(u.cssFileName):p[w]=[u.cssFileName])}for(const f of y.classNames){const{src:w,name:g}=f,u=f.generator._withBuildContext({callerName:g,isProduction:t,config:r}),S=await u.css;if(!S)continue;i[0].push(u.cssFileName);const x=`css/${u.cssFileName}`,R=a.join(c,x);d.writeFileSync(R,S),r.importStrategy==="component"&&(p[w]?p[w].push(u.cssFileName):p[w]=[u.cssFileName])}r.importStrategy==="component"&&Object.entries(p).forEach(([f,w])=>{const g=w.map(q=>`@import url('./${q}');`).join(`
+`),u=W(f,6),S=a.parse(f),x=M(S.name),R=a.join(c,`css/f_${x}-${u}.css`);d.writeFileSync(R,g)});const b=o.map(f=>`@import url('./css/${f}');`).join(`
+`);let _=`@layer reset, global, templates, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["_variables.css","_reset.css","_global.css","_templates.css"].filter(f=>{try{return d.readFileSync(a.join(c,"css",f),"utf8").length>0}catch{return!1}}).map(f=>`@import url('./css/${f}');`).join(`
+`)}
+${b}`;if(r.importStrategy!=="component"){const f=i.reduce((w,g,u)=>{const S=g.reduce((H,v)=>{var Q;const G=a.join(c,"css",v),te=d.readFileSync(G,"utf8"),K=((Q=/.*-([^-]+)-\d+.css/.exec(v))==null?void 0:Q.at(1))||W(G,6);return H.includes(K)?H:`${H}
+/*start:${K}-${v}*/
+${te}
+/*end:${K}*/
+`},""),x=`l_${u}.css`,R=a.join(c,"css",x),q=`@layer l${u} { ${S}
+ }`;return d.writeFileSync(R,q),`${w}
+@import url('./css/${x}');`},"");_+=f}d.writeFileSync(h,_);const P=Date.now()-n,E=P<200?"🔥":P<500?"🚀":P<1e3?"🎉":P<2e3?"🚗":P<5e3?"🤔":"🥴";ie.info(`Generated CSS in ${P}ms! ${E}`)}catch(n){console.error(n)}},Ge=async(e,t,s=le())=>{try{const n=await A(e);if(Y(t)){const i=[],c=await ae(e),{contents:h}=await ee(e,t,n);for(const[F,l]of Object.entries(h)){if(l.isKeyframes&&l.css){const b=`css/${`a_${l.animationName}.css`}`,C=a.join(n,b);d.writeFileSync(C,await l.css);return}if(l.isClassName){const p=l.generator._withBuildContext({callerName:F,isProduction:s,config:c}),b=await p.css;if(!b)continue;i[0].push(p.cssFileName);const C=`css/${p.cssFileName}`,k=a.join(n,C);d.writeFileSync(k,b)}if(!l.generator)return;const m=l.generator._withBuildContext({callerName:F,isProduction:s,config:c}),$=await m.css;if(!$)continue;const y=`css/${m.cssFileName}`,r=a.join(n,y);d.writeFileSync(r,$),i[m.priority]||(i[m.priority]=[]),i[m.priority].push(m.cssFileName)}if(c.importStrategy!=="component")i.forEach((F,l)=>{const m=`l_${l}.css`,$=a.join(n,"css",m);let y=d.readFileSync($,"utf8");F.forEach(r=>{var k;const p=a.join(n,"css",r),b=((k=/.*-([^-]+)-\d+.css/.exec(r))==null?void 0:k.at(1))||W(p,6);if(!y.includes(b)){const O=d.readFileSync(p,"utf8"),_=`/*start:${b}-${r}*/
+${O}
+/*end:${b}*/
+`;y=`${y.replace(/\}$/,"")}
+${_}
+}`}}),d.writeFileSync($,y)});else{const F=i.flat().map(r=>`@import url('./${r}');`).join(`
+`),l=W(t,6),m=a.parse(t),$=M(m.name),y=a.join(n,`css/f_${$}-${l}.css`);d.writeFileSync(y,F)}}}catch(n){console.error(n)}},Ke=async(e,t,s=le())=>{try{const n=await A(e);if(Y(t)){const i=d.readFileSync(t,"utf8");i.replace(/^(?!export\s)const\s.*/gm,m=>`export ${m}`)!==i&&await re.writeFile(t,i);const h=await ae(e),{contents:F}=await ee(e,t,n);let l=i;if(Object.entries(F).forEach(([m,$])=>{var u;if($.isKeyframes||!$.generator)return;const y=$.generator._withBuildContext({callerName:m,isProduction:s,config:h}),r=new RegExp(`\\s${m}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(i);if(!r)return console.error("Could not find the original declaration");const p=(u=r.at(1))==null?void 0:u.trim(),b=new RegExp(`\\s${m}[=\\s]+styled\\(`,"g").exec(l);if(!b)return console.error("Could not find the original declaration");const{index:C}=b;let k=!1;const O=setTimeout(()=>k=!0,5e3);let _=0,D=!1,P=0;for(;!D&&!k;){const S=l[C+_];S==="("&&P++,S===")"&&P--,P===0&&S===")"&&(D=!0),_>l.length&&(k=!0),_++}if(!k)clearTimeout(O);else throw new Error("Failed to find the end of the styled call and timed out");const E=C+_,f=l.slice(C,E),w=l,g=` ${m} = styled(${p}, "${y.classNames}", ${JSON.stringify(y.clientProps)});`;l=l.replace(f,g),w===l&&console.error("Minimize file failed to change content",{name:m,tagName:p})}),h.importStrategy==="component"){const m=W(t,6),$=a.parse(t);l=`import '../../saltygen/css/${`f_${M($.name)}-${m}.css`}';
+${l}`}return l=l.replace("{ styled }","{ styledClient as styled }"),l=l.replace("@salty-css/react/styled","@salty-css/react/styled-client"),l}}catch(n){console.error("Error in minimizeFile:",n)}};exports.generateCss=Be;exports.generateFile=Ge;exports.isSaltyFile=Y;exports.minimizeFile=Ke;exports.saltyFileRegExp=Ce;

package/index-CSE05P-J.js

@@ -0,0 +1,599 @@
+import * as yt from "esbuild";
+import { execSync as Dt } from "child_process";
+import { join as u, parse as tt } from "path";
+import { existsSync as at, writeFileSync as D, readFileSync as M, mkdirSync as H, statSync as _t, readdirSync as Et } from "fs";
+import { readFile as $t, writeFile as Tt } from "fs/promises";
+import { createLogger as Ot, format as rt, transports as Vt } from "winston";
+const gt = (t) => String.fromCharCode(t + (t > 25 ? 39 : 97)), Mt = (t, e) => {
+  let s = "", n;
+  for (n = Math.abs(t); n > 52; n = n / 52 | 0) s = gt(n % 52) + s;
+  return s = gt(n % 52) + s, s.length < e ? s = s.padStart(e, "a") : s.length > e && (s = s.slice(-e)), s;
+}, Rt = (t, e) => {
+  let s = e.length;
+  for (; s; ) t = t * 33 ^ e.charCodeAt(--s);
+  return t;
+}, A = (t, e = 5) => {
+  const s = Rt(5381, JSON.stringify(t)) >>> 0;
+  return Mt(s, e);
+};
+function R(t) {
+  return t ? typeof t != "string" ? R(String(t)) : t.replace(/[\s.]/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (e, s) => (s > 0 ? "-" : "") + e.toLowerCase()) : "";
+}
+const Jt = (t) => (e) => {
+  if (typeof e != "string" || !t) return;
+  let s = e;
+  const n = [];
+  return Object.values(t).forEach((o) => {
+    const { pattern: r, transform: a } = o;
+    s = s.replace(r, (h) => {
+      const { value: S, css: c } = a(h);
+      return c && n.push(c), S;
+    });
+  }), { transformed: s, additionalCss: n };
+}, bt = (t) => (e) => typeof e != "string" || !/\{[^{}]+\}/g.test(e) ? void 0 : { transformed: e.replace(/\{([^{}]+)\}/g, (...o) => `var(--${R(o[1].replaceAll(".", "-"))})`) }, Wt = bt(), zt = [
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "min-width",
+  /.*width.*/,
+  /^[^line]*height.*/,
+  // Exclude line-height
+  /padding.*/,
+  /margin.*/,
+  /border.*/,
+  /inset.*/,
+  /.*radius.*/,
+  /.*spacing.*/,
+  /.*gap.*/,
+  /.*indent.*/,
+  /.*offset.*/,
+  /.*size.*/,
+  /.*thickness.*/,
+  /.*font-size.*/
+], At = (t, e, s) => zt.some((o) => typeof o == "string" ? o === t : o.test(t)) ? `${e}px` : `${e}`, vt = ["Webkit", "Moz", "ms", "O"], Zt = (t) => t.startsWith("-") ? t : vt.some((e) => t.startsWith(e)) ? `-${R(t)}` : R(t), Y = async (t, e = "", s, n = !1) => {
+  if (!t) throw new Error("No styles provided to parseStyles function!");
+  const o = /* @__PURE__ */ new Set(), a = Object.entries(t).map(async ([m, i]) => {
+    const d = m.trim(), b = Zt(d), j = (E, k = ";") => `${b}:${E}${k}`;
+    if (typeof i == "function" && (i = i({ scope: e, config: s })), i instanceof Promise && (i = await i), typeof i == "object") {
+      if (!i) return;
+      if (i.isColor) return j(i.toString());
+      if (d === "defaultVariants") return;
+      if (d === "variants") {
+        const _ = Object.entries(i);
+        for (const [N, O] of _) {
+          if (!O) return;
+          const l = Object.entries(O);
+          for (const [y, g] of l) {
+            if (!g) return;
+            const f = `${e}.${N}-${y}`;
+            (await Y(g, f, s)).forEach((P) => o.add(P));
+          }
+        }
+        return;
+      }
+      if (d === "compoundVariants") {
+        for (const _ of i) {
+          const { css: N, ...O } = _, l = Object.entries(O).reduce((g, [f, w]) => `${g}.${f}-${w}`, e);
+          (await Y(N, l, s)).forEach((g) => o.add(g));
+        }
+        return;
+      }
+      if (d.startsWith("@")) {
+        const _ = d, N = await L(i, e, s), O = `${_} { ${N} }`;
+        o.add(O);
+        return;
+      }
+      const E = m.includes("&") ? d.replace("&", e) : d.startsWith(":") ? `${e}${d}` : `${e} ${d}`;
+      (await Y(i, E, s)).forEach((_) => o.add(_));
+      return;
+    }
+    if (typeof i == "number") {
+      const E = At(b, i);
+      return j(E);
+    }
+    if (typeof i != "string")
+      if ("toString" in i) i = i.toString();
+      else throw new Error(`Invalid value type for property ${b}`);
+    return j(i);
+  }), { modifiers: h } = {}, S = [bt(), Jt(h)], p = (await Promise.all(a).then((m) => Promise.all(
+    m.map((i) => S.reduce(async (d, b) => {
+      const j = await d;
+      if (!j) return j;
+      const x = await b(j);
+      if (!x) return j;
+      const { transformed: E, additionalCss: k } = x;
+      let _ = "";
+      if (k)
+        for (const N of k)
+          _ += await L(N, "");
+      return `${_}${E}`;
+    }, Promise.resolve(i)))
+  ))).join(`
+`);
+  if (!p.trim()) return o;
+  const $ = e ? `${e} { ${p} }` : p;
+  return o.add($), o;
+}, L = async (t, e, s, n = !1) => [...await Y(t, e, s, n)].join(`
+`), wt = async (t, e = []) => {
+  if (!t) return "";
+  const s = [], n = {};
+  for (const [o, r] of Object.entries(t))
+    if (typeof r != "function") if (r && typeof r == "object") {
+      const a = o.trim(), h = await wt(r, [...e, a]);
+      s.push(h);
+    } else
+      n[o] = r;
+  if (Object.keys(n).length) {
+    const o = e.map(R).join("-"), r = "t_" + A(o, 4), a = await L(n, `.${o}, .${r}`);
+    s.push(a);
+  }
+  return s.join(`
+`);
+}, It = (t) => t ? Object.entries(t).reduce((e, [s, n]) => (typeof n == "function" ? e[s] = "any" : typeof n == "object" && (e[s] = Ct(n).map((o) => `"${o}"`).join(" | ")), e), {}) : {}, Ct = (t, e = "", s = /* @__PURE__ */ new Set()) => t ? (Object.entries(t).forEach(([n, o]) => {
+  const r = e ? `${e}.${n}` : n;
+  return typeof o == "object" ? Ct(o, r, s) : s.add(e);
+}), [...s]) : [], St = (t) => {
+  if (!t || t === "/") throw new Error("Could not find package.json file");
+  const e = u(t, "package.json");
+  return at(e) ? e : St(u(t, ".."));
+}, Ht = async (t) => {
+  const e = St(t);
+  return await $t(e, "utf-8").then(JSON.parse).catch(() => {
+  });
+}, Bt = async (t) => {
+  const e = await Ht(t);
+  if (e)
+    return e.type;
+};
+let I;
+const jt = async (t) => {
+  if (I) return I;
+  const e = await Bt(t);
+  return e === "module" ? I = "esm" : (e === "commonjs" || import.meta.url.endsWith(".cjs")) && (I = "cjs"), I || "esm";
+}, it = Ot({
+  level: "debug",
+  format: rt.combine(rt.colorize(), rt.cli()),
+  transports: [new Vt.Console({})]
+});
+function Ft(t) {
+  return t ? typeof t != "string" ? Ft(String(t)) : t.replace(/[\s-]/g, ".").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (e, s) => (s > 0 ? "." : "") + e.toLowerCase()) : "";
+}
+const Gt = {
+  /** Set box model to border-box */
+  "*, *::before, *::after": {
+    boxSizing: "border-box"
+  },
+  /** Remove default margin and padding */
+  "*": {
+    margin: 0
+  },
+  /** Remove adjust font properties */
+  html: {
+    lineHeight: 1.15,
+    textSizeAdjust: "100%",
+    WebkitFontSmoothing: "antialiased"
+  },
+  /** Make media elements responsive */
+  "img, picture, video, canvas, svg": {
+    display: "block",
+    maxWidth: "100%"
+  },
+  /** Avoid overflow of text */
+  "p, h1, h2, h3, h4, h5, h6": {
+    overflowWrap: "break-word"
+  },
+  /** Improve text wrapping */
+  p: {
+    textWrap: "pretty"
+  },
+  "h1, h2, h3, h4, h5, h6": {
+    textWrap: "balance"
+  },
+  /** Improve link color */
+  a: {
+    color: "currentColor"
+  },
+  /** Improve button line height */
+  button: {
+    lineHeight: "1em",
+    color: "currentColor"
+  },
+  /** Improve form elements */
+  "input, optgroup, select, textarea": {
+    fontFamily: "inherit",
+    fontSize: "100%",
+    lineHeight: "1.15em"
+  }
+}, B = (...t) => t.flat().reduce((e, s) => s != null && s._current ? { ...e, ...s._current } : { ...e, ...s }, {}), Kt = (...t) => t.flat().reduce((e, s) => ({ ...e, ...s._children }), {}), z = {
+  externalModules: [],
+  rcFile: void 0,
+  destDir: void 0
+}, Nt = (t) => {
+  if (z.externalModules.length > 0) return z.externalModules;
+  const s = M(t, "utf8").match(/externalModules:\s?\[(.*)\]/);
+  if (!s) return [];
+  const n = s[1].split(",").map((o) => o.replace(/['"`]/g, "").trim());
+  return z.externalModules = n, n;
+}, v = async (t) => {
+  if (z.destDir) return z.destDir;
+  const e = await lt(t), s = u(t, (e == null ? void 0 : e.saltygenDir) || "saltygen");
+  return z.destDir = s, s;
+}, Pt = ["salty", "css", "styles", "styled"], Lt = (t = []) => new RegExp(`\\.(${[...Pt, ...t].join("|")})\\.`), ct = (t, e = []) => Lt(e).test(t), xt = async (t) => {
+  if (z.rcFile) return z.rcFile;
+  if (t === "/") throw new Error("Could not find .saltyrc.json file");
+  const e = u(t, ".saltyrc.json"), s = await $t(e, "utf-8").then(JSON.parse).catch(() => {
+  });
+  return s ? (z.rcFile = s, s) : xt(u(t, ".."));
+}, lt = async (t) => {
+  var n, o;
+  const e = await xt(t), s = (n = e.projects) == null ? void 0 : n.find((r) => t.endsWith(r.dir || ""));
+  return s || ((o = e.projects) == null ? void 0 : o.find((r) => r.dir === e.defaultProject));
+}, Qt = async (t) => {
+  const e = await lt(t), s = await v(t), n = u(t, (e == null ? void 0 : e.configDir) || "", "salty.config.ts"), o = u(s, "salty.config.js"), r = await jt(t), a = Nt(n);
+  await yt.build({
+    entryPoints: [n],
+    minify: !0,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: o,
+    format: r,
+    external: a
+  });
+  const h = Date.now(), { config: S } = await import(`${o}?t=${h}`);
+  return S;
+}, qt = async (t, e) => {
+  var dt, pt;
+  const s = await v(t), n = {
+    mediaQueries: [],
+    globalStyles: [],
+    variables: [],
+    templates: []
+  };
+  await Promise.all(
+    [...e].map(async (C) => {
+      const { contents: F, outputFilePath: W } = await et(t, C, s);
+      Object.entries(F).forEach(([T, V]) => {
+        V.isMedia ? n.mediaQueries.push([T, V]) : V.isGlobalDefine ? n.globalStyles.push(V) : V.isDefineVariables ? n.variables.push(V) : V.isDefineTemplates && n.templates.push(V._setPath(W));
+      });
+    })
+  );
+  const o = await Qt(t), r = { ...o }, a = /* @__PURE__ */ new Set(), h = (C, F = []) => C ? Object.entries(C).flatMap(([W, T]) => {
+    if (!T) return;
+    if (typeof T == "object") return h(T, [...F, W]);
+    const V = Ft(W), nt = R(W), ot = [...F, V].join(".");
+    a.add(`"${ot}"`);
+    const X = [...F.map(R), nt].join("-"), mt = Wt(T);
+    return mt ? `--${X}: ${mt.transformed};` : `--${X}: ${T};`;
+  }) : [], S = (C) => C ? Object.entries(C).flatMap(([F, W]) => {
+    const T = h(W);
+    return F === "base" ? T.join("") : `${F} { ${T.join("")} }`;
+  }) : [], c = (C) => C ? Object.entries(C).flatMap(([F, W]) => Object.entries(W).flatMap(([T, V]) => {
+    const nt = h(V, [F]), ot = `.${F}-${T}, [data-${F}="${T}"]`, X = nt.join("");
+    return `${ot} { ${X} }`;
+  })) : [], p = (C) => ({ ...C, responsive: void 0, conditional: void 0 }), $ = (C) => n.variables.map((F) => C === "static" ? p(F._current) : F._current[C]), m = B(p(o.variables), $("static")), i = h(m), d = B((dt = o.variables) == null ? void 0 : dt.responsive, $("responsive")), b = S(d), j = B((pt = o.variables) == null ? void 0 : pt.conditional, $("conditional")), x = c(j), E = u(s, "css/_variables.css"), k = `:root { ${i.join("")} ${b.join("")} } ${x.join("")}`;
+  D(E, k), r.staticVariables = m;
+  const _ = u(s, "css/_global.css"), N = B(o.global, n.globalStyles), O = await L(N, "");
+  D(_, `@layer global { ${O} }`);
+  const l = u(s, "css/_reset.css"), g = o.reset === "none" ? {} : typeof o.reset == "object" ? o.reset : Gt, f = await L(g, "");
+  D(l, `@layer reset { ${f} }`);
+  const w = u(s, "css/_templates.css"), P = B(o.templates, n.templates), J = await wt(P), G = It(P);
+  D(w, `@layer templates { ${J} }`), r.templates = P;
+  const K = Kt(n.templates);
+  r.templatePaths = Object.fromEntries(Object.entries(K).map(([C, F]) => [C, F._path]));
+  const { mediaQueries: Z } = n;
+  r.mediaQueries = Object.fromEntries(Z.map(([C, F]) => [`@${C}`, F]));
+  const Q = Z.map(([C]) => `'@${C}'`).join(" | "), st = u(s, "types/css-tokens.d.ts"), U = `
+  // Variable types
+  type VariableTokens = ${[...a].join("|")}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(G).map(([C, F]) => `${C}?: ${F}`).join(`
+`)}
+  }
+
+  // Media query types
+  type MediaQueryKeys = ${Q || "''"};
+  `;
+  D(st, U);
+  const kt = u(s, "cache/config-cache.json");
+  D(kt, JSON.stringify(r, null, 2));
+}, ht = (t) => t.replace(/styled\(([^"'`{,]+),/g, (e, s) => {
+  if (/^['"`]/.test(s)) return e;
+  const o = new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);
+  if (!o.test(t)) return e;
+  const a = o.exec(t);
+  if (a) {
+    const h = a.at(1);
+    if (Pt.some((c) => h == null ? void 0 : h.includes(c))) return e;
+  }
+  return "styled('div',";
+}), Ut = (t, e) => {
+  try {
+    const s = M(u(e, "saltygen/cache/config-cache.json"), "utf8");
+    return s ? `globalThis.saltyConfig = ${s};
+
+${t}` : `globalThis.saltyConfig = {};
+
+${t}`;
+  } catch {
+    return t;
+  }
+}, et = async (t, e, s) => {
+  const n = A(e), o = u(s, "./temp");
+  at(o) || H(o);
+  const r = tt(e);
+  let a = M(e, "utf8");
+  a = ht(a), a = Ut(a, t);
+  const h = u(s, "js", n + ".js"), S = await lt(t), c = u(t, (S == null ? void 0 : S.configDir) || "", "salty.config.ts"), p = Nt(c), $ = await jt(t);
+  await yt.build({
+    stdin: {
+      contents: a,
+      sourcefile: r.base,
+      resolveDir: r.dir,
+      loader: "tsx"
+    },
+    minify: !1,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: h,
+    format: $,
+    target: ["node20"],
+    keepNames: !0,
+    external: p,
+    packages: "external",
+    plugins: [
+      {
+        name: "test",
+        setup: (d) => {
+          d.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, (b) => {
+            const j = M(b.path, "utf8");
+            return { contents: ht(j), loader: "ts" };
+          });
+        }
+      }
+    ]
+  });
+  const m = Date.now();
+  return { contents: await import(`${h}?t=${m}`), outputFilePath: h };
+}, Xt = async (t) => {
+  const e = await v(t), s = u(e, "cache/config-cache.json"), n = M(s, "utf8");
+  if (!n) throw new Error("Could not find config cache file");
+  return JSON.parse(n);
+}, ft = async (t) => {
+  const e = await Xt(t), s = await v(t), n = u(s, "salty.config.js"), o = Date.now(), { config: r } = await import(`${n}?t=${o}`);
+  return B(r, e);
+}, ut = () => {
+  try {
+    return process.env.NODE_ENV === "production";
+  } catch {
+    return !1;
+  }
+}, oe = async (t, e = ut(), s = !0) => {
+  try {
+    const n = Date.now();
+    e ? it.info("Generating CSS in production mode! 🔥") : it.info("Generating CSS in development mode! 🚀");
+    const o = [], r = [], a = await v(t), h = u(a, "index.css");
+    s && (() => {
+      at(a) && Dt("rm -rf " + a), H(a, { recursive: !0 }), H(u(a, "css")), H(u(a, "types")), H(u(a, "js")), H(u(a, "cache"));
+    })();
+    const c = /* @__PURE__ */ new Set(), p = /* @__PURE__ */ new Set();
+    async function $(l) {
+      const y = ["node_modules", "saltygen"], g = _t(l);
+      if (g.isDirectory()) {
+        const f = Et(l);
+        if (y.some((P) => l.includes(P))) return;
+        await Promise.all(f.map((P) => $(u(l, P))));
+      } else if (g.isFile() && ct(l)) {
+        c.add(l);
+        const w = M(l, "utf8");
+        /define[\w\d]+\(/.test(w) && p.add(l);
+      }
+    }
+    await $(t), await qt(t, p);
+    const m = {
+      keyframes: [],
+      components: [],
+      classNames: []
+    };
+    await Promise.all(
+      [...c].map(async (l) => {
+        const { contents: y } = await et(t, l, a);
+        Object.entries(y).forEach(([g, f]) => {
+          f.isKeyframes ? m.keyframes.push({
+            value: f,
+            src: l,
+            name: g
+          }) : f.isClassName ? m.classNames.push({
+            ...f,
+            src: l,
+            name: g
+          }) : f.generator && m.components.push({
+            ...f,
+            src: l,
+            name: g
+          });
+        });
+      })
+    );
+    const i = await ft(t);
+    for (const l of m.keyframes) {
+      const { value: y } = l, g = `a_${y.animationName}.css`, f = `css/${g}`, w = u(a, f);
+      o.push(g), D(w, y.css);
+    }
+    const d = {};
+    for (const l of m.components) {
+      const { src: y, name: g } = l, f = l.generator._withBuildContext({
+        callerName: g,
+        isProduction: e,
+        config: i
+      });
+      r[f.priority] || (r[f.priority] = []);
+      const w = await f.css;
+      if (!w) continue;
+      r[f.priority].push(f.cssFileName);
+      const P = `css/${f.cssFileName}`, J = u(a, P);
+      D(J, w), i.importStrategy === "component" && (d[y] ? d[y].push(f.cssFileName) : d[y] = [f.cssFileName]);
+    }
+    for (const l of m.classNames) {
+      const { src: y, name: g } = l, f = l.generator._withBuildContext({
+        callerName: g,
+        isProduction: e,
+        config: i
+      }), w = await f.css;
+      if (!w) continue;
+      r[0].push(f.cssFileName);
+      const P = `css/${f.cssFileName}`, J = u(a, P);
+      D(J, w), i.importStrategy === "component" && (d[y] ? d[y].push(f.cssFileName) : d[y] = [f.cssFileName]);
+    }
+    i.importStrategy === "component" && Object.entries(d).forEach(([l, y]) => {
+      const g = y.map((G) => `@import url('./${G}');`).join(`
+`), f = A(l, 6), w = tt(l), P = R(w.name), J = u(a, `css/f_${P}-${f}.css`);
+      D(J, g);
+    });
+    const b = o.map((l) => `@import url('./css/${l}');`).join(`
+`);
+    let k = `@layer reset, global, templates, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((l) => {
+      try {
+        return M(u(a, "css", l), "utf8").length > 0;
+      } catch {
+        return !1;
+      }
+    }).map((l) => `@import url('./css/${l}');`).join(`
+`)}
+${b}`;
+    if (i.importStrategy !== "component") {
+      const l = r.reduce((y, g, f) => {
+        const w = g.reduce((K, Z) => {
+          var U;
+          const Q = u(a, "css", Z), st = M(Q, "utf8"), q = ((U = /.*-([^-]+)-\d+.css/.exec(Z)) == null ? void 0 : U.at(1)) || A(Q, 6);
+          return K.includes(q) ? K : `${K}
+/*start:${q}-${Z}*/
+${st}
+/*end:${q}*/
+`;
+        }, ""), P = `l_${f}.css`, J = u(a, "css", P), G = `@layer l${f} { ${w}
+ }`;
+        return D(J, G), `${y}
+@import url('./css/${P}');`;
+      }, "");
+      k += l;
+    }
+    D(h, k);
+    const N = Date.now() - n, O = N < 200 ? "🔥" : N < 500 ? "🚀" : N < 1e3 ? "🎉" : N < 2e3 ? "🚗" : N < 5e3 ? "🤔" : "🥴";
+    it.info(`Generated CSS in ${N}ms! ${O}`);
+  } catch (n) {
+    console.error(n);
+  }
+}, re = async (t, e, s = ut()) => {
+  try {
+    const n = await v(t);
+    if (ct(e)) {
+      const r = [], a = await ft(t), { contents: h } = await et(t, e, n);
+      for (const [S, c] of Object.entries(h)) {
+        if (c.isKeyframes && c.css) {
+          const b = `css/${`a_${c.animationName}.css`}`, j = u(n, b);
+          D(j, await c.css);
+          return;
+        }
+        if (c.isClassName) {
+          const d = c.generator._withBuildContext({
+            callerName: S,
+            isProduction: s,
+            config: a
+          }), b = await d.css;
+          if (!b) continue;
+          r[0].push(d.cssFileName);
+          const j = `css/${d.cssFileName}`, x = u(n, j);
+          D(x, b);
+        }
+        if (!c.generator) return;
+        const p = c.generator._withBuildContext({
+          callerName: S,
+          isProduction: s,
+          config: a
+        }), $ = await p.css;
+        if (!$) continue;
+        const m = `css/${p.cssFileName}`, i = u(n, m);
+        D(i, $), r[p.priority] || (r[p.priority] = []), r[p.priority].push(p.cssFileName);
+      }
+      if (a.importStrategy !== "component")
+        r.forEach((S, c) => {
+          const p = `l_${c}.css`, $ = u(n, "css", p);
+          let m = M($, "utf8");
+          S.forEach((i) => {
+            var x;
+            const d = u(n, "css", i), b = ((x = /.*-([^-]+)-\d+.css/.exec(i)) == null ? void 0 : x.at(1)) || A(d, 6);
+            if (!m.includes(b)) {
+              const E = M(d, "utf8"), k = `/*start:${b}-${i}*/
+${E}
+/*end:${b}*/
+`;
+              m = `${m.replace(/\}$/, "")}
+${k}
+}`;
+            }
+          }), D($, m);
+        });
+      else {
+        const S = r.flat().map((i) => `@import url('./${i}');`).join(`
+`), c = A(e, 6), p = tt(e), $ = R(p.name), m = u(n, `css/f_${$}-${c}.css`);
+        D(m, S);
+      }
+    }
+  } catch (n) {
+    console.error(n);
+  }
+}, ie = async (t, e, s = ut()) => {
+  try {
+    const n = await v(t);
+    if (ct(e)) {
+      const r = M(e, "utf8");
+      r.replace(/^(?!export\s)const\s.*/gm, (p) => `export ${p}`) !== r && await Tt(e, r);
+      const h = await ft(t), { contents: S } = await et(t, e, n);
+      let c = r;
+      if (Object.entries(S).forEach(([p, $]) => {
+        var f;
+        if ($.isKeyframes || !$.generator) return;
+        const m = $.generator._withBuildContext({
+          callerName: p,
+          isProduction: s,
+          config: h
+        }), i = new RegExp(`\\s${p}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(r);
+        if (!i) return console.error("Could not find the original declaration");
+        const d = (f = i.at(1)) == null ? void 0 : f.trim(), b = new RegExp(`\\s${p}[=\\s]+styled\\(`, "g").exec(c);
+        if (!b) return console.error("Could not find the original declaration");
+        const { index: j } = b;
+        let x = !1;
+        const E = setTimeout(() => x = !0, 5e3);
+        let k = 0, _ = !1, N = 0;
+        for (; !_ && !x; ) {
+          const w = c[j + k];
+          w === "(" && N++, w === ")" && N--, N === 0 && w === ")" && (_ = !0), k > c.length && (x = !0), k++;
+        }
+        if (!x) clearTimeout(E);
+        else throw new Error("Failed to find the end of the styled call and timed out");
+        const O = j + k, l = c.slice(j, O), y = c, g = ` ${p} = styled(${d}, "${m.classNames}", ${JSON.stringify(m.clientProps)});`;
+        c = c.replace(l, g), y === c && console.error("Minimize file failed to change content", { name: p, tagName: d });
+      }), h.importStrategy === "component") {
+        const p = A(e, 6), $ = tt(e);
+        c = `import '../../saltygen/css/${`f_${R($.name)}-${p}.css`}';
+${c}`;
+      }
+      return c = c.replace("{ styled }", "{ styledClient as styled }"), c = c.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), c;
+    }
+  } catch (n) {
+    console.error("Error in minimizeFile:", n);
+  }
+};
+export {
+  re as a,
+  oe as g,
+  ct as i,
+  ie as m,
+  Lt as s
+};

package/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("path"),t=require("./index-DJ94M3fE.cjs"),y=require("fs/promises"),g=require("fs"),p=async e=>{if(!e||e.includes("node_modules")||e.includes("saltygen"))return!1;if(e.includes("salty.config"))return!0;if(!t.isSaltyFile(e))return!1;const a=await y.readFile(e,"utf-8");return!!/.+define[A-Z]\w+/.test(a)},c=(e,s,l=!1,a=!1)=>{var n,u,i;(u=(n=e.module)==null?void 0:n.rules)==null||u.push({test:t.saltyFileRegExp(),use:[{loader:d.resolve(__dirname,a?"./loader.cjs":"./loader.js"),options:{dir:s}}]}),l||(i=e.plugins)==null||i.push({apply:f=>{let o=!1;f.hooks.watchRun.tapPromise({name:"generateCss"},async()=>{o||(o=!0,await t.generateCss(s),g.watch(s,{recursive:!0},async(h,r)=>{await p(r)?await t.generateCss(s,!1,!1):t.isSaltyFile(r)&&await t.generateFile(s,r)}))})}})};exports.default=c;exports.saltyPlugin=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("path"),t=require("./index-C2eoLLSc.cjs"),y=require("fs/promises"),g=require("fs"),p=async e=>{if(!e||e.includes("node_modules")||e.includes("saltygen"))return!1;if(e.includes("salty.config"))return!0;if(!t.isSaltyFile(e))return!1;const a=await y.readFile(e,"utf-8");return!!/.+define[A-Z]\w+/.test(a)},c=(e,s,l=!1,a=!1)=>{var n,u,i;(u=(n=e.module)==null?void 0:n.rules)==null||u.push({test:t.saltyFileRegExp(),use:[{loader:d.resolve(__dirname,a?"./loader.cjs":"./loader.js"),options:{dir:s}}]}),l||(i=e.plugins)==null||i.push({apply:f=>{let o=!1;f.hooks.watchRun.tapPromise({name:"generateCss"},async()=>{o||(o=!0,await t.generateCss(s),g.watch(s,{recursive:!0},async(h,r)=>{await p(r)?await t.generateCss(s,!1,!1):t.isSaltyFile(r)&&await t.generateFile(s,r)}))})}})};exports.default=c;exports.saltyPlugin=c;