@salty-css/core 0.0.1-alpha.116 → 0.0.1-alpha.117

package/generator/index.cjs

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

package/generator/index.js

@@ -1,9 +1,9 @@
-var u = Object.defineProperty;
-var f = (e, t, s) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var o = (e, t, s) => f(e, typeof t != "symbol" ? t + "" : t, s);
-import { t as g } from "../dash-case-D_tXuO4I.js";
-import { g as y, p as N } from "../parse-templates-D1FebDfR.js";
-class b {
+var g = Object.defineProperty;
+var y = (e, t, s) => t in e ? g(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var o = (e, t, s) => y(e, typeof t != "symbol" ? t + "" : t, s);
+import { t as N } from "../dash-case-D_tXuO4I.js";
+import { g as _, p as x } from "../parse-templates-D1FebDfR.js";
+class K {
   constructor(t, s) {
     o(this, "_isProd");
     o(this, "_callerName");
@@ -11,7 +11,7 @@ class b {
     this.tagName = t, this.params = s;
   }
   get hash() {
-    return g(this.params.base || this.params);
+    return N(this.params.base || this.params);
   }
   get priority() {
     var t;
@@ -29,27 +29,29 @@ class b {
   }
   get templateKeys() {
     var t;
-    return (t = this._context) != null && t.config.templates ? y(this._context.config.templates) : [];
+    return (t = this._context) != null && t.config.templates ? _(this._context.config.templates) : [];
   }
   get css() {
-    var a;
-    const { base: t = {}, variants: s = {}, compoundVariants: n = [] } = this.params, i = { ...t, variants: s, compoundVariants: n };
-    return N(i, `.${this.cssClassName}`, this.priority, (a = this._context) == null ? void 0 : a.config);
+    var n;
+    const { base: t = {}, variants: s = {}, compoundVariants: i = [] } = this.params, r = { ...t, variants: s, compoundVariants: i };
+    return x(r, `.${this.cssClassName}`, this.priority, (n = this._context) == null ? void 0 : n.config);
   }
   get props() {
-    const { element: t, variants: s = {}, compoundVariants: n = [], defaultVariants: i = {} } = this.params, a = /* @__PURE__ */ new Set([]), h = (r) => {
-      const c = i[r];
-      c !== void 0 ? a.add(`${r}=${String(c)}`) : a.add(r);
+    const { element: t, variants: s = {}, compoundVariants: i = [], defaultVariants: r = {}, defaultProps: n = {}, passProps: u } = this.params, c = /* @__PURE__ */ new Set([]), h = (a) => {
+      const p = r[a];
+      p !== void 0 ? c.add(`${a}=${String(p)}`) : c.add(a);
     };
-    Object.keys(s).forEach(h), n.map((r) => Object.keys(r).forEach(h));
-    const p = /* @__PURE__ */ new Set([]), m = /\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));
-    return m && m.forEach((r, c, d) => {
-      const l = d.at(1);
-      l && p.add(l);
+    Object.keys(s).forEach(h), i.map((a) => Object.keys(a).forEach(h));
+    const m = /* @__PURE__ */ new Set([]), l = /\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));
+    return l && l.forEach((a, p, f) => {
+      const d = f.at(1);
+      d && m.add(d);
     }), {
       element: t,
-      variantKeys: [...a],
-      propValueKeys: [...p],
+      variantKeys: [...c],
+      propValueKeys: [...m],
+      passProps: u,
+      defaultProps: n,
       attr: {
         "data-component-name": this._isProd ? void 0 : this._callerName
       }
@@ -57,10 +59,10 @@ class b {
   }
   _withBuildContext(t) {
     this._context = t;
-    const { name: s, config: n, prod: i } = t;
-    return this._isProd = i, this._callerName = s, this;
+    const { name: s, config: i, prod: r } = t;
+    return this._isProd = r, this._callerName = s, this;
   }
 }
 export {
-  b as StyleComponentGenerator
+  K as StyleComponentGenerator
 };

package/generator/style-generator.d.ts

@@ -3,6 +3,8 @@ export interface GeneratorProps {
     element?: string;
     variantKeys?: string[];
     propValueKeys?: string[];
+    passProps?: boolean | string | string[];
+    defaultProps?: Record<PropertyKey, unknown>;
     attr: {
         [key: string]: any;
     };

package/package.json

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

package/types/index.d.ts

@@ -7,7 +7,7 @@ export type CreateElementProps = {
     children?: ReactNode;
     className?: string;
     element?: string;
-    passVariantProps?: boolean | string | string[];
+    passProps?: boolean | string | string[];
     style?: CssProperties | {
         [key: string]: PropertyValueToken | NeverObj;
     };
@@ -74,6 +74,8 @@ export interface GeneratorOptions {
     className?: string;
     displayName?: string;
     element?: string;
+    passProps?: boolean | string | string[];
+    defaultProps?: Record<PropertyKey, unknown>;
 }
 interface Base extends CssProperties, CssStyles, CssPseudos, TemplateTokens {
 }