@salty-css/core 0.0.1-alpha.57 → 0.0.1-alpha.59

package/compiler/index.cjs

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("esbuild"),G=require("child_process"),N=require("../dash-case-DKzpenwY.cjs"),i=require("path"),a=require("fs"),J=require("fs/promises"),V=require("../parse-templates-W0YfTmOT.cjs");function A(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const e=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(s,n,e.get?e:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const q=A(W),O=t=>i.join(t,"./saltygen"),M=["salty","css","styles","styled"],z=(t=[])=>new RegExp(`\\.(${[...M,...t].join("|")})\\.`),E=(t,s=[])=>z(s).test(t),L=async t=>{const s=O(t),n=i.join(t,"salty.config.ts"),e=i.join(s,"salty.config.js");await q.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:e,format:"esm",external:["react"]});const l=Date.now(),{config:k}=await import(`${e}?t=${l}`);return k},B=async t=>{const s=await L(t),n=new Set,e=(c,y=[])=>c?Object.entries(c).flatMap(([u,p])=>{if(!p)return;if(typeof p=="object")return e(p,[...y,u]);const w=[...y,u].join(".");n.add(`"${w}"`);const d=[...y.map(N.dashCase),N.dashCase(u)].join("-"),{result:m}=V.parseValueTokens(p);return`--${d}: ${m};`}):[],l=c=>c?Object.entries(c).flatMap(([y,u])=>{const p=e(u);return y==="base"?p.join(""):`${y} { ${p.join("")} }`}):[],k=c=>c?Object.entries(c).flatMap(([y,u])=>Object.entries(u).flatMap(([p,w])=>{const d=e(w,[y]),m=`.${y}-${p}, [data-${y}="${p}"]`,D=d.join("");return`${m} { ${D} }`})):[],S=e(s.variables),C=l(s.responsiveVariables),r=k(s.conditionalVariables),F=O(t),h=i.join(F,"css/variables.css"),x=`:root { ${S.join("")} ${C.join("")} } ${r.join("")}`;a.writeFileSync(h,x);const g=i.join(F,"types/css-tokens.d.ts"),f=`type VariableTokens = ${[...n].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;a.writeFileSync(g,f);const $=i.join(F,"css/global.css"),b=V.parseStyles(s.global,"");a.writeFileSync($,b);const j=i.join(F,"css/templates.css"),P=V.parseTemplates(s.templates);a.writeFileSync(j,P)},v=async(t,s)=>{const n=N.toHash(t),e=i.join(s,"js",n+".js");await q.build({entryPoints:[t],minify:!0,treeShaking:!0,bundle:!0,outfile:e,format:"esm",target:["es2022"],keepNames:!0,external:["react"]});const l=Date.now();return await import(`${e}?t=${l}`)},_=async t=>{const s=O(t),n=i.join(s,"salty.config.js"),{config:e}=await import(n);return e},U=async t=>{try{const s=[],n=[],e=O(t),l=i.join(e,"index.css");(()=>{a.existsSync(e)&&G.execSync("rm -rf "+e),a.mkdirSync(e),a.mkdirSync(i.join(e,"css")),a.mkdirSync(i.join(e,"types"))})(),await B(t);const S=await _(t);async function C(o,f){const $=["node_modules","saltygen"],b=a.statSync(o);if(b.isDirectory()){const j=a.readdirSync(o);if($.some(c=>o.includes(c)))return;await Promise.all(j.map(c=>C(i.join(o,c),i.join(f,c))))}else if(b.isFile()&&E(o)){const P=await v(o,e),c=[];Object.entries(P).forEach(([w,d])=>{if(d.isKeyframes&&d.css){const R=`${d.animationName}.css`,H=`css/${R}`,K=i.join(e,H);s.push(R),a.writeFileSync(K,d.css);return}if(!d.generator)return;const m=d.generator._withBuildContext({name:w,config:S}),D=`${m.hash}-${m.priority}.css`;n[m.priority]||(n[m.priority]=[]),n[m.priority].push(D),c.push(D);const T=`css/${D}`,I=i.join(e,T);a.writeFileSync(I,m.css)});const y=c.map(w=>`@import url('./${w}');`).join(`
-`),u=N.toHash(o,6),p=i.join(e,`css/${u}.css`);a.writeFileSync(p,y)}}await C(t,e);const r=s.map(o=>`@import url('./css/${o}');`).join(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("esbuild"),G=require("child_process"),N=require("../dash-case-DKzpenwY.cjs"),i=require("path"),a=require("fs"),J=require("fs/promises"),R=require("../parse-templates-DVK3iZIl.cjs");var V=typeof document<"u"?document.currentScript:null;function A(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const q=A(L),I=()=>(typeof document>"u"?require("url").pathToFileURL(__filename).href:V&&V.tagName.toUpperCase()==="SCRIPT"&&V.src||new URL("compiler/index.cjs",document.baseURI).href).endsWith(".cjs")?"cjs":"esm",O=e=>i.join(e,"./saltygen"),z=["salty","css","styles","styled"],B=(e=[])=>new RegExp(`\\.(${[...z,...e].join("|")})\\.`),v=(e,s=[])=>B(s).test(e),X=async e=>{const s=O(e),n=i.join(e,"salty.config.ts"),t=i.join(s,"salty.config.js"),l=I();console.log("Module type:",l),await q.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:t,format:l});const C=Date.now(),{config:d}=await import(`${t}?t=${C}`);return d},H=async e=>{const s=await X(e),n=new Set,t=(c,u=[])=>c?Object.entries(c).flatMap(([f,p])=>{if(!p)return;if(typeof p=="object")return t(p,[...u,f]);const w=[...u,f].join(".");n.add(`"${w}"`);const m=[...u.map(N.dashCase),N.dashCase(f)].join("-"),{result:h}=R.parseValueTokens(p);return`--${m}: ${h};`}):[],l=c=>c?Object.entries(c).flatMap(([u,f])=>{const p=t(f);return u==="base"?p.join(""):`${u} { ${p.join("")} }`}):[],C=c=>c?Object.entries(c).flatMap(([u,f])=>Object.entries(f).flatMap(([p,w])=>{const m=t(w,[u]),h=`.${u}-${p}, [data-${u}="${p}"]`,D=m.join("");return`${h} { ${D} }`})):[],d=t(s.variables),x=l(s.responsiveVariables),r=C(s.conditionalVariables),F=O(e),j=i.join(F,"css/variables.css"),T=`:root { ${d.join("")} ${x.join("")} } ${r.join("")}`;a.writeFileSync(j,T);const g=i.join(F,"types/css-tokens.d.ts"),y=`type VariableTokens = ${[...n].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;a.writeFileSync(g,y);const $=i.join(F,"css/global.css"),b=R.parseStyles(s.global,"");a.writeFileSync($,b);const S=i.join(F,"css/templates.css"),k=R.parseTemplates(s.templates);a.writeFileSync(S,k)},E=async(e,s)=>{const n=N.toHash(e),t=i.join(s,"js",n+".js"),l=I();console.log("Module type:",l),await q.build({entryPoints:[e],minify:!0,treeShaking:!0,bundle:!0,outfile:t,format:l,target:["es2022"],keepNames:!0});const C=Date.now();return await import(`${t}?t=${C}`)},_=async e=>{const s=O(e),n=i.join(s,"salty.config.js"),{config:t}=await import(n);return t},Y=async e=>{try{const s=[],n=[],t=O(e),l=i.join(t,"index.css");(()=>{a.existsSync(t)&&G.execSync("rm -rf "+t),a.mkdirSync(t),a.mkdirSync(i.join(t,"css")),a.mkdirSync(i.join(t,"types"))})(),await H(e);const d=await _(e);async function x(o,y){const $=["node_modules","saltygen"],b=a.statSync(o);if(b.isDirectory()){const S=a.readdirSync(o);if($.some(c=>o.includes(c)))return;await Promise.all(S.map(c=>x(i.join(o,c),i.join(y,c))))}else if(b.isFile()&&v(o)){const k=await E(o,t),c=[];Object.entries(k).forEach(([w,m])=>{if(m.isKeyframes&&m.css){const M=`${m.animationName}.css`,W=`css/${M}`,K=i.join(t,W);s.push(M),a.writeFileSync(K,m.css);return}if(!m.generator)return;const h=m.generator._withBuildContext({name:w,config:d}),D=`${h.hash}-${h.priority}.css`;n[h.priority]||(n[h.priority]=[]),n[h.priority].push(D),c.push(D);const P=`css/${D}`,U=i.join(t,P);a.writeFileSync(U,h.css)});const u=c.map(w=>`@import url('./${w}');`).join(`
+`),f=N.toHash(o,6),p=i.join(t,`css/${f}.css`);a.writeFileSync(p,u)}}await x(e,t);const r=s.map(o=>`@import url('./css/${o}');`).join(`
 `);let g=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
-${["variables.css","global.css","templates.css"].filter(o=>{try{return a.readFileSync(i.join(e,"css",o),"utf8").length>0}catch{return!1}}).map(o=>`@import url('./css/${o}');`).join(`
+${["variables.css","global.css","templates.css"].filter(o=>{try{return a.readFileSync(i.join(t,"css",o),"utf8").length>0}catch{return!1}}).map(o=>`@import url('./css/${o}');`).join(`
 `)}
-${r}`;if(S.importStrategy!=="component"){const o=n.flat().map(f=>`@import url('./css/${f}');`).join(`
-`);g+=o}a.writeFileSync(l,g)}catch(s){console.error(s)}},X=async(t,s)=>{try{const n=[],e=i.join(t,"./saltygen"),l=i.join(e,"index.css");if(E(s)){const S=await _(t),C=await v(s,e);Object.entries(C).forEach(([g,o])=>{if(!o.generator)return;const f=o.generator._withBuildContext({name:g,config:S}),$=`${f.hash}-${f.priority}.css`,b=`css/${$}`,j=i.join(e,b);n.push($),a.writeFileSync(j,f.css)});const r=a.readFileSync(l,"utf8").split(`
-`),F=n.map(g=>`@import url('../saltygen/css/${g}');`),x=[...new Set([...r,...F])].join(`
-`);a.writeFileSync(l,x)}}catch(n){console.error(n)}},Y=async(t,s)=>{try{const n=i.join(t,"./saltygen");if(E(s)){const l=a.readFileSync(s,"utf8");l.replace(/^(?!export\s)const\s.*/gm,h=>`export ${h}`)!==l&&await J.writeFile(s,l);const S=await _(t),C=await v(s,n);let r=l;Object.entries(C).forEach(([h,x])=>{var D;if(x.isKeyframes||!x.generator)return;const g=x.generator._withBuildContext({name:h,config:S}),o=new RegExp(`\\s${h}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(l);if(!o)return console.error("Could not find the original declaration");const f=(D=o.at(1))==null?void 0:D.trim(),$=new RegExp(`\\s${h}[=\\s]+styled\\(`,"g").exec(r);if(!$)return console.error("Could not find the original declaration");const{index:b}=$;let j=!1;const P=setTimeout(()=>j=!0,5e3);let c=0,y=!1,u=0;for(;!y&&!j;){const T=r[b+c];T==="("&&u++,T===")"&&u--,u===0&&T===")"&&(y=!0),c>r.length&&(j=!0),c++}if(!j)clearTimeout(P);else throw new Error("Failed to find the end of the styled call and timed out");const p=b+c,w=r.slice(b,p),d=r,m=` ${h} = styled(${f}, "${g.classNames}", "${g._callerName}", ${JSON.stringify(g.props)});`;r=r.replace(w,m),d===r&&console.error("Minimize file failed to change content",{name:h,tagName:f})});const F=N.toHash(s,6);return S.importStrategy==="component"&&(r=`import '../../saltygen/css/${F}.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=v;exports.generateConfigStyles=B;exports.generateCss=U;exports.generateFile=X;exports.isSaltyFile=E;exports.minimizeFile=Y;exports.saltyFileExtensions=M;exports.saltyFileRegExp=z;
+${r}`;if(d.importStrategy!=="component"){const o=n.flat().map(y=>`@import url('./css/${y}');`).join(`
+`);g+=o}a.writeFileSync(l,g)}catch(s){console.error(s)}},Z=async(e,s)=>{try{const n=[],t=i.join(e,"./saltygen"),l=i.join(t,"index.css");if(v(s)){const d=await _(e),x=await E(s,t);Object.entries(x).forEach(([g,o])=>{if(!o.generator)return;const y=o.generator._withBuildContext({name:g,config:d}),$=`${y.hash}-${y.priority}.css`,b=`css/${$}`,S=i.join(t,b);n.push($),a.writeFileSync(S,y.css)});const r=a.readFileSync(l,"utf8").split(`
+`),F=n.map(g=>`@import url('../saltygen/css/${g}');`),T=[...new Set([...r,...F])].join(`
+`);a.writeFileSync(l,T)}}catch(n){console.error(n)}},Q=async(e,s)=>{try{const n=i.join(e,"./saltygen");if(v(s)){const l=a.readFileSync(s,"utf8");l.replace(/^(?!export\s)const\s.*/gm,j=>`export ${j}`)!==l&&await J.writeFile(s,l);const d=await _(e),x=await E(s,n);let r=l;Object.entries(x).forEach(([j,T])=>{var D;if(T.isKeyframes||!T.generator)return;const g=T.generator._withBuildContext({name:j,config:d}),o=new RegExp(`\\s${j}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(l);if(!o)return console.error("Could not find the original declaration");const y=(D=o.at(1))==null?void 0:D.trim(),$=new RegExp(`\\s${j}[=\\s]+styled\\(`,"g").exec(r);if(!$)return console.error("Could not find the original declaration");const{index:b}=$;let S=!1;const k=setTimeout(()=>S=!0,5e3);let c=0,u=!1,f=0;for(;!u&&!S;){const P=r[b+c];P==="("&&f++,P===")"&&f--,f===0&&P===")"&&(u=!0),c>r.length&&(S=!0),c++}if(!S)clearTimeout(k);else throw new Error("Failed to find the end of the styled call and timed out");const p=b+c,w=r.slice(b,p),m=r,h=` ${j} = styled(${y}, "${g.classNames}", "${g._callerName}", ${JSON.stringify(g.props)});`;r=r.replace(w,h),m===r&&console.error("Minimize file failed to change content",{name:j,tagName:y})});const F=N.toHash(s,6);return d.importStrategy==="component"&&(r=`import '../../saltygen/css/${F}.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=E;exports.generateConfigStyles=H;exports.generateCss=Y;exports.generateFile=Z;exports.isSaltyFile=v;exports.minimizeFile=Q;exports.saltyFileExtensions=z;exports.saltyFileRegExp=B;

package/compiler/index.js

@@ -1,102 +1,102 @@
 import * as _ from "esbuild";
-import { execSync as W } from "child_process";
-import { t as E, d as M } from "../dash-case-DMQMcCO6.js";
+import { execSync as G } from "child_process";
+import { t as E, d as I } from "../dash-case-DMQMcCO6.js";
 import { join as i } from "path";
-import { writeFileSync as b, existsSync as G, mkdirSync as V, statSync as J, readdirSync as q, readFileSync as v } from "fs";
-import { writeFile as A } from "fs/promises";
-import { p as L, a as U, b as X } from "../parse-templates-D4p3pgQR.js";
-const N = (s) => i(s, "./saltygen"), Y = ["salty", "css", "styles", "styled"], Z = (s = []) => new RegExp(`\\.(${[...Y, ...s].join("|")})\\.`), O = (s, e = []) => Z(e).test(s), Q = async (s) => {
-  const e = N(s), n = i(s, "salty.config.ts"), t = i(e, "salty.config.js");
-  await _.build({
+import { writeFileSync as w, existsSync as J, mkdirSync as V, statSync as q, readdirSync as A, readFileSync as v } from "fs";
+import { writeFile as L } from "fs/promises";
+import { p as U, a as X, b as Y } from "../parse-templates-DUUSaubj.js";
+const z = () => import.meta.url.endsWith(".cjs") ? "cjs" : "esm", N = (s) => i(s, "./saltygen"), Z = ["salty", "css", "styles", "styled"], Q = (s = []) => new RegExp(`\\.(${[...Z, ...s].join("|")})\\.`), M = (s, e = []) => Q(e).test(s), tt = async (s) => {
+  const e = N(s), n = i(s, "salty.config.ts"), t = i(e, "salty.config.js"), a = z();
+  console.log("Module type:", a), await _.build({
     entryPoints: [n],
     minify: !0,
     treeShaking: !0,
     bundle: !0,
     outfile: t,
-    format: "esm",
-    external: ["react"]
+    format: a
+    // external: ['react'],
   });
-  const a = Date.now(), { config: k } = await import(`${t}?t=${a}`);
-  return k;
-}, tt = async (s) => {
-  const e = await Q(s), n = /* @__PURE__ */ new Set(), t = (c, l = []) => c ? Object.entries(c).flatMap(([m, p]) => {
+  const C = Date.now(), { config: y } = await import(`${t}?t=${C}`);
+  return y;
+}, st = async (s) => {
+  const e = await tt(s), n = /* @__PURE__ */ new Set(), t = (c, l = []) => c ? Object.entries(c).flatMap(([m, p]) => {
     if (!p) return;
     if (typeof p == "object") return t(p, [...l, m]);
     const j = [...l, m].join(".");
     n.add(`"${j}"`);
-    const g = [...l.map(M), M(m)].join("-"), { result: u } = X(p);
-    return `--${g}: ${u};`;
+    const g = [...l.map(I), I(m)].join("-"), { result: d } = Y(p);
+    return `--${g}: ${d};`;
   }) : [], a = (c) => c ? Object.entries(c).flatMap(([l, m]) => {
     const p = t(m);
     return l === "base" ? p.join("") : `${l} { ${p.join("")} }`;
-  }) : [], k = (c) => c ? Object.entries(c).flatMap(([l, m]) => Object.entries(m).flatMap(([p, j]) => {
-    const g = t(j, [l]), u = `.${l}-${p}, [data-${l}="${p}"]`, D = g.join("");
-    return `${u} { ${D} }`;
-  })) : [], w = t(e.variables), C = a(e.responsiveVariables), r = k(e.conditionalVariables), F = N(s), d = i(F, "css/variables.css"), x = `:root { ${w.join("")} ${C.join("")} } ${r.join("")}`;
-  b(d, x);
-  const y = i(F, "types/css-tokens.d.ts"), f = `type VariableTokens = ${[...n].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
-  b(y, f);
-  const S = i(F, "css/global.css"), $ = L(e.global, "");
-  b(S, $);
-  const h = i(F, "css/templates.css"), P = U(e.templates);
-  b(h, P);
-}, R = async (s, e) => {
-  const n = E(s), t = i(e, "js", n + ".js");
-  await _.build({
+  }) : [], C = (c) => c ? Object.entries(c).flatMap(([l, m]) => Object.entries(m).flatMap(([p, j]) => {
+    const g = t(j, [l]), d = `.${l}-${p}, [data-${l}="${p}"]`, k = g.join("");
+    return `${d} { ${k} }`;
+  })) : [], y = t(e.variables), x = a(e.responsiveVariables), r = C(e.conditionalVariables), F = N(s), h = i(F, "css/variables.css"), D = `:root { ${y.join("")} ${x.join("")} } ${r.join("")}`;
+  w(h, D);
+  const u = i(F, "types/css-tokens.d.ts"), f = `type VariableTokens = ${[...n].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
+  w(u, f);
+  const S = i(F, "css/global.css"), b = U(e.global, "");
+  w(S, b);
+  const $ = i(F, "css/templates.css"), T = X(e.templates);
+  w($, T);
+}, O = async (s, e) => {
+  const n = E(s), t = i(e, "js", n + ".js"), a = z();
+  console.log("Module type:", a), await _.build({
     entryPoints: [s],
     minify: !0,
     treeShaking: !0,
     bundle: !0,
     outfile: t,
-    format: "esm",
+    format: a,
     target: ["es2022"],
-    keepNames: !0,
-    external: ["react"]
+    keepNames: !0
+    // external: ['react'],
   });
-  const a = Date.now();
-  return await import(`${t}?t=${a}`);
-}, B = async (s) => {
+  const C = Date.now();
+  return await import(`${t}?t=${C}`);
+}, R = async (s) => {
   const e = N(s), n = i(e, "salty.config.js"), { config: t } = await import(n);
   return t;
-}, ct = async (s) => {
+}, at = async (s) => {
   try {
     const e = [], n = [], t = N(s), a = i(t, "index.css");
     (() => {
-      G(t) && W("rm -rf " + t), V(t), V(i(t, "css")), V(i(t, "types"));
-    })(), await tt(s);
-    const w = await B(s);
-    async function C(o, f) {
-      const S = ["node_modules", "saltygen"], $ = J(o);
-      if ($.isDirectory()) {
-        const h = q(o);
+      J(t) && G("rm -rf " + t), V(t), V(i(t, "css")), V(i(t, "types"));
+    })(), await st(s);
+    const y = await R(s);
+    async function x(o, f) {
+      const S = ["node_modules", "saltygen"], b = q(o);
+      if (b.isDirectory()) {
+        const $ = A(o);
         if (S.some((c) => o.includes(c))) return;
-        await Promise.all(h.map((c) => C(i(o, c), i(f, c))));
-      } else if ($.isFile() && O(o)) {
-        const P = await R(o, t), c = [];
-        Object.entries(P).forEach(([j, g]) => {
+        await Promise.all($.map((c) => x(i(o, c), i(f, c))));
+      } else if (b.isFile() && M(o)) {
+        const T = await O(o, t), c = [];
+        Object.entries(T).forEach(([j, g]) => {
           if (g.isKeyframes && g.css) {
-            const I = `${g.animationName}.css`, H = `css/${I}`, K = i(t, H);
-            e.push(I), b(K, g.css);
+            const B = `${g.animationName}.css`, H = `css/${B}`, K = i(t, H);
+            e.push(B), w(K, g.css);
             return;
           }
           if (!g.generator) return;
-          const u = g.generator._withBuildContext({
+          const d = g.generator._withBuildContext({
             name: j,
-            config: w
-          }), D = `${u.hash}-${u.priority}.css`;
-          n[u.priority] || (n[u.priority] = []), n[u.priority].push(D), c.push(D);
-          const T = `css/${D}`, z = i(t, T);
-          b(z, u.css);
+            config: y
+          }), k = `${d.hash}-${d.priority}.css`;
+          n[d.priority] || (n[d.priority] = []), n[d.priority].push(k), c.push(k);
+          const P = `css/${k}`, W = i(t, P);
+          w(W, d.css);
         });
         const l = c.map((j) => `@import url('./${j}');`).join(`
 `), m = E(o, 6), p = i(t, `css/${m}.css`);
-        b(p, l);
+        w(p, l);
       }
     }
-    await C(s, t);
+    await x(s, t);
     const r = e.map((o) => `@import url('./css/${o}');`).join(`
 `);
-    let y = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
+    let u = `@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 
 ${["variables.css", "global.css", "templates.css"].filter((o) => {
       try {
@@ -107,69 +107,69 @@ ${["variables.css", "global.css", "templates.css"].filter((o) => {
     }).map((o) => `@import url('./css/${o}');`).join(`
 `)}
 ${r}`;
-    if (w.importStrategy !== "component") {
+    if (y.importStrategy !== "component") {
       const o = n.flat().map((f) => `@import url('./css/${f}');`).join(`
 `);
-      y += o;
+      u += o;
     }
-    b(a, y);
+    w(a, u);
   } catch (e) {
     console.error(e);
   }
-}, at = async (s, e) => {
+}, lt = async (s, e) => {
   try {
     const n = [], t = i(s, "./saltygen"), a = i(t, "index.css");
-    if (O(e)) {
-      const w = await B(s), C = await R(e, t);
-      Object.entries(C).forEach(([y, o]) => {
+    if (M(e)) {
+      const y = await R(s), x = await O(e, t);
+      Object.entries(x).forEach(([u, o]) => {
         if (!o.generator) return;
         const f = o.generator._withBuildContext({
-          name: y,
-          config: w
-        }), S = `${f.hash}-${f.priority}.css`, $ = `css/${S}`, h = i(t, $);
-        n.push(S), b(h, f.css);
+          name: u,
+          config: y
+        }), S = `${f.hash}-${f.priority}.css`, b = `css/${S}`, $ = i(t, b);
+        n.push(S), w($, f.css);
       });
       const r = v(a, "utf8").split(`
-`), F = n.map((y) => `@import url('../saltygen/css/${y}');`), x = [.../* @__PURE__ */ new Set([...r, ...F])].join(`
+`), F = n.map((u) => `@import url('../saltygen/css/${u}');`), D = [.../* @__PURE__ */ new Set([...r, ...F])].join(`
 `);
-      b(a, x);
+      w(a, D);
     }
   } catch (n) {
     console.error(n);
   }
-}, lt = async (s, e) => {
+}, pt = async (s, e) => {
   try {
     const n = i(s, "./saltygen");
-    if (O(e)) {
+    if (M(e)) {
       const a = v(e, "utf8");
-      a.replace(/^(?!export\s)const\s.*/gm, (d) => `export ${d}`) !== a && await A(e, a);
-      const w = await B(s), C = await R(e, n);
+      a.replace(/^(?!export\s)const\s.*/gm, (h) => `export ${h}`) !== a && await L(e, a);
+      const y = await R(s), x = await O(e, n);
       let r = a;
-      Object.entries(C).forEach(([d, x]) => {
-        var D;
-        if (x.isKeyframes || !x.generator) return;
-        const y = x.generator._withBuildContext({
-          name: d,
-          config: w
-        }), o = new RegExp(`\\s${d}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(a);
+      Object.entries(x).forEach(([h, D]) => {
+        var k;
+        if (D.isKeyframes || !D.generator) return;
+        const u = D.generator._withBuildContext({
+          name: h,
+          config: y
+        }), o = new RegExp(`\\s${h}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(a);
         if (!o) return console.error("Could not find the original declaration");
-        const f = (D = o.at(1)) == null ? void 0 : D.trim(), S = new RegExp(`\\s${d}[=\\s]+styled\\(`, "g").exec(r);
+        const f = (k = o.at(1)) == null ? void 0 : k.trim(), S = new RegExp(`\\s${h}[=\\s]+styled\\(`, "g").exec(r);
         if (!S) return console.error("Could not find the original declaration");
-        const { index: $ } = S;
-        let h = !1;
-        const P = setTimeout(() => h = !0, 5e3);
+        const { index: b } = S;
+        let $ = !1;
+        const T = setTimeout(() => $ = !0, 5e3);
         let c = 0, l = !1, m = 0;
-        for (; !l && !h; ) {
-          const T = r[$ + c];
-          T === "(" && m++, T === ")" && m--, m === 0 && T === ")" && (l = !0), c > r.length && (h = !0), c++;
+        for (; !l && !$; ) {
+          const P = r[b + c];
+          P === "(" && m++, P === ")" && m--, m === 0 && P === ")" && (l = !0), c > r.length && ($ = !0), c++;
         }
-        if (!h) clearTimeout(P);
+        if (!$) clearTimeout(T);
         else throw new Error("Failed to find the end of the styled call and timed out");
-        const p = $ + c, j = r.slice($, p), g = r, u = ` ${d} = styled(${f}, "${y.classNames}", "${y._callerName}", ${JSON.stringify(y.props)});`;
-        r = r.replace(j, u), g === r && console.error("Minimize file failed to change content", { name: d, tagName: f });
+        const p = b + c, j = r.slice(b, p), g = r, d = ` ${h} = styled(${f}, "${u.classNames}", "${u._callerName}", ${JSON.stringify(u.props)});`;
+        r = r.replace(j, d), g === r && console.error("Minimize file failed to change content", { name: h, tagName: f });
       });
       const F = E(e, 6);
-      return w.importStrategy === "component" && (r = `import '../../saltygen/css/${F}.css';
+      return y.importStrategy === "component" && (r = `import '../../saltygen/css/${F}.css';
 ${r}`), r = r.replace("{ styled }", "{ styledClient as styled }"), r = r.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), r;
     }
   } catch (n) {
@@ -177,12 +177,12 @@ ${r}`), r = r.replace("{ styled }", "{ styledClient as styled }"), r = r.replace
   }
 };
 export {
-  R as compileSaltyFile,
-  tt as generateConfigStyles,
-  ct as generateCss,
-  at as generateFile,
-  O as isSaltyFile,
-  lt as minimizeFile,
-  Y as saltyFileExtensions,
-  Z as saltyFileRegExp
+  O as compileSaltyFile,
+  st as generateConfigStyles,
+  at as generateCss,
+  lt as generateFile,
+  M as isSaltyFile,
+  pt as minimizeFile,
+  Z as saltyFileExtensions,
+  Q as saltyFileRegExp
 };

package/generator/index.cjs

@@ -1 +1 @@
-"use strict";var m=Object.defineProperty;var l=(a,t,s)=>t in a?m(a,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[t]=s;var c=(a,t,s)=>l(a,typeof t!="symbol"?t+"":t,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../dash-case-DKzpenwY.cjs"),p=require("../parse-templates-W0YfTmOT.cjs");class g{constructor(t,s){c(this,"_callerName");c(this,"_context");this.tagName=t,this.params=s}get hash(){return u.toHash(this.params.base||this.params)}get priority(){var t;return typeof this.tagName=="function"||typeof this.tagName=="object"?(((t=this.tagName.generator)==null?void 0:t.priority)||0)+1:0}get classNames(){const t=[this.hash],{className:s}=this.params;return s&&t.push(s),t.join(" ")}get cssClassName(){return this.hash}get cssDisplayNameVar(){return`--${this.hash}-display-name: ${this._callerName};`}get templateKeys(){var t;return(t=this._context)!=null&&t.config.templates?p.getTemplateKeys(this._context.config.templates):[]}get css(){var e;const{base:t={},variants:s={},compoundVariants:r=[]}=this.params,i={...t,variants:s,compoundVariants:r};return p.parseStyles(i,`.${this.cssClassName}`,this.priority,(e=this._context)==null?void 0:e.config)}get props(){const{element:t}=this.params,s=this.params.variants?Object.keys(this.params.variants).map(e=>{var n;const o=(n=this.params.defaultVariants)==null?void 0:n[e];return o!==void 0?`${e}=${String(o)}`:e}):void 0,r=new Set([]),i=/\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));return i&&i.forEach((e,o,n)=>{const h=n.at(1);h&&r.add(h)}),{element:t,variantKeys:s,propValueKeys:[...r]}}_withBuildContext(t){this._context=t;const{name:s,config:r}=t;return this._callerName=s,this}}exports.StyleComponentGenerator=g;
+"use strict";var m=Object.defineProperty;var l=(a,t,s)=>t in a?m(a,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[t]=s;var c=(a,t,s)=>l(a,typeof t!="symbol"?t+"":t,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../dash-case-DKzpenwY.cjs"),p=require("../parse-templates-DVK3iZIl.cjs");class g{constructor(t,s){c(this,"_callerName");c(this,"_context");this.tagName=t,this.params=s}get hash(){return u.toHash(this.params.base||this.params)}get priority(){var t;return typeof this.tagName=="function"||typeof this.tagName=="object"?(((t=this.tagName.generator)==null?void 0:t.priority)||0)+1:0}get classNames(){const t=[this.hash],{className:s}=this.params;return s&&t.push(s),t.join(" ")}get cssClassName(){return this.hash}get cssDisplayNameVar(){return`--${this.hash}-display-name: ${this._callerName};`}get templateKeys(){var t;return(t=this._context)!=null&&t.config.templates?p.getTemplateKeys(this._context.config.templates):[]}get css(){var e;const{base:t={},variants:s={},compoundVariants:r=[]}=this.params,i={...t,variants:s,compoundVariants:r};return p.parseStyles(i,`.${this.cssClassName}`,this.priority,(e=this._context)==null?void 0:e.config)}get props(){const{element:t}=this.params,s=this.params.variants?Object.keys(this.params.variants).map(e=>{var n;const o=(n=this.params.defaultVariants)==null?void 0:n[e];return o!==void 0?`${e}=${String(o)}`:e}):void 0,r=new Set([]),i=/\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));return i&&i.forEach((e,o,n)=>{const h=n.at(1);h&&r.add(h)}),{element:t,variantKeys:s,propValueKeys:[...r]}}_withBuildContext(t){this._context=t;const{name:s,config:r}=t;return this._callerName=s,this}}exports.StyleComponentGenerator=g;

package/generator/index.js

@@ -2,7 +2,7 @@ var h = Object.defineProperty;
 var m = (e, t, s) => t in e ? h(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
 var c = (e, t, s) => m(e, typeof t != "symbol" ? t + "" : t, s);
 import { t as l } from "../dash-case-DMQMcCO6.js";
-import { g, p as u } from "../parse-templates-D4p3pgQR.js";
+import { g, p as u } from "../parse-templates-DUUSaubj.js";
 class d {
   constructor(t, s) {
     c(this, "_callerName");

package/package.json

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

package/parse-templates-DUUSaubj.js

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

package/parse-templates-DVK3iZIl.cjs

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

package/util/module-type.d.ts

@@ -0,0 +1 @@
+export declare const detectCurrentModuleType: () => "cjs" | "esm";

package/parse-templates-D4p3pgQR.js

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

package/parse-templates-W0YfTmOT.cjs

@@ -1,8 +0,0 @@
-"use strict";const O=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:c}=n;t=t.replace(o,a=>{const{value:i,css:l}=c(a);return l&&r.push(l),i})}),{result:t,additionalCss:r}},k=t=>typeof t!="string"?{result:t}:/\{[^{}]+\}/g.test(t)?{result:t.replace(/\{([^{}]+)\}/g,(...n)=>`var(--${O.dashCase(n[1].replaceAll(".","-"))})`)}:{result:t},h=(t,e,r,n)=>{if(!t)return"";const o=[],c=Object.entries(t).reduce((i,[l,s])=>{const p=l.trim();if(typeof s=="function"&&(s=s()),typeof s=="object"){if(!s)return i;if(p==="variants")return Object.entries(s).forEach(([u,f])=>{f&&Object.entries(f).forEach(([m,j])=>{if(!j)return;const y=`${e}.${u}-${m}`,b=h(j,y,r);o.push(b)})}),i;if(p==="defaultVariants")return i;if(p==="compoundVariants")return s.forEach(u=>{const{css:f,...m}=u,j=Object.entries(m).reduce((b,[q,K])=>`${b}.${q}-${K}`,e),y=h(f,j,r);o.push(y)}),i;if(p.startsWith("@")){const u=h(s,e,r),f=`${p} {
- ${u.replace(`
-`,`
- `)}
-}`;return o.push(f),i}const $=l.includes("&")?p.replace("&",e):p.startsWith(":")?`${e}${p}`:`${e} ${p}`,d=h(s,$,r);return o.push(d),i}if(n!=null&&n.templates&&n.templates[p]){const d=s.split(".").reduce((f,m)=>f[m],n.templates[p]),u=h(d,"");return`${i}${u}`}const V=p.startsWith("-")?p:O.dashCase(p),T=($,d=";")=>i=`${i}${$}${d}`,S=$=>T(`${V}:${$}`);if(typeof s=="number")return S(s);if(typeof s!="string")if("toString"in s)s=s.toString();else return i;const{modifiers:g}=n||{},W=function*(){yield k(s),yield N(s,g)}();for(const{result:$,additionalCss:d=[]}of W)s=$,d.forEach(u=>{const f=h(u,"");T(f,"")});return S(s)},"");if(!c)return o.join(`
-`);if(!e)return c;let a="";return r!==void 0?a=`@layer l${r} { ${e} { ${c} } }`:a=`${e} { ${c} }`,[a,...o].join(`
-`)},E=(t,e=[])=>{if(!t)return"";const r=[],n={};if(Object.entries(t).forEach(([o,c])=>{if(typeof c=="object"){if(!c)return;const a=o.trim(),i=E(c,[...e,a]);r.push(i)}else n[o]=c}),Object.keys(n).length){const o=e.map(O.dashCase).join("-"),c=h(n,`.${o}`);r.push(c)}return r.join(`
-`)},P=t=>Object.keys(t);exports.getTemplateKeys=P;exports.parseStyles=h;exports.parseTemplates=E;exports.parseValueTokens=k;