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

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

package/compiler/index.cjs

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

package/compiler/index.d.ts

@@ -1,16 +1,21 @@
-import { StyleComponentGenerator } from '../generator/style-generator';
 import { MediaQueryFactory } from '../css/media';
-import { ClassNameFactory } from '../css';
 import { GlobalStylesFactory, TemplatesFactory, VariablesFactory } from '../factories';
-interface GeneratorResult<V extends object> {
+import { StyledGenerator, ClassNameGenerator } from '../generators';
+import { StylesGenerator } from '../generators/styles-generator';
+interface GeneratorResult<V extends StylesGenerator> {
+    generator: V;
+    src: string;
+    name: string;
+}
+interface FunctionResult<V extends object> {
     value: V;
     src: string;
     name: string;
 }
 interface GenerationResults {
-    components: GeneratorResult<StyleComponentGenerator>[];
-    classNames: GeneratorResult<ClassNameFactory>[];
-    keyframes: GeneratorResult<{
+    components: GeneratorResult<StyledGenerator>[];
+    classNames: GeneratorResult<ClassNameGenerator>[];
+    keyframes: FunctionResult<{
         animationName: string;
         css: string;
     }>[];
@@ -25,7 +30,7 @@ export declare const isSaltyFile: (file: string, additional?: string[]) => boole
 export declare const generateConfigStyles: (dirname: string, generationResults: GenerationResults) => Promise<void>;
 export declare const compileSaltyFile: (dirname: string, sourceFilePath: string, outputDirectory: string) => Promise<{
     [key: string]: {
-        generator: StyleComponentGenerator;
+        generator: any;
         isClassName?: boolean;
         isMedia?: boolean;
         isGlobalDefine?: boolean;

package/compiler/index.js

@@ -5,16 +5,15 @@ import "path";
 import "fs";
 import "fs/promises";
 import "../parse-styles-DrLhKtqW.js";
-import "../parse-templates-DRKlN-pP.js";
-import { d as g, c as F, g as y, e as x, i as S, m as c, s as f, b as C } from "../index-_9I4QIPW.js";
+import { d as n, c as g, g as F, e as y, i as x, m as S, s as c, b as f } from "../index-BiZBc7HK.js";
 import "../css/merge.js";
 export {
-  g as compileSaltyFile,
-  F as generateConfigStyles,
-  y as generateCss,
-  x as generateFile,
-  S as isSaltyFile,
-  c as minimizeFile,
-  f as saltyFileExtensions,
-  C as saltyFileRegExp
+  n as compileSaltyFile,
+  g as generateConfigStyles,
+  F as generateCss,
+  y as generateFile,
+  x as isSaltyFile,
+  S as minimizeFile,
+  c as saltyFileExtensions,
+  f as saltyFileRegExp
 };

package/config/index.cjs

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

package/config/index.js

@@ -1,4 +1,4 @@
-import { GlobalStylesFactory as o, TemplatesFactory as r, VariablesFactory as i, defineGlobalStyles as n, defineTemplates as s, defineVariables as f } from "../factories/index.js";
+import { GlobalStylesFactory as o, TemplatesFactory as r, VariablesFactory as i, defineGlobalStyles as n, defineTemplates as s, defineVariables as f } from "../parsers/index.js";
 const a = (e) => e;
 export {
   o as GlobalStylesFactory,

package/css/index.cjs

@@ -1 +1 @@
-"use strict";var n=Object.defineProperty;var h=(a,s,e)=>s in a?n(a,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[s]=e;var r=(a,s,e)=>h(a,typeof s!="symbol"?s+"":s,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./keyframes.cjs"),i=require("./media.cjs"),l=require("./token.cjs"),u=require("./merge.cjs"),d=require("../parse-styles-3zK35muR.cjs"),c=require("../dash-case-BJEkFEGQ.cjs");class y{constructor(s){r(this,"_isProd");r(this,"_callerName");this.params=s}get hash(){return c.toHash(this.params.base||this.params)}get cssClassName(){return this.hash}get classNames(){const s=[this.hash],{className:e}=this.params;return e&&s.push(e),s.join(" ")}get cssFileName(){return this._callerName?`cl_${c.dashCase(this._callerName)}-${this.hash}.css`:`${this.hash}.css`}get css(){const{base:s={},variants:e={},compoundVariants:t=[]}=this.params,o={...s,variants:e,compoundVariants:t};return d.parseStyles(o,`.${this.cssClassName}`)}_withBuildContext(s){const{name:e,prod:t}=s;return this._isProd=t,this._callerName=e,this}}exports.keyframes=m.keyframes;exports.MediaQueryFactory=i.MediaQueryFactory;exports.media=i.media;exports.token=l.token;exports.mergeStyles=u.mergeStyles;exports.ClassNameFactory=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./keyframes.cjs"),e=require("./media.cjs"),s=require("./token.cjs"),t=require("./merge.cjs");exports.keyframes=r.keyframes;exports.MediaQueryFactory=e.MediaQueryFactory;exports.media=e.media;exports.token=s.token;exports.mergeStyles=t.mergeStyles;

package/css/index.d.ts

@@ -2,4 +2,3 @@ export * from './keyframes';
 export * from './media';
 export * from './token';
 export * from './merge';
-export * from './class-name';

package/css/index.js

@@ -1,45 +1,11 @@
-var i = Object.defineProperty;
-var h = (t, s, a) => s in t ? i(t, s, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[s] = a;
-var r = (t, s, a) => h(t, typeof s != "symbol" ? s + "" : s, a);
-import { keyframes as y } from "./keyframes.js";
-import { MediaQueryFactory as x, media as C } from "./media.js";
-import { token as b } from "./token.js";
-import { mergeStyles as S } from "./merge.js";
-import { p as c } from "../parse-styles-DrLhKtqW.js";
-import { t as m, d as n } from "../dash-case-DBThphLm.js";
-class N {
-  constructor(s) {
-    r(this, "_isProd");
-    r(this, "_callerName");
-    this.params = s;
-  }
-  get hash() {
-    return m(this.params.base || this.params);
-  }
-  get cssClassName() {
-    return this.hash;
-  }
-  get classNames() {
-    const s = [this.hash], { className: a } = this.params;
-    return a && s.push(a), s.join(" ");
-  }
-  get cssFileName() {
-    return this._callerName ? `cl_${n(this._callerName)}-${this.hash}.css` : `${this.hash}.css`;
-  }
-  get css() {
-    const { base: s = {}, variants: a = {}, compoundVariants: e = [] } = this.params, o = { ...s, variants: a, compoundVariants: e };
-    return c(o, `.${this.cssClassName}`);
-  }
-  _withBuildContext(s) {
-    const { name: a, prod: e } = s;
-    return this._isProd = e, this._callerName = a, this;
-  }
-}
+import { keyframes as o } from "./keyframes.js";
+import { MediaQueryFactory as t, media as f } from "./media.js";
+import { token as p } from "./token.js";
+import { mergeStyles as y } from "./merge.js";
 export {
-  N as ClassNameFactory,
-  x as MediaQueryFactory,
-  y as keyframes,
-  C as media,
-  S as mergeStyles,
-  b as token
+  t as MediaQueryFactory,
+  o as keyframes,
+  f as media,
+  y as mergeStyles,
+  p as token
 };

package/generators/class-name-generator.d.ts

@@ -0,0 +1,6 @@
+import { StylesGenerator } from './styles-generator';
+import { StyledParams } from '../types';
+export declare class ClassNameGenerator<const STYLE_PARAMS extends StyledParams = StyledParams> extends StylesGenerator<STYLE_PARAMS> {
+    _params: STYLE_PARAMS;
+    constructor(_params: STYLE_PARAMS);
+}

package/generators/index.cjs

@@ -0,0 +1 @@
+"use strict";var b=Object.defineProperty;var N=(e,s,t)=>s in e?b(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t;var u=(e,s,t)=>N(e,typeof s!="symbol"?s+"":s,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../parse-styles-3zK35muR.cjs"),m=require("../dash-case-BJEkFEGQ.cjs");class f{constructor(s){u(this,"buildContext",{});this.params=s}get hash(){return m.toHash(this.params.base||this.params)}get cssClassName(){return this.hash}get classNames(){const s=[this.hash],{className:t}=this.params;return typeof t=="string"&&s.push(t),typeof t=="object"&&s.push(...t),s.join(" ")}get cssFileName(){const{callerName:s}=this.buildContext;return s?`cl_${m.dashCase(s)}-${this.hash}.css`:`${this.hash}.css`}get css(){const{base:s={},variants:t={},compoundVariants:n=[]}=this.params,{config:i}=this.buildContext,o={...s,variants:t,compoundVariants:n};return C.parseStyles(o,`.${this.cssClassName}`,i)}_withBuildContext(s){return this.buildContext=s,this}}class S extends f{constructor(s){super(s),this._params=s}}class v extends f{constructor(s,t){super(t),this.tagName=s,this._params=t}get priority(){var s;return typeof this.tagName=="function"||typeof this.tagName=="object"?(((s=this.tagName.generator)==null?void 0:s.priority)||0)+1:0}get clientProps(){const{element:s,variants:t={},compoundVariants:n=[],defaultVariants:i={},defaultProps:o={},passProps:h}=this.params,{callerName:y,isProduction:g}=this.buildContext,c=new Set([]),l=a=>{const r=i[a];r!==void 0?c.add(`${a}=${String(r)}`):c.add(a)};Object.keys(t).forEach(l),n.map(a=>Object.keys(a).forEach(l));const d=new Set([]);if(this.params.base){const a=JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);a&&a.forEach(r=>{const p=r.replace(/\{props\.([\w\d]+)\}/gi,"$1");p&&d.add(p)})}return{element:s,variantKeys:[...c],propValueKeys:[...d],passProps:h,defaultProps:o,attr:{"data-component-name":g?void 0:y}}}}exports.ClassNameGenerator=S;exports.StyledGenerator=v;

package/generators/index.d.ts

@@ -0,0 +1,2 @@
+export * from './class-name-generator';
+export * from './styled-generator';

package/generators/index.js

@@ -0,0 +1,75 @@
+var y = Object.defineProperty;
+var b = (e, s, t) => s in e ? y(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
+var u = (e, s, t) => b(e, typeof s != "symbol" ? s + "" : s, t);
+import { p as N } from "../parse-styles-DrLhKtqW.js";
+import { t as C, d as x } from "../dash-case-DBThphLm.js";
+class m {
+  constructor(s) {
+    u(this, "buildContext", {});
+    this.params = s;
+  }
+  get hash() {
+    return C(this.params.base || this.params);
+  }
+  get cssClassName() {
+    return this.hash;
+  }
+  get classNames() {
+    const s = [this.hash], { className: t } = this.params;
+    return typeof t == "string" && s.push(t), typeof t == "object" && s.push(...t), s.join(" ");
+  }
+  get cssFileName() {
+    const { callerName: s } = this.buildContext;
+    return s ? `cl_${x(s)}-${this.hash}.css` : `${this.hash}.css`;
+  }
+  get css() {
+    const { base: s = {}, variants: t = {}, compoundVariants: i = [] } = this.params, { config: n } = this.buildContext, o = { ...s, variants: t, compoundVariants: i };
+    return N(o, `.${this.cssClassName}`, n);
+  }
+  _withBuildContext(s) {
+    return this.buildContext = s, this;
+  }
+}
+class $ extends m {
+  constructor(s) {
+    super(s), this._params = s;
+  }
+}
+class j extends m {
+  constructor(s, t) {
+    super(t), this.tagName = s, this._params = t;
+  }
+  get priority() {
+    var s;
+    return typeof this.tagName == "function" || typeof this.tagName == "object" ? (((s = this.tagName.generator) == null ? void 0 : s.priority) || 0) + 1 : 0;
+  }
+  get clientProps() {
+    const { element: s, variants: t = {}, compoundVariants: i = [], defaultVariants: n = {}, defaultProps: o = {}, passProps: h } = this.params, { callerName: f, isProduction: g } = this.buildContext, c = /* @__PURE__ */ new Set([]), p = (a) => {
+      const r = n[a];
+      r !== void 0 ? c.add(`${a}=${String(r)}`) : c.add(a);
+    };
+    Object.keys(t).forEach(p), i.map((a) => Object.keys(a).forEach(p));
+    const d = /* @__PURE__ */ new Set([]);
+    if (this.params.base) {
+      const a = JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);
+      a && a.forEach((r) => {
+        const l = r.replace(/\{props\.([\w\d]+)\}/gi, "$1");
+        l && d.add(l);
+      });
+    }
+    return {
+      element: s,
+      variantKeys: [...c],
+      propValueKeys: [...d],
+      passProps: h,
+      defaultProps: o,
+      attr: {
+        "data-component-name": g ? void 0 : f
+      }
+    };
+  }
+}
+export {
+  $ as ClassNameGenerator,
+  j as StyledGenerator
+};

package/generators/styled-generator.d.ts

@@ -0,0 +1,19 @@
+import { StylesGenerator } from './styles-generator';
+import { StyledParams, Tag } from '../types';
+export interface StyledGeneratorClientProps {
+    element?: string;
+    variantKeys?: string[];
+    propValueKeys?: string[];
+    passProps?: boolean | string | string[];
+    defaultProps?: Record<PropertyKey, unknown>;
+    attr: {
+        [key: string]: any;
+    };
+}
+export declare class StyledGenerator<const STYLE_PARAMS extends StyledParams = StyledParams> extends StylesGenerator<STYLE_PARAMS> {
+    tagName: Tag<any>;
+    _params: STYLE_PARAMS;
+    constructor(tagName: Tag<any>, _params: STYLE_PARAMS);
+    get priority(): number;
+    get clientProps(): StyledGeneratorClientProps;
+}

package/generators/styles-generator.d.ts

@@ -0,0 +1,18 @@
+import { StyledParams } from '../types';
+import { SaltyConfig } from '../types/config-types';
+export interface StylesGeneratorBuildTimeProps {
+    callerName?: string;
+    isProduction?: boolean;
+    config?: SaltyConfig;
+}
+export declare class StylesGenerator<const STYLE_PARAMS extends StyledParams = StyledParams> {
+    params: STYLE_PARAMS;
+    buildContext: StylesGeneratorBuildTimeProps;
+    constructor(params: STYLE_PARAMS);
+    get hash(): string;
+    get cssClassName(): string;
+    get classNames(): string;
+    get cssFileName(): string;
+    get css(): string;
+    _withBuildContext(context: StylesGeneratorBuildTimeProps): this;
+}