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

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-D9fpGzLy.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-_9I4QIPW.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-D9fpGzLy.cjs");require("../css/merge.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,8 +6,8 @@ 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 "../merge-BVm9us1A.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-_9I4QIPW.js";
+import "../css/merge.js";
 export {
   g as compileSaltyFile,
   F as generateConfigStyles,

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/css/index.cjs

@@ -1 +1 @@
-"use strict";var v=Object.defineProperty;var C=(r,t,e)=>t in r?v(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var u=(r,t,e)=>C(r,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../parse-styles-3zK35muR.cjs"),p=require("../dash-case-BJEkFEGQ.cjs"),_=require("../merge-DxGoJDHv.cjs"),w=({animationName:r,params:t,appendInitialStyles:e,...s})=>{const n=r||p.toHash(s),o=(c={})=>{const{duration:a="500ms",easing:h="ease-in-out",delay:l="0s",iterationCount:m="1",direction:f="normal",fillMode:y="forwards",playState:S="running"}={...t,...c},$=`${n} ${a} ${h} ${l} ${m} ${f} ${y} ${S}`;if(!e)return $;const g=s.from||s["0%"];if(!g)return $;const N=d.parseStyles(g,"");return`${$};${N}`},b=Object.entries(s).reduce((c,[a,h])=>{if(!h)return c;const l=d.parseStyles(h,""),m=typeof a=="number"?`${a}%`:a;return`${c}${m}{${l}}`},""),x=`@keyframes ${n} {${b}}`;return Object.assign(o,{toString:o,isKeyframes:!0,animationName:n,css:x,keyframes:s}),o};class i{constructor(t="@media"){u(this,"next",t=>{const e=new String(t);return Object.assign(e,{get isMedia(){return!0},get and(){return new i(`${t} and`)},get or(){return new i(`${t},`)}}),e});this.base=t}custom(t){return this.next(`${this.base} ${t}`)}minWidth(t){const e=typeof t=="number"?`${t}px`:t,s=`${this.base} (min-width: ${e})`;return this.next(s)}maxWidth(t){const e=typeof t=="number"?`${t}px`:t,s=`${this.base} (max-width: ${e})`;return this.next(s)}minHeight(t){const e=typeof t=="number"?`${t}px`:t,s=`${this.base} (min-height: ${e})`;return this.next(s)}maxHeight(t){const e=typeof t=="number"?`${t}px`:t,s=`${this.base} (max-height: ${e})`;return this.next(s)}get portrait(){const t=`${this.base} (orientation: portrait)`;return this.next(t)}get landscape(){const t=`${this.base} (orientation: landscape)`;return this.next(t)}prefersColorScheme(t){const e=`${this.base} (prefers-color-scheme: ${t})`;return this.next(e)}get dark(){return this.prefersColorScheme("dark")}get light(){return this.prefersColorScheme("light")}get print(){const t=`${this.base} print`;return this.next(t)}get screen(){const t=`${this.base} screen`;return this.next(t)}get speech(){const t=`${this.base} speech`;return this.next(t)}get all(){const t=`${this.base} all`;return this.next(t)}get not(){const t=`${this.base} not`;return this.next(t)}get reducedMotion(){const t=`${this.base} (prefers-reduced-motion: reduce)`;return this.next(t)}}const j=new i,k=r=>`{${r}}`;class F{constructor(t){u(this,"_isProd");u(this,"_callerName");this.params=t}get hash(){return p.toHash(this.params.base||this.params)}get cssClassName(){return this.hash}get classNames(){const t=[this.hash],{className:e}=this.params;return e&&t.push(e),t.join(" ")}get cssFileName(){return this._callerName?`cl_${p.dashCase(this._callerName)}-${this.hash}.css`:`${this.hash}.css`}get css(){const{base:t={},variants:e={},compoundVariants:s=[]}=this.params,n={...t,variants:e,compoundVariants:s};return d.parseStyles(n,`.${this.cssClassName}`)}_withBuildContext(t){const{name:e,prod:s}=t;return this._isProd=s,this._callerName=e,this}}exports.mergeStyles=_.mergeStyles;exports.ClassNameFactory=F;exports.MediaQueryFactory=i;exports.keyframes=w;exports.media=j;exports.token=k;
+"use strict";var n=Object.defineProperty;var h=(a,s,e)=>s in a?n(a,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[s]=e;var r=(a,s,e)=>h(a,typeof s!="symbol"?s+"":s,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./keyframes.cjs"),i=require("./media.cjs"),l=require("./token.cjs"),u=require("./merge.cjs"),d=require("../parse-styles-3zK35muR.cjs"),c=require("../dash-case-BJEkFEGQ.cjs");class y{constructor(s){r(this,"_isProd");r(this,"_callerName");this.params=s}get hash(){return c.toHash(this.params.base||this.params)}get cssClassName(){return this.hash}get classNames(){const s=[this.hash],{className:e}=this.params;return e&&s.push(e),s.join(" ")}get cssFileName(){return this._callerName?`cl_${c.dashCase(this._callerName)}-${this.hash}.css`:`${this.hash}.css`}get css(){const{base:s={},variants:e={},compoundVariants:t=[]}=this.params,o={...s,variants:e,compoundVariants:t};return d.parseStyles(o,`.${this.cssClassName}`)}_withBuildContext(s){const{name:e,prod:t}=s;return this._isProd=t,this._callerName=e,this}}exports.keyframes=m.keyframes;exports.MediaQueryFactory=i.MediaQueryFactory;exports.media=i.media;exports.token=l.token;exports.mergeStyles=u.mergeStyles;exports.ClassNameFactory=y;

package/css/index.js

@@ -1,152 +1,45 @@
-var S = Object.defineProperty;
-var C = (r, t, s) => t in r ? S(r, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[t] = s;
-var h = (r, t, s) => C(r, typeof t != "symbol" ? t + "" : t, s);
-import { p } from "../parse-styles-DrLhKtqW.js";
-import { t as g, d as _ } from "../dash-case-DBThphLm.js";
-import { m as W } from "../merge-BVm9us1A.js";
-const O = ({ animationName: r, params: t, appendInitialStyles: s, ...e }) => {
-  const n = r || g(e), i = (o = {}) => {
-    const {
-      duration: a = "500ms",
-      easing: c = "ease-in-out",
-      delay: m = "0s",
-      iterationCount: l = "1",
-      direction: f = "normal",
-      fillMode: N = "forwards",
-      playState: v = "running"
-    } = { ...t, ...o }, $ = `${n} ${a} ${c} ${m} ${l} ${f} ${N} ${v}`;
-    if (!s) return $;
-    const d = e.from || e["0%"];
-    if (!d) return $;
-    const y = p(d, "");
-    return `${$};${y}`;
-  }, b = Object.entries(e).reduce((o, [a, c]) => {
-    if (!c) return o;
-    const m = p(c, ""), l = typeof a == "number" ? `${a}%` : a;
-    return `${o}${l}{${m}}`;
-  }, ""), x = `@keyframes ${n} {${b}}`;
-  return Object.assign(i, {
-    toString: i,
-    isKeyframes: !0,
-    animationName: n,
-    css: x,
-    keyframes: e
-  }), i;
-};
-class u {
-  constructor(t = "@media") {
-    h(this, "next", (t) => {
-      const s = new String(t);
-      return Object.assign(s, {
-        get isMedia() {
-          return !0;
-        },
-        get and() {
-          return new u(`${t} and`);
-        },
-        get or() {
-          return new u(`${t},`);
-        }
-      }), s;
-    });
-    this.base = t;
-  }
-  custom(t) {
-    return this.next(`${this.base} ${t}`);
-  }
-  minWidth(t) {
-    const s = typeof t == "number" ? `${t}px` : t, e = `${this.base} (min-width: ${s})`;
-    return this.next(e);
-  }
-  maxWidth(t) {
-    const s = typeof t == "number" ? `${t}px` : t, e = `${this.base} (max-width: ${s})`;
-    return this.next(e);
-  }
-  minHeight(t) {
-    const s = typeof t == "number" ? `${t}px` : t, e = `${this.base} (min-height: ${s})`;
-    return this.next(e);
-  }
-  maxHeight(t) {
-    const s = typeof t == "number" ? `${t}px` : t, e = `${this.base} (max-height: ${s})`;
-    return this.next(e);
-  }
-  get portrait() {
-    const t = `${this.base} (orientation: portrait)`;
-    return this.next(t);
-  }
-  get landscape() {
-    const t = `${this.base} (orientation: landscape)`;
-    return this.next(t);
-  }
-  prefersColorScheme(t) {
-    const s = `${this.base} (prefers-color-scheme: ${t})`;
-    return this.next(s);
-  }
-  get dark() {
-    return this.prefersColorScheme("dark");
-  }
-  get light() {
-    return this.prefersColorScheme("light");
-  }
-  get print() {
-    const t = `${this.base} print`;
-    return this.next(t);
-  }
-  get screen() {
-    const t = `${this.base} screen`;
-    return this.next(t);
-  }
-  get speech() {
-    const t = `${this.base} speech`;
-    return this.next(t);
-  }
-  get all() {
-    const t = `${this.base} all`;
-    return this.next(t);
-  }
-  get not() {
-    const t = `${this.base} not`;
-    return this.next(t);
-  }
-  get reducedMotion() {
-    const t = `${this.base} (prefers-reduced-motion: reduce)`;
-    return this.next(t);
-  }
-}
-const k = new u(), z = (r) => `{${r}}`;
-class F {
-  constructor(t) {
-    h(this, "_isProd");
-    h(this, "_callerName");
-    this.params = t;
+var i = Object.defineProperty;
+var h = (t, s, a) => s in t ? i(t, s, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[s] = a;
+var r = (t, s, a) => h(t, typeof s != "symbol" ? s + "" : s, a);
+import { keyframes as y } from "./keyframes.js";
+import { MediaQueryFactory as x, media as C } from "./media.js";
+import { token as b } from "./token.js";
+import { mergeStyles as S } from "./merge.js";
+import { p as c } from "../parse-styles-DrLhKtqW.js";
+import { t as m, d as n } from "../dash-case-DBThphLm.js";
+class N {
+  constructor(s) {
+    r(this, "_isProd");
+    r(this, "_callerName");
+    this.params = s;
   }
   get hash() {
-    return g(this.params.base || this.params);
+    return m(this.params.base || this.params);
   }
   get cssClassName() {
     return this.hash;
   }
   get classNames() {
-    const t = [this.hash], { className: s } = this.params;
-    return s && t.push(s), t.join(" ");
+    const s = [this.hash], { className: a } = this.params;
+    return a && s.push(a), s.join(" ");
   }
   get cssFileName() {
-    return this._callerName ? `cl_${_(this._callerName)}-${this.hash}.css` : `${this.hash}.css`;
+    return this._callerName ? `cl_${n(this._callerName)}-${this.hash}.css` : `${this.hash}.css`;
   }
   get css() {
-    const { base: t = {}, variants: s = {}, compoundVariants: e = [] } = this.params, n = { ...t, variants: s, compoundVariants: e };
-    return p(n, `.${this.cssClassName}`);
+    const { base: s = {}, variants: a = {}, compoundVariants: e = [] } = this.params, o = { ...s, variants: a, compoundVariants: e };
+    return c(o, `.${this.cssClassName}`);
   }
-  _withBuildContext(t) {
-    const { name: s, prod: e } = t;
-    return this._isProd = e, this._callerName = s, this;
+  _withBuildContext(s) {
+    const { name: a, prod: e } = s;
+    return this._isProd = e, this._callerName = a, this;
   }
 }
 export {
-  F as ClassNameFactory,
-  u as MediaQueryFactory,
-  O as keyframes,
-  k as media,
-  W as mergeStyles,
-  z as token
+  N as ClassNameFactory,
+  x as MediaQueryFactory,
+  y as keyframes,
+  C as media,
+  S as mergeStyles,
+  b as token
 };

package/css/keyframes.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("../parse-styles-3zK35muR.cjs"),j=require("../dash-case-BJEkFEGQ.cjs"),C=({animationName:m,params:l,appendInitialStyles:f,...t})=>{const r=m||j.toHash(t),o=(s={})=>{const{duration:e="500ms",easing:n="ease-in-out",delay:a="0s",iterationCount:i="1",direction:S="normal",fillMode:g="forwards",playState:p="running"}={...l,...s},c=`${r} ${e} ${n} ${a} ${i} ${S} ${g} ${p}`;if(!f)return c;const u=t.from||t["0%"];if(!u)return c;const b=$.parseStyles(u,"");return`${c};${b}`},y=Object.entries(t).reduce((s,[e,n])=>{if(!n)return s;const a=$.parseStyles(n,""),i=typeof e=="number"?`${e}%`:e;return`${s}${i}{${a}}`},""),d=`@keyframes ${r} {${y}}`;return Object.assign(o,{toString:o,isKeyframes:!0,animationName:r,css:d,keyframes:t}),o};exports.keyframes=C;

package/css/keyframes.js

@@ -0,0 +1,34 @@
+import { p as c } from "../parse-styles-DrLhKtqW.js";
+import { t as j } from "../dash-case-DBThphLm.js";
+const O = ({ animationName: u, params: f, appendInitialStyles: p, ...t }) => {
+  const o = u || j(t), e = (r = {}) => {
+    const {
+      duration: n = "500ms",
+      easing: s = "ease-in-out",
+      delay: a = "0s",
+      iterationCount: i = "1",
+      direction: y = "normal",
+      fillMode: g = "forwards",
+      playState: S = "running"
+    } = { ...f, ...r }, m = `${o} ${n} ${s} ${a} ${i} ${y} ${g} ${S}`;
+    if (!p) return m;
+    const $ = t.from || t["0%"];
+    if (!$) return m;
+    const b = c($, "");
+    return `${m};${b}`;
+  }, l = Object.entries(t).reduce((r, [n, s]) => {
+    if (!s) return r;
+    const a = c(s, ""), i = typeof n == "number" ? `${n}%` : n;
+    return `${r}${i}{${a}}`;
+  }, ""), d = `@keyframes ${o} {${l}}`;
+  return Object.assign(e, {
+    toString: e,
+    isKeyframes: !0,
+    animationName: o,
+    css: d,
+    keyframes: t
+  }), e;
+};
+export {
+  O as keyframes
+};

package/css/media.cjs

@@ -0,0 +1 @@
+"use strict";var a=Object.defineProperty;var o=(s,e,t)=>e in s?a(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var i=(s,e,t)=>o(s,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class r{constructor(e="@media"){i(this,"next",e=>{const t=new String(e);return Object.assign(t,{get isMedia(){return!0},get and(){return new r(`${e} and`)},get or(){return new r(`${e},`)}}),t});this.base=e}custom(e){return this.next(`${this.base} ${e}`)}minWidth(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (min-width: ${t})`;return this.next(n)}maxWidth(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (max-width: ${t})`;return this.next(n)}minHeight(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (min-height: ${t})`;return this.next(n)}maxHeight(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (max-height: ${t})`;return this.next(n)}get portrait(){const e=`${this.base} (orientation: portrait)`;return this.next(e)}get landscape(){const e=`${this.base} (orientation: landscape)`;return this.next(e)}prefersColorScheme(e){const t=`${this.base} (prefers-color-scheme: ${e})`;return this.next(t)}get dark(){return this.prefersColorScheme("dark")}get light(){return this.prefersColorScheme("light")}get print(){const e=`${this.base} print`;return this.next(e)}get screen(){const e=`${this.base} screen`;return this.next(e)}get speech(){const e=`${this.base} speech`;return this.next(e)}get all(){const e=`${this.base} all`;return this.next(e)}get not(){const e=`${this.base} not`;return this.next(e)}get reducedMotion(){const e=`${this.base} (prefers-reduced-motion: reduce)`;return this.next(e)}}const u=new r;exports.MediaQueryFactory=r;exports.media=u;

package/css/media.js

@@ -0,0 +1,88 @@
+var a = Object.defineProperty;
+var o = (s, t, e) => t in s ? a(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var i = (s, t, e) => o(s, typeof t != "symbol" ? t + "" : t, e);
+class r {
+  constructor(t = "@media") {
+    i(this, "next", (t) => {
+      const e = new String(t);
+      return Object.assign(e, {
+        get isMedia() {
+          return !0;
+        },
+        get and() {
+          return new r(`${t} and`);
+        },
+        get or() {
+          return new r(`${t},`);
+        }
+      }), e;
+    });
+    this.base = t;
+  }
+  custom(t) {
+    return this.next(`${this.base} ${t}`);
+  }
+  minWidth(t) {
+    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (min-width: ${e})`;
+    return this.next(n);
+  }
+  maxWidth(t) {
+    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (max-width: ${e})`;
+    return this.next(n);
+  }
+  minHeight(t) {
+    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (min-height: ${e})`;
+    return this.next(n);
+  }
+  maxHeight(t) {
+    const e = typeof t == "number" ? `${t}px` : t, n = `${this.base} (max-height: ${e})`;
+    return this.next(n);
+  }
+  get portrait() {
+    const t = `${this.base} (orientation: portrait)`;
+    return this.next(t);
+  }
+  get landscape() {
+    const t = `${this.base} (orientation: landscape)`;
+    return this.next(t);
+  }
+  prefersColorScheme(t) {
+    const e = `${this.base} (prefers-color-scheme: ${t})`;
+    return this.next(e);
+  }
+  get dark() {
+    return this.prefersColorScheme("dark");
+  }
+  get light() {
+    return this.prefersColorScheme("light");
+  }
+  get print() {
+    const t = `${this.base} print`;
+    return this.next(t);
+  }
+  get screen() {
+    const t = `${this.base} screen`;
+    return this.next(t);
+  }
+  get speech() {
+    const t = `${this.base} speech`;
+    return this.next(t);
+  }
+  get all() {
+    const t = `${this.base} all`;
+    return this.next(t);
+  }
+  get not() {
+    const t = `${this.base} not`;
+    return this.next(t);
+  }
+  get reducedMotion() {
+    const t = `${this.base} (prefers-reduced-motion: reduce)`;
+    return this.next(t);
+  }
+}
+const u = new r();
+export {
+  r as MediaQueryFactory,
+  u as media
+};

package/css/merge.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=(...t)=>t.flat().reduce((e,r)=>r!=null&&r._current?{...e,...r._current}:{...e,...r},{});exports.mergeStyles=u;

package/{merge-BVm9us1A.js → css/merge.js}

@@ -1,4 +1,4 @@
 const e = (...u) => u.flat().reduce((n, r) => r != null && r._current ? { ...n, ...r._current } : { ...n, ...r }, {});
 export {
-  e as m
+  e as mergeStyles
 };

package/css/token.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>`{${e}}`;exports.token=t;

package/css/token.js

@@ -0,0 +1,4 @@
+const t = (o) => `{${o}}`;
+export {
+  t as token
+};

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-D9fpGzLy.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("./css/merge.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-D9fpGzLy.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;