@salty-css/react 0.0.1-alpha.116 → 0.0.1-alpha.118

package/element-factory-C7JVLDq7.js

@@ -0,0 +1,67 @@
+import { forwardRef as g, createElement as p } from "react";
+import { p as N, d as A } from "./parse-tokens-YUi047xd.js";
+function K(n) {
+  var s, e, t = "";
+  if (typeof n == "string" || typeof n == "number") t += n;
+  else if (typeof n == "object") if (Array.isArray(n)) {
+    var o = n.length;
+    for (s = 0; s < o; s++) n[s] && (e = K(n[s])) && (t && (t += " "), t += e);
+  } else for (e in n) n[e] && (t && (t += " "), t += e);
+  return t;
+}
+function R() {
+  for (var n, s, e = 0, t = "", o = arguments.length; e < o; e++) (n = arguments[e]) && (s = K(n)) && (t && (t += " "), t += s);
+  return t;
+}
+const F = ["passProps"], x = (n, s, e, t) => {
+  const j = g(({
+    extend: d = n,
+    element: S = e.element,
+    className: O = "",
+    children: $,
+    passProps: u = e.passProps,
+    _vks: c = /* @__PURE__ */ new Set(),
+    ...r
+  }, w) => {
+    const f = { passProps: u };
+    e.attr && Object.assign(f, e.attr), t && Object.assign(f, t), e.defaultProps && Object.assign(r, e.defaultProps), r && Object.assign(f, r);
+    const b = new Set(O.split(" ")), y = typeof d == "function" || typeof d == "object", h = y && "isStyled" in d, E = y ? d : S || d;
+    if (!E) throw new Error("No element provided");
+    const m = f.style || {};
+    f.style || (f.style = m), Object.entries(m).forEach(([i, a]) => {
+      const { result: l } = N(a);
+      m[i] = l;
+    }), e.propValueKeys && e.propValueKeys.forEach((i) => {
+      const a = `css-${i}`, l = r[a];
+      if (l === void 0) return;
+      const C = `--props-${A(i)}`;
+      m[C] = l, c && c.add(a);
+    }), e.variantKeys && e.variantKeys.forEach((i) => {
+      const [a, l] = i.split("=");
+      r[a] !== void 0 ? (b.add(`${a}-${r[a]}`), c && c.add(a)) : l !== void 0 && b.add(`${a}-${l}`);
+    }), c && (!y || !h) ? c.forEach((i) => {
+      if (!u) return delete f[i];
+      if (u !== !0 && !u.includes(i))
+        return delete f[i];
+    }) : h && Object.assign(f, { _vks: c }), h || F.forEach((i) => delete f[i]);
+    const V = R(s, ...b);
+    return p(
+      E,
+      {
+        element: y ? S : void 0,
+        className: V,
+        ref: w,
+        ...f
+      },
+      $
+    );
+  });
+  return Object.assign(j, {
+    isStyled: !0,
+    className: s,
+    toString: () => `.${s}`
+  }), j;
+};
+export {
+  x as e
+};

package/element-factory-D4kpeFoW.cjs

@@ -0,0 +1 @@
+"use strict";const K=require("react"),O=require("./parse-tokens-p68muVgG.cjs");function $(n){var s,e,t="";if(typeof n=="string"||typeof n=="number")t+=n;else if(typeof n=="object")if(Array.isArray(n)){var u=n.length;for(s=0;s<u;s++)n[s]&&(e=$(n[s]))&&(t&&(t+=" "),t+=e)}else for(e in n)n[e]&&(t&&(t+=" "),t+=e);return t}function q(){for(var n,s,e=0,t="",u=arguments.length;e<u;e++)(n=arguments[e])&&(s=$(n))&&(t&&(t+=" "),t+=s);return t}const A=["passProps"],F=(n,s,e,t)=>{const u=({extend:d=n,element:S=e.element,className:w="",children:V,passProps:o=e.passProps,_vks:c=new Set,...r},C)=>{const f={passProps:o};e.attr&&Object.assign(f,e.attr),t&&Object.assign(f,t),e.defaultProps&&Object.assign(r,e.defaultProps),r&&Object.assign(f,r);const b=new Set(w.split(" ")),y=typeof d=="function"||typeof d=="object",h=y&&"isStyled"in d,E=y?d:S||d;if(!E)throw new Error("No element provided");const m=f.style||{};f.style||(f.style=m),Object.entries(m).forEach(([i,a])=>{const{result:l}=O.parseValueTokens(a);m[i]=l}),e.propValueKeys&&e.propValueKeys.forEach(i=>{const a=`css-${i}`,l=r[a];if(l===void 0)return;const N=`--props-${O.dashCase(i)}`;m[N]=l,c&&c.add(a)}),e.variantKeys&&e.variantKeys.forEach(i=>{const[a,l]=i.split("=");r[a]!==void 0?(b.add(`${a}-${r[a]}`),c&&c.add(a)):l!==void 0&&b.add(`${a}-${l}`)}),c&&(!y||!h)?c.forEach(i=>{if(!o)return delete f[i];if(o!==!0&&!o.includes(i))return delete f[i]}):h&&Object.assign(f,{_vks:c}),h||A.forEach(i=>delete f[i]);const g=q(s,...b);return K.createElement(E,{element:y?S:void 0,className:g,ref:C,...f},V)},j=K.forwardRef(u);return Object.assign(j,{isStyled:!0,className:s,toString:()=>`.${s}`}),j};exports.elementFactory=F;

