@likec4/diagram 1.59.3 → 1.60.0

package/dist/search/components/_shared.css.js

@@ -1,136 +0,0 @@
-import { css, sva } from "@likec4/styles/css";
-//#region src/search/components/_shared.css.ts
-var buttonFocused = css.raw({
-	outline: "none",
-	background: "mantine.primary[8]",
-	borderColor: "mantine.primary[9]"
-});
-var _treenodefocus = ".mantine-Tree-node:focus > .mantine-Tree-label &";
-var button = css.raw({
-	display: "flex",
-	width: "100%",
-	background: "surface.default",
-	rounded: "sm",
-	padding: `[12px 8px 12px 14px]`,
-	minHeight: "60px",
-	gap: "2",
-	border: `1px solid`,
-	borderColor: "default.border",
-	_hover: {
-		...buttonFocused,
-		borderColor: "mantine.primary[9]",
-		background: `mantine.primary[8]/60`
-	},
-	_focus: buttonFocused,
-	[_treenodefocus]: buttonFocused,
-	_dark: {
-		borderColor: "transparent",
-		background: `mantine.dark[6]/80`
-	},
-	_light: {
-		background: `mantine.white/80`,
-		_hover: {
-			borderColor: "mantine.primary[6]",
-			backgroundColor: "mantine.primary[5]"
-		}
-	}
-});
-var focusable = "likec4-focusable";
-var iconSize = { ref: "var(--likec4-icon-size, 24px)" };
-var icon = css.raw({
-	color: {
-		base: "text.dimmed",
-		_light: "mantine.gray[5]",
-		_groupHover: "mantine.primary[0]",
-		_groupFocus: "mantine.primary[0]"
-	},
-	[_treenodefocus]: { color: "mantine.primary[0]" },
-	flex: `0 0 ${iconSize.ref}`,
-	height: iconSize.ref,
-	width: iconSize.ref,
-	display: "flex",
-	alignItems: "center",
-	justifyContent: "center",
-	alignSelf: "flex-start",
-	["--ti-size"]: iconSize.ref,
-	[`& svg, & img`]: {
-		width: "100%",
-		height: "auto",
-		maxHeight: "100%",
-		pointerEvents: "none"
-	},
-	[`& img`]: { objectFit: "contain" },
-	"&.likec4-shape-icon svg": { strokeWidth: "[1.5]" }
-});
-var title = css.raw({
-	fontSize: "16px",
-	fontWeight: "medium",
-	lineHeight: "1.1",
-	[`:where([data-disabled]) &`]: { opacity: .4 },
-	color: {
-		base: "mantine.dark[1]",
-		_light: "mantine.gray[7]",
-		_groupHover: {
-			base: "mantine.primary[1]",
-			_light: "white"
-		},
-		_groupFocus: {
-			base: "mantine.primary[1]",
-			_light: "white"
-		}
-	},
-	[_treenodefocus]: { color: {
-		base: "mantine.primary[1]",
-		_light: "white"
-	} }
-});
-var descriptionColor = css.raw({
-	color: {
-		base: "text.dimmed",
-		_groupHover: {
-			base: "mantine.primary[1]",
-			_light: "mantine.primary[0]"
-		},
-		_groupFocus: "mantine.primary[0]"
-	},
-	[_treenodefocus]: { color: "mantine.primary[0]" }
-});
-var description = css.raw(descriptionColor, {
-	marginTop: "1",
-	fontSize: "12px",
-	lineHeight: "1.4",
-	[`:where([data-disabled]) &`]: { opacity: .85 }
-});
-var emptyBoX = css({
-	width: "100%",
-	height: "100%",
-	border: `2px dashed`,
-	borderColor: "default.border",
-	rounded: "md",
-	display: "flex",
-	justifyContent: "center",
-	alignItems: "center",
-	fontSize: "md",
-	color: "text.dimmed",
-	padding: "md",
-	paddingBlock: "xl"
-});
-var buttonsva = sva({
-	slots: [
-		"root",
-		"icon",
-		"title",
-		"description",
-		"descriptionColor"
-	],
-	className: "search-button",
-	base: {
-		root: button,
-		icon,
-		title,
-		description,
-		descriptionColor
-	}
-});
-//#endregion
-export { buttonsva, emptyBoX, focusable };

package/dist/search/components/styles.css.d.ts

@@ -1,6 +0,0 @@
-export { focusable } from './_shared.css';
-export declare const input: string;
-export declare const pickviewBackdrop: string;
-export declare const pickview: string;
-export declare const pickviewGroup: string;
-export declare const scrollArea: string;

