@salty-css/core 0.0.1-alpha.105 → 0.0.1-alpha.107

package/bin/main.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("commander"),G=require("fs"),s=require("fs/promises"),i=require("path"),te=require("ejs"),t=require("../index-yaI2v2-m.cjs"),ie=require("../pascal-case-iWoaJWwT.cjs"),ne=require("child_process"),se=require("ora");var z=typeof document<"u"?document.currentScript:null;const Q=p=>new Promise((w,j)=>{ne.exec(p,k=>{if(k)return j(k);w()})}),N=async(...p)=>{const w=p.map(b=>b.replace("-D","").split("@").slice(0,-1).join("@").trim()).join(", "),j=se(`Installing packages: ${w}`).start(),k=p.join(" ");await Q(`npm install ${k}`),j.succeed(`Installed packages: ${w}`)},oe=()=>G.existsSync(i.join(process.cwd(),"node_modules",".bin","prettier"));async function h(p){try{if(!oe())return;await Q(`./node_modules/.bin/prettier --write "${p}"`),t.logger.info(`Formatted ${p} with Prettier`)}catch(w){t.logger.error(`Error formatting ${p} with Prettier:`,w)}}async function ae(){const p=new ee.Command;p.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");const w={"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"))},j=async(n,l)=>{const{default:d}=await w[n],u=te.render(d,l);return{fileName:n,content:u}},k=async()=>{const n=i.join(process.cwd(),".saltyrc.json");return await s.readFile(n,"utf-8").then(JSON.parse).catch(()=>({}))},b=i.join(process.cwd(),"package.json"),D=async(n=b)=>{const l=await s.readFile(n,"utf-8").then(JSON.parse).catch(()=>{});if(!l)throw"Could not read package.json file!";return l},X=async(n,l=b)=>{typeof n=="object"&&(n=JSON.stringify(n,null,2)),await s.writeFile(l,n)},B=async()=>{const n=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 D(n)},V=await(async()=>(await k()).defaultProject)(),$=await B(),q={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}`},U=n=>{const l=n==="."?"":n,d=process.cwd();return i.join(d,l)};p.command("init [directory]").description("Initialize a new Salty-CSS project.").option("-d, --dir <dir>","Project directory to initialize the project in.").option("--css-file <css-file>","Existing CSS file where to import the generated CSS. Path must be relative to the given project directory.").option("--skip-install","Skip installing dependencies.").action(async function(n="."){if(!await 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:d=n,cssFile:u,skipInstall:y}=this.opts();if(!d)return t.logError("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");y||await N(q.core,q.react);const f=process.cwd(),r=U(d),E=await Promise.all([j("salty.config.ts"),j("saltygen/index.css")]);await s.mkdir(r,{recursive:!0});const m=E.map(async({fileName:e,content:g})=>{const a=i.join(r,e);if(await s.readFile(a,"utf-8").catch(()=>{})!==void 0){t.logger.debug("File already exists: "+a);return}const P=e.split("/").slice(0,-1).join("/");P&&await s.mkdir(i.join(r,P),{recursive:!0}),t.logger.info("Creating file: "+a),await s.writeFile(a,g),await h(a)});await Promise.all(m);const x=i.relative(f,r)||".",S=i.join(f,".saltyrc.json"),c=await s.readFile(S,"utf-8").catch(()=>{});if(c===void 0){t.logger.info("Creating file: "+S);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:x,projects:[{dir:x,framework:"react"}]},null,2);await s.writeFile(S,g),await h(S)}else{const e=JSON.parse(c),g=(e==null?void 0:e.projects)||[];if(g.findIndex(o=>o.dir===x)===-1){g.push({dir:x,framework:"react"}),e.projects=[...g];const o=JSON.stringify(e,null,2);o!==c&&(t.logger.info("Edit file: "+S),await s.writeFile(S,o),await h(S))}}const C=i.join(f,".gitignore"),L=await s.readFile(C,"utf-8").catch(()=>{});L!==void 0&&(L.includes("saltygen")||(t.logger.info("Edit file: "+C),await s.writeFile(C,L+`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("commander"),G=require("fs"),s=require("fs/promises"),i=require("path"),te=require("ejs"),t=require("../index-BNP4ADSL.cjs"),ie=require("../pascal-case-iWoaJWwT.cjs"),ne=require("child_process"),se=require("ora");var z=typeof document<"u"?document.currentScript:null;const Q=p=>new Promise((w,j)=>{ne.exec(p,k=>{if(k)return j(k);w()})}),N=async(...p)=>{const w=p.map(b=>b.replace("-D","").split("@").slice(0,-1).join("@").trim()).join(", "),j=se(`Installing packages: ${w}`).start(),k=p.join(" ");await Q(`npm install ${k}`),j.succeed(`Installed packages: ${w}`)},oe=()=>G.existsSync(i.join(process.cwd(),"node_modules",".bin","prettier"));async function h(p){try{if(!oe())return;await Q(`./node_modules/.bin/prettier --write "${p}"`),t.logger.info(`Formatted ${p} with Prettier`)}catch(w){t.logger.error(`Error formatting ${p} with Prettier:`,w)}}async function ae(){const p=new ee.Command;p.name("salty-css").description("Salty-CSS CLI tool to help with annoying configuration tasks.");const w={"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"))},j=async(n,l)=>{const{default:d}=await w[n],u=te.render(d,l);return{fileName:n,content:u}},k=async()=>{const n=i.join(process.cwd(),".saltyrc.json");return await s.readFile(n,"utf-8").then(JSON.parse).catch(()=>({}))},b=i.join(process.cwd(),"package.json"),D=async(n=b)=>{const l=await s.readFile(n,"utf-8").then(JSON.parse).catch(()=>{});if(!l)throw"Could not read package.json file!";return l},X=async(n,l=b)=>{typeof n=="object"&&(n=JSON.stringify(n,null,2)),await s.writeFile(l,n)},B=async()=>{const n=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 D(n)},V=await(async()=>(await k()).defaultProject)(),$=await B(),q={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}`},U=n=>{const l=n==="."?"":n,d=process.cwd();return i.join(d,l)};p.command("init [directory]").description("Initialize a new Salty-CSS project.").option("-d, --dir <dir>","Project directory to initialize the project in.").option("--css-file <css-file>","Existing CSS file where to import the generated CSS. Path must be relative to the given project directory.").option("--skip-install","Skip installing dependencies.").action(async function(n="."){if(!await 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:d=n,cssFile:u,skipInstall:y}=this.opts();if(!d)return t.logError("Project directory must be provided. Add it as the first argument after init command or use the --dir option.");y||await N(q.core,q.react);const f=process.cwd(),r=U(d),E=await Promise.all([j("salty.config.ts"),j("saltygen/index.css")]);await s.mkdir(r,{recursive:!0});const m=E.map(async({fileName:e,content:g})=>{const a=i.join(r,e);if(await s.readFile(a,"utf-8").catch(()=>{})!==void 0){t.logger.debug("File already exists: "+a);return}const P=e.split("/").slice(0,-1).join("/");P&&await s.mkdir(i.join(r,P),{recursive:!0}),t.logger.info("Creating file: "+a),await s.writeFile(a,g),await h(a)});await Promise.all(m);const x=i.relative(f,r)||".",S=i.join(f,".saltyrc.json"),c=await s.readFile(S,"utf-8").catch(()=>{});if(c===void 0){t.logger.info("Creating file: "+S);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:x,projects:[{dir:x,framework:"react"}]},null,2);await s.writeFile(S,g),await h(S)}else{const e=JSON.parse(c),g=(e==null?void 0:e.projects)||[];if(g.findIndex(o=>o.dir===x)===-1){g.push({dir:x,framework:"react"}),e.projects=[...g];const o=JSON.stringify(e,null,2);o!==c&&(t.logger.info("Edit file: "+S),await s.writeFile(S,o),await h(S))}}const C=i.join(f,".gitignore"),L=await s.readFile(C,"utf-8").catch(()=>{});L!==void 0&&(L.includes("saltygen")||(t.logger.info("Edit file: "+C),await s.writeFile(C,L+`
 
 # Salty-CSS
 saltygen

package/bin/main.js

@@ -3,7 +3,7 @@ import { existsSync as K } from "fs";
 import { mkdir as V, readFile as m, writeFile as h } from "fs/promises";
 import { join as i, relative as z, parse as ot, format as Z } from "path";
 import { render as rt } from "ejs";
-import { l as e, a as S, g as tt } from "../index-B7iqvGAq.js";
+import { l as e, a as S, g as tt } from "../index-BJOgd2yZ.js";
 import { p as ct } from "../pascal-case-BQpR5PdN.js";
 import { exec as lt } from "child_process";
 import dt 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-yaI2v2-m.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-C1-wQz7G.cjs");const e=require("../index-BNP4ADSL.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

@@ -4,8 +4,8 @@ import "../dash-case-DMQMcCO6.js";
 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-B7iqvGAq.js";
+import "../parse-templates-BNINfXOG.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-BJOgd2yZ.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 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;
+"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-C1-wQz7G.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

@@ -2,7 +2,7 @@ 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";
+import { g, p as u } from "../parse-templates-BNINfXOG.js";
 class N {
   constructor(t, s) {
     n(this, "_isProd");

package/generator/parse-templates.d.ts

@@ -1,2 +1,4 @@
 export declare const parseTemplates: <T extends object>(obj: T, path?: PropertyKey[]) => string;
 export declare const getTemplateKeys: <T extends object>(templates: T) => string[];
+export declare const getTemplateTypes: <T extends object>(templates: T) => Record<string, string>;
+export declare const getTemplateTokens: <T extends object>(templates: T, parent?: string, templateTokens?: Set<string>) => string[];

package/index-BJOgd2yZ.js

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

package/index-BNP4ADSL.cjs

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

package/package.json

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

package/parse-templates-BNINfXOG.js

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

package/parse-templates-C1-wQz7G.cjs

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

package/types/index.d.ts

@@ -57,7 +57,7 @@ export type ValueProps = {
 export type ParentComponentProps<TAG extends Tag<any>> = TAG extends (props: infer P) => ReactNode ? P : object;
 type StylePropertyValue = Record<never, never> & unknown;
 export type CssStyles = {
-    [key in OrString]?: CssProperties | StylePropertyValue | PropertyValueToken | CssStyles;
+    [key in OrString]?: CssProperties | StylePropertyValue | PropertyValueToken | TemplateTokens | CssStyles;
 };
 export type Styles = CssStyles & Variants;
 export interface GeneratorOptions {
@@ -65,7 +65,7 @@ export interface GeneratorOptions {
     displayName?: string;
     element?: string;
 }
-interface Base extends CssProperties, CssStyles, CssPseudos {
+interface Base extends CssProperties, CssStyles, CssPseudos, TemplateTokens {
 }
 type Pseudos = CSS.Pseudos | `&${CSS.Pseudos}`;
 type CssPseudos = {

package/index-B7iqvGAq.js

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

package/index-yaI2v2-m.cjs

@@ -1,11 +0,0 @@
-"use strict";const te=require("esbuild"),se=require("child_process"),N=require("./dash-case-DKzpenwY.cjs"),o=require("path"),a=require("fs"),H=require("fs/promises"),J=require("./parse-templates-DVK3iZIl.cjs"),M=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=o.join(e,"package.json");return a.existsSync(t)?t:G(o.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 v;const L=async e=>{if(v)return v;const t=await ie(e);return t==="module"?v="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:q&&q.tagName.toUpperCase()==="SCRIPT"&&q.src||new URL("index-yaI2v2-m.cjs",document.baseURI).href).endsWith(".cjs"))&&(v="cjs"),v||"esm"},O=M.createLogger({level:"debug",format:M.format.combine(M.format.colorize(),M.format.cli()),transports:[new M.transports.Console({})]}),re=e=>{O.error(e)},I={externalModules:[]},W=e=>{if(I.externalModules.length>0)return I.externalModules;const t=o.join(e,"salty.config.ts"),s=a.readFileSync(t,"utf8").match(/externalModules:\s?\[(.*)\]/);if(!s)return[];const i=s[1].split(",").map(u=>u.replace(/['"`]/g,"").trim());return I.externalModules=i,i},V=e=>o.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=o.join(e,"salty.config.ts"),s=o.join(t,"salty.config.js"),i=await L(e),u=W(e);await U.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:s,format:i,external:u});const j=Date.now(),{config:f}=await import(`${s}?t=${j}`);return f},X=async e=>{const t=await ce(e),n=new Set,s=(g,l=[])=>g?Object.entries(g).flatMap(([m,p])=>{if(!p)return;if(typeof p=="object")return s(p,[...l,m]);const D=[...l,m].join(".");n.add(`"${D}"`);const x=[...l.map(N.dashCase),N.dashCase(m)].join("-"),{result:h}=J.parseValueTokens(p);return`--${x}: ${h};`}):[],i=g=>g?Object.entries(g).flatMap(([l,m])=>{const p=s(m);return l==="base"?p.join(""):`${l} { ${p.join("")} }`}):[],u=g=>g?Object.entries(g).flatMap(([l,m])=>Object.entries(m).flatMap(([p,D])=>{const x=s(D,[l]),h=`.${l}-${p}, [data-${l}="${p}"]`,F=x.join("");return`${h} { ${F} }`})):[],j=s(t.variables),f=i(t.responsiveVariables),S=u(t.conditionalVariables),r=V(e),P=o.join(r,"css/variables.css"),d=`:root { ${j.join("")} ${f.join("")} } ${S.join("")}`;a.writeFileSync(P,d);const w=o.join(r,"types/css-tokens.d.ts"),c=`type VariableTokens = ${[...n].join("|")||'""'}; type PropertyValueToken = \`{\${VariableTokens}}\``;a.writeFileSync(w,c);const y=o.join(r,"css/global.css"),k=J.parseStyles(t.global,"");a.writeFileSync(y,k);const b=o.join(r,"css/templates.css"),C=J.parseTemplates(t.templates);a.writeFileSync(b,C)},_=async(e,t,n)=>{const s=N.toHash(t),i=o.join(n,"./temp");a.existsSync(i)||a.mkdirSync(i);const u=o.parse(t);let j=a.readFileSync(t,"utf8");j=j.replace(/styled\([^"'`{,]+,/g,"styled('div',");const f=o.join(n,"js",s+".js"),S=W(e),r=await L(e);await U.build({stdin:{contents:j,sourcefile:u.base,resolveDir:u.dir,loader:"ts"},minify:!1,treeShaking:!0,bundle:!0,outfile:f,format:r,target:["node20"],keepNames:!0,external:S,packages:"external"});const P=Date.now();return await import(`${f}?t=${P}`)},z=async e=>{const t=V(e),n=o.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=[],i=V(e),u=o.join(i,"index.css");(()=>{a.existsSync(i)&&se.execSync("rm -rf "+i),a.mkdirSync(i),a.mkdirSync(o.join(i,"css")),a.mkdirSync(o.join(i,"types"))})(),await X(e);const f=await z(e);async function S(c,y){const k=["node_modules","saltygen"],b=a.statSync(c);if(b.isDirectory()){const C=a.readdirSync(c);if(k.some(l=>c.includes(l)))return;await Promise.all(C.map(l=>S(o.join(c,l),o.join(y,l))))}else if(b.isFile()&&R(c)){const g=await _(e,c,i),l=[];Object.entries(g).forEach(([x,h])=>{if(h.isKeyframes&&h.css){const B=`${h.animationName}.css`,Q=`css/${B}`,ee=o.join(i,Q);n.push(B),a.writeFileSync(ee,h.css);return}if(!h.generator)return;const F=h.generator._withBuildContext({name:x,config:f,prod:t}),T=`${F.hash}-${F.priority}.css`;s[F.priority]||(s[F.priority]=[]),s[F.priority].push(T),l.push(T);const E=`css/${T}`,Z=o.join(i,E);a.writeFileSync(Z,F.css)});const m=l.map(x=>`@import url('./${x}');`).join(`
-`),p=N.toHash(c,6),D=o.join(i,`css/${p}.css`);a.writeFileSync(D,m)}}await S(e,i);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 a.readFileSync(o.join(i,"css",c),"utf8").length>0}catch{return!1}}).map(c=>`@import url('./css/${c}');`).join(`
-`)}
-${r}`;if(f.importStrategy!=="component"){const c=s.flat().map(y=>`@import url('./css/${y}');`).join(`
-`);$+=c}a.writeFileSync(u,$)}catch(n){console.error(n)}},le=async(e,t)=>{try{const n=[],s=o.join(e,"./saltygen"),i=o.join(s,"index.css");if(R(t)){const j=await z(e),f=await _(e,t,s);Object.entries(f).forEach(([w,$])=>{if(!$.generator)return;const c=$.generator._withBuildContext({name:w,config:j}),y=`${c.hash}-${c.priority}.css`,k=`css/${y}`,b=o.join(s,k);n.push(y),a.writeFileSync(b,c.css)});const S=a.readFileSync(i,"utf8").split(`
-`),r=n.map(w=>`@import url('../saltygen/css/${w}');`),d=[...new Set([...S,...r])].join(`
-`);a.writeFileSync(i,d)}}catch(n){console.error(n)}},ue=async(e,t,n=Y())=>{try{const s=o.join(e,"./saltygen");if(R(t)){const u=a.readFileSync(t,"utf8");u.replace(/^(?!export\s)const\s.*/gm,d=>`export ${d}`)!==u&&await H.writeFile(t,u);const f=await z(e),S=await _(e,t,s);let r=u;Object.entries(S).forEach(([d,w])=>{var T;if(w.isKeyframes||!w.generator)return;const $=w.generator._withBuildContext({name:d,config:f,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=(T=c.at(1))==null?void 0:T.trim(),k=new RegExp(`\\s${d}[=\\s]+styled\\(`,"g").exec(r);if(!k)return console.error("Could not find the original declaration");const{index:b}=k;let C=!1;const g=setTimeout(()=>C=!0,5e3);let l=0,m=!1,p=0;for(;!m&&!C;){const E=r[b+l];E==="("&&p++,E===")"&&p--,p===0&&E===")"&&(m=!0),l>r.length&&(C=!0),l++}if(!C)clearTimeout(g);else throw new Error("Failed to find the end of the styled call and timed out");const D=b+l,x=r.slice(b,D),h=r,F=` ${d} = styled(${y}, "${$.classNames}", ${JSON.stringify($.props)});`;r=r.replace(x,F),h===r&&console.error("Minimize file failed to change content",{name:d,tagName:y})});const P=N.toHash(t,6);return f.importStrategy==="component"&&(r=`import '../../saltygen/css/${P}.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/parse-templates-DUUSaubj.js

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

package/parse-templates-DVK3iZIl.cjs

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