@likec4/diagram 1.55.0 → 1.56.0

package/dist/shadowroot/styles.css.js

@@ -1,72 +1,62 @@
-import { css } from '@likec4/styles/css';
-import { useColorScheme as useColorScheme$1, useMutationObserver } from '@mantine/hooks';
-import { useIsomorphicLayoutEffect } from '@react-hookz/web';
-import { useState } from 'react';
-import { isString, isFunction, first } from 'remeda';
-import fontsCss from '../styles-font.css2.js';
-import inlinedStyles from '../styles.css2.js';
-import { useCallbackRef } from '../hooks/useCallbackRef.js';
-
+import { __name } from "../_virtual/_rolldown/runtime.js";
+import { useCallbackRef as useCallbackRef$1 } from "../hooks/useCallbackRef.js";
+import styles_font_default from "../styles-font2.js";
+import styles_default from "../styles2.js";
+import { css } from "@likec4/styles/css";
+import { useState } from "react";
+import { useIsomorphicLayoutEffect } from "@react-hookz/web";
+import { first, isFunction, isString } from "remeda";
+import { useColorScheme, useMutationObserverTarget } from "@mantine/hooks";
 css({
-  cursor: "pointer",
-  ["--mantine-cursor-pointer"]: "pointer",
-  "& :where(.likec4-diagram, .likec4-compound-node, .likec4-element-node)": {
-    cursor: "pointer"
-  }
+	cursor: "pointer",
+	["--mantine-cursor-pointer"]: "pointer",
+	"& :where(.likec4-diagram, .likec4-compound-node, .likec4-element-node)": { cursor: "pointer" }
 });
 function useBundledStyleSheet(injectFontCss, styleNonce) {
-  const [styleSheets, setStyleSheets] = useState([]);
-  useIsomorphicLayoutEffect(() => {
-    if (injectFontCss && !document.querySelector(`style[data-likec4-font]`)) {
-      const style = document.createElement("style");
-      style.setAttribute("type", "text/css");
-      style.setAttribute("data-likec4-font", "");
-      if (isString(styleNonce)) {
-        style.setAttribute("nonce", styleNonce);
-      }
-      if (isFunction(styleNonce)) {
-        style.setAttribute("nonce", styleNonce());
-      }
-      style.appendChild(document.createTextNode(fontsCss));
-      document.head.appendChild(style);
-    }
-  }, [injectFontCss]);
-  useIsomorphicLayoutEffect(() => {
-    const css2 = new CSSStyleSheet();
-    css2.replaceSync(
-      inlinedStyles.replaceAll(":where(:root,:host)", `.likec4-shadow-root`).replaceAll(":root", `.likec4-shadow-root`).replaceAll(/(?<![-_])\bbody\s*\{/g, `.likec4-shadow-root{`)
-    );
-    setStyleSheets([css2]);
-    return () => {
-      css2.replaceSync("");
-    };
-  }, [inlinedStyles]);
-  return styleSheets;
+	const [styleSheets] = useState(() => {
+		const css = new CSSStyleSheet();
+		css.replaceSync(
+			styles_default
+			/**
+			* replace only top-level body selectors, for example
+			* `body { }` should be replaced with `.likec4-shadow-root { }`
+			* but `.likec4-overlay-body { }` - not
+			*/
+		);
+		return [css];
+	});
+	useIsomorphicLayoutEffect(() => {
+		if (injectFontCss && !document.querySelector(`style[data-likec4-font]`)) {
+			const style = document.createElement("style");
+			style.setAttribute("type", "text/css");
+			style.setAttribute("data-likec4-font", "");
+			let nonce;
+			if (isString(styleNonce)) nonce = styleNonce;
+			if (isFunction(styleNonce)) nonce = styleNonce();
+			if (nonce) style.setAttribute("nonce", nonce);
+			style.appendChild(document.createTextNode(styles_font_default));
+			document.head.appendChild(style);
+		}
+	}, [injectFontCss]);
+	return styleSheets;
 }
-const getComputedColorScheme = () => {
-  try {
-    const htmlScheme = window.getComputedStyle(document.documentElement).colorScheme ?? "";
-    const colorScheme = first(htmlScheme.split(" "));
-    if (colorScheme === "light" || colorScheme === "dark") {
-      return colorScheme;
-    }
-  } catch {
-  }
-  return null;
+var getComputedColorScheme = () => {
+	try {
+		const colorScheme = first((window.getComputedStyle(document.documentElement).colorScheme ?? "").split(" "));
+		if (colorScheme === "light" || colorScheme === "dark") return colorScheme;
+	} catch {}
+	return null;
 };
-function useColorScheme(explicit) {
-  const preferred = useColorScheme$1();
-  const [computed, setComputed] = useState(getComputedColorScheme);
-  useMutationObserver(
-    useCallbackRef(() => setComputed(getComputedColorScheme)),
-    {
-      attributes: true,
-      childList: false,
-      subtree: false
-    },
-    () => document.documentElement
-  );
-  return explicit ?? computed ?? preferred;
+function useColorScheme$1(explicit) {
+	const preferred = useColorScheme();
+	const [computed, setComputed] = useState(getComputedColorScheme);
+	useMutationObserverTarget(useCallbackRef$1(() => setComputed(getComputedColorScheme)), {
+		attributes: true,
+		childList: false,
+		subtree: false
+	}, () => document.documentElement);
+	return explicit ?? computed ?? preferred;
 }
-
-export { useBundledStyleSheet, useColorScheme };
+__name(useColorScheme$1, "useColorScheme");
+//#endregion
+export { useBundledStyleSheet, useColorScheme$1 as useColorScheme };

package/dist/styles-font2.js

@@ -0,0 +1,4 @@
+//#region src/styles-font.css?inline
+var styles_font_default = "@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/latin-wght-normal.woff2)format(\"woff2-variations\");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/cyrillic-wght-normal.woff2)format(\"woff2-variations\");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/cyrillic-ext-wght-normal.woff2)format(\"woff2-variations\");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/greek-wght-normal.woff2)format(\"woff2-variations\");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/latin-ext-wght-normal.woff2)format(\"woff2-variations\");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/vietnamese-wght-normal.woff2)format(\"woff2-variations\");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}";
+//#endregion
+export { styles_font_default as default };