@salty-css/react 0.0.1-alpha.285 → 0.0.1-alpha.287

package/element-factory-BPI0pGIH.cjs

@@ -0,0 +1 @@
+"use strict";const S=require("react"),C=require("./clsx-C11secjj.cjs"),N=require("@salty-css/core/util"),F=require("@salty-css/core/parsers"),R=["passProps"],v=(E,y="",t={},m)=>{const K=({extend:l=E,element:h=t.element,className:O="",children:$,passProps:f=t.passProps,_vks:c=new Set,...a},w)=>{const s={passProps:f};t.attr&&Object.assign(s,t.attr),m&&Object.assign(s,m),t.defaultProps&&Object.assign(a,t.defaultProps),a&&Object.assign(s,a);const o=new Set([...y.split(" "),...O.split(" ")]),d=typeof l=="function"||typeof l=="object",r=d&&"isStyled"in l,j=d?l:h||l;if(!j)throw new Error("No element provided");const u=s.style||{};s.style||(s.style=u),Object.entries(u).forEach(([e,i])=>{const n=F.parseVariableTokens(i);n&&(u[e]=n.transformed)}),t.propValueKeys&&t.propValueKeys.forEach(e=>{const i=`css-${e}`,n=a[i];if(n===void 0)return;const q=`--props-${N.dashCase(e)}`;u[q]=n,c&&c.add(i)}),t.variantKeys&&t.variantKeys.forEach(e=>{const[i,n]=e.split("=");a[i]!==void 0?(o.add(`${i}-${a[i]}`),c&&c.add(i)):n!==void 0&&o.add(`${i}-${n}`)}),c&&(!d||!r)?c.forEach(e=>{if(!f)return delete s[e];if(f!==!0&&!f.includes(e))return delete s[e]}):r&&Object.assign(s,{_vks:c}),r||R.forEach(e=>delete s[e]);const V=C.clsx(...o);return S.createElement(j,{element:d?h:void 0,className:V,ref:w,...s},$)},b=S.forwardRef(K);return Object.assign(b,{isStyled:!0,className:y,toString:()=>`.${t.hash}`}),b};exports.elementFactory=v;

package/{element-factory-Bs1HmAhv.js → element-factory-D5vMsSwp.js}

@@ -2,42 +2,42 @@ import { forwardRef as V, createElement as C } from "react";
 import { c as N } from "./clsx-OuTLNxxd.js";
 import { dashCase as R } from "@salty-css/core/util";
 import { parseVariableTokens as p } from "@salty-css/core/parsers";
