simplestyle-js 5.4.4-beta.1 → 5.4.4-beta.2

package/dist/cjs/next/ClientBoundary.cjs

@@ -10,18 +10,11 @@ Object.defineProperty(exports, "ClientBoundary", {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _IHateNextJsContext = require("./IHateNextJsContext.cjs");
-function ClientBoundary({ children }) {
-    const ctx = (0, _react.use)(_IHateNextJsContext.IHateNextJSContext);
-    if (!ctx) return null;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            ctx.registry.getRulesById().map(([ruleId, css])=>/*#__PURE__*/ (0, _jsxruntime.jsx)("style", {
-                    id: ruleId,
-                    children: css
-                }, ruleId)),
-            children
-        ]
+function ClientBoundary({ rules }) {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
+        children: rules.map(([ruleId, css])=>/*#__PURE__*/ (0, _jsxruntime.jsx)("style", {
+                id: ruleId,
+                children: css
+            }, ruleId))
     });
 }

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

@@ -1,2 +1,4 @@
-import { type PropsWithChildren } from 'react';
-export declare function ClientBoundary({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element | null;
+import type { SimpleStyleRegistry } from '../simpleStyleRegistry.js';
+export declare function ClientBoundary({ rules, }: {
+    rules: ReturnType<SimpleStyleRegistry['getRulesById']>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/next/SimpleStyleProvider.cjs

@@ -10,12 +10,13 @@ Object.defineProperty(exports, "SimpleStyleProvider", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _ClientBoundary = require("./ClientBoundary.cjs");
-const _IHateNextJsContext = require("./IHateNextJsContext.cjs");
-function SimpleStyleProvider({ children, ...rest }) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_IHateNextJsContext.IHateNextJSContext, {
-        value: rest,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ClientBoundary.ClientBoundary, {
-            children: children
-        })
+function SimpleStyleProvider({ children, registry }) {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ClientBoundary.ClientBoundary, {
+                rules: registry.getRulesById()
+            }),
+            children
+        ]
     });
 }

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

@@ -1,9 +1,11 @@
 import type { PropsWithChildren } from 'react';
-import { type IHateNextJSProps } from './IHateNextJsContext.js';
+import type { SimpleStyleRegistry } from '../simpleStyleRegistry.js';
 /**
  * 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 declare function SimpleStyleProvider({ children, ...rest }: PropsWithChildren & IHateNextJSProps): import("react/jsx-runtime").JSX.Element;
+export declare function SimpleStyleProvider({ children, registry, }: PropsWithChildren & {
+    registry: SimpleStyleRegistry;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,4 @@
-import { type PropsWithChildren } from 'react';
-export declare function ClientBoundary({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element | null;
+import type { SimpleStyleRegistry } from '../simpleStyleRegistry.js';
+export declare function ClientBoundary({ rules, }: {
+    rules: ReturnType<SimpleStyleRegistry['getRulesById']>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/next/ClientBoundary.mjs

@@ -1,20 +1,10 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// this client boundary is required to allow
-// Next.js to collect the styles on the server
-// but allow flushing them to the DOM at runtime
-import { use } from 'react';
-import { IHateNextJSContext } from './IHateNextJsContext.mjs';
-export function ClientBoundary({ children }) {
-    const ctx = use(IHateNextJSContext);
-    if (!ctx) return null;
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            ctx.registry.getRulesById().map(([ruleId, css])=>/*#__PURE__*/ _jsx("style", {
-                    id: ruleId,
-                    children: css
-                }, ruleId)),
-            children
-        ]
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export function ClientBoundary({ rules }) {
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: rules.map(([ruleId, css])=>/*#__PURE__*/ _jsx("style", {
+                id: ruleId,
+                children: css
+            }, ruleId))
     });
 }

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

@@ -1,9 +1,11 @@
 import type { PropsWithChildren } from 'react';
-import { type IHateNextJSProps } from './IHateNextJsContext.js';
+import type { SimpleStyleRegistry } from '../simpleStyleRegistry.js';
 /**
  * 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 declare function SimpleStyleProvider({ children, ...rest }: PropsWithChildren & IHateNextJSProps): import("react/jsx-runtime").JSX.Element;
+export declare function SimpleStyleProvider({ children, registry, }: PropsWithChildren & {
+    registry: SimpleStyleRegistry;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/next/SimpleStyleProvider.mjs

@@ -1,16 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ClientBoundary } from './ClientBoundary.mjs';
-import { IHateNextJSContext } from './IHateNextJsContext.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, ...rest }) {
-    return /*#__PURE__*/ _jsx(IHateNextJSContext, {
-        value: rest,
-        children: /*#__PURE__*/ _jsx(ClientBoundary, {
-            children: children
-        })
+ */ export function SimpleStyleProvider({ children, registry }) {
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(ClientBoundary, {
+                rules: registry.getRulesById()
+            }),
+            children
+        ]
     });
 }

package/package.json

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

package/dist/cjs/next/IHateNextJsContext.cjs

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "IHateNextJSContext", {
-    enumerable: true,
-    get: function() {
-        return IHateNextJSContext;
-    }
-});
-const _react = require("react");
-const IHateNextJSContext = /*#__PURE__*/ (0, _react.createContext)(null);

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

@@ -1,5 +0,0 @@
-import type { SimpleStyleRegistry } from '../simpleStyleRegistry.js';
-export type IHateNextJSProps = {
-    registry: SimpleStyleRegistry;
-};
-export declare const IHateNextJSContext: import("react").Context<IHateNextJSProps | null>;

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

@@ -1,5 +0,0 @@
-import type { SimpleStyleRegistry } from '../simpleStyleRegistry.js';
-export type IHateNextJSProps = {
-    registry: SimpleStyleRegistry;
-};
-export declare const IHateNextJSContext: import("react").Context<IHateNextJSProps | null>;

package/dist/esm/next/IHateNextJsContext.mjs

@@ -1,2 +0,0 @@
-import { createContext } from 'react';
-export const IHateNextJSContext = /*#__PURE__*/ createContext(null);