@salty-css/vite 0.0.1-alpha.58 → 0.0.1-alpha.59

package/index.cjs

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const G=require("esbuild"),L=require("child_process"),p=require("path"),m=require("fs"),U=require("fs/promises");function X(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const B=X(G),q=t=>String.fromCharCode(t+(t>25?39:97)),Y=(t,e)=>{let s="",n;for(n=Math.abs(t);n>52;n=n/52|0)s=q(n%52)+s;return s=q(n%52)+s,s.length<e?s=s.padStart(e,"a"):s.length>e&&(s=s.slice(-e)),s},Q=(t,e)=>{let s=e.length;for(;s;)t=t*33^e.charCodeAt(--s);return t},_=(t,e=3)=>{const s=Q(5381,JSON.stringify(t))>>>0;return Y(s,e)};function N(t){return t?typeof t!="string"?N(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 v=(t,e)=>{if(typeof t!="string")return{result:t};if(!e)return{result:t};const s=[];return Object.values(e).forEach(n=>{const{pattern:o,transform:y}=n;t=t.replace(o,$=>{const{value:u,css:c}=y($);return c&&s.push(c),u})}),{result:t,additionalCss:s}},I=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${N(n[1].replaceAll(".","-"))})`)}:{result:t},P=(t,e,s,n)=>{if(!t)return"";const o=[],y=Object.entries(t).reduce((u,[c,r])=>{const l=c.trim();if(typeof r=="function"&&(r=r()),typeof r=="object"){if(!r)return u;if(l==="variants")return Object.entries(r).forEach(([i,f])=>{f&&Object.entries(f).forEach(([h,d])=>{if(!d)return;const F=`${e}.${i}-${h}`,b=P(d,F);o.push(b)})}),u;if(l==="defaultVariants")return u;if(l==="compoundVariants")return r.forEach(i=>{const{css:f,...h}=i,d=Object.entries(h).reduce((b,[w,D])=>`${b}.${w}-${D}`,e),F=P(f,d);o.push(F)}),u;if(l.startsWith("@")){const i=P(r,e),f=`${l} {
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const G=require("esbuild"),X=require("child_process"),p=require("path"),h=require("fs"),Y=require("fs/promises");var _=typeof document<"u"?document.currentScript:null;function Q(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const W=Q(G),I=t=>String.fromCharCode(t+(t>25?39:97)),v=(t,e)=>{let s="",n;for(n=Math.abs(t);n>52;n=n/52|0)s=I(n%52)+s;return s=I(n%52)+s,s.length<e?s=s.padStart(e,"a"):s.length>e&&(s=s.slice(-e)),s},tt=(t,e)=>{let s=e.length;for(;s;)t=t*33^e.charCodeAt(--s);return t},M=(t,e=3)=>{const s=tt(5381,JSON.stringify(t))>>>0;return v(s,e)};function x(t){return t?typeof t!="string"?x(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 et=(t,e)=>{if(typeof t!="string")return{result:t};if(!e)return{result:t};const s=[];return Object.values(e).forEach(n=>{const{pattern:o,transform:y}=n;t=t.replace(o,d=>{const{value:u,css:c}=y(d);return c&&s.push(c),u})}),{result:t,additionalCss:s}},B=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${x(n[1].replaceAll(".","-"))})`)}:{result:t},P=(t,e,s,n)=>{if(!t)return"";const o=[],y=Object.entries(t).reduce((u,[c,r])=>{const l=c.trim();if(typeof r=="function"&&(r=r()),typeof r=="object"){if(!r)return u;if(l==="variants")return Object.entries(r).forEach(([i,f])=>{f&&Object.entries(f).forEach(([$,m])=>{if(!m)return;const F=`${e}.${i}-${$}`,b=P(m,F);o.push(b)})}),u;if(l==="defaultVariants")return u;if(l==="compoundVariants")return r.forEach(i=>{const{css:f,...$}=i,m=Object.entries($).reduce((b,[w,D])=>`${b}.${w}-${D}`,e),F=P(f,m);o.push(F)}),u;if(l.startsWith("@")){const i=P(r,e),f=`${l} {
  ${i.replace(`
 `,`
  `)}
-}`;return o.push(f),u}const g=c.includes("&")?l.replace("&",e):l.startsWith(":")?`${e}${l}`:`${e} ${l}`,k=P(r,g);return o.push(k),u}const O=l.startsWith("-")?l:N(l),j=(g,k=";")=>u=`${u}${g}${k}`,a=g=>j(`${O}:${g}`);if(typeof r=="number")return a(r);if(typeof r!="string")if("toString"in r)r=r.toString();else return u;const{modifiers:S}={},C=function*(){yield I(r),yield v(r,S)}();for(const{result:g,additionalCss:k=[]}of C)r=g,k.forEach(i=>{const f=P(i,"");j(f,"")});return a(r)},"");if(!y)return o.join(`
-`);if(!e)return y;let $="";return $=`${e} { ${y} }`,[$,...o].join(`
-`)},W=(t,e=[])=>{if(!t)return"";const s=[],n={};if(Object.entries(t).forEach(([o,y])=>{if(typeof y=="object"){if(!y)return;const $=o.trim(),u=W(y,[...e,$]);s.push(u)}else n[o]=y}),Object.keys(n).length){const o=e.map(N).join("-"),y=P(n,`.${o}`);s.push(y)}return s.join(`
-`)},V=t=>p.join(t,"./saltygen"),tt=["salty","css","styles","styled"],et=(t=[])=>new RegExp(`\\.(${[...tt,...t].join("|")})\\.`),E=(t,e=[])=>et(e).test(t),st=async t=>{const e=V(t),s=p.join(t,"salty.config.ts"),n=p.join(e,"salty.config.js");await B.build({entryPoints:[s],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:"esm",external:["react"]});const o=Date.now(),{config:y}=await import(`${n}?t=${o}`);return y},Z=async t=>{const e=await st(t),s=new Set,n=(i,f=[])=>i?Object.entries(i).flatMap(([h,d])=>{if(!d)return;if(typeof d=="object")return n(d,[...f,h]);const F=[...f,h].join(".");s.add(`"${F}"`);const b=[...f.map(N),N(h)].join("-"),{result:w}=I(d);return`--${b}: ${w};`}):[],o=i=>i?Object.entries(i).flatMap(([f,h])=>{const d=n(h);return f==="base"?d.join(""):`${f} { ${d.join("")} }`}):[],y=i=>i?Object.entries(i).flatMap(([f,h])=>Object.entries(h).flatMap(([d,F])=>{const b=n(F,[f]),w=`.${f}-${d}, [data-${f}="${d}"]`,D=b.join("");return`${w} { ${D} }`})):[],$=n(e.variables),u=o(e.responsiveVariables),c=y(e.conditionalVariables),r=V(t),l=p.join(r,"css/variables.css"),O=`:root { ${$.join("")} ${u.join("")} } ${c.join("")}`;m.writeFileSync(l,O);const j=p.join(r,"types/css-tokens.d.ts"),S=`type VariableTokens = ${[...s].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;m.writeFileSync(j,S);const x=p.join(r,"css/global.css"),C=P(e.global,"");m.writeFileSync(x,C);const g=p.join(r,"css/templates.css"),k=W(e.templates);m.writeFileSync(g,k)},M=async(t,e)=>{const s=_(t),n=p.join(e,"js",s+".js");await B.build({entryPoints:[t],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:"esm",target:["es2022"],keepNames:!0,external:["react"]});const o=Date.now();return await import(`${n}?t=${o}`)},A=async t=>{const e=V(t),s=p.join(e,"salty.config.js"),{config:n}=await import(s);return n},nt=async t=>{try{const e=[],s=[],n=V(t),o=p.join(n,"index.css");(()=>{m.existsSync(n)&&L.execSync("rm -rf "+n),m.mkdirSync(n),m.mkdirSync(p.join(n,"css")),m.mkdirSync(p.join(n,"types"))})(),await Z(t);const $=await A(t);async function u(a,S){const x=["node_modules","saltygen"],C=m.statSync(a);if(C.isDirectory()){const g=m.readdirSync(a);if(x.some(i=>a.includes(i)))return;await Promise.all(g.map(i=>u(p.join(a,i),p.join(S,i))))}else if(C.isFile()&&E(a)){const k=await M(a,n),i=[];Object.entries(k).forEach(([F,b])=>{if(b.isKeyframes&&b.css){const R=`${b.animationName}.css`,J=`css/${R}`,K=p.join(n,J);e.push(R),m.writeFileSync(K,b.css);return}if(!b.generator)return;const w=b.generator._withBuildContext({name:F,config:$}),D=`${w.hash}-${w.priority}.css`;s[w.priority]||(s[w.priority]=[]),s[w.priority].push(D),i.push(D);const T=`css/${D}`,H=p.join(n,T);m.writeFileSync(H,w.css)});const f=i.map(F=>`@import url('./${F}');`).join(`
-`),h=_(a,6),d=p.join(n,`css/${h}.css`);m.writeFileSync(d,f)}}await u(t,n);const c=e.map(a=>`@import url('./css/${a}');`).join(`
+}`;return o.push(f),u}const g=c.includes("&")?l.replace("&",e):l.startsWith(":")?`${e}${l}`:`${e} ${l}`,k=P(r,g);return o.push(k),u}const T=l.startsWith("-")?l:x(l),j=(g,k=";")=>u=`${u}${g}${k}`,a=g=>j(`${T}:${g}`);if(typeof r=="number")return a(r);if(typeof r!="string")if("toString"in r)r=r.toString();else return u;const{modifiers:S}={},C=function*(){yield B(r),yield et(r,S)}();for(const{result:g,additionalCss:k=[]}of C)r=g,k.forEach(i=>{const f=P(i,"");j(f,"")});return a(r)},"");if(!y)return o.join(`
+`);if(!e)return y;let d="";return d=`${e} { ${y} }`,[d,...o].join(`
+`)},Z=(t,e=[])=>{if(!t)return"";const s=[],n={};if(Object.entries(t).forEach(([o,y])=>{if(typeof y=="object"){if(!y)return;const d=o.trim(),u=Z(y,[...e,d]);s.push(u)}else n[o]=y}),Object.keys(n).length){const o=e.map(x).join("-"),y=P(n,`.${o}`);s.push(y)}return s.join(`
+`)},z=()=>(typeof document>"u"?require("url").pathToFileURL(__filename).href:_&&_.tagName.toUpperCase()==="SCRIPT"&&_.src||new URL("index.cjs",document.baseURI).href).endsWith(".cjs")?"cjs":"esm",V=t=>p.join(t,"./saltygen"),st=["salty","css","styles","styled"],nt=(t=[])=>new RegExp(`\\.(${[...st,...t].join("|")})\\.`),E=(t,e=[])=>nt(e).test(t),ot=async t=>{const e=V(t),s=p.join(t,"salty.config.ts"),n=p.join(e,"salty.config.js"),o=z();console.log("Module type:",o),await W.build({entryPoints:[s],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:o});const y=Date.now(),{config:d}=await import(`${n}?t=${y}`);return d},U=async t=>{const e=await ot(t),s=new Set,n=(i,f=[])=>i?Object.entries(i).flatMap(([$,m])=>{if(!m)return;if(typeof m=="object")return n(m,[...f,$]);const F=[...f,$].join(".");s.add(`"${F}"`);const b=[...f.map(x),x($)].join("-"),{result:w}=B(m);return`--${b}: ${w};`}):[],o=i=>i?Object.entries(i).flatMap(([f,$])=>{const m=n($);return f==="base"?m.join(""):`${f} { ${m.join("")} }`}):[],y=i=>i?Object.entries(i).flatMap(([f,$])=>Object.entries($).flatMap(([m,F])=>{const b=n(F,[f]),w=`.${f}-${m}, [data-${f}="${m}"]`,D=b.join("");return`${w} { ${D} }`})):[],d=n(e.variables),u=o(e.responsiveVariables),c=y(e.conditionalVariables),r=V(t),l=p.join(r,"css/variables.css"),T=`:root { ${d.join("")} ${u.join("")} } ${c.join("")}`;h.writeFileSync(l,T);const j=p.join(r,"types/css-tokens.d.ts"),S=`type VariableTokens = ${[...s].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;h.writeFileSync(j,S);const O=p.join(r,"css/global.css"),C=P(e.global,"");h.writeFileSync(O,C);const g=p.join(r,"css/templates.css"),k=Z(e.templates);h.writeFileSync(g,k)},R=async(t,e)=>{const s=M(t),n=p.join(e,"js",s+".js"),o=z();console.log("Module type:",o),await W.build({entryPoints:[t],minify:!0,treeShaking:!0,bundle:!0,outfile:n,format:o,target:["es2022"],keepNames:!0});const y=Date.now();return await import(`${n}?t=${y}`)},A=async t=>{const e=V(t),s=p.join(e,"salty.config.js"),{config:n}=await import(s);return n},rt=async t=>{try{const e=[],s=[],n=V(t),o=p.join(n,"index.css");(()=>{h.existsSync(n)&&X.execSync("rm -rf "+n),h.mkdirSync(n),h.mkdirSync(p.join(n,"css")),h.mkdirSync(p.join(n,"types"))})(),await U(t);const d=await A(t);async function u(a,S){const O=["node_modules","saltygen"],C=h.statSync(a);if(C.isDirectory()){const g=h.readdirSync(a);if(O.some(i=>a.includes(i)))return;await Promise.all(g.map(i=>u(p.join(a,i),p.join(S,i))))}else if(C.isFile()&&E(a)){const k=await R(a,n),i=[];Object.entries(k).forEach(([F,b])=>{if(b.isKeyframes&&b.css){const q=`${b.animationName}.css`,J=`css/${q}`,K=p.join(n,J);e.push(q),h.writeFileSync(K,b.css);return}if(!b.generator)return;const w=b.generator._withBuildContext({name:F,config:d}),D=`${w.hash}-${w.priority}.css`;s[w.priority]||(s[w.priority]=[]),s[w.priority].push(D),i.push(D);const N=`css/${D}`,L=p.join(n,N);h.writeFileSync(L,w.css)});const f=i.map(F=>`@import url('./${F}');`).join(`
+`),$=M(a,6),m=p.join(n,`css/${$}.css`);h.writeFileSync(m,f)}}await u(t,n);const c=e.map(a=>`@import url('./css/${a}');`).join(`
 `);let j=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
-${["variables.css","global.css","templates.css"].filter(a=>{try{return m.readFileSync(p.join(n,"css",a),"utf8").length>0}catch{return!1}}).map(a=>`@import url('./css/${a}');`).join(`
+${["variables.css","global.css","templates.css"].filter(a=>{try{return h.readFileSync(p.join(n,"css",a),"utf8").length>0}catch{return!1}}).map(a=>`@import url('./css/${a}');`).join(`
 `)}
-${c}`;if($.importStrategy!=="component"){const a=s.flat().map(S=>`@import url('./css/${S}');`).join(`
-`);j+=a}m.writeFileSync(o,j)}catch(e){console.error(e)}},ot=async(t,e)=>{try{const s=[],n=p.join(t,"./saltygen"),o=p.join(n,"index.css");if(E(e)){const $=await A(t),u=await M(e,n);Object.entries(u).forEach(([j,a])=>{if(!a.generator)return;const S=a.generator._withBuildContext({name:j,config:$}),x=`${S.hash}-${S.priority}.css`,C=`css/${x}`,g=p.join(n,C);s.push(x),m.writeFileSync(g,S.css)});const c=m.readFileSync(o,"utf8").split(`
-`),r=s.map(j=>`@import url('../saltygen/css/${j}');`),O=[...new Set([...c,...r])].join(`
-`);m.writeFileSync(o,O)}}catch(s){console.error(s)}},rt=async(t,e)=>{try{const s=p.join(t,"./saltygen");if(E(e)){const o=m.readFileSync(e,"utf8");o.replace(/^(?!export\s)const\s.*/gm,l=>`export ${l}`)!==o&&await U.writeFile(e,o);const $=await A(t),u=await M(e,s);let c=o;Object.entries(u).forEach(([l,O])=>{var D;if(O.isKeyframes||!O.generator)return;const j=O.generator._withBuildContext({name:l,config:$}),a=new RegExp(`\\s${l}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(o);if(!a)return console.error("Could not find the original declaration");const S=(D=a.at(1))==null?void 0:D.trim(),x=new RegExp(`\\s${l}[=\\s]+styled\\(`,"g").exec(c);if(!x)return console.error("Could not find the original declaration");const{index:C}=x;let g=!1;const k=setTimeout(()=>g=!0,5e3);let i=0,f=!1,h=0;for(;!f&&!g;){const T=c[C+i];T==="("&&h++,T===")"&&h--,h===0&&T===")"&&(f=!0),i>c.length&&(g=!0),i++}if(!g)clearTimeout(k);else throw new Error("Failed to find the end of the styled call and timed out");const d=C+i,F=c.slice(C,d),b=c,w=` ${l} = styled(${S}, "${j.classNames}", "${j._callerName}", ${JSON.stringify(j.props)});`;c=c.replace(F,w),b===c&&console.error("Minimize file failed to change content",{name:l,tagName:S})});const r=_(e,6);return $.importStrategy==="component"&&(c=`import '../../saltygen/css/${r}.css';
-${c}`),c=c.replace("{ styled }","{ styledClient as styled }"),c=c.replace("@salty-css/react/styled","@salty-css/react/styled-client"),c}}catch(s){console.error("Error in minimizeFile:",s)}},z=t=>({name:"stylegen",buildStart:()=>nt(t),load:async e=>{if(E(e))return await rt(t,e)},watchChange:{handler:async e=>{E(e)&&await ot(t,e),e.includes("salty.config")&&await Z(t)}}});exports.default=z;exports.saltyPlugin=z;
+${c}`;if(d.importStrategy!=="component"){const a=s.flat().map(S=>`@import url('./css/${S}');`).join(`
+`);j+=a}h.writeFileSync(o,j)}catch(e){console.error(e)}},it=async(t,e)=>{try{const s=[],n=p.join(t,"./saltygen"),o=p.join(n,"index.css");if(E(e)){const d=await A(t),u=await R(e,n);Object.entries(u).forEach(([j,a])=>{if(!a.generator)return;const S=a.generator._withBuildContext({name:j,config:d}),O=`${S.hash}-${S.priority}.css`,C=`css/${O}`,g=p.join(n,C);s.push(O),h.writeFileSync(g,S.css)});const c=h.readFileSync(o,"utf8").split(`
+`),r=s.map(j=>`@import url('../saltygen/css/${j}');`),T=[...new Set([...c,...r])].join(`
+`);h.writeFileSync(o,T)}}catch(s){console.error(s)}},ct=async(t,e)=>{try{const s=p.join(t,"./saltygen");if(E(e)){const o=h.readFileSync(e,"utf8");o.replace(/^(?!export\s)const\s.*/gm,l=>`export ${l}`)!==o&&await Y.writeFile(e,o);const d=await A(t),u=await R(e,s);let c=o;Object.entries(u).forEach(([l,T])=>{var D;if(T.isKeyframes||!T.generator)return;const j=T.generator._withBuildContext({name:l,config:d}),a=new RegExp(`\\s${l}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(o);if(!a)return console.error("Could not find the original declaration");const S=(D=a.at(1))==null?void 0:D.trim(),O=new RegExp(`\\s${l}[=\\s]+styled\\(`,"g").exec(c);if(!O)return console.error("Could not find the original declaration");const{index:C}=O;let g=!1;const k=setTimeout(()=>g=!0,5e3);let i=0,f=!1,$=0;for(;!f&&!g;){const N=c[C+i];N==="("&&$++,N===")"&&$--,$===0&&N===")"&&(f=!0),i>c.length&&(g=!0),i++}if(!g)clearTimeout(k);else throw new Error("Failed to find the end of the styled call and timed out");const m=C+i,F=c.slice(C,m),b=c,w=` ${l} = styled(${S}, "${j.classNames}", "${j._callerName}", ${JSON.stringify(j.props)});`;c=c.replace(F,w),b===c&&console.error("Minimize file failed to change content",{name:l,tagName:S})});const r=M(e,6);return d.importStrategy==="component"&&(c=`import '../../saltygen/css/${r}.css';
+${c}`),c=c.replace("{ styled }","{ styledClient as styled }"),c=c.replace("@salty-css/react/styled","@salty-css/react/styled-client"),c}}catch(s){console.error("Error in minimizeFile:",s)}},H=t=>({name:"stylegen",buildStart:()=>rt(t),load:async e=>{if(E(e))return await ct(t,e)},watchChange:{handler:async e=>{E(e)&&await it(t,e),e.includes("salty.config")&&await U(t)}}});exports.default=H;exports.saltyPlugin=H;

