@salty-css/core 0.0.1-alpha.21 → 0.0.1-alpha.211

package/css/keyframes.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../parse-styles-C6OYNcYI.cjs"),w=require("../dash-case-BJEkFEGQ.cjs"),C=async({animationName:l,params:u,appendInitialStyles:y,...t})=>{const n=l||w.toHash(t),r=async(s={})=>{const{duration:e="500ms",easing:o="ease-in-out",delay:i="0s",iterationCount:S="1",direction:p="normal",fillMode:g="forwards",playState:b="running"}={...u,...s},a=`${n} ${e} ${o} ${i} ${S} ${p} ${g} ${b}`;if(!y)return a;const c=t.from||t["0%"];if(!c)return a;const j=await m.parseAndJoinStyles(c,"");return`${a};${j}`},$=Object.entries(t).map(async([s,e])=>{if(!e)return"";const o=await m.parseAndJoinStyles(e,"");return`${typeof s=="number"?`${s}%`:s}{${o}}`}),d=(await Promise.all($)).join(""),f=`@keyframes ${n} {${d}}`;return Object.assign(r,{toString:r,isKeyframes:!0,animationName:n,css:f,keyframes:t}),r};exports.keyframes=C;

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) => Promise<(params?: KeyframesParams) => Promise<string>>;
+export {};

package/css/keyframes.js

@@ -0,0 +1,34 @@
+import { p as m } from "../parse-styles-Cc_Ir3PV.js";
+import { t as j } from "../dash-case-DBThphLm.js";
+const v = async ({ animationName: $, params: f, appendInitialStyles: l, ...t }) => {
+  const r = $ || j(t), o = async (n = {}) => {
+    const {
+      duration: s = "500ms",
+      easing: e = "ease-in-out",
+      delay: i = "0s",
+      iterationCount: d = "1",
+      direction: S = "normal",
+      fillMode: g = "forwards",
+      playState: w = "running"
+    } = { ...f, ...n }, a = `${r} ${s} ${e} ${i} ${d} ${S} ${g} ${w}`;
+    if (!l) return a;
+    const c = t.from || t["0%"];
+    if (!c) return a;
+    const b = await m(c, "");
+    return `${a};${b}`;
+  }, u = Object.entries(t).map(async ([n, s]) => {
+    if (!s) return "";
+    const e = await m(s, "");
+    return `${typeof n == "number" ? `${n}%` : n}{${e}}`;
+  }), p = (await Promise.all(u)).join(""), y = `@keyframes ${r} {${p}}`;
+  return Object.assign(o, {
+    toString: o,
+    isKeyframes: !0,
+    animationName: r,
+    css: y,
+    keyframes: t
+  }), o;
+};
+export {
+  v as keyframes
+};

package/css/media.cjs

