@salty-css/react 0.1.0-alpha.3 → 0.1.0-alpha.5

package/dynamic-styles.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),g=require("@salty-css/core/parsers"),C=require("@salty-css/core/cache/resolve-dynamic-config-cache"),S=require("@salty-css/core/util"),f=require("./clsx-C11secjj.cjs"),j=require("react"),l=e=>S.toHash(e),r=async(e,t)=>{const s=await C.resolveDynamicConfigCache();return(await g.parseStyles(e,t,s)).join(`
-`)},x=async({as:e,scope:t,styles:s,...c})=>{if(e){const a=o=>typeof e=="string"?j.createElement(e,o):e(o);if(!s)return n.jsx(a,{...c});const i=l(s),u=await r(s,t||`.${i}`),y={...c,className:f.clsx(i,c.className)};return n.jsxs(n.Fragment,{children:[n.jsx("style",{children:u}),n.jsx(a,{...y})]})}if(!s)return null;const m=await r(s,t);return n.jsx("style",{children:m})};exports.DynamicStyles=x;exports.getDynamicStylesClassName=l;exports.getDynamicStylesCss=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@salty-css/core/css/dynamic-styles"),u=require("./clsx-C11secjj.cjs"),g=require("react"),S=async({as:n,scope:r,styles:t,...c})=>{if(n){const a=l=>typeof n=="string"?g.createElement(n,l):n(l);if(!t)return e.jsx(a,{...c});const i=s.getDynamicStylesClassName(t),m=await s.getDynamicStylesCss(t,r||`.${i}`),o={...c,className:u.clsx(i,c.className)};return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:m}),e.jsx(a,{...o})]})}if(!t)return null;const y=await s.getDynamicStylesCss(t,r);return e.jsx("style",{children:y})};Object.defineProperty(exports,"getDynamicStylesClassName",{enumerable:!0,get:()=>s.getDynamicStylesClassName});Object.defineProperty(exports,"getDynamicStylesCss",{enumerable:!0,get:()=>s.getDynamicStylesCss});exports.DynamicStyles=S;

package/dynamic-styles.d.ts

@@ -1,14 +1,7 @@
 import { BaseStyles } from '@salty-css/core/types';
+import { getDynamicStylesClassName, getDynamicStylesCss } from '@salty-css/core/css/dynamic-styles';
 import { HTMLAttributes } from 'react';
-/**
- * Create a hash of the dynamic styles that then can be used as scope.
- */
-export declare const getDynamicStylesClassName: (styles: BaseStyles) => string;
-/**
- * Add any dynamic styles to your app with a custom scope.
- * Note: this works only with server components.
- */
-export declare const getDynamicStylesCss: (styles: BaseStyles, scope?: string) => Promise<string>;
+export { getDynamicStylesClassName, getDynamicStylesCss };
 type AnyComponent = (...args: any[]) => React.ReactNode;
 interface DynamicStylesProps extends HTMLAttributes<HTMLElement> {
     styles?: BaseStyles;
@@ -20,4 +13,3 @@ interface DynamicStylesProps extends HTMLAttributes<HTMLElement> {
  * Note: this works only with server components.
  */
 export declare const DynamicStyles: ({ as, scope, styles, ...rest }: DynamicStylesProps) => Promise<import("react/jsx-runtime").JSX.Element | null>;
-export {};

package/dynamic-styles.js

@@ -1,29 +1,24 @@
-import { jsx as s, jsxs as p, Fragment as y } from "react/jsx-runtime";
-import { parseStyles as u } from "@salty-css/core/parsers";
-import { resolveDynamicConfigCache as g } from "@salty-css/core/cache/resolve-dynamic-config-cache";
-import { toHash as d } from "@salty-css/core/util";
-import { c as h } from "./clsx-OuTLNxxd.js";
-import { createElement as C } from "react";
-const w = (t) => d(t), i = async (t, r) => {
-  const n = await g();
-  return (await u(t, r, n)).join(`
-`);
-}, E = async ({ as: t, scope: r, styles: n, ...o }) => {
-  if (t) {
-    const c = (a) => typeof t == "string" ? C(t, a) : t(a);
-    if (!n) return /* @__PURE__ */ s(c, { ...o });
-    const e = w(n), l = await i(n, r || `.${e}`), f = { ...o, className: h(e, o.className) };
-    return /* @__PURE__ */ p(y, { children: [
-      /* @__PURE__ */ s("style", { children: l }),
-      /* @__PURE__ */ s(c, { ...f })
+import { jsx as n, jsxs as f, Fragment as p } from "react/jsx-runtime";
+import { getDynamicStylesClassName as g, getDynamicStylesCss as o } from "@salty-css/core/css/dynamic-styles";
+import { getDynamicStylesClassName as w, getDynamicStylesCss as E } from "@salty-css/core/css/dynamic-styles";
+import { c as u } from "./clsx-OuTLNxxd.js";
+import { createElement as x } from "react";
+const d = async ({ as: e, scope: r, styles: t, ...s }) => {
+  if (e) {
+    const c = (a) => typeof e == "string" ? x(e, a) : e(a);
+    if (!t) return /* @__PURE__ */ n(c, { ...s });
+    const m = g(t), l = await o(t, r || `.${m}`), y = { ...s, className: u(m, s.className) };
+    return /* @__PURE__ */ f(p, { children: [
+      /* @__PURE__ */ n("style", { children: l }),
+      /* @__PURE__ */ n(c, { ...y })
     ] });
   }
-  if (!n) return null;
-  const m = await i(n, r);
-  return /* @__PURE__ */ s("style", { children: m });
+  if (!t) return null;
+  const i = await o(t, r);
+  return /* @__PURE__ */ n("style", { children: i });
 };
 export {
-  E as DynamicStyles,
+  d as DynamicStyles,
   w as getDynamicStylesClassName,
-  i as getDynamicStylesCss
+  E as getDynamicStylesCss
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/react",
-  "version": "0.1.0-alpha.3",
+  "version": "0.1.0-alpha.5",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",
@@ -78,7 +78,7 @@
     }
   },
   "dependencies": {
-    "@salty-css/core": "^0.1.0-alpha.3",
+    "@salty-css/core": "^0.1.0-alpha.5",
     "clsx": ">=2.x",
     "react": ">=19.x || >=18.3.x"
   },