npm - simplestyle-js - Versions diffs - 5.3.1-beta.2 → 5.3.2 - Mend

simplestyle-js 5.3.1-beta.2 → 5.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/README.md +25 -27
package/dist/cjs/astro/SimpleStyleProvider.astro +16 -0
package/dist/cjs/index.cjs +4 -1
package/dist/cjs/index.d.ts +1 -1
package/dist/cjs/next/SimpleStyleProvider.cjs +22 -0
package/dist/cjs/next/SimpleStyleProvider.d.ts +12 -0
package/dist/cjs/next/index.cjs +14 -22
package/dist/cjs/next/index.d.ts +1 -39
package/dist/esm/astro/SimpleStyleProvider.astro +16 -0
package/dist/esm/index.d.ts +1 -1
package/dist/esm/index.mjs +1 -1
package/dist/esm/next/SimpleStyleProvider.d.ts +12 -0
package/dist/esm/next/SimpleStyleProvider.mjs +17 -0
package/dist/esm/next/index.d.ts +1 -39
package/dist/esm/next/index.mjs +1 -16
package/package.json +11 -21
package/dist/cjs/SimpleStyleProvider.cjs +0 -29
package/dist/cjs/SimpleStyleProvider.d.ts +0 -3
package/dist/cjs/astro/index.cjs +0 -26
package/dist/cjs/astro/index.d.ts +0 -39
package/dist/esm/SimpleStyleProvider.d.ts +0 -3
package/dist/esm/SimpleStyleProvider.mjs +0 -19
package/dist/esm/astro/index.d.ts +0 -39
package/dist/esm/astro/index.mjs +0 -16

package/README.md CHANGED Viewed

@@ -146,8 +146,7 @@ SimpleStyle provides an easy way to "bind" all of the CSS functions it exports t
 To do this, you would use the same API that's used to bind to a specific sheet registry, but specify the `variables` option:
 ```typescript
-import { makeCssFuncs } from "simplestyle-js";
-import { SimpleStyleRegistry } from "simplestyle-js/simpleStyleRegistry";
+import { makeCssFuncs, SimpleStyleRegistry } from "simplestyle-js";
 export const { createStyles, keyframes } = makeCssFuncs({
@@ -225,33 +224,33 @@ Check out this [Code Sandbox w/Next.js integration to see how it works](https://
 ### Astro
-Create your style registry and scoped CSS functions, then use the official Astro integration here and wrap the `SimpleStyleProvider` around your page's `<head />` contents.
+Due to how Astro processes its front matter sections at build time, and how this also affects local development, each `.astro` file that has its own CSS rules will also need to have its own `SimpleStyleRegistry` instance.
+The overall developer experience is similar to Next.js, but requires a pinch more boilerplate.
 ```typescript
 // src/styleRegistry.ts
 import { makeCssFuncs, setSeed } from "simplestyle-js";
-import { SimpleStyleRegistry } from "simplestyle-js/simpleStyleRegistry";
 // ensures deterministic creation of CSS classnames
 setSeed(11223344);
-export const StyleRegistry = new SimpleStyleRegistry();
-export { createStyles, imports, keyframes, rawStyles } = makeCssFuncs({ registry: StyleRegistry });
+export { createStyles, imports, keyframes, rawStyles } = makeCssFuncs({});
 ```
 ```astro
 ---
+import { SimpleStyleRegistry } from "simplestyle-js";
 import SimpleStyleProvider from "simplestyle-js/astro/SimpleStyleProvider";
 import {
-  StyleRegistry,
   createStyles,
   keyframes,
   rawStyles,
 } from "../styleRegistry";
