@salty-css/react 0.0.1-alpha.265 → 0.0.1-alpha.267

package/dynamic-styles.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@salty-css/core/parsers"),r=async({scope:e,styles:t})=>{const s=(await n.parseStyles(t,e)).join(`
+`);return React.createElement("style",null,s)};exports.DynamicStyles=r;

package/dynamic-styles.d.ts

@@ -0,0 +1,8 @@
+import { BaseStyles } from '@salty-css/core/types';
+/**
+ * Add any dynamic styles to your app with a custom scope.
+ */
+export declare const DynamicStyles: ({ scope, styles }: {
+    scope: string;
+    styles: BaseStyles;
+}) => Promise<import("react").JSX.Element>;

package/dynamic-styles.js

@@ -0,0 +1,9 @@
+import { parseStyles as s } from "@salty-css/core/parsers";
+const c = async ({ scope: t, styles: e }) => {
+  const n = (await s(e, t)).join(`
+`);
+  return /* @__PURE__ */ React.createElement("style", null, n);
+};
+export {
+  c as DynamicStyles
+};

package/element-factory-Ccd9WJOa.js

@@ -0,0 +1,68 @@
+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

@@ -0,0 +1 @@
+"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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/react",
-  "version": "0.0.1-alpha.265",
+  "version": "0.0.1-alpha.267",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -63,10 +63,14 @@
     "./helpers": {
       "import": "./helpers.js",
       "require": "./helpers.cjs"
+    },
+    "./dynamic-styles": {
+      "import": "./dynamic-styles.js",
+      "require": "./dynamic-styles.cjs"
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.0.1-alpha.265",
+    "@salty-css/core": "^0.0.1-alpha.267",
     "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-DcAhlvyZ.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-CgP5yEab.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-DwZ6jdLG.js";
+import { e as o } from "./element-factory-Ccd9WJOa.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-DcAhlvyZ.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-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;

package/styled.js

@@ -1,5 +1,5 @@
 import { StyledGenerator as r } from "@salty-css/core/generators";
-import { e as s } from "./element-factory-DwZ6jdLG.js";
+import { e as s } from "./element-factory-Ccd9WJOa.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-DcAhlvyZ.cjs

@@ -1 +0,0 @@
-"use strict";const K=require("react"),C=require("@salty-css/core/util"),g=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 N(){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 A=["passProps"],F=(s,i="",e={},t)=>{const o=({extend:u=s,element:S=e.element,className:$="",children:w,passProps:d=e.passProps,_vks:a=new Set,...l},V)=>{const f={passProps:d};e.attr&&Object.assign(f,e.attr),t&&Object.assign(f,t),e.defaultProps&&Object.assign(l,e.defaultProps),l&&Object.assign(f,l);const b=new Set([...i.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(([n,c])=>{const r=g.parseVariableTokens(c);r&&(m[n]=r.transformed)}),e.propValueKeys&&e.propValueKeys.forEach(n=>{const c=`css-${n}`,r=l[c];if(r===void 0)return;const v=`--props-${C.dashCase(n)}`;m[v]=r,a&&a.add(c)}),e.variantKeys&&e.variantKeys.forEach(n=>{const[c,r]=n.split("=");l[c]!==void 0?(b.add(`${c}-${l[c]}`),a&&a.add(c)):r!==void 0&&b.add(`${c}-${r}`)}),a&&(!y||!h)?a.forEach(n=>{if(!d)return delete f[n];if(d!==!0&&!d.includes(n))return delete f[n]}):h&&Object.assign(f,{_vks:a}),h||A.forEach(n=>delete f[n]);const q=N(...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:i,toString:()=>`.${i}`}),j};exports.elementFactory=F;

package/element-factory-DwZ6jdLG.js

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