@meonode/ui 1.1.3 → 1.1.4

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 All notable changes to this project will be documented in this file.
 
+## [1.1.4] - 2026-02-15
+
+### Fix
+
+- **nextjs**: prevent duplicate style tags and content in StyleRegistry ([`91bec99`](https://github.com/l7aromeo/meonode-ui/commit/91bec99))
+    - Renamed `registry.client.ts` to `style-registry.client.ts` and implemented tracking of inserted IDs during SSR to avoid duplicate CSS injection in Next.js streaming.
+
+### Test
+
+- **emotion**: add style tag generation monitoring test ([`0576f0c`](https://github.com/l7aromeo/meonode-ui/commit/0576f0c))
+    - Added tests to verify that nested `Div` structures efficiently batch styles into a single style tag and that state changes correctly append new rules.
+
 ## [1.1.3] - 2026-02-15
 
 ### Feat

package/dist/cjs/components/style-registry.client.cjs

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@emotion/react"),t=require("@emotion/cache"),n=require("../core.node.cjs"),o=require("next/navigation.js");exports.default=function({children:s}){const[i]=e.useState(()=>{const e=t({key:"meonode-css"});return e.compat=!0,e}),[a]=e.useState(()=>new Set);return o.useServerInsertedHTML(()=>{const r=Object.keys(i.inserted).filter(e=>!a.has(e));if(0===r.length)return null;r.forEach(e=>a.add(e));const t=r.sort(),n=t.map(e=>i.inserted[e]).join(""),o=t.join(" ");return e.createElement("style",{"data-emotion":`${i.key} ${o}`,dangerouslySetInnerHTML:{__html:n}})}),n.Node(r.CacheProvider,{value:i,children:s}).render()};

package/dist/cjs/nextjs-registry/index.cjs

@@ -1 +1 @@
-"use strict";var e=require("../components/registry.client.cjs");const r=require("../core.node.cjs").createNode(e.default);exports.StyleRegistry=r;
+"use strict";var e=require("../components/style-registry.client.cjs");const r=require("../core.node.cjs").createNode(e.default);exports.StyleRegistry=r;

package/dist/esm/components/{registry.client.d.ts → style-registry.client.d.ts}

@@ -10,4 +10,4 @@ import { type ReactElement } from 'react';
 export default function StyleRegistry({ children }: {
     children: ReactElement;
 }): ReactElement<import("../main").FinalNodeProps, string | import("react").JSXElementConstructor<any>>;
-//# sourceMappingURL=registry.client.d.ts.map
+//# sourceMappingURL=style-registry.client.d.ts.map

package/dist/esm/components/style-registry.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-registry.client.d.ts","sourceRoot":"","sources":["../../../src/components/style-registry.client.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,YAAY,EAAY,MAAM,OAAO,CAAA;AAWlE;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,YAAY,CAAA;CAAE,yGAqC7E"}

package/dist/esm/components/style-registry.client.js

@@ -0,0 +1,2 @@
+"use client";
+import{useState as e,createElement as t}from"react";import{CacheProvider as o}from"@emotion/react";import r from"@emotion/cache";import{Node as n}from"../core.node.js";import{useServerInsertedHTML as i}from"next/navigation.js";function m({children:m}){const[a]=e(()=>{const e=r({key:"meonode-css"});return e.compat=!0,e}),[c]=e(()=>new Set);return i(()=>{const e=Object.keys(a.inserted).filter(e=>!c.has(e));if(0===e.length)return null;e.forEach(e=>c.add(e));const o=e.sort(),r=o.map(e=>a.inserted[e]).join(""),n=o.join(" ");return t("style",{"data-emotion":`${a.key} ${n}`,dangerouslySetInnerHTML:{__html:r}})}),n(o,{value:a,children:m}).render()}export{m as default};

package/dist/esm/nextjs-registry/index.d.ts

@@ -1,4 +1,4 @@
-import _StyleRegistry from '../components/registry.client.js';
+import _StyleRegistry from '../components/style-registry.client';
 export declare const StyleRegistry: (<AdditionalProps, ExactProps extends object = object>(props: import("../main").MergedProps<typeof _StyleRegistry, AdditionalProps, ExactProps>, deps?: import("../main").DependencyList | undefined) => import("../main").NodeInstance<typeof _StyleRegistry>) & {
     element: typeof _StyleRegistry;
 };

package/dist/esm/nextjs-registry/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/nextjs-registry/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,oCAAoC,CAAA;AAG/D,eAAO,MAAM,aAAa;;CAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/nextjs-registry/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,uCAAuC,CAAA;AAGlE,eAAO,MAAM,aAAa;;CAA6B,CAAA"}

package/dist/esm/nextjs-registry/index.js

@@ -1 +1 @@
-import o from"../components/registry.client.js";import{createNode as r}from"../core.node.js";const t=r(o);export{t as StyleRegistry};
+import o from"../components/style-registry.client.js";import{createNode as r}from"../core.node.js";const t=r(o);export{t as StyleRegistry};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meonode/ui",
   "description": "A structured approach to component composition, direct CSS-first prop styling, built-in theming, smart prop handling (including raw property pass-through), and dynamic children.",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "type": "module",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",

package/dist/cjs/components/registry.client.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@emotion/react"),t=require("@emotion/cache"),n=require("../core.node.cjs"),o=require("next/navigation.js");exports.default=function({children:s}){const[i]=e.useState(()=>{const e=t({key:"meonode-css"});return e.compat=!0,e});return o.useServerInsertedHTML(()=>{const r=Object.keys(i.inserted).sort(),t=r.map(e=>i.inserted[e]).join(""),n=r.join(" ");return t?e.createElement("style",{"data-emotion":`${i.key} ${n}`,dangerouslySetInnerHTML:{__html:t}}):null}),n.Node(r.CacheProvider,{value:i,children:s}).render()};

package/dist/esm/components/registry.client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"registry.client.d.ts","sourceRoot":"","sources":["../../../src/components/registry.client.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,YAAY,EAAY,MAAM,OAAO,CAAA;AAWlE;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,YAAY,CAAA;CAAE,yGA4B7E"}

package/dist/esm/components/registry.client.js

@@ -1,2 +0,0 @@
-"use client";
-import{useState as e,createElement as o}from"react";import{CacheProvider as t}from"@emotion/react";import r from"@emotion/cache";import{Node as n}from"../core.node.js";import{useServerInsertedHTML as i}from"next/navigation.js";function m({children:m}){const[c]=e(()=>{const e=r({key:"meonode-css"});return e.compat=!0,e});return i(()=>{const e=Object.keys(c.inserted).sort(),t=e.map(e=>c.inserted[e]).join(""),r=e.join(" ");return t?o("style",{"data-emotion":`${c.key} ${r}`,dangerouslySetInnerHTML:{__html:t}}):null}),n(t,{value:c,children:m}).render()}export{m as default};