@salty-css/react 0.1.0-alpha.9 → 0.1.0-refactor-add-additional-paths-to-config-cache.0

package/dynamic-styles.cjs

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

package/dynamic-styles.d.ts

@@ -1,15 +1,35 @@
 import { BaseStyles } from '@salty-css/core/types';
-import { getDynamicStylesClassName, getDynamicStylesCss } from '@salty-css/core/css/dynamic-styles';
+import { DynamicStylesHelpers, getDynamicStylesClassName, getDynamicStylesCss, InitializeDynamicStylesOptions } from '@salty-css/core/css/dynamic-styles';
 import { HTMLAttributes } from 'react';
-export { getDynamicStylesClassName, getDynamicStylesCss };
+export { getDynamicStylesClassName, getDynamicStylesCss, type InitializeDynamicStylesOptions };
 type AnyComponent = (...args: any[]) => React.ReactNode;
 interface DynamicStylesProps extends HTMLAttributes<HTMLElement> {
     styles?: BaseStyles;
     scope?: string;
     as?: string | AnyComponent;
 }
+declare const createDynamicStylesComponent: (helpers: DynamicStylesHelpers) => ({ as, scope, styles, ...rest }: DynamicStylesProps) => Promise<import("react/jsx-runtime").JSX.Element | null>;
+export interface DynamicStylesBundle extends DynamicStylesHelpers {
+    DynamicStyles: ReturnType<typeof createDynamicStylesComponent>;
+}
+/**
+ * Bind `DynamicStyles` and its helpers to a specific config / cache location.
+ *
+ * Use this in production deployments where the build-time `saltygen/` directory is
+ * not present at runtime (e.g. an Astro site deployed to Cloudflare). Call once at
+ * app startup and re-export the returned `DynamicStyles` component.
+ *
+ * @example
+ *   export const { DynamicStyles } = initializeDynamicStyles({
+ *     configCachePath: 'dist/saltygen/cache/config-cache.json',
+ *   });
+ */
+export declare const initializeDynamicStyles: (options?: InitializeDynamicStylesOptions) => DynamicStylesBundle;
 /**
  * Add any dynamic styles to your app with a custom scope.
  * Note: this works only with server components.
+ *
+ * For production deployments where the `saltygen/` directory is stripped,
+ * call {@link initializeDynamicStyles} instead and re-export its `DynamicStyles`.
  */
 export declare const DynamicStyles: ({ as, scope, styles, ...rest }: DynamicStylesProps) => Promise<import("react/jsx-runtime").JSX.Element | null>;

package/dynamic-styles.js

@@ -1,24 +1,31 @@
-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 }) => {
+import { jsx as s, jsxs as S, Fragment as f } from "react/jsx-runtime";
+import { initializeDynamicStyles as u } from "@salty-css/core/css/dynamic-styles";
+import { getDynamicStylesClassName as F, getDynamicStylesCss as b } from "@salty-css/core/css/dynamic-styles";
+import { c as g } from "./clsx-OuTLNxxd.js";
+import { createElement as p } from "react";
+const C = (t) => async ({ as: e, scope: a, styles: n, ...c }) => {
   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 })
+    const m = (l) => typeof e == "string" ? p(e, l) : e(l);
+    if (!n) return /* @__PURE__ */ s(m, { ...c });
+    const y = t.getDynamicStylesClassName(n), o = await t.getDynamicStylesCss(n, a || `.${y}`), D = { ...c, className: g(y, c.className) };
+    return /* @__PURE__ */ S(f, { children: [
+      /* @__PURE__ */ s("style", { children: o }),
+      /* @__PURE__ */ s(m, { ...D })
     ] });
   }
-  if (!t) return null;
-  const i = await o(t, r);
-  return /* @__PURE__ */ n("style", { children: i });
-};
+  if (!n) return null;
+  const r = await t.getDynamicStylesCss(n, a);
+  return /* @__PURE__ */ s("style", { children: r });
+}, x = (t = {}) => {
+  const i = u(t);
+  return {
+    ...i,
+    DynamicStyles: C(i)
+  };
+}, N = x(), w = N.DynamicStyles;
 export {
-  d as DynamicStyles,
-  w as getDynamicStylesClassName,
-  E as getDynamicStylesCss
+  w as DynamicStyles,
+  F as getDynamicStylesClassName,
+  b as getDynamicStylesCss,
+  x as initializeDynamicStyles
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/react",
-  "version": "0.1.0-alpha.9",
+  "version": "0.1.0-refactor-add-additional-paths-to-config-cache.0",
   "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.9",
+    "@salty-css/core": "^0.1.0-refactor-add-additional-paths-to-config-cache.0",
     "clsx": ">=2.x",
     "react": ">=19.x || >=18.3.x"
   },