@salty-css/core 0.0.1-alpha.85 → 0.0.1-alpha.86

package/bin/main.cjs

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

package/bin/main.js

@@ -3,7 +3,7 @@ import { existsSync as G } from "fs";
 import { mkdir as V, readFile as m, writeFile as h } from "fs/promises";
 import { join as a, relative as z, parse as rt, format as et } from "path";
 import { render as ct } from "ejs";
-import { l as e, a as w, g as lt } from "../index-CVMlMbWG.js";
+import { l as e, a as w, g as lt } from "../index-BGaLvshf.js";
 import { p as dt } from "../pascal-case-BQpR5PdN.js";
 import { exec as pt } from "child_process";
 import ft 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-DKzpenwY.cjs");require("path");require("fs");require("fs/promises");require("../parse-templates-DVK3iZIl.cjs");const e=require("../index-DXEpY0wo.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-DKzpenwY.cjs");require("path");require("fs");require("fs/promises");require("../parse-templates-DVK3iZIl.cjs");const e=require("../index-BKoD9apd.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.d.ts

@@ -13,4 +13,4 @@ export declare const compileSaltyFile: (dirname: string, sourceFilePath: string,
 }>;
 export declare const generateCss: (dirname: string, prod?: boolean) => Promise<void>;
 export declare const generateFile: (dirname: string, file: string) => Promise<void>;
-export declare const minimizeFile: (dirname: string, file: string) => Promise<string | undefined>;
+export declare const minimizeFile: (dirname: string, file: string, prod?: boolean) => Promise<string | undefined>;

package/compiler/index.js

@@ -5,7 +5,7 @@ import "path";
 import "fs";
 import "fs/promises";
 import "../parse-templates-DUUSaubj.js";
-import { d as p, c as n, g, e as F, i as y, m as x, s as S, b as c } from "../index-CVMlMbWG.js";
+import { d as p, c as n, g, e as F, i as y, m as x, s as S, b as c } from "../index-BGaLvshf.js";
 export {
   p as compileSaltyFile,
   n as generateConfigStyles,

package/generator/index.cjs

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

package/generator/index.js

@@ -1,12 +1,13 @@
-var h = Object.defineProperty;
-var m = (e, t, s) => t in e ? h(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var c = (e, t, s) => m(e, typeof t != "symbol" ? t + "" : t, s);
+var p = Object.defineProperty;
+var m = (e, t, s) => t in e ? p(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var n = (e, t, s) => m(e, typeof t != "symbol" ? t + "" : t, s);
 import { t as l } from "../dash-case-DMQMcCO6.js";
 import { g, p as u } from "../parse-templates-DUUSaubj.js";
-class d {
+class N {
   constructor(t, s) {
-    c(this, "_callerName");
-    c(this, "_context");
+    n(this, "_isProd");
+    n(this, "_callerName");
+    n(this, "_context");
     this.tagName = t, this.params = s;
   }
   get hash() {
@@ -32,30 +33,33 @@ class d {
   }
   get css() {
     var a;
-    const { base: t = {}, variants: s = {}, compoundVariants: r = [] } = this.params, i = { ...t, variants: s, compoundVariants: r };
-    return u(i, `.${this.cssClassName}`, this.priority, (a = this._context) == null ? void 0 : a.config);
+    const { base: t = {}, variants: s = {}, compoundVariants: i = [] } = this.params, r = { ...t, variants: s, compoundVariants: i };
+    return u(r, `.${this.cssClassName}`, this.priority, (a = this._context) == null ? void 0 : a.config);
   }
   get props() {
     const { element: t } = this.params, s = this.params.variants ? Object.keys(this.params.variants).map((a) => {
-      var n;
-      const o = (n = this.params.defaultVariants) == null ? void 0 : n[a];
-      return o !== void 0 ? `${a}=${String(o)}` : a;
-    }) : void 0, r = /* @__PURE__ */ new Set([]), i = /\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));
-    return i && i.forEach((a, o, n) => {
-      const p = n.at(1);
-      p && r.add(p);
+      var o;
+      const c = (o = this.params.defaultVariants) == null ? void 0 : o[a];
+      return c !== void 0 ? `${a}=${String(c)}` : a;
+    }) : void 0, i = /* @__PURE__ */ new Set([]), r = /\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));
+    return r && r.forEach((a, c, o) => {
+      const h = o.at(1);
+      h && i.add(h);
     }), {
       element: t,
       variantKeys: s,
-      propValueKeys: [...r]
+      propValueKeys: [...i],
+      attr: {
+        "data-component-name": this._isProd ? void 0 : this._callerName
+      }
     };
   }
   _withBuildContext(t) {
     this._context = t;
-    const { name: s, config: r } = t;
-    return this._callerName = s, this;
+    const { name: s, config: i, prod: r } = t;
+    return this._isProd = r, this._callerName = s, this;
   }
 }
 export {
-  d as StyleComponentGenerator
+  N as StyleComponentGenerator
 };

package/generator/style-generator.d.ts

@@ -3,10 +3,14 @@ export interface GeneratorProps {
     element?: string;
     variantKeys?: string[];
     propValueKeys?: string[];
+    attr: {
+        [key: string]: any;
+    };
 }
 export declare class StyleComponentGenerator {
     tagName: Tag<any>;
     params: StyledParams;
+    _isProd: boolean | undefined;
     _callerName: string | undefined;
     _context: {
         name: string;
@@ -24,5 +28,6 @@ export declare class StyleComponentGenerator {
     _withBuildContext(context: {
         name: string;
         config: any;
+        prod: boolean;
     }): this;
 }

package/index-BGaLvshf.js

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

package/index-BKoD9apd.cjs

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

package/package.json

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

package/index-CVMlMbWG.js

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

package/index-DXEpY0wo.cjs

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