@salty-css/react 0.4.0-alpha.1 → 0.4.0-alpha.3

package/dist/{element-factory-DjX4Quuc.cjs → element-factory-B9EUsRL5.cjs}

@@ -1 +1 @@
-let e=require("react"),t=require("@salty-css/core/util"),n=require("@salty-css/core/parsers");function r(e){var t,n,i=``;if(typeof e==`string`||typeof e==`number`)i+=e;else if(typeof e==`object`)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(i&&(i+=` `),i+=n)}else for(n in e)e[n]&&(i&&(i+=` `),i+=n);return i}function i(){for(var e,t,n=0,i=``,a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(i&&(i+=` `),i+=t);return i}var a=[`passProps`],o=(r,o=``,s={},c)=>{let l=(0,e.forwardRef)(({extend:l=r,element:u,as:d,className:f=``,children:p,passProps:m=s.passProps,_vks:h=new Set,...g},_)=>{let v=d??u??s.element,y={passProps:m};s.attr&&Object.assign(y,s.attr),c&&Object.assign(y,c),s.defaultProps&&Object.assign(g,s.defaultProps),g&&Object.assign(y,g);let b=new Set([...o.split(` `),...f.split(` `)]),x=typeof l==`function`||typeof l==`object`,S=x&&`isStyled`in l,C=x?l:v||l;if(!C)throw Error(`No element provided`);let w=y.style||{};y.style||=w,Object.entries(w).forEach(([e,t])=>{let r=(0,n.parseVariableTokens)(t);r&&(w[e]=r.transformed)}),s.propValueKeys&&s.propValueKeys.forEach(e=>{let n=`css-${e}`,r=g[n];if(r===void 0)return;let i=`--props-${(0,t.dashCase)(e)}`;w[i]=r,h&&h.add(n)}),s.variantKeys&&s.variantKeys.forEach(e=>{let[t,n]=e.split(`=`);g[t]===void 0?n!==void 0&&b.add(`${t}-${n}`):(b.add(`${t}-${g[t]}`),h&&h.add(t))}),h&&(!x||!S)?h.forEach(e=>{if(!m||m!==!0&&!m.includes(e))return delete y[e]}):S&&Object.assign(y,{_vks:h}),S||a.forEach(e=>delete y[e]);let T=i(...b);return(0,e.createElement)(C,{element:x?v:void 0,className:T,ref:_,...y},p)});return Object.assign(l,{isStyled:!0,className:o,toString:()=>`.${s.hash}`}),l};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
+let e=require("react"),t=require("@salty-css/core/util"),n=require("@salty-css/core/parsers");function r(e){var t,n,i=``;if(typeof e==`string`||typeof e==`number`)i+=e;else if(typeof e==`object`)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=r(e[t]))&&(i&&(i+=` `),i+=n)}else for(n in e)e[n]&&(i&&(i+=` `),i+=n);return i}function i(){for(var e,t,n=0,i=``,a=arguments.length;n<a;n++)(e=arguments[n])&&(t=r(e))&&(i&&(i+=` `),i+=t);return i}var a=[`passProps`],o=(r,o=``,s={},c)=>{let l=(0,e.forwardRef)(({extend:l=r,element:u,as:d,className:f=``,children:p,passProps:m=s.passProps,_vks:h=new Set,...g},_)=>{let v=d??u??s.element,y={passProps:m};s.attr&&Object.assign(y,s.attr),c&&Object.assign(y,c),s.defaultProps&&Object.assign(g,s.defaultProps),g&&Object.assign(y,g);let b=new Set([...o.split(` `),...f.split(` `)]),x=typeof l==`function`||typeof l==`object`,S=x&&`isStyled`in l,C=x?l:v||l;if(!C)throw Error(`No element provided`);let w=y.style||{};y.style||=w,Object.entries(w).forEach(([e,t])=>{let r=(0,n.parseVariableTokens)(t);r&&(w[e]=r.transformed)}),s.propValueKeys&&s.propValueKeys.forEach(e=>{let n=`css-${e}`,r=g[n];if(r===void 0)return;let i=`--props-${(0,t.dashCase)(e)}`;w[i]=r,h&&h.add(n)}),s.variantKeys&&s.variantKeys.forEach(e=>{let[n,r]=e.split(`=`);if(g[n]!==void 0){let e=(0,t.sanitizeClassName)(`${n}-${g[n]}`);b.add(e),h&&h.add(n)}else if(r!==void 0){let e=(0,t.sanitizeClassName)(`${n}-${r}`);b.add(e)}}),h&&(!x||!S)?h.forEach(e=>{if(!m||m!==!0&&!m.includes(e))return delete y[e]}):S&&Object.assign(y,{_vks:h}),S||a.forEach(e=>delete y[e]);let T=i(...b);return(0,e.createElement)(C,{element:x?v:void 0,className:T,ref:_,...y},p)});return Object.assign(l,{isStyled:!0,className:o,toString:()=>`.${s.hash}`}),l};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/element-factory-CMetA057.js

