ssr-emotion-react 1.0.0-beta.2 → 1.0.0-beta.4

package/README.md

@@ -56,9 +56,8 @@ While developing [Potate](https://github.com/uniho/potate), I discovered a way t
 
 * **Zero Runtime by default:** No `Emotion` library is shipped to the browser. It delivers a pure Zero-JS experience.
 * **Familiar DX:** Use the full expressive power of the [Emotion `css()` function](https://emotion.sh/docs/@emotion/css) that you already know.
-* **No Hydration Mismatch:** By adopting the Potate-born "Full DOM Replacement" strategy, it physically eliminates the dreaded React hydration errors.
-* **Static by Default:** Styles are automatically extracted into static CSS during the Astro build process.
-* **Performance:** No hydration overhead for styles and no Flash of Unstyled Content (FOUC).
+* **Decoupled Asset Delivery:** Styles are moved to separate `.css` files to allow for flexible cache strategies. By using unique filenames (cache busting), we ensure that updates are immediately reflected even when long-term caching is enabled on the server.
+* **Hydration Stability:** No overhead for style re-calculation. Interactive Islands remain stable and fully dynamic without visual flickering during the hydration process.
 
 
 ## 🛠 How it looks
@@ -235,7 +234,7 @@ export const styled = (Tag, options) => (style, ...values) => props => {
   const makeClassName = (style, ...values) =>
     typeof style == 'function' ? makeClassName(style(props)) : css(style, ...values);
  
-  const {sx, 'class': _class, children, ...wosx} = props;
+  const {sx, className, 'class': _class, children, ...wosx} = props;
 
   Object.keys(wosx).forEach(key => {
     if (options && options.shouldForwardProp && !options.shouldForwardProp(key)) {
@@ -245,7 +244,7 @@ export const styled = (Tag, options) => (style, ...values) => props => {
 
   const newProps = {
     ...wosx,
-    'class': cx(makeClassName(style, ...values), makeClassName(sx), _class),
+    className: cx(makeClassName(style, ...values), makeClassName(sx), _class, className),
   };
 
   return (<Tag {...newProps}>{children}</Tag>);