-const q = ["passProps"], D = (S, m = "", t = {}, y) => {
+const q = ["passProps"], B = (S, m = "", t = {}, y) => {
   const b = V(({
     extend: c = S,
     element: h = t.element,
     className: E = "",
     children: K,
     passProps: l = t.passProps,
-    _vks: f = /* @__PURE__ */ new Set(),
+    _vks: n = /* @__PURE__ */ new Set(),
     ...a
   }, O) => {
     const s = { passProps: l };
     t.attr && Object.assign(s, t.attr), y && Object.assign(s, y), t.defaultProps && Object.assign(a, t.defaultProps), a && Object.assign(s, a);
-    const u = /* @__PURE__ */ new Set([...m.split(" "), ...E.split(" ")]), d = typeof c == "function" || typeof c == "object", r = d && "isStyled" in c, j = d ? c : h || c;
+    const r = /* @__PURE__ */ new Set([...m.split(" "), ...E.split(" ")]), o = typeof c == "function" || typeof c == "object", u = o && "isStyled" in c, j = o ? c : h || c;
     if (!j) throw new Error("No element provided");
-    const o = s.style || {};
-    s.style || (s.style = o), Object.entries(o).forEach(([e, i]) => {
-      const n = p(i);
-      n && (o[e] = n.transformed);
+    const d = s.style || {};
+    s.style || (s.style = d), Object.entries(d).forEach(([e, i]) => {
+      const f = p(i);
+      f && (d[e] = f.transformed);
     }), t.propValueKeys && t.propValueKeys.forEach((e) => {
-      const i = `css-${e}`, n = a[i];
-      if (n === void 0) return;
+      const i = `css-${e}`, f = a[i];
+      if (f === void 0) return;
       const w = `--props-${R(e)}`;
-      o[w] = n, f && f.add(i);
+      d[w] = f, n && n.add(i);
     }), t.variantKeys && t.variantKeys.forEach((e) => {
-      const [i, n] = e.split("=");
-      a[i] !== void 0 ? (u.add(`${i}-${a[i]}`), f && f.add(i)) : n !== void 0 && u.add(`${i}-${n}`);
-    }), f && (!d || !r) ? f.forEach((e) => {
+      const [i, f] = e.split("=");
+      a[i] !== void 0 ? (r.add(`${i}-${a[i]}`), n && n.add(i)) : f !== void 0 && r.add(`${i}-${f}`);
+    }), n && (!o || !u) ? n.forEach((e) => {
       if (!l) return delete s[e];
       if (l !== !0 && !l.includes(e))
         return delete s[e];
-    }) : r && Object.assign(s, { _vks: f }), r || q.forEach((e) => delete s[e]);
-    const $ = N(...u);
+    }) : u && Object.assign(s, { _vks: n }), u || q.forEach((e) => delete s[e]);
+    const $ = N(...r);
     return C(
       j,
       {
-        element: d ? h : void 0,
+        element: o ? h : void 0,
         className: $,
         ref: O,
         ...s
@@ -52,5 +52,5 @@ const q = ["passProps"], D = (S, m = "", t = {}, y) => {
   }), b;
 };
 export {
-  D as e
+  B as e
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/react",
-  "version": "0.0.1-alpha.285",
+  "version": "0.0.1-alpha.287",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -70,7 +70,7 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.285",
+    "@salty-css/core": "^0.0.1-alpha.287",
     "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-CvLrXNeg.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-BPI0pGIH.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-Bs1HmAhv.js";
+import { e as o } from "./element-factory-D5vMsSwp.js";
 const l = (e, t, r) => o(e, t, r);
 export {
   l as styledClient

package/styled.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@salty-css/core/generators"),s=require("./element-factory-CvLrXNeg.cjs"),c=(t,r)=>{const e=new o.StyledGenerator(t,r),n=s.elementFactory(t,e.cssClassName,e.clientProps,{"data-unoptimized-client-component":!0});return Object.assign(n,{generator:e}),n};exports.styled=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@salty-css/core/generators"),s=require("./element-factory-BPI0pGIH.cjs"),c=(t,r)=>{const e=new o.StyledGenerator(t,r),n=s.elementFactory(t,e.cssClassName,e.clientProps,{"data-unoptimized-client-component":!0});return Object.assign(n,{generator:e}),n};exports.styled=c;

package/styled.js

@@ -1,5 +1,5 @@
 import { StyledGenerator as r } from "@salty-css/core/generators";
-import { e as s } from "./element-factory-Bs1HmAhv.js";
+import { e as s } from "./element-factory-D5vMsSwp.js";
 const i = (t, o) => {
   const e = new r(t, o), n = s(t, e.cssClassName, e.clientProps, {
     "data-unoptimized-client-component": !0

package/element-factory-CvLrXNeg.cjs

@@ -1 +0,0 @@
-"use strict";const S=require("react"),C=require("./clsx-C11secjj.cjs"),N=require("@salty-css/core/util"),F=require("@salty-css/core/parsers"),R=["passProps"],T=(E,y="",t={},m)=>{const K=({extend:a=E,element:h=t.element,className:O="",children:$,passProps:l=t.passProps,_vks:c=new Set,...f},w)=>{const s={passProps:l};t.attr&&Object.assign(s,t.attr),m&&Object.assign(s,m),t.defaultProps&&Object.assign(f,t.defaultProps),f&&Object.assign(s,f);const r=new Set([...y.split(" "),...O.split(" ")]),d=typeof a=="function"||typeof a=="object",o=d&&"isStyled"in a,j=d?a:h||a;if(!j)throw new Error("No element provided");const u=s.style||{};s.style||(s.style=u),Object.entries(u).forEach(([e,n])=>{const i=F.parseVariableTokens(n);i&&(u[e]=i.transformed)}),t.propValueKeys&&t.propValueKeys.forEach(e=>{const n=`css-${e}`,i=f[n];if(i===void 0)return;const q=`--props-${N.dashCase(e)}`;u[q]=i,c&&c.add(n)}),t.variantKeys&&t.variantKeys.forEach(e=>{const[n,i]=e.split("=");f[n]!==void 0?(r.add(`${n}-${f[n]}`),c&&c.add(n)):i!==void 0&&r.add(`${n}-${i}`)}),c&&(!d||!o)?c.forEach(e=>{if(!l)return delete s[e];if(l!==!0&&!l.includes(e))return delete s[e]}):o&&Object.assign(s,{_vks:c}),o||R.forEach(e=>delete s[e]);const V=C.clsx(...r);return S.createElement(j,{element:d?h:void 0,className:V,ref:w,...s},$)},b=S.forwardRef(K);return Object.assign(b,{isStyled:!0,className:y,toString:()=>`.${t.hash}`}),b};exports.elementFactory=T;