<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>UI Kit</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="stylesheet" href="/assets/fonts/phosphor-icons/src/css/icons.css">
	<link rel="stylesheet" href="/dist/css/main.css">
</head>
<body>

	<main class="container">

		<header class="header">
			<h1 class="contrast">UI Kit</h1>
			<p>Набор базовых элементов интерфейса</p>
		</header>

		<? include "ui_components/typography.php" ?>
		<? include "ui_components/palette.php" ?>
		<? include "ui_components/buttons.php" ?>
		<? include "ui_components/forms.php" ?>
		<? include "ui_components/editable-string.php" ?>
		<? include "ui_components/lists.php" ?>
		<? include "ui_components/badges.php" ?>
		<? include "ui_components/alerts.php" ?>
		<? include "ui_components/tables.php" ?>
		<? include "ui_components/toasts.php" ?>
		<? include "ui_components/cards.php" ?>
		<? include "ui_components/modals.php" ?>

	</main>

	<script src="/dist/js/main.js"></script>
</body>
</html>