@@ -0,0 +1,62 @@
+import { createElement as e, forwardRef as t } from "react";
+import { dashCase as n, sanitizeClassName as r } from "@salty-css/core/util";
+import { parseVariableTokens as i } from "@salty-css/core/parsers";
+//#region ../../node_modules/clsx/dist/clsx.mjs
+function a(e) {
+	var t, n, r = "";
+	if (typeof e == "string" || typeof e == "number") r += e;
+	else if (typeof e == "object") if (Array.isArray(e)) {
+		var i = e.length;
+		for (t = 0; t < i; t++) e[t] && (n = a(e[t])) && (r && (r += " "), r += n);
+	} else for (n in e) e[n] && (r && (r += " "), r += n);
+	return r;
+}
+function o() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = a(e)) && (r && (r += " "), r += t);
+	return r;
+}
+//#endregion
+//#region src/element-factory.ts
+var s = ["passProps"], c = (a, c = "", l = {}, u) => {
+	let d = t(({ extend: t = a, element: d, as: f, className: p = "", children: m, passProps: h = l.passProps, _vks: g = /* @__PURE__ */ new Set(), ..._ }, v) => {
+		let y = f ?? d ?? l.element, b = { passProps: h };
+		l.attr && Object.assign(b, l.attr), u && Object.assign(b, u), l.defaultProps && Object.assign(_, l.defaultProps), _ && Object.assign(b, _);
+		let x = new Set([...c.split(" "), ...p.split(" ")]), S = typeof t == "function" || typeof t == "object", C = S && "isStyled" in t, w = S ? t : y || t;
+		if (!w) throw Error("No element provided");
+		let T = b.style || {};
+		b.style ||= T, Object.entries(T).forEach(([e, t]) => {
+			let n = i(t);
+			n && (T[e] = n.transformed);
+		}), l.propValueKeys && l.propValueKeys.forEach((e) => {
+			let t = `css-${e}`, r = _[t];
+			if (r === void 0) return;
+			let i = `--props-${n(e)}`;
+			T[i] = r, g && g.add(t);
+		}), l.variantKeys && l.variantKeys.forEach((e) => {
+			let [t, n] = e.split("=");
+			if (_[t] !== void 0) {
+				let e = r(`${t}-${_[t]}`);
+				x.add(e), g && g.add(t);
+			} else if (n !== void 0) {
+				let e = r(`${t}-${n}`);
+				x.add(e);
+			}
+		}), g && (!S || !C) ? g.forEach((e) => {
+			if (!h || h !== !0 && !h.includes(e)) return delete b[e];
+		}) : C && Object.assign(b, { _vks: g }), C || s.forEach((e) => delete b[e]);
+		let E = o(...x);
+		return e(w, {
+			element: S ? y : void 0,
+			className: E,
+			ref: v,
+			...b
+		}, m);
+	});
+	return Object.assign(d, {
+		isStyled: !0,
+		className: c,
+		toString: () => `.${l.hash}`
+	}), d;
+};
+//#endregion
+export { c as t };

package/dist/element-factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element-factory.d.ts","sourceRoot":"","sources":["../src/element-factory.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAGlE,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAKxE,eAAO,MAAM,cAAc,GAAI,SAAS,GAAG,CAAC,GAAG,CAAC,EAAE,mBAAe,EAAE,kBAAiB,0BAA+B,EAAE,mBAAmB,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,sHAoF/J,CAAC"}
+{"version":3,"file":"element-factory.d.ts","sourceRoot":"","sources":["../src/element-factory.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAGlE,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAKxE,eAAO,MAAM,cAAc,GAAI,SAAS,GAAG,CAAC,GAAG,CAAC,EAAE,mBAAe,EAAE,kBAAiB,0BAA+B,EAAE,mBAAmB,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,sHAsF/J,CAAC"}

package/dist/styled-client.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./element-factory-DjX4Quuc.cjs");var t=(t,n,r)=>e.t(t,n,r);exports.styledClient=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./element-factory-B9EUsRL5.cjs");var t=(t,n,r)=>e.t(t,n,r);exports.styledClient=t;

package/dist/styled-client.js

@@ -1,4 +1,4 @@
-import { t as e } from "./element-factory-Bz7Aq422.js";
+import { t as e } from "./element-factory-CMetA057.js";
 //#region src/styled-client.ts
 var t = (t, n, r) => e(t, n, r);
 //#endregion