+const registry = new SimpleStyleRegistry();
 rawStyles("basic-css-reset", ()  => ({
   "*": {
     boxSizing: "border-box",
@@ -261,7 +260,10 @@ rawStyles("basic-css-reset", ()  => ({
     fontSize: "16px",
     padding: 0,
   },
-}));
+}), {
+  // provide the registry used for this `.astro` file here
+  registry,
+});
 // make changes to me and I will hot reload!
 const { keyframe } = keyframes("HomePage", () => ({
@@ -277,7 +279,10 @@ const { keyframe } = keyframes("HomePage", () => ({
   "100%": {
     backgroundColor: "#cc2222cc",
   },
-}));
+}), {
+  // provide the registry used for this `.astro` file here
+  registry,
+});
 const { classes } = createStyles("HomePage", () => ({
   background: {
@@ -296,20 +301,14 @@ const { classes } = createStyles("HomePage", () => ({
     color: "white",
     padding: "1rem",
   },
-}));
+}), {
+  // provide the registry used for this `.astro` file here
+  registry,
+});
 ---
-<html lang="en">
-  <head>
-    <SimpleStyleProvider registry={StyleRegistry}>
-      <meta charset="utf-8" />
-      <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-      <meta name="viewport" content="width=device-width" />
-      <meta name="generator" content={Astro.generator} />
-      <title>Astro</title>
-    </SimpleStyleProvider>
-  </head>
-  <body class={classes.background}>
+<!-- wrap your astro content here with the provider and give it the registry you created in your front matter -->
+<SimpleStyleProvider registry={registry}>
+  <div class={classes.background}>
     <div class={classes.content}>
       <h1>Astro</h1>
       <p>
@@ -318,8 +317,8 @@ const { classes } = createStyles("HomePage", () => ({
       </p>
       <p>Feel free to edit me and I'll hot reload!</p>
     </div>
-  </body>
-</html>
+  </div>
+</SimpleStyleProvider>
 ```
 Check out this [Code Sandbox w/Astro integration to see how it works](https://codesandbox.io/p/devbox/mq9twt).
@@ -341,8 +340,7 @@ The core APIs needed to make this work are:
 For demonstration purposes, we'll locate this at our `src/` root, and name it `styleLib.js`
 ```javascript
-import { makeCssFuncs, setSeed } from "simplestyle-js";
-import { SimpleStyleRegistry } from "simplestyle-js/simpleStyleRegistry";
+import { makeCssFuncs, setSeed, SimpleStyleRegistry } from "simplestyle-js";
 // set the className generation seed to ensure classNames are computed consistently
 // between the client and the server.

package/dist/cjs/astro/SimpleStyleProvider.astro ADDED Viewed

@@ -0,0 +1,16 @@
+---
+import type { SimpleStyleRegistry } from '../simpleStyleRegistry';
+interface Props {
+  registry: SimpleStyleRegistry;
+}
+const { registry } = Astro.props;
+const cssRulesById = registry.getRulesById();
+---
+{cssRulesById.map(([ruleId, css]) => (
+  <style id={ruleId} set:html={css}></style>
+))}
+<slot />

package/dist/cjs/index.cjs CHANGED Viewed

@@ -9,6 +9,9 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    get SimpleStyleRegistry () {
+        return _simpleStyleRegistry.SimpleStyleRegistry;
+    },
     get createStyles () {
         return _createStyles.default;
     },
@@ -29,7 +32,7 @@ const _createStyles = /*#__PURE__*/ _interop_require_wildcard(require("./createS
 const _generateClassName = require("./generateClassName.cjs");
 _export_star(require("./makeStyles.cjs"), exports);
 const _plugins = require("./plugins.cjs");
-_export_star(require("./simpleStyleRegistry.cjs"), exports);
+const _simpleStyleRegistry = require("./simpleStyleRegistry.cjs");
 _export_star(require("./types.cjs"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {

package/dist/cjs/index.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ export { setSeed } from './generateClassName.js';
 export * from './makeStyles.js';
 export type { PosthookPlugin } from './plugins.js';
 export { registerPosthook } from './plugins.js';
-export * from './simpleStyleRegistry.js';
+export { SimpleStyleRegistry } from './simpleStyleRegistry.js';
 export * from './types.js';

package/dist/cjs/next/SimpleStyleProvider.cjs ADDED Viewed

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SimpleStyleProvider", {
+    enumerable: true,
+    get: function() {
+        return SimpleStyleProvider;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+function SimpleStyleProvider({ children, registry }) {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            registry.getRulesById().map(([ruleId, css])=>/*#__PURE__*/ (0, _jsxruntime.jsx)("style", {
+                    id: ruleId,
+                    children: css
+                }, ruleId)),
+            children
+        ]
+    });
+}

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

@@ -0,0 +1,12 @@
+import type { PropsWithChildren } from 'react';
+import type { SimpleStyleRegistry } from '../simpleStyleRegistry.js';
+export type SimpleStyleProviderProps = PropsWithChildren & {
+    registry: SimpleStyleRegistry;
+};
+/**
+ * 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, registry, }: SimpleStyleProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/next/index.cjs CHANGED Viewed

@@ -2,25 +2,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "makeCssFuncs", {
-    enumerable: true,
-    get: function() {
-        return makeCssFuncs;
-    }
-});
-const _makeStyles = require("../makeStyles.cjs");
-const _SimpleStyleProvider = require("../SimpleStyleProvider.cjs");
-const _simpleStyleRegistry = require("../simpleStyleRegistry.cjs");
-const makeCssFuncs = (...args)=>{
-    const [opts, ...rest] = args;
-    const { registry: providedRegistry } = opts;
-    const registry = providedRegistry ?? new _simpleStyleRegistry.SimpleStyleRegistry();
-    const funcs = (0, _makeStyles.makeCssFuncs)({
-        ...opts,
-        registry
-    }, ...rest);
-    return {
-        ...funcs,
-        SimpleStyleProvider: (0, _SimpleStyleProvider.makeSimpleStyleProvider)(registry)
-    };
-};
+_export_star(require("./SimpleStyleProvider.cjs"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/cjs/next/index.d.ts CHANGED Viewed

@@ -1,39 +1 @@
-import { makeCssFuncs as _makeCssFuncs } from '../makeStyles.js';
-import { SimpleStyleRegistry } from '../simpleStyleRegistry.js';
-export declare const makeCssFuncs: (...args: Parameters<typeof _makeCssFuncs>) => {
-    SimpleStyleProvider: ({ children }: import("react").PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    createStyles: <T extends import("../types.js").SimpleStyleRules, K extends keyof T, O extends Record<K, string>>(ruleId: string, rulesFnc: (vars: object) => T, overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => {
-        classes: O;
-        stylesheet: string;
-        updateSheet: <T2 extends import("../types.js").SimpleStyleRules>(updatedRulesFnc: () => Partial<T2>) => {
-            classes: Record<string | number | keyof T2, string>;
-            stylesheet: string;
-        } | null;
-    };
-    imports: (ruleId: string, rulesFnc: (vars: object) => `@import ${string}`[], overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => void;
-    keyframes: <T extends Record<string, import("csstype").Properties>>(ruleId: string, rulesFnc: (vars: object) => T, overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => {
-        keyframe: string;
-        stylesheet: string;
-    };
-    rawStyles: <T extends import("../types.js").SimpleStyleRules>(ruleId: string, rulesFnc: (vars: object) => T, overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => string;
-};
+export * from './SimpleStyleProvider.js';

package/dist/esm/astro/SimpleStyleProvider.astro ADDED Viewed

@@ -0,0 +1,16 @@
+---
+import type { SimpleStyleRegistry } from '../simpleStyleRegistry';
+interface Props {
+  registry: SimpleStyleRegistry;
+}
+const { registry } = Astro.props;
+const cssRulesById = registry.getRulesById();
+---
+{cssRulesById.map(([ruleId, css]) => (
+  <style id={ruleId} set:html={css}></style>
+))}
+<slot />

package/dist/esm/index.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ export { setSeed } from './generateClassName.js';
 export * from './makeStyles.js';
 export type { PosthookPlugin } from './plugins.js';
 export { registerPosthook } from './plugins.js';
-export * from './simpleStyleRegistry.js';
+export { SimpleStyleRegistry } from './simpleStyleRegistry.js';
 export * from './types.js';

package/dist/esm/index.mjs CHANGED Viewed

@@ -2,5 +2,5 @@ export { default as createStyles, keyframes, rawStyles } from './createStyles.mj
 export { setSeed } from './generateClassName.mjs';
 export * from './makeStyles.mjs';
 export { registerPosthook } from './plugins.mjs';
-export * from './simpleStyleRegistry.mjs';
+export { SimpleStyleRegistry } from './simpleStyleRegistry.mjs';
 export * from './types.mjs';

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

@@ -0,0 +1,12 @@
+import type { PropsWithChildren } from 'react';
+import type { SimpleStyleRegistry } from '../simpleStyleRegistry.js';
+export type SimpleStyleProviderProps = PropsWithChildren & {
+    registry: SimpleStyleRegistry;
+};
+/**
+ * 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, registry, }: SimpleStyleProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/next/SimpleStyleProvider.mjs ADDED Viewed

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 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, {
+        children: [
+            registry.getRulesById().map(([ruleId, css])=>/*#__PURE__*/ _jsx("style", {
+                    id: ruleId,
+                    children: css
+                }, ruleId)),
+            children
+        ]
+    });
+}

package/dist/esm/next/index.d.ts CHANGED Viewed

@@ -1,39 +1 @@
-import { makeCssFuncs as _makeCssFuncs } from '../makeStyles.js';
-import { SimpleStyleRegistry } from '../simpleStyleRegistry.js';
-export declare const makeCssFuncs: (...args: Parameters<typeof _makeCssFuncs>) => {
-    SimpleStyleProvider: ({ children }: import("react").PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    createStyles: <T extends import("../types.js").SimpleStyleRules, K extends keyof T, O extends Record<K, string>>(ruleId: string, rulesFnc: (vars: object) => T, overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => {
-        classes: O;
-        stylesheet: string;
-        updateSheet: <T2 extends import("../types.js").SimpleStyleRules>(updatedRulesFnc: () => Partial<T2>) => {
-            classes: Record<string | number | keyof T2, string>;
-            stylesheet: string;
-        } | null;
-    };
-    imports: (ruleId: string, rulesFnc: (vars: object) => `@import ${string}`[], overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => void;
-    keyframes: <T extends Record<string, import("csstype").Properties>>(ruleId: string, rulesFnc: (vars: object) => T, overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => {
-        keyframe: string;
-        stylesheet: string;
-    };
-    rawStyles: <T extends import("../types.js").SimpleStyleRules>(ruleId: string, rulesFnc: (vars: object) => T, overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => string;
-};
+export * from './SimpleStyleProvider.js';

package/dist/esm/next/index.mjs CHANGED Viewed

@@ -1,16 +1 @@
-import { makeCssFuncs as _makeCssFuncs } from '../makeStyles.mjs';
-import { makeSimpleStyleProvider } from '../SimpleStyleProvider.mjs';
-import { SimpleStyleRegistry } from '../simpleStyleRegistry.mjs';
-export const makeCssFuncs = (...args)=>{
-    const [opts, ...rest] = args;
-    const { registry: providedRegistry } = opts;
-    const registry = providedRegistry ?? new SimpleStyleRegistry();
-    const funcs = _makeCssFuncs({
-        ...opts,
-        registry
-    }, ...rest);
-    return {
-        ...funcs,
-        SimpleStyleProvider: makeSimpleStyleProvider(registry)
-    };
-};
+export * from './SimpleStyleProvider.mjs';

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "simplestyle-js",
-  "version": "5.3.1-beta.2",
+  "version": "5.3.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": {
@@ -70,26 +70,6 @@
     "react": ">=16.8"
   },
   "exports": {
-    "./SimpleStyleProvider": {
-      "require": {
-        "types": "./dist/cjs/SimpleStyleProvider.d.ts",
-        "default": "./dist/cjs/SimpleStyleProvider.cjs"
-      },
-      "import": {
-        "types": "./dist/esm/SimpleStyleProvider.d.ts",
-        "default": "./dist/esm/SimpleStyleProvider.mjs"
-      }
-    },
-    "./astro": {
-      "require": {
-        "types": "./dist/cjs/astro/index.d.ts",
-        "default": "./dist/cjs/astro/index.cjs"
-      },
-      "import": {
-        "types": "./dist/esm/astro/index.d.ts",
-        "default": "./dist/esm/astro/index.mjs"
-      }
-    },
     "./createStyles": {
       "require": {
         "types": "./dist/cjs/createStyles.d.ts",
@@ -130,6 +110,16 @@
         "default": "./dist/esm/makeStyles.mjs"
       }
     },
+    "./next/SimpleStyleProvider": {
+      "require": {
+        "types": "./dist/cjs/next/SimpleStyleProvider.d.ts",
+        "default": "./dist/cjs/next/SimpleStyleProvider.cjs"
+      },
+      "import": {
+        "types": "./dist/esm/next/SimpleStyleProvider.d.ts",
+        "default": "./dist/esm/next/SimpleStyleProvider.mjs"
+      }
+    },
     "./next": {
       "require": {
         "types": "./dist/cjs/next/index.d.ts",

package/dist/cjs/SimpleStyleProvider.cjs DELETED Viewed

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "makeSimpleStyleProvider", {
-    enumerable: true,
-    get: function() {
-        return makeSimpleStyleProvider;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-function makeSimpleStyleProvider(registry) {
-    /**
-   * 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
-   */ return function SimpleStyleProvider({ children }) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-            children: [
-                registry.getRulesById().map(([ruleId, css])=>/*#__PURE__*/ (0, _jsxruntime.jsx)("style", {
-                        id: ruleId,
-                        children: css
-                    }, ruleId)),
-                children
-            ]
-        });
-    };
-}

package/dist/cjs/SimpleStyleProvider.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import type { SimpleStyleRegistry } from './simpleStyleRegistry.js';
-export declare function makeSimpleStyleProvider(registry: SimpleStyleRegistry): ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/astro/index.cjs DELETED Viewed

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "makeCssFuncs", {
-    enumerable: true,
-    get: function() {
-        return makeCssFuncs;
-    }
-});
-const _makeStyles = require("../makeStyles.cjs");
-const _SimpleStyleProvider = require("../SimpleStyleProvider.cjs");
-const _simpleStyleRegistry = require("../simpleStyleRegistry.cjs");
-const makeCssFuncs = (...args)=>{
-    const [opts, ...rest] = args;
-    const { registry: providedRegistry } = opts;
-    const registry = providedRegistry ?? new _simpleStyleRegistry.SimpleStyleRegistry();
-    const funcs = (0, _makeStyles.makeCssFuncs)({
-        ...opts,
-        registry
-    }, ...rest);
-    return {
-        ...funcs,
-        SimpleStyleProvider: (0, _SimpleStyleProvider.makeSimpleStyleProvider)(registry)
-    };
-};

package/dist/cjs/astro/index.d.ts DELETED Viewed

@@ -1,39 +0,0 @@
-import { makeCssFuncs as _makeCssFuncs } from '../makeStyles.js';
-import { SimpleStyleRegistry } from '../simpleStyleRegistry.js';
-export declare const makeCssFuncs: (...args: Parameters<typeof _makeCssFuncs>) => {
-    SimpleStyleProvider: ({ children }: import("react").PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    createStyles: <T extends import("../types.js").SimpleStyleRules, K extends keyof T, O extends Record<K, string>>(ruleId: string, rulesFnc: (vars: object) => T, overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => {
-        classes: O;
-        stylesheet: string;
-        updateSheet: <T2 extends import("../types.js").SimpleStyleRules>(updatedRulesFnc: () => Partial<T2>) => {
-            classes: Record<string | number | keyof T2, string>;
-            stylesheet: string;
-        } | null;
-    };
-    imports: (ruleId: string, rulesFnc: (vars: object) => `@import ${string}`[], overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => void;
-    keyframes: <T extends Record<string, import("csstype").Properties>>(ruleId: string, rulesFnc: (vars: object) => T, overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => {
-        keyframe: string;
-        stylesheet: string;
-    };
-    rawStyles: <T extends import("../types.js").SimpleStyleRules>(ruleId: string, rulesFnc: (vars: object) => T, overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => string;
-};

package/dist/esm/SimpleStyleProvider.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import type { SimpleStyleRegistry } from './simpleStyleRegistry.js';
-export declare function makeSimpleStyleProvider(registry: SimpleStyleRegistry): ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/SimpleStyleProvider.mjs DELETED Viewed

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export function makeSimpleStyleProvider(registry) {
-    /**
-   * 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
-   */ return function SimpleStyleProvider({ children }) {
-        return /*#__PURE__*/ _jsxs(_Fragment, {
-            children: [
-                registry.getRulesById().map(([ruleId, css])=>/*#__PURE__*/ _jsx("style", {
-                        id: ruleId,
-                        children: css
-                    }, ruleId)),
-                children
-            ]
-        });
-    };
-}

package/dist/esm/astro/index.d.ts DELETED Viewed

@@ -1,39 +0,0 @@
-import { makeCssFuncs as _makeCssFuncs } from '../makeStyles.js';
-import { SimpleStyleRegistry } from '../simpleStyleRegistry.js';
-export declare const makeCssFuncs: (...args: Parameters<typeof _makeCssFuncs>) => {
-    SimpleStyleProvider: ({ children }: import("react").PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    createStyles: <T extends import("../types.js").SimpleStyleRules, K extends keyof T, O extends Record<K, string>>(ruleId: string, rulesFnc: (vars: object) => T, overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => {
-        classes: O;
-        stylesheet: string;
-        updateSheet: <T2 extends import("../types.js").SimpleStyleRules>(updatedRulesFnc: () => Partial<T2>) => {
-            classes: Record<string | number | keyof T2, string>;
-            stylesheet: string;
-        } | null;
-    };
-    imports: (ruleId: string, rulesFnc: (vars: object) => `@import ${string}`[], overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => void;
-    keyframes: <T extends Record<string, import("csstype").Properties>>(ruleId: string, rulesFnc: (vars: object) => T, overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => {
-        keyframe: string;
-        stylesheet: string;
-    };
-    rawStyles: <T extends import("../types.js").SimpleStyleRules>(ruleId: string, rulesFnc: (vars: object) => T, overrides?: Partial<{
-        flush: boolean;
-        insertAfter?: HTMLElement;
-        insertBefore?: HTMLElement;
-        registry?: SimpleStyleRegistry;
-    }> | undefined) => string;
-};

package/dist/esm/astro/index.mjs DELETED Viewed

@@ -1,16 +0,0 @@
-import { makeCssFuncs as _makeCssFuncs } from '../makeStyles.mjs';
-import { makeSimpleStyleProvider } from '../SimpleStyleProvider.mjs';
-import { SimpleStyleRegistry } from '../simpleStyleRegistry.mjs';
-export const makeCssFuncs = (...args)=>{
-    const [opts, ...rest] = args;
-    const { registry: providedRegistry } = opts;
-    const registry = providedRegistry ?? new SimpleStyleRegistry();
-    const funcs = _makeCssFuncs({
-        ...opts,
-        registry
-    }, ...rest);
-    return {
-        ...funcs,
-        SimpleStyleProvider: makeSimpleStyleProvider(registry)
-    };
-};