simplestyle-js 5.3.1-beta.2 → 5.3.1

package/dist/cjs/astro/SimpleStyleProvider.astro

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -1,6 +1,6 @@
 {
   "name": "simplestyle-js",
-  "version": "5.3.1-beta.2",
+  "version": "5.3.1",
   "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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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)
-    };
-};