@salty-css/core 0.0.1-alpha.187 → 0.0.1-alpha.188

package/bin/main.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("commander"),G=require("fs"),s=require("fs/promises"),n=require("path"),ne=require("ejs"),t=require("../index-BmsXxgnE.cjs"),ie=require("../pascal-case-iWoaJWwT.cjs"),se=require("child_process"),oe=require("ora");var z=typeof document<"u"?document.currentScript:null;const X=y=>new Promise((C,P)=>{se.exec(y,F=>{if(F)return P(F);C()})}),I=async(...y)=>{const C=y.map(b=>b.replace("-D","").split("@").slice(0,-1).join("@").trim()).join(", "),P=oe(`Installing packages: ${C}`).start(),F=y.join(" ");await X(`npm install ${F}`),P.succeed(`Installed packages: ${C}`)},ae=()=>G.existsSync(n.join(process.cwd(),"node_modules",".bin","prettier"));async function S(y){try{if(!ae())return;await X(`./node_modules/.bin/prettier --write "${y}"`),t.logger.info(`Formatted ${y} with Prettier`)}catch(C){t.logger.error(`Error formatting ${y} with Prettier:`,C)}}async function re(){const y=new te.Command;y.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");const C={"salty.config.ts":Promise.resolve().then(()=>require("../salty.config-Dk6ZcCxI.cjs")),"saltygen/index.css":Promise.resolve().then(()=>require("../index-84Wroia-.cjs")),"react/react-styled-file.ts":Promise.resolve().then(()=>require("../react-styled-file-Dkubsz-U.cjs")),"react/react-vanilla-file.ts":Promise.resolve().then(()=>require("../react-vanilla-file-CG_WJLam.cjs"))},P=async(i,a)=>{const{default:l}=await C[i],u=ne.render(l,a);return{fileName:i,content:u}},F=async()=>{const i=n.join(process.cwd(),".saltyrc.json");return await s.readFile(i,"utf-8").then(JSON.parse).catch(()=>({}))},b=n.join(process.cwd(),"package.json"),N=async(i=b)=>{const a=await s.readFile(i,"utf-8").then(JSON.parse).catch(()=>{});if(!a)throw"Could not read package.json file!";return a},Y=async(i,a=b)=>{typeof i=="object"&&(i=JSON.stringify(i,null,2)),await s.writeFile(a,i)},B=async()=>{const i=new URL("../package.json",typeof document>"u"?require("url").pathToFileURL(__filename).href:z&&z.tagName.toUpperCase()==="SCRIPT"&&z.src||new URL("bin/main.cjs",document.baseURI).href);return N(i)},V=await(async()=>(await F()).defaultProject)(),$=await B(),D={core:`@salty-css/core@${$.version}`,react:`@salty-css/react@${$.version}`,eslintConfigCore:`@salty-css/eslint-config-core@${$.version}`,vite:`@salty-css/vite@${$.version}`,next:`@salty-css/next@${$.version}`},R=i=>{const a=i==="."?"":i,l=process.cwd();return n.join(l,a)};y.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(i="."){if(!await N().catch(()=>{}))return t.logError("Salty CSS project must be initialized in a directory with a package.json file.");t.logger.info("Initializing a new Salty-CSS project!");const{dir:l=i,cssFile:u,skipInstall:p}=this.opts();if(!l)return t.logError("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");p||await I(D.core,D.react);const f=process.cwd(),r=R(l),T=await Promise.all([P("salty.config.ts"),P("saltygen/index.css")]);await s.mkdir(r,{recursive:!0});const m=T.map(async({fileName:e,content:g})=>{const c=n.join(r,e);if(await s.readFile(c,"utf-8").catch(()=>{})!==void 0){t.logger.debug("File already exists: "+c);return}const k=e.split("/").slice(0,-1).join("/");k&&await s.mkdir(n.join(r,k),{recursive:!0}),t.logger.info("Creating file: "+c),await s.writeFile(c,g),await S(c)});await Promise.all(m);const w=n.relative(f,r)||".",h=n.join(f,".saltyrc.json"),d=await s.readFile(h,"utf-8").catch(()=>{});if(d===void 0){t.logger.info("Creating file: "+h);const g=JSON.stringify({$schema:"./node_modules/@salty-css/core/.saltyrc.schema.json",info:"This file is used to define projects and their configurations for Salty CSS cli. Do not delete, modify or add this file to .gitignore.",defaultProject:w,projects:[{dir:w,framework:"react"}]},null,2);await s.writeFile(h,g),await S(h)}else{const e=JSON.parse(d),g=(e==null?void 0:e.projects)||[];if(g.findIndex(o=>o.dir===w)===-1){g.push({dir:w,framework:"react"}),e.projects=[...g];const o=JSON.stringify(e,null,2);o!==d&&(t.logger.info("Edit file: "+h),await s.writeFile(h,o),await S(h))}}const j=n.join(f,".gitignore"),U=await s.readFile(j,"utf-8").catch(()=>{});U!==void 0&&(U.includes("saltygen")||(t.logger.info("Edit file: "+j),await s.writeFile(j,U+`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("commander"),G=require("fs"),s=require("fs/promises"),n=require("path"),ne=require("ejs"),t=require("../index-D8nwtA-j.cjs"),ie=require("../pascal-case-iWoaJWwT.cjs"),se=require("child_process"),oe=require("ora");var z=typeof document<"u"?document.currentScript:null;const X=y=>new Promise((C,P)=>{se.exec(y,F=>{if(F)return P(F);C()})}),I=async(...y)=>{const C=y.map(b=>b.replace("-D","").split("@").slice(0,-1).join("@").trim()).join(", "),P=oe(`Installing packages: ${C}`).start(),F=y.join(" ");await X(`npm install ${F}`),P.succeed(`Installed packages: ${C}`)},ae=()=>G.existsSync(n.join(process.cwd(),"node_modules",".bin","prettier"));async function S(y){try{if(!ae())return;await X(`./node_modules/.bin/prettier --write "${y}"`),t.logger.info(`Formatted ${y} with Prettier`)}catch(C){t.logger.error(`Error formatting ${y} with Prettier:`,C)}}async function re(){const y=new te.Command;y.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");const C={"salty.config.ts":Promise.resolve().then(()=>require("../salty.config-Dk6ZcCxI.cjs")),"saltygen/index.css":Promise.resolve().then(()=>require("../index-84Wroia-.cjs")),"react/react-styled-file.ts":Promise.resolve().then(()=>require("../react-styled-file-Dkubsz-U.cjs")),"react/react-vanilla-file.ts":Promise.resolve().then(()=>require("../react-vanilla-file-CG_WJLam.cjs"))},P=async(i,a)=>{const{default:l}=await C[i],u=ne.render(l,a);return{fileName:i,content:u}},F=async()=>{const i=n.join(process.cwd(),".saltyrc.json");return await s.readFile(i,"utf-8").then(JSON.parse).catch(()=>({}))},b=n.join(process.cwd(),"package.json"),N=async(i=b)=>{const a=await s.readFile(i,"utf-8").then(JSON.parse).catch(()=>{});if(!a)throw"Could not read package.json file!";return a},Y=async(i,a=b)=>{typeof i=="object"&&(i=JSON.stringify(i,null,2)),await s.writeFile(a,i)},B=async()=>{const i=new URL("../package.json",typeof document>"u"?require("url").pathToFileURL(__filename).href:z&&z.tagName.toUpperCase()==="SCRIPT"&&z.src||new URL("bin/main.cjs",document.baseURI).href);return N(i)},V=await(async()=>(await F()).defaultProject)(),$=await B(),D={core:`@salty-css/core@${$.version}`,react:`@salty-css/react@${$.version}`,eslintConfigCore:`@salty-css/eslint-config-core@${$.version}`,vite:`@salty-css/vite@${$.version}`,next:`@salty-css/next@${$.version}`},R=i=>{const a=i==="."?"":i,l=process.cwd();return n.join(l,a)};y.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(i="."){if(!await N().catch(()=>{}))return t.logError("Salty CSS project must be initialized in a directory with a package.json file.");t.logger.info("Initializing a new Salty-CSS project!");const{dir:l=i,cssFile:u,skipInstall:p}=this.opts();if(!l)return t.logError("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");p||await I(D.core,D.react);const f=process.cwd(),r=R(l),T=await Promise.all([P("salty.config.ts"),P("saltygen/index.css")]);await s.mkdir(r,{recursive:!0});const m=T.map(async({fileName:e,content:g})=>{const c=n.join(r,e);if(await s.readFile(c,"utf-8").catch(()=>{})!==void 0){t.logger.debug("File already exists: "+c);return}const k=e.split("/").slice(0,-1).join("/");k&&await s.mkdir(n.join(r,k),{recursive:!0}),t.logger.info("Creating file: "+c),await s.writeFile(c,g),await S(c)});await Promise.all(m);const w=n.relative(f,r)||".",h=n.join(f,".saltyrc.json"),d=await s.readFile(h,"utf-8").catch(()=>{});if(d===void 0){t.logger.info("Creating file: "+h);const g=JSON.stringify({$schema:"./node_modules/@salty-css/core/.saltyrc.schema.json",info:"This file is used to define projects and their configurations for Salty CSS cli. Do not delete, modify or add this file to .gitignore.",defaultProject:w,projects:[{dir:w,framework:"react"}]},null,2);await s.writeFile(h,g),await S(h)}else{const e=JSON.parse(d),g=(e==null?void 0:e.projects)||[];if(g.findIndex(o=>o.dir===w)===-1){g.push({dir:w,framework:"react"}),e.projects=[...g];const o=JSON.stringify(e,null,2);o!==d&&(t.logger.info("Edit file: "+h),await s.writeFile(h,o),await S(h))}}const j=n.join(f,".gitignore"),U=await s.readFile(j,"utf-8").catch(()=>{});U!==void 0&&(U.includes("saltygen")||(t.logger.info("Edit file: "+j),await s.writeFile(j,U+`
 
 # Salty-CSS
 saltygen

package/bin/main.js

@@ -3,7 +3,7 @@ import { existsSync as K } from "fs";
 import { mkdir as q, readFile as C, writeFile as w } from "fs/promises";
 import { join as i, relative as z, parse as re, format as ee } from "path";
 import { render as ce } from "ejs";
-import { l as t, a as h, g as te } from "../index-DKkgPK-r.js";
+import { l as t, a as h, g as te } from "../index-C-3Ey2EZ.js";
 import { p as le } from "../pascal-case-BQpR5PdN.js";
 import { exec as de } from "child_process";
 import fe from "ora";

package/compiler/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("esbuild");require("child_process");require("../dash-case-BJEkFEGQ.cjs");require("path");require("fs");require("fs/promises");require("../parse-styles-3zK35muR.cjs");require("../parse-templates-VIvmVb52.cjs");const e=require("../index-BmsXxgnE.cjs");require("../merge-DxGoJDHv.cjs");exports.compileSaltyFile=e.compileSaltyFile;exports.generateConfigStyles=e.generateConfigStyles;exports.generateCss=e.generateCss;exports.generateFile=e.generateFile;exports.isSaltyFile=e.isSaltyFile;exports.minimizeFile=e.minimizeFile;exports.saltyFileExtensions=e.saltyFileExtensions;exports.saltyFileRegExp=e.saltyFileRegExp;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("esbuild");require("child_process");require("../dash-case-BJEkFEGQ.cjs");require("path");require("fs");require("fs/promises");require("../parse-styles-3zK35muR.cjs");require("../parse-templates-VIvmVb52.cjs");const e=require("../index-D8nwtA-j.cjs");require("../merge-DxGoJDHv.cjs");exports.compileSaltyFile=e.compileSaltyFile;exports.generateConfigStyles=e.generateConfigStyles;exports.generateCss=e.generateCss;exports.generateFile=e.generateFile;exports.isSaltyFile=e.isSaltyFile;exports.minimizeFile=e.minimizeFile;exports.saltyFileExtensions=e.saltyFileExtensions;exports.saltyFileRegExp=e.saltyFileRegExp;

package/compiler/index.js

@@ -6,7 +6,7 @@ import "fs";
 import "fs/promises";
 import "../parse-styles-DrLhKtqW.js";
 import "../parse-templates-DRKlN-pP.js";
-import { d as g, c as F, g as y, e as x, i as S, m as c, s as f, b as C } from "../index-DKkgPK-r.js";
+import { d as g, c as F, g as y, e as x, i as S, m as c, s as f, b as C } from "../index-C-3Ey2EZ.js";
 import "../merge-BVm9us1A.js";
 export {
   g as compileSaltyFile,

package/config/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../factories/index.cjs"),i=a=>a;exports.GlobalStylesFactory=e.GlobalStylesFactory;exports.TemplatesFactory=e.TemplatesFactory;exports.VariablesFactory=e.VariablesFactory;exports.defineConditionalVariables=e.defineConditionalVariables;exports.defineGlobalStyles=e.defineGlobalStyles;exports.defineResponsiveVariables=e.defineResponsiveVariables;exports.defineStaticVariables=e.defineStaticVariables;exports.defineTemplates=e.defineTemplates;exports.defineVariables=e.defineVariables;exports.defineConfig=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../factories/index.cjs"),t=a=>a;exports.GlobalStylesFactory=e.GlobalStylesFactory;exports.TemplatesFactory=e.TemplatesFactory;exports.VariablesFactory=e.VariablesFactory;exports.defineGlobalStyles=e.defineGlobalStyles;exports.defineTemplates=e.defineTemplates;exports.defineVariables=e.defineVariables;exports.defineConfig=t;

package/config/index.js

@@ -1,14 +1,11 @@
-import { GlobalStylesFactory as t, TemplatesFactory as n, VariablesFactory as o, defineConditionalVariables as r, defineGlobalStyles as s, defineResponsiveVariables as f, defineStaticVariables as d, defineTemplates as b, defineVariables as c } from "../factories/index.js";
+import { GlobalStylesFactory as o, TemplatesFactory as r, VariablesFactory as i, defineGlobalStyles as n, defineTemplates as s, defineVariables as f } from "../factories/index.js";
 const a = (e) => e;
 export {
-  t as GlobalStylesFactory,
-  n as TemplatesFactory,
-  o as VariablesFactory,
-  r as defineConditionalVariables,
+  o as GlobalStylesFactory,
+  r as TemplatesFactory,
+  i as VariablesFactory,
   a as defineConfig,
-  s as defineGlobalStyles,
-  f as defineResponsiveVariables,
-  d as defineStaticVariables,
-  b as defineTemplates,
-  c as defineVariables
+  n as defineGlobalStyles,
+  s as defineTemplates,
+  f as defineVariables
 };

package/factories/define-variables.d.ts

@@ -1,15 +1,12 @@
-import { CssConditionalVariables, CssResponsiveVariables, CssVariables } from '../types/config-types';
-export interface VariablesFactoryParams {
-    variables?: CssVariables;
-    responsiveVariables?: CssResponsiveVariables;
-    conditionalVariables?: CssConditionalVariables;
-}
+import { SaltyVariables } from '../types/config-types';
 export declare class VariablesFactory {
-    _current: VariablesFactoryParams;
-    constructor(_current: VariablesFactoryParams);
+    _current: SaltyVariables;
+    constructor(_current: SaltyVariables);
     get isDefineVariables(): boolean;
 }
-export declare const defineVariables: (variables: VariablesFactoryParams) => VariablesFactory;
-export declare const defineStaticVariables: (variables: CssVariables) => VariablesFactory;
-export declare const defineResponsiveVariables: (responsiveVariables: CssResponsiveVariables) => VariablesFactory;
-export declare const defineConditionalVariables: (conditionalVariables: CssConditionalVariables) => VariablesFactory;
+/**
+   * Base level variables that can be used in all styles as they are applied globally to :root.
+   @param responsive Variables that are defined for different media queries.
+   @param conditional Variables that are defined for different parent selectors (classes or data attributes).
+   */
+export declare const defineVariables: (variables: SaltyVariables) => VariablesFactory;

package/factories/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class n{constructor(t){this._current=t}get isGlobalDefine(){return!0}}const s=e=>new n(e);class r{constructor(t){this._current=t}get isDefineVariables(){return!0}}const i=e=>new r(e),l=e=>new r({variables:e}),o=e=>new r({responsiveVariables:e}),c=e=>new r({conditionalVariables:e});class a{constructor(t){this._current=t}get isDefineTemplates(){return!0}}const u=e=>new a(e);exports.GlobalStylesFactory=n;exports.TemplatesFactory=a;exports.VariablesFactory=r;exports.defineConditionalVariables=c;exports.defineGlobalStyles=s;exports.defineResponsiveVariables=o;exports.defineStaticVariables=l;exports.defineTemplates=u;exports.defineVariables=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class r{constructor(t){this._current=t}get isGlobalDefine(){return!0}}const l=e=>new r(e);class s{constructor(t){this._current=t}get isDefineVariables(){return!0}}const n=e=>new s(e);class a{constructor(t){this._current=t}get isDefineTemplates(){return!0}}const o=e=>new a(e);exports.GlobalStylesFactory=r;exports.TemplatesFactory=a;exports.VariablesFactory=s;exports.defineGlobalStyles=l;exports.defineTemplates=o;exports.defineVariables=n;

package/factories/index.js

@@ -1,4 +1,4 @@
-class n {
+class r {
   constructor(t) {
     this._current = t;
   }
@@ -6,8 +6,8 @@ class n {
     return !0;
   }
 }
-const a = (e) => new n(e);
-class r {
+const a = (e) => new r(e);
+class s {
   constructor(t) {
     this._current = t;
   }
@@ -15,8 +15,8 @@ class r {
     return !0;
   }
 }
-const i = (e) => new r(e), c = (e) => new r({ variables: e }), o = (e) => new r({ responsiveVariables: e }), l = (e) => new r({ conditionalVariables: e });
-class s {
+const c = (e) => new s(e);
+class n {
   constructor(t) {
     this._current = t;
   }
@@ -24,15 +24,12 @@ class s {
     return !0;
   }
 }
-const u = (e) => new s(e);
+const l = (e) => new n(e);
 export {
-  n as GlobalStylesFactory,
-  s as TemplatesFactory,
-  r as VariablesFactory,
-  l as defineConditionalVariables,
+  r as GlobalStylesFactory,
+  n as TemplatesFactory,
+  s as VariablesFactory,
   a as defineGlobalStyles,
-  o as defineResponsiveVariables,
-  c as defineStaticVariables,
-  u as defineTemplates,
-  i as defineVariables
+  l as defineTemplates,
+  c as defineVariables
 };

package/index-C-3Ey2EZ.js

@@ -0,0 +1,433 @@
+import * as ct from "esbuild";
+import { execSync as yt } from "child_process";
+import { t as z, d as G } from "./dash-case-DBThphLm.js";
+import { join as o, parse as A } from "path";
+import { existsSync as tt, writeFileSync as x, mkdirSync as J, readFileSync as _, statSync as $t, readdirSync as bt } from "fs";
+import { readFile as it, writeFile as wt } from "fs/promises";
+import { p as at, a as St } from "./parse-styles-DrLhKtqW.js";
+import { p as Ct, a as Ft } from "./parse-templates-DRKlN-pP.js";
+import { createLogger as xt, format as Y, transports as jt } from "winston";
+import { m as R } from "./merge-BVm9us1A.js";
+const lt = (t) => {
+  if (!t || t === "/") throw new Error("Could not find package.json file");
+  const e = o(t, "package.json");
+  return tt(e) ? e : lt(o(t, ".."));
+}, Nt = async (t) => {
+  const e = lt(t);
+  return await it(e, "utf-8").then(JSON.parse).catch(() => {
+  });
+}, kt = async (t) => {
+  const e = await Nt(t);
+  if (e)
+    return e.type;
+};
+let v;
+const ft = async (t) => {
+  if (v) return v;
+  const e = await kt(t);
+  return e === "module" ? v = "esm" : (e === "commonjs" || import.meta.url.endsWith(".cjs")) && (v = "cjs"), v || "esm";
+}, Z = xt({
+  level: "debug",
+  format: Y.combine(Y.colorize(), Y.cli()),
+  transports: [new jt.Console({})]
+}), Bt = (t) => {
+  Z.error(t);
+};
+function pt(t) {
+  return t ? typeof t != "string" ? pt(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 Dt = {
+  /** Set box model to border-box */
+  "*, *::before, *::after": {
+    boxSizing: "border-box"
+  },
+  /** Remove default margin and padding */
+  "*": {
+    margin: 0
+  },
+  /** Remove adjust font properties */
+  html: {
+    lineHeight: 1.15,
+    textSizeAdjust: "100%",
+    WebkitFontSmoothing: "antialiased"
+  },
+  /** Make media elements responsive */
+  "img, picture, video, canvas, svg": {
+    display: "block",
+    maxWidth: "100%"
+  },
+  /** Avoid overflow of text */
+  "p, h1, h2, h3, h4, h5, h6": {
+    overflowWrap: "break-word"
+  },
+  /** Improve text wrapping */
+  p: {
+    textWrap: "pretty"
+  },
+  "h1, h2, h3, h4, h5, h6": {
+    textWrap: "balance"
+  },
+  /** Improve link color */
+  a: {
+    color: "currentColor"
+  },
+  /** Improve button line height */
+  button: {
+    lineHeight: "1em",
+    color: "currentColor"
+  },
+  /** Improve form elements */
+  "input, optgroup, select, textarea": {
+    fontFamily: "inherit",
+    fontSize: "100%",
+    lineHeight: "1.15em"
+  }
+}, T = {
+  externalModules: [],
+  rcFile: void 0,
+  destDir: void 0
+}, dt = (t) => {
+  if (T.externalModules.length > 0) return T.externalModules;
+  const s = _(t, "utf8").match(/externalModules:\s?\[(.*)\]/);
+  if (!s) return [];
+  const l = s[1].split(",").map((i) => i.replace(/['"`]/g, "").trim());
+  return T.externalModules = l, l;
+}, V = async (t) => {
+  if (T.destDir) return T.destDir;
+  const e = await st(t), s = o(t, (e == null ? void 0 : e.saltygenDir) || "saltygen");
+  return T.destDir = s, s;
+}, ut = ["salty", "css", "styles", "styled"], Pt = (t = []) => new RegExp(`\\.(${[...ut, ...t].join("|")})\\.`), et = (t, e = []) => Pt(e).test(t), mt = async (t) => {
+  if (T.rcFile) return T.rcFile;
+  if (t === "/") throw new Error("Could not find .saltyrc.json file");
+  const e = o(t, ".saltyrc.json"), s = await it(e, "utf-8").then(JSON.parse).catch(() => {
+  });
+  return s ? (T.rcFile = s, s) : mt(o(t, ".."));
+}, st = async (t) => {
+  var l, i;
+  const e = await mt(t), s = (l = e.projects) == null ? void 0 : l.find((r) => t.endsWith(r.dir || ""));
+  return s || ((i = e.projects) == null ? void 0 : i.find((r) => r.dir === e.defaultProject));
+}, Tt = async (t) => {
+  const e = await st(t), s = await V(t), l = o(t, (e == null ? void 0 : e.configDir) || "", "salty.config.ts"), i = o(s, "salty.config.js"), r = await ft(t), c = dt(l);
+  await ct.build({
+    entryPoints: [l],
+    minify: !0,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: i,
+    format: r,
+    external: c
+  });
+  const h = Date.now(), { config: d } = await import(`${i}?t=${h}`);
+  return d;
+}, _t = async (t, e) => {
+  var B, L;
+  const s = await Tt(t), l = { ...s }, i = /* @__PURE__ */ new Set(), r = (S, C = []) => S ? Object.entries(S).flatMap(([M, P]) => {
+    if (!P) return;
+    if (typeof P == "object") return r(P, [...C, M]);
+    const Q = pt(M), q = G(M), U = [...C, Q].join(".");
+    i.add(`"${U}"`);
+    const X = [...C.map(G), q].join("-"), { result: ht } = St(P);
+    return `--${X}: ${ht};`;
+  }) : [], c = (S) => S ? Object.entries(S).flatMap(([C, M]) => {
+    const P = r(M);
+    return C === "base" ? P.join("") : `${C} { ${P.join("")} }`;
+  }) : [], h = (S) => S ? Object.entries(S).flatMap(([C, M]) => Object.entries(M).flatMap(([P, Q]) => {
+    const q = r(Q, [C]), U = `.${C}-${P}, [data-${C}="${P}"]`, X = q.join("");
+    return `${U} { ${X} }`;
+  })) : [], d = (S) => ({ ...S, responsive: void 0, conditional: void 0 }), n = (S) => e.variables.map((C) => S === "static" ? d(C._current) : C._current[S]), g = r(R(d(s.variables), n("static"))), m = c(R((B = s.variables) == null ? void 0 : B.responsive, n("responsive"))), u = h(R((L = s.variables) == null ? void 0 : L.conditional, n("conditional"))), b = await V(t), j = o(b, "css/_variables.css"), E = `:root { ${g.join("")} ${m.join("")} } ${u.join("")}`;
+  x(j, E);
+  const D = o(b, "css/_global.css"), k = R(s.global, e.globalStyles), O = at(k, "");
+  x(D, `@layer global { ${O} }`);
+  const N = o(b, "css/_reset.css"), a = s.reset === "none" ? {} : typeof s.reset == "object" ? s.reset : Dt, F = at(a, "");
+  x(N, `@layer reset { ${F} }`);
+  const w = o(b, "css/_templates.css"), y = R(s.templates, e.templates), p = Ct(y), $ = Ft(y);
+  x(w, p), l.templates = y;
+  const f = o(b, "types/css-tokens.d.ts"), I = `
+  // Variable types
+  type VariableTokens = ${[...i].join("|")}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries($).map(([S, C]) => `${S}?: ${C}`).join(`
+`)}
+  }
+  `;
+  x(f, I);
+  const K = o(b, "cache/config-cache.json");
+  x(K, JSON.stringify(l, null, 2));
+}, rt = (t) => t.replace(/styled\(([^"'`{,]+),/g, (e, s) => {
+  if (/^['"`]/.test(s)) return e;
+  const i = new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);
+  if (!i.test(t)) return e;
+  const c = i.exec(t);
+  if (c) {
+    const h = c.at(1);
+    if (ut.some((n) => h == null ? void 0 : h.includes(n))) return e;
+  }
+  return "styled('div',";
+}), nt = async (t, e, s) => {
+  const l = z(e), i = o(s, "./temp");
+  tt(i) || J(i);
+  const r = A(e);
+  let c = _(e, "utf8");
+  c = rt(c);
+  const h = o(s, "js", l + ".js"), d = await st(t), n = o(t, (d == null ? void 0 : d.configDir) || "", "salty.config.ts"), g = dt(n), m = await ft(t);
+  await ct.build({
+    stdin: {
+      contents: c,
+      sourcefile: r.base,
+      resolveDir: r.dir,
+      loader: "tsx"
+    },
+    minify: !1,
+    treeShaking: !0,
+    bundle: !0,
+    outfile: h,
+    format: m,
+    target: ["node20"],
+    keepNames: !0,
+    external: g,
+    packages: "external",
+    plugins: [
+      {
+        name: "test",
+        setup: (j) => {
+          j.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, (E) => {
+            const D = _(E.path, "utf8");
+            return { contents: rt(D), loader: "ts" };
+          });
+        }
+      }
+    ]
+  });
+  const u = Date.now();
+  return await import(`${h}?t=${u}`);
+}, Et = async (t) => {
+  const e = await V(t), s = o(e, "cache/config-cache.json"), l = _(s, "utf8");
+  if (!l) throw new Error("Could not find config cache file");
+  return JSON.parse(l);
+}, ot = async (t) => {
+  const e = await Et(t), s = await V(t), l = o(s, "salty.config.js"), i = Date.now(), { config: r } = await import(`${l}?t=${i}`);
+  return R(r, e);
+}, gt = () => {
+  try {
+    return process.env.NODE_ENV === "production";
+  } catch {
+    return !1;
+  }
+}, Gt = async (t, e = gt(), s = !0) => {
+  try {
+    const l = Date.now();
+    e ? Z.info("Generating CSS in production mode! 🔥") : Z.info("Generating CSS in development mode! 🚀");
+    const i = [], r = [], c = await V(t), h = o(c, "index.css");
+    s && (() => {
+      tt(c) && yt("rm -rf " + c), J(c, { recursive: !0 }), J(o(c, "css")), J(o(c, "types")), J(o(c, "js")), J(o(c, "cache"));
+    })();
+    const n = {
+      keyframes: [],
+      mediaQueries: [],
+      globalStyles: [],
+      variables: [],
+      templates: [],
+      components: [],
+      classNames: []
+    };
+    async function g(a) {
+      const F = ["node_modules", "saltygen"], w = $t(a);
+      if (w.isDirectory()) {
+        const y = bt(a);
+        if (F.some(($) => a.includes($))) return;
+        await Promise.all(y.map(($) => g(o(a, $))));
+      } else if (w.isFile() && et(a)) {
+        const p = await nt(t, a, c);
+        Object.entries(p).forEach(([$, f]) => {
+          f.isKeyframes ? n.keyframes.push({
+            value: f,
+            src: a,
+            name: $
+          }) : f.isMedia ? n.mediaQueries.push(f) : f.isGlobalDefine ? n.globalStyles.push(f) : f.isDefineVariables ? n.variables.push(f) : f.isDefineTemplates ? n.templates.push(f) : f.isClassName ? n.classNames.push({
+            value: f.factory,
+            src: a,
+            name: $
+          }) : f.generator && n.components.push({
+            value: f.generator,
+            src: a,
+            name: $
+          });
+        });
+      }
+    }
+    await g(t), await _t(t, n);
+    const m = await ot(t);
+    for (const a of n.keyframes) {
+      const { value: F } = a, w = `a_${F.animationName}.css`, y = `css/${w}`, p = o(c, y);
+      i.push(w), x(p, F.css);
+    }
+    const u = {};
+    for (const a of n.components) {
+      const { value: F, name: w, src: y } = a, p = F._withBuildContext({
+        name: w,
+        config: m,
+        prod: e
+      });
+      r[p.priority] || (r[p.priority] = []), r[p.priority].push(p.cssFileName);
+      const $ = `css/${p.cssFileName}`, f = o(c, $);
+      x(f, p.css), m.importStrategy === "component" && (u[y] ? u[y].push(p.cssFileName) : u[y] = [p.cssFileName]);
+    }
+    for (const a of n.classNames) {
+      const { value: F, src: w, name: y } = a, p = F._withBuildContext({
+        name: y,
+        prod: e
+      });
+      r[0].push(p.cssFileName);
+      const $ = `css/${p.cssFileName}`, f = o(c, $);
+      x(f, p.css), m.importStrategy === "component" && (u[w] ? u[w].push(p.cssFileName) : u[w] = [p.cssFileName]);
+    }
+    m.importStrategy === "component" && Object.entries(u).forEach(([a, F]) => {
+      const w = F.map((H) => `@import url('./${H}');`).join(`
+`), y = z(a, 6), p = A(a), $ = G(p.name), f = o(c, `css/f_${$}-${y}.css`);
+      x(f, w);
+    });
+    const b = i.map((a) => `@import url('./css/${a}');`).join(`
+`);
+    let k = `@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((a) => {
+      try {
+        return _(o(c, "css", a), "utf8").length > 0;
+      } catch {
+        return !1;
+      }
+    }).map((a) => `@import url('./css/${a}');`).join(`
+`)}
+${b}`;
+    if (m.importStrategy !== "component") {
+      const a = r.reduce((F, w, y) => {
+        const p = w.reduce((I, K) => {
+          var C;
+          const B = o(c, "css", K), L = _(B, "utf8"), S = ((C = /.*-([^-]+)-\d+.css/.exec(K)) == null ? void 0 : C.at(1)) || z(B, 6);
+          return I.includes(S) ? I : `${I}
+/*start:${S}*/
+${L}
+/*end:${S}*/
+`;
+        }, ""), $ = `l_${y}.css`, f = o(c, "css", $), H = `@layer l${y} { ${p}
+ }`;
+        return x(f, H), `${F}
+@import url('./css/${$}');`;
+      }, "");
+      k += a;
+    }
+    x(h, k);
+    const N = Date.now() - l, W = N < 200 ? "🔥" : N < 500 ? "🚀" : N < 1e3 ? "🎉" : N < 2e3 ? "🚗" : N < 5e3 ? "🤔" : "🥴";
+    Z.info(`Generated CSS in ${N}ms! ${W}`);
+  } catch (l) {
+    console.error(l);
+  }
+}, Ht = async (t, e) => {
+  try {
+    const s = await V(t);
+    if (et(e)) {
+      const i = [], r = await ot(t), c = await nt(t, e, s);
+      if (Object.entries(c).forEach(([h, d]) => {
+        if (d.isKeyframes && d.css) {
+          const b = `css/${`a_${d.animationName}.css`}`, j = o(s, b);
+          x(j, d.css);
+          return;
+        }
+        if (d.isClassName) {
+          const u = d.factory._withBuildContext({
+            name: h
+          });
+          i[0].push(u.cssFileName);
+          const b = `css/${u.cssFileName}`, j = o(s, b);
+          x(j, u.css);
+        }
+        if (!d.generator) return;
+        const n = d.generator._withBuildContext({
+          name: h,
+          config: r
+        }), g = `css/${n.cssFileName}`, m = o(s, g);
+        x(m, n.css), i[n.priority] || (i[n.priority] = []), i[n.priority].push(n.cssFileName);
+      }), r.importStrategy !== "component")
+        i.forEach((h, d) => {
+          const n = `l_${d}.css`, g = o(s, "css", n);
+          let m = _(g, "utf8");
+          h.forEach((u) => {
+            var D;
+            const b = o(s, "css", u), j = ((D = /.*-([^-]+)-\d+.css/.exec(u)) == null ? void 0 : D.at(1)) || z(b, 6);
+            if (!m.includes(j)) {
+              const k = _(b, "utf8"), O = `/*start:${j}*/
+${k}
+/*end:${j}*/
+`;
+              m = `${m.replace(/\}$/, "")}
+${O}
+}`;
+            }
+          }), x(g, m);
+        });
+      else {
+        const h = i.flat().map((u) => `@import url('./${u}');`).join(`
+`), d = z(e, 6), n = A(e), g = G(n.name), m = o(s, `css/f_${g}-${d}.css`);
+        x(m, h);
+      }
+    }
+  } catch (s) {
+    console.error(s);
+  }
+}, Kt = async (t, e, s = gt()) => {
+  try {
+    const l = await V(t);
+    if (et(e)) {
+      const r = _(e, "utf8");
+      r.replace(/^(?!export\s)const\s.*/gm, (g) => `export ${g}`) !== r && await wt(e, r);
+      const h = await ot(t), d = await nt(t, e, l);
+      let n = r;
+      if (Object.entries(d).forEach(([g, m]) => {
+        var $;
+        if (m.isKeyframes || !m.generator) return;
+        const u = m.generator._withBuildContext({
+          name: g,
+          config: h,
+          prod: s
+        }), b = new RegExp(`\\s${g}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(r);
+        if (!b) return console.error("Could not find the original declaration");
+        const j = ($ = b.at(1)) == null ? void 0 : $.trim(), E = new RegExp(`\\s${g}[=\\s]+styled\\(`, "g").exec(n);
+        if (!E) return console.error("Could not find the original declaration");
+        const { index: D } = E;
+        let k = !1;
+        const O = setTimeout(() => k = !0, 5e3);
+        let N = 0, W = !1, a = 0;
+        for (; !W && !k; ) {
+          const f = n[D + N];
+          f === "(" && a++, f === ")" && a--, a === 0 && f === ")" && (W = !0), N > n.length && (k = !0), N++;
+        }
+        if (!k) clearTimeout(O);
+        else throw new Error("Failed to find the end of the styled call and timed out");
+        const F = D + N, w = n.slice(D, F), y = n, p = ` ${g} = styled(${j}, "${u.classNames}", ${JSON.stringify(u.props)});`;
+        n = n.replace(w, p), y === n && console.error("Minimize file failed to change content", { name: g, tagName: j });
+      }), h.importStrategy === "component") {
+        const g = z(e, 6), m = A(e);
+        n = `import '../../saltygen/css/${`f_${G(m.name)}-${g}.css`}';
+${n}`;
+      }
+      return n = n.replace("{ styled }", "{ styledClient as styled }"), n = n.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), n;
+    }
+  } catch (l) {
+    console.error("Error in minimizeFile:", l);
+  }
+};
+export {
+  Bt as a,
+  Pt as b,
+  _t as c,
+  nt as d,
+  Ht as e,
+  Gt as g,
+  et as i,
+  Z as l,
+  Kt as m,
+  ut as s
+};

package/index-D8nwtA-j.cjs

@@ -0,0 +1,30 @@
+"use strict";const ge=require("esbuild"),he=require("child_process"),P=require("./dash-case-BJEkFEGQ.cjs"),o=require("path"),i=require("fs"),ee=require("fs/promises"),X=require("./parse-styles-3zK35muR.cjs"),oe=require("./parse-templates-VIvmVb52.cjs"),q=require("winston"),v=require("./merge-DxGoJDHv.cjs");var Y=typeof document<"u"?document.currentScript:null;function Se(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const c=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,c.get?c:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const re=Se(ge),ce=e=>{if(!e||e==="/")throw new Error("Could not find package.json file");const t=o.join(e,"package.json");return i.existsSync(t)?t:ce(o.join(e,".."))},we=async e=>{const t=ce(e);return await ee.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},Fe=async e=>{const t=await we(e);if(t)return t.type};let V;const ae=async e=>{if(V)return V;const t=await Fe(e);return t==="module"?V="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:Y&&Y.tagName.toUpperCase()==="SCRIPT"&&Y.src||new URL("index-D8nwtA-j.cjs",document.baseURI).href).endsWith(".cjs"))&&(V="cjs"),V||"esm"},I=q.createLogger({level:"debug",format:q.format.combine(q.format.colorize(),q.format.cli()),transports:[new q.transports.Console({})]}),je=e=>{I.error(e)};function le(e){return e?typeof e!="string"?le(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 be={"*, *::before, *::after":{boxSizing:"border-box"},"*":{margin:0},html:{lineHeight:1.15,textSizeAdjust:"100%",WebkitFontSmoothing:"antialiased"},"img, picture, video, canvas, svg":{display:"block",maxWidth:"100%"},"p, h1, h2, h3, h4, h5, h6":{overflowWrap:"break-word"},p:{textWrap:"pretty"},"h1, h2, h3, h4, h5, h6":{textWrap:"balance"},a:{color:"currentColor"},button:{lineHeight:"1em",color:"currentColor"},"input, optgroup, select, textarea":{fontFamily:"inherit",fontSize:"100%",lineHeight:"1.15em"}},T={externalModules:[],rcFile:void 0,destDir:void 0},fe=e=>{if(T.externalModules.length>0)return T.externalModules;const s=i.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const c=s[1].split(",").map(f=>f.replace(/['"`]/g,"").trim());return T.externalModules=c,c},O=async e=>{if(T.destDir)return T.destDir;const t=await se(e),s=o.join(e,(t==null?void 0:t.saltygenDir)||"saltygen");return T.destDir=s,s},te=["salty","css","styles","styled"],de=(e=[])=>new RegExp(`\\.(${[...te,...e].join("|")})\\.`),L=(e,t=[])=>de(t).test(e),pe=async e=>{if(T.rcFile)return T.rcFile;if(e==="/")throw new Error("Could not find .saltyrc.json file");const t=o.join(e,".saltyrc.json"),s=await ee.readFile(t,"utf-8").then(JSON.parse).catch(()=>{});return s?(T.rcFile=s,s):pe(o.join(e,".."))},se=async e=>{var c,f;const t=await pe(e),s=(c=t.projects)==null?void 0:c.find(a=>e.endsWith(a.dir||""));return s||((f=t.projects)==null?void 0:f.find(a=>a.dir===t.defaultProject))},$e=async e=>{const t=await se(e),s=await O(e),c=o.join(e,(t==null?void 0:t.configDir)||"","salty.config.ts"),f=o.join(s,"salty.config.js"),a=await ae(e),l=fe(c);await re.build({entryPoints:[c],minify:!0,treeShaking:!0,bundle:!0,outfile:f,format:a,external:l});const h=Date.now(),{config:u}=await import(`${f}?t=${h}`);return u},ue=async(e,t)=>{var H,G;const s=await $e(e),c={...s},f=new Set,a=(b,$=[])=>b?Object.entries(b).flatMap(([M,_])=>{if(!_)return;if(typeof _=="object")return a(_,[...$,M]);const Z=le(M),A=P.dashCase(M),U=[...$,Z].join(".");f.add(`"${U}"`);const Q=[...$.map(P.dashCase),A].join("-"),{result:me}=X.parseValueTokens(_);return`--${Q}: ${me};`}):[],l=b=>b?Object.entries(b).flatMap(([$,M])=>{const _=a(M);return $==="base"?_.join(""):`${$} { ${_.join("")} }`}):[],h=b=>b?Object.entries(b).flatMap(([$,M])=>Object.entries(M).flatMap(([_,Z])=>{const A=a(Z,[$]),U=`.${$}-${_}, [data-${$}="${_}"]`,Q=A.join("");return`${U} { ${Q} }`})):[],u=b=>({...b,responsive:void 0,conditional:void 0}),n=b=>t.variables.map($=>b==="static"?u($._current):$._current[b]),g=a(v.mergeStyles(u(s.variables),n("static"))),m=l(v.mergeStyles((H=s.variables)==null?void 0:H.responsive,n("responsive"))),y=h(v.mergeStyles((G=s.variables)==null?void 0:G.conditional,n("conditional"))),F=await O(e),x=o.join(F,"css/_variables.css"),E=`:root { ${g.join("")} ${m.join("")} } ${y.join("")}`;i.writeFileSync(x,E);const D=o.join(F,"css/_global.css"),N=v.mergeStyles(s.global,t.globalStyles),R=X.parseStyles(N,"");i.writeFileSync(D,`@layer global { ${R} }`);const k=o.join(F,"css/_reset.css"),r=s.reset==="none"?{}:typeof s.reset=="object"?s.reset:be,C=X.parseStyles(r,"");i.writeFileSync(k,`@layer reset { ${C} }`);const j=o.join(F,"css/_templates.css"),S=v.mergeStyles(s.templates,t.templates),p=oe.parseTemplates(S),w=oe.getTemplateTypes(S);i.writeFileSync(j,p),c.templates=S;const d=o.join(F,"types/css-tokens.d.ts"),z=`
+  // Variable types
+  type VariableTokens = ${[...f].join("|")}; 
+  type PropertyValueToken = \`{\${VariableTokens}}\`;
+
+  // Template types
+  type TemplateTokens = {
+    ${Object.entries(w).map(([b,$])=>`${b}?: ${$}`).join(`
+`)}
+  }
+  `;i.writeFileSync(d,z);const B=o.join(F,"cache/config-cache.json");i.writeFileSync(B,JSON.stringify(c,null,2))},ie=e=>e.replace(/styled\(([^"'`{,]+),/g,(t,s)=>{if(/^['"`]/.test(s))return t;const f=new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);if(!f.test(e))return t;const l=f.exec(e);if(l){const h=l.at(1);if(te.some(n=>h==null?void 0:h.includes(n)))return t}return"styled('div',"}),K=async(e,t,s)=>{const c=P.toHash(t),f=o.join(s,"./temp");i.existsSync(f)||i.mkdirSync(f);const a=o.parse(t);let l=i.readFileSync(t,"utf8");l=ie(l);const h=o.join(s,"js",c+".js"),u=await se(e),n=o.join(e,(u==null?void 0:u.configDir)||"","salty.config.ts"),g=fe(n),m=await ae(e);await re.build({stdin:{contents:l,sourcefile:a.base,resolveDir:a.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:h,format:m,target:["node20"],keepNames:!0,external:g,packages:"external",plugins:[{name:"test",setup:x=>{x.onLoad({filter:/.*\.css|salty|styles|styled\.ts/},E=>{const D=i.readFileSync(E.path,"utf8");return{contents:ie(D),loader:"ts"}})}}]});const y=Date.now();return await import(`${h}?t=${y}`)},Ce=async e=>{const t=await O(e),s=o.join(t,"cache/config-cache.json"),c=i.readFileSync(s,"utf8");if(!c)throw new Error("Could not find config cache file");return JSON.parse(c)},ne=async e=>{const t=await Ce(e),s=await O(e),c=o.join(s,"salty.config.js"),f=Date.now(),{config:a}=await import(`${c}?t=${f}`);return v.mergeStyles(a,t)},ye=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},xe=async(e,t=ye(),s=!0)=>{try{const c=Date.now();t?I.info("Generating CSS in production mode! 🔥"):I.info("Generating CSS in development mode! 🚀");const f=[],a=[],l=await O(e),h=o.join(l,"index.css");s&&(()=>{i.existsSync(l)&&he.execSync("rm -rf "+l),i.mkdirSync(l,{recursive:!0}),i.mkdirSync(o.join(l,"css")),i.mkdirSync(o.join(l,"types")),i.mkdirSync(o.join(l,"js")),i.mkdirSync(o.join(l,"cache"))})();const n={keyframes:[],mediaQueries:[],globalStyles:[],variables:[],templates:[],components:[],classNames:[]};async function g(r){const C=["node_modules","saltygen"],j=i.statSync(r);if(j.isDirectory()){const S=i.readdirSync(r);if(C.some(w=>r.includes(w)))return;await Promise.all(S.map(w=>g(o.join(r,w))))}else if(j.isFile()&&L(r)){const p=await K(e,r,l);Object.entries(p).forEach(([w,d])=>{d.isKeyframes?n.keyframes.push({value:d,src:r,name:w}):d.isMedia?n.mediaQueries.push(d):d.isGlobalDefine?n.globalStyles.push(d):d.isDefineVariables?n.variables.push(d):d.isDefineTemplates?n.templates.push(d):d.isClassName?n.classNames.push({value:d.factory,src:r,name:w}):d.generator&&n.components.push({value:d.generator,src:r,name:w})})}}await g(e),await ue(e,n);const m=await ne(e);for(const r of n.keyframes){const{value:C}=r,j=`a_${C.animationName}.css`,S=`css/${j}`,p=o.join(l,S);f.push(j),i.writeFileSync(p,C.css)}const y={};for(const r of n.components){const{value:C,name:j,src:S}=r,p=C._withBuildContext({name:j,config:m,prod:t});a[p.priority]||(a[p.priority]=[]),a[p.priority].push(p.cssFileName);const w=`css/${p.cssFileName}`,d=o.join(l,w);i.writeFileSync(d,p.css),m.importStrategy==="component"&&(y[S]?y[S].push(p.cssFileName):y[S]=[p.cssFileName])}for(const r of n.classNames){const{value:C,src:j,name:S}=r,p=C._withBuildContext({name:S,prod:t});a[0].push(p.cssFileName);const w=`css/${p.cssFileName}`,d=o.join(l,w);i.writeFileSync(d,p.css),m.importStrategy==="component"&&(y[j]?y[j].push(p.cssFileName):y[j]=[p.cssFileName])}m.importStrategy==="component"&&Object.entries(y).forEach(([r,C])=>{const j=C.map(W=>`@import url('./${W}');`).join(`
+`),S=P.toHash(r,6),p=o.parse(r),w=P.dashCase(p.name),d=o.join(l,`css/f_${w}-${S}.css`);i.writeFileSync(d,j)});const F=f.map(r=>`@import url('./css/${r}');`).join(`
+`);let N=`@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
+
+${["_variables.css","_reset.css","_global.css","_templates.css"].filter(r=>{try{return i.readFileSync(o.join(l,"css",r),"utf8").length>0}catch{return!1}}).map(r=>`@import url('./css/${r}');`).join(`
+`)}
+${F}`;if(m.importStrategy!=="component"){const r=a.reduce((C,j,S)=>{const p=j.reduce((z,B)=>{var $;const H=o.join(l,"css",B),G=i.readFileSync(H,"utf8"),b=(($=/.*-([^-]+)-\d+.css/.exec(B))==null?void 0:$.at(1))||P.toHash(H,6);return z.includes(b)?z:`${z}
+/*start:${b}*/
+${G}
+/*end:${b}*/
+`},""),w=`l_${S}.css`,d=o.join(l,"css",w),W=`@layer l${S} { ${p}
+ }`;return i.writeFileSync(d,W),`${C}
+@import url('./css/${w}');`},"");N+=r}i.writeFileSync(h,N);const k=Date.now()-c,J=k<200?"🔥":k<500?"🚀":k<1e3?"🎉":k<2e3?"🚗":k<5e3?"🤔":"🥴";I.info(`Generated CSS in ${k}ms! ${J}`)}catch(c){console.error(c)}},ke=async(e,t)=>{try{const s=await O(e);if(L(t)){const f=[],a=await ne(e),l=await K(e,t,s);if(Object.entries(l).forEach(([h,u])=>{if(u.isKeyframes&&u.css){const F=`css/${`a_${u.animationName}.css`}`,x=o.join(s,F);i.writeFileSync(x,u.css);return}if(u.isClassName){const y=u.factory._withBuildContext({name:h});f[0].push(y.cssFileName);const F=`css/${y.cssFileName}`,x=o.join(s,F);i.writeFileSync(x,y.css)}if(!u.generator)return;const n=u.generator._withBuildContext({name:h,config:a}),g=`css/${n.cssFileName}`,m=o.join(s,g);i.writeFileSync(m,n.css),f[n.priority]||(f[n.priority]=[]),f[n.priority].push(n.cssFileName)}),a.importStrategy!=="component")f.forEach((h,u)=>{const n=`l_${u}.css`,g=o.join(s,"css",n);let m=i.readFileSync(g,"utf8");h.forEach(y=>{var D;const F=o.join(s,"css",y),x=((D=/.*-([^-]+)-\d+.css/.exec(y))==null?void 0:D.at(1))||P.toHash(F,6);if(!m.includes(x)){const N=i.readFileSync(F,"utf8"),R=`/*start:${x}*/
+${N}
+/*end:${x}*/
+`;m=`${m.replace(/\}$/,"")}
+${R}
+}`}}),i.writeFileSync(g,m)});else{const h=f.flat().map(y=>`@import url('./${y}');`).join(`
+`),u=P.toHash(t,6),n=o.parse(t),g=P.dashCase(n.name),m=o.join(s,`css/f_${g}-${u}.css`);i.writeFileSync(m,h)}}}catch(s){console.error(s)}},Ne=async(e,t,s=ye())=>{try{const c=await O(e);if(L(t)){const a=i.readFileSync(t,"utf8");a.replace(/^(?!export\s)const\s.*/gm,g=>`export ${g}`)!==a&&await ee.writeFile(t,a);const h=await ne(e),u=await K(e,t,c);let n=a;if(Object.entries(u).forEach(([g,m])=>{var w;if(m.isKeyframes||!m.generator)return;const y=m.generator._withBuildContext({name:g,config:h,prod:s}),F=new RegExp(`\\s${g}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(a);if(!F)return console.error("Could not find the original declaration");const x=(w=F.at(1))==null?void 0:w.trim(),E=new RegExp(`\\s${g}[=\\s]+styled\\(`,"g").exec(n);if(!E)return console.error("Could not find the original declaration");const{index:D}=E;let N=!1;const R=setTimeout(()=>N=!0,5e3);let k=0,J=!1,r=0;for(;!J&&!N;){const d=n[D+k];d==="("&&r++,d===")"&&r--,r===0&&d===")"&&(J=!0),k>n.length&&(N=!0),k++}if(!N)clearTimeout(R);else throw new Error("Failed to find the end of the styled call and timed out");const C=D+k,j=n.slice(D,C),S=n,p=` ${g} = styled(${x}, "${y.classNames}", ${JSON.stringify(y.props)});`;n=n.replace(j,p),S===n&&console.error("Minimize file failed to change content",{name:g,tagName:x})}),h.importStrategy==="component"){const g=P.toHash(t,6),m=o.parse(t);n=`import '../../saltygen/css/${`f_${P.dashCase(m.name)}-${g}.css`}';
+${n}`}return n=n.replace("{ styled }","{ styledClient as styled }"),n=n.replace("@salty-css/react/styled","@salty-css/react/styled-client"),n}}catch(c){console.error("Error in minimizeFile:",c)}};exports.compileSaltyFile=K;exports.generateConfigStyles=ue;exports.generateCss=xe;exports.generateFile=ke;exports.isSaltyFile=L;exports.logError=je;exports.logger=I;exports.minimizeFile=Ne;exports.saltyFileExtensions=te;exports.saltyFileRegExp=de;

package/package.json

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

package/server/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("fs/promises"),r=require("../index-BmsXxgnE.cjs"),i=async t=>{if(!t||t.includes("node_modules")||t.includes("saltygen"))return!1;if(t.includes("salty.config"))return!0;if(!r.isSaltyFile(t))return!1;const e=await s.readFile(t,"utf-8");return!!/.+define[A-Z]\w+/.test(e)};exports.checkShouldRestart=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("fs/promises"),r=require("../index-D8nwtA-j.cjs"),i=async t=>{if(!t||t.includes("node_modules")||t.includes("saltygen"))return!1;if(t.includes("salty.config"))return!0;if(!r.isSaltyFile(t))return!1;const e=await s.readFile(t,"utf-8");return!!/.+define[A-Z]\w+/.test(e)};exports.checkShouldRestart=i;

package/server/index.js

@@ -1,5 +1,5 @@
 import { readFile as r } from "fs/promises";
-import { i as e } from "../index-DKkgPK-r.js";
+import { i as e } from "../index-C-3Ey2EZ.js";
 const f = async (t) => {
   if (!t || t.includes("node_modules") || t.includes("saltygen")) return !1;
   if (t.includes("salty.config")) return !0;

package/types/config-types.d.ts

@@ -1,15 +1,20 @@
 import { CssProperties, CssStyles } from '../types';
 import { OrString } from '../types/util-types';
 export type GlobalStyles = Record<string, CssProperties>;
-export type CssVariables = Record<string, unknown>;
+export type CssVariableTokensObject = Record<string, unknown>;
 export interface CssResponsiveVariables {
-    [key: string]: CssVariables;
+    [key: string]: CssVariableTokensObject;
 }
 export interface CssConditionalVariables {
     [key: PropertyKey]: {
-        [key: PropertyKey]: CssVariables;
+        [key: PropertyKey]: CssVariableTokensObject;
     };
 }
+export interface SaltyVariables {
+    responsive?: CssResponsiveVariables;
+    conditional?: CssConditionalVariables;
+    [key: string]: undefined | string | number | CssVariableTokensObject;
+}
 type CssTemplate = CssStyles | {
     [key: PropertyKey]: CssTemplate;
 };
@@ -34,17 +39,11 @@ export interface SaltyConfig {
      */
     importStrategy?: 'root' | 'component';
     /**
-     * Base variables that can be used in all styles as they are applied globally to :root.
-     */
-    variables?: CssVariables;
-    /**
-     * Variables that are defined for different media queries.
-     */
-    responsiveVariables?: CssResponsiveVariables;
-    /**
-     * Variables that are defined for different parent selectors (classes or data attributes).
+     * Base level variables that can be used in all styles as they are applied globally to :root.
+     @param responsive Variables that are defined for different media queries.
+     @param conditional Variables that are defined for different parent selectors (classes or data attributes).
      */
-    conditionalVariables?: CssConditionalVariables;
+    variables?: SaltyVariables;
     /**
      * The global styles that are imported in the root of the project.
      */

package/index-BmsXxgnE.cjs

@@ -1,30 +0,0 @@
-"use strict";const ue=require("esbuild"),ye=require("child_process"),T=require("./dash-case-BJEkFEGQ.cjs"),o=require("path"),i=require("fs"),Q=require("fs/promises"),A=require("./parse-styles-3zK35muR.cjs"),te=require("./parse-templates-VIvmVb52.cjs"),I=require("winston"),z=require("./merge-DxGoJDHv.cjs");var U=typeof document<"u"?document.currentScript:null;function me(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const c=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,c.get?c:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const ne=me(ue),oe=e=>{if(!e||e==="/")throw new Error("Could not find package.json file");const t=o.join(e,"package.json");return i.existsSync(t)?t:oe(o.join(e,".."))},ge=async e=>{const t=oe(e);return await Q.readFile(t,"utf-8").then(JSON.parse).catch(()=>{})},he=async e=>{const t=await ge(e);if(t)return t.type};let J;const ie=async e=>{if(J)return J;const t=await he(e);return t==="module"?J="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:U&&U.tagName.toUpperCase()==="SCRIPT"&&U.src||new URL("index-BmsXxgnE.cjs",document.baseURI).href).endsWith(".cjs"))&&(J="cjs"),J||"esm"},W=I.createLogger({level:"debug",format:I.format.combine(I.format.colorize(),I.format.cli()),transports:[new I.transports.Console({})]}),Se=e=>{W.error(e)};function re(e){return e?typeof e!="string"?re(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 we={"*, *::before, *::after":{boxSizing:"border-box"},"*":{margin:0},html:{lineHeight:1.15,textSizeAdjust:"100%",WebkitFontSmoothing:"antialiased"},"img, picture, video, canvas, svg":{display:"block",maxWidth:"100%"},"p, h1, h2, h3, h4, h5, h6":{overflowWrap:"break-word"},p:{textWrap:"pretty"},"h1, h2, h3, h4, h5, h6":{textWrap:"balance"},a:{color:"currentColor"},button:{lineHeight:"1em",color:"currentColor"},"input, optgroup, select, textarea":{fontFamily:"inherit",fontSize:"100%",lineHeight:"1.15em"}},E={externalModules:[],rcFile:void 0,destDir:void 0},ce=e=>{if(E.externalModules.length>0)return E.externalModules;const s=i.readFileSync(e,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const c=s[1].split(",").map(f=>f.replace(/['"`]/g,"").trim());return E.externalModules=c,c},O=async e=>{if(E.destDir)return E.destDir;const t=await Y(e),s=o.join(e,(t==null?void 0:t.saltygenDir)||"saltygen");return E.destDir=s,s},X=["salty","css","styles","styled"],ae=(e=[])=>new RegExp(`\\.(${[...X,...e].join("|")})\\.`),B=(e,t=[])=>ae(t).test(e),le=async e=>{if(E.rcFile)return E.rcFile;if(e==="/")throw new Error("Could not find .saltyrc.json file");const t=o.join(e,".saltyrc.json"),s=await Q.readFile(t,"utf-8").then(JSON.parse).catch(()=>{});return s?(E.rcFile=s,s):le(o.join(e,".."))},Y=async e=>{var c,f;const t=await le(e),s=(c=t.projects)==null?void 0:c.find(a=>e.endsWith(a.dir||""));return s||((f=t.projects)==null?void 0:f.find(a=>a.dir===t.defaultProject))},Fe=async e=>{const t=await Y(e),s=await O(e),c=o.join(e,(t==null?void 0:t.configDir)||"","salty.config.ts"),f=o.join(s,"salty.config.js"),a=await ie(e),d=ce(c);await ne.build({entryPoints:[c],minify:!0,treeShaking:!0,bundle:!0,outfile:f,format:a,external:d});const h=Date.now(),{config:p}=await import(`${f}?t=${h}`);return p},fe=async(e,t)=>{const s=await Fe(e),c={...s},f=new Set,a=(x,b=[])=>x?Object.entries(x).flatMap(([_,N])=>{if(!N)return;if(typeof N=="object")return a(N,[...b,_]);const v=re(_),L=T.dashCase(_),K=[...b,v].join(".");f.add(`"${K}"`);const Z=[...b.map(T.dashCase),L].join("-"),{result:pe}=A.parseValueTokens(N);return`--${Z}: ${pe};`}):[],d=x=>x?Object.entries(x).flatMap(([b,_])=>{const N=a(_);return b==="base"?N.join(""):`${b} { ${N.join("")} }`}):[],h=x=>x?Object.entries(x).flatMap(([b,_])=>Object.entries(_).flatMap(([N,v])=>{const L=a(v,[b]),K=`.${b}-${N}, [data-${b}="${N}"]`,Z=L.join("");return`${K} { ${Z} }`})):[],p=x=>t.variables.map(b=>b._current[x]),n=a(z.mergeStyles(s.variables,p("variables"))),g=d(z.mergeStyles(s.responsiveVariables,p("responsiveVariables"))),m=h(z.mergeStyles(s.conditionalVariables,p("conditionalVariables"))),l=await O(e),C=o.join(l,"css/_variables.css"),$=`:root { ${n.join("")} ${g.join("")} } ${m.join("")}`;i.writeFileSync(C,$);const M=o.join(l,"css/_global.css"),P=z.mergeStyles(s.global,t.globalStyles),k=A.parseStyles(P,"");i.writeFileSync(M,`@layer global { ${k} }`);const V=o.join(l,"css/_reset.css"),R=s.reset==="none"?{}:typeof s.reset=="object"?s.reset:we,r=A.parseStyles(R,"");i.writeFileSync(V,`@layer reset { ${r} }`);const j=o.join(l,"css/_templates.css"),S=z.mergeStyles(s.templates,t.templates),F=te.parseTemplates(S),u=te.getTemplateTypes(S);i.writeFileSync(j,F),c.templates=S;const w=o.join(l,"types/css-tokens.d.ts"),H=`
-  // Variable types
-  type VariableTokens = ${[...f].join("|")}; 
-  type PropertyValueToken = \`{\${VariableTokens}}\`;
-
-  // Template types
-  type TemplateTokens = {
-    ${Object.entries(u).map(([x,b])=>`${x}?: ${b}`).join(`
-`)}
-  }
-  `;i.writeFileSync(w,H);const q=o.join(l,"cache/config-cache.json");i.writeFileSync(q,JSON.stringify(c,null,2))},se=e=>e.replace(/styled\(([^"'`{,]+),/g,(t,s)=>{if(/^['"`]/.test(s))return t;const f=new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);if(!f.test(e))return t;const d=f.exec(e);if(d){const h=d.at(1);if(X.some(n=>h==null?void 0:h.includes(n)))return t}return"styled('div',"}),G=async(e,t,s)=>{const c=T.toHash(t),f=o.join(s,"./temp");i.existsSync(f)||i.mkdirSync(f);const a=o.parse(t);let d=i.readFileSync(t,"utf8");d=se(d);const h=o.join(s,"js",c+".js"),p=await Y(e),n=o.join(e,(p==null?void 0:p.configDir)||"","salty.config.ts"),g=ce(n),m=await ie(e);await ne.build({stdin:{contents:d,sourcefile:a.base,resolveDir:a.dir,loader:"tsx"},minify:!1,treeShaking:!0,bundle:!0,outfile:h,format:m,target:["node20"],keepNames:!0,external:g,packages:"external",plugins:[{name:"test",setup:$=>{$.onLoad({filter:/.*\.css|salty|styles|styled\.ts/},M=>{const P=i.readFileSync(M.path,"utf8");return{contents:se(P),loader:"ts"}})}}]});const l=Date.now();return await import(`${h}?t=${l}`)},je=async e=>{const t=await O(e),s=o.join(t,"cache/config-cache.json"),c=i.readFileSync(s,"utf8");if(!c)throw new Error("Could not find config cache file");return JSON.parse(c)},ee=async e=>{const t=await je(e),s=await O(e),c=o.join(s,"salty.config.js"),f=Date.now(),{config:a}=await import(`${c}?t=${f}`);return z.mergeStyles(a,t)},de=()=>{try{return process.env.NODE_ENV==="production"}catch{return!1}},be=async(e,t=de(),s=!0)=>{try{const c=Date.now();t?W.info("Generating CSS in production mode! 🔥"):W.info("Generating CSS in development mode! 🚀");const f=[],a=[],d=await O(e),h=o.join(d,"index.css");s&&(()=>{i.existsSync(d)&&ye.execSync("rm -rf "+d),i.mkdirSync(d,{recursive:!0}),i.mkdirSync(o.join(d,"css")),i.mkdirSync(o.join(d,"types")),i.mkdirSync(o.join(d,"js")),i.mkdirSync(o.join(d,"cache"))})();const n={keyframes:[],mediaQueries:[],globalStyles:[],variables:[],templates:[],components:[],classNames:[]};async function g(r){const j=["node_modules","saltygen"],S=i.statSync(r);if(S.isDirectory()){const F=i.readdirSync(r);if(j.some(w=>r.includes(w)))return;await Promise.all(F.map(w=>g(o.join(r,w))))}else if(S.isFile()&&B(r)){const u=await G(e,r,d);Object.entries(u).forEach(([w,y])=>{y.isKeyframes?n.keyframes.push({value:y,src:r,name:w}):y.isMedia?n.mediaQueries.push(y):y.isGlobalDefine?n.globalStyles.push(y):y.isDefineVariables?n.variables.push(y):y.isDefineTemplates?n.templates.push(y):y.isClassName?n.classNames.push({value:y.factory,src:r,name:w}):y.generator&&n.components.push({value:y.generator,src:r,name:w})})}}await g(e),await fe(e,n);const m=await ee(e);for(const r of n.keyframes){const{value:j}=r,S=`a_${j.animationName}.css`,F=`css/${S}`,u=o.join(d,F);f.push(S),i.writeFileSync(u,j.css)}const l={};for(const r of n.components){const{value:j,name:S,src:F}=r,u=j._withBuildContext({name:S,config:m,prod:t});a[u.priority]||(a[u.priority]=[]),a[u.priority].push(u.cssFileName);const w=`css/${u.cssFileName}`,y=o.join(d,w);i.writeFileSync(y,u.css),m.importStrategy==="component"&&(l[F]?l[F].push(u.cssFileName):l[F]=[u.cssFileName])}for(const r of n.classNames){const{value:j,src:S,name:F}=r,u=j._withBuildContext({name:F,prod:t});a[0].push(u.cssFileName);const w=`css/${u.cssFileName}`,y=o.join(d,w);i.writeFileSync(y,u.css),m.importStrategy==="component"&&(l[S]?l[S].push(u.cssFileName):l[S]=[u.cssFileName])}m.importStrategy==="component"&&Object.entries(l).forEach(([r,j])=>{const S=j.map(H=>`@import url('./${H}');`).join(`
-`),F=T.toHash(r,6),u=o.parse(r),w=T.dashCase(u.name),y=o.join(d,`css/f_${w}-${F}.css`);i.writeFileSync(y,S)});const C=f.map(r=>`@import url('./css/${r}');`).join(`
-`);let k=`@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
-
-${["_variables.css","_reset.css","_global.css","_templates.css"].filter(r=>{try{return i.readFileSync(o.join(d,"css",r),"utf8").length>0}catch{return!1}}).map(r=>`@import url('./css/${r}');`).join(`
-`)}
-${C}`;if(m.importStrategy!=="component"){const r=a.reduce((j,S,F)=>{const u=S.reduce((q,x)=>{var v;const b=o.join(d,"css",x),_=i.readFileSync(b,"utf8"),N=((v=/.*-([^-]+)-\d+.css/.exec(x))==null?void 0:v.at(1))||T.toHash(b,6);return q.includes(N)?q:`${q}
-/*start:${N}*/
-${_}
-/*end:${N}*/
-`},""),w=`l_${F}.css`,y=o.join(d,"css",w),H=`@layer l${F} { ${u}
- }`;return i.writeFileSync(y,H),`${j}
-@import url('./css/${w}');`},"");k+=r}i.writeFileSync(h,k);const D=Date.now()-c,R=D<200?"🔥":D<500?"🚀":D<1e3?"🎉":D<2e3?"🚗":D<5e3?"🤔":"🥴";W.info(`Generated CSS in ${D}ms! ${R}`)}catch(c){console.error(c)}},$e=async(e,t)=>{try{const s=await O(e);if(B(t)){const f=[],a=await ee(e),d=await G(e,t,s);if(Object.entries(d).forEach(([h,p])=>{if(p.isKeyframes&&p.css){const C=`css/${`a_${p.animationName}.css`}`,$=o.join(s,C);i.writeFileSync($,p.css);return}if(p.isClassName){console.log("found className value",p);const l=p.factory._withBuildContext({name:h});f[0].push(l.cssFileName);const C=`css/${l.cssFileName}`,$=o.join(s,C);i.writeFileSync($,l.css),console.log($,l.css)}if(!p.generator)return;const n=p.generator._withBuildContext({name:h,config:a}),g=`css/${n.cssFileName}`,m=o.join(s,g);i.writeFileSync(m,n.css),f[n.priority]||(f[n.priority]=[]),f[n.priority].push(n.cssFileName)}),console.log(f),a.importStrategy!=="component")f.forEach((h,p)=>{const n=`l_${p}.css`,g=o.join(s,"css",n);let m=i.readFileSync(g,"utf8");h.forEach(l=>{var P;const C=o.join(s,"css",l),$=((P=/.*-([^-]+)-\d+.css/.exec(l))==null?void 0:P.at(1))||T.toHash(C,6);if(!m.includes($)){const k=i.readFileSync(C,"utf8"),V=`/*start:${$}*/
-${k}
-/*end:${$}*/
-`;m=`${m.replace(/\}$/,"")}
-${V}
-}`}}),i.writeFileSync(g,m)});else{const h=f.flat().map(l=>`@import url('./${l}');`).join(`
-`),p=T.toHash(t,6),n=o.parse(t),g=T.dashCase(n.name),m=o.join(s,`css/f_${g}-${p}.css`);i.writeFileSync(m,h)}}}catch(s){console.error(s)}},Ce=async(e,t,s=de())=>{try{const c=await O(e);if(B(t)){const a=i.readFileSync(t,"utf8");a.replace(/^(?!export\s)const\s.*/gm,g=>`export ${g}`)!==a&&await Q.writeFile(t,a);const h=await ee(e),p=await G(e,t,c);let n=a;if(Object.entries(p).forEach(([g,m])=>{var w;if(m.isKeyframes||!m.generator)return;const l=m.generator._withBuildContext({name:g,config:h,prod:s}),C=new RegExp(`\\s${g}[=\\s]+[^()]+styled\\(([^,]+),`,"g").exec(a);if(!C)return console.error("Could not find the original declaration");const $=(w=C.at(1))==null?void 0:w.trim(),M=new RegExp(`\\s${g}[=\\s]+styled\\(`,"g").exec(n);if(!M)return console.error("Could not find the original declaration");const{index:P}=M;let k=!1;const V=setTimeout(()=>k=!0,5e3);let D=0,R=!1,r=0;for(;!R&&!k;){const y=n[P+D];y==="("&&r++,y===")"&&r--,r===0&&y===")"&&(R=!0),D>n.length&&(k=!0),D++}if(!k)clearTimeout(V);else throw new Error("Failed to find the end of the styled call and timed out");const j=P+D,S=n.slice(P,j),F=n,u=` ${g} = styled(${$}, "${l.classNames}", ${JSON.stringify(l.props)});`;n=n.replace(S,u),F===n&&console.error("Minimize file failed to change content",{name:g,tagName:$})}),h.importStrategy==="component"){const g=T.toHash(t,6),m=o.parse(t);n=`import '../../saltygen/css/${`f_${T.dashCase(m.name)}-${g}.css`}';
-${n}`}return n=n.replace("{ styled }","{ styledClient as styled }"),n=n.replace("@salty-css/react/styled","@salty-css/react/styled-client"),n}}catch(c){console.error("Error in minimizeFile:",c)}};exports.compileSaltyFile=G;exports.generateConfigStyles=fe;exports.generateCss=be;exports.generateFile=$e;exports.isSaltyFile=B;exports.logError=Se;exports.logger=W;exports.minimizeFile=Ce;exports.saltyFileExtensions=X;exports.saltyFileRegExp=ae;

package/index-DKkgPK-r.js

@@ -1,433 +0,0 @@
-import * as oe from "esbuild";
-import { execSync as me } from "child_process";
-import { t as I, d as H } from "./dash-case-DBThphLm.js";
-import { join as o, parse as L } from "path";
-import { existsSync as U, writeFileSync as C, mkdirSync as z, readFileSync as _, statSync as ge, readdirSync as ye } from "fs";
-import { readFile as ae, writeFile as he } from "fs/promises";
-import { p as se, a as $e } from "./parse-styles-DrLhKtqW.js";
-import { p as be, a as we } from "./parse-templates-DRKlN-pP.js";
-import { createLogger as Se, format as q, transports as Ce } from "winston";
-import { m as W } from "./merge-BVm9us1A.js";
-const re = (e) => {
-  if (!e || e === "/") throw new Error("Could not find package.json file");
-  const t = o(e, "package.json");
-  return U(t) ? t : re(o(e, ".."));
-}, Fe = async (e) => {
-  const t = re(e);
-  return await ae(t, "utf-8").then(JSON.parse).catch(() => {
-  });
-}, xe = async (e) => {
-  const t = await Fe(e);
-  if (t)
-    return t.type;
-};
-let v;
-const ce = async (e) => {
-  if (v) return v;
-  const t = await xe(e);
-  return t === "module" ? v = "esm" : (t === "commonjs" || import.meta.url.endsWith(".cjs")) && (v = "cjs"), v || "esm";
-}, K = Se({
-  level: "debug",
-  format: q.combine(q.colorize(), q.cli()),
-  transports: [new Ce.Console({})]
-}), ze = (e) => {
-  K.error(e);
-};
-function ie(e) {
-  return e ? typeof e != "string" ? ie(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 je = {
-  /** Set box model to border-box */
-  "*, *::before, *::after": {
-    boxSizing: "border-box"
-  },
-  /** Remove default margin and padding */
-  "*": {
-    margin: 0
-  },
-  /** Remove adjust font properties */
-  html: {
-    lineHeight: 1.15,
-    textSizeAdjust: "100%",
-    WebkitFontSmoothing: "antialiased"
-  },
-  /** Make media elements responsive */
-  "img, picture, video, canvas, svg": {
-    display: "block",
-    maxWidth: "100%"
-  },
-  /** Avoid overflow of text */
-  "p, h1, h2, h3, h4, h5, h6": {
-    overflowWrap: "break-word"
-  },
-  /** Improve text wrapping */
-  p: {
-    textWrap: "pretty"
-  },
-  "h1, h2, h3, h4, h5, h6": {
-    textWrap: "balance"
-  },
-  /** Improve link color */
-  a: {
-    color: "currentColor"
-  },
-  /** Improve button line height */
-  button: {
-    lineHeight: "1em",
-    color: "currentColor"
-  },
-  /** Improve form elements */
-  "input, optgroup, select, textarea": {
-    fontFamily: "inherit",
-    fontSize: "100%",
-    lineHeight: "1.15em"
-  }
-}, E = {
-  externalModules: [],
-  rcFile: void 0,
-  destDir: void 0
-}, le = (e) => {
-  if (E.externalModules.length > 0) return E.externalModules;
-  const s = _(e, "utf8").match(/externalModules:\s?\[(.*)\]/);
-  if (!s) return [];
-  const f = s[1].split(",").map((i) => i.replace(/['"`]/g, "").trim());
-  return E.externalModules = f, f;
-}, M = async (e) => {
-  if (E.destDir) return E.destDir;
-  const t = await Y(e), s = o(e, (t == null ? void 0 : t.saltygenDir) || "saltygen");
-  return E.destDir = s, s;
-}, fe = ["salty", "css", "styles", "styled"], Ne = (e = []) => new RegExp(`\\.(${[...fe, ...e].join("|")})\\.`), X = (e, t = []) => Ne(t).test(e), pe = async (e) => {
-  if (E.rcFile) return E.rcFile;
-  if (e === "/") throw new Error("Could not find .saltyrc.json file");
-  const t = o(e, ".saltyrc.json"), s = await ae(t, "utf-8").then(JSON.parse).catch(() => {
-  });
-  return s ? (E.rcFile = s, s) : pe(o(e, ".."));
-}, Y = async (e) => {
-  var f, i;
-  const t = await pe(e), s = (f = t.projects) == null ? void 0 : f.find((r) => e.endsWith(r.dir || ""));
-  return s || ((i = t.projects) == null ? void 0 : i.find((r) => r.dir === t.defaultProject));
-}, ke = async (e) => {
-  const t = await Y(e), s = await M(e), f = o(e, (t == null ? void 0 : t.configDir) || "", "salty.config.ts"), i = o(s, "salty.config.js"), r = await ce(e), l = le(f);
-  await oe.build({
-    entryPoints: [f],
-    minify: !0,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: i,
-    format: r,
-    external: l
-  });
-  const y = Date.now(), { config: p } = await import(`${i}?t=${y}`);
-  return p;
-}, De = async (e, t) => {
-  const s = await ke(e), f = { ...s }, i = /* @__PURE__ */ new Set(), r = (j, S = []) => j ? Object.entries(j).flatMap(([T, N]) => {
-    if (!N) return;
-    if (typeof N == "object") return r(N, [...S, T]);
-    const R = ie(T), Z = H(T), A = [...S, R].join(".");
-    i.add(`"${A}"`);
-    const Q = [...S.map(H), Z].join("-"), { result: ue } = $e(N);
-    return `--${Q}: ${ue};`;
-  }) : [], l = (j) => j ? Object.entries(j).flatMap(([S, T]) => {
-    const N = r(T);
-    return S === "base" ? N.join("") : `${S} { ${N.join("")} }`;
-  }) : [], y = (j) => j ? Object.entries(j).flatMap(([S, T]) => Object.entries(T).flatMap(([N, R]) => {
-    const Z = r(R, [S]), A = `.${S}-${N}, [data-${S}="${N}"]`, Q = Z.join("");
-    return `${A} { ${Q} }`;
-  })) : [], p = (j) => t.variables.map((S) => S._current[j]), n = r(W(s.variables, p("variables"))), g = l(W(s.responsiveVariables, p("responsiveVariables"))), m = y(W(s.conditionalVariables, p("conditionalVariables"))), c = await M(e), x = o(c, "css/_variables.css"), F = `:root { ${n.join("")} ${g.join("")} } ${m.join("")}`;
-  C(x, F);
-  const V = o(c, "css/_global.css"), P = W(s.global, t.globalStyles), k = se(P, "");
-  C(V, `@layer global { ${k} }`);
-  const O = o(c, "css/_reset.css"), J = s.reset === "none" ? {} : typeof s.reset == "object" ? s.reset : je, a = se(J, "");
-  C(O, `@layer reset { ${a} }`);
-  const w = o(c, "css/_templates.css"), h = W(s.templates, t.templates), b = be(h), d = we(h);
-  C(w, b), f.templates = h;
-  const $ = o(c, "types/css-tokens.d.ts"), B = `
-  // Variable types
-  type VariableTokens = ${[...i].join("|")}; 
-  type PropertyValueToken = \`{\${VariableTokens}}\`;
-
-  // Template types
-  type TemplateTokens = {
-    ${Object.entries(d).map(([j, S]) => `${j}?: ${S}`).join(`
-`)}
-  }
-  `;
-  C($, B);
-  const G = o(c, "cache/config-cache.json");
-  C(G, JSON.stringify(f, null, 2));
-}, ne = (e) => e.replace(/styled\(([^"'`{,]+),/g, (t, s) => {
-  if (/^['"`]/.test(s)) return t;
-  const i = new RegExp(`import[^;]*${s}[,\\s{][^;]*from\\s?([^{};]+);`);
-  if (!i.test(e)) return t;
-  const l = i.exec(e);
-  if (l) {
-    const y = l.at(1);
-    if (fe.some((n) => y == null ? void 0 : y.includes(n))) return t;
-  }
-  return "styled('div',";
-}), ee = async (e, t, s) => {
-  const f = I(t), i = o(s, "./temp");
-  U(i) || z(i);
-  const r = L(t);
-  let l = _(t, "utf8");
-  l = ne(l);
-  const y = o(s, "js", f + ".js"), p = await Y(e), n = o(e, (p == null ? void 0 : p.configDir) || "", "salty.config.ts"), g = le(n), m = await ce(e);
-  await oe.build({
-    stdin: {
-      contents: l,
-      sourcefile: r.base,
-      resolveDir: r.dir,
-      loader: "tsx"
-    },
-    minify: !1,
-    treeShaking: !0,
-    bundle: !0,
-    outfile: y,
-    format: m,
-    target: ["node20"],
-    keepNames: !0,
-    external: g,
-    packages: "external",
-    plugins: [
-      {
-        name: "test",
-        setup: (F) => {
-          F.onLoad({ filter: /.*\.css|salty|styles|styled\.ts/ }, (V) => {
-            const P = _(V.path, "utf8");
-            return { contents: ne(P), loader: "ts" };
-          });
-        }
-      }
-    ]
-  });
-  const c = Date.now();
-  return await import(`${y}?t=${c}`);
-}, Pe = async (e) => {
-  const t = await M(e), s = o(t, "cache/config-cache.json"), f = _(s, "utf8");
-  if (!f) throw new Error("Could not find config cache file");
-  return JSON.parse(f);
-}, te = async (e) => {
-  const t = await Pe(e), s = await M(e), f = o(s, "salty.config.js"), i = Date.now(), { config: r } = await import(`${f}?t=${i}`);
-  return W(r, t);
-}, de = () => {
-  try {
-    return process.env.NODE_ENV === "production";
-  } catch {
-    return !1;
-  }
-}, We = async (e, t = de(), s = !0) => {
-  try {
-    const f = Date.now();
-    t ? K.info("Generating CSS in production mode! 🔥") : K.info("Generating CSS in development mode! 🚀");
-    const i = [], r = [], l = await M(e), y = o(l, "index.css");
-    s && (() => {
-      U(l) && me("rm -rf " + l), z(l, { recursive: !0 }), z(o(l, "css")), z(o(l, "types")), z(o(l, "js")), z(o(l, "cache"));
-    })();
-    const n = {
-      keyframes: [],
-      mediaQueries: [],
-      globalStyles: [],
-      variables: [],
-      templates: [],
-      components: [],
-      classNames: []
-    };
-    async function g(a) {
-      const w = ["node_modules", "saltygen"], h = ge(a);
-      if (h.isDirectory()) {
-        const b = ye(a);
-        if (w.some(($) => a.includes($))) return;
-        await Promise.all(b.map(($) => g(o(a, $))));
-      } else if (h.isFile() && X(a)) {
-        const d = await ee(e, a, l);
-        Object.entries(d).forEach(([$, u]) => {
-          u.isKeyframes ? n.keyframes.push({
-            value: u,
-            src: a,
-            name: $
-          }) : u.isMedia ? n.mediaQueries.push(u) : u.isGlobalDefine ? n.globalStyles.push(u) : u.isDefineVariables ? n.variables.push(u) : u.isDefineTemplates ? n.templates.push(u) : u.isClassName ? n.classNames.push({
-            value: u.factory,
-            src: a,
-            name: $
-          }) : u.generator && n.components.push({
-            value: u.generator,
-            src: a,
-            name: $
-          });
-        });
-      }
-    }
-    await g(e), await De(e, n);
-    const m = await te(e);
-    for (const a of n.keyframes) {
-      const { value: w } = a, h = `a_${w.animationName}.css`, b = `css/${h}`, d = o(l, b);
-      i.push(h), C(d, w.css);
-    }
-    const c = {};
-    for (const a of n.components) {
-      const { value: w, name: h, src: b } = a, d = w._withBuildContext({
-        name: h,
-        config: m,
-        prod: t
-      });
-      r[d.priority] || (r[d.priority] = []), r[d.priority].push(d.cssFileName);
-      const $ = `css/${d.cssFileName}`, u = o(l, $);
-      C(u, d.css), m.importStrategy === "component" && (c[b] ? c[b].push(d.cssFileName) : c[b] = [d.cssFileName]);
-    }
-    for (const a of n.classNames) {
-      const { value: w, src: h, name: b } = a, d = w._withBuildContext({
-        name: b,
-        prod: t
-      });
-      r[0].push(d.cssFileName);
-      const $ = `css/${d.cssFileName}`, u = o(l, $);
-      C(u, d.css), m.importStrategy === "component" && (c[h] ? c[h].push(d.cssFileName) : c[h] = [d.cssFileName]);
-    }
-    m.importStrategy === "component" && Object.entries(c).forEach(([a, w]) => {
-      const h = w.map((B) => `@import url('./${B}');`).join(`
-`), b = I(a, 6), d = L(a), $ = H(d.name), u = o(l, `css/f_${$}-${b}.css`);
-      C(u, h);
-    });
-    const x = i.map((a) => `@import url('./css/${a}');`).join(`
-`);
-    let k = `@layer reset, global, l0, l1, l2, l3, l4, l5, l6, l7, l8;
-
-${["_variables.css", "_reset.css", "_global.css", "_templates.css"].filter((a) => {
-      try {
-        return _(o(l, "css", a), "utf8").length > 0;
-      } catch {
-        return !1;
-      }
-    }).map((a) => `@import url('./css/${a}');`).join(`
-`)}
-${x}`;
-    if (m.importStrategy !== "component") {
-      const a = r.reduce((w, h, b) => {
-        const d = h.reduce((G, j) => {
-          var R;
-          const S = o(l, "css", j), T = _(S, "utf8"), N = ((R = /.*-([^-]+)-\d+.css/.exec(j)) == null ? void 0 : R.at(1)) || I(S, 6);
-          return G.includes(N) ? G : `${G}
-/*start:${N}*/
-${T}
-/*end:${N}*/
-`;
-        }, ""), $ = `l_${b}.css`, u = o(l, "css", $), B = `@layer l${b} { ${d}
- }`;
-        return C(u, B), `${w}
-@import url('./css/${$}');`;
-      }, "");
-      k += a;
-    }
-    C(y, k);
-    const D = Date.now() - f, J = D < 200 ? "🔥" : D < 500 ? "🚀" : D < 1e3 ? "🎉" : D < 2e3 ? "🚗" : D < 5e3 ? "🤔" : "🥴";
-    K.info(`Generated CSS in ${D}ms! ${J}`);
-  } catch (f) {
-    console.error(f);
-  }
-}, Ie = async (e, t) => {
-  try {
-    const s = await M(e);
-    if (X(t)) {
-      const i = [], r = await te(e), l = await ee(e, t, s);
-      if (Object.entries(l).forEach(([y, p]) => {
-        if (p.isKeyframes && p.css) {
-          const x = `css/${`a_${p.animationName}.css`}`, F = o(s, x);
-          C(F, p.css);
-          return;
-        }
-        if (p.isClassName) {
-          console.log("found className value", p);
-          const c = p.factory._withBuildContext({
-            name: y
-          });
-          i[0].push(c.cssFileName);
-          const x = `css/${c.cssFileName}`, F = o(s, x);
-          C(F, c.css), console.log(F, c.css);
-        }
-        if (!p.generator) return;
-        const n = p.generator._withBuildContext({
-          name: y,
-          config: r
-        }), g = `css/${n.cssFileName}`, m = o(s, g);
-        C(m, n.css), i[n.priority] || (i[n.priority] = []), i[n.priority].push(n.cssFileName);
-      }), console.log(i), r.importStrategy !== "component")
-        i.forEach((y, p) => {
-          const n = `l_${p}.css`, g = o(s, "css", n);
-          let m = _(g, "utf8");
-          y.forEach((c) => {
-            var P;
-            const x = o(s, "css", c), F = ((P = /.*-([^-]+)-\d+.css/.exec(c)) == null ? void 0 : P.at(1)) || I(x, 6);
-            if (!m.includes(F)) {
-              const k = _(x, "utf8"), O = `/*start:${F}*/
-${k}
-/*end:${F}*/
-`;
-              m = `${m.replace(/\}$/, "")}
-${O}
-}`;
-            }
-          }), C(g, m);
-        });
-      else {
-        const y = i.flat().map((c) => `@import url('./${c}');`).join(`
-`), p = I(t, 6), n = L(t), g = H(n.name), m = o(s, `css/f_${g}-${p}.css`);
-        C(m, y);
-      }
-    }
-  } catch (s) {
-    console.error(s);
-  }
-}, Be = async (e, t, s = de()) => {
-  try {
-    const f = await M(e);
-    if (X(t)) {
-      const r = _(t, "utf8");
-      r.replace(/^(?!export\s)const\s.*/gm, (g) => `export ${g}`) !== r && await he(t, r);
-      const y = await te(e), p = await ee(e, t, f);
-      let n = r;
-      if (Object.entries(p).forEach(([g, m]) => {
-        var $;
-        if (m.isKeyframes || !m.generator) return;
-        const c = m.generator._withBuildContext({
-          name: g,
-          config: y,
-          prod: s
-        }), x = new RegExp(`\\s${g}[=\\s]+[^()]+styled\\(([^,]+),`, "g").exec(r);
-        if (!x) return console.error("Could not find the original declaration");
-        const F = ($ = x.at(1)) == null ? void 0 : $.trim(), V = new RegExp(`\\s${g}[=\\s]+styled\\(`, "g").exec(n);
-        if (!V) return console.error("Could not find the original declaration");
-        const { index: P } = V;
-        let k = !1;
-        const O = setTimeout(() => k = !0, 5e3);
-        let D = 0, J = !1, a = 0;
-        for (; !J && !k; ) {
-          const u = n[P + D];
-          u === "(" && a++, u === ")" && a--, a === 0 && u === ")" && (J = !0), D > n.length && (k = !0), D++;
-        }
-        if (!k) clearTimeout(O);
-        else throw new Error("Failed to find the end of the styled call and timed out");
-        const w = P + D, h = n.slice(P, w), b = n, d = ` ${g} = styled(${F}, "${c.classNames}", ${JSON.stringify(c.props)});`;
-        n = n.replace(h, d), b === n && console.error("Minimize file failed to change content", { name: g, tagName: F });
-      }), y.importStrategy === "component") {
-        const g = I(t, 6), m = L(t);
-        n = `import '../../saltygen/css/${`f_${H(m.name)}-${g}.css`}';
-${n}`;
-      }
-      return n = n.replace("{ styled }", "{ styledClient as styled }"), n = n.replace("@salty-css/react/styled", "@salty-css/react/styled-client"), n;
-    }
-  } catch (f) {
-    console.error("Error in minimizeFile:", f);
-  }
-};
-export {
-  ze as a,
-  Ne as b,
-  De as c,
-  ee as d,
-  Ie as e,
-  We as g,
-  X as i,
-  K as l,
-  Be as m,
-  fe as s
-};