@stamcat/craftsman 0.0.23-alpha.21 → 0.0.23-alpha.23

package/package.json

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

package/src/components/Button.esm.js

@@ -1,30 +1,23 @@
 import { isEmpty as e } from "../utilities/validations.esm.js";
-import { ThemeContext as t, css as n } from "@emotion/react";
-import r from "@emotion/styled";
-import { Fragment as i, jsx as a } from "react/jsx-runtime";
+import { css as t } from "@emotion/react";
+import n from "@emotion/styled";
+import { Fragment as r, jsx as i } from "react/jsx-runtime";
 //#region src/components/Button.tsx
-var o = r.button`
+var a = n.button`
     ${(e) => e.styles}
-    ${((e) => e.size && n`
+    ${((e) => e.size && t`
         border-radius: calc(var(--btn-border-radius) * ${e.size});
         padding: calc(var(--btn-pad-y) * ${e.size}) calc(var(--btn-pad-x) * ${e.size});
         font-size: max(10px, calc(var(--w-text) * ${e.size}));
     `)}
-`, s = (n) => {
-	let { type: r = "button", variant: s = "default", className: c, size: l, ...u } = n, d = typeof l == "number" ? Math.min(10, Math.max(.1, l)) : void 0;
-	return e(n.children) ? /* @__PURE__ */ a(i, {}) : /* @__PURE__ */ a(t.Consumer, { children: (e) => {
-		let t = e, n = typeof t?.components?.button == "string" ? t.components.button : void 0, i = [
-			s === "default" ? void 0 : s,
-			n,
-			c
-		].filter(Boolean).join(" ") || void 0;
-		return /* @__PURE__ */ a(o, {
-			type: r,
-			size: d,
-			className: i,
-			...u
-		});
-	} });
+`, o = (t) => {
+	let { type: n = "button", variant: o = "default", className: s, size: c, ...l } = t, u = typeof c == "number" ? Math.min(10, Math.max(.1, c)) : void 0, d = [o === "default" ? void 0 : o, s].filter(Boolean).join(" ") || void 0;
+	return e(t.children) ? /* @__PURE__ */ i(r, {}) : /* @__PURE__ */ i(a, {
+		type: n,
+		size: u,
+		className: d,
+		...l
+	});
 };
 //#endregion
-export { s as Button };
+export { o as Button };

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/utilities/validations.esm.js

@@ -1,9 +1,7 @@
 //#region src/utilities/validations.ts
-/* #__PURE__ */
 function e(e) {
 	return e == null || typeof e == "object" && Object.keys(e).length === 0 || typeof e == "string" && e.trim().length === 0 || typeof e == "string" && e === " ";
 }
-/* #__PURE__ */
 function t(e) {
 	return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }