@salty-css/react 0.2.0-alpha.0 → 0.2.0-alpha.1

package/element-factory-13FoC0gV.cjs

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

package/element-factory-Dse2ZLfl.js

@@ -0,0 +1,69 @@
+import { forwardRef as p, createElement as g } from "react";
+import { dashCase as A } from "@salty-css/core/util";
+import { parseVariableTokens as R } from "@salty-css/core/parsers";
+function K(s) {
+  var n, e, t = "";
+  if (typeof s == "string" || typeof s == "number") t += s;
+  else if (typeof s == "object") if (Array.isArray(s)) {
+    var d = s.length;
+    for (n = 0; n < d; n++) s[n] && (e = K(s[n])) && (t && (t += " "), t += e);
+  } else for (e in s) s[e] && (t && (t += " "), t += e);
+  return t;
+}
+function q() {
+  for (var s, n, e = 0, t = "", d = arguments.length; e < d; e++) (s = arguments[e]) && (n = K(s)) && (t && (t += " "), t += n);
+  return t;
+}
+const F = ["passProps"], D = (s, n = "", e = {}, t) => {
+  const j = p(({
+    extend: o = s,
+    element: O,
+    as: $,
+    className: w = "",
+    children: V,
+    passProps: u = e.passProps,
+    _vks: c = /* @__PURE__ */ new Set(),
+    ...r
+  }, v) => {
+    const S = $ ?? O ?? e.element, 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 = /* @__PURE__ */ new Set([...n.split(" "), ...w.split(" ")]), m = typeof o == "function" || typeof o == "object", h = m && "isStyled" in o, E = m ? o : S || o;
+    if (!E) throw new Error("No element provided");
+    const y = f.style || {};
+    f.style || (f.style = y), Object.entries(y).forEach(([i, a]) => {
+      const l = R(a);
+      l && (y[i] = l.transformed);
+    }), e.propValueKeys && e.propValueKeys.forEach((i) => {
+      const a = `css-${i}`, l = r[a];
+      if (l === void 0) return;
+      const N = `--props-${A(i)}`;
+      y[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 && (!m || !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 C = q(...b);
+    return g(
+      E,
+      {
+        element: m ? S : void 0,
+        className: C,
+        ref: v,
+        ...f
+      },
+      V
+    );
+  });
+  return Object.assign(j, {
+    isStyled: !0,
+    className: n,
+    toString: () => `.${e.hash}`
+  }), j;
+};
+export {
+  D as e
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/react",
-  "version": "0.2.0-alpha.0",
+  "version": "0.2.0-alpha.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -78,7 +78,7 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "0.2.0-alpha.0",
+    "@salty-css/core": "0.2.0-alpha.1",
     "@testing-library/react": "^16.3.2",
     "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-CgP5yEab.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-13FoC0gV.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-Ccd9WJOa.js";
+import { e as o } from "./element-factory-Dse2ZLfl.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-CgP5yEab.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-13FoC0gV.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-Ccd9WJOa.js";
+import { e as s } from "./element-factory-Dse2ZLfl.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-Ccd9WJOa.js

@@ -1,68 +0,0 @@
-import { forwardRef as C, createElement as N } from "react";
-import { dashCase as p } from "@salty-css/core/util";
-import { parseVariableTokens as g } from "@salty-css/core/parsers";
-function K(i) {
-  var n, e, t = "";
-  if (typeof i == "string" || typeof i == "number") t += i;
-  else if (typeof i == "object") if (Array.isArray(i)) {
-    var d = i.length;
-    for (n = 0; n < d; n++) i[n] && (e = K(i[n])) && (t && (t += " "), t += e);
-  } else for (e in i) i[e] && (t && (t += " "), t += e);
-  return t;
-}
-function A() {
-  for (var i, n, e = 0, t = "", d = arguments.length; e < d; e++) (i = arguments[e]) && (n = K(i)) && (t && (t += " "), t += n);
-  return t;
-}
-const R = ["passProps"], z = (i, n = "", e = {}, t) => {
-  const j = C(({
-    extend: o = i,
-    element: S = e.element,
-    className: O = "",
-    children: $,
-    passProps: u = e.passProps,
-    _vks: l = /* @__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 = /* @__PURE__ */ new Set([...n.split(" "), ...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(([s, a]) => {
-      const c = g(a);
-      c && (m[s] = c.transformed);
-    }), e.propValueKeys && e.propValueKeys.forEach((s) => {
-      const a = `css-${s}`, c = r[a];
-      if (c === void 0) return;
-      const v = `--props-${p(s)}`;
-      m[v] = c, l && l.add(a);
-    }), e.variantKeys && e.variantKeys.forEach((s) => {
-      const [a, c] = s.split("=");
-      r[a] !== void 0 ? (b.add(`${a}-${r[a]}`), l && l.add(a)) : c !== void 0 && b.add(`${a}-${c}`);
-    }), l && (!y || !h) ? l.forEach((s) => {
-      if (!u) return delete f[s];
-      if (u !== !0 && !u.includes(s))
-        return delete f[s];
-    }) : h && Object.assign(f, { _vks: l }), h || R.forEach((s) => delete f[s]);
-    const V = A(...b);
-    return N(
-      E,
-      {
-        element: y ? S : void 0,
-        className: V,
-        ref: w,
-        ...f
-      },
-      $
-    );
-  });
-  return Object.assign(j, {
-    isStyled: !0,
-    className: n,
-    toString: () => `.${e.hash}`
-  }), j;
-};
-export {
-  z as e
-};

package/element-factory-CgP5yEab.cjs

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