@stamcat/craftsman 0.0.23-alpha.20 → 0.0.23-alpha.22

package/NextJSProvider.d.ts

@@ -0,0 +1,2 @@
+export * from './src/styles/next/index.js'
+export {}

package/NextJSProvider.esm.js

@@ -0,0 +1,3 @@
+"use client";
+import { NextJSProvider as e } from "./src/styles/components/NextJSProvider.esm.js";
+export { e as NextJSProvider };

package/Styles.esm.js

@@ -5,5 +5,4 @@ import { color as l, colors as u, hexToRgba as d } from "./src/styles/utilities/
 import { CraftsmanThemeProvider as f, themeBuilder as p } from "./src/styles/theme/theme.esm.js";
 import { globalStyles as m } from "./src/styles/global/globalStyles.esm.js";
 import { ClientProvider as h } from "./src/styles/components/ClientProvider.esm.js";
-import { NextJSProvider as g } from "./src/styles/components/NextJSProvider.esm.js";
-export { h as ClientProvider, f as CraftsmanThemeProvider, g as NextJSProvider, a as breakpoint, l as color, u as colors, e as defaultColors, t as defaultWidths, n as getCraftsmanConfig, m as globalStyles, d as hexToRgba, o as media, r as resetCraftsmanConfig, i as setCraftsmanConfig, p as themeBuilder, s as width, c as widths };
+export { h as ClientProvider, f as CraftsmanThemeProvider, a as breakpoint, l as color, u as colors, e as defaultColors, t as defaultWidths, n as getCraftsmanConfig, m as globalStyles, d as hexToRgba, o as media, r as resetCraftsmanConfig, i as setCraftsmanConfig, p as themeBuilder, s as width, c as widths };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stamcat/craftsman",
-  "version": "0.0.23-alpha.20",
+  "version": "0.0.23-alpha.22",
   "type": "module",
   "description": "A powerful, lightweight framework for design systems",
   "repository": {
@@ -47,6 +47,10 @@
       "types": "./src/styles/index.d.ts",
       "default": "./Styles.esm.js"
     },
+    "./styles/NextJSProvider": {
+      "types": "./src/styles/next/index.d.ts",
+      "default": "./NextJSProvider.esm.js"
+    },
     "./utilities": {
       "types": "./src/utilities/index.d.ts",
       "default": "./Utilities.esm.js"

package/src/styles/components/NextJSProvider.d.ts

@@ -1,6 +1,10 @@
+import { CraftsmanStyleConfig } from '../utilities/types';
+import { Theme } from '../theme/types';
 type StyleProviderProps = {
     key?: string;
     children?: React.ReactNode;
+    config?: CraftsmanStyleConfig;
+    theme?: Theme;
 };
-export declare function NextJSProvider({ children, key }: StyleProviderProps): import("react").JSX.Element;
+export declare function NextJSProvider({ children, key, config, theme }: StyleProviderProps): import("react").JSX.Element;
 export {};

package/src/styles/components/NextJSProvider.esm.js

@@ -1,13 +1,17 @@
 "use client";
-import { CacheProvider as e } from "@emotion/react";
-import { jsx as t } from "react/jsx-runtime";
-import { useState as n } from "react";
-import r from "@emotion/cache";
-import { useServerInsertedHTML as i } from "next/navigation";
+import { setCraftsmanConfig as e } from "../utilities/config.esm.js";
+import { CraftsmanThemeProvider as t, themeBuilder as n } from "../theme/theme.esm.js";
+import { globalStyles as r } from "../global/globalStyles.esm.js";
+import { CacheProvider as i, Global as a } from "@emotion/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useState as c } from "react";
+import l from "@emotion/cache";
+import { useServerInsertedHTML as u } from "next/navigation";
 //#region src/styles/components/NextJSProvider.tsx
-function a({ children: a, key: o = "app" }) {
-	let [{ cache: s, flush: c }] = n(() => {
-		let e = r({ key: o });
+function d({ children: d, key: f = "app", config: p, theme: m }) {
+	p && e(p);
+	let [{ cache: h, flush: g }] = c(() => {
+		let e = l({ key: f });
 		e.compat = !0;
 		let t = e.insert, n = [];
 		return e.insert = (...r) => {
@@ -21,19 +25,22 @@ function a({ children: a, key: o = "app" }) {
 			}
 		};
 	});
-	return i(() => {
-		let e = c();
+	return u(() => {
+		let e = g();
 		if (e.length === 0) return null;
-		let n = "";
-		for (let t of e) n += s.inserted[t];
-		return /* @__PURE__ */ t("style", {
-			"data-emotion": `${s.key} ${e.join(" ")}`,
-			dangerouslySetInnerHTML: { __html: n }
+		let t = "";
+		for (let n of e) t += h.inserted[n];
+		return /* @__PURE__ */ o("style", {
+			"data-emotion": `${h.key} ${e.join(" ")}`,
+			dangerouslySetInnerHTML: { __html: t }
 		});
-	}), /* @__PURE__ */ t(e, {
-		value: s,
-		children: a
+	}), /* @__PURE__ */ o(i, {
+		value: h,
+		children: /* @__PURE__ */ s(t, {
+			theme: m || {},
+			children: [/* @__PURE__ */ o(a, { styles: (e) => [r, n(e)] }), d]
+		})
 	});
 }
 //#endregion
-export { a as NextJSProvider };
+export { d as NextJSProvider };

package/src/styles/index.d.ts

@@ -6,4 +6,3 @@ export * from './utilities/types';
 export * from './theme/theme';
 export * from './global/globalStyles';
 export { ClientProvider } from './components/ClientProvider';
-export { NextJSProvider } from './components/NextJSProvider';

package/src/styles/next/index.d.ts

@@ -0,0 +1 @@
+export { NextJSProvider } from '../components/NextJSProvider';