simplestyle-js 5.4.5 → 5.4.7

package/dist/cjs/next/SimpleStyleProvider.cjs

@@ -9,13 +9,13 @@ 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, {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ClientBoundary.ClientBoundary, {
-                rules: registry.getRulesById()
-            }),
+            registry.getRulesById().map(([ruleId, css])=>/*#__PURE__*/ (0, _jsxruntime.jsx)("style", {
+                    id: ruleId,
+                    children: css
+                }, ruleId)),
             children
         ]
     });

package/dist/cjs/simpleStyleRegistry.cjs

@@ -11,6 +11,7 @@ Object.defineProperty(exports, "SimpleStyleRegistry", {
 /* eslint-disable unicorn/prefer-query-selector */ const doc = globalThis.document;
 class SimpleStyleRegistry {
     sheets = new Map();
+    _id = performance.now().toString();
     add(ruleId, contents) {
         if (this.sheets.has(ruleId) && doc) {
             const tag = doc.getElementById(ruleId);
@@ -45,4 +46,9 @@ ${contents}`, '');
             ...this.sheets.entries()
         ];
     }
+    /**
+   * unique ID for this registry, based on the time when it was created
+   */ get id() {
+        return this._id;
+    }
 }

package/dist/cjs/simpleStyleRegistry.d.ts

@@ -6,6 +6,7 @@
  */
 export declare class SimpleStyleRegistry {
     private sheets;
+    private _id;
     add(ruleId: string, contents: string): void;
     /**
      * returns the bare CSS to be injected into a <style /> tag
@@ -25,4 +26,8 @@ export declare class SimpleStyleRegistry {
      * won't work during local development
      */
     getRulesById(): [string, string][];
+    /**
+     * unique ID for this registry, based on the time when it was created
+     */
+    get id(): string;
 }

package/dist/esm/next/SimpleStyleProvider.mjs

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ClientBoundary } from './ClientBoundary.mjs';
 /**
  * Accumulates all CSS rules and writes
  * them to your layout.
@@ -8,9 +7,10 @@ import { ClientBoundary } from './ClientBoundary.mjs';
  */ export function SimpleStyleProvider({ children, registry }) {
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(ClientBoundary, {
-                rules: registry.getRulesById()
-            }),
+            registry.getRulesById().map(([ruleId, css])=>/*#__PURE__*/ _jsx("style", {
+                    id: ruleId,
+                    children: css
+                }, ruleId)),
             children
         ]
     });

package/dist/esm/simpleStyleRegistry.d.ts

@@ -6,6 +6,7 @@
  */
 export declare class SimpleStyleRegistry {
     private sheets;
+    private _id;
     add(ruleId: string, contents: string): void;
     /**
      * returns the bare CSS to be injected into a <style /> tag
@@ -25,4 +26,8 @@ export declare class SimpleStyleRegistry {
      * won't work during local development
      */
     getRulesById(): [string, string][];
+    /**
+     * unique ID for this registry, based on the time when it was created
+     */
+    get id(): string;
 }

package/dist/esm/simpleStyleRegistry.mjs

@@ -6,6 +6,7 @@
  * React variant of this will come after the baseline one is created
  */ export class SimpleStyleRegistry {
     sheets = new Map();
+    _id = performance.now().toString();
     add(ruleId, contents) {
         if (this.sheets.has(ruleId) && doc) {
             const tag = doc.getElementById(ruleId);
@@ -40,4 +41,9 @@ ${contents}`, '');
             ...this.sheets.entries()
         ];
     }
+    /**
+   * unique ID for this registry, based on the time when it was created
+   */ get id() {
+        return this._id;
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simplestyle-js",
-  "version": "5.4.5",
+  "version": "5.4.7",
   "description": "An incredibly straightforward and simple CSS-in-JS solution with zero runtime dependencies, and out-of-the-box TypeScript support",
   "type": "module",
   "repository": {
@@ -53,7 +53,7 @@
     "postcss": "^8.5.6",
     "react": ">=18",
     "react-dom": ">=18",
-    "@better-builds/ts-duality": "^1.1.0",
+    "@better-builds/ts-duality": "^1.2.5",
     "typescript": "^5.9.3",
     "vite": "^7.3.0",
     "vitest": "^4.0.16"
@@ -110,16 +110,6 @@
         "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",

package/dist/cjs/next/ClientBoundary.cjs

@@ -1,20 +0,0 @@
-'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({ 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,4 +0,0 @@
-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.d.ts

@@ -1,4 +0,0 @@
-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,10 +0,0 @@
-'use client';
-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))
-    });
-}