@salty-css/core 0.0.1-alpha.147 → 0.0.1-alpha.149

package/README.md

@@ -1,4 +1,4 @@
-![Salty CSS Banner](https://raw.githubusercontent.com/gist/tremppu/ef2b867907cbf262ab7373f41558a403/raw/a2137de136ee2296e386682beb4487bba0f58a2f/salty-logo-svg-dvd.svg)
+![Salty CSS Banner](https://salty-css.dev/assets/banners/dvd.svg)
 
 # Salty CSS - CSS-in-JS library that is kinda sweet
 

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-CLCze-Xg.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-C6uCnypW.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-ChBlB_DP.js";
+import { l as t, a as h, g as te } from "../index-BixulVRN.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-templates-DD4hQEpv.cjs");const e=require("../index-CLCze-Xg.cjs");exports.compileSaltyFile=e.compileSaltyFile;exports.generateConfigStyles=e.generateConfigStyles;exports.generateCss=e.generateCss;exports.generateFile=e.generateFile;exports.isSaltyFile=e.isSaltyFile;exports.minimizeFile=e.minimizeFile;exports.saltyFileExtensions=e.saltyFileExtensions;exports.saltyFileRegExp=e.saltyFileRegExp;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("esbuild");require("child_process");require("../dash-case-BJEkFEGQ.cjs");require("path");require("fs");require("fs/promises");require("../parse-styles-3zK35muR.cjs");require("../parse-templates-BKvQLGeN.cjs");const e=require("../index-C6uCnypW.cjs");require("../merge-DxGoJDHv.cjs");exports.compileSaltyFile=e.compileSaltyFile;exports.generateConfigStyles=e.generateConfigStyles;exports.generateCss=e.generateCss;exports.generateFile=e.generateFile;exports.isSaltyFile=e.isSaltyFile;exports.minimizeFile=e.minimizeFile;exports.saltyFileExtensions=e.saltyFileExtensions;exports.saltyFileRegExp=e.saltyFileRegExp;

package/compiler/index.d.ts

@@ -1,16 +1,38 @@
 import { StyleComponentGenerator } from '../generator/style-generator';
+import { MediaQueryFactory } from '../css/media';
+import { GlobalStylesFactory, VariablesFactory } from '../factories';
+interface GeneratorResult<V extends object> {
+    value: V;
+    src: string;
+    name: string;
+}
+interface GenerationResults {
+    components: GeneratorResult<StyleComponentGenerator>[];
+    keyframes: GeneratorResult<{
+        animationName: string;
+        css: string;
+    }>[];
+    mediaQueries: MediaQueryFactory[];
+    globalStyles: GlobalStylesFactory[];
+    variables: VariablesFactory[];
+}
 export declare const saltyFileExtensions: string[];
 export declare const saltyFileRegExp: (additional?: string[]) => RegExp;
 export declare const isSaltyFile: (file: string, additional?: string[]) => boolean;
-export declare const generateConfigStyles: (dirname: string) => Promise<void>;
+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;
+        isMedia?: boolean;
+        isGlobalDefine?: boolean;
+        isDefineVariables?: boolean;
         isKeyframes?: boolean;
         animationName?: string;
         css?: string;
+        styles?: any;
     };
 }>;
 export declare const generateCss: (dirname: string, prod?: boolean) => Promise<void>;
 export declare const generateFile: (dirname: string, file: string) => Promise<void>;
 export declare const minimizeFile: (dirname: string, file: string, prod?: boolean) => Promise<string | undefined>;
+export {};

package/compiler/index.js

@@ -4,15 +4,17 @@ import "../dash-case-DBThphLm.js";
 import "path";
 import "fs";
 import "fs/promises";
