@salty-css/webpack 0.0.1-alpha.40 → 0.0.1-alpha.41

package/index-CQ2Ph8Zy.js

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

package/index-bKg2rNBB.cjs

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

package/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("path"),u=require("./index-zWFfFoCI.cjs"),r=(e,s,o=!1,n=!1)=>{var a,l,t;(l=(a=e.module)==null?void 0:a.rules)==null||l.push({test:u.saltyFileRegExp(),use:[{loader:p.resolve(__dirname,n?"./loader.cjs":"./loader.js"),options:{dir:s}}]}),o||(t=e.plugins)==null||t.push({apply:i=>{i.hooks.afterPlugins.tap({name:"generateCss"},async()=>{await u.generateCss(s)})}})};exports.default=r;exports.saltyPlugin=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("path"),u=require("./index-bKg2rNBB.cjs"),r=(e,s,o=!1,n=!1)=>{var a,l,t;(l=(a=e.module)==null?void 0:a.rules)==null||l.push({test:u.saltyFileRegExp(),use:[{loader:p.resolve(__dirname,n?"./loader.cjs":"./loader.js"),options:{dir:s}}]}),o||(t=e.plugins)==null||t.push({apply:i=>{i.hooks.afterPlugins.tap({name:"generateCss"},async()=>{await u.generateCss(s)})}})};exports.default=r;exports.saltyPlugin=r;

package/index.js

@@ -1,5 +1,5 @@
 import { resolve as n } from "path";
-import { s as u, g as i } from "./index-BDOd3CmD.js";
+import { s as u, g as i } from "./index-CQ2Ph8Zy.js";
 const g = (s, e, o = !1, r = !1) => {
   var a, l, t;
   (l = (a = s.module) == null ? void 0 : a.rules) == null || l.push({

package/loader.cjs

@@ -1 +1 @@
-"use strict";const i=require("./index-zWFfFoCI.cjs");async function n(){const{dir:e}=this.getOptions(),{resourcePath:t}=this;return await i.generateFile(e,t),await i.minimizeFile(e,t)}module.exports=n;
+"use strict";const i=require("./index-bKg2rNBB.cjs");async function n(){const{dir:e}=this.getOptions(),{resourcePath:t}=this;return await i.generateFile(e,t),await i.minimizeFile(e,t)}module.exports=n;

package/loader.js

@@ -1,4 +1,4 @@
-import { a as e, m as i } from "./index-BDOd3CmD.js";
+import { a as e, m as i } from "./index-CQ2Ph8Zy.js";
 async function s() {
   const { dir: t } = this.getOptions(), { resourcePath: a } = this;
   return await e(t, a), await i(t, a);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/webpack",
-  "version": "0.0.1-alpha.40",
+  "version": "0.0.1-alpha.41",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -29,7 +29,7 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.40",
+    "@salty-css/core": "^0.0.1-alpha.41",
     "webpack": ">=5.x"
   }
 }

package/index-BDOd3CmD.js

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

package/index-zWFfFoCI.cjs

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