@salty-css/core 0.0.1-alpha.184 → 0.0.1-alpha.187

package/generator/index.cjs

@@ -1 +1 @@
-"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-VIvmVb52.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=_;
+"use strict";var f=Object.defineProperty;var y=(a,t,s)=>t in a?f(a,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[t]=s;var c=(a,t,s)=>y(a,typeof t!="symbol"?t+"":t,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../dash-case-BJEkFEGQ.cjs"),g=require("../parse-templates-VIvmVb52.cjs"),N=require("../parse-styles-3zK35muR.cjs");class _{constructor(t,s){c(this,"_isProd");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 typeof s=="string"&&t.push(s),typeof s=="object"&&t.push(...s),t.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 t;return(t=this._context)!=null&&t.config.templates?g.getTemplateKeys(this._context.config.templates):[]}get css(){var n;const{base:t={},variants:s={},compoundVariants:i=[]}=this.params,r={...t,variants:s,compoundVariants:i};return N.parseStyles(r,`.${this.cssClassName}`,(n=this._context)==null?void 0:n.config)}get props(){const{element:t,variants:s={},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(s).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:t,variantKeys:[...h],propValueKeys:[...m],passProps:n,defaultProps:p,attr:{"data-component-name":this._isProd?void 0:this._callerName}}}_withBuildContext(t){this._context=t;const{name:s,config:i,prod:r}=t;return this._isProd=r,this._callerName=s,this}}exports.StyleComponentGenerator=_;

package/generator/index.js

@@ -20,7 +20,7 @@ class K {
   }
   get classNames() {
     const s = [this.hash], { className: t } = this.params;
-    return t && s.push(t), s.join(" ");
+    return typeof t == "string" && s.push(t), typeof t == "object" && s.push(...t), s.join(" ");
   }
   get cssClassName() {
     return this.hash;
@@ -36,21 +36,21 @@ class K {
     return (s = this._context) != null && s.config.templates ? N(this._context.config.templates) : [];
   }
   get css() {
-    var n;
+    var o;
     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);
+    return _(r, `.${this.cssClassName}`, (o = this._context) == null ? void 0 : o.config);
   }
   get props() {
-    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);
+    const { element: s, variants: t = {}, compoundVariants: i = [], defaultVariants: r = {}, defaultProps: p = {}, passProps: o } = this.params, h = /* @__PURE__ */ new Set([]), m = (e) => {
+      const n = r[e];
+      n !== void 0 ? h.add(`${e}=${String(n)}`) : 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");
+      e && e.forEach((n) => {
+        const d = n.replace(/\{props\.([\w\d]+)\}/gi, "$1");
         d && l.add(d);
       });
     }
@@ -58,7 +58,7 @@ class K {
       element: s,
       variantKeys: [...h],
       propValueKeys: [...l],
-      passProps: n,
+      passProps: o,
       defaultProps: p,
       attr: {
         "data-component-name": this._isProd ? void 0 : this._callerName

package/package.json

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

package/types/index.d.ts

@@ -72,7 +72,7 @@ export type CssStyles = {
 };
 export type Styles = CssStyles & Variants;
 export interface GeneratorOptions {
-    className?: string;
+    className?: string | string[];
     displayName?: string;
     element?: string;
     passProps?: boolean | string | string[];