package/dist/search/components/styles.css.js

@@ -1,54 +0,0 @@
-import "./_shared.css.js";
-import { css } from "@likec4/styles/css";
-//#region src/search/components/styles.css.ts
-var input = css({
-	border: "transparent",
-	background: {
-		base: "transparent",
-		_focusWithin: {
-			base: `mantine.gray[4]/55 !important`,
-			_dark: `mantine.dark[5]/55 !important`
-		},
-		_groupHover: {
-			base: "mantine.gray[3]/35",
-			_dark: "mantine.dark[5]/35"
-		}
-	}
-});
-var pickviewBackdrop = css({
-	position: "absolute",
-	inset: "0",
-	width: "100%",
-	height: "100%",
-	backgroundColor: "[rgb(34 34 34 / 0.7)]",
-	zIndex: 902,
-	backdropFilter: "auto",
-	backdropBlur: "10px",
-	_light: { backgroundColor: "[rgb(255 255 255 / 0.6)]" }
-});
-var pickview = css({
-	position: "absolute",
-	top: "[2rem]",
-	left: "[50%]",
-	width: "100%",
-	maxWidth: "600px",
-	minWidth: "200px",
-	transform: "translateX(-50%)",
-	zIndex: 903
-});
-var pickviewGroup = css({
-	marginTop: "2",
-	"& + &": { marginTop: "[32px]" }
-});
-css({
-	height: ["100%", "100cqh"],
-	"& .mantine-ScrollArea-viewport": {
-		minHeight: "100%",
-		"& > div": {
-			minHeight: "100%",
-			height: "100%"
-		}
-	}
-});
-//#endregion
-export { input, pickview, pickviewBackdrop, pickviewGroup };

package/dist/search/components/utils.d.ts

@@ -1,11 +0,0 @@
-export declare function stopAndPrevent(e: React.KeyboardEvent | KeyboardEvent): void;
-export declare function centerY(element: HTMLElement): number;
-export declare function moveFocusToSearchInput(from: HTMLElement | null | undefined): void;
-export declare function focusToFirstFoundElement(from: HTMLElement | null | undefined): void;
-export declare function queryAllFocusable(from: HTMLElement | null | undefined, where: 'elements' | 'views', selector?: string): HTMLButtonElement[];
-/**
- * Workaround: defers execution of the callback, to finish search panel close animation.
- * Otherwise, there could be weird artifacts when navigating to large diagrams.
- * @todo Find a better way to handle this, possibly with animationend event.
- */
-export declare function whenSearchAnimationEnds(callback: () => void): void;

package/dist/search/components/utils.js

@@ -1,55 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { focusable } from "./_shared.css.js";
-import { isFunction } from "remeda";
-//#region src/search/components/utils.ts
-function stopAndPrevent(e) {
-	e.stopPropagation();
-	e.preventDefault();
-}
-function centerY(element) {
-	const rect = element.getBoundingClientRect();
-	return rect.y + Math.floor(rect.height / 2);
-}
-function moveFocusToSearchInput(from) {
-	if (!from) {
-		console.error("moveFocusToSearchInput: from is null or undefined");
-		return;
-	}
-	const root = from.getRootNode();
-	if (!isFunction(root.querySelector)) {
-		console.error("moveFocusToSearchInput: root.querySelector is not a function");
-		return;
-	}
-	let input = root.querySelector("[data-likec4-search-input]");
-	if (input) {
-		const length = input.value.length;
-		input.focus();
-		input.setSelectionRange(length, length);
-	}
-}
-function focusToFirstFoundElement(from) {
-	if (!from) {
-		console.error("focusToFirstFoundElement: from is null or undefined");
-		return;
-	}
-	const root = from.getRootNode();
-	if (!isFunction(root.querySelector)) {
-		console.error("focusToFirstFoundElement: root.querySelector is not a function");
-		return;
-	}
-	root.querySelector(`[data-likec4-search] .${focusable}`)?.focus();
-}
-function queryAllFocusable(from, where, selector = `.${focusable}`) {
-	if (!from) {
-		console.error("queryAllFocusable: from is null or undefined");
-		return [];
-	}
-	const root = from.getRootNode();
-	if (!isFunction(root.querySelectorAll)) {
-		console.error("queryAllFocusable: root.querySelectorAll is not a function");
-		return [];
-	}
-	return [...root.querySelectorAll(`[data-likec4-search-${where}] ${selector}`)];
-}
-//#endregion
-export { centerY, focusToFirstFoundElement, moveFocusToSearchInput, queryAllFocusable, stopAndPrevent };

