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

package/Styles.esm.js

@@ -4,4 +4,6 @@ import { breakpoint as a, media as o, width as s, widths as c } from "./src/styl
 import { color as l, colors as u, hexToRgba as d } from "./src/styles/utilities/color.esm.js";
 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";
-export { 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 };
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stamcat/craftsman",
-  "version": "0.0.23-alpha.18",
+  "version": "0.0.23-alpha.20",
   "type": "module",
   "description": "A powerful, lightweight framework for design systems",
   "repository": {

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

@@ -0,0 +1,9 @@
+import { CraftsmanStyleConfig } from '../utilities/types';
+import { Theme } from '../theme/types';
+type ClientProviderProps = {
+    config?: CraftsmanStyleConfig;
+    theme?: Theme;
+    children?: React.ReactNode;
+};
+export declare function ClientProvider(props: ClientProviderProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+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 { Global as i } from "@emotion/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/styles/components/ClientProvider.tsx
+function s(s) {
+	return s.config && e(s.config), /* @__PURE__ */ o(t, {
+		theme: s.theme || {},
+		children: [/* @__PURE__ */ a(i, { styles: (e) => [r, n(e)] }), s.children]
+	});
+}
+//#endregion
+export { s as ClientProvider };

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

@@ -0,0 +1,6 @@
+type StyleProviderProps = {
+    key?: string;
+    children?: React.ReactNode;
+};
+export declare function NextJSProvider({ children, key }: StyleProviderProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,39 @@
+"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";
+//#region src/styles/components/NextJSProvider.tsx
+function a({ children: a, key: o = "app" }) {
+	let [{ cache: s, flush: c }] = n(() => {
+		let e = r({ key: o });
+		e.compat = !0;
+		let t = e.insert, n = [];
+		return e.insert = (...r) => {
+			let i = r[1];
+			return e.inserted[i.name] === void 0 && n.push(i.name), t(...r);
+		}, {
+			cache: e,
+			flush: () => {
+				let e = n;
+				return n = [], e;
+			}
+		};
+	});
+	return i(() => {
+		let e = c();
+		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 }
+		});
+	}), /* @__PURE__ */ t(e, {
+		value: s,
+		children: a
+	});
+}
+//#endregion
+export { a as NextJSProvider };

package/src/styles/index.d.ts

@@ -5,3 +5,5 @@ export * from './utilities/layout';
 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/utilities/config.d.ts

@@ -1,5 +1,5 @@
-import { ResponsiveWidth, SetConfig } from './types';
-export declare function setCraftsmanConfig(config: SetConfig): void;
+import { ResponsiveWidth, CraftsmanStyleConfig } from './types';
+export declare function setCraftsmanConfig(config: CraftsmanStyleConfig): void;
 export declare function resetCraftsmanConfig(): void;
 export declare function getCraftsmanConfig(): {
     colors: Record<string, string>;

package/src/styles/utilities/types.d.ts

@@ -10,7 +10,7 @@ export type CraftsmanConfig = {
     colors: Colors;
     widths: Width;
 };
-export type SetConfig = Partial<{
+export type CraftsmanStyleConfig = Partial<{
     colors: Partial<Colors>;
     widths: Partial<Width>;
 }>;