simplestyle-js 5.3.0 → 5.3.1-beta.1

package/dist/cjs/SimpleStyleProvider.cjs

@@ -0,0 +1,29 @@
+"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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,26 @@
+"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

@@ -0,0 +1,39 @@
+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/cjs/index.cjs

@@ -29,6 +29,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);
 _export_star(require("./types.cjs"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {

package/dist/cjs/index.d.ts

@@ -4,4 +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 * from './types.js';

package/dist/cjs/next/index.cjs

@@ -2,17 +2,25 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_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;
-}
+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/next/index.d.ts

@@ -1 +1,39 @@
-export * from './SimpleStyleProvider.js';
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1,39 @@
+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

@@ -0,0 +1,16 @@
+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)
+    };
+};

package/dist/esm/index.d.ts

@@ -4,4 +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 * from './types.js';

package/dist/esm/index.mjs

@@ -2,4 +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 * from './types.mjs';

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

@@ -1 +1,39 @@
-export * from './SimpleStyleProvider.js';
+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/next/index.mjs

@@ -1 +1,16 @@
-export * from './SimpleStyleProvider.mjs';
+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)
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simplestyle-js",
-  "version": "5.3.0",
+  "version": "5.3.1-beta.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,6 +70,26 @@
     "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",
@@ -110,16 +130,6 @@
         "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",
@@ -199,4 +209,4 @@
   "trustedDependencies": [
     "@swc/core"
   ]
-}
+}

package/dist/cjs/astro/SimpleStyleProvider.astro

@@ -1,16 +0,0 @@
----
-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/next/SimpleStyleProvider.cjs

@@ -1,22 +0,0 @@
-"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

@@ -1,12 +0,0 @@
-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/astro/SimpleStyleProvider.astro

@@ -1,16 +0,0 @@
----
-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/next/SimpleStyleProvider.d.ts

@@ -1,12 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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
-        ]
-    });
-}