@salty-css/core 0.0.1-alpha.39 → 0.0.1-alpha.40

package/bin/main.cjs

@@ -2,8 +2,8 @@
 
 # Salty-CSS
 saltygen
-`)));const U=["src","public","assets","styles","css","app"],B=["styles","css","app","pages"],G=["index","styles","main","global"],V=[".css",".scss",".sass"],R=await(async()=>{if(f)return f;for(const e of U)for(const d of G)for(const p of V){const g=t.join(n,e,d+p);if(await i.readFile(g,"utf-8").catch(()=>{})!==void 0)return t.relative(n,g);for(const S of B){const z=t.join(n,e,S,d+p);if(await i.readFile(z,"utf-8").catch(()=>{})!==void 0)return t.relative(n,z)}}})();if(R){const e=t.join(n,R),d=await i.readFile(e,"utf-8").catch(()=>{});if(d!==void 0&&!d.includes("saltygen")){const g=t.join(e,".."),S=`@import '${t.relative(g,t.join(n,"saltygen/index.css"))}';`;s.info("Adding global import statement to CSS file: "+e),await i.writeFile(e,S+`
-`+d),await I(e)}}const _=t.join(n,"vite.config.ts"),A=await i.readFile(_,"utf-8").catch(()=>{});if(A!==void 0&&!A.includes("saltyPlugin")){s.info("Edit file: "+_);const d=`import { saltyPlugin } from '@salty-css/vite';
+`)));const U=["src","public","assets","styles","css","app"],B=["styles","css","app","pages"],G=["index","styles","main","global","globals"],V=[".css",".scss",".sass"],R=await(async()=>{if(f)return f;for(const e of U)for(const d of G)for(const p of V){const g=t.join(n,e,d+p);if(await i.readFile(g,"utf-8").catch(()=>{})!==void 0)return t.relative(n,g);for(const S of B){const z=t.join(n,e,S,d+p);if(await i.readFile(z,"utf-8").catch(()=>{})!==void 0)return t.relative(n,z)}}})();if(R){const e=t.join(n,R),d=await i.readFile(e,"utf-8").catch(()=>{});if(d!==void 0&&!d.includes("saltygen")){const g=t.join(e,".."),S=`@import '${t.relative(g,t.join(n,"saltygen/index.css"))}';`;s.info("Adding global import statement to CSS file: "+e),await i.writeFile(e,S+`
+`+d),await I(e)}}else s.warn("Could not find a CSS file to import the generated CSS. Please add it manually.");const _=t.join(n,"vite.config.ts"),A=await i.readFile(_,"utf-8").catch(()=>{});if(A!==void 0&&!A.includes("saltyPlugin")){s.info("Edit file: "+_);const d=`import { saltyPlugin } from '@salty-css/vite';
 `,g=A.replace(/(plugins: \[)/,`$1
   saltyPlugin(__dirname),`);m||await F(`-D ${k.vite}`),s.info("Adding Salty-CSS plugin to Vite config..."),await i.writeFile(_,d+g),await I(_)}const T=["next.config.js","next.config.cjs","next.config.ts","next.config.mjs"].map(e=>t.join(n,e)).find(e=>H.existsSync(e));if(T){let e=await i.readFile(T,"utf-8").catch(()=>{});if(e!==void 0&&!e.includes("withSaltyCss")){const p=e.includes("module.exports"),g=p?`const { withSaltyCss } = require('@salty-css/next');
 `:`import { withSaltyCss } from '@salty-css/next';

package/bin/main.js

@@ -1,19 +1,19 @@
 import { Command as X } from "commander";
 import { existsSync as B } from "fs";
 import { mkdir as z, readFile as p, writeFile as h } from "fs/promises";
-import { join as i, relative as T, parse as Y, format as Z } from "path";
+import { join as o, relative as T, parse as Y, format as Z } from "path";
 import { render as tt } from "ejs";
 import { generateCss as et } from "../compiler/index.js";
 import { p as nt } from "../pascal-case-BQpR5PdN.js";
 import { createLogger as it, format as H, transports as ot } from "winston";
 import { exec as st } from "child_process";
 import at from "ora";
