simplestyle-js 5.4.2 → 5.4.3

package/dist/cjs/next/ClientBoundary.cjs

@@ -0,0 +1,17 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ClientBoundary", {
+    enumerable: true,
+    get: function() {
+        return ClientBoundary;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+function ClientBoundary({ children }) {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+        children: children
+    });
+}

package/dist/cjs/next/ClientBoundary.d.ts

@@ -0,0 +1,2 @@
+import type { PropsWithChildren } from 'react';
+export declare function ClientBoundary({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/next/SimpleStyleProvider.cjs

@@ -9,8 +9,9 @@ Object.defineProperty(exports, "SimpleStyleProvider", {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _ClientBoundary = require("./ClientBoundary.cjs");
 function SimpleStyleProvider({ children, registry }) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ClientBoundary.ClientBoundary, {
         children: [
             registry.getRulesById().map(([ruleId, css])=>/*#__PURE__*/ (0, _jsxruntime.jsx)("style", {
                     id: ruleId,

package/dist/esm/next/ClientBoundary.d.ts

@@ -0,0 +1,2 @@
+import type { PropsWithChildren } from 'react';
+export declare function ClientBoundary({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/esm/next/ClientBoundary.mjs

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export function ClientBoundary({ children }) {
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: children
+    });
+}

package/dist/esm/next/SimpleStyleProvider.mjs

@@ -1,11 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ClientBoundary } from './ClientBoundary.mjs';
 /**
  * Accumulates all CSS rules and writes
  * them to your layout.
  * Use this for Next.js or other Next.js-like frameworks
  * that leverage React server components
  */ export function SimpleStyleProvider({ children, registry }) {
-    return /*#__PURE__*/ _jsxs(_Fragment, {
+    return /*#__PURE__*/ _jsxs(ClientBoundary, {
         children: [
             registry.getRulesById().map(([ruleId, css])=>/*#__PURE__*/ _jsx("style", {
                     id: ruleId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simplestyle-js",
-  "version": "5.4.2",
+  "version": "5.4.3",
   "description": "An incredibly straightforward and simple CSS-in-JS solution with zero runtime dependencies, and out-of-the-box TypeScript support",
   "type": "module",
   "repository": {
@@ -110,6 +110,16 @@
         "default": "./dist/esm/makeStyles.mjs"
       }
     },
+    "./next/ClientBoundary": {
+      "require": {
+        "types": "./dist/cjs/next/ClientBoundary.d.ts",
+        "default": "./dist/cjs/next/ClientBoundary.cjs"
+      },
+      "import": {
+        "types": "./dist/esm/next/ClientBoundary.d.ts",
+        "default": "./dist/esm/next/ClientBoundary.mjs"
+      }
+    },
     "./next/SimpleStyleProvider": {
       "require": {
         "types": "./dist/cjs/next/SimpleStyleProvider.d.ts",