From 5421c2346a0a83c0296561f9527e2ebce685c92c Mon Sep 17 00:00:00 2001
From: Mattrixwv <m_ellison@ymail.com>
Date: Fri, 18 Jul 2025 23:30:48 -0400
Subject: [PATCH] Most simple components created

---
 .gitignore                                    |   11 +
 README.md                                     |   69 +
 eslint.config.js                              |   37 +
 index.html                                    |   13 +
 lib/component/button.ts                       |   26 +
 lib/component/button/Button.tsx               |   57 +
 lib/component/button/DangerButton.tsx         |   46 +
 lib/component/button/DarkButton.tsx           |   46 +
 lib/component/button/InfoButton.tsx           |   46 +
 lib/component/button/LightButton.tsx          |   46 +
 lib/component/button/MoltenButton.tsx         |   46 +
 lib/component/button/PrimaryButton.tsx        |   46 +
 lib/component/button/SecondaryButton.tsx      |   46 +
 lib/component/button/SuccessButton.tsx        |   46 +
 lib/component/button/TertiaryButton.tsx       |   46 +
 lib/component/button/WarningButton.tsx        |   46 +
 lib/component/input.ts                        |   10 +
 lib/component/input/OptionInput.tsx           |   27 +
 lib/component/input/SelectInput.tsx           |   41 +
 lib/component/input/TextInput.tsx             |   57 +
 lib/component/input/switch/DangerSwitch.tsx   |    7 +
 lib/component/input/switch/DarkSwitch.tsx     |    7 +
 lib/component/input/switch/LightSwitch.tsx    |    7 +
 lib/component/input/switch/PlainSwitch.tsx    |    7 +
 lib/component/input/switch/PrimarySwitch.tsx  |    7 +
 .../input/switch/SecondarySwitch.tsx          |    7 +
 .../input/switch/SuccessDangerSwitch.tsx      |    7 +
 lib/component/input/switch/SuccessSwitch.tsx  |    7 +
 lib/component/input/switch/Switch.tsx         |    7 +
 lib/component/input/switch/TertiarySwitch.tsx |    7 +
 lib/component/input/switch/WarningSwitch.tsx  |    7 +
 lib/component/loading.ts                      |   90 +
 .../loading/bar/CenterGrowingBars.tsx         |  157 +
 lib/component/loading/bar/CircleBars.tsx      |  109 +
 lib/component/loading/bar/FadingBars.tsx      |   81 +
 .../loading/bar/FadingGrowingBars.tsx         |  123 +
 lib/component/loading/bar/GrowingBars.tsx     |  157 +
 lib/component/loading/block/PulsingBlocks.tsx |  183 +
 .../loading/block/SlidingBlocks2.tsx          |  111 +
 .../loading/block/SlidingBlocks3.tsx          |  154 +
 lib/component/loading/block/WaveBlocks.tsx    |  333 +
 lib/component/loading/dot/BouncingDots.tsx    |   76 +
 .../loading/dot/CircleCenterDots.tsx          |  240 +
 .../loading/dot/CircleFadingDots.tsx          |   94 +
 .../loading/dot/CirclePulsingDots.tsx         |  251 +
 .../loading/dot/CircleRotatingDots.tsx        |   97 +
 .../loading/dot/CircleShrinkingDots.tsx       |  264 +
 .../loading/dot/CircleSpinningDot.tsx         |   46 +
 lib/component/loading/dot/CyclingDots.tsx     |  240 +
 lib/component/loading/dot/FadingDots.tsx      |   79 +
 lib/component/loading/dot/PulsingDots.tsx     |   67 +
 lib/component/loading/dot/RotatingDots.tsx    |   56 +
 lib/component/loading/dot/SwellingDots.tsx    |   72 +
 lib/component/loading/drop/DoubleDrop.tsx     |   81 +
 lib/component/loading/drop/DoubleWaveDrop.tsx |   97 +
 lib/component/loading/drop/Drop.tsx           |   49 +
 lib/component/loading/drop/QuickDrop.tsx      |  109 +
 lib/component/loading/drop/QuickWaveDrop.tsx  |  133 +
 lib/component/loading/drop/TripleDrop.tsx     |  109 +
 lib/component/loading/drop/TripleWaveDrop.tsx |  133 +
 lib/component/loading/drop/WaveDrop.tsx       |   59 +
 lib/component/loading/spinner/HalfSpinner.tsx |   45 +
 .../loading/spinner/QuarterSpinner.tsx        |   45 +
 .../loading/spinner/RubberSpinner.tsx         |   70 +
 .../loading/spinner/ThreeQuarterSpinner.tsx   |   45 +
 lib/component/loading/various/BouncingDot.tsx |   79 +
 lib/component/loading/various/PulsingLine.tsx |   95 +
 .../loading/various/SpinningBinary.tsx        |   91 +
 .../loading/various/SpinningClock.tsx         |   64 +
 .../loading/various/SpinningEclipse.tsx       |   38 +
 .../loading/various/SpinningEclipseHalf.tsx   |   38 +
 .../loading/various/SpinningGalaxy.tsx        |   38 +
 .../loading/various/SpinningTadpole.tsx       |   38 +
 lib/component/loading/various/Wifi.tsx        |   99 +
 lib/component/message.ts                      |   26 +
 lib/component/message/DangerMessageBlock.tsx  |   22 +
 lib/component/message/DarkMessageBlock.tsx    |   22 +
 lib/component/message/InfoMessageBlock.tsx    |   22 +
 lib/component/message/LightMessageBlock.tsx   |   22 +
 lib/component/message/MessageBlock.tsx        |   36 +
 lib/component/message/MoltenMessageBlock.tsx  |   22 +
 .../message/PrimaryMessagteBlock.tsx          |   22 +
 .../message/SecondaryMessageBlock.tsx         |   22 +
 lib/component/message/SuccessMessageBlock.tsx |   22 +
 .../message/TertiaryMessageBlock.tsx          |   23 +
 lib/component/message/WarningMessageBlock.tsx |   22 +
 lib/component/modal.ts                        |   13 +
 lib/component/modal/Modal.tsx                 |   71 +
 lib/component/modal/ModalBody.tsx             |   22 +
 lib/component/modal/ModalFooter.tsx           |   26 +
 lib/component/modal/ModalHeader.tsx           |   41 +
 lib/component/nav.ts                          |   10 +
 lib/component/nav/DarkModeSwitch.tsx          |   46 +
 lib/component/nav/NavBar.tsx                  |   23 +
 lib/component/nav/PopoverMenu.tsx             |   35 +
 lib/component/tab.ts                          |   14 +
 lib/component/tab/MattrixwvTab.tsx            |   23 +
 lib/component/tab/MattrixwvTabGroup.tsx       |   48 +
 lib/component/tab/MattrixwvTabList.tsx        |   18 +
 lib/component/tab/MattrixwvTabPanel.tsx       |   18 +
 lib/component/tab/MattrixwvTabPanels.tsx      |   18 +
 lib/component/toaster.ts                      |    1 +
 lib/providers/theme/ThemeProvider.tsx         |   61 +
 lib/types/Button.d.ts                         |   16 +
 lib/types/Input.d.ts                          |   28 +
 lib/types/Loading.d.ts                        |   65 +
 lib/types/Message.d.ts                        |    7 +
 lib/types/Modal.d.ts                          |   32 +
 lib/types/Nav.d.ts                            |   15 +
 lib/types/Tab.d.ts                            |   25 +
 lib/types/Theme.d.ts                          |   18 +
 package-lock.json                             | 5891 +++++++++++++++++
 package.json                                  |   45 +
 public/vite.svg                               |    1 +
 src/assets/react.svg                          |    1 +
 src/index.css                                 |   82 +
 src/main.tsx                                  |   23 +
 src/routeTree.gen.ts                          |  210 +
 src/routes/__root.tsx                         |   50 +
 src/routes/buttons/index.tsx                  |  139 +
 src/routes/index.tsx                          |   15 +
 src/routes/input/index.tsx                    |   11 +
 src/routes/loading/index.tsx                  |   27 +
 src/routes/message/index.tsx                  |   48 +
 src/routes/modal/index.tsx                    |  111 +
 src/routes/switch/index.tsx                   |   11 +
 src/routes/tab/index.tsx                      |   26 +
 src/util/LoadingUtils.tsx                     |  490 ++
 src/vite-env.d.ts                             |    1 +
 tsconfig.app.json                             |   33 +
 tsconfig.json                                 |    8 +
 tsconfig.lib.json                             |    4 +
 tsconfig.node.json                            |   25 +
 vite.config.ts                                |   56 +
 134 files changed, 13805 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 README.md
 create mode 100644 eslint.config.js
 create mode 100644 index.html
 create mode 100644 lib/component/button.ts
 create mode 100644 lib/component/button/Button.tsx
 create mode 100644 lib/component/button/DangerButton.tsx
 create mode 100644 lib/component/button/DarkButton.tsx
 create mode 100644 lib/component/button/InfoButton.tsx
 create mode 100644 lib/component/button/LightButton.tsx
 create mode 100644 lib/component/button/MoltenButton.tsx
 create mode 100644 lib/component/button/PrimaryButton.tsx
 create mode 100644 lib/component/button/SecondaryButton.tsx
 create mode 100644 lib/component/button/SuccessButton.tsx
 create mode 100644 lib/component/button/TertiaryButton.tsx
 create mode 100644 lib/component/button/WarningButton.tsx
 create mode 100644 lib/component/input.ts
 create mode 100644 lib/component/input/OptionInput.tsx
 create mode 100644 lib/component/input/SelectInput.tsx
 create mode 100644 lib/component/input/TextInput.tsx
 create mode 100644 lib/component/input/switch/DangerSwitch.tsx
 create mode 100644 lib/component/input/switch/DarkSwitch.tsx
 create mode 100644 lib/component/input/switch/LightSwitch.tsx
 create mode 100644 lib/component/input/switch/PlainSwitch.tsx
 create mode 100644 lib/component/input/switch/PrimarySwitch.tsx
 create mode 100644 lib/component/input/switch/SecondarySwitch.tsx
 create mode 100644 lib/component/input/switch/SuccessDangerSwitch.tsx
 create mode 100644 lib/component/input/switch/SuccessSwitch.tsx
 create mode 100644 lib/component/input/switch/Switch.tsx
 create mode 100644 lib/component/input/switch/TertiarySwitch.tsx
 create mode 100644 lib/component/input/switch/WarningSwitch.tsx
 create mode 100644 lib/component/loading.ts
 create mode 100644 lib/component/loading/bar/CenterGrowingBars.tsx
 create mode 100644 lib/component/loading/bar/CircleBars.tsx
 create mode 100644 lib/component/loading/bar/FadingBars.tsx
 create mode 100644 lib/component/loading/bar/FadingGrowingBars.tsx
 create mode 100644 lib/component/loading/bar/GrowingBars.tsx
 create mode 100644 lib/component/loading/block/PulsingBlocks.tsx
 create mode 100644 lib/component/loading/block/SlidingBlocks2.tsx
 create mode 100644 lib/component/loading/block/SlidingBlocks3.tsx
 create mode 100644 lib/component/loading/block/WaveBlocks.tsx
 create mode 100644 lib/component/loading/dot/BouncingDots.tsx
 create mode 100644 lib/component/loading/dot/CircleCenterDots.tsx
 create mode 100644 lib/component/loading/dot/CircleFadingDots.tsx
 create mode 100644 lib/component/loading/dot/CirclePulsingDots.tsx
 create mode 100644 lib/component/loading/dot/CircleRotatingDots.tsx
 create mode 100644 lib/component/loading/dot/CircleShrinkingDots.tsx
 create mode 100644 lib/component/loading/dot/CircleSpinningDot.tsx
 create mode 100644 lib/component/loading/dot/CyclingDots.tsx
 create mode 100644 lib/component/loading/dot/FadingDots.tsx
 create mode 100644 lib/component/loading/dot/PulsingDots.tsx
 create mode 100644 lib/component/loading/dot/RotatingDots.tsx
 create mode 100644 lib/component/loading/dot/SwellingDots.tsx
 create mode 100644 lib/component/loading/drop/DoubleDrop.tsx
 create mode 100644 lib/component/loading/drop/DoubleWaveDrop.tsx
 create mode 100644 lib/component/loading/drop/Drop.tsx
 create mode 100644 lib/component/loading/drop/QuickDrop.tsx
 create mode 100644 lib/component/loading/drop/QuickWaveDrop.tsx
 create mode 100644 lib/component/loading/drop/TripleDrop.tsx
 create mode 100644 lib/component/loading/drop/TripleWaveDrop.tsx
 create mode 100644 lib/component/loading/drop/WaveDrop.tsx
 create mode 100644 lib/component/loading/spinner/HalfSpinner.tsx
 create mode 100644 lib/component/loading/spinner/QuarterSpinner.tsx
 create mode 100644 lib/component/loading/spinner/RubberSpinner.tsx
 create mode 100644 lib/component/loading/spinner/ThreeQuarterSpinner.tsx
 create mode 100644 lib/component/loading/various/BouncingDot.tsx
 create mode 100644 lib/component/loading/various/PulsingLine.tsx
 create mode 100644 lib/component/loading/various/SpinningBinary.tsx
 create mode 100644 lib/component/loading/various/SpinningClock.tsx
 create mode 100644 lib/component/loading/various/SpinningEclipse.tsx
 create mode 100644 lib/component/loading/various/SpinningEclipseHalf.tsx
 create mode 100644 lib/component/loading/various/SpinningGalaxy.tsx
 create mode 100644 lib/component/loading/various/SpinningTadpole.tsx
 create mode 100644 lib/component/loading/various/Wifi.tsx
 create mode 100644 lib/component/message.ts
 create mode 100644 lib/component/message/DangerMessageBlock.tsx
 create mode 100644 lib/component/message/DarkMessageBlock.tsx
 create mode 100644 lib/component/message/InfoMessageBlock.tsx
 create mode 100644 lib/component/message/LightMessageBlock.tsx
 create mode 100644 lib/component/message/MessageBlock.tsx
 create mode 100644 lib/component/message/MoltenMessageBlock.tsx
 create mode 100644 lib/component/message/PrimaryMessagteBlock.tsx
 create mode 100644 lib/component/message/SecondaryMessageBlock.tsx
 create mode 100644 lib/component/message/SuccessMessageBlock.tsx
 create mode 100644 lib/component/message/TertiaryMessageBlock.tsx
 create mode 100644 lib/component/message/WarningMessageBlock.tsx
 create mode 100644 lib/component/modal.ts
 create mode 100644 lib/component/modal/Modal.tsx
 create mode 100644 lib/component/modal/ModalBody.tsx
 create mode 100644 lib/component/modal/ModalFooter.tsx
 create mode 100644 lib/component/modal/ModalHeader.tsx
 create mode 100644 lib/component/nav.ts
 create mode 100644 lib/component/nav/DarkModeSwitch.tsx
 create mode 100644 lib/component/nav/NavBar.tsx
 create mode 100644 lib/component/nav/PopoverMenu.tsx
 create mode 100644 lib/component/tab.ts
 create mode 100644 lib/component/tab/MattrixwvTab.tsx
 create mode 100644 lib/component/tab/MattrixwvTabGroup.tsx
 create mode 100644 lib/component/tab/MattrixwvTabList.tsx
 create mode 100644 lib/component/tab/MattrixwvTabPanel.tsx
 create mode 100644 lib/component/tab/MattrixwvTabPanels.tsx
 create mode 100644 lib/component/toaster.ts
 create mode 100644 lib/providers/theme/ThemeProvider.tsx
 create mode 100644 lib/types/Button.d.ts
 create mode 100644 lib/types/Input.d.ts
 create mode 100644 lib/types/Loading.d.ts
 create mode 100644 lib/types/Message.d.ts
 create mode 100644 lib/types/Modal.d.ts
 create mode 100644 lib/types/Nav.d.ts
 create mode 100644 lib/types/Tab.d.ts
 create mode 100644 lib/types/Theme.d.ts
 create mode 100644 package-lock.json
 create mode 100644 package.json
 create mode 100644 public/vite.svg
 create mode 100644 src/assets/react.svg
 create mode 100644 src/index.css
 create mode 100644 src/main.tsx
 create mode 100644 src/routeTree.gen.ts
 create mode 100644 src/routes/__root.tsx
 create mode 100644 src/routes/buttons/index.tsx
 create mode 100644 src/routes/index.tsx
 create mode 100644 src/routes/input/index.tsx
 create mode 100644 src/routes/loading/index.tsx
 create mode 100644 src/routes/message/index.tsx
 create mode 100644 src/routes/modal/index.tsx
 create mode 100644 src/routes/switch/index.tsx
 create mode 100644 src/routes/tab/index.tsx
 create mode 100644 src/util/LoadingUtils.tsx
 create mode 100644 src/vite-env.d.ts
 create mode 100644 tsconfig.app.json
 create mode 100644 tsconfig.json
 create mode 100644 tsconfig.lib.json
 create mode 100644 tsconfig.node.json
 create mode 100644 vite.config.ts

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e4e2cbe
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,11 @@
+# Logs
+logs
+*.log
+
+node_modules
+dist
+*.local
+.tanstack
+
+# Editor directories and files
+.vscode
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..8b1bacc
--- /dev/null
+++ b/README.md
@@ -0,0 +1,69 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default tseslint.config([
+	globalIgnores(['dist']),
+	{
+		files: ['**/*.{ts,tsx}'],
+		extends: [
+			// Other configs...
+
+			// Remove tseslint.configs.recommended and replace with this
+			...tseslint.configs.recommendedTypeChecked,
+			// Alternatively, use this for stricter rules
+			...tseslint.configs.strictTypeChecked,
+			// Optionally, add this for stylistic rules
+			...tseslint.configs.stylisticTypeChecked,
+
+			// Other configs...
+		],
+		languageOptions: {
+			parserOptions: {
+				project: ['./tsconfig.node.json', './tsconfig.app.json'],
+				tsconfigRootDir: import.meta.dirname,
+			},
+			// other options...
+		},
+	},
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default tseslint.config([
+	globalIgnores(['dist']),
+	{
+		files: ['**/*.{ts,tsx}'],
+		extends: [
+			// Other configs...
+			// Enable lint rules for React
+			reactX.configs['recommended-typescript'],
+			// Enable lint rules for React DOM
+			reactDom.configs.recommended,
+		],
+		languageOptions: {
+			parserOptions: {
+				project: ['./tsconfig.node.json', './tsconfig.app.json'],
+				tsconfigRootDir: import.meta.dirname,
+			},
+			// other options...
+		},
+	},
+])
+```
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 0000000..6f17939
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,37 @@
+import js from "@eslint/js";
+import pluginRouter from "@tanstack/eslint-plugin-router";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import { globalIgnores } from "eslint/config";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+
+
+export default tseslint.config([
+	globalIgnores(['dist']),
+	{
+		files: ['**/*.{ts,tsx}'],
+		extends: [
+			js.configs.recommended,
+			tseslint.configs.recommendedTypeChecked,
+			reactHooks.configs['recommended-latest'],
+			reactRefresh.configs.vite,
+			...pluginRouter.configs["flat/recommended"]
+		],
+		languageOptions: {
+			ecmaVersion: 2020,
+			globals: globals.browser
+		},
+		plugins: {
+			"react-hooks": reactHooks,
+			"react-refresh": reactRefresh
+		},
+		rules: {
+			...reactHooks.configs.recommended.rules,
+			"react-refresh/only-export-components": [
+				"warn",
+				{ allowConstantExport: true }
+			]
+		}
+	}
+]);
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..ef80c79
--- /dev/null
+++ b/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<link rel="icon" type="image/svg+xml" href="/vite.svg" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Vite + React + TS</title>
+	</head>
+	<body>
+		<div id="root"></div>
+		<script type="module" src="/src/main.tsx"></script>
+	</body>
+</html>
diff --git a/lib/component/button.ts b/lib/component/button.ts
new file mode 100644
index 0000000..f94bd57
--- /dev/null
+++ b/lib/component/button.ts
@@ -0,0 +1,26 @@
+import Button from "./button/Button";
+import DangerButton from "./button/DangerButton";
+import DarkButton from "./button/DarkButton";
+import InfoButton from "./button/InfoButton";
+import LightButton from "./button/LightButton";
+import MoltenButton from "./button/MoltenButton";
+import PrimaryButton from "./button/PrimaryButton";
+import SecondaryButton from "./button/SecondaryButton";
+import SuccessButton from "./button/SuccessButton";
+import TertiaryButton from "./button/TertiaryButton";
+import WarningButton from "./button/WarningButton";
+
+
+export {
+	Button,
+	DangerButton,
+	DarkButton,
+	InfoButton,
+	LightButton,
+	MoltenButton,
+	PrimaryButton,
+	SecondaryButton,
+	SuccessButton,
+	TertiaryButton,
+	WarningButton
+};
diff --git a/lib/component/button/Button.tsx b/lib/component/button/Button.tsx
new file mode 100644
index 0000000..eba83f0
--- /dev/null
+++ b/lib/component/button/Button.tsx
@@ -0,0 +1,57 @@
+import type { ButtonProps } from "$/types/Button";
+import clsx from "clsx";
+
+
+export default function Button(props: ButtonProps){
+	const {
+		className,
+		rounding = "lg",
+		shape = "rectangle",
+		size = "md",
+		variant = "standard",
+		disabled,
+		...buttonProps
+	} = props;
+
+
+	return (
+		<button
+			{...buttonProps}
+			disabled={disabled}
+			className={clsx(
+				className,
+				//Rounding
+				{
+					"rounded-none": rounding === "none",
+					"rounded-sm": rounding === "sm",
+					"rounded": rounding === "md",
+					"rounded-lg": rounding === "lg",
+					"rounded-full": rounding === "full"
+				},
+				//Size and shape
+				{
+					"p-0": size === "xs" && shape === "square",
+					"p-1": size === "sm" && shape === "square",
+					"p-2": size === "md" && shape === "square",
+					"p-3": size === "lg" && shape === "square",
+					"p-4": size === "xl" && shape === "square",
+
+					"px-1 py-0": size === "xs" && shape === "rectangle",
+					"px-2 py-1": size === "sm" && shape === "rectangle",
+					"px-4 py-2": size === "md" && shape === "rectangle",
+					"px-6 py-3": size === "lg" && shape === "rectangle",
+					"px-8 py-4": size === "xl" && shape === "rectangle",
+				},
+				//Variant
+				{
+					"border": variant === "standard" || variant === "outline" || variant === "outline-ghost",
+					"border-none": variant === "ghost" || variant === "icon"
+				},
+				//Disabled
+				{
+					"cursor-pointer": !disabled
+				}
+			)}
+		/>
+	);
+}
diff --git a/lib/component/button/DangerButton.tsx b/lib/component/button/DangerButton.tsx
new file mode 100644
index 0000000..88e99fa
--- /dev/null
+++ b/lib/component/button/DangerButton.tsx
@@ -0,0 +1,46 @@
+import type { ButtonProps } from "$/types/Button";
+import clsx from "clsx";
+import Button from "./Button";
+
+
+export default function DangerButton(props: ButtonProps){
+	const {
+		className,
+		variant = "standard",
+		disabled
+	} = props;
+
+
+	return (
+		<Button
+			{...props}
+			className={clsx(
+				"transition duration-300",
+				className,
+				//Background
+				{
+					"bg-red-600 hover:bg-red-700 active:bg-red-800": (variant === "standard") && (!disabled),
+					"bg-red-400/80": (variant === "standard") && (disabled),
+					"bg-transparent": (variant === "outline" || variant === "icon"),
+					"bg-transparent hover:bg-red-600 active:bg-red-700": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"bg-transparent ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				},
+				//Outline
+				{
+					"border-red-600 hover:border-red-700 active:border-red-800": (variant === "standard" || variant === "outline") && (!disabled),
+					"border-red-400/80": (variant === "standard" || variant === "outline") && (disabled),
+					"border-red-600 hover:border-red-600 active:border-red-700": (variant === "outline-ghost") && (!disabled),
+					"border-red-400/80 ": (variant === "outline-ghost") && (disabled)
+				},
+				//Text
+				{
+					"text-white": variant === "standard",
+					"text-red-600 hover:text-red-700 active:text-red-800": (variant === "outline" || variant === "icon") && (!disabled),
+					"text-red-400/80": (variant === "outline" || variant === "icon") && (disabled),
+					"text-red-600 hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"text-red-400/80 ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				}
+			)}
+		/>
+	);
+}
diff --git a/lib/component/button/DarkButton.tsx b/lib/component/button/DarkButton.tsx
new file mode 100644
index 0000000..b595096
--- /dev/null
+++ b/lib/component/button/DarkButton.tsx
@@ -0,0 +1,46 @@
+import type { ButtonProps } from "$/types/Button";
+import clsx from "clsx";
+import Button from "./Button";
+
+
+export default function DarkButton(props: ButtonProps){
+	const {
+		className,
+		variant = "standard",
+		disabled
+	} = props;
+
+
+	return (
+		<Button
+			{...props}
+			className={clsx(
+				"transition duration-300",
+				className,
+				//Background
+				{
+					"bg-black hover:bg-neutral-700 active:bg-neutral-600": (variant === "standard") && (!disabled),
+					"bg-neutral-700/80": (variant === "standard") && (disabled),
+					"bg-transparent": (variant === "outline" || variant === "icon"),
+					"bg-transparent hover:bg-black active:bg-neutral-700": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"bg-transparent ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				},
+				//Outline
+				{
+					"border-black hover:border-neutral-700 active:border-neutral-600": (variant === "standard" || variant === "outline") && (!disabled),
+					"border-neutral-700/80": (variant === "standard" || variant === "outline") && (disabled),
+					"border-black hover:border-black active:border-neutral-700": (variant === "outline-ghost") && (!disabled),
+					"border-neutral-700/80 ": (variant === "outline-ghost") && (disabled)
+				},
+				//Text
+				{
+					"text-white": variant === "standard",
+					"text-black hover:text-neutral-700 active:text-neutral-600": (variant === "outline" || variant === "icon") && (!disabled),
+					"text-neutral-700/80": (variant === "outline" || variant === "icon") && (disabled),
+					"text-black hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"text-neutral-700/80 ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				}
+			)}
+		/>
+	);
+}
diff --git a/lib/component/button/InfoButton.tsx b/lib/component/button/InfoButton.tsx
new file mode 100644
index 0000000..9c6c062
--- /dev/null
+++ b/lib/component/button/InfoButton.tsx
@@ -0,0 +1,46 @@
+import type { ButtonProps } from "$/types/Button";
+import clsx from "clsx";
+import Button from "./Button";
+
+
+export default function InfoButton(props: ButtonProps){
+	const {
+		className,
+		variant = "standard",
+		disabled
+	} = props;
+
+
+	return (
+		<Button
+			{...props}
+			className={clsx(
+				"transition duration-300",
+				className,
+				//Background
+				{
+					"bg-cyan-500 hover:bg-cyan-600 active:bg-cyan-700": (variant === "standard") && (!disabled),
+					"bg-sky-300/80": (variant === "standard") && (disabled),
+					"bg-transparent": (variant === "outline" || variant === "icon"),
+					"bg-transparent hover:bg-cyan-500 active:bg-cyan-600": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"bg-transparent ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				},
+				//Outline
+				{
+					"border-cyan-500 hover:border-cyan-600 active:border-cyan-700": (variant === "standard" || variant === "outline") && (!disabled),
+					"border-sky-300/80": (variant === "standard" || variant === "outline") && (disabled),
+					"border-cyan-500 hover:border-cyan-500 active:border-cyan-600": (variant === "outline-ghost") && (!disabled),
+					"border-sky-300/80 ": (variant === "outline-ghost") && (disabled)
+				},
+				//Text
+				{
+					"text-black": variant === "standard",
+					"text-cyan-500 hover:text-cyan-600 active:text-cyan-700": (variant === "outline" || variant === "icon") && (!disabled),
+					"text-sky-300/80": (variant === "outline" || variant === "icon") && (disabled),
+					"text-cyan-500 hover:text-black active:text-black": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"text-sky-300/80 ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				}
+			)}
+		/>
+	);
+}
diff --git a/lib/component/button/LightButton.tsx b/lib/component/button/LightButton.tsx
new file mode 100644
index 0000000..1b51045
--- /dev/null
+++ b/lib/component/button/LightButton.tsx
@@ -0,0 +1,46 @@
+import type { ButtonProps } from "$/types/Button";
+import clsx from "clsx";
+import Button from "./Button";
+
+
+export default function LightButton(props: ButtonProps){
+	const {
+		className,
+		variant = "standard",
+		disabled
+	} = props;
+
+
+	return (
+		<Button
+			{...props}
+			className={clsx(
+				"transition duration-300",
+				className,
+				//Background
+				{
+					"bg-white hover:bg-neutral-300 active:bg-neutral-400": (variant === "standard") && (!disabled),
+					"bg-neutral-400/80": (variant === "standard") && (disabled),
+					"bg-transparent": (variant === "outline" || variant === "icon"),
+					"bg-transparent hover:bg-white active:bg-neutral-300": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"bg-transparent ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				},
+				//Outline
+				{
+					"border-white hover:border-neutral-300 active:border-neutral-400": (variant === "standard" || variant === "outline") && (!disabled),
+					"border-neutral-400/80": (variant === "standard" || variant === "outline") && (disabled),
+					"border-white hover:border-white active:border-neutral-300": (variant === "outline-ghost") && (!disabled),
+					"border-neutral-400/80 ": (variant === "outline-ghost") && (disabled)
+				},
+				//Text
+				{
+					"text-black": variant === "standard",
+					"text-white hover:text-neutral-300 active:text-neutral-400": (variant === "outline" || variant === "icon") && (!disabled),
+					"text-neutral-400/80": (variant === "outline" || variant === "icon") && (disabled),
+					"text-white hover:text-black active:text-black": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"text-neutral-400/80 ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				}
+			)}
+		/>
+	);
+}
diff --git a/lib/component/button/MoltenButton.tsx b/lib/component/button/MoltenButton.tsx
new file mode 100644
index 0000000..4ea79b9
--- /dev/null
+++ b/lib/component/button/MoltenButton.tsx
@@ -0,0 +1,46 @@
+import type { ButtonProps } from "$/types/Button";
+import clsx from "clsx";
+import Button from "./Button";
+
+
+export default function MoltenButton(props: ButtonProps){
+	const {
+		className,
+		variant = "standard",
+		disabled
+	} = props;
+
+
+	return (
+		<Button
+			{...props}
+			className={clsx(
+				"transition duration-300",
+				className,
+				//Background
+				{
+					"bg-orange-600 hover:bg-orange-700 active:bg-orange-800": (variant === "standard") && (!disabled),
+					"bg-orange-400/80": (variant === "standard") && (disabled),
+					"bg-transparent": (variant === "outline" || variant === "icon"),
+					"bg-transparent hover:bg-orange-600 active:bg-orange-700": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"bg-transparent ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				},
+				//Outline
+				{
+					"border-orange-600 hover:border-orange-700 active:border-orange-800": (variant === "standard" || variant === "outline") && (!disabled),
+					"border-orange-400/80": (variant === "standard" || variant === "outline") && (disabled),
+					"border-orange-600 hover:border-orange-600 active:border-orange-700": (variant === "outline-ghost") && (!disabled),
+					"border-orange-400/80 ": (variant === "outline-ghost") && (disabled)
+				},
+				//Text
+				{
+					"text-white": variant === "standard",
+					"text-orange-600 hover:text-orange-700 active:text-orange-800": (variant === "outline" || variant === "icon") && (!disabled),
+					"text-orange-400/80": (variant === "outline" || variant === "icon") && (disabled),
+					"text-orange-600 hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"text-orange-400/80 ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				}
+			)}
+		/>
+	);
+}
\ No newline at end of file
diff --git a/lib/component/button/PrimaryButton.tsx b/lib/component/button/PrimaryButton.tsx
new file mode 100644
index 0000000..ca390ca
--- /dev/null
+++ b/lib/component/button/PrimaryButton.tsx
@@ -0,0 +1,46 @@
+import type { ButtonProps } from "$/types/Button";
+import clsx from "clsx";
+import Button from "./Button";
+
+
+export default function PrimaryButton(props: ButtonProps){
+	const {
+		className,
+		variant = "standard",
+		disabled
+	} = props;
+
+
+	return (
+		<Button
+			{...props}
+			className={clsx(
+				"transition duration-300",
+				className,
+				//Background
+				{
+					"bg-blue-600 hover:bg-blue-700 active:bg-blue-800": (variant === "standard") && (!disabled),
+					"bg-blue-400/80": (variant === "standard") && (disabled),
+					"bg-transparent": (variant === "outline" || variant === "icon"),
+					"bg-transparent hover:bg-blue-600 active:bg-blue-700": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"bg-transparent ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				},
+				//Outline
+				{
+					"border-blue-600 hover:border-blue-700 active:border-blue-800": (variant === "standard" || variant === "outline") && (!disabled),
+					"border-blue-400/80": (variant === "standard" || variant === "outline") && (disabled),
+					"border-blue-600 hover:border-blue-600 active:border-blue-700": (variant === "outline-ghost") && (!disabled),
+					"border-blue-400/80 ": (variant === "outline-ghost") && (disabled)
+				},
+				//Text
+				{
+					"text-white": variant === "standard",
+					"text-blue-600 hover:text-blue-700 active:text-blue-800": (variant === "outline" || variant === "icon") && (!disabled),
+					"text-blue-400/80": (variant === "outline" || variant === "icon") && (disabled),
+					"text-blue-600 hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"text-blue-400/80 ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				}
+			)}
+		/>
+	);
+}
diff --git a/lib/component/button/SecondaryButton.tsx b/lib/component/button/SecondaryButton.tsx
new file mode 100644
index 0000000..04a0433
--- /dev/null
+++ b/lib/component/button/SecondaryButton.tsx
@@ -0,0 +1,46 @@
+import type { ButtonProps } from "$/types/Button";
+import clsx from "clsx";
+import Button from "./Button";
+
+
+export default function SecondaryButton(props: ButtonProps){
+	const {
+		className,
+		variant = "standard",
+		disabled
+	} = props;
+
+
+	return (
+		<Button
+			{...props}
+			className={clsx(
+				"transition duration-300",
+				className,
+				//Background
+				{
+					"bg-neutral-500 hover:bg-neutral-600 active:bg-neutral-700": (variant === "standard") && (!disabled),
+					"bg-neutral-300/80": (variant === "standard") && (disabled),
+					"bg-transparent": (variant === "outline" || variant === "icon"),
+					"bg-transparent hover:bg-neutral-500 active:bg-neutral-600": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"bg-transparent ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				},
+				//Outline
+				{
+					"border-neutral-500 hover:border-neutral-600 active:border-neutral-700": (variant === "standard" || variant === "outline") && (!disabled),
+					"border-neutral-300/80": (variant === "standard" || variant === "outline") && (disabled),
+					"border-neutral-500 hover:border-neutral-500 active:border-neutral-600": (variant === "outline-ghost") && (!disabled),
+					"border-neutral-300/80 ": (variant === "outline-ghost") && (disabled)
+				},
+				//Text
+				{
+					"text-white": variant === "standard",
+					"text-neutral-500 hover:text-neutral-600 active:text-neutral-700": (variant === "outline" || variant === "icon") && (!disabled),
+					"text-neutral-300/80": (variant === "outline" || variant === "icon") && (disabled),
+					"text-neutral-500 hover:text-black active:text-black": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"text-neutral-300/80 ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				}
+			)}
+		/>
+	);
+}
diff --git a/lib/component/button/SuccessButton.tsx b/lib/component/button/SuccessButton.tsx
new file mode 100644
index 0000000..61fe10d
--- /dev/null
+++ b/lib/component/button/SuccessButton.tsx
@@ -0,0 +1,46 @@
+import type { ButtonProps } from "$/types/Button";
+import clsx from "clsx";
+import Button from "./Button";
+
+
+export default function SuccessButton(props: ButtonProps){
+	const {
+		className,
+		variant = "standard",
+		disabled
+	} = props;
+
+
+	return (
+		<Button
+			{...props}
+			className={clsx(
+				"transition duration-300",
+				className,
+				//Background
+				{
+					"bg-green-600 hover:bg-green-700 active:bg-green-800": (variant === "standard") && (!disabled),
+					"bg-green-400/80": (variant === "standard") && (disabled),
+					"bg-transparent": (variant === "outline" || variant === "icon"),
+					"bg-transparent hover:bg-green-600 active:bg-green-700": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"bg-transparent ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				},
+				//Outline
+				{
+					"border-green-600 hover:border-green-700 active:border-green-800": (variant === "standard" || variant === "outline") && (!disabled),
+					"border-green-400/80": (variant === "standard" || variant === "outline") && (disabled),
+					"border-green-600 hover:border-green-600 active:border-green-700": (variant === "outline-ghost") && (!disabled),
+					"border-green-400/80 ": (variant === "outline-ghost") && (disabled)
+				},
+				//Text
+				{
+					"text-white": variant === "standard",
+					"text-green-600 hover:text-green-700 active:text-green-800": (variant === "outline" || variant === "icon") && (!disabled),
+					"text-green-400/80": (variant === "outline" || variant === "icon") && (disabled),
+					"text-green-600 hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"text-green-400/80 ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				}
+			)}
+		/>
+	);
+}
diff --git a/lib/component/button/TertiaryButton.tsx b/lib/component/button/TertiaryButton.tsx
new file mode 100644
index 0000000..a78e780
--- /dev/null
+++ b/lib/component/button/TertiaryButton.tsx
@@ -0,0 +1,46 @@
+import type { ButtonProps } from "$/types/Button";
+import clsx from "clsx";
+import Button from "./Button";
+
+
+export default function TertiaryButton(props: ButtonProps){
+	const {
+		className,
+		variant = "standard",
+		disabled
+	} = props;
+
+
+	return (
+		<Button
+			{...props}
+			className={clsx(
+				"transition duration-300",
+				className,
+				//Background
+				{
+					"bg-purple-600 hover:bg-purple-700 active:bg-purple-800": (variant === "standard") && (!disabled),
+					"bg-purple-400/80": (variant === "standard") && (disabled),
+					"bg-transparent": (variant === "outline" || variant === "icon"),
+					"bg-transparent hover:bg-purple-600 active:bg-purple-700": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"bg-transparent ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				},
+				//Outline
+				{
+					"border-purple-600 hover:border-purple-700 active:border-purple-800": (variant === "standard" || variant === "outline") && (!disabled),
+					"border-purple-400/80": (variant === "standard" || variant === "outline") && (disabled),
+					"border-purple-600 hover:border-purple-600 active:border-purple-700": (variant === "outline-ghost") && (!disabled),
+					"border-purple-400/80 ": (variant === "outline-ghost") && (disabled)
+				},
+				//Text
+				{
+					"text-white": variant === "standard",
+					"text-purple-600 hover:text-purple-700 active:text-purple-800": (variant === "outline" || variant === "icon") && (!disabled),
+					"text-purple-400/80": (variant === "outline" || variant === "icon") && (disabled),
+					"text-purple-600 hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"text-purple-400/80 ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				}
+			)}
+		/>
+	);
+}
diff --git a/lib/component/button/WarningButton.tsx b/lib/component/button/WarningButton.tsx
new file mode 100644
index 0000000..d0aec7c
--- /dev/null
+++ b/lib/component/button/WarningButton.tsx
@@ -0,0 +1,46 @@
+import type { ButtonProps } from "$/types/Button";
+import clsx from "clsx";
+import Button from "./Button";
+
+
+export default function WarningButton(props: ButtonProps){
+	const {
+		className,
+		variant = "standard",
+		disabled
+	} = props;
+
+
+	return (
+		<Button
+			{...props}
+			className={clsx(
+				"transition duration-300",
+				className,
+				//Background
+				{
+					"bg-yellow-500 hover:bg-yellow-600 active:bg-yellow-700": (variant === "standard") && (!disabled),
+					"bg-yellow-300/80": (variant === "standard") && (disabled),
+					"bg-transparent": (variant === "outline" || variant === "icon"),
+					"bg-transparent hover:bg-yellow-500 active:bg-yellow-600": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"bg-transparent ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				},
+				//Outline
+				{
+					"border-yellow-500 hover:border-yellow-600 active:border-yellow-700": (variant === "standard" || variant === "outline") && (!disabled),
+					"border-yellow-300/80": (variant === "standard" || variant === "outline") && (disabled),
+					"border-yellow-500 hover:border-yellow-500 active:border-yellow-600": (variant === "outline-ghost") && (!disabled),
+					"border-yellow-300/80 ": (variant === "outline-ghost") && (disabled)
+				},
+				//Text
+				{
+					"text-black": variant === "standard",
+					"text-yellow-500 hover:text-yellow-600 active:text-yellow-700": (variant === "outline" || variant === "icon") && (!disabled),
+					"text-yellow-300/80": (variant === "outline" || variant === "icon") && (disabled),
+					"text-yellow-500 hover:text-black active:text-black": (variant === "ghost" || variant === "outline-ghost") && (!disabled),
+					"text-yellow-300/80 ": (variant === "ghost" || variant === "outline-ghost") && (disabled)
+				}
+			)}
+		/>
+	);
+}
diff --git a/lib/component/input.ts b/lib/component/input.ts
new file mode 100644
index 0000000..69a10b3
--- /dev/null
+++ b/lib/component/input.ts
@@ -0,0 +1,10 @@
+import OptionInput from "./input/OptionInput";
+import SelectInput from "./input/SelectInput";
+import TextInput from "./input/TextInput";
+
+
+export {
+	OptionInput,
+	SelectInput,
+	TextInput
+};
diff --git a/lib/component/input/OptionInput.tsx b/lib/component/input/OptionInput.tsx
new file mode 100644
index 0000000..ea87dfb
--- /dev/null
+++ b/lib/component/input/OptionInput.tsx
@@ -0,0 +1,27 @@
+import type { OptionInputProps } from "$/types/Input";
+import { ListboxOption } from "@headlessui/react";
+import clsx from "clsx";
+
+
+export default function OptionInput(props: OptionInputProps){
+	const {
+		id,
+		className,
+		value,
+		children
+	} = props;
+
+
+	return (
+		<ListboxOption
+			id={id}
+			className={clsx(
+				"cursor-pointer",
+				className
+			)}
+			value={value}
+		>
+			{children}
+		</ListboxOption>
+	);
+}
diff --git a/lib/component/input/SelectInput.tsx b/lib/component/input/SelectInput.tsx
new file mode 100644
index 0000000..f0ea3ec
--- /dev/null
+++ b/lib/component/input/SelectInput.tsx
@@ -0,0 +1,41 @@
+import type { SelectInputProps } from "$/types/Input";
+import { Listbox, ListboxButton, ListboxOptions } from "@headlessui/react";
+import clsx from "clsx";
+import { BsChevronDown } from "react-icons/bs";
+
+
+export default function SelectInput(props: SelectInputProps){
+	const {
+		label,
+		value,
+		onChange,
+		children
+	} = props;
+
+
+	return (
+		<Listbox
+			value={value}
+			onChange={onChange}
+		>
+			<div
+				className="relative w-full"
+			>
+				<ListboxButton
+					className={clsx(
+						"flex flex-row items-center justify-between w-full",
+						"outline rounded px-2 py-1"
+					)}
+				>
+					<span>{label}</span>
+					<span><BsChevronDown size={22}/></span>
+				</ListboxButton>
+				<ListboxOptions
+					className="absolute w-full max-h-60 overflow-scroll z-10 outline-none"
+				>
+					{children}
+				</ListboxOptions>
+			</div>
+		</Listbox>
+	);
+}
diff --git a/lib/component/input/TextInput.tsx b/lib/component/input/TextInput.tsx
new file mode 100644
index 0000000..9a14bb5
--- /dev/null
+++ b/lib/component/input/TextInput.tsx
@@ -0,0 +1,57 @@
+import type { TextInputProps } from "$/types/Input";
+import clsx from "clsx";
+
+
+export default function TextInput(props: TextInputProps){
+	const {
+		id,
+		className,
+		inputClassName,
+		labelClassName,
+		placeholder,
+		defaultValue,
+		value,
+		onChange,
+		disabled
+	} = props;
+
+
+	return (
+		<div
+			className={clsx(
+				"flex flex-row items-center justify-center rounded-lg border-2",
+				className
+			)}
+		>
+			<div
+				className="relative flex flex-row items-center justify-center px-2 py-1"
+			>
+				<input
+					type="text"
+					id={id}
+					className={clsx(
+						"peer bg-transparent outline-none placeholder-transparent",
+						inputClassName
+					)}
+					placeholder={placeholder}
+					defaultValue={defaultValue}
+					value={value}
+					onChange={onChange}
+					disabled={disabled}
+				/>
+				<label
+					className={clsx(
+						"absolute ml-2 -top-3 left-0 text-sm rounded-md px-1 select-none cursor-default",
+						"peer-placeholder-shown:top-0 peer-placeholder-shown:-left-1 peer-placeholder-shown:text-inherit peer-placeholder-shown:text-base peer-placeholder-shown:bg-transparent peer-placeholder-shown:h-full peer-placeholder-shown:cursor-text",
+						"flex items-center",
+						labelClassName
+					)}
+					style={{ transitionProperty: "top,, left, font-size, line-height", transitionTimingFunction: "cubic-bezier(0.4 0, 0.2, 1)", transitionDuration: "250ms" }}
+					htmlFor={id}
+				>
+					{placeholder}
+				</label>
+			</div>
+		</div>
+	);
+}
diff --git a/lib/component/input/switch/DangerSwitch.tsx b/lib/component/input/switch/DangerSwitch.tsx
new file mode 100644
index 0000000..2d07865
--- /dev/null
+++ b/lib/component/input/switch/DangerSwitch.tsx
@@ -0,0 +1,7 @@
+export default function DangerSwitch(){
+	return (
+		<div>
+			Danger Switch
+		</div>
+	);
+}
diff --git a/lib/component/input/switch/DarkSwitch.tsx b/lib/component/input/switch/DarkSwitch.tsx
new file mode 100644
index 0000000..e352abe
--- /dev/null
+++ b/lib/component/input/switch/DarkSwitch.tsx
@@ -0,0 +1,7 @@
+export default function DarkSwitch(){
+	return (
+		<div>
+			Dark Switch
+		</div>
+	);
+}
diff --git a/lib/component/input/switch/LightSwitch.tsx b/lib/component/input/switch/LightSwitch.tsx
new file mode 100644
index 0000000..74cc4af
--- /dev/null
+++ b/lib/component/input/switch/LightSwitch.tsx
@@ -0,0 +1,7 @@
+export default function LightSwitch(){
+	return (
+		<div>
+			Light Switch
+		</div>
+	);
+}
diff --git a/lib/component/input/switch/PlainSwitch.tsx b/lib/component/input/switch/PlainSwitch.tsx
new file mode 100644
index 0000000..676915c
--- /dev/null
+++ b/lib/component/input/switch/PlainSwitch.tsx
@@ -0,0 +1,7 @@
+export default function PlainSwitch(){
+	return (
+		<div>
+			Plain Switch
+		</div>
+	);
+}
\ No newline at end of file
diff --git a/lib/component/input/switch/PrimarySwitch.tsx b/lib/component/input/switch/PrimarySwitch.tsx
new file mode 100644
index 0000000..39cb7ef
--- /dev/null
+++ b/lib/component/input/switch/PrimarySwitch.tsx
@@ -0,0 +1,7 @@
+export default function PrimarySwitch(){
+	return (
+		<div>
+			Primary Switch
+		</div>
+	);
+}
diff --git a/lib/component/input/switch/SecondarySwitch.tsx b/lib/component/input/switch/SecondarySwitch.tsx
new file mode 100644
index 0000000..a2e886b
--- /dev/null
+++ b/lib/component/input/switch/SecondarySwitch.tsx
@@ -0,0 +1,7 @@
+export default function SecondarySwitch(){
+	return (
+		<div>
+			Secondary Switch
+		</div>
+	);
+}
diff --git a/lib/component/input/switch/SuccessDangerSwitch.tsx b/lib/component/input/switch/SuccessDangerSwitch.tsx
new file mode 100644
index 0000000..e0df7fa
--- /dev/null
+++ b/lib/component/input/switch/SuccessDangerSwitch.tsx
@@ -0,0 +1,7 @@
+export default function SuccessDangerSwitch(){
+	return (
+		<div>
+			Success Danger Switch
+		</div>
+	);
+}
diff --git a/lib/component/input/switch/SuccessSwitch.tsx b/lib/component/input/switch/SuccessSwitch.tsx
new file mode 100644
index 0000000..5331d9f
--- /dev/null
+++ b/lib/component/input/switch/SuccessSwitch.tsx
@@ -0,0 +1,7 @@
+export default function SuccessSwitch(){
+	return (
+		<div>
+			Success Switch
+		</div>
+	);
+}
diff --git a/lib/component/input/switch/Switch.tsx b/lib/component/input/switch/Switch.tsx
new file mode 100644
index 0000000..0add28c
--- /dev/null
+++ b/lib/component/input/switch/Switch.tsx
@@ -0,0 +1,7 @@
+export default function Switch(){
+	return (
+		<div>
+			Switch
+		</div>
+	);
+}
diff --git a/lib/component/input/switch/TertiarySwitch.tsx b/lib/component/input/switch/TertiarySwitch.tsx
new file mode 100644
index 0000000..b699209
--- /dev/null
+++ b/lib/component/input/switch/TertiarySwitch.tsx
@@ -0,0 +1,7 @@
+export default function TertiarySwitch(){
+	return (
+		<div>
+			Tertiary Switch
+		</div>
+	);
+}
diff --git a/lib/component/input/switch/WarningSwitch.tsx b/lib/component/input/switch/WarningSwitch.tsx
new file mode 100644
index 0000000..f6cf1c9
--- /dev/null
+++ b/lib/component/input/switch/WarningSwitch.tsx
@@ -0,0 +1,7 @@
+export default function WarningSwitch(){
+	return (
+		<div>
+			Warning Switch
+		</div>
+	);
+}
diff --git a/lib/component/loading.ts b/lib/component/loading.ts
new file mode 100644
index 0000000..f511123
--- /dev/null
+++ b/lib/component/loading.ts
@@ -0,0 +1,90 @@
+
+import CenterGrowingBars from "./loading/bar/CenterGrowingBars";
+import CircleBars from "./loading/bar/CircleBars";
+import FadingBars from "./loading/bar/FadingBars";
+import FadingGrowingBars from "./loading/bar/FadingGrowingBars";
+import GrowingBars from "./loading/bar/GrowingBars";
+import PulsingBlocks from "./loading/block/PulsingBlocks";
+import SlidingBlocks2 from "./loading/block/SlidingBlocks2";
+import SlidingBlocks3 from "./loading/block/SlidingBlocks3";
+import WaveBlocks from "./loading/block/WaveBlocks";
+import BouncingDots from "./loading/dot/BouncingDots";
+import CircleCenterDots from "./loading/dot/CircleCenterDots";
+import CircleFadingDots from "./loading/dot/CircleFadingDots";
+import CirclePulsingDots from "./loading/dot/CirclePulsingDots";
+import CircleRotatingDots from "./loading/dot/CircleRotatingDots";
+import CircleShrinkingDots from "./loading/dot/CircleShrinkingDots";
+import CircleSpinningDot from "./loading/dot/CircleSpinningDot";
+import CyclingDots from "./loading/dot/CyclingDots";
+import FadingDots from "./loading/dot/FadingDots";
+import PulsingDots from "./loading/dot/PulsingDots";
+import RotatingDots from "./loading/dot/RotatingDots";
+import SwellingDots from "./loading/dot/SwellingDots";
+import DoubleDrop from "./loading/drop/DoubleDrop";
+import DoubleWaveDrop from "./loading/drop/DoubleWaveDrop";
+import Drop from "./loading/drop/Drop";
+import QuickDrop from "./loading/drop/QuickDrop";
+import QuickWaveDrop from "./loading/drop/QuickWaveDrop";
+import TripleDrop from "./loading/drop/TripleDrop";
+import TripleWaveDrop from "./loading/drop/TripleWaveDrop";
+import WaveDrop from "./loading/drop/WaveDrop";
+import HalfSpinner from "./loading/spinner/HalfSpinner";
+import QuarterSpinner from "./loading/spinner/QuarterSpinner";
+import RubberSpinner from "./loading/spinner/RubberSpinner";
+import ThreeQuarterSpinner from "./loading/spinner/ThreeQuarterSpinner";
+import BouncingDot from "./loading/various/BouncingDot";
+import PulsingLine from "./loading/various/PulsingLine";
+import SpinningBinary from "./loading/various/SpinningBinary";
+import SpinningClock from "./loading/various/SpinningClock";
+import SpinningEclipse from "./loading/various/SpinningEclipse";
+import SpinningEclipseHalf from "./loading/various/SpinningEclipseHalf";
+import SpinningGalaxy from "./loading/various/SpinningGalaxy";
+import SpinningTadpole from "./loading/various/SpinningTadpole";
+import Wifi from "./loading/various/Wifi";
+
+
+export {
+	BouncingDot,
+	BouncingDots,
+	CenterGrowingBars,
+	CircleBars,
+	CircleCenterDots,
+	CircleFadingDots,
+	CirclePulsingDots,
+	CircleRotatingDots,
+	CircleShrinkingDots,
+	CircleSpinningDot,
+	CyclingDots,
+	DoubleDrop,
+	DoubleWaveDrop,
+	Drop,
+	FadingBars,
+	FadingDots,
+	FadingGrowingBars,
+	GrowingBars,
+	HalfSpinner,
+	PulsingBlocks,
+	PulsingDots,
+	PulsingLine,
+	QuarterSpinner,
+	QuickDrop,
+	QuickWaveDrop,
+	RotatingDots,
+	RubberSpinner,
+	SlidingBlocks2,
+	SlidingBlocks3,
+	SpinningBinary,
+	SpinningClock,
+	SpinningEclipse,
+	SpinningEclipseHalf,
+	SpinningGalaxy,
+	SpinningTadpole,
+	SwellingDots,
+	ThreeQuarterSpinner,
+	TripleDrop,
+	TripleWaveDrop,
+	WaveBlocks,
+	WaveDrop,
+	Wifi
+};
+
diff --git a/lib/component/loading/bar/CenterGrowingBars.tsx b/lib/component/loading/bar/CenterGrowingBars.tsx
new file mode 100644
index 0000000..d3a137d
--- /dev/null
+++ b/lib/component/loading/bar/CenterGrowingBars.tsx
@@ -0,0 +1,157 @@
+import type { LoadingBarsProps } from "$/types/Loading";
+
+
+export default function CenterGrowingBars({
+	width,
+	height,
+	className,
+	animationDuration = 0.6,
+	stroke,
+	fill
+}: LoadingBarsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/bars-scale-middle.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<rect
+				x="1"
+				y="6"
+				width="2.8"
+				height="12"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle3_${id}.begin+${animationDuration * 2 / 3}s`}
+					attributeName="y"
+					calcMode="spline"
+					dur={animationDuration}
+					values="6;1;6"
+					keySplines=".14,.73,.34,1;.65,.26,.82,.45"
+				/>
+				<animate
+					begin={`rectangle3_${id}.begin+${animationDuration * 2 / 3}s`}
+					attributeName="height"
+					calcMode="spline"
+					dur={animationDuration}
+					values="12;22;12"
+					keySplines=".14,.73,.34,1;.65,.26,.82,.45"
+				/>
+			</rect>
+			<rect
+				x="5.8"
+				y="6"
+				width="2.8"
+				height="12"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle3_${id}.begin+${animationDuration / 3}s`}
+					attributeName="y"
+					calcMode="spline"
+					dur={animationDuration}
+					values="6;1;6"
+					keySplines=".14,.73,.34,1;.65,.26,.82,.45"
+				/>
+				<animate
+					begin={`rectangle3_${id}.begin+${animationDuration / 3}s`}
+					attributeName="height"
+					calcMode="spline"
+					dur={animationDuration}
+					values="12;22;12"
+					keySplines=".14,.73,.34,1;.65,.26,.82,.45"
+				/>
+			</rect>
+			<rect
+				x="10.6"
+				y="6"
+				width="2.8"
+				height="12"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle3_${id}`}
+					begin={`0;rectangle5_${id}.end-${animationDuration / 6}s`}
+					attributeName="y"
+					calcMode="spline"
+					dur={animationDuration}
+					values="6;1;6"
+					keySplines=".14,.73,.34,1;.65,.26,.82,.45"
+				/>
+				<animate
+					begin={`0;rectangle5_${id}.end-${animationDuration / 6}s`}
+					attributeName="height"
+					calcMode="spline"
+					dur={animationDuration}
+					values="12;22;12"
+					keySplines=".14,.73,.34,1;.65,.26,.82,.45"
+				/>
+			</rect>
+			<rect
+				x="15.4"
+				y="6"
+				width="2.8"
+				height="12"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle3_${id}.begin+${animationDuration / 3}s`}
+					attributeName="y"
+					calcMode="spline"
+					dur={animationDuration}
+					values="6;1;6"
+					keySplines=".14,.73,.34,1;.65,.26,.82,.45"
+				/>
+				<animate
+					begin={`rectangle3_${id}.begin+${animationDuration / 3}s`}
+					attributeName="height"
+					calcMode="spline"
+					dur={animationDuration}
+					values="12;22;12"
+					keySplines=".14,.73,.34,1;.65,.26,.82,.45"
+				/>
+			</rect>
+			<rect
+				x="20.2"
+				y="6"
+				width="2.8"
+				height="12"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle5_${id}`}
+					begin={`rectangle3_${id}.begin+${animationDuration * 2 / 3}s`}
+					attributeName="y"
+					calcMode="spline"
+					dur={animationDuration}
+					values="6;1;6"
+					keySplines=".14,.73,.34,1;.65,.26,.82,.45"
+				/>
+				<animate
+					begin={`rectangle3_${id}.begin+${animationDuration * 2 / 3}s`}
+					attributeName="height"
+					calcMode="spline"
+					dur={animationDuration}
+					values="12;22;12"
+					keySplines=".14,.73,.34,1;.65,.26,.82,.45"
+				/>
+			</rect>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/bar/CircleBars.tsx b/lib/component/loading/bar/CircleBars.tsx
new file mode 100644
index 0000000..53368a8
--- /dev/null
+++ b/lib/component/loading/bar/CircleBars.tsx
@@ -0,0 +1,109 @@
+import type { LoadingBarsProps } from "$/types/Loading";
+
+
+export default function CircleBars({
+	width,
+	height,
+	className,
+	animationDuration = 0.75,
+	stroke,
+	fill
+}: LoadingBarsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/bars-rotate-fade.svg
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<g>
+				<rect
+					x="11"
+					y="1"
+					width="2"
+					height="5"
+					opacity=".14"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<rect
+					x="11"
+					y="1"
+					width="2"
+					height="5"
+					transform="rotate(30 12 12)"
+					opacity=".29"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<rect
+					x="11"
+					y="1"
+					width="2"
+					height="5"
+					transform="rotate(60 12 12)"
+					opacity=".43"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<rect
+					x="11"
+					y="1"
+					width="2"
+					height="5"
+					transform="rotate(90 12 12)"
+					opacity=".57"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<rect
+					x="11"
+					y="1"
+					width="2"
+					height="5"
+					transform="rotate(120 12 12)"
+					opacity=".71"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<rect
+					x="11"
+					y="1"
+					width="2"
+					height="5"
+					transform="rotate(150 12 12)"
+					opacity=".86"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<rect
+					x="11"
+					y="1"
+					width="2"
+					height="5"
+					transform="rotate(180 12 12)"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					calcMode="discrete"
+					dur={animationDuration}
+					values="0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12"
+					repeatCount="indefinite"
+				/>
+			</g>
+		</svg>
+	);
+}
\ No newline at end of file
diff --git a/lib/component/loading/bar/FadingBars.tsx b/lib/component/loading/bar/FadingBars.tsx
new file mode 100644
index 0000000..bb37bf8
--- /dev/null
+++ b/lib/component/loading/bar/FadingBars.tsx
@@ -0,0 +1,81 @@
+import type { LoadingBarsProps } from "$/types/Loading";
+
+
+export default function FadingBars({
+	width,
+	height,
+	className,
+	animationDuration = 0.75,
+	stroke,
+	fill
+}: LoadingBarsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/bars-fade.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<rect
+				x="1"
+				y="4"
+				width="6"
+				height="14"
+				opacity="1"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle1_${id}`}
+					begin={`0;rectangle3_${id}.end-${animationDuration / 3}s`}
+					attributeName="opacity"
+					dur={animationDuration}
+					values="1;.2"
+					fill="freeze"
+				/>
+			</rect>
+			<rect
+				x="9"
+				y="4"
+				width="6"
+				height="14"
+				opacity=".4"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 5}s`}
+					attributeName="opacity"
+					dur={animationDuration}
+					values="1;.2"
+					fill="freeze"
+				/>
+			</rect>
+			<rect
+				x="17"
+				y="4"
+				width="6"
+				height="14"
+				opacity=".3"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle3_${id}`}
+					begin={`rectangle1_${id}.begin+${animationDuration * 2 / 5}s`}
+					attributeName="opacity"
+					dur={animationDuration}
+					values="1;.2"
+					fill="freeze"
+				/>
+			</rect>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/bar/FadingGrowingBars.tsx b/lib/component/loading/bar/FadingGrowingBars.tsx
new file mode 100644
index 0000000..e258c5e
--- /dev/null
+++ b/lib/component/loading/bar/FadingGrowingBars.tsx
@@ -0,0 +1,123 @@
+import type { LoadingBarsProps } from "$/types/Loading";
+
+
+export default function FadingGrowingBars({
+	width,
+	height,
+	className,
+	animationDuration = 0.75,
+	stroke,
+	fill
+}: LoadingBarsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/bars-scale-fade.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<rect
+				x="1"
+				y="4"
+				width="6"
+				height="14"
+				opacity="1"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle1_${id}`}
+					begin={`0;rectangle3_${id}.end-${animationDuration / 3}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="1;5"
+					fill="freeze"
+				/>
+				<animate
+					begin={`0;rectangle3_${id}.end-${animationDuration / 3}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="22;14"
+					fill="freeze"
+				/>
+				<animate
+					begin={`0;rectangle3_${id}.end-${animationDuration / 3}s`}
+					attributeName="opacity"
+					dur={animationDuration}
+					values="1;.2"
+					fill="freeze"
+				/>
+			</rect>
+			<rect
+				x="9"
+				y="4"
+				width="6"
+				height="14"
+				opacity=".4"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 5}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="1;5"
+					fill="freeze"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 5}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="22;14"
+					fill="freeze"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 5}s`}
+					attributeName="opacity"
+					dur={animationDuration}
+					values="1;.2"
+					fill="freeze"
+				/>
+			</rect>
+			<rect
+				x="17"
+				y="4"
+				width="6"
+				height="14"
+				opacity=".3"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle3_${id}`}
+					begin={`rectangle1_${id}.begin+${animationDuration * 2 / 5}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="1;5"
+					fill="freeze"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration * 2 / 5}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="22;14"
+					fill="freeze"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration * 2 / 5}s`}
+					attributeName="opacity"
+					dur={animationDuration}
+					values="1;.2"
+					fill="freeze"
+				/>
+			</rect>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/bar/GrowingBars.tsx b/lib/component/loading/bar/GrowingBars.tsx
new file mode 100644
index 0000000..0cc40e6
--- /dev/null
+++ b/lib/component/loading/bar/GrowingBars.tsx
@@ -0,0 +1,157 @@
+import type { LoadingBarsProps } from "$/types/Loading";
+
+
+export default function GrowingBars({
+	width,
+	height,
+	className,
+	animationDuration = 0.6,
+	stroke,
+	fill
+}: LoadingBarsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/bars-scale.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<rect
+				x="1"
+				y="6"
+				width="2.8"
+				height="12"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle1_${id}`}
+					begin={`0;rectangle5_${id}.end-${animationDuration / 6}s`}
+					attributeName="y"
+					calcMode="spline"
+					dur={animationDuration}
+					values="6;1;6"
+					keySplines=".36,.61,.3,.98;.36,.61,.3,.98"
+				/>
+				<animate
+					begin={`0;rectangle5_${id}.end-${animationDuration / 6}s`}
+					attributeName="height"
+					calcMode="spline"
+					dur={animationDuration}
+					values="12;22;12"
+					keySplines=".36,.61,.3,.98;.36,.61,.3,.98"
+				/>
+			</rect>
+			<rect
+				x="5.8"
+				y="6"
+				width="2.8"
+				height="12"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 6}s`}
+					attributeName="y"
+					calcMode="spline"
+					dur={animationDuration}
+					values="6;1;6"
+					keySplines=".36,.61,.3,.98;.36,.61,.3,.98"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 6}s`}
+					attributeName="height"
+					calcMode="spline"
+					dur={animationDuration}
+					values="12;22;12"
+					keySplines=".36,.61,.3,.98;.36,.61,.3,.98"
+				/>
+			</rect>
+			<rect
+				x="10.6"
+				y="6"
+				width="2.8"
+				height="12"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="y"
+					calcMode="spline"
+					dur={animationDuration}
+					values="6;1;6"
+					keySplines=".36,.61,.3,.98;.36,.61,.3,.98"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="height"
+					calcMode="spline"
+					dur={animationDuration}
+					values="12;22;12"
+					keySplines=".36,.61,.3,.98;.36,.61,.3,.98"
+				/>
+			</rect>
+			<rect
+				x="15.4"
+				y="6"
+				width="2.8"
+				height="12"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="y"
+					calcMode="spline"
+					dur={animationDuration}
+					values="6;1;6"
+					keySplines=".36,.61,.3,.98;.36,.61,.3,.98"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="height"
+					calcMode="spline"
+					dur={animationDuration}
+					values="12;22;12"
+					keySplines=".36,.61,.3,.98;.36,.61,.3,.98"
+				/>
+			</rect>
+			<rect
+				x="20.2"
+				y="6"
+				width="2.8"
+				height="12"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle5_${id}`}
+					begin={`rectangle1_${id}.begin+${animationDuration * 2 / 3}s`}
+					attributeName="y"
+					calcMode="spline"
+					dur={animationDuration}
+					values="6;1;6"
+					keySplines=".36,.61,.3,.98;.36,.61,.3,.98"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration * 2 / 3}s`}
+					attributeName="height"
+					calcMode="spline"
+					dur={animationDuration}
+					values="12;22;12"
+					keySplines=".36,.61,.3,.98;.36,.61,.3,.98"
+				/>
+			</rect>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/block/PulsingBlocks.tsx b/lib/component/loading/block/PulsingBlocks.tsx
new file mode 100644
index 0000000..a399804
--- /dev/null
+++ b/lib/component/loading/block/PulsingBlocks.tsx
@@ -0,0 +1,183 @@
+import type { LoadingBlocksProps } from "$/types/Loading";
+
+
+export default function PulsingBlocks({
+	width,
+	height,
+	className,
+	animationDuration = 0.6,
+	stroke,
+	fill
+}: LoadingBlocksProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/blocks-scale.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<rect
+				x="1.5"
+				y="1.5"
+				rx="1"
+				width="9"
+				height="9"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle1_${id}`}
+					begin={`0;rectangle4_${id}.end+${animationDuration / 4}s`}
+					attributeName="x"
+					dur={animationDuration}
+					values="1.5;.5;1.5"
+					keyTimes="0;.2;1"
+				/>
+				<animate
+					begin={`0;rectangle4_${id}.end+${animationDuration / 4}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="1.5;.5;1.5"
+					keyTimes="0;.2;1"
+				/>
+				<animate
+					begin={`0;rectangle4_${id}.end+${animationDuration / 4}s`}
+					attributeName="width"
+					dur={animationDuration}
+					values="9;11;9"
+					keyTimes="0;.2;1"
+				/>
+				<animate
+					begin={`0;rectangle4_${id}.end+${animationDuration / 4}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="9;11;9"
+					keyTimes="0;.2;1"
+				/>
+			</rect>
+			<rect
+				x="13.5"
+				y="1.5"
+				rx="1"
+				width="9"
+				height="9"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 4}s`}
+					attributeName="x"
+					dur={animationDuration}
+					values="13.5;12.5;13.5"
+					keyTimes="0;.2;1"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 4}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="1.5;.5;1.5"
+					keyTimes="0;.2;1"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 4}s`}
+					attributeName="width"
+					dur={animationDuration}
+					values="9;11;9"
+					keyTimes="0;.2;1"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 4}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="9;11;9"
+					keyTimes="0;.2;1"
+				/>
+			</rect>
+			<rect
+				x="13.5"
+				y="13.5"
+				rx="1"
+				width="9"
+				height="9"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="x"
+					dur={animationDuration}
+					values="13.5;12.5;13.5"
+					keyTimes="0;.2;1"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="13.5;12.5;13.5"
+					keyTimes="0;.2;1"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="width"
+					dur={animationDuration}
+					values="9;11;9"
+					keyTimes="0;.2;1"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="9;11;9"
+					keyTimes="0;.2;1"
+				/>
+			</rect>
+			<rect
+				x="1.5"
+				y="13.5"
+				rx="1"
+				width="9"
+				height="9"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle4_${id}`}
+					begin={`rectangle1_${id}.begin+${animationDuration * 3 / 4}s`}
+					attributeName="x"
+					dur={animationDuration}
+					values="1.5;.5;1.5"
+					keyTimes="0;.2;1"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration * 3 / 4}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="13.5;12.5;13.5"
+					keyTimes="0;.2;1"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration * 3 / 4}s`}
+					attributeName="width"
+					dur={animationDuration}
+					values="9;11;9"
+					keyTimes="0;.2;1"
+				/>
+				<animate
+					begin={`rectangle1_${id}.begin+${animationDuration * 3 / 4}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="9;11;9"
+					keyTimes="0;.2;1"
+				/>
+			</rect>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/block/SlidingBlocks2.tsx b/lib/component/loading/block/SlidingBlocks2.tsx
new file mode 100644
index 0000000..957305a
--- /dev/null
+++ b/lib/component/loading/block/SlidingBlocks2.tsx
@@ -0,0 +1,111 @@
+import type { LoadingBlocksProps } from "$/types/Loading";
+
+
+export default function SlidingBlocks2({
+	width,
+	height,
+	className,
+	animationDuration = 0.2,
+	stroke,
+	fill
+}: LoadingBlocksProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/blocks-shuffle-2.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<rect
+				x="1"
+				y="1"
+				rx="1"
+				width="10"
+				height="10"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle1_1_${id}`}
+					begin={`0;rectangle2_4_${id}.end`}
+					attributeName="x"
+					dur={animationDuration}
+					values="1;13"
+					fill="freeze"
+				/>
+				<animate
+					id={`rectangle1_2_${id}`}
+					begin={`rectangle2_1_${id}.end`}
+					attributeName="y"
+					dur={animationDuration}
+					values="1;13"
+					fill="freeze"
+				/>
+				<animate
+					id={`rectangle1_3_${id}`}
+					begin={`rectangle2_2_${id}.end`}
+					attributeName="x"
+					dur={animationDuration}
+					values="13;1"
+					fill="freeze"
+				/>
+				<animate
+					id={`rectangle1_4_${id}`}
+					begin={`rectangle2_3_${id}.end`}
+					attributeName="y"
+					dur={animationDuration}
+					values="13;1"
+					fill="freeze"
+				/>
+			</rect>
+			<rect
+				x="1"
+				y="13"
+				rx="1"
+				width="10"
+				height="10"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle2_1_${id}`}
+					begin={`rectangle1_1_${id}.end`}
+					attributeName="y"
+					dur={animationDuration}
+					values="13;1"
+					fill="freeze"
+				/>
+				<animate
+					id={`rectangle2_2_${id}`}
+					begin={`rectangle1_2_${id}.end`}
+					attributeName="x"
+					dur={animationDuration}
+					values="1;13"
+					fill="freeze"
+				/>
+				<animate
+					id={`rectangle2_3_${id}`}
+					begin={`rectangle1_3_${id}.end`}
+					attributeName="y"
+					dur={animationDuration}
+					values="1;13"
+					fill="freeze"
+				/>
+				<animate
+					id={`rectangle2_4_${id}`}
+					begin={`rectangle1_4_${id}.end`}
+					attributeName="x"
+					dur={animationDuration}
+					values="13;1"
+					fill="freeze"
+				/>
+			</rect>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/block/SlidingBlocks3.tsx b/lib/component/loading/block/SlidingBlocks3.tsx
new file mode 100644
index 0000000..35a5b71
--- /dev/null
+++ b/lib/component/loading/block/SlidingBlocks3.tsx
@@ -0,0 +1,154 @@
+import type { LoadingBlocksProps } from "$/types/Loading";
+
+
+export default function SlidingBlocks3({
+	width,
+	height,
+	className,
+	animationDuration = 0.2,
+	stroke,
+	fill
+}: LoadingBlocksProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/blocks-shuffle-3.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<rect
+				x="1"
+				y="1"
+				rx="1"
+				width="10"
+				height="10"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle1_1_${id}`}
+					begin={`0;rectangle3_4_${id}.end`}
+					attributeName="x"
+					dur={animationDuration}
+					values="1;13"
+					fill="freeze"
+				/>
+				<animate
+					id={`rectangle1_2_${id}`}
+					begin={`rectangle3_1_${id}.end`}
+					attributeName="y"
+					dur={animationDuration}
+					values="1;13"
+					fill="freeze"
+				/>
+				<animate
+					id={`rectangle1_3_${id}`}
+					begin={`rectangle3_2_${id}.end`}
+					attributeName="x"
+					dur={animationDuration}
+					values="13;1"
+					fill="freeze"
+				/>
+				<animate
+					id={`rectangle1_4_${id}`}
+					begin={`rectangle3_3_${id}.end`}
+					attributeName="y"
+					dur={animationDuration}
+					values="13;1"
+					fill="freeze"
+				/>
+			</rect>
+			<rect
+				x="1"
+				y="13"
+				rx="1"
+				width="10"
+				height="10"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle2_1_${id}`}
+					begin={`rectangle1_1_${id}.end`}
+					attributeName="y"
+					dur={animationDuration}
+					values="13;1"
+					fill="freeze"
+				/>
+				<animate
+					id={`rectangle2_2_${id}`}
+					begin={`rectangle1_2_${id}.end`}
+					attributeName="x"
+					dur={animationDuration}
+					values="1;13"
+					fill="freeze"
+				/>
+				<animate
+					id={`rectangle2_3_${id}`}
+					begin={`rectangle1_3_${id}.end`}
+					attributeName="y"
+					dur={animationDuration}
+					values="1;13"
+					fill="freeze"
+				/>
+				<animate
+					id={`rectangle2_4_${id}`}
+					begin={`rectangle1_4_${id}.end`}
+					attributeName="x"
+					dur={animationDuration}
+					values="13;1"
+					fill="freeze"
+				/>
+			</rect>
+			<rect
+				x="13"
+				y="13"
+				rx="1"
+				width="10"
+				height="10"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle3_1_${id}`}
+					begin={`rectangle2_1_${id}.end`}
+					attributeName="x"
+					dur={animationDuration}
+					values="13;1"
+					fill="freeze"
+				/>
+				<animate
+					id={`rectangle3_2_${id}`}
+					begin={`rectangle2_2_${id}.end`}
+					attributeName="y"
+					dur={animationDuration}
+					values="13;1"
+					fill="freeze"
+				/>
+				<animate
+					id={`rectangle3_3_${id}`}
+					begin={`rectangle2_3_${id}.end`}
+					attributeName="x"
+					dur={animationDuration}
+					values="1;13"
+					fill="freeze"
+				/>
+				<animate
+					id={`rectangle3_4_${id}`}
+					begin={`rectangle2_4_${id}.end`}
+					attributeName="y"
+					dur={animationDuration}
+					values="1;13"
+					fill="freeze"
+				/>
+			</rect>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/block/WaveBlocks.tsx b/lib/component/loading/block/WaveBlocks.tsx
new file mode 100644
index 0000000..a094a78
--- /dev/null
+++ b/lib/component/loading/block/WaveBlocks.tsx
@@ -0,0 +1,333 @@
+import type { LoadingBlocksProps } from "$/types/Loading";
+
+
+export default function WaveBlocks({
+	width,
+	height,
+	className,
+	animationDuration = 0.6,
+	stroke,
+	fill
+}: LoadingBlocksProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/blocks-wave.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<rect
+				x="1"
+				y="1"
+				width="7.33"
+				height="7.33"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle1_1_${id}`}
+					begin={`0;rectangle9_1_${id}.end+${animationDuration / 3}s`}
+					attributeName="x"
+					dur={animationDuration}
+					values="1;4;1"
+				/>
+				<animate
+					begin={`0;rectangle9_1_${id}.end+${animationDuration / 3}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="1;4;1"
+				/>
+				<animate
+					begin={`0;rectangle9_1_${id}.end+${animationDuration / 3}s`}
+					attributeName="width"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+				<animate
+					begin={`0;rectangle9_1_${id}.end+${animationDuration / 3}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+			</rect>
+			<rect
+				x="8.33"
+				y="1"
+				width="7.33"
+				height="7.33"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 6}s`}
+					attributeName="x"
+					dur={animationDuration}
+					values="8.33;11.33;8.33"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 6}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="1;4;1"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 6}s`}
+					attributeName="width"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 6}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+			</rect>
+			<rect
+				x="1"
+				y="8.33"
+				width="7.33"
+				height="7.33"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 6}s`}
+					attributeName="x"
+					dur={animationDuration}
+					values="1;4;1"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 6}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="8.33;11.33;8.33"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 6}s`}
+					attributeName="width"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 6}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+			</rect>
+			<rect
+				x="15.66"
+				y="1"
+				width="7.33"
+				height="7.33"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="x"
+					dur={animationDuration}
+					values="15.66;18.66;15.66"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="1;4;1"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="width"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+			</rect>
+			<rect
+				x="8.33"
+				y="8.33"
+				width="7.33"
+				height="7.33"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="x"
+					dur={animationDuration}
+					values="8.33;11.33;8.33"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="8.33;11.33;8.33"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="width"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+			</rect>
+			<rect
+				x="1"
+				y="15.66"
+				width="7.33"
+				height="7.33"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="x"
+					dur={animationDuration}
+					values="1;4;1"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="15.66;18.66;15.66"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="width"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+			</rect>
+			<rect
+				x="15.66"
+				y="8.33"
+				width="7.33"
+				height="7.33"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="x"
+					dur={animationDuration}
+					values="15.66;18.66;15.66"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="8.33;11.33;8.33"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="width"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+			</rect>
+			<rect
+				x="8.33"
+				y="15.66"
+				width="7.33"
+				height="7.33"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="x"
+					dur={animationDuration}
+					values="8.33;11.33;8.33"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="15.66;18.66;15.66"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="width"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+			</rect>
+			<rect
+				x="15.66"
+				y="15.66"
+				width="7.33"
+				height="7.33"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`rectangle9_1_${id}`}
+					begin={`rectangle1_1_${id}.begin+${animationDuration * 2 / 3}s`}
+					attributeName="x"
+					dur={animationDuration}
+					values="15.66;18.66;15.66"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration * 2 / 3}s`}
+					attributeName="y"
+					dur={animationDuration}
+					values="15.66;18.66;15.66"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration * 2 / 3}s`}
+					attributeName="width"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+				<animate
+					begin={`rectangle1_1_${id}.begin+${animationDuration * 2 / 3}s`}
+					attributeName="height"
+					dur={animationDuration}
+					values="7.33;1.33;7.33"
+				/>
+			</rect>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/dot/BouncingDots.tsx b/lib/component/loading/dot/BouncingDots.tsx
new file mode 100644
index 0000000..272092a
--- /dev/null
+++ b/lib/component/loading/dot/BouncingDots.tsx
@@ -0,0 +1,76 @@
+import type { LoadingDotsProps } from "$/types/Loading";
+
+
+export default function BouncingDots({
+	width,
+	height,
+	className,
+	animationDuration = 0.6,
+	stroke,
+	fill
+}: LoadingDotsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/3-dots-bounce.svg?short_path=50864c0
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<circle
+				cx="4"
+				cy="12"
+				r="3"
+				className={className}
+				stroke={stroke}
+			>
+				<animate
+					id={`firstBouncingDots_${id}`}
+					begin={`0;lastBouncingDots_${id}.end+${animationDuration / 2}s`}
+					attributeName="cy"
+					calcMode="spline"
+					dur={animationDuration}
+					values="12;6;12"
+					keySplines=".33,.66,.66,1;.33,0,.66,.33"
+				/>
+			</circle>
+			<circle
+				cx="12"
+				cy="12"
+				r="3"
+				className={className}
+				stroke={stroke}
+			>
+				<animate
+					id={`secondBouncingDots_${id}`}
+					begin={`firstBouncingDots_${id}.begin+${animationDuration / 5}s`}
+					attributeName="cy"
+					calcMode="spline"
+					dur={animationDuration}
+					values="12;6;12"
+					keySplines=".33,.66,.66,1;.33,0,.66,.33"
+				/>
+			</circle>
+			<circle
+				cx="20"
+				cy="12"
+				r="3"
+				className={className}
+				stroke={stroke}
+			>
+				<animate
+					id={`lastBouncingDots_${id}`}
+					begin={`secondBouncingDots_${id}.begin+${animationDuration / 5}s`}
+					attributeName="cy"
+					calcMode="spline"
+					dur={animationDuration}
+					values="12;6;12"
+					keySplines=".33,.66,.66,1;.33,0,.66,.33"
+				/>
+			</circle>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/dot/CircleCenterDots.tsx b/lib/component/loading/dot/CircleCenterDots.tsx
new file mode 100644
index 0000000..4c96632
--- /dev/null
+++ b/lib/component/loading/dot/CircleCenterDots.tsx
@@ -0,0 +1,240 @@
+import type { LoadingDotsProps } from "$/types/Loading";
+
+
+export default function CircleCenterDots({
+	width,
+	height,
+	className,
+	animationDuration = 0.6,
+	stroke,
+	fill
+}: LoadingDotsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/6-dots-scale-middle.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<circle
+				cx="12"
+				cy="3"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`circle1_${id}`}
+					begin={`0;circle3_${id}.end-${animationDuration * 5 / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+				/>
+			</circle>
+			<circle
+				cx="16.50"
+				cy="4.21"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`circle2_${id}`}
+					begin={`circle1_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+				/>
+			</circle>
+			<circle
+				cx="7.50"
+				cy="4.21"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`circle3_${id}`}
+					begin={`circle5_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+				/>
+			</circle>
+			<circle
+				cx="19.79"
+				cy="7.50"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`circle4_${id}`}
+					begin={`circle2_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+				/>
+			</circle>
+			<circle
+				cx="4.21"
+				cy="7.50"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`circle5_${id}`}
+					begin={`circle7_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+				/>
+			</circle>
+			<circle
+				cx="21.00"
+				cy="12.00"
+				r="0"
+				className={className}
+				stroke={stroke}
+			>
+				<animate
+					id={`circle6_${id}`}
+					begin={`circle4_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+				/>
+			</circle>
+			<circle
+				cx="3.00"
+				cy="12.00"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`circle7_${id}`}
+					begin={`circle9_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+				/>
+			</circle>
+			<circle
+				cx="19.79"
+				cy="16.50"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`circle8_${id}`}
+					begin={`circle6_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+				/>
+			</circle>
+			<circle
+				cx="4.21"
+				cy="16.50"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`circle9_${id}`}
+					begin={`circle11_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+				/>
+			</circle>
+			<circle
+				cx="16.50"
+				cy="19.79"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`circle10_${id}`}
+					begin={`circle8_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+				/>
+			</circle>
+			<circle
+				cx="7.50"
+				cy="19.79"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`circle11_${id}`}
+					begin={`circle12_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+				/>
+			</circle>
+			<circle
+				cx="12"
+				cy="21"
+				r="0"
+				stroke={stroke}
+				fill={fill}
+				className={className}
+			>
+				<animate
+					id={`circle12_${id}`}
+					begin={`circle10_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+				/>
+			</circle>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/dot/CircleFadingDots.tsx b/lib/component/loading/dot/CircleFadingDots.tsx
new file mode 100644
index 0000000..4e58a45
--- /dev/null
+++ b/lib/component/loading/dot/CircleFadingDots.tsx
@@ -0,0 +1,94 @@
+import type { LoadingDotsProps } from "$/types/Loading";
+
+
+export default function CircleFadingDots({
+	width,
+	height,
+	className,
+	animationDuration = 0.75,
+	stroke,
+	fill
+}: LoadingDotsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/6-dots-rotate.svg
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<g>
+				<circle
+					cx="12"
+					cy="2.5"
+					r="1.5"
+					opacity=".14"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<circle
+					cx="16.75"
+					cy="3.77"
+					r="1.5"
+					opacity=".29"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<circle
+					cx="20.23"
+					cy="7.25"
+					r="1.5"
+					opacity=".43"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<circle
+					cx="21.50"
+					cy="12.00"
+					r="1.5"
+					opacity=".57"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<circle
+					cx="20.23"
+					cy="16.75"
+					r="1.5"
+					opacity=".71"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<circle
+					cx="16.75"
+					cy="20.23"
+					r="1.5"
+					opacity=".86"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<circle
+					cx="12"
+					cy="21.5"
+					r="1.5"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					calcMode="discrete"
+					dur={animationDuration}
+					values="0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12"
+					repeatCount="indefinite"
+				/>
+			</g>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/dot/CirclePulsingDots.tsx b/lib/component/loading/dot/CirclePulsingDots.tsx
new file mode 100644
index 0000000..18682d8
--- /dev/null
+++ b/lib/component/loading/dot/CirclePulsingDots.tsx
@@ -0,0 +1,251 @@
+import type { CirclePulsingDotsProps } from "$/types/Loading";
+
+
+export default function CirclePulsingDots({
+	width,
+	height,
+	className,
+	rotationAnimationDuration = 6,
+	growingAnimationDuration = 0.6,
+	stroke,
+	fill
+}: CirclePulsingDotsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/12-dots-scale-rotate.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<g>
+				<circle
+					cx="12"
+					cy="3"
+					r="1"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						id={`circle1_${id}`}
+						begin={`0;circle3_${id}.end-${growingAnimationDuration * 5 / 6}s`}
+						attributeName="r"
+						calcMode="spline"
+						dur={growingAnimationDuration}
+						values="1;2;1"
+						keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+					/>
+				</circle>
+				<circle
+					cx="16.50"
+					cy="4.21"
+					r="1"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						id={`circle2_${id}`}
+						begin={`circle1_${id}.begin+${growingAnimationDuration / 6}s`}
+						attributeName="r"
+						calcMode="spline"
+						dur={growingAnimationDuration}
+						values="1;2;1"
+						keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+					/>
+				</circle>
+				<circle
+					cx="7.50"
+					cy="4.21"
+					r="1"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						id={`circle3_${id}`}
+						begin={`circle5_${id}.begin+${growingAnimationDuration / 6}s`}
+						attributeName="r"
+						calcMode="spline"
+						dur={growingAnimationDuration}
+						values="1;2;1"
+						keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+					/>
+				</circle>
+				<circle
+					cx="19.79"
+					cy="7.50"
+					r="1"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						id={`circle4_${id}`}
+						begin={`circle2_${id}.begin+${growingAnimationDuration / 6}s`}
+						attributeName="r"
+						calcMode="spline"
+						dur={growingAnimationDuration}
+						values="1;2;1"
+						keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+					/>
+				</circle>
+				<circle
+					cx="4.21"
+					cy="7.50"
+					r="1"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						id={`circle5_${id}`}
+						begin={`circle7_${id}.begin+${growingAnimationDuration / 6}s`}
+						attributeName="r"
+						calcMode="spline"
+						dur={growingAnimationDuration}
+						values="1;2;1"
+						keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+					/>
+				</circle>
+				<circle
+					cx="21.00"
+					cy="12.00"
+					r="1"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						id={`circle6_${id}`}
+						begin={`circle4_${id}.begin+${growingAnimationDuration / 6}s`}
+						attributeName="r"
+						calcMode="spline"
+						dur={growingAnimationDuration}
+						values="1;2;1"
+						keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+					/>
+				</circle>
+				<circle
+					cx="3.00"
+					cy="12.00"
+					r="1"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						id={`circle7_${id}`}
+						begin={`circle9_${id}.begin+${growingAnimationDuration / 6}s`}
+						attributeName="r"
+						calcMode="spline"
+						dur={growingAnimationDuration}
+						values="1;2;1"
+						keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+					/>
+				</circle>
+				<circle
+					cx="19.79"
+					cy="16.50"
+					r="1"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						id={`circle8_${id}`}
+						begin={`circle6_${id}.begin+${growingAnimationDuration / 6}s`}
+						attributeName="r"
+						calcMode="spline"
+						dur={growingAnimationDuration}
+						values="1;2;1"
+						keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+					/>
+				</circle>
+				<circle
+					cx="4.21"
+					cy="16.50"
+					r="1"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						id={`circle9_${id}`}
+						begin={`circle11_${id}.begin+${growingAnimationDuration / 6}s`}
+						attributeName="r"
+						calcMode="spline"
+						dur={growingAnimationDuration}
+						values="1;2;1"
+						keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+					/>
+				</circle>
+				<circle
+					cx="16.50"
+					cy="19.79"
+					r="1"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						id={`circle10_${id}`}
+						begin={`circle8_${id}.begin+${growingAnimationDuration / 6}s`}
+						attributeName="r"
+						calcMode="spline"
+						dur={growingAnimationDuration}
+						values="1;2;1"
+						keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+					/>
+				</circle>
+				<circle
+					cx="7.50"
+					cy="19.79"
+					r="1"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						id={`circle11_${id}`}
+						begin={`circle12_${id}.begin+${growingAnimationDuration / 6}s`}
+						attributeName="r"
+						calcMode="spline"
+						dur={growingAnimationDuration}
+						values="1;2;1"
+						keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+					/>
+				</circle>
+				<circle
+					cx="12"
+					cy="21"
+					r="1"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						id={`circle12_${id}`}
+						begin={`circle10_${id}.begin+${growingAnimationDuration / 6}s`}
+						attributeName="r"
+						calcMode="spline"
+						dur={growingAnimationDuration}
+						values="1;2;1"
+						keySplines=".27,.42,.37,.99;.53,0,.61,.73"
+					/>
+				</circle>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					dur={rotationAnimationDuration}
+					values="360 12 12;0 12 12"
+					repeatCount="indefinite"
+				/>
+			</g>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/dot/CircleRotatingDots.tsx b/lib/component/loading/dot/CircleRotatingDots.tsx
new file mode 100644
index 0000000..b4e51d9
--- /dev/null
+++ b/lib/component/loading/dot/CircleRotatingDots.tsx
@@ -0,0 +1,97 @@
+import type { LoadingDotsProps } from "$/types/Loading";
+
+
+export default function CircleRotatingDots({
+	width,
+	height,
+	className,
+	animationDuration = 1.5,
+	stroke,
+	fill
+}: LoadingDotsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/8-dots-rotate.svg
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<g>
+				<circle
+					cx="3"
+					cy="12"
+					r="2"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<circle
+					cx="21"
+					cy="12"
+					r="2"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<circle
+					cx="12"
+					cy="21"
+					r="2"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<circle
+					cx="12"
+					cy="3"
+					r="2"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<circle
+					cx="5.64"
+					cy="5.64"
+					r="2"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<circle
+					cx="18.36"
+					cy="18.36"
+					r="2"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<circle
+					cx="5.64"
+					cy="18.36"
+					r="2"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<circle
+					cx="18.36"
+					cy="5.64"
+					r="2"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					dur={animationDuration}
+					values="0 12 12;360 12 12"
+					repeatCount="indefinite"
+				/>
+			</g>
+		</svg>
+);
+}
diff --git a/lib/component/loading/dot/CircleShrinkingDots.tsx b/lib/component/loading/dot/CircleShrinkingDots.tsx
new file mode 100644
index 0000000..3213c1f
--- /dev/null
+++ b/lib/component/loading/dot/CircleShrinkingDots.tsx
@@ -0,0 +1,264 @@
+import type { LoadingDotsProps } from "$/types/Loading";
+
+
+export default function CircleShrinkingDots({
+	width,
+	height,
+	className,
+	animationDuration = 0.6,
+	stroke,
+	fill
+}: LoadingDotsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/6-dots-scale.svg?short_path=17d1946
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<circle
+				cx="12"
+				cy="3"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`firstShrinkingDot_${id}`}
+					begin={`0;thirdShrinkingDot_${id}.end-${animationDuration * 4 / 5}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keyTimes="0;.2;1"
+					keySplines="0,1,0,1;.53,0,.61,.73"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="16.50"
+				cy="4.21"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`secondShrinkingDot_${id}`}
+					begin={`firstShrinkingDot_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keyTimes="0;.2;1"
+					keySplines="0,1,0,1;.53,0,.61,.73"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="7.50"
+				cy="4.21"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`thirdShrinkingDot_${id}`}
+					begin={`fifthShrinkingDot_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keyTimes="0;.2;1"
+					keySplines="0,1,0,1;.53,0,.61,.73"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="19.79"
+				cy="7.50"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`fourthShrinkingDot_${id}`}
+					begin={`secondShrinkingDot_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keyTimes="0;.2;1"
+					keySplines="0,1,0,1;.53,0,.61,.73" fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="4.21"
+				cy="7.50"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`fifthShrinkingDot_${id}`}
+					begin={`seventhShrinkingDot_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keyTimes="0;.2;1"
+					keySplines="0,1,0,1;.53,0,.61,.73"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="21.00"
+				cy="12.00"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`sixthShrinkingDot_${id}`}
+					begin={`fourthShrinkingDot_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keyTimes="0;.2;1"
+					keySplines="0,1,0,1;.53,0,.61,.73"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="3.00"
+				cy="12.00"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`seventhShrinkingDot_${id}`}
+					begin={`ninthShrinkingDot_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keyTimes="0;.2;1"
+					keySplines="0,1,0,1;.53,0,.61,.73"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="19.79"
+				cy="16.50"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`eighthShrinkingDot_${id}`}
+					begin={`sixthShrinkingDot_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keyTimes="0;.2;1"
+					keySplines="0,1,0,1;.53,0,.61,.73"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="4.21"
+				cy="16.50"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`ninthShrinkingDot_${id}`}
+					begin={`eleventhShrinkingDot_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keyTimes="0;.2;1"
+					keySplines="0,1,0,1;.53,0,.61,.73"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="16.50"
+				cy="19.79"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`tenthShrinkingDot_${id}`}
+					begin={`eighthShrinkingDot_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keyTimes="0;.2;1"
+					keySplines="0,1,0,1;.53,0,.61,.73"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="7.50"
+				cy="19.79"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`eleventhShrinkingDot_${id}`}
+					begin={`twelfthShrinkingDot_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keyTimes="0;.2;1"
+					keySplines="0,1,0,1;.53,0,.61,.73"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="12"
+				cy="21"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`twelfthShrinkingDot_${id}`}
+					begin={`tenthShrinkingDot_${id}.begin+${animationDuration / 6}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;2;0"
+					keyTimes="0;.2;1"
+					keySplines="0,1,0,1;.53,0,.61,.73"
+					fill="freeze"
+				/>
+			</circle>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/dot/CircleSpinningDot.tsx b/lib/component/loading/dot/CircleSpinningDot.tsx
new file mode 100644
index 0000000..ee04919
--- /dev/null
+++ b/lib/component/loading/dot/CircleSpinningDot.tsx
@@ -0,0 +1,46 @@
+import type { CircleSpinningDotProps } from "$/types/Loading";
+
+export default function CircleSpinningDot({
+	width,
+	height,
+	className,
+	animationDuration = 0.75,
+	stroke,
+	fill,
+	trackClassName = "fill-transparent",
+	trackStroke,
+	trackFill
+}: CircleSpinningDotProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/dot-revolve.svg
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"
+				className={trackClassName}
+				stroke={trackStroke}
+				fill={trackFill}
+			/>
+			<circle
+				cx="12"
+				cy="2.5"
+				r="1.5"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					dur={animationDuration}
+					values="0 12 12;360 12 12"
+					repeatCount="indefinite"
+				/>
+			</circle>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/dot/CyclingDots.tsx b/lib/component/loading/dot/CyclingDots.tsx
new file mode 100644
index 0000000..e1ec927
--- /dev/null
+++ b/lib/component/loading/dot/CyclingDots.tsx
@@ -0,0 +1,240 @@
+import type { LoadingDotsProps } from "$/types/Loading";
+
+
+export default function CyclingDots({
+	width,
+	height,
+	className,
+	animationDuration = 0.5,
+	stroke,
+	fill
+}: LoadingDotsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/3-dots-move.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<circle
+				cx="4"
+				cy="12"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin="0;spinner_z0Or.end"
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="0;3"
+					fill="freeze"
+				/>
+				<animate
+					begin="spinner_OLMs.end"
+					attributeName="cx"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="4;12"
+					fill="freeze"
+				/>
+				<animate
+					begin="spinner_UHR2.end"
+					attributeName="cx"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="12;20"
+					fill="freeze"
+				/>
+				<animate
+					id={`firstDotFourthAnimate_${id}`}
+					begin="spinner_Aguh.end"
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="3;0"
+					fill="freeze"
+				/>
+				<animate
+					id="spinner_z0Or"
+					begin={`firstDotFourthAnimate_${id}.end`}
+					attributeName="cx"
+					dur="0.001s"
+					values="20;4"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="4"
+				cy="12"
+				r="3"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin="0;spinner_z0Or.end"
+					attributeName="cx"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="4;12"
+					fill="freeze"
+				/>
+				<animate
+					begin="spinner_OLMs.end"
+					attributeName="cx"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="12;20"
+					fill="freeze"
+				/>
+				<animate
+					id={`secondDotThirdAnimate_${id}`}
+					begin="spinner_UHR2.end"
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="3;0"
+					fill="freeze"
+				/>
+				<animate
+					id="spinner_Aguh"
+					begin={`secondDotThirdAnimate_${id}.end`}
+					attributeName="cx"
+					dur="0.001s"
+					values="20;4"
+					fill="freeze"
+				/>
+				<animate
+					begin="spinner_Aguh.end"
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="0;3"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="12"
+				cy="12"
+				r="3"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin="0;spinner_z0Or.end"
+					attributeName="cx"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="12;20"
+					fill="freeze"
+				/>
+				<animate
+					id={`thirdDotSecondAnimate_${id}`}
+					begin="spinner_OLMs.end"
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="3;0"
+					fill="freeze"
+				/>
+				<animate
+					id="spinner_UHR2"
+					begin={`thirdDotSecondAnimate_${id}.end`}
+					attributeName="cx"
+					dur="0.001s"
+					values="20;4"
+					fill="freeze"
+				/>
+				<animate
+					begin="spinner_UHR2.end"
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="0;3"
+					fill="freeze"
+				/>
+				<animate
+					begin="spinner_Aguh.end"
+					attributeName="cx"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="4;12"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="20"
+				cy="12"
+				r="3"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`fourthDotFirstAnimate_${id}`}
+					begin="0;spinner_z0Or.end"
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="3;0"
+					fill="freeze"
+				/>
+				<animate
+					id="spinner_OLMs"
+					begin={`fourthDotFirstAnimate_${id}.end`}
+					attributeName="cx"
+					dur="0.001s"
+					values="20;4"
+					fill="freeze"
+				/>
+				<animate
+					begin="spinner_OLMs.end"
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="0;3"
+					fill="freeze"
+				/>
+				<animate
+					begin="spinner_UHR2.end"
+					attributeName="cx"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="4;12"
+					fill="freeze"
+				/>
+				<animate
+					begin="spinner_Aguh.end"
+					attributeName="cx"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1"
+					values="12;20"
+					fill="freeze"
+				/>
+			</circle>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/dot/FadingDots.tsx b/lib/component/loading/dot/FadingDots.tsx
new file mode 100644
index 0000000..4bb38f3
--- /dev/null
+++ b/lib/component/loading/dot/FadingDots.tsx
@@ -0,0 +1,79 @@
+import type { LoadingDotsProps } from "$/types/Loading";
+
+
+export default function FadingDots({
+	width,
+	height,
+	className,
+	animationDuration = 0.75,
+	stroke,
+	fill
+}: LoadingDotsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/3-dots-fade.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<circle
+				cx="4"
+				cy="12"
+				r="3"
+				opacity="1"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`firstFadingDots_${id}`}
+					begin={`0;lastFadingDots_${id}.end-${animationDuration / 3}s`}
+					attributeName="opacity"
+					dur={animationDuration}
+					values="1;.2"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="12"
+				cy="12"
+				r="3"
+				opacity=".4"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`secondFadingDots_${id}`}
+					begin={`firstFadingDots_${id}.begin+${animationDuration / 5}s`}
+					attributeName="opacity"
+					dur={animationDuration}
+					values="1;.2"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="20"
+				cy="12"
+				r="3"
+				opacity=".3"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`lastFadingDots_${id}`}
+					begin={`secondFadingDots_${id}.begin+${animationDuration / 5}s`}
+					attributeName="opacity"
+					dur={animationDuration}
+					values="1;.2"
+					fill="freeze"
+				/>
+			</circle>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/dot/PulsingDots.tsx b/lib/component/loading/dot/PulsingDots.tsx
new file mode 100644
index 0000000..e253ecd
--- /dev/null
+++ b/lib/component/loading/dot/PulsingDots.tsx
@@ -0,0 +1,67 @@
+import type { LoadingDotsProps } from "$/types/Loading";
+
+
+export default function PulsingDots({
+	width,
+	height,
+	className,
+	animationDuration = 0.75,
+	stroke,
+	fill
+}: LoadingDotsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/3-dots-scale-middle.svg
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<circle
+				cx="4"
+				cy="12"
+				r="1.5"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					attributeName="r"
+					dur={animationDuration}
+					values="1.5;3;1.5"
+					repeatCount="indefinite"
+				/>
+			</circle>
+			<circle
+				cx="12"
+				cy="12"
+				r="3"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					attributeName="r"
+					dur={animationDuration}
+					values="3;1.5;3"
+					repeatCount="indefinite"
+				/>
+			</circle>
+			<circle
+				cx="20"
+				cy="12"
+				r="1.5"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					attributeName="r"
+					dur={animationDuration}
+					values="1.5;3;1.5"
+					repeatCount="indefinite"
+				/>
+			</circle>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/dot/RotatingDots.tsx b/lib/component/loading/dot/RotatingDots.tsx
new file mode 100644
index 0000000..1a05483
--- /dev/null
+++ b/lib/component/loading/dot/RotatingDots.tsx
@@ -0,0 +1,56 @@
+import type { LoadingDotsProps } from "$/types/Loading";
+
+export default function RotatingDots({
+	width,
+	height,
+	className,
+	animationDuration = 1,
+	stroke,
+	fill
+}: LoadingDotsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/3-dots-rotate.svg
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<circle
+				cx="12"
+				cy="12"
+				r="3"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			/>
+			<g>
+				<circle
+					cx="4"
+					cy="12"
+					r="3"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<circle
+					cx="20"
+					cy="12"
+					r="3"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				/>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					calcMode="spline"
+					dur={animationDuration}
+					keySplines=".36,.6,.31,1;.36,.6,.31,1"
+					values="0 12 12;180 12 12;360 12 12"
+					repeatCount="indefinite"
+				/>
+			</g>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/dot/SwellingDots.tsx b/lib/component/loading/dot/SwellingDots.tsx
new file mode 100644
index 0000000..ffe7fca
--- /dev/null
+++ b/lib/component/loading/dot/SwellingDots.tsx
@@ -0,0 +1,72 @@
+import type { LoadingDotsProps } from "$/types/Loading";
+
+
+export default function SwellingDots({
+	width,
+	height,
+	className,
+	animationDuration = 0.75,
+	stroke,
+	fill
+}: LoadingDotsProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/3-dots-scale.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<circle
+				cx="4"
+				cy="12"
+				r="3"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`firstDot_${id}`}
+					begin={`0;lastDot_${id}.end-${animationDuration / 3}s`}
+					attributeName="r"
+					dur={animationDuration}
+					values="3;.2;3"
+				/>
+			</circle>
+			<circle
+				cx="12"
+				cy="12"
+				r="3"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					begin={`firstDot_${id}.end-${animationDuration * 4 / 5}s`}
+					attributeName="r"
+					dur={animationDuration}
+					values="3;.2;3"
+				/>
+			</circle>
+			<circle
+				cx="20"
+				cy="12"
+				r="3"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`lastDot_${id}`}
+					begin={`firstDot_${id}.end-${animationDuration * 2 / 3}s`}
+					attributeName="r"
+					dur={animationDuration}
+					values="3;.2;3"
+				/>
+			</circle>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/drop/DoubleDrop.tsx b/lib/component/loading/drop/DoubleDrop.tsx
new file mode 100644
index 0000000..d157f4f
--- /dev/null
+++ b/lib/component/loading/drop/DoubleDrop.tsx
@@ -0,0 +1,81 @@
+import type { LoadingPulseProps } from "$/types/Loading";
+
+
+export default function DoubleDrop({
+	width,
+	height,
+	className,
+	animationDuration = 1.2,
+	stroke,
+	fill
+}: LoadingPulseProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/pulse-2.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<circle
+				cx="12"
+				cy="12"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`drop1_${id}`}
+					begin={`0;drop2_${id}.begin+${animationDuration / 2}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;11"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+				<animate
+					begin={`0;drop2_${id}.begin+${animationDuration / 2}s`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="12"
+				cy="12"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`drop2_${id}`}
+					begin={`drop1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;11"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+				<animate
+					begin={`drop1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+			</circle>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/drop/DoubleWaveDrop.tsx b/lib/component/loading/drop/DoubleWaveDrop.tsx
new file mode 100644
index 0000000..012382e
--- /dev/null
+++ b/lib/component/loading/drop/DoubleWaveDrop.tsx
@@ -0,0 +1,97 @@
+import type { LoadingPulseProps } from "$/types/Loading";
+
+
+export default function DoubleWaveDrop({
+	width,
+	height,
+	className,
+	animationDuration = 1.2,
+	stroke,
+	fill
+}: LoadingPulseProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/pulse-rings-2.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z"
+				transform="translate(12, 12) scale(0)"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					id={`drop1_${id}`}
+					begin={`0;drop2_${id}.begin+${animationDuration / 2}s`}
+					attributeName="transform"
+					calcMode="spline"
+					type="translate"
+					dur={animationDuration}
+					values="12 12;0 0"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animateTransform
+					begin={`0;drop2_${id}.begin+${animationDuration / 2}s`}
+					attributeName="transform"
+					calcMode="spline"
+					additive="sum"
+					type="scale"
+					dur={animationDuration}
+					values="0;1"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animate
+					begin={`0;drop2_${id}.begin+${animationDuration / 2}s`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+				/>
+			</path>
+			<path
+				d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z"
+				transform="translate(12, 12) scale(0)"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					id={`drop2_${id}`}
+					begin={`drop1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="transform"
+					calcMode="spline"
+					type="translate"
+					dur={animationDuration}
+					values="12 12;0 0"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animateTransform
+					begin={`drop1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="transform"
+					calcMode="spline"
+					additive="sum"
+					type="scale"
+					dur={animationDuration}
+					values="0;1"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animate
+					begin={`drop1_${id}.begin+${animationDuration / 2}s`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+				/>
+			</path>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/drop/Drop.tsx b/lib/component/loading/drop/Drop.tsx
new file mode 100644
index 0000000..fd8673a
--- /dev/null
+++ b/lib/component/loading/drop/Drop.tsx
@@ -0,0 +1,49 @@
+import type { LoadingPulseProps } from "$/types/Loading";
+
+
+export default function Drop({
+	width,
+	height,
+	className,
+	animationDuration = 1.2,
+	stroke,
+	fill
+}: LoadingPulseProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/pulse.svg
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<circle
+				cx="12"
+				cy="12"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;11"
+					keySplines=".52,.6,.25,.99"
+					repeatCount="indefinite"
+				/>
+				<animate
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+					repeatCount="indefinite"
+				/>
+			</circle>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/drop/QuickDrop.tsx b/lib/component/loading/drop/QuickDrop.tsx
new file mode 100644
index 0000000..a3879bb
--- /dev/null
+++ b/lib/component/loading/drop/QuickDrop.tsx
@@ -0,0 +1,109 @@
+import type { LoadingPulseProps } from "$/types/Loading";
+
+
+export default function QuickDrop({
+	width,
+	height,
+	className,
+	animationDuration = 1.2,
+	stroke,
+	fill
+}: LoadingPulseProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/pulse-multiple.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<circle
+				cx="12"
+				cy="12"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`drop1_${id}`}
+					begin={`0;drop3_${id}.end`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;11"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+				<animate
+					begin={`0;drop3_${id}.end`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="12"
+				cy="12"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`drop2_${id}`}
+					begin={`drop1_${id}.begin+${animationDuration / 6}`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;11"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+				<animate
+					begin={`drop1_${id}.begin+${animationDuration / 6}`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="12"
+				cy="12"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`drop3_${id}`}
+					begin={`drop1_${id}.begin+${animationDuration / 3}`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;11"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+				<animate
+					begin={`drop1_${id}.begin+${animationDuration / 3}`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+			</circle>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/drop/QuickWaveDrop.tsx b/lib/component/loading/drop/QuickWaveDrop.tsx
new file mode 100644
index 0000000..78fa879
--- /dev/null
+++ b/lib/component/loading/drop/QuickWaveDrop.tsx
@@ -0,0 +1,133 @@
+import type { LoadingPulseProps } from "$/types/Loading";
+
+
+export default function QuickWaveDrop({
+	width,
+	height,
+	className,
+	animationDuration = 1.2,
+	stroke,
+	fill
+}: LoadingPulseProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/pulse-rings-multiple.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z"
+				transform="translate(12, 12) scale(0)"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					id={`drop1_${id}`}
+					begin={`0;drop3_${id}.end`}
+					attributeName="transform"
+					calcMode="spline"
+					type="translate"
+					dur={animationDuration}
+					values="12 12;0 0"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animateTransform
+					begin={`0;drop3_${id}.end`}
+					attributeName="transform"
+					calcMode="spline"
+					additive="sum"
+					type="scale"
+					dur={animationDuration}
+					values="0;1"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animate
+					begin={`0;drop3_${id}.end`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+				/>
+			</path>
+			<path
+				d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z"
+				transform="translate(12, 12) scale(0)"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					id={`drop2_${id}`}
+					begin={`drop1_${id}.begin+${animationDuration / 6}s`}
+					attributeName="transform"
+					calcMode="spline"
+					type="translate"
+					dur={animationDuration}
+					values="12 12;0 0"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animateTransform
+					begin={`drop1_${id}.begin+${animationDuration / 6}s`}
+					attributeName="transform"
+					calcMode="spline"
+					additive="sum"
+					type="scale"
+					dur={animationDuration}
+					values="0;1"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animate
+					begin={`drop1_${id}.begin+${animationDuration / 6}s`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+				/>
+			</path>
+			<path
+				d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z"
+				transform="translate(12, 12) scale(0)"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					id={`drop3_${id}`}
+					begin={`drop1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="transform"
+					calcMode="spline"
+					type="translate"
+					dur={animationDuration}
+					values="12 12;0 0"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animateTransform
+					begin={`drop1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="transform"
+					calcMode="spline"
+					additive="sum"
+					type="scale"
+					dur={animationDuration}
+					values="0;1"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animate
+					begin={`drop1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+				/>
+			</path>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/drop/TripleDrop.tsx b/lib/component/loading/drop/TripleDrop.tsx
new file mode 100644
index 0000000..ddee583
--- /dev/null
+++ b/lib/component/loading/drop/TripleDrop.tsx
@@ -0,0 +1,109 @@
+import type { LoadingPulseProps } from "$/types/Loading";
+
+
+export default function TripleDrop({
+	width,
+	height,
+	className,
+	animationDuration = 1.2,
+	stroke,
+	fill
+}: LoadingPulseProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/pulse-3.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<circle
+				cx="12"
+				cy="12"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`drop1_${id}`}
+					begin={`0;drop3_${id}.begin+${animationDuration / 3}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;11"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+				<animate
+					begin={`0;drop3_${id}.begin+${animationDuration / 3}s`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="12"
+				cy="12"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`drop2_${id}`}
+					begin={`drop1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;11"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+				<animate
+					begin={`drop1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+			</circle>
+			<circle
+				cx="12"
+				cy="12"
+				r="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`drop3_${id}`}
+					begin={`drop1_${id}.begin+${animationDuration * 2 / 3}s`}
+					attributeName="r"
+					calcMode="spline"
+					dur={animationDuration}
+					values="0;11"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+				<animate
+					begin={`drop1_${id}.begin+${animationDuration * 2 / 3}s`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+					fill="freeze"
+				/>
+			</circle>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/drop/TripleWaveDrop.tsx b/lib/component/loading/drop/TripleWaveDrop.tsx
new file mode 100644
index 0000000..ea20156
--- /dev/null
+++ b/lib/component/loading/drop/TripleWaveDrop.tsx
@@ -0,0 +1,133 @@
+import type { LoadingPulseProps } from "$/types/Loading";
+
+
+export default function TripleWaveDrop({
+	width,
+	height,
+	className,
+	animationDuration = 1.2,
+	stroke,
+	fill
+}: LoadingPulseProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/pulse-rings-3.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z"
+				transform="translate(12, 12) scale(0)"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					id={`drop1_${id}`}
+					begin={`0;drop3_${id}.begin+${animationDuration / 3}s`}
+					attributeName="transform"
+					calcMode="spline"
+					type="translate"
+					dur={animationDuration}
+					values="12 12;0 0"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animateTransform
+					begin={`0;drop3_${id}.begin+${animationDuration / 3}s`}
+					attributeName="transform"
+					calcMode="spline"
+					additive="sum"
+					type="scale"
+					dur={animationDuration}
+					values="0;1"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animate
+					begin={`0;drop3_${id}.begin+${animationDuration / 3}s`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+				/>
+			</path>
+			<path
+				d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z"
+				transform="translate(12, 12) scale(0)"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					id={`drop2_${id}`}
+					begin={`drop1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="transform"
+					calcMode="spline"
+					type="translate"
+					dur={animationDuration}
+					values="12 12;0 0"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animateTransform
+					begin={`drop1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="transform"
+					calcMode="spline"
+					additive="sum"
+					type="scale"
+					dur={animationDuration}
+					values="0;1"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animate
+					begin={`drop1_${id}.begin+${animationDuration / 3}s`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+				/>
+			</path>
+			<path
+				d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z"
+				transform="translate(12, 12) scale(0)"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					id={`drop3_${id}`}
+					begin={`drop1_${id}.begin+${animationDuration * 2 / 3}s`}
+					attributeName="transform"
+					calcMode="spline"
+					type="translate"
+					dur={animationDuration}
+					values="12 12;0 0"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animateTransform
+					begin={`drop1_${id}.begin+${animationDuration * 2 / 3}s`}
+					attributeName="transform"
+					calcMode="spline"
+					additive="sum"
+					type="scale"
+					dur={animationDuration}
+					values="0;1"
+					keySplines=".52,.6,.25,.99"
+				/>
+				<animate
+					begin={`drop1_${id}.begin+${animationDuration * 2 / 3}s`}
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+				/>
+			</path>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/drop/WaveDrop.tsx b/lib/component/loading/drop/WaveDrop.tsx
new file mode 100644
index 0000000..1bd3563
--- /dev/null
+++ b/lib/component/loading/drop/WaveDrop.tsx
@@ -0,0 +1,59 @@
+import type { LoadingPulseProps } from "$/types/Loading";
+
+
+export default function WaveDrop({
+	width,
+	height,
+	className,
+	animationDuration = 1.2,
+	stroke,
+	fill
+}: LoadingPulseProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/pulse-ring.svg
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z"
+				transform="translate(12, 12) scale(0)"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					attributeName="transform"
+					calcMode="spline"
+					type="translate"
+					dur={animationDuration}
+					values="12 12;0 0"
+					keySplines=".52,.6,.25,.99"
+					repeatCount="indefinite"
+				/>
+				<animateTransform
+					attributeName="transform"
+					calcMode="spline"
+					additive="sum"
+					type="scale"
+					dur={animationDuration}
+					values="0;1"
+					keySplines=".52,.6,.25,.99"
+					repeatCount="indefinite"
+				/>
+				<animate
+					attributeName="opacity"
+					calcMode="spline"
+					dur={animationDuration}
+					values="1;0"
+					keySplines=".52,.6,.25,.99"
+					repeatCount="indefinite"
+				/>
+			</path>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/spinner/HalfSpinner.tsx b/lib/component/loading/spinner/HalfSpinner.tsx
new file mode 100644
index 0000000..a3a39a0
--- /dev/null
+++ b/lib/component/loading/spinner/HalfSpinner.tsx
@@ -0,0 +1,45 @@
+import type { LoadingSpinnerProps } from "$/types/Loading";
+
+
+export default function HalfSpinner({
+	width,
+	height,
+	animationDuration = 1,
+	className,
+	stroke,
+	fill,
+	trackClassName = "fill-transparent",
+	trackStroke,
+	trackFill
+}: LoadingSpinnerProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/180-ring-with-bg.svg
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"
+				className={trackClassName}
+				stroke={trackStroke}
+				fill={trackFill}
+			/>
+			<path
+				d="M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					dur={animationDuration}
+					values="0 12 12;360 12 12"
+					repeatCount="indefinite"
+				/>
+			</path>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/spinner/QuarterSpinner.tsx b/lib/component/loading/spinner/QuarterSpinner.tsx
new file mode 100644
index 0000000..32b6de9
--- /dev/null
+++ b/lib/component/loading/spinner/QuarterSpinner.tsx
@@ -0,0 +1,45 @@
+import type { LoadingSpinnerProps } from "$/types/Loading";
+
+
+export default function QuarterSpinner({
+	width,
+	height,
+	animationDuration = 1,
+	className,
+	stroke,
+	fill,
+	trackClassName = "fill-transparent",
+	trackStroke,
+	trackFill
+}: LoadingSpinnerProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/90-ring-with-bg.svg
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"
+				className={trackClassName}
+				stroke={trackStroke}
+				fill={trackFill}
+			/>
+			<path
+				d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					dur={animationDuration}
+					values="0 12 12;360 12 12"
+					repeatCount="indefinite"
+				/>
+			</path>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/spinner/RubberSpinner.tsx b/lib/component/loading/spinner/RubberSpinner.tsx
new file mode 100644
index 0000000..c052ef5
--- /dev/null
+++ b/lib/component/loading/spinner/RubberSpinner.tsx
@@ -0,0 +1,70 @@
+import type { RubberLoadingSpinnerProps } from "$/types/Loading";
+
+
+export default function RubberSpinner({
+	width,
+	height,
+	animationDuration = 2,
+	stretchDuration = 1.5,
+	className,
+	stroke,
+	fill = "none",
+	trackClassName = "fill-transparent",
+	trackStroke,
+	trackFill
+}: RubberLoadingSpinnerProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/ring-resize.svg
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"
+				className={trackClassName}
+				stroke={trackStroke}
+				fill={trackFill}
+			/>
+			<g>
+				<circle
+					cx="12"
+					cy="12"
+					r="9.5"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+					stroke-width="3"
+					stroke-linecap="round"
+				>
+					<animate
+						attributeName="stroke-dasharray"
+						dur={stretchDuration}
+						calcMode="spline"
+						values="0 150;42 150;42 150;42 150"
+						keyTimes="0;0.475;0.95;1"
+						keySplines="0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1"
+						repeatCount="indefinite"
+					/>
+					<animate
+						attributeName="stroke-dashoffset"
+						dur={stretchDuration}
+						calcMode="spline"
+						values="0;-16;-59;-59"
+						keyTimes="0;0.475;0.95;1"
+						keySplines="0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1"
+						repeatCount="indefinite"
+					/>
+				</circle>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					dur={animationDuration}
+					values="0 12 12;360 12 12"
+					repeatCount="indefinite"
+				/>
+			</g>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/spinner/ThreeQuarterSpinner.tsx b/lib/component/loading/spinner/ThreeQuarterSpinner.tsx
new file mode 100644
index 0000000..80f0a2e
--- /dev/null
+++ b/lib/component/loading/spinner/ThreeQuarterSpinner.tsx
@@ -0,0 +1,45 @@
+import type { LoadingSpinnerProps } from "$/types/Loading";
+
+
+export default function ThreeQuarterSpinner({
+	width,
+	height,
+	animationDuration = 1,
+	className,
+	stroke,
+	fill,
+	trackClassName = "fill-transparent",
+	trackStroke,
+	trackFill
+}: LoadingSpinnerProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/270-ring-with-bg.svg
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"
+				className={trackClassName}
+				stroke={trackStroke}
+				fill={trackFill}
+			/>
+			<path
+				d="M10.72,19.9a8,8,0,0,1-6.5-9.79A7.77,7.77,0,0,1,10.4,4.16a8,8,0,0,1,9.49,6.52A1.54,1.54,0,0,0,21.38,12h.13a1.37,1.37,0,0,0,1.38-1.54,11,11,0,1,0-12.7,12.39A1.54,1.54,0,0,0,12,21.34h0A1.47,1.47,0,0,0,10.72,19.9Z"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					dur={animationDuration}
+					values="0 12 12;360 12 12"
+					repeatCount="indefinite"
+				/>
+			</path>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/various/BouncingDot.tsx b/lib/component/loading/various/BouncingDot.tsx
new file mode 100644
index 0000000..638fbd0
--- /dev/null
+++ b/lib/component/loading/various/BouncingDot.tsx
@@ -0,0 +1,79 @@
+import type { LoadingVariousProps } from "$/types/Loading";
+
+
+export default function BouncingDot({
+	width,
+	height,
+	className,
+	animationDuration = 0.9,
+	stroke,
+	fill
+}: LoadingVariousProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/bouncing-ball.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+		width={width}
+		height={height}
+		viewBox="0 0 24 24"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<ellipse
+			cx="12"
+			cy="5"
+			rx="4"
+			ry="4"
+			className={className}
+			stroke={stroke}
+			fill={fill}
+		>
+			<animate
+				id={`dot1_1_${id}`}
+				begin={`0;dot1_5_${id}.end`}
+				attributeName="cy"
+				calcMode="spline"
+				dur={animationDuration * 5 / 12}
+				values="5;20"
+				keySplines=".33,0,.66,.33"
+				fill="freeze"
+			/>
+			<animate
+				begin={`dot1_1_${id}.end`}
+				attributeName="rx"
+				calcMode="spline"
+				dur={animationDuration / 18}
+				values="4;4.8;4"
+				keySplines=".33,0,.66,.33;.33,.66,.66,1"
+			/>
+			<animate
+				begin={`dot1_1_${id}.end`}
+				attributeName="ry"
+				calcMode="spline"
+				dur={animationDuration / 18}
+				values="4;3;4"
+				keySplines=".33,0,.66,.33;.33,.66,.66,1"
+			/>
+			<animate
+				id={`dot1_4_${id}`}
+				begin={`dot1_1_${id}.end`}
+				attributeName="cy"
+				calcMode="spline"
+				dur={animationDuration / 36}
+				values="20;20.5"
+				keySplines=".33,0,.66,.33"
+			/>
+			<animate
+				id={`dot1_5_${id}`}
+				begin={`dot1_4_${id}.end`}
+				attributeName="cy"
+				calcMode="spline"
+				dur={animationDuration * 4 / 9}
+				values="20.5;5"
+				keySplines=".33,.66,.66,1"
+			/>
+		</ellipse>
+	</svg>
+	);
+}
diff --git a/lib/component/loading/various/PulsingLine.tsx b/lib/component/loading/various/PulsingLine.tsx
new file mode 100644
index 0000000..4b9cb75
--- /dev/null
+++ b/lib/component/loading/various/PulsingLine.tsx
@@ -0,0 +1,95 @@
+import type { LoadingVariousProps } from "$/types/Loading";
+
+
+export default function PulsingLine({
+	width,
+	height,
+	className,
+	animationDuration = 0.75,
+	stroke,
+	fill
+}: LoadingVariousProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/gooey-balls-1.svg
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<defs>
+				<filter id="spinner-gF00">
+					<feGaussianBlur
+						in="SourceGraphic"
+						stdDeviation="1.5"
+						result="y"
+					/>
+					<feColorMatrix
+						in="y"
+						mode="matrix"
+						values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7"
+						result="z"
+					/>
+					<feBlend
+						in="SourceGraphic"
+						in2="z"
+					/>
+				</filter>
+			</defs>
+			<g filter="url(#spinner-gF00)">
+				<circle
+					cx="4"
+					cy="12"
+					r="3"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						attributeName="cx"
+						calcMode="spline"
+						dur={animationDuration}
+						values="4;9;4"
+						keySplines=".56,.52,.17,.98;.56,.52,.17,.98"
+						repeatCount="indefinite"
+					/>
+					<animate
+						attributeName="r"
+						calcMode="spline"
+						dur={animationDuration}
+						values="3;8;3"
+						keySplines=".56,.52,.17,.98;.56,.52,.17,.98"
+						repeatCount="indefinite"
+					/>
+				</circle>
+				<circle
+					cx="15"
+					cy="12"
+					r="8"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						attributeName="cx"
+						calcMode="spline"
+						dur={animationDuration}
+						values="15;20;15"
+						keySplines=".56,.52,.17,.98;.56,.52,.17,.98"
+						repeatCount="indefinite"
+					/>
+					<animate
+						attributeName="r"
+						calcMode="spline"
+						dur={animationDuration}
+						values="8;3;8"
+						keySplines=".56,.52,.17,.98;.56,.52,.17,.98"
+						repeatCount="indefinite"
+					/>
+				</circle>
+			</g>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/various/SpinningBinary.tsx b/lib/component/loading/various/SpinningBinary.tsx
new file mode 100644
index 0000000..beee42b
--- /dev/null
+++ b/lib/component/loading/various/SpinningBinary.tsx
@@ -0,0 +1,91 @@
+import type { LoadingVariousProps } from "$/types/Loading";
+
+
+export default function SpinningBinary({
+	width,
+	height,
+	className,
+	animationDuration = 2,
+	stroke,
+	fill
+}: LoadingVariousProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/gooey-balls-2.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<defs>
+				<filter
+					id={`spinningBinaryFilter_${id}`}
+				>
+					<feGaussianBlur
+						in="SourceGraphic"
+						stdDeviation="1"
+						result="y"
+					/>
+					<feColorMatrix
+						in="y"
+						mode="matrix"
+						values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7"
+						result="z"
+					/>
+					<feBlend
+						in="SourceGraphic"
+						in2="z"
+					/>
+				</filter>
+			</defs>
+			<g
+				filter={`url(#spinningBinaryFilter_${id})`}
+			>
+				<circle
+					cx="5"
+					cy="12"
+					r="4"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						attributeName="cx"
+						calcMode="spline"
+						dur={animationDuration}
+						values="5;8;5"
+						keySplines=".36,.62,.43,.99;.79,0,.58,.57"
+						repeatCount="indefinite"
+					/>
+				</circle>
+				<circle
+					cx="19"
+					cy="12"
+					r="4"
+					className={className}
+					stroke={stroke}
+					fill={fill}
+				>
+					<animate
+						attributeName="cx"
+						calcMode="spline"
+						dur={animationDuration}
+						values="19;16;19"
+						keySplines=".36,.62,.43,.99;.79,0,.58,.57"
+						repeatCount="indefinite"
+					/>
+				</circle>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					dur={animationDuration * 3 / 8}
+					values="0 12 12;360 12 12"
+					repeatCount="indefinite"
+				/>
+			</g>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/various/SpinningClock.tsx b/lib/component/loading/various/SpinningClock.tsx
new file mode 100644
index 0000000..d9db0ef
--- /dev/null
+++ b/lib/component/loading/various/SpinningClock.tsx
@@ -0,0 +1,64 @@
+import type { LoadingVariousProps } from "$/types/Loading";
+
+
+export default function SpinningClock({
+	width,
+	height,
+	className,
+	animationDuration = 9,
+	stroke,
+	fill
+}: LoadingVariousProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/clock.svg
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			/>
+			<rect
+				x="11"
+				y="4"
+				rx="1"
+				width="2"
+				height="9"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					dur={animationDuration / 12}
+					values="0 12 12;360 12 12"
+					repeatCount="indefinite"
+				/>
+			</rect>
+			<rect
+				x="11"
+				y="11"
+				rx="1"
+				width="2"
+				height="7"
+				className={className}
+			>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					dur={animationDuration}
+					values="0 12 12;360 12 12"
+					repeatCount="indefinite"
+				/>
+			</rect>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/various/SpinningEclipse.tsx b/lib/component/loading/various/SpinningEclipse.tsx
new file mode 100644
index 0000000..5841c1a
--- /dev/null
+++ b/lib/component/loading/various/SpinningEclipse.tsx
@@ -0,0 +1,38 @@
+import type { LoadingVariousProps } from "$/types/Loading";
+
+
+export default function SpinningEclipse({
+	width,
+	height,
+	className,
+	animationDuration = 0.6,
+	stroke,
+	fill
+}: LoadingVariousProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/eclipse.svg
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M2,12A11.2,11.2,0,0,1,13,1.05C12.67,1,12.34,1,12,1a11,11,0,0,0,0,22c.34,0,.67,0,1-.05C6,23,2,17.74,2,12Z"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					dur={animationDuration}
+					values="0 12 12;360 12 12"
+					repeatCount="indefinite"
+				/>
+			</path>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/various/SpinningEclipseHalf.tsx b/lib/component/loading/various/SpinningEclipseHalf.tsx
new file mode 100644
index 0000000..d1587ae
--- /dev/null
+++ b/lib/component/loading/various/SpinningEclipseHalf.tsx
@@ -0,0 +1,38 @@
+import type { LoadingVariousProps } from "$/types/Loading";
+
+
+export default function SpinningEclipseHalf({
+	width,
+	height,
+	className,
+	animationDuration = 0.6,
+	stroke,
+	fill
+}: LoadingVariousProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/eclipse-half.svg
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M2,12A10.94,10.94,0,0,1,5,4.65c-.21-.19-.42-.36-.62-.55h0A11,11,0,0,0,12,23c.34,0,.67,0,1-.05C6,23,2,17.74,2,12Z"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					dur={animationDuration}
+					values="0 12 12;360 12 12"
+					repeatCount="indefinite"
+				/>
+			</path>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/various/SpinningGalaxy.tsx b/lib/component/loading/various/SpinningGalaxy.tsx
new file mode 100644
index 0000000..dc678a8
--- /dev/null
+++ b/lib/component/loading/various/SpinningGalaxy.tsx
@@ -0,0 +1,38 @@
+import type { LoadingVariousProps } from "$/types/Loading";
+
+
+export default function SpinningGalaxy({
+	width,
+	height,
+	className,
+	animationDuration = 1.5,
+	stroke,
+	fill
+}: LoadingVariousProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/wind-toy.svg
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M20.27,4.74a4.93,4.93,0,0,1,1.52,4.61,5.32,5.32,0,0,1-4.1,4.51,5.12,5.12,0,0,1-5.2-1.5,5.53,5.53,0,0,0,6.13-1.48A5.66,5.66,0,0,0,20.27,4.74ZM12.32,11.53a5.49,5.49,0,0,0-1.47-6.2A5.57,5.57,0,0,0,4.71,3.72,5.17,5.17,0,0,1,9.53,2.2,5.52,5.52,0,0,1,13.9,6.45,5.28,5.28,0,0,1,12.32,11.53ZM19.2,20.29a4.92,4.92,0,0,1-4.72,1.49,5.32,5.32,0,0,1-4.34-4.05A5.2,5.2,0,0,1,11.6,12.5a5.6,5.6,0,0,0,1.51,6.13A5.63,5.63,0,0,0,19.2,20.29ZM3.79,19.38A5.18,5.18,0,0,1,2.32,14a5.3,5.3,0,0,1,4.59-4,5,5,0,0,1,4.58,1.61,5.55,5.55,0,0,0-6.32,1.69A5.46,5.46,0,0,0,3.79,19.38ZM12.23,12a5.11,5.11,0,0,0,3.66-5,5.75,5.75,0,0,0-3.18-6,5,5,0,0,1,4.42,2.3,5.21,5.21,0,0,1,.24,5.92A5.4,5.4,0,0,1,12.23,12ZM11.76,12a5.18,5.18,0,0,0-3.68,5.09,5.58,5.58,0,0,0,3.19,5.79c-1,.35-2.9-.46-4-1.68A5.51,5.51,0,0,1,11.76,12ZM23,12.63a5.07,5.07,0,0,1-2.35,4.52,5.23,5.23,0,0,1-5.91.2,5.24,5.24,0,0,1-2.67-4.77,5.51,5.51,0,0,0,5.45,3.33A5.52,5.52,0,0,0,23,12.63ZM1,11.23a5,5,0,0,1,2.49-4.5,5.23,5.23,0,0,1,5.81-.06,5.3,5.3,0,0,1,2.61,4.74A5.56,5.56,0,0,0,6.56,8.06,5.71,5.71,0,0,0,1,11.23Z"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					dur={animationDuration}
+					values="0 12 12;360 12 12"
+					repeatCount="indefinite"
+				/>
+			</path>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/various/SpinningTadpole.tsx b/lib/component/loading/various/SpinningTadpole.tsx
new file mode 100644
index 0000000..9719fc8
--- /dev/null
+++ b/lib/component/loading/various/SpinningTadpole.tsx
@@ -0,0 +1,38 @@
+import type { LoadingVariousProps } from "$/types/Loading";
+
+
+export default function SpinningTadpole({
+	width,
+	height,
+	className,
+	animationDuration = 0.75,
+	stroke,
+	fill
+}: LoadingVariousProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/tadpole.svg
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M12,23a9.63,9.63,0,0,1-8-9.5,9.51,9.51,0,0,1,6.79-9.1A1.66,1.66,0,0,0,12,2.81h0a1.67,1.67,0,0,0-1.94-1.64A11,11,0,0,0,12,23Z"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animateTransform
+					attributeName="transform"
+					type="rotate"
+					dur={animationDuration}
+					values="0 12 12;360 12 12"
+					repeatCount="indefinite"
+				/>
+			</path>
+		</svg>
+	);
+}
diff --git a/lib/component/loading/various/Wifi.tsx b/lib/component/loading/various/Wifi.tsx
new file mode 100644
index 0000000..350c309
--- /dev/null
+++ b/lib/component/loading/various/Wifi.tsx
@@ -0,0 +1,99 @@
+import type { LoadingWifiProps } from "$/types/Loading";
+
+
+export default function Wifi({
+	width,
+	height,
+	className,
+	animationDuration = 0.25,
+	fadeDuration = 0.001,
+	stroke,
+	fill
+}: LoadingWifiProps){
+	//https://github.com/n3r4zzurr0/svg-spinners/blob/main/svg-smil/wifi.svg
+	const id = crypto.randomUUID().replaceAll("-", "");
+
+
+	return (
+		<svg
+			width={width}
+			height={height}
+			viewBox="0 0 24 24"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M12,21L15.6,16.2C14.6,15.45 13.35,15 12,15C10.65,15 9.4,15.45 8.4,16.2L12,21"
+				opacity="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`segment1_1_${id}`}
+					begin={`0;segment1_2_${id}.end+0.2s`}
+					attributeName="opacity"
+					calcMode="discrete"
+					dur={animationDuration}
+					values="0;1"
+					fill="freeze"
+				/>
+				<animate
+					id={`segment1_2_${id}`}
+					begin={`segment3_1_${id}.end+0.5s`}
+					attributeName="opacity"
+					dur={fadeDuration}
+					values="1;0"
+					fill="freeze"
+				/>
+			</path>
+			<path
+				d="M12,9C9.3,9 6.81,9.89 4.8,11.4L6.6,13.8C8.1,12.67 9.97,12 12,12C14.03,12 15.9,12.67 17.4,13.8L19.2,11.4C17.19,9.89 14.7,9 12,9Z"
+				opacity="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`segment2_1_${id}`}
+					begin={`segment1_1_${id}.end`}
+					attributeName="opacity"
+					calcMode="discrete"
+					dur={animationDuration}
+					values="0;1"
+					fill="freeze"
+				/>
+				<animate
+					begin={`segment3_1_${id}.end+0.5s`}
+					attributeName="opacity"
+					dur={fadeDuration}
+					values="1;0"
+					fill="freeze"
+				/>
+			</path>
+			<path
+				d="M12,3C7.95,3 4.21,4.34 1.2,6.6L3,9C5.5,7.12 8.62,6 12,6C15.38,6 18.5,7.12 21,9L22.8,6.6C19.79,4.34 16.05,3 12,3"
+				opacity="0"
+				className={className}
+				stroke={stroke}
+				fill={fill}
+			>
+				<animate
+					id={`segment3_1_${id}`}
+					begin={`segment2_1_${id}.end`}
+					attributeName="opacity"
+					calcMode="discrete"
+					dur={animationDuration}
+					values="0;1"
+					fill="freeze"
+				/>
+				<animate
+					begin={`segment3_1_${id}.end+0.5s`}
+					attributeName="opacity"
+					dur={fadeDuration}
+					values="1;0"
+					fill="freeze"
+				/>
+			</path>
+		</svg>
+	);
+}
diff --git a/lib/component/message.ts b/lib/component/message.ts
new file mode 100644
index 0000000..d404785
--- /dev/null
+++ b/lib/component/message.ts
@@ -0,0 +1,26 @@
+import DangerMessageBlock from "./message/DangerMessageBlock";
+import DarkMessageBlock from "./message/DarkMessageBlock";
+import InfoMessageBlock from "./message/InfoMessageBlock";
+import LightMessageBlock from "./message/LightMessageBlock";
+import MessageBlock from "./message/MessageBlock";
+import MoltenMessageBlock from "./message/MoltenMessageBlock";
+import PrimaryMessageBlock from "./message/PrimaryMessagteBlock";
+import SecondaryMessageBlock from "./message/SecondaryMessageBlock";
+import SuccessMessageBlock from "./message/SuccessMessageBlock";
+import TertiaryMessageBlock from "./message/TertiaryMessageBlock";
+import WarningMessageBlock from "./message/WarningMessageBlock";
+
+
+export {
+	DangerMessageBlock,
+	DarkMessageBlock,
+	InfoMessageBlock,
+	LightMessageBlock,
+	MessageBlock,
+	MoltenMessageBlock,
+	PrimaryMessageBlock,
+	SecondaryMessageBlock,
+	SuccessMessageBlock,
+	TertiaryMessageBlock,
+	WarningMessageBlock
+};
diff --git a/lib/component/message/DangerMessageBlock.tsx b/lib/component/message/DangerMessageBlock.tsx
new file mode 100644
index 0000000..791ef27
--- /dev/null
+++ b/lib/component/message/DangerMessageBlock.tsx
@@ -0,0 +1,22 @@
+import type { MessageBlockProps } from "$/types/Message";
+import clsx from "clsx";
+import MessageBlock from "./MessageBlock";
+
+
+export default function DangerMessageBlock(props: MessageBlockProps){
+	const {
+		className,
+		...messageProps
+	} = props;
+
+
+	return (
+		<MessageBlock
+			{...messageProps}
+			className={clsx(
+				className,
+				"bg-red-200 text-red-600"
+			)}
+		/>
+	);
+}
diff --git a/lib/component/message/DarkMessageBlock.tsx b/lib/component/message/DarkMessageBlock.tsx
new file mode 100644
index 0000000..fb5a878
--- /dev/null
+++ b/lib/component/message/DarkMessageBlock.tsx
@@ -0,0 +1,22 @@
+import type { MessageBlockProps } from "$/types/Message";
+import clsx from "clsx";
+import MessageBlock from "./MessageBlock";
+
+
+export default function DarkMessageBlock(props: MessageBlockProps){
+	const {
+		className,
+		...messageProps
+	} = props;
+
+
+	return (
+		<MessageBlock
+			{...messageProps}
+			className={clsx(
+				className,
+				"bg-black text-white"
+			)}
+		/>
+	);
+}
diff --git a/lib/component/message/InfoMessageBlock.tsx b/lib/component/message/InfoMessageBlock.tsx
new file mode 100644
index 0000000..022a21c
--- /dev/null
+++ b/lib/component/message/InfoMessageBlock.tsx
@@ -0,0 +1,22 @@
+import type { MessageBlockProps } from "$/types/Message";
+import clsx from "clsx";
+import MessageBlock from "./MessageBlock";
+
+
+export default function InfoMessageBlock(props: MessageBlockProps){
+	const {
+		className,
+		...messageProps
+	} = props;
+
+
+	return (
+		<MessageBlock
+			{...messageProps}
+			className={clsx(
+				className,
+				"bg-cyan-100 text-blue-600"
+			)}
+		/>
+	);
+}
diff --git a/lib/component/message/LightMessageBlock.tsx b/lib/component/message/LightMessageBlock.tsx
new file mode 100644
index 0000000..51aa342
--- /dev/null
+++ b/lib/component/message/LightMessageBlock.tsx
@@ -0,0 +1,22 @@
+import type { MessageBlockProps } from "$/types/Message";
+import clsx from "clsx";
+import MessageBlock from "./MessageBlock";
+
+
+export default function LightMessageBlock(props: MessageBlockProps){
+	const {
+		className,
+		...messageProps
+	} = props;
+
+
+	return (
+		<MessageBlock
+			{...messageProps}
+			className={clsx(
+				className,
+				"bg-white text-black"
+			)}
+		/>
+	);
+}
diff --git a/lib/component/message/MessageBlock.tsx b/lib/component/message/MessageBlock.tsx
new file mode 100644
index 0000000..4b1f7fa
--- /dev/null
+++ b/lib/component/message/MessageBlock.tsx
@@ -0,0 +1,36 @@
+import type { MessageBlockProps } from "$/types/Message";
+import clsx from "clsx";
+
+
+export default function MessageBlock(props: MessageBlockProps){
+	const {
+		className,
+		outline = "sm",
+		rounded = "lg",
+		...messageProps
+	} = props;
+
+
+	return (
+		<div
+			{...messageProps}
+			className={clsx(
+				className,
+				"px-4 py-2",
+				{
+					"border-0": outline === "none",
+					"border-1": outline === "sm",
+					"border-2": outline === "md",
+					"border-3": outline === "lg"
+				},
+				{
+					"rounded-none": rounded === "none",
+					"rounded-xs": rounded === "xs",
+					"rounded": rounded === "md",
+					"rounded-lg": rounded === "lg",
+					"rounded-xl": rounded === "xl"
+				}
+			)}
+		/>
+	);
+}
\ No newline at end of file
diff --git a/lib/component/message/MoltenMessageBlock.tsx b/lib/component/message/MoltenMessageBlock.tsx
new file mode 100644
index 0000000..ecd1780
--- /dev/null
+++ b/lib/component/message/MoltenMessageBlock.tsx
@@ -0,0 +1,22 @@
+import type { MessageBlockProps } from "$/types/Message";
+import clsx from "clsx";
+import MessageBlock from "./MessageBlock";
+
+
+export default function MoltenMessageBlock(props: MessageBlockProps){
+	const {
+		className,
+		...messageProps
+	} = props;
+
+
+	return (
+		<MessageBlock
+			{...messageProps}
+			className={clsx(
+				className,
+				"bg-orange-100 text-orange-600"
+			)}
+		/>
+	);
+}
diff --git a/lib/component/message/PrimaryMessagteBlock.tsx b/lib/component/message/PrimaryMessagteBlock.tsx
new file mode 100644
index 0000000..282e4d7
--- /dev/null
+++ b/lib/component/message/PrimaryMessagteBlock.tsx
@@ -0,0 +1,22 @@
+import type { MessageBlockProps } from "$/types/Message";
+import clsx from "clsx";
+import MessageBlock from "./MessageBlock";
+
+
+export default function PrimaryMessageBlock(props: MessageBlockProps){
+	const {
+		className,
+		...messageProps
+	} = props;
+
+
+	return (
+		<MessageBlock
+			{...messageProps}
+			className={clsx(
+				className,
+				"bg-blue-200 text-blue-600"
+			)}
+		/>
+	);
+}
diff --git a/lib/component/message/SecondaryMessageBlock.tsx b/lib/component/message/SecondaryMessageBlock.tsx
new file mode 100644
index 0000000..c77010f
--- /dev/null
+++ b/lib/component/message/SecondaryMessageBlock.tsx
@@ -0,0 +1,22 @@
+import type { MessageBlockProps } from "$/types/Message";
+import clsx from "clsx";
+import MessageBlock from "./MessageBlock";
+
+
+export default function SecondaryMessageBlock(props: MessageBlockProps){
+	const {
+		className,
+		...messageProps
+	} = props;
+
+
+	return (
+		<MessageBlock
+			{...messageProps}
+			className={clsx(
+				className,
+				"bg-neutral-200 text-neutral-600"
+			)}
+		/>
+	);
+}
diff --git a/lib/component/message/SuccessMessageBlock.tsx b/lib/component/message/SuccessMessageBlock.tsx
new file mode 100644
index 0000000..3eb6132
--- /dev/null
+++ b/lib/component/message/SuccessMessageBlock.tsx
@@ -0,0 +1,22 @@
+import type { MessageBlockProps } from "$/types/Message";
+import clsx from "clsx";
+import MessageBlock from "./MessageBlock";
+
+
+export default function SuccessMessageBlock(props: MessageBlockProps){
+	const {
+		className,
+		...messageProps
+	} = props;
+
+
+	return (
+		<MessageBlock
+			{...messageProps}
+			className={clsx(
+				className,
+				"bg-green-100 text-green-600"
+			)}
+		/>
+	);
+}
diff --git a/lib/component/message/TertiaryMessageBlock.tsx b/lib/component/message/TertiaryMessageBlock.tsx
new file mode 100644
index 0000000..3c02aba
--- /dev/null
+++ b/lib/component/message/TertiaryMessageBlock.tsx
@@ -0,0 +1,23 @@
+import type { MessageBlockProps } from "$/types/Message";
+import clsx from "clsx";
+import MessageBlock from "./MessageBlock";
+
+
+export default function TertiaryMessageBlock(props: MessageBlockProps){
+	const {
+		className,
+		...messageProps
+	} = props;
+
+
+	return (
+		<MessageBlock
+			{...messageProps}
+			className={clsx(
+				className,
+				"bg-purple-200 text-purple-600"
+			)}
+		/>
+	);
+}
+
diff --git a/lib/component/message/WarningMessageBlock.tsx b/lib/component/message/WarningMessageBlock.tsx
new file mode 100644
index 0000000..7ef66b9
--- /dev/null
+++ b/lib/component/message/WarningMessageBlock.tsx
@@ -0,0 +1,22 @@
+import type { MessageBlockProps } from "$/types/Message";
+import clsx from "clsx";
+import MessageBlock from "./MessageBlock";
+
+
+export default function WarningMessageBlock(props: MessageBlockProps){
+	const {
+		className,
+		...messageProps
+	} = props;
+
+
+	return (
+		<MessageBlock
+			{...messageProps}
+			className={clsx(
+				className,
+				"bg-yellow-100 text-yellow-600"
+			)}
+		/>
+	);
+}
diff --git a/lib/component/modal.ts b/lib/component/modal.ts
new file mode 100644
index 0000000..0c8dcc6
--- /dev/null
+++ b/lib/component/modal.ts
@@ -0,0 +1,13 @@
+import Modal from "./modal/Modal";
+import ModalBody from "./modal/ModalBody";
+import ModalFooter from "./modal/ModalFooter";
+import ModalHeader from "./modal/ModalHeader";
+
+
+export {
+	Modal,
+	ModalBody,
+	ModalFooter,
+	ModalHeader
+};
+
diff --git a/lib/component/modal/Modal.tsx b/lib/component/modal/Modal.tsx
new file mode 100644
index 0000000..727924e
--- /dev/null
+++ b/lib/component/modal/Modal.tsx
@@ -0,0 +1,71 @@
+import type { ModalProps } from "$/types/Modal";
+import { Dialog, DialogBackdrop, DialogPanel } from "@headlessui/react";
+import clsx from "clsx";
+
+
+export default function Modal(props: ModalProps){
+	const {
+		display,
+		onClose,
+		className,
+		backgroundType = "blur",
+		top,
+		children
+	} = props;
+
+
+	return (
+		<Dialog
+			open={display}
+			onClose={onClose}
+		>
+			{/* Backdrop as fixed sibling to the panel */}
+			{
+				backgroundType !== "none" &&
+				<DialogBackdrop
+					className={clsx(
+						"fixed inset-0",
+						{
+							"bg-black/25": backgroundType === "darken",
+							"bg-white/25": backgroundType === "lighten",
+							"backdrop-blur-sm bg-radial-[circle] from-transparent to-black/25": backgroundType === "darken-blur-radial",
+							"backdrop-blur-sm bg-radial-[circle] from-transparent to-white/25": backgroundType === "lighten-blur-radial",
+							"backdrop-blur-sm bg-black/25": backgroundType === "darken-blur",
+							"backdrop-blur-sm bg-white/25": backgroundType === "lighten-blur",
+							"bg-transparent": backgroundType === "transparent",
+							"backdrop-blur-sm": backgroundType === "blur"
+						}
+					)}
+				/>
+			}
+
+			{/* Full-screen container to center the panel */}
+			<div
+				className={clsx(
+					"fixed top-0 left-0 h-full w-full",
+					"flex flex-col items-center justify-start",
+					{
+						"pt-16": top
+					}
+				)}
+			>
+				{/* The actual modal panel */}
+				<DialogPanel
+					className={clsx(
+						"relative max-w-full max-h-full rounded-lg",
+						"flex flex-col items-center justify-start",
+						"shadow-lg shadow-black/40",
+						className,
+						{
+							"top-1/2 -translate-y-1/2": !top,
+							"top-0": top
+						}
+					)}
+				>
+					{/* Content of the modal */}
+					{children}
+				</DialogPanel>
+			</div>
+		</Dialog>
+	);
+}
diff --git a/lib/component/modal/ModalBody.tsx b/lib/component/modal/ModalBody.tsx
new file mode 100644
index 0000000..19c3a86
--- /dev/null
+++ b/lib/component/modal/ModalBody.tsx
@@ -0,0 +1,22 @@
+import type { ModalBodyProps } from "$/types/Modal";
+import clsx from "clsx";
+
+
+export default function ModalBody(props: ModalBodyProps){
+	const {
+		className,
+		children
+	} = props;
+
+
+	return (
+		<div
+			className={clsx(
+				"flex flex-col items-center justify-start h-full w-full overflow-scroll",
+				className
+			)}
+		>
+			{children}
+		</div>
+	);
+}
diff --git a/lib/component/modal/ModalFooter.tsx b/lib/component/modal/ModalFooter.tsx
new file mode 100644
index 0000000..cc8df32
--- /dev/null
+++ b/lib/component/modal/ModalFooter.tsx
@@ -0,0 +1,26 @@
+import type { ModalFooterProps } from "$/types/Modal";
+import clsx from "clsx";
+
+
+export default function ModalFooter(props: ModalFooterProps){
+	const {
+		className,
+		children
+	} = props;
+
+
+	return (
+		<div
+			className={clsx(
+				"flex flex-row items-center justify-center w-full rounded-b-lg",
+				className
+			)}
+		>
+			<div
+				className="flex flex-row items-center justify-center mx-8 my-3"
+			>
+				{children}
+			</div>
+		</div>
+	);
+}
diff --git a/lib/component/modal/ModalHeader.tsx b/lib/component/modal/ModalHeader.tsx
new file mode 100644
index 0000000..61c694f
--- /dev/null
+++ b/lib/component/modal/ModalHeader.tsx
@@ -0,0 +1,41 @@
+import type { ModalHeaderProps } from "$/types/Modal";
+import { DialogTitle } from "@headlessui/react";
+import clsx from "clsx";
+import { BsXLg } from "react-icons/bs";
+
+
+export default function ModalHeader(props: ModalHeaderProps){
+	const {
+		onClose,
+		className,
+		children
+	} = props;
+
+
+	return (
+		<div
+			className={clsx(
+				"flex flex-row items-center justify-center w-full rounded-t-lg",
+				className
+			)}
+		>
+			<DialogTitle
+				as="div"
+				className="flex flex-row items-center justify-center mx-8 my-3"
+			>
+				{children}
+			</DialogTitle>
+			{
+				onClose &&
+				<div
+					className="absolute top-1 right-1 cursor-pointer"
+					onClick={onClose}
+				>
+					<BsXLg
+						size={20}
+					/>
+				</div>
+			}
+		</div>
+	);
+}
diff --git a/lib/component/nav.ts b/lib/component/nav.ts
new file mode 100644
index 0000000..c742dfd
--- /dev/null
+++ b/lib/component/nav.ts
@@ -0,0 +1,10 @@
+import DarkModeSwitch from "./nav/DarkModeSwitch";
+import NavBar from "./nav/NavBar";
+import PopoverMenu from "./nav/PopoverMenu";
+
+
+export {
+	DarkModeSwitch,
+	NavBar,
+	PopoverMenu
+};
diff --git a/lib/component/nav/DarkModeSwitch.tsx b/lib/component/nav/DarkModeSwitch.tsx
new file mode 100644
index 0000000..5aef88e
--- /dev/null
+++ b/lib/component/nav/DarkModeSwitch.tsx
@@ -0,0 +1,46 @@
+import { useTheme } from "$/providers/theme/ThemeProvider";
+import { BsLightbulb, BsLightbulbFill } from "react-icons/bs";
+
+
+export default function DarkModeSwitch(){
+	const { theme, setTheme } = useTheme();
+
+
+	const updateTheme = () => {
+		if(theme === "system"){
+			if(window.document.documentElement.classList.contains("dark")){
+				setTheme("light");
+			}
+			else{
+				setTheme("dark");
+			}
+		}
+		else{
+			setTheme(theme === "dark" ? "light" : "dark");
+		}
+	}
+
+
+	return (
+		<label
+			className="flex flex-row justify-center items-center cursor-pointer"
+		>
+			<input
+				type="checkbox"
+				className="peer hidden"
+				checked={theme === "dark"}
+				onChange={updateTheme}
+			/>
+			<div
+				className="block peer-checked:hidden cursor-pointer"
+			>
+				<BsLightbulbFill/>
+			</div>
+			<div
+				className="hidden peer-checked:block cursor-pointer"
+			>
+				<BsLightbulb/>
+			</div>
+		</label>
+	);
+}
diff --git a/lib/component/nav/NavBar.tsx b/lib/component/nav/NavBar.tsx
new file mode 100644
index 0000000..b39df12
--- /dev/null
+++ b/lib/component/nav/NavBar.tsx
@@ -0,0 +1,23 @@
+import type { NavBarProps } from "$/types/Nav";
+import clsx from "clsx";
+
+
+export default function NavBar(props: NavBarProps){
+	const {
+		className,
+		children
+	} = props;
+
+
+	return (
+		<nav
+			className={clsx(
+				className,
+				"fixed top-0 left-0 w-full z-10",
+				"flex flex-row flex-nowrap items-center justify-between"
+			)}
+		>
+			{children}
+		</nav>
+	);
+}
diff --git a/lib/component/nav/PopoverMenu.tsx b/lib/component/nav/PopoverMenu.tsx
new file mode 100644
index 0000000..6bc37a0
--- /dev/null
+++ b/lib/component/nav/PopoverMenu.tsx
@@ -0,0 +1,35 @@
+import type { PopoverMenuProps } from "$/types/Nav";
+import { Popover, PopoverButton, PopoverPanel } from "@headlessui/react";
+import clsx from "clsx";
+import { RiArrowRightSLine } from "react-icons/ri";
+
+export default function PopoverMenu(props: PopoverMenuProps){
+	const {
+		buttonContent,
+		anchor,
+		children
+	} = props;
+
+
+	return (
+		<Popover>
+			<PopoverButton
+				className={clsx(
+					"flex flex-row flex-nowrap items-center justify-center",
+					"cursor-pointer outline-none h-full"
+				)}
+			>
+				{buttonContent} <RiArrowRightSLine strokeWidth={2} size={24}/>
+			</PopoverButton>
+			<PopoverPanel
+				anchor={{to: anchor}}
+				className={clsx(
+					"flex flex-col items-start justify-center",
+					"bg-(--bg-color) border border-neutral-400 outline-none mt-3"
+				)}
+			>
+				{children}
+			</PopoverPanel>
+		</Popover>
+	);
+}
diff --git a/lib/component/tab.ts b/lib/component/tab.ts
new file mode 100644
index 0000000..e9eccc3
--- /dev/null
+++ b/lib/component/tab.ts
@@ -0,0 +1,14 @@
+import MattrixwvTab from "./tab/MattrixwvTab";
+import MattrixwvTabGroup from "./tab/MattrixwvTabGroup";
+import MattrixwvTabList from "./tab/MattrixwvTabList";
+import MattrixwvTabPanel from "./tab/MattrixwvTabPanel";
+import MattrixwvTabPanels from "./tab/MattrixwvTabPanels";
+
+
+export {
+	MattrixwvTab,
+	MattrixwvTabGroup,
+	MattrixwvTabList,
+	MattrixwvTabPanel,
+	MattrixwvTabPanels
+};
diff --git a/lib/component/tab/MattrixwvTab.tsx b/lib/component/tab/MattrixwvTab.tsx
new file mode 100644
index 0000000..5f8e687
--- /dev/null
+++ b/lib/component/tab/MattrixwvTab.tsx
@@ -0,0 +1,23 @@
+import type { MattrixwvTabProps } from "$/types/Tab";
+import { Tab } from "@headlessui/react";
+import clsx from "clsx";
+
+
+export default function MattrixwvTab(props: MattrixwvTabProps){
+	const {
+		children
+	} = props;
+
+
+	return (
+		<Tab
+			className={clsx(
+				"px-4 py-2",
+				"outline-none rounded-t-lg cursor-pointer",
+				"data-selected:text-blue-400 data-selected:border-b-4"
+			)}
+		>
+			{children}
+		</Tab>
+	);
+}
diff --git a/lib/component/tab/MattrixwvTabGroup.tsx b/lib/component/tab/MattrixwvTabGroup.tsx
new file mode 100644
index 0000000..a760739
--- /dev/null
+++ b/lib/component/tab/MattrixwvTabGroup.tsx
@@ -0,0 +1,48 @@
+import type { MattrixwvTabGroupProps } from "$/types/Tab";
+import { TabGroup } from "@headlessui/react";
+import clsx from "clsx";
+import MattrixwvTab from "./MattrixwvTab";
+import MattrixwvTabList from "./MattrixwvTabList";
+import MattrixwvTabPanel from "./MattrixwvTabPanel";
+import MattrixwvTabPanels from "./MattrixwvTabPanels";
+
+
+export default function MattrixwvTabGroup(props: MattrixwvTabGroupProps){
+	const {
+		tabs,
+		className
+	} = props;
+
+
+	return (
+		<TabGroup
+			className={clsx(
+				"flex flex-col items-center justify-center w-full h-full overflow-hidden",
+				className
+			)}
+		>
+			<MattrixwvTabList>
+				{
+					tabs.map((tab, index) => (
+						<MattrixwvTab
+							key={index}
+						>
+							{tab.tab}
+						</MattrixwvTab>
+					))
+				}
+			</MattrixwvTabList>
+			<MattrixwvTabPanels>
+				{
+					tabs.map((tab, index) => (
+						<MattrixwvTabPanel
+							key={index}
+						>
+							{tab.content}
+						</MattrixwvTabPanel>
+					))
+				}
+			</MattrixwvTabPanels>
+		</TabGroup>
+	);
+}
diff --git a/lib/component/tab/MattrixwvTabList.tsx b/lib/component/tab/MattrixwvTabList.tsx
new file mode 100644
index 0000000..00a643b
--- /dev/null
+++ b/lib/component/tab/MattrixwvTabList.tsx
@@ -0,0 +1,18 @@
+import type { MattrixwvTabListProps } from "$/types/Tab";
+import { TabList } from "@headlessui/react";
+
+
+export default function MattrixwvTabList(props: MattrixwvTabListProps){
+	const {
+		children
+	} = props;
+
+
+	return (
+		<TabList
+			className="flex flex-row items-center justify-start w-full border-b"
+		>
+			{children}
+		</TabList>
+	);
+}
diff --git a/lib/component/tab/MattrixwvTabPanel.tsx b/lib/component/tab/MattrixwvTabPanel.tsx
new file mode 100644
index 0000000..90b533f
--- /dev/null
+++ b/lib/component/tab/MattrixwvTabPanel.tsx
@@ -0,0 +1,18 @@
+import type { MattrixwvTabPanelProps } from "$/types/Tab";
+import { TabPanel } from "@headlessui/react";
+
+
+export default function MattrixwvTabPanel(props: MattrixwvTabPanelProps){
+	const {
+		children
+	} = props;
+
+
+	return (
+		<TabPanel
+			className="flex flex-row items-start justify-center w-full h-full"
+		>
+			{children}
+		</TabPanel>
+	);
+}
diff --git a/lib/component/tab/MattrixwvTabPanels.tsx b/lib/component/tab/MattrixwvTabPanels.tsx
new file mode 100644
index 0000000..6bad7e5
--- /dev/null
+++ b/lib/component/tab/MattrixwvTabPanels.tsx
@@ -0,0 +1,18 @@
+import type { MattrixwvTabPanelsProps } from "$/types/Tab";
+import { TabPanels } from "@headlessui/react";
+
+
+export default function MattrixwvTabPanels(props: MattrixwvTabPanelsProps){
+	const {
+		children
+	} = props;
+
+
+	return (
+		<TabPanels
+			className="flex flex-row items-start justify-center w-full h-full overflow-scroll"
+		>
+			{children}
+		</TabPanels>
+	);
+}
diff --git a/lib/component/toaster.ts b/lib/component/toaster.ts
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/lib/component/toaster.ts
@@ -0,0 +1 @@
+
diff --git a/lib/providers/theme/ThemeProvider.tsx b/lib/providers/theme/ThemeProvider.tsx
new file mode 100644
index 0000000..9133ece
--- /dev/null
+++ b/lib/providers/theme/ThemeProvider.tsx
@@ -0,0 +1,61 @@
+import type { Theme, ThemeProviderProps, ThemeProviderState } from "$/types/Theme";
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
+
+
+const themeInitialState: ThemeProviderState = {
+	theme: "system",
+	setTheme: () => null
+}
+
+export const ThemeProviderContext = createContext<ThemeProviderState>(themeInitialState);
+
+
+export default function ThemeProvider(props: ThemeProviderProps){
+	const {
+		children,
+		defaultTheme = "system",
+		storageKey = "mattrixwv-ui-theme"
+	} = props;
+
+	const [ theme, setTheme ] = useState<Theme>((localStorage.getItem(storageKey) as Theme) || defaultTheme);
+
+	useEffect(() => {
+		const root = window.document.documentElement;
+
+		root.classList.remove("light", "dark");
+
+		if(theme === "system"){
+			const systemTheme = window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
+
+			root.classList.add(systemTheme);
+		}
+		else{
+			root.classList.add(theme);
+		}
+	}, [ theme ]);
+
+	const value: ThemeProviderState = useMemo(() => ({
+		theme,
+		setTheme: (theme: Theme) => {
+			localStorage.setItem(storageKey, theme);
+			setTheme(theme);
+		}
+	}), [ theme ]);
+
+	return (
+		<ThemeProviderContext.Provider value={value}>
+			{children}
+		</ThemeProviderContext.Provider>
+	);
+}
+
+
+export function useTheme(){
+	const context = useContext(ThemeProviderContext);
+
+	if(!context){
+		throw new Error("useTheme must be used within a ThemeProvider");
+	}
+
+	return context;
+}
diff --git a/lib/types/Button.d.ts b/lib/types/Button.d.ts
new file mode 100644
index 0000000..957b114
--- /dev/null
+++ b/lib/types/Button.d.ts
@@ -0,0 +1,16 @@
+import type { ButtonHTMLAttributes, Ref } from "react";
+
+
+export type ButtonRounding = "none" | "sm" | "md" | "lg" | "full";
+export type ButtonShape = "rectangle" | "square";
+export type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type ButtonVariant = "standard" | "outline" | "ghost" | "outline-ghost" | "icon";
+
+
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>{
+	rounding?: ButtonRounding;
+	shape?: ButtonShape;
+	size?: ButtonSize;
+	variant?: ButtonVariant;
+	ref?: Ref<HTMLButtonElement>;
+}
diff --git a/lib/types/Input.d.ts b/lib/types/Input.d.ts
new file mode 100644
index 0000000..d924e94
--- /dev/null
+++ b/lib/types/Input.d.ts
@@ -0,0 +1,28 @@
+import type { ChangeEventHandler } from "react";
+
+
+export interface TextInputProps {
+	id: string;
+	className?: string;
+	inputClassName?: string;
+	labelClassName?: string;
+	placeholder?: string;
+	defaultValue?: string;
+	value?: string;
+	onChange?: ChangeEventHandler<HTMLInputElement>;
+	disabled?: boolean;
+}
+
+export interface SelectInputProps {
+	label: React.ReactNode;
+	value?: string;
+	onChange?: (newVlaue: string) => void;
+	children: React.ReactNode;
+}
+
+export interface OptionInputProps {
+	id?: string;
+	className?: string;
+	value: string;
+	children: React.ReactNode;
+}
diff --git a/lib/types/Loading.d.ts b/lib/types/Loading.d.ts
new file mode 100644
index 0000000..7bd4127
--- /dev/null
+++ b/lib/types/Loading.d.ts
@@ -0,0 +1,65 @@
+interface LoadingDefaultProps {
+	width?: string | number;
+	height?: string | number;
+	className?: string;
+	animationDuration?: number;
+	stroke?: string;
+	fill?: string;
+}
+
+
+//Spinners
+export interface LoadingSpinnerProps extends LoadingDefaultProps {
+	trackClassName?: string;
+	trackStroke?: string;
+	trackFill?: string;
+}
+
+export interface RubberLoadingSpinnerProps extends LoadingSpinnerProps {
+	stretchDuration?: number;
+}
+
+
+//Dots
+export interface LoadingDotsProps extends LoadingDefaultProps {
+}
+
+export interface CirclePulsingDotsProps {
+	width?: string | number;
+	height?: string | number;
+	className?: string;
+	rotationAnimationDuration?: number;
+	growingAnimationDuration?: number;
+	stroke?: string;
+	fill?: string;
+}
+
+export interface CircleSpinningDotProps extends LoadingDefaultProps {
+	trackClassName?: string;
+	trackStroke?: string;
+	trackFill?: string;
+}
+
+
+//Bars
+export interface LoadingBarsProps extends LoadingDefaultProps {
+}
+
+
+//Blocks
+export interface LoadingBlocksProps extends LoadingDefaultProps {
+}
+
+
+//Pulses
+export interface LoadingPulseProps extends LoadingDefaultProps {
+}
+
+
+//Various
+export interface LoadingVariousProps extends LoadingDefaultProps {
+}
+
+export interface LoadingWifiProps extends LoadingVariousProps {
+	fadeDuration?: number;
+}
diff --git a/lib/types/Message.d.ts b/lib/types/Message.d.ts
new file mode 100644
index 0000000..36a9e61
--- /dev/null
+++ b/lib/types/Message.d.ts
@@ -0,0 +1,7 @@
+import type { HTMLProps } from "react";
+
+
+export interface MessageBlockProps extends HTMLProps<HTMLDivElement> {
+	outline?: "none" | "sm" | "md" | "lg";
+	rounded?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
+}
diff --git a/lib/types/Modal.d.ts b/lib/types/Modal.d.ts
new file mode 100644
index 0000000..6984e12
--- /dev/null
+++ b/lib/types/Modal.d.ts
@@ -0,0 +1,32 @@
+export type ModalBackgroundType = "darken" | "lighten" | "blur" | "darken-blur" | "lighten-blur" | "darken-blur-radial" | "lighten-blur-radial" | "transparent" | "none";
+
+
+export interface ModalHeaderProps {
+	onClose?: () => void;
+	className?: string;
+	children: React.ReactNode;
+}
+
+export interface ModalFooterProps {
+	className?: string;
+	children: React.ReactNode;
+}
+
+export interface ModalBodyProps {
+	className?: string;
+	children: React.ReactNode;
+}
+
+export interface ModalProps {
+	display: boolean;
+	onClose: () => void;
+	className?: string;
+	backgroundType?: ModalBackgroundType;
+	top?: boolean;
+	children: React.ReactNode;
+}
+
+export interface ModalBackgroundProps {
+	backgroundType?: ModalBackgroundType;
+	close: () => void;
+}
diff --git a/lib/types/Nav.d.ts b/lib/types/Nav.d.ts
new file mode 100644
index 0000000..b4f2289
--- /dev/null
+++ b/lib/types/Nav.d.ts
@@ -0,0 +1,15 @@
+export type Align = "start" | "end";
+export type Placement = "top" | "bottom" | "left" | "right";
+export type AnchorTo = `${Placement}` | `${Placement} ${Align}`;
+
+
+export interface PopoverMenuProps {
+	buttonContent: React.ReactNode;
+	anchor?: AnchorTo;
+	children: React.ReactNode;
+}
+
+export interface NavBarProps {
+	className?: string;
+	children: React.ReactNode;
+}
diff --git a/lib/types/Tab.d.ts b/lib/types/Tab.d.ts
new file mode 100644
index 0000000..e92e175
--- /dev/null
+++ b/lib/types/Tab.d.ts
@@ -0,0 +1,25 @@
+export interface TabGroupContent {
+	tab: React.ReactNode;
+	content: React.ReactNode;
+}
+
+export interface MattrixwvTabGroupProps {
+	tabs: TabGroupContent[];
+	className?: string;
+}
+
+export interface MattrixwvTabListProps {
+	children: React.ReactNode;
+}
+
+export interface MattrixwvTabProps {
+	children: React.ReactNode;
+}
+
+export interface MattrixwvTabPanelsProps {
+	children: React.ReactNode;
+}
+
+export interface MattrixwvTabPanelProps {
+	children: React.ReactNode;
+}
diff --git a/lib/types/Theme.d.ts b/lib/types/Theme.d.ts
new file mode 100644
index 0000000..abba7ad
--- /dev/null
+++ b/lib/types/Theme.d.ts
@@ -0,0 +1,18 @@
+export type Theme = "dark" | "light" | "system";
+
+export interface ThemeProviderProps {
+	defaultTheme?: Theme;
+	storageKey?: string;
+	children: React.ReactNode;
+}
+
+export interface ThemeProviderState {
+	theme: Theme;
+	setTheme: (theme: Theme) => void;
+}
+
+export interface ThemeProviderProps {
+	children: React.ReactNode;
+	defaultTheme?: Theme;
+	storageKey?: string;
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..aceddf0
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,5891 @@
+{
+	"name": "mattrixwv-components",
+	"version": "0.0.0",
+	"lockfileVersion": 3,
+	"requires": true,
+	"packages": {
+		"": {
+			"name": "mattrixwv-components",
+			"version": "0.0.0",
+			"dependencies": {
+				"@headlessui/react": "^2.2.4",
+				"@tailwindcss/vite": "^4.1.10",
+				"@tanstack/react-router": "^1.124.0",
+				"@tanstack/react-router-devtools": "^1.124.0",
+				"@types/node": "^24.0.4",
+				"clsx": "^2.1.1",
+				"react": "^19.1.0",
+				"react-dom": "^19.1.0",
+				"react-icons": "^5.5.0",
+				"tailwindcss": "^4.1.10",
+				"vite-plugin-dts": "^4.5.4"
+			},
+			"devDependencies": {
+				"@eslint/js": "^9.29.0",
+				"@tanstack/eslint-plugin-router": "^1.121.21",
+				"@tanstack/router-plugin": "^1.124.0",
+				"@types/react": "^19.1.8",
+				"@types/react-dom": "^19.1.6",
+				"@vitejs/plugin-react": "^4.5.2",
+				"eslint": "^9.29.0",
+				"eslint-plugin-react-hooks": "^5.2.0",
+				"eslint-plugin-react-refresh": "^0.4.20",
+				"globals": "^16.2.0",
+				"typescript": "~5.8.3",
+				"typescript-eslint": "^8.34.1",
+				"vite": "^7.0.0"
+			}
+		},
+		"node_modules/@ampproject/remapping": {
+			"version": "2.3.0",
+			"resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+			"integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@jridgewell/gen-mapping": "^0.3.5",
+				"@jridgewell/trace-mapping": "^0.3.24"
+			},
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@babel/code-frame": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+			"integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-validator-identifier": "^7.27.1",
+				"js-tokens": "^4.0.0",
+				"picocolors": "^1.1.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/compat-data": {
+			"version": "7.27.5",
+			"resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.27.5.tgz",
+			"integrity": "sha512-KiRAp/VoJaWkkte84TvUd9qjdbZAdiqyvMxrGl1N6vzFogKmaLgoM3L1kgtLicp2HP5fBJS8JrZKLVIZGVJAVg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/core": {
+			"version": "7.28.0",
+			"resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.0.tgz",
+			"integrity": "sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@ampproject/remapping": "^2.2.0",
+				"@babel/code-frame": "^7.27.1",
+				"@babel/generator": "^7.28.0",
+				"@babel/helper-compilation-targets": "^7.27.2",
+				"@babel/helper-module-transforms": "^7.27.3",
+				"@babel/helpers": "^7.27.6",
+				"@babel/parser": "^7.28.0",
+				"@babel/template": "^7.27.2",
+				"@babel/traverse": "^7.28.0",
+				"@babel/types": "^7.28.0",
+				"convert-source-map": "^2.0.0",
+				"debug": "^4.1.0",
+				"gensync": "^1.0.0-beta.2",
+				"json5": "^2.2.3",
+				"semver": "^6.3.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/babel"
+			}
+		},
+		"node_modules/@babel/generator": {
+			"version": "7.28.0",
+			"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.0.tgz",
+			"integrity": "sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/parser": "^7.28.0",
+				"@babel/types": "^7.28.0",
+				"@jridgewell/gen-mapping": "^0.3.12",
+				"@jridgewell/trace-mapping": "^0.3.28",
+				"jsesc": "^3.0.2"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/generator/node_modules/@jridgewell/gen-mapping": {
+			"version": "0.3.12",
+			"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz",
+			"integrity": "sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.5.0",
+				"@jridgewell/trace-mapping": "^0.3.24"
+			}
+		},
+		"node_modules/@babel/generator/node_modules/@jridgewell/trace-mapping": {
+			"version": "0.3.29",
+			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz",
+			"integrity": "sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/resolve-uri": "^3.1.0",
+				"@jridgewell/sourcemap-codec": "^1.4.14"
+			}
+		},
+		"node_modules/@babel/helper-annotate-as-pure": {
+			"version": "7.27.3",
+			"resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
+			"integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/types": "^7.27.3"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-compilation-targets": {
+			"version": "7.27.2",
+			"resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+			"integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/compat-data": "^7.27.2",
+				"@babel/helper-validator-option": "^7.27.1",
+				"browserslist": "^4.24.0",
+				"lru-cache": "^5.1.1",
+				"semver": "^6.3.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-create-class-features-plugin": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz",
+			"integrity": "sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-annotate-as-pure": "^7.27.1",
+				"@babel/helper-member-expression-to-functions": "^7.27.1",
+				"@babel/helper-optimise-call-expression": "^7.27.1",
+				"@babel/helper-replace-supers": "^7.27.1",
+				"@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+				"@babel/traverse": "^7.27.1",
+				"semver": "^6.3.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"peerDependencies": {
+				"@babel/core": "^7.0.0"
+			}
+		},
+		"node_modules/@babel/helper-globals": {
+			"version": "7.28.0",
+			"resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+			"integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-member-expression-to-functions": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz",
+			"integrity": "sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/traverse": "^7.27.1",
+				"@babel/types": "^7.27.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-module-imports": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+			"integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/traverse": "^7.27.1",
+				"@babel/types": "^7.27.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-module-transforms": {
+			"version": "7.27.3",
+			"resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz",
+			"integrity": "sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-module-imports": "^7.27.1",
+				"@babel/helper-validator-identifier": "^7.27.1",
+				"@babel/traverse": "^7.27.3"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"peerDependencies": {
+				"@babel/core": "^7.0.0"
+			}
+		},
+		"node_modules/@babel/helper-optimise-call-expression": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz",
+			"integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/types": "^7.27.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-plugin-utils": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+			"integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-replace-supers": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz",
+			"integrity": "sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-member-expression-to-functions": "^7.27.1",
+				"@babel/helper-optimise-call-expression": "^7.27.1",
+				"@babel/traverse": "^7.27.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"peerDependencies": {
+				"@babel/core": "^7.0.0"
+			}
+		},
+		"node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz",
+			"integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/traverse": "^7.27.1",
+				"@babel/types": "^7.27.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-string-parser": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+			"integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-validator-identifier": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+			"integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helper-validator-option": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+			"integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/helpers": {
+			"version": "7.27.6",
+			"resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.27.6.tgz",
+			"integrity": "sha512-muE8Tt8M22638HU31A3CgfSUciwz1fhATfoVai05aPXGor//CdWDCbnlY1yvBPo07njuVOCNGCSp/GTt12lIug==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/template": "^7.27.2",
+				"@babel/types": "^7.27.6"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/parser": {
+			"version": "7.28.0",
+			"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.0.tgz",
+			"integrity": "sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/types": "^7.28.0"
+			},
+			"bin": {
+				"parser": "bin/babel-parser.js"
+			},
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@babel/plugin-syntax-jsx": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz",
+			"integrity": "sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-plugin-utils": "^7.27.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"peerDependencies": {
+				"@babel/core": "^7.0.0-0"
+			}
+		},
+		"node_modules/@babel/plugin-syntax-typescript": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz",
+			"integrity": "sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-plugin-utils": "^7.27.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"peerDependencies": {
+				"@babel/core": "^7.0.0-0"
+			}
+		},
+		"node_modules/@babel/plugin-transform-modules-commonjs": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz",
+			"integrity": "sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-module-transforms": "^7.27.1",
+				"@babel/helper-plugin-utils": "^7.27.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"peerDependencies": {
+				"@babel/core": "^7.0.0-0"
+			}
+		},
+		"node_modules/@babel/plugin-transform-react-jsx-self": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
+			"integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-plugin-utils": "^7.27.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"peerDependencies": {
+				"@babel/core": "^7.0.0-0"
+			}
+		},
+		"node_modules/@babel/plugin-transform-react-jsx-source": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
+			"integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-plugin-utils": "^7.27.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"peerDependencies": {
+				"@babel/core": "^7.0.0-0"
+			}
+		},
+		"node_modules/@babel/plugin-transform-typescript": {
+			"version": "7.28.0",
+			"resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.28.0.tgz",
+			"integrity": "sha512-4AEiDEBPIZvLQaWlc9liCavE0xRM0dNca41WtBeM3jgFptfUOSG9z0uteLhq6+3rq+WB6jIvUwKDTpXEHPJ2Vg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-annotate-as-pure": "^7.27.3",
+				"@babel/helper-create-class-features-plugin": "^7.27.1",
+				"@babel/helper-plugin-utils": "^7.27.1",
+				"@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+				"@babel/plugin-syntax-typescript": "^7.27.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"peerDependencies": {
+				"@babel/core": "^7.0.0-0"
+			}
+		},
+		"node_modules/@babel/preset-typescript": {
+			"version": "7.27.1",
+			"resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.27.1.tgz",
+			"integrity": "sha512-l7WfQfX0WK4M0v2RudjuQK4u99BS6yLHYEmdtVPP7lKV013zr9DygFuWNlnbvQ9LR+LS0Egz/XAvGx5U9MX0fQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-plugin-utils": "^7.27.1",
+				"@babel/helper-validator-option": "^7.27.1",
+				"@babel/plugin-syntax-jsx": "^7.27.1",
+				"@babel/plugin-transform-modules-commonjs": "^7.27.1",
+				"@babel/plugin-transform-typescript": "^7.27.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			},
+			"peerDependencies": {
+				"@babel/core": "^7.0.0-0"
+			}
+		},
+		"node_modules/@babel/template": {
+			"version": "7.27.2",
+			"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+			"integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/code-frame": "^7.27.1",
+				"@babel/parser": "^7.27.2",
+				"@babel/types": "^7.27.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/traverse": {
+			"version": "7.28.0",
+			"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.0.tgz",
+			"integrity": "sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/code-frame": "^7.27.1",
+				"@babel/generator": "^7.28.0",
+				"@babel/helper-globals": "^7.28.0",
+				"@babel/parser": "^7.28.0",
+				"@babel/template": "^7.27.2",
+				"@babel/types": "^7.28.0",
+				"debug": "^4.3.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@babel/types": {
+			"version": "7.28.0",
+			"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.0.tgz",
+			"integrity": "sha512-jYnje+JyZG5YThjHiF28oT4SIZLnYOcSBb6+SDaFIyzDVSkXQmQQYclJ2R+YxcdmK0AX6x1E5OQNtuh3jHDrUg==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/helper-string-parser": "^7.27.1",
+				"@babel/helper-validator-identifier": "^7.27.1"
+			},
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/@esbuild/aix-ppc64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.5.tgz",
+			"integrity": "sha512-9o3TMmpmftaCMepOdA5k/yDw8SfInyzWWTjYTFCX3kPSDJMROQTb8jg+h9Cnwnmm1vOzvxN7gIfB5V2ewpjtGA==",
+			"cpu": [
+				"ppc64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"aix"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/android-arm": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.5.tgz",
+			"integrity": "sha512-AdJKSPeEHgi7/ZhuIPtcQKr5RQdo6OO2IL87JkianiMYMPbCtot9fxPbrMiBADOWWm3T2si9stAiVsGbTQFkbA==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/android-arm64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.5.tgz",
+			"integrity": "sha512-VGzGhj4lJO+TVGV1v8ntCZWJktV7SGCs3Pn1GRWI1SBFtRALoomm8k5E9Pmwg3HOAal2VDc2F9+PM/rEY6oIDg==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/android-x64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.5.tgz",
+			"integrity": "sha512-D2GyJT1kjvO//drbRT3Hib9XPwQeWd9vZoBJn+bu/lVsOZ13cqNdDeqIF/xQ5/VmWvMduP6AmXvylO/PIc2isw==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/darwin-arm64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.5.tgz",
+			"integrity": "sha512-GtaBgammVvdF7aPIgH2jxMDdivezgFu6iKpmT+48+F8Hhg5J/sfnDieg0aeG/jfSvkYQU2/pceFPDKlqZzwnfQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/darwin-x64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.5.tgz",
+			"integrity": "sha512-1iT4FVL0dJ76/q1wd7XDsXrSW+oLoquptvh4CLR4kITDtqi2e/xwXwdCVH8hVHU43wgJdsq7Gxuzcs6Iq/7bxQ==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/freebsd-arm64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.5.tgz",
+			"integrity": "sha512-nk4tGP3JThz4La38Uy/gzyXtpkPW8zSAmoUhK9xKKXdBCzKODMc2adkB2+8om9BDYugz+uGV7sLmpTYzvmz6Sw==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/freebsd-x64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.5.tgz",
+			"integrity": "sha512-PrikaNjiXdR2laW6OIjlbeuCPrPaAl0IwPIaRv+SMV8CiM8i2LqVUHFC1+8eORgWyY7yhQY+2U2fA55mBzReaw==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-arm": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.5.tgz",
+			"integrity": "sha512-cPzojwW2okgh7ZlRpcBEtsX7WBuqbLrNXqLU89GxWbNt6uIg78ET82qifUy3W6OVww6ZWobWub5oqZOVtwolfw==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-arm64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.5.tgz",
+			"integrity": "sha512-Z9kfb1v6ZlGbWj8EJk9T6czVEjjq2ntSYLY2cw6pAZl4oKtfgQuS4HOq41M/BcoLPzrUbNd+R4BXFyH//nHxVg==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-ia32": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.5.tgz",
+			"integrity": "sha512-sQ7l00M8bSv36GLV95BVAdhJ2QsIbCuCjh/uYrWiMQSUuV+LpXwIqhgJDcvMTj+VsQmqAHL2yYaasENvJ7CDKA==",
+			"cpu": [
+				"ia32"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-loong64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.5.tgz",
+			"integrity": "sha512-0ur7ae16hDUC4OL5iEnDb0tZHDxYmuQyhKhsPBV8f99f6Z9KQM02g33f93rNH5A30agMS46u2HP6qTdEt6Q1kg==",
+			"cpu": [
+				"loong64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-mips64el": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.5.tgz",
+			"integrity": "sha512-kB/66P1OsHO5zLz0i6X0RxlQ+3cu0mkxS3TKFvkb5lin6uwZ/ttOkP3Z8lfR9mJOBk14ZwZ9182SIIWFGNmqmg==",
+			"cpu": [
+				"mips64el"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-ppc64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.5.tgz",
+			"integrity": "sha512-UZCmJ7r9X2fe2D6jBmkLBMQetXPXIsZjQJCjgwpVDz+YMcS6oFR27alkgGv3Oqkv07bxdvw7fyB71/olceJhkQ==",
+			"cpu": [
+				"ppc64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-riscv64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.5.tgz",
+			"integrity": "sha512-kTxwu4mLyeOlsVIFPfQo+fQJAV9mh24xL+y+Bm6ej067sYANjyEw1dNHmvoqxJUCMnkBdKpvOn0Ahql6+4VyeA==",
+			"cpu": [
+				"riscv64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-s390x": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.5.tgz",
+			"integrity": "sha512-K2dSKTKfmdh78uJ3NcWFiqyRrimfdinS5ErLSn3vluHNeHVnBAFWC8a4X5N+7FgVE1EjXS1QDZbpqZBjfrqMTQ==",
+			"cpu": [
+				"s390x"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/linux-x64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.5.tgz",
+			"integrity": "sha512-uhj8N2obKTE6pSZ+aMUbqq+1nXxNjZIIjCjGLfsWvVpy7gKCOL6rsY1MhRh9zLtUtAI7vpgLMK6DxjO8Qm9lJw==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/netbsd-arm64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.5.tgz",
+			"integrity": "sha512-pwHtMP9viAy1oHPvgxtOv+OkduK5ugofNTVDilIzBLpoWAM16r7b/mxBvfpuQDpRQFMfuVr5aLcn4yveGvBZvw==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/netbsd-x64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.5.tgz",
+			"integrity": "sha512-WOb5fKrvVTRMfWFNCroYWWklbnXH0Q5rZppjq0vQIdlsQKuw6mdSihwSo4RV/YdQ5UCKKvBy7/0ZZYLBZKIbwQ==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/openbsd-arm64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.5.tgz",
+			"integrity": "sha512-7A208+uQKgTxHd0G0uqZO8UjK2R0DDb4fDmERtARjSHWxqMTye4Erz4zZafx7Di9Cv+lNHYuncAkiGFySoD+Mw==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/openbsd-x64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.5.tgz",
+			"integrity": "sha512-G4hE405ErTWraiZ8UiSoesH8DaCsMm0Cay4fsFWOOUcz8b8rC6uCvnagr+gnioEjWn0wC+o1/TAHt+It+MpIMg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/sunos-x64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.5.tgz",
+			"integrity": "sha512-l+azKShMy7FxzY0Rj4RCt5VD/q8mG/e+mDivgspo+yL8zW7qEwctQ6YqKX34DTEleFAvCIUviCFX1SDZRSyMQA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"sunos"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/win32-arm64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.5.tgz",
+			"integrity": "sha512-O2S7SNZzdcFG7eFKgvwUEZ2VG9D/sn/eIiz8XRZ1Q/DO5a3s76Xv0mdBzVM5j5R639lXQmPmSo0iRpHqUUrsxw==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/win32-ia32": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.5.tgz",
+			"integrity": "sha512-onOJ02pqs9h1iMJ1PQphR+VZv8qBMQ77Klcsqv9CNW2w6yLqoURLcgERAIurY6QE63bbLuqgP9ATqajFLK5AMQ==",
+			"cpu": [
+				"ia32"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/win32-x64": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.5.tgz",
+			"integrity": "sha512-TXv6YnJ8ZMVdX+SXWVBo/0p8LTcrUYngpWjvm91TMjjBQii7Oz11Lw5lbDV5Y0TzuhSJHwiH4hEtC1I42mMS0g==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@eslint-community/eslint-utils": {
+			"version": "4.7.0",
+			"resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz",
+			"integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"eslint-visitor-keys": "^3.4.3"
+			},
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			},
+			"peerDependencies": {
+				"eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+			}
+		},
+		"node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+			"version": "3.4.3",
+			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+			"integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/@eslint-community/regexpp": {
+			"version": "4.12.1",
+			"resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+			"integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+			}
+		},
+		"node_modules/@eslint/config-array": {
+			"version": "0.20.1",
+			"resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.20.1.tgz",
+			"integrity": "sha512-OL0RJzC/CBzli0DrrR31qzj6d6i6Mm3HByuhflhl4LOBiWxN+3i6/t/ZQQNii4tjksXi8r2CRW1wMpWA2ULUEw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@eslint/object-schema": "^2.1.6",
+				"debug": "^4.3.1",
+				"minimatch": "^3.1.2"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@eslint/config-helpers": {
+			"version": "0.2.3",
+			"resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.2.3.tgz",
+			"integrity": "sha512-u180qk2Um1le4yf0ruXH3PYFeEZeYC3p/4wCTKrr2U1CmGdzGi3KtY0nuPDH48UJxlKCC5RDzbcbh4X0XlqgHg==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@eslint/core": {
+			"version": "0.14.0",
+			"resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.14.0.tgz",
+			"integrity": "sha512-qIbV0/JZr7iSDjqAc60IqbLdsj9GDt16xQtWD+B78d/HAlvysGdZZ6rpJHGAc2T0FQx1X6thsSPdnoiGKdNtdg==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@types/json-schema": "^7.0.15"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@eslint/eslintrc": {
+			"version": "3.3.1",
+			"resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.1.tgz",
+			"integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ajv": "^6.12.4",
+				"debug": "^4.3.2",
+				"espree": "^10.0.1",
+				"globals": "^14.0.0",
+				"ignore": "^5.2.0",
+				"import-fresh": "^3.2.1",
+				"js-yaml": "^4.1.0",
+				"minimatch": "^3.1.2",
+				"strip-json-comments": "^3.1.1"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/@eslint/eslintrc/node_modules/globals": {
+			"version": "14.0.0",
+			"resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+			"integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/@eslint/js": {
+			"version": "9.29.0",
+			"resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.29.0.tgz",
+			"integrity": "sha512-3PIF4cBw/y+1u2EazflInpV+lYsSG0aByVIQzAgb1m1MhHFSbqTyNqtBKHgWf/9Ykud+DhILS9EGkmekVhbKoQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://eslint.org/donate"
+			}
+		},
+		"node_modules/@eslint/object-schema": {
+			"version": "2.1.6",
+			"resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.6.tgz",
+			"integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@eslint/plugin-kit": {
+			"version": "0.3.3",
+			"resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.3.tgz",
+			"integrity": "sha512-1+WqvgNMhmlAambTvT3KPtCl/Ibr68VldY2XY40SL1CE0ZXiakFR/cbTspaF5HsnpDMvcYYoJHfl4980NBjGag==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@eslint/core": "^0.15.1",
+				"levn": "^0.4.1"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@eslint/plugin-kit/node_modules/@eslint/core": {
+			"version": "0.15.1",
+			"resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.1.tgz",
+			"integrity": "sha512-bkOp+iumZCCbt1K1CmWf0R9pM5yKpDv+ZXtvSyQpudrI9kuFLp+bM2WOPXImuD/ceQuaa8f5pj93Y7zyECIGNA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@types/json-schema": "^7.0.15"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@floating-ui/core": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.2.tgz",
+			"integrity": "sha512-wNB5ooIKHQc+Kui96jE/n69rHFWAVoxn5CAzL1Xdd8FG03cgY3MLO+GF9U3W737fYDSgPWA6MReKhBQBop6Pcw==",
+			"license": "MIT",
+			"dependencies": {
+				"@floating-ui/utils": "^0.2.10"
+			}
+		},
+		"node_modules/@floating-ui/dom": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.2.tgz",
+			"integrity": "sha512-7cfaOQuCS27HD7DX+6ib2OrnW+b4ZBwDNnCcT0uTyidcmyWb03FnQqJybDBoCnpdxwBSfA94UAYlRCt7mV+TbA==",
+			"license": "MIT",
+			"dependencies": {
+				"@floating-ui/core": "^1.7.2",
+				"@floating-ui/utils": "^0.2.10"
+			}
+		},
+		"node_modules/@floating-ui/react": {
+			"version": "0.26.28",
+			"resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.26.28.tgz",
+			"integrity": "sha512-yORQuuAtVpiRjpMhdc0wJj06b9JFjrYF4qp96j++v2NBpbi6SEGF7donUJ3TMieerQ6qVkAv1tgr7L4r5roTqw==",
+			"license": "MIT",
+			"dependencies": {
+				"@floating-ui/react-dom": "^2.1.2",
+				"@floating-ui/utils": "^0.2.8",
+				"tabbable": "^6.0.0"
+			},
+			"peerDependencies": {
+				"react": ">=16.8.0",
+				"react-dom": ">=16.8.0"
+			}
+		},
+		"node_modules/@floating-ui/react-dom": {
+			"version": "2.1.4",
+			"resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.4.tgz",
+			"integrity": "sha512-JbbpPhp38UmXDDAu60RJmbeme37Jbgsm7NrHGgzYYFKmblzRUh6Pa641dII6LsjwF4XlScDrde2UAzDo/b9KPw==",
+			"license": "MIT",
+			"dependencies": {
+				"@floating-ui/dom": "^1.7.2"
+			},
+			"peerDependencies": {
+				"react": ">=16.8.0",
+				"react-dom": ">=16.8.0"
+			}
+		},
+		"node_modules/@floating-ui/utils": {
+			"version": "0.2.10",
+			"resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
+			"integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
+			"license": "MIT"
+		},
+		"node_modules/@headlessui/react": {
+			"version": "2.2.4",
+			"resolved": "https://registry.npmjs.org/@headlessui/react/-/react-2.2.4.tgz",
+			"integrity": "sha512-lz+OGcAH1dK93rgSMzXmm1qKOJkBUqZf1L4M8TWLNplftQD3IkoEDdUFNfAn4ylsN6WOTVtWaLmvmaHOUk1dTA==",
+			"license": "MIT",
+			"dependencies": {
+				"@floating-ui/react": "^0.26.16",
+				"@react-aria/focus": "^3.20.2",
+				"@react-aria/interactions": "^3.25.0",
+				"@tanstack/react-virtual": "^3.13.9",
+				"use-sync-external-store": "^1.5.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"peerDependencies": {
+				"react": "^18 || ^19 || ^19.0.0-rc",
+				"react-dom": "^18 || ^19 || ^19.0.0-rc"
+			}
+		},
+		"node_modules/@humanfs/core": {
+			"version": "0.19.1",
+			"resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+			"integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=18.18.0"
+			}
+		},
+		"node_modules/@humanfs/node": {
+			"version": "0.16.6",
+			"resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz",
+			"integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@humanfs/core": "^0.19.1",
+				"@humanwhocodes/retry": "^0.3.0"
+			},
+			"engines": {
+				"node": ">=18.18.0"
+			}
+		},
+		"node_modules/@humanfs/node/node_modules/@humanwhocodes/retry": {
+			"version": "0.3.1",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz",
+			"integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=18.18"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/nzakas"
+			}
+		},
+		"node_modules/@humanwhocodes/module-importer": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+			"integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=12.22"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/nzakas"
+			}
+		},
+		"node_modules/@humanwhocodes/retry": {
+			"version": "0.4.3",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+			"integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=18.18"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/nzakas"
+			}
+		},
+		"node_modules/@isaacs/fs-minipass": {
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
+			"integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
+			"license": "ISC",
+			"dependencies": {
+				"minipass": "^7.0.4"
+			},
+			"engines": {
+				"node": ">=18.0.0"
+			}
+		},
+		"node_modules/@jridgewell/gen-mapping": {
+			"version": "0.3.8",
+			"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
+			"integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/set-array": "^1.2.1",
+				"@jridgewell/sourcemap-codec": "^1.4.10",
+				"@jridgewell/trace-mapping": "^0.3.24"
+			},
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@jridgewell/resolve-uri": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+			"integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@jridgewell/set-array": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+			"integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@jridgewell/sourcemap-codec": {
+			"version": "1.5.0",
+			"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+			"integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+			"license": "MIT"
+		},
+		"node_modules/@jridgewell/trace-mapping": {
+			"version": "0.3.25",
+			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+			"integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/resolve-uri": "^3.1.0",
+				"@jridgewell/sourcemap-codec": "^1.4.14"
+			}
+		},
+		"node_modules/@microsoft/api-extractor": {
+			"version": "7.52.8",
+			"resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.52.8.tgz",
+			"integrity": "sha512-cszYIcjiNscDoMB1CIKZ3My61+JOhpERGlGr54i6bocvGLrcL/wo9o+RNXMBrb7XgLtKaizZWUpqRduQuHQLdg==",
+			"license": "MIT",
+			"dependencies": {
+				"@microsoft/api-extractor-model": "7.30.6",
+				"@microsoft/tsdoc": "~0.15.1",
+				"@microsoft/tsdoc-config": "~0.17.1",
+				"@rushstack/node-core-library": "5.13.1",
+				"@rushstack/rig-package": "0.5.3",
+				"@rushstack/terminal": "0.15.3",
+				"@rushstack/ts-command-line": "5.0.1",
+				"lodash": "~4.17.15",
+				"minimatch": "~3.0.3",
+				"resolve": "~1.22.1",
+				"semver": "~7.5.4",
+				"source-map": "~0.6.1",
+				"typescript": "5.8.2"
+			},
+			"bin": {
+				"api-extractor": "bin/api-extractor"
+			}
+		},
+		"node_modules/@microsoft/api-extractor-model": {
+			"version": "7.30.6",
+			"resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.30.6.tgz",
+			"integrity": "sha512-znmFn69wf/AIrwHya3fxX6uB5etSIn6vg4Q4RB/tb5VDDs1rqREc+AvMC/p19MUN13CZ7+V/8pkYPTj7q8tftg==",
+			"license": "MIT",
+			"dependencies": {
+				"@microsoft/tsdoc": "~0.15.1",
+				"@microsoft/tsdoc-config": "~0.17.1",
+				"@rushstack/node-core-library": "5.13.1"
+			}
+		},
+		"node_modules/@microsoft/api-extractor/node_modules/lru-cache": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+			"integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+			"license": "ISC",
+			"dependencies": {
+				"yallist": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@microsoft/api-extractor/node_modules/minimatch": {
+			"version": "3.0.8",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.8.tgz",
+			"integrity": "sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==",
+			"license": "ISC",
+			"dependencies": {
+				"brace-expansion": "^1.1.7"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/@microsoft/api-extractor/node_modules/semver": {
+			"version": "7.5.4",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+			"integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+			"license": "ISC",
+			"dependencies": {
+				"lru-cache": "^6.0.0"
+			},
+			"bin": {
+				"semver": "bin/semver.js"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@microsoft/api-extractor/node_modules/typescript": {
+			"version": "5.8.2",
+			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
+			"integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
+			"license": "Apache-2.0",
+			"bin": {
+				"tsc": "bin/tsc",
+				"tsserver": "bin/tsserver"
+			},
+			"engines": {
+				"node": ">=14.17"
+			}
+		},
+		"node_modules/@microsoft/api-extractor/node_modules/yallist": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+			"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+			"license": "ISC"
+		},
+		"node_modules/@microsoft/tsdoc": {
+			"version": "0.15.1",
+			"resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.15.1.tgz",
+			"integrity": "sha512-4aErSrCR/On/e5G2hDP0wjooqDdauzEbIq8hIkIe5pXV0rtWJZvdCEKL0ykZxex+IxIwBp0eGeV48hQN07dXtw==",
+			"license": "MIT"
+		},
+		"node_modules/@microsoft/tsdoc-config": {
+			"version": "0.17.1",
+			"resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.17.1.tgz",
+			"integrity": "sha512-UtjIFe0C6oYgTnad4q1QP4qXwLhe6tIpNTRStJ2RZEPIkqQPREAwE5spzVxsdn9UaEMUqhh0AqSx3X4nWAKXWw==",
+			"license": "MIT",
+			"dependencies": {
+				"@microsoft/tsdoc": "0.15.1",
+				"ajv": "~8.12.0",
+				"jju": "~1.4.0",
+				"resolve": "~1.22.2"
+			}
+		},
+		"node_modules/@microsoft/tsdoc-config/node_modules/ajv": {
+			"version": "8.12.0",
+			"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+			"integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+			"license": "MIT",
+			"dependencies": {
+				"fast-deep-equal": "^3.1.1",
+				"json-schema-traverse": "^1.0.0",
+				"require-from-string": "^2.0.2",
+				"uri-js": "^4.2.2"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/epoberezkin"
+			}
+		},
+		"node_modules/@microsoft/tsdoc-config/node_modules/json-schema-traverse": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+			"integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+			"license": "MIT"
+		},
+		"node_modules/@nodelib/fs.scandir": {
+			"version": "2.1.5",
+			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+			"integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@nodelib/fs.stat": "2.0.5",
+				"run-parallel": "^1.1.9"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/@nodelib/fs.stat": {
+			"version": "2.0.5",
+			"resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+			"integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/@nodelib/fs.walk": {
+			"version": "1.2.8",
+			"resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+			"integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@nodelib/fs.scandir": "2.1.5",
+				"fastq": "^1.6.0"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/@react-aria/focus": {
+			"version": "3.20.5",
+			"resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.20.5.tgz",
+			"integrity": "sha512-JpFtXmWQ0Oca7FcvkqgjSyo6xEP7v3oQOLUId6o0xTvm4AD5W0mU2r3lYrbhsJ+XxdUUX4AVR5473sZZ85kU4A==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@react-aria/interactions": "^3.25.3",
+				"@react-aria/utils": "^3.29.1",
+				"@react-types/shared": "^3.30.0",
+				"@swc/helpers": "^0.5.0",
+				"clsx": "^2.0.0"
+			},
+			"peerDependencies": {
+				"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+				"react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+			}
+		},
+		"node_modules/@react-aria/interactions": {
+			"version": "3.25.3",
+			"resolved": "https://registry.npmjs.org/@react-aria/interactions/-/interactions-3.25.3.tgz",
+			"integrity": "sha512-J1bhlrNtjPS/fe5uJQ+0c7/jiXniwa4RQlP+Emjfc/iuqpW2RhbF9ou5vROcLzWIyaW8tVMZ468J68rAs/aZ5A==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@react-aria/ssr": "^3.9.9",
+				"@react-aria/utils": "^3.29.1",
+				"@react-stately/flags": "^3.1.2",
+				"@react-types/shared": "^3.30.0",
+				"@swc/helpers": "^0.5.0"
+			},
+			"peerDependencies": {
+				"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+				"react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+			}
+		},
+		"node_modules/@react-aria/ssr": {
+			"version": "3.9.9",
+			"resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.9.tgz",
+			"integrity": "sha512-2P5thfjfPy/np18e5wD4WPt8ydNXhij1jwA8oehxZTFqlgVMGXzcWKxTb4RtJrLFsqPO7RUQTiY8QJk0M4Vy2g==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@swc/helpers": "^0.5.0"
+			},
+			"engines": {
+				"node": ">= 12"
+			},
+			"peerDependencies": {
+				"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+			}
+		},
+		"node_modules/@react-aria/utils": {
+			"version": "3.29.1",
+			"resolved": "https://registry.npmjs.org/@react-aria/utils/-/utils-3.29.1.tgz",
+			"integrity": "sha512-yXMFVJ73rbQ/yYE/49n5Uidjw7kh192WNN9PNQGV0Xoc7EJUlSOxqhnpHmYTyO0EotJ8fdM1fMH8durHjUSI8g==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@react-aria/ssr": "^3.9.9",
+				"@react-stately/flags": "^3.1.2",
+				"@react-stately/utils": "^3.10.7",
+				"@react-types/shared": "^3.30.0",
+				"@swc/helpers": "^0.5.0",
+				"clsx": "^2.0.0"
+			},
+			"peerDependencies": {
+				"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+				"react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+			}
+		},
+		"node_modules/@react-stately/flags": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/@react-stately/flags/-/flags-3.1.2.tgz",
+			"integrity": "sha512-2HjFcZx1MyQXoPqcBGALwWWmgFVUk2TuKVIQxCbRq7fPyWXIl6VHcakCLurdtYC2Iks7zizvz0Idv48MQ38DWg==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@swc/helpers": "^0.5.0"
+			}
+		},
+		"node_modules/@react-stately/utils": {
+			"version": "3.10.7",
+			"resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.10.7.tgz",
+			"integrity": "sha512-cWvjGAocvy4abO9zbr6PW6taHgF24Mwy/LbQ4TC4Aq3tKdKDntxyD+sh7AkSRfJRT2ccMVaHVv2+FfHThd3PKQ==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@swc/helpers": "^0.5.0"
+			},
+			"peerDependencies": {
+				"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+			}
+		},
+		"node_modules/@react-types/shared": {
+			"version": "3.30.0",
+			"resolved": "https://registry.npmjs.org/@react-types/shared/-/shared-3.30.0.tgz",
+			"integrity": "sha512-COIazDAx1ncDg046cTJ8SFYsX8aS3lB/08LDnbkH/SkdYrFPWDlXMrO/sUam8j1WWM+PJ+4d1mj7tODIKNiFog==",
+			"license": "Apache-2.0",
+			"peerDependencies": {
+				"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+			}
+		},
+		"node_modules/@rolldown/pluginutils": {
+			"version": "1.0.0-beta.19",
+			"resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.19.tgz",
+			"integrity": "sha512-3FL3mnMbPu0muGOCaKAhhFEYmqv9eTfPSJRJmANrCwtgK8VuxpsZDGK+m0LYAGoyO8+0j5uRe4PeyPDK1yA/hA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@rollup/pluginutils": {
+			"version": "5.2.0",
+			"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.2.0.tgz",
+			"integrity": "sha512-qWJ2ZTbmumwiLFomfzTyt5Kng4hwPi9rwCYN4SHb6eaRU1KNO4ccxINHr/VhH4GgPlt1XfSTLX2LBTme8ne4Zw==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/estree": "^1.0.0",
+				"estree-walker": "^2.0.2",
+				"picomatch": "^4.0.2"
+			},
+			"engines": {
+				"node": ">=14.0.0"
+			},
+			"peerDependencies": {
+				"rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+			},
+			"peerDependenciesMeta": {
+				"rollup": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@rollup/pluginutils/node_modules/picomatch": {
+			"version": "4.0.2",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+			"integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/@rollup/rollup-android-arm-eabi": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.44.0.tgz",
+			"integrity": "sha512-xEiEE5oDW6tK4jXCAyliuntGR+amEMO7HLtdSshVuhFnKTYoeYMyXQK7pLouAJJj5KHdwdn87bfHAR2nSdNAUA==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			]
+		},
+		"node_modules/@rollup/rollup-android-arm64": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.44.0.tgz",
+			"integrity": "sha512-uNSk/TgvMbskcHxXYHzqwiyBlJ/lGcv8DaUfcnNwict8ba9GTTNxfn3/FAoFZYgkaXXAdrAA+SLyKplyi349Jw==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			]
+		},
+		"node_modules/@rollup/rollup-darwin-arm64": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.44.0.tgz",
+			"integrity": "sha512-VGF3wy0Eq1gcEIkSCr8Ke03CWT+Pm2yveKLaDvq51pPpZza3JX/ClxXOCmTYYq3us5MvEuNRTaeyFThCKRQhOA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@rollup/rollup-darwin-x64": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.44.0.tgz",
+			"integrity": "sha512-fBkyrDhwquRvrTxSGH/qqt3/T0w5Rg0L7ZIDypvBPc1/gzjJle6acCpZ36blwuwcKD/u6oCE/sRWlUAcxLWQbQ==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@rollup/rollup-freebsd-arm64": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.44.0.tgz",
+			"integrity": "sha512-u5AZzdQJYJXByB8giQ+r4VyfZP+walV+xHWdaFx/1VxsOn6eWJhK2Vl2eElvDJFKQBo/hcYIBg/jaKS8ZmKeNQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			]
+		},
+		"node_modules/@rollup/rollup-freebsd-x64": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.44.0.tgz",
+			"integrity": "sha512-qC0kS48c/s3EtdArkimctY7h3nHicQeEUdjJzYVJYR3ct3kWSafmn6jkNCA8InbUdge6PVx6keqjk5lVGJf99g==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.44.0.tgz",
+			"integrity": "sha512-x+e/Z9H0RAWckn4V2OZZl6EmV0L2diuX3QB0uM1r6BvhUIv6xBPL5mrAX2E3e8N8rEHVPwFfz/ETUbV4oW9+lQ==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm-musleabihf": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.44.0.tgz",
+			"integrity": "sha512-1exwiBFf4PU/8HvI8s80icyCcnAIB86MCBdst51fwFmH5dyeoWVPVgmQPcKrMtBQ0W5pAs7jBCWuRXgEpRzSCg==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm64-gnu": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.44.0.tgz",
+			"integrity": "sha512-ZTR2mxBHb4tK4wGf9b8SYg0Y6KQPjGpR4UWwTFdnmjB4qRtoATZ5dWn3KsDwGa5Z2ZBOE7K52L36J9LueKBdOQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm64-musl": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.44.0.tgz",
+			"integrity": "sha512-GFWfAhVhWGd4r6UxmnKRTBwP1qmModHtd5gkraeW2G490BpFOZkFtem8yuX2NyafIP/mGpRJgTJ2PwohQkUY/Q==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.44.0.tgz",
+			"integrity": "sha512-xw+FTGcov/ejdusVOqKgMGW3c4+AgqrfvzWEVXcNP6zq2ue+lsYUgJ+5Rtn/OTJf7e2CbgTFvzLW2j0YAtj0Gg==",
+			"cpu": [
+				"loong64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.44.0.tgz",
+			"integrity": "sha512-bKGibTr9IdF0zr21kMvkZT4K6NV+jjRnBoVMt2uNMG0BYWm3qOVmYnXKzx7UhwrviKnmK46IKMByMgvpdQlyJQ==",
+			"cpu": [
+				"ppc64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-riscv64-gnu": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.44.0.tgz",
+			"integrity": "sha512-vV3cL48U5kDaKZtXrti12YRa7TyxgKAIDoYdqSIOMOFBXqFj2XbChHAtXquEn2+n78ciFgr4KIqEbydEGPxXgA==",
+			"cpu": [
+				"riscv64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-riscv64-musl": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.44.0.tgz",
+			"integrity": "sha512-TDKO8KlHJuvTEdfw5YYFBjhFts2TR0VpZsnLLSYmB7AaohJhM8ctDSdDnUGq77hUh4m/djRafw+9zQpkOanE2Q==",
+			"cpu": [
+				"riscv64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-s390x-gnu": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.44.0.tgz",
+			"integrity": "sha512-8541GEyktXaw4lvnGp9m84KENcxInhAt6vPWJ9RodsB/iGjHoMB2Pp5MVBCiKIRxrxzJhGCxmNzdu+oDQ7kwRA==",
+			"cpu": [
+				"s390x"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-x64-gnu": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.44.0.tgz",
+			"integrity": "sha512-iUVJc3c0o8l9Sa/qlDL2Z9UP92UZZW1+EmQ4xfjTc1akr0iUFZNfxrXJ/R1T90h/ILm9iXEY6+iPrmYB3pXKjw==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-x64-musl": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.44.0.tgz",
+			"integrity": "sha512-PQUobbhLTQT5yz/SPg116VJBgz+XOtXt8D1ck+sfJJhuEsMj2jSej5yTdp8CvWBSceu+WW+ibVL6dm0ptG5fcA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-arm64-msvc": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.44.0.tgz",
+			"integrity": "sha512-M0CpcHf8TWn+4oTxJfh7LQuTuaYeXGbk0eageVjQCKzYLsajWS/lFC94qlRqOlyC2KvRT90ZrfXULYmukeIy7w==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-ia32-msvc": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.44.0.tgz",
+			"integrity": "sha512-3XJ0NQtMAXTWFW8FqZKcw3gOQwBtVWP/u8TpHP3CRPXD7Pd6s8lLdH3sHWh8vqKCyyiI8xW5ltJScQmBU9j7WA==",
+			"cpu": [
+				"ia32"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-x64-msvc": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.44.0.tgz",
+			"integrity": "sha512-Q2Mgwt+D8hd5FIPUuPDsvPR7Bguza6yTkJxspDGkZj7tBRn2y4KSWYuIXpftFSjBra76TbKerCV7rgFPQrn+wQ==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rushstack/node-core-library": {
+			"version": "5.13.1",
+			"resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.13.1.tgz",
+			"integrity": "sha512-5yXhzPFGEkVc9Fu92wsNJ9jlvdwz4RNb2bMso+/+TH0nMm1jDDDsOIf4l8GAkPxGuwPw5DH24RliWVfSPhlW/Q==",
+			"license": "MIT",
+			"dependencies": {
+				"ajv": "~8.13.0",
+				"ajv-draft-04": "~1.0.0",
+				"ajv-formats": "~3.0.1",
+				"fs-extra": "~11.3.0",
+				"import-lazy": "~4.0.0",
+				"jju": "~1.4.0",
+				"resolve": "~1.22.1",
+				"semver": "~7.5.4"
+			},
+			"peerDependencies": {
+				"@types/node": "*"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@rushstack/node-core-library/node_modules/ajv": {
+			"version": "8.13.0",
+			"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.13.0.tgz",
+			"integrity": "sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==",
+			"license": "MIT",
+			"dependencies": {
+				"fast-deep-equal": "^3.1.3",
+				"json-schema-traverse": "^1.0.0",
+				"require-from-string": "^2.0.2",
+				"uri-js": "^4.4.1"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/epoberezkin"
+			}
+		},
+		"node_modules/@rushstack/node-core-library/node_modules/ajv-draft-04": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/ajv-draft-04/-/ajv-draft-04-1.0.0.tgz",
+			"integrity": "sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==",
+			"license": "MIT",
+			"peerDependencies": {
+				"ajv": "^8.5.0"
+			},
+			"peerDependenciesMeta": {
+				"ajv": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@rushstack/node-core-library/node_modules/json-schema-traverse": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+			"integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+			"license": "MIT"
+		},
+		"node_modules/@rushstack/node-core-library/node_modules/lru-cache": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+			"integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+			"license": "ISC",
+			"dependencies": {
+				"yallist": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@rushstack/node-core-library/node_modules/semver": {
+			"version": "7.5.4",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+			"integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+			"license": "ISC",
+			"dependencies": {
+				"lru-cache": "^6.0.0"
+			},
+			"bin": {
+				"semver": "bin/semver.js"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@rushstack/node-core-library/node_modules/yallist": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+			"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+			"license": "ISC"
+		},
+		"node_modules/@rushstack/rig-package": {
+			"version": "0.5.3",
+			"resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.5.3.tgz",
+			"integrity": "sha512-olzSSjYrvCNxUFZowevC3uz8gvKr3WTpHQ7BkpjtRpA3wK+T0ybep/SRUMfr195gBzJm5gaXw0ZMgjIyHqJUow==",
+			"license": "MIT",
+			"dependencies": {
+				"resolve": "~1.22.1",
+				"strip-json-comments": "~3.1.1"
+			}
+		},
+		"node_modules/@rushstack/terminal": {
+			"version": "0.15.3",
+			"resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.15.3.tgz",
+			"integrity": "sha512-DGJ0B2Vm69468kZCJkPj3AH5nN+nR9SPmC0rFHtzsS4lBQ7/dgOwtwVxYP7W9JPDMuRBkJ4KHmWKr036eJsj9g==",
+			"license": "MIT",
+			"dependencies": {
+				"@rushstack/node-core-library": "5.13.1",
+				"supports-color": "~8.1.1"
+			},
+			"peerDependencies": {
+				"@types/node": "*"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@rushstack/terminal/node_modules/supports-color": {
+			"version": "8.1.1",
+			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+			"integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+			"license": "MIT",
+			"dependencies": {
+				"has-flag": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/supports-color?sponsor=1"
+			}
+		},
+		"node_modules/@rushstack/ts-command-line": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-5.0.1.tgz",
+			"integrity": "sha512-bsbUucn41UXrQK7wgM8CNM/jagBytEyJqXw/umtI8d68vFm1Jwxh1OtLrlW7uGZgjCWiiPH6ooUNa1aVsuVr3Q==",
+			"license": "MIT",
+			"dependencies": {
+				"@rushstack/terminal": "0.15.3",
+				"@types/argparse": "1.0.38",
+				"argparse": "~1.0.9",
+				"string-argv": "~0.3.1"
+			}
+		},
+		"node_modules/@rushstack/ts-command-line/node_modules/argparse": {
+			"version": "1.0.10",
+			"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+			"integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+			"license": "MIT",
+			"dependencies": {
+				"sprintf-js": "~1.0.2"
+			}
+		},
+		"node_modules/@swc/helpers": {
+			"version": "0.5.17",
+			"resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.17.tgz",
+			"integrity": "sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"tslib": "^2.8.0"
+			}
+		},
+		"node_modules/@tailwindcss/node": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.10.tgz",
+			"integrity": "sha512-2ACf1znY5fpRBwRhMgj9ZXvb2XZW8qs+oTfotJ2C5xR0/WNL7UHZ7zXl6s+rUqedL1mNi+0O+WQr5awGowS3PQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@ampproject/remapping": "^2.3.0",
+				"enhanced-resolve": "^5.18.1",
+				"jiti": "^2.4.2",
+				"lightningcss": "1.30.1",
+				"magic-string": "^0.30.17",
+				"source-map-js": "^1.2.1",
+				"tailwindcss": "4.1.10"
+			}
+		},
+		"node_modules/@tailwindcss/oxide": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.10.tgz",
+			"integrity": "sha512-v0C43s7Pjw+B9w21htrQwuFObSkio2aV/qPx/mhrRldbqxbWJK6KizM+q7BF1/1CmuLqZqX3CeYF7s7P9fbA8Q==",
+			"hasInstallScript": true,
+			"license": "MIT",
+			"dependencies": {
+				"detect-libc": "^2.0.4",
+				"tar": "^7.4.3"
+			},
+			"engines": {
+				"node": ">= 10"
+			},
+			"optionalDependencies": {
+				"@tailwindcss/oxide-android-arm64": "4.1.10",
+				"@tailwindcss/oxide-darwin-arm64": "4.1.10",
+				"@tailwindcss/oxide-darwin-x64": "4.1.10",
+				"@tailwindcss/oxide-freebsd-x64": "4.1.10",
+				"@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.10",
+				"@tailwindcss/oxide-linux-arm64-gnu": "4.1.10",
+				"@tailwindcss/oxide-linux-arm64-musl": "4.1.10",
+				"@tailwindcss/oxide-linux-x64-gnu": "4.1.10",
+				"@tailwindcss/oxide-linux-x64-musl": "4.1.10",
+				"@tailwindcss/oxide-wasm32-wasi": "4.1.10",
+				"@tailwindcss/oxide-win32-arm64-msvc": "4.1.10",
+				"@tailwindcss/oxide-win32-x64-msvc": "4.1.10"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-android-arm64": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.10.tgz",
+			"integrity": "sha512-VGLazCoRQ7rtsCzThaI1UyDu/XRYVyH4/EWiaSX6tFglE+xZB5cvtC5Omt0OQ+FfiIVP98su16jDVHDEIuH4iQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">= 10"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-darwin-arm64": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.10.tgz",
+			"integrity": "sha512-ZIFqvR1irX2yNjWJzKCqTCcHZbgkSkSkZKbRM3BPzhDL/18idA8uWCoopYA2CSDdSGFlDAxYdU2yBHwAwx8euQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">= 10"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-darwin-x64": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.10.tgz",
+			"integrity": "sha512-eCA4zbIhWUFDXoamNztmS0MjXHSEJYlvATzWnRiTqJkcUteSjO94PoRHJy1Xbwp9bptjeIxxBHh+zBWFhttbrQ==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">= 10"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-freebsd-x64": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.10.tgz",
+			"integrity": "sha512-8/392Xu12R0cc93DpiJvNpJ4wYVSiciUlkiOHOSOQNH3adq9Gi/dtySK7dVQjXIOzlpSHjeCL89RUUI8/GTI6g==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">= 10"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.10.tgz",
+			"integrity": "sha512-t9rhmLT6EqeuPT+MXhWhlRYIMSfh5LZ6kBrC4FS6/+M1yXwfCtp24UumgCWOAJVyjQwG+lYva6wWZxrfvB+NhQ==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 10"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.10.tgz",
+			"integrity": "sha512-3oWrlNlxLRxXejQ8zImzrVLuZ/9Z2SeKoLhtCu0hpo38hTO2iL86eFOu4sVR8cZc6n3z7eRXXqtHJECa6mFOvA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 10"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.10.tgz",
+			"integrity": "sha512-saScU0cmWvg/Ez4gUmQWr9pvY9Kssxt+Xenfx1LG7LmqjcrvBnw4r9VjkFcqmbBb7GCBwYNcZi9X3/oMda9sqQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 10"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.10.tgz",
+			"integrity": "sha512-/G3ao/ybV9YEEgAXeEg28dyH6gs1QG8tvdN9c2MNZdUXYBaIY/Gx0N6RlJzfLy/7Nkdok4kaxKPHKJUlAaoTdA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 10"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-linux-x64-musl": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.10.tgz",
+			"integrity": "sha512-LNr7X8fTiKGRtQGOerSayc2pWJp/9ptRYAa4G+U+cjw9kJZvkopav1AQc5HHD+U364f71tZv6XamaHKgrIoVzA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 10"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-wasm32-wasi": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.10.tgz",
+			"integrity": "sha512-d6ekQpopFQJAcIK2i7ZzWOYGZ+A6NzzvQ3ozBvWFdeyqfOZdYHU66g5yr+/HC4ipP1ZgWsqa80+ISNILk+ae/Q==",
+			"bundleDependencies": [
+				"@napi-rs/wasm-runtime",
+				"@emnapi/core",
+				"@emnapi/runtime",
+				"@tybys/wasm-util",
+				"@emnapi/wasi-threads",
+				"tslib"
+			],
+			"cpu": [
+				"wasm32"
+			],
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"@emnapi/core": "^1.4.3",
+				"@emnapi/runtime": "^1.4.3",
+				"@emnapi/wasi-threads": "^1.0.2",
+				"@napi-rs/wasm-runtime": "^0.2.10",
+				"@tybys/wasm-util": "^0.9.0",
+				"tslib": "^2.8.0"
+			},
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.10.tgz",
+			"integrity": "sha512-i1Iwg9gRbwNVOCYmnigWCCgow8nDWSFmeTUU5nbNx3rqbe4p0kRbEqLwLJbYZKmSSp23g4N6rCDmm7OuPBXhDA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">= 10"
+			}
+		},
+		"node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.10.tgz",
+			"integrity": "sha512-sGiJTjcBSfGq2DVRtaSljq5ZgZS2SDHSIfhOylkBvHVjwOsodBhnb3HdmiKkVuUGKD0I7G63abMOVaskj1KpOA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">= 10"
+			}
+		},
+		"node_modules/@tailwindcss/vite": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.1.10.tgz",
+			"integrity": "sha512-QWnD5HDY2IADv+vYR82lOhqOlS1jSCUUAmfem52cXAhRTKxpDh3ARX8TTXJTCCO7Rv7cD2Nlekabv02bwP3a2A==",
+			"license": "MIT",
+			"dependencies": {
+				"@tailwindcss/node": "4.1.10",
+				"@tailwindcss/oxide": "4.1.10",
+				"tailwindcss": "4.1.10"
+			},
+			"peerDependencies": {
+				"vite": "^5.2.0 || ^6"
+			}
+		},
+		"node_modules/@tanstack/eslint-plugin-router": {
+			"version": "1.121.21",
+			"resolved": "https://registry.npmjs.org/@tanstack/eslint-plugin-router/-/eslint-plugin-router-1.121.21.tgz",
+			"integrity": "sha512-j+FDQxGfOKh9l9VVxIqeZCy0xZw8RiQnTraPM9V6XdlKLXC2/bFxsquXf0DmNqgf3Lnh72VBHQmaeXz26yYYZA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/utils": "^8.23.0"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			},
+			"peerDependencies": {
+				"eslint": "^8.57.0 || ^9.0.0"
+			}
+		},
+		"node_modules/@tanstack/history": {
+			"version": "1.121.34",
+			"resolved": "https://registry.npmjs.org/@tanstack/history/-/history-1.121.34.tgz",
+			"integrity": "sha512-YL8dGi5ZU+xvtav2boRlw4zrRghkY6hvdcmHhA0RGSJ/CBgzv+cbADW9eYJLx74XMZvIQ1pp6VMbrpXnnM5gHA==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			}
+		},
+		"node_modules/@tanstack/react-router": {
+			"version": "1.124.0",
+			"resolved": "https://registry.npmjs.org/@tanstack/react-router/-/react-router-1.124.0.tgz",
+			"integrity": "sha512-jJxuLbPP/Cxirnft3CoiGWyH0aj94VTmLNcYauvjTGRNbUitK4udvGaHXVEP8bcifYvpko7ptsqqBlisaosugA==",
+			"license": "MIT",
+			"dependencies": {
+				"@tanstack/history": "1.121.34",
+				"@tanstack/react-store": "^0.7.0",
+				"@tanstack/router-core": "1.124.0",
+				"isbot": "^5.1.22",
+				"jsesc": "^3.1.0",
+				"tiny-invariant": "^1.3.3",
+				"tiny-warning": "^1.0.3"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			},
+			"peerDependencies": {
+				"react": ">=18.0.0 || >=19.0.0",
+				"react-dom": ">=18.0.0 || >=19.0.0"
+			}
+		},
+		"node_modules/@tanstack/react-router-devtools": {
+			"version": "1.124.0",
+			"resolved": "https://registry.npmjs.org/@tanstack/react-router-devtools/-/react-router-devtools-1.124.0.tgz",
+			"integrity": "sha512-CpOUUvtOYfLQEQS/ikGL9FQgEgYzBOKq9/2LqqFDXhZZgCVW18rBvR3LZeejkYSHAWlRphG33sdXCYVRM02sZQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@tanstack/router-devtools-core": "^1.124.0"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			},
+			"peerDependencies": {
+				"@tanstack/react-router": "^1.124.0",
+				"react": ">=18.0.0 || >=19.0.0",
+				"react-dom": ">=18.0.0 || >=19.0.0"
+			}
+		},
+		"node_modules/@tanstack/react-store": {
+			"version": "0.7.1",
+			"resolved": "https://registry.npmjs.org/@tanstack/react-store/-/react-store-0.7.1.tgz",
+			"integrity": "sha512-qUTEKdId6QPWGiWyKAPf/gkN29scEsz6EUSJ0C3HgLMgaqTAyBsQ2sMCfGVcqb+kkhEXAdjleCgH6LAPD6f2sA==",
+			"license": "MIT",
+			"dependencies": {
+				"@tanstack/store": "0.7.1",
+				"use-sync-external-store": "^1.5.0"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			},
+			"peerDependencies": {
+				"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+				"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+			}
+		},
+		"node_modules/@tanstack/react-virtual": {
+			"version": "3.13.12",
+			"resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.12.tgz",
+			"integrity": "sha512-Gd13QdxPSukP8ZrkbgS2RwoZseTTbQPLnQEn7HY/rqtM+8Zt95f7xKC7N0EsKs7aoz0WzZ+fditZux+F8EzYxA==",
+			"license": "MIT",
+			"dependencies": {
+				"@tanstack/virtual-core": "3.13.12"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			},
+			"peerDependencies": {
+				"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+				"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+			}
+		},
+		"node_modules/@tanstack/router-core": {
+			"version": "1.124.0",
+			"resolved": "https://registry.npmjs.org/@tanstack/router-core/-/router-core-1.124.0.tgz",
+			"integrity": "sha512-mU2KA2v+ZFWC3NIjY2y+pPCx1sZDXPsUkzPjPPZxRgonE11nIu9MB89WuukqYuPbxoSWeodKNXsLe4KksGFCKA==",
+			"license": "MIT",
+			"dependencies": {
+				"@tanstack/history": "1.121.34",
+				"@tanstack/store": "^0.7.0",
+				"cookie-es": "^1.2.2",
+				"jsesc": "^3.1.0",
+				"tiny-invariant": "^1.3.3",
+				"tiny-warning": "^1.0.3"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			}
+		},
+		"node_modules/@tanstack/router-devtools-core": {
+			"version": "1.124.0",
+			"resolved": "https://registry.npmjs.org/@tanstack/router-devtools-core/-/router-devtools-core-1.124.0.tgz",
+			"integrity": "sha512-F4xejY63XrQmQZ8q6IJmLHJGeow/5CzdCAWChYEHIFy9SWYiFMMvdGFpB8SReJuwld+eoHvvtp2qhUqNloqzRA==",
+			"license": "MIT",
+			"dependencies": {
+				"clsx": "^2.1.1",
+				"goober": "^2.1.16",
+				"solid-js": "^1.9.5"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			},
+			"peerDependencies": {
+				"@tanstack/router-core": "^1.124.0",
+				"csstype": "^3.0.10",
+				"solid-js": ">=1.9.5",
+				"tiny-invariant": "^1.3.3"
+			},
+			"peerDependenciesMeta": {
+				"csstype": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@tanstack/router-generator": {
+			"version": "1.124.0",
+			"resolved": "https://registry.npmjs.org/@tanstack/router-generator/-/router-generator-1.124.0.tgz",
+			"integrity": "sha512-fatjfBvgLh7i2xcLKO3QaM5egHAhMy57B7DfE44sYx1D7/xxLOubSEjSnVSLE3dWBrstZ3aqyuYYhw7NuoXB7g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@tanstack/router-core": "^1.124.0",
+				"@tanstack/router-utils": "1.121.21",
+				"@tanstack/virtual-file-routes": "^1.121.21",
+				"prettier": "^3.5.0",
+				"recast": "^0.23.11",
+				"source-map": "^0.7.4",
+				"tsx": "^4.19.2",
+				"zod": "^3.24.2"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			}
+		},
+		"node_modules/@tanstack/router-generator/node_modules/source-map": {
+			"version": "0.7.4",
+			"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+			"integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+			"dev": true,
+			"license": "BSD-3-Clause",
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/@tanstack/router-plugin": {
+			"version": "1.124.0",
+			"resolved": "https://registry.npmjs.org/@tanstack/router-plugin/-/router-plugin-1.124.0.tgz",
+			"integrity": "sha512-CqV3PCVoMrHw0HyTioIGHTTjaMRgfwbW4ax2Pule++smyetn+3KPLV6C3VWc0vdukZMQz13JvLORSSeM0B2cYQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/core": "^7.27.7",
+				"@babel/plugin-syntax-jsx": "^7.27.1",
+				"@babel/plugin-syntax-typescript": "^7.27.1",
+				"@babel/template": "^7.27.2",
+				"@babel/traverse": "^7.27.7",
+				"@babel/types": "^7.27.7",
+				"@tanstack/router-core": "^1.124.0",
+				"@tanstack/router-generator": "1.124.0",
+				"@tanstack/router-utils": "1.121.21",
+				"@tanstack/virtual-file-routes": "^1.121.21",
+				"babel-dead-code-elimination": "^1.0.10",
+				"chokidar": "^3.6.0",
+				"unplugin": "^2.1.2",
+				"zod": "^3.24.2"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			},
+			"peerDependencies": {
+				"@rsbuild/core": ">=1.0.2",
+				"@tanstack/react-router": "^1.124.0",
+				"vite": ">=5.0.0 || >=6.0.0",
+				"vite-plugin-solid": "^2.11.2",
+				"webpack": ">=5.92.0"
+			},
+			"peerDependenciesMeta": {
+				"@rsbuild/core": {
+					"optional": true
+				},
+				"@tanstack/react-router": {
+					"optional": true
+				},
+				"vite": {
+					"optional": true
+				},
+				"vite-plugin-solid": {
+					"optional": true
+				},
+				"webpack": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@tanstack/router-utils": {
+			"version": "1.121.21",
+			"resolved": "https://registry.npmjs.org/@tanstack/router-utils/-/router-utils-1.121.21.tgz",
+			"integrity": "sha512-u7ubq1xPBtNiU7Fm+EOWlVWdgFLzuKOa1thhqdscVn8R4dNMUd1VoOjZ6AKmLw201VaUhFtlX+u0pjzI6szX7A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/core": "^7.27.4",
+				"@babel/generator": "^7.27.5",
+				"@babel/parser": "^7.27.5",
+				"@babel/preset-typescript": "^7.27.1",
+				"ansis": "^4.1.0",
+				"diff": "^8.0.2"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			}
+		},
+		"node_modules/@tanstack/store": {
+			"version": "0.7.1",
+			"resolved": "https://registry.npmjs.org/@tanstack/store/-/store-0.7.1.tgz",
+			"integrity": "sha512-PjUQKXEXhLYj2X5/6c1Xn/0/qKY0IVFxTJweopRfF26xfjVyb14yALydJrHupDh3/d+1WKmfEgZPBVCmDkzzwg==",
+			"license": "MIT",
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			}
+		},
+		"node_modules/@tanstack/virtual-core": {
+			"version": "3.13.12",
+			"resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.12.tgz",
+			"integrity": "sha512-1YBOJfRHV4sXUmWsFSf5rQor4Ss82G8dQWLRbnk3GA4jeP8hQt1hxXh0tmflpC0dz3VgEv/1+qwPyLeWkQuPFA==",
+			"license": "MIT",
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			}
+		},
+		"node_modules/@tanstack/virtual-file-routes": {
+			"version": "1.121.21",
+			"resolved": "https://registry.npmjs.org/@tanstack/virtual-file-routes/-/virtual-file-routes-1.121.21.tgz",
+			"integrity": "sha512-3nuYsTyaq6ZN7jRZ9z6Gj3GXZqBOqOT0yzd/WZ33ZFfv4yVNIvsa5Lw+M1j3sgyEAxKMqGu/FaNi7FCjr3yOdw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/tannerlinsley"
+			}
+		},
+		"node_modules/@types/argparse": {
+			"version": "1.0.38",
+			"resolved": "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz",
+			"integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==",
+			"license": "MIT"
+		},
+		"node_modules/@types/babel__core": {
+			"version": "7.20.5",
+			"resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+			"integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/parser": "^7.20.7",
+				"@babel/types": "^7.20.7",
+				"@types/babel__generator": "*",
+				"@types/babel__template": "*",
+				"@types/babel__traverse": "*"
+			}
+		},
+		"node_modules/@types/babel__generator": {
+			"version": "7.27.0",
+			"resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+			"integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/types": "^7.0.0"
+			}
+		},
+		"node_modules/@types/babel__template": {
+			"version": "7.4.4",
+			"resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+			"integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/parser": "^7.1.0",
+				"@babel/types": "^7.0.0"
+			}
+		},
+		"node_modules/@types/babel__traverse": {
+			"version": "7.20.7",
+			"resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.7.tgz",
+			"integrity": "sha512-dkO5fhS7+/oos4ciWxyEyjWe48zmG6wbCheo/G2ZnHx4fs3EU6YC6UM8rk56gAjNJ9P3MTH2jo5jb92/K6wbng==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/types": "^7.20.7"
+			}
+		},
+		"node_modules/@types/estree": {
+			"version": "1.0.8",
+			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+			"integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+			"license": "MIT"
+		},
+		"node_modules/@types/json-schema": {
+			"version": "7.0.15",
+			"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+			"integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@types/node": {
+			"version": "24.0.4",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-24.0.4.tgz",
+			"integrity": "sha512-ulyqAkrhnuNq9pB76DRBTkcS6YsmDALy6Ua63V8OhrOBgbcYt6IOdzpw5P1+dyRIyMerzLkeYWBeOXPpA9GMAA==",
+			"license": "MIT",
+			"dependencies": {
+				"undici-types": "~7.8.0"
+			}
+		},
+		"node_modules/@types/react": {
+			"version": "19.1.8",
+			"resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.8.tgz",
+			"integrity": "sha512-AwAfQ2Wa5bCx9WP8nZL2uMZWod7J7/JSplxbTmBQ5ms6QpqNYm672H0Vu9ZVKVngQ+ii4R/byguVEUZQyeg44g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"csstype": "^3.0.2"
+			}
+		},
+		"node_modules/@types/react-dom": {
+			"version": "19.1.6",
+			"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.6.tgz",
+			"integrity": "sha512-4hOiT/dwO8Ko0gV1m/TJZYk3y0KBnY9vzDh7W+DH17b2HFSOGgdj33dhihPeuy3l0q23+4e+hoXHV6hCC4dCXw==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"@types/react": "^19.0.0"
+			}
+		},
+		"node_modules/@typescript-eslint/eslint-plugin": {
+			"version": "8.35.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.35.0.tgz",
+			"integrity": "sha512-ijItUYaiWuce0N1SoSMrEd0b6b6lYkYt99pqCPfybd+HKVXtEvYhICfLdwp42MhiI5mp0oq7PKEL+g1cNiz/Eg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@eslint-community/regexpp": "^4.10.0",
+				"@typescript-eslint/scope-manager": "8.35.0",
+				"@typescript-eslint/type-utils": "8.35.0",
+				"@typescript-eslint/utils": "8.35.0",
+				"@typescript-eslint/visitor-keys": "8.35.0",
+				"graphemer": "^1.4.0",
+				"ignore": "^7.0.0",
+				"natural-compare": "^1.4.0",
+				"ts-api-utils": "^2.1.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"@typescript-eslint/parser": "^8.35.0",
+				"eslint": "^8.57.0 || ^9.0.0",
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+			"version": "7.0.5",
+			"resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+			"integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 4"
+			}
+		},
+		"node_modules/@typescript-eslint/parser": {
+			"version": "8.35.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.35.0.tgz",
+			"integrity": "sha512-6sMvZePQrnZH2/cJkwRpkT7DxoAWh+g6+GFRK6bV3YQo7ogi3SX5rgF6099r5Q53Ma5qeT7LGmOmuIutF4t3lA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/scope-manager": "8.35.0",
+				"@typescript-eslint/types": "8.35.0",
+				"@typescript-eslint/typescript-estree": "8.35.0",
+				"@typescript-eslint/visitor-keys": "8.35.0",
+				"debug": "^4.3.4"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"eslint": "^8.57.0 || ^9.0.0",
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/project-service": {
+			"version": "8.35.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.35.0.tgz",
+			"integrity": "sha512-41xatqRwWZuhUMF/aZm2fcUsOFKNcG28xqRSS6ZVr9BVJtGExosLAm5A1OxTjRMagx8nJqva+P5zNIGt8RIgbQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/tsconfig-utils": "^8.35.0",
+				"@typescript-eslint/types": "^8.35.0",
+				"debug": "^4.3.4"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/scope-manager": {
+			"version": "8.35.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.35.0.tgz",
+			"integrity": "sha512-+AgL5+mcoLxl1vGjwNfiWq5fLDZM1TmTPYs2UkyHfFhgERxBbqHlNjRzhThJqz+ktBqTChRYY6zwbMwy0591AA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/types": "8.35.0",
+				"@typescript-eslint/visitor-keys": "8.35.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			}
+		},
+		"node_modules/@typescript-eslint/tsconfig-utils": {
+			"version": "8.35.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.35.0.tgz",
+			"integrity": "sha512-04k/7247kZzFraweuEirmvUj+W3bJLI9fX6fbo1Qm2YykuBvEhRTPl8tcxlYO8kZZW+HIXfkZNoasVb8EV4jpA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/type-utils": {
+			"version": "8.35.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.35.0.tgz",
+			"integrity": "sha512-ceNNttjfmSEoM9PW87bWLDEIaLAyR+E6BoYJQ5PfaDau37UGca9Nyq3lBk8Bw2ad0AKvYabz6wxc7DMTO2jnNA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/typescript-estree": "8.35.0",
+				"@typescript-eslint/utils": "8.35.0",
+				"debug": "^4.3.4",
+				"ts-api-utils": "^2.1.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"eslint": "^8.57.0 || ^9.0.0",
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/types": {
+			"version": "8.35.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.35.0.tgz",
+			"integrity": "sha512-0mYH3emanku0vHw2aRLNGqe7EXh9WHEhi7kZzscrMDf6IIRUQ5Jk4wp1QrledE/36KtdZrVfKnE32eZCf/vaVQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			}
+		},
+		"node_modules/@typescript-eslint/typescript-estree": {
+			"version": "8.35.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.35.0.tgz",
+			"integrity": "sha512-F+BhnaBemgu1Qf8oHrxyw14wq6vbL8xwWKKMwTMwYIRmFFY/1n/9T/jpbobZL8vp7QyEUcC6xGrnAO4ua8Kp7w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/project-service": "8.35.0",
+				"@typescript-eslint/tsconfig-utils": "8.35.0",
+				"@typescript-eslint/types": "8.35.0",
+				"@typescript-eslint/visitor-keys": "8.35.0",
+				"debug": "^4.3.4",
+				"fast-glob": "^3.3.2",
+				"is-glob": "^4.0.3",
+				"minimatch": "^9.0.4",
+				"semver": "^7.6.0",
+				"ts-api-utils": "^2.1.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+			"integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"balanced-match": "^1.0.0"
+			}
+		},
+		"node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+			"version": "9.0.5",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+			"integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"brace-expansion": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=16 || 14 >=14.17"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+			"version": "7.7.2",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+			"integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+			"dev": true,
+			"license": "ISC",
+			"bin": {
+				"semver": "bin/semver.js"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/@typescript-eslint/utils": {
+			"version": "8.35.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.35.0.tgz",
+			"integrity": "sha512-nqoMu7WWM7ki5tPgLVsmPM8CkqtoPUG6xXGeefM5t4x3XumOEKMoUZPdi+7F+/EotukN4R9OWdmDxN80fqoZeg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@eslint-community/eslint-utils": "^4.7.0",
+				"@typescript-eslint/scope-manager": "8.35.0",
+				"@typescript-eslint/types": "8.35.0",
+				"@typescript-eslint/typescript-estree": "8.35.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"eslint": "^8.57.0 || ^9.0.0",
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/visitor-keys": {
+			"version": "8.35.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.35.0.tgz",
+			"integrity": "sha512-zTh2+1Y8ZpmeQaQVIc/ZZxsx8UzgKJyNg1PTvjzC7WMhPSVS8bfDX34k1SrwOf016qd5RU3az2UxUNue3IfQ5g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/types": "8.35.0",
+				"eslint-visitor-keys": "^4.2.1"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			}
+		},
+		"node_modules/@vitejs/plugin-react": {
+			"version": "4.6.0",
+			"resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.6.0.tgz",
+			"integrity": "sha512-5Kgff+m8e2PB+9j51eGHEpn5kUzRKH2Ry0qGoe8ItJg7pqnkPrYPkDQZGgGmTa0EGarHrkjLvOdU3b1fzI8otQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/core": "^7.27.4",
+				"@babel/plugin-transform-react-jsx-self": "^7.27.1",
+				"@babel/plugin-transform-react-jsx-source": "^7.27.1",
+				"@rolldown/pluginutils": "1.0.0-beta.19",
+				"@types/babel__core": "^7.20.5",
+				"react-refresh": "^0.17.0"
+			},
+			"engines": {
+				"node": "^14.18.0 || >=16.0.0"
+			},
+			"peerDependencies": {
+				"vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0-beta.0"
+			}
+		},
+		"node_modules/@volar/language-core": {
+			"version": "2.4.15",
+			"resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.15.tgz",
+			"integrity": "sha512-3VHw+QZU0ZG9IuQmzT68IyN4hZNd9GchGPhbD9+pa8CVv7rnoOZwo7T8weIbrRmihqy3ATpdfXFnqRrfPVK6CA==",
+			"license": "MIT",
+			"dependencies": {
+				"@volar/source-map": "2.4.15"
+			}
+		},
+		"node_modules/@volar/source-map": {
+			"version": "2.4.15",
+			"resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.15.tgz",
+			"integrity": "sha512-CPbMWlUN6hVZJYGcU/GSoHu4EnCHiLaXI9n8c9la6RaI9W5JHX+NqG+GSQcB0JdC2FIBLdZJwGsfKyBB71VlTg==",
+			"license": "MIT"
+		},
+		"node_modules/@volar/typescript": {
+			"version": "2.4.15",
+			"resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.15.tgz",
+			"integrity": "sha512-2aZ8i0cqPGjXb4BhkMsPYDkkuc2ZQ6yOpqwAuNwUoncELqoy5fRgOQtLR9gB0g902iS0NAkvpIzs27geVyVdPg==",
+			"license": "MIT",
+			"dependencies": {
+				"@volar/language-core": "2.4.15",
+				"path-browserify": "^1.0.1",
+				"vscode-uri": "^3.0.8"
+			}
+		},
+		"node_modules/@vue/compiler-core": {
+			"version": "3.5.17",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.17.tgz",
+			"integrity": "sha512-Xe+AittLbAyV0pabcN7cP7/BenRBNcteM4aSDCtRvGw0d9OL+HG1u/XHLY/kt1q4fyMeZYXyIYrsHuPSiDPosA==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/parser": "^7.27.5",
+				"@vue/shared": "3.5.17",
+				"entities": "^4.5.0",
+				"estree-walker": "^2.0.2",
+				"source-map-js": "^1.2.1"
+			}
+		},
+		"node_modules/@vue/compiler-dom": {
+			"version": "3.5.17",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.17.tgz",
+			"integrity": "sha512-+2UgfLKoaNLhgfhV5Ihnk6wB4ljyW1/7wUIog2puUqajiC29Lp5R/IKDdkebh9jTbTogTbsgB+OY9cEWzG95JQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@vue/compiler-core": "3.5.17",
+				"@vue/shared": "3.5.17"
+			}
+		},
+		"node_modules/@vue/compiler-vue2": {
+			"version": "2.7.16",
+			"resolved": "https://registry.npmjs.org/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz",
+			"integrity": "sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==",
+			"license": "MIT",
+			"dependencies": {
+				"de-indent": "^1.0.2",
+				"he": "^1.2.0"
+			}
+		},
+		"node_modules/@vue/language-core": {
+			"version": "2.2.0",
+			"resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.2.0.tgz",
+			"integrity": "sha512-O1ZZFaaBGkKbsRfnVH1ifOK1/1BUkyK+3SQsfnh6PmMmD4qJcTU8godCeA96jjDRTL6zgnK7YzCHfaUlH2r0Mw==",
+			"license": "MIT",
+			"dependencies": {
+				"@volar/language-core": "~2.4.11",
+				"@vue/compiler-dom": "^3.5.0",
+				"@vue/compiler-vue2": "^2.7.16",
+				"@vue/shared": "^3.5.0",
+				"alien-signals": "^0.4.9",
+				"minimatch": "^9.0.3",
+				"muggle-string": "^0.4.1",
+				"path-browserify": "^1.0.1"
+			},
+			"peerDependencies": {
+				"typescript": "*"
+			},
+			"peerDependenciesMeta": {
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@vue/language-core/node_modules/brace-expansion": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+			"integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+			"license": "MIT",
+			"dependencies": {
+				"balanced-match": "^1.0.0"
+			}
+		},
+		"node_modules/@vue/language-core/node_modules/minimatch": {
+			"version": "9.0.5",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+			"integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+			"license": "ISC",
+			"dependencies": {
+				"brace-expansion": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=16 || 14 >=14.17"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/@vue/shared": {
+			"version": "3.5.17",
+			"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.17.tgz",
+			"integrity": "sha512-CabR+UN630VnsJO/jHWYBC1YVXyMq94KKp6iF5MQgZJs5I8cmjw6oVMO1oDbtBkENSHSSn/UadWlW/OAgdmKrg==",
+			"license": "MIT"
+		},
+		"node_modules/acorn": {
+			"version": "8.15.0",
+			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+			"integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+			"license": "MIT",
+			"bin": {
+				"acorn": "bin/acorn"
+			},
+			"engines": {
+				"node": ">=0.4.0"
+			}
+		},
+		"node_modules/acorn-jsx": {
+			"version": "5.3.2",
+			"resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+			"integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+			}
+		},
+		"node_modules/ajv": {
+			"version": "6.12.6",
+			"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+			"integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"fast-deep-equal": "^3.1.1",
+				"fast-json-stable-stringify": "^2.0.0",
+				"json-schema-traverse": "^0.4.1",
+				"uri-js": "^4.2.2"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/epoberezkin"
+			}
+		},
+		"node_modules/ajv-formats": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
+			"integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
+			"license": "MIT",
+			"dependencies": {
+				"ajv": "^8.0.0"
+			},
+			"peerDependencies": {
+				"ajv": "^8.0.0"
+			},
+			"peerDependenciesMeta": {
+				"ajv": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/ajv-formats/node_modules/ajv": {
+			"version": "8.17.1",
+			"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+			"integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+			"license": "MIT",
+			"dependencies": {
+				"fast-deep-equal": "^3.1.3",
+				"fast-uri": "^3.0.1",
+				"json-schema-traverse": "^1.0.0",
+				"require-from-string": "^2.0.2"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/epoberezkin"
+			}
+		},
+		"node_modules/ajv-formats/node_modules/json-schema-traverse": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+			"integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+			"license": "MIT"
+		},
+		"node_modules/alien-signals": {
+			"version": "0.4.14",
+			"resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-0.4.14.tgz",
+			"integrity": "sha512-itUAVzhczTmP2U5yX67xVpsbbOiquusbWVyA9N+sy6+r6YVbFkahXvNCeEPWEOMhwDYwbVbGHFkVL03N9I5g+Q==",
+			"license": "MIT"
+		},
+		"node_modules/ansi-styles": {
+			"version": "4.3.0",
+			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+			"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"color-convert": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
+			}
+		},
+		"node_modules/ansis": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmjs.org/ansis/-/ansis-4.1.0.tgz",
+			"integrity": "sha512-BGcItUBWSMRgOCe+SVZJ+S7yTRG0eGt9cXAHev72yuGcY23hnLA7Bky5L/xLyPINoSN95geovfBkqoTlNZYa7w==",
+			"dev": true,
+			"license": "ISC",
+			"engines": {
+				"node": ">=14"
+			}
+		},
+		"node_modules/anymatch": {
+			"version": "3.1.3",
+			"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+			"integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"normalize-path": "^3.0.0",
+				"picomatch": "^2.0.4"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/argparse": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+			"integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+			"dev": true,
+			"license": "Python-2.0"
+		},
+		"node_modules/ast-types": {
+			"version": "0.16.1",
+			"resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.16.1.tgz",
+			"integrity": "sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"tslib": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/babel-dead-code-elimination": {
+			"version": "1.0.10",
+			"resolved": "https://registry.npmjs.org/babel-dead-code-elimination/-/babel-dead-code-elimination-1.0.10.tgz",
+			"integrity": "sha512-DV5bdJZTzZ0zn0DC24v3jD7Mnidh6xhKa4GfKCbq3sfW8kaWhDdZjP3i81geA8T33tdYqWKw4D3fVv0CwEgKVA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@babel/core": "^7.23.7",
+				"@babel/parser": "^7.23.6",
+				"@babel/traverse": "^7.23.7",
+				"@babel/types": "^7.23.6"
+			}
+		},
+		"node_modules/balanced-match": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+			"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+			"license": "MIT"
+		},
+		"node_modules/binary-extensions": {
+			"version": "2.3.0",
+			"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+			"integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/brace-expansion": {
+			"version": "1.1.12",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+			"integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+			"license": "MIT",
+			"dependencies": {
+				"balanced-match": "^1.0.0",
+				"concat-map": "0.0.1"
+			}
+		},
+		"node_modules/braces": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+			"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"fill-range": "^7.1.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/browserslist": {
+			"version": "4.25.1",
+			"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.1.tgz",
+			"integrity": "sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/browserslist"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/browserslist"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"caniuse-lite": "^1.0.30001726",
+				"electron-to-chromium": "^1.5.173",
+				"node-releases": "^2.0.19",
+				"update-browserslist-db": "^1.1.3"
+			},
+			"bin": {
+				"browserslist": "cli.js"
+			},
+			"engines": {
+				"node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+			}
+		},
+		"node_modules/callsites": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+			"integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/caniuse-lite": {
+			"version": "1.0.30001726",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001726.tgz",
+			"integrity": "sha512-VQAUIUzBiZ/UnlM28fSp2CRF3ivUn1BWEvxMcVTNwpw91Py1pGbPIyIKtd+tzct9C3ouceCVdGAXxZOpZAsgdw==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/browserslist"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "CC-BY-4.0"
+		},
+		"node_modules/chalk": {
+			"version": "4.1.2",
+			"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+			"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^4.1.0",
+				"supports-color": "^7.1.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/chalk?sponsor=1"
+			}
+		},
+		"node_modules/chokidar": {
+			"version": "3.6.0",
+			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+			"integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"anymatch": "~3.1.2",
+				"braces": "~3.0.2",
+				"glob-parent": "~5.1.2",
+				"is-binary-path": "~2.1.0",
+				"is-glob": "~4.0.1",
+				"normalize-path": "~3.0.0",
+				"readdirp": "~3.6.0"
+			},
+			"engines": {
+				"node": ">= 8.10.0"
+			},
+			"funding": {
+				"url": "https://paulmillr.com/funding/"
+			},
+			"optionalDependencies": {
+				"fsevents": "~2.3.2"
+			}
+		},
+		"node_modules/chokidar/node_modules/glob-parent": {
+			"version": "5.1.2",
+			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+			"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"is-glob": "^4.0.1"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
+		"node_modules/chownr": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+			"integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
+			"license": "BlueOak-1.0.0",
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/clsx": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+			"integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/color-convert": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+			"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"color-name": "~1.1.4"
+			},
+			"engines": {
+				"node": ">=7.0.0"
+			}
+		},
+		"node_modules/color-name": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/compare-versions": {
+			"version": "6.1.1",
+			"resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-6.1.1.tgz",
+			"integrity": "sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==",
+			"license": "MIT"
+		},
+		"node_modules/concat-map": {
+			"version": "0.0.1",
+			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+			"integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+			"license": "MIT"
+		},
+		"node_modules/confbox": {
+			"version": "0.2.2",
+			"resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.2.tgz",
+			"integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
+			"license": "MIT"
+		},
+		"node_modules/convert-source-map": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+			"integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/cookie-es": {
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/cookie-es/-/cookie-es-1.2.2.tgz",
+			"integrity": "sha512-+W7VmiVINB+ywl1HGXJXmrqkOhpKrIiVZV6tQuV54ZyQC7MMuBt81Vc336GMLoHBq5hV/F9eXgt5Mnx0Rha5Fg==",
+			"license": "MIT"
+		},
+		"node_modules/cross-spawn": {
+			"version": "7.0.6",
+			"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+			"integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"path-key": "^3.1.0",
+				"shebang-command": "^2.0.0",
+				"which": "^2.0.1"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/csstype": {
+			"version": "3.1.3",
+			"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+			"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+			"license": "MIT"
+		},
+		"node_modules/de-indent": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+			"integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
+			"license": "MIT"
+		},
+		"node_modules/debug": {
+			"version": "4.4.1",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
+			"integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+			"license": "MIT",
+			"dependencies": {
+				"ms": "^2.1.3"
+			},
+			"engines": {
+				"node": ">=6.0"
+			},
+			"peerDependenciesMeta": {
+				"supports-color": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/deep-is": {
+			"version": "0.1.4",
+			"resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+			"integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/detect-libc": {
+			"version": "2.0.4",
+			"resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
+			"integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/diff": {
+			"version": "8.0.2",
+			"resolved": "https://registry.npmjs.org/diff/-/diff-8.0.2.tgz",
+			"integrity": "sha512-sSuxWU5j5SR9QQji/o2qMvqRNYRDOcBTgsJ/DeCf4iSN4gW+gNMXM7wFIP+fdXZxoNiAnHUTGjCr+TSWXdRDKg==",
+			"dev": true,
+			"license": "BSD-3-Clause",
+			"engines": {
+				"node": ">=0.3.1"
+			}
+		},
+		"node_modules/electron-to-chromium": {
+			"version": "1.5.175",
+			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.175.tgz",
+			"integrity": "sha512-Nqpef9mOVo7pZfl9NIUhj7tgtRTsMzCzRTJDP1ccim4Wb4YHOz3Le87uxeZq68OCNwau2iQ/X7UwdAZ3ReOkmg==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/enhanced-resolve": {
+			"version": "5.18.2",
+			"resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.2.tgz",
+			"integrity": "sha512-6Jw4sE1maoRJo3q8MsSIn2onJFbLTOjY9hlx4DZXmOKvLRd1Ok2kXmAGXaafL2+ijsJZ1ClYbl/pmqr9+k4iUQ==",
+			"license": "MIT",
+			"dependencies": {
+				"graceful-fs": "^4.2.4",
+				"tapable": "^2.2.0"
+			},
+			"engines": {
+				"node": ">=10.13.0"
+			}
+		},
+		"node_modules/entities": {
+			"version": "4.5.0",
+			"resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+			"integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+			"license": "BSD-2-Clause",
+			"engines": {
+				"node": ">=0.12"
+			},
+			"funding": {
+				"url": "https://github.com/fb55/entities?sponsor=1"
+			}
+		},
+		"node_modules/esbuild": {
+			"version": "0.25.5",
+			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.5.tgz",
+			"integrity": "sha512-P8OtKZRv/5J5hhz0cUAdu/cLuPIKXpQl1R9pZtvmHWQvrAUVd0UNIPT4IB4W3rNOqVO0rlqHmCIbSwxh/c9yUQ==",
+			"hasInstallScript": true,
+			"license": "MIT",
+			"bin": {
+				"esbuild": "bin/esbuild"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"optionalDependencies": {
+				"@esbuild/aix-ppc64": "0.25.5",
+				"@esbuild/android-arm": "0.25.5",
+				"@esbuild/android-arm64": "0.25.5",
+				"@esbuild/android-x64": "0.25.5",
+				"@esbuild/darwin-arm64": "0.25.5",
+				"@esbuild/darwin-x64": "0.25.5",
+				"@esbuild/freebsd-arm64": "0.25.5",
+				"@esbuild/freebsd-x64": "0.25.5",
+				"@esbuild/linux-arm": "0.25.5",
+				"@esbuild/linux-arm64": "0.25.5",
+				"@esbuild/linux-ia32": "0.25.5",
+				"@esbuild/linux-loong64": "0.25.5",
+				"@esbuild/linux-mips64el": "0.25.5",
+				"@esbuild/linux-ppc64": "0.25.5",
+				"@esbuild/linux-riscv64": "0.25.5",
+				"@esbuild/linux-s390x": "0.25.5",
+				"@esbuild/linux-x64": "0.25.5",
+				"@esbuild/netbsd-arm64": "0.25.5",
+				"@esbuild/netbsd-x64": "0.25.5",
+				"@esbuild/openbsd-arm64": "0.25.5",
+				"@esbuild/openbsd-x64": "0.25.5",
+				"@esbuild/sunos-x64": "0.25.5",
+				"@esbuild/win32-arm64": "0.25.5",
+				"@esbuild/win32-ia32": "0.25.5",
+				"@esbuild/win32-x64": "0.25.5"
+			}
+		},
+		"node_modules/escalade": {
+			"version": "3.2.0",
+			"resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+			"integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/escape-string-regexp": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+			"integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/eslint": {
+			"version": "9.29.0",
+			"resolved": "https://registry.npmjs.org/eslint/-/eslint-9.29.0.tgz",
+			"integrity": "sha512-GsGizj2Y1rCWDu6XoEekL3RLilp0voSePurjZIkxL3wlm5o5EC9VpgaP7lrCvjnkuLvzFBQWB3vWB3K5KQTveQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@eslint-community/eslint-utils": "^4.2.0",
+				"@eslint-community/regexpp": "^4.12.1",
+				"@eslint/config-array": "^0.20.1",
+				"@eslint/config-helpers": "^0.2.1",
+				"@eslint/core": "^0.14.0",
+				"@eslint/eslintrc": "^3.3.1",
+				"@eslint/js": "9.29.0",
+				"@eslint/plugin-kit": "^0.3.1",
+				"@humanfs/node": "^0.16.6",
+				"@humanwhocodes/module-importer": "^1.0.1",
+				"@humanwhocodes/retry": "^0.4.2",
+				"@types/estree": "^1.0.6",
+				"@types/json-schema": "^7.0.15",
+				"ajv": "^6.12.4",
+				"chalk": "^4.0.0",
+				"cross-spawn": "^7.0.6",
+				"debug": "^4.3.2",
+				"escape-string-regexp": "^4.0.0",
+				"eslint-scope": "^8.4.0",
+				"eslint-visitor-keys": "^4.2.1",
+				"espree": "^10.4.0",
+				"esquery": "^1.5.0",
+				"esutils": "^2.0.2",
+				"fast-deep-equal": "^3.1.3",
+				"file-entry-cache": "^8.0.0",
+				"find-up": "^5.0.0",
+				"glob-parent": "^6.0.2",
+				"ignore": "^5.2.0",
+				"imurmurhash": "^0.1.4",
+				"is-glob": "^4.0.0",
+				"json-stable-stringify-without-jsonify": "^1.0.1",
+				"lodash.merge": "^4.6.2",
+				"minimatch": "^3.1.2",
+				"natural-compare": "^1.4.0",
+				"optionator": "^0.9.3"
+			},
+			"bin": {
+				"eslint": "bin/eslint.js"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://eslint.org/donate"
+			},
+			"peerDependencies": {
+				"jiti": "*"
+			},
+			"peerDependenciesMeta": {
+				"jiti": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/eslint-plugin-react-hooks": {
+			"version": "5.2.0",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.2.0.tgz",
+			"integrity": "sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=10"
+			},
+			"peerDependencies": {
+				"eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+			}
+		},
+		"node_modules/eslint-plugin-react-refresh": {
+			"version": "0.4.20",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.20.tgz",
+			"integrity": "sha512-XpbHQ2q5gUF8BGOX4dHe+71qoirYMhApEPZ7sfhF/dNnOF1UXnCMGZf79SFTBO7Bz5YEIT4TMieSlJBWhP9WBA==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"eslint": ">=8.40"
+			}
+		},
+		"node_modules/eslint-scope": {
+			"version": "8.4.0",
+			"resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+			"integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"dependencies": {
+				"esrecurse": "^4.3.0",
+				"estraverse": "^5.2.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/eslint-visitor-keys": {
+			"version": "4.2.1",
+			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+			"integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/espree": {
+			"version": "10.4.0",
+			"resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+			"integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"dependencies": {
+				"acorn": "^8.15.0",
+				"acorn-jsx": "^5.3.2",
+				"eslint-visitor-keys": "^4.2.1"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/esprima": {
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+			"integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"bin": {
+				"esparse": "bin/esparse.js",
+				"esvalidate": "bin/esvalidate.js"
+			},
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/esquery": {
+			"version": "1.6.0",
+			"resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+			"integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+			"dev": true,
+			"license": "BSD-3-Clause",
+			"dependencies": {
+				"estraverse": "^5.1.0"
+			},
+			"engines": {
+				"node": ">=0.10"
+			}
+		},
+		"node_modules/esrecurse": {
+			"version": "4.3.0",
+			"resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+			"integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"dependencies": {
+				"estraverse": "^5.2.0"
+			},
+			"engines": {
+				"node": ">=4.0"
+			}
+		},
+		"node_modules/estraverse": {
+			"version": "5.3.0",
+			"resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+			"integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"engines": {
+				"node": ">=4.0"
+			}
+		},
+		"node_modules/estree-walker": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+			"integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+			"license": "MIT"
+		},
+		"node_modules/esutils": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+			"integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/exsolve": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.0.7.tgz",
+			"integrity": "sha512-VO5fQUzZtI6C+vx4w/4BWJpg3s/5l+6pRQEHzFRM8WFi4XffSP1Z+4qi7GbjWbvRQEbdIco5mIMq+zX4rPuLrw==",
+			"license": "MIT"
+		},
+		"node_modules/fast-deep-equal": {
+			"version": "3.1.3",
+			"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+			"integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+			"license": "MIT"
+		},
+		"node_modules/fast-glob": {
+			"version": "3.3.3",
+			"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+			"integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@nodelib/fs.stat": "^2.0.2",
+				"@nodelib/fs.walk": "^1.2.3",
+				"glob-parent": "^5.1.2",
+				"merge2": "^1.3.0",
+				"micromatch": "^4.0.8"
+			},
+			"engines": {
+				"node": ">=8.6.0"
+			}
+		},
+		"node_modules/fast-glob/node_modules/glob-parent": {
+			"version": "5.1.2",
+			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+			"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"is-glob": "^4.0.1"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
+		"node_modules/fast-json-stable-stringify": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+			"integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/fast-levenshtein": {
+			"version": "2.0.6",
+			"resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+			"integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/fast-uri": {
+			"version": "3.0.6",
+			"resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.6.tgz",
+			"integrity": "sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/fastify"
+				},
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/fastify"
+				}
+			],
+			"license": "BSD-3-Clause"
+		},
+		"node_modules/fastq": {
+			"version": "1.19.1",
+			"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+			"integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"reusify": "^1.0.4"
+			}
+		},
+		"node_modules/file-entry-cache": {
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+			"integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"flat-cache": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
+		"node_modules/fill-range": {
+			"version": "7.1.1",
+			"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+			"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"to-regex-range": "^5.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/find-up": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+			"integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"locate-path": "^6.0.0",
+				"path-exists": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/flat-cache": {
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+			"integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"flatted": "^3.2.9",
+				"keyv": "^4.5.4"
+			},
+			"engines": {
+				"node": ">=16"
+			}
+		},
+		"node_modules/flatted": {
+			"version": "3.3.3",
+			"resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+			"integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/fs-extra": {
+			"version": "11.3.0",
+			"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.0.tgz",
+			"integrity": "sha512-Z4XaCL6dUDHfP/jT25jJKMmtxvuwbkrD1vNSMFlo9lNLY2c5FHYSQgHPRZUjAB26TpDEoW9HCOgplrdbaPV/ew==",
+			"license": "MIT",
+			"dependencies": {
+				"graceful-fs": "^4.2.0",
+				"jsonfile": "^6.0.1",
+				"universalify": "^2.0.0"
+			},
+			"engines": {
+				"node": ">=14.14"
+			}
+		},
+		"node_modules/fsevents": {
+			"version": "2.3.3",
+			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+			"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+			"hasInstallScript": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+			}
+		},
+		"node_modules/function-bind": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+			"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/gensync": {
+			"version": "1.0.0-beta.2",
+			"resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+			"integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.9.0"
+			}
+		},
+		"node_modules/get-tsconfig": {
+			"version": "4.10.1",
+			"resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.10.1.tgz",
+			"integrity": "sha512-auHyJ4AgMz7vgS8Hp3N6HXSmlMdUyhSUrfBF16w153rxtLIEOE+HGqaBppczZvnHLqQJfiHotCYpNhl0lUROFQ==",
+			"devOptional": true,
+			"license": "MIT",
+			"dependencies": {
+				"resolve-pkg-maps": "^1.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+			}
+		},
+		"node_modules/glob-parent": {
+			"version": "6.0.2",
+			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+			"integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"is-glob": "^4.0.3"
+			},
+			"engines": {
+				"node": ">=10.13.0"
+			}
+		},
+		"node_modules/globals": {
+			"version": "16.2.0",
+			"resolved": "https://registry.npmjs.org/globals/-/globals-16.2.0.tgz",
+			"integrity": "sha512-O+7l9tPdHCU320IigZZPj5zmRCFG9xHmx9cU8FqU2Rp+JN714seHV+2S9+JslCpY4gJwU2vOGox0wzgae/MCEg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/goober": {
+			"version": "2.1.16",
+			"resolved": "https://registry.npmjs.org/goober/-/goober-2.1.16.tgz",
+			"integrity": "sha512-erjk19y1U33+XAMe1VTvIONHYoSqE4iS7BYUZfHaqeohLmnC0FdxEh7rQU+6MZ4OajItzjZFSRtVANrQwNq6/g==",
+			"license": "MIT",
+			"peerDependencies": {
+				"csstype": "^3.0.10"
+			}
+		},
+		"node_modules/graceful-fs": {
+			"version": "4.2.11",
+			"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+			"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+			"license": "ISC"
+		},
+		"node_modules/graphemer": {
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+			"integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/has-flag": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+			"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/hasown": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+			"integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+			"license": "MIT",
+			"dependencies": {
+				"function-bind": "^1.1.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/he": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+			"integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+			"license": "MIT",
+			"bin": {
+				"he": "bin/he"
+			}
+		},
+		"node_modules/ignore": {
+			"version": "5.3.2",
+			"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+			"integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 4"
+			}
+		},
+		"node_modules/import-fresh": {
+			"version": "3.3.1",
+			"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+			"integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"parent-module": "^1.0.0",
+				"resolve-from": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/import-lazy": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
+			"integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/imurmurhash": {
+			"version": "0.1.4",
+			"resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+			"integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.8.19"
+			}
+		},
+		"node_modules/is-binary-path": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+			"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"binary-extensions": "^2.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/is-core-module": {
+			"version": "2.16.1",
+			"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+			"integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+			"license": "MIT",
+			"dependencies": {
+				"hasown": "^2.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-extglob": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+			"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/is-glob": {
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+			"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-extglob": "^2.1.1"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/is-number": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.12.0"
+			}
+		},
+		"node_modules/isbot": {
+			"version": "5.1.28",
+			"resolved": "https://registry.npmjs.org/isbot/-/isbot-5.1.28.tgz",
+			"integrity": "sha512-qrOp4g3xj8YNse4biorv6O5ZShwsJM0trsoda4y7j/Su7ZtTTfVXFzbKkpgcSoDrHS8FcTuUwcU04YimZlZOxw==",
+			"license": "Unlicense",
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/isexe": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+			"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/jiti": {
+			"version": "2.4.2",
+			"resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
+			"integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
+			"license": "MIT",
+			"bin": {
+				"jiti": "lib/jiti-cli.mjs"
+			}
+		},
+		"node_modules/jju": {
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/jju/-/jju-1.4.0.tgz",
+			"integrity": "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==",
+			"license": "MIT"
+		},
+		"node_modules/js-tokens": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+			"integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/js-yaml": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+			"integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"argparse": "^2.0.1"
+			},
+			"bin": {
+				"js-yaml": "bin/js-yaml.js"
+			}
+		},
+		"node_modules/jsesc": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+			"integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+			"license": "MIT",
+			"bin": {
+				"jsesc": "bin/jsesc"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/json-buffer": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+			"integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/json-schema-traverse": {
+			"version": "0.4.1",
+			"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+			"integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/json-stable-stringify-without-jsonify": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+			"integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/json5": {
+			"version": "2.2.3",
+			"resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+			"integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"json5": "lib/cli.js"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/jsonfile": {
+			"version": "6.1.0",
+			"resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+			"integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+			"license": "MIT",
+			"dependencies": {
+				"universalify": "^2.0.0"
+			},
+			"optionalDependencies": {
+				"graceful-fs": "^4.1.6"
+			}
+		},
+		"node_modules/keyv": {
+			"version": "4.5.4",
+			"resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+			"integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"json-buffer": "3.0.1"
+			}
+		},
+		"node_modules/kolorist": {
+			"version": "1.8.0",
+			"resolved": "https://registry.npmjs.org/kolorist/-/kolorist-1.8.0.tgz",
+			"integrity": "sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==",
+			"license": "MIT"
+		},
+		"node_modules/levn": {
+			"version": "0.4.1",
+			"resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+			"integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"prelude-ls": "^1.2.1",
+				"type-check": "~0.4.0"
+			},
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/lightningcss": {
+			"version": "1.30.1",
+			"resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
+			"integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==",
+			"license": "MPL-2.0",
+			"dependencies": {
+				"detect-libc": "^2.0.3"
+			},
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			},
+			"optionalDependencies": {
+				"lightningcss-darwin-arm64": "1.30.1",
+				"lightningcss-darwin-x64": "1.30.1",
+				"lightningcss-freebsd-x64": "1.30.1",
+				"lightningcss-linux-arm-gnueabihf": "1.30.1",
+				"lightningcss-linux-arm64-gnu": "1.30.1",
+				"lightningcss-linux-arm64-musl": "1.30.1",
+				"lightningcss-linux-x64-gnu": "1.30.1",
+				"lightningcss-linux-x64-musl": "1.30.1",
+				"lightningcss-win32-arm64-msvc": "1.30.1",
+				"lightningcss-win32-x64-msvc": "1.30.1"
+			}
+		},
+		"node_modules/lightningcss-darwin-arm64": {
+			"version": "1.30.1",
+			"resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz",
+			"integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-darwin-x64": {
+			"version": "1.30.1",
+			"resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz",
+			"integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-freebsd-x64": {
+			"version": "1.30.1",
+			"resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz",
+			"integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-linux-arm-gnueabihf": {
+			"version": "1.30.1",
+			"resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz",
+			"integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-linux-arm64-gnu": {
+			"version": "1.30.1",
+			"resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz",
+			"integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-linux-arm64-musl": {
+			"version": "1.30.1",
+			"resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz",
+			"integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-linux-x64-gnu": {
+			"version": "1.30.1",
+			"resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz",
+			"integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-linux-x64-musl": {
+			"version": "1.30.1",
+			"resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz",
+			"integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-win32-arm64-msvc": {
+			"version": "1.30.1",
+			"resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz",
+			"integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/lightningcss-win32-x64-msvc": {
+			"version": "1.30.1",
+			"resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz",
+			"integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MPL-2.0",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">= 12.0.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/parcel"
+			}
+		},
+		"node_modules/local-pkg": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.1.tgz",
+			"integrity": "sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==",
+			"license": "MIT",
+			"dependencies": {
+				"mlly": "^1.7.4",
+				"pkg-types": "^2.0.1",
+				"quansync": "^0.2.8"
+			},
+			"engines": {
+				"node": ">=14"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/antfu"
+			}
+		},
+		"node_modules/locate-path": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+			"integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"p-locate": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/lodash": {
+			"version": "4.17.21",
+			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+			"license": "MIT"
+		},
+		"node_modules/lodash.merge": {
+			"version": "4.6.2",
+			"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+			"integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/lru-cache": {
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+			"integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"yallist": "^3.0.2"
+			}
+		},
+		"node_modules/magic-string": {
+			"version": "0.30.17",
+			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+			"integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.5.0"
+			}
+		},
+		"node_modules/merge2": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+			"integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/micromatch": {
+			"version": "4.0.8",
+			"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+			"integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"braces": "^3.0.3",
+				"picomatch": "^2.3.1"
+			},
+			"engines": {
+				"node": ">=8.6"
+			}
+		},
+		"node_modules/minimatch": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"brace-expansion": "^1.1.7"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/minipass": {
+			"version": "7.1.2",
+			"resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+			"integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+			"license": "ISC",
+			"engines": {
+				"node": ">=16 || 14 >=14.17"
+			}
+		},
+		"node_modules/minizlib": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.2.tgz",
+			"integrity": "sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==",
+			"license": "MIT",
+			"dependencies": {
+				"minipass": "^7.1.2"
+			},
+			"engines": {
+				"node": ">= 18"
+			}
+		},
+		"node_modules/mkdirp": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
+			"integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==",
+			"license": "MIT",
+			"bin": {
+				"mkdirp": "dist/cjs/src/bin.js"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/mlly": {
+			"version": "1.7.4",
+			"resolved": "https://registry.npmjs.org/mlly/-/mlly-1.7.4.tgz",
+			"integrity": "sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==",
+			"license": "MIT",
+			"dependencies": {
+				"acorn": "^8.14.0",
+				"pathe": "^2.0.1",
+				"pkg-types": "^1.3.0",
+				"ufo": "^1.5.4"
+			}
+		},
+		"node_modules/mlly/node_modules/confbox": {
+			"version": "0.1.8",
+			"resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
+			"integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
+			"license": "MIT"
+		},
+		"node_modules/mlly/node_modules/pkg-types": {
+			"version": "1.3.1",
+			"resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.1.tgz",
+			"integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
+			"license": "MIT",
+			"dependencies": {
+				"confbox": "^0.1.8",
+				"mlly": "^1.7.4",
+				"pathe": "^2.0.1"
+			}
+		},
+		"node_modules/ms": {
+			"version": "2.1.3",
+			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+			"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+			"license": "MIT"
+		},
+		"node_modules/muggle-string": {
+			"version": "0.4.1",
+			"resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
+			"integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+			"license": "MIT"
+		},
+		"node_modules/nanoid": {
+			"version": "3.3.11",
+			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+			"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"bin": {
+				"nanoid": "bin/nanoid.cjs"
+			},
+			"engines": {
+				"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+			}
+		},
+		"node_modules/natural-compare": {
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+			"integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/node-releases": {
+			"version": "2.0.19",
+			"resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+			"integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/normalize-path": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+			"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/optionator": {
+			"version": "0.9.4",
+			"resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+			"integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"deep-is": "^0.1.3",
+				"fast-levenshtein": "^2.0.6",
+				"levn": "^0.4.1",
+				"prelude-ls": "^1.2.1",
+				"type-check": "^0.4.0",
+				"word-wrap": "^1.2.5"
+			},
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/p-limit": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+			"integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"yocto-queue": "^0.1.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/p-locate": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+			"integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"p-limit": "^3.0.2"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/parent-module": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+			"integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"callsites": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/path-browserify": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+			"integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+			"license": "MIT"
+		},
+		"node_modules/path-exists": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+			"integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/path-key": {
+			"version": "3.1.1",
+			"resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+			"integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/path-parse": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+			"license": "MIT"
+		},
+		"node_modules/pathe": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+			"integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+			"license": "MIT"
+		},
+		"node_modules/picocolors": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+			"integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+			"license": "ISC"
+		},
+		"node_modules/picomatch": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+			"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8.6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/pkg-types": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.1.0.tgz",
+			"integrity": "sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==",
+			"license": "MIT",
+			"dependencies": {
+				"confbox": "^0.2.1",
+				"exsolve": "^1.0.1",
+				"pathe": "^2.0.3"
+			}
+		},
+		"node_modules/postcss": {
+			"version": "8.5.6",
+			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+			"integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/postcss/"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/postcss"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"nanoid": "^3.3.11",
+				"picocolors": "^1.1.1",
+				"source-map-js": "^1.2.1"
+			},
+			"engines": {
+				"node": "^10 || ^12 || >=14"
+			}
+		},
+		"node_modules/prelude-ls": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+			"integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/prettier": {
+			"version": "3.6.2",
+			"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.6.2.tgz",
+			"integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"prettier": "bin/prettier.cjs"
+			},
+			"engines": {
+				"node": ">=14"
+			},
+			"funding": {
+				"url": "https://github.com/prettier/prettier?sponsor=1"
+			}
+		},
+		"node_modules/punycode": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+			"integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/quansync": {
+			"version": "0.2.10",
+			"resolved": "https://registry.npmjs.org/quansync/-/quansync-0.2.10.tgz",
+			"integrity": "sha512-t41VRkMYbkHyCYmOvx/6URnN80H7k4X0lLdBMGsz+maAwrJQYB1djpV6vHrQIBE0WBSGqhtEHrK9U3DWWH8v7A==",
+			"funding": [
+				{
+					"type": "individual",
+					"url": "https://github.com/sponsors/antfu"
+				},
+				{
+					"type": "individual",
+					"url": "https://github.com/sponsors/sxzz"
+				}
+			],
+			"license": "MIT"
+		},
+		"node_modules/queue-microtask": {
+			"version": "1.2.3",
+			"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+			"integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
+			"license": "MIT"
+		},
+		"node_modules/react": {
+			"version": "19.1.0",
+			"resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
+			"integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/react-dom": {
+			"version": "19.1.0",
+			"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
+			"integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
+			"license": "MIT",
+			"dependencies": {
+				"scheduler": "^0.26.0"
+			},
+			"peerDependencies": {
+				"react": "^19.1.0"
+			}
+		},
+		"node_modules/react-icons": {
+			"version": "5.5.0",
+			"resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.5.0.tgz",
+			"integrity": "sha512-MEFcXdkP3dLo8uumGI5xN3lDFNsRtrjbOEKDLD7yv76v4wpnEq2Lt2qeHaQOr34I/wPN3s3+N08WkQ+CW37Xiw==",
+			"license": "MIT",
+			"peerDependencies": {
+				"react": "*"
+			}
+		},
+		"node_modules/react-refresh": {
+			"version": "0.17.0",
+			"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
+			"integrity": "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/readdirp": {
+			"version": "3.6.0",
+			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+			"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"picomatch": "^2.2.1"
+			},
+			"engines": {
+				"node": ">=8.10.0"
+			}
+		},
+		"node_modules/recast": {
+			"version": "0.23.11",
+			"resolved": "https://registry.npmjs.org/recast/-/recast-0.23.11.tgz",
+			"integrity": "sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ast-types": "^0.16.1",
+				"esprima": "~4.0.0",
+				"source-map": "~0.6.1",
+				"tiny-invariant": "^1.3.3",
+				"tslib": "^2.0.1"
+			},
+			"engines": {
+				"node": ">= 4"
+			}
+		},
+		"node_modules/require-from-string": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+			"integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/resolve": {
+			"version": "1.22.10",
+			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
+			"integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
+			"license": "MIT",
+			"dependencies": {
+				"is-core-module": "^2.16.0",
+				"path-parse": "^1.0.7",
+				"supports-preserve-symlinks-flag": "^1.0.0"
+			},
+			"bin": {
+				"resolve": "bin/resolve"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/resolve-from": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+			"integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/resolve-pkg-maps": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+			"integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+			"devOptional": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+			}
+		},
+		"node_modules/reusify": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+			"integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"iojs": ">=1.0.0",
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/rollup": {
+			"version": "4.44.0",
+			"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.44.0.tgz",
+			"integrity": "sha512-qHcdEzLCiktQIfwBq420pn2dP+30uzqYxv9ETm91wdt2R9AFcWfjNAmje4NWlnCIQ5RMTzVf0ZyisOKqHR6RwA==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/estree": "1.0.8"
+			},
+			"bin": {
+				"rollup": "dist/bin/rollup"
+			},
+			"engines": {
+				"node": ">=18.0.0",
+				"npm": ">=8.0.0"
+			},
+			"optionalDependencies": {
+				"@rollup/rollup-android-arm-eabi": "4.44.0",
+				"@rollup/rollup-android-arm64": "4.44.0",
+				"@rollup/rollup-darwin-arm64": "4.44.0",
+				"@rollup/rollup-darwin-x64": "4.44.0",
+				"@rollup/rollup-freebsd-arm64": "4.44.0",
+				"@rollup/rollup-freebsd-x64": "4.44.0",
+				"@rollup/rollup-linux-arm-gnueabihf": "4.44.0",
+				"@rollup/rollup-linux-arm-musleabihf": "4.44.0",
+				"@rollup/rollup-linux-arm64-gnu": "4.44.0",
+				"@rollup/rollup-linux-arm64-musl": "4.44.0",
+				"@rollup/rollup-linux-loongarch64-gnu": "4.44.0",
+				"@rollup/rollup-linux-powerpc64le-gnu": "4.44.0",
+				"@rollup/rollup-linux-riscv64-gnu": "4.44.0",
+				"@rollup/rollup-linux-riscv64-musl": "4.44.0",
+				"@rollup/rollup-linux-s390x-gnu": "4.44.0",
+				"@rollup/rollup-linux-x64-gnu": "4.44.0",
+				"@rollup/rollup-linux-x64-musl": "4.44.0",
+				"@rollup/rollup-win32-arm64-msvc": "4.44.0",
+				"@rollup/rollup-win32-ia32-msvc": "4.44.0",
+				"@rollup/rollup-win32-x64-msvc": "4.44.0",
+				"fsevents": "~2.3.2"
+			}
+		},
+		"node_modules/run-parallel": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+			"integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"queue-microtask": "^1.2.2"
+			}
+		},
+		"node_modules/scheduler": {
+			"version": "0.26.0",
+			"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz",
+			"integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==",
+			"license": "MIT"
+		},
+		"node_modules/semver": {
+			"version": "6.3.1",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+			"integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+			"dev": true,
+			"license": "ISC",
+			"bin": {
+				"semver": "bin/semver.js"
+			}
+		},
+		"node_modules/seroval": {
+			"version": "1.3.2",
+			"resolved": "https://registry.npmjs.org/seroval/-/seroval-1.3.2.tgz",
+			"integrity": "sha512-RbcPH1n5cfwKrru7v7+zrZvjLurgHhGyso3HTyGtRivGWgYjbOmGuivCQaORNELjNONoK35nj28EoWul9sb1zQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/seroval-plugins": {
+			"version": "1.3.2",
+			"resolved": "https://registry.npmjs.org/seroval-plugins/-/seroval-plugins-1.3.2.tgz",
+			"integrity": "sha512-0QvCV2lM3aj/U3YozDiVwx9zpH0q8A60CTWIv4Jszj/givcudPb48B+rkU5D51NJ0pTpweGMttHjboPa9/zoIQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=10"
+			},
+			"peerDependencies": {
+				"seroval": "^1.0"
+			}
+		},
+		"node_modules/shebang-command": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+			"integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"shebang-regex": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/shebang-regex": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+			"integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/solid-js": {
+			"version": "1.9.7",
+			"resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.9.7.tgz",
+			"integrity": "sha512-/saTKi8iWEM233n5OSi1YHCCuh66ZIQ7aK2hsToPe4tqGm7qAejU1SwNuTPivbWAYq7SjuHVVYxxuZQNRbICiw==",
+			"license": "MIT",
+			"dependencies": {
+				"csstype": "^3.1.0",
+				"seroval": "~1.3.0",
+				"seroval-plugins": "~1.3.0"
+			}
+		},
+		"node_modules/source-map": {
+			"version": "0.6.1",
+			"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+			"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+			"license": "BSD-3-Clause",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/source-map-js": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+			"integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+			"license": "BSD-3-Clause",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/sprintf-js": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+			"integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+			"license": "BSD-3-Clause"
+		},
+		"node_modules/string-argv": {
+			"version": "0.3.2",
+			"resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
+			"integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.6.19"
+			}
+		},
+		"node_modules/strip-json-comments": {
+			"version": "3.1.1",
+			"resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+			"integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/supports-color": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+			"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-flag": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/supports-preserve-symlinks-flag": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+			"integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/tabbable": {
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
+			"integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==",
+			"license": "MIT"
+		},
+		"node_modules/tailwindcss": {
+			"version": "4.1.10",
+			"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.10.tgz",
+			"integrity": "sha512-P3nr6WkvKV/ONsTzj6Gb57sWPMX29EPNPopo7+FcpkQaNsrNpZ1pv8QmrYI2RqEKD7mlGqLnGovlcYnBK0IqUA==",
+			"license": "MIT"
+		},
+		"node_modules/tapable": {
+			"version": "2.2.2",
+			"resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.2.tgz",
+			"integrity": "sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/tar": {
+			"version": "7.4.3",
+			"resolved": "https://registry.npmjs.org/tar/-/tar-7.4.3.tgz",
+			"integrity": "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==",
+			"license": "ISC",
+			"dependencies": {
+				"@isaacs/fs-minipass": "^4.0.0",
+				"chownr": "^3.0.0",
+				"minipass": "^7.1.2",
+				"minizlib": "^3.0.1",
+				"mkdirp": "^3.0.1",
+				"yallist": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/tar/node_modules/yallist": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+			"integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
+			"license": "BlueOak-1.0.0",
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/tiny-invariant": {
+			"version": "1.3.3",
+			"resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
+			"integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
+			"license": "MIT"
+		},
+		"node_modules/tiny-warning": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
+			"integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==",
+			"license": "MIT"
+		},
+		"node_modules/tinyglobby": {
+			"version": "0.2.14",
+			"resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
+			"integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
+			"license": "MIT",
+			"dependencies": {
+				"fdir": "^6.4.4",
+				"picomatch": "^4.0.2"
+			},
+			"engines": {
+				"node": ">=12.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/SuperchupuDev"
+			}
+		},
+		"node_modules/tinyglobby/node_modules/fdir": {
+			"version": "6.4.6",
+			"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.6.tgz",
+			"integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==",
+			"license": "MIT",
+			"peerDependencies": {
+				"picomatch": "^3 || ^4"
+			},
+			"peerDependenciesMeta": {
+				"picomatch": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/tinyglobby/node_modules/picomatch": {
+			"version": "4.0.2",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+			"integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/to-regex-range": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+			"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-number": "^7.0.0"
+			},
+			"engines": {
+				"node": ">=8.0"
+			}
+		},
+		"node_modules/ts-api-utils": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
+			"integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=18.12"
+			},
+			"peerDependencies": {
+				"typescript": ">=4.8.4"
+			}
+		},
+		"node_modules/tslib": {
+			"version": "2.8.1",
+			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+			"integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+			"license": "0BSD"
+		},
+		"node_modules/tsx": {
+			"version": "4.20.3",
+			"resolved": "https://registry.npmjs.org/tsx/-/tsx-4.20.3.tgz",
+			"integrity": "sha512-qjbnuR9Tr+FJOMBqJCW5ehvIo/buZq7vH7qD7JziU98h6l3qGy0a/yPFjwO+y0/T7GFpNgNAvEcPPVfyT8rrPQ==",
+			"devOptional": true,
+			"license": "MIT",
+			"dependencies": {
+				"esbuild": "~0.25.0",
+				"get-tsconfig": "^4.7.5"
+			},
+			"bin": {
+				"tsx": "dist/cli.mjs"
+			},
+			"engines": {
+				"node": ">=18.0.0"
+			},
+			"optionalDependencies": {
+				"fsevents": "~2.3.3"
+			}
+		},
+		"node_modules/type-check": {
+			"version": "0.4.0",
+			"resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+			"integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"prelude-ls": "^1.2.1"
+			},
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/typescript": {
+			"version": "5.8.3",
+			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
+			"integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
+			"license": "Apache-2.0",
+			"bin": {
+				"tsc": "bin/tsc",
+				"tsserver": "bin/tsserver"
+			},
+			"engines": {
+				"node": ">=14.17"
+			}
+		},
+		"node_modules/typescript-eslint": {
+			"version": "8.35.0",
+			"resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.35.0.tgz",
+			"integrity": "sha512-uEnz70b7kBz6eg/j0Czy6K5NivaYopgxRjsnAJ2Fx5oTLo3wefTHIbL7AkQr1+7tJCRVpTs/wiM8JR/11Loq9A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/eslint-plugin": "8.35.0",
+				"@typescript-eslint/parser": "8.35.0",
+				"@typescript-eslint/utils": "8.35.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"eslint": "^8.57.0 || ^9.0.0",
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/ufo": {
+			"version": "1.6.1",
+			"resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.1.tgz",
+			"integrity": "sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==",
+			"license": "MIT"
+		},
+		"node_modules/undici-types": {
+			"version": "7.8.0",
+			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.8.0.tgz",
+			"integrity": "sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==",
+			"license": "MIT"
+		},
+		"node_modules/universalify": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+			"integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">= 10.0.0"
+			}
+		},
+		"node_modules/unplugin": {
+			"version": "2.3.5",
+			"resolved": "https://registry.npmjs.org/unplugin/-/unplugin-2.3.5.tgz",
+			"integrity": "sha512-RyWSb5AHmGtjjNQ6gIlA67sHOsWpsbWpwDokLwTcejVdOjEkJZh7QKu14J00gDDVSh8kGH4KYC/TNBceXFZhtw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"acorn": "^8.14.1",
+				"picomatch": "^4.0.2",
+				"webpack-virtual-modules": "^0.6.2"
+			},
+			"engines": {
+				"node": ">=18.12.0"
+			}
+		},
+		"node_modules/unplugin/node_modules/picomatch": {
+			"version": "4.0.2",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+			"integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/update-browserslist-db": {
+			"version": "1.1.3",
+			"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+			"integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/browserslist"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/browserslist"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"escalade": "^3.2.0",
+				"picocolors": "^1.1.1"
+			},
+			"bin": {
+				"update-browserslist-db": "cli.js"
+			},
+			"peerDependencies": {
+				"browserslist": ">= 4.21.0"
+			}
+		},
+		"node_modules/uri-js": {
+			"version": "4.4.1",
+			"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+			"integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+			"license": "BSD-2-Clause",
+			"dependencies": {
+				"punycode": "^2.1.0"
+			}
+		},
+		"node_modules/use-sync-external-store": {
+			"version": "1.5.0",
+			"resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.5.0.tgz",
+			"integrity": "sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==",
+			"license": "MIT",
+			"peerDependencies": {
+				"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+			}
+		},
+		"node_modules/vite": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/vite/-/vite-7.0.0.tgz",
+			"integrity": "sha512-ixXJB1YRgDIw2OszKQS9WxGHKwLdCsbQNkpJN171udl6szi/rIySHL6/Os3s2+oE4P/FLD4dxg4mD7Wust+u5g==",
+			"license": "MIT",
+			"dependencies": {
+				"esbuild": "^0.25.0",
+				"fdir": "^6.4.6",
+				"picomatch": "^4.0.2",
+				"postcss": "^8.5.6",
+				"rollup": "^4.40.0",
+				"tinyglobby": "^0.2.14"
+			},
+			"bin": {
+				"vite": "bin/vite.js"
+			},
+			"engines": {
+				"node": "^20.19.0 || >=22.12.0"
+			},
+			"funding": {
+				"url": "https://github.com/vitejs/vite?sponsor=1"
+			},
+			"optionalDependencies": {
+				"fsevents": "~2.3.3"
+			},
+			"peerDependencies": {
+				"@types/node": "^20.19.0 || >=22.12.0",
+				"jiti": ">=1.21.0",
+				"less": "^4.0.0",
+				"lightningcss": "^1.21.0",
+				"sass": "^1.70.0",
+				"sass-embedded": "^1.70.0",
+				"stylus": ">=0.54.8",
+				"sugarss": "^5.0.0",
+				"terser": "^5.16.0",
+				"tsx": "^4.8.1",
+				"yaml": "^2.4.2"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				},
+				"jiti": {
+					"optional": true
+				},
+				"less": {
+					"optional": true
+				},
+				"lightningcss": {
+					"optional": true
+				},
+				"sass": {
+					"optional": true
+				},
+				"sass-embedded": {
+					"optional": true
+				},
+				"stylus": {
+					"optional": true
+				},
+				"sugarss": {
+					"optional": true
+				},
+				"terser": {
+					"optional": true
+				},
+				"tsx": {
+					"optional": true
+				},
+				"yaml": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/vite-plugin-dts": {
+			"version": "4.5.4",
+			"resolved": "https://registry.npmjs.org/vite-plugin-dts/-/vite-plugin-dts-4.5.4.tgz",
+			"integrity": "sha512-d4sOM8M/8z7vRXHHq/ebbblfaxENjogAAekcfcDCCwAyvGqnPrc7f4NZbvItS+g4WTgerW0xDwSz5qz11JT3vg==",
+			"license": "MIT",
+			"dependencies": {
+				"@microsoft/api-extractor": "^7.50.1",
+				"@rollup/pluginutils": "^5.1.4",
+				"@volar/typescript": "^2.4.11",
+				"@vue/language-core": "2.2.0",
+				"compare-versions": "^6.1.1",
+				"debug": "^4.4.0",
+				"kolorist": "^1.8.0",
+				"local-pkg": "^1.0.0",
+				"magic-string": "^0.30.17"
+			},
+			"peerDependencies": {
+				"typescript": "*",
+				"vite": "*"
+			},
+			"peerDependenciesMeta": {
+				"vite": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/vite/node_modules/fdir": {
+			"version": "6.4.6",
+			"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.6.tgz",
+			"integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==",
+			"license": "MIT",
+			"peerDependencies": {
+				"picomatch": "^3 || ^4"
+			},
+			"peerDependenciesMeta": {
+				"picomatch": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/vite/node_modules/picomatch": {
+			"version": "4.0.2",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+			"integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/vscode-uri": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
+			"integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
+			"license": "MIT"
+		},
+		"node_modules/webpack-virtual-modules": {
+			"version": "0.6.2",
+			"resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+			"integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/which": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+			"integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"isexe": "^2.0.0"
+			},
+			"bin": {
+				"node-which": "bin/node-which"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/word-wrap": {
+			"version": "1.2.5",
+			"resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+			"integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/yallist": {
+			"version": "3.1.1",
+			"resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+			"integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/yocto-queue": {
+			"version": "0.1.0",
+			"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+			"integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/zod": {
+			"version": "3.25.70",
+			"resolved": "https://registry.npmjs.org/zod/-/zod-3.25.70.tgz",
+			"integrity": "sha512-2WWzL2X2GpPU6as2xK1HFb6U5BZdJMdpB5Qtlan4a1KLYcZ6Gvox+mqZpxOd66sfe5AP3pEWpd2BC3f0yLH/nQ==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/colinhacks"
+			}
+		}
+	}
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..687383d
--- /dev/null
+++ b/package.json
@@ -0,0 +1,45 @@
+{
+	"name": "mattrixwv-components",
+	"private": true,
+	"version": "0.0.0",
+	"type": "module",
+	"scripts": {
+		"dev": "vite",
+		"build": "tsc -b && vite build",
+		"lint": "eslint .",
+		"preview": "vite preview"
+	},
+	"dependencies": {
+		"@headlessui/react": "^2.2.4",
+		"@tailwindcss/vite": "^4.1.10",
+		"@tanstack/react-router": "^1.124.0",
+		"@tanstack/react-router-devtools": "^1.124.0",
+		"@types/node": "^24.0.4",
+		"clsx": "^2.1.1",
+		"react": "^19.1.0",
+		"react-dom": "^19.1.0",
+		"react-icons": "^5.5.0",
+		"tailwindcss": "^4.1.10",
+		"vite-plugin-dts": "^4.5.4"
+	},
+	"devDependencies": {
+		"@eslint/js": "^9.29.0",
+		"@tanstack/eslint-plugin-router": "^1.121.21",
+		"@tanstack/router-plugin": "^1.124.0",
+		"@types/react": "^19.1.8",
+		"@types/react-dom": "^19.1.6",
+		"@vitejs/plugin-react": "^4.5.2",
+		"eslint": "^9.29.0",
+		"eslint-plugin-react-hooks": "^5.2.0",
+		"eslint-plugin-react-refresh": "^0.4.20",
+		"globals": "^16.2.0",
+		"typescript": "~5.8.3",
+		"typescript-eslint": "^8.34.1",
+		"vite": "^7.0.0"
+	},
+	"overrides": {
+		"@tailwindcss/vite": {
+			"vite": "^7.0.0"
+		}
+	}
+}
diff --git a/public/vite.svg b/public/vite.svg
new file mode 100644
index 0000000..e7b8dfb
--- /dev/null
+++ b/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/src/assets/react.svg b/src/assets/react.svg
new file mode 100644
index 0000000..6c87de9
--- /dev/null
+++ b/src/assets/react.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..312e151
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,82 @@
+@import "tailwindcss";
+@custom-variant dark (&:where(.dark, .dark *));
+
+@theme {
+	--color-neutral-825: oklch(0.253 0 0);
+	--color-neutral-850: oklch(0.237 0 0);
+
+
+	--light-text-color: #213547;
+	--light-bg-color: #FFFFFF;
+
+	--dark-text-color: #FFFFFFDE;
+	--dark-bg-color: #242424;
+}
+
+
+:root.light {
+	--text-color: var(--light-text-color);
+	--bg-color: var(--light-bg-color);
+}
+
+:root.dark {
+	--text-color: var(--dark-text-color);
+	--bg-color: var(--dark-bg-color);
+}
+
+input::-webkit-calendar-picker-indicator {
+	cursor: pointer;
+}
+
+:root {
+	font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+
+	font-synthesis: none;
+	text-rendering: optimizeLegibility;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+
+	color: var(--text-color);
+	background-color: var(--bg-color);
+}
+
+#root {
+	padding-top: 4rem;
+	padding-inline: 1rem;
+	height: 100%;
+	width: 100%;
+}
+
+body {
+	margin-inline: auto;
+
+	min-width: 320px;
+	height: 100vh;
+
+	text-align: center;
+}
+
+a.active {
+	color: var(--color-blue-400);
+}
+
+nav {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+
+	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
+	justify-content: space-btween;
+	align-items: center;
+	margin-inline: auto;
+	padding-inline: 1rem;
+}
+
+@keyframes spinnerAnimate {
+	100% {
+		transform: rotate(360deg);
+	}
+}
diff --git a/src/main.tsx b/src/main.tsx
new file mode 100644
index 0000000..ad81c80
--- /dev/null
+++ b/src/main.tsx
@@ -0,0 +1,23 @@
+import ThemeProvider from "$/providers/theme/ThemeProvider";
+import { RouterProvider, createRouter } from "@tanstack/react-router";
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "./index.css";
+import { routeTree } from "./routeTree.gen";
+
+
+const router =  createRouter({ routeTree });
+declare module "@tanstack/react-router" {
+	interface Register {
+		router: typeof router
+	}
+}
+
+
+createRoot(document.getElementById('root')!).render(
+	<StrictMode>
+		<ThemeProvider defaultTheme="dark">
+			<RouterProvider router={router}/>
+		</ThemeProvider>
+	</StrictMode>
+);
diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
new file mode 100644
index 0000000..4df05e4
--- /dev/null
+++ b/src/routeTree.gen.ts
@@ -0,0 +1,210 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+import { Route as rootRouteImport } from './routes/__root'
+import { Route as IndexRouteImport } from './routes/index'
+import { Route as TabIndexRouteImport } from './routes/tab/index'
+import { Route as SwitchIndexRouteImport } from './routes/switch/index'
+import { Route as ModalIndexRouteImport } from './routes/modal/index'
+import { Route as MessageIndexRouteImport } from './routes/message/index'
+import { Route as LoadingIndexRouteImport } from './routes/loading/index'
+import { Route as InputIndexRouteImport } from './routes/input/index'
+import { Route as ButtonsIndexRouteImport } from './routes/buttons/index'
+
+const IndexRoute = IndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const TabIndexRoute = TabIndexRouteImport.update({
+  id: '/tab/',
+  path: '/tab/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const SwitchIndexRoute = SwitchIndexRouteImport.update({
+  id: '/switch/',
+  path: '/switch/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ModalIndexRoute = ModalIndexRouteImport.update({
+  id: '/modal/',
+  path: '/modal/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const MessageIndexRoute = MessageIndexRouteImport.update({
+  id: '/message/',
+  path: '/message/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const LoadingIndexRoute = LoadingIndexRouteImport.update({
+  id: '/loading/',
+  path: '/loading/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const InputIndexRoute = InputIndexRouteImport.update({
+  id: '/input/',
+  path: '/input/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ButtonsIndexRoute = ButtonsIndexRouteImport.update({
+  id: '/buttons/',
+  path: '/buttons/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+
+export interface FileRoutesByFullPath {
+  '/': typeof IndexRoute
+  '/buttons': typeof ButtonsIndexRoute
+  '/input': typeof InputIndexRoute
+  '/loading': typeof LoadingIndexRoute
+  '/message': typeof MessageIndexRoute
+  '/modal': typeof ModalIndexRoute
+  '/switch': typeof SwitchIndexRoute
+  '/tab': typeof TabIndexRoute
+}
+export interface FileRoutesByTo {
+  '/': typeof IndexRoute
+  '/buttons': typeof ButtonsIndexRoute
+  '/input': typeof InputIndexRoute
+  '/loading': typeof LoadingIndexRoute
+  '/message': typeof MessageIndexRoute
+  '/modal': typeof ModalIndexRoute
+  '/switch': typeof SwitchIndexRoute
+  '/tab': typeof TabIndexRoute
+}
+export interface FileRoutesById {
+  __root__: typeof rootRouteImport
+  '/': typeof IndexRoute
+  '/buttons/': typeof ButtonsIndexRoute
+  '/input/': typeof InputIndexRoute
+  '/loading/': typeof LoadingIndexRoute
+  '/message/': typeof MessageIndexRoute
+  '/modal/': typeof ModalIndexRoute
+  '/switch/': typeof SwitchIndexRoute
+  '/tab/': typeof TabIndexRoute
+}
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath
+  fullPaths:
+    | '/'
+    | '/buttons'
+    | '/input'
+    | '/loading'
+    | '/message'
+    | '/modal'
+    | '/switch'
+    | '/tab'
+  fileRoutesByTo: FileRoutesByTo
+  to:
+    | '/'
+    | '/buttons'
+    | '/input'
+    | '/loading'
+    | '/message'
+    | '/modal'
+    | '/switch'
+    | '/tab'
+  id:
+    | '__root__'
+    | '/'
+    | '/buttons/'
+    | '/input/'
+    | '/loading/'
+    | '/message/'
+    | '/modal/'
+    | '/switch/'
+    | '/tab/'
+  fileRoutesById: FileRoutesById
+}
+export interface RootRouteChildren {
+  IndexRoute: typeof IndexRoute
+  ButtonsIndexRoute: typeof ButtonsIndexRoute
+  InputIndexRoute: typeof InputIndexRoute
+  LoadingIndexRoute: typeof LoadingIndexRoute
+  MessageIndexRoute: typeof MessageIndexRoute
+  ModalIndexRoute: typeof ModalIndexRoute
+  SwitchIndexRoute: typeof SwitchIndexRoute
+  TabIndexRoute: typeof TabIndexRoute
+}
+
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/': {
+      id: '/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof IndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/tab/': {
+      id: '/tab/'
+      path: '/tab'
+      fullPath: '/tab'
+      preLoaderRoute: typeof TabIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/switch/': {
+      id: '/switch/'
+      path: '/switch'
+      fullPath: '/switch'
+      preLoaderRoute: typeof SwitchIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/modal/': {
+      id: '/modal/'
+      path: '/modal'
+      fullPath: '/modal'
+      preLoaderRoute: typeof ModalIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/message/': {
+      id: '/message/'
+      path: '/message'
+      fullPath: '/message'
+      preLoaderRoute: typeof MessageIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/loading/': {
+      id: '/loading/'
+      path: '/loading'
+      fullPath: '/loading'
+      preLoaderRoute: typeof LoadingIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/input/': {
+      id: '/input/'
+      path: '/input'
+      fullPath: '/input'
+      preLoaderRoute: typeof InputIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/buttons/': {
+      id: '/buttons/'
+      path: '/buttons'
+      fullPath: '/buttons'
+      preLoaderRoute: typeof ButtonsIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+  }
+}
+
+const rootRouteChildren: RootRouteChildren = {
+  IndexRoute: IndexRoute,
+  ButtonsIndexRoute: ButtonsIndexRoute,
+  InputIndexRoute: InputIndexRoute,
+  LoadingIndexRoute: LoadingIndexRoute,
+  MessageIndexRoute: MessageIndexRoute,
+  ModalIndexRoute: ModalIndexRoute,
+  SwitchIndexRoute: SwitchIndexRoute,
+  TabIndexRoute: TabIndexRoute,
+}
+export const routeTree = rootRouteImport
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>()
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
new file mode 100644
index 0000000..b142f6d
--- /dev/null
+++ b/src/routes/__root.tsx
@@ -0,0 +1,50 @@
+import { DarkModeSwitch } from "$/component/nav";
+import NavBar from "$/component/nav/NavBar";
+import { createRootRoute, Link, Outlet } from "@tanstack/react-router";
+import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
+
+
+const navLinks = [
+	{ to: "/", label: "Home" },
+	{ to: "/buttons", label: "Buttons" },
+	{ to: "/input", label: "Input" },
+	{ to: "/loading", label: "Loading" },
+	{ to: "/message", label: "Message" },
+	{ to: "/modal", label: "Modal" },
+	{ to: "/switch", label: "Switch" },
+	{ to: "/tab", label: "Tab" },
+];
+
+
+export const Route = createRootRoute({
+	component: () => (
+		<>
+			<NavBar
+				className="bg-neutral-300 dark:bg-neutral-900 h-12"
+			>
+				<div
+					className="flex flex-row items-center justify-end gap-x-4"
+				>
+					{
+						navLinks.map((link) => (
+							<Link
+								to={link.to}
+							>
+								{link.label}
+							</Link>
+						))
+					}
+				</div>
+				<div>
+					<DarkModeSwitch/>
+				</div>
+			</NavBar>
+			<Outlet/>
+			{/* */}
+			<TanStackRouterDevtools
+				position="bottom-right"
+			/>
+			{/* */}
+		</>
+	)
+});
\ No newline at end of file
diff --git a/src/routes/buttons/index.tsx b/src/routes/buttons/index.tsx
new file mode 100644
index 0000000..8e5b640
--- /dev/null
+++ b/src/routes/buttons/index.tsx
@@ -0,0 +1,139 @@
+import { DangerButton, DarkButton, LightButton, PrimaryButton, SecondaryButton, SuccessButton, TertiaryButton, WarningButton } from "$/component/button";
+import InfoButton from "$/component/button/InfoButton";
+import MoltenButton from "$/component/button/MoltenButton";
+import { MattrixwvTabGroup } from "$/component/tab";
+import type { ButtonProps, ButtonSize } from "$/types/Button";
+import type { TabGroupContent } from "$/types/Tab";
+import { createFileRoute } from "@tanstack/react-router";
+import { useState, type JSX } from "react";
+import { BsBag } from "react-icons/bs";
+
+
+export const Route = createFileRoute("/buttons/")({
+	component: ButtonPage
+});
+
+
+function ButtonPage(){
+	const [ clickCount, setClickCount ] = useState(0);
+
+
+	const tabs: TabGroupContent[] = [
+		{ tab: "Primary", content: generateTabContent(PrimaryButton, () => setClickCount(clickCount + 1)) },
+		{ tab: "Secondary", content: generateTabContent(SecondaryButton, () => setClickCount(clickCount + 1)) },
+		{ tab: "Tertiary", content: generateTabContent(TertiaryButton, () => setClickCount(clickCount + 1)) },
+		{ tab: "Info", content: generateTabContent(InfoButton, () => setClickCount(clickCount + 1)) },
+		{ tab: "Success", content: generateTabContent(SuccessButton, () => setClickCount(clickCount + 1)) },
+		{ tab: "Warning", content: generateTabContent(WarningButton, () => setClickCount(clickCount + 1)) },
+		{ tab: "Danger", content: generateTabContent(DangerButton, () => setClickCount(clickCount + 1)) },
+		{ tab: "Molten", content: generateTabContent(MoltenButton, () => setClickCount(clickCount + 1)) },
+		{ tab: "Dark", content: generateTabContent(DarkButton, () => setClickCount(clickCount + 1)) },
+		{ tab: "Light", content: generateTabContent(LightButton, () => setClickCount(clickCount + 1)) }
+	];
+
+
+	return (
+		<div
+			className="flex flex-col items-center justify-center"
+		>
+			<h1
+				className="text-4xl"
+			>
+				Count {clickCount}
+			</h1>
+			<MattrixwvTabGroup
+				tabs={tabs}
+			/>
+		</div>
+	);
+}
+
+
+function generateTabContent(Fn: (props: ButtonProps) => JSX.Element, onClick: () => void): React.ReactNode{
+	const sizes: { size: ButtonSize; title: string; }[] = [
+		{ size: "xl", title: "X-Large" },
+		{ size: "lg", title: "Large" },
+		{ size: "md", title: "Medium" },
+		{ size: "sm", title: "Small" },
+		{ size: "xs", title: "X-Small" },
+	];
+
+
+	return (
+		<div
+			className="flex flex-col items-center justify-center gap-y-8 mt-8"
+		>
+			<ButtonDisplay
+				title="Rectangle"
+			>
+				{sizes.map((size) => (<Fn shape="rectangle" size={size.size} key={size.size} onClick={onClick}>{size.title}</Fn>))}
+				<Fn shape="rectangle" size="md" disabled={true} onClick={onClick}>Disabled</Fn>
+			</ButtonDisplay>
+
+			<ButtonDisplay
+				title="Square"
+			>
+				{sizes.map((size) => (<Fn shape="square" size={size.size} key={size.size} onClick={onClick}><BsBag size={20}/></Fn>))}
+			</ButtonDisplay>
+
+			<ButtonDisplay
+				title="Rounding"
+			>
+				<Fn rounding="none" onClick={onClick}>None</Fn>
+				<Fn rounding="sm" onClick={onClick}>Small</Fn>
+				<Fn rounding="md" onClick={onClick}>Medium</Fn>
+				<Fn rounding="lg" onClick={onClick}>Large</Fn>
+				<Fn rounding="full" onClick={onClick}>Full</Fn>
+			</ButtonDisplay>
+
+			<ButtonDisplay
+				title="Outline"
+			>
+				{sizes.map((size) => (<Fn variant="outline" size={size.size} key={size.size} onClick={onClick}>{size.title}</Fn>))}
+				<Fn variant="outline" size="md" disabled={true} onClick={onClick}>Disabled</Fn>
+			</ButtonDisplay>
+
+			<ButtonDisplay
+				title="Ghost"
+			>
+				{sizes.map((size) => (<Fn variant="ghost" size={size.size} key={size.size} onClick={onClick}>{size.title}</Fn>))}
+				<Fn variant="ghost" size="md" disabled={true} onClick={onClick}>Disabled</Fn>
+			</ButtonDisplay>
+
+			<ButtonDisplay
+				title="Outline-Ghost"
+			>
+				{sizes.map((size) => (<Fn variant="outline-ghost" size={size.size} key={size.size} onClick={onClick}>{size.title}</Fn>))}
+				<Fn variant="outline-ghost" size="md" disabled={true} onClick={onClick}>Disabled</Fn>
+			</ButtonDisplay>
+
+			<ButtonDisplay
+				title="Icon"
+			>
+				{sizes.map((size) => (<Fn variant="icon" size={size.size} key={size.size} onClick={onClick}>{<BsBag size={20}/>}</Fn>))}
+				<Fn variant="icon" size="md" disabled={true} onClick={onClick}><BsBag size={20}/></Fn>
+			</ButtonDisplay>
+		</div>
+	);
+}
+
+function ButtonDisplay({
+	title,
+	children
+}:{
+	title: React.ReactNode;
+	children: React.ReactNode;
+}){
+	return (
+		<div
+			className="flex flex-col items-center justify-center gap-y-2"
+		>
+			<h2 className="text-2xl">{title}</h2>
+			<div
+				className="flex flex-row items-center justify-center gap-x-4"
+			>
+				{children}
+			</div>
+		</div>
+	);
+}
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
new file mode 100644
index 0000000..bb069dd
--- /dev/null
+++ b/src/routes/index.tsx
@@ -0,0 +1,15 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+
+export const Route = createFileRoute("/")({
+	component: HomePage
+});
+
+
+function HomePage(){
+	return (
+		<div>
+			Home Page
+		</div>
+	);
+}
diff --git a/src/routes/input/index.tsx b/src/routes/input/index.tsx
new file mode 100644
index 0000000..155328c
--- /dev/null
+++ b/src/routes/input/index.tsx
@@ -0,0 +1,11 @@
+import { createFileRoute } from '@tanstack/react-router';
+
+
+export const Route = createFileRoute('/input/')({
+	component: InputPage
+});
+
+
+function InputPage(){
+	return <div>Hello "/input/"!</div>
+}
diff --git a/src/routes/loading/index.tsx b/src/routes/loading/index.tsx
new file mode 100644
index 0000000..3d7ed04
--- /dev/null
+++ b/src/routes/loading/index.tsx
@@ -0,0 +1,27 @@
+import { MattrixwvTabGroup } from "$/component/tab";
+import type { TabGroupContent } from "$/types/Tab";
+import { generateBarsContent, generateBlocksContent, generateDotsContent, generatePulsesContent, generateSpinnersContent, generateVariousContent } from "@/util/LoadingUtils";
+import { createFileRoute } from "@tanstack/react-router";
+
+
+export const Route = createFileRoute("/loading/")({
+	component: LoadingPage
+});
+
+
+function LoadingPage(){
+	const tabs: TabGroupContent[] = [
+		{ tab: "Spinners", content: generateSpinnersContent() },
+		{ tab: "Dots", content: generateDotsContent() },
+		{ tab: "Bars", content: generateBarsContent() },
+		{ tab: "Blocks", content: generateBlocksContent() },
+		{ tab: "Pulses", content: generatePulsesContent() },
+		{ tab: "Various", content: generateVariousContent() }
+	];
+
+	return (
+		<MattrixwvTabGroup
+			tabs={tabs}
+		/>
+	);
+}
diff --git a/src/routes/message/index.tsx b/src/routes/message/index.tsx
new file mode 100644
index 0000000..82c0440
--- /dev/null
+++ b/src/routes/message/index.tsx
@@ -0,0 +1,48 @@
+import { DangerMessageBlock, DarkMessageBlock, LightMessageBlock, PrimaryMessageBlock, SecondaryMessageBlock, SuccessMessageBlock, TertiaryMessageBlock, WarningMessageBlock } from '$/component/message';
+import InfoMessageBlock from '$/component/message/InfoMessageBlock';
+import MoltenMessageBlock from '$/component/message/MoltenMessageBlock';
+import { MattrixwvTabGroup } from '$/component/tab';
+import type { MessageBlockProps } from '$/types/Message';
+import type { TabGroupContent } from '$/types/Tab';
+import { createFileRoute } from '@tanstack/react-router';
+
+
+export const Route = createFileRoute('/message/')({
+	component: MessagePage
+});
+
+
+function MessagePage(){
+	const tabs: TabGroupContent[] = [
+		{ tab: "Primary", content: generateTabContent(PrimaryMessageBlock) },
+		{ tab: "Secondary", content: generateTabContent(SecondaryMessageBlock) },
+		{ tab: "Tertiary", content: generateTabContent(TertiaryMessageBlock) },
+		{ tab: "Info", content: generateTabContent(InfoMessageBlock) },
+		{ tab: "Success", content: generateTabContent(SuccessMessageBlock) },
+		{ tab: "Warning", content: generateTabContent(WarningMessageBlock) },
+		{ tab: "Danger", content: generateTabContent(DangerMessageBlock) },
+		{ tab: "Molten", content: generateTabContent(MoltenMessageBlock) },
+		{ tab: "Dark", content: generateTabContent(DarkMessageBlock) },
+		{ tab: "Light", content: generateTabContent(LightMessageBlock) }
+	];
+
+
+	return (
+		<MattrixwvTabGroup
+			tabs={tabs}
+		/>
+	);
+}
+
+
+function generateTabContent(Fn: (props: MessageBlockProps) => React.ReactNode): React.ReactNode{
+	return (
+		<Fn
+			className="flex flex-col items-center justify-center mt-8"
+		>
+			<span>This is a test message across multiple lines</span>
+			<span>just to make sure it</span>
+			<span>looks correct.</span>
+		</Fn>
+	);
+}
diff --git a/src/routes/modal/index.tsx b/src/routes/modal/index.tsx
new file mode 100644
index 0000000..8ca8702
--- /dev/null
+++ b/src/routes/modal/index.tsx
@@ -0,0 +1,111 @@
+import { DangerButton, PrimaryButton, SuccessButton, WarningButton } from "$/component/button";
+import { Modal } from "$/component/modal";
+import { createFileRoute } from "@tanstack/react-router";
+import { useState } from "react";
+
+
+export const Route = createFileRoute("/modal/")({
+	component: ModalPage
+});
+
+
+function ModalPage(){
+	const [ displayCenteredModal, setDisplayCenteredModal ] = useState(false);
+	const [ displayTopModal, setDisplayTopModal ] = useState(false);
+
+
+	return (
+		<div
+			className="flex flex-col items-center justify-center gap-y-16"
+		>
+			<h1
+				className="text-4xl"
+			>
+				Modals
+			</h1>
+			<PrimaryButton
+				onClick={() => setDisplayCenteredModal(true)}
+			>
+				Centered Modal
+			</PrimaryButton>
+			<PrimaryButton
+				onClick={() => setDisplayTopModal(true)}
+			>
+				Top Modal
+			</PrimaryButton>
+			<div
+				className="flex flex-row items-center justify-center gap-x-4">
+				<PrimaryButton
+					onClick={() => {}}
+				>
+					Timed Modal
+				</PrimaryButton>
+				<SuccessButton
+					onClick={() => {}}
+				>
+					Timed Modal
+				</SuccessButton>
+				<WarningButton
+					onClick={() => {}}
+				>
+					Timed Modal
+				</WarningButton>
+				<DangerButton
+					onClick={() => {}}
+				>
+					Timed Modal
+				</DangerButton>
+			</div>
+
+			<DemoCenteredModal
+				display={displayCenteredModal}
+				onClose={() => setDisplayCenteredModal(false)}
+			/>
+			<DemoTopModal
+				display={displayTopModal}
+				onClose={() => setDisplayTopModal(false)}
+			/>
+		</div>
+	);
+}
+
+function DemoCenteredModal({
+	display,
+	onClose
+}:{
+	display: boolean;
+	onClose: () => void;
+}){
+	return (
+		<Modal
+			display={display}
+			onClose={onClose}
+			className="bg-(--bg-color) text-(--text-color)"
+		>
+			<span>This is the centered modal.</span>
+			<span>I am giving multiple lines so we can</span>
+			<span>see how it looks.</span>
+		</Modal>
+	);
+}
+
+function DemoTopModal({
+	display,
+	onClose
+}:{
+	display: boolean;
+	onClose: () => void;
+}){
+	return (
+		<Modal
+			display={display}
+			onClose={onClose}
+			className="bg-(--bg-color) text-(--text-color)"
+			top={true}
+		>
+			<span>This is the top modal.</span>
+			<span>I am giving multiple lines so we can</span>
+			<span>see how it looks.</span>
+		</Modal>
+	);
+}
diff --git a/src/routes/switch/index.tsx b/src/routes/switch/index.tsx
new file mode 100644
index 0000000..fc0e962
--- /dev/null
+++ b/src/routes/switch/index.tsx
@@ -0,0 +1,11 @@
+import { createFileRoute } from '@tanstack/react-router';
+
+
+export const Route = createFileRoute("/switch/")({
+	component: RouteComponent
+});
+
+
+function RouteComponent(){
+	return <div>Hello "/switch/"!</div>
+}
diff --git a/src/routes/tab/index.tsx b/src/routes/tab/index.tsx
new file mode 100644
index 0000000..36ab67c
--- /dev/null
+++ b/src/routes/tab/index.tsx
@@ -0,0 +1,26 @@
+import { MattrixwvTabGroup } from '$/component/tab';
+import type { TabGroupContent } from '$/types/Tab';
+import { createFileRoute } from '@tanstack/react-router';
+import { BsXLg } from 'react-icons/bs';
+
+
+export const Route = createFileRoute('/tab/')({
+	component: RouteComponent
+});
+
+
+function RouteComponent(){
+	const tabs: TabGroupContent[] = [
+		{ tab: "Tab 1", content: "Tab 1 Content" },
+		{ tab: "Tab 2", content: "Tab 2 Content" },
+		{ tab: "Tab 3", content: "Tab 3 Content" },
+		{ tab: "Tab 4", content: "Tab 4 Content" },
+		{ tab: <div className="flex flex-row items-center justify-center gap-x-2">Tab <BsXLg/></div>, content: <div className="flex flex-row items-center justify-center gap-x-2">Tab <BsXLg/> Content</div> }
+	];
+
+	return (
+		<MattrixwvTabGroup
+			tabs={tabs}
+		/>
+	);
+}
diff --git a/src/util/LoadingUtils.tsx b/src/util/LoadingUtils.tsx
new file mode 100644
index 0000000..bea006c
--- /dev/null
+++ b/src/util/LoadingUtils.tsx
@@ -0,0 +1,490 @@
+import CenterGrowingBars from "$/component/loading/bar/CenterGrowingBars";
+import CircleBars from "$/component/loading/bar/CircleBars";
+import FadingBars from "$/component/loading/bar/FadingBars";
+import FadingGrowingBars from "$/component/loading/bar/FadingGrowingBars";
+import GrowingBars from "$/component/loading/bar/GrowingBars";
+import PulsingBlocks from "$/component/loading/block/PulsingBlocks";
+import SlidingBlocks2 from "$/component/loading/block/SlidingBlocks2";
+import SlidingBlocks3 from "$/component/loading/block/SlidingBlocks3";
+import WaveBlocks from "$/component/loading/block/WaveBlocks";
+import BouncingDots from "$/component/loading/dot/BouncingDots";
+import CircleCenterDots from "$/component/loading/dot/CircleCenterDots";
+import CircleFadingDots from "$/component/loading/dot/CircleFadingDots";
+import CirclePulsingDots from "$/component/loading/dot/CirclePulsingDots";
+import CircleRotatingDots from "$/component/loading/dot/CircleRotatingDots";
+import CircleShrinkingDots from "$/component/loading/dot/CircleShrinkingDots";
+import CircleSpinningDot from "$/component/loading/dot/CircleSpinningDot";
+import CyclingDots from "$/component/loading/dot/CyclingDots";
+import FadingDots from "$/component/loading/dot/FadingDots";
+import PulsingDots from "$/component/loading/dot/PulsingDots";
+import RotatingDots from "$/component/loading/dot/RotatingDots";
+import SwellingDots from "$/component/loading/dot/SwellingDots";
+import DoubleDrop from "$/component/loading/drop/DoubleDrop";
+import DoubleWaveDrop from "$/component/loading/drop/DoubleWaveDrop";
+import Drop from "$/component/loading/drop/Drop";
+import QuickDrop from "$/component/loading/drop/QuickDrop";
+import QuickWaveDrop from "$/component/loading/drop/QuickWaveDrop";
+import TripleDrop from "$/component/loading/drop/TripleDrop";
+import TripleWaveDrop from "$/component/loading/drop/TripleWaveDrop";
+import WaveDrop from "$/component/loading/drop/WaveDrop";
+import HalfSpinner from "$/component/loading/spinner/HalfSpinner";
+import QuarterSpinner from "$/component/loading/spinner/QuarterSpinner";
+import RubberSpinner from "$/component/loading/spinner/RubberSpinner";
+import ThreeQuarterSpinner from "$/component/loading/spinner/ThreeQuarterSpinner";
+import BouncingDot from "$/component/loading/various/BouncingDot";
+import PulsingLine from "$/component/loading/various/PulsingLine";
+import SpinningBinary from "$/component/loading/various/SpinningBinary";
+import SpinningClock from "$/component/loading/various/SpinningClock";
+import SpinningEclipse from "$/component/loading/various/SpinningEclipse";
+import SpinningEclipseHalf from "$/component/loading/various/SpinningEclipseHalf";
+import SpinningGalaxy from "$/component/loading/various/SpinningGalaxy";
+import SpinningTadpole from "$/component/loading/various/SpinningTadpole";
+import Wifi from "$/component/loading/various/Wifi";
+import type { JSX } from "react";
+
+
+function LoadingGroup({
+	label,
+	elements
+}:{
+	label: React.ReactNode;
+	elements: JSX.Element[];
+}){
+	return (
+		<div
+			className="flex flex-col items-center justify-center"
+		>
+			<h1
+				className="text-2xl"
+			>
+				{label}
+			</h1>
+			<div
+				className="flex flex-row items-center justify-center gap-x-8"
+			>
+				{
+					elements.map((spinner, index) => (
+						<div
+							key={index}
+							className="w-32 h-32"
+						>
+							{spinner}
+						</div>
+					))
+				}
+			</div>
+		</div>
+	);
+}
+
+
+export function generateSpinnersContent(){
+	return (
+		<div
+			className="flex flex-col items-center justify-center gap-y-16"
+		>
+			<LoadingGroup
+				label="Quarter Spinner"
+				elements={[
+					<QuarterSpinner
+						className="fill-blue-600"
+					/>,
+					<QuarterSpinner
+						trackClassName="fill-neutral-700 dark:fill-zinc-700"
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Half Spinner"
+				elements={[
+					<HalfSpinner
+						className="fill-blue-600"
+					/>,
+					<HalfSpinner
+						trackClassName="fill-neutral-700 dark:fill-zinc-700"
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Three-Quarter Spinner"
+				elements={[
+					<ThreeQuarterSpinner
+						className="fill-blue-600"
+					/>,
+					<ThreeQuarterSpinner
+						trackClassName="fill-neutral-700 dark:fill-zinc-700"
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Rubber Spinner"
+				elements={[
+					<RubberSpinner
+						stroke="#155dfc"
+					/>,
+					<RubberSpinner
+						trackClassName="fill-neutral-700 dark:fill-zinc-700"
+						stroke="#155dfc"
+					/>
+				]}
+			/>
+		</div>
+	);
+}
+
+export function generateDotsContent(){
+	return (
+		<div
+			className="flex flex-col items-center justify-center"
+		>
+			<LoadingGroup
+				label="Bouncing"
+				elements={[
+					<BouncingDots
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Fading"
+				elements={[
+					<FadingDots
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Cycling"
+				elements={[
+					<CyclingDots
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Rotating"
+				elements={[
+					<RotatingDots
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Swelling"
+				elements={[
+					<SwellingDots
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Pulsing"
+				elements={[
+					<PulsingDots
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Circle Fading"
+				elements={[
+					<CircleFadingDots
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Circle Shrinking"
+				elements={[
+					<CircleShrinkingDots
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Circle Center"
+				elements={[
+					<CircleCenterDots
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Circle Rotating"
+				elements={[
+					<CircleRotatingDots
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Circle Pulsing"
+				elements={[
+					<CirclePulsingDots
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Circle Spinning"
+				elements={[
+					<CircleSpinningDot
+						trackClassName="fill-neutral-700 dark:fill-zinc-700"
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+		</div>
+	);
+}
+
+export function generateBarsContent(){
+	return (
+		<div
+			className="flex flex-col items-center justify-center"
+		>
+			<LoadingGroup
+				label="Fading Bars"
+				elements={[
+					<FadingBars
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Growing Bars"
+				elements={[
+					<GrowingBars
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Fading Growing Bars"
+				elements={[
+					<FadingGrowingBars
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Center Growing Bars"
+				elements={[
+					<CenterGrowingBars
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Circle Bars"
+				elements={[
+					<CircleBars
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+		</div>
+	);
+}
+
+export function generateBlocksContent(){
+	return (
+		<div
+			className="flex flex-col items-center justify-center"
+		>
+			<LoadingGroup
+				label="Pulsing Blocks"
+				elements={[
+					<PulsingBlocks
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Sliding Blocks 2"
+				elements={[
+					<SlidingBlocks2
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Sliding Blocks 3"
+				elements={[
+					<SlidingBlocks3
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Wave Blocks"
+				elements={[
+					<WaveBlocks
+						className="fill-blue-600 stroke-0 stroke-black"
+					/>
+				]}
+			/>
+		</div>
+	);
+}
+
+export function generatePulsesContent(){
+	return (
+		<div
+			className="flex flex-col items-center justify-center"
+		>
+			<LoadingGroup
+				label="Drop"
+				elements={[
+					<Drop
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Double Drop"
+				elements={[
+					<DoubleDrop
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Triple Drop"
+				elements={[
+					<TripleDrop
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Quick Drop"
+				elements={[
+					<QuickDrop
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Wave Drop"
+				elements={[
+					<WaveDrop
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Double Wave Drop"
+				elements={[
+					<DoubleWaveDrop
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Triple Wave Drop"
+				elements={[
+					<TripleWaveDrop
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Quick Wave Drop"
+				elements={[
+					<QuickWaveDrop
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+		</div>
+	);
+}
+
+export function generateVariousContent(){
+	return (
+		<div
+			className="flex flex-col items-center justify-center"
+		>
+			<LoadingGroup
+				label="Bouncing Dot"
+				elements={[
+					<BouncingDot
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Spinning Clock"
+				elements={[
+					<SpinningClock
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Spinning Eclipse"
+				elements={[
+					<SpinningEclipse
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Spinning Eclipse Half"
+				elements={[
+					<SpinningEclipseHalf
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Pulsing Line"
+				elements={[
+					<PulsingLine
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Spinning Binary"
+				elements={[
+					<SpinningBinary
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Spinning Tadpole"
+				elements={[
+					<SpinningTadpole
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Wifi"
+				elements={[
+					<Wifi
+						className="fill-blue-600"
+					/>,
+					<Wifi
+						className="fill-blue-600"
+						fadeDuration={0.25}
+					/>
+				]}
+			/>
+			<LoadingGroup
+				label="Spinning Galaxy"
+				elements={[
+					<SpinningGalaxy
+						className="fill-blue-600"
+					/>
+				]}
+			/>
+		</div>
+	);
+}
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..c42ad56
--- /dev/null
+++ b/tsconfig.app.json
@@ -0,0 +1,33 @@
+{
+	"compilerOptions": {
+		"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+		"target": "ES2022",
+		"useDefineForClassFields": true,
+		"lib": ["ES2022", "DOM", "DOM.Iterable"],
+		"module": "ESNext",
+		"skipLibCheck": true,
+
+		/* Bundler mode */
+		"moduleResolution": "bundler",
+		"allowImportingTsExtensions": true,
+		"verbatimModuleSyntax": true,
+		"moduleDetection": "force",
+		"noEmit": true,
+		"jsx": "react-jsx",
+
+		/* Linting */
+		"strict": true,
+		"noUnusedLocals": true,
+		"noUnusedParameters": true,
+		"erasableSyntaxOnly": true,
+		"noFallthroughCasesInSwitch": true,
+		"noUncheckedSideEffectImports": true,
+		"baseUrl": ".",
+		"paths": {
+			"$/*": [ "./lib/*" ],
+			"@/*": [ "./src/*" ],
+			"#root": [ "." ]
+		}
+	},
+	"include": [ "src", "lib" ]
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..fe654a4
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,8 @@
+{
+	"files": [],
+	"references": [
+		{ "path": "./tsconfig.app.json" },
+		{ "path": "./tsconfig.node.json" },
+		{ "path": "./tsconfig.lib.json" }
+	]
+}
diff --git a/tsconfig.lib.json b/tsconfig.lib.json
new file mode 100644
index 0000000..1a26795
--- /dev/null
+++ b/tsconfig.lib.json
@@ -0,0 +1,4 @@
+{
+	"extends": "./tsconfig.app.json",
+	"include": [ "lib" ]
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..1a5ed45
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,25 @@
+{
+	"compilerOptions": {
+		"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+		"target": "ES2023",
+		"lib": ["ES2023"],
+		"module": "ESNext",
+		"skipLibCheck": true,
+
+		/* Bundler mode */
+		"moduleResolution": "bundler",
+		"allowImportingTsExtensions": true,
+		"verbatimModuleSyntax": true,
+		"moduleDetection": "force",
+		"noEmit": true,
+
+		/* Linting */
+		"strict": true,
+		"noUnusedLocals": true,
+		"noUnusedParameters": true,
+		"erasableSyntaxOnly": true,
+		"noFallthroughCasesInSwitch": true,
+		"noUncheckedSideEffectImports": true
+	},
+	"include": ["vite.config.ts"]
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..62a1b60
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,56 @@
+import tailwindcss from "@tailwindcss/vite";
+import { tanstackRouter } from "@tanstack/router-plugin/vite";
+import react from "@vitejs/plugin-react";
+import { resolve } from "path";
+import { defineConfig } from "vite";
+import dts from "vite-plugin-dts";
+
+
+// https://vite.dev/config/
+export default defineConfig({
+	plugins: [
+		tanstackRouter({
+			target: "react",
+			autoCodeSplitting: true
+		}),
+		react(),
+		tailwindcss(),
+		dts({
+			include: ["lib"],
+			tsconfigPath: "./tsconfig.lib.json"
+		})
+	],
+	resolve: {
+		alias: {
+			"@": resolve(__dirname, "src"),
+			"$": resolve(__dirname, "lib"),
+			"#root": resolve(__dirname)
+		}
+	},
+	build: {
+		lib: {
+			entry: {
+				button: resolve(__dirname, "lib/component/button.ts"),
+				input: resolve(__dirname, "lib/component/input.ts"),
+				loading: resolve(__dirname, "lib/component/loading.ts"),
+				message: resolve(__dirname, "lib/component/message.ts"),
+				modal: resolve(__dirname, "lib/component/modal.ts"),
+				nav: resolve(__dirname, "lib/component/nav.ts"),
+				tab: resolve(__dirname, "lib/component/tab.ts"),
+			},
+			formats: [ "es" ],
+			name: "Mattrixwv Component Library"
+		},
+		rollupOptions: {
+			external: [
+				"clsx",
+				"react",
+				"react/jsx-runtime",
+				"tailwindcss",
+				"react-icons/bs",
+				"react-router-dom",
+				"@headlessui/react"
+			]
+		}
+	}
+});