diff --git a/README.md b/README.md
index 009e8de..111b97c 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,28 @@
-# windows10framework.github.io
-Windows10 framework is an open source and free framework to develop native Windows or web apps using html, css &amp; js with full native like features; It can also be used as a prototyping tool.
+<p align="center"> 
+  <img src="https://github.com/virtualvivek/windows-ui/blob/master/src/assets/logo.png" width="224" />
+</p>
+<h1 align="center">windows-ui</h1>
+
+<p align="center">Build Windows Fluent UI apps using <b>Html</b>, <b>CSS</b> & <b>JavaScript</b>.</p>
+<p align="center"><a href="https://windows-ui.github.io/" target="_blank">Explore Project Docs »</a></p>
+
+<meta name='keywords' content='Windows 10,Windows 11, FluentUI, html, css, js'>
+<meta name='description' content='Build Windows Fluent UI apps using html, css & js'>
+<meta name='author' content='Vivek Verma'>
+
+<p align="center"><img src="https://github.com/virtualvivek/windows-ui/blob/master/src/assets/preview_header_dark.png" width="500" /></p>
+
+
+# Status
+<a href="https://github.com/virtualvivek/windows-ui">
+  <img src="https://img.shields.io/badge/github-Repository-darklime.svg?style=flat&color=0078F0&logo=github" alt="github" />
+</a>
+<a href="https://www.npmjs.com/package/windows-ui-fabric">
+  <img src="https://img.shields.io/github/package-json/v/virtualvivek/windows-ui?style=flat&color=CB3837&logo=npm&logoColor=ffffff&label=npm"
+    alt="npm" />
+</a>
+
+
+# License
+
+`Windows-ui` is licensed under [MIT License](https://github.com/virtualvivek/windows-ui/blob/master/LICENSE).
diff --git a/debug.log b/debug.log
deleted file mode 100644
index 4dd7e7a..0000000
--- a/debug.log
+++ /dev/null
@@ -1 +0,0 @@
-[1127/000348.628:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
diff --git a/dist/config/app-config.css b/dist/config/app-config.css
new file mode 100644
index 0000000..1cd62d6
--- /dev/null
+++ b/dist/config/app-config.css
@@ -0,0 +1,11 @@
+:root {
+  --PrimaryColor: #0078D7; /* Change of your choice */
+  --PrimaryColorLight: #60CDFF; /* Lighter version of --PrimaryColor for DarkMode */
+}
+body {
+  font-family: "Segoe UI";
+}
+
+[data-theme="dark"] ::selection {
+  background-color: #2E517E;
+}
\ No newline at end of file
diff --git a/dist/icons/winui-icons.min.css b/dist/icons/winui-icons.min.css
new file mode 100644
index 0000000..ee3cf4d
--- /dev/null
+++ b/dist/icons/winui-icons.min.css
@@ -0,0 +1,19 @@
+@font-face{font-family:icons10;src:url(data:application/x-font-woff;charset=utf-8;base64,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Ad8B4AHhAeIB4wHkAeUB5gHnAegB6QHqAesB7AHtAe4B7wHwAfEB8gHzAfQB9QH2AfcB+AH5AfoB+wH8Af0B/gH/AgACAQd1bmkwMDBEB3VuaUYxRUEHdW5pRjEwMQd1bmlGMTk5B3VuaUYxNjAHdW5pRjE0Qgd1bmlGMTA3B3VuaUYxN0YHdW5pRjFCNQd1bmlGMUQ5B3VuaUYxNjQHdW5pRjE2Rgd1bmlGMTBGB3VuaUYxNDIHdW5pRjE1NAd1bmlGMTUyB3VuaUYxNjIHdW5pRjFFNwd1bmlGMUFGB3VuaUYxMEQHdW5pRjEzNwd1bmlGMUE2B3VuaUYxM0QHdW5pRjE3QQd1bmlGMTVBB3VuaUYxODUHdW5pRjFDNAd1bmlGMUNGB3VuaUYxM0YHdW5pRjE2Qwd1bmlGMTc5B3VuaUYxRDEHdW5pRjEyQgd1bmlGMTg0B3VuaUYxRDUHdW5pRjE2Qgd1bmlGMTYzB3VuaUYxQkMHdW5pRjE4Nwd1bmlGMURGB3VuaUYxQUEHdW5pRjExQQd1bmlGMTJGB3VuaUYxRTkHdW5pRjFBRQd1bmlGMUQwB3VuaUYxM0IHdW5pRjFEMwd1bmlGMUMwB3VuaUYxQTcHdW5pRjFDNwd1bmlGMTc0B3VuaUYxNDQHdW5pRjEwNQd1bmlGMTU4B3VuaUYxNTEHdW5pRjE3Mgd1bmlGMTJBB3VuaUYxMzEHdW5pRjFENgd1bmlGMTMwB3VuaUYxNTAHdW5pRjE5Mwd1bmlGMUNDB3VuaUYxMTIHdW5pRjEzRQd1bmlGMThFB3VuaUYxM0EHdW5pRjFBMgd1bmlGMUQyB3VuaUYxNzYHdW5pRjFDQQd1bmlGMUJBB3VuaUYxNjcHdW5pRjFERQd1bmlGMTgzB3VuaUYxRDgHdW5pRjEyMAd1bmlGMUNEB3VuaUYxMUIHdW5pRjExQwd1bmlGMUI3B3VuaUYxREEHdW5pRjFCRQd1bmlGMTBCB3VuaUYxOTgHdW5pRjE3Qwd1bmlGMUUxB3VuaUYxN0UHdW5pRjE5Qgd1bmlGMThEB3VuaUYxMjIHdW5pRjE2OAd1bmlGMUI5B3VuaUYxNzcKTmFtZU1lLjEwMQd1bmlGMTM5B3VuaUYxMTcHdW5pRjEzNAd1bmlGMTAyB3VuaUYxNUUHdW5pRjFCMAd1bmlGMTA0B3VuaUYxMDMHdW5pRjE5RAd1bmlGMTRDB3VuaUYxOTUHdW5pRjFDOAd1bmlGMTA5B3VuaUYxQ0UHdW5pRjE0RAd1bmlGMTlDB3VuaUYxM0MHdW5pRjExNQd1bmlGMTFGB3VuaUYxNTkHdW5pRjEyNQd1bmlGMTkwB3VuaUYxMzgHdW5pRjEyQwd1bmlGMTIxB3VuaUYxMkUHdW5pRjFDMwd1bmlGMUMyB3VuaUYxMDgHdW5pRjEyOAd1bmlGMThGB3VuaUYxN0IHdW5pRjE1NQd1bmlGMTJEB3VuaUYxRTIHdW5pRjFBQgd1bmlGMUM1B3VuaUYxQzEHdW5pRjE5RQd1bmlGMTRFB3VuaUYxN0QHdW5pRjE2Ngd1bmlGMTBDB3VuaUYxOUYHdW5pRjE0MAd1bmlGMTZEB3VuaUYxNzUHdW5pRjFENAd1bmlGMTQxB3VuaUYxNjEHdW5pRjE3OAd1bmlGMUU4B3VuaUYxQkYHdW5pRjExRAd1bmlGMTM2B3VuaUYxNzAHdW5pRjEyNAd1bmlGMUI0B3VuaUYxOEMHdW5pRjEzMgd1bmlGMUM2B3VuaUYxOUEHdW5pRjFBQwd1bmlGMTg4B3VuaUYxQkQHdW5pRjExNAd1bmlGMTkxB3VuaUYxNTcHdW5pRjFENwd1bmlGMTA2B3VuaUYxNUMHdW5pRjFBNQd1bmlGMUExB3VuaUYxODEHdW5pRjExMAd1bmlGMTVEB3VuaUYxOTIHdW5pRjFEQwd1bmlGMTEzB3VuaUYxNzEHdW5pRjE5NAd1bmlGMTZBB3VuaUYxNDcHdW5pRjE1Mwd1bmlGMTRBB3VuaUYxQjYHdW5pRjFFMAd1bmlGMUE4B3VuaUYxQTAHdW5pRjE1Rgd1bmlGMTIzB3VuaUYxNDgHdW5pRjFEQgd1bmlGMTE2B3VuaUYxRTQHdW5pRjExRQd1bmlGMTBFB3VuaUYxOTYHdW5pRjFDOQd1bmlGMUJCB3VuaUYxQjMHdW5pRjFFNQd1bmlGMTU2B3VuaUYxRTMHdW5pRjE2RQd1bmlGMTE4B3VuaUYxNDYHdW5pRjE4OQd1bmlGMUIyB3VuaUYxMEEHdW5pRjFBNAd1bmlGMUFEB3VuaUYxNDMHdW5pRjFCOAd1bmlGMTExB3VuaUYxMzUHdW5pRjE5Nwd1bmlGMTY1B3VuaUYxRTYHdW5pRjFDQgd1bmlGMUYwB3VuaUYxRjEHdW5pRjFGMgd1bmlGMUYzB3VuaUYxRjQHdW5pRjFGNQd1bmlGMUY2B3VuaUYxRjcHdW5pRjFGOAd1bmlGMUY5B3VuaUYxRUIHdW5pRjFFQwd1bmlGMUVEB3VuaUYxRUUHdW5pRjFFRgd1bmlGMUZBB3VuaUYxRkIHdW5pRjFGQwd1bmlGMUZFB3VuaUYxRkYHdW5pRTcwMAd1bmlFMDExB3VuaUUxMDkHdW5pRTEwQQd1bmlFMTE1B3VuaUUxMTkHdW5pRTE0MQd1bmlFMTZFB3VuaUU3MkQHdW5pRTEwOAd1bmlFNzQxB3VuaUU3NDIHdW5pRTc0Mwd1bmlFNzQ0B3VuaUU3NDUHdW5pRTc0Ngd1bmlFNzQ3B3VuaUU3NDgHdW5pRTJGNgd1bmlFNzUwAAAAAAAAAf//AAIAAAABAAAAAN/WyzEAAAAA1cu9jgAAAADguNiK
+) format("truetype");font-weight:400;font-style:normal}[data-icon]:before{content:attr(data-icon)}
+
+[class^="icons10-"]::before,
+[class*=" icons10-"]::before {
+  display: inline-block;
+  font-family: icons10;
+  font-style: normal;
+  font-weight: 400;
+  font-variant: normal;
+  line-height: 1;
+  text-decoration: inherit;
+  text-rendering: optimizeLegibility;
+  text-transform: none;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+.icons10-user-add:before{content:"\f101"}.icons10-explore:before{content:"\f102"}.icons10-advertising:before{content:"\f103"}.icons10-airport:before{content:"\f104"}.icons10-align-center:before{content:"\f105"}.icons10-align-justify:before{content:"\f106"}.icons10-align-left:before{content:"\f107"}.icons10-align-right:before{content:"\f108"}.icons10-alphabet-sorting:before{content:"\f109"}.icons10-alphabet-sorting-2:before{content:"\f10a"}.icons10-fingerprint:before{content:"\f10b"}.icons10-angle-down:before{content:"\f10c"}.icons10-angle-left:before{content:"\f10d"}.icons10-angle-right:before{content:"\f10e"}.icons10-angle-up:before{content:"\f10f"}.icons10-archive:before{content:"\f110"}.icons10-area-chart:before{content:"\f111"}.icons10-arrow-down:before{content:"\f112"}.icons10-arrow-left:before{content:"\f113"}.icons10-arrow-right:before{content:"\f114"}.icons10-arrow-up:before{content:"\f115"}.icons10-cross:before{content:"\f116"}.icons10-audio-file:before{content:"\f117"}.icons10-baby:before{content:"\f118"}.icons10-bank-card:before{content:"\f119"}.icons10-compose:before{content:"\f11a"}.icons10-bar-chart:before{content:"\f11b"}.icons10-barcode:before{content:"\f11c"}.icons10-bed:before{content:"\f11d"}.icons10-binoculars:before{content:"\f11e"}.icons10-mic:before{content:"\f11f"}.icons10-sun:before{content:"\f120"}.icons10-bookmark:before{content:"\f121"}.icons10-box:before{content:"\f122"}.icons10-briefcase:before{content:"\f123"}.icons10-windows:before{content:"\f124"}.icons10-brush:before{content:"\f125"}.icons10-calculator:before{content:"\f127"}.icons10-camera:before{content:"\f128"}.icons10-cancel:before{content:"\f12a"}.icons10-printer:before{content:"\f12b"}.icons10-checked:before{content:"\f12c"}.icons10-checked-2:before{content:"\f12d"}.icons10-checkmark:before{content:"\f12e"}.icons10-messages:before{content:"\f12f"}.icons10-car-taxi:before{content:"\f130"}.icons10-thermometer:before{content:"\f131"}.icons10-speaker-0:before{content:"\f132"}.icons10-car:before{content:"\f134"}.icons10-mic-disabled:before{content:"\f135"}.icons10-speaker-1:before{content:"\f136"}.icons10-network-tower:before{content:"\f137"}.icons10-contact-book:before{content:"\f138"}.icons10-collection:before{content:"\f139"}.icons10-clipboard:before{content:"\f13a"}.icons10-code-file:before{content:"\f13b"}.icons10-clock:before{content:"\f13c"}.icons10-columns:before{content:"\f13d"}.icons10-notification:before{content:"\f13e"}.icons10-notification-image:before{content:"\f1eb"}.icons10-compress:before{content:"\f13f"}.icons10-controller:before{content:"\f140"}.icons10-copy:before{content:"\f141"}.icons10-phone-dial:before{content:"\f142"}.icons10-create-new:before{content:"\f143"}.icons10-crop:before{content:"\f144"}.icons10-database:before{content:"\f146"}.icons10-dining-room:before{content:"\f147"}.icons10-history:before{content:"\f148"}.icons10-document:before{content:"\f14a"}.icons10-projector:before{content:"\f14b"}.icons10-phone-dialpad:before{content:"\f14c"}.icons10-gauge:before{content:"\f14d"}.icons10-bag:before{content:"\f14e"}.icons10-down-squared:before{content:"\f150"}.icons10-download:before{content:"\f151"}.icons10-download-2:before{content:"\f152"}.icons10-electrical:before{content:"\f153"}.icons10-electricity:before{content:"\f154"}.icons10-eraser:before{content:"\f155"}.icons10-music-record:before{content:"\f156"}.icons10-exclamation-mark:before{content:"\f157"}.icons10-export:before{content:"\f158"}.icons10-fantasy:before{content:"\f159"}.icons10-fax:before{content:"\f15a"}.icons10-sign-female:before{content:"\f15b"}.icons10-file:before{content:"\f15c"}.icons10-film:before{content:"\f15d"}.icons10-filter:before{content:"\f15e"}.icons10-finish-flag:before{content:"\f15f"}.icons10-stopwatch:before{content:"\f160"}.icons10-folder:before{content:"\f161"}.icons10-football:before{content:"\f162"}.icons10-security-user:before{content:"\f163"}.icons10-user:before{content:"\f164"}.icons10-headphone:before{content:"\f165"}.icons10-generic-sorting:before{content:"\f166"}.icons10-generic-sorting-2:before{content:"\f167"}.icons10-web-cam:before{content:"\f168"}.icons10-gift:before{content:"\f169"}.icons10-plus:before{content:"\f16a"}.icons10-navigation:before{content:"\f16b"}.icons10-grid:before{content:"\f16c"}.icons10-grid-2:before{content:"\f16d"}.icons10-grid-3:before{content:"\f16e"}.icons10-user-group:before{content:"\f16f"}.icons10-hdd:before{content:"\f170"}.icons10-mail:before{content:"\f171"}.icons10-home:before{content:"\f172"}.icons10-idea:before{content:"\f174"}.icons10-idea-close:before{content:"\f1ee"}.icons10-image-file:before{content:"\f175"}.icons10-import:before{content:"\f176"}.icons10-indent:before{content:"\f177"}.icons10-info:before{content:"\f178"}.icons10-insert-table:before{content:"\f179"}.icons10-ipad:before{content:"\f17a"}.icons10-iphone:before{content:"\f17b"}.icons10-emoji-smile:before{content:"\f17c"}.icons10-map:before{content:"\f17d"}.icons10-key:before{content:"\f17e"}.icons10-keyboard:before{content:"\f17f"}.icons10-location-point:before{content:"\f181"}.icons10-left-squared:before{content:"\f183"}.icons10-level-down:before{content:"\f184"}.icons10-level-up:before{content:"\f185"}.icons10-library:before{content:"\f186"}.icons10-list:before{content:"\f187"}.icons10-lock:before{content:"\f188"}.icons10-lock-open:before{content:"\f195"}.icons10-eye:before{content:"\f189"}.icons10-sign-male:before{content:"\f18a"}.icons10-mastercard:before{content:"\f18b"}.icons10-minus:before{content:"\f18c"}.icons10-monitor:before{content:"\f18d"}.icons10-moon:before{content:"\f18e"}.icons10-music:before{content:"\f18f"}.icons10-news:before{content:"\f190"}.icons10-notebook:before{content:"\f191"}.icons10-numbered-list:before{content:"\f192"}.icons10-numerical-sorting:before{content:"\f193"}.icons10-numerical-sorting-2:before{content:"\f194"}.icons10-opened-folder:before{content:"\f196"}.icons10-organization:before{content:"\f197"}.icons10-outdent:before{content:"\f198"}.icons10-desktop:before{content:"\f199"}.icons10-parallel-tasks:before{content:"\f19a"}.icons10-paste:before{content:"\f19b"}.icons10-scanner:before{content:"\f19c"}.icons10-phone-book:before{content:"\f19d"}.icons10-pencil:before{content:"\f19e"}.icons10-phone:before{content:"\f19f"}.icons10-picture:before{content:"\f1a0"}.icons10-pie-chart:before{content:"\f1a1"}.icons10-pin:before{content:"\f1a2"}.icons10-color-palette:before{content:"\f1a4"}.icons10-price-tag:before{content:"\f1a5"}.icons10-puzzle:before{content:"\f1a6"}.icons10-qr-code:before{content:"\f1a7"}.icons10-question-mark:before{content:"\f1a8"}.icons10-recycling:before{content:"\f1a9"}.icons10-refresh:before{content:"\f1aa"}.icons10-user-remove:before{content:"\f1ab"}.icons10-resize-diagonal:before{content:"\f1ac"}.icons10-resize-four-directions:before{content:"\f1ad"}.icons10-resize-horizontal:before{content:"\f1ae"}.icons10-resize-vertical:before{content:"\f1af"}.icons10-network:before{content:"\f1b0"}.icons10-right-squared:before{content:"\f1b2"}.icons10-rotate-left:before{content:"\f1b3"}.icons10-rotate-right:before{content:"\f1b4"}.icons10-list-search:before{content:"\f1b5"}.icons10-network-hotspot:before{content:"\f1b6"}.icons10-printer-cloud:before{content:"\f1b7"}.icons10-rupee:before{content:"\f1b8"}.icons10-search:before{content:"\f1b9"}.icons10-file-explorer:before{content:"\f1ba"}.icons10-services:before{content:"\f1bb"}.icons10-settings:before{content:"\f1bc"}.icons10-share:before{content:"\f1bd"}.icons10-scan:before{content:"\f1be"}.icons10-scale:before{content:"\f1ed"}.icons10-health:before{content:"\f1bf"}.icons10-shutdown:before{content:"\f1c0"}.icons10-sort:before{content:"\f1c1"}.icons10-bell-disabled:before{content:"\f1c2"}.icons10-bell:before{content:"\f1c3"}.icons10-network-connected:before{content:"\f1c4"}.icons10-network-disconnected:before{content:"\f1c5"}.icons10-spy:before{content:"\f1c6"}.icons10-heart:before{content:"\f1c7"}.icons10-responsive:before{content:"\f1c8"}.icons10-student:before{content:"\f1c9"}.icons10-save:before{content:"\f1ca"}.icons10-calendar:before{content:"\f1cb"}.icons10-support:before{content:"\f1cc"}.icons10-tags:before{content:"\f1cd"}.icons10-tasks:before{content:"\f1ce"}.icons10-wifi:before{content:"\f1cf"}.icons10-text-width:before{content:"\f1d0"}.icons10-deathly-hallows:before{content:"\f1d1"}.icons10-timeline:before{content:"\f1d2"}.icons10-todo-list:before{content:"\f1d3"}.icons10-translation:before{content:"\f1d4"}.icons10-trash:before{content:"\f1d5"}.icons10-trophy:before{content:"\f1d6"}.icons10-clip:before{content:"\f1d7"}.icons10-touch:before{content:"\f1d8"}.icons10-location:before{content:"\f1d9"}.icons10-undo:before{content:"\f1da"}.icons10-eye-closed:before{content:"\f1db"}.icons10-link:before{content:"\f1dc"}.icons10-up-squared:before{content:"\f1de"}.icons10-upload:before{content:"\f1df"}.icons10-upload-2:before{content:"\f1e0"}.icons10-us-dollar:before{content:"\f1e1"}.icons10-user-girl:before{content:"\f1e2"}.icons10-user-boy:before{content:"\f1e3"}.icons10-video-call:before{content:"\f1e4"}.icons10-video-file:before{content:"\f1e5"}.icons10-sdcard:before{content:"\f1e6"}.icons10-star:before{content:"\f1e7"}.icons10-security-issue:before{content:"\f1e8"}.icons10-music-playlist:before{content:"\f1e9"}.icons10-more:before{content:"\f1f0"}.icons10-terminal:before{content:"\f1f1"}.icons10-groove:before{content:"\f1f2"}.icons10-window:before{content:"\f1f3"}.icons10-user-female:before{content:"\f1f4"}.icons10-user-settings:before{content:"\f1f5"}.icons10-user-switch:before{content:"\f1ec"}.icons10-personalize:before{content:"\f1f6"}.icons10-cast:before{content:"\f1f9"}.icons10-usb:before{content:"\f1f7"}.icons10-chart:before{content:"\f1ea"}.icons10-mouse:before{content:"\f1f8"}.icons10-camera-switch:before{content:"\f1ef"}.icons10-speaker-3:before{content:"\f1fa"}.icons10-speaker-2:before{content:"\f1fb"}
\ No newline at end of file
diff --git a/dist/icons/winui-icons.slim.css b/dist/icons/winui-icons.slim.css
new file mode 100644
index 0000000..87e4a46
--- /dev/null
+++ b/dist/icons/winui-icons.slim.css
@@ -0,0 +1,10 @@
+@font-face{font-family:icons10;src:url(data:application/x-font-woff;charset=utf-8;base64,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AQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcBGAEZARoBGwEcAR0BHgEfASABIQEiASMBJAElASYBJwEoASkBKgErASwBLQEuAS8BMAExATIBMwE0ATUBNgE3ATgBOQE6ATsBPAE9AT4BPwFAAUEBQgFDAUQBRQFGAUcBSAFJAUoBSwFMAU0BTgFPAVABUQFSAVMBVAFVAVYBVwFYAVkBWgFbAVwBXQFeAV8BYAFhAWIBYwFkAWUBZgFnAWgBaQFqAWsBbAFtAW4BbwFwAXEBcgFzAXQBdQF2AXcBeAF5AXoBewF8AX0BfgF/AYABgQGCB3VuaTAwMEQHdW5pRjE3Rgd1bmlGMUI1B3VuaUYxNjQHdW5pRjE2Rgd1bmlGMTBGB3VuaUYxRTcHdW5pRjFBRgd1bmlGMTBEB3VuaUYxM0QHdW5pRjE3QQd1bmlGMTNGB3VuaUYxNkMHdW5pRjE3OQd1bmlGMUQ1B3VuaUYxQkMHdW5pRjE4Nwd1bmlGMURGB3VuaUYxQUEHdW5pRjExQQd1bmlGMTJGB3VuaUYxQUUHdW5pRjFEMwd1bmlGMUM3B3VuaUYxNzQHdW5pRjE0NAd1bmlGMTUxB3VuaUYxNzIHdW5pRjEyQQd1bmlGMTkzB3VuaUYxMTIHdW5pRjEzRQd1bmlGMThFB3VuaUYxM0EHdW5pRjFBMgd1bmlGMUQyB3VuaUYxNjcHdW5pRjEyMAd1bmlGMUJFB3VuaUYxMEIHdW5pRjE3Qwd1bmlGMTdFB3VuaUYxOUIHdW5pRjFCOQpOYW1lTWUuMTAxB3VuaUYxNUUHdW5pRjFCMAd1bmlGMTRDB3VuaUYxOTUHdW5pRjEwOQd1bmlGMTNDB3VuaUYxMTUHdW5pRjEyQwd1bmlGMTIxB3VuaUYxMkUHdW5pRjFDMwd1bmlGMUMyB3VuaUYxN0IHdW5pRjFDMQd1bmlGMTlFB3VuaUYxNjYHdW5pRjEwQwd1bmlGMTZEB3VuaUYxRDQHdW5pRjE0MQd1bmlGMTc4B3VuaUYxRTgHdW5pRjEzNgd1bmlGMTcwB3VuaUYxQjQHdW5pRjE4Qwd1bmlGMTMyB3VuaUYxQUMHdW5pRjE4OAd1bmlGMTE0B3VuaUYxNTcHdW5pRjFENwd1bmlGMTA2B3VuaUYxOTIHdW5pRjFEQwd1bmlGMTEzB3VuaUYxNzEHdW5pRjE5NAd1bmlGMTZBB3VuaUYxQTgHdW5pRjFBMAd1bmlGMTQ4B3VuaUYxREIHdW5pRjExNgd1bmlGMUU0B3VuaUYxMEUHdW5pRjFCMwd1bmlGMTZFB3VuaUYxNDYHdW5pRjE4OQd1bmlGMTBBB3VuaUYxQTQHdW5pRjFBRAd1bmlGMUNCB3VuaUYxRjAHdW5pRjFGMQd1bmlGMUY0B3VuaUYxRUIHdW5pRjFFRAd1bmlGMUZBB3VuaUYxRkIHdW5pRjFGQwd1bmlGMUZFB3VuaUYxRkYHdW5pRTcwMAd1bmlFMDExB3VuaUUxMDkHdW5pRTEwQQd1bmlFMTE1B3VuaUUxMTkHdW5pRTE0MQd1bmlFMTZFB3VuaUU3MkQHdW5pRTEwOAd1bmlFNzQxB3VuaUU3NDIHdW5pRTc0Mwd1bmlFNzQ0B3VuaUU3NDUHdW5pRTc0Ngd1bmlFNzQ3B3VuaUU3NDgHdW5pRTJGNgd1bmlFNzUwAAAAAAH//wACAAAAAQAAAADf1ssxAAAAANXLvY4AAAAA4Ljejg==) format("truetype");font-weight:400;font-style:normal}[data-icon]:before{content:attr(data-icon)}
+
+[class^="icons10-"]::before, [class*=" icons10-"]::before {
+  display: inline-block; font-family: icons10;
+  font-style: normal; font-weight: 400; font-variant: normal;
+  line-height: 1; text-decoration: inherit;
+  text-rendering: optimizeLegibility; text-transform: none;
+  -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;
+}
+.icons10-alphabet-sorting:before{content:"\f109"}.icons10-alphabet-sorting-2:before{content:"\f10a"}.icons10-fingerprint:before{content:"\f10b"}.icons10-angle-down:before{content:"\f10c"}.icons10-angle-left:before{content:"\f10d"}.icons10-angle-right:before{content:"\f10e"}.icons10-angle-up:before{content:"\f10f"}.icons10-arrow-down:before{content:"\f112"}.icons10-arrow-left:before{content:"\f113"}.icons10-arrow-right:before{content:"\f114"}.icons10-arrow-up:before{content:"\f115"}.icons10-cross:before{content:"\f116"}.icons10-compose:before{content:"\f11a"}.icons10-binoculars:before{content:"\f11e"}.icons10-sun:before{content:"\f120"}.icons10-bookmark:before{content:"\f121"}.icons10-calculator:before{content:"\f127"}.icons10-cancel:before{content:"\f12a"}.icons10-checked:before{content:"\f12c"}.icons10-checked-2:before{content:"\f12d"}.icons10-checkmark:before{content:"\f12e"}.icons10-messages:before{content:"\f12f"}.icons10-speaker-0:before{content:"\f132"}.icons10-speaker-1:before{content:"\f136"}.icons10-clipboard:before{content:"\f13a"}.icons10-clock:before{content:"\f13c"}.icons10-columns:before{content:"\f13d"}.icons10-notification:before{content:"\f13e"}.icons10-notification-image:before{content:"\f1eb"}.icons10-compress:before{content:"\f13f"}.icons10-copy:before{content:"\f141"}.icons10-database:before{content:"\f146"}.icons10-history:before{content:"\f148"}.icons10-phone-dialpad:before{content:"\f14c"}.icons10-download:before{content:"\f151"}.icons10-download-2:before{content:"\f152"}.icons10-exclamation-mark:before{content:"\f157"}.icons10-filter:before{content:"\f15e"}.icons10-stopwatch:before{content:"\f160"}.icons10-security-user:before{content:"\f163"}.icons10-user:before{content:"\f164"}.icons10-generic-sorting:before{content:"\f166"}.icons10-generic-sorting-2:before{content:"\f167"}.icons10-plus:before{content:"\f16a"}.icons10-grid:before{content:"\f16c"}.icons10-grid-2:before{content:"\f16d"}.icons10-grid-3:before{content:"\f16e"}.icons10-user-group:before{content:"\f16f"}.icons10-hdd:before{content:"\f170"}.icons10-mail:before{content:"\f171"}.icons10-home:before{content:"\f172"}.icons10-idea:before{content:"\f174"}.icons10-info:before{content:"\f178"}.icons10-insert-table:before{content:"\f179"}.icons10-ipad:before{content:"\f17a"}.icons10-iphone:before{content:"\f17b"}.icons10-emoji-smile:before{content:"\f17c"}.icons10-key:before{content:"\f17e"}.icons10-keyboard:before{content:"\f17f"}.icons10-list:before{content:"\f187"}.icons10-lock:before{content:"\f188"}.icons10-lock-open:before{content:"\f195"}.icons10-eye:before{content:"\f189"}.icons10-minus:before{content:"\f18c"}.icons10-moon:before{content:"\f18e"}.icons10-numbered-list:before{content:"\f192"}.icons10-numerical-sorting:before{content:"\f193"}.icons10-numerical-sorting-2:before{content:"\f194"}.icons10-paste:before{content:"\f19b"}.icons10-pencil:before{content:"\f19e"}.icons10-picture:before{content:"\f1a0"}.icons10-pin:before{content:"\f1a2"}.icons10-color-palette:before{content:"\f1a4"}.icons10-question-mark:before{content:"\f1a8"}.icons10-refresh:before{content:"\f1aa"}.icons10-resize-diagonal:before{content:"\f1ac"}.icons10-resize-four-directions:before{content:"\f1ad"}.icons10-resize-horizontal:before{content:"\f1ae"}.icons10-resize-vertical:before{content:"\f1af"}.icons10-network:before{content:"\f1b0"}.icons10-rotate-left:before{content:"\f1b3"}.icons10-rotate-right:before{content:"\f1b4"}.icons10-list-search:before{content:"\f1b5"}.icons10-search:before{content:"\f1b9"}.icons10-settings:before{content:"\f1bc"}.icons10-scan:before{content:"\f1be"}.icons10-scale:before{content:"\f1ed"}.icons10-sort:before{content:"\f1c1"}.icons10-bell-disabled:before{content:"\f1c2"}.icons10-bell:before{content:"\f1c3"}.icons10-spy:before{content:"\f1c6"}.icons10-heart:before{content:"\f1c7"}.icons10-responsive:before{content:"\f1c8"}.icons10-save:before{content:"\f1ca"}.icons10-calendar:before{content:"\f1cb"}.icons10-tasks:before{content:"\f1ce"}.icons10-timeline:before{content:"\f1d2"}.icons10-todo-list:before{content:"\f1d3"}.icons10-translation:before{content:"\f1d4"}.icons10-trash:before{content:"\f1d5"}.icons10-clip:before{content:"\f1d7"}.icons10-eye-closed:before{content:"\f1db"}.icons10-link:before{content:"\f1dc"}.icons10-upload:before{content:"\f1df"}.icons10-user-boy:before{content:"\f1e3"}.icons10-video-call:before{content:"\f1e4"}.icons10-star:before{content:"\f1e7"}.icons10-security-issue:before{content:"\f1e8"}.icons10-more:before{content:"\f1f0"}.icons10-terminal:before{content:"\f1f1"}.icons10-user-female:before{content:"\f1f4"}.icons10-speaker-3:before{content:"\f1fa"}.icons10-speaker-2:before{content:"\f1fb"}
\ No newline at end of file
diff --git a/dist/windows-ui.min.css b/dist/windows-ui.min.css
new file mode 100644
index 0000000..d6ca0e2
--- /dev/null
+++ b/dist/windows-ui.min.css
@@ -0,0 +1 @@
+@media (prefers-color-scheme: dark){:root{--light: ;--dark: initial;color-scheme:dark}}@media (prefers-color-scheme: light){:root{--dark: ;--light: initial;color-scheme:light}}[data-theme="dark"]{--light: ;--dark: initial;color-scheme:dark}[data-theme="light"]{--dark: ;--light: initial;color-scheme:light}:root{--platform: "windows11";--color-danger-default: var(--dark, #FF99A3) var(--light, #C50500);--color-success-default: var(--dark, #6ACB5D) var(--light, #2C8B2C);--color-scheme-absolute: var(--dark, #000) var(--light, #FFF);--color-background-default: var(--dark, #111) var(--light, #FFF);--color-button-default: var(--dark, #3E3E3EDD) var(--light, #FEFEFEDD);--color-card-bg-default: var(--dark, #303030) var(--light, #FBFBFB);--color-day-primary-night-grey: var(--dark, #403E41) var(--light, var(--PrimaryColor));--color-day-primary-night-white: var(--dark, #FFF) var(--light, var(--PrimaryColor));--color-dropdown-menu-bg: var(--dark, #202020) var(--light, #F8F8F8);--color-foreground-default: var(--dark, #2B2B2B) var(--light, #fff);--color-foreground-dark: var(--dark, #444) var(--light, #EEE);--color-input-border-default: var(--dark, #303030) var(--light, #55555544);--color-input-border-strong: var(--dark, #9A9A9A) var(--light, #8A8A8A);--color-ui-active-default: var(--dark, #262626) var(--light, #D8D8D8);--color-navbar-bg-default: var(--dark, #202020) var(--light, #F3F3F3);--color-primary-adaptive: var(--dark, var(--PrimaryColorLight)) var(--light, var(--PrimaryColor));--color-primary-alpha: var(--dark, #EEEEEE9C) var(--light, #EEEEEE9C);--color-progress-bg: var(--dark, #484848) var(--light, #E2E2E2);--color-slider-thumb-bg: var(--dark, #454545) var(--light, #FFF);--color-text-default: var(--dark, #FFF) var(--light, #000);--color-ui-border-default: var(--dark, #282828) var(--light, #E3E3E3);--color-ui-hover-default: var(--dark, #44444477) var(--light, #EEEEEED1);--color-ui-hover-strong: var(--dark, #2D2D2D) var(--light, #E8E8E8);--width-navbar-expanded: 280px;--width-navbar-collapsed: 70px}.transition-scale-active{transition-duration:0.09s;transform:scale(0.99, 0.99);transition-timing-function:ease;transition-property:background, transform}@keyframes transition_dropdown{0%{transform:translate3d(0, -10px, 0);pointer-events:none;opacity:0}100%{transform:translate3d(0, 0px, 0);pointer-events:auto;opacity:1}}@keyframes transition_dropdown_reverse{0%{transform:translate3d(0, 10px, 0);pointer-events:none;opacity:0}100%{transform:translate3d(0, 0, 0);pointer-events:auto;opacity:1}}.transition_dropdown_show,.app-dropdown-ul-default.show,.app-navbar-wrap .app-nav-search ul.show,ul.show.app-cmdbar-menu-list,.app-input-search-suggestion ul.show,.show.app-dropdown-list{display:initial;visibility:visible;animation-fill-mode:both;animation-duration:0.367s;animation-name:transition_dropdown;animation-timing-function:cubic-bezier(0.1, 0.9, 0.2, 1)}.transition_dropdown_show_reverse,.app-dropdown-ul-default.show.reverse,.app-navbar-wrap .app-nav-search ul.show.reverse,ul.show.reverse.app-cmdbar-menu-list,.app-input-search-suggestion ul.show.reverse,.show.reverse.app-dropdown-list{animation-name:transition_dropdown_reverse}.input-field-focused,.input-field-default:focus,.app-input-text:focus,.app-input-date:focus,.app-textarea:focus,.app-input-container:focus-within .app-input-label{filter:none;outline:none;border-bottom-color:var(--color-primary-adaptive);background-image:radial-gradient(var(--color-primary-adaptive) 100%, transparent 100%);background-repeat:no-repeat;background-position:bottom;background-size:100% 1px;transition:0s}.input-btn-default,.app-accordion-title,button,.app-btn,.app-dropdown-title,.app-select-menu select{cursor:pointer;font-size:15px;border:1px solid;user-select:none;border-radius:4px;color:var(--color-text-default);background-color:var(--color-button-default);border-color:rgba(0,0,0,0.08);border-bottom-color:var(--dark, rgba(0,0,0,0.08)) var(--light, rgba(0,0,0,0.2));border-top-color:var(--dark, rgba(117,117,117,0.22)) var(--light, rgba(0,0,0,0.08))}.input-btn-default:hover,.app-accordion-title:hover,button:hover,.app-btn:hover,.app-dropdown-title:hover,.app-select-menu select:hover{opacity:0.85;filter:brightness(0.95)}.input-btn-default:active,.app-accordion-title:active,button:active,.app-btn:active,.app-dropdown-title:active,.app-select-menu select:active{filter:brightness(0.85)}.input-field-default,.app-input-text,.app-input-date,.app-textarea{width:inherit;line-height:1;font-size:15px;box-shadow:none;padding:0 0 0 10px;color:var(--color-text-default);-webkit-tap-highlight-color:transparent;background:var(--color-background-default);height:33px;border-radius:4px;border:1px solid var(--color-input-border-default);border-bottom:1px solid #777}.input-field-default-disabled,.input-field-default[disabled],.app-input-text[disabled],.app-input-date[disabled],.app-textarea[disabled],.app-btn[disabled],.app-btn[disabled]:active,.app-btn[disabled]:hover,.app-select-menu select[disabled]{cursor:not-allowed !important;filter:contrast(0.6) !important}.app-textarea:hover:not(:focus-within),.app-input-text:hover:not(:focus-within),.app-input-date:hover:not(:focus-within){filter:contrast(0.97)}.app-overlay,.app-dim-overlay,.app-alert,.app-dialog,.app-loader-busy-overlay,.app-splash-screen{width:100%;height:100vh;position:fixed;top:0;left:0}.app-dim-overlay,.app-alert,.app-dialog{z-index:10;opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;background:#77777777;transition:visibility 0.25s, opacity 0.25s ease}.app-dim-overlay.show,.show.app-alert,.show.app-dialog{opacity:1;visibility:visible}.app-dropdown-ul-default,.app-navbar-wrap .app-nav-search ul,ul.app-cmdbar-menu-list,.app-input-search-suggestion ul,.app-dropdown-list{top:100%;padding:0;cursor:auto;z-index:999;display:none;margin:5px 0;width:inherit;list-style:none;overflow-y:auto;font-weight:500;border:1px solid;overflow-x:hidden;visibility:hidden;position:absolute;-webkit-tap-highlight-color:transparent;background:var(--color-dropdown-menu-bg);border-radius:6px;box-shadow:0 2px 5px #22222244;border-color:var(--color-ui-border-default)}.app-dropdown-ul-default.show.reverse,.app-navbar-wrap .app-nav-search ul.show.reverse,ul.show.reverse.app-cmdbar-menu-list,.app-input-search-suggestion ul.show.reverse,.show.reverse.app-dropdown-list{bottom:100%;top:unset}.app-dropdown-ul-default li a,.app-navbar-wrap .app-nav-search ul li a,ul.app-cmdbar-menu-list li a,.app-input-search-suggestion ul li a,.app-dropdown-list li a,.app-dropdown-ul-default li span,.app-navbar-wrap .app-nav-search ul li span,ul.app-cmdbar-menu-list li span,.app-input-search-suggestion ul li span,.app-dropdown-list li span{display:flex;line-height:1;font-size:15px;position:relative;align-items:center;color:var(--color-text-default);-webkit-tap-highlight-color:transparent;margin:5px;padding:10px;border-radius:4px}.app-dropdown-ul-default li a:active,.app-navbar-wrap .app-nav-search ul li a:active,ul.app-cmdbar-menu-list li a:active,.app-input-search-suggestion ul li a:active,.app-dropdown-list li a:active,.app-dropdown-ul-default li span:active,.app-navbar-wrap .app-nav-search ul li span:active,ul.app-cmdbar-menu-list li span:active,.app-input-search-suggestion ul li span:active,.app-dropdown-list li span:active{opacity:0.7}.app-dropdown-ul-default li a:hover,.app-navbar-wrap .app-nav-search ul li a:hover,ul.app-cmdbar-menu-list li a:hover,.app-input-search-suggestion ul li a:hover,.app-dropdown-list li a:hover,.app-dropdown-ul-default li span:hover,.app-navbar-wrap .app-nav-search ul li span:hover,ul.app-cmdbar-menu-list li span:hover,.app-input-search-suggestion ul li span:hover,.app-dropdown-list li span:hover{background-color:var(--color-ui-hover-strong)}.app-dropdown-ul-default li i::before,.app-navbar-wrap .app-nav-search ul li i::before,ul.app-cmdbar-menu-list li i::before,.app-input-search-suggestion ul li i::before,.app-dropdown-list li i::before{line-height:0;padding-inline-end:8px}.app-modal-footer-default,.app-alert .app-alert-footer,.app-dialog .app-dialog-modal .app-dialog-footer{padding:15px;display:block;text-align:right;border-top:1px solid var(--color-ui-hover-strong);background-color:var(--color-navbar-bg-default)}.app-color-primary{color:var(--color-primary-adaptive)}.app-color-danger{color:var(--color-danger-default)}.app-color-success{color:var(--color-success-default)}.app-bg-danger{background:var(--color-danger-default) !important}.app-bg-success{background:var(--color-success-default) !important}.app-bg-danger,.app-bg-success{color:#fff !important}.font-size-16px{font-size:16px !important}.font-size-18px{font-size:18px !important}.font-size-20px{font-size:20px}.app-align-center{align-items:center}.app-flex{display:flex}.app-flex-center{display:flex;align-items:center;justify-content:center}.app-inline-flex,.app-cmd-bar{display:inline-flex}*,::after,::before{box-sizing:border-box}html{overflow-x:hidden;overflow-y:overlay;scroll-behavior:smooth}body{margin:0;padding:0;color:var(--color-text-default);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-color:var(--color-background-default)}.app-code{margin:0;padding:5px;line-height:1;border-radius:6px;display:inline-block;background-color:var(--color-navbar-bg-default)}h1,h2,h3,h4,h5,h6{font-weight:500}h1.light,h2.light,h3.light,h4.light,h5.light,h6.light{opacity:0.58}a{outline:none;text-decoration:none}.app-hr{width:95%;height:1px;margin:10px 10px 10px 0;background:var(--color-progress-bg)}.app-ul-content li{margin-bottom:0.25rem}.app-m-0{margin:0}.app-mt-0{margin-top:0}.app-mb-0{margin-bottom:0}.app-mt-10{margin-top:10px}.app-mb-10{margin-bottom:10px}.app-mt-15{margin-top:15px}.app-mb-15{margin-bottom:15px}.app-mt-20{margin-top:20px}.app-mb-20{margin-bottom:20px}p.app-para-light{font-weight:100}.app-navbar-name{font-weight:500;color:var(--color-text-default);font-size:15px;cursor:default;white-space:nowrap;display:inline-block;text-overflow:ellipsis;padding-inline-start:10px}.app-navbar-name::-moz-selection{background:transparent;color:var(--color-text-default)}.app-navbar-name::selection{background:transparent;color:var(--color-text-default)}.app-navbar-wrap .app-navbar-list .app-navbar-list-item{display:flex;transition:0s ease;overflow:hidden;margin:5px 10px;border-radius:4px}.app-navbar-wrap .app-navbar-list .app-navbar-list-item:hover{background-color:var(--color-ui-hover-strong)}.app-navbar-wrap .app-navbar-list .app-navbar-list-item:active{opacity:0.7}.app-navbar-wrap .app-navbar-list .app-navbar-list-item:active span{transform:scale(0.98, 0.98);transition:transform 0s ease-in-out}.app-navbar-wrap .app-navbar-list .app-navbar-list-item:active a::after,.app-navbar-wrap .app-navbar-list .app-navbar-list-item:active a.active::after{height:15px}.app-navbar-wrap .app-navbar-list .app-navbar-list-item a{width:100%;font-weight:400;background:none;position:relative;align-items:center;flex-direction:row;display:inline-flex;color:var(--color-text-default);padding:10px 15px}.app-navbar-wrap .app-navbar-list .app-navbar-list-item a::after{left:0;content:"";position:absolute;background:var(--color-primary-adaptive);transform:translate3d(-200%, 0, 0);width:3px;height:10px;transition:all 0.4s;border-radius:8px}.app-navbar-wrap .app-navbar-list .app-navbar-list-item a.active{font-weight:500;background-color:var(--color-ui-hover-strong)}.app-navbar-wrap .app-navbar-list .app-navbar-list-item a.active::after{height:20px;transition:height 0.1s;transform:translate3d(0, 0, 0)}.app-navbar-wrap .app-navbar-list .app-navbar-list-item a i::before{font-size:22px;pointer-events:none;text-overflow:unset;line-height:normal}.app-navbar-wrap .app-navbar-list .app-navbar-list-item a>*{pointer-events:none}.app-navbar-wrap .app-navbar-list .app-navbar-list-item span{margin:0 10px;font-size:15px;overflow:hidden;user-select:none;white-space:nowrap;text-overflow:ellipsis;transition:transform 0.4s ease-in-out}.app-navbar-wrap .app-navbar-list .app-navbar-list-item img{width:18px;height:18px;margin:2px;user-select:none;border-radius:4px;background-color:var(--color-ui-hover-strong)}.app-navbar-wrap .app-navbar-list{margin:0;height:inherit;list-style:none;padding:0 0 20px 0;overflow:scroll;overflow-x:hidden;overflow-y:overlay}.app-navbar-wrap .app-navbar-list h1{margin:0;cursor:default;font-size:15px;font-weight:700;padding:8px 0 8px 24px}.app-navbar-wrap .app-navbar-list h1::-moz-selection{background:transparent;color:var(--color-text-default)}.app-navbar-wrap .app-navbar-list h1::selection{background:transparent;color:var(--color-text-default)}.app-navbar-wrap .app-navbar-toggler{cursor:pointer;padding:10px 15px;margin:5px 10px;border-radius:4px}.app-navbar-wrap .app-navbar-toggler:hover{background-color:var(--color-ui-hover-strong)}.app-navbar-wrap .app-navbar-toggler:active{opacity:0.7}.app-navbar-wrap .app-navbar-toggler::after{font-size:22px;content:"\f106";font-family:icons10}.app-navbar-wrap .app-badge{height:16px;min-width:8px;position:relative;top:-8px;padding:0 4px;margin-left:-10px;display:inline-flex;align-items:center;font-size:10px;color:white;border-radius:50px;background:#ff3b30;justify-content:center}.app-navbar-wrap .app-navbar-list .app-hr{margin:5px 15px}@media only screen and (max-width: 760px){.app-navbar-wrap .app-navbar-overlay{top:0;left:0;width:100%;height:100%;opacity:0;z-index:5;position:fixed;visibility:hidden;background:#77777788;transition:visibility 0.3s, opacity 0.3s ease}.app-navbar-wrap .app-navbar-overlay.show{opacity:1;visibility:visible}}.app-navbar-submenu .app-navbar-submenu-title{display:flex;cursor:pointer;font-size:15px;user-select:none;flex-direction:row;justify-content:space-between;overflow:hidden;margin:5px 10px;border-radius:4px;padding:10px 15px}.app-navbar-submenu .app-navbar-submenu-title:hover{background-color:var(--color-ui-hover-strong)}.app-navbar-submenu .app-navbar-submenu-title:active{opacity:0.7;transition:0s ease}.app-navbar-submenu .app-navbar-submenu-title::after{font-size:14px;content:"\f10c";align-self:center;font-family:icons10;transform-origin:center;transition:transform 167ms cubic-bezier(0, 0, 0, 1)}.app-navbar-submenu .app-navbar-submenu-title[aria-expanded=true]::after{transform:rotate(180deg)}.app-navbar-submenu .app-navbar-submenu-content{height:0;overflow:hidden;transition:height 243ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.app-navbar-submenu .app-navbar-submenu-content.show{height:500px;transition:height 243ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.app-navbar-wrap .app-navbar-header{z-index:2;display:flex;width:inherit;align-items:center;background-color:var(--color-navbar-bg-default)}.app-navbar-wrap .app-navbar-header-mobile{left:0;z-index:8;width:100%;height:50px;display:none;position:fixed;padding:0 10px;align-items:center;background-color:var(--color-navbar-bg-default);border-bottom:1px solid var(--color-ui-hover-strong)}.app-navbar-wrap .app-navbar-header-mobile .app-navbar-toggler{padding:5px;border-radius:4px}.app-navbar-wrap .app-input-search-box{width:225px;user-select:none;margin:10px 0 10px 20px}.app-navbar-wrap .app-search-dialog{height:auto;width:100%;position:fixed;top:0;display:flex;padding:10px 0;align-items:center;justify-content:center;transition:0.2s ease;transform:translateY(-105%);background:var(--color-navbar-bg-default)}.app-navbar-wrap .app-search-dialog.show{transform:translateY(0%)}.app-navbar-wrap .app-search-dialog .app-input-text{width:50%;padding-left:45px}.app-navbar-wrap .app-search-dialog button{width:40px;border:none;background-color:transparent}.app-navbar-wrap .app-search-dialog::before{z-index:2;content:"\f1b9";margin-right:-35px;font-family:icons10}.app-navbar-wrap .app-search-dialog-trigger{display:none}.app-navbar-wrap .app-nav-search{position:relative}.app-navbar-wrap .app-nav-search ul{width:235px;max-height:240px;z-index:1;left:20px;margin-top:-5px;overflow:overlay;box-shadow:0 1px 1px #88888877;background:var(--color-background-default)}.app-navbar-theme-switch{display:grid;cursor:pointer;padding:10px 15px;margin:5px 10px;border-radius:4px;position:relative;align-items:center;flex-direction:row;grid-auto-flow:column;justify-content:flex-start;-webkit-tap-highlight-color:transparent}.app-navbar-theme-switch:hover{background:var(--color-ui-hover-strong)}.app-navbar-theme-switch:active{opacity:0.7}.app-navbar-theme-switch span{width:100px;line-height:1;font-size:15px;user-select:none;padding-left:10px;position:relative}.app-navbar-theme-switch input{display:none}.app-navbar-theme-switch input+.app-navbar-theme-switch-icon{gap:10px;height:22px;display:flex;font-size:15px;position:relative;align-items:center}input+.app-navbar-theme-switch-icon:before{font-size:22px;content:"\f120";font-family:icons10}input+.app-navbar-theme-switch-icon::after{width:100px;content:"Day Mode"}input:checked+.app-navbar-theme-switch-icon:before{content:"\f18e"}input:checked+.app-navbar-theme-switch-icon:after{content:"Night Mode"}.app-navbar-wrap.collapsed .app-navbar-theme-switch-icon:after{display:none}@media only screen and (min-width: 760px){.app-navbar-wrap.collapsed nav ul h1,.app-navbar-wrap.collapsed nav a span,.app-navbar-wrap.collapsed .app-navbar-name,.app-navbar-wrap.collapsed .app-input-search-box{display:none}.app-navbar-wrap.collapsed nav{width:var(--width-navbar-collapsed)}.app-navbar-wrap.collapsed nav li a{text-overflow:clip}.app-navbar-wrap.collapsed nav .app-hr{width:56px;margin-left:8px}.app-navbar-wrap.collapsed .app-search-dialog-trigger{height:55px;display:flex;font-size:22px;cursor:pointer;align-items:center;justify-content:center}.app-navbar-wrap.collapsed .app-search-dialog-trigger:hover{background-color:var(--color_link_bg_hover)}.app-navbar-wrap.collapsed .app-search-dialog-trigger:active{opacity:0.7}.app-navbar-wrap.collapsed .app-navbar-submenu-title{justify-content:center}.app-navbar-wrap.collapsed .app-navbar-submenu-title::after{font-size:18px}.app-navbar-wrap.collapsed .app-navbar-submenu-title>:first-child{display:none}.app-navbar-wrap.collapsed .app-nav-search ul{width:50%;position:fixed;left:22.5vw;top:80px}}@media only screen and (max-width: 760px){.app-navbar-wrap{overflow-x:hidden}.app-navbar-wrap .app-navbar-header-mobile{display:flex !important}.app-navbar-wrap nav{transform-origin:100% 50%;transform:translateX(-100%);transition:transform 0.2s ease-in-out}.app-navbar-wrap.collapsed-float nav{transform-origin:100% 50%;transform:translateX(0);transition:transform 0.2s ease-in-out}}.container-flex-row{display:flex;flex-direction:row}.app-navbar-wrap{top:0;left:0;height:100vh;position:sticky}.app-navbar-wrap nav{width:var(--width-navbar-expanded);height:inherit;padding:0;display:flex;flex-direction:column;background-color:var(--color-navbar-bg-default);transition:transform 0.2s ease, width 0.2s ease}.app-page-container.transition{height:-webkit-fill-available;height:-moz-available;width:-webkit-fill-available;width:-moz-available;position:absolute;top:0}.app-page-container.transition.transition-left{animation-duration:0.7s;animation-name:animate-page;animation-timing-function:cubic-bezier(0.1, 0.9, 0.2, 1)}@keyframes animate-page{0%{transform:translate3d(20px, 0px, 0px);pointer-events:none;opacity:0.4}100%{transform:translate3d(0px, 0px, 0px);pointer-events:auto;opacity:1}}.app-page-container{height:auto;flex:1 1 auto;width:-moz-available;width:-webkit-fill-available;transition:0.2s ease}.app-page-container.has-padding{padding:0 20px 0 35px}.app-page-container-inner{padding:0 20px 0 35px}.app-page-container-fg{padding:5px;border-radius:8px;border:1px solid var(--color-ui-border-default);background:var(--color-foreground-default)}.app-accordion{overflow:hidden}.app-accordion-title{height:33px;display:flex;padding:4px 15px;flex-direction:row;align-items:center;justify-content:space-between}.app-accordion-title::after{line-height:0;content:"\f10c";margin-left:5px;align-self:center;font-family:icons10;transform-origin:center;transition:transform 167ms cubic-bezier(0, 0, 0, 1)}.app-accordion-header[aria-expanded=true] .app-accordion-title::after{transform:rotate(180deg)}.app-accordion-panel{height:0;overflow:hidden;transition:height 243ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.app-accordion-panel.show{height:500px;transition:height 243ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.app-avatar{z-index:1;width:72px;height:72px;color:transparent;border-radius:50%;-moz-user-drag:none;-webkit-user-drag:none}.app-avatar.drop-shadow{top:12%;z-index:0;opacity:0.5;filter:blur(5px);position:absolute;transform:scale(0.9);-moz-user-drag:none;-webkit-user-drag:none}.app-avatar-container{width:fit-content;position:relative;border-radius:50%;display:inline-flex;justify-content:center;background:var(--color-progress-bg)}.app-avatar-container .app-avatar-badge{z-index:1;position:absolute;right:0;color:#fff;height:16px;padding:0 4px;min-width:8px;font-size:10px;user-select:none;border-radius:50px;align-items:center;display:inline-flex;justify-content:center;border:2px solid var(--color-background-default);background:var(--color-primary-adaptive)}.app-avatar-container .app-avatar-badge.pos-bottom{bottom:0}.app-avatar-container svg{width:100%;height:100%;line-height:0;position:absolute;left:0;top:0;fill:var(--color-text-default)}.app-alert{color:var(--color-text-default)}.app-alert .app-alert-modal{z-index:11;display:flex;position:fixed;overflow:hidden;flex-direction:column;transition-duration:0.28s;box-shadow:0 0 24vh rgba(0,0,0,0.25);width:40%;max-width:400px;border-radius:8px;transform:translate3d(0, -1%, 0) scale(1.034);background:var(--color-foreground-default)}.app-alert.show .app-alert-modal{transition-duration:0.28s;transform:translate3d(0, -1%, 0) scale(1)}.app-alert .app-alert-header{padding:20px 30px 0 30px}.app-alert .app-alert-header h1{margin:0;padding-bottom:10px;background-color:transparent;font-size:1.5em}.app-alert .app-alert-header .app-alert-message{font-size:1em;line-break:auto;max-height:24vh;overflow-y:auto;padding-bottom:20px}.app-alert button+button{margin-left:10px}.app-alert-bar{gap:10px;display:flex;font-size:15px;padding:7px 10px;border-radius:4px;align-items:center;flex-direction:row;border:1px solid hsla(0, 0%, 0%, 8%)}.app-alert-bar:has(.app-alert-bar-end-content){padding-right:7px}.app-alert-bar .app-alert-bar-end-content{margin-left:auto;display:flex;gap:10px}.app-alert-bar.alert-bar-secondary{background:#dddddd22}.app-alert-bar.alert-bar-success{background:#57E84A22}.app-alert-bar.alert-bar-danger{background:#E8475622}.app-alert-bar [aria-label="Close"]{padding:0;border:none;background:transparent}.app-alert-bar [aria-label="Close"]:hover{background-color:#55555522}.app-alert-bar [aria-label="Close"]:active{opacity:0.7}.app-alert-bar [aria-label="Close"]::after{padding:5px;border-radius:4px;font-size:24px;font-family:icons10;content:"\f116"}button,.app-btn{gap:5px;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}button:focus,button:active,button:focus:active,.app-btn:focus,.app-btn:active,.app-btn:focus:active{outline:none}button:focus-visible,.app-btn:focus-visible{outline:1px solid var(--color-text-default)}.app-btn{height:33px;vertical-align:middle;padding:6px 11px}.app-btn.btn-is-loading{cursor:auto}.app-btn.btn-is-loading span{opacity:0}.app-btn.app-btn-primary{background-color:var(--color-primary-adaptive)}.app-btn.app-btn-subtle{border-color:transparent;background-color:transparent}.app-btn.app-btn-subtle:hover{background-color:var(--color-ui-hover-default)}.app-btn.app-btn-success{background:var(--color-success-default)}.app-btn.app-btn-danger{background:var(--color-danger-default)}.app-btn.app-btn-outline-primary{color:var(--color-day-primary-night-white);border:1px solid var(--color-primary-adaptive)}.app-btn.app-btn-outline-primary:active{background-color:var(--color-primary-adaptive)}.app-btn.app-btn-outline-danger{color:var(--color-danger-default);border-color:var(--color-danger-default)}.app-btn.app-btn-outline-danger:active{background-color:var(--color-danger-default)}.app-btn.app-btn-outline-success{color:var(--color-success-default);border-color:var(--color-success-default)}.app-btn.app-btn-outline-success:active{background-color:var(--color-success-default)}.app-btn.app-btn-primary,.app-btn.app-btn-danger,.app-btn.app-btn-success{color:var(--color-scheme-absolute);border-color:rgba(255,255,255,0.08);border-bottom-color:rgba(0,0,0,0.8)}.app-btn[class*="outline"]{background-color:transparent}.app-btn[class*="outline"]:active{filter:unset;color:var(--color-scheme-absolute)}.app-btn[class*="outline"][disabled]{backdrop-filter:grayscale(1)}.app-btn[disabled] span{pointer-events:none}.app-btn .app-loader-busy{position:absolute}.app-btn span{transition:opacity ease 0.2s}.app-btn i:only-child{font-size:24px}body.dark-theme .app-btn-primary,body.dark-theme .app-btn-danger,body.dark-theme .app-btn-success{border-color:hsla(0, 0%, 100%, 8%);border-bottom-color:hsla(0, 0%, 0%, 14%)}.app-checkbox{cursor:pointer;position:relative;transition:0.2s ease;-moz-appearance:none;-webkit-appearance:none}.app-checkbox:hover{opacity:0.8}.app-checkbox:active{transition:0.02s ease;transform:scale(0.92, 0.92)}.app-checkbox::before{width:20px;height:20px;content:"";display:flex;transition:background 0.1s;padding:1px;border-radius:4px;border:1px solid var(--color-input-border-strong);background-color:var(--color-ui-hover-default)}.app-checkbox:checked::before{padding:0;background:var(--color-primary-adaptive);border:2px solid var(--color-primary-adaptive)}.app-checkbox:checked::after{width:6px;height:11px;content:"";pointer-events:none;position:absolute;top:3px;left:7px;transform:rotate(45deg);border:solid var(--color-background-default);border-width:0 2px 2px 0;border-radius:1px}.app-checkbox:checked:disabled{opacity:0.8}.app-checkbox:checked:disabled::before,.app-checkbox:disabled::before{cursor:not-allowed}.app-cmd-bar{width:max-content;height:auto}ul.app-cmdbar-menu-list{width:max-content;max-height:280px;overflow:visible}ul.app-cmdbar-menu-list.left-justify{right:0}ul.app-cmdbar-menu-list [data-win-toggle="dropdown"]::after{line-height:0;content:"\f10e";font-family:icons10;padding-inline-start:5px}ul.app-cmdbar-menu-list .cmdbar-submenu{position:absolute;left:100%;top:0}.cmdbar-menu-list-item-hr{border:0;height:1px;margin:0 5px;background-color:var(--color-ui-border-default)}.app-cmdbar-menu{position:relative;display:inline-flex}.app-cmdbar-button{height:33px;border:none;background:none;padding:8px 10px;width:max-content;color:var(--color-text-default)}.app-cmdbar-button:hover{background:var(--color-ui-hover-default)}.app-cmdbar-button:active{opacity:0.7}.app-cmdbar-button[disabled]{filter:contrast(0);pointer-events:none}.app-color-picker-item{cursor:pointer;padding:0 4px 2px 0;display:inline-block;-webkit-tap-highlight-color:transparent}.app-color-picker-item div{height:40px;width:40px;display:inline-block;border:2px solid transparent;border-radius:4px}.app-color-picker-item div:hover{border:2px solid var(--color-text-default)}.app-color-picker-item div:active{filter:brightness(0.6)}.app-color-picker-item div::before{float:right;padding:4px;line-height:1;font-size:11px;content:"\f12e";font-weight:800;font-family:icons10;position:relative;transition:all 0.2s;color:var(--color-background-default);background:var(--color-text-default)}.app-color-picker-item .item:not(:checked)+div::before{opacity:0;transform:scale(0)}.app-color-picker-item .item:checked+div::before{opacity:1;transform:scale(1)}.app-color-picker-item .item{display:none}.app-color-picker-item div:hover,.app-color-picker-item .item:checked+div{border:2px solid var(--color-text-default)}.app-color-picker-item.palette input[type="color"]{opacity:0;position:absolute}.app-color-picker-item.palette div{border:2px solid var(--color-text-default)}.app-color-picker-item.palette div::before{content:"\f10c"}.app-dialog .app-dialog-modal{width:440px;z-index:11;position:fixed;overflow:hidden;background-color:var(--color-foreground-dark);box-shadow:0 0 7vh rgba(0,0,0,0.25);border:1px solid var(--color-foreground-dark);opacity:0;visibility:hidden;transition:all 0.28s;transform:translateY(24px);border-radius:8px}.app-dialog .app-dialog-modal .app-dialog-body{max-height:40vh;overflow:overlay;background-color:var(--color-background-default)}@-moz-document url-prefix(){.app-dialog .app-dialog-modal .app-dialog-body{overflow:auto}}.app-dialog .app-dialog-modal .app-dialog-header{padding:0 15px}.app-dialog.show .app-dialog-modal{opacity:1;visibility:visible;transform:translateY(0)}body.dark-theme .app-dialog .app-dialog-modal{background-color:var(--color-navbar-bg-default)}.app-img-view{z-index:1;width:100%;height:100%;text-align:center;background:#DDDDDD77}.app-img-view-container{overflow:hidden;position:relative;display:inline-flex;justify-content:center}.app-img-view-container .app-img-view-loader{z-index:2;width:100%;height:100%;text-align:center;position:absolute;align-items:center;background:#44444477}.app-img-view-container .app-img-view-loader .app-loader-busy{top:35%;margin:auto}.app-img-view-container .shadow{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;box-shadow:inset 0 -50px 50px 0 #000000}.app-img-view-container .app-img-words{width:auto;z-index:2;color:#fff;position:absolute;bottom:0;left:0;padding-left:5%;padding-bottom:4%;filter:drop-shadow(2px 2px 2px #000)}.app-img-view-container .app-img-words h1{margin:0}.app-input-container{position:relative;height:fit-content;display:inline-flex}.app-input-container .app-input-label+.app-input-text{border-start-start-radius:0;border-end-start-radius:0;border-left-width:0}.app-input-container .app-input-label{display:flex;font-size:15px;align-items:center;place-content:center;width:max-content;padding:0 10px;border-right-width:0 !important;background:var(--color-background-default);border-radius:4px;border-end-end-radius:0;border-start-end-radius:0;border:1px solid var(--color-input-border-default);border-bottom:1px solid #777}.app-input-container.input-success .app-input-text{border-bottom-color:var(--color-success-default)}.app-input-container.input-success .app-input-text:focus{background-image:radial-gradient(var(--color-success-default) 100%, transparent 100%)}.app-input-container.input-success .app-input-end-content .icons10-status::before{content:"\f12e";padding-right:5px;color:var(--color-success-default)}.app-input-container.input-danger .app-input-text{border-bottom-color:var(--color-danger-default)}.app-input-container.input-danger .app-input-text:focus{background-image:radial-gradient(var(--color-danger-default) 100%, transparent 100%)}.app-input-container.input-danger .app-input-end-content .icons10-status::before{content:"\f116";padding-right:5px;color:var(--color-danger-default)}.app-input-container.input-loading .app-loader-busy{display:inline-flex}.app-input-end-content{gap:5px;right:5px;height:100%;display:flex;position:absolute;align-items:center}.app-input-end-content button{border:none;font-size:17px;padding:2.5px 5px;background:transparent}.app-input-end-content button:hover{background-color:var(--color-navbar-bg-default)}.app-input-end-content button:active{opacity:0.7}.app-input-end-content [data-win-clear="text"]{visibility:hidden}.app-input-end-content [data-win-clear="text"]::after{content:"\f116";font-family:icons10}.app-input-end-content .app-loader-busy{display:none}.app-input-container [data-win-toggle="password"]::after{content:"\f1db";font-family:icons10}.app-input-container input[type="password"]+div [data-win-toggle="password"]::after{content:"\f189"}.app-input-search-box::after{z-index:1;content:"\f1b9";margin-left:-28px;align-self:center;font-family:icons10;font-size:16px;font-weight:500}.app-input-search-bar button::after{content:"\f1b9";font-family:icons10}.app-input-search-bar,.app-input-search-box,.app-search-dialog{align-items:center;display:inline-flex;position:relative}.app-input-search-bar input::-webkit-search-cancel-button,.app-input-search-box input::-webkit-search-cancel-button,.app-search-dialog input::-webkit-search-cancel-button{-webkit-appearance:none;position:relative;cursor:pointer;right:35px;width:18px;height:18px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>")}.app-input-search-suggestion{width:285px;position:relative;display:inline-block}.app-input-container input[type="date"]::-webkit-calendar-picker-indicator{color:transparent;background:none;margin-right:4px;height:20px;width:25px;z-index:1}.app-input-container input[type="date"]::-webkit-calendar-picker-indicator:hover{border-radius:4px;filter:brightness(0.96);background-color:var(--color-navbar-bg-default)}.app-input-container input[type="date"]::-webkit-calendar-picker-indicator:active{opacity:0.7}.app-input-container input[type="date"]{position:relative}.app-input-container input[type="date"]:before{z-index:2;right:10px;height:22px;display:flex;line-height:0;font-size:17px;content:"\f1cb";position:absolute;align-items:center;font-family:icons10;pointer-events:none}.app-loader-busy{opacity:0;width:30px;height:30px;position:relative;align-items:center;display:inline-flex;transition:opacity 0.4s ease}.app-loader-busy[data-win-progress]>svg circle{animation:unset}.app-loader-busy.loader-lg{width:42px;height:42px}.app-loader-busy.loader-sm{width:20px;height:20px}.app-loader-busy.animate{opacity:1}.app-loader-busy .app-ldr-busy{stroke:var(--color-primary-adaptive);fill:none;stroke-width:2px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out 0s;animation:2s linear 0s infinite normal none running loader-spin}@keyframes loader-spin{0%{stroke-dasharray:0.01px, 43.97px;transform:rotate(0deg)}50%{stroke-dasharray:21.99px, 21.99px;transform:rotate(450deg)}100%{stroke-dasharray:0.01px, 43.97px;transform:rotate(1080deg)}}.app-loader-busy-overlay{z-index:99;opacity:0;display:flex;transition:0.4s;text-align:center;flex-direction:column;visibility:hidden}.app-loader-busy-overlay.show{opacity:1;transition:0.4s;visibility:visible}.app-loader-busy-overlay .app-loader-busy{top:42%;z-index:100;margin:0 auto;filter:drop-shadow(0 4px 4px rgba(68,68,68,0.533333))}.app-loader-busy-overlay .title{width:100%;bottom:18%;position:absolute;text-align:center}.app-loader-busy-overlay .title.text-light{font-size:1.5em;color:#fff}.app-loader-bar{width:400px;height:24px;overflow:hidden;padding-top:15px}.app-loader-bar .app-ldr-bar{width:6px;height:6px;left:-10px;border-radius:50%;position:relative;background-color:var(--color-day-primary-night-white)}.app-loader-bar.light .app-ldr-bar{background-color:#fff}.app-loader-bar.animate .app-ldr-bar.ball-1{animation:move 2s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23)}.app-loader-bar.animate .app-ldr-bar.ball-2{top:-6px;animation:move 2s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23)}.app-loader-bar.animate .app-ldr-bar.ball-3{top:-12px;animation:move 2s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23)}.app-loader-bar.animate .app-ldr-bar.ball-4{top:-18px;animation:move 2s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23)}@keyframes move{0%{left:0%}100%{left:100%}}.app-link{font-weight:400;display:inline-flex;line-break:anywhere;color:var(--color-primary-adaptive)}.app-link:hover{filter:contrast(0.4)}.app-link:active{opacity:0.6;filter:unset}.app-list-item{margin:0;padding:0;border-bottom:1px solid var(--color-foreground-dark)}.app-list-item:hover:not(.pointer-none){background-color:var(--color-ui-hover-default)}.app-list-item:active:not(.pointer-none){filter:contrast(0.8);transition:0.04s ease;transform:scale(0.998, 0.998)}.app-list-item a{flex:0.8;user-select:none;padding:12px 10px;align-items:center;-webkit-tap-highlight-color:transparent}.app-list-item a:hover{background-color:unset}.app-list-item a:active{background-color:unset}.app-list-item a.pointer-none{pointer-events:none}.app-list-item img{width:50px;height:50px;font-size:10px;overflow:hidden;text-align:center;margin-right:20px;border-radius:50px;background:var(--color-ui-hover-strong)}.app-list-item p.app-list-subtitle{margin:0;padding:0;opacity:0.7;line-height:2;font-size:14px}.app-list-item .app-list-item-container{height:fit-content;align-items:center;display:inline-grid}.app-list-item span.app-list-title{font-size:16px}.app-list-item span.app-list-title,.app-list-item p.app-list-subtitle{display:inline-block}.app-list-item,.app-list-item a{width:100%;display:flex;color:var(--color-text-default)}.app-dropdown-menu ul.app-dropdown-list .app-input-text{width:100%;height:33px;border-radius:6px;margin-bottom:1px}.app-dropdown-menu ul.app-dropdown-list .app-input-text:not(:focus){border-color:#99999988}.app-progress-container{width:400px;display:inline-flex;flex-direction:column;transition:height 0.15s ease-out}.app-progress-container.hide{height:0}.app-progress-container .app-progress-title,.app-progress-container .app-progress-subtitle{line-height:2;font-weight:500}.app-progress-container .app-progress-subtitle{opacity:0.8;font-size:14px}.app-progress-container .app-progress-bar{width:100%;height:5px;overflow:hidden;position:relative;background:var(--color-progress-bg);border-radius:4px}.app-progress-container .app-progress-bar span{height:100%;position:absolute;transition:width 1s ease-in-out;background-color:var(--color-primary-adaptive);border-radius:4px}.app-progress-container .app-progress-bar span.indeterminate{height:100%;width:100%;transform-origin:0% 50%;transition-property:background;animation:indeterminateAnimation 1s infinite linear;border-radius:4px;background-color:var(--color-primary-adaptive)}@keyframes indeterminateAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(0.5)}100%{transform:translateX(100%) scaleX(0.3)}}.app-radio-button{height:20px;width:20px;margin:0;cursor:pointer;margin-top:1px;appearance:none;border-radius:28px;vertical-align:bottom;transition:border 0.2s ease;-webkit-tap-highlight-color:transparent;background:var(--color-ui-hover-default);border:1px solid var(--color-input-border-strong)}.app-radio-button:checked{background:var(--color-background-default);border:4px solid var(--color-primary-adaptive);transition:border 0.22s cubic-bezier(0.54, -0.24, 0.41, 3.53)}.app-radio-button:hover{opacity:0.8}.app-radio-button:active{transition:0s ease;border:1px solid var(--color-primary-adaptive)}.app-radio-button:disabled{cursor:not-allowed;filter:opacity(0.7);border-color:var(--color-input-border-strong);background-color:var(--color-input-border-strong)}.app-dropdown-title{padding-right:40px;line-height:1}.app-select-text .app-dropdown-title{font-weight:500}.app-dropdown-menu,.app-select-menu,.app-select-text{padding:0;width:fit-content;user-select:none;position:relative;display:inline-flex;flex-direction:column;justify-content:center;height:33px}.app-dropdown-menu::after,.app-select-menu::after,.app-select-text::after{right:10px;font-size:14px;content:"\f10c";position:absolute;pointer-events:none;font-family:icons10}.app-select-menu select{height:100%;appearance:none;padding:0 35px 0 10px}.app-select-menu select:focus{outline:none}.app-select-menu select option{background-color:var(--color-background-default)}.app-dropdown-menu span,.app-dropdown-menu::after,.app-select-menu span,.app-select-menu::after,.app-select-text span,.app-select-text::after{height:inherit;padding-left:10px;align-items:center;display:inline-flex}.app-dropdown-list{max-height:280px}.app-dropdown-list-item.selected span{background-color:var(--color-ui-hover-strong)}.app-dropdown-list-item.selected span::before{width:3px;height:18px;content:"";position:absolute;left:0;border-radius:50px;background-color:var(--color-primary-adaptive)}.app-dropdown-list-item.hidden{display:none}.app-select-text .app-dropdown-list-item.selected span::before{width:20px;height:auto;content:"\f12e";position:relative;font-family:"icons10";background:transparent}.app-switch{user-select:none;align-items:center;display:inline-flex;-webkit-tap-highlight-color:transparent}.app-switch>.app-switch-view{height:21px;cursor:pointer;position:relative;border-radius:50px;transition:200ms ease-out;width:42px;border:1px solid var(--color-text-default)}.app-switch>.app-switch-view:hover{opacity:0.8}.app-switch>.app-switch-view:active{filter:contrast(0.8)}.app-switch>.app-switch-view::before{width:13px;height:13px;position:absolute;top:3px;left:3px;display:block;content:'';border-radius:18px;transition:200ms;will-change:translate;background:var(--color-text-default)}.app-switch>span::before{content:attr(data-off)}.app-switch .app-switch-label{padding-right:10px}.app-switch .app-switch-label:last-child{padding-right:0;padding-left:10px}.app-switch input{display:none}.app-switch input:checked ~ .app-switch-view{border-color:var(--color-primary-adaptive);background-color:var(--color-primary-adaptive)}.app-switch input:checked ~ .app-switch-view::before{background:var(--color-background-default);transform:translateX(calc(2 * 100% - 5px))}.app-switch input:checked ~ span::before{display:block;content:attr(data-on) !important}.app-switch input:disabled ~ .app-switch-view{opacity:0.7;cursor:not-allowed}.app-range-slider{width:360px;padding:5px 0;position:relative;align-items:center;display:inline-flex;-webkit-tap-highlight-color:transparent}.app-range-slider input[type="range"]{width:calc(100% - (73px));height:4px;outline:none;appearance:none;position:relative;padding:0;border-radius:18px;margin:0 10px 0 0;background:#999999}.app-range-slider input[type="range"]::-webkit-slider-thumb{width:20px;height:20px;cursor:pointer;user-select:none;appearance:none;border-radius:100px;-webkit-appearance:none;transition:all 0.14s ease-in-out;box-shadow:0 0.5px 2px rgba(70,70,70,0.85);border:4px solid var(--color-slider-thumb-bg);background:var(--color-primary-adaptive)}.app-range-slider input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.1, 1.1);border:3px solid var(--color-slider-thumb-bg)}.app-range-slider input[type="range"]::-webkit-slider-thumb:active{transform:scale(1, 1);border:5px solid var(--color-slider-thumb-bg)}.app-range-slider input[type="range"]::-moz-range-thumb{width:12px;height:12px;cursor:pointer;user-select:none;border-radius:100px;transition:all 0.14s ease-in-out;box-shadow:0 0 2px rgba(150,150,150,0.8);border:4px solid var(--color-slider-thumb-bg);background:var(--color-primary-adaptive)}.app-range-slider input[type="range"]::-moz-range-thumb:hover{transform:scale(1.1, 1.1);border:3px solid var(--color-slider-thumb-bg)}.app-range-slider input[type="range"]::-moz-range-thumb:active{transform:scale(1, 0.9);border:5px solid var(--color-slider-thumb-bg)}.app-range-slider.slider-round input[type="range"]::-webkit-slider-thumb{width:8px;height:26px;border:unset;box-shadow:unset}.app-range-slider.slider-round input[type="range"]::-moz-range-thumb{width:8px;height:26px;border:none;box-shadow:unset}.app-range-slider.slider-round-border input[type="range"]::-webkit-slider-thumb{width:20px !important;height:20px;box-shadow:unset;border:3px solid var(--color-primary-adaptive);background:var(--color-background-default)}.app-range-slider.slider-round-border input[type="range"]::-moz-range-thumb{width:14px;height:14px;box-shadow:unset;border:3px solid var(--color-primary-adaptive);background:var(--color-background-default)}.app-range-slider span{line-height:0;font-size:18px;color:var(--color-text-default)}.app-range-slider .app-range-slider-popup{opacity:0;padding:12px 5px;visibility:hidden;display:inline-block;position:absolute;top:-40px;font-size:12px;font-weight:700;transition:opacity 0.4s ease-out;border-radius:4px;background:var(--color-navbar-bg-default);border:1px solid var(--color-ui-border-default);box-shadow:0 1px 1px #22222222}.app-splash-screen{z-index:999;display:flex;flex-direction:column;background-color:var(--PrimaryColor)}.app-table-view-container{min-width:auto;max-width:fit-content;overflow:overlay;overflow-x:auto;border:1px solid var(--color-ui-border-default);background-color:var(--color-card-bg-default);border-radius:4px}.app-table-view{border-collapse:collapse}.app-table-view tr:last-child td{border:0}.app-table-view th{font-weight:600}.app-table-view th.sortable:hover{cursor:pointer;background-color:var(--color-ui-hover-default)}.app-table-view th.sortable:active{user-select:none}.app-table-view th.no-sortable{pointer-events:none}.app-table-view td{min-width:fit-content}.app-table-view th,.app-table-view td{font-size:15px;padding:6px 12px}.app-table-view td,.app-table-view thead{border-bottom:1px solid var(--color-ui-border-default)}.app-textarea{width:auto;height:auto;cursor:auto;padding:10px;font-family:inherit;line-height:normal}::-webkit-scrollbar{inline-size:15px;background-color:transparent}::-webkit-scrollbar:vertical{--scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 16.9814C5.0281 16.9814 4.45412 15.7165 5.16132 14.9083L10.6831 8.59765C11.3804 7.80083 12.6199 7.80083 13.3172 8.59765L18.839 14.9083C19.5462 15.7165 18.9722 16.9814 17.8983 16.9814H6.10204Z' fill='%23888888dd'/%3E%3C/svg%3E");--scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.10204 8C5.0281 8 4.45412 9.2649 5.16132 10.0731L10.6831 16.3838C11.3804 17.1806 12.6199 17.1806 13.3172 16.3838L18.839 10.0731C19.5462 9.2649 18.9722 8 17.8983 8H6.10204Z' fill='%23888888dd'/%3E%3C/svg%3E")}::-webkit-scrollbar:horizontal{--scrollbar-caret-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 17.8983C9 18.9722 10.2649 19.5462 11.0731 18.839L17.3838 13.3172C18.1806 12.6199 18.1806 11.3804 17.3838 10.6831L11.0731 5.16132C10.2649 4.45412 9 5.02809 9 6.10204V17.8983Z' fill='%23888888dd'/%3E%3C/svg%3E");--scrollbar-caret-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 17.8983C15 18.9722 13.7351 19.5462 12.9268 18.839L6.61617 13.3172C5.81935 12.6199 5.81935 11.3804 6.61617 10.6831L12.9268 5.16132C13.7351 4.45412 15 5.02809 15 6.10204L15 17.8983Z' fill='%23888888dd'/%3E%3C/svg%3E")}::-webkit-scrollbar:hover{background:var(--scrollbar-caret-bottom) bottom center/contain no-repeat,var(--scrollbar-caret-top) top center/contain no-repeat,transparent}::-webkit-scrollbar:horizontal:hover{background:var(--scrollbar-caret-bottom) left center/contain no-repeat,var(--scrollbar-caret-top) right center/contain no-repeat,transparent}::-webkit-scrollbar-thumb{border-block:none;border-radius:7px;background:var(--dark, rgba(221,221,221,0.533333)) var(--light, rgba(119,119,119,0.866667));background-clip:padding-box;border:6px solid transparent}::-webkit-scrollbar-thumb:hover{border-radius:14px;border:4px solid transparent;background-color:var(--dark, rgba(221,221,221,0.6)) var(--light, rgba(119,119,119,0.933333))}::-webkit-scrollbar-button:single-button{display:block;block-size:14px}.app-navbar-wrap .app-navbar-list::-webkit-scrollbar-thumb{background-color:#99999966}.app-navbar-wrap .app-navbar-list::-webkit-scrollbar-thumb:hover{background-color:#999999dd}@-moz-document url-prefix(){.app-navbar-wrap *{scrollbar-width:thin}.app-navbar-wrap.collapsed *{scrollbar-width:none}}@media only screen and (max-width: 760px){.app-navbar-wrap *{scrollbar-width:none}.app-page-container{margin:0 !important;padding-top:50px !important}.app-page-container.has-padding{padding:0 20px}.app-page-container-inner{margin:20px}.app-navbar-wrap{z-index:9;position:unset}.app-navbar-wrap nav{z-index:9;position:fixed}.app-navbar-wrap nav .app-navbar-toggler{padding:7.5px 20px;margin:5px}.app-navbar-wrap nav :hover>li,.app-navbar-wrap nav :hover>.app-navbar-toggler,.app-navbar-wrap nav :hover>.app-navbar-submenu-title{background-color:transparent !important}.app-navbar-wrap .app-navbar-toggler{margin:0}.app-accordion-title:hover:not(:active){opacity:1}.app-alert .app-alert-modal{width:100vw !important;left:0 !important;top:0;margin:0;transition:all 0.3s ease;transform:translateY(-100%);max-width:100%;border-top-left-radius:0;border-top-right-radius:0}.app-alert.show .app-alert-modal{transition:all 0.3s ease;transform:translateY(0%)}.app-btn:hover{opacity:1}.app-btn:not([class*="outline"]):hover:not(:active){filter:none;opacity:1}.app-cmdbar-button:hover:not(:active){background:none}.app-dialog .app-dialog-modal{width:100%;width:-webkit-fill-available;width:-moz-available;left:0;bottom:0;top:initial;border-left:none;border-right:none;border-top:1px solid var(--color-foreground-dark);border-bottom-left-radius:0;border-bottom-right-radius:0;transform:translateY(100%)}.app-input-search-bar button:not(:active):hover{background:var(--color-navbar-bg-default)}.app-input-search-bar button:not(:active):hover::after{color:var(--color-text-default) !important}.app-link:hover:not(:active){filter:unset;opacity:1}.app-list-item:not(:active):hover{background:transparent}.app-loader-bar{width:90%}.app-progress-container{width:80vw}.app-switch>.app-switch-view:hover{opacity:1}.app-range-slider{width:calc(280px + 18%);align-items:flex-start;flex-flow:column-reverse}.app-range-slider span{line-height:2.2}.app-range-slider .app-range-slider-popup{display:none}}
diff --git a/dist/windows-ui.min.js b/dist/windows-ui.min.js
new file mode 100644
index 0000000..cdb5861
--- /dev/null
+++ b/dist/windows-ui.min.js
@@ -0,0 +1,12 @@
+const lc_storage_theme_key="WinAppLocalTheme";
+var root_=document.documentElement;function setDarkScheme(){root_.setAttribute("data-theme","dark"),document.body.classList.add("dark-theme"),document.getElementById("app-navbar-theme-switch")&&(document.getElementById("app-navbar-theme-switch").checked=!0),localStorage.setItem(lc_storage_theme_key,"dark")}let _getCurrTheme_=localStorage.getItem(lc_storage_theme_key);const getColorScheme=()=>{return window.getComputedStyle(root_).getPropertyValue("color-scheme").toString()};function setLightScheme(){root_.setAttribute("data-theme","light"),document.body.classList.remove("dark-theme"),document.getElementById("app-navbar-theme-switch")&&(document.getElementById("app-navbar-theme-switch").checked=!1),localStorage.setItem(lc_storage_theme_key,"light")}function setSystemScheme(){localStorage.setItem(lc_storage_theme_key,"system"),(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?setDarkScheme:setLightScheme)()}function toggleDayNight(){("dark"===getColorScheme()?setLightScheme:setDarkScheme)()}"dark"==_getCurrTheme_&&setDarkScheme(),window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&null==_getCurrTheme_&&setDarkScheme(),"light"==_getCurrTheme_&&setLightScheme();const DayNightSwitch=document.querySelectorAll("#app-navbar-theme-switch"),Appearance=(DayNightSwitch.forEach(e=>e.addEventListener("click",toggleDayNight)),{setDarkScheme:setDarkScheme,setLightScheme:setLightScheme,setSystemScheme:setSystemScheme,getColorScheme:getColorScheme});
+function getScreenOffset(e){return window.innerHeight/2<e.getBoundingClientRect().top}
+const AlertBarDismissals=document.querySelectorAll('[data-win-dismiss="alert"]');for(const a of AlertBarDismissals)a.addEventListener("click",()=>{var e=a.closest(".app-alert-bar");e.parentNode.removeChild(e)});
+const CollapseTriggers=document.querySelectorAll('[data-win-toggle="collapse"]');for(const a of CollapseTriggers){let e=a.getAttribute("data-win-target"),t=document.querySelector(e);a.addEventListener("click",()=>{if(t.classList.contains("show"))t.classList.remove("show"),t.style.height="",a.setAttribute("aria-expanded",!1);else{t.classList.add("show"),a.setAttribute("aria-expanded",!0);let s=0;t.childNodes.forEach(e=>{var t;void 0!==e.clientHeight&&(t=parseInt(window.getComputedStyle(e).marginTop)+parseInt(window.getComputedStyle(e).marginBottom),s+=e.clientHeight+t)}),t.style.height=s+"px"}})}
+const DropdownTriggers=document.querySelectorAll('[data-win-toggle="dropdown"]');for(const a of DropdownTriggers){const b=a.getAttribute("data-win-target"),c=document.querySelector(b),d=c.querySelectorAll("li"),e=c.querySelector('input[type="search"]'),f=()=>{c.classList.add("show"),document.addEventListener("mousedown",h)},g=()=>{c.classList.remove("show"),document.removeEventListener("mousedown",h)},h=e=>{c.contains(e.target)||a.contains(e.target)||!c.classList.contains("show")||g()};a.addEventListener("click",e=>{getScreenOffset(a)?c.classList.add("reverse"):c.classList.remove("reverse"),(c.classList.contains("show")?g:f)()});for(const k of d)k.addEventListener("click",()=>{var e=c.parentNode.classList;(e.contains("app-select-text")||e.contains("app-select-menu"))&&([].forEach.call(d,e=>e.classList.remove("selected")),k.classList.add("selected"),a.textContent=k.textContent),k.getElementsByTagName("a")[0]?.getAttribute("data-win-target")||g()});e&&e.addEventListener("keyup",()=>{for(var t,s=e.value.toUpperCase(),n=0;n<d.length;n++)-1<((t=d[n].getElementsByTagName("a")[0]).textContent||t.innerText).toUpperCase().indexOf(s)?d[n].style.display="":d[n].style.display="none"})}
+const PwdTogglers=document.querySelectorAll('[data-win-toggle="password"]');for(const a of PwdTogglers){const b=a.getAttribute("data-win-target");a.addEventListener("click",()=>{var t=document.querySelector(b);"password"===t.type?t.type="text":t.type="password"})}const TxtClearers=document.querySelectorAll('[data-win-clear="text"]');for(const d of TxtClearers){const e=d.getAttribute("data-win-target"),f=document.querySelector(e);f.addEventListener("input",()=>{""!==f.value?d.style.visibility="visible":d.style.visibility="hidden"}),d.addEventListener("click",()=>{f.value="",f.focus(),d.style.visibility="hidden"})}
+const LoaderProgress=document.querySelectorAll("Loader [data-win-progress]");for(const a of LoaderProgress)window.addEventListener("load",function(){var e=a.getAttribute("data-win-progress"),t=a.getElementsByTagName("circle")[0];t&&(t.style.strokeDasharray=e/2.4+"px, 43.97px"),a.addEventListener("contentchange",function(){console.log("Captured content change event")})});
+const LoaderBusy='<svg viewBox="0 0 16 16"><circle class="app-ldr-busy" cx="8px" cy="8px" r="7px"></circle></svg>',LoaderBusys=document.querySelectorAll(".app-loader-busy");for(const a of LoaderBusys)a.innerHTML=LoaderBusy;const LoaderBar='<div class="app-ldr-bar ball-1"></div><div class="app-ldr-bar ball-2"></div><div class="app-ldr-bar ball-3"></div><div class="app-ldr-bar ball-4"></div>',LoaderBars=document.querySelectorAll(".app-loader-bar");for(const b of LoaderBars)b.innerHTML=LoaderBar;
+const ModalTriggers=document.querySelectorAll('[data-win-toggle="modal"]');for(const a of ModalTriggers){const b=a.getAttribute("data-win-target");a.onclick=function(t){t.target!==this&&(a.classList.contains("app-alert")||a.classList.contains("app-dialog"))||document.querySelector(b).classList.toggle("show")}}
+const NavBarTogglers=document.querySelectorAll('[data-win-toggle="navbar-left"]');let NavBarOverlay=document.createElement("div");for(const a of NavBarTogglers){const b=document.querySelector(a.getAttribute("data-win-target"));function toggleNavBarMobile(){null===document.querySelector(".app-navbar-overlay")&&(NavBarOverlay.className="app-navbar-overlay",b.appendChild(NavBarOverlay)),b.classList.toggle("collapsed-float"),NavBarOverlay.classList.toggle("show")}function toggleNavBar(){(window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth)<760?toggleNavBarMobile():b.classList.toggle("collapsed")}a.addEventListener("click",toggleNavBar)}NavBarOverlay.addEventListener("click",toggleNavBar);const NavBar_=document.querySelector(".app-navbar-wrap"),NavBar_Nav=NavBar_.querySelector("nav"),NavBar_List=document.getElementById("app-navbar-list"),Navbar_Header=NavBar_.querySelector(".app-navbar-header");function ResizedWin(){NavBar_.style.transition="",NavBar_Nav.style.transition=""}var on_resizew;NavBar_List.addEventListener("scroll",e=>{e=e.target.scrollTop;Navbar_Header.style.boxShadow=e<50?"none":"0 4px 8px -8px #77777777"}),window.onresize=function(){clearTimeout(on_resizew),NavBar_.style.transition="unset",NavBar_Nav.style.transition="unset",on_resizew=setTimeout(ResizedWin,100)};
+const SliderSettings={fill:"var(--color-primary-adaptive)",background:"#999999"},Sliders=document.querySelectorAll(".app-range-slider");for(const a of Sliders){const b=a.querySelector("input"),c=b.getAttribute("max");b.addEventListener("input",e=>{var l=e.target.value;document.querySelectorAll(`[for="${b.id}"]`).forEach(e=>{e.innerHTML=l,e.matches(".app-range-slider-popup")&&(e.style.left=l/c*72+"%",e.style.visibility="visible",e.style.opacity=1)}),applyFill(e.target)}),applyFill(b),b.addEventListener("mouseleave",()=>{var e=b.nextElementSibling;"app-range-slider-popup"==e.className&&(e.style.visibility="hidden",e.style.opacity=0)})}function applyFill(e){var l=100*(e.value-e.min)/(e.max-e.min),l=`linear-gradient(90deg, ${SliderSettings.fill} ${l}%, ${SliderSettings.background} ${.1+l}%)`;e.style.background=l}
\ No newline at end of file
diff --git a/docs/accordion.html b/docs/accordion.html
new file mode 100644
index 0000000..136d1e0
--- /dev/null
+++ b/docs/accordion.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>Accordion</h1>
+      <p>
+        <span class="app-color-primary">Accordion</span> component used to show (and hide) content, it collapsed on hide and expand on show state.
+      </p>
+      <div class="app-accordion" style="width: 280px;">
+        <div class="app-accordion-header" data-win-toggle="collapse" data-win-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
+          <div class="app-accordion-title">
+            <span>Accordion Item</span>
+          </div>
+        </div>
+        <div class="app-accordion-panel" id="collapseOne">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          </p>
+        </div>
+      </div>
+      <h2>Usage</h2>
+      <pre><code id="code_view_1"></code></pre>
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("Accordion", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<div class="app-accordion" style="width: 280px;">
+  <div class="app-accordion-header" data-win-toggle="collapse" data-win-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
+    <div class="app-accordion-title">
+      <span>Accordion Item</span>
+    </div>
+  </div>
+  <div class="app-accordion-panel" id="collapseOne">
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
+      sed do eiusmod tempor incididunt ut labore et dolore.
+    </p>
+  </div>
+</div>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/alert.html b/docs/alert.html
new file mode 100644
index 0000000..d528c7a
--- /dev/null
+++ b/docs/alert.html
@@ -0,0 +1,203 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>Alerts</h1>
+      <p>
+        <span class="app-color-primary">Alert</span> component is used to interrupt the user with a mandatory confirmation or action.
+      </p>
+      <button class="app-btn" data-win-toggle="modal" data-win-target="#MyModal">
+        <span>Open Alert Dialog</span>
+      </button>
+      <div class="app-alert" id="MyModal" data-win-toggle="modal" data-win-target="#MyModal" aria-labelledby="exampleModalLabel" tabindex="-1">
+        <div class="app-alert-modal" aria-modal="true" role="dialog">
+          <div class="app-alert-header">
+            <h1>Alert</h1>
+            <div class="app-alert-message">This is alert Box.</div>
+          </div>
+          <div class="app-alert-footer">
+            <button class="app-btn app-btn-primary" data-win-toggle="modal" data-win-target="#MyModal">
+              <span>OK to Close</span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <h2>Usage</h2>
+      <pre><code id="code_view_1"></code></pre>
+      <h2>Open Alert using a Button</h2>
+      <pre><code id="code_view_2"></code></pre>
+      <h1>AlertBars</h1>
+      <div class="app-alert-bar alert-bar-secondary" role="alert" style="max-width: 500px">
+        <i class="icons10-exclamation-mark app-color-primary"></i>
+        <strong class="app-color-primary">Title</strong>
+        <span>This is a text</span>
+        <div class="app-alert-bar-end-content">
+          <button class="app-btn app-btn-primary">Button Regular</button>
+          <button data-win-dismiss="alert" aria-label="Close"></button>
+        </div>
+      </div>
+      <pre><code id="code_view_3"></code></pre>
+      <br />
+      <div class="app-alert-bar alert-bar-success" role="alert" style="max-width: 500px">
+        <i class="icons10-checkmark app-color-success"></i>
+        <strong class="app-color-success">Title Success</strong>
+        <span>This is a text</span>
+        <div class="app-alert-bar-end-content">
+          <button data-win-dismiss="alert" aria-label="Close"></button>
+        </div>
+      </div>
+      <pre><code id="code_view_4"></code></pre>
+      <br />
+      <div class="app-alert-bar alert-bar-danger" role="alert" style="max-width: 500px">
+        <i class="icons10-cross app-color-danger"></i>
+        <strong class="app-color-danger">Title Danger</strong>
+        <span>This is a text</span>
+        <div class="app-alert-bar-end-content">
+          <button data-win-dismiss="alert" aria-label="Close"></button>
+        </div>
+      </div>
+      <pre><code id="code_view_5"></code></pre>
+      <br />
+      <br />
+      <br />
+      <br />
+      <br />
+    </main>
+    <div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("Alerts", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<div class="app-alert" id="MyModal" data-win-toggle="modal" data-win-target="#MyModal" tabindex="-1">
+  <div class="app-alert-modal" aria-modal="true" role="dialog">
+    <div class="app-alert-header">
+      <h1>Alert</h1>
+      <div class="app-alert-message">This is alert Box.</div>
+    </div>
+    <div class="app-alert-footer">
+      <button class="app-btn app-btn-primary"
+        data-win-toggle="modal" data-win-target="#MyModal">
+        <span>OK to Close</span>
+      </button>
+    </div>
+  </div>
+</div>
+`).value;
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+<button class="app-btn" data-win-toggle="modal" data-win-target="#MyModal">
+  <span>Open Alert Default</span>
+</button>
+`).value;
+document.getElementById("code_view_3").innerHTML =
+hljs.highlightAuto(`
+<div class="app-alert-bar alert-bar-secondary" role="alert">
+  <i class="icons10-exclamation-mark app-color-primary"></i>
+  <strong class="app-color-primary">Title</strong><span>This is a text</span>
+  <div class="app-alert-bar-end-content">
+    <button class="app-btn app-btn-primary">Button Regular</button>
+    <button data-win-dismiss="alert" aria-label="Close"></button>
+  </div>
+</div>
+`).value;
+document.getElementById("code_view_4").innerHTML =
+hljs.highlightAuto(`
+<div class="app-alert-bar alert-bar-success" role="alert">
+  <i class="icons10-checkmark app-color-success"></i>
+  <strong class="app-color-success">Title Success</strong><span>This is a text</span>
+  <div class="app-alert-bar-end-content">
+    <button data-win-dismiss="alert" aria-label="Close"></button>
+  </div>
+</div>
+`).value;
+document.getElementById("code_view_5").innerHTML =
+hljs.highlightAuto(`
+<div class="app-alert-bar alert-bar-danger" role="alert">
+  <i class="icons10-cross app-color-danger"></i>
+  <strong class="app-color-danger">Title Danger</strong><span>This is a text</span>
+  <div class="app-alert-bar-end-content">
+    <button data-win-dismiss="alert" aria-label="Close"></button>
+  </div>
+</div>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/appearance.html b/docs/appearance.html
new file mode 100644
index 0000000..a2df9af
--- /dev/null
+++ b/docs/appearance.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>Appearance</h1>
+      <p>The <span class="app-color-primary">Appearance</span> module exposes information about the user's appearance preferences,
+        <br> such as their preferred color scheme (light or dark).
+      </p>
+      <h2>Usage</h2>
+      <pre><code id="code_view_1"></code></pre>
+      <div class="app-hr"></div>
+      <h2>
+        <b>Methods</b>
+      </h2>
+      <h2>
+        <p class="app-code">getColorScheme()</p>
+      </h2>
+      <p>Indicates the current either system or user preferred color scheme.</p>
+      <pre><code id="code_view_2"></code></pre>
+      <h2>
+        <p class="app-code">setDarkScheme()</p>
+      </h2>
+      <p>Set's app to <i>dark</i> color scheme.</p>
+      <pre><code id="code_view_3"></code></pre>
+      <h2>
+        <p class="app-code">setLightScheme()</p>
+      </h2>
+      <p>Set's app to <i>light</i> color scheme.</p>
+      <pre><code id="code_view_4"></code></pre>
+      <h2>
+        <p class="app-code">setSystemScheme()</p>
+      </h2>
+      <p>Set's app to <i>system</i> color scheme.</p>
+      <pre><code id="code_view_5"></code></pre>
+      <br />
+      <br />
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("Appearance", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+const colorScheme = Appearance.getColorScheme();
+  if (colorScheme === "dark") {
+    Appearance.setLightScheme()
+    // Do action on dark color scheme
+  }
+`).value;
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+Appearance.getColorScheme(); // 'light'/'dark'
+`).value;
+document.getElementById("code_view_3").innerHTML =
+hljs.highlightAuto(`
+Appearance.setDarkScheme();
+`).value;
+document.getElementById("code_view_4").innerHTML =
+hljs.highlightAuto(`
+Appearance.setLightScheme();
+`).value;
+document.getElementById("code_view_5").innerHTML =
+hljs.highlightAuto(`
+Appearance.setSystemScheme();
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/assets/default_avatar.png b/docs/assets/default_avatar.png
new file mode 100644
index 0000000..8bd6678
Binary files /dev/null and b/docs/assets/default_avatar.png differ
diff --git a/docs/assets/macos.jpg b/docs/assets/macos.jpg
new file mode 100644
index 0000000..d68a342
Binary files /dev/null and b/docs/assets/macos.jpg differ
diff --git a/docs/assets/mountain.jpg b/docs/assets/mountain.jpg
new file mode 100644
index 0000000..76ddeb8
Binary files /dev/null and b/docs/assets/mountain.jpg differ
diff --git a/docs/assets/songs/diff_world.jpg b/docs/assets/songs/diff_world.jpg
new file mode 100644
index 0000000..b544cef
Binary files /dev/null and b/docs/assets/songs/diff_world.jpg differ
diff --git a/docs/assets/songs/laFamilia.jpg b/docs/assets/songs/laFamilia.jpg
new file mode 100644
index 0000000..1476b10
Binary files /dev/null and b/docs/assets/songs/laFamilia.jpg differ
diff --git a/docs/assets/songs/meganta reddim.jpg b/docs/assets/songs/meganta reddim.jpg
new file mode 100644
index 0000000..f3338e8
Binary files /dev/null and b/docs/assets/songs/meganta reddim.jpg differ
diff --git a/docs/assets/songs/mind.jpg b/docs/assets/songs/mind.jpg
new file mode 100644
index 0000000..6613c70
Binary files /dev/null and b/docs/assets/songs/mind.jpg differ
diff --git a/docs/buttons.html b/docs/buttons.html
new file mode 100644
index 0000000..e2014b8
--- /dev/null
+++ b/docs/buttons.html
@@ -0,0 +1,237 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>Buttons</h1>
+      <button class="app-btn">
+        <span>Default Button</span>
+      </button>
+      <button class="app-btn app-btn-primary">
+        <span>Primary Button</span>
+      </button>
+      <button class="app-btn app-btn-subtle">
+        <span>Secondary Button</span>
+      </button>
+      <h2>Button Default</h2>
+      <button class="app-btn">
+        <span>Default Button</span>
+      </button>
+      <button class="app-btn">
+        <i class="icons10-plus"></i>
+        <span>Button with icon</span>
+      </button>
+      <button class="app-btn" disabled>
+        <span>Button Disabled</span>
+      </button>
+      <pre><code id="code_view_1"></code></pre>
+      <h2>Button state loading</h2>
+      <button class="app-btn animate btn-is-loading">
+        <div class="app-loader-busy loader-sm animate"></div>
+        <span>Loading Button</span>
+      </button>
+      <pre><code id="code_view_2"></code></pre>
+      <h2>Button Primary</h2>
+      <button class="app-btn app-btn-primary">
+        <span>Button Regular</span>
+      </button>
+      <button class="app-btn app-btn-primary">
+        <i class="icons10-fantasy"></i>
+        <span>Primary Button</span>
+      </button>
+      <pre><code id="code_view_3"></code></pre>
+      <h2>Button Primary Outline</h2>
+      <button class="app-btn app-btn-outline-primary" title="Button tooltip title">
+        <span>Button Outline</span>
+      </button>
+      <button class="app-btn app-btn-outline-primary">
+        <i class="icons10-fantasy"></i>
+        <span>Primary Button</span>
+      </button>
+      <pre><code id="code_view_4"></code></pre>
+      <h2>Button Success</h2>
+      <button class="app-btn app-btn-success">
+        <span>Success Button</span>
+      </button>
+      <button class="app-btn app-btn-outline-success">
+        <i class="icons10-checkmark"></i>
+        <span>Success Button</span>
+      </button>
+      <pre><code id="code_view_5"></code></pre>
+      <h2>Button Danger</h2>
+      <button class="app-btn app-btn-danger">
+        <span>Danger Button</span>
+      </button>
+      <button class="app-btn app-btn-outline-danger">
+        <i class="icons10-cross"></i>
+        <span>Danger Button</span>
+      </button>
+      <pre><code id="code_view_6"></code></pre>
+      <h1>Button as Icon:</h1>
+      <button class="app-btn app-btn-subtle">
+        <i class="icons10-home"></i>
+      </button>
+      <button class="app-btn app-btn-subtle">
+        <i class="icons10-share"></i>
+      </button>
+      <pre><code id="code_view_7"></code></pre>
+      <br />
+      <br />
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("Buttons", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<button class="app-btn">
+  <span>Default Button</span>
+</button>
+
+<button class="app-btn">
+  <i class="icons10-plus"></i>
+  <span>Button with icon</span>
+</button>
+`).value;
+
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+<button class="app-btn animate btn-is-loading">
+  <div class="app-loader-busy loader-sm animate"></div>
+  <span>Loading Button</span>
+</button>
+`).value;
+
+document.getElementById("code_view_3").innerHTML =
+hljs.highlightAuto(`
+<button class="app-btn app-btn-primary">
+  <span>Button Regular</span>
+</button>
+
+<button class="app-btn app-btn-primary">
+  <i class="icons10-fantasy"></i>
+  <span>Primary Button</span>
+</button>
+`).value;
+
+document.getElementById("code_view_4").innerHTML =
+hljs.highlightAuto(`
+<button class="app-btn app-btn-outline-primary">
+  <span>Button Outline</span>
+</button>
+
+<button class="app-btn app-btn-outline-primary">
+  <i class="icons10-fantasy"></i>
+  <span>Primary Button</span>
+</button>
+`).value;
+
+document.getElementById("code_view_5").innerHTML =
+hljs.highlightAuto(`
+<button class="app-btn app-btn-success">
+  <span>Success Button</span>
+</button>
+
+<button class="app-btn app-btn-outline-success">
+  <i class="icons10-checkmark"></i>
+  <span>Success Button</span>
+</button>
+`).value;
+
+document.getElementById("code_view_6").innerHTML =
+hljs.highlightAuto(`
+<button class="app-btn app-btn-danger">
+  <span>Danger Button</span>
+</button>
+
+<button class="app-btn app-btn-outline-danger">
+  <i class="icons10-cross"></i>
+  <span>Danger Button</span>
+</button>
+`).value;
+
+document.getElementById("code_view_7").innerHTML =
+hljs.highlightAuto(`
+<button class="app-btn app-btn-subtle">
+  <i class="icons10-home"></i>
+</button>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/checkbox.html b/docs/checkbox.html
new file mode 100644
index 0000000..bdb2419
--- /dev/null
+++ b/docs/checkbox.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>Checkbox</h1>
+      <input class="app-checkbox" type="checkbox" value="" id="CheckBoxDefault" checked>
+      <label for="CheckBoxDefault">Checkbox</label>&nbsp;&nbsp;&nbsp;&nbsp;
+      <input class="app-checkbox" type="checkbox" value="" id="CheckBoxDefault2" checked disabled>
+      <label for="CheckBoxDefault2">Checkbox Disabled</label>
+      <br />
+      <h2>Usage</h2>
+      <pre><code id="code-switch"></code></pre>
+      <h2>Checkbox Inline</h2>
+      <p>• Just remove the <span class="app-code">span</span> from the checkbox.</p>
+      <p>Lorem ipsum dolor sit amet
+        <input class="app-checkbox" type="checkbox" value="" checked> sed do eiusmod tempor incididunt ut labore.
+      </p>
+      <input class="app-checkbox" type="checkbox" value="" checked>
+      <pre><code id="code-switch-nolabel"></code></pre>
+      <br />
+      <br />
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("CheckBox", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code-switch").innerHTML =
+hljs.highlightAuto(`
+<input class="app-checkbox" type="checkbox" value="" id="CheckBoxDefault" checked>
+<label for="CheckBoxDefault">Checkbox</label>
+`).value;
+document.getElementById("code-switch-nolabel").innerHTML =
+hljs.highlightAuto(`
+<p>Lorem ipsum dolor sit amet <input class="app-checkbox" type="checkbox" value="" checked> sed do eiusmod tempor incididunt ut labore.</p>
+
+<input class="app-checkbox" type="checkbox" value="" checked>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/classes.html b/docs/classes.html
new file mode 100644
index 0000000..708dd83
--- /dev/null
+++ b/docs/classes.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>Heading1</h1>
+      <h2>Heading2</h2>
+      <h3>Heading3</h3>
+      <h4>Heading4</h4>
+      <pre><code id="code_view_1"></code></pre>
+      <div class="app-hr"></div>
+      <h2>Margin Notation</h2>
+      <ul class="app-ul-content">
+        <li>
+          <span class="app-code">.app-m-0</span> - class that set margin=0
+        </li>
+        <li>
+          <span class="app-code">.app-mt-0</span> - class that set margin-top=0
+        </li>
+        <li>
+          <span class="app-code">.app-mb-0</span> - class that set margin-bottom=0
+        </li>
+        <li>
+          <span class="app-code">.app-mt-10</span> - class that set margin-top=10
+        </li>
+        <li>
+          <span class="app-code">.app-mb-10</span> - class that set margin-bottom=10
+        </li>
+        <li>
+          <span class="app-code">.app-mt-15</span> - class that set margin-top=15
+        </li>
+        <li>
+          <span class="app-code">.app-mb-15</span> - class that set margin-bottom=15
+        </li>
+        <li>
+          <span class="app-code">.app-mt-20</span> - class that set margin-top=20
+        </li>
+        <li>
+          <span class="app-code">.app-mb-20</span> - class that set margin-bottom=20
+        </li>
+      </ul>
+      <h3 class="app-m-0">Example Heading with no margin bottom.</h3>
+      <h2 class="app-mb-0">Heading Text</h2>
+      <pre><code id="code_view_2"></code></pre>
+      <h2>Paragraph varients</h2>
+      <p>This is paragraph used to display long text.</p>
+      <p class="app-color-success">This is success paragraph used to display success text.</p>
+      <p class="app-color-danger">This is danger paragraph used to display danger text.</p>
+      <pre><code id="code_view_3"></code></pre>
+      <h3>Text Light</h3>
+      <p class="app-para-light">This is light paragraph used to display long text.</p>
+      <pre><code id="code_view_4"></code></pre>
+      <br />
+      <br />
+      <br />
+      <br />
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("Classes", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<h1>Heading1</h1>
+<h2>Heading2</h2>
+....
+<h3>Heading5</h3>
+`).value;
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+<h2 className="app-mb-0">Heading Text</h2>
+`).value;
+document.getElementById("code_view_3").innerHTML =
+hljs.highlightAuto(`
+<p>This is paragraph used to display long text.</p>
+<p className="app-color-success">This is success paragraph used to display success text.</p>
+<p className="app-color-danger">This is danger paragraph used to display danger text.</p>
+`).value;
+document.getElementById("code_view_4").innerHTML =
+hljs.highlightAuto(`
+<p className="app-para-light">This is light paragraph used to display long text.</p>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/colors.html b/docs/colors.html
new file mode 100644
index 0000000..3335d9b
--- /dev/null
+++ b/docs/colors.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>Colors</h1>
+      <p>List of <span class="app-color-primary">color </span>variables available by default that adapt changes as per the color scheme to either <b>light</b> or <b>dark</b>.
+        <br>
+      </p>
+      <pre><code id="code_view_1"></code></pre>
+      <a href="https://github.com/windows-ui/colors" target="_blank" class="app-btn" style="width: 85%">
+        <b>View all --color-variables</b>
+      </a>
+      <h3>Source</h3>
+      <pre><code id="code_view_2"></code></pre>
+      <h2>app-config.css</h2>
+      <pre><code id="code_view_3A"></code></pre>
+      <p>
+        <b>app-config.css</b> file contains the <b>PrimaryColor</b>, <b>Fontfamily</b> used by the app.
+        <br />You can either import from framework or create like below:
+      </p>
+      <pre><code id="code_view_3"></code></pre>
+      <h2>Create your own color variables.</h2>
+      <p>Define your own <span class="app-color-primary">color variables </span>at anywhere like below:</p>
+      <h3>Method 1</h3>
+      <pre><code id="code_view_4"></code></pre>
+      <h3>Method 2</h3>
+      <pre><code id="code_view_4_b"></code></pre>
+      <h2>Define a component style as per theme.</h2>
+      <pre><code id="code_view_5"></code></pre>
+      <br />
+      <br />
+      <br />
+      <br />
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("Colors", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+--color-background-default: #ffffff;
+--color-button-default: #e9e9e9;
+--color-button-hover: #666666;
+--color-foreground-dark: #EEEEEE;
+....
+--color-navbar-bg-default: #F3F3F3;
+--color-text-default: #000000;
+`).value;
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+./windows-ui/src/scss/themes/
+`).value;
+document.getElementById("code_view_3A").innerHTML =
+hljs.highlightAuto(`
+<link href="https://cdn.jsdelivr.net/npm/windows-ui-fabric@4.0.2/dist/config/app-config.css" rel="stylesheet">
+`).value;
+document.getElementById("code_view_3").innerHTML =
+hljs.highlightAuto(`
+:root {
+  --PrimaryColor: #0078D7; /* Change of your choice */
+  --PrimaryColorLight: #60CDFF; /* Lighter version of --PrimaryColor for DarkMode */
+}
+body {
+  font-family: "Segoe UI";
+}
+
+[data-theme="dark"] ::selection {
+  background-color: #2E517E;
+}
+`).value;
+document.getElementById("code_view_4").innerHTML =
+hljs.highlightAuto(`
+body {
+  --your-color-variable: #0078D7;
+}
+body.dark-theme {
+  --your-color-variable: #47aeff;
+}
+`).value;
+document.getElementById("code_view_4_b").innerHTML =
+hljs.highlightAuto(`
+--your-color-variable: var(--dark, #fff) var(--light, #000);
+`).value;
+document.getElementById("code_view_5").innerHTML =
+hljs.highlightAuto(`
+.my-component {
+  background-color: #ffffff;
+}
+body.dark-theme .my-component {
+  background-color: #000000;
+}
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/commandbar.html b/docs/commandbar.html
new file mode 100644
index 0000000..e0153ca
--- /dev/null
+++ b/docs/commandbar.html
@@ -0,0 +1,194 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>CommandBar</h1>
+      <p>
+        <span class="app-color-primary">CommandBar</span> is a surface that houses commands that operate on the content of the window.
+        <br>
+      </p>
+      <div class="app-cmd-bar">
+        <button class="app-cmdbar-button">
+          <i class="icons10-plus app-color-primary"></i>
+          <span>New</span>
+        </button>
+        <!-- Adding <hr/> tag to make a split UI -->
+        <hr />
+        <div class="app-cmdbar-menu">
+          <div class="app-cmdbar-menu-trigger" data-win-toggle="dropdown" data-win-target="#MyMenu">
+            <button class="app-cmdbar-button">
+              <i class="icons10-angle-down"></i>
+            </button>
+          </div>
+          <ul class="app-cmdbar-menu-list left-justify" id="MyMenu">
+            <li class="cmdbar-menu-list-item">
+              <a href="#">
+                <i class="icons10-file"></i>File
+              </a>
+            </li>
+            <li class="cmdbar-menu-list-item">
+              <a href="#">Folder</a>
+            </li>
+            <li class="cmdbar-menu-list-item">
+              <a href="#">Document</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <h2>Usage</h2>
+      <pre><code id="code_view_1"></code></pre>
+      <h2>CommandBar as <p class="app-code">Nested Menu</p> :</h2>
+      <div class="app-cmdbar-menu">
+        <div class="app-cmdbar-menu-trigger" data-win-toggle="dropdown" data-win-target="#MyMenu2">
+          <button class="app-cmdbar-button">
+            <i class="icons10-angle-down app-color-primary"></i>
+            <span>Share</span>
+          </button>
+        </div>
+        <ul class="app-cmdbar-menu-list" id="MyMenu2">
+          <li class="cmdbar-menu-list-item">
+            <a href="javascript:;" data-win-toggle="dropdown" data-win-target="#MyMenu4">Whatsapp</a>
+            <ul class="app-cmdbar-menu-list cmdbar-submenu" id="MyMenu4">
+              <li class="cmdbar-menu-list-item">
+                <a href="#">HyperLink</a>
+              </li>
+            </ul>
+          </li>
+          <li class="cmdbar-menu-list-item">
+            <a href="#">Facebook</a>
+          </li>
+        </ul>
+      </div>
+      <pre><code id="code_view_2"></code></pre>
+      <br />
+      <br />
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("CommandBar", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<div class="app-cmd-bar">
+  <button class="app-cmdbar-button">
+    <i class="icons10-plus app-color-primary"></i>
+    <span>New</span>
+  </button>
+  <!-- Adding <hr/> tag to make a split UI -->
+  <hr/>
+  <div class="app-cmdbar-menu">
+    <div class="app-cmdbar-menu-trigger" data-win-toggle="dropdown" data-win-target="#MyMenu">
+      <button class="app-cmdbar-button">
+        <i class="icons10-angle-down"></i>
+      </button>
+    </div>
+    <ul class="app-cmdbar-menu-list left-justify" id="MyMenu">
+      <li class="cmdbar-menu-list-item"><a href="#"><i class="icons10-file"></i>File</a></li>
+      <li class="cmdbar-menu-list-item"><a href="#">Folder</a></li>
+      <li class="cmdbar-menu-list-item"><a href="#">Document</a></li>
+    </ul>
+  </div>
+</div>
+`).value;
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+<div class="app-cmdbar-menu">
+  <div class="app-cmdbar-menu-trigger" data-win-toggle="dropdown" data-win-target="#MyMenu2">
+    <button class="app-cmdbar-button">
+      <i class="icons10-angle-down app-color-primary"></i>
+      <span>Share</span>
+    </button>
+  </div>
+  <ul class="app-cmdbar-menu-list" id="MyMenu2">
+    <li class="cmdbar-menu-list-item">
+      <a href="javascript:;" data-win-toggle="dropdown" data-win-target="#MyMenu4">Whatsapp</a>
+        <ul class="app-cmdbar-menu-list cmdbar-submenu" id="MyMenu4">
+          <li class="cmdbar-menu-list-item"><a href="#">HyperLink</a></li>
+        </ul>
+    </li>
+    <li class="cmdbar-menu-list-item">
+      <a href="#">Facebook</a>
+    </li>
+  </ul>
+</div>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/css/code-styles.css b/docs/css/code-styles.css
new file mode 100644
index 0000000..51156d7
--- /dev/null
+++ b/docs/css/code-styles.css
@@ -0,0 +1,2 @@
+pre code.hljs{display:block;overflow-x:auto;padding:0.5em 1em;overflow: overlay;}code.hljs{padding:3px 5px}.hljs{color:#fff;background:#1c1b1b}.hljs-subst{color:#fff}.hljs-comment{color:#999}.hljs-attr,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-section,.hljs-selector-tag{color:#88aece}.hljs-attribute{color:#c59bc1}.hljs-name,.hljs-number,.hljs-quote,.hljs-selector-id,.hljs-template-tag,.hljs-type{color:#f08d49}.hljs-selector-class{color:#88aece}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-string,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#b5bd68}.hljs-meta,.hljs-selector-pseudo{color:#88aece}.hljs-built_in,.hljs-literal,.hljs-title{color:#f08d49}.hljs-bullet,.hljs-code{color:#ccc}.hljs-meta .hljs-string{color:#b5bd68}.hljs-deletion{color:#de7176}.hljs-addition{color:#76c490}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
+code { width: 80%; border-radius: 10px; padding-left: 1.5em !important; padding-bottom: 2em !important; }
\ No newline at end of file
diff --git a/docs/css/home.css b/docs/css/home.css
new file mode 100644
index 0000000..cc66669
--- /dev/null
+++ b/docs/css/home.css
@@ -0,0 +1,131 @@
+.app-page-container.home {
+  background-image:
+  radial-gradient(ellipse at top, #57aeff40, transparent),
+  radial-gradient(ellipse at bottom, #f16ec91c, transparent);
+}
+/* Neumorphism UI */
+.home_container {
+  height: 100vh;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  overflow: hidden;
+}
+.circle {
+  min-width: 50vw;
+  min-height: 50vw;
+  display: flex;
+  border-radius: 100%;
+  position: absolute;
+  right: 5%;
+  bottom: -25vw;
+}
+.circle.small {
+  min-width: 15vw;
+  min-height: 15vw;
+  margin-top: -20vh;
+  position: relative;
+  bottom: unset;
+}
+/* For Neumorphism Effect */
+.neumorphism {
+  background: #e0e5ec;
+  box-shadow:  20px 20px 60px #77777777, 
+               -20px -20px 60px var(--color-background-default);
+}
+body.dark-theme .neumorphism {
+  background: #282828;
+}
+
+.home_code_container {
+  box-shadow: 0px 2px 8px hsl(0deg 0% 0% / 10%);
+  background: #1c1b1b;
+  border-radius: 10px;
+  overflow: hidden;
+  max-width: 592px;
+  font-weight: 600;
+  margin: auto;
+}
+.home_code_subcontainer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 20px 20px 0 20px;
+  padding-bottom: 20px;
+  border-bottom: 1px solid #394356;
+}
+
+/* Segmented Switch */
+.home_switch {
+  width: 180px;
+  height: 35px;
+  position: relative;
+  display: inline-flex;
+  -webkit-tap-highlight-color: transparent;
+}
+.home_switch input {
+  display: none;
+}
+.home_slider.round {
+  border-radius: 6px;
+}
+.home_slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #3a3a3a;
+  -webkit-transition: .4s;
+  transition: .4s;
+  border: 3px solid #3a3a3a;
+}
+/* moving slider section*/
+.home_slider::before {
+  position: absolute;
+  content: "";
+  height: 100%;
+  width: 50%;
+  left: 0;
+  bottom: 0;
+  background-color: #5c667a;
+  -webkit-transition: .4s;
+  transition: .4s;
+  border-radius: 4px;
+}
+/* slider text*/
+.home_slider_text {
+  position: absolute;
+  transform: translate(-50%, -50%);
+  top: 50%;
+  left: 50%;
+  font-size: 10px;
+  width: 100%;
+  text-align: center;
+}
+.home_slider_text > span {
+  color: #fff;
+  font-size: 15px;
+  width: 50%;
+  display: block;
+  float: left;
+  transition: .4s;
+  user-select: none;
+}
+/* changes on slide*/
+input:checked + .home_slider::before {
+  transform: translateX(87px);
+}
+input:checked + .home_slider .on {
+  color: #fff;
+}
+.home_slider .home_slider_text .on,
+input:checked + .home_slider .off  {
+  color: #cfd6dd;
+}
\ No newline at end of file
diff --git a/docs/css/icons.css b/docs/css/icons.css
new file mode 100644
index 0000000..063c8e0
--- /dev/null
+++ b/docs/css/icons.css
@@ -0,0 +1,53 @@
+.preview-glyph {
+  padding: 0;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+  display: flex;
+}
+.preview-glyphs {
+  width: 168px;
+  text-align: center;
+}
+.size-60 {
+  font-size: 42px;
+  width: 160px;
+  text-align: center;
+  display: inline-block;
+  line-height: 1;
+  position: relative;
+}
+.preview-icon-pre {
+  background-color: var(--color-foreground-dark);
+  padding: 4px 2px;
+  display: block;
+  margin: 2px;
+  font-size: 10.62px;
+  line-height: 1.4;
+  word-break: break-all;
+  word-wrap: break-word;
+  color: var(--color-text-default);
+  border: 1px solid var(--color-foreground-dark);
+  border-radius: 4px;
+  font-weight: bold;
+}
+
+.preview-flex-icons {
+  display: flex;
+  align-items: center;
+}
+
+@media only screen and (max-width: 760px) {
+  .preview-icon-pre {
+    font-size: 6px;
+  }
+  .preview-glyphs {
+    width: 90px;
+  }
+  .size-60 {
+    font-size: 40px;
+    width: 90px;
+  }
+  .container {
+    padding-bottom: 80px;
+  }
+}
\ No newline at end of file
diff --git a/docs/css/navbar.css b/docs/css/navbar.css
new file mode 100644
index 0000000..357e0a4
--- /dev/null
+++ b/docs/css/navbar.css
@@ -0,0 +1,11 @@
+.app-navbar-wrap nav.animate.custom .app-navbar-header {
+  position: absolute;
+}
+
+@media only screen and (max-width: 760px) {
+  .app-navbar-wrap nav.animate.custom {
+    transform-origin: unset;
+    transform: unset;
+    transition: unset;
+  }
+}
\ No newline at end of file
diff --git a/docs/css/navpagecontainer.css b/docs/css/navpagecontainer.css
new file mode 100644
index 0000000..dfa7cbb
--- /dev/null
+++ b/docs/css/navpagecontainer.css
@@ -0,0 +1,55 @@
+.demo-navpagecontainer-view {
+    width: 280px;
+    height: 190px;
+    display: flex;
+    flex-direction: row;
+    position: relative;
+    border: 8px solid #000;
+    border-radius: 12px;
+    overflow: hidden;
+}
+.demo-navpagecontainer-navbar {
+    width: 60px;
+    height: 100%;
+    background-color: var(--color-navbar-bg-default);
+}
+.demo-navpagecontainer-rows-header {
+    display: flex;
+    justify-content: space-between;
+    flex-direction:row;
+    align-items: center;
+    background-color: unset;
+    margin: 10px;
+}
+.demo-navpagecontainer-rows-header .demo-navpage-item {
+    height: 2px;
+    width: 10px;
+    border-top: 2px solid var(--color-ui-border-default);
+    border-bottom: 2px solid var(--color-ui-border-default);
+}
+
+.demo-navpagecontainer-page-column {
+    display: flex;
+    width: inherit;
+    flex-direction: column;
+}
+
+.demo-navpagecontainer-page {
+    height: 100%;
+    margin: 15px;
+    display: flex;
+    background: var(--color-navbar-bg-default);
+}
+.demo-navpagecontainer-page.no-padding {
+    margin: 10px 0 0 0;
+    width: fit-content;
+    padding: 20px 10px;
+}
+.demo-navpagecontainer-page p {
+    margin: 15px;
+    font-weight: bold;
+}
+.demo-navpagecontainer-page.no-padding .demo-navpagecontainer-page {
+    height: auto;
+    background-color: var(--color-button-default);
+}
\ No newline at end of file
diff --git a/docs/dialogs.html b/docs/dialogs.html
new file mode 100644
index 0000000..9df4098
--- /dev/null
+++ b/docs/dialogs.html
@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>Dialogs</h1>
+      <p>
+        <span class="app-color-primary">Dialog</span> is a type of modal window that appears in front of app content to provide critical information or ask for a decision.
+      </p>
+      <button class="app-btn" type="button" data-win-toggle="modal" data-win-target="#MyDialog">
+        <span>Open Dialog using a Button</span>
+      </button>
+      <div class="app-dialog" id="MyDialog" data-win-toggle="modal" data-win-target="#MyDialog" tabindex="-1">
+        <div class="app-dialog-modal" aria-modal="true" role="dialog">
+          <div class="app-dialog-header">
+            <h3>Header</h3>
+          </div>
+          <div class="app-dialog-body">
+            <li class="app-list-item">
+              <a href="#/v4.2.1/dialogs">
+                <img alt="image" style="display: none;">
+                <div class="app-list-item-container">
+                  <span class="app-list-title">Magenta Riddim</span>
+                  <p class="app-list-subtitle">5.6 MB</p>
+                </div>
+              </a>
+              <div style="flex: 0.2 1 0%;"></div>
+            </li>
+            <li class="app-list-item">
+              <a href="#/v4.2.1/dialogs">
+                <img alt="image" style="display: none;">
+                <div class="app-list-item-container">
+                  <span class="app-list-title">Different World</span>
+                  <p class="app-list-subtitle">12.0 MB</p>
+                </div>
+              </a>
+              <div style="flex: 0.2 1 0%;"></div>
+            </li>
+            <li class="app-list-item">
+              <a href="#/v4.2.1/dialogs">
+                <img alt="image" style="display: none;">
+                <div class="app-list-item-container">
+                  <span class="app-list-title">La Familia</span>
+                  <p class="app-list-subtitle">24 MB</p>
+                </div>
+              </a>
+              <div style="flex: 0.2 1 0%;"></div>
+            </li>
+            <li class="app-list-item">
+              <a href="#/v4.2.1/dialogs">
+                <img alt="image" style="display: none;">
+                <div class="app-list-item-container">
+                  <span class="app-list-title">La Familia</span>
+                  <p class="app-list-subtitle">24 MB</p>
+                </div>
+              </a>
+              <div style="flex: 0.2 1 0%;"></div>
+            </li>
+          </div>
+          <div class="app-dialog-footer">
+            <button class="app-btn" type="button" data-win-toggle="modal" data-win-target="#MyDialog">
+              <span>Close</span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <h2>Usage</h2>
+      <pre><code id="code_view_1"></code></pre>
+      <h2>Open Dialog</h2>
+      <pre><code id="code_view_2"></code></pre>
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("Dialogs", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<div class="app-dialog" id="MyDialog" data-win-toggle="modal" data-win-target="#MyDialog" tabindex="-1">
+  <div class="app-dialog-modal" aria-modal="true" role="dialog">
+    <div class="app-dialog-header">
+      <h3>Header</h3>
+    </div>
+    <div class="app-dialog-body">
+      <>Dialog Content</>
+    </div>
+    <div class="app-dialog-footer">
+      <button class="app-btn" type="button" data-win-toggle="modal" data-win-target="#MyDialog">
+        <span>Close</span>
+      </button>
+    </div>
+  </div>
+</div>
+`).value;
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+<button class="app-btn" type="button" data-win-toggle="modal" data-win-target="#MyDialog">
+  <span>Open Dialog</span>
+</button>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/gettingstarted.html b/docs/gettingstarted.html
new file mode 100644
index 0000000..fd1d054
--- /dev/null
+++ b/docs/gettingstarted.html
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <div class="app-page-container has-padding">
+      <h1>GettingStarted</h1>
+      <p>
+        <span class="app-color-primary">Accordion</span> component used to show (and hide) content, it collapsed on hide and expand on show state.
+      </p>
+      <div class="app-accordion" style="width: 280px;">
+        <div class="app-accordion-header">
+          <div class="app-accordion-title">
+            <span>Some Title</span>
+            <i class="icons10-angle-down"></i>
+          </div>
+        </div>
+        <div class="app-accordion-panel">
+          <p>
+            <Lorem>ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</Lorem>
+          </p>
+        </div>
+      </div>
+      <h2>Usage</h2>
+      <pre><code id="code_view_1"></code></pre>
+    </div>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("GettingStarted", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+  <div class="app-accordion" style="width: 280px;">
+    <div class="app-accordion-header">
+      <div class="app-accordion-title">
+        <span>Some Title</span><i class="icons10-angle-down"></i>
+      </div>
+    </div>
+    <div class="app-accordion-panel">
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
+        Ut enim ad minim veniam,
+        quis nostrud exercitation ullamco.
+      </p>
+    </div>
+  </div>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/icons.html b/docs/icons.html
new file mode 100644
index 0000000..5f19fe9
--- /dev/null
+++ b/docs/icons.html
@@ -0,0 +1,246 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <link rel="stylesheet" href="./css/icons.css" />
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>Icons</h1>
+      <a href="https://github.com/windows-ui/icons/tree/main/dist/" target="_blank">
+        <img src="https://img.shields.io/github/size/windows-ui/icons/dist/winui-icons.min.css?style=flat&color=EF2D5E&logo=MaterialDesignIcons&logoColor=ffffff&label=winui-icons.min.css" />
+      </a>
+      <a href="https://github.com/windows-ui/icons/tree/main/dist/" target="_blank">
+        <img src="https://img.shields.io/github/size/windows-ui/icons/dist/winui-icons.slim.css?style=flat&color=00A98F&logo=FontAwesome&logoColor=ffffff&label=winui-icons.slim.css" />
+      </a>
+      <a href="https://github.com/windows-ui/icons" target="_blank">
+        <img src="https://img.shields.io/badge/icons-repo-darklime.svg?style=flat&color=181717&logo=github" alt="repository" />
+      </a>
+      <p>
+        <b>Windows-ui</b> comes with the free <b>font</b> set of icons.
+        <br />Feel free to use them or any other icon set in your project.
+      </p>
+      <h2>Import</h2>
+      <pre><code id="code_view_1"></code></pre>
+      <div class="app-hr"></div>
+      <h2>Usage</h2>
+      <div class="preview-flex-icons">
+        <i class="icons10-home" style="font-size: 28px; margin-right: 15px;"></i>
+        <pre style="width: 90%;"><code id="code_view_2"></code></pre>
+      </div>
+      <div class="preview-flex-icons">
+        <i class="icons10-car app-color-primary" style="font-size: 28px; margin-right: 15px;"></i>
+        <pre style="width: 90%;"><code id="code_view_3"></code></pre>
+      </div>
+      <div class="preview-flex-icons">
+        <i class="icons10-checked app-color-success" style="font-size: 28px; margin-right: 15px;"></i>
+        <pre style="width: 90%;"><code id="code_view_4"></code></pre>
+      </div>
+      <div class="preview-flex-icons">
+        <i class="icons10-bell-disabled app-color-danger" style="font-size: 28px; margin-right: 15px;"></i>
+        <pre style="width: 90%;"><code id="code_view_5"></code></pre>
+      </div>
+      <br />
+      <div class="preview-glyph">
+        <div class="preview-glyphs">
+          <span class="size-60">
+            <i class="icons10-advertising"></i>
+          </span>
+          <pre class="preview-icon-pre">icons10-advertising</pre>
+        </div>
+        <div class="preview-glyphs">
+          <span class="size-60">
+            <i class="icons10-airport"></i>
+          </span>
+          <pre class="preview-icon-pre">icons10-airport</pre>
+        </div>
+        <div class="preview-glyphs">
+          <span class="size-60">
+            <i class="icons10-align-center"></i>
+          </span>
+          <pre class="preview-icon-pre">icons10-align-center</pre>
+        </div>
+        <div class="preview-glyphs">
+          <span class="size-60">
+            <i class="icons10-align-justify"></i>
+          </span>
+          <pre class="preview-icon-pre">icons10-align-justify</pre>
+        </div>
+        <div class="preview-glyphs">
+          <span class="size-60">
+            <i class="icons10-align-left"></i>
+          </span>
+          <pre class="preview-icon-pre">icons10-align-left</pre>
+        </div>
+        <div class="preview-glyphs">
+          <span class="size-60">
+            <i class="icons10-align-right"></i>
+          </span>
+          <pre class="preview-icon-pre">icons10-align-right</pre>
+        </div>
+        <div class="preview-glyphs">
+          <span class="size-60">
+            <i class="icons10-alphabet-sorting"></i>
+          </span>
+          <pre class="preview-icon-pre">icons10-alphabet-sorting</pre>
+        </div>
+        <div class="preview-glyphs">
+          <span class="size-60">
+            <i class="icons10-alphabet-sorting-2"></i>
+          </span>
+          <pre class="preview-icon-pre">icons10-alphabet-sorting-2</pre>
+        </div>
+        <div class="preview-glyphs">
+          <span class="size-60">
+            <i class="icons10-angle-down"></i>
+          </span>
+          <pre class="preview-icon-pre">icons10-angle-down</pre>
+        </div>
+        <div class="preview-glyphs">
+          <span class="size-60">
+            <i class="icons10-angle-left"></i>
+          </span>
+          <pre class="preview-icon-pre">icons10-angle-left</pre>
+        </div>
+        <div class="preview-glyphs" style="opacity: 0.8">
+          <span class="size-60">
+            <i class="icons10-archive"></i>
+          </span>
+          <pre class="preview-icon-pre">icons10-archive</pre>
+        </div>
+        <div class="preview-glyphs" style="opacity: 0.6">
+          <span class="size-60">
+            <i class="icons10-area-chart"></i>
+          </span>
+          <pre class="preview-icon-pre">icons10-area-chart</pre>
+        </div>
+      </div>
+      <a href="https://github.com/windows-ui/icons" target="_blank" class="app-btn" style="width: 85%">
+        <b>View full set of icons</b>
+      </a>
+      <h1>Alternatives</h1>
+      <p>If you have decided to go with another set of icons please make sure to include <b>winui-icons.slim.css</b> into your project,
+        <br />that's probably small in size & requires internally by the project.
+      </p>
+      <ul>
+        <li>
+          <a href="https://github.com/microsoft/fluentui-system-icons" target="_blank">Fluent UI Icons</a>
+        </li>
+        <li>
+          <a href="https://fontawesome.com/" target="_blank">Font Awesome</a>
+        </li>
+        <li>
+          <a href="https://feathericons.com/" target="_blank">Feather</a>
+        </li>
+        <li>
+          <a href="https://primer.style/octicons/" target="_blank">Octicons</a>
+        </li>
+      </ul>
+      <br />
+      <br />
+      <br />
+      <br />
+      <br />
+      <br />
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("Icons", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<link href="https://cdn.jsdelivr.net/npm/windows-ui-fabric@4.0.2/dist/icons/winui-icons.min.css" rel="stylesheet"/>
+`).value;
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+<i class="icons10-home"></i>
+`).value;
+document.getElementById("code_view_3").innerHTML =
+hljs.highlightAuto(`
+<i class="icons10-car app-color-primary"></i>
+`).value;
+document.getElementById("code_view_4").innerHTML =
+hljs.highlightAuto(`
+<i class="icons10-checked app-color-success"></i>
+`).value;
+document.getElementById("code_view_5").innerHTML =
+hljs.highlightAuto(`
+<i class="icons10-bell-disabled app-color-danger"></i>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/inputtext.html b/docs/inputtext.html
new file mode 100644
index 0000000..f2b515e
--- /dev/null
+++ b/docs/inputtext.html
@@ -0,0 +1,265 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>InputTexts</h1>
+      <p class="font-size-18px">The <span class="app-color-primary">Input</span> element is used to create interactive controls for forms in order to accept data from the user.</p>
+      <div class="app-input-container">
+        <input class="app-input-text" type="text" placeholder="Enter a text" value="">
+      </div>
+      <br />
+      <pre><code id="code_view_1"></code></pre>
+      <h2>InputText with <p class="app-code">Clear Button</p>:</h2>
+      <div class="app-input-container">
+        <input class="app-input-text" type="text" placeholder="Enter a text" value="" id="MyInputDemo">
+        <div class="app-input-end-content">
+          <button data-win-clear="text" data-win-target="#MyInputDemo"></button>
+        </div>
+      </div>
+      <br />
+      <pre><code id="code_view_1_b"></code></pre>
+      <h2>Input with status:</h2>
+      <div class="app-input-container input-success">
+        <input class="app-input-text" type="text" placeholder="Enter a text success">
+      </div>
+      <br />
+      <pre><code id="code_view_2"></code></pre>
+      <div class="app-input-container input-success">
+        <input class="app-input-text" type="text" placeholder="Enter a text success">
+        <div class="app-input-end-content">
+          <i class="icons10-status"></i>
+        </div>
+      </div>
+      <br />
+      <pre><code id="code_view_3"></code></pre>
+      <div class="app-input-container input-danger">
+        <input class="app-input-text" type="text" placeholder="Enter a text danger">
+        <div class="app-input-end-content">
+          <i class="icons10-status"></i>
+        </div>
+      </div>
+      <br />
+      <pre><code id="code_view_4"></code></pre>
+      <h2>Input with loading:</h2>
+      <div class="app-input-container input-loading">
+        <input class="app-input-text" type="text" placeholder="Enter a text loading">
+        <div class="app-input-end-content">
+          <div class="app-loader-busy loader-sm animate"></div>
+        </div>
+      </div>
+      <br />
+      <pre><code id="code_view_5"></code></pre>
+      <h2>Input <p class="app-code">Password</p>:</h2>
+      <div class="app-input-container">
+        <input class="app-input-text" type="password" placeholder="Enter a password" id="MyInputPass">
+        <div class="app-input-end-content">
+          <button data-win-toggle="password" data-win-target="#MyInputPass"></button>
+        </div>
+      </div>
+      <br />
+      <pre><code id="code_view_6"></code></pre>
+      <h2>Input <p class="app-code">with Label</p>:</h2>
+      <div class="app-input-container">
+        <span class="app-input-label">label</span>
+        <input class="app-input-text" type="text" placeholder="Enter a text" value="">
+      </div>
+      <pre><code id="code_view_7"></code></pre>
+      <h2>TextArea</h2>
+      <textarea class="app-textarea" placeholder="Input Text Area"></textarea>
+      <pre><code id="code_view_8"></code></pre>
+      <h2>InputSearchBar</h2>
+      <div class="app-input-search-bar">
+        <input class="app-input-text" type="search" placeholder="Search here" />
+        <div class="app-input-end-content">
+          <button type="submit"></button>
+        </div>
+      </div>
+      <pre><code id="code_view_9"></code></pre>
+      <h2>InputSearchBox</h2>
+      <div class="app-input-search-box">
+        <input class="app-input-text" type="search" placeholder="Enter to Search">
+      </div>
+      <pre><code id="code_view_10"></code></pre>
+      <h2>InputDate</h2>
+      <div class="app-input-container">
+        <input class="app-input-date" type="date" value="">
+      </div>
+      <pre><code id="code_view_11"></code></pre>
+      <br />
+      <br />
+      <br />
+      <br />
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("InputText", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<div class="app-input-container">
+  <input class="app-input-text" type="text" placeholder="Enter a text">
+</div>
+`).value;
+document.getElementById("code_view_1_b").innerHTML =
+hljs.highlightAuto(`
+<div class="app-input-container">
+  <input class="app-input-text" type="text" placeholder="Enter a text" value="" id="MyInputDemo">
+  <div class="app-input-end-content">
+    <button data-win-clear="text" data-win-target="#MyInputDemo"></button>
+  </div>
+</div>
+`).value;
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+<div class="app-input-container input-success">
+  <input class="app-input-text" type="text" placeholder="Enter a text success">
+</div>
+`).value;
+document.getElementById("code_view_3").innerHTML =
+hljs.highlightAuto(`
+<div class="app-input-container input-success">
+  <input class="app-input-text" type="text" placeholder="Enter a text success">
+  <div class="app-input-end-content">
+    <i class="icons10-status"></i>
+  </div>
+</div>
+`).value;
+document.getElementById("code_view_4").innerHTML =
+hljs.highlightAuto(`
+<div class="app-input-container input-danger">
+  <input class="app-input-text" type="text" placeholder="Enter a text danger">
+  <div class="app-input-end-content">
+    <i class="icons10-status"></i>
+  </div>
+</div>
+`).value;
+document.getElementById("code_view_5").innerHTML =
+hljs.highlightAuto(`
+<div class="app-input-container input-loading">
+  <input class="app-input-text" type="text" placeholder="Enter a text loading">
+  <div class="app-input-end-content">
+    <div class="app-loader-busy loader-sm animate"></div>
+  </div>
+</div>
+`).value;
+document.getElementById("code_view_6").innerHTML =
+hljs.highlightAuto(`
+<div class="app-input-container">
+  <input class="app-input-text" type="password" placeholder="Enter a password" id="MyInputPass">
+  <div class="app-input-end-content">
+    <button data-win-toggle="password" data-win-target="#MyInputPass"></button>
+  </div>
+</div>
+`).value;
+document.getElementById("code_view_7").innerHTML =
+hljs.highlightAuto(`
+<div class="app-input-container">
+  <span class="app-input-label">label</span>
+  <input class="app-input-text" type="text" placeholder="Enter a text" value="">
+</div>
+`).value;
+document.getElementById("code_view_8").innerHTML =
+hljs.highlightAuto(`
+<textarea class="app-textarea" placeholder="Input Text Area"></textarea>
+`).value;
+document.getElementById("code_view_9").innerHTML =
+hljs.highlightAuto(`
+<div class="app-input-search-bar">
+  <input class="app-input-text" type="search" placeholder="Search here" />
+  <div class="app-input-end-content">
+    <button type="submit"></button>
+  </div>
+</div>
+`).value;
+document.getElementById("code_view_10").innerHTML =
+hljs.highlightAuto(`
+<div class="app-input-search-box">
+  <input class="app-input-text" type="search" placeholder="Enter to Search">
+</div>
+`).value;
+document.getElementById("code_view_11").innerHTML =
+hljs.highlightAuto(`
+<div class="app-input-container">
+  <input class="app-input-date" type="date" value="">
+</div>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/js/highlight.min.js b/docs/js/highlight.min.js
new file mode 100644
index 0000000..80c3a71
--- /dev/null
+++ b/docs/js/highlight.min.js
@@ -0,0 +1,446 @@
+/*!
+Highlight.js v11.7.0 (git: 82688fad18)
+(c) 2006-2022 undefined and other contributors
+License: BSD-3-Clause
+*/
+var hljs=function(){"use strict";var e={exports:{}};function t(e){
+return e instanceof Map?e.clear=e.delete=e.set=()=>{
+throw Error("map is read-only")}:e instanceof Set&&(e.add=e.clear=e.delete=()=>{
+throw Error("set is read-only")
+}),Object.freeze(e),Object.getOwnPropertyNames(e).forEach((n=>{var i=e[n]
+;"object"!=typeof i||Object.isFrozen(i)||t(i)})),e}
+e.exports=t,e.exports.default=t;class n{constructor(e){
+void 0===e.data&&(e.data={}),this.data=e.data,this.isMatchIgnored=!1}
+ignoreMatch(){this.isMatchIgnored=!0}}function i(e){
+return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")
+}function r(e,...t){const n=Object.create(null);for(const t in e)n[t]=e[t]
+;return t.forEach((e=>{for(const t in e)n[t]=e[t]})),n}
+const s=e=>!!e.scope||e.sublanguage&&e.language;class o{constructor(e,t){
+this.buffer="",this.classPrefix=t.classPrefix,e.walk(this)}addText(e){
+this.buffer+=i(e)}openNode(e){if(!s(e))return;let t=""
+;t=e.sublanguage?"language-"+e.language:((e,{prefix:t})=>{if(e.includes(".")){
+const n=e.split(".")
+;return[`${t}${n.shift()}`,...n.map(((e,t)=>`${e}${"_".repeat(t+1)}`))].join(" ")
+}return`${t}${e}`})(e.scope,{prefix:this.classPrefix}),this.span(t)}
+closeNode(e){s(e)&&(this.buffer+="</span>")}value(){return this.buffer}span(e){
+this.buffer+=`<span class="${e}">`}}const a=(e={})=>{const t={children:[]}
+;return Object.assign(t,e),t};class c{constructor(){
+this.rootNode=a(),this.stack=[this.rootNode]}get top(){
+return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(e){
+this.top.children.push(e)}openNode(e){const t=a({scope:e})
+;this.add(t),this.stack.push(t)}closeNode(){
+if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){
+for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}
+walk(e){return this.constructor._walk(e,this.rootNode)}static _walk(e,t){
+return"string"==typeof t?e.addText(t):t.children&&(e.openNode(t),
+t.children.forEach((t=>this._walk(e,t))),e.closeNode(t)),e}static _collapse(e){
+"string"!=typeof e&&e.children&&(e.children.every((e=>"string"==typeof e))?e.children=[e.children.join("")]:e.children.forEach((e=>{
+c._collapse(e)})))}}class l extends c{constructor(e){super(),this.options=e}
+addKeyword(e,t){""!==e&&(this.openNode(t),this.addText(e),this.closeNode())}
+addText(e){""!==e&&this.add(e)}addSublanguage(e,t){const n=e.root
+;n.sublanguage=!0,n.language=t,this.add(n)}toHTML(){
+return new o(this,this.options).value()}finalize(){return!0}}function g(e){
+return e?"string"==typeof e?e:e.source:null}function d(e){return p("(?=",e,")")}
+function u(e){return p("(?:",e,")*")}function h(e){return p("(?:",e,")?")}
+function p(...e){return e.map((e=>g(e))).join("")}function f(...e){const t=(e=>{
+const t=e[e.length-1]
+;return"object"==typeof t&&t.constructor===Object?(e.splice(e.length-1,1),t):{}
+})(e);return"("+(t.capture?"":"?:")+e.map((e=>g(e))).join("|")+")"}
+function b(e){return RegExp(e.toString()+"|").exec("").length-1}
+const m=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./
+;function E(e,{joinWith:t}){let n=0;return e.map((e=>{n+=1;const t=n
+;let i=g(e),r="";for(;i.length>0;){const e=m.exec(i);if(!e){r+=i;break}
+r+=i.substring(0,e.index),
+i=i.substring(e.index+e[0].length),"\\"===e[0][0]&&e[1]?r+="\\"+(Number(e[1])+t):(r+=e[0],
+"("===e[0]&&n++)}return r})).map((e=>`(${e})`)).join(t)}
+const x="[a-zA-Z]\\w*",w="[a-zA-Z_]\\w*",y="\\b\\d+(\\.\\d+)?",_="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",O="\\b(0b[01]+)",v={
+begin:"\\\\[\\s\\S]",relevance:0},N={scope:"string",begin:"'",end:"'",
+illegal:"\\n",contains:[v]},k={scope:"string",begin:'"',end:'"',illegal:"\\n",
+contains:[v]},M=(e,t,n={})=>{const i=r({scope:"comment",begin:e,end:t,
+contains:[]},n);i.contains.push({scope:"doctag",
+begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",
+end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0})
+;const s=f("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/)
+;return i.contains.push({begin:p(/[ ]+/,"(",s,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),i
+},S=M("//","$"),R=M("/\\*","\\*/"),j=M("#","$");var A=Object.freeze({
+__proto__:null,MATCH_NOTHING_RE:/\b\B/,IDENT_RE:x,UNDERSCORE_IDENT_RE:w,
+NUMBER_RE:y,C_NUMBER_RE:_,BINARY_NUMBER_RE:O,
+RE_STARTERS_RE:"!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",
+SHEBANG:(e={})=>{const t=/^#![ ]*\//
+;return e.binary&&(e.begin=p(t,/.*\b/,e.binary,/\b.*/)),r({scope:"meta",begin:t,
+end:/$/,relevance:0,"on:begin":(e,t)=>{0!==e.index&&t.ignoreMatch()}},e)},
+BACKSLASH_ESCAPE:v,APOS_STRING_MODE:N,QUOTE_STRING_MODE:k,PHRASAL_WORDS_MODE:{
+begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/
+},COMMENT:M,C_LINE_COMMENT_MODE:S,C_BLOCK_COMMENT_MODE:R,HASH_COMMENT_MODE:j,
+NUMBER_MODE:{scope:"number",begin:y,relevance:0},C_NUMBER_MODE:{scope:"number",
+begin:_,relevance:0},BINARY_NUMBER_MODE:{scope:"number",begin:O,relevance:0},
+REGEXP_MODE:{begin:/(?=\/[^/\n]*\/)/,contains:[{scope:"regexp",begin:/\//,
+end:/\/[gimuy]*/,illegal:/\n/,contains:[v,{begin:/\[/,end:/\]/,relevance:0,
+contains:[v]}]}]},TITLE_MODE:{scope:"title",begin:x,relevance:0},
+UNDERSCORE_TITLE_MODE:{scope:"title",begin:w,relevance:0},METHOD_GUARD:{
+begin:"\\.\\s*[a-zA-Z_]\\w*",relevance:0},END_SAME_AS_BEGIN:e=>Object.assign(e,{
+"on:begin":(e,t)=>{t.data._beginMatch=e[1]},"on:end":(e,t)=>{
+t.data._beginMatch!==e[1]&&t.ignoreMatch()}})});function I(e,t){
+"."===e.input[e.index-1]&&t.ignoreMatch()}function T(e,t){
+void 0!==e.className&&(e.scope=e.className,delete e.className)}function L(e,t){
+t&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",
+e.__beforeBegin=I,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,
+void 0===e.relevance&&(e.relevance=0))}function B(e,t){
+Array.isArray(e.illegal)&&(e.illegal=f(...e.illegal))}function D(e,t){
+if(e.match){
+if(e.begin||e.end)throw Error("begin & end are not supported with match")
+;e.begin=e.match,delete e.match}}function H(e,t){
+void 0===e.relevance&&(e.relevance=1)}const P=(e,t)=>{if(!e.beforeMatch)return
+;if(e.starts)throw Error("beforeMatch cannot be used with starts")
+;const n=Object.assign({},e);Object.keys(e).forEach((t=>{delete e[t]
+})),e.keywords=n.keywords,e.begin=p(n.beforeMatch,d(n.begin)),e.starts={
+relevance:0,contains:[Object.assign(n,{endsParent:!0})]
+},e.relevance=0,delete n.beforeMatch
+},C=["of","and","for","in","not","or","if","then","parent","list","value"]
+;function $(e,t,n="keyword"){const i=Object.create(null)
+;return"string"==typeof e?r(n,e.split(" ")):Array.isArray(e)?r(n,e):Object.keys(e).forEach((n=>{
+Object.assign(i,$(e[n],t,n))})),i;function r(e,n){
+t&&(n=n.map((e=>e.toLowerCase()))),n.forEach((t=>{const n=t.split("|")
+;i[n[0]]=[e,U(n[0],n[1])]}))}}function U(e,t){
+return t?Number(t):(e=>C.includes(e.toLowerCase()))(e)?0:1}const z={},K=e=>{
+console.error(e)},W=(e,...t)=>{console.log("WARN: "+e,...t)},X=(e,t)=>{
+z[`${e}/${t}`]||(console.log(`Deprecated as of ${e}. ${t}`),z[`${e}/${t}`]=!0)
+},G=Error();function Z(e,t,{key:n}){let i=0;const r=e[n],s={},o={}
+;for(let e=1;e<=t.length;e++)o[e+i]=r[e],s[e+i]=!0,i+=b(t[e-1])
+;e[n]=o,e[n]._emit=s,e[n]._multi=!0}function F(e){(e=>{
+e.scope&&"object"==typeof e.scope&&null!==e.scope&&(e.beginScope=e.scope,
+delete e.scope)})(e),"string"==typeof e.beginScope&&(e.beginScope={
+_wrap:e.beginScope}),"string"==typeof e.endScope&&(e.endScope={_wrap:e.endScope
+}),(e=>{if(Array.isArray(e.begin)){
+if(e.skip||e.excludeBegin||e.returnBegin)throw K("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),
+G
+;if("object"!=typeof e.beginScope||null===e.beginScope)throw K("beginScope must be object"),
+G;Z(e,e.begin,{key:"beginScope"}),e.begin=E(e.begin,{joinWith:""})}})(e),(e=>{
+if(Array.isArray(e.end)){
+if(e.skip||e.excludeEnd||e.returnEnd)throw K("skip, excludeEnd, returnEnd not compatible with endScope: {}"),
+G
+;if("object"!=typeof e.endScope||null===e.endScope)throw K("endScope must be object"),
+G;Z(e,e.end,{key:"endScope"}),e.end=E(e.end,{joinWith:""})}})(e)}function V(e){
+function t(t,n){
+return RegExp(g(t),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(n?"g":""))
+}class n{constructor(){
+this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}
+addRule(e,t){
+t.position=this.position++,this.matchIndexes[this.matchAt]=t,this.regexes.push([t,e]),
+this.matchAt+=b(e)+1}compile(){0===this.regexes.length&&(this.exec=()=>null)
+;const e=this.regexes.map((e=>e[1]));this.matcherRe=t(E(e,{joinWith:"|"
+}),!0),this.lastIndex=0}exec(e){this.matcherRe.lastIndex=this.lastIndex
+;const t=this.matcherRe.exec(e);if(!t)return null
+;const n=t.findIndex(((e,t)=>t>0&&void 0!==e)),i=this.matchIndexes[n]
+;return t.splice(0,n),Object.assign(t,i)}}class i{constructor(){
+this.rules=[],this.multiRegexes=[],
+this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(e){
+if(this.multiRegexes[e])return this.multiRegexes[e];const t=new n
+;return this.rules.slice(e).forEach((([e,n])=>t.addRule(e,n))),
+t.compile(),this.multiRegexes[e]=t,t}resumingScanAtSamePosition(){
+return 0!==this.regexIndex}considerAll(){this.regexIndex=0}addRule(e,t){
+this.rules.push([e,t]),"begin"===t.type&&this.count++}exec(e){
+const t=this.getMatcher(this.regexIndex);t.lastIndex=this.lastIndex
+;let n=t.exec(e)
+;if(this.resumingScanAtSamePosition())if(n&&n.index===this.lastIndex);else{
+const t=this.getMatcher(0);t.lastIndex=this.lastIndex+1,n=t.exec(e)}
+return n&&(this.regexIndex+=n.position+1,
+this.regexIndex===this.count&&this.considerAll()),n}}
+if(e.compilerExtensions||(e.compilerExtensions=[]),
+e.contains&&e.contains.includes("self"))throw Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.")
+;return e.classNameAliases=r(e.classNameAliases||{}),function n(s,o){const a=s
+;if(s.isCompiled)return a
+;[T,D,F,P].forEach((e=>e(s,o))),e.compilerExtensions.forEach((e=>e(s,o))),
+s.__beforeBegin=null,[L,B,H].forEach((e=>e(s,o))),s.isCompiled=!0;let c=null
+;return"object"==typeof s.keywords&&s.keywords.$pattern&&(s.keywords=Object.assign({},s.keywords),
+c=s.keywords.$pattern,
+delete s.keywords.$pattern),c=c||/\w+/,s.keywords&&(s.keywords=$(s.keywords,e.case_insensitive)),
+a.keywordPatternRe=t(c,!0),
+o&&(s.begin||(s.begin=/\B|\b/),a.beginRe=t(a.begin),s.end||s.endsWithParent||(s.end=/\B|\b/),
+s.end&&(a.endRe=t(a.end)),
+a.terminatorEnd=g(a.end)||"",s.endsWithParent&&o.terminatorEnd&&(a.terminatorEnd+=(s.end?"|":"")+o.terminatorEnd)),
+s.illegal&&(a.illegalRe=t(s.illegal)),
+s.contains||(s.contains=[]),s.contains=[].concat(...s.contains.map((e=>(e=>(e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map((t=>r(e,{
+variants:null},t)))),e.cachedVariants?e.cachedVariants:q(e)?r(e,{
+starts:e.starts?r(e.starts):null
+}):Object.isFrozen(e)?r(e):e))("self"===e?s:e)))),s.contains.forEach((e=>{n(e,a)
+})),s.starts&&n(s.starts,o),a.matcher=(e=>{const t=new i
+;return e.contains.forEach((e=>t.addRule(e.begin,{rule:e,type:"begin"
+}))),e.terminatorEnd&&t.addRule(e.terminatorEnd,{type:"end"
+}),e.illegal&&t.addRule(e.illegal,{type:"illegal"}),t})(a),a}(e)}function q(e){
+return!!e&&(e.endsWithParent||q(e.starts))}class J extends Error{
+constructor(e,t){super(e),this.name="HTMLInjectionError",this.html=t}}
+const Y=i,Q=r,ee=Symbol("nomatch");var te=(t=>{
+const i=Object.create(null),r=Object.create(null),s=[];let o=!0
+;const a="Could not find the language '{}', did you forget to load/include a language module?",c={
+disableAutodetect:!0,name:"Plain text",contains:[]};let g={
+ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,
+languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",
+cssSelector:"pre code",languages:null,__emitter:l};function b(e){
+return g.noHighlightRe.test(e)}function m(e,t,n){let i="",r=""
+;"object"==typeof t?(i=e,
+n=t.ignoreIllegals,r=t.language):(X("10.7.0","highlight(lang, code, ...args) has been deprecated."),
+X("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277"),
+r=e,i=t),void 0===n&&(n=!0);const s={code:i,language:r};k("before:highlight",s)
+;const o=s.result?s.result:E(s.language,s.code,n)
+;return o.code=s.code,k("after:highlight",o),o}function E(e,t,r,s){
+const c=Object.create(null);function l(){if(!N.keywords)return void M.addText(S)
+;let e=0;N.keywordPatternRe.lastIndex=0;let t=N.keywordPatternRe.exec(S),n=""
+;for(;t;){n+=S.substring(e,t.index)
+;const r=y.case_insensitive?t[0].toLowerCase():t[0],s=(i=r,N.keywords[i]);if(s){
+const[e,i]=s
+;if(M.addText(n),n="",c[r]=(c[r]||0)+1,c[r]<=7&&(R+=i),e.startsWith("_"))n+=t[0];else{
+const n=y.classNameAliases[e]||e;M.addKeyword(t[0],n)}}else n+=t[0]
+;e=N.keywordPatternRe.lastIndex,t=N.keywordPatternRe.exec(S)}var i
+;n+=S.substring(e),M.addText(n)}function d(){null!=N.subLanguage?(()=>{
+if(""===S)return;let e=null;if("string"==typeof N.subLanguage){
+if(!i[N.subLanguage])return void M.addText(S)
+;e=E(N.subLanguage,S,!0,k[N.subLanguage]),k[N.subLanguage]=e._top
+}else e=x(S,N.subLanguage.length?N.subLanguage:null)
+;N.relevance>0&&(R+=e.relevance),M.addSublanguage(e._emitter,e.language)
+})():l(),S=""}function u(e,t){let n=1;const i=t.length-1;for(;n<=i;){
+if(!e._emit[n]){n++;continue}const i=y.classNameAliases[e[n]]||e[n],r=t[n]
+;i?M.addKeyword(r,i):(S=r,l(),S=""),n++}}function h(e,t){
+return e.scope&&"string"==typeof e.scope&&M.openNode(y.classNameAliases[e.scope]||e.scope),
+e.beginScope&&(e.beginScope._wrap?(M.addKeyword(S,y.classNameAliases[e.beginScope._wrap]||e.beginScope._wrap),
+S=""):e.beginScope._multi&&(u(e.beginScope,t),S="")),N=Object.create(e,{parent:{
+value:N}}),N}function p(e,t,i){let r=((e,t)=>{const n=e&&e.exec(t)
+;return n&&0===n.index})(e.endRe,i);if(r){if(e["on:end"]){const i=new n(e)
+;e["on:end"](t,i),i.isMatchIgnored&&(r=!1)}if(r){
+for(;e.endsParent&&e.parent;)e=e.parent;return e}}
+if(e.endsWithParent)return p(e.parent,t,i)}function f(e){
+return 0===N.matcher.regexIndex?(S+=e[0],1):(I=!0,0)}function b(e){
+const n=e[0],i=t.substring(e.index),r=p(N,e,i);if(!r)return ee;const s=N
+;N.endScope&&N.endScope._wrap?(d(),
+M.addKeyword(n,N.endScope._wrap)):N.endScope&&N.endScope._multi?(d(),
+u(N.endScope,e)):s.skip?S+=n:(s.returnEnd||s.excludeEnd||(S+=n),
+d(),s.excludeEnd&&(S=n));do{
+N.scope&&M.closeNode(),N.skip||N.subLanguage||(R+=N.relevance),N=N.parent
+}while(N!==r.parent);return r.starts&&h(r.starts,e),s.returnEnd?0:n.length}
+let m={};function w(i,s){const a=s&&s[0];if(S+=i,null==a)return d(),0
+;if("begin"===m.type&&"end"===s.type&&m.index===s.index&&""===a){
+if(S+=t.slice(s.index,s.index+1),!o){const t=Error(`0 width match regex (${e})`)
+;throw t.languageName=e,t.badRule=m.rule,t}return 1}
+if(m=s,"begin"===s.type)return(e=>{
+const t=e[0],i=e.rule,r=new n(i),s=[i.__beforeBegin,i["on:begin"]]
+;for(const n of s)if(n&&(n(e,r),r.isMatchIgnored))return f(t)
+;return i.skip?S+=t:(i.excludeBegin&&(S+=t),
+d(),i.returnBegin||i.excludeBegin||(S=t)),h(i,e),i.returnBegin?0:t.length})(s)
+;if("illegal"===s.type&&!r){
+const e=Error('Illegal lexeme "'+a+'" for mode "'+(N.scope||"<unnamed>")+'"')
+;throw e.mode=N,e}if("end"===s.type){const e=b(s);if(e!==ee)return e}
+if("illegal"===s.type&&""===a)return 1
+;if(A>1e5&&A>3*s.index)throw Error("potential infinite loop, way more iterations than matches")
+;return S+=a,a.length}const y=O(e)
+;if(!y)throw K(a.replace("{}",e)),Error('Unknown language: "'+e+'"')
+;const _=V(y);let v="",N=s||_;const k={},M=new g.__emitter(g);(()=>{const e=[]
+;for(let t=N;t!==y;t=t.parent)t.scope&&e.unshift(t.scope)
+;e.forEach((e=>M.openNode(e)))})();let S="",R=0,j=0,A=0,I=!1;try{
+for(N.matcher.considerAll();;){
+A++,I?I=!1:N.matcher.considerAll(),N.matcher.lastIndex=j
+;const e=N.matcher.exec(t);if(!e)break;const n=w(t.substring(j,e.index),e)
+;j=e.index+n}
+return w(t.substring(j)),M.closeAllNodes(),M.finalize(),v=M.toHTML(),{
+language:e,value:v,relevance:R,illegal:!1,_emitter:M,_top:N}}catch(n){
+if(n.message&&n.message.includes("Illegal"))return{language:e,value:Y(t),
+illegal:!0,relevance:0,_illegalBy:{message:n.message,index:j,
+context:t.slice(j-100,j+100),mode:n.mode,resultSoFar:v},_emitter:M};if(o)return{
+language:e,value:Y(t),illegal:!1,relevance:0,errorRaised:n,_emitter:M,_top:N}
+;throw n}}function x(e,t){t=t||g.languages||Object.keys(i);const n=(e=>{
+const t={value:Y(e),illegal:!1,relevance:0,_top:c,_emitter:new g.__emitter(g)}
+;return t._emitter.addText(e),t})(e),r=t.filter(O).filter(N).map((t=>E(t,e,!1)))
+;r.unshift(n);const s=r.sort(((e,t)=>{
+if(e.relevance!==t.relevance)return t.relevance-e.relevance
+;if(e.language&&t.language){if(O(e.language).supersetOf===t.language)return 1
+;if(O(t.language).supersetOf===e.language)return-1}return 0})),[o,a]=s,l=o
+;return l.secondBest=a,l}function w(e){let t=null;const n=(e=>{
+let t=e.className+" ";t+=e.parentNode?e.parentNode.className:""
+;const n=g.languageDetectRe.exec(t);if(n){const t=O(n[1])
+;return t||(W(a.replace("{}",n[1])),
+W("Falling back to no-highlight mode for this block.",e)),t?n[1]:"no-highlight"}
+return t.split(/\s+/).find((e=>b(e)||O(e)))})(e);if(b(n))return
+;if(k("before:highlightElement",{el:e,language:n
+}),e.children.length>0&&(g.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),
+console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),
+console.warn("The element with unescaped HTML:"),
+console.warn(e)),g.throwUnescapedHTML))throw new J("One of your code blocks includes unescaped HTML.",e.innerHTML)
+;t=e;const i=t.textContent,s=n?m(i,{language:n,ignoreIllegals:!0}):x(i)
+;e.innerHTML=s.value,((e,t,n)=>{const i=t&&r[t]||n
+;e.classList.add("hljs"),e.classList.add("language-"+i)
+})(e,n,s.language),e.result={language:s.language,re:s.relevance,
+relevance:s.relevance},s.secondBest&&(e.secondBest={
+language:s.secondBest.language,relevance:s.secondBest.relevance
+}),k("after:highlightElement",{el:e,result:s,text:i})}let y=!1;function _(){
+"loading"!==document.readyState?document.querySelectorAll(g.cssSelector).forEach(w):y=!0
+}function O(e){return e=(e||"").toLowerCase(),i[e]||i[r[e]]}
+function v(e,{languageName:t}){"string"==typeof e&&(e=[e]),e.forEach((e=>{
+r[e.toLowerCase()]=t}))}function N(e){const t=O(e)
+;return t&&!t.disableAutodetect}function k(e,t){const n=e;s.forEach((e=>{
+e[n]&&e[n](t)}))}
+"undefined"!=typeof window&&window.addEventListener&&window.addEventListener("DOMContentLoaded",(()=>{
+y&&_()}),!1),Object.assign(t,{highlight:m,highlightAuto:x,highlightAll:_,
+highlightElement:w,
+highlightBlock:e=>(X("10.7.0","highlightBlock will be removed entirely in v12.0"),
+X("10.7.0","Please use highlightElement now."),w(e)),configure:e=>{g=Q(g,e)},
+initHighlighting:()=>{
+_(),X("10.6.0","initHighlighting() deprecated.  Use highlightAll() now.")},
+initHighlightingOnLoad:()=>{
+_(),X("10.6.0","initHighlightingOnLoad() deprecated.  Use highlightAll() now.")
+},registerLanguage:(e,n)=>{let r=null;try{r=n(t)}catch(t){
+if(K("Language definition for '{}' could not be registered.".replace("{}",e)),
+!o)throw t;K(t),r=c}
+r.name||(r.name=e),i[e]=r,r.rawDefinition=n.bind(null,t),r.aliases&&v(r.aliases,{
+languageName:e})},unregisterLanguage:e=>{delete i[e]
+;for(const t of Object.keys(r))r[t]===e&&delete r[t]},
+listLanguages:()=>Object.keys(i),getLanguage:O,registerAliases:v,
+autoDetection:N,inherit:Q,addPlugin:e=>{(e=>{
+e["before:highlightBlock"]&&!e["before:highlightElement"]&&(e["before:highlightElement"]=t=>{
+e["before:highlightBlock"](Object.assign({block:t.el},t))
+}),e["after:highlightBlock"]&&!e["after:highlightElement"]&&(e["after:highlightElement"]=t=>{
+e["after:highlightBlock"](Object.assign({block:t.el},t))})})(e),s.push(e)}
+}),t.debugMode=()=>{o=!1},t.safeMode=()=>{o=!0
+},t.versionString="11.7.0",t.regex={concat:p,lookahead:d,either:f,optional:h,
+anyNumberOfTimes:u};for(const t in A)"object"==typeof A[t]&&e.exports(A[t])
+;return Object.assign(t,A),t})({});return te}()
+;"object"==typeof exports&&"undefined"!=typeof module&&(module.exports=hljs);/*! `json` grammar compiled for Highlight.js 11.7.0 */
+(()=>{var e=(()=>{"use strict";return e=>{const a=["true","false","null"],n={
+scope:"literal",beginKeywords:a.join(" ")};return{name:"JSON",keywords:{
+literal:a},contains:[{className:"attr",begin:/"(\\.|[^\\"\r\n])*"(?=\s*:)/,
+relevance:1.01},{match:/[{}[\],:]/,className:"punctuation",relevance:0
+},e.QUOTE_STRING_MODE,n,e.C_NUMBER_MODE,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE],
+illegal:"\\S"}}})();hljs.registerLanguage("json",e)})();/*! `xml` grammar compiled for Highlight.js 11.7.0 */
+(()=>{var e=(()=>{"use strict";return e=>{
+const a=e.regex,n=a.concat(/[\p{L}_]/u,a.optional(/[\p{L}0-9_.-]*:/u),/[\p{L}0-9_.-]*/u),s={
+className:"symbol",begin:/&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;/},t={begin:/\s/,
+contains:[{className:"keyword",begin:/#?[a-z_][a-z1-9_-]+/,illegal:/\n/}]
+},i=e.inherit(t,{begin:/\(/,end:/\)/}),c=e.inherit(e.APOS_STRING_MODE,{
+className:"string"}),l=e.inherit(e.QUOTE_STRING_MODE,{className:"string"}),r={
+endsWithParent:!0,illegal:/</,relevance:0,contains:[{className:"attr",
+begin:/[\p{L}0-9._:-]+/u,relevance:0},{begin:/=\s*/,relevance:0,contains:[{
+className:"string",endsParent:!0,variants:[{begin:/"/,end:/"/,contains:[s]},{
+begin:/'/,end:/'/,contains:[s]},{begin:/[^\s"'=<>`]+/}]}]}]};return{
+name:"HTML, XML",
+aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist","wsf","svg"],
+case_insensitive:!0,unicodeRegex:!0,contains:[{className:"meta",begin:/<![a-z]/,
+end:/>/,relevance:10,contains:[t,l,c,i,{begin:/\[/,end:/\]/,contains:[{
+className:"meta",begin:/<![a-z]/,end:/>/,contains:[t,i,l,c]}]}]
+},e.COMMENT(/<!--/,/-->/,{relevance:10}),{begin:/<!\[CDATA\[/,end:/\]\]>/,
+relevance:10},s,{className:"meta",end:/\?>/,variants:[{begin:/<\?xml/,
+relevance:10,contains:[l]},{begin:/<\?[a-z][a-z0-9]+/}]},{className:"tag",
+begin:/<style(?=\s|>)/,end:/>/,keywords:{name:"style"},contains:[r],starts:{
+end:/<\/style>/,returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",
+begin:/<script(?=\s|>)/,end:/>/,keywords:{name:"script"},contains:[r],starts:{
+end:/<\/script>/,returnEnd:!0,subLanguage:["javascript","handlebars","xml"]}},{
+className:"tag",begin:/<>|<\/>/},{className:"tag",
+begin:a.concat(/</,a.lookahead(a.concat(n,a.either(/\/>/,/>/,/\s/)))),
+end:/\/?>/,contains:[{className:"name",begin:n,relevance:0,starts:r}]},{
+className:"tag",begin:a.concat(/<\//,a.lookahead(a.concat(n,/>/))),contains:[{
+className:"name",begin:n,relevance:0},{begin:/>/,relevance:0,endsParent:!0}]}]}}
+})();hljs.registerLanguage("xml",e)})();/*! `javascript` grammar compiled for Highlight.js 11.7.0 */
+(()=>{var e=(()=>{"use strict"
+;const e="[A-Za-z$_][0-9A-Za-z$_]*",n=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends"],a=["true","false","null","undefined","NaN","Infinity"],t=["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],s=["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"],r=["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],c=["arguments","this","super","console","window","document","localStorage","module","global"],i=[].concat(r,t,s)
+;return o=>{const l=o.regex,b=e,d={begin:/<[A-Za-z0-9\\._:-]+/,
+end:/\/[A-Za-z0-9\\._:-]+>|\/>/,isTrulyOpeningTag:(e,n)=>{
+const a=e[0].length+e.index,t=e.input[a]
+;if("<"===t||","===t)return void n.ignoreMatch();let s
+;">"===t&&(((e,{after:n})=>{const a="</"+e[0].slice(1)
+;return-1!==e.input.indexOf(a,n)})(e,{after:a})||n.ignoreMatch())
+;const r=e.input.substring(a)
+;((s=r.match(/^\s*=/))||(s=r.match(/^\s+extends\s+/))&&0===s.index)&&n.ignoreMatch()
+}},g={$pattern:e,keyword:n,literal:a,built_in:i,"variable.language":c
+},u="\\.([0-9](_?[0-9])*)",m="0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*",E={
+className:"number",variants:[{
+begin:`(\\b(${m})((${u})|\\.)?|(${u}))[eE][+-]?([0-9](_?[0-9])*)\\b`},{
+begin:`\\b(${m})\\b((${u})\\b|\\.)?|(${u})\\b`},{
+begin:"\\b(0|[1-9](_?[0-9])*)n\\b"},{
+begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\b"},{
+begin:"\\b0[bB][0-1](_?[0-1])*n?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*n?\\b"},{
+begin:"\\b0[0-7]+n?\\b"}],relevance:0},A={className:"subst",begin:"\\$\\{",
+end:"\\}",keywords:g,contains:[]},y={begin:"html`",end:"",starts:{end:"`",
+returnEnd:!1,contains:[o.BACKSLASH_ESCAPE,A],subLanguage:"xml"}},N={
+begin:"css`",end:"",starts:{end:"`",returnEnd:!1,
+contains:[o.BACKSLASH_ESCAPE,A],subLanguage:"css"}},_={className:"string",
+begin:"`",end:"`",contains:[o.BACKSLASH_ESCAPE,A]},h={className:"comment",
+variants:[o.COMMENT(/\/\*\*(?!\/)/,"\\*/",{relevance:0,contains:[{
+begin:"(?=@[A-Za-z]+)",relevance:0,contains:[{className:"doctag",
+begin:"@[A-Za-z]+"},{className:"type",begin:"\\{",end:"\\}",excludeEnd:!0,
+excludeBegin:!0,relevance:0},{className:"variable",begin:b+"(?=\\s*(-)|$)",
+endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]
+}),o.C_BLOCK_COMMENT_MODE,o.C_LINE_COMMENT_MODE]
+},f=[o.APOS_STRING_MODE,o.QUOTE_STRING_MODE,y,N,_,{match:/\$\d+/},E]
+;A.contains=f.concat({begin:/\{/,end:/\}/,keywords:g,contains:["self"].concat(f)
+});const v=[].concat(h,A.contains),p=v.concat([{begin:/\(/,end:/\)/,keywords:g,
+contains:["self"].concat(v)}]),S={className:"params",begin:/\(/,end:/\)/,
+excludeBegin:!0,excludeEnd:!0,keywords:g,contains:p},w={variants:[{
+match:[/class/,/\s+/,b,/\s+/,/extends/,/\s+/,l.concat(b,"(",l.concat(/\./,b),")*")],
+scope:{1:"keyword",3:"title.class",5:"keyword",7:"title.class.inherited"}},{
+match:[/class/,/\s+/,b],scope:{1:"keyword",3:"title.class"}}]},R={relevance:0,
+match:l.either(/\bJSON/,/\b[A-Z][a-z]+([A-Z][a-z]*|\d)*/,/\b[A-Z]{2,}([A-Z][a-z]+|\d)+([A-Z][a-z]*)*/,/\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\d)*([A-Z][a-z]*)*/),
+className:"title.class",keywords:{_:[...t,...s]}},O={variants:[{
+match:[/function/,/\s+/,b,/(?=\s*\()/]},{match:[/function/,/\s*(?=\()/]}],
+className:{1:"keyword",3:"title.function"},label:"func.def",contains:[S],
+illegal:/%/},k={
+match:l.concat(/\b/,(I=[...r,"super","import"],l.concat("(?!",I.join("|"),")")),b,l.lookahead(/\(/)),
+className:"title.function",relevance:0};var I;const x={
+begin:l.concat(/\./,l.lookahead(l.concat(b,/(?![0-9A-Za-z$_(])/))),end:b,
+excludeBegin:!0,keywords:"prototype",className:"property",relevance:0},T={
+match:[/get|set/,/\s+/,b,/(?=\()/],className:{1:"keyword",3:"title.function"},
+contains:[{begin:/\(\)/},S]
+},C="(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|"+o.UNDERSCORE_IDENT_RE+")\\s*=>",M={
+match:[/const|var|let/,/\s+/,b,/\s*/,/=\s*/,/(async\s*)?/,l.lookahead(C)],
+keywords:"async",className:{1:"keyword",3:"title.function"},contains:[S]}
+;return{name:"Javascript",aliases:["js","jsx","mjs","cjs"],keywords:g,exports:{
+PARAMS_CONTAINS:p,CLASS_REFERENCE:R},illegal:/#(?![$_A-z])/,
+contains:[o.SHEBANG({label:"shebang",binary:"node",relevance:5}),{
+label:"use_strict",className:"meta",relevance:10,
+begin:/^\s*['"]use (strict|asm)['"]/
+},o.APOS_STRING_MODE,o.QUOTE_STRING_MODE,y,N,_,h,{match:/\$\d+/},E,R,{
+className:"attr",begin:b+l.lookahead(":"),relevance:0},M,{
+begin:"("+o.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",
+keywords:"return throw case",relevance:0,contains:[h,o.REGEXP_MODE,{
+className:"function",begin:C,returnBegin:!0,end:"\\s*=>",contains:[{
+className:"params",variants:[{begin:o.UNDERSCORE_IDENT_RE,relevance:0},{
+className:null,begin:/\(\s*\)/,skip:!0},{begin:/\(/,end:/\)/,excludeBegin:!0,
+excludeEnd:!0,keywords:g,contains:p}]}]},{begin:/,/,relevance:0},{match:/\s+/,
+relevance:0},{variants:[{begin:"<>",end:"</>"},{
+match:/<[A-Za-z0-9\\._:-]+\s*\/>/},{begin:d.begin,
+"on:begin":d.isTrulyOpeningTag,end:d.end}],subLanguage:"xml",contains:[{
+begin:d.begin,end:d.end,skip:!0,contains:["self"]}]}]},O,{
+beginKeywords:"while if switch catch for"},{
+begin:"\\b(?!function)"+o.UNDERSCORE_IDENT_RE+"\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",
+returnBegin:!0,label:"func.def",contains:[S,o.inherit(o.TITLE_MODE,{begin:b,
+className:"title.function"})]},{match:/\.\.\./,relevance:0},x,{match:"\\$"+b,
+relevance:0},{match:[/\bconstructor(?=\s*\()/],className:{1:"title.function"},
+contains:[S]},k,{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,
+className:"variable.constant"},w,T,{match:/\$[(.]/}]}}})()
+;hljs.registerLanguage("javascript",e)})();/*! `css` grammar compiled for Highlight.js 11.7.0 */
+(()=>{var e=(()=>{"use strict"
+;const e=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","main","mark","menu","nav","object","ol","p","q","quote","samp","section","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video"],i=["any-hover","any-pointer","aspect-ratio","color","color-gamut","color-index","device-aspect-ratio","device-height","device-width","display-mode","forced-colors","grid","height","hover","inverted-colors","monochrome","orientation","overflow-block","overflow-inline","pointer","prefers-color-scheme","prefers-contrast","prefers-reduced-motion","prefers-reduced-transparency","resolution","scan","scripting","update","width","min-width","max-width","min-height","max-height"],r=["active","any-link","blank","checked","current","default","defined","dir","disabled","drop","empty","enabled","first","first-child","first-of-type","fullscreen","future","focus","focus-visible","focus-within","has","host","host-context","hover","indeterminate","in-range","invalid","is","lang","last-child","last-of-type","left","link","local-link","not","nth-child","nth-col","nth-last-child","nth-last-col","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","past","placeholder-shown","read-only","read-write","required","right","root","scope","target","target-within","user-invalid","valid","visited","where"],t=["after","backdrop","before","cue","cue-region","first-letter","first-line","grammar-error","marker","part","placeholder","selection","slotted","spelling-error"],o=["align-content","align-items","align-self","all","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-repeat","background-size","block-size","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","clip-path","clip-rule","color","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","contain","content","content-visibility","counter-increment","counter-reset","cue","cue-after","cue-before","cursor","direction","display","empty-cells","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","flow","font","font-display","font-family","font-feature-settings","font-kerning","font-language-override","font-size","font-size-adjust","font-smoothing","font-stretch","font-style","font-synthesis","font-variant","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-weight","gap","glyph-orientation-vertical","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","inline-size","isolation","justify-content","left","letter-spacing","line-break","line-height","list-style","list-style-image","list-style-position","list-style-type","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","max-block-size","max-height","max-inline-size","max-width","min-block-size","min-height","min-inline-size","min-width","mix-blend-mode","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-wrap","overflow-x","overflow-y","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","page-break-after","page-break-before","page-break-inside","pause","pause-after","pause-before","perspective","perspective-origin","pointer-events","position","quotes","resize","rest","rest-after","rest-before","right","row-gap","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scrollbar-color","scrollbar-gutter","scrollbar-width","shape-image-threshold","shape-margin","shape-outside","speak","speak-as","src","tab-size","table-layout","text-align","text-align-all","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-style","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-transform","text-underline-position","top","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","unicode-bidi","vertical-align","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","white-space","widows","width","will-change","word-break","word-spacing","word-wrap","writing-mode","z-index"].reverse()
+;return n=>{const a=n.regex,l=(e=>({IMPORTANT:{scope:"meta",begin:"!important"},
+BLOCK_COMMENT:e.C_BLOCK_COMMENT_MODE,HEXCOLOR:{scope:"number",
+begin:/#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/},FUNCTION_DISPATCH:{
+className:"built_in",begin:/[\w-]+(?=\()/},ATTRIBUTE_SELECTOR_MODE:{
+scope:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",
+contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},CSS_NUMBER_MODE:{
+scope:"number",
+begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",
+relevance:0},CSS_VARIABLE:{className:"attr",begin:/--[A-Za-z][A-Za-z0-9_-]*/}
+}))(n),s=[n.APOS_STRING_MODE,n.QUOTE_STRING_MODE];return{name:"CSS",
+case_insensitive:!0,illegal:/[=|'\$]/,keywords:{keyframePosition:"from to"},
+classNameAliases:{keyframePosition:"selector-tag"},contains:[l.BLOCK_COMMENT,{
+begin:/-(webkit|moz|ms|o)-(?=[a-z])/},l.CSS_NUMBER_MODE,{
+className:"selector-id",begin:/#[A-Za-z0-9_-]+/,relevance:0},{
+className:"selector-class",begin:"\\.[a-zA-Z-][a-zA-Z0-9_-]*",relevance:0
+},l.ATTRIBUTE_SELECTOR_MODE,{className:"selector-pseudo",variants:[{
+begin:":("+r.join("|")+")"},{begin:":(:)?("+t.join("|")+")"}]},l.CSS_VARIABLE,{
+className:"attribute",begin:"\\b("+o.join("|")+")\\b"},{begin:/:/,end:/[;}{]/,
+contains:[l.BLOCK_COMMENT,l.HEXCOLOR,l.IMPORTANT,l.CSS_NUMBER_MODE,...s,{
+begin:/(url|data-uri)\(/,end:/\)/,relevance:0,keywords:{built_in:"url data-uri"
+},contains:[...s,{className:"string",begin:/[^)]/,endsWithParent:!0,
+excludeEnd:!0}]},l.FUNCTION_DISPATCH]},{begin:a.lookahead(/@/),end:"[{;]",
+relevance:0,illegal:/:/,contains:[{className:"keyword",begin:/@-?\w[\w]*(-\w+)*/
+},{begin:/\s/,endsWithParent:!0,excludeEnd:!0,relevance:0,keywords:{
+$pattern:/[a-z-]+/,keyword:"and or not only",attribute:i.join(" ")},contains:[{
+begin:/[a-z-]+(?=:)/,className:"attribute"},...s,l.CSS_NUMBER_MODE]}]},{
+className:"selector-tag",begin:"\\b("+e.join("|")+")\\b"}]}}})()
+;hljs.registerLanguage("css",e)})();
\ No newline at end of file
diff --git a/docs/js/navbarItems.js b/docs/js/navbarItems.js
new file mode 100644
index 0000000..aaaa7b4
--- /dev/null
+++ b/docs/js/navbarItems.js
@@ -0,0 +1,145 @@
+const navbar_items = [
+  {
+    "title": "Utilities",
+    "href": "#"
+  },
+  {
+    "title": "Appearance",
+    "href": "appearance.html",
+    "icon": "<i class='icons10-sun'></i>"
+  },
+  {
+    "title": "Classes",
+    "href": "classes.html",
+    "icon": "<i class='icons10-puzzle'></i>"
+  },
+  {
+    "title": "Colors",
+    "href": "colors.html",
+    "icon": "<i class='icons10-color-palette'></i>"
+  },
+  {
+    "title": "Icons",
+    "href": "icons.html",
+    "icon": "<i class='icons10-deathly-hallows'></i>"
+  },
+  {
+    "title": "Components",
+    "href": "#"
+  },
+  {
+    "title": "Accordion",
+    "href": "accordion.html",
+    "icon": "<i class='icons10-down-squared'></i>"
+  },
+  {
+    "title": "Alerts",
+    "href": "alert.html",
+    "icon": "<i class='icons10-advertising'></i>"
+  },
+  {
+    "title": "Buttons",
+    "href": "buttons.html",
+    "icon": "<i class='icons10-controller'></i>"
+  },
+  {
+    "title": "CheckBox",
+    "href": "checkbox.html",
+    "icon": "<i class='icons10-checked-2'></i>"
+  },
+  {
+    "title": "CommandBar",
+    "href": "commandbar.html",
+    "icon": "<i class='icons10-terminal'></i>"
+  },
+  {
+    "title": "Dialogs",
+    "href": "dialogs.html",
+    "icon": "<i class='icons10-notification-image'></i>"
+  },
+  {
+    "title": "InputText",
+    "href": "inputtext.html",
+    "icon": "<i class='icons10-keyboard'></i>"
+  },
+  // {
+  //   "title": "Link",
+  //   "href": "links.html",
+  //   "icon": "<i class='icons10-link'></i>"
+  // },
+  {
+    "title": "Loaders",
+    "href": "loaders.html",
+    "icon": "<i class='icons10-tasks'></i>"
+  },
+  {
+    "title": "MenuBar",
+    "href": "menubar.html",
+    "icon": "<i class='icons10-align-left'></i>"
+  },
+  {
+    "title": "ProgressBar",
+    "href": "progressbars.html",
+    "icon": "<i class='icons10-bar-chart'></i>"
+  },
+  {
+    "title": "RadioButton",
+    "href": "radiobutton.html",
+    "icon": "<i class='icons10-checked'></i>"
+  },
+  {
+    "title": "Select",
+    "href": "select.html",
+    "icon": "<i class='icons10-database'></i>"
+  },
+  {
+    "title": "SliderBar",
+    "href": "sliderbar.html",
+    "icon": "<i class='icons10-arrow-right'></i>"
+  },
+  {
+    "title": "Switch",
+    "href": "switch.html",
+    "icon": "<i class='icons10-touch'></i>"
+  },
+  {
+    "title": "TableView",
+    "href": "tableview.html",
+    "icon": "<i class='icons10-grid-3'></i>"
+  }
+];
+
+async function init_navbar_ul (active_item="Home", path="root") {
+
+  for (const navbar_item of navbar_items) {
+    const is_active = navbar_item.title === active_item ? 'active' : init_navbar_top_ul(active_item);
+    const is_path = path === "root" ? "./docs/" : "./";
+    navbar_item.icon = navbar_item.icon?.replace('./', is_path);
+
+    let item;
+    if(navbar_item.href == "#") {
+      item = document.createElement('div');
+      item.innerHTML = `<h1>${navbar_item.title}</h1><div class="app-hr"></div>`;
+    }
+    else {
+      item = document.createElement('li');
+      item.className = "app-navbar-list-item";
+      item.innerHTML = `<a href=${navbar_item.title === active_item
+                          ? "javascript:;"
+                          : is_path+navbar_item.href} class="${is_active}">
+                          ${navbar_item.icon}
+                          <span>${navbar_item.title}</span>
+                        </a>`;
+    }
+    document.getElementById("app-navbar-list").appendChild(item);
+  };
+}
+
+function init_navbar_top_ul(active_itm) {
+  let navbar_items = document.getElementsByClassName("app-navbar-list-item");
+  Array.from(navbar_items).forEach((el) => {
+    if(el.innerText == active_itm) {
+      el.querySelector("a").classList.add("active");
+    }
+  });
+}
\ No newline at end of file
diff --git a/docs/js/progressBars.js b/docs/js/progressBars.js
new file mode 100644
index 0000000..76572e6
--- /dev/null
+++ b/docs/js/progressBars.js
@@ -0,0 +1,4 @@
+function setProgressDemo1(val) {
+  document.getElementById("app-progress-demo-1").style.width = `${val}%`;
+  document.getElementById("app-progress-demo-1_text").innerHTML = `${val}%`;
+}
\ No newline at end of file
diff --git a/docs/loaders.html b/docs/loaders.html
new file mode 100644
index 0000000..922056f
--- /dev/null
+++ b/docs/loaders.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <div class="app-page-container has-padding">
+      <h1>Loaders</h1>
+      <p>The <span class="app-color-primary">Loaders</span> are progress view that alerts a user to wait for an activity to complete.</p>
+      <p>Toggle <span class="app-code">animate</span> class to show/hide loaders.</p>
+      <div class="app-loader-bar animate"></div>
+      <br />
+      <pre><code id="code_view_1"></code></pre>
+      <h2>LoaderBusy</h2>&nbsp;&nbsp;&nbsp;
+      <div class="app-loader-busy loader-lg animate"></div>
+      <br />
+      <br />
+      <pre><code id="code_view_2"></code></pre>
+      <br />&nbsp;&nbsp;&nbsp;
+      <div class="app-loader-busy animate"></div>
+      <pre><code id="code_view_3"></code></pre>
+      <br />&nbsp;&nbsp;&nbsp;
+      <div class="app-loader-busy loader-sm animate"></div>
+      <pre><code id="code_view_4"></code></pre>
+      <br />
+      <br />
+    </div>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("Loaders", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<div class="app-loader-bar animate"></div>
+`).value;
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+<div class="app-loader-busy loader-lg animate"></div>
+`).value;
+document.getElementById("code_view_3").innerHTML =
+hljs.highlightAuto(`
+<div class="app-loader-busy animate"></div>
+`).value;
+document.getElementById("code_view_4").innerHTML =
+hljs.highlightAuto(`
+<div class="app-loader-busy loader-sm animate"></div>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/menubar.html b/docs/menubar.html
new file mode 100644
index 0000000..788b18b
--- /dev/null
+++ b/docs/menubar.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>MenuBar</h1>
+      <p>A
+        <span class="app-color-primary">MenuBar</span> is a graphical control element which contains drop-down menus.
+      </p>
+      <div class="app-dropdown-menu">
+        <span class="app-dropdown-title" data-win-toggle="dropdown" data-win-target="#MyMenuBar">Select a fruit</span>
+        <ul class="app-dropdown-list" id="MyMenuBar">
+          <li class="app-dropdown-list-item">
+            <a href="#">
+              <i class="icons10-camera"></i>apple
+            </a>
+          </li>
+          <li class="app-dropdown-list-item">
+            <a href="#">orange</a>
+          </li>
+          <li class="app-dropdown-list-item">
+            <a href="#">banana</a>
+          </li>
+          <li class="app-dropdown-list-item">
+            <a href="#">peach</a>
+          </li>
+        </ul>
+      </div>
+      <h2>Usage</h2>
+      <pre><code id="code_view_1"></code></pre>
+      <h2>MenuBar with search</h2>
+      <div class="app-dropdown-menu">
+        <span class="app-dropdown-title" data-win-toggle="dropdown" data-win-target="#MyMenuBar2">Select a fruit</span>
+        <ul class="app-dropdown-list" id="MyMenuBar2">
+          <div class="app-input-search-box">
+            <input class="app-input-text app-input-search" type="search" placeholder="search here..">
+          </div>
+          <li class="app-dropdown-list-item">
+            <a href="#">
+              <i class="icons10-camera"></i>apple
+            </a>
+          </li>
+          <li class="app-dropdown-list-item">
+            <a href="#">orange</a>
+          </li>
+          <li class="app-dropdown-list-item">
+            <a href="#">banana</a>
+          </li>
+          <li class="app-dropdown-list-item">
+            <a href="#">peach</a>
+          </li>
+        </ul>
+      </div>
+      <pre><code id="code_view_2"></code></pre>
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("MenuBar", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<div class="app-dropdown-menu">
+  <span data-win-toggle="dropdown" data-win-target="#MyMenuBar">Select a fruit</span>
+  <ul class="app-dropdown-list" id="MyMenuBar">
+    <li class="app-dropdown-list-item"><a href="#"><i class="icons10-camera"></i>apple</a></li>
+    <li class="app-dropdown-list-item"><a href="#">orange</a></li>
+    <li class="app-dropdown-list-item"><a href="#">banana</a>
+    </li><li class="app-dropdown-list-item"><a href="#">peach</a></li>
+  </ul>
+</div>
+`).value;
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+<div class="app-dropdown-menu">
+  <span data-win-toggle="dropdown" data-win-target="#MyMenuBar2">Select a fruit</span>
+  <ul class="app-dropdown-list" id="MyMenuBar2">
+    <div class="app-input-search-box">
+      <input class="app-input-text app-input-search" type="search" placeholder="search here..">
+    </div>
+    <li class="app-dropdown-list-item"><a href="#"><i class="icons10-camera"></i>apple</a></li>
+    <li class="app-dropdown-list-item"><a href="#">orange</a></li>
+    <li class="app-dropdown-list-item"><a href="#">banana</a></li>
+    <li class="app-dropdown-list-item"><a href="#">peach</a></li>
+  </ul>
+</div>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/navbar.html b/docs/navbar.html
new file mode 100644
index 0000000..e032cf3
--- /dev/null
+++ b/docs/navbar.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <link rel="stylesheet" href="./css/navbar.css" />
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <div class="app-page-container has-padding">
+      <h1>NavBar</h1>
+      <div class="app-navbar-wrap" style="position: relative; height: auto;">
+        <nav class="animate custom" style="position: relative; z-index: 1;">
+          <div class="app-navbar-header">
+            <span class="app-navbar-toggler"></span>
+            <span class="app-navbar-name">React Windows UI</span>
+          </div>
+          <ul class="app-navbar-list" style="padding: 0px;">
+            <li class="app-navbar-list-item">
+              <a rel="noopener noreferrer" href="#">
+                <i class="icons10-home"></i>
+                <span>Home</span>
+              </a>
+            </li>
+            <h1>Title</h1>
+            <div class="app-hr"></div>
+            <li class="app-navbar-list-item">
+              <a rel="noopener noreferrer" href="#" class="active">
+                <i class="icons10-add"></i>
+                <span>NavItem1</span>
+              </a>
+            </li>
+            <li class="app-navbar-list-item">
+              <a rel="noopener noreferrer" href="#">
+                <i class="icons10-user"></i>
+                <span>NavItem2</span>
+              </a>
+            </li>
+          </ul>
+        </nav>
+      </div>
+      <h2>Usage</h2>
+      <pre><code id="code_view_1"></code></pre>
+    </div>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("NavBar", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<aside class="app-navbar-wrap" id="NavBarMain">
+  <div class="app-navbar-header-mobile">
+    <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+    <div>
+      <span class="app-navbar-name">Windows UI</span>
+    </div>
+  </div>
+  <nav class="app-navbar">
+    <div class="app-navbar-header">
+      <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+      <span class="app-navbar-name">Windows UI</span>
+    </div>
+    <ul class="app-navbar-list">
+      <label class="app-navbar-theme-switch">
+        <input id="app-navbar-theme-switch" type="checkbox" checked>
+        <div class="app-navbar-theme-switch-icon"></div>
+      </label>
+      <li class="app-navbar-list-item">
+        <a href="./page1.html" class="active">
+          <i class="icons10-sun"></i>
+          <span>Page 1</span>
+        </a>
+      </li>
+      <!-- .... -->
+    </ul>
+  </nav>
+</aside>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/navbarLink.html b/docs/navbarLink.html
new file mode 100644
index 0000000..232cd50
--- /dev/null
+++ b/docs/navbarLink.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <div class="app-page-container has-padding">
+      <h1>NavBarLink</h1>
+      <div class="app-navbar-wrap" style="position: relative; height: auto;">
+        <nav class="animate custom" style="position: relative;">
+          <ul class="app-navbar-list" style="padding: 0px; margin: 0px;">
+            <li class="app-navbar-list-item">
+              <a rel="noopener noreferrer" href="#" class="active">
+                <i class="icons10-add"></i>
+                <span>NavItem1</span>
+              </a>
+            </li>
+            <li class="app-navbar-list-item">
+              <a rel="noopener noreferrer" href="#">
+                <i class="icons10-user"></i>
+                <span>NavItem2</span>
+              </a>
+            </li>
+          </ul>
+        </nav>
+      </div>
+      <h2>Usage</h2>
+      <pre><code id="code_view_1"></code></pre>
+    </div>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("NavBarLink", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+  <li class="app-navbar-list-item">
+    <a href="#" class="active">
+      <i class="icons10-user"></i>
+      <span>NavItem2</span>
+    </a>
+  </li>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/navbarSubmenu.html b/docs/navbarSubmenu.html
new file mode 100644
index 0000000..379efab
--- /dev/null
+++ b/docs/navbarSubmenu.html
@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <div class="app-page-container has-padding">
+      <h1>NavBarSubMenu</h1>
+      <div style="width: 290px; background-color: var(--color-navbar-bg-default);">
+        <div class="app-navbar-submenu">
+          <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenuID">
+            <div>Title</div>
+          </div>
+          <div class="app-navbar-submenu-content" style="height: 0px;" id="NavSubMenuID">
+            <div class="app-navbar-wrap" style="height: 100px;">
+              <nav class="animate custom" style="position: relative;">
+                <ul class="app-navbar-list" style="padding: 0px; margin: 0px;">
+                  <li class="app-navbar-list-item">
+                    <a href="#/navbar" aria-current="page" class="active">
+                      <span>NavItem1</span>
+                    </a>
+                  </li>
+                  <li class="app-navbar-list-item">
+                    <a href="#/navbar">
+                      <i class="icons10-user"></i>
+                      <span>NavItem2</span>
+                    </a>
+                  </li>
+                </ul>
+              </nav>
+            </div>
+          </div>
+        </div>
+      </div>
+      <h2>Usage</h2>
+      <pre><code id="code_view_1"></code></pre>
+    </div>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("NavBarSubMenu", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<div class="app-navbar-submenu">
+  <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenuID">
+    <div>Title</div>
+  </div>
+  <div class="app-navbar-submenu-content" id="NavSubMenuID">
+    <li class="app-navbar-list-item">
+      <a href="./page.html" aria-current="page" class="unactive">
+        <span>NavItem</span>
+      </a>
+    </li>
+    <!-- More </li> Content -->
+  </div>
+</div>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/navpagecontainer.html b/docs/navpagecontainer.html
new file mode 100644
index 0000000..2574388
--- /dev/null
+++ b/docs/navpagecontainer.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <link rel="stylesheet" href="./css/navpagecontainer.css" />
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>PageContainer</h1>
+      <div class="demo-navpagecontainer-view">
+        <div class="demo-navpagecontainer-navbar">
+          <div class="demo-navpagecontainer-rows-header">
+            <div class="demo-navpage-item"></div>
+          </div>
+        </div>
+        <div class="demo-navpagecontainer-page-column">
+          <div class="demo-navpagecontainer-page">
+            <p>PageContainer <span class="app-color-primary">withPadding</span>
+            </p>
+          </div>
+        </div>
+      </div>
+      <h2>Usage</h2>
+      <pre><code id="code_view_1"></code></pre>
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("NavPageContainer", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<main class="app-page-container has-padding">
+  <!-- Page Content -->
+</main>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/progressbars.html b/docs/progressbars.html
new file mode 100644
index 0000000..92f531c
--- /dev/null
+++ b/docs/progressbars.html
@@ -0,0 +1,194 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>ProgressBar</h1>
+      <p>A <span class="app-color-primary">ProgressBar</span> can be used to show a user how far along he/she is in a process</p>
+      <h1 class="app-m-0" id="app-progress-demo-1_text" style="font-size: 56px;">46%</h1>
+      <div class="app-progress-container">
+        <div class="app-progress-content">
+          <div class="app-progress-bar">
+            <span role="progressbar" id="app-progress-demo-1" style="width: 46%;"></span>
+          </div>
+        </div>
+      </div>
+      <br />
+      <br />
+      <button class="app-btn animate" type="button" onclick="setProgressDemo1(2);">
+        <span>set 2%</span>
+      </button>
+      <button class="app-btn animate" type="button" onclick="setProgressDemo1(50);">
+        <span>set 50%</span>
+      </button>
+      <button class="app-btn animate" type="button" onclick="setProgressDemo1(99);">
+        <span>set 99%</span>
+      </button>
+      <br />
+      <pre><code id="code_view_1"></code></pre>
+      <h2>Usage</h2>
+      <div class="app-progress-container">
+        <div class="app-progress-bar">
+          <span role="progressbar" style="width: 46%;"></span>
+        </div>
+      </div>
+      <pre><code id="code_view_5"></code></pre>
+      <h2>ProgressBar with <span class="app-code">title</span> :</h2>
+      <div class="app-progress-container">
+        <span class="app-progress-title">Title</span>
+        <div class="app-progress-bar">
+          <span role="progressbar" style="width: 80%;"></span>
+        </div>
+      </div>
+      <br />
+      <pre><code id="code_view_2"></code></pre>
+      <h2>ProgressBar with title & subtitle :</h2>
+      <div class="app-progress-container">
+        <span class="app-progress-title">Title</span>
+        <div class="app-progress-bar">
+          <span role="progressbar" style="width: 26%;"></span>
+        </div>
+        <span class="app-progress-subtitle">Subtitle</span>
+      </div>
+      <br />
+      <pre><code id="code_view_3"></code></pre>
+      <h1>ProgressBar Indeterminate</h1>
+      <div class="app-progress-container">
+        <div class="app-progress-bar">
+          <span role="progressbar" class="indeterminate"></span>
+        </div>
+      </div>
+      <pre><code id="code_view_4"></code></pre>
+      <br />
+      <br />
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("ProgressBar", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<h1 class="app-m-0" style="font-size: 56px;">46%</h1>
+<div class="app-progress-container">
+  <div class="app-progress-content">
+    <div class="app-progress-bar">
+      <span role="progressbar" style="width: 46%;"></span>
+    </div>
+  </div>
+</div>
+`).value;
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+<div class="app-progress-container">
+  <span class="app-progress-title">title</span>
+  <div class="app-progress-bar">
+    <span role="progressbar" style="width: 75%;"></span>
+  </div>
+</div>
+`).value;
+document.getElementById("code_view_3").innerHTML =
+hljs.highlightAuto(`
+<div class="app-progress-container">
+  <span class="app-progress-title">Title</span>
+  <div class="app-progress-bar">
+    <span role="progressbar" style="width: 26%;"></span>
+  </div>
+  <span class="app-progress-subtitle">Subtitle</span>
+</div>
+`).value;
+document.getElementById("code_view_4").innerHTML =
+hljs.highlightAuto(`
+<div class="app-progress-container">
+  <div class="app-progress-bar">
+    <span role="progressbar" class="indeterminate"></span>
+  </div>
+</div>
+`).value;
+document.getElementById("code_view_5").innerHTML =
+hljs.highlightAuto(`
+<div class="app-progress-container">
+  <div class="app-progress-bar">
+    <span role="progressbar" style="width: 46%;"></span>
+  </div>
+</div>
+`).value;</script>
+<script src="./js/progressBars.js"></script>
+
+</html>
\ No newline at end of file
diff --git a/docs/public/favicon.ico b/docs/public/favicon.ico
new file mode 100644
index 0000000..454aa98
Binary files /dev/null and b/docs/public/favicon.ico differ
diff --git a/docs/radiobutton.html b/docs/radiobutton.html
new file mode 100644
index 0000000..0c99796
--- /dev/null
+++ b/docs/radiobutton.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>RadioButtons</h1>
+      <input type="radio" class="app-radio-button" id="RadioButtonDefault" name="2" checked>
+      <label for="RadioButtonDefault">Hellow</label> &nbsp;&nbsp;
+      <input type="radio" class="app-radio-button" id="RadioButtonDefault2" name="2">
+      <label for="RadioButtonDefault2">World</label>
+      <br />
+      <pre><code id="code_view_1"></code></pre>
+      <h2>RadioButton no label</h2>
+      <p>Just remove the <span class="app-code">label</span> from the radio button.</p>
+      <input type="radio" class="app-radio-button" name="4" checked>
+      <input type="radio" class="app-radio-button" name="4">
+      <pre><code id="code_view_2"></code></pre>
+      <br />
+      <br />
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("RadioButton", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<input type="radio" class="app-radio-button" id="RadioButtonDefault" name="2" checked>
+<label for="RadioButtonDefault">Hellow</label>
+
+<input type="radio" class="app-radio-button" id="RadioButtonDefault2" name="2">
+<label for="RadioButtonDefault2">World</label>
+`).value;
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+<input type="radio" class="app-radio-button" name="4" checked>
+<input type="radio" class="app-radio-button" name="4">
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/select.html b/docs/select.html
new file mode 100644
index 0000000..01b875e
--- /dev/null
+++ b/docs/select.html
@@ -0,0 +1,187 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>Select</h1>
+      <p>A
+        <span class="app-color-primary">Select</span> component is used to create a drop-down list to choose one value from multiple..
+      </p>
+      <h2>Usage</h2>
+      <pre><code id="code_view_1"></code></pre>
+      <div class="app-select-menu">
+        <span class="app-dropdown-title" data-win-toggle="dropdown" data-win-target="#MySelectMenu">blue</span>
+        <ul class="app-dropdown-list" id="MySelectMenu">
+          <li class="app-dropdown-list-item selected">
+            <span>blue</span>
+          </li>
+          <li class="app-dropdown-list-item">
+            <span>red</span>
+          </li>
+          <li class="app-dropdown-list-item">
+            <span>orange</span>
+          </li>
+          <li class="app-dropdown-list-item">
+            <span>pink</span>
+          </li>
+          <li class="app-dropdown-list-item">
+            <span>green</span>
+          </li>
+        </ul>
+      </div>
+      <h2>Select Menu as Native</h2>
+      <div class="app-select-menu">
+        <select name="Some Name">
+          <option value="red">red</option>
+          <option value="blue">blue</option>
+          <option value="green">green</option>
+          <option value="pink">pink</option>
+        </select>
+      </div>
+      <h2>Usage</h2>
+      <pre><code id="code_view_2"></code></pre>
+      <h2>Select Menu as Text</h2>
+      <div class="app-select-text">
+        <span class="app-dropdown-title" data-win-toggle="dropdown" data-win-target="#MySelectMenu1">pink</span>
+        <ul class="app-dropdown-list" id="MySelectMenu1">
+          <li class="app-dropdown-list-item">
+            <span>blue</span>
+          </li>
+          <li class="app-dropdown-list-item">
+            <span>red</span>
+          </li>
+          <li class="app-dropdown-list-item">
+            <span>orange</span>
+          </li>
+          <li class="app-dropdown-list-item selected">
+            <span>pink</span>
+          </li>
+          <li class="app-dropdown-list-item">
+            <span>green</span>
+          </li>
+        </ul>
+      </div>
+      <pre><code id="code_view_3"></code></pre>
+      <br />
+      <br />
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("Select", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<div class="app-select-menu">
+  <span class="app-dropdown-title" data-win-toggle="dropdown" data-win-target="#MySelectMenu">blue</span>
+  <ul class="app-dropdown-list" id="MySelectMenu">
+    <li class="app-dropdown-list-item selected"><span>blue</span></li>
+    <li class="app-dropdown-list-item"><span>red</span></li>
+    <li class="app-dropdown-list-item"><span>orange</span></li>
+    <li class="app-dropdown-list-item"><span>pink</span></li>
+    <li class="app-dropdown-list-item"><span>green</span></li>
+  </ul>
+</div>
+`).value;
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+<div class="app-select-menu">
+  <select name="Some Name">
+    <option value="red">red</option>
+    <option value="blue">blue</option>
+    <option value="green">green</option>
+    <option value="pink">pink</option>
+  </select>
+</div>
+`).value;
+document.getElementById("code_view_3").innerHTML =
+hljs.highlightAuto(`
+<div class="app-select-text">
+  <span class="app-dropdown-title" data-win-toggle="dropdown" data-win-target="#MySelectMenu1">pink</span>
+  <ul class="app-dropdown-list" id="MySelectMenu1">
+    <li class="app-dropdown-list-item"><span>blue</span></li>
+    <li class="app-dropdown-list-item"><span>red</span></li>
+    <li class="app-dropdown-list-item"><span>orange</span></li>
+    <li class="app-dropdown-list-item selected"><span>pink</span></li>
+    <li class="app-dropdown-list-item"><span>green</span></li>
+  </ul>
+</div>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/sliderbar.html b/docs/sliderbar.html
new file mode 100644
index 0000000..7bffa06
--- /dev/null
+++ b/docs/sliderbar.html
@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>SliderBar</h1>
+      <h1 class="app-m-0 app-color-primary" style="font-size:46px;" for="RangeSlider1">311</h1>
+      <div class="app-range-slider">
+        <input type="range" min="0" max="500" step="1" value="256" id="RangeSlider1">
+        <span class="app-range-slider-popup" for="RangeSlider1">262</span>
+      </div>
+      <pre><code id="code_view_1"></code></pre>
+      <h2>SliderBar <p class="app-code">Round</p> varient :</h2>
+      <p>Add <span class="app-code">round</span> class to sliderbar.</p>
+      <div class="app-range-slider slider-round">
+        <input type="range" min="0" max="500" step="1" value="200" id="RangeSlider2">
+        <span for="RangeSlider2">200</span>
+      </div>
+      <pre><code id="code_view_2"></code></pre>
+      <h2>SliderBar <p class="app-code">Round Border</p> varient :</h2>
+      <p>Add <span class="app-code">round-border</span> class to sliderbar.</p>
+      <div class="app-range-slider slider-round-border">
+        <input type="range" min="0" max="500" step="1" value="86" id="RangeSlider3">
+        <span for="RangeSlider3">86</span>
+      </div>
+      <pre><code id="code_view_3"></code></pre>
+      <br />
+      <br />
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("SliderBar", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<h1 class="app-m-0 app-color-primary" style="font-size:46px;" for="RangeSlider1">311</h1>
+<div class="app-range-slider">
+  <input type="range" min="0" max="500" step="1" value="256" id="RangeSlider1">
+  <span class="app-range-slider-popup" for="RangeSlider1">262</span>
+</div>
+`).value;
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+<div class="app-range-slider slider-round">
+  <input type="range" min="0" max="500" step="1" value="200" id="RangeSlider2">
+  <span for="RangeSlider2">200</span>
+</div>
+`).value;
+document.getElementById("code_view_3").innerHTML =
+hljs.highlightAuto(`
+<div class="app-range-slider slider-round-border">
+  <input type="range" min="0" max="500" step="1" value="86" id="RangeSlider3">
+  <span for="RangeSlider3">86</span>
+</div>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/switch.html b/docs/switch.html
new file mode 100644
index 0000000..7eb4a3a
--- /dev/null
+++ b/docs/switch.html
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>Switch</h1>
+      <p>A <span class="app-color-primary">Switch</span> is a simple component used for activating one of two predefined options. Commonly used as an on/off button.</p>
+      <label class="app-switch">
+        <input type="checkbox" checked />
+        <div class="app-switch-view"></div>
+        <span class="app-switch-label" data-on="On" data-off="Off"></span>
+      </label> &nbsp;&nbsp;&nbsp;&nbsp;
+      <label class="app-switch">
+        <input type="checkbox" checked disabled />
+        <div class="app-switch-view"></div>
+        <span class="app-switch-label" data-on="On" data-off="Off"></span>
+      </label>
+      <br />
+      <pre><code id="code_view_1"></code></pre>
+      <h2>Switch with label position "start"</h2>
+      <label class="app-switch">
+        <input type="checkbox" checked />
+        <span class="app-switch-label" data-on="On" data-off="Off" style="width: 28px;"></span>
+        <div class="app-switch-view"></div>
+      </label>
+      <pre><code id="code_view_2"></code></pre>
+      <h2>Switch no label</h2>
+      <p>Just remove the <span class="app-code">span</span> from the switch.</p>
+      <label class="app-switch">
+        <input type="checkbox" checked />
+        <div class="app-switch-view"></div>
+      </label>
+      <pre><code id="code_view_3"></code></pre>
+      <br />
+      <br />
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("Switch", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<label class="app-switch">
+  <input type="checkbox" checked />
+  <div class="app-switch-view"></div>
+  <span class="app-switch-label" data-on="On" data-off="Off"></span>
+</label>
+`).value;
+document.getElementById("code_view_2").innerHTML =
+hljs.highlightAuto(`
+<label class="app-switch">
+  <input type="checkbox" checked />
+  <span class="app-switch-label" data-on="On" data-off="Off" style="width: 28px;"></span>
+  <div class="app-switch-view"></div>
+</label>
+  
+// Adding extra width to label so it won't resize on change value
+`).value;
+document.getElementById("code_view_3").innerHTML =
+hljs.highlightAuto(`
+<label class="app-switch">
+  <input type="checkbox" checked />
+  <div class="app-switch-view"></div>
+</label>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/docs/tableview.html b/docs/tableview.html
new file mode 100644
index 0000000..3157df3
--- /dev/null
+++ b/docs/tableview.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Windows UI</title>
+  <meta charset="UTF-8" />
+  <meta name="theme-color" content="#EEE" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="manifest" href="../manifest.json" />
+  <link rel="stylesheet" href="./css/code-styles.css" />
+  <link rel="shortcut icon" href="./public/favicon.ico" />
+  <link rel="stylesheet" href="../dist/icons/winui-icons.min.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/config/app-config.css" />
+  <link rel="stylesheet" type="text/css" href="../dist/windows-ui.min.css" />
+</head>
+
+<body>
+  <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
+        </div>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
+        </div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox">
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="./../index.html" class="">
+              <img src="./assets/mountain.jpg">
+              <span>Home</span>
+            </a>
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu" aria-expanded="false">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+    <main class="app-page-container has-padding">
+      <h1>TableView</h1>
+      <div class="app-table-view-container">
+        <table class="app-table-view">
+          <thead>
+            <tr>
+              <th align="left">Fruits</th>
+              <th align="left">Energy (KCal)</th>
+              <th align="left">Color</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>Papaya</td>
+              <td>11845</td>
+              <td>Orange</td>
+            </tr>
+            <tr>
+              <td>Grapes</td>
+              <td>12867</td>
+              <td>Green</td>
+            </tr>
+            <tr>
+              <td>Apple</td>
+              <td>10867</td>
+              <td>Red</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      <h2>Usage</h2>
+      <pre><code id="code_view_1"></code></pre>
+      <br />
+      <br />
+    </main>
+  </div>
+</body>
+<script src="../dist/windows-ui.min.js"></script>
+<script src="./js/navbarItems.js"></script>
+<script>init_navbar_ul("TableView", "subdir")</script>
+<script src="./js/highlight.min.js"></script>
+<script>hljs.highlightAll()</script>
+<script>document.getElementById("code_view_1").innerHTML =
+hljs.highlightAuto(`
+<div class="app-table-view-container">
+  <table class="app-table-view">
+    <thead>
+      <tr>
+        <th align="left">Fruits</th>
+        <th align="left">Energy (KCal)</th>
+        <th align="left">Color</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Papaya</td>
+        <td>11845</td>
+        <td>Orange</td>
+      </tr>
+      <tr>
+        <td>Grapes</td>
+        <td>12867</td>
+        <td>Green</td>
+      </tr>
+      <tr>
+        <td>Apple</td>
+        <td>10867</td>
+        <td>Red</td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+`).value;</script>
+
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 08641e6..ec45e21 100644
--- a/index.html
+++ b/index.html
@@ -1,178 +1,149 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
+  <head>
+    <title>Windows UI</title>
     <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
-    <meta name="viewport" content="width=device-width, initial-scale=1"> 
-    <title>Windows10 framework</title>
-    <link rel="shortcut icon" href="src/img/favicon.ico">
-    <link rel="stylesheet" type="text/css" href="src/styles.css" />
-    <script data-ad-client="ca-pub-5346194089574769" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-</head>    
-<body style="margin:0">
-    
-    <div class="parent-container">
-        
-        <div class="win-header-container">
-            
-            <div style="display:flex;">
-                <img class="app-logo" src="src/img/iconLogo.svg"/>
-                <div class="app-logo-text-container">
-                    <h2 class="app-logo-text-header">Windows 10</h2>
-                    <span class="app-logo-sub-header">framework</span>
-                </div>
-            </div>
-                     
-            
-         <div style="display:grid;justify-content:center;">
-            <span class="win-header-text">Build full featured Windows<br>Native look & feel apps</span>
-             <button class="win-header-button" onclick="smoothScroll('getting-started');">
-                 <i class="win-header-button-icon"></i>
-                 <span>Getting Started</span>
-             </button>
-             <br>
-             <div style="padding-right:80px;">
-                <a href="#docs" class="win-header-text-below">Docs •</a>
-                <a href="#" target="_blank" class="win-header-text-below">Templates •</a>
-                <a href="https://github.com/virtualvivek/Windows10-framework/" target="_blank" class="win-header-text-below">
-                <i></i>Repository •</a>
-                <a href="https://github.com/virtualvivek/Windows10-framework/releases" target="_blank" class="win-header-text-below">Released <b>v2.0</b></a>      
-             </div>
-         </div>
-        </div>
-        
-        <div class="win-header-promo-container">
-         <img src="src/img/img_app_promo.png" class="win-header-promo-img-backdrop"/>
-        <img src="src/img/img_app_promo.png" class="win-header-promo-img"/></div>     
-       
-    </div>
-    
-        <div class='win-header-text-demo-container'>
-            <h2>Demo</h2>
-        </div>
-    
-        <div class="win-demo-laptop">
-            <iframe src="https://windows10framework.netlify.app/" class="win-demo-laptop-screen"></iframe>
-            <i class="win-demo-laptop-logo"></i>  
-        </div>
-    
-        <div class="win-sub-header-container">
-            <h2 class="win-sub-header-content">
-            <a href="https://windows10framework.netlify.app/"><img src="src/img/img_button_demo.png" class="win-sub-header-demo-button"/></a><br><br>
-        Windows10-framework - is a free and open source framework to develop desktop or web apps with native look and feel. It is also an indispensable prototyping tool to show working app prototype as soon as possible in case you need to.
-            </h2>
-   
-        </div>
-    
-        <h2 class="win-header-center terminal-" id="getting-started">Let’s Get Started <i class="win-header-button-icon"></i></h2>
-    
-        <div class="terminal">
-            <red></red><yellow></yellow><green></green><br><br>
-            <span>$</span> <p>git clone https://github.com/virtualvivek/Windows10-framework.git</p>
-        </div>
-    
-    
-        <h2 class="win-header-center">Stunning Icons</h2>
-        <div class="win-img-framework-icons-wrap">
-            <img src="src/img/img_app_framework_icons.jpg" class="win-img-framework-icons"/>
+    <meta name="theme-color" content="#EEE" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <link rel="manifest" href="manifest.json">
+    <link rel="stylesheet" href="./docs/css/code-styles.css" />
+    <link rel="shortcut icon" href="./docs/public/favicon.ico" />
+    <link rel="stylesheet" href="dist/icons/winui-icons.min.css" />
+    <link rel="stylesheet" type="text/css" href="dist/config/app-config.css" />
+    <link rel="stylesheet" type="text/css" href="dist/windows-ui.min.css" />
+    <link rel="stylesheet" type="text/css" href="docs/css/home.css" />
+  </head>
+  <body>
+    <div class="container-flex-row">
+    <aside class="app-navbar-wrap" id="NavBarMain">
+      <div class="app-navbar-header-mobile">
+        <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain"></span>
+        <div style="display: flex; justify-content: space-between; flex: 1;">
+          <span class="app-navbar-name">Windows UI</span>
+          <span class="app-navbar-name">Home</span>
         </div>
-    
-<!--
-        <h2 class="win-header-center">Light/Dark Easy Switch</h2>
-        <div class="win-img-framework-icons-wrap">
-            <img src="src/img/app_img_daynight.png" class="win-img-framework-icons"/>
+      </div>
+      <nav class="app-navbar">
+        <div class="app-navbar-header">
+          <span class="app-navbar-toggler" data-win-toggle="navbar-left" data-win-target="#NavBarMain" aria-controls="NavBarMain" aria-label="Toggle navigation"></span>
+          <span class="app-navbar-name">Windows UI</span>
         </div>
--->
-		
-   
-    
-        <h2 class="win-header-center" id="docs">Components</h2>
-        <div class="links">
-            <a href="https://github.com/virtualvivek/Windows10-framework/blob/master/src/core/_docs/forms/README.md">
-                <img src="src/img/docs/docs_form.png"/>
-                <div class="link-title">Form Elements</div>
-            </a>
-            <a href="https://github.com/virtualvivek/Windows10-framework/blob/master/src/core/_docs/progressControls/README.md">
-                <img src="src/img/docs/docs_progress_controls.png"/>
-                <div class="link-title">Progress Controls</div>
+        <ul class="app-navbar-list" id="app-navbar-list">
+          <label class="app-navbar-theme-switch">
+            <input id="app-navbar-theme-switch" type="checkbox" checked>
+            <div class="app-navbar-theme-switch-icon"></div>
+          </label>
+          <li class="app-navbar-list-item">
+            <a href="#" class="">
+              <img src="./docs/assets/mountain.jpg">
+              <span>Home</span>
             </a>
-            <a href="https://github.com/virtualvivek/Windows10-framework/blob/master/src/core/_docs/icons/README.md">
-                <img src="src/img/docs/docs_icons.png"/>
-                <div class="link-title">Icon Sets</div>
-            </a>
-            <a href="https://github.com/virtualvivek/Windows10-framework/blob/master/src/core/_docs/bottomSheet/README.md">
-                <img src="src/img/docs/docs_bottomsheet.png"/>
-                <div class="link-title">Bottom Sheet</div>
-            </a>
-            <a href="https://github.com/virtualvivek/Windows10-framework/blob/master/src/core/_docs/alerts/README.md">
-                <img src="src/img/docs/docs_alerts.png"/>
-                <div class="link-title">Alerts</div>
-            </a>
-            <a href="https://github.com/virtualvivek/Windows10-framework/blob/master/src/core/_docs/notifications/README.md">
-                <img src="src/img/docs/docs_notifications.png"/>
-                <div class="link-title">Notification</div>
-            </a>
-           
+          </li>
+          <div class="app-navbar-submenu">
+            <div class="app-navbar-submenu-title" data-win-toggle="collapse" data-win-target="#NavSubMenu">
+              <span>Navigation</span>
+            </div>
+            <div class="app-navbar-submenu-content" id="NavSubMenu">
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./docs/navbar.html">
+                  <i class="icons10-map"></i>
+                  <span>NavBar</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./docs/navbarLink.html">
+                  <i class="icons10-link"></i>
+                  <span>NavBarLink</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./docs/navbarSubmenu.html">
+                  <i class="icons10-angle-down"></i>
+                  <span>NavBarSubMenu</span>
+                </a>
+              </li>
+              <li class="app-navbar-list-item">
+                <a exact="false" class="" href="./docs/navpagecontainer.html">
+                  <i class="icons10-columns"></i>
+                  <span>PageContainer</span>
+                </a>
+              </li>
+            </div>
+          </div>
+        </ul>
+      </nav>
+    </aside>
+
+    <main class="app-page-container has-padding home">
+      <br/><br/>
+      <div style="display:flex;align-items:center;justify-content:center;flex-direction:column;">
+        <h1 style="font-size: 55px;" class="app-m-0">windows-ui</h1>
+        <p style="font-size: 18px; font-weight: 500;">Build Windows Fluent UI apps using Html, CSS & Javascript.<br></p>
+        <div style="display: flex;">
+          <a href="https://github.com/virtualvivek/windows-ui" style="all: unset;">
+            <button class="app-btn app-btn-primary" type="button">Repository</button>
+          </a>
+          &nbsp;&nbsp;
+          <a href="https://github.com/virtualvivek/windows-ui/releases" style="all: unset;">
+            <button class="app-btn" type="button" id="current-version">Release&nbsp;</button>
+          </a>
         </div>
+      </div>
 
-      
-        <div>
-            <div class="footer">
-                <p>Code licensed under <a href="https://github.com/virtualvivek/Windows10-framework/blob/master/LICENSE" target="_blank">MIT</a></p>
-                <p>2020 © Windows10-framework is brought to you by <a href="https://github.com/virtualvivek/" target="_blank">Vivek Verma</a>.</p>
+      <div style="border: 1px solid var(--color-ui-border-default);
+      display: flex;
+      margin: 8% auto 0 auto;
+      border-radius: 4px;
+      background-color: var(--color-foreground-dark);
+      padding: 20px;
+      max-width: 500px;">
+        <div style="align-items: center; display: flex; gap: 15px;display: flex;
+        flex-wrap: wrap;
+        justify-content: center;">
+          <div class="app-input-container">
+            <input class="app-input-text" type="password" placeholder="Enter a password" id="MyInputPass">
+            <div class="app-input-end-content">
+              <button type="button" data-win-toggle="password" data-win-target="#MyInputPass"></button>
             </div>
-        </div>
- 
-</body>
-    <script>
+          </div>
 
-        function currentYPosition() {
-        // Firefox, Chrome, Opera, Safari
-        if (self.pageYOffset) return self.pageYOffset;
-        // Internet Explorer 6 - standards mode
-        if (document.documentElement && document.documentElement.scrollTop)
-            return document.documentElement.scrollTop;
-        // Internet Explorer 6, 7 and 8
-        if (document.body.scrollTop) return document.body.scrollTop;
-        return 0;
-    }
+          <label class="app-switch">
+            <input type="checkbox" checked="">
+            <div class="app-switch-view"></div>
+            <span class="app-switch-label" data-on="On" data-off="Off"></span>
+          </label>
 
+          <input class="app-checkbox" type="checkbox" value="" checked>
+         
+          <input class="app-radio-button" type="radio" name="2" checked="">
 
-    function elmYPosition(eID) {
-        var elm = document.getElementById(eID);
-        var y = elm.offsetTop-18; // -18 for 18px padding
-        var node = elm;
-        while (node.offsetParent && node.offsetParent != document.body) {
-            node = node.offsetParent;
-            y += node.offsetTop;
-        } return y;
-    }
+          <button class="app-btn app-btn-primary">
+            <span>  Button  </span>
+          </button>
 
+        </div>
 
-    function smoothScroll(eID) {
-        var startY = currentYPosition();
-        var stopY = elmYPosition(eID);
-        var distance = stopY > startY ? stopY - startY : startY - stopY;
-        if (distance < 100) {
-            scrollTo(0, stopY); return;
-        }
-        var speed = Math.round(distance / 100);
-        if (speed >= 20) speed = 20;
-        var step = Math.round(distance / 25);
-        var leapY = stopY > startY ? startY + step : startY - step;
-        var timer = 0;
-        if (stopY > startY) {
-            for ( var i=startY; i<stopY; i+=step ) {
-                setTimeout("window.scrollTo(0, "+leapY+")", timer * speed);
-                leapY += step; if (leapY > stopY) leapY = stopY; timer++;
-            } return;
-        }
-        for ( var i=startY; i>stopY; i-=step ) {
-            setTimeout("window.scrollTo(0, "+leapY+")", timer * speed);
-            leapY -= step; if (leapY < stopY) leapY = stopY; timer++;
-        }
-    }
+      </div>
+      <br/><br/><br/><br/>
+   
 
-    </script>
-  
+      <div class="home_container neumorphism">
+        <span class="circle small neumorphism">
+        </span>
+        <span class="circle neumorphism"></span>
+      </div>
+    </main>
+  </div>
+  </body>
+  <script src="./docs/js/navbarItems.js"></script>
+  <script>
+    init_navbar_ul("Home","root");
+    fetch('https://raw.githubusercontent.com/virtualvivek/windows-ui/master/package.json')
+    .then(response => response.json())
+    .then(data => document.getElementById("current-version").innerHTML += data.version);
+  </script>
+  <script src="./dist/windows-ui.min.js"></script>
 </html>
\ No newline at end of file
diff --git a/index.large.html b/index.large.html
deleted file mode 100644
index f7a3b33..0000000
--- a/index.large.html
+++ /dev/null
@@ -1,177 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
-    <meta name="viewport" content="width=device-width, initial-scale=1"> 
-    <title>Windows10 framework</title>
-    <link rel="shortcut icon" href="src/img/favicon.ico">
-    <link rel="stylesheet" type="text/css" href="src/styles.css" />
-</head>    
-<body style="margin:0">
-    
-    <div class="parent-container">
-        
-        <div class="win-header-container">
-            
-            <div style="display:flex;">
-                <img class="app-logo" src="src/img/iconLogo.svg"/>
-                <div class="app-logo-text-container">
-                    <h2 class="app-logo-text-header">Windows 10</h2>
-                    <span class="app-logo-sub-header">framework</span>
-                </div>
-            </div>
-                     
-            
-         <div style="display:grid;justify-content:center;">
-            <span class="win-header-text">Build full featured Windows<br>Native look & feel apps</span>
-             <button class="win-header-button" onclick="smoothScroll('getting-started');">
-                 <i class="win-header-button-icon"></i>
-                 <span>Getting Started</span>
-             </button>
-             <br>
-             <div style="padding-right:80px;">
-                <a href="#docs" class="win-header-text-below">Docs •</a>
-                <a href="#" target="_blank" class="win-header-text-below">Templates •</a>
-                <a href="https://github.com/virtualvivek/Windows10-framework/" target="_blank" class="win-header-text-below">
-                <i></i>Repository •</a>
-                <a href="https://github.com/virtualvivek/Windows10-framework/releases" target="_blank" class="win-header-text-below">Released <b>v2.0</b></a>      
-             </div>
-         </div>
-        </div>
-        
-        <div class="win-header-promo-container">
-         <img src="src/img/img_app_promo.png" class="win-header-promo-img-backdrop"/>
-        <img src="src/img/img_app_promo.png" class="win-header-promo-img"/></div>     
-       
-    </div>
-    
-        <div class='win-header-text-demo-container'>
-            <h2>Demo</h2>
-        </div>
-    
-        <div class="win-demo-laptop">
-            <iframe src="https://windows10framework.netlify.app/" class="win-demo-laptop-screen"></iframe>
-            <i class="win-demo-laptop-logo"></i>  
-        </div>
-    
-        <div class="win-sub-header-container">
-            <h2 class="win-sub-header-content">
-            <a href="https://windows10framework.netlify.app/"><img src="src/img/img_button_demo.png" class="win-sub-header-demo-button"/></a><br><br>
-        Windows10-framework - is a free and open source framework to develop desktop or web apps with native look and feel. It is also an indispensable prototyping tool to show working app prototype as soon as possible in case you need to.
-            </h2>
-   
-        </div>
-    
-        <h2 class="win-header-center terminal-" id="getting-started">Let’s Get Started <i class="win-header-button-icon"></i></h2>
-    
-        <div class="terminal">
-            <red></red><yellow></yellow><green></green><br><br>
-            <span>$</span> <p>git clone https://github.com/virtualvivek/Windows10-framework.git</p>
-        </div>
-    
-    
-        <h2 class="win-header-center">Stunning Icons</h2>
-        <div class="win-img-framework-icons-wrap">
-            <img src="src/img/img_app_framework_icons.jpg" class="win-img-framework-icons"/>
-        </div>
-    
-<!--
-        <h2 class="win-header-center">Light/Dark Easy Switch</h2>
-        <div class="win-img-framework-icons-wrap">
-            <img src="src/img/app_img_daynight.png" class="win-img-framework-icons"/>
-        </div>
--->
-		
-   
-    
-        <h2 class="win-header-center" id="docs">Components</h2>
-        <div class="links">
-            <a href="https://github.com/virtualvivek/Windows10-framework/blob/master/src/core/docs/forms/README.md">
-                <img src="src/img/docs/docs_form.png"/>
-                <div class="link-title">Form Elements</div>
-            </a>
-            <a href="https://github.com/virtualvivek/Windows10-framework/blob/master/src/core/docs/forms/README.md">
-                <img src="src/img/docs/docs_progress_controls.png"/>
-                <div class="link-title">Progress Controls</div>
-            </a>
-            <a href="https://github.com/virtualvivek/Windows10-framework/blob/master/src/core/docs/forms/README.md">
-                <img src="src/img/docs/docs_icons.png"/>
-                <div class="link-title">Icon Sets</div>
-            </a>
-            <a href="https://github.com/virtualvivek/Windows10-framework/blob/master/src/core/docs/forms/README.md">
-                <img src="src/img/docs/docs_bottomsheet.png"/>
-                <div class="link-title">Bottom Sheet</div>
-            </a>
-            <a href="https://github.com/virtualvivek/Windows10-framework/blob/master/src/core/docs/forms/README.md">
-                <img src="src/img/docs/docs_alerts.png"/>
-                <div class="link-title">Alerts</div>
-            </a>
-            <a href="https://github.com/virtualvivek/Windows10-framework/blob/master/src/core/docs/forms/README.md">
-                <img src="src/img/docs/docs_notifications.png"/>
-                <div class="link-title">Notification</div>
-            </a>
-           
-        </div>
-
-      
-        <div>
-            <div class="footer">
-                <p>Code licensed under <a href="https://github.com/virtualvivek/Windows10-framework/blob/master/LICENSE" target="_blank">MIT</a></p>
-                <p>2020 © Windows10-framework is brought to you by <a href="https://github.com/virtualvivek/" target="_blank">Vivek Verma</a>.</p>
-            </div>
-        </div>
- 
-</body>
-    <script>
-
-        function currentYPosition() {
-        // Firefox, Chrome, Opera, Safari
-        if (self.pageYOffset) return self.pageYOffset;
-        // Internet Explorer 6 - standards mode
-        if (document.documentElement && document.documentElement.scrollTop)
-            return document.documentElement.scrollTop;
-        // Internet Explorer 6, 7 and 8
-        if (document.body.scrollTop) return document.body.scrollTop;
-        return 0;
-    }
-
-
-    function elmYPosition(eID) {
-        var elm = document.getElementById(eID);
-        var y = elm.offsetTop-18; // -18 for 18px padding
-        var node = elm;
-        while (node.offsetParent && node.offsetParent != document.body) {
-            node = node.offsetParent;
-            y += node.offsetTop;
-        } return y;
-    }
-
-
-    function smoothScroll(eID) {
-        var startY = currentYPosition();
-        var stopY = elmYPosition(eID);
-        var distance = stopY > startY ? stopY - startY : startY - stopY;
-        if (distance < 100) {
-            scrollTo(0, stopY); return;
-        }
-        var speed = Math.round(distance / 100);
-        if (speed >= 20) speed = 20;
-        var step = Math.round(distance / 25);
-        var leapY = stopY > startY ? startY + step : startY - step;
-        var timer = 0;
-        if (stopY > startY) {
-            for ( var i=startY; i<stopY; i+=step ) {
-                setTimeout("window.scrollTo(0, "+leapY+")", timer * speed);
-                leapY += step; if (leapY > stopY) leapY = stopY; timer++;
-            } return;
-        }
-        for ( var i=startY; i>stopY; i-=step ) {
-            setTimeout("window.scrollTo(0, "+leapY+")", timer * speed);
-            leapY -= step; if (leapY < stopY) leapY = stopY; timer++;
-        }
-    }
-
-    </script>
-  
-</html>
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..c62031c
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,14 @@
+{
+  "short_name": "WinUI",
+  "name": "Windows UI",
+  "icons": [
+    {
+      "src": "docs/public/favicon.ico",
+      "sizes": "192x192",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "index.html",
+  "display": "standalone",
+  "orientation": "portrait"
+}
\ No newline at end of file
diff --git a/src/img/app_img_daynight.png b/src/img/app_img_daynight.png
deleted file mode 100644
index ce3916e..0000000
Binary files a/src/img/app_img_daynight.png and /dev/null differ
diff --git a/src/img/docs/docs_alerts.png b/src/img/docs/docs_alerts.png
deleted file mode 100644
index 5d30202..0000000
Binary files a/src/img/docs/docs_alerts.png and /dev/null differ
diff --git a/src/img/docs/docs_bottomsheet.png b/src/img/docs/docs_bottomsheet.png
deleted file mode 100644
index 9df9609..0000000
Binary files a/src/img/docs/docs_bottomsheet.png and /dev/null differ
diff --git a/src/img/docs/docs_form.png b/src/img/docs/docs_form.png
deleted file mode 100644
index f20c8a9..0000000
Binary files a/src/img/docs/docs_form.png and /dev/null differ
diff --git a/src/img/docs/docs_icons.png b/src/img/docs/docs_icons.png
deleted file mode 100644
index 77810ad..0000000
Binary files a/src/img/docs/docs_icons.png and /dev/null differ
diff --git a/src/img/docs/docs_notifications.png b/src/img/docs/docs_notifications.png
deleted file mode 100644
index 230ad10..0000000
Binary files a/src/img/docs/docs_notifications.png and /dev/null differ
diff --git a/src/img/docs/docs_progress_controls.png b/src/img/docs/docs_progress_controls.png
deleted file mode 100644
index c937bce..0000000
Binary files a/src/img/docs/docs_progress_controls.png and /dev/null differ
diff --git a/src/img/favicon.ico b/src/img/favicon.ico
deleted file mode 100644
index c0e2840..0000000
Binary files a/src/img/favicon.ico and /dev/null differ
diff --git a/src/img/iconLogo.svg b/src/img/iconLogo.svg
deleted file mode 100644
index 4cabef5..0000000
--- a/src/img/iconLogo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Flat_copy"><g><path d="M16.005,0c-8.837,0-16,7.163-16,16c0,8.836,7.163,16,16,16s16-7.164,16-16C32.005,7.163,24.842,0,16.005,0    z" fill="#333333"/></g><g><polygon fill="#0BA4E0" points="14.474,8.903 23.417,7.588 23.417,15.479 14.474,15.479   "/><polygon fill="#0BA4E0" points="6.583,10.062 13.422,9.059 13.422,15.479 6.583,15.479   "/><polygon fill="#0BA4E0" points="14.474,23.107 23.417,24.422 23.417,16.531 14.474,16.531   "/><polygon fill="#0BA4E0" points="6.583,21.948 13.422,22.951 13.422,16.531 6.583,16.531   "/></g></g></svg>
\ No newline at end of file
diff --git a/src/img/img_app_framework_icons.jpg b/src/img/img_app_framework_icons.jpg
deleted file mode 100644
index 8410c7c..0000000
Binary files a/src/img/img_app_framework_icons.jpg and /dev/null differ
diff --git a/src/img/img_app_promo.png b/src/img/img_app_promo.png
deleted file mode 100644
index 4f937a8..0000000
Binary files a/src/img/img_app_promo.png and /dev/null differ
diff --git a/src/img/img_button_demo.png b/src/img/img_button_demo.png
deleted file mode 100644
index 7c2348c..0000000
Binary files a/src/img/img_button_demo.png and /dev/null differ
diff --git a/src/styles.css b/src/styles.css
deleted file mode 100644
index fdc39a3..0000000
--- a/src/styles.css
+++ /dev/null
@@ -1,398 +0,0 @@
-body{
-   font-family:sans-serif;  
-}
-.parent-container{
-    display:flex;
-    justify-content:space-around;
-}
-.win-header-button-icon,
-.win-sub-header-content,
-.win-demo-laptop-screen,
-.win-header-button-text{
-    position: relative
-}
-.app-logo-sub-header,
-.win-header-text-below,
-.footer a,
-.link-title{
-   color:#0BA4E0 
-}
-.win-header-button-icon,
-.win-header-text-below i,
-.win-demo-laptop-logo{
-    background-repeat:no-repeat;
-    background-size:cover;
-}
-
-.app-logo{
-    width:162px;
-    height:162px;
-    background:#333333;
-    box-shadow: 0 15px 32px #777;
-    border-radius:50%;
-}
-.app-logo-text-container{
-    margin-left: 32px;
-    align-self: center;
-}
-.app-logo-text-header{
-    font-size:61px;
-    line-height:1;
-    margin:0;
-    margin-top:-25px;
-    width: 360px;
-    font-weight:500;
-}
-.app-logo-sub-header{
-    font-size:62px;
-    
-}
-.win-header-container{
-    display:block;
-    margin-top:32px;
-    margin-left:25px;
-}
-.win-header-text{
-    font-weight: bold;
-    font-size:40px;
-    margin-top:55px;
-}
-.win-header-button{
-    background:#0BA4E0;
-    color:#fff;
-    box-sizing:border-box;
-    height:60px;
-    font-size:24px;
-    text-decoration:none;
-    border-radius:0;
-    transition:.2s;
-    font-weight:700;
-    padding: 0 30px;
-    cursor:pointer;
-    box-shadow: 0 10px 20px rgba(11,164,224,.3);
-    max-width:340px;
-    border: none;
-    margin-top:32px;
-    -webkit-font-smoothing:antialiased;
-}
-.win-header-button:hover{
-    box-shadow: 0 10px 20px rgba(11,164,224,.7)
-}
-.win-header-button:focus{
-    outline:none
-}
-.win-header-button:active{
-    box-shadow: 0 10px 20px rgba(11,164,224,1)
-}
-.win-header-button-icon{
-    width:58px;
-    right:20px;
-    padding-right:32px;
-    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' id='Layer_1' style='enable-background:new 0 0 30 30;' version='1.1' viewBox='0 0 30 30' xml:space='preserve' sodipodi:docname='rocket.svg' inkscape:version='0.92.2 (5c3e80d, 2017-08-06)'%3E%3Cmetadata id='metadata17'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs15' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1366' inkscape:window-height='705' id='namedview13' showgrid='false' inkscape:zoom='7.8666667' inkscape:cx='15' inkscape:cy='15' inkscape:window-x='-4' inkscape:window-y='-4' inkscape:window-maximized='1' inkscape:current-layer='Layer_1' /%3E%3Cpolygon points='11,22 8,19 8,14 16,22 ' id='polygon2' style='fill:%23ffffff;fill-opacity:1' /%3E%3Cpath d='M26.979,3.021C26.979,3.021,18,3,11,10c-2.99,2.99-3,8-1,10s7.01,1.99,10-1C27,12,26.979,3.021,26.979,3.021z M17,11 c0-1.105,0.895-2,2-2c1.105,0,2,0.895,2,2s-0.895,2-2,2C17.895,13,17,12.105,17,11z' id='path4' style='fill:%23ffffff;fill-opacity:1' /%3E%3Cpath d='M18.811,18.676c0,0,0.757,3.784-0.757,5.297C15.784,26.243,12,27,12,27l1-7L18.811,18.676z' id='path6' style='fill:%23ffffff;fill-opacity:1' /%3E%3Cpath d='M11.324,11.189c0,0-3.784-0.757-5.297,0.757C3.757,14.216,3,18,3,18l7-1L11.324,11.189z' id='path8' style='fill:%23ffffff;fill-opacity:1' /%3E%3Cpath d='M9.542,22.34c-0.045,0.064-0.072,0.138-0.13,0.195c-0.975,0.975-2.438,0.488-2.438,0.488s-0.488-1.463,0.488-2.438 c0.058-0.058,0.131-0.084,0.195-0.13L7.2,19.997c-0.38,0.1-0.741,0.29-1.038,0.587c-1.366,1.366-1.149,4.4-1.149,4.4 s3.016,0.235,4.4-1.149C9.71,23.538,9.9,23.177,10,22.797L9.542,22.34z' id='path10' style='fill:%23ffffff;fill-opacity:1' /%3E%3C/svg%3E");
-}
-.win-header-text-below{
-    text-decoration:none;
-    font-size:18px;
-}
-.win-header-text-below b{
-    color:#555
-}
-.win-header-text-below i{
-    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' height='36.923077' version='1.1' viewBox='0 0 36.923077 36.923077' width='36.923077' id='svg13' sodipodi:docname='iconfinder_github-social-media_765246.svg' inkscape:version='0.92.2 (5c3e80d, 2017-08-06)'%3E%3Cmetadata id='metadata17'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1366' inkscape:window-height='705' id='namedview15' showgrid='false' inkscape:zoom='3.9333333' inkscape:cx='18.461538' inkscape:cy='18.461538' inkscape:window-x='-4' inkscape:window-y='-4' inkscape:window-maximized='1' inkscape:current-layer='svg13' /%3E%3Ctitle id='title2' /%3E%3Cdesc id='desc4' /%3E%3Cdefs id='defs6' /%3E%3Cg id='black' style='fill:none;fill-rule:evenodd;stroke:none;stroke-width:1' transform='translate(-11.538462,-11.538462)'%3E%3Cg id='slice' transform='translate(-900,-500)' /%3E%3Cg id='github' transform='translate(11,11)' style='fill:%23000000'%3E%3Cpath d='m 14.425274,36.516889 c 0,-0.449716 -0.01587,-1.639662 -0.02493,-3.220059 -5.1351631,1.143464 -6.2186359,-2.537931 -6.2186359,-2.537931 -0.8398048,-2.18699 -2.0502117,-2.76918 -2.0502117,-2.76918 -1.6762096,-1.174839 0.126934,-1.150436 0.126934,-1.150436 1.8530106,0.133637 2.8276828,1.951093 2.8276828,1.951093 1.6467428,2.892358 4.3202908,2.058002 5.3731638,1.573424 0.167734,-1.223645 0.644871,-2.058002 1.171874,-2.530959 -4.099291,-0.477605 -8.4093817,-2.10216 -8.4093817,-9.355715 0,-2.066137 0.7196707,-3.755766 1.9006108,-5.079349 -0.1892678,-0.478767 -0.823938,-2.403132 0.1813344,-5.0096247 0,0 1.5504085,-0.5089807 5.0762285,1.9406337 1.472209,-0.4195019 3.052084,-0.6309962 4.622893,-0.6379685 1.567409,0.00697 3.146152,0.2184666 4.62176,0.6379685 3.523553,-2.4496144 5.071696,-1.9406337 5.071696,-1.9406337 1.007539,2.6053307 0.374002,4.5296957 0.183601,5.0096247 1.183206,1.323583 1.89721,3.013212 1.89721,5.079349 0,7.272148 -4.316891,8.8723 -8.429781,9.340609 0.664137,0.584514 1.253474,1.739598 1.253474,3.505924 0,2.530959 -0.0238,4.572692 -0.0238,5.19323 0,0.506656 0.333202,1.094657 1.270474,0.90989 7.329308,-2.507718 12.614072,-9.598586 12.614072,-17.958419 0,-10.4550214 -8.266581,-18.92989846 -18.462106,-18.92989846 -10.194391,0 -18.46097146,8.47487706 -18.46097146,18.92989846 0.001133,8.362157 5.29043016,15.457674 12.62653846,17.960743 0.922539,0.173146 1.260274,-0.411368 1.260274,-0.912214 z' id='path9' inkscape:connector-curvature='0' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
-    padding-right: 20px;
-    
-}
-.win-header-promo-container{
-    width:440px;
-    height:440px;
-    margin-top:32px;
-}
-.win-header-promo-img-backdrop{
-    position:absolute;
-    width:440px;
-    filter:blur(15px);
-    opacity:0.7;
-    margin-top:18px;
-}
-.win-header-promo-img{
-    position:absolute;
-    width:410px;
-    margin-left:15px;
-}
-.win-header-text-demo-container h2{
-       margin: 28px 0 0 0; 
-    }
-.win-header-text-demo-container{
-    background:#0BA4E0;
-    margin-top:32px;
-    color: #fff;
-    font-size: 32px;
-    display: flex;
-    justify-content: space-between;
-    padding: 0 20% 25px 8%; 
-/*    top right bottom left*/
-}
-.win-demo-laptop{
-    background: #555;
-    width: 705px;
-    margin: auto;
-    border-radius: 0px;
-    text-align: center;
-    position: relative;
-    z-index: 1;
-    height: 500px;
-    float: left;
-    margin-left: 7%; 
-}
-.win-demo-laptop-screen{
-    width: 900px;
-    height: 600px;
-    -webkit-transform: scale(0.7);
-    right: 100px;
-    top: -65px;
-    
-}
-.win-demo-laptop-logo{
-    width: 40px;
-    height: 40px;
-    position: absolute;
-    top: 452px;
-    margin-left: -25px;
-    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' enable-background='new 0 0 32 32' version='1.1' viewBox='0 0 32 32' xml:space='preserve' id='svg17' sodipodi:docname='winLogo.svg' inkscape:version='0.92.2 (5c3e80d, 2017-08-06)'%3E%3Cmetadata id='metadata23'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs21' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1366' inkscape:window-height='705' id='namedview19' showgrid='false' inkscape:zoom='7.375' inkscape:cx='16' inkscape:cy='16' inkscape:window-x='-4' inkscape:window-y='-4' inkscape:window-maximized='1' inkscape:current-layer='Flat_copy' /%3E%3Cg id='Flat_copy'%3E%3Cg id='g14' transform='translate(1,-0.005)' style='fill:%23ffffff;fill-opacity:1'%3E%3Cpolygon points='14.474,15.479 14.474,8.903 23.417,7.588 23.417,15.479 ' id='polygon6' style='fill:%23ffffff;fill-opacity:1' /%3E%3Cpolygon points='6.583,15.479 6.583,10.062 13.422,9.059 13.422,15.479 ' id='polygon8' style='fill:%23ffffff;fill-opacity:1' /%3E%3Cpolygon points='14.474,16.531 14.474,23.107 23.417,24.422 23.417,16.531 ' id='polygon10' style='fill:%23ffffff;fill-opacity:1' /%3E%3Cpolygon points='6.583,16.531 6.583,21.948 13.422,22.951 13.422,16.531 ' id='polygon12' style='fill:%23ffffff;fill-opacity:1' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-}
-.win-header-center{
-    text-align:center;
-    font-size: 40px;
-}
-.win-sub-header-container{
-    background: #0BA4E0;
-    padding: 10px;
-    color: #fff;
-    font-size: 13px;
-    margin: 0;
-    position: relative;
-    padding-left: 80px;
-    padding-right: 80px;
-    line-height: 1.5;
-    margin-bottom:22%;
-}
-.win-sub-header-content{
-    font-weight: 400;
-    left:45px;
-}
-.win-sub-header-demo-button{
-    width: 240px;
-    object-fit: contain;
-    margin-top: -28px;
-    box-shadow: 0 10px 20px #555;
-    transition: .2s;
-}
-.win-sub-header-demo-button:hover{
-    box-shadow: 0 15px 25px #555;
-}
-.win-img-framework-icons-wrap{
-    width: 82%;
-    margin: auto
-}
-.win-img-framework-icons{
-    max-width: 100%
-}
-
-
-
-
- .links{
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    margin-left: auto;
-    margin-right: auto;
-    max-width: 1000px;
-}
-.links img{
-    width: 250px
-}
-.links a{
-    text-decoration: none;
-    color: #444;
-    width: 33%;
-    margin-bottom: 40px;
-    box-sizing: border-box;
-    padding: 15px;
-}
-.link-title{
-    font-weight: 700;
-    font-size: 20px !important;
-}
-.links,.links a,.link-title{
-    --table-monospace-font-size: inherit;
-    --pre-code-padding: 20px;
-    --pre-code-line-height: 20px;
-    --pre-code-font-size: 13.5px;
-    --pre-code-border-radius: 4px;
-    font-size: 16px;
-    line-height: 1.75;
-    -webkit-font-smoothing: antialiased;
-    font-weight: 500;
-    text-align: center;
-}
-h2.win-header-center.terminal-{
-    font-size: 34px;
-    padding-left:20px;
-}
-h2.win-header-center.terminal- i{
-    filter: invert(1);
-    font-size: 34px;
-    margin-left: 30px;
-    padding-left: 8px;
-    padding-top: 2px;
-}
-
-.terminal red,
-.terminal yellow,
-.terminal green{
-    background: #eee;
-    height: 18px;
-    width: 18px;
-    display: inline-block;
-    border-radius: 50px;
-    margin-right:8px;
-}
-.terminal red{
-    background: #fb4948
-}
-.terminal yellow{
-   background: #fdb225 
-}
-.terminal green{
-    background: #2ac833
-}
-.terminal{
-    font-size: 20px;
-    padding: 20px 15px 20px 15px;
-    background: #111;
-    color: #fff;
-    box-shadow: 0 10px 20px rgba(0,0,0,.28);
-    margin: 15px;
-    border-radius: 12px;
-}
-.terminal span{
-    user-select: none;
-    opacity: .5;
-}
-.terminal p{
-    overflow: hidden;
-    line-break: anywhere;
-    display: contents;
-}
-    
-.footer{
-    border-top: 10px solid #0BA4E0;
-    padding: 2px 25px 25px 105px;
-    font-size: 18px;
-   
-}
-.footer a{
-    text-decoration: none;
-}
-
-
-@media only screen and (max-width: 760px) {
-    .parent-container,
-    .win-demo-laptop-logo,
-    .links{
-        display: block
-    } 
-    .app-logo{
-        width: 100px;
-        height: 100px;
-    }
-    .app-logo-text-header{
-        font-size: 32px;
-        width:fit-content;
-    }
-    .app-logo-text-container{
-        width:100%
-    }
-    .app-logo-sub-header{
-        font-size: 33px;
-    }
-    .win-header-text{
-        font-size: 34px;
-        margin-top: 40px;
-    }
-    .win-header-promo-container{
-        display: none;
-    }
-    .win-header-text-demo-container{
-        display: inline-block;
-        width: 100%;
-        padding: 0 0 35px 0;
-        font-size: 20px;
-    }
-    .win-header-button{
-        width: 215px;
-        font-size: 16px;
-        height: 45px;
-        line-height: 0;
-    }
-    .win-header-button span{
-        top: -2px;
-        position: relative;
-    }
-    .win-header-button-icon{
-        font-size:25px;
-    }
-    .win-header-text-below{
-        font-size:14px;
-    }
-    .win-header-text-below i{
-        margin-right: 5px;
-    font-size: 15px;
-    padding-right: 20px;
-    padding-top: 2px;
-    }
-    .win-demo-laptop{    
-        width:100%;
-        margin: -25px 0 0 0;
-        height: 600px;
-    }
-    .win-demo-laptop-screen{
-        width:95%;
-        right:0;
-        -webkit-transform:none;
-        top:25px;
-        height:500px;
-    }
-    
-    .win-demo-laptop-logo{
-        color: #999;
-        left: 44%; 
-        margin-left: 0;
-        top: 545px;
-    } 
-
-    .win-sub-header-container{   
-        margin: 20px 0 0 0;
-        display: inline-block;
-        width: 100%;
-        padding: 45px 0 0 0;
-    }
-    .win-header-text-demo-container h2{
-       margin: 28px 0px 0px 25px; 
-    }
-    .win-sub-header-content{
-        left: 0;
-        padding-left: 25px;
-        padding-right: 25px;
-    }
-    .footer{
-        padding: 2px 25px 25px 25px
-    }
-    .win-header-text,
-    .win-sub-header-content,
-    .win-header-button,
-    .win-header-center{
-        user-select:none
-    }
-}
diff --git a/src/styles.min.css b/src/styles.min.css
deleted file mode 100644
index abf9182..0000000
--- a/src/styles.min.css
+++ /dev/null
@@ -1 +0,0 @@
-body{font-family:sans-serif}.parent-container{display:flex;justify-content:space-around}.win-demo-laptop-screen,.win-header-button-icon,.win-header-button-text,.win-sub-header-content{position:relative}.app-logo-sub-header,.footer a,.link-title,.win-header-text-below{color:#0ba4e0}.win-demo-laptop-logo,.win-header-button-icon,.win-header-text-below i{background-repeat:no-repeat;background-size:cover}.app-logo{width:162px;height:162px;background:#333;box-shadow:0 15px 32px #777;border-radius:50%}.app-logo-text-container{margin-left:32px;align-self:center}.app-logo-text-header{font-size:61px;line-height:1;margin:0;margin-top:-25px;width:360px;font-weight:500}.app-logo-sub-header{font-size:62px}.win-header-container{display:block;margin-top:32px;margin-left:25px}.win-header-text{font-weight:700;font-size:40px;margin-top:55px}.win-header-button{background:#0ba4e0;color:#fff;box-sizing:border-box;height:60px;font-size:24px;text-decoration:none;border-radius:0;transition:.2s;font-weight:700;padding:0 30px;cursor:pointer;box-shadow:0 10px 20px rgba(11,164,224,.3);max-width:340px;border:none;margin-top:32px;-webkit-font-smoothing:antialiased}.win-header-button:hover{box-shadow:0 10px 20px rgba(11,164,224,.7)}.win-header-button:focus{outline:0}.win-header-button:active{box-shadow:0 10px 20px #0ba4e0}.win-header-button-icon{width:58px;right:20px;padding-right:32px;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' id='Layer_1' style='enable-background:new 0 0 30 30;' version='1.1' viewBox='0 0 30 30' xml:space='preserve' sodipodi:docname='rocket.svg' inkscape:version='0.92.2 (5c3e80d, 2017-08-06)'%3E%3Cmetadata id='metadata17'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs15' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1366' inkscape:window-height='705' id='namedview13' showgrid='false' inkscape:zoom='7.8666667' inkscape:cx='15' inkscape:cy='15' inkscape:window-x='-4' inkscape:window-y='-4' inkscape:window-maximized='1' inkscape:current-layer='Layer_1' /%3E%3Cpolygon points='11,22 8,19 8,14 16,22 ' id='polygon2' style='fill:%23ffffff;fill-opacity:1' /%3E%3Cpath d='M26.979,3.021C26.979,3.021,18,3,11,10c-2.99,2.99-3,8-1,10s7.01,1.99,10-1C27,12,26.979,3.021,26.979,3.021z M17,11 c0-1.105,0.895-2,2-2c1.105,0,2,0.895,2,2s-0.895,2-2,2C17.895,13,17,12.105,17,11z' id='path4' style='fill:%23ffffff;fill-opacity:1' /%3E%3Cpath d='M18.811,18.676c0,0,0.757,3.784-0.757,5.297C15.784,26.243,12,27,12,27l1-7L18.811,18.676z' id='path6' style='fill:%23ffffff;fill-opacity:1' /%3E%3Cpath d='M11.324,11.189c0,0-3.784-0.757-5.297,0.757C3.757,14.216,3,18,3,18l7-1L11.324,11.189z' id='path8' style='fill:%23ffffff;fill-opacity:1' /%3E%3Cpath d='M9.542,22.34c-0.045,0.064-0.072,0.138-0.13,0.195c-0.975,0.975-2.438,0.488-2.438,0.488s-0.488-1.463,0.488-2.438 c0.058-0.058,0.131-0.084,0.195-0.13L7.2,19.997c-0.38,0.1-0.741,0.29-1.038,0.587c-1.366,1.366-1.149,4.4-1.149,4.4 s3.016,0.235,4.4-1.149C9.71,23.538,9.9,23.177,10,22.797L9.542,22.34z' id='path10' style='fill:%23ffffff;fill-opacity:1' /%3E%3C/svg%3E")}.win-header-text-below{text-decoration:none;font-size:18px}.win-header-text-below b{color:#555}.win-header-text-below i{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' height='36.923077' version='1.1' viewBox='0 0 36.923077 36.923077' width='36.923077' id='svg13' sodipodi:docname='iconfinder_github-social-media_765246.svg' inkscape:version='0.92.2 (5c3e80d, 2017-08-06)'%3E%3Cmetadata id='metadata17'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1366' inkscape:window-height='705' id='namedview15' showgrid='false' inkscape:zoom='3.9333333' inkscape:cx='18.461538' inkscape:cy='18.461538' inkscape:window-x='-4' inkscape:window-y='-4' inkscape:window-maximized='1' inkscape:current-layer='svg13' /%3E%3Ctitle id='title2' /%3E%3Cdesc id='desc4' /%3E%3Cdefs id='defs6' /%3E%3Cg id='black' style='fill:none;fill-rule:evenodd;stroke:none;stroke-width:1' transform='translate(-11.538462,-11.538462)'%3E%3Cg id='slice' transform='translate(-900,-500)' /%3E%3Cg id='github' transform='translate(11,11)' style='fill:%23000000'%3E%3Cpath d='m 14.425274,36.516889 c 0,-0.449716 -0.01587,-1.639662 -0.02493,-3.220059 -5.1351631,1.143464 -6.2186359,-2.537931 -6.2186359,-2.537931 -0.8398048,-2.18699 -2.0502117,-2.76918 -2.0502117,-2.76918 -1.6762096,-1.174839 0.126934,-1.150436 0.126934,-1.150436 1.8530106,0.133637 2.8276828,1.951093 2.8276828,1.951093 1.6467428,2.892358 4.3202908,2.058002 5.3731638,1.573424 0.167734,-1.223645 0.644871,-2.058002 1.171874,-2.530959 -4.099291,-0.477605 -8.4093817,-2.10216 -8.4093817,-9.355715 0,-2.066137 0.7196707,-3.755766 1.9006108,-5.079349 -0.1892678,-0.478767 -0.823938,-2.403132 0.1813344,-5.0096247 0,0 1.5504085,-0.5089807 5.0762285,1.9406337 1.472209,-0.4195019 3.052084,-0.6309962 4.622893,-0.6379685 1.567409,0.00697 3.146152,0.2184666 4.62176,0.6379685 3.523553,-2.4496144 5.071696,-1.9406337 5.071696,-1.9406337 1.007539,2.6053307 0.374002,4.5296957 0.183601,5.0096247 1.183206,1.323583 1.89721,3.013212 1.89721,5.079349 0,7.272148 -4.316891,8.8723 -8.429781,9.340609 0.664137,0.584514 1.253474,1.739598 1.253474,3.505924 0,2.530959 -0.0238,4.572692 -0.0238,5.19323 0,0.506656 0.333202,1.094657 1.270474,0.90989 7.329308,-2.507718 12.614072,-9.598586 12.614072,-17.958419 0,-10.4550214 -8.266581,-18.92989846 -18.462106,-18.92989846 -10.194391,0 -18.46097146,8.47487706 -18.46097146,18.92989846 0.001133,8.362157 5.29043016,15.457674 12.62653846,17.960743 0.922539,0.173146 1.260274,-0.411368 1.260274,-0.912214 z' id='path9' inkscape:connector-curvature='0' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");padding-right:20px}.win-header-promo-container{width:440px;height:440px;margin-top:32px}.win-header-promo-img-backdrop{position:absolute;width:440px;filter:blur(15px);opacity:.7;margin-top:18px}.win-header-promo-img{position:absolute;width:410px;margin-left:15px}.win-header-text-demo-container h2{margin:28px 0 0 0}.win-header-text-demo-container{background:#0ba4e0;margin-top:32px;color:#fff;font-size:32px;display:flex;justify-content:space-between;padding:0 20% 25px 8%}.win-demo-laptop{background:#555;width:705px;margin:auto;border-radius:0;text-align:center;position:relative;z-index:1;height:500px;float:left;margin-left:7%}.win-demo-laptop-screen{width:900px;height:600px;-webkit-transform:scale(.7);right:100px;top:-65px}.win-demo-laptop-logo{width:40px;height:40px;position:absolute;top:452px;margin-left:-25px;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' enable-background='new 0 0 32 32' version='1.1' viewBox='0 0 32 32' xml:space='preserve' id='svg17' sodipodi:docname='winLogo.svg' inkscape:version='0.92.2 (5c3e80d, 2017-08-06)'%3E%3Cmetadata id='metadata23'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs21' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1366' inkscape:window-height='705' id='namedview19' showgrid='false' inkscape:zoom='7.375' inkscape:cx='16' inkscape:cy='16' inkscape:window-x='-4' inkscape:window-y='-4' inkscape:window-maximized='1' inkscape:current-layer='Flat_copy' /%3E%3Cg id='Flat_copy'%3E%3Cg id='g14' transform='translate(1,-0.005)' style='fill:%23ffffff;fill-opacity:1'%3E%3Cpolygon points='14.474,15.479 14.474,8.903 23.417,7.588 23.417,15.479 ' id='polygon6' style='fill:%23ffffff;fill-opacity:1' /%3E%3Cpolygon points='6.583,15.479 6.583,10.062 13.422,9.059 13.422,15.479 ' id='polygon8' style='fill:%23ffffff;fill-opacity:1' /%3E%3Cpolygon points='14.474,16.531 14.474,23.107 23.417,24.422 23.417,16.531 ' id='polygon10' style='fill:%23ffffff;fill-opacity:1' /%3E%3Cpolygon points='6.583,16.531 6.583,21.948 13.422,22.951 13.422,16.531 ' id='polygon12' style='fill:%23ffffff;fill-opacity:1' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.win-header-center{text-align:center;font-size:40px}.win-sub-header-container{background:#0ba4e0;padding:10px;color:#fff;font-size:13px;margin:0;position:relative;padding-left:80px;padding-right:80px;line-height:1.5;margin-bottom:22%}.win-sub-header-content{font-weight:400;left:45px}.win-sub-header-demo-button{width:240px;object-fit:contain;margin-top:-28px;box-shadow:0 10px 20px #555;transition:.2s}.win-sub-header-demo-button:hover{box-shadow:0 15px 25px #555}.win-img-framework-icons-wrap{width:82%;margin:auto}.win-img-framework-icons{max-width:100%}.links{display:flex;flex-wrap:wrap;justify-content:center;margin-left:auto;margin-right:auto;max-width:1000px}.links img{width:250px}.links a{text-decoration:none;color:#444;width:33%;margin-bottom:40px;box-sizing:border-box;padding:15px}.link-title{font-weight:700;font-size:20px!important}.link-title,.links,.links a{--table-monospace-font-size:inherit;--pre-code-padding:20px;--pre-code-line-height:20px;--pre-code-font-size:13.5px;--pre-code-border-radius:4px;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;font-weight:500;text-align:center}h2.win-header-center.terminal-{font-size:34px;padding-left:20px}h2.win-header-center.terminal- i{filter:invert(1);font-size:34px;margin-left:30px;padding-left:8px;padding-top:2px}.terminal green,.terminal red,.terminal yellow{background:#eee;height:18px;width:18px;display:inline-block;border-radius:50px;margin-right:8px}.terminal red{background:#fb4948}.terminal yellow{background:#fdb225}.terminal green{background:#2ac833}.terminal{font-size:20px;padding:20px 15px 20px 15px;background:#111;color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.28);margin:15px;border-radius:12px}.terminal span{user-select:none;opacity:.5}.terminal p{overflow:hidden;line-break:anywhere;display:contents}.footer{border-top:10px solid #0ba4e0;padding:2px 25px 25px 105px;font-size:18px}.footer a{text-decoration:none}@media only screen and (max-width:760px){.links,.parent-container,.win-demo-laptop-logo{display:block}.app-logo{width:100px;height:100px}.app-logo-text-header{font-size:32px;width:fit-content}.app-logo-text-container{width:100%}.app-logo-sub-header{font-size:33px}.win-header-text{font-size:34px;margin-top:40px}.win-header-promo-container{display:none}.win-header-text-demo-container{display:inline-block;width:100%;padding:0 0 35px 0;font-size:20px}.win-header-button{width:215px;font-size:16px;height:45px;line-height:0}.win-header-button span{top:-2px;position:relative}.win-header-button-icon{font-size:25px}.win-header-text-below{font-size:14px}.win-header-text-below i{padding-right:18px;padding-top:2px}.win-demo-laptop{width:100%;margin:-25px 0 0 0;height:600px}.win-demo-laptop-screen{width:95%;right:0;-webkit-transform:none;top:25px;height:500px}.win-demo-laptop-logo{color:#999;left:46%;margin-left:0;top:545px}.win-sub-header-container{margin:20px 0 0 0;display:inline-block;width:100%;padding:45px 0 0 0}.win-header-text-demo-container h2{margin:28px 0 0 25px}.win-sub-header-content{left:0;padding-left:25px;padding-right:25px}.footer{padding:2px 25px 25px 25px}.win-header-button,.win-header-center,.win-header-text,.win-sub-header-content{user-select:none}}
\ No newline at end of file