package/dist/search/hooks.d.ts

@@ -1,3 +0,0 @@
-export declare function useSearch(): [string, (search: string) => void];
-export declare function useNormalizedSearch(): string;
-export declare function useUpdateSearch(): (search: string) => void;

package/dist/search/hooks.js

@@ -1,16 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { useSearchContext } from "./SearchContext.js";
-import { useCallback, useDeferredValue } from "react";
-//#region src/search/hooks.ts
-function useNormalizedSearch() {
-	const ctx = useSearchContext();
-	return useDeferredValue(ctx.normalizedSearch);
-}
-function useUpdateSearch() {
-	const { setSearchValue } = useSearchContext();
-	return useCallback((search) => {
-		setSearchValue(search);
-	}, [setSearchValue]);
-}
-//#endregion
-export { useNormalizedSearch, useUpdateSearch };

package/dist/search/searchActor.d.ts

@@ -1,37 +0,0 @@
-import { Fqn, ViewId } from '@likec4/core/types';
-import { ActorRef, SnapshotFrom, StateMachine } from 'xstate';
-export type SearchActorEvent = {
-    type: 'open';
-    search?: string | undefined;
-} | {
-    type: 'close';
-} | {
-    type: 'change.search';
-    search: string;
-} | {
-    type: 'pickview.open';
-    elementFqn: Fqn;
-} | {
-    type: 'navigate.to';
-    viewId: ViewId;
-    focusOnElement?: Fqn | undefined;
-} | {
-    type: 'animation.presence.end';
-} | {
-    type: 'pickview.close';
-};
-export interface SearchContext {
-    openedWithSearch: string | null;
-    searchValue: string;
-    pickViewFor: Fqn | null;
-    navigateTo: {
-        viewId: ViewId;
-        focusOnElement?: Fqn | undefined;
-    } | null;
-}
-export interface SearchActorLogic extends StateMachine<SearchContext, SearchActorEvent, {}, any, any, any, any, 'inactive' | 'opened' | 'pickView' | 'waitAnimationEnd', never, never, any, any, any, any> {
-}
-export declare const searchActorLogic: SearchActorLogic;
-export type SearchActorSnapshot = SnapshotFrom<SearchActorLogic>;
-export interface SearchActorRef extends ActorRef<SearchActorSnapshot, SearchActorEvent> {
-}

package/dist/search/searchActor.js

@@ -1,100 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { typedSystem } from "../likec4diagram/state/utils.js";
-import { assertEvent, assign, enqueueActions, setup } from "xstate";
-var searchActorLogic = setup({
-	types: {
-		context: {},
-		events: {}
-	},
-	delays: { "MAX_WAIT_ANIMATION_END": 1e3 },
-	actions: {
-		"reset navigateTo": assign(() => ({ navigateTo: null })),
-		"assign navigateTo": assign(({ event }) => {
-			assertEvent(event, ["navigate.to"]);
-			return { navigateTo: {
-				viewId: event.viewId,
-				focusOnElement: event.focusOnElement
-			} };
-		}),
-		"change searchValue": assign({ searchValue: ({ event, context }) => {
-			assertEvent(event, ["change.search", "open"]);
-			return event.search ?? context.searchValue;
-		} }),
-		"reset pickViewFor": assign(() => ({ pickViewFor: null }))
-	}
-}).createMachine({
-	id: "search",
-	context: {
-		openedWithSearch: null,
-		searchValue: "",
-		pickViewFor: null,
-		navigateTo: null
-	},
-	initial: "inactive",
-	states: {
-		inactive: {
-			entry: ["reset navigateTo", "reset pickViewFor"],
-			on: { "open": {
-				target: "opened",
-				actions: [assign({
-					openedWithSearch: ({ event }) => event.search ?? null,
-					searchValue: ({ event, context }) => event.search ?? context.searchValue
-				})]
-			} }
-		},
-		opened: { on: {
-			"open": { actions: "change searchValue" },
-			"change.search": { actions: "change searchValue" },
-			"pickview.open": {
-				target: "pickView",
-				actions: assign({ pickViewFor: ({ event }) => event.elementFqn })
-			},
-			"navigate.to": {
-				target: "waitAnimationEnd",
-				actions: "assign navigateTo"
-			},
-			"close": { target: "inactive" }
-		} },
-		pickView: { on: {
-			"pickview.close": {
-				target: "opened",
-				actions: "reset pickViewFor"
-			},
-			"navigate.to": {
-				target: "waitAnimationEnd",
-				actions: "assign navigateTo"
-			},
-			"close": { target: "inactive" }
-		} },
-		/**
-		* Wait for animation end before triggering navigation
-		* Otherwise, there could be weird artifacts when navigating to large diagrams.
-		*/
-		waitAnimationEnd: {
-			on: { "animation.presence.end": {
-				target: "inactive",
-				actions: enqueueActions(({ context, system, enqueue }) => {
-					const navigateTo = context.navigateTo;
-					if (!navigateTo) return;
-					const diagramActor = typedSystem(system).diagramActorRef;
-					if (navigateTo.focusOnElement) {
-						if (diagramActor.getSnapshot().context.view.id === navigateTo.viewId) {
-							enqueue.sendTo(diagramActor, {
-								type: "focus.node",
-								nodeId: navigateTo.focusOnElement
-							});
-							return;
-						}
-					}
-					enqueue.sendTo(diagramActor, {
-						type: "navigate.to",
-						...navigateTo
-					});
-				})
-			} },
-			after: { MAX_WAIT_ANIMATION_END: { target: "inactive" } }
-		}
-	}
-});
-//#endregion
-export { searchActorLogic };