package/package.json

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

package/styled-client.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./element-factory-BOcdTbTj.cjs"),n=(e,t,r)=>l.elementFactory(e,t,r);exports.styledClient=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./element-factory-D4kpeFoW.cjs"),n=(e,t,r)=>l.elementFactory(e,t,r);exports.styledClient=n;

package/styled-client.js

@@ -1,4 +1,4 @@
-import { e as o } from "./element-factory-CKdPyEh1.js";
+import { e as o } from "./element-factory-C7JVLDq7.js";
 const l = (e, t, r) => o(e, t, r);
 export {
   l as styledClient

package/styled.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 u=require("./parse-styles-C52S0WXA.cjs"),f=require("./element-factory-BOcdTbTj.cjs"),N=s=>Object.keys(s);class _{constructor(t,e){o(this,"_isProd");o(this,"_callerName");o(this,"_context");this.tagName=t,this.params=e}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: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?N(this._context.config.templates):[]}get css(){var r;const{base:t={},variants:e={},compoundVariants:a=[]}=this.params,i={...t,variants:e,compoundVariants:a};return u.parseStyles(i,`.${this.cssClassName}`,this.priority,(r=this._context)==null?void 0:r.config)}get props(){const{element:t,variants:e={},compoundVariants:a=[],defaultVariants:i={}}=this.params,r=new Set([]),p=n=>{const c=i[n];c!==void 0?r.add(`${n}=${String(c)}`):r.add(n)};Object.keys(e).forEach(p),a.map(n=>Object.keys(n).forEach(p));const h=new Set([]),l=/\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));return l&&l.forEach((n,c,d)=>{const m=d.at(1);m&&h.add(m)}),{element:t,variantKeys:[...r],propValueKeys:[...h],attr:{"data-component-name":this._isProd?void 0:this._callerName}}}_withBuildContext(t){this._context=t;const{name:e,config:a,prod:i}=t;return this._isProd=i,this._callerName=e,this}}const b=(s,t)=>{const e=new _(s,t),a=f.elementFactory(s,e.cssClassName,e.props,{"data-unoptimized-client-component":!0});return Object.assign(a,{generator:e}),a};exports.styled=b;
+"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 d=require("./parse-styles-C52S0WXA.cjs"),_=require("./element-factory-D4kpeFoW.cjs"),b=s=>Object.keys(s);class S{constructor(t,e){o(this,"_isProd");o(this,"_callerName");o(this,"_context");this.tagName=t,this.params=e}get hash(){return d.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?b(this._context.config.templates):[]}get css(){var i;const{base:t={},variants:e={},compoundVariants:a=[]}=this.params,n={...t,variants:e,compoundVariants:a};return d.parseStyles(n,`.${this.cssClassName}`,this.priority,(i=this._context)==null?void 0:i.config)}get props(){const{element:t,variants:e={},compoundVariants:a=[],defaultVariants:n={},defaultProps:i={},passProps:y}=this.params,c=new Set([]),l=r=>{const p=n[r];p!==void 0?c.add(`${r}=${String(p)}`):c.add(r)};Object.keys(e).forEach(l),a.map(r=>Object.keys(r).forEach(l));const h=new Set([]),m=/\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));return m&&m.forEach((r,p,g)=>{const u=g.at(1);u&&h.add(u)}),{element:t,variantKeys:[...c],propValueKeys:[...h],passProps:y,defaultProps:i,attr:{"data-component-name":this._isProd?void 0:this._callerName}}}_withBuildContext(t){this._context=t;const{name:e,config:a,prod:n}=t;return this._isProd=n,this._callerName=e,this}}const v=(s,t)=>{const e=new S(s,t),a=_.elementFactory(s,e.cssClassName,e.props,{"data-unoptimized-client-component":!0});return Object.assign(a,{generator:e}),a};exports.styled=v;

package/styled.js

