@salty-css/core 0.0.1-alpha.115 → 0.0.1-alpha.117

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-DckDeOOE.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-eyW1pjj1.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-PIN4uCyt.js";
+import { l as t, a as h, g as te } from "../index-V5AY9k9D.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-DKzpenwY.cjs");require("path");require("fs");require("fs/promises");require("../parse-templates-C1-wQz7G.cjs");const e=require("../index-DckDeOOE.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-8PdMJjFC.cjs");require("path");require("fs");require("fs/promises");require("../parse-templates-lpgqU05M.cjs");const e=require("../index-eyW1pjj1.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

@@ -1,11 +1,11 @@
 import "esbuild";
 import "child_process";
-import "../dash-case-DMQMcCO6.js";
+import "../dash-case-D_tXuO4I.js";
 import "path";
 import "fs";
 import "fs/promises";
-import "../parse-templates-wUig7ACb.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-PIN4uCyt.js";
+import "../parse-templates-D1FebDfR.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-V5AY9k9D.js";
 export {
   p as compileSaltyFile,
   n as generateConfigStyles,

package/{dash-case-DKzpenwY.cjs → dash-case-8PdMJjFC.cjs}

@@ -1 +1 @@
-"use strict";const n=e=>String.fromCharCode(e+(e>25?39:97)),i=(e,r)=>{let t="",a;for(a=Math.abs(e);a>52;a=a/52|0)t=n(a%52)+t;return t=n(a%52)+t,t.length<r?t=t.padStart(r,"a"):t.length>r&&(t=t.slice(-r)),t},o=(e,r)=>{let t=r.length;for(;t;)e=e*33^r.charCodeAt(--t);return e},c=(e,r=3)=>{const t=o(5381,JSON.stringify(e))>>>0;return i(t,r)};function s(e){return e?typeof e!="string"?s(String(e)):e.replace(/\s/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(r,t)=>(t>0?"-":"")+r.toLowerCase()):""}exports.dashCase=s;exports.toHash=c;
+"use strict";const n=e=>String.fromCharCode(e+(e>25?39:97)),i=(e,r)=>{let t="",a;for(a=Math.abs(e);a>52;a=a/52|0)t=n(a%52)+t;return t=n(a%52)+t,t.length<r?t=t.padStart(r,"a"):t.length>r&&(t=t.slice(-r)),t},o=(e,r)=>{let t=r.length;for(;t;)e=e*33^r.charCodeAt(--t);return e},c=(e,r=3)=>{const t=o(5381,JSON.stringify(e))>>>0;return i(t,r)};function s(e){return e?typeof e!="string"?s(String(e)):e.replace(/[\s.]/g,"-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g,(r,t)=>(t>0?"-":"")+r.toLowerCase()):""}exports.dashCase=s;exports.toHash=c;

package/{dash-case-DMQMcCO6.js → dash-case-D_tXuO4I.js}

@@ -11,7 +11,7 @@ const n = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97)), o = (e, r) => {
   return o(t, r);
 };
 function s(e) {
-  return e ? typeof e != "string" ? s(String(e)) : e.replace(/\s/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (r, t) => (t > 0 ? "-" : "") + r.toLowerCase()) : "";
+  return e ? typeof e != "string" ? s(String(e)) : e.replace(/[\s.]/g, "-").replace(/[A-Z](?:(?=[^A-Z])|[A-Z]*(?=[A-Z][^A-Z]|$))/g, (r, t) => (t > 0 ? "-" : "") + r.toLowerCase()) : "";
 }
 export {
   s as d,

package/generator/index.cjs

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

package/generator/index.js

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

package/generator/style-generator.d.ts

@@ -3,6 +3,8 @@ export interface GeneratorProps {
     element?: string;
     variantKeys?: string[];
     propValueKeys?: string[];
+    passProps?: boolean | string | string[];
+    defaultProps?: Record<PropertyKey, unknown>;
     attr: {
         [key: string]: any;
     };

package/index-V5AY9k9D.js

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

package/index-eyW1pjj1.cjs

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

package/package.json

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

package/{parse-templates-wUig7ACb.js → parse-templates-D1FebDfR.js}

@@ -1,4 +1,4 @@
-import { d as O } from "./dash-case-DMQMcCO6.js";
+import { d as O } from "./dash-case-D_tXuO4I.js";
 const N = (t, e) => {
   if (typeof t != "string") return { result: t };
   if (!e) return { result: t };

package/{parse-templates-C1-wQz7G.cjs → parse-templates-lpgqU05M.cjs}

@@ -1,4 +1,4 @@
-"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} {
+"use strict";const T=require("./dash-case-8PdMJjFC.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(`
 `,`
  `)}

package/types/index.d.ts

@@ -7,7 +7,7 @@ export type CreateElementProps = {
     children?: ReactNode;
     className?: string;
     element?: string;
-    passVariantProps?: boolean | string | string[];
+    passProps?: boolean | string | string[];
     style?: CssProperties | {
         [key: string]: PropertyValueToken | NeverObj;
     };
@@ -74,6 +74,8 @@ export interface GeneratorOptions {
     className?: string;
     displayName?: string;
     element?: string;
+    passProps?: boolean | string | string[];
+    defaultProps?: Record<PropertyKey, unknown>;
 }
 interface Base extends CssProperties, CssStyles, CssPseudos, TemplateTokens {
 }

package/util/dot-case.d.ts

@@ -0,0 +1 @@
+export declare function dotCase(str: PropertyKey): string;

package/util/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../dash-case-DKzpenwY.cjs"),t=require("../pascal-case-iWoaJWwT.cjs");function s(e){return e?typeof e!="string"?s(String(e)):e.replace(/\s/g,"-").replace(/-([a-z])/g,r=>r[1].toUpperCase()):""}exports.dashCase=a.dashCase;exports.toHash=a.toHash;exports.pascalCase=t.pascalCase;exports.camelCase=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../dash-case-8PdMJjFC.cjs"),t=require("../pascal-case-iWoaJWwT.cjs");function s(e){return e?typeof e!="string"?s(String(e)):e.replace(/\s/g,"-").replace(/-([a-z])/g,r=>r[1].toUpperCase()):""}exports.dashCase=a.dashCase;exports.toHash=a.toHash;exports.pascalCase=t.pascalCase;exports.camelCase=s;

package/util/index.js

@@ -1,4 +1,4 @@
-import { d as o, t as s } from "../dash-case-DMQMcCO6.js";
+import { d as o, t as s } from "../dash-case-D_tXuO4I.js";
 import { p as f } from "../pascal-case-BQpR5PdN.js";
 function r(e) {
   return e ? typeof e != "string" ? r(String(e)) : e.replace(/\s/g, "-").replace(/-([a-z])/g, (a) => a[1].toUpperCase()) : "";

package/index-DckDeOOE.cjs

@@ -1,21 +0,0 @@
-"use strict";const te=require("esbuild"),se=require("child_process"),O=require("./dash-case-DKzpenwY.cjs"),o=require("path"),a=require("fs"),H=require("fs/promises"),V=require("./parse-templates-C1-wQz7G.cjs"),N=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 E;const L=async e=>{if(E)return E;const t=await ie(e);return t==="module"?E="esm":(t==="commonjs"||(typeof document>"u"?require("url").pathToFileURL(__filename).href:q&&q.tagName.toUpperCase()==="SCRIPT"&&q.src||new URL("index-DckDeOOE.cjs",document.baseURI).href).endsWith(".cjs"))&&(E="cjs"),E||"esm"},v=N.createLogger({level:"debug",format:N.format.combine(N.format.colorize(),N.format.cli()),transports:[new N.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(u=>u.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),u=W(e);await U.build({entryPoints:[n],minify:!0,treeShaking:!0,bundle:!0,outfile:s,format:i,external:u});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,p=[])=>l?Object.entries(l).flatMap(([g,d])=>{if(!d)return;if(typeof d=="object")return s(d,[...p,g]);const C=[...p,g].join(".");n.add(`"${C}"`);const h=[...p.map(O.dashCase),O.dashCase(g)].join("-"),{result:j}=V.parseValueTokens(d);return`--${h}: ${j};`}):[],i=l=>l?Object.entries(l).flatMap(([p,g])=>{const d=s(g);return p==="base"?d.join(""):`${p} { ${d.join("")} }`}):[],u=l=>l?Object.entries(l).flatMap(([p,g])=>Object.entries(g).flatMap(([d,C])=>{const h=s(C,[p]),j=`.${p}-${d}, [data-${p}="${d}"]`,T=h.join("");return`${j} { ${T} }`})):[],S=s(t.variables),f=i(t.responsiveVariables),b=u(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=V.parseStyles(t.global,"");a.writeFileSync(w,F);const c=o.join(r,"css/templates.css"),m=V.parseTemplates(t.templates),x=V.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,p])=>`${l}?: ${p}`).join(`
-`)}
-  }
-  `;a.writeFileSync($,D)},J=async(e,t,n)=>{const s=O.toHash(t),i=o.join(n,"./temp");a.existsSync(i)||a.mkdirSync(i);const u=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:u.base,resolveDir:u.dir,loader:"tsx"},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),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 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 M=`css/${T}`,Z=o.join(i,M);a.writeFileSync(Z,j.css)});const p=l.map(C=>`@import url('./${C}');`).join(`
-`),g=O.toHash(c,6),d=o.join(i,`css/${g}.css`);a.writeFileSync(d,p)}}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(u,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)}},ue=async(e,t,n=Y())=>{try{const s=o.join(e,"./saltygen");if(_(t)){const u=a.readFileSync(t,"utf8");u.replace(/^(?!export\s)const\s.*/gm,y=>`export ${y}`)!==u&&await H.writeFile(t,u);const f=await z(e),b=await J(e,t,s);let r=u;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(u);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,p=!1,g=0;for(;!p&&!k;){const M=r[$+l];M==="("&&g++,M===")"&&g--,g===0&&M===")"&&(p=!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=O.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=ue;exports.saltyFileExtensions=K;exports.saltyFileRegExp=A;

package/index-PIN4uCyt.js

@@ -1,253 +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 a, parse as tt } from "path";
-import { existsSync as I, writeFileSync as x, mkdirSync as N, readFileSync as V, 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-wUig7ACb.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({})]
-}), Ct = (t) => {
-  R.error(t);
-}, O = {
-  externalModules: []
-}, A = (t) => {
-  if (O.externalModules.length > 0) return O.externalModules;
-  const e = a(t, "salty.config.ts"), s = V(e, "utf8").match(/externalModules:\s?\[(.*)\]/);
-  if (!s) return [];
-  const n = s[1].split(",").map((l) => l.replace(/['"`]/g, "").trim());
-  return O.externalModules = n, n;
-}, v = (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 = v(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 C = [...p, d].join(".");
-    c.add(`"${C}"`);
-    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, C]) => {
-    const y = s(C, [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 = v(t), D = a(o, "css/variables.css"), g = `:root { ${b.join("")} ${f.join("")} } ${$.join("")}`;
-  x(D, g);
-  const w = a(o, "css/global.css"), S = at(e.global, "");
-  x(w, S);
-  const r = a(o, "css/templates.css"), m = rt(e.templates), F = ct(e.templates);
-  x(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(`
-`)}
-  }
-  `;
-  x(j, P);
-}, z = async (t, e, c) => {
-  const s = B(e), n = a(c, "./temp");
-  I(n) || N(n);
-  const l = tt(e);
-  let b = V(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: "tsx"
-    },
-    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 = v(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 = v(t), l = a(n, "index.css");
-    (() => {
-      I(n) && Q("rm -rf " + n), N(n), N(a(n, "css")), N(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(([C, y]) => {
-          if (y.isKeyframes && y.css) {
-            const W = `${y.animationName}.css`, Y = `css/${W}`, Z = a(n, Y);
-            c.push(W), x(Z, y.css);
-            return;
-          }
-          if (!y.generator) return;
-          const h = y.generator._withBuildContext({
-            name: C,
-            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 E = `css/${T}`, X = a(n, E);
-          x(X, h.css);
-        });
-        const p = i.map((C) => `@import url('./${C}');`).join(`
-`), d = B(r, 6), u = a(n, `css/${d}.css`);
-        x(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 V(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;
-    }
-    x(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), x(j, r.css);
-      });
-      const $ = V(n, "utf8").split(`
-`), o = c.map((w) => `@import url('../saltygen/css/${w}');`), g = [.../* @__PURE__ */ new Set([...$, ...o])].join(`
-`);
-      x(n, g);
-    }
-  } catch (c) {
-    console.error(c);
-  }
-}, Tt = async (t, e, c = U()) => {
-  try {
-    const s = a(t, "./saltygen");
-    if (_(e)) {
-      const l = V(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 E = o[j + i];
-          E === "(" && d++, E === ")" && d--, d === 0 && E === ")" && (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, C = o.slice(j, u), y = o, h = ` ${g} = styled(${m}, "${S.classNames}", ${JSON.stringify(S.props)});`;
-        o = o.replace(C, 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 {
-  Ct 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
-};