package/dist/shadowroot/ShadowRoot.d.ts

@@ -1,17 +0,0 @@
-import { HTMLAttributes } from 'react';
-type ShadowRootProps = HTMLAttributes<HTMLDivElement> & {
-    injectFontCss?: boolean | undefined;
-    styleNonce?: string | (() => string | undefined) | undefined;
-    colorScheme?: 'light' | 'dark' | undefined;
-    keepAspectRatio?: false | undefined | {
-        width: number;
-        height: number;
-    };
-    /**
-     * Mantine theme override to apply within the shadow root
-     * @see https://mantine.dev/theming/mantine-provider/#theme-prop
-     */
-    theme?: any;
-};
-export declare function ShadowRoot({ children, theme, injectFontCss, styleNonce, colorScheme: explicitColorScheme, keepAspectRatio, ...props }: ShadowRootProps): import("react").JSX.Element;
-export {};

package/dist/shadowroot/ShadowRoot.js

@@ -1,198 +0,0 @@
-import { __name } from "../_virtual/_rolldown/runtime.js";
-import { useCallbackRef as useCallbackRef$1 } from "../hooks/useCallbackRef.js";
-import { DefaultMantineProvider } from "../context/DefaultMantineProvider.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";
-//#region src/shadowroot/ShadowRoot.tsx
-function useShadowRootStyle(instanceId, keepAspectRatio = false) {
-	if (keepAspectRatio === false) return `
-:where([data-likec4-instance="${instanceId}"]) {
-  display: block;
-  box-sizing: border-box;
-  border: 0 solid transparent;
-  background: transparent;
-  padding: 0;
-  margin: 0;
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  min-width: 80px;
-  min-height: 80px;
-}`;
-	const width = Math.ceil(keepAspectRatio.width);
-	const height = Math.ceil(keepAspectRatio.height);
-	const isLandscape = width > height;
-	return `
-:where([data-likec4-instance="${instanceId}"]) {
-  display: block;
-  box-sizing: border-box;
-  border: 0 solid transparent;
-  background: transparent;
-  padding: 0;
-  overflow: hidden;
-  aspect-ratio: ${width} / ${height};
-  ${isLandscape ? "" : `
-max-width: min(100%, var(--likec4-view-max-width, ${width}px));
-margin-left: auto;
-margin-right: auto;`}
-  width: ${isLandscape ? "100%" : "auto"};
-  height: ${isLandscape ? "auto" : "100%"};
-  ${isLandscape ? `min-width: 80px;` : `min-height: 80px;`}
-  max-height: min(100%, var(--likec4-view-max-height, ${height}px));
-}`;
-}
-function useInjectLikeC4Font(injectFontCss, styleNonce) {
-	useInsertionEffect(() => {
-		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);
-		}
-	}, []);
-}
-function ShadowRoot({ children, theme, injectFontCss = true, styleNonce, colorScheme: explicitColorScheme, keepAspectRatio = false, ...props }) {
-	const colorScheme = useColorScheme$1(explicitColorScheme);
-	const id = useId$1();
-	const cssstyle = useShadowRootStyle(id, keepAspectRatio);
-	const mantineRootRef = useRef(null);
-	useInjectLikeC4Font(injectFontCss, styleNonce);
-	const getRootElement = useCallbackRef$1(() => mantineRootRef.current ?? void 0);
-	const getStyleNonce = useCallbackRef$1(() => {
-		if (isDefined(styleNonce)) {
-			if (typeof styleNonce === "string") return styleNonce ?? "";
-			else if (typeof styleNonce === "function") return styleNonce() ?? "";
-		}
-		return "";
-	});
-	const nonce = getStyleNonce();
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MemoizedStyle, {
-		nonce,
-		cssstyle
-	}), /* @__PURE__ */ jsx(ShadowRootHost, {
-		...props,
-		"data-likec4-instance": id,
-		children: /* @__PURE__ */ jsx("div", {
-			ref: mantineRootRef,
-			"data-mantine-color-scheme": colorScheme,
-			className: "likec4-shadow-root",
-			children: /* @__PURE__ */ jsx(DefaultMantineProvider, {
-				defaultColorScheme: colorScheme,
-				getRootElement,
-				cssVariablesSelector: ".likec4-shadow-root",
-				withCssVariables: true,
-				getStyleNonce,
-				theme,
-				...explicitColorScheme && { forceColorScheme: explicitColorScheme },
-				children: /* @__PURE__ */ jsx(FramerMotionConfig, { children })
-			})
-		})
-	})] });
-}
-/**
-* @internal Memoized styles gives a performance boost during development
-*/
-var MemoizedStyle = memo(({ nonce, cssstyle }) => /* @__PURE__ */ jsx("style", {
-	type: "text/css",
-	...nonce && { nonce },
-	dangerouslySetInnerHTML: { __html: cssstyle }
-}), (a, b) => a.cssstyle === b.cssstyle);
-MemoizedStyle.displayName = "MemoizedStyle";
-var ShadowRootHostPortal = ({ children, root }) => {
-	return createPortal(children, root, "likec4-shadow-root");
-};
-var ShadowRootHost = ({ children, ...props }) => {
-	const hostRef = useRef(null);
-	const [root, setRoot] = useState(null);
-	const styles = shadowScopedCSS();
-	const updateShadowRoot = useEffectEvent((styles) => {
-		setRoot((current) => {
-			const host = hostRef.current;
-			if (!host) return null;
-			if (host.shadowRoot) {
-				try {
-					if (host.shadowRoot.adoptedStyleSheets?.length !== 1) {
-						console.error("Shadow root has unexpected number of style sheets (expected 1, got %d)", host.shadowRoot.adoptedStyleSheets?.length ?? 0);
-						return host.shadowRoot;
-					}
-					host.shadowRoot.adoptedStyleSheets[0].replaceSync(styles);
-				} catch (error) {}
-				return host.shadowRoot;
-			}
-			try {
-				const shadowRoot = host.attachShadow({
-					mode: "open",
-					delegatesFocus: false
-				});
-				shadowRoot.adoptedStyleSheets = createShadowRootStylesheets(styles);
-				return shadowRoot;
-			} catch (error) {
-				return current;
-			}
-		});
-	});
-	useLayoutEffect(() => {
-		updateShadowRoot(styles);
-	}, [styles]);
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		ref: hostRef,
-		children: root && /* @__PURE__ */ jsx(ShadowRootHostPortal, {
-			root,
-			children
-		})
-	});
-};
-function scopeStylesToShadowRoot(styles) {
-	return styles.replaceAll(/:where\(\s*:root\s*,\s*:host\s*\)/g, `:where(.likec4-shadow-root)`).replaceAll(":root", `.likec4-shadow-root`).replaceAll(/(^|[{},;]|\*\/)(\s*)body(?=\s*[{,])/g, "$1$2.likec4-shadow-root");
-}
-/**
-* Creates a CSS string with styles scoped to the shadow root
-* @returns CSS string for the shadow root
-*/
-var shadowScopedCSS = once(() => {
-	return scopeStylesToShadowRoot(styles_default);
-});
-/**
-* Creates a CSSStyleSheet with styles scoped to the shadow root
-*/
-function createShadowRootStylesheets(csstext) {
-	const css = new CSSStyleSheet();
-	css.replaceSync(csstext);
-	return [css];
-}
-var 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 getDocumentElement = () => document.documentElement;
-function useColorScheme$1(explicit) {
-	const preferred = useColorScheme();
-	const [computed, setComputed] = useState(getComputedColorScheme);
-	useMutationObserverTarget(useCallbackRef$1(() => setComputed(getComputedColorScheme)), {
-		attributes: true,
-		childList: false,
-		subtree: false
-	}, getDocumentElement);
-	return explicit ?? computed ?? preferred;
-}
-__name(useColorScheme$1, "useColorScheme");
-//#endregion
-export { ShadowRoot };

package/dist/shadowroot/index.d.ts

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

package/dist/styles-font2.js

@@ -1,4 +0,0 @@
-//#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 };