@@ -1,10 +1,10 @@
-var u = Object.defineProperty;
-var y = (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) => y(e, typeof t != "symbol" ? t + "" : t, s);
-import { t as f, p as g } from "./parse-styles-b5rqGu2w.js";
-import { e as N } from "./element-factory-CKdPyEh1.js";
-const _ = (e) => Object.keys(e);
-class b {
+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 o = (e, t, s) => g(e, typeof t != "symbol" ? t + "" : t, s);
+import { t as N, p as _ } from "./parse-styles-b5rqGu2w.js";
+import { e as b } from "./element-factory-C7JVLDq7.js";
+const x = (e) => Object.keys(e);
+class V {
   constructor(t, s) {
     o(this, "_isProd");
     o(this, "_callerName");
@@ -12,7 +12,7 @@ class b {
     this.tagName = t, this.params = s;
   }
   get hash() {
-    return f(this.params.base || this.params);
+    return N(this.params.base || this.params);
   }
   get priority() {
     var t;
@@ -30,27 +30,29 @@ class b {
   }
   get templateKeys() {
     var t;
-    return (t = this._context) != null && t.config.templates ? _(this._context.config.templates) : [];
+    return (t = this._context) != null && t.config.templates ? x(this._context.config.templates) : [];
   }
   get css() {
-    var r;
-    const { base: t = {}, variants: s = {}, compoundVariants: a = [] } = this.params, i = { ...t, variants: s, compoundVariants: a };
-    return g(i, `.${this.cssClassName}`, this.priority, (r = this._context) == null ? void 0 : r.config);
+    var i;
+    const { base: t = {}, variants: s = {}, compoundVariants: a = [] } = this.params, n = { ...t, variants: s, compoundVariants: a };
+    return _(n, `.${this.cssClassName}`, this.priority, (i = this._context) == null ? void 0 : i.config);
   }
   get props() {
-    const { element: t, variants: s = {}, compoundVariants: a = [], defaultVariants: i = {} } = this.params, r = /* @__PURE__ */ new Set([]), p = (n) => {
-      const c = i[n];
-      c !== void 0 ? r.add(`${n}=${String(c)}`) : r.add(n);
+    const { element: t, variants: s = {}, compoundVariants: a = [], defaultVariants: n = {}, defaultProps: i = {}, passProps: u } = this.params, c = /* @__PURE__ */ new Set([]), h = (r) => {
+      const p = n[r];
+      p !== void 0 ? c.add(`${r}=${String(p)}`) : c.add(r);
     };
-    Object.keys(s).forEach(p), a.map((n) => Object.keys(n).forEach(p));
-    const h = /* @__PURE__ */ new Set([]), m = /\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));
-    return m && m.forEach((n, c, d) => {
-      const l = d.at(1);
-      l && h.add(l);
+    Object.keys(s).forEach(h), a.map((r) => Object.keys(r).forEach(h));
+    const m = /* @__PURE__ */ new Set([]), l = /\{props\.([\w\d]+)\}/gi.exec(JSON.stringify(this.params.base));
+    return l && l.forEach((r, p, f) => {
+      const d = f.at(1);
+      d && m.add(d);
     }), {
       element: t,
-      variantKeys: [...r],
-      propValueKeys: [...h],
+      variantKeys: [...c],
+      propValueKeys: [...m],
+      passProps: u,
+      defaultProps: i,
       attr: {
         "data-component-name": this._isProd ? void 0 : this._callerName
       }
@@ -58,12 +60,12 @@ class b {
   }
   _withBuildContext(t) {
     this._context = t;
-    const { name: s, config: a, prod: i } = t;
-    return this._isProd = i, this._callerName = s, this;
+    const { name: s, config: a, prod: n } = t;
+    return this._isProd = n, this._callerName = s, this;
   }
 }
-const K = (e, t) => {
-  const s = new b(e, t), a = N(e, s.cssClassName, s.props, {
+const j = (e, t) => {
+  const s = new V(e, t), a = b(e, s.cssClassName, s.props, {
     "data-unoptimized-client-component": !0
   });
   return Object.assign(a, {
@@ -71,5 +73,5 @@ const K = (e, t) => {
   }), a;
 };
 export {
-  K as styled
+  j as styled
 };

package/element-factory-BOcdTbTj.cjs

@@ -1 +0,0 @@
-"use strict";const K=require("react"),$=require("./parse-tokens-p68muVgG.cjs");function w(n){var s,e,t="";if(typeof n=="string"||typeof n=="number")t+=n;else if(typeof n=="object")if(Array.isArray(n)){var l=n.length;for(s=0;s<l;s++)n[s]&&(e=w(n[s]))&&(t&&(t+=" "),t+=e)}else for(e in n)n[e]&&(t&&(t+=" "),t+=e);return t}function q(){for(var n,s,e=0,t="",l=arguments.length;e<l;e++)(n=arguments[e])&&(s=w(n))&&(t&&(t+=" "),t+=s);return t}const A=["passVariantProps"],F=(n,s,e,t)=>{const l=({extend:o=n,element:S=e.element,className:O="",children:g,passVariantProps:d,_vks:c=new Set,...u},C)=>{const f={passVariantProps:d};e.attr&&Object.assign(f,e.attr),t&&Object.assign(f,t),u&&Object.assign(f,u);const b=new Set(O.split(" ")),y=typeof o=="function"||typeof o=="object",h=y&&"isStyled"in o,E=y?o:S||o;if(!E)throw new Error("No element provided");const m=f.style||{};f.style||(f.style=m),Object.entries(m).forEach(([i,r])=>{const{result:a}=$.parseValueTokens(r);m[i]=a}),e.propValueKeys&&e.propValueKeys.forEach(i=>{const r=`css-${i}`,a=u[r];if(a===void 0)return;const N=`--props-${$.dashCase(i)}`;m[N]=a,c&&c.add(r)}),e.variantKeys&&e.variantKeys.forEach(i=>{const[r,a]=i.split("=");u[r]!==void 0?(b.add(`${r}-${u[r]}`),c&&c.add(r)):a!==void 0&&b.add(`${r}-${a}`)}),c&&(!y||!h)?c.forEach(i=>{if(!d)return delete f[i];if(d!==!0&&!d.includes(i))return delete f[i]}):h&&Object.assign(f,{_vks:c}),h||A.forEach(i=>delete f[i]);const V=q(s,...b);return K.createElement(E,{element:y?S:void 0,className:V,ref:C,...f},g)},j=K.forwardRef(l);return Object.assign(j,{isStyled:!0,className:s,toString:()=>`.${s}`}),j};exports.elementFactory=F;

package/element-factory-CKdPyEh1.js

@@ -1,67 +0,0 @@
-import { forwardRef as C, createElement as V } from "react";
-import { p as N, d as A } from "./parse-tokens-YUi047xd.js";
-function K(n) {
-  var s, e, t = "";
-  if (typeof n == "string" || typeof n == "number") t += n;
-  else if (typeof n == "object") if (Array.isArray(n)) {
-    var d = n.length;
-    for (s = 0; s < d; s++) n[s] && (e = K(n[s])) && (t && (t += " "), t += e);
-  } else for (e in n) n[e] && (t && (t += " "), t += e);
-  return t;
-}
-function R() {
-  for (var n, s, e = 0, t = "", d = arguments.length; e < d; e++) (n = arguments[e]) && (s = K(n)) && (t && (t += " "), t += s);
-  return t;
-}
-const F = ["passVariantProps"], x = (n, s, e, t) => {
-  const j = C(({
-    extend: l = n,
-    element: S = e.element,
-    className: $ = "",
-    children: w,
-    passVariantProps: u,
-    _vks: a = /* @__PURE__ */ new Set(),
-    ...o
-  }, O) => {
-    const f = { passVariantProps: u };
-    e.attr && Object.assign(f, e.attr), t && Object.assign(f, t), o && Object.assign(f, o);
-    const b = new Set($.split(" ")), y = typeof l == "function" || typeof l == "object", h = y && "isStyled" in l, E = y ? l : S || l;
-    if (!E) throw new Error("No element provided");
-    const m = f.style || {};
-    f.style || (f.style = m), Object.entries(m).forEach(([i, r]) => {
-      const { result: c } = N(r);
-      m[i] = c;
-    }), e.propValueKeys && e.propValueKeys.forEach((i) => {
-      const r = `css-${i}`, c = o[r];
-      if (c === void 0) return;
-      const p = `--props-${A(i)}`;
-      m[p] = c, a && a.add(r);
-    }), e.variantKeys && e.variantKeys.forEach((i) => {
-      const [r, c] = i.split("=");
-      o[r] !== void 0 ? (b.add(`${r}-${o[r]}`), a && a.add(r)) : c !== void 0 && b.add(`${r}-${c}`);
-    }), a && (!y || !h) ? a.forEach((i) => {
-      if (!u) return delete f[i];
-      if (u !== !0 && !u.includes(i))
-        return delete f[i];
-    }) : h && Object.assign(f, { _vks: a }), h || F.forEach((i) => delete f[i]);
-    const g = R(s, ...b);
-    return V(
-      E,
-      {
-        element: y ? S : void 0,
-        className: g,
-        ref: O,
-        ...f
-      },
-      w
-    );
-  });
-  return Object.assign(j, {
-    isStyled: !0,
-    className: s,
-    toString: () => `.${s}`
-  }), j;
-};
-export {
-  x as e
-};