@salty-css/core 0.0.1-alpha.17 → 0.0.1-alpha.171

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/{dash-case-DKzpenwY.cjs → dash-case-BJEkFEGQ.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=5)=>{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-DBThphLm.js}

@@ -6,12 +6,12 @@ const n = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97)), o = (e, r) => {
   let t = r.length;
   for (; t; ) e = e * 33 ^ r.charCodeAt(--t);
   return e;
-}, c = (e, r = 3) => {
+}, c = (e, r = 5) => {
   const t = i(5381, JSON.stringify(e)) >>> 0;
   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/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 m=Object.defineProperty;var l=(a,t,s)=>t in a?m(a,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[t]=s;var c=(a,t,s)=>l(a,typeof t!="symbol"?t+"":t,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../dash-case-DKzpenwY.cjs"),p=require("../parse-templates-W0YfTmOT.cjs");class g{constructor(t,s){c(this,"_callerName");c(this,"_context");this.tagName=t,this.params=s}get hash(){return u.toHash(this.params.base||this.params)}get priority(){var t;return typeof this.tagName=="function"||typeof this.tagName=="object"?(((t=this.tagName.generator)==null?void 0:t.priority)||0)+1:0}get classNames(){const t=[this.hash],{className:s}=this.params;return s&&t.push(s),t.join(" ")}get cssClassName(){return this.hash}get cssDisplayNameVar(){return`--${this.hash}-display-name: ${this._callerName};`}get templateKeys(){var t;return(t=this._context)!=null&&t.config.templates?p.getTemplateKeys(this._context.config.templates):[]}get css(){var e;const{base:t={},variants:s={},compoundVariants:r=[]}=this.params,i={...t,variants:s,compoundVariants:r};return p.parseStyles(i,`.${this.cssClassName}`,this.priority,(e=this._context)==null?void 0:e.config)}get props(){const{element:t}=this.params,s=this.params.variants?Object.keys(this.params.variants).map(e=>{var n;const o=(n=this.params.defaultVariants)==null?void 0:n[e];return o!==void 0?`${e}=${String(o)}`:e}):void 0,r=new Set([]),i=/\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));return i&&i.forEach((e,o,n)=>{const h=n.at(1);h&&r.add(h)}),{element:t,variantKeys:s,propValueKeys:[...r]}}_withBuildContext(t){this._context=t;const{name:s,config:r}=t;return this._callerName=s,this}}exports.StyleComponentGenerator=g;
+"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,24 +1,26 @@
-var h = Object.defineProperty;
-var m = (e, t, s) => t in e ? h(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var c = (e, t, s) => m(e, typeof t != "symbol" ? t + "" : t, s);
-import { t as l } from "../dash-case-DMQMcCO6.js";
-import { g, p as u } from "../parse-templates-D4p3pgQR.js";
-class d {
-  constructor(t, s) {
+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 } from "../parse-templates-BdcpkXBG.js";
+import { p as _ } from "../parse-styles-DrLhKtqW.js";
+class K {
+  constructor(s, t) {
+    c(this, "_isProd");
     c(this, "_callerName");
     c(this, "_context");
-    this.tagName = t, this.params = s;
+    this.tagName = s, this.params = t;
   }
   get hash() {
-    return l(this.params.base || this.params);
+    return g(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;
+    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 t = [this.hash], { className: s } = this.params;
-    return s && t.push(s), t.join(" ");
+    const s = [this.hash], { className: t } = this.params;
+    return t && s.push(t), s.join(" ");
   }
   get cssClassName() {
     return this.hash;
@@ -26,36 +28,49 @@ class d {
   get cssDisplayNameVar() {
     return `--${this.hash}-display-name: ${this._callerName};`;
   }
+  get cssFileName() {
+    return this._callerName ? `c_${y(this._callerName)}-${this.hash}-${this.priority}.css` : `${this.hash}-${this.priority}.css`;
+  }
   get templateKeys() {
-    var t;
-    return (t = this._context) != null && t.config.templates ? g(this._context.config.templates) : [];
+    var s;
+    return (s = this._context) != null && s.config.templates ? N(this._context.config.templates) : [];
   }
   get css() {
-    var a;
-    const { base: t = {}, variants: s = {}, compoundVariants: r = [] } = this.params, i = { ...t, variants: s, compoundVariants: r };
-    return u(i, `.${this.cssClassName}`, this.priority, (a = this._context) == null ? void 0 : a.config);
+    var n;
+    const { base: s = {}, variants: t = {}, compoundVariants: i = [] } = this.params, r = { ...s, variants: t, compoundVariants: i };
+    return _(r, `.${this.cssClassName}`, (n = this._context) == null ? void 0 : n.config);
   }
   get props() {
-    const { element: t } = this.params, s = this.params.variants ? Object.keys(this.params.variants).map((a) => {
-      var n;
-      const o = (n = this.params.defaultVariants) == null ? void 0 : n[a];
-      return o !== void 0 ? `${a}=${String(o)}` : a;
-    }) : void 0, r = /* @__PURE__ */ new Set([]), i = /\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));
-    return i && i.forEach((a, o, n) => {
-      const p = n.at(1);
-      p && r.add(p);
-    }), {
-      element: t,
-      variantKeys: s,
-      propValueKeys: [...r]
+    const { element: s, variants: t = {}, compoundVariants: i = [], defaultVariants: r = {}, defaultProps: p = {}, passProps: n } = this.params, h = /* @__PURE__ */ new Set([]), m = (e) => {
+      const o = r[e];
+      o !== void 0 ? h.add(`${e}=${String(o)}`) : h.add(e);
+    };
+    Object.keys(t).forEach(m), i.map((e) => Object.keys(e).forEach(m));
+    const l = /* @__PURE__ */ 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 && l.add(d);
+      });
+    }
+    return {
+      element: s,
+      variantKeys: [...h],
+      propValueKeys: [...l],
+      passProps: n,
+      defaultProps: p,
+      attr: {
+        "data-component-name": this._isProd ? void 0 : this._callerName
+      }
     };
   }
-  _withBuildContext(t) {
-    this._context = t;
-    const { name: s, config: r } = t;
-    return this._callerName = s, this;
+  _withBuildContext(s) {
+    this._context = s;
+    const { name: t, config: i, prod: r } = s;
+    return this._isProd = r, this._callerName = t, this;
   }
 }
 export {
-  d 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';
-export declare const parseStyles: <T extends object>(styles: T, currentClass: string, layer?: number, config?: SaltyConfig | undefined) => string;
+import { SaltyConfig } from '../types/config-types';
+export declare const parseStyles: <T extends object>(styles: T, currentClass: string, config?: SaltyConfig | undefined) => string;

package/generator/parse-templates.d.ts

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

package/generator/style-generator.d.ts

@@ -3,10 +3,16 @@ export interface GeneratorProps {
     element?: string;
     variantKeys?: string[];
     propValueKeys?: string[];
+    passProps?: boolean | string | string[];
+    defaultProps?: Record<PropertyKey, unknown>;
+    attr: {
+        [key: string]: any;
+    };
 }
 export declare class StyleComponentGenerator {
     tagName: Tag<any>;
     params: StyledParams;
+    _isProd: boolean | undefined;
     _callerName: string | undefined;
     _context: {
         name: string;
@@ -18,11 +24,13 @@ export declare class StyleComponentGenerator {
     get classNames(): string;
     get cssClassName(): string;
     get cssDisplayNameVar(): string;
+    get cssFileName(): string;
     get templateKeys(): string[];
     get css(): string;
     get props(): GeneratorProps;
     _withBuildContext(context: {
         name: string;
         config: any;
+        prod: boolean;
     }): this;
 }