@likec4/diagram 1.59.2 → 1.59.4

package/dist/shadowroot/ShadowRoot.js

@@ -1,13 +1,12 @@
 import { __name } from "../_virtual/_rolldown/runtime.js";
 import { useCallbackRef as useCallbackRef$1 } from "../hooks/useCallbackRef.js";
-import { DefaultMantineProvider } from "../context/DefaultMantineProvider.js";
+import { LikeC4MantineProvider } from "../LikeC4MantineProvider.js";
 import { FramerMotionConfig } from "../context/FramerMotionConfig.js";
 import { useId as useId$1 } from "../hooks/useId.js";
 import styles_font_default from "../styles-font2.js";
 import styles_default from "../styles2.js";
 import { memo, useEffectEvent, useInsertionEffect, useLayoutEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import "fast-equals";
 import { first, isDefined, isFunction, isString, once } from "remeda";
 import { useColorScheme, useMutationObserverTarget } from "@mantine/hooks";
 import { createPortal } from "react-dom";
@@ -78,8 +77,9 @@ function ShadowRoot({ children, theme, injectFontCss = true, styleNonce, colorSc
 		}
 		return "";
 	});
+	const nonce = getStyleNonce();
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MemoizedStyle, {
-		nonce: getStyleNonce(),
+		nonce,
 		cssstyle
 	}), /* @__PURE__ */ jsx(ShadowRootHost, {
 		...props,
@@ -88,7 +88,7 @@ function ShadowRoot({ children, theme, injectFontCss = true, styleNonce, colorSc
 			ref: mantineRootRef,
 			"data-mantine-color-scheme": colorScheme,
 			className: "likec4-shadow-root",
-			children: /* @__PURE__ */ jsx(DefaultMantineProvider, {
+			children: /* @__PURE__ */ jsx(LikeC4MantineProvider, {
 				defaultColorScheme: colorScheme,
 				getRootElement,
 				cssVariablesSelector: ".likec4-shadow-root",
@@ -175,7 +175,8 @@ function createShadowRootStylesheets(csstext) {
 }
 var getComputedColorScheme = () => {
 	try {
-		const colorScheme = first((window.getComputedStyle(document.documentElement).colorScheme ?? "").split(" "));
+		const htmlScheme = window.getComputedStyle(document.documentElement).colorScheme ?? "";
+		const colorScheme = first(htmlScheme.split(" "));
 		if (colorScheme === "light" || colorScheme === "dark") return colorScheme;
 	} catch {}
 	return null;