@salty-css/react 0.0.1-alpha.273 → 0.0.1-alpha.274

package/dynamic-styles.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@salty-css/core/parsers"),m=require("@salty-css/core/util"),S=require("./clsx-C11secjj.cjs"),r=s=>m.toHash(s),i=s=>`.${r(s)}`,l=async(s,t)=>(await o.parseStyles(s,t)).join(`
-`),h=async({as:s,scope:t,styles:a,...n})=>{const c=await l(a,t);if(s){const y=i(a),u={...n,className:S.clsx(y,n.className)};return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:c}),e.jsx(s,{...u})]})}return e.jsx("style",{children:c})};exports.DynamicStyles=h;exports.useDynamicStyles=l;exports.useDynamicStylesClassName=i;exports.useDynamicStylesHash=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@salty-css/core/parsers"),m=require("@salty-css/core/util"),S=require("./clsx-C11secjj.cjs"),i=s=>m.toHash(s),c=async(s,t)=>(await o.parseStyles(s,t)).join(`
+`),d=async({as:s,scope:t,styles:a,...n})=>{if(s){const r=i(a),u=await c(a,t||r),y={...n,className:S.clsx(r,n.className)};return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:u}),e.jsx(s,{...y})]})}const l=await c(a,t);return e.jsx("style",{children:l})};exports.DynamicStyles=d;exports.useDynamicStyles=c;exports.useDynamicStylesClassName=i;

package/dynamic-styles.d.ts

@@ -3,7 +3,6 @@ import { HTMLAttributes } from 'react';
 /**
  * Create a hash of the dynamic styles that then can be used as scope.
  */
-export declare const useDynamicStylesHash: (styles: BaseStyles) => string;
 export declare const useDynamicStylesClassName: (styles: BaseStyles) => string;
 /**
  * Add any dynamic styles to your app with a custom scope.

package/dynamic-styles.js

@@ -1,22 +1,21 @@
-import { jsxs as m, Fragment as i, jsx as r } from "react/jsx-runtime";
-import { parseStyles as l } from "@salty-css/core/parsers";
-import { toHash as y } from "@salty-css/core/util";
-import { c as h } from "./clsx-OuTLNxxd.js";
-const p = (s) => y(s), u = (s) => `.${p(s)}`, d = async (s, a) => (await l(s, a)).join(`
-`), N = async ({ as: s, scope: a, styles: t, ...c }) => {
-  const e = await d(t, a);
+import { jsxs as l, Fragment as y, jsx as t } from "react/jsx-runtime";
+import { parseStyles as p } from "@salty-css/core/parsers";
+import { toHash as u } from "@salty-css/core/util";
+import { c as d } from "./clsx-OuTLNxxd.js";
+const f = (s) => u(s), e = async (s, a) => (await p(s, a)).join(`
+`), j = async ({ as: s, scope: a, styles: r, ...c }) => {
   if (s) {
-    const n = u(t), o = { ...c, className: h(n, c.className) };
-    return /* @__PURE__ */ m(i, { children: [
-      /* @__PURE__ */ r("style", { children: e }),
-      /* @__PURE__ */ r(s, { ...o })
+    const n = f(r), i = await e(r, a || n), m = { ...c, className: d(n, c.className) };
+    return /* @__PURE__ */ l(y, { children: [
+      /* @__PURE__ */ t("style", { children: i }),
+      /* @__PURE__ */ t(s, { ...m })
     ] });
   }
-  return /* @__PURE__ */ r("style", { children: e });
+  const o = await e(r, a);
+  return /* @__PURE__ */ t("style", { children: o });
 };
 export {
-  N as DynamicStyles,
-  d as useDynamicStyles,
-  u as useDynamicStylesClassName,
-  p as useDynamicStylesHash
+  j as DynamicStyles,
+  e as useDynamicStyles,
+  f as useDynamicStylesClassName
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/react",
-  "version": "0.0.1-alpha.273",
+  "version": "0.0.1-alpha.274",
   "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.273",
+    "@salty-css/core": "^0.0.1-alpha.274",
     "clsx": ">=2.x",
     "react": ">=19.x || >=18.3.x"
   }