package/dist/styled.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./element-factory-DjX4Quuc.cjs");let t=require("@salty-css/core/generators");var n=(n,r)=>{let i=new t.StyledGenerator(n,r),a=e.t(n,i.cssClassName,i.clientProps,{"data-unoptimized-client-component":!0});return Object.assign(a,{generator:i}),a};exports.styled=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./element-factory-B9EUsRL5.cjs");let t=require("@salty-css/core/generators");var n=(n,r)=>{let i=new t.StyledGenerator(n,r),a=e.t(n,i.cssClassName,i.clientProps,{"data-unoptimized-client-component":!0});return Object.assign(a,{generator:i}),a};exports.styled=n;

package/dist/styled.js

@@ -1,4 +1,4 @@
-import { t as e } from "./element-factory-Bz7Aq422.js";
+import { t as e } from "./element-factory-CMetA057.js";
 import { StyledGenerator as t } from "@salty-css/core/generators";
 //#region src/styled.ts
 var n = (n, r) => {

package/package.json

@@ -15,14 +15,14 @@
   "bugs": {
     "url": "https://github.com/margarita-form/salty-css/issues"
   },
-  "version": "0.4.0-alpha.1",
+  "version": "0.4.0-alpha.3",
   "type": "module",
   "scripts": {
     "build": "vite build",
     "test": "vitest run"
   },
   "dependencies": {
-    "@salty-css/core": "0.4.0-alpha.1",
+    "@salty-css/core": "0.4.0-alpha.3",
     "clsx": ">=2.x",
     "react": ">=19.x || >=18.3.x"
   },

package/dist/element-factory-Bz7Aq422.js

@@ -1,56 +0,0 @@
-import { createElement as e, forwardRef as t } from "react";
-import { dashCase as n } from "@salty-css/core/util";
-import { parseVariableTokens as r } from "@salty-css/core/parsers";
-//#region ../../node_modules/clsx/dist/clsx.mjs
-function i(e) {
-	var t, n, r = "";
-	if (typeof e == "string" || typeof e == "number") r += e;
-	else if (typeof e == "object") if (Array.isArray(e)) {
-		var a = e.length;
-		for (t = 0; t < a; t++) e[t] && (n = i(e[t])) && (r && (r += " "), r += n);
-	} else for (n in e) e[n] && (r && (r += " "), r += n);
-	return r;
-}
-function a() {
-	for (var e, t, n = 0, r = "", a = arguments.length; n < a; n++) (e = arguments[n]) && (t = i(e)) && (r && (r += " "), r += t);
-	return r;
-}
-//#endregion
-//#region src/element-factory.ts
-var o = ["passProps"], s = (i, s = "", c = {}, l) => {
-	let u = t(({ extend: t = i, element: u, as: d, className: f = "", children: p, passProps: m = c.passProps, _vks: h = /* @__PURE__ */ new Set(), ...g }, _) => {
-		let v = d ?? u ?? c.element, y = { passProps: m };
-		c.attr && Object.assign(y, c.attr), l && Object.assign(y, l), c.defaultProps && Object.assign(g, c.defaultProps), g && Object.assign(y, g);
-		let b = new Set([...s.split(" "), ...f.split(" ")]), x = typeof t == "function" || typeof t == "object", S = x && "isStyled" in t, C = x ? t : v || t;
-		if (!C) throw Error("No element provided");
-		let w = y.style || {};
-		y.style ||= w, Object.entries(w).forEach(([e, t]) => {
-			let n = r(t);
-			n && (w[e] = n.transformed);
-		}), c.propValueKeys && c.propValueKeys.forEach((e) => {
-			let t = `css-${e}`, r = g[t];
-			if (r === void 0) return;
-			let i = `--props-${n(e)}`;
-			w[i] = r, h && h.add(t);
-		}), c.variantKeys && c.variantKeys.forEach((e) => {
-			let [t, n] = e.split("=");
-			g[t] === void 0 ? n !== void 0 && b.add(`${t}-${n}`) : (b.add(`${t}-${g[t]}`), h && h.add(t));
-		}), h && (!x || !S) ? h.forEach((e) => {
-			if (!m || m !== !0 && !m.includes(e)) return delete y[e];
-		}) : S && Object.assign(y, { _vks: h }), S || o.forEach((e) => delete y[e]);
-		let T = a(...b);
-		return e(C, {
-			element: x ? v : void 0,
-			className: T,
-			ref: _,
-			...y
-		}, p);
-	});
-	return Object.assign(u, {
-		isStyled: !0,
-		className: s,
-		toString: () => `.${c.hash}`
-	}), u;
-};
-//#endregion
-export { s as t };