-const o = it({
+const i = it({
   level: "debug",
   format: H.combine(H.colorize(), H.cli()),
   transports: [new ot.Console({})]
 }), v = (s) => {
-  o.error(s);
+  i.error(s);
 }, G = (s) => new Promise((g, S) => {
   st(s, (P) => {
     if (P) return S(P);
@@ -22,13 +22,13 @@ const o = it({
 }), k = async (...s) => {
   const g = s.map((F) => F.replace("-D", "").split("@").slice(0, -1).join("@").trim()).join(", "), S = at(`Installing packages: ${g}`).start(), P = s.join(" ");
   await G(`npm install ${P}`), S.succeed(`Installed packages: ${g}`);
-}, rt = () => B(i(process.cwd(), "node_modules", ".bin", "prettier"));
+}, rt = () => B(o(process.cwd(), "node_modules", ".bin", "prettier"));
 async function I(s) {
   try {
     if (!rt()) return;
-    await G(`./node_modules/.bin/prettier --write "${s}"`), o.info(`Formatted ${s} with Prettier`);
+    await G(`./node_modules/.bin/prettier --write "${s}"`), i.info(`Formatted ${s} with Prettier`);
   } catch (g) {
-    o.error(`Error formatting ${s} with Prettier:`, g);
+    i.error(`Error formatting ${s} with Prettier:`, g);
   }
 }
 async function Pt() {
@@ -44,9 +44,9 @@ async function Pt() {
     const { default: r } = await g[n], f = tt(r, a);
     return { fileName: n, content: f };
   }, P = async () => {
-    const n = i(process.cwd(), ".saltyrc");
+    const n = o(process.cwd(), ".saltyrc");
     return await p(n, "utf-8").then(JSON.parse).catch(() => ({}));
-  }, F = async (n = i(process.cwd(), "package.json")) => {
+  }, F = async (n = o(process.cwd(), "package.json")) => {
     const a = await p(n, "utf-8").then(JSON.parse).catch(() => {
     });
     if (!a) throw "Could not read package.json file!";
@@ -62,85 +62,86 @@ async function Pt() {
     next: `@salty-css/next@${j.version}`
   }, O = (n) => {
     const a = n === "." ? "" : n, r = process.cwd();
-    return i(r, a);
+    return o(r, a);
   };
   s.command("init [directory]").description("Initialize a new Salty-CSS project.").option("-d, --dir <dir>", "Project directory to initialize the project in.").option("--css-file <css-file>", "Existing CSS file where to import the generated CSS. Path must be relative to the given project directory.").option("--skip-install", "Skip installing dependencies.").action(async function(n = ".") {
     if (!await F().catch(() => {
     })) return v("Salty CSS project must be initialized in a directory with a package.json file.");
-    o.info("Initializing a new Salty-CSS project!");
+    i.info("Initializing a new Salty-CSS project!");
     const { dir: r = n, cssFile: f, skipInstall: m } = this.opts();
     if (!r) return v("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");
     m || (await k($.core, $.react), await k(`-D ${$.eslintPluginCore}`));
     const y = process.cwd(), e = O(r), J = await Promise.all([S("salty.config.ts"), S("saltygen/index.css")]);
     await z(e, { recursive: !0 });
     const N = J.map(async ({ fileName: t, content: l }) => {
-      const d = i(e, t);
+      const d = o(e, t);
       if (await p(d, "utf-8").catch(() => {
       }) !== void 0) {
-        o.debug("File already exists: " + d);
+        i.debug("File already exists: " + d);
         return;
       }
       const x = t.split("/").slice(0, -1).join("/");
-      x && await z(i(e, x), { recursive: !0 }), o.info("Creating file: " + d), await h(d, l), await I(d);
+      x && await z(o(e, x), { recursive: !0 }), i.info("Creating file: " + d), await h(d, l), await I(d);
     });
     await Promise.all(N);
-    const b = T(y, e) || ".", c = i(y, ".saltyrc"), w = await p(c, "utf-8").catch(() => {
+    const b = T(y, e) || ".", c = o(y, ".saltyrc"), w = await p(c, "utf-8").catch(() => {
     });
     if (w === void 0) {
-      o.info("Creating file: " + c);
+      i.info("Creating file: " + c);
       const l = JSON.stringify({
         defaultProject: b,
         projects: [b]
       }, null, 2);
       await h(c, l);
     } else {
-      o.info("Edit file: " + c);
+      i.info("Edit file: " + c);
       const t = JSON.parse(w), l = new Set((t == null ? void 0 : t.projects) || []);
       l.add(b), t.projects = [...l];
       const d = JSON.stringify(t, null, 2);
       await h(c, d);
     }
-    const A = i(y, ".gitignore"), D = await p(A, "utf-8").catch(() => {
+    const A = o(y, ".gitignore"), D = await p(A, "utf-8").catch(() => {
     });
-    D !== void 0 && (D.includes("saltygen") || (o.info("Edit file: " + A), await h(A, D + `
+    D !== void 0 && (D.includes("saltygen") || (i.info("Edit file: " + A), await h(A, D + `
 
 # Salty-CSS
 saltygen
 `)));
-    const _ = ["src", "public", "assets", "styles", "css", "app"], V = ["styles", "css", "app", "pages"], K = ["index", "styles", "main", "global"], Q = [".css", ".scss", ".sass"], W = await (async () => {
+    const _ = ["src", "public", "assets", "styles", "css", "app"], V = ["styles", "css", "app", "pages"], K = ["index", "styles", "main", "global", "globals"], Q = [".css", ".scss", ".sass"], W = await (async () => {
       if (f) return f;
       for (const t of _)
         for (const l of K)
           for (const d of Q) {
-            const u = i(e, t, l + d);
+            const u = o(e, t, l + d);
             if (await p(u, "utf-8").catch(() => {
             }) !== void 0) return T(e, u);
             for (const C of V) {
-              const q = i(e, t, C, l + d);
+              const q = o(e, t, C, l + d);
               if (await p(q, "utf-8").catch(() => {
               }) !== void 0) return T(e, q);
             }
           }
     })();
     if (W) {
-      const t = i(e, W), l = await p(t, "utf-8").catch(() => {
+      const t = o(e, W), l = await p(t, "utf-8").catch(() => {
       });
       if (l !== void 0 && !l.includes("saltygen")) {
-        const u = i(t, ".."), C = `@import '${T(u, i(e, "saltygen/index.css"))}';`;
-        o.info("Adding global import statement to CSS file: " + t), await h(t, C + `
+        const u = o(t, ".."), C = `@import '${T(u, o(e, "saltygen/index.css"))}';`;
+        i.info("Adding global import statement to CSS file: " + t), await h(t, C + `
 ` + l), await I(t);
       }
-    }
-    const E = i(e, "vite.config.ts"), U = await p(E, "utf-8").catch(() => {
+    } else
+      i.warn("Could not find a CSS file to import the generated CSS. Please add it manually.");
+    const E = o(e, "vite.config.ts"), U = await p(E, "utf-8").catch(() => {
     });
     if (U !== void 0 && !U.includes("saltyPlugin")) {
-      o.info("Edit file: " + E);
+      i.info("Edit file: " + E);
       const l = `import { saltyPlugin } from '@salty-css/vite';
 `, u = U.replace(/(plugins: \[)/, `$1
   saltyPlugin(__dirname),`);
-      m || await k(`-D ${$.vite}`), o.info("Adding Salty-CSS plugin to Vite config..."), await h(E, l + u), await I(E);
+      m || await k(`-D ${$.vite}`), i.info("Adding Salty-CSS plugin to Vite config..."), await h(E, l + u), await I(E);
     }
-    const L = ["next.config.js", "next.config.cjs", "next.config.ts", "next.config.mjs"].map((t) => i(e, t)).find((t) => B(t));
+    const L = ["next.config.js", "next.config.cjs", "next.config.ts", "next.config.mjs"].map((t) => o(e, t)).find((t) => B(t));
     if (L) {
       let t = await p(L, "utf-8").catch(() => {
       });
@@ -148,11 +149,11 @@ saltygen
         const d = t.includes("module.exports"), u = d ? `const { withSaltyCss } = require('@salty-css/next');
 ` : `import { withSaltyCss } from '@salty-css/next';
 `;
-        d ? t = t.replace(/module.exports = ([^;]+)/, (x, C) => `module.exports = withSaltyCss(${C})`) : t = t.replace(/export default ([^;]+)/, (x, C) => `export default withSaltyCss(${C})`), m || await k(`-D ${$.next}`), o.info("Adding Salty-CSS plugin to Next.js config..."), await h(L, u + t), await I(L);
+        d ? t = t.replace(/module.exports = ([^;]+)/, (x, C) => `module.exports = withSaltyCss(${C})`) : t = t.replace(/export default ([^;]+)/, (x, C) => `export default withSaltyCss(${C})`), m || await k(`-D ${$.next}`), i.info("Adding Salty-CSS plugin to Next.js config..."), await h(L, u + t), await I(L);
       }
     }
   }), s.command("build [directory]").alias("b").description("Build the Salty-CSS project.").option("-d, --dir <dir>", "Project directory to build the project in.").action(async function(n = R) {
-    o.info("Building the Salty-CSS project...");
+    i.info("Building the Salty-CSS project...");
     const { dir: a = n } = this.opts();
     if (!a) return v("Project directory must be provided. Add it as the first argument after build command or use the --dir option.");
     const r = O(a);
@@ -162,20 +163,20 @@ saltygen
     if (!r) return v("File to generate must be provided. Add it as the first argument after generate command or use the --file option.");
     if (!f) return v("Project directory must be provided. Add it as the second argument after generate command or use the --dir option.");
     const J = O(f), N = r.split("/").slice(0, -1).join("/");
-    N && await z(i(J, N), { recursive: !0 });
-    const b = i(J, r), c = Y(b);
+    N && await z(o(J, N), { recursive: !0 });
+    const b = o(J, r), c = Y(b);
     c.ext || (c.ext = ".ts"), c.name.endsWith(".css") || (c.name = c.name + ".css"), c.base = c.name + c.ext;
     const w = Z(c);
     if (await p(w, "utf-8").catch(() => {
     }) !== void 0) {
-      o.error("File already exists:", w);
+      i.error("File already exists:", w);
       return;
     }
-    o.info("Generating a new file: " + w);
+    i.info("Generating a new file: " + w);
     const D = nt(y || c.base.replace(/\.css\.\w+$/, "")), { content: _ } = await S("react/react-styled-file.ts", { tag: m, name: D, className: e });
     await h(w, _), await I(w);
   }), s.command("update").alias("up").description("Update Salty-CSS packages to the latest version.").option("--legacy-peer-deps <legacyPeerDeps>", "Use legacy peer dependencies (not recommended).", !1).action(async function() {
-    const { legacyPeerDeps: n } = this.opts(), a = i(process.cwd(), "package.json"), r = await F(a).catch((e) => v(e));
+    const { legacyPeerDeps: n } = this.opts(), a = o(process.cwd(), "package.json"), r = await F(a).catch((e) => v(e));
     if (!r) return;
     const f = { ...r.dependencies, ...r.devDependencies }, m = Object.keys(f).filter((e) => e === "salty-css" || e.startsWith("@salty-css/"));
     if (!m.length)
@@ -183,7 +184,7 @@ saltygen
         "No Salty-CSS packages found in package.json. Make sure you are running update command in the same directory! Used package.json path: " + a
       );
     const y = m.map((e) => `${e}@${j.version}`);
-    n ? (o.warn("Using legacy peer dependencies to update packages."), await k(...y, "--legacy-peer-deps")) : await k(...y), o.info("Salty-CSS packages updated successfully!");
+    n ? (i.warn("Using legacy peer dependencies to update packages."), await k(...y, "--legacy-peer-deps")) : await k(...y), i.info("Salty-CSS packages updated successfully!");
   }), s.parseAsync(process.argv);
 }
 export {

package/compiler/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("esbuild"),B=require("child_process"),P=require("../dash-case-DKzpenwY.cjs"),o=require("path"),r=require("fs"),K=require("fs/promises"),V=require("../parse-templates-W0YfTmOT.cjs");function G(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const R=G(I),N=t=>o.join(t,"./saltygen"),_=["salty","css","styles","styled"],q=(t=[])=>new RegExp(`\\.(${[..._,...t].join("|")})\\.`),O=(t,e=[])=>q(e).test(t),J=async t=>{const e=N(t),n=o.join(t,"salty.config.ts"),s=o.join(e,"salty.config.js");await R.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:s,format:"esm",external:["react"]});const a=Date.now(),{config:w}=await import(`${s}?t=${a}`);return w},M=async t=>{const e=await J(t),n=new Set,s=(d,y=[])=>d?Object.entries(d).flatMap(([p,c])=>{if(!c)return;if(typeof c=="object")return s(c,[...y,p]);const C=[...y,p].join(".");n.add(`"${C}"`);const x=[...y.map(P.dashCase),P.dashCase(p)].join("-"),{result:D}=V.parseValueTokens(c);return`--${x}: ${D};`}):[],a=d=>d?Object.entries(d).flatMap(([y,p])=>{const c=s(p);return y==="base"?c.join(""):`${y} { ${c.join("")} }`}):[],w=d=>d?Object.entries(d).flatMap(([y,p])=>Object.entries(p).flatMap(([c,C])=>{const x=s(C,[y]),D=`.${y}-${c}, [data-${y}="${c}"]`,k=x.join("");return`${D} { ${k} }`})):[],j=s(e.variables),S=a(e.responsiveVariables),l=w(e.conditionalVariables),b=N(t),f=o.join(b,"css/variables.css"),i=`:root { ${j.join("")} ${S.join("")} } ${l.join("")}`;r.writeFileSync(f,i);const g=o.join(b,"types/css-tokens.d.ts"),m=`type VariableTokens = ${[...n].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;r.writeFileSync(g,m);const u=o.join(b,"css/global.css"),h=V.parseStyles(e.global,"");r.writeFileSync(u,h);const F=o.join(b,"css/templates.css"),v=V.parseTemplates(e.templates);r.writeFileSync(F,v)},T=async(t,e)=>{const n=P.toHash(t),s=o.join(e,"js",n+".js");await R.build({entryPoints:[t],minify:!0,treeShaking:!0,bundle:!0,outfile:s,format:"esm",target:["es2022"],keepNames:!0,external:["react"]});const a=Date.now();return await import(`${s}?t=${a}`)},E=async t=>{const e=N(t),n=o.join(e,"salty.config.js"),{config:s}=await import(n);return s},A=async t=>{try{const e=[],n=[],s=N(t),a=o.join(s,"index.css");(()=>{r.existsSync(s)&&B.execSync("rm -rf "+s),r.mkdirSync(s),r.mkdirSync(o.join(s,"css")),r.mkdirSync(o.join(s,"types"))})(),await M(t);const j=await E(t);async function S(i,g){const $=r.statSync(i);if($.isDirectory()){const m=r.readdirSync(i);await Promise.all(m.map(u=>S(o.join(i,u),o.join(g,u))))}else if($.isFile()&&O(i)){const u=await T(i,s),h=[];Object.entries(u).forEach(([y,p])=>{if(p.isKeyframes&&p.css){const k=`${p.animationName}.css`,z=`css/${k}`,H=o.join(s,z);e.push(k),r.writeFileSync(H,p.css);return}if(!p.generator)return;const c=p.generator._withBuildContext({name:y,config:j}),C=`${c.hash}-${c.priority}.css`;n[c.priority]||(n[c.priority]=[]),n[c.priority].push(C),h.push(C);const x=`css/${C}`,D=o.join(s,x);r.writeFileSync(D,c.css)});const F=h.map(y=>`@import url('./${y}');`).join(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("esbuild"),B=require("child_process"),P=require("../dash-case-DKzpenwY.cjs"),o=require("path"),r=require("fs"),K=require("fs/promises"),V=require("../parse-templates-W0YfTmOT.cjs");function G(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const R=G(I),N=t=>o.join(t,"./saltygen"),_=["salty","css","styles","styled"],q=(t=[])=>new RegExp(`\\.(${[..._,...t].join("|")})\\.`),O=(t,e=[])=>q(e).test(t),J=async t=>{const e=N(t),n=o.join(t,"salty.config.ts"),s=o.join(e,"salty.config.js");await R.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:s,format:"esm",external:["react"]});const a=Date.now(),{config:w}=await import(`${s}?t=${a}`);return w},M=async t=>{const e=await J(t),n=new Set,s=(d,y=[])=>d?Object.entries(d).flatMap(([p,c])=>{if(!c)return;if(typeof c=="object")return s(c,[...y,p]);const C=[...y,p].join(".");n.add(`"${C}"`);const x=[...y.map(P.dashCase),P.dashCase(p)].join("-"),{result:D}=V.parseValueTokens(c);return`--${x}: ${D};`}):[],a=d=>d?Object.entries(d).flatMap(([y,p])=>{const c=s(p);return y==="base"?c.join(""):`${y} { ${c.join("")} }`}):[],w=d=>d?Object.entries(d).flatMap(([y,p])=>Object.entries(p).flatMap(([c,C])=>{const x=s(C,[y]),D=`.${y}-${c}, [data-${y}="${c}"]`,k=x.join("");return`${D} { ${k} }`})):[],j=s(e.variables),S=a(e.responsiveVariables),l=w(e.conditionalVariables),b=N(t),f=o.join(b,"css/variables.css"),i=`:root { ${j.join("")} ${S.join("")} } ${l.join("")}`;r.writeFileSync(f,i);const g=o.join(b,"types/css-tokens.d.ts"),m=`type VariableTokens = ${[...n].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;r.writeFileSync(g,m);const u=o.join(b,"css/global.css"),h=V.parseStyles(e.global,"");r.writeFileSync(u,h);const F=o.join(b,"css/templates.css"),v=V.parseTemplates(e.templates);r.writeFileSync(F,v)},T=async(t,e)=>{const n=P.toHash(t),s=o.join(e,"js",n+".js");await R.build({entryPoints:[t],minify:!0,treeShaking:!0,bundle:!0,outfile:s,format:"esm",target:["es2022"],keepNames:!0,external:["react"]});const a=Date.now();return await import(`${s}?t=${a}`)},E=async t=>{const e=N(t),n=o.join(e,"salty.config.js"),{config:s}=await import(n);return s},A=async t=>{try{const e=[],n=[],s=N(t),a=o.join(s,"index.css");(()=>{r.existsSync(s)&&B.execSync("rm -rf "+s),r.mkdirSync(s),r.mkdirSync(o.join(s,"css")),r.mkdirSync(o.join(s,"types"))})(),await M(t);const j=await E(t);async function S(i,g){const $=r.statSync(i);if($.isDirectory()){const m=r.readdirSync(i);await Promise.all(m.map(u=>S(o.join(i,u),o.join(g,u))))}else if($.isFile()&&O(i)){const u=await T(i,s),h=[];Object.entries(u).forEach(([y,p])=>{if(p.isKeyframes&&p.css){const k=`${p.animationName}.css`,z=`css/${k}`,H=o.join(s,z);e.push(k),r.writeFileSync(H,p.css);return}if(!p.generator)return;const c=p.generator._withBuildContext({name:y,config:j}),C=`${c.hash}-${c.priority}.css`;n[c.priority]||(n[c.priority]=[]),n[c.priority].push(C),h.push(C);const x=`css/${C}`,D=o.join(s,x);r.writeFileSync(D,c.css)});const F=h.map(y=>`@import url('./${y}');`).join(`
 `),v=P.toHash(i,6),d=o.join(s,`css/${v}.css`);r.writeFileSync(d,F)}}await S(t,s);const l=e.map(i=>`@import url('./css/${i}');`).join(`
 `);let f=`@layer l0, l1, l2, l3, l4, l5, l6, l7, l8;
 

package/compiler/index.js

@@ -34,7 +34,7 @@ const N = (s) => o(s, "./saltygen"), U = ["salty", "css", "styles", "styled"], W
     return `${D} { ${P} }`;
   })) : [], d = t(e.variables), w = c(e.responsiveVariables), a = S(e.conditionalVariables), b = N(s), f = o(b, "css/variables.css"), i = `:root { ${d.join("")} ${w.join("")} } ${a.join("")}`;
   $(f, i);
-  const y = o(b, "types/css-tokens.d.ts"), g = `type VariableTokens = ${[...n].join("|")}; type PropertyValueToken = \`{\${VariableTokens}}\``;
+  const y = o(b, "types/css-tokens.d.ts"), g = `type VariableTokens = ${[...n].join("|") || '""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;
   $(y, g);
   const m = o(b, "css/global.css"), F = q(e.global, "");
   $(m, F);

package/package.json

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