@salty-css/react 0.0.1-alpha.184 → 0.0.1-alpha.186

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/react",
-  "version": "0.0.1-alpha.184",
+  "version": "0.0.1-alpha.186",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -54,7 +54,7 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.184",
+    "@salty-css/core": "^0.0.1-alpha.186",
     "clsx": ">=2.x",
     "react": ">=19.x || >=18.3.x"
   }

package/styled.cjs

@@ -1 +1 @@
-"use strict";var y=Object.defineProperty;var g=(e,t,s)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var c=(e,t,s)=>g(e,typeof t!="symbol"?t+"":t,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./parse-styles-JzVmxd-u.cjs"),f=require("./parse-tokens-p68muVgG.cjs"),N=require("./element-factory-D4kpeFoW.cjs"),_=e=>Object.keys(e);class b{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 s&&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_${f.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?_(this._context.config.templates):[]}get css(){var n;const{base:t={},variants:s={},compoundVariants:r=[]}=this.params,i={...t,variants:s,compoundVariants:r};return u.parseStyles(i,`.${this.cssClassName}`,(n=this._context)==null?void 0:n.config)}get props(){const{element:t,variants:s={},compoundVariants:r=[],defaultVariants:i={},defaultProps:p={},passProps:n}=this.params,h=new Set([]),l=a=>{const o=i[a];o!==void 0?h.add(`${a}=${String(o)}`):h.add(a)};Object.keys(s).forEach(l),r.map(a=>Object.keys(a).forEach(l));const m=new Set([]);if(this.params.base){const a=JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);a&&a.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:r,prod:i}=t;return this._isProd=i,this._callerName=s,this}}const $=(e,t)=>{const s=new b(e,t),r=N.elementFactory(e,s.cssClassName,s.props,{"data-unoptimized-client-component":!0});return Object.assign(r,{generator:s}),r};exports.styled=$;
+"use strict";var y=Object.defineProperty;var f=(e,t,s)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var c=(e,t,s)=>f(e,typeof t!="symbol"?t+"":t,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./parse-styles-JzVmxd-u.cjs"),g=require("./parse-tokens-p68muVgG.cjs"),N=require("./element-factory-D4kpeFoW.cjs"),_=e=>Object.keys(e);class b{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_${g.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?_(this._context.config.templates):[]}get css(){var n;const{base:t={},variants:s={},compoundVariants:r=[]}=this.params,i={...t,variants:s,compoundVariants:r};return u.parseStyles(i,`.${this.cssClassName}`,(n=this._context)==null?void 0:n.config)}get props(){const{element:t,variants:s={},compoundVariants:r=[],defaultVariants:i={},defaultProps:p={},passProps:n}=this.params,h=new Set([]),l=a=>{const o=i[a];o!==void 0?h.add(`${a}=${String(o)}`):h.add(a)};Object.keys(s).forEach(l),r.map(a=>Object.keys(a).forEach(l));const m=new Set([]);if(this.params.base){const a=JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);a&&a.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:r,prod:i}=t;return this._isProd=i,this._callerName=s,this}}const $=(e,t)=>{const s=new b(e,t),r=N.elementFactory(e,s.cssClassName,s.props,{"data-unoptimized-client-component":!0});return Object.assign(r,{generator:s}),r};exports.styled=$;

package/styled.js

@@ -1,27 +1,27 @@
 var u = Object.defineProperty;
-var f = (e, s, t) => s in e ? u(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
-var c = (e, s, t) => f(e, typeof s != "symbol" ? s + "" : s, t);
-import { t as g, p as y } from "./parse-styles-lB6EJuGj.js";
+var f = (e, t, s) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var c = (e, t, s) => f(e, typeof t != "symbol" ? t + "" : t, s);
+import { t as y, p as g } from "./parse-styles-lB6EJuGj.js";
 import { d as N } from "./parse-tokens-YUi047xd.js";
 import { e as _ } from "./element-factory-C7JVLDq7.js";
-const $ = (e) => Object.keys(e);
-class b {
-  constructor(s, t) {
+const b = (e) => Object.keys(e);
+class $ {
+  constructor(t, s) {
     c(this, "_isProd");
     c(this, "_callerName");
     c(this, "_context");
-    this.tagName = s, this.params = t;
+    this.tagName = t, this.params = s;
   }
   get hash() {
-    return g(this.params.base || this.params);
+    return y(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;
+    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 s = [this.hash], { className: t } = this.params;
-    return t && s.push(t), s.join(" ");
+    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;
@@ -33,20 +33,20 @@ class b {
     return this._callerName ? `c_${N(this._callerName)}-${this.hash}-${this.priority}.css` : `${this.hash}-${this.priority}.css`;
   }
   get templateKeys() {
-    var s;
-    return (s = this._context) != null && s.config.templates ? $(this._context.config.templates) : [];
+    var t;
+    return (t = this._context) != null && t.config.templates ? b(this._context.config.templates) : [];
   }
   get css() {
     var n;
-    const { base: s = {}, variants: t = {}, compoundVariants: r = [] } = this.params, i = { ...s, variants: t, compoundVariants: r };
-    return y(i, `.${this.cssClassName}`, (n = this._context) == null ? void 0 : n.config);
+    const { base: t = {}, variants: s = {}, compoundVariants: r = [] } = this.params, i = { ...t, variants: s, compoundVariants: r };
+    return g(i, `.${this.cssClassName}`, (n = this._context) == null ? void 0 : n.config);
   }
   get props() {
-    const { element: s, variants: t = {}, compoundVariants: r = [], defaultVariants: i = {}, defaultProps: p = {}, passProps: n } = this.params, h = /* @__PURE__ */ new Set([]), m = (a) => {
+    const { element: t, variants: s = {}, compoundVariants: r = [], defaultVariants: i = {}, defaultProps: p = {}, passProps: n } = this.params, h = /* @__PURE__ */ new Set([]), m = (a) => {
       const o = i[a];
       o !== void 0 ? h.add(`${a}=${String(o)}`) : h.add(a);
     };
-    Object.keys(t).forEach(m), r.map((a) => Object.keys(a).forEach(m));
+    Object.keys(s).forEach(m), r.map((a) => Object.keys(a).forEach(m));
     const l = /* @__PURE__ */ new Set([]);
     if (this.params.base) {
       const a = JSON.stringify(this.params.base).match(/\{props\.([\w\d]+)\}/gi);
@@ -56,7 +56,7 @@ class b {
       });
     }
     return {
-      element: s,
+      element: t,
       variantKeys: [...h],
       propValueKeys: [...l],
       passProps: n,
@@ -66,20 +66,20 @@ class b {
       }
     };
   }
-  _withBuildContext(s) {
-    this._context = s;
-    const { name: t, config: r, prod: i } = s;
-    return this._isProd = i, this._callerName = t, this;
+  _withBuildContext(t) {
+    this._context = t;
+    const { name: s, config: r, prod: i } = t;
+    return this._isProd = i, this._callerName = s, this;
   }
 }
-const j = (e, s) => {
-  const t = new b(e, s), r = _(e, t.cssClassName, t.props, {
+const S = (e, t) => {
+  const s = new $(e, t), r = _(e, s.cssClassName, s.props, {
     "data-unoptimized-client-component": !0
   });
   return Object.assign(r, {
-    generator: t
+    generator: s
   }), r;
 };
 export {
-  j as styled
+  S as styled
 };