package/index.js

@@ -1,35 +1,35 @@
 import * as Z from "esbuild";
-import { execSync as L } from "child_process";
+import { execSync as U } from "child_process";
 import { join as u } from "path";
-import { writeFileSync as E, existsSync as U, mkdirSync as A, statSync as X, readdirSync as Y, readFileSync as M } from "fs";
-import { writeFile as Q } from "fs/promises";
-const W = (t) => String.fromCharCode(t + (t > 25 ? 39 : 97)), v = (t, s) => {
+import { writeFileSync as T, existsSync as X, mkdirSync as M, statSync as Y, readdirSync as Q, readFileSync as A } from "fs";
+import { writeFile as v } from "fs/promises";
+const I = (t) => String.fromCharCode(t + (t > 25 ? 39 : 97)), tt = (t, s) => {
   let e = "", n;
-  for (n = Math.abs(t); n > 52; n = n / 52 | 0) e = W(n % 52) + e;
-  return e = W(n % 52) + e, e.length < s ? e = e.padStart(s, "a") : e.length > s && (e = e.slice(-s)), e;
-}, tt = (t, s) => {
+  for (n = Math.abs(t); n > 52; n = n / 52 | 0) e = I(n % 52) + e;
+  return e = I(n % 52) + e, e.length < s ? e = e.padStart(s, "a") : e.length > s && (e = e.slice(-s)), e;
+}, st = (t, s) => {
   let e = s.length;
   for (; e; ) t = t * 33 ^ s.charCodeAt(--e);
   return t;
 }, R = (t, s = 3) => {
-  const e = tt(5381, JSON.stringify(t)) >>> 0;
-  return v(e, s);
+  const e = st(5381, JSON.stringify(t)) >>> 0;
+  return tt(e, s);
 };
-function O(t) {
-  return t ? typeof t != "string" ? O(String(t)) : t.replace(/\s/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (s, e) => (e > 0 ? "-" : "") + s.toLowerCase()) : "";
+function N(t) {
+  return t ? typeof t != "string" ? N(String(t)) : t.replace(/\s/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (s, e) => (e > 0 ? "-" : "") + s.toLowerCase()) : "";
 }
-const st = (t, s) => {
+const et = (t, s) => {
   if (typeof t != "string") return { result: t };
   if (!s) return { result: t };
   const e = [];
   return Object.values(s).forEach((n) => {
     const { pattern: o, transform: y } = n;
-    t = t.replace(o, (h) => {
-      const { value: p, css: c } = y(h);
+    t = t.replace(o, (g) => {
+      const { value: p, css: c } = y(g);
       return c && e.push(c), p;
     });
   }), { result: t, additionalCss: e };
-}, z = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${O(n[1].replaceAll(".", "-"))})`) } : { result: t }, N = (t, s, e, n) => {
+}, z = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${N(n[1].replaceAll(".", "-"))})`) } : { result: t }, E = (t, s, e, n) => {
   if (!t) return "";
   const o = [], y = Object.entries(t).reduce((p, [c, r]) => {
     const l = c.trim();
@@ -37,9 +37,9 @@ const st = (t, s) => {
       if (!r) return p;
       if (l === "variants")
         return Object.entries(r).forEach(([i, f]) => {
-          f && Object.entries(f).forEach(([d, m]) => {
+          f && Object.entries(f).forEach(([h, m]) => {
             if (!m) return;
-            const j = `${s}.${i}-${d}`, $ = N(m, j);
+            const S = `${s}.${i}-${h}`, $ = E(m, S);
             o.push($);
           });
         }), p;
@@ -47,31 +47,31 @@ const st = (t, s) => {
         return p;
       if (l === "compoundVariants")
         return r.forEach((i) => {
-          const { css: f, ...d } = i, m = Object.entries(d).reduce(($, [S, D]) => `${$}.${S}-${D}`, s), j = N(f, m);
-          o.push(j);
+          const { css: f, ...h } = i, m = Object.entries(h).reduce(($, [w, D]) => `${$}.${w}-${D}`, s), S = E(f, m);
+          o.push(S);
         }), p;
       if (l.startsWith("@")) {
-        const i = N(r, s), f = `${l} {
+        const i = E(r, s), f = `${l} {
  ${i.replace(`
 `, `
  `)}
 }`;
         return o.push(f), p;
       }
-      const g = c.includes("&") ? l.replace("&", s) : l.startsWith(":") ? `${s}${l}` : `${s} ${l}`, C = N(r, g);
+      const d = c.includes("&") ? l.replace("&", s) : l.startsWith(":") ? `${s}${l}` : `${s} ${l}`, C = E(r, d);
       return o.push(C), p;
     }
-    const x = l.startsWith("-") ? l : O(l), b = (g, C = ";") => p = `${p}${g}${C}`, a = (g) => b(`${x}:${g}`);
+    const k = l.startsWith("-") ? l : N(l), b = (d, C = ";") => p = `${p}${d}${C}`, a = (d) => b(`${k}:${d}`);
     if (typeof r == "number") return a(r);
     if (typeof r != "string")
       if ("toString" in r) r = r.toString();
       else return p;
-    const { modifiers: w } = {}, F = function* () {
-      yield z(r), yield st(r, w);
+    const { modifiers: j } = {}, F = function* () {
+      yield z(r), yield et(r, j);
     }();
-    for (const { result: g, additionalCss: C = [] } of F)
-      r = g, C.forEach((i) => {
-        const f = N(i, "");
+    for (const { result: d, additionalCss: C = [] } of F)
+      r = d, C.forEach((i) => {
+        const f = E(i, "");
         b(f, "");
       });
     return a(r);
@@ -79,8 +79,8 @@ const st = (t, s) => {
   if (!y) return o.join(`
 `);
   if (!s) return y;
-  let h = "";
-  return h = `${s} { ${y} }`, [h, ...o].join(`
+  let g = "";
+  return g = `${s} { ${y} }`, [g, ...o].join(`
 `);
 }, H = (t, s = []) => {
   if (!t) return "";
@@ -88,102 +88,102 @@ const st = (t, s) => {
   if (Object.entries(t).forEach(([o, y]) => {
     if (typeof y == "object") {
       if (!y) return;
-      const h = o.trim(), p = H(y, [...s, h]);
+      const g = o.trim(), p = H(y, [...s, g]);
       e.push(p);
     } else
       n[o] = y;
   }), Object.keys(n).length) {
-    const o = s.map(O).join("-"), y = N(n, `.${o}`);
+    const o = s.map(N).join("-"), y = E(n, `.${o}`);
     e.push(y);
   }
   return e.join(`
 `);
-}, V = (t) => u(t, "./saltygen"), et = ["salty", "css", "styles", "styled"], nt = (t = []) => new RegExp(`\\.(${[...et, ...t].join("|")})\\.`), T = (t, s = []) => nt(s).test(t), ot = async (t) => {
-  const s = V(t), e = u(t, "salty.config.ts"), n = u(s, "salty.config.js");
-  await Z.build({
+}, J = () => import.meta.url.endsWith(".cjs") ? "cjs" : "esm", V = (t) => u(t, "./saltygen"), nt = ["salty", "css", "styles", "styled"], ot = (t = []) => new RegExp(`\\.(${[...nt, ...t].join("|")})\\.`), P = (t, s = []) => ot(s).test(t), rt = async (t) => {
+  const s = V(t), e = u(t, "salty.config.ts"), n = u(s, "salty.config.js"), o = J();
+  console.log("Module type:", o), await Z.build({
     entryPoints: [e],
     minify: !0,
     treeShaking: !0,
     bundle: !0,
     outfile: n,
-    format: "esm",
-    external: ["react"]
+    format: o
+    // external: ['react'],
   });
-  const o = Date.now(), { config: y } = await import(`${n}?t=${o}`);
-  return y;
-}, J = async (t) => {
-  const s = await ot(t), e = /* @__PURE__ */ new Set(), n = (i, f = []) => i ? Object.entries(i).flatMap(([d, m]) => {
+  const y = Date.now(), { config: g } = await import(`${n}?t=${y}`);
+  return g;
+}, K = async (t) => {
+  const s = await rt(t), e = /* @__PURE__ */ new Set(), n = (i, f = []) => i ? Object.entries(i).flatMap(([h, m]) => {
     if (!m) return;
-    if (typeof m == "object") return n(m, [...f, d]);
-    const j = [...f, d].join(".");
-    e.add(`"${j}"`);
-    const $ = [...f.map(O), O(d)].join("-"), { result: S } = z(m);
-    return `--${$}: ${S};`;
-  }) : [], o = (i) => i ? Object.entries(i).flatMap(([f, d]) => {
-    const m = n(d);
+    if (typeof m == "object") return n(m, [...f, h]);
+    const S = [...f, h].join(".");
+    e.add(`"${S}"`);
+    const $ = [...f.map(N), N(h)].join("-"), { result: w } = z(m);
+    return `--${$}: ${w};`;
+  }) : [], o = (i) => i ? Object.entries(i).flatMap(([f, h]) => {
+    const m = n(h);
     return f === "base" ? m.join("") : `${f} { ${m.join("")} }`;
-  }) : [], y = (i) => i ? Object.entries(i).flatMap(([f, d]) => Object.entries(d).flatMap(([m, j]) => {
-    const $ = n(j, [f]), S = `.${f}-${m}, [data-${f}="${m}"]`, D = $.join("");
-    return `${S} { ${D} }`;
-  })) : [], h = n(s.variables), p = o(s.responsiveVariables), c = y(s.conditionalVariables), r = V(t), l = u(r, "css/variables.css"), x = `:root { ${h.join("")} ${p.join("")} } ${c.join("")}`;
-  E(l, x);
-  const b = u(r, "types/css-tokens.d.ts"), w = `type VariableTokens = ${[...e].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
-  E(b, w);
-  const k = u(r, "css/global.css"), F = N(s.global, "");
-  E(k, F);
-  const g = u(r, "css/templates.css"), C = H(s.templates);
-  E(g, C);
+  }) : [], y = (i) => i ? Object.entries(i).flatMap(([f, h]) => Object.entries(h).flatMap(([m, S]) => {
+    const $ = n(S, [f]), w = `.${f}-${m}, [data-${f}="${m}"]`, D = $.join("");
+    return `${w} { ${D} }`;
+  })) : [], g = n(s.variables), p = o(s.responsiveVariables), c = y(s.conditionalVariables), r = V(t), l = u(r, "css/variables.css"), k = `:root { ${g.join("")} ${p.join("")} } ${c.join("")}`;
+  T(l, k);
+  const b = u(r, "types/css-tokens.d.ts"), j = `type VariableTokens = ${[...e].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
+  T(b, j);
+  const x = u(r, "css/global.css"), F = E(s.global, "");
+  T(x, F);
+  const d = u(r, "css/templates.css"), C = H(s.templates);
+  T(d, C);
 }, _ = async (t, s) => {
-  const e = R(t), n = u(s, "js", e + ".js");
-  await Z.build({
+  const e = R(t), n = u(s, "js", e + ".js"), o = J();
+  console.log("Module type:", o), await Z.build({
     entryPoints: [t],
     minify: !0,
     treeShaking: !0,
     bundle: !0,
     outfile: n,
-    format: "esm",
+    format: o,
     target: ["es2022"],
-    keepNames: !0,
-    external: ["react"]
+    keepNames: !0
+    // external: ['react'],
   });
-  const o = Date.now();
-  return await import(`${n}?t=${o}`);
-}, B = async (t) => {
+  const y = Date.now();
+  return await import(`${n}?t=${y}`);
+}, W = async (t) => {
   const s = V(t), e = u(s, "salty.config.js"), { config: n } = await import(e);
   return n;
-}, rt = async (t) => {
+}, it = async (t) => {
   try {
     const s = [], e = [], n = V(t), o = u(n, "index.css");
     (() => {
-      U(n) && L("rm -rf " + n), A(n), A(u(n, "css")), A(u(n, "types"));
-    })(), await J(t);
-    const h = await B(t);
-    async function p(a, w) {
-      const k = ["node_modules", "saltygen"], F = X(a);
+      X(n) && U("rm -rf " + n), M(n), M(u(n, "css")), M(u(n, "types"));
+    })(), await K(t);
+    const g = await W(t);
+    async function p(a, j) {
+      const x = ["node_modules", "saltygen"], F = Y(a);
       if (F.isDirectory()) {
-        const g = Y(a);
-        if (k.some((i) => a.includes(i))) return;
-        await Promise.all(g.map((i) => p(u(a, i), u(w, i))));
-      } else if (F.isFile() && T(a)) {
+        const d = Q(a);
+        if (x.some((i) => a.includes(i))) return;
+        await Promise.all(d.map((i) => p(u(a, i), u(j, i))));
+      } else if (F.isFile() && P(a)) {
         const C = await _(a, n), i = [];
-        Object.entries(C).forEach(([j, $]) => {
+        Object.entries(C).forEach(([S, $]) => {
           if ($.isKeyframes && $.css) {
-            const I = `${$.animationName}.css`, q = `css/${I}`, G = u(n, q);
-            s.push(I), E(G, $.css);
+            const B = `${$.animationName}.css`, G = `css/${B}`, L = u(n, G);
+            s.push(B), T(L, $.css);
             return;
           }
           if (!$.generator) return;
-          const S = $.generator._withBuildContext({
-            name: j,
-            config: h
-          }), D = `${S.hash}-${S.priority}.css`;
-          e[S.priority] || (e[S.priority] = []), e[S.priority].push(D), i.push(D);
-          const P = `css/${D}`, K = u(n, P);
-          E(K, S.css);
+          const w = $.generator._withBuildContext({
+            name: S,
+            config: g
+          }), D = `${w.hash}-${w.priority}.css`;
+          e[w.priority] || (e[w.priority] = []), e[w.priority].push(D), i.push(D);
+          const O = `css/${D}`, q = u(n, O);
+          T(q, w.css);
         });
-        const f = i.map((j) => `@import url('./${j}');`).join(`
-`), d = R(a, 6), m = u(n, `css/${d}.css`);
-        E(m, f);
+        const f = i.map((S) => `@import url('./${S}');`).join(`
+`), h = R(a, 6), m = u(n, `css/${h}.css`);
+        T(m, f);
       }
     }
     await p(t, n);
@@ -193,95 +193,95 @@ const st = (t, s) => {
 
 ${["variables.css", "global.css", "templates.css"].filter((a) => {
       try {
-        return M(u(n, "css", a), "utf8").length > 0;
+        return A(u(n, "css", a), "utf8").length > 0;
       } catch {
         return !1;
       }
     }).map((a) => `@import url('./css/${a}');`).join(`
 `)}
 ${c}`;
-    if (h.importStrategy !== "component") {
-      const a = e.flat().map((w) => `@import url('./css/${w}');`).join(`
+    if (g.importStrategy !== "component") {
+      const a = e.flat().map((j) => `@import url('./css/${j}');`).join(`
 `);
       b += a;
     }
-    E(o, b);
+    T(o, b);
   } catch (s) {
     console.error(s);
   }
-}, it = async (t, s) => {
+}, ct = async (t, s) => {
   try {
     const e = [], n = u(t, "./saltygen"), o = u(n, "index.css");
-    if (T(s)) {
-      const h = await B(t), p = await _(s, n);
+    if (P(s)) {
+      const g = await W(t), p = await _(s, n);
       Object.entries(p).forEach(([b, a]) => {
         if (!a.generator) return;
-        const w = a.generator._withBuildContext({
+        const j = a.generator._withBuildContext({
           name: b,
-          config: h
-        }), k = `${w.hash}-${w.priority}.css`, F = `css/${k}`, g = u(n, F);
-        e.push(k), E(g, w.css);
+          config: g
+        }), x = `${j.hash}-${j.priority}.css`, F = `css/${x}`, d = u(n, F);
+        e.push(x), T(d, j.css);
       });
-      const c = M(o, "utf8").split(`
-`), r = e.map((b) => `@import url('../saltygen/css/${b}');`), x = [.../* @__PURE__ */ new Set([...c, ...r])].join(`
+      const c = A(o, "utf8").split(`
+`), r = e.map((b) => `@import url('../saltygen/css/${b}');`), k = [.../* @__PURE__ */ new Set([...c, ...r])].join(`
 `);
-      E(o, x);
+      T(o, k);
     }
   } catch (e) {
     console.error(e);
   }
-}, ct = async (t, s) => {
+}, at = async (t, s) => {
   try {
     const e = u(t, "./saltygen");
-    if (T(s)) {
-      const o = M(s, "utf8");
-      o.replace(/^(?!export\s)const\s.*/gm, (l) => `export ${l}`) !== o && await Q(s, o);
-      const h = await B(t), p = await _(s, e);
+    if (P(s)) {
+      const o = A(s, "utf8");
+      o.replace(/^(?!export\s)const\s.*/gm, (l) => `export ${l}`) !== o && await v(s, o);
+      const g = await W(t), p = await _(s, e);
       let c = o;
-      Object.entries(p).forEach(([l, x]) => {
+      Object.entries(p).forEach(([l, k]) => {
         var D;
-        if (x.isKeyframes || !x.generator) return;
-        const b = x.generator._withBuildContext({
+        if (k.isKeyframes || !k.generator) return;
+        const b = k.generator._withBuildContext({
           name: l,
-          config: h
+          config: g
         }), a = new RegExp(`\\s${l}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(o);
         if (!a) return console.error("Could not find the original declaration");
-        const w = (D = a.at(1)) == null ? void 0 : D.trim(), k = new RegExp(`\\s${l}[=\\s]+styled\\(`, "g").exec(c);
-        if (!k) return console.error("Could not find the original declaration");
-        const { index: F } = k;
-        let g = !1;
-        const C = setTimeout(() => g = !0, 5e3);
-        let i = 0, f = !1, d = 0;
-        for (; !f && !g; ) {
-          const P = c[F + i];
-          P === "(" && d++, P === ")" && d--, d === 0 && P === ")" && (f = !0), i > c.length && (g = !0), i++;
+        const j = (D = a.at(1)) == null ? void 0 : D.trim(), x = new RegExp(`\\s${l}[=\\s]+styled\\(`, "g").exec(c);
+        if (!x) return console.error("Could not find the original declaration");
+        const { index: F } = x;
+        let d = !1;
+        const C = setTimeout(() => d = !0, 5e3);
+        let i = 0, f = !1, h = 0;
+        for (; !f && !d; ) {
+          const O = c[F + i];
+          O === "(" && h++, O === ")" && h--, h === 0 && O === ")" && (f = !0), i > c.length && (d = !0), i++;
         }
-        if (!g) clearTimeout(C);
+        if (!d) clearTimeout(C);
         else throw new Error("Failed to find the end of the styled call and timed out");
-        const m = F + i, j = c.slice(F, m), $ = c, S = ` ${l} = styled(${w}, "${b.classNames}", "${b._callerName}", ${JSON.stringify(b.props)});`;
-        c = c.replace(j, S), $ === c && console.error("Minimize file failed to change content", { name: l, tagName: w });
+        const m = F + i, S = c.slice(F, m), $ = c, w = ` ${l} = styled(${j}, "${b.classNames}", "${b._callerName}", ${JSON.stringify(b.props)});`;
+        c = c.replace(S, w), $ === c && console.error("Minimize file failed to change content", { name: l, tagName: j });
       });
       const r = R(s, 6);
-      return h.importStrategy === "component" && (c = `import '../../saltygen/css/${r}.css';
+      return g.importStrategy === "component" && (c = `import '../../saltygen/css/${r}.css';
 ${c}`), c = c.replace("{ styled }", "{ styledClient as styled }"), c = c.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), c;
     }
   } catch (e) {
     console.error("Error in minimizeFile:", e);
   }
-}, ut = (t) => ({
+}, yt = (t) => ({
   name: "stylegen",
-  buildStart: () => rt(t),
+  buildStart: () => it(t),
   load: async (s) => {
-    if (T(s))
-      return await ct(t, s);
+    if (P(s))
+      return await at(t, s);
   },
   watchChange: {
     handler: async (s) => {
-      T(s) && await it(t, s), s.includes("salty.config") && await J(t);
+      P(s) && await ct(t, s), s.includes("salty.config") && await K(t);
     }
   }
 });
 export {
-  ut as default,
-  ut as saltyPlugin
+  yt as default,
+  yt as saltyPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/vite",
-  "version": "0.0.1-alpha.58",
+  "version": "0.0.1-alpha.59",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -29,6 +29,6 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.58"
+    "@salty-css/core": "^0.0.1-alpha.59"
   }
 }