@@ -0,0 +1 @@
+"use strict";var a=Object.defineProperty;var o=(s,e,t)=>e in s?a(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var i=(s,e,t)=>o(s,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class r{constructor(e="@media"){i(this,"next",e=>{const t=new String(e);return Object.assign(t,{get isMedia(){return!0},get and(){return new r(`${e} and`)},get or(){return new r(`${e},`)}}),t});this.base=e}custom(e){return this.next(`${this.base} ${e}`)}minWidth(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (min-width: ${t})`;return this.next(n)}maxWidth(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (max-width: ${t})`;return this.next(n)}minHeight(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (min-height: ${t})`;return this.next(n)}maxHeight(e){const t=typeof e=="number"?`${e}px`:e,n=`${this.base} (max-height: ${t})`;return this.next(n)}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 u=new r;exports.MediaQueryFactory=r;exports.media=u;

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/media.js

@@ -0,0 +1,88 @@
+var a = Object.defineProperty;
+var o = (s, t, e) => t in s ? a(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var i = (s, t, e) => o(s, typeof t != "symbol" ? t + "" : t, e);
+class r {
+  constructor(t = "@media") {
+    i(this, "next", (t) => {
+      const e = new String(t);
+      return Object.assign(e, {
+        get isMedia() {
+          return !0;
+        },
+        get and() {
+          return new r(`${t} and`);
+        },
+        get or() {
+          return new r(`${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 u = new r();
+export {
+  r as MediaQueryFactory,
+  u as media
+};

package/css/merge.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=(...t)=>t.flat().reduce((e,r)=>r!=null&&r._current?{...e,...r._current}:{...e,...r},{}),u=(...t)=>t.flat().reduce((e,r)=>({...e,...r._children}),{});exports.mergeFactories=u;exports.mergeObjects=n;

package/css/merge.d.ts

@@ -0,0 +1,7 @@
+interface StyleFactory {
+    _current: Record<string, any>;
+    _children: Record<string, any>;
+}
+export declare const mergeObjects: <T = any>(...styles: any[]) => T;
+export declare const mergeFactories: <T extends StyleFactory>(...factories: T[][]) => T;
+export {};

package/css/merge.js

@@ -0,0 +1,5 @@
+const u = (...n) => n.flat().reduce((e, r) => r != null && r._current ? { ...e, ...r._current } : { ...e, ...r }, {}), t = (...n) => n.flat().reduce((e, r) => ({ ...e, ...r._children }), {});
+export {
+  t as mergeFactories,
+  u as mergeObjects
+};

package/css/token.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>`{${e}}`;exports.token=t;

package/css/token.d.ts

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

package/css/token.js

@@ -0,0 +1,4 @@
+const t = (o) => `{${o}}`;
+export {
+  t as token
+};

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/define-templates-4A2yHcMF.js

@@ -0,0 +1,52 @@
+var n = Object.defineProperty;
+var h = (e, t, r) => t in e ? n(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var s = (e, t, r) => h(e, typeof t != "symbol" ? t + "" : t, r);
+class i {
+  constructor(t) {
+    s(this, "_path");
+    this.params = t;
+  }
+  get _current() {
+    return this.params.template;
+  }
+  get isDefineTemplate() {
+    return !0;
+  }
+  _setPath(t) {
+    return this._path = t, this;
+  }
+}
+class p {
+  constructor(t) {
+    s(this, "_path");
+    s(this, "templates", []);
+    this.params = t, Object.entries(t).forEach(([r, a]) => {
+      this.templates.push(
+        new i({
+          name: r,
+          template: a
+        })
+      );
+    });
+  }
+  get _current() {
+    return this.params;
+  }
+  get _children() {
+    return Object.fromEntries(
+      this.templates.map((t) => [t.params.name, t])
+    );
+  }
+  get isDefineTemplates() {
+    return !0;
+  }
+  _setPath(t) {
+    return this._path = t, this.templates.forEach((r) => r._setPath(t)), this;
+  }
+}
+const m = (e) => new p(e);
+export {
+  i as T,
+  p as a,
+  m as d
+};

package/define-templates-Cunsb_Tr.cjs

@@ -0,0 +1 @@
+"use strict";var i=Object.defineProperty;var p=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var s=(e,t,r)=>p(e,typeof t!="symbol"?t+"":t,r);class a{constructor(t){s(this,"_path");this.params=t}get _current(){return this.params.template}get isDefineTemplate(){return!0}_setPath(t){return this._path=t,this}}class n{constructor(t){s(this,"_path");s(this,"templates",[]);this.params=t,Object.entries(t).forEach(([r,h])=>{this.templates.push(new a({name:r,template:h}))})}get _current(){return this.params}get _children(){return Object.fromEntries(this.templates.map(t=>[t.params.name,t]))}get isDefineTemplates(){return!0}_setPath(t){return this._path=t,this.templates.forEach(r=>r._setPath(t)),this}}const c=e=>new n(e);exports.TemplateFactory=a;exports.TemplatesFactory=n;exports.defineTemplates=c;

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-media-query.d.ts

@@ -0,0 +1,8 @@
+import { MediaQueryFactory } from '../css/media';
+type MediaDefinitionCallback = (media: MediaQueryFactory) => ReturnType<MediaQueryFactory['next']>;
+export declare const defineMediaQuery: (mediaFactory: MediaDefinitionCallback) => string & {
+    isMedia: boolean;
+    and: MediaQueryFactory;
+    or: MediaQueryFactory;
+};
+export {};

package/factories/define-templates.d.ts

@@ -0,0 +1,27 @@
+import { CssTemplateFunction, CssTemplateObject, CssTemplates } from '../types/config-types';
+export interface TemplateFactoryParams {
+    name: string;
+    template: CssTemplateObject | CssTemplateFunction;
+}
+export declare class TemplateFactory {
+    params: TemplateFactoryParams;
+    _path?: string;
+    constructor(params: TemplateFactoryParams);
+    get _current(): CssTemplateObject | CssTemplateFunction;
+    get isDefineTemplate(): boolean;
+    _setPath(path: string): this;
+}
+export type TemplatesFactoryParams = CssTemplates;
+export declare class TemplatesFactory {
+    params: TemplatesFactoryParams;
+    _path?: string;
+    private templates;
+    constructor(params: TemplatesFactoryParams);
+    get _current(): CssTemplates;
+    get _children(): {
+        [k: string]: TemplateFactory;
+    };
+    get isDefineTemplates(): boolean;
+    _setPath(path: string): this;
+}
+export declare const defineTemplates: (templates: TemplatesFactoryParams) => TemplatesFactory;

package/factories/define-variables.d.ts

@@ -0,0 +1,12 @@
+import { SaltyVariables } from '../types/config-types';
+export declare class VariablesFactory {
+    _current: SaltyVariables;
+    constructor(_current: SaltyVariables);
+    get isDefineVariables(): boolean;
+}
+/**
+   * Base level variables that can be used in all styles as they are applied globally to :root.
+   @param responsive Variables that are defined for different media queries.
+   @param conditional Variables that are defined for different parent selectors (classes or data attributes).
+   */
+export declare const defineVariables: (variables: SaltyVariables) => VariablesFactory;

package/factories/index.d.ts

@@ -0,0 +1,4 @@
+export * from './define-global-styles';
+export * from './define-media-query';
+export * from './define-variables';
+export * from './define-templates';

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

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,86 @@
+var N = Object.defineProperty;
+var C = (a, t, s) => t in a ? N(a, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[t] = s;
+var u = (a, t, s) => C(a, typeof t != "symbol" ? t + "" : t, s);
+import { p as x } from "../parse-styles-Cc_Ir3PV.js";
+import { t as m, d as f } from "../dash-case-DBThphLm.js";
+class y {
+  constructor(t) {
+    u(this, "buildContext", {});
+    this.params = t;
+  }
+  get priority() {
+    return 0;
+  }
+  get isRoot() {
+    return this.priority === 0;
+  }
+  get hash() {
+    return m(this.params.base || this.params);
+  }
+  get cssClassName() {
+    return this.hash;
+  }
+  get classNames() {
+    const t = /* @__PURE__ */ new Set([this.cssClassName]), { className: s } = this.params;
+    return typeof s == "string" && t.add(s), typeof s == "object" && s.forEach((e) => t.add(e)), this.getTemplateClasses().forEach((e) => t.add(e)), this.buildContext.classNames && this.buildContext.classNames.forEach((e) => t.add(e)), [...t].join(" ");
+  }
+  get cssFileName() {
+    const { callerName: t } = this.buildContext;
+    return t ? `cl_${f(t)}-${this.hash}.css` : `${this.hash}.css`;
+  }
+  get css() {
+    const { base: t = {}, variants: s = {}, compoundVariants: e = [] } = this.params, { config: i } = this.buildContext, n = { ...t, variants: s, compoundVariants: e };
+    return x(n, `.${this.cssClassName}`, i, this.isRoot);
+  }
+  getTemplateClasses(t = this.buildContext.config) {
+    if (!(t != null && t.templates) || !this.params.base || this.priority > 0) return [];
+    const s = Object.keys(t.templates);
+    return Object.entries(this.params.base).reduce((e, [i, n]) => (s.includes(i) && e.push("t_" + m(f(`${i}-${n}`), 4)), e), []);
+  }
+  _withBuildContext(t) {
+    return this.buildContext = t, this;
+  }
+}
+class v extends y {
+  constructor(t) {
+    super(t), this._params = t;
+  }
+}
+class V extends y {
+  constructor(t, s) {
+    super(s), this.tagName = t, this._params = s;
+  }
+  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 clientProps() {
+    const { element: t, variants: s = {}, compoundVariants: e = [], defaultVariants: i = {}, defaultProps: n = {}, passProps: h } = this.params, { callerName: b, isProduction: g } = this.buildContext, c = /* @__PURE__ */ new Set([]), d = (r) => {
+      const o = i[r];
+      o !== void 0 ? c.add(`${r}=${String(o)}`) : c.add(r);
+    };
+    Object.keys(s).forEach(d), e.map((r) => Object.keys(r).forEach(d));
+    const p = /* @__PURE__ */ new Set([]);
+    if (this.params.base) {
+      const r = JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);
+      r && r.forEach((o) => {
+        const l = o.replace(/\{props\.([\w\d]+)\}/gi, "$1");
+        l && p.add(l);
+      });
+    }
+    return {
+      element: t,
+      variantKeys: [...c],
+      propValueKeys: [...p],
+      passProps: h,
+      defaultProps: n,
+      attr: {
+        "data-component-name": g ? void 0 : b
+      }
+    };
+  }
+}
+export {
+  v as ClassNameGenerator,
+  V 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,22 @@
+import { StyledParams } from '../types';
+import { SaltyConfig } from '../types/config-types';
+export interface StylesGeneratorBuildTimeProps {
+    callerName?: string;
+    isProduction?: boolean;
+    config?: SaltyConfig;
+    classNames?: string[];
+}
+export declare class StylesGenerator<const STYLE_PARAMS extends StyledParams = StyledParams> {
+    params: STYLE_PARAMS;
+    buildContext: StylesGeneratorBuildTimeProps;
+    constructor(params: STYLE_PARAMS);
+    get priority(): number;
+    get isRoot(): boolean;
+    get hash(): string;
+    get cssClassName(): string;
+    get classNames(): string;
+    get cssFileName(): string;
+    get css(): Promise<string>;
+    getTemplateClasses(config?: SaltyConfig | undefined): string[];
+    _withBuildContext(context: StylesGeneratorBuildTimeProps): this;
+}

package/helpers/color.d.ts

@@ -0,0 +1,18 @@
+import { CachedConfig } from '../config';
+import { ColorInstance, ColorLike } from 'color';
+declare global {
+    const saltyConfig: CachedConfig;
+}
+type BaseColor = Omit<ColorLike, string> | PropertyValueToken;
+declare class Color {
+    base: BaseColor;
+    isColor: boolean;
+    currentColor: ColorInstance;
+    constructor(base: BaseColor);
+    private _createProxy;
+    private _resolveBaseColor;
+    _handleColorMethod(method: keyof ColorInstance): any;
+    toString(): string;
+}
+export declare const color: (value: BaseColor) => Color & ColorInstance;
+export {};