-import "../parse-templates-CgZo0YA1.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-ChBlB_DP.js";
+import "../parse-styles-DrLhKtqW.js";
+import "../parse-templates-BdcpkXBG.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-BixulVRN.js";
+import "../merge-BVm9us1A.js";
 export {
-  p as compileSaltyFile,
-  n as generateConfigStyles,
-  g as generateCss,
-  F as generateFile,
-  y as isSaltyFile,
-  x as minimizeFile,
-  S as saltyFileExtensions,
-  c as saltyFileRegExp
+  g as compileSaltyFile,
+  F as generateConfigStyles,
+  y as generateCss,
+  x as generateFile,
+  S as isSaltyFile,
+  c as minimizeFile,
+  f as saltyFileExtensions,
+  C as saltyFileRegExp
 };

package/config/define-config.d.ts

@@ -1,2 +1,2 @@
-import { SaltyConfig } from './config-types';
+import { SaltyConfig } from '../types/config-types';
 export declare const defineConfig: <T extends SaltyConfig>(config: T) => T;

package/config/index.d.ts

@@ -1,2 +1,2 @@
-export * from './config-types';
+export * from '../types/config-types';
 export * from './define-config';

package/css/index.cjs

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

package/css/index.d.ts

@@ -1 +1,4 @@
-export declare const token: <T extends VariableTokens>(token: T) => string;
+export * from './keyframes';
+export * from './media';
+export * from './token';
+export * from './merge';

package/css/index.js

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

package/css/keyframes.d.ts

@@ -0,0 +1,22 @@
+import { CssStyles, StyleValue } from '../types';
+type KeyframeKeys = number | 'from' | 'to' | `${number}%`;
+type Keyframes = {
+    [key in KeyframeKeys]?: CssStyles;
+};
+interface KeyframesConfig {
+    animationName?: string;
+    appendInitialStyles?: boolean;
+    params?: KeyframesParams;
+}
+interface KeyframesParams {
+    duration?: string;
+    delay?: string;
+    iterationCount?: string | number;
+    easing?: StyleValue<'animationTimingFunction'>;
+    direction?: StyleValue<'animationDirection'>;
+    fillMode?: StyleValue<'animationFillMode'>;
+    playState?: StyleValue<'animationPlayState'>;
+}
+type KeyframesProps = Keyframes & KeyframesConfig;
+export declare const keyframes: ({ animationName: _name, params: _params, appendInitialStyles, ...keyframes }: KeyframesProps) => (params?: KeyframesParams) => string;
+export {};

package/css/media.d.ts

@@ -0,0 +1,87 @@
+import { OrString, OrNumber } from '../types/util-types';
+export declare class MediaQueryFactory {
+    private base;
+    constructor(base?: string);
+    private next;
+    custom(value: string): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    minWidth(width: OrString | OrNumber): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    maxWidth(width: OrString | OrNumber): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    minHeight(height: OrString | OrNumber): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    maxHeight(height: OrString | OrNumber): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get portrait(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get landscape(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    prefersColorScheme(scheme: 'dark' | 'light' | OrString): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get dark(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get light(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get print(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get screen(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get speech(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get all(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get not(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+    get reducedMotion(): string & {
+        isMedia: boolean;
+        and: MediaQueryFactory;
+        or: MediaQueryFactory;
+    };
+}
+export declare const media: MediaQueryFactory;

package/css/merge.d.ts

@@ -0,0 +1,6 @@
+import { CSSinJS } from '../types';
+interface StyleFactory {
+    _current: Record<string, any>;
+}
+export declare const mergeStyles: <T extends StyleFactory | CSSinJS>(...styles: T[]) => {};
+export {};

package/css/token.d.ts

@@ -0,0 +1 @@
+export declare const token: <T extends VariableTokens>(token: T) => string;

package/factories/define-global-styles.d.ts

@@ -0,0 +1,7 @@
+import { GlobalStyles } from '../types/config-types';
+export declare class GlobalStylesFactory {
+    _current: GlobalStyles;
+    constructor(_current: GlobalStyles);
+    get isGlobalDefine(): boolean;
+}
+export declare const defineGlobalStyles: (styles: GlobalStyles) => GlobalStylesFactory;

package/factories/define-variables.d.ts

@@ -0,0 +1,15 @@
+import { CssConditionalVariables, CssResponsiveVariables, CssVariables } from '../types/config-types';
+export interface VariablesFactoryParams {
+    variables?: CssVariables;
+    responsiveVariables?: CssResponsiveVariables;
+    conditionalVariables?: CssConditionalVariables;
+}
+export declare class VariablesFactory {
+    _current: VariablesFactoryParams;
+    constructor(_current: VariablesFactoryParams);
+    get isDefineVariables(): boolean;
+}
+export declare const defineVariables: (variables: VariablesFactoryParams) => VariablesFactory;
+export declare const defineStaticVariables: (variables: CssVariables) => VariablesFactory;
+export declare const defineResponsiveVariables: (responsiveVariables: CssResponsiveVariables) => VariablesFactory;
+export declare const defineConditionalVariables: (conditionalVariables: CssConditionalVariables) => VariablesFactory;

package/factories/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class n{constructor(r){this._current=r}get isGlobalDefine(){return!0}}const a=e=>new n(e);class t{constructor(r){this._current=r}get isDefineVariables(){return!0}}const i=e=>new t(e),s=e=>new t({variables:e}),l=e=>new t({responsiveVariables:e}),o=e=>new t({conditionalVariables:e});exports.GlobalStylesFactory=n;exports.VariablesFactory=t;exports.defineConditionalVariables=o;exports.defineGlobalStyles=a;exports.defineResponsiveVariables=l;exports.defineStaticVariables=s;exports.defineVariables=i;

package/factories/index.d.ts

@@ -0,0 +1,2 @@
+export * from './define-global-styles';
+export * from './define-variables';

package/factories/index.js

@@ -0,0 +1,27 @@
+class n {
+  constructor(t) {
+    this._current = t;
+  }
+  get isGlobalDefine() {
+    return !0;
+  }
+}
+const s = (e) => new n(e);
+class r {
+  constructor(t) {
+    this._current = t;
+  }
+  get isDefineVariables() {
+    return !0;
+  }
+}
+const a = (e) => new r(e), i = (e) => new r({ variables: e }), o = (e) => new r({ responsiveVariables: e }), l = (e) => new r({ conditionalVariables: e });
+export {
+  n as GlobalStylesFactory,
+  r as VariablesFactory,
+  l as defineConditionalVariables,
+  s as defineGlobalStyles,
+  o as defineResponsiveVariables,
+  i as defineStaticVariables,
+  a as defineVariables
+};

package/generator/index.cjs

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

package/generator/index.js

@@ -1,9 +1,10 @@
-var u = Object.defineProperty;
-var f = (a, s, t) => s in a ? u(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
-var c = (a, s, t) => f(a, typeof s != "symbol" ? s + "" : s, t);
+var f = Object.defineProperty;
+var u = (a, s, t) => s in a ? f(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
+var c = (a, s, t) => u(a, typeof s != "symbol" ? s + "" : s, t);
 import { t as g, d as y } from "../dash-case-DBThphLm.js";
-import { g as N, p as _ } from "../parse-templates-CgZo0YA1.js";
-class v {
+import { g as N } from "../parse-templates-BdcpkXBG.js";
+import { p as _ } from "../parse-styles-DrLhKtqW.js";
+class K {
   constructor(s, t) {
     c(this, "_isProd");
     c(this, "_callerName");
@@ -71,5 +72,5 @@ class v {
   }
 }
 export {
-  v as StyleComponentGenerator
+  K as StyleComponentGenerator
 };

package/generator/parse-modifiers.d.ts

@@ -1,3 +1,3 @@
-import { CssModifiers } from '../config/config-types';
+import { CssModifiers } from '../types/config-types';
 import { ValueParserReturnValue } from './parser-types';
 export declare const parseValueModifiers: (value: string, modifiers?: CssModifiers) => ValueParserReturnValue;

package/generator/parse-styles.d.ts

@@ -1,2 +1,2 @@
-import { SaltyConfig } from '../config/config-types';
+import { SaltyConfig } from '../types/config-types';
 export declare const parseStyles: <T extends object>(styles: T, currentClass: string, config?: SaltyConfig | undefined) => string;