@salty-css/core 0.0.1-alpha.114 → 0.0.1-alpha.116

package/index-V5AY9k9D.js

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

package/index-eyW1pjj1.cjs

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

package/package.json

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

package/{parse-templates-BNINfXOG.js → parse-templates-D1FebDfR.js}

@@ -1,95 +1,95 @@
-import { d as O } from "./dash-case-DMQMcCO6.js";
-const N = (t, r) => {
+import { d as O } from "./dash-case-D_tXuO4I.js";
+const N = (t, e) => {
   if (typeof t != "string") return { result: t };
-  if (!r) return { result: t };
+  if (!e) return { result: t };
   const s = [];
-  return Object.values(r).forEach((n) => {
+  return Object.values(e).forEach((n) => {
     const { pattern: o, transform: i } = n;
     t = t.replace(o, (d) => {
       const { value: c, css: j } = i(d);
       return j && s.push(j), c;
     });
   }), { result: t, additionalCss: s };
-}, P = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${O(n[1].replaceAll(".", "-"))})`) } : { result: t }, a = (t, r, s, n) => {
+}, P = (t) => typeof t != "string" ? { result: t } : /\{[^{}]+\}/g.test(t) ? { result: t.replace(/\{([^{}]+)\}/g, (...n) => `var(--${O(n[1].replaceAll(".", "-"))})`) } : { result: t }, a = (t, e, s, n) => {
   if (!t) return "";
-  const o = [], i = Object.entries(t).reduce((c, [j, e]) => {
+  const o = [], i = Object.entries(t).reduce((c, [j, r]) => {
     const f = j.trim();
-    if (typeof e == "function" && (e = e()), typeof e == "object") {
-      if (!e) return c;
+    if (typeof r == "function" && (r = r()), typeof r == "object") {
+      if (!r) return c;
       if (f === "variants")
-        return Object.entries(e).forEach(([p, u]) => {
+        return Object.entries(r).forEach(([p, u]) => {
           u && Object.entries(u).forEach(([m, b]) => {
             if (!b) return;
-            const y = `${r}.${p}-${m}`, l = a(b, y, s);
+            const y = `${e}.${p}-${m}`, l = a(b, y, s);
             o.push(l);
           });
         }), c;
       if (f === "defaultVariants")
         return c;
       if (f === "compoundVariants")
-        return e.forEach((p) => {
-          const { css: u, ...m } = p, b = Object.entries(m).reduce((l, [w, W]) => `${l}.${w}-${W}`, r), y = a(u, b, s);
+        return r.forEach((p) => {
+          const { css: u, ...m } = p, b = Object.entries(m).reduce((l, [w, W]) => `${l}.${w}-${W}`, e), y = a(u, b, s);
           o.push(y);
         }), c;
       if (f.startsWith("@")) {
-        const p = a(e, r, s), u = `${f} {
+        const p = a(r, e, s), u = `${f} {
  ${p.replace(`
 `, `
  `)}
 }`;
         return o.push(u), c;
       }
-      const $ = j.includes("&") ? f.replace("&", r) : f.startsWith(":") ? `${r}${f}` : `${r} ${f}`, h = a(e, $, s);
+      const $ = j.includes("&") ? f.replace("&", e) : f.startsWith(":") ? `${e}${f}` : `${e} ${f}`, h = a(r, $, s);
       return o.push(h), c;
     }
     if (n != null && n.templates && n.templates[f]) {
-      const h = e.split(".").reduce((p, u) => p[u], n.templates[f]);
+      const h = r.split(".").reduce((p, u) => p[u], n.templates[f]);
       if (h) {
         const p = a(h, "");
         return `${c}${p}`;
       }
-      return console.warn(`Template "${f}" with path of "${e}" was not found in config!`), c;
+      return console.warn(`Template "${f}" with path of "${r}" was not found in config!`), c;
     }
     const S = f.startsWith("-") ? f : O(f), g = ($, h = ";") => c = `${c}${$}${h}`, T = ($) => g(`${S}:${$}`);
-    if (typeof e == "number") return T(e);
-    if (typeof e != "string")
-      if ("toString" in e) e = e.toString();
+    if (typeof r == "number") return T(r);
+    if (typeof r != "string")
+      if ("toString" in r) r = r.toString();
       else return c;
     const { modifiers: V } = n || {}, k = function* () {
-      yield P(e), yield N(e, V);
+      yield P(r), yield N(r, V);
     }();
     for (const { result: $, additionalCss: h = [] } of k)
-      e = $, h.forEach((p) => {
+      r = $, h.forEach((p) => {
         const u = a(p, "");
         g(u, "");
       });
-    return T(e);
+    return T(r);
   }, "");
   if (!i) return o.join(`
 `);
-  if (!r) return i;
+  if (!e) return i;
   let d = "";
-  return s !== void 0 ? d = `@layer l${s} { ${r} { ${i} } }` : d = `${r} { ${i} }`, [d, ...o].join(`
+  return s !== void 0 ? d = `@layer l${s} { ${e} { ${i} } }` : d = `${e} { ${i} }`, [d, ...o].join(`
 `);
-}, _ = (t, r = []) => {
+}, _ = (t, e = []) => {
   if (!t) return "";
   const s = [], n = {};
   if (Object.entries(t).forEach(([o, i]) => {
     if (typeof i == "object") {
       if (!i) return;
-      const d = o.trim(), c = _(i, [...r, d]);
+      const d = o.trim(), c = _(i, [...e, d]);
       s.push(c);
     } else
       n[o] = i;
   }), Object.keys(n).length) {
-    const o = r.map(O).join("-"), i = a(n, `.${o}`);
+    const o = e.map(O).join("-"), i = a(n, `.${o}`);
     s.push(i);
   }
   return s.join(`
 `);
-}, A = (t) => Object.keys(t), K = (t) => Object.entries(t).reduce((r, [s, n]) => (typeof n == "object" && (r[s] = E(n).map((o) => `"${o}"`).join(" | ")), r), {}), E = (t, r = "", s = /* @__PURE__ */ new Set()) => t ? (Object.entries(t).forEach(([n, o]) => {
-  const i = r ? `${r}.${n}` : n;
-  return typeof o == "object" ? E(o, i, s) : s.add(r);
+}, A = (t) => Object.keys(t), K = (t) => Object.entries(t).reduce((e, [s, n]) => (typeof n == "object" && (e[s] = E(n).map((o) => `"${o}"`).join(" | ")), e), {}), E = (t, e = "", s = /* @__PURE__ */ new Set()) => t ? (Object.entries(t).forEach(([n, o]) => {
+  const i = e ? `${e}.${n}` : n;
+  return typeof o == "object" ? E(o, i, s) : s.add(e);
 }), [...s]) : [];
 export {
   _ as a,

package/{parse-templates-C1-wQz7G.cjs → parse-templates-lpgqU05M.cjs}

@@ -1,4 +1,4 @@
-"use strict";const T=require("./dash-case-DKzpenwY.cjs"),N=(t,e)=>{if(typeof t!="string")return{result:t};if(!e)return{result:t};const r=[];return Object.values(e).forEach(n=>{const{pattern:o,transform:i}=n;t=t.replace(o,d=>{const{value:c,css:j}=i(d);return j&&r.push(j),c})}),{result:t,additionalCss:r}},S=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${T.dashCase(n[1].replaceAll(".","-"))})`)}:{result:t},a=(t,e,r,n)=>{if(!t)return"";const o=[],i=Object.entries(t).reduce((c,[j,s])=>{const p=j.trim();if(typeof s=="function"&&(s=s()),typeof s=="object"){if(!s)return c;if(p==="variants")return Object.entries(s).forEach(([f,u])=>{u&&Object.entries(u).forEach(([l,m])=>{if(!m)return;const y=`${e}.${f}-${l}`,b=a(m,y,r);o.push(b)})}),c;if(p==="defaultVariants")return c;if(p==="compoundVariants")return s.forEach(f=>{const{css:u,...l}=f,m=Object.entries(l).reduce((b,[q,K])=>`${b}.${q}-${K}`,e),y=a(u,m,r);o.push(y)}),c;if(p.startsWith("@")){const f=a(s,e,r),u=`${p} {
+"use strict";const T=require("./dash-case-8PdMJjFC.cjs"),N=(t,e)=>{if(typeof t!="string")return{result:t};if(!e)return{result:t};const r=[];return Object.values(e).forEach(n=>{const{pattern:o,transform:i}=n;t=t.replace(o,d=>{const{value:c,css:j}=i(d);return j&&r.push(j),c})}),{result:t,additionalCss:r}},S=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${T.dashCase(n[1].replaceAll(".","-"))})`)}:{result:t},a=(t,e,r,n)=>{if(!t)return"";const o=[],i=Object.entries(t).reduce((c,[j,s])=>{const p=j.trim();if(typeof s=="function"&&(s=s()),typeof s=="object"){if(!s)return c;if(p==="variants")return Object.entries(s).forEach(([f,u])=>{u&&Object.entries(u).forEach(([l,m])=>{if(!m)return;const y=`${e}.${f}-${l}`,b=a(m,y,r);o.push(b)})}),c;if(p==="defaultVariants")return c;if(p==="compoundVariants")return s.forEach(f=>{const{css:u,...l}=f,m=Object.entries(l).reduce((b,[q,K])=>`${b}.${q}-${K}`,e),y=a(u,m,r);o.push(y)}),c;if(p.startsWith("@")){const f=a(s,e,r),u=`${p} {
  ${f.replace(`
 `,`
  `)}

package/types/index.d.ts

@@ -26,12 +26,13 @@ type CssProperties = {
 };
 type CssPropertyKeys = keyof CssProperties;
 export type StyleValue<K extends string> = K extends CssPropertyKeys ? CssProperties[K] : never;
-type InvalidVariantKeys = '';
+type InvalidVariantKeys = '' | 'css';
 type VariantOptions = {
     [key in InvalidVariantKeys]?: never;
 };
 export type CompoundVariant = {
-    [key: PropertyKey]: any;
+    [key: PropertyKey]: string | boolean | undefined;
+} | {
     css: CssStyles;
 };
 type Variants = {
@@ -46,10 +47,19 @@ type Variants = {
     compoundVariants?: CompoundVariant[];
 };
 type BooleanVariantValue = 'true' | 'false' | boolean;
-type VariantPropValue<T> = T extends 'true' ? BooleanVariantValue : T extends 'false' ? BooleanVariantValue : T;
-export type VariantProps<STYLES extends StyledParams> = STYLES['variants'] extends undefined ? object : {
-    [K in keyof STYLES['variants']]?: VariantPropValue<keyof STYLES['variants'][K]> | '';
+type VariantPropValue<T> = T extends 'true' ? BooleanVariantValue : T extends 'false' ? BooleanVariantValue : T extends boolean ? BooleanVariantValue : T | '';
+type PickType<T, K extends AllKeys<T>> = T extends {
+    [k in K]?: any;
+} ? T[K] : undefined;
+type AllKeys<T> = T extends any ? keyof T : never;
+export type Merge<T> = {
+    [k in AllKeys<T>]?: PickType<T, k>;
 };
+export type VariantProps<STYLES extends StyledParams, B = STYLES['variants'] extends undefined ? object : STYLES['variants'], C = STYLES['compoundVariants'] extends CompoundVariant[] ? Merge<STYLES['compoundVariants'][number]> : object> = Merge<{
+    [K in keyof B]?: K extends 'css' ? never : VariantPropValue<keyof B[K]>;
+} | {
+    [K in keyof C]?: K extends 'css' ? never : VariantPropValue<C[K]>;
+}>;
 type CssValuePropKey = `props-${string}`;
 export type ValueProps = {
     [key: CssValuePropKey]: string;

package/util/dot-case.d.ts

@@ -0,0 +1 @@
+export declare function dotCase(str: PropertyKey): string;

package/util/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../dash-case-DKzpenwY.cjs"),t=require("../pascal-case-iWoaJWwT.cjs");function s(e){return e?typeof e!="string"?s(String(e)):e.replace(/\s/g,"-").replace(/-([a-z])/g,r=>r[1].toUpperCase()):""}exports.dashCase=a.dashCase;exports.toHash=a.toHash;exports.pascalCase=t.pascalCase;exports.camelCase=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../dash-case-8PdMJjFC.cjs"),t=require("../pascal-case-iWoaJWwT.cjs");function s(e){return e?typeof e!="string"?s(String(e)):e.replace(/\s/g,"-").replace(/-([a-z])/g,r=>r[1].toUpperCase()):""}exports.dashCase=a.dashCase;exports.toHash=a.toHash;exports.pascalCase=t.pascalCase;exports.camelCase=s;

package/util/index.js

@@ -1,4 +1,4 @@
-import { d as o, t as s } from "../dash-case-DMQMcCO6.js";
+import { d as o, t as s } from "../dash-case-D_tXuO4I.js";
 import { p as f } from "../pascal-case-BQpR5PdN.js";
 function r(e) {
   return e ? typeof e != "string" ? r(String(e)) : e.replace(/\s/g, "-").replace(/-([a-z])/g, (a) => a[1].toUpperCase()) : "";