From 5227f4b331ee9dcbf4a7f5744c6754edeaef2c39 Mon Sep 17 00:00:00 2001
From: Shinichi Okada <okada.shin@gmail.com>
Date: Thu, 10 Aug 2023 09:19:58 +0200
Subject: [PATCH] fix: scrolling problem and typo (#29)

* docs: remove docs folder

* docs: add README

* v0.4.0

* chore(release): 0.4.1

* > Gitignore updated at 2023-08-09 16:39:41

* chore(release): 0.4.2

* add exports-to-package-json and update scripts

* chore(release): 0.4.3

* fix: add-exports-to-package-json

* chore(release): 0.4.4

* fix: typo

* chore(release): 0.4.5

* fix: scrolling problem in layout by using afterNavigate()
---
 .env                                   |    2 +
 .gitignore                             |   15 +-
 CHANGELOG.md                           |   26 +
 docs/README.md => README.md            |   16 +-
 docs/.nojekyll                         |    0
 docs/404.md                            |   25 -
 docs/500.md                            |   23 -
 docs/CNAME                             |    1 -
 docs/_sidebar.md                       |   52 --
 docs/account-recovery.md               |   42 -
 docs/advanced-tables.md                |    3 -
 docs/banner.md                         |   30 -
 docs/blog-templates.md                 |    3 -
 docs/blog.md                           |  110 ---
 docs/comments.md                       |    3 -
 docs/contact-forms.md                  |   34 -
 docs/content.md                        |   38 -
 docs/cookie.md                         |    3 -
 docs/crud-create-drawers.md            |   69 --
 docs/crud-create-forms.md              |   53 --
 docs/crud-create-modals.md             |   56 --
 docs/crud-delete-confirm.md            |   34 -
 docs/crud-read-drawers.md              |   37 -
 docs/crud-read-modals.md               |   48 --
 docs/crud-read-sections.md             |   73 --
 docs/crud-success-message.md           |    3 -
 docs/crud-update-drawers.md            |   56 --
 docs/crud-update-forms.md              |    3 -
 docs/crud-update-modals.md             |   77 --
 docs/cta.md                            |   77 --
 docs/customer-logos.md                 |    3 -
 docs/dashboard-footer.md               |   60 --
 docs/event-schedule.md                 |   77 --
 docs/faceted-search-drawers.md         |    3 -
 docs/faceted-search-modals.md          |    3 -
 docs/faq.md                            |  134 ----
 docs/feature.md                        |   94 ---
 docs/filter.md                         |    3 -
 docs/footer.md                         |  131 ---
 docs/header.md                         |   53 --
 docs/hero.md                           |   93 ---
 docs/index.html                        |  148 ----
 docs/login.md                          |   45 --
 docs/maintenance.md                    |   18 -
 docs/manifest.webmanifest              |   32 -
 docs/navbar.md                         |    3 -
 docs/newsletter.md                     |   57 --
 docs/popup.md                          |   31 -
 docs/portfolio.md                      |   46 --
 docs/pricing.md                        |  129 ---
 docs/public/android-chrome-192x192.png |  Bin 4261 -> 0 bytes
 docs/public/android-chrome-512x512.png |  Bin 13830 -> 0 bytes
 docs/public/apple-touch-icon.png       |  Bin 3792 -> 0 bytes
 docs/public/css/vue.css                | 1025 ------------------------
 docs/public/favicon-16x16.png          |  Bin 320 -> 0 bytes
 docs/public/favicon-32x32.png          |  Bin 502 -> 0 bytes
 docs/public/favicon.ico                |  Bin 15406 -> 0 bytes
 docs/public/maskable_icon_x192.png     |  Bin 4261 -> 0 bytes
 docs/register.md                       |   51 --
 docs/related-articles.md               |    3 -
 docs/reset-password.md                 |   45 --
 docs/service-worker.js                 |   65 --
 docs/sidenav.md                        |  145 ----
 docs/social-proof.md                   |   26 -
 docs/table-footers.md                  |    3 -
 docs/table-headers.md                  |  103 ---
 docs/team.md                           |   76 --
 docs/testimonial.md                    |  160 ----
 docs/user-onboarding.md                |    3 -
 package.json                           |  221 ++++-
 scripts/add-exports-to-package-json.js |   42 +
 src/app.html                           |    2 +-
 src/routes/+layout.svelte              |    8 +-
 src/routes/marketing/footer.md         |    4 +-
 74 files changed, 313 insertions(+), 3844 deletions(-)
 create mode 100644 .env
 rename docs/README.md => README.md (84%)
 delete mode 100644 docs/.nojekyll
 delete mode 100644 docs/404.md
 delete mode 100644 docs/500.md
 delete mode 100644 docs/CNAME
 delete mode 100644 docs/_sidebar.md
 delete mode 100644 docs/account-recovery.md
 delete mode 100644 docs/advanced-tables.md
 delete mode 100644 docs/banner.md
 delete mode 100644 docs/blog-templates.md
 delete mode 100644 docs/blog.md
 delete mode 100644 docs/comments.md
 delete mode 100644 docs/contact-forms.md
 delete mode 100644 docs/content.md
 delete mode 100644 docs/cookie.md
 delete mode 100644 docs/crud-create-drawers.md
 delete mode 100644 docs/crud-create-forms.md
 delete mode 100644 docs/crud-create-modals.md
 delete mode 100644 docs/crud-delete-confirm.md
 delete mode 100644 docs/crud-read-drawers.md
 delete mode 100644 docs/crud-read-modals.md
 delete mode 100644 docs/crud-read-sections.md
 delete mode 100644 docs/crud-success-message.md
 delete mode 100644 docs/crud-update-drawers.md
 delete mode 100644 docs/crud-update-forms.md
 delete mode 100644 docs/crud-update-modals.md
 delete mode 100644 docs/cta.md
 delete mode 100644 docs/customer-logos.md
 delete mode 100644 docs/dashboard-footer.md
 delete mode 100644 docs/event-schedule.md
 delete mode 100644 docs/faceted-search-drawers.md
 delete mode 100644 docs/faceted-search-modals.md
 delete mode 100644 docs/faq.md
 delete mode 100644 docs/feature.md
 delete mode 100644 docs/filter.md
 delete mode 100644 docs/footer.md
 delete mode 100644 docs/header.md
 delete mode 100644 docs/hero.md
 delete mode 100644 docs/index.html
 delete mode 100644 docs/login.md
 delete mode 100644 docs/maintenance.md
 delete mode 100644 docs/manifest.webmanifest
 delete mode 100644 docs/navbar.md
 delete mode 100644 docs/newsletter.md
 delete mode 100644 docs/popup.md
 delete mode 100644 docs/portfolio.md
 delete mode 100644 docs/pricing.md
 delete mode 100644 docs/public/android-chrome-192x192.png
 delete mode 100644 docs/public/android-chrome-512x512.png
 delete mode 100644 docs/public/apple-touch-icon.png
 delete mode 100644 docs/public/css/vue.css
 delete mode 100644 docs/public/favicon-16x16.png
 delete mode 100644 docs/public/favicon-32x32.png
 delete mode 100644 docs/public/favicon.ico
 delete mode 100644 docs/public/maskable_icon_x192.png
 delete mode 100644 docs/register.md
 delete mode 100644 docs/related-articles.md
 delete mode 100644 docs/reset-password.md
 delete mode 100644 docs/service-worker.js
 delete mode 100644 docs/sidenav.md
 delete mode 100644 docs/social-proof.md
 delete mode 100644 docs/table-footers.md
 delete mode 100644 docs/table-headers.md
 delete mode 100644 docs/team.md
 delete mode 100644 docs/testimonial.md
 delete mode 100644 docs/user-onboarding.md
 create mode 100644 scripts/add-exports-to-package-json.js

diff --git a/.env b/.env
new file mode 100644
index 0000000..e777113
--- /dev/null
+++ b/.env
@@ -0,0 +1,2 @@
+// .env
+VITE_APP_VERSION=$npm_package_version
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index e5d619c..1d72ddf 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,7 +3,16 @@ node_modules
 /build
 /.svelte-kit
 /package
-.env
-.env.*
-!.env.example
 /dist
+
+.vercel
+.vscode/
+
+/src/routes/compotests
+/src/routes/typechecktests
+
+package-lock.json
+yarn.lock
+
+src/routes/testdir/*
+
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 299516b..db27d14 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,32 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.4.5](https://github.com/themesberg/flowbite-svelte-blocks/compare/v0.4.4...v0.4.5) (2023-08-10)
+
+
+### Bug Fixes
+
+* typo ([165610f](https://github.com/themesberg/flowbite-svelte-blocks/commit/165610f91af921757ca7275f5879b7b397c7c5cb))
+
+### [0.4.4](https://github.com/shinokada/flowbite-svelte-blocks/compare/v0.4.3...v0.4.4) (2023-08-09)
+
+
+### Bug Fixes
+
+* add-exports-to-package-json ([0adf29c](https://github.com/shinokada/flowbite-svelte-blocks/commit/0adf29c808e6daf897e8ff7c9fc1276a6000642d))
+
+### [0.4.3](https://github.com/shinokada/flowbite-svelte-blocks/compare/v0.4.2...v0.4.3) (2023-08-09)
+
+### [0.4.2](https://github.com/shinokada/flowbite-svelte-blocks/compare/v0.4.1...v0.4.2) (2023-08-09)
+
+### [0.4.1](https://github.com/shinokada/flowbite-svelte-blocks/compare/v0.3.9...v0.4.1) (2023-08-09)
+
+
+### Bug Fixes
+
+* newsletter action url ([317d17e](https://github.com/shinokada/flowbite-svelte-blocks/commit/317d17e4ab44abfc5d644faa9771e8910833dab2))
+* remove footer from example page ([045dd69](https://github.com/shinokada/flowbite-svelte-blocks/commit/045dd69355daa88a90fd07043f09b77b6288c991))
+
 ### [0.3.9](https://github.com/shinokada/flowbite-svelte-blocks/compare/v0.3.8...v0.3.9) (2023-06-15)
 
 
diff --git a/docs/README.md b/README.md
similarity index 84%
rename from docs/README.md
rename to README.md
index 1ffa6c2..1ed943b 100644
--- a/docs/README.md
+++ b/README.md
@@ -1,13 +1,13 @@
 <h1 align="center">Flowbite Svelte Blocks</h1>
 
 <p align="center">
-<a href="https://flowbite-svelte-blocks.pages.dev/" rel="nofollow">Flowbite Svelte Blocks</a>
+<a href="https://flowbite-svelte-blocks.vercel.app/" rel="nofollow">Flowbite Svelte Blocks</a>
 </p>
 
 <p align="center">
 <a href="https://www.npmjs.com/package/flowbite-svelte-blocks" rel="nofollow"><img src="https://img.shields.io/npm/v/flowbite-svelte-blocks" alt="npm"></a>
 <a href="https://twitter.com/shinokada" rel="nofollow"><img src="https://img.shields.io/badge/created%20by-@shinokada-4BBAAB.svg" alt="Created by Shin Okada"></a>
-<a href="https://opensource.org/licenses/MIT" rel="nofollow"><img src="https://img.shields.io/github/license/shinokada/flowbite-svelte-blocks" alt="License"></a>
+<a href="https://opensource.org/licenses/MIT" rel="nofollow"><img src="https://img.shields.io/github/license/themesberg/flowbite-svelte-blocks" alt="License"></a>
 </p>
 
 **⚠️ Flowbite-Svelte-Blocks is currently in early development and APIs and packages are likely to change quite often.**
@@ -16,13 +16,9 @@
 
 [Flowbite Svelte Blocks](https://flowbite-svelte-blocks.vercel.app/)
 
-## Docs
-
-[Docs](https://flowbite-svelte-blocks.pages.dev/)
-
 ## Installation
 
-Use this library on top of [Flowbite-Svelte](https://github.com/themesberg/flowbite-svelte). Flowbite-Svelte is an official Flowbite component library for Svelte.
+Use this library on top of [Flowbite-Svelte](https://github.com/themesberg/flowbite-svelte) and [Flowbite-Svelte-Icons](https://flowbite-svelte-icons.vercel.app/). Flowbite-Svelte is an official Flowbite component library for Svelte.
 
 Install SvelteKit:
 
@@ -42,13 +38,13 @@ pnpm i
 Start a server:
 
 ```sh
-npm run dev
+pnpm run dev
 ```
 
 Install flowbite flowbite-svelte classnames @popperjs/core, svelte-heros, and flowbite-svelte-blocks:
 
 ```sh
-pnpm i flowbite flowbite-svelte classnames @popperjs/core flowbite-svelte-blocks svelte-heros
+pnpm i flowbite flowbite-svelte tailwind-merge @floating-ui/dom flowbite-svelte-icons
 ```
 
 Update tailwind.config.cjs:
@@ -120,4 +116,4 @@ theme: {
   ]
     }
   },
-```
+```
\ No newline at end of file
diff --git a/docs/.nojekyll b/docs/.nojekyll
deleted file mode 100644
index e69de29..0000000
diff --git a/docs/404.md b/docs/404.md
deleted file mode 100644
index a7f9500..0000000
--- a/docs/404.md
+++ /dev/null
@@ -1,25 +0,0 @@
-# 404 Page
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/404)
-
-## Example usage
-
-```html
-<script>
-  import { Page404 } from 'flowbite-svelte-blocks';
-  import { Button } from 'flowbite-svelte';
-</script>
-
-<Page404>
-  <svelte:fragment slot="h1">404</svelte:fragment>
-  <svelte:fragment slot="paragraph">
-    <p class="mb-4 text-3xl tracking-tight font-bold text-gray-900 md:text-4xl dark:text-white">
-      Something's missing.
-    </p>
-    <p class="mb-4 text-lg font-light text-gray-500 dark:text-gray-400">
-      Sorry, we can't find that page. You'll find lots to explore on the home page.
-    </p>
-    <button href="/" size="lg" color="red">Back to Homepage</button>
-  </svelte:fragment>
-</Page404>
-```
diff --git a/docs/500.md b/docs/500.md
deleted file mode 100644
index d44dabd..0000000
--- a/docs/500.md
+++ /dev/null
@@ -1,23 +0,0 @@
-# 500 Page
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/500)
-
-## Example usage
-
-```html
-<script>
-  import { Page500 } from 'flowbite-svelte-blocks';
-</script>
-
-<Page500>
-  <svelte:fragment slot="h1">500</svelte:fragment>
-  <svelte:fragment slot="paragraph">
-    <p class="mb-4 text-3xl tracking-tight font-bold text-gray-900 md:text-4xl dark:text-white">
-      Internal Server Error.
-    </p>
-    <p class="mb-4 text-lg font-light text-gray-500 dark:text-gray-400">
-      We are already working to solve the problem.
-    </p>
-  </svelte:fragment>
-</Page500>
-```
diff --git a/docs/CNAME b/docs/CNAME
deleted file mode 100644
index 9fc8b27..0000000
--- a/docs/CNAME
+++ /dev/null
@@ -1 +0,0 @@
-flowbite-svelte-blocks.codewithshin.com
\ No newline at end of file
diff --git a/docs/_sidebar.md b/docs/_sidebar.md
deleted file mode 100644
index 02b2afb..0000000
--- a/docs/_sidebar.md
+++ /dev/null
@@ -1,52 +0,0 @@
-<!-- docs/_sidebar.md -->
-
-- [Installation](./)
-- [404 Page](./404.md)
-- [500 Page](./500.md)
-- [Account Recovery](account-recovery.md)
-- [Advanced Tables](advanced-tables.md)
-- [Banner](banner.md)
-- [Blog](blog.md)
-- [Blog Templates](blog-templates.md)
-- [Comments](comments.md)
-- [Contact Forms](contact-forms)
-- [Content](content.md)
-- [Cookie](cookie.md)
-- [Crud Create Drawers](crud-create-drawers.md)
-- [Crud Create Modals](crud-create-modals.md)
-- [Crud Delete Confirm](crud-delete-confirm.md)
-- [Crud Read Drawers](crud-read-drawers.md)
-- [Crud Read Modals](crud-read-modals.md)
-- [Crud Read Sections](crud-read-sections.md)
-- [Crud Success Message](crud-success-message.md)
-- [Crud Update Drawers](crud-update-drawers.md)
-- [Crud Update Forms](crud-update-forms.md)
-- [Crud Update Modals](crud-update-modals.md)
-- [CTA Sections](cta.md)
-- [Customer Logos](customer-logos.md)
-- [Dashboard Footer](dashboard-footer.md)
-- [Dashboard Navbars](navbar.md)
-- [Event Schedule](event-schedule.md)
-- [Faceted Search Drawers](faceted-search-drawers.md)
-- [FAQ Sections](faq.md)
-- [Feature Sections](feature.md)
-- [Filter](filter.md)
-- [Footer Sections](footer.md)
-- [Headers](header.md)
-- [Hero Sections](hero.md)
-- [Login Forms](login.md)
-- [Maintenance Pages](maintenance.md)
-- [Newsletter Sections](newsletter.md)
-- [Portfolio](portfolio.md)
-- [Popups](popup.md)
-- [Pricing Tables](pricing.md)
-- [Register Forms](register.md)
-- [Related Articles](related-articles.md)
-- [Reset Password Forms](reset-password.md)
-- [Sidenav](sidenav.md)
-- [Social Proof](social-proof.md)
-- [Table Footers](table-footers.md)
-- [Table Headers](table-headers.md)
-- [Team Sections](team.md)
-- [Testimonial](testimonial.md)
-- [User Onboarding](user-onboarding.md)
diff --git a/docs/account-recovery.md b/docs/account-recovery.md
deleted file mode 100644
index b81d7db..0000000
--- a/docs/account-recovery.md
+++ /dev/null
@@ -1,42 +0,0 @@
-# Account Recovery Form
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/account-recovery)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import { ForgotPassword, ForgotPasswordHeader } from 'flowbite-svelte-blocks';
-</script>
-
-<ForgotPasswordHeader src="/images/logo.svg" alt="logo" href="/"> Flowbite </ForgotPasswordHeader>
-<ForgotPassword>
-  <h1
-    class="mb-1 text-xl font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white"
-  >
-    Forgot your password?
-  </h1>
-  <p class="font-light text-gray-500 dark:text-gray-400">
-    Don't fret! Just type in your email and we will send you a code to reset your password!
-  </p>
-  <form class="mt-4 space-y-4 lg:mt-5 md:space-y-5">
-    <div>
-      <label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white"
-        >Your email</label
-      >
-      <input type="email" name="email" id="email" placeholder="name@company.com" required />
-    </div>
-    <div class="flex items-start">
-      <div class="flex items-center h-5">
-        <Checkbox id="terms" aria-describedby="terms" required
-          >I accept the
-          <a class="font-medium text-primary-600 hover:underline dark:text-primary-500" href="/"
-            >Terms and Conditions</a
-          ></Checkbox
-        >
-      </div>
-    </div>
-    <button type="submit" color="red">Reset password</button>
-  </form>
-</ForgotPassword>
-```
diff --git a/docs/advanced-tables.md b/docs/advanced-tables.md
deleted file mode 100644
index 77f7fa2..0000000
--- a/docs/advanced-tables.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Advanced Tables
-
-Coming soon
diff --git a/docs/banner.md b/docs/banner.md
deleted file mode 100644
index 22ff57a..0000000
--- a/docs/banner.md
+++ /dev/null
@@ -1,30 +0,0 @@
-# Banner
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/banner)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import { Banner } from 'flowbite-svelte-blocks';
-  import { CloseButton } from 'flowbite-svelte';
-  export let visible = true;
-</script>
-
-{#if visible}
-<Banner>
-  <p class="text-sm font-light text-gray-500 dark:text-gray-400">
-    Supercharge your hiring by taking advantage of our
-    <a
-      class="font-medium underline text-primary-600 dark:text-primary-500 hover:no-underline"
-      href="/"
-      >limited-time sale</a
-    >
-    for Designer Search + Job Board. Unlimited access to over 190K top-ranked candidates and the #1
-    design job board.
-  </p>
-  <CloseButton on:click={() => (visible = false)} class="text-gray-400 hover:bg-gray-200
-  hover:text-gray-900 rounded-lg text-sm p-1.5 dark:hover:bg-gray-600 dark:hover:text-white" />
-</Banner>
-{/if}
-```
diff --git a/docs/blog-templates.md b/docs/blog-templates.md
deleted file mode 100644
index e4d74ff..0000000
--- a/docs/blog-templates.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Blog Templates
-
-Coming soon
diff --git a/docs/blog.md b/docs/blog.md
deleted file mode 100644
index fcd2189..0000000
--- a/docs/blog.md
+++ /dev/null
@@ -1,110 +0,0 @@
-# Blog Sections
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/blog)
-
-## Example usage
-
-```html
-<script>
-  import {
-    ArticleAuthor,
-    ArticleBody,
-    ArticleHead,
-    ArticleWrapper,
-    BlogHead,
-    BlogBodyWrapper
-  } from 'flowbite-svelte-blocks';
-  import { Icon } from 'flowbite-svelte-icons';
-</script>
-
-<BlogHead>
-  <svelte:fragment slot="h2">Our Blogs</svelte:fragment>
-  <svelte:fragment slot="paragraph">
-    <p class="font-light text-gray-500 sm:text-xl dark:text-gray-400">
-      We use an agile approach to test assumptions and connect with the needs of your audience early
-      and often.
-    </p>
-  </svelte:fragment>
-</BlogHead>
-<BlogBodyWrapper>
-  <ArticleWrapper>
-    <ArticleHead>
-      <span
-        class="bg-primary-100 text-primary-800 text-xs font-medium inline-flex items-center px-2.5 py-0.5 rounded dark:bg-primary-200 dark:text-primary-800"
-      >
-        
-        <Icon name="video-solid" size="xs" class="mr-1" />Tutorials
-      </span>
-      <span class="text-sm">14 days ago</span>
-    </ArticleHead>
-    <ArticleBody>
-      <svelte:fragment slot="h2"
-        ><a href="/">How to quickly deploy a static website</a></svelte:fragment
-      >
-      <svelte:fragment slot="paragraph">
-        <p class="mb-5 font-light text-gray-500 dark:text-gray-400">
-          Static websites are now used to bootstrap lots of websites and are becoming the basis for
-          a variety of tools that even influence both web designers and developers influence both
-          web designers and developers.
-        </p>
-      </svelte:fragment>
-    </ArticleBody>
-    <ArticleAuthor>
-      <svelte:fragment slot="author">
-        <img
-          class="w-7 h-7 rounded-full"
-          src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/jese-leos.png"
-          alt="Jese Leos avatar"
-        />
-        <span class="font-medium dark:text-white"> Jese Leos </span>
-      </svelte:fragment>
-      <a
-        href="/"
-        class="inline-flex items-center font-medium text-primary-600 dark:text-primary-500 hover:underline"
-      >
-        Read more
-        <Icon name="arrow-right-solid" size="xs" class="mr-1" />
-      </a>
-    </ArticleAuthor>
-  </ArticleWrapper>
-
-  <ArticleWrapper>
-    <ArticleHead>
-      <span
-        class="bg-primary-100 text-primary-800 text-xs font-medium inline-flex items-center px-2.5 py-0.5 rounded dark:bg-primary-200 dark:text-primary-800"
-      >
-        <Icon name="newspaper-solid" size="sm" class="" />
-        Tutorial
-      </span>
-      <span class="text-sm">14 days ago</span>
-    </ArticleHead>
-    <ArticleBody>
-      <svelte:fragment slot="h2"><a href="/">Our first project with React</a></svelte:fragment>
-      <svelte:fragment slot="paragraph">
-        <p class="mb-5 font-light text-gray-500 dark:text-gray-400">
-          Static websites are now used to bootstrap lots of websites and are becoming the basis for
-          a variety of tools that even influence both web designers and developers influence both
-          web designers and developers.
-        </p>
-      </svelte:fragment>
-    </ArticleBody>
-    <ArticleAuthor>
-      <svelte:fragment slot="author">
-        <img
-          class="w-7 h-7 rounded-full"
-          src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/bonnie-green.png"
-          alt="Bonnie Green avatar"
-        />
-        <span class="font-medium dark:text-white"> Bonnie Green </span>
-      </svelte:fragment>
-      <a
-        href="/"
-        class="inline-flex items-center font-medium text-primary-600 dark:text-primary-500 hover:underline"
-      >
-        Read more
-        <Icon name="arrow-right-solid" size="sm" class="ml-2" />
-      </a>
-    </ArticleAuthor>
-  </ArticleWrapper>
-</BlogBodyWrapper>
-```
diff --git a/docs/comments.md b/docs/comments.md
deleted file mode 100644
index 01ca536..0000000
--- a/docs/comments.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Comments
-
-Coming soon
diff --git a/docs/contact-forms.md b/docs/contact-forms.md
deleted file mode 100644
index 404e424..0000000
--- a/docs/contact-forms.md
+++ /dev/null
@@ -1,34 +0,0 @@
-# Contact Form
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/contact)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import { Contact } from 'flowbite-svelte-blocks';
-  import { Label, Input, Textarea, Button } from 'flowbite-svelte';
-</script>
-
-<Contact>
-  <svelte:fragment slot="h2">Contact Us</svelte:fragment>
-  <svelte:fragment slot="paragraph">
-    Got a technical issue? Want to send feedback about a beta feature? Need details about our
-    Business plan? Let us know.
-  </svelte:fragment>
-  <form class="space-y-8">
-    <div>
-      <label for="email" class="block mb-2">Your email</label>
-      <input id="email" name="email" placeholder="name@flowbite.com" required />
-    </div>
-    <div>
-      <label for="subject" class="block mb-2">Subject</label>
-      <input id="subject" name="subject" placeholder="Let us know how we can help you" required />
-    </div>
-    <div>
-      <textarea id="subject" name="subject" placeholder="Leave a comment..." label="Your message" />
-    </div>
-    <button>Send message</button>
-  </form>
-</Contact>
-```
diff --git a/docs/content.md b/docs/content.md
deleted file mode 100644
index 56dc23a..0000000
--- a/docs/content.md
+++ /dev/null
@@ -1,38 +0,0 @@
-# Content Sections
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/content)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import { Content, ContentWithImage } from 'flowbite-svelte-blocks';
-</script>
-
-<ContentWithImage>
-  <svelte:fragment slot="h2">We didn't reinvent the wheel</svelte:fragment>
-  <p class="mb-4">
-    We are strategists, designers and developers. Innovators and problem solvers. Small enough to be
-    simple and quick, but big enough to deliver the scope you want at the pace you need. Small
-    enough to be simple and quick, but big enough to deliver the scope you want at the pace you
-    need.
-  </p>
-  <p>
-    We are strategists, designers and developers. Innovators and problem solvers. Small enough to be
-    simple and quick.
-  </p>
-
-  <svelte:fragment slot="image">
-    <img
-      class="w-full rounded-lg"
-      src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/content/office-long-2.png"
-      alt="office content 1"
-    />
-    <img
-      class="mt-4 w-full lg:mt-10 rounded-lg"
-      src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/content/office-long-1.png"
-      alt="office content 2"
-    />
-  </svelte:fragment>
-</ContentWithImage>
-```
diff --git a/docs/cookie.md b/docs/cookie.md
deleted file mode 100644
index 6a4662e..0000000
--- a/docs/cookie.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Cookie
-
-Coming soon
diff --git a/docs/crud-create-drawers.md b/docs/crud-create-drawers.md
deleted file mode 100644
index 1f66af7..0000000
--- a/docs/crud-create-drawers.md
+++ /dev/null
@@ -1,69 +0,0 @@
-# Create Drawers (CRUD)
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/crud-create-drawers)
-
-## Example usage
-
-```html
-<script>
-  import { Drawer, Button, CloseButton, Label, Input, Textarea, Select } from 'flowbite-svelte';
-  import { sineIn } from 'svelte/easing';
-  let hidden = true;
-  let transitionParams = {
-    x: -320,
-    duration: 200,
-    easing: sineIn
-  };
-  let selected;
-  let categories = [
-    {value:"", name: "Select category"},
-    {value:"TV", name: "TV/Monitors"},
-    {value:"PC", name: "PC"},
-    {value:"GA", name: "Gaming/Console"},
-    {value:"PH", name: "Phones"},
-  ]
-  const handleCancel = ()=>{
-    hidden  = true
-  }
-</script>
-
-<div class="text-center">
-  <Button on:click={() => (hidden = false)}>Create product</Button>
-</div>
-<Drawer transitionType="fly" {transitionParams} bind:hidden={hidden} id='sidebar4'>
-  <div class='flex items-center'>
-    <h5 id="drawer-label" class="inline-flex items-center mb-6 text-base font-semibold text-gray-500 uppercase dark:text-gray-400">New Product</h5>
-    <CloseButton on:click={() => (hidden = true)} class='mb-4 dark:text-white'/>
-  </div>
-  <form action="#" class="mb-6">
-    <div class="mb-6">
-      <Label for='name' class='block mb-2'>Name</Label>
-      <Input id='name' name='name' required placeholder="Type product name" />
-    </div>
-    <div class="mb-6">
-      <Label for='bland' class='block mb-2'>Bland</Label>
-      <Input id='bland' name='bland' required placeholder="Product brand" />
-    </div>
-    <div class="mb-6">
-      <Label for='price' class='block mb-2'>Price</Label>
-      <Input id='price' name='price' required placeholder="$2999" />
-    </div>
-    <div class="mb-6">
-    <Label>Category
-      <Select class="mt-2" items={categories} bind:value={selected} />
-    </Label>
-    </div>
-    <div class="mb-6">
-      <Label for="brand" class="mb-2">Description</Label>
-      <Textarea id="message" placeholder="Enter event description here" rows="4" name="message"/>
-    </div>
-    <div class="bottom-0 left-0 flex justify-center w-full pb-4 space-x-4 md:px-4 md:absolute">
-      <Button type="submit" class="w-full">Add product</Button>
-      <Button class="w-full" color="light" on:click={handleCancel}>
-        <svg aria-hidden="true" class="w-5 h-5 -ml-1 sm:mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
-        Cancel
-      </Button>
-  </div>
-  </form>
-</Drawer>
-```
diff --git a/docs/crud-create-forms.md b/docs/crud-create-forms.md
deleted file mode 100644
index 46c6339..0000000
--- a/docs/crud-create-forms.md
+++ /dev/null
@@ -1,53 +0,0 @@
-# Create Forms (CRUD)
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/application/crud-create-forms)
-
-## Default form
-
-```html
-<script>
-  import { Label, Input, Button, Select, Textarea } from 'flowbite-svelte';
-  const handleSubmit = () => {
-    alert('Form submited.');
-  };
-  let selected;
-  let countries = [
-    { value: 'tv', name: 'TV/Monitors' },
-    { value: 'pc', name: 'PC' },
-    { value: 'phone', name: 'Phones' }
-  ];
-</script>
-
-<h2 class="mb-4 text-xl font-bold text-gray-900 dark:text-white">Add a new product</h2>
-<form on:submit="{handleSubmit}">
-  <div class="grid gap-4 sm:grid-cols-2 sm:gap-6">
-    <div class="sm:col-span-2">
-      <label for="name" class="mb-2">Product Name</label>
-      <input type="text" id="name" placeholder="Type product name" />
-    </div>
-    <div class="w-full">
-      <label for="brand" class="mb-2">Brand</label>
-      <input type="text" id="brand" placeholder="Product brand" />
-    </div>
-    <div class="w-full">
-      <label for="price" class="mb-2">Price</label>
-      <input type="text" id="price" placeholder="$29999" />
-    </div>
-    <div class="w-full">
-      <label
-        >Category
-        <select class="mt-2" items="{countries}" bind:value="{selected}" />
-      </label>
-    </div>
-    <div class="w-full">
-      <label for="weight" class="mb-2">Item Weight (kg)</label>
-      <input type="text" id="weight" placeholder="12" />
-    </div>
-    <div class="sm:col-span-2">
-      <label for="description" class="mb-2">Description</label>
-      <textarea id="description" placeholder="Your description here" rows="4" name="description" />
-    </div>
-    <button type="submit" class="w-32">Add product</button>
-  </div>
-</form>
-```
diff --git a/docs/crud-create-modals.md b/docs/crud-create-modals.md
deleted file mode 100644
index f340888..0000000
--- a/docs/crud-create-modals.md
+++ /dev/null
@@ -1,56 +0,0 @@
-# Crud Create Modals
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/application/crud-create-modals)
-
-## Default modal
-
-```html
-<script lang='ts'>
-  import { Label, Input, Button, Modal, Textarea, Select } from 'flowbite-svelte';
-  let defaultModal = false;
-  const handleSubmit = () =>{
-    alert('Form submited.')
-  }
-  let selected;
-  let countries = [
-    {value:"tv", name: "TV/Monitors"},
-    {value:"pc", name: "PC"},
-    {value:"phone", name: "Phones"},
-  ]
-</script>
-
-<div class="flex justify-center m-5">
-  <Button on:click={() => defaultModal = true}>Create product</Button>
-</div>
-<Modal title="Add Product" bind:open={defaultModal} autoclose class='min-w-full'>
-  <form on:submit={handleSubmit}>
-    <div class="grid gap-4 mb-4 sm:grid-cols-2">
-      <div>
-        <Label for='name' class="mb-2">Name</Label>
-        <Input type='text' id='name' placeholder='Type product name' />
-      </div>
-      <div>
-        <Label for='brand' class='mb-2'>Brand</Label>
-        <Input type='text' id='brand' placeholder='Product brand' />
-      </div>
-      <div>
-        <Label for='price' class='mb-2'>Price</Label>
-        <Input type='text' id='price' placeholder='$29999' />
-      </div>
-      <div>
-        <Label>Category
-          <Select class="mt-2" items={countries} bind:value={selected} />
-        </Label>
-      </div>
-      <div class="sm:col-span-2">
-        <Label for="description" class="mb-2">Description</Label>
-        <Textarea id="description" placeholder="Your description here" rows="4" name="description"/>
-      </div>
-      <Button type='submit' class='w-52'>
-        <svg class="mr-1 -ml-1 w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z" clip-rule="evenodd"></path></svg>
-          Add new product
-      </Button>
-    </div>
-  </form>
-</Modal>
-```
diff --git a/docs/crud-delete-confirm.md b/docs/crud-delete-confirm.md
deleted file mode 100644
index 5cb8235..0000000
--- a/docs/crud-delete-confirm.md
+++ /dev/null
@@ -1,34 +0,0 @@
-# Crud Delete Confirm
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/application/crud-delete-confirm)
-
-## Default delete confirmation modal
-
-```html
-<script lang='ts'>
-  import { Button, Modal } from 'flowbite-svelte';
-  let defaultModal = false;
-  const handleCancel = () => {
-    alert('Clicked cancel')
-  }
-  const handleDelete = () => {
-    alert ('Clicked delete')
-  }
-</script>
-
-<div class="flex justify-center m-5">
-  <Button on:click={() => defaultModal = true}>Default modal</Button>
-</div>
-<Modal title="" bind:open={defaultModal} autoclose size='sm' class='w-full'>
-    <svg class="text-gray-400 dark:text-gray-500 w-11 h-11 mb-3.5 mx-auto" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd"></path></svg>
-    <p class="mb-4 text-gray-500 dark:text-gray-300 text-center">Are you sure you want to delete this item?</p>
-    <div class="flex justify-center items-center space-x-4">
-        <Button color='light' on:click={handleCancel}>
-            No, cancel
-        </Button>
-        <Button color='red' on:click={handleDelete}>
-            Yes, I'm sure
-        </Button>
-    </div>
-</Modal>
-```
diff --git a/docs/crud-read-drawers.md b/docs/crud-read-drawers.md
deleted file mode 100644
index 85aa9f5..0000000
--- a/docs/crud-read-drawers.md
+++ /dev/null
@@ -1,37 +0,0 @@
-# Crud Read Drawers
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/application/crud-read-drawers)
-
-## Default drawer
-
-```html
-<div class="text-center">
-  <Button on:click={() => (hidden1 = false)}>Show drawer</Button>
-</div>
-
-<Drawer transitionType="fly" {transitionParams} bind:hidden={hidden1} id='sidebar1'>
-<div class='flex items-center'>
-  <div>
-    <h4 id="drawer-label" class="mb-1.5 leading-none text-xl font-semibold text-gray-900 dark:text-white">Apple iMac 25"</h4>
-    <p class="mb-5 text-xl font-bold text-gray-900 dark:text-white">$2999</p>
-  </div>
-    <CloseButton on:click={() => (hidden1 = true)} class='mb-4 dark:text-white'/>
-  </div>
-  <dl>
-    <dt class="mb-2 font-semibold leading-none text-gray-900 dark:text-white">Details</dt>
-    <dd class="mb-4 font-light text-gray-500 sm:mb-5 dark:text-gray-400">Standard glass ,3.8GHz 8-core 10th-generation Intel Core i7 processor, Turbo Boost up to 5.0GHz, 16GB 2666MHz DDR4 memory, Radeon Pro 5500 XT with 8GB of GDDR6 memory, 256GB SSD storage, Gigabit Ethernet, Magic Mouse 2, Magic Keyboard - US.</dd>
-    <dt class="mb-2 font-semibold leading-none text-gray-900 dark:text-white">Category</dt>
-    <dd class="mb-4 font-light text-gray-500 sm:mb-5 dark:text-gray-400">Electronics/PC</dd>
-  </dl>
-  <div class="flex bottom-0 left-0 justify-center pb-4 space-x-4 w-full md:px-4 md:absolute">
-    <Button class='w-full'>
-        <svg aria-hidden="true" class="mr-1 -ml-1 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.414 2.586a2 2 0 00-2.828 0L7 10.172V13h2.828l7.586-7.586a2 2 0 000-2.828z"></path><path fill-rule="evenodd" d="M2 6a2 2 0 012-2h4a1 1 0 010 2H4v10h10v-4a1 1 0 112 0v4a2 2 0 01-2 2H4a2 2 0 01-2-2V6z" clip-rule="evenodd"></path></svg>
-        Edit
-    </Button>
-    <Button class='w-full' color='red'>
-        <svg aria-hidden="true" class="w-5 h-5 mr-1.5 -ml-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd"></path></svg>
-        Delete
-    </Button>
-</div>
-</Drawer>
-```
diff --git a/docs/crud-read-modals.md b/docs/crud-read-modals.md
deleted file mode 100644
index c0935c9..0000000
--- a/docs/crud-read-modals.md
+++ /dev/null
@@ -1,48 +0,0 @@
-# Crud Read Modals
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/application/crud-read-modals)
-
-## Default modal
-
-```html
-<script lang='ts'>
-  import { Button, Modal } from 'flowbite-svelte';
-  let defaultModal = false;
-</script>
-<div class="flex justify-center m-5">
-  <Button on:click={() => defaultModal = true}>Show read modal</Button>
-</div>
-<Modal title="" bind:open={defaultModal} autoclose size='sm'>
-  <div class="flex justify-between mb-4 rounded-t sm:mb-5">
-    <div class="text-lg text-gray-900 md:text-xl dark:text-white">
-        <h3 class="font-semibold ">
-            Apple iMac 27”
-        </h3>
-        <p class="font-bold">
-            $2999
-        </p>
-    </div>
-  </div>
-  <dl>
-    <dt class="mb-2 font-semibold leading-none text-gray-900 dark:text-white">Details</dt>
-    <dd class="mb-4 font-light text-gray-500 sm:mb-5 dark:text-gray-400">Standard glass ,3.8GHz 8-core 10th-generation Intel Core i7 processor, Turbo Boost up to 5.0GHz, 16GB 2666MHz DDR4 memory, Radeon Pro 5500 XT with 8GB of GDDR6 memory, 256GB SSD storage, Gigabit Ethernet, Magic Mouse 2, Magic Keyboard - US.</dd>
-    <dt class="mb-2 font-semibold leading-none text-gray-900 dark:text-white">Category</dt>
-    <dd class="mb-4 font-light text-gray-500 sm:mb-5 dark:text-gray-400">Electronics/PC</dd>
-  </dl>
-  <div class="flex justify-between items-center">
-    <div class="flex items-center space-x-3 sm:space-x-4">
-        <Button>
-            <svg aria-hidden="true" class="mr-1 -ml-1 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.414 2.586a2 2 0 00-2.828 0L7 10.172V13h2.828l7.586-7.586a2 2 0 000-2.828z"></path><path fill-rule="evenodd" d="M2 6a2 2 0 012-2h4a1 1 0 010 2H4v10h10v-4a1 1 0 112 0v4a2 2 0 01-2 2H4a2 2 0 01-2-2V6z" clip-rule="evenodd"></path></svg>
-            Edit
-        </Button>
-        <Button color='light'>
-            Preview
-        </Button>
-    </div>
-    <Button color='red'>
-        <svg aria-hidden="true" class="w-5 h-5 mr-1.5 -ml-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd"></path></svg>
-        Delete
-    </Button>
-  </div>
-</Modal>
-```
diff --git a/docs/crud-read-sections.md b/docs/crud-read-sections.md
deleted file mode 100644
index 2b39c5a..0000000
--- a/docs/crud-read-sections.md
+++ /dev/null
@@ -1,73 +0,0 @@
-# Crud Read Sections
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/application/crud-read-sections)
-
-## Default read section
-
-```html
-<script lang="ts">
-  import { Button, Heading, P } from 'flowbite-svelte';
-</script>
-<Heading
-  tag="h2"
-  customSize="text-xl font-semibold leading-none text-gray-900 md:text-2xl"
-  class="mb-2"
-  >Apple iMac 25"</Heading
->
-<p class="mb-4 leading-none md:text-2xl" weight="extrabold" size="xl">$2999</p>
-<dl>
-  <dt class="mb-2 font-semibold leading-none text-gray-900 dark:text-white">Details</dt>
-  <dd class="mb-4 font-light text-gray-500 sm:mb-5 dark:text-gray-400">
-    Standard glass ,3.8GHz 8-core 10th-generation Intel Core i7 processor, Turbo Boost up to 5.0GHz,
-    16GB 2666MHz DDR4 memory, Radeon Pro 5500 XT with 8GB of GDDR6 memory, 256GB SSD storage,
-    Gigabit Ethernet, Magic Mouse 2, Magic Keyboard - US.
-  </dd>
-</dl>
-<dl class="flex items-center space-x-6">
-  <div>
-    <dt class="mb-2 font-semibold leading-none text-gray-900 dark:text-white">Category</dt>
-    <dd class="mb-4 font-light text-gray-500 sm:mb-5 dark:text-gray-400">Electronics/PC</dd>
-  </div>
-  <div>
-    <dt class="mb-2 font-semibold leading-none text-gray-900 dark:text-white">Item weight</dt>
-    <dd class="mb-4 font-light text-gray-500 sm:mb-5 dark:text-gray-400">12kg</dd>
-  </div>
-</dl>
-<div class="flex items-center space-x-4">
-  <button>
-    <svg
-      aria-hidden="true"
-      class="mr-1 -ml-1 w-5 h-5"
-      fill="currentColor"
-      viewBox="0 0 20 20"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M17.414 2.586a2 2 0 00-2.828 0L7 10.172V13h2.828l7.586-7.586a2 2 0 000-2.828z"
-      ></path>
-      <path
-        fill-rule="evenodd"
-        d="M2 6a2 2 0 012-2h4a1 1 0 010 2H4v10h10v-4a1 1 0 112 0v4a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"
-        clip-rule="evenodd"
-      ></path>
-    </svg>
-    Edit
-  </button>
-  <button color="red">
-    <svg
-      aria-hidden="true"
-      class="w-5 h-5 mr-1.5 -ml-1"
-      fill="currentColor"
-      viewBox="0 0 20 20"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        fill-rule="evenodd"
-        d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z"
-        clip-rule="evenodd"
-      ></path>
-    </svg>
-    Delete
-  </button>
-</div>
-```
diff --git a/docs/crud-success-message.md b/docs/crud-success-message.md
deleted file mode 100644
index 25c5959..0000000
--- a/docs/crud-success-message.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Crud Success Message
-
-Coming soon
diff --git a/docs/crud-update-drawers.md b/docs/crud-update-drawers.md
deleted file mode 100644
index 2228c59..0000000
--- a/docs/crud-update-drawers.md
+++ /dev/null
@@ -1,56 +0,0 @@
-# Crud Update Drawers
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/application/crud-update-drawers)
-
-## Update user drawer
-
-```html
-<script lang='ts'>
-  import { Button, Drawer, Label, Input } from 'flowbite-svelte'
-  import { sineIn } from 'svelte/easing';
-  let hidden = true;
-  let transitionParams = {
-    x: -320,
-    duration: 200,
-    easing: sineIn
-  };
-  const handleCancel = ()=>{
-    hidden  = true
-  }
-</script>
-<div class="text-center pt-8">
-  <Button on:click={() => (hidden = false)}>Update user</Button>
-</div>
-<Drawer transitionType="fly" {transitionParams} bind:hidden={hidden} id='sidebar4'>
-  <div class='flex items-center'>
-    <h5 id="drawer-label" class="inline-flex items-center mb-6 text-base font-semibold text-gray-500 uppercase dark:text-gray-400">UPDATE USER</h5>
-    <CloseButton on:click={() => (hidden = true)} class='mb-4 dark:text-white'/>
-  </div>
-  <form action="#" class="mb-6">
-    <div class="mb-6">
-      <Label for='name' class='block mb-2'>Username</Label>
-      <Input id='name' name='name' required placeholder="bonnie.green" />
-    </div>
-    <div class="mb-6">
-      <Label for='email' class='block mb-2'>Email</Label>
-      <Input id='email' name='email' required placeholder="bonnie.green@company.com" />
-    </div>
-    <div class="mb-6">
-      <Label for='password' class='block mb-2'>Password</Label>
-      <Input id='password' name='password' required placeholder="*********" />
-    </div>
-    <div class="mb-6">
-      <Label for='confirm-password' class='block mb-2'>Password</Label>
-      <Input id='confirm-password' name='confirm-password' required placeholder="*********" />
-    </div>
-
-    <div class="bottom-0 left-0 flex justify-center w-full pb-4 space-x-4 md:px-4 md:absolute">
-      <Button type="submit" class="w-full">Update user</Button>
-      <Button class="w-full" outline color="red" on:click={handleCancel}>
-        <svg aria-hidden="true" class="w-5 h-5 mr-1.5 -ml-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd"></path></svg>
-        Delete
-      </Button>
-  </div>
-  </form>
-</Drawer>
-```
diff --git a/docs/crud-update-forms.md b/docs/crud-update-forms.md
deleted file mode 100644
index 35cd123..0000000
--- a/docs/crud-update-forms.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Crud Update Forms
-
-Coming soon
diff --git a/docs/crud-update-modals.md b/docs/crud-update-modals.md
deleted file mode 100644
index 83286ba..0000000
--- a/docs/crud-update-modals.md
+++ /dev/null
@@ -1,77 +0,0 @@
-# Crud Update Modals
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/application/crud-update-modals)
-
-## Default update modal
-
-```html
-<script lang="ts">
-  import { Modal, Button, Input, Label, Select, Textarea } from 'flowbite-svelte'
-  let defaultModal = false;
-  const handleUpdate = () => {
-    alert('Clicked update.');
-  };
-  const handleDelete = () => {
-    alert ('Clicked delete.')
-  }
-  let selected = 'phone'
-  let items = [
-    { value: 'tv', name: 'TV/Monitors' },
-    { value: 'pc', name: 'PC' },
-    { value: 'phone', name: 'Phones' }
-  ];
-  const productData = {
-    name: 'iPad Air Gen 5th Wi-Fi',
-    brand: 'Google',
-    price: '$399',
-    category: 'phone',
-    description: 'Standard glass, 3.8GHz 8-core 10th-generation Intel Core i7 processor, Turbo Boost up to 5.0GHz, 16GB 2666MHz DDR4 memory, Radeon Pro 5500 XT with 8GB of GDDR6 memory, 256GB SSD storage, Gigabit Ethernet, Magic Mouse 2, Magic Keyboard - US'
-  }
-</script>
-
-<div class="flex justify-center m-5">
-  <Button on:click={() => (defaultModal = true)}>Update Product</Button>
-</div>
-<Modal title="Add Product" bind:open={defaultModal} autoclose class="min-w-full">
-  <form>
-    <div class="grid gap-4 mb-4 sm:grid-cols-2">
-      <div>
-        <Label for="name" class="mb-2">Name</Label>
-        <Input type="text" id="name" placeholder="" value='{productData.name}' required />
-      </div>
-      <div>
-        <Label for="brand" class="mb-2">Brand</Label>
-        <Input type="text" id="brand" placeholder="" value='{productData.brand}' required />
-      </div>
-      <div>
-        <Label for="price" class="mb-2">Price</Label>
-        <Input type="text" id="price" placeholder="" value='{productData.price}' required />
-      </div>
-      <div>
-        <Label
-          >Category
-          <Select class="mt-2" items={items} bind:value={selected}  required />
-        </Label>
-      </div>
-      <div class="sm:col-span-2">
-        <Label for="description" class="mb-2">Description</Label>
-        <Textarea
-          id="description"
-          placeholder="Your description here"
-          rows="4"
-          name="description"
-          required
-          value='{description}'/>
-      </div>
-      <div class="flex items-center space-x-4">
-        <Button type="submit" class="w-64" on:click={handleUpdate}>
-          Update product
-        </Button>
-        <Button type="submit" class="w-52" outline color='red' on:click={handleDelete}>
-          Delete
-        </Button>
-      </div>
-    </div>
-  </form>
-</Modal>
-```
diff --git a/docs/cta.md b/docs/cta.md
deleted file mode 100644
index 221a88c..0000000
--- a/docs/cta.md
+++ /dev/null
@@ -1,77 +0,0 @@
-# CTA Sections
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/cta)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import { Cta } from 'flowbite-svelte-blocks';
-  import { Button } from 'flowbite-svelte';
-  import { Home, VideoCamera } from 'svelte-heros';
-  import { Icon } from 'flowbite-svelte-icons';
-</script>
-
-<Cta ctatype="image">
-  <svelte:fragment slot="img">
-    <img
-      class="w-full dark:hidden"
-      src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/cta/cta-dashboard-mockup.svg"
-      alt="dashboard"
-    />
-    <img
-      class="w-full hidden dark:block"
-      src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/cta/cta-dashboard-mockup-dark.svg"
-      alt="dashboard"
-    />
-  </svelte:fragment>
-  <svelte:fragment slot="h2"
-    >Let's create more tools and ideas that brings us together.</svelte:fragment
-  >
-  <p class="mb-6 font-light text-gray-500 md:text-lg dark:text-gray-400">
-    Flowbite helps you connect with friends and communities of people who share your interests.
-    Connecting with your friends and family as well as discovering new ones is easy with features
-    like Groups.
-  </p>
-  <a
-    href="/"
-    class="inline-flex items-center text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-primary-900"
-  >
-    Get started
-    <svg
-      class="ml-2 -mr-1 w-5 h-5"
-      fill="currentColor"
-      viewBox="0 0 20 20"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        fill-rule="evenodd"
-        d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
-        clip-rule="evenodd"
-      />
-    </svg>
-  </a>
-</Cta>
-```
-
-## Example 2
-
-```html
-<script lang="ts">
-  import { Cta } from 'flowbite-svelte-blocks';
-  import { Button } from 'flowbite-svelte';
-  import { Home, VideoCamera } from 'svelte-heros';
-</script>
-
-<Cta ctatype="heading">
-  <svelte:fragment slot="h2">Start your free trial today</svelte:fragment>
-  <p class="mb-6 font-light text-gray-500 dark:text-gray-400 md:text-lg">
-    Try Flowbite Platform for 30 days. No credit card required.
-  </p>
-  <a
-    href="/"
-    class="text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 dark:bg-primary-600 dark:hover:bg-primary-700 focus:outline-none dark:focus:ring-primary-800"
-    >Free trial for 30 days</a
-  >
-</Cta>
-```
diff --git a/docs/customer-logos.md b/docs/customer-logos.md
deleted file mode 100644
index 37b4305..0000000
--- a/docs/customer-logos.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Customer Logos
-
-Coming soon
diff --git a/docs/dashboard-footer.md b/docs/dashboard-footer.md
deleted file mode 100644
index 33c7606..0000000
--- a/docs/dashboard-footer.md
+++ /dev/null
@@ -1,60 +0,0 @@
-# Dashboard Footer
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/application/dashboard-footer)
-
-## Default dashboard footer
-
-```html
-<script>
-  import { Footer, FooterCopyright, FooterLinkGroup, FooterLink, Tooltip } from 'flowbite-svelte';
-</script>
-
-<footer>
-  <FooterCopyright href="/" by="Flowbite.com" year="{2022}" />
-  <FooterLinkGroup
-    ulClass="flex flex-wrap items-center mt-3 mr-4 text-sm text-gray-500 dark:text-gray-400 sm:mt-0"
-  >
-    <FooterLink href="/">
-      <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
-        <path
-          fill-rule="evenodd"
-          d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-          clip-rule="evenodd"
-        />
-      </svg>
-    </FooterLink>
-    <Tooltip placement="bottom">Like us on Facebook</Tooltip>
-    <FooterLink href="/">
-      <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
-        <path
-          d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"
-        />
-      </svg>
-      <span class="sr-only">Twitter</span>
-    </FooterLink>
-    <Tooltip placement="bottom">Like us on Twitter</Tooltip>
-    <FooterLink href="/">
-      <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
-        <path
-          fill-rule="evenodd"
-          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-          clip-rule="evenodd"
-        />
-      </svg>
-      <span class="sr-only">Github</span>
-    </FooterLink>
-    <Tooltip placement="bottom">Star us on GitHub</Tooltip>
-    <FooterLink href="/">
-      <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
-        <path
-          fill-rule="evenodd"
-          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-          clip-rule="evenodd"
-        />
-      </svg>
-      <span class="sr-only">Dribbble</span>
-    </FooterLink>
-    <Tooltip placement="bottom">Follow us on Dribbble</Tooltip>
-  </FooterLinkGroup>
-</footer>
-```
diff --git a/docs/event-schedule.md b/docs/event-schedule.md
deleted file mode 100644
index ae2e45a..0000000
--- a/docs/event-schedule.md
+++ /dev/null
@@ -1,77 +0,0 @@
-# Event Schedule
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/event-schedule)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import { Schedule, ScheduleItem } from 'flowbite-svelte-blocks';
-
-  const schedule = [
-    {
-      time: '08:00 - 09:00',
-      href: '/',
-      title: 'Opening remarks'
-    },
-    {
-      time: '09:00 - 10:00',
-      href: '/',
-      title: 'Bergside LLC: Controlling the video traffic flows'
-    },
-    {
-      time: '10:00 - 11:00',
-      href: '/',
-      title: 'Flowbite - An Open Framework for Forensic Watermarking'
-    },
-    {
-      time: '11:00 - 12:00',
-      href: '/',
-      title: 'Coffee Break'
-    },
-    {
-      time: '12:00 - 13:00',
-      href: '/',
-      title: 'Scaling your brand from €0 to multimillion euros'
-    },
-    {
-      time: '13:00 - 14:00',
-      href: '/',
-      title: 'Updates from the Open Source Multimedia community'
-    },
-    {
-      time: '14:00 - 15:00',
-      href: '/',
-      title: 'Exploring the balance between customer acquisition and retention'
-    }
-  ];
-</script>
-
-<Schedule scheduleName="Schedule">
-  <div class="mt-4" slot="subtitle">
-    <a
-      href="/"
-      title=""
-      class="inline-flex items-center text-lg font-medium text-primary-600 hover:underline dark:text-primary-500"
-    >
-      Learn more about our agenda
-      <svg
-        aria-hidden="true"
-        class="w-5 h-5 ml-2"
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 20 20"
-        fill="currentColor"
-      >
-        <path
-          fill-rule="evenodd"
-          d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
-          clip-rule="evenodd"
-        />
-      </svg>
-    </a>
-  </div>
-  {#each schedule as item}
-  <ScheduleItem {item} />
-  {/each}
-</Schedule>
-```
diff --git a/docs/faceted-search-drawers.md b/docs/faceted-search-drawers.md
deleted file mode 100644
index 901d52d..0000000
--- a/docs/faceted-search-drawers.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Faceted Search Drawers
-
-Coming soon
diff --git a/docs/faceted-search-modals.md b/docs/faceted-search-modals.md
deleted file mode 100644
index 5a10cd1..0000000
--- a/docs/faceted-search-modals.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Faceted Search Modals
-
-Coming soon
diff --git a/docs/faq.md b/docs/faq.md
deleted file mode 100644
index 03937cf..0000000
--- a/docs/faq.md
+++ /dev/null
@@ -1,134 +0,0 @@
-# FAQ Sections
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/faq)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import { Faq, FaqItem } from 'flowbite-svelte-blocks';
-</script>
-
-<h2 class="mb-8 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">
-  Frequently asked questions
-</h2>
-<Faq>
-  <div>
-    <FaqItem>
-      <svelte:fragment slot="h3">What do you mean by "Figma assets"?</svelte:fragment>
-      <p class="text-gray-500 dark:text-gray-400">
-        You will have access to download the full Figma project including all of the pages, the
-        components, responsive pages, and also the icons, illustrations, and images included in the
-        screens.
-      </p>
-    </FaqItem>
-    <FaqItem>
-      <svelte:fragment slot="h3">What does "lifetime access" exactly mean?</svelte:fragment>
-      <p class="text-gray-500 dark:text-gray-400">
-        Once you have purchased either the design, code, or both packages, you will have access to
-        all of the future updates based on the roadmap, free of charge.
-      </p>
-    </FaqItem>
-    <FaqItem>
-      <svelte:fragment slot="h3">How does support work?</svelte:fragment>
-      <p class="text-gray-500 dark:text-gray-400">
-        We're aware of the importance of well qualified support, that is why we decided that support
-        will only be provided by the authors that actually worked on this project.
-      </p>
-      <p class="text-gray-500 dark:text-gray-400">
-        Feel free to
-        <a
-          href="/"
-          class="font-medium underline text-primary-600 dark:text-primary-500 hover:no-underline"
-          target="_blank"
-          rel="noreferrer"
-          >contact us</a
-        >
-        and we'll help you out as soon as we can.
-      </p>
-    </FaqItem>
-    <FaqItem>
-      <svelte:fragment slot="h3">
-        I want to build more than one project. Is that allowed?</svelte:fragment
-      >
-      <p class="text-gray-500 dark:text-gray-400">
-        You can use Windster for an unlimited amount of projects, whether it's a personal website, a
-        SaaS app, or a website for a client. As long as you don't build a product that will directly
-        compete with Windster either as a UI kit, theme, or template, it's fine.
-      </p>
-      <p class="text-gray-500 dark:text-gray-400">
-        Find out more information by
-        <a
-          href="/"
-          class="font-medium underline text-primary-600 dark:text-primary-500 hover:no-underline"
-          >reading the license</a
-        >.
-      </p>
-    </FaqItem>
-  </div>
-  <div>
-    <FaqItem>
-      <svelte:fragment slot="h3">What does "free updates" include?</svelte:fragment>
-      <p class="text-gray-500 dark:text-gray-400">
-        The free updates that will be provided is based on the
-        <a
-          href="/"
-          class="font-medium underline text-primary-600 dark:text-primary-500 hover:no-underline"
-          >roadmap</a
-        >
-        that we have laid out for this project. It is also possible that we will provide extra
-        updates outside of the roadmap as well.
-      </p>
-    </FaqItem>
-    <FaqItem>
-      <svelte:fragment slot="h3">What does the free version include?</svelte:fragment>
-      <p class="text-gray-500 dark:text-gray-400">
-        The
-        <a
-          href="/"
-          class="font-medium underline text-primary-600 dark:text-primary-500 hover:no-underline"
-          >free version</a
-        >
-        of Windster includes a minimal style guidelines, component variants, and a dashboard page
-        with the mobile version alongside it.
-      </p>
-      <p class="text-gray-500 dark:text-gray-400">
-        You can use this version for any purposes, because it is open-source under the MIT license.
-      </p>
-    </FaqItem>
-    <FaqItem>
-      <svelte:fragment slot="h3">
-        What is the difference between Windster and Tailwind UI?</svelte:fragment
-      >
-      <p class="text-gray-500 dark:text-gray-400">
-        Although both Windster and Tailwind UI are built for integration with Tailwind CSS, the main
-        difference is in the design, the pages, the extra components and UI elements that Windster
-        includes.
-      </p>
-      <p class="text-gray-500 dark:text-gray-400">
-        Additionally, Windster is a project that is still in development, and later it will include
-        both the application, marketing, and e-commerce UI interfaces.
-      </p>
-    </FaqItem>
-    <FaqItem>
-      <svelte:fragment slot="h3">Can I use Windster in open-source projects?</svelte:fragment>
-      <p class="text-gray-500 dark:text-gray-400">
-        Generally, it is accepted to use Windster in open-source projects, as long as it is not a UI
-        library, a theme, a template, a page-builder that would be considered as an alternative to
-        Windster itself.
-      </p>
-      <p class="text-gray-500 dark:text-gray-400">
-        With that being said, feel free to use this design kit for your open-source projects.
-      </p>
-      <p class="text-gray-500 dark:text-gray-400">
-        Find out more information by
-        <a
-          href="/"
-          class="font-medium underline text-primary-600 dark:text-primary-500 hover:no-underline"
-          >reading the license</a
-        >.
-      </p>
-    </FaqItem>
-  </div>
-</Faq>
-```
diff --git a/docs/feature.md b/docs/feature.md
deleted file mode 100644
index f491b2e..0000000
--- a/docs/feature.md
+++ /dev/null
@@ -1,94 +0,0 @@
-# Feature Sections
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/feature)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import { HeroHeader, FeatureDefault, FeatureItem } from 'flowbite-svelte-blocks';
-  import {
-    Home,
-    PresentationChartLine,
-    AcademicCap,
-    Cog,
-    Briefcase,
-    CurrencyDollar,
-    Bolt
-  } from 'svelte-heros';
-</script>
-
-<HeroHeader
-  class="max-w-screen-md mb-8 lg:mb-16"
-  h2Class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white"
-  pClass="text-gray-500 sm:text-xl dark:text-gray-400"
->
-  <svelte:fragment slot="h2">Designed for business teams like yours</svelte:fragment>
-  <svelte:fragment slot="paragraph"
-    >Here at Flowbite we focus on markets where technology, innovation, and capital can unlock
-    long-term value and drive economic growth.</svelte:fragment
-  >
-</HeroHeader>
-<FeatureDefault>
-  <FeatureItem>
-    <svelte:fragment slot="icon"
-      ><PresentationChartLine class="w-5 h-5 text-primary-600 lg:w-6 lg:h-6 dark:text-primary-300"
-    /></svelte:fragment>
-    <svelte:fragment slot="h3">Marketing</svelte:fragment>
-    <svelte:fragment slot="paragraph"
-      >Plan it, create it, launch it. Collaborate seamlessly with all the organization and hit your
-      marketing goals every month with our marketing plan.</svelte:fragment
-    >
-  </FeatureItem>
-  <FeatureItem>
-    <svelte:fragment slot="icon"
-      ><AcademicCap class="w-5 h-5 text-primary-600 lg:w-6 lg:h-6 dark:text-primary-300"
-    /></svelte:fragment>
-    <svelte:fragment slot="h3">Legal</svelte:fragment>
-    <svelte:fragment slot="paragraph"
-      >Protect your organization, devices and stay compliant with our structured workflows and
-      custom permissions made for you.</svelte:fragment
-    >
-  </FeatureItem>
-  <FeatureItem>
-    <svelte:fragment slot="icon"
-      ><Briefcase class="w-5 h-5 text-primary-600 lg:w-6 lg:h-6 dark:text-primary-300"
-    /></svelte:fragment>
-    <svelte:fragment slot="h3">Business Automation</svelte:fragment>
-    <svelte:fragment slot="paragraph"
-      >Auto-assign tasks, send Slack messages, and much more. Now power up with hundreds of new
-      templates to help you get started.</svelte:fragment
-    >
-  </FeatureItem>
-  <FeatureItem>
-    <svelte:fragment slot="icon"
-      ><CurrencyDollar class="w-5 h-5 text-primary-600 lg:w-6 lg:h-6 dark:text-primary-300"
-    /></svelte:fragment>
-    <svelte:fragment slot="h3">Finance</svelte:fragment>
-    <svelte:fragment slot="paragraph"
-      >Audit-proof software built for critical financial operations like month-end close and
-      quarterly budgeting.</svelte:fragment
-    >
-  </FeatureItem>
-  <FeatureItem>
-    <svelte:fragment slot="icon"
-      ><Bolt class="w-5 h-5 text-primary-600 lg:w-6 lg:h-6 dark:text-primary-300"
-    /></svelte:fragment>
-    <svelte:fragment slot="h3">Enterprise Design</svelte:fragment>
-    <svelte:fragment slot="paragraph"
-      >Craft beautiful, delightful experiences for both marketing and product with real
-      cross-company collaboration.</svelte:fragment
-    >
-  </FeatureItem>
-  <FeatureItem>
-    <svelte:fragment slot="icon"
-      ><Cog class="w-5 h-5 text-primary-600 lg:w-6 lg:h-6 dark:text-primary-300"
-    /></svelte:fragment>
-    <svelte:fragment slot="h3">Operations</svelte:fragment>
-    <svelte:fragment slot="paragraph"
-      >Keep your company’s lights on with customizable, iterative, and structured workflows built
-      for all efficient teams and individual.</svelte:fragment
-    >
-  </FeatureItem>
-</FeatureDefault>
-```
diff --git a/docs/filter.md b/docs/filter.md
deleted file mode 100644
index 53fc2da..0000000
--- a/docs/filter.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Filter
-
-Coming soon
diff --git a/docs/footer.md b/docs/footer.md
deleted file mode 100644
index 203f977..0000000
--- a/docs/footer.md
+++ /dev/null
@@ -1,131 +0,0 @@
-# Footer Sections
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/footer)
-
-## Example usage
-
-```html
-<script>
-  import {
-    Footer,
-    FooterBrand,
-    FooterLinkGroup,
-    FooterLink,
-    FooterCopyright,
-    FooterIcon
-  } from 'flowbite-svelte';
-</script>
-
-<footer footerType="socialmedia">
-  <div class="mx-auto max-w-screen-xl text-center">
-    <FooterBrand
-      href="https://flowbite.com"
-      src="/images/logo.svg"
-      alt="Flowbite Logo"
-      name="Flowbite"
-      aClass="flex justify-center items-center text-2xl font-semibold text-gray-900 dark:text-white"
-    />
-    <p class="my-6 text-gray-500 dark:text-gray-400">
-      Open-source library of over 400+ web components and interactive elements built for better web.
-    </p>
-    <FooterLinkGroup
-      ulClass="flex flex-wrap justify-center items-center mb-6 text-gray-900 dark:text-white"
-    >
-      <FooterLink liClass="" aClass="mr-4 hover:underline md:mr-6" href="/">About</FooterLink>
-      <FooterLink liClass="" aClass="mr-4 hover:underline md:mr-6" href="/">Premium</FooterLink>
-      <FooterLink liClass="" aClass="mr-4 hover:underline md:mr-6" href="/">Campaigns</FooterLink>
-      <FooterLink liClass="" aClass="mr-4 hover:underline md:mr-6" href="/">Blog</FooterLink>
-      <FooterLink liClass="" aClass="mr-4 hover:underline md:mr-6" href="/"
-        >Affiliate Program</FooterLink
-      >
-      <FooterLink liClass="" aClass="mr-4 hover:underline md:mr-6" href="/">FAQs</FooterLink>
-      <FooterLink liClass="" aClass="mr-4 hover:underline md:mr-6" href="/">Contact</FooterLink>
-    </FooterLinkGroup>
-    <span class="text-sm text-gray-500 sm:text-center dark:text-gray-400"
-      >© 2021-2022 <a href="https://flowbite.com/" class="hover:underline">Flowbite™</a>. All Rights
-      Reserved.</span
-    >
-  </div>
-</footer>
-```
-
-## Example 2
-
-```html
-<script>
-  import {
-    Footer,
-    FooterBrand,
-    FooterLinkGroup,
-    FooterLink,
-    FooterCopyright,
-    FooterIcon
-  } from 'flowbite-svelte';
-</script>
-
-<footer footerType="socialmedia">
-  <div class="grid gap-12 lg:grid-cols-6 lg:gap-24">
-    <div class="col-span-2">
-      <FooterBrand
-        href="https://flowbite.com"
-        src="/images/logo.svg"
-        alt="Flowbite Logo"
-        name="Flowbite"
-        aClass="flex mb-6"
-      />
-      <p class="text-gray-600 dark:text-gray-400">
-        Flowbite is an ecosystem built on top of Tailwind CSS including a component library, block
-        sections, a Figma design system and other resources.
-      </p>
-    </div>
-    <div>
-      <h2 class="mb-6 text-sm font-semibold text-gray-400 uppercase dark:text-white">Resources</h2>
-      <FooterLinkGroup>
-        <FooterLink liClass="mb-4" href="https://flowbite.com/">Flowbite</FooterLink>
-        <FooterLink liClass="mb-4" href="https://tailwindcss.com/">Tailwind CSS</FooterLink>
-        <FooterLink liClass="mb-4" href="https://flowbite-svelte.com/">Flowbite-Svelte</FooterLink>
-      </FooterLinkGroup>
-    </div>
-    <div>
-      <h2 class="mb-6 text-sm font-semibold text-gray-400 uppercase dark:text-white">
-        HELP & SUPPORT
-      </h2>
-      <FooterLinkGroup>
-        <FooterLink liClass="mb-4" href="https://discord.gg/4eeurUVvTy">Discord</FooterLink>
-        <FooterLink liClass="mb-4" href="https://github.com/shinokada/flowbite-svelte-blocks/issues"
-          >GitHub</FooterLink
-        >
-      </FooterLinkGroup>
-    </div>
-    <div>
-      <h2 class="mb-6 text-sm font-semibold text-gray-400 uppercase dark:text-white">Follow us</h2>
-      <FooterLinkGroup>
-        <FooterLink liClass="mb-4" href="https://github.com/shinokada/flowbite-svelte-blocks"
-          >Gihub</FooterLink
-        >
-        <FooterLink liClass="mb-4" href="https://discord.gg/4eeurUVvTy">Discord</FooterLink>
-      </FooterLinkGroup>
-    </div>
-    <div>
-      <h2 class="mb-6 text-sm font-semibold text-gray-400 uppercase dark:text-white">Legal</h2>
-      <FooterLinkGroup>
-        <FooterLink
-          liClass="mb-4"
-          href="https://github.com/shinokada/flowbite-svelte-blocks/LICENSE"
-          >LICENSE</FooterLink
-        >
-      </FooterLinkGroup>
-    </div>
-  </div>
-  <hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8" />
-  <div class="sm:flex sm:items-center sm:justify-between">
-    <FooterCopyright href="/" by="Flowbite™" />
-    <div class="flex mt-4 space-x-6 sm:justify-center sm:mt-0">
-      <FooterIcon href="/" class="text-gray-400 hover:text-gray-900" icon="{Facebook}" />
-      <FooterIcon href="/" class="text-gray-400 hover:text-gray-900" icon="{Instagram}" />
-      <FooterIcon href="/" class="text-gray-400 hover:text-gray-900" icon="{Twitter}" />
-      <FooterIcon href="/" class="text-gray-400 hover:text-gray-900" icon="{Github}" />
-    </div>
-  </div>
-</footer>
-```
diff --git a/docs/header.md b/docs/header.md
deleted file mode 100644
index 355160b..0000000
--- a/docs/header.md
+++ /dev/null
@@ -1,53 +0,0 @@
-# Headers
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/header)
-
-## Example usage
-
-```html
-<script>
-  import {
-    Navbar,
-    NavBrand,
-    NavHamburger,
-    NavUl,
-    NavLi,
-    Button,
-    Breadcrumb,
-    BreadcrumbItem
-  } from 'flowbite-svelte';
-  let navClass = 'bg-white border-gray-200 px-4 lg:px-6 py-2.5 dark:bg-gray-800';
-  let navDivClass = 'flex flex-wrap justify-between items-center mx-auto max-w-screen-xl';
-</script>
-
-<header>
-  <Navbar let:hidden let:toggle fluid="{false}" {navClass} {navDivClass}>
-    <NavBrand href="/">
-      <img src="/images/logo.svg" class="mr-3 h-6 sm:h-9" alt="Flowbite Logo" />
-      <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
-        Flowbite
-      </span>
-    </NavBrand>
-    <div class="flex items-center lg:order-2">
-      <button href="/" color="dark">Log in</button>
-      <button href="/" class="ml-2" color="red">Get started</button>
-      <NavHamburger
-        on:click="{toggle}"
-        btnClass="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
-      />
-    </div>
-    <NavUl
-      {hidden}
-      divClass="justify-between items-center w-full lg:flex lg:w-auto lg:order-1"
-      ulClass="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0"
-    >
-      <NavLi href="/" active="{true}">Home</NavLi>
-      <NavLi href="/">Company</NavLi>
-      <NavLi href="/">Marketplace</NavLi>
-      <NavLi href="/">Features</NavLi>
-      <NavLi href="/">Team</NavLi>
-      <NavLi href="/">Contact</NavLi>
-    </NavUl>
-  </Navbar>
-</header>
-```
diff --git a/docs/hero.md b/docs/hero.md
deleted file mode 100644
index 64ee5cd..0000000
--- a/docs/hero.md
+++ /dev/null
@@ -1,93 +0,0 @@
-# Hero Sections
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/hero)
-
-## Example usage
-
-```html
-<script>
-  import { News, HeroHeader, HeroBody } from 'flowbite-svelte-blocks';
-  import { Button } from 'flowbite-svelte';
-  import { ArrowRight, VideoCamera } from 'svelte-heros';
-</script>
-
-<News>
-  <span class="text-xs bg-primary-600 rounded-full text-white px-4 py-1.5 mr-3">New</span>
-  <span class="text-sm font-medium">Flowbite is out! See what's new</span>
-</News>
-<HeroHeader>
-  <svelte:fragment slot="h1">We invest in the world’s potential</svelte:fragment>
-  <svelte:fragment slot="paragraph">
-    Here at Flowbite we focus on markets where technology, innovation, and capital can unlock
-    long-term value and drive economic growth.
-  </svelte:fragment>
-</HeroHeader>
-
-<div
-  class="flex flex-col mb-8 lg:mb-16 space-y-4 sm:flex-row sm:justify-center sm:space-y-0 sm:space-x-4"
->
-  <a href="/">
-    <button size="lg" color="red">Learn more <ArrowRight size="18" class="ml-2" /></button>
-  </a>
-  <a href="/">
-    <button size="lg" color="light">
-      <VideoCamera variation="solid" size="28" class="pt-1" />
-      Watch video
-    </button>
-  </a>
-</div>
-<HeroBody>
-  <svelte:fragment slot="head">FEATURED IN</svelte:fragment>
-
-  <div class="flex flex-wrap justify-center items-center mt-8 text-gray-500 sm:justify-between">
-    <a href="/" class="mr-5 mb-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400">
-      <Youtube />
-    </a>
-    <a href="/" class="mr-5 mb-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400">
-      <ProductHunt />
-    </a>
-    <a href="/" class="mr-5 mb-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400">
-      <Reddit />
-    </a>
-  </div>
-</HeroBody>
-```
-
-## Example 2
-
-```html
-<script>
-  import { News, HeroHeader, HeroBody } from 'flowbite-svelte-blocks';
-  import { Button } from 'flowbite-svelte';
-  import { ArrowRight, VideoCamera } from 'svelte-heros';
-</script>
-
-<div class="mr-auto place-self-center lg:col-span-7">
-  <HeroHeader
-    h1Class="max-w-2xl mb-4 text-4xl font-extrabold tracking-tight leading-none md:text-5xl xl:text-6xl dark:text-white"
-    pClass="max-w-2xl mb-6 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400"
-  >
-    <svelte:fragment slot="h1">Payments tool for software companies</svelte:fragment>
-    <svelte:fragment slot="paragraph">
-      From checkout to global sales tax compliance, companies around the world use Flowbite to
-      simplify their payment stack.
-    </svelte:fragment>
-    <a href="/"
-      ><button size="xl" color="red" class="inline-flex items-center justify-center mr-3">
-        Get started<ArrowRight size="18" class="ml-2 -mr-1" />
-      </button>
-    </a>
-    <a href="/"
-      ><button color="light" size="xl" class="inline-flex items-center justify-center">
-        Speak to Sales
-      </button>
-    </a>
-  </HeroHeader>
-</div>
-<div class="hidden lg:mt-0 lg:col-span-5 lg:flex">
-  <img
-    src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/hero/phone-mockup.png"
-    alt="mockup"
-  />
-</div>
-```
diff --git a/docs/index.html b/docs/index.html
deleted file mode 100644
index f00e223..0000000
--- a/docs/index.html
+++ /dev/null
@@ -1,148 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Flowbite Svelte Blocks</title>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-    <meta name="description" content="Svelte components for Flowbite Blocks" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
-    />
-    <link
-      href="https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600&display=swap"
-      rel="stylesheet"
-    />
-    <link rel="stylesheet" href="public/css/vue.css" />
-    <link rel="canonical" href="https://shinokada.github.io/flowbite-svelte-blocks/" />
-    <link rel="manifest" href="manifest.webmanifest" />
-    <meta name="theme-color" content="#ffffff" />
-    <link rel="shortcut icon" href="public/favicon.ico" type="image/x-icon" />
-    <link rel="icon" href="public/favicon.ico" type="image/x-icon" />
-    <style>
-      .markdown-section {
-        max-width: 700px;
-      }
-    </style>
-    <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:creator" content="@shinokada" />
-    <meta name="twitter:title" content="Flowbite Svelte Blocks" />
-    <meta name="twitter:description" content="Svelte components for Flowbite Blocks" />
-    <meta
-      name="twitter:image"
-      content="https://open-graph-vercel.vercel.app/api/flowbite-svelte-blocks"
-    />
-    <meta name="twitter:image:alt" content="Flowbite Svelte Blocks" />
-    <meta property="fb:app_id" content="453670756870545" />
-    <meta property="og:url" content="https://flowbite-svelte-blocks.pages.dev/" />
-    <meta property="og:type" content="website" />
-    <meta property="og:title" content="Flowbite Svelte Blocks" />
-    <meta property="og:description" content="Svelte components for Flowbite Blocks" />
-    <meta
-      property="og:image"
-      content="https://open-graph-vercel.vercel.app/api/flowbite-svelte-blocks"
-    />
-    <meta property="og:image:alt" content="Flowbite Svelte Blocks" />
-    <meta property="og:image:width" content="1200" />
-    <meta property="og:image:height" content="630" />
-    <meta name="pwa-capable" content="yes" />
-  </head>
-  <body>
-    <div id="app"></div>
-    <script>
-      window.$docsify = {
-        loadSidebar: true, // sidebar
-        subMaxLevel: 1,
-        maxLevel: 3,
-        auto2top: true,
-        repo: 'shinokada/flowbite-svelte-blocks',
-        routerMode: 'history',
-        relativePath: true,
-        crossOriginLinks: [
-          'https://twitter.com/shinokada',
-          'https://www.npmjs.com/package/flowbite-svelte-blocks',
-          'http://www.apache.org/licenses/',
-          'https://opensource.org/licenses/MIT'
-        ],
-        search: 'auto',
-        search: [
-          'README.md', // => /README.md
-          '404.md',
-          '500.md',
-          'account-recovery.md',
-          'banners.md',
-          'blog.md',
-          'contact-forms.md',
-          'content.md',
-          'crud-update-modals',
-          'crud-create-modals',
-          'cta.md',
-          'faq.md',
-          'feature.md',
-          'filter.md',
-          'footer.md',
-          'header.md',
-          'hero.md',
-          'index.html',
-          'login.md',
-          'maintenance.md',
-          'newsletter.md',
-          'popup.md',
-          'pricing.md',
-          'register.md',
-          'reset-password.md',
-          'sidenav',
-          'social-proof.md',
-          'team.md',
-          'testimonial.md'
-        ],
-        // complete configuration parameters
-        search: {
-          maxAge: 180000,
-          paths: 'auto',
-          placeholder: 'Type to search',
-          noData: 'No Results!',
-          // Headline depth, 1 - 6
-          depth: 3,
-          hideOtherSidebarContent: false // whether or not to hide other sidebar content
-        }
-      };
-      // PWA
-      if ('serviceWorker' in navigator) {
-        navigator.serviceWorker.register('/service-worker.js', {
-          scope: '/'
-        });
-      }
-    </script>
-    <script type="application/ld+json">
-      {
-        "@context": "https://schema.org",
-        "@type": "Article",
-        "mainEntityOfPage": {
-          "@type": "WebPage",
-          "@id": "https://flowbite-svelte-blocks.pages.dev/"
-        },
-        "headline": "Flowbite Svelte Blocks",
-        "description": "Svelte components for Flowbite Blocks",
-        "image": "https://open-graph-vercel.vercel.app/api/flowbite-svelte-blocks",
-        "author": {
-          "@type": "Person",
-          "name": "Shinichi Okada",
-          "url": "https://github.com/shinokada"
-        },
-        "publisher": {
-          "@type": "Organization",
-          "name": "CODEWITHSHIN",
-          "logo": {
-            "@type": "ImageObject",
-            "url": "https://raw.githubusercontent.com/shinokada/svelte-awesome-icons/main/static/codewithshin.webp"
-          }
-        },
-        "datePublished": "2023-01-01",
-        "dateModified": "2023-01-25"
-      }
-    </script>
-    <script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
-    <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
-  </body>
-</html>
diff --git a/docs/login.md b/docs/login.md
deleted file mode 100644
index ca4822c..0000000
--- a/docs/login.md
+++ /dev/null
@@ -1,45 +0,0 @@
-# Login Forms
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/login)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import { Register } from 'flowbite-svelte-blocks';
-  import { Button, Checkbox, Label, Input } from 'flowbite-svelte';
-</script>
-
-<Register href="/">
-  <svelte:fragment slot="top">
-    <img class="w-8 h-8 mr-2" src="/images/logo.svg" alt="logo" />
-    Flowbite
-  </svelte:fragment>
-  <div class="p-6 space-y-4 md:space-y-6 sm:p-8">
-    <form class="flex flex-col space-y-6" action="/">
-      <h3 class="text-xl font-medium text-gray-900 dark:text-white p-0">Change Password</h3>
-      <label class="space-y-2">
-        <span>Your email</span>
-        <input type="email" name="email" placeholder="name@company.com" required />
-      </label>
-      <label class="space-y-2">
-        <span>Your password</span>
-        <input type="password" name="password" placeholder="•••••" required />
-      </label>
-      <div class="flex items-start">
-        <Checkbox>Remember me</Checkbox>
-        <a href="/" class="ml-auto text-sm text-blue-700 hover:underline dark:text-blue-500"
-          >Forgot password?</a
-        >
-      </div>
-      <button type="submit" class="w-full1">Sign in</button>
-      <p class="text-sm font-light text-gray-500 dark:text-gray-400">
-        Don’t have an account yet?
-        <a href="/" class="font-medium text-primary-600 hover:underline dark:text-primary-500"
-          >Sign up</a
-        >
-      </p>
-    </form>
-  </div>
-</Register>
-```
diff --git a/docs/maintenance.md b/docs/maintenance.md
deleted file mode 100644
index 33fb9d4..0000000
--- a/docs/maintenance.md
+++ /dev/null
@@ -1,18 +0,0 @@
-# Maintenance Pages
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/maintenance)
-
-## Example usage
-
-```html
-<script>
-  import { Maintenance } from 'flowbite-svelte-blocks';
-</script>
-
-<Maintenance>
-  <svelte:fragment slot="h1">Under Maintenance</svelte:fragment>
-  <svelte:fragment slot="paragraph">
-    Our Enterprise administrators are performing scheduled maintenance.
-  </svelte:fragment>
-</Maintenance>
-```
diff --git a/docs/manifest.webmanifest b/docs/manifest.webmanifest
deleted file mode 100644
index 8bf660f..0000000
--- a/docs/manifest.webmanifest
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "name": "Flowbite Svelte Blocks",
-  "short_name": "Flowbite Svelte Blocks",
-  "scope": "/",
-  "start_url": ".",
-  "icons": [
-    {
-      "src": "images/apple-touch-icon.png",
-      "sizes": "180x180",
-      "type": "image/png"
-    },
-    {
-      "src": "images/android-chrome-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "images/android-chrome-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    },
-    {
-      "src": "images/maskable_icon_x192.png",
-      "sizes": "192x192",
-      "type": "image/png",
-      "purpose": "any maskable"
-    }
-  ],
-  "theme_color": "#ffffff",
-  "background_color": "#ffffff",
-  "display": "standalone"
-}
diff --git a/docs/navbar.md b/docs/navbar.md
deleted file mode 100644
index ba7b8b0..0000000
--- a/docs/navbar.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Dashboard Navbar
-
-Coming soon
diff --git a/docs/newsletter.md b/docs/newsletter.md
deleted file mode 100644
index 429be74..0000000
--- a/docs/newsletter.md
+++ /dev/null
@@ -1,57 +0,0 @@
-# Newsletter Sections
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/newsletter)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import { Newsletter } from 'flowbite-svelte-blocks';
-  import { Input, Button } from 'flowbite-svelte';
-  import { Home, Envelope } from 'svelte-heros';
-</script>
-
-<Newsletter>
-  <svelte:fragment slot="h2">Sign up for our newsletter</svelte:fragment>
-  <p
-    class="mx-auto mb-8 max-w-2xl font-light text-gray-500 md:mb-12 sm:text-xl dark:text-gray-400"
-  >
-    Stay up to date with the roadmap progress, announcements and exclusive discounts feel free
-    to sign up with your email.
-  </p>
-  <form action="/">
-    <div class="items-center mx-auto mb-3 space-y-4 max-w-screen-sm sm:flex sm:space-y-0">
-      <div class="relative w-full">
-        <Input
-          noBorderInputClass="block p-3 pl-10 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 sm:rounded-none sm:rounded-l-lg focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
-          noBorder={true}
-          id="email"
-          type="email"
-          icon={Envelope}
-          iconSize="20"
-          iconClass="mr-2 dark:text-gray-400"
-          placeholder="Enter your email"
-          size="lg"
-        ><svg slot="left" aria-hidden="true" class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" /><path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" /></svg>
-      </Input>
-      </div>
-      <div>
-        <Button
-          type="submit"
-          btnClass="py-3 px-5 w-full text-sm font-medium text-center text-white rounded-lg border cursor-pointer bg-primary-700 border-primary-600 sm:rounded-none sm:rounded-r-lg hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800"
-          >Subscribe</Button
-        >
-      </div>
-    </div>
-    <div
-      class="mx-auto max-w-screen-sm text-sm text-left text-gray-500 newsletter-form-footer dark:text-gray-300"
-    >
-      We care about the protection of your data. <a
-        href="/"
-        class="font-medium text-primary-600 dark:text-primary-500 hover:underline"
-        >Read our Privacy Policy</a
-      >.
-    </div>
-  </form>
-</Newsletter>
-```
diff --git a/docs/popup.md b/docs/popup.md
deleted file mode 100644
index 0a6f6f5..0000000
--- a/docs/popup.md
+++ /dev/null
@@ -1,31 +0,0 @@
-# Popups
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/popup)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import { Popup } from 'flowbite-svelte-blocks';
-  import { Button } from 'flowbite-svelte';
-</script>
-
-<Popup>
-  <div class="mb-4 text-sm font-light text-gray-500 dark:text-gray-400">
-    <h3 class="mb-3 text-2xl font-bold text-gray-900 dark:text-white">Privacy info</h3>
-    <p>
-      The backup created with this export functionnality may contain some sensitive data. We suggest
-      you to save this archive in a securised location.
-    </p>
-  </div>
-  <div class="justify-between items-center pt-0 space-y-4 sm:flex sm:space-y-0">
-    <a href="/" class="font-medium text-primary-600 dark:text-primary-500 hover:underline"
-      >Learn more about privacy</a
-    >
-    <div class="items-center space-y-4 sm:space-x-4 sm:flex sm:space-y-0">
-      <button outline color="dark">Cancel</button>
-      <button color="red">Confirm</button>
-    </div>
-  </div>
-</Popup>
-```
diff --git a/docs/portfolio.md b/docs/portfolio.md
deleted file mode 100644
index 9c9cefa..0000000
--- a/docs/portfolio.md
+++ /dev/null
@@ -1,46 +0,0 @@
-# Portfolio
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/portfolio)
-
-## Example usage
-
-```html
-<script>
-  import { Portfolio, PortfolioItem } from 'flowbite-svelte-blocks';
-  const portfolios = [
-    {
-      customer: 'Alphabet Inc.',
-      title: 'Official website',
-      description:
-        'Flowbite helps you connect with friends, family and communities of people who share your interests.',
-      href: '/',
-      linkTitle: 'View case study'
-    },
-    {
-      customer: 'Microsoft Corp.',
-      title: 'Management system',
-      description:
-        'Flowbite helps you connect with friends, family and communities of people who share your interests.',
-      href: '/',
-      linkTitle: 'View case study'
-    },
-    {
-      customer: 'Adobe Inc.',
-      title: 'Logo design',
-      description:
-        'Flowbite helps you connect with friends, family and communities of people who share your interests.',
-      href: '/',
-      linkTitle: 'View case study'
-    }
-  ];
-</script>
-
-<Portfolio
-  title="Our work"
-  subtitle="Crafted with skill and care to help our clients grow their business!"
->
-  {#each portfolios as item}
-  <PortfolioItem {item} />
-  {/each}
-</Portfolio>
-```
diff --git a/docs/pricing.md b/docs/pricing.md
deleted file mode 100644
index f3547b4..0000000
--- a/docs/pricing.md
+++ /dev/null
@@ -1,129 +0,0 @@
-# Pricing Tables
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/pricing)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import {
-    PricingBodyHead,
-    PricingCard,
-    PricingItemWrapper,
-    PricingHead,
-    PricingItem
-  } from 'flowbite-svelte-blocks';
-  import { Button } from 'flowbite-svelte';
-</script>
-
-<PricingHead>
-  <svelte:fragment slot="h2">Designed for business teams like yours</svelte:fragment>
-  <svelte:fragment slot="paragraph"
-    >Here at Flowbite we focus on markets where technology, innovation, and capital can unlock
-    long-term value and drive economic growth.</svelte:fragment
-  >
-</PricingHead>
-<div class="space-y-8 lg:grid lg:grid-cols-3 sm:gap-6 xl:gap-10 lg:space-y-0">
-  <PricingCard>
-    <PricingBodyHead>
-      <svelte:fragment slot="h3">Starter</svelte:fragment>
-      <svelte:fragment slot="paragraph">
-        Best option for personal use & for your next project.
-      </svelte:fragment>
-      <svelte:fragment slot="price">
-        <span class="mr-2 text-5xl font-extrabold">$29</span>
-        <span class="text-gray-500 dark:text-gray-400">/month</span>
-      </svelte:fragment>
-    </PricingBodyHead>
-    <PricingItemWrapper>
-      <PricingItem>
-        <span>Individual configuration</span>
-      </PricingItem>
-      <PricingItem>
-        <span>No setup, or hidden fees</span>
-      </PricingItem>
-      <PricingItem>
-        <span>Team size: <span class="font-semibold">1 developer</span></span>
-      </PricingItem>
-      <PricingItem>
-        <span>Premium support: <span class="font-semibold">6 months</span></span>
-      </PricingItem>
-      <PricingItem>
-        <span>Free updates: <span class="font-semibold">6 months</span></span>
-      </PricingItem>
-
-      <svelte:fragment slot="btn">
-        <button color="red">Get started</button>
-      </svelte:fragment>
-    </PricingItemWrapper>
-  </PricingCard>
-
-  <PricingCard>
-    <PricingBodyHead>
-      <svelte:fragment slot="h3">Company</svelte:fragment>
-      <svelte:fragment slot="paragraph">
-        Relevant for multiple users, extended & premium support.
-      </svelte:fragment>
-      <svelte:fragment slot="price">
-        <span class="mr-2 text-5xl font-extrabold">$99</span>
-        <span class="text-gray-500 dark:text-gray-400">/month</span>
-      </svelte:fragment>
-    </PricingBodyHead>
-    <PricingItemWrapper>
-      <PricingItem>
-        <span>Individual configuration</span>
-      </PricingItem>
-      <PricingItem>
-        <span>No setup, or hidden fees</span>
-      </PricingItem>
-      <PricingItem>
-        <span>Team size: <span class="font-semibold">10 developer</span></span>
-      </PricingItem>
-      <PricingItem>
-        <span>Premium support: <span class="font-semibold">24 months</span></span>
-      </PricingItem>
-      <PricingItem>
-        <span>Free updates: <span class="font-semibold">24 months</span></span>
-      </PricingItem>
-
-      <svelte:fragment slot="btn">
-        <button color="red">Get started</button>
-      </svelte:fragment>
-    </PricingItemWrapper>
-  </PricingCard>
-
-  <PricingCard>
-    <PricingBodyHead>
-      <svelte:fragment slot="h3">Enterprise</svelte:fragment>
-      <svelte:fragment slot="paragraph">
-        Best for large scale uses and extended redistribution rights.
-      </svelte:fragment>
-      <svelte:fragment slot="price">
-        <span class="mr-2 text-5xl font-extrabold">$499</span>
-        <span class="text-gray-500 dark:text-gray-400">/month</span>
-      </svelte:fragment>
-    </PricingBodyHead>
-    <PricingItemWrapper>
-      <PricingItem>
-        <span>Individual configuration</span>
-      </PricingItem>
-      <PricingItem>
-        <span>No setup, or hidden fees</span>
-      </PricingItem>
-      <PricingItem>
-        <span>Team size: <span class="font-semibold">100+ developer</span></span>
-      </PricingItem>
-      <PricingItem>
-        <span>Premium support: <span class="font-semibold">36 months</span></span>
-      </PricingItem>
-      <PricingItem>
-        <span>Free updates: <span class="font-semibold">36 months</span></span>
-      </PricingItem>
-
-      <svelte:fragment slot="btn">
-        <button color="red">Get started</button>
-      </svelte:fragment>
-    </PricingItemWrapper>
-  </PricingCard>
-</div>
-```
diff --git a/docs/public/android-chrome-192x192.png b/docs/public/android-chrome-192x192.png
deleted file mode 100644
index b01a3e66b12aca13e344b4f96cf91c983799b896..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4261
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

diff --git a/docs/public/android-chrome-512x512.png b/docs/public/android-chrome-512x512.png
deleted file mode 100644
index 5230f4e750e9bb72c7e4d724f99e044233f7e790..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 13830
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
Tc_j@5{!^A$mCL_s`tbh%d_)z|

diff --git a/docs/public/apple-touch-icon.png b/docs/public/apple-touch-icon.png
deleted file mode 100644
index 844bd8e90fc0d12122040c03c936a63f8fe3f5d3..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3792
zcmc&%`#%%@_uod$ouMtaA=lg~dLw2-Bnxv3xkig}HzEve7((v1SPJF#UWNz}l53-s
zOYX_!QgVwHpY^@`4WA!guk(1E^E#K;<DBz2&y#G0zR1HV!U+HXc+Aa=ZJ3n$_kh`$
z_l03LO(p?`*jz*c>PEy?0RUc-xv`OLgzH8LN1(8YNZ;{=I~>3V2>d<%q&SlkC%U)<
z9wo)AlB$#(7C2lLWE{aSUa*U{H95vFfF+%{NY!FMsLKq};R~%ZQo6N{{n2O!0>qIK
z$of;WVf-DBu-WUjFT>X(HIJV@uaTZ{i{1VmQ|~t-5jU?hs&hMr>Qj7K=*KR<E*nZK
zvK!$5q-x@Qx)MDtAm>Z)05q)A1H4XD#fgZ_o|`|u1Qj>|SIxI&>jV=Ez!jsNJKmYX
z?7a60an8V6sJje+7QZ^EEki?qbS3wIhfsb;_^j&Qli}5+fnm=QJ9_46heY9?WgdJ*
zEk16~r|VZZ<li(rLMk-+^5W6s+R4fCGixH1XfnnID)ais6_!9a9ySf}c87o;A{6mY
z_&X;5xq9<NV_3Bv{YX&j0Rf!V5bP%5#CoMjMU;T&jpO4f4<2eFU}AMcdPI<X`Rejd
zZLqN{>SfkrOOi4)b&zv6_n*4jl!`BQ-(w1CiccFL1Odtvz(z!yEh-bSB*2fjFLk&4
z89b&Kq8kW;m6ihCA$(dQ^$KE&G9X?2L9&T>rG1IQLx`^T>ta7CYM4Hdn?qes#~{uI
zc6j@rl!{vqQ0(`PmUXwuF0O@s4BtRwE-+Y#*z7lR)wMDgnUeis<xMw#iVAp`UuK>g
z=%N20Yj*;2M^Eof<!=X|XOdPype^Lzcs!-6{=hUP=IN=KbKT7X>X2ISAndP#bs5*O
zWYF%tA%WJ;Gp>_?72IOunxIx6cdD6r$x9e<>tAn=Q%S7F(vm&f(z545M7eiD&amIN
z0ObnsPpI0+`J4nLH7hHyWa2|uNj-LgT7w6H9U;Q=Z$AoTsByeKrCX%~tP#!4H0v|~
z2~8O^rLF^joEv~p-kWeB=WV#NDGm=H-~hUb)N}x$DP85X9s-Zl1C*eqF5;2XeYu(9
zk_fUmene{HG=jY0HTag7zl_F<SjpHED5LFBysxu^t+4E6A!fgs^!J43a~4(wDhutO
z$I(n0ee2XDkm(jk7aRMpyJzOO!bC>(AH#lwLXznbea%J8(3*_JeXLkkB(v{)Bi(?D
z_^255mah`y*5HG$lS!9)wHoCvT;aH|_ogGly{g&Zmz|>xX+bO3$t#8HQN$&BB^*YI
zgO;wuKX=Sq?3-hx_Ft`chFWczJ%k*N8-7msa!;F-*E6+aA21bn;MeRZYP*1Cit5&W
zm&LwQrH?*gd3}}~c(umj_8uwCv2^=M7*II<iz2z&cT`#vbm65;S@@^>^cZwhPvd>$
ztx$^|>Mf$WrJq&5Yt%j_J6pofYK|Dn$t4JjwctD(v<LT@YP+>Qku#Se<uciqg><OT
zR=bQUqMyW0Ka<s^-X?Hm2?kn!;ywQgqyIYE!w9;&dBe3UJt`%^AMT4<-6|~DFOM#w
z>!R#_DFyXm)Vu<MZdP@-RJ>Xt)YaN7c!)fgOE*p*5sz2B?!~1d7<G6=hDDgq$hWZb
z!h8QTxT1nqN6YrRH+U37RfI!RXyJ1-`M?S5PfdEqfU&RjMysR2%~2wuM?zD*NH<&z
z<g2BK>kW$G!QKtVX0J|A4dXfu`J!ElfTPehoJ^#mzP`{+-_?mZRC#!3S-f~BYDtx>
zEc;h#JzV55DH#3;Rg~`}|FO~8ps($mvt&SQly^Bz^`x$*wAedK22W&|Weo*7wg8>`
zOk56#{UV&l^4pwzO_|zO^XvCZ|IYcrm*W#$*L2kVdS6EP{dN$V!mzq1Q~5#ZpCg4g
zVRx^lwO4%zyX^LpttmEV?P+i@k?C4<cj1#u>cvDimW@>BgQI~<`sbr$aT}9Y$QMjH
zmyv@v+TMSE$sus#^LVy{wkcz)UO~~XZF=iWME9wwzhdi?`nsUuB0_1Cym#M##(FYz
zzW#&VkDAfoGMXy1HOw~Tar#S*9~n7qsSb_Ne=t%K#qEzqjcvRoIX8mI)nj?--EaC#
z%l$l^L(NlBlcP(H`*GnCqP2?%a#0fP*-!?0#fYp(eb4KpYe1-=<#H~Es&iVBOK`NY
zEyc5hCR>Hd1Zynk1~nn~{uQz?)Tslc1V@s<`zMan<_t35-3+WQ0TAqM>FA)^pk+cy
zCQX}d!>N&*AwTyc#`j?QVdQFKhoK8+Z50h;>XtHHx0&`WMMy~Oe5(2OCr`KJ@Y%%*
z+OBL_8SQ6Fs$Hx|qPB(#dT=wbon75~L3iCSv?sp(R-x2+l#;>@Pjsu-n|74%b-B`a
z5sZV~^K^<l{oD5YavF(41=>+igws<sXvU-s8O$}x|2P@Gs_|Xf!U|sC?aW!5Pg}v=
zN*tmtB&GSfo^FUe)`4o}9=*p5LagYA5Ua~{XB*XceW{w;Y3(X{ullmoZg(bgzB&;#
zc@`B&v^T>Z+@Bu`(phM=@N=78D@lLFQPa@1MhiQJDN;?4g8})Dlp}&mVOiain7OwH
zkl3pf%1w0b$qivblNmPUThK@K;Qm>Ywb_7FvWp%Y0hdV&UdYeWiSS#<KRkM_Kux(f
zGBnHG(gxL$Kz$mFBPv%q*8@c+eyuJCcy(WN)A_eqr!|P!ge9sPUIn%=>=lairSwC(
z^1p38jM#!l#I9^w5wSm`|0kH7pCS7>_hg1j`}n$rXR_8(GqnSFaO+coV=&8ht-k>&
z8JKI}%-r+?LuTM?IfjJ++oZzQEU67R!QPBM_)^xx-)TnaXFA%A$Y4oCor%DFzf2Z}
zw0d7>oh{r||H5*q@iwYbt!v?QU(x@oVGm3Pz7;HGSPhaGM34E_{;L_KzDsWgal64~
zQh6IS=ZU%Rf`=^I#q+`}o@IW|T#{G6KD8LRkq8wHA=+b!x$yUQ?+&?hugx`>+TSr@
z*ZA6>*G|W_?-d}GWT=--VxoSKoo&!jc~(ciN4{@s1o`9INo&1tgq$?UvC+LJ@?-ku
zMM{06zBhaa@$HA`=>h-d{HIspJA()<Cwu3$s}I3G0kd%?YX)WS<e0O@6Di-@=XqF?
zAaw<_&B?d8@(87%tZ3rz!NF-Upm3H@_lgC5ZMiD8Vm(L>I6@;0(`?V41ql@*6MZr~
z+nKFlf4QGFMy3hro=p&1vt;&==Otn;FSCcprye^7FndTCqe%^ATH+m+?2W`=nejXz
zKS7ZdL$Pd%AB&I}Y;QKVia7HjO3REg%e1UiaUHvAh2<14G$QR*(3oG7MOh>wF?1TY
zO^psA*9{HgpV5SHP)5ys;VA|)BVC;qBPiR(Ph~^j<mTiu=L8r*ZXCh;C(G&c0@)H5
zBz}43Fp9UfvV_%<&V!@MCyr*;+`1kp3HOKps#_mDwGu``xvXKS$^Jnfg%JsjrZE$h
z>k}N=;!1pNXj#KtMQ8|vQU)_zS28_1Lj7>~Sv1r2le?*;(g)k3Y3*`LC=$1dH_F3x
z3qxg2YrcjmD_KnEIM~i7GCbclw>Wg{7d)Y~iw$9r&G&up6S6K!w?vD2`*z?4(bs(f
zY~<k0@{5Y(C9iTy@SFA|aJY|son>xnjwod_L2YI;Q}ZC|5}hk+dWmq;D?3gtom{ER
z&@=d>dZnQF^TVXddlGl==sZquw=O6Y*9{iSYH;nVyYM@wzkef{Icck-{+tQatQxSl
z!Ex6gtqBU{N!ZECep*>jBwuq=*~BX{!3-&h=d&>$`SPjL(0De0pl#B_<}ZyP&)BMb
z^}U2g7D;=u=rBQx|Fe@J=VTFNO94t;5filN*rl`-Lds|rNfVux%t9)9*6U))VTHvQ
z-<p?Wf)~qi&$<dGUr|~+P>_k8Dtt8@FigIXfar^4CU(L!=2!pM-3N{L3<a}beWo7p
zm?45dpz~5U=t#g8X=Px?OcDk%`9J8$RdH@Q13$*f+LV&b5duZQ_>@W%vQEdjgJFwz
zMh(L@13h5XKy25JhbY7<8}AR+xU^$2Os_lDk%rH#!alm3!Wu6r$r-u;mpQB$PTyKR
zvctn5#%kJ9Kobs_D5Efd3Xrt1DHY{IDchgLRG5IivfkS=Lx1$Lcua%kcPKw!>?FIu
zumQ7KDrN``5Qwm_;S@ewY*42!N&RdiH`H<x>C7%^N(n9C<tR==D02U4DmKAr_nR{7
z<DcL#N29wjY<TmwMWX~4B!XStkW#huVSU{?r;<ZF{|N>v13Eg_HoEvAIP!vJ+y*|t
z7;W!lBuv6+g^nBUl;&qD^EZig0_wLHkCZIktK$ZunpBDpF}uosV3p(Z?yrkwu3?q9
zS^bl@i78`YyDq`4fF?hpfzR3_#XC1Pqid0+x(s#3d%)*DL6djp<==SoK#rV2!8r8C
zfGgrY`6Dzt9*{gK=nhNSO{EC)E8`+jGHP*1`eA<0A9LqwG{A3qTlWV2TUu-jIyz99
z`!grD9dJ4>QCdQvzh&kFkitiMh3`E4fupGPuMPREvdZopC%m2hGFlj<Ia-;x`{A4h
zSp9!@x<w0+Pu0PGgFpt~is;{!j;#l6siS?^IB-mtel*{GB5MEu>*8m?6XH5r&f$eo
Q%oP=2Zh|(hL%PTR2V1S=NdN!<

diff --git a/docs/public/css/vue.css b/docs/public/css/vue.css
deleted file mode 100644
index 51dcdcd..0000000
--- a/docs/public/css/vue.css
+++ /dev/null
@@ -1,1025 +0,0 @@
-:root {
-  --theme-color: #3b6b8f;
-  --white: #ffffff;
-}
-
-* {
-  -webkit-font-smoothing: antialiased;
-  -webkit-overflow-scrolling: touch;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  -webkit-text-size-adjust: none;
-  -webkit-touch-callout: none;
-  box-sizing: border-box;
-}
-
-body:not(.ready) {
-  overflow: hidden;
-}
-
-body:not(.ready) .app-nav,
-body:not(.ready) > nav,
-body:not(.ready) [data-cloak] {
-  display: none;
-}
-
-div#app {
-  font-size: 24px;
-  font-weight: lighter;
-  margin: 40vh auto;
-  text-align: center;
-}
-
-div#app:empty:before {
-  content: 'Loading...';
-}
-
-img.emoji {
-  height: 1.2em;
-}
-
-img.emoji,
-span.emoji {
-  vertical-align: middle;
-}
-
-span.emoji {
-  font-family: Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
-  font-size: 1.2em;
-}
-
-.progress {
-  background-color: var(--theme-color);
-  height: 2px;
-  left: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-  transition: width 0.2s, opacity 0.4s;
-  width: 0;
-  z-index: 999999;
-}
-
-.search .search-keyword,
-.search a:hover {
-  color: var(--theme-color);
-}
-
-.search .search-keyword {
-  font-style: normal;
-  font-weight: 700;
-}
-
-body,
-html {
-  height: 100%;
-}
-
-body {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  color: #34495e;
-  font-family: Source Sans Pro, Helvetica Neue, Arial, sans-serif;
-  font-size: 13px;
-  letter-spacing: 0;
-  margin: 0;
-  overflow-x: hidden;
-}
-
-img {
-  max-width: 100%;
-}
-
-a[disabled] {
-  cursor: not-allowed;
-  opacity: 0.6;
-}
-
-kbd {
-  border: 1px solid #ccc;
-  border-radius: 3px;
-  display: inline-block;
-  font-size: 12px !important;
-  line-height: 12px;
-  margin-bottom: 3px;
-  padding: 3px 5px;
-  vertical-align: middle;
-}
-
-li input[type='checkbox'] {
-  margin: 0 0.2em 0.25em 0;
-  vertical-align: middle;
-}
-
-.app-nav {
-  margin: 25px 60px 0 0;
-  position: absolute;
-  right: 0;
-  text-align: right;
-  z-index: 10;
-}
-
-.app-nav.no-badge {
-  margin-right: 25px;
-}
-
-.app-nav p {
-  margin: 0;
-}
-
-.app-nav > a {
-  margin: 0 1rem;
-  padding: 5px 0;
-}
-
-.app-nav li,
-.app-nav ul {
-  display: inline-block;
-  list-style: none;
-  margin: 0;
-}
-
-.app-nav a {
-  color: inherit;
-  font-size: 14px;
-  text-decoration: none;
-  transition: color 0.3s;
-}
-
-.app-nav a.active,
-.app-nav a:hover {
-  color: var(--theme-color);
-}
-
-.app-nav a.active {
-  border-bottom: 2px solid var(--theme-color);
-}
-
-.app-nav li {
-  display: inline-block;
-  margin: 0 1rem;
-  padding: 5px 0;
-  position: relative;
-  cursor: pointer;
-}
-
-.app-nav li ul {
-  background-color: var(--white);
-  border: 1px solid;
-  border-color: #ddd #ddd #ccc;
-  border-radius: 4px;
-  box-sizing: border-box;
-  display: none;
-  max-height: calc(100vh - 61px);
-  overflow-y: auto;
-  padding: 10px 0;
-  position: absolute;
-  right: -15px;
-  text-align: left;
-  top: 100%;
-  white-space: nowrap;
-}
-
-.app-nav li ul li {
-  display: block;
-  font-size: 13px;
-  line-height: 1rem;
-  margin: 8px 14px;
-  white-space: nowrap;
-}
-
-.app-nav li ul a {
-  display: block;
-  font-size: inherit;
-  margin: 0;
-  padding: 0;
-}
-
-.app-nav li ul a.active {
-  border-bottom: 0;
-}
-
-.app-nav li:hover ul {
-  display: block;
-}
-
-.github-corner {
-  border-bottom: 0;
-  position: fixed;
-  right: 0;
-  text-decoration: none;
-  top: 0;
-  z-index: 1;
-}
-
-.github-corner:hover .octo-arm {
-  animation: octocat-wave 0.56s ease-in-out;
-}
-
-.github-corner svg {
-  color: var(--white);
-  fill: var(--theme-color);
-  height: 80px;
-  width: 80px;
-}
-
-main {
-  display: block;
-  position: relative;
-  width: 100vw;
-  height: 100%;
-  z-index: 0;
-}
-
-main.hidden {
-  display: none;
-}
-
-.anchor {
-  display: inline-block;
-  text-decoration: none;
-  transition: all 0.3s;
-}
-
-.anchor span {
-  color: #34495e;
-}
-
-.anchor:hover {
-  text-decoration: underline;
-}
-
-.sidebar {
-  border-right: 1px solid rgba(0, 0, 0, 0.07);
-  overflow-y: auto;
-  padding: 40px 0 0;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  transition: transform 0.25s ease-out;
-  width: 300px;
-  z-index: 20;
-}
-
-.sidebar > h1 {
-  margin: 0 auto 1rem;
-  font-size: 1.5rem;
-  font-weight: 300;
-  text-align: center;
-}
-
-.sidebar > h1 a {
-  color: inherit;
-  text-decoration: none;
-}
-
-.sidebar > h1 .app-nav {
-  display: block;
-  position: static;
-}
-
-.sidebar .sidebar-nav {
-  line-height: 2em;
-  padding-bottom: 40px;
-}
-
-.sidebar li.collapse .app-sub-sidebar {
-  display: none;
-}
-
-.sidebar ul {
-  margin: 0 0 0 15px;
-  padding: 0;
-}
-
-.sidebar li > p {
-  font-weight: 700;
-  margin: 0;
-}
-
-.sidebar ul,
-.sidebar ul li {
-  list-style: none;
-}
-
-.sidebar ul li a {
-  border-bottom: none;
-  display: block;
-}
-
-.sidebar ul li ul {
-  padding-left: 20px;
-}
-
-.sidebar::-webkit-scrollbar {
-  width: 4px;
-}
-
-.sidebar::-webkit-scrollbar-thumb {
-  background: transparent;
-  border-radius: 4px;
-}
-
-.sidebar:hover::-webkit-scrollbar-thumb {
-  background: hsla(0, 0%, 53.3%, 0.4);
-}
-
-.sidebar:hover::-webkit-scrollbar-track {
-  background: hsla(0, 0%, 53.3%, 0.1);
-}
-
-.sidebar-toggle {
-  background-color: transparent;
-  background-color: hsla(0, 0%, 100%, 0.8);
-  border: 0;
-  outline: none;
-  padding: 10px;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  text-align: center;
-  transition: opacity 0.3s;
-  width: 284px;
-  z-index: 30;
-  cursor: pointer;
-}
-
-.sidebar-toggle:hover .sidebar-toggle-button {
-  opacity: 0.4;
-}
-
-.sidebar-toggle span {
-  background-color: var(--theme-color);
-  display: block;
-  margin-bottom: 4px;
-  width: 32px;
-  height: 4px;
-}
-
-body.sticky .sidebar,
-body.sticky .sidebar-toggle {
-  position: fixed;
-}
-
-.content {
-  padding-top: 60px;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 300px;
-  transition: left 0.25s ease;
-}
-
-.markdown-section {
-  margin: 0 auto;
-  max-width: 80%;
-  padding: 30px 15px 40px;
-  position: relative;
-}
-
-.markdown-section > * {
-  box-sizing: border-box;
-  font-size: inherit;
-}
-
-.markdown-section > :first-child {
-  margin-top: 0 !important;
-}
-
-.markdown-section hr {
-  border: none;
-  border-bottom: 1px solid #eee;
-  margin: 2em 0;
-}
-
-.markdown-section iframe {
-  border: 1px solid #eee;
-  width: 1px;
-  min-width: 100%;
-}
-
-.markdown-section table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  display: block;
-  margin-bottom: 1rem;
-  overflow: auto;
-  width: 100%;
-}
-
-.markdown-section th {
-  font-weight: 700;
-}
-
-.markdown-section td,
-.markdown-section th {
-  border: 1px solid #ddd;
-  padding: 6px 13px;
-}
-
-.markdown-section tr {
-  border-top: 1px solid #ccc;
-}
-
-.markdown-section p.tip,
-.markdown-section tr:nth-child(2n) {
-  background-color: #f8f8f8;
-}
-
-.markdown-section p.tip {
-  border-bottom-right-radius: 2px;
-  border-left: 4px solid #f66;
-  border-top-right-radius: 2px;
-  margin: 2em 0;
-  padding: 12px 24px 12px 30px;
-  position: relative;
-}
-
-.markdown-section p.tip:before {
-  background-color: #f66;
-  border-radius: 100%;
-  color: var(--white);
-  content: '!';
-  font-family: Dosis, Source Sans Pro, Helvetica Neue, Arial, sans-serif;
-  font-size: 14px;
-  font-weight: 700;
-  left: -12px;
-  line-height: 20px;
-  position: absolute;
-  height: 20px;
-  width: 20px;
-  text-align: center;
-  top: 14px;
-}
-
-.markdown-section p.tip code {
-  background-color: #efefef;
-}
-
-.markdown-section p.tip em {
-  color: #34495e;
-}
-
-.markdown-section p.warn {
-  background: rgba(66, 185, 131, 0.1);
-  border-radius: 2px;
-  padding: 1rem;
-}
-
-.markdown-section ul.task-list > li {
-  list-style-type: none;
-}
-
-body.close .sidebar {
-  transform: translateX(-300px);
-}
-
-body.close .sidebar-toggle {
-  width: auto;
-}
-
-body.close .content {
-  left: 0;
-}
-
-@media print {
-  .app-nav,
-  .github-corner,
-  .sidebar,
-  .sidebar-toggle {
-    display: none;
-  }
-}
-
-@media screen and (max-width: 768px) {
-  .github-corner,
-  .sidebar,
-  .sidebar-toggle {
-    position: fixed;
-  }
-
-  .app-nav {
-    margin-top: 16px;
-  }
-
-  .app-nav li ul {
-    top: 30px;
-  }
-
-  main {
-    height: auto;
-    min-height: 100vh;
-    overflow-x: hidden;
-  }
-
-  .sidebar {
-    left: -300px;
-    transition: transform 0.25s ease-out;
-  }
-
-  .content {
-    left: 0;
-    max-width: 100vw;
-    position: static;
-    padding-top: 20px;
-    transition: transform 0.25s ease;
-  }
-
-  .app-nav,
-  .github-corner {
-    transition: transform 0.25s ease-out;
-  }
-
-  .sidebar-toggle {
-    background-color: transparent;
-    width: auto;
-    padding: 30px 30px 10px 10px;
-  }
-
-  body.close .sidebar {
-    transform: translateX(300px);
-  }
-
-  body.close .sidebar-toggle {
-    background-color: hsla(0, 0%, 100%, 0.8);
-    transition: background-color 1s;
-    width: 284px;
-    padding: 10px;
-  }
-
-  body.close .content {
-    transform: translateX(300px);
-  }
-
-  body.close .app-nav,
-  body.close .github-corner {
-    display: none;
-  }
-
-  .github-corner:hover .octo-arm {
-    animation: none;
-  }
-
-  .github-corner .octo-arm {
-    animation: octocat-wave 0.56s ease-in-out;
-  }
-}
-
-@keyframes octocat-wave {
-  0%,
-  to {
-    transform: rotate(0);
-  }
-
-  20%,
-  60% {
-    transform: rotate(-25deg);
-  }
-
-  40%,
-  80% {
-    transform: rotate(10deg);
-  }
-}
-
-section.cover {
-  position: relative;
-  align-items: center;
-  background-position: 50%;
-  background-repeat: no-repeat;
-  background-size: cover;
-  min-height: 100vh;
-  width: 100%;
-  display: none;
-}
-
-section.cover.show {
-  display: flex;
-}
-
-section.cover.has-mask .mask {
-  background-color: var(--white);
-  opacity: 0.8;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 100%;
-}
-
-section.cover .cover-main {
-  flex: 1;
-  margin: 0 16px;
-  text-align: center;
-  position: relative;
-}
-
-section.cover a {
-  color: inherit;
-}
-
-section.cover a,
-section.cover a:hover {
-  text-decoration: none;
-}
-
-section.cover p {
-  line-height: 1.5rem;
-  margin: 1em 0;
-}
-
-section.cover h1 {
-  color: inherit;
-  font-size: 2rem;
-  font-weight: 300;
-  margin: 0.625rem 0 2.5rem;
-  position: relative;
-  text-align: center;
-}
-
-section.cover h1 a {
-  display: block;
-}
-
-section.cover h1 small {
-  bottom: -0.4375rem;
-  font-size: 1rem;
-  position: absolute;
-}
-
-section.cover blockquote {
-  font-size: 1.5rem;
-  text-align: center;
-}
-
-section.cover ul {
-  line-height: 1.8;
-  list-style-type: none;
-  margin: 1em auto;
-  max-width: 500px;
-  padding: 0;
-}
-
-section.cover .cover-main > p:last-child a {
-  border-radius: 2rem;
-  border: 1px solid var(--theme-color);
-  border-color: var(--theme-color);
-  box-sizing: border-box;
-  color: var(--theme-color);
-  display: inline-block;
-  font-size: 1.05rem;
-  letter-spacing: 0.1rem;
-  margin: 0.5rem 1rem;
-  padding: 0.75em 2rem;
-  text-decoration: none;
-  transition: all 0.15s ease;
-}
-
-section.cover .cover-main > p:last-child a:last-child {
-  background-color: var(--theme-color);
-  color: var(--white);
-}
-
-section.cover .cover-main > p:last-child a:last-child:hover {
-  color: inherit;
-  opacity: 0.8;
-}
-
-section.cover .cover-main > p:last-child a:hover {
-  color: inherit;
-}
-
-section.cover blockquote > p > a {
-  border-bottom: 2px solid var(--theme-color);
-  transition: color 0.3s;
-}
-
-section.cover blockquote > p > a:hover {
-  color: var(--theme-color);
-}
-
-.sidebar,
-body {
-  background-color: var(--white);
-}
-
-.sidebar {
-  color: #364149;
-}
-
-.sidebar li {
-  margin: 6px 0;
-}
-
-.sidebar ul li a {
-  color: #505d6b;
-  font-size: 1.2em;
-  font-weight: 400;
-  overflow: hidden;
-  text-decoration: none;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.sidebar ul li a:hover {
-  text-decoration: underline;
-}
-
-.sidebar ul li ul {
-  padding: 0;
-}
-
-.sidebar ul li.active > a {
-  border-right: 2px solid;
-
-  color: var(--theme-color);
-  font-weight: 600;
-}
-
-.app-sub-sidebar li:before {
-  content: '-';
-  padding-right: 4px;
-  float: left;
-}
-
-.markdown-section h1,
-.markdown-section h2,
-.markdown-section h3,
-.markdown-section h4,
-.markdown-section strong {
-  color: #2c3e50;
-  font-weight: 600;
-}
-
-.markdown-section a {
-  color: var(--theme-color);
-  font-weight: 600;
-}
-
-.markdown-section h1 {
-  font-size: 2rem;
-  margin: 0 0 1rem;
-}
-
-.markdown-section h2 {
-  font-size: 1.7rem;
-  margin: 45px 0 0.8rem;
-}
-
-.markdown-section h3 {
-  font-size: 1.5rem;
-  margin: 40px 0 0.6rem;
-}
-
-.markdown-section h4 {
-  font-size: 1.3rem;
-}
-
-.markdown-section h5 {
-  font-size: 1.2rem;
-}
-
-.markdown-section h6 {
-  color: #777;
-  font-size: 1rem;
-}
-
-.markdown-section p {
-  font-size: 1.2em;
-}
-
-.markdown-section figure,
-.markdown-section p {
-  margin: 1.2em 0;
-}
-
-.markdown-section ol,
-.markdown-section p,
-.markdown-section ul {
-  line-height: 1.6rem;
-  word-spacing: 0.05rem;
-}
-
-.markdown-section ol,
-.markdown-section ul {
-  padding-left: 1.5rem;
-}
-
-.markdown-section blockquote {
-  border-left: 4px solid var(--theme-color);
-  color: #858585;
-  margin: 2em 0;
-  padding-left: 20px;
-}
-
-.markdown-section blockquote p {
-  font-weight: 600;
-  margin-left: 0;
-}
-
-.markdown-section iframe {
-  margin: 1em 0;
-}
-
-.markdown-section em {
-  color: #7f8c8d;
-}
-
-.markdown-section code,
-.markdown-section output:after,
-.markdown-section pre {
-  font-family: Roboto Mono, Monaco, courier, monospace;
-}
-
-.markdown-section code,
-.markdown-section pre {
-  background-color: #f8f8f8;
-}
-
-.markdown-section output,
-.markdown-section pre {
-  margin: 1.2em 0;
-  position: relative;
-}
-
-.markdown-section output,
-.markdown-section pre > code {
-  border-radius: 2px;
-  display: block;
-}
-
-.markdown-section output:after,
-.markdown-section pre > code {
-  -moz-osx-font-smoothing: initial;
-  -webkit-font-smoothing: initial;
-}
-
-.markdown-section code {
-  border-radius: 2px;
-  color: #e96900;
-  margin: 0 2px;
-  padding: 3px 5px;
-  white-space: pre-wrap;
-}
-
-.markdown-section > :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) code {
-  font-size: 1em;
-}
-
-.markdown-section pre {
-  padding: 0 1.4rem;
-  line-height: 1.5rem;
-  overflow: auto;
-  word-wrap: normal;
-}
-
-.markdown-section pre > code {
-  color: #525252;
-  font-size: 0.8rem;
-  padding: 2.2em 5px;
-  line-height: inherit;
-  margin: 0 2px;
-  max-width: inherit;
-  overflow: inherit;
-  white-space: inherit;
-}
-
-.markdown-section output {
-  padding: 1.7rem 1.4rem;
-  border: 1px dotted #ccc;
-}
-
-.markdown-section output > :first-child {
-  margin-top: 0;
-}
-
-.markdown-section output > :last-child {
-  margin-bottom: 0;
-}
-
-.markdown-section code:after,
-.markdown-section code:before,
-.markdown-section output:after,
-.markdown-section output:before {
-  letter-spacing: 0.05rem;
-}
-
-.markdown-section output:after,
-.markdown-section pre:after {
-  color: #ccc;
-  font-size: 0.6rem;
-  font-weight: 600;
-  height: 15px;
-  line-height: 15px;
-  padding: 5px 10px 0;
-  position: absolute;
-  right: 0;
-  text-align: right;
-  top: 0;
-  content: attr(data-lang);
-}
-
-.token.cdata,
-.token.comment,
-.token.doctype,
-.token.prolog {
-  color: #8e908c;
-}
-
-.token.namespace {
-  opacity: 0.7;
-}
-
-.token.boolean,
-.token.number {
-  color: #c76b29;
-}
-
-.token.punctuation {
-  color: #525252;
-}
-
-.token.property {
-  color: #c08b30;
-}
-
-.token.tag {
-  color: #2973b7;
-}
-
-.token.string {
-  color: var(--theme-color);
-}
-
-.token.selector {
-  color: #6679cc;
-}
-
-.token.attr-name {
-  color: #2973b7;
-}
-
-.language-css .token.string,
-.style .token.string,
-.token.entity,
-.token.url {
-  color: #22a2c9;
-}
-
-.token.attr-value,
-.token.control,
-.token.directive,
-.token.unit {
-  color: var(--theme-color);
-}
-
-.token.function,
-.token.keyword {
-  color: #e96900;
-}
-
-.token.atrule,
-.token.regex,
-.token.statement {
-  color: #22a2c9;
-}
-
-.token.placeholder,
-.token.variable {
-  color: #3d8fd1;
-}
-
-.token.deleted {
-  text-decoration: line-through;
-}
-
-.token.inserted {
-  border-bottom: 1px dotted #202746;
-  text-decoration: none;
-}
-
-.token.italic {
-  font-style: italic;
-}
-
-.token.bold,
-.token.important {
-  font-weight: 700;
-}
-
-.token.important {
-  color: #c94922;
-}
-
-.token.entity {
-  cursor: help;
-}
-
-code .token {
-  -moz-osx-font-smoothing: initial;
-  -webkit-font-smoothing: initial;
-  min-height: 1.5rem;
-  position: relative;
-  left: auto;
-  font-size: 1em;
-}
diff --git a/docs/public/favicon-16x16.png b/docs/public/favicon-16x16.png
deleted file mode 100644
index 6153b2cc75a5e878fffc409f8ecaac993124ef1c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 320
zcmV-G0l)r<P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#`bk7VR5(v#w9TGS_mA;kHN$^KHU?4v<Nsew|Cw4Dt#kT*lB^kK5##?~jMmxx
z|4FeJT`g@4u+&yy5EbA>vFy#qFAT@7+{bV%Ru}Mdb1?Mh1Tm~Vc!A;M^@j}H9Bd2;
zp5_dV3w97^07%u8{1Aqf`_D5RzH}F?Nl8+e;okGNq#1Df#v_Jn4_`1Cs>(3T+I$Ra
zSmO*tkPA-Ve8lkN)dvP8DPe}$TaJ@%0LTkRFW+Mj<mF;``{^t325_;nGE6QAVc2=<
z2E*oKR~Wwk{EaiIVD*BPjv|AUFh5w+ou{uEF5G!angOJwOe&;AN;4Cs*%<&_v3N;=
S_wi5w0000<MNUMnLSTY86N%*j

diff --git a/docs/public/favicon-32x32.png b/docs/public/favicon-32x32.png
deleted file mode 100644
index f74a13ba5c29ea37d5279cd62d6e7e15ba741a39..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 502
zcmV<S0SW$zP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px$ut`KgR9Hu2Y-ng;+VfhVih=Qe*8l$uk_>bJjEoG=8U8a)a}oW}#%Pm0q2@os
z|7JSai(v&L17j_tO-}zadifmP1)z{%w9fATKM=l$**WTf(GVCqA>eAF&Jf{jOjL$h
zd+-9owiDNgQcH9QaI&*9Xv<45M7bI>m}x379KCXnVg9xgD3-`e2r<;gc`!6B+`+Kx
z^bP7d0A^Z>w*^Cjrv=!DZA*5cSi-}}&ak69lOeNj6~pCw&*<*}kd0-L&J1(59A|j<
z`P;xafGAs$6cL>U@I?V5BLl;XqHu=p6?+-(Jbgow8_0IR?I*7p4qv(pwv3mHogvi0
zkRh~w9>epupXlR&J5OIT9DzDOPF#q=$w-aCqjWmMm+wF6;{fDbpe8HEFsC$<!9IT?
z!+#R%R<ff2*#YdVEDWH6YRmDfB>5hsm?{n+*;Z=j0=hT=l+{$EMHy0kEE%kHlo)P2
ze95qE?^%Wi&)+gUeEFW?@4tU!xr68^us2X)$n>|tYDwOtH4Lxbf1#}d$TFP>O+<$P
s5oVF4WYhtpAu#Y=vjOj%4s`b%0Aqvg4QWlsZ~y=R07*qoM6N<$g3aIH4FCWD

diff --git a/docs/public/favicon.ico b/docs/public/favicon.ico
deleted file mode 100644
index ea3a9018741529d4ed41e3f60f3462999901e755..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 15406
zcmeHNX-pGA6dsTN>JR_(%kb00#6N&Bp3%fJ8WW>YV>Fu9;C%pMB_3#kEpka~1w}|e
zMdgsg3nR3mB1Z5)BM^{7f<Yx>LE$-X=r*mklwG^KQ`kvfcRRapzHi>Vnc10ngiIil
z$keHXUPH)^$%M=%goK0){|}u;$R(OLbEfn83_@(v2??d|P!*~%oKG)alSvm5drlwL
zZ`6f>7(pGWx&n?ATtQdP>#ei{@G#HFB+sZ5Wf$a?ymujVw!DLi>xuM!foOd!qxF3)
z6r>*plRg5>N0y5&1NEy4%}{KOg(oGM()0_=a3g6qRF__sq>ucCcDiz6qw8MC^L0%-
zxD-COG(cI_DKJN^fXuk{@b+2xsP%8A?uUChXFLSk)EAzb`Tx@g{-+NLx?Tqb5t%s7
zgix7F1;-~}$zU){H0i=)jQa3)#q3S75YvS%a*PWUPsQu~cRiJ~`QO;ue=f(JK>7Aq
zE2q#B1wCD@Ud0l#O8&Oghr`v=o8e<!6=3RYeoN=@qk!{g;;uRJ<2(DS{Z0nMe{C;T
z4Ab40c*IZIJrBySo>s&j-s+znzXgT{2Z7F^vU3pdyFPsYyhmxMxzBteb^l`J@LS)5
zz1Yg+#lt*?Z;f4}7`})9Q@gh})<f2*P3qt)IF}0T?@@m@{8yE?A^q?&+3YY9KKdV~
z+=Lwg$H(>B^~6YMdQ;6XKGs!2_L;37QgS(tJuAsP9&r3S83wxcc{eI4%Q_iweD^U}
zyBD`7qS=dMd#Skwa;`(w@(+(Su#$Fg)*IK~zV-#iOFr(C&@EcBnaW7}B=j+f-#%-K
zX=lU+lP=6=)Q9z{<u`tDDL3SZT#>VjyFNUH=Ku7o@Af^R=DWz%L^%s~r(7Ir@{x$`
zz;>XzHi`N?d`s}{@BaLi=f3KXyY`$1|JOKZeyI7tIQ4-PdTv~3i3Z$P7)f%@ZUfV<
z2=4skV$5p5{lWo9--uFgFJ@=tJbtHGqF2D(?09H)?*HIM&#!@g_P@F`6N)azz@=kr
z*||KA`~^<9M=7Ll-R+>no~eKxh^xk5-My5tZvXVC<<Lma*z%M2a5s)(|M6%4{N%kb
zG&BTNG)5;7{VmXCc=GQ6D;+b9IA=NK@vT%gJUuPD!sS@%&VTUtFLoZ>-O&Vs^!0va
z{A(+&!THF!+_k|!{6DuqcYC8tzIL}U{`IyZNZK=>YyRHmFFcDM=>G`~&+kFXzC}UD
zANyO)gIuVqDgY(UQ^odgcmMHbf3f8${k~ZK7-wjSUP;Fy`OnrzV+*nTJDOfYEj=Gk
z=A<u+;g9~0b6Hcp4bl!Q;i4~#;g9Fgm@rnyOus8e)4p=NgYyu^E8B~#(AHSTIN?uU
zZx1}kO@JaAN90XjKFVkBe)~e_X$4{{eAPX}unu~Ay1?<{yCgwfEW=m%a_3{;!|%!4
z7Y<1l9_KQ-?WUEl?pjZ?zh-~U2gZmG1oIiBGoBz=eNl*o2&UKv!PYDW!WqYbu@E#r
hm|`FtLi~m+21SU4;JH5xbMuIwLH=6OEFjeae*pBs66F8@

diff --git a/docs/public/maskable_icon_x192.png b/docs/public/maskable_icon_x192.png
deleted file mode 100644
index b01a3e66b12aca13e344b4f96cf91c983799b896..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4261
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

diff --git a/docs/register.md b/docs/register.md
deleted file mode 100644
index 1eb7a8b..0000000
--- a/docs/register.md
+++ /dev/null
@@ -1,51 +0,0 @@
-# Register Forms
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/register)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import { Register } from 'flowbite-svelte-blocks';
-  import { Button, Checkbox, Label, Input } from 'flowbite-svelte';
-</script>
-
-<Register href="/">
-  <svelte:fragment slot="top">
-    <img class="w-8 h-8 mr-2" src="/images/logo.svg" alt="logo" />
-    Flowbite
-  </svelte:fragment>
-  <div class="p-6 space-y-4 md:space-y-6 sm:p-8">
-    <form class="flex flex-col space-y-6" action="/">
-      <h3 class="text-xl font-medium text-gray-900 dark:text-white p-0">Create and account</h3>
-      <label class="space-y-2">
-        <span>Your email</span>
-        <input type="email" name="email" placeholder="name@company.com" required />
-      </label>
-      <label class="space-y-2">
-        <span>Your password</span>
-        <input type="password" name="password" placeholder="•••••" required />
-      </label>
-      <label class="space-y-2">
-        <span>Confirm password</span>
-        <input type="password" name="confirm-password" placeholder="•••••" required />
-      </label>
-      <div class="flex items-start">
-        <Checkbox
-          >I accept the
-          <a class="font-medium text-primary-600 hover:underline dark:text-primary-500" href="/">
-            Terms and Conditions</a
-          ></Checkbox
-        >
-      </div>
-      <button type="submit" class="w-full1">Create an account</button>
-      <div class="text-sm font-medium text-gray-500 dark:text-gray-300">
-        Already have an account?
-        <a href="/" class="font-medium text-primary-600 hover:underline dark:text-primary-500"
-          >Login here</a
-        >
-      </div>
-    </form>
-  </div>
-</Register>
-```
diff --git a/docs/related-articles.md b/docs/related-articles.md
deleted file mode 100644
index 16039e8..0000000
--- a/docs/related-articles.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Related Articles
-
-Coming soon
diff --git a/docs/reset-password.md b/docs/reset-password.md
deleted file mode 100644
index 84eea1f..0000000
--- a/docs/reset-password.md
+++ /dev/null
@@ -1,45 +0,0 @@
-# Reset Password Forms
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/reset-password)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import { Register } from 'flowbite-svelte-blocks';
-  import { Button, Checkbox, Label, Input } from 'flowbite-svelte';
-</script>
-
-<Register href="/">
-  <svelte:fragment slot="top">
-    <img class="w-8 h-8 mr-2" src="/images/logo.svg" alt="logo" />
-    Flowbite
-  </svelte:fragment>
-  <div class="p-6 space-y-4 md:space-y-6 sm:p-8">
-    <form class="flex flex-col space-y-6" action="/">
-      <h3 class="text-xl font-medium text-gray-900 dark:text-white p-0">Change Password</h3>
-      <label class="space-y-2">
-        <span>Your email</span>
-        <input type="email" name="email" placeholder="name@company.com" required />
-      </label>
-      <label class="space-y-2">
-        <span>Your password</span>
-        <input type="password" name="password" placeholder="•••••" required />
-      </label>
-      <label class="space-y-2">
-        <span>Confirm password</span>
-        <input type="password" name="confirm-password" placeholder="•••••" required />
-      </label>
-      <div class="flex items-start">
-        <Checkbox
-          >I accept the
-          <a class="font-medium text-primary-600 hover:underline dark:text-primary-500" href="/">
-            Terms and Conditions</a
-          ></Checkbox
-        >
-      </div>
-      <button type="submit" class="w-full1">Reset passwod</button>
-    </form>
-  </div>
-</Register>
-```
diff --git a/docs/service-worker.js b/docs/service-worker.js
deleted file mode 100644
index b9aa725..0000000
--- a/docs/service-worker.js
+++ /dev/null
@@ -1,65 +0,0 @@
-// Change this to your repository name
-const GHPATH = 'https://flowbite-svelte-blocks.pages.dev/';
-
-// Choose a different app prefix name
-const APP_PREFIX = 'flowbite-svelte-blocks_';
-
-// The version of the cache. Every time you change any of the files
-// you need to change this version (version_01, version_02…).
-// If you don't change the version, the service worker will give your
-// users the old files!
-const VERSION = 'version_02';
-
-// The files to make available for offline use. make sure to add
-// others to this list
-const URLS = [
-  `${GHPATH}/`,
-  `${GHPATH}/index.html`,
-  '//cdn.jsdelivr.net/npm/docsify/lib/themes/vue.css',
-  '//cdn.jsdelivr.net/npm/docsify@4'
-  // `${GHPATH}/js/app.js`
-];
-
-const CACHE_NAME = APP_PREFIX + VERSION;
-self.addEventListener('fetch', function (e) {
-  console.log('Fetch request : ' + e.request.url);
-  e.respondWith(
-    caches.match(e.request).then(function (request) {
-      if (request) {
-        console.log('Responding with cache : ' + e.request.url);
-        return request;
-      } else {
-        console.log('File is not cached, fetching : ' + e.request.url);
-        return fetch(e.request);
-      }
-    })
-  );
-});
-
-self.addEventListener('install', function (e) {
-  e.waitUntil(
-    caches.open(CACHE_NAME).then(function (cache) {
-      console.log('Installing cache : ' + CACHE_NAME);
-      return cache.addAll(URLS);
-    })
-  );
-});
-
-self.addEventListener('activate', function (e) {
-  e.waitUntil(
-    caches.keys().then(function (keyList) {
-      var cacheWhitelist = keyList.filter(function (key) {
-        return key.indexOf(APP_PREFIX);
-      });
-      cacheWhitelist.push(CACHE_NAME);
-      return Promise.all(
-        keyList.map(function (key, i) {
-          if (cacheWhitelist.indexOf(key) === -1) {
-            console.log('Deleting cache : ' + keyList[i]);
-            return caches.delete(keyList[i]);
-          }
-        })
-      );
-    })
-  );
-});
diff --git a/docs/sidenav.md b/docs/sidenav.md
deleted file mode 100644
index bde0fce..0000000
--- a/docs/sidenav.md
+++ /dev/null
@@ -1,145 +0,0 @@
-# Sidenav
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/application/sidenav)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import { SidebarBottomNav, SidebarBottomNavItem } from 'flowbite-svelte-blocks';
-  import { Button, Sidebar, SidebarGroup, SidebarItem, SidebarWrapper, SidebarDropdownItem, SidebarDropdownWrapper, Dropdown, DropdownItem } from 'flowbite-svelte';
-</script>
-
-<Sidebar>
-  <SidebarWrapper>
-    <SidebarGroup>
-      <SidebarItem label="Overview">
-      <svelte:fragment slot="icon">
-        <svg aria-hidden="true" class="w-6 h-6 text-gray-400 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"></path><path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"></path></svg>
-        </svelte:fragment>
-      </SidebarItem>
-      <SidebarDropdownWrapper label="Pages">
-        <svelte:fragment slot="icon">
-          <svg aria-hidden="true" class="flex-shrink-0 w-6 h-6 text-gray-400 transition duration-75 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z" clip-rule="evenodd"></path></svg>
-        </svelte:fragment>
-        <SidebarDropdownItem label="Settings" href='/' />
-        <SidebarDropdownItem label="Kanban" href='/' />
-        <SidebarDropdownItem label="Calendar" href='/' />
-      </SidebarDropdownWrapper>
-      <SidebarDropdownWrapper label="Sales">
-        <svelte:fragment slot="icon">
-          <svg aria-hidden="true" class="flex-shrink-0 w-6 h-6 text-gray-400 transition duration-75 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 2a4 4 0 00-4 4v1H5a1 1 0 00-.994.89l-1 9A1 1 0 004 18h12a1 1 0 00.994-1.11l-1-9A1 1 0 0015 7h-1V6a4 4 0 00-4-4zm2 5V6a2 2 0 10-4 0v1h4zm-6 3a1 1 0 112 0 1 1 0 01-2 0zm7-1a1 1 0 100 2 1 1 0 000-2z" clip-rule="evenodd"></path></svg>
-        </svelte:fragment>
-        <SidebarDropdownItem label="Products" href='/'/>
-        <SidebarDropdownItem label="Billing" href='/'/>
-        <SidebarDropdownItem label="Invoice" href='/'/>
-      </SidebarDropdownWrapper>
-      <SidebarItem label="Messages" href="/" {spanClass}>
-        <svelte:fragment slot="icon">
-          <svg aria-hidden="true" class="flex-shrink-0 w-6 h-6 text-gray-400 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M8.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l2-2a1 1 0 00-1.414-1.414L11 7.586V3a1 1 0 10-2 0v4.586l-.293-.293z"></path><path d="M3 5a2 2 0 012-2h1a1 1 0 010 2H5v7h2l1 2h4l1-2h2V5h-1a1 1 0 110-2h1a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5z"></path></svg>
-        </svelte:fragment>
-        <svelte:fragment slot="subtext">
-          <span
-            class="inline-flex justify-center items-center p-3 ml-3 w-3 h-3 text-sm font-medium text-blue-600 bg-blue-200 rounded-full dark:bg-blue-400 dark:text-gray-900"
-            >6</span
-          >
-        </svelte:fragment>
-      </SidebarItem>
-      <SidebarDropdownWrapper label="Authentication">
-        <svelte:fragment slot="icon">
-          <svg aria-hidden="true" class="flex-shrink-0 w-6 h-6 text-gray-400 transition duration-75 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z" clip-rule="evenodd"></path></svg>
-        </svelte:fragment>
-        <SidebarDropdownItem label="Sign In" href='/'/>
-        <SidebarDropdownItem label="Sign Up" href='/'/>
-        <SidebarDropdownItem label="Forgot Password" href='/' />
-      </SidebarDropdownWrapper>
-    </SidebarGroup>
-    <SidebarGroup border>
-      <SidebarItem label="Docs" {spanClass}>
-      <svelte:fragment slot="icon">
-        <svg aria-hidden="true" class="flex-shrink-0 w-6 h-6 text-gray-400 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"></path><path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z" clip-rule="evenodd"></path></svg>
-        </svelte:fragment>
-      </SidebarItem>
-      <SidebarItem label="Components" href='/' active={activeUrl === '/components/sidebar'}>
-        <svelte:fragment slot="icon">
-          <svg aria-hidden="true" class="flex-shrink-0 w-6 h-6 text-gray-400 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7 3a1 1 0 000 2h6a1 1 0 100-2H7zM4 7a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1zM2 11a2 2 0 012-2h12a2 2 0 012 2v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4z"></path></svg>
-        </svelte:fragment>
-      </SidebarItem>
-      <SidebarItem label="Help" href='/'>
-        <svelte:fragment slot="icon">
-          <svg aria-hidden="true" class="flex-shrink-0 w-6 h-6 text-gray-400 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-2 0c0 .993-.241 1.929-.668 2.754l-1.524-1.525a3.997 3.997 0 00.078-2.183l1.562-1.562C15.802 8.249 16 9.1 16 10zm-5.165 3.913l1.58 1.58A5.98 5.98 0 0110 16a5.976 5.976 0 01-2.516-.552l1.562-1.562a4.006 4.006 0 001.789.027zm-4.677-2.796a4.002 4.002 0 01-.041-2.08l-.08.08-1.53-1.533A5.98 5.98 0 004 10c0 .954.223 1.856.619 2.657l1.54-1.54zm1.088-6.45A5.974 5.974 0 0110 4c.954 0 1.856.223 2.657.619l-1.54 1.54a4.002 4.002 0 00-2.346.033L7.246 4.668zM12 10a2 2 0 11-4 0 2 2 0 014 0z" clip-rule="evenodd"></path></svg>
-        </svelte:fragment>
-      </SidebarItem>
-    </SidebarGroup>
-    <SidebarGroup class='relative pt-64'>
-      <SidebarBottomNav>
-        <SidebarBottomNavItem href='/' tooltip='Profile'>
-          <svg aria-hidden="true" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 4a1 1 0 00-2 0v7.268a2 2 0 000 3.464V16a1 1 0 102 0v-1.268a2 2 0 000-3.464V4zM11 4a1 1 0 10-2 0v1.268a2 2 0 000 3.464V16a1 1 0 102 0V8.732a2 2 0 000-3.464V4zM16 3a1 1 0 011 1v7.268a2 2 0 010 3.464V16a1 1 0 11-2 0v-1.268a2 2 0 010-3.464V4a1 1 0 011-1z"></path></svg>
-        </SidebarBottomNavItem>
-        <SidebarBottomNavItem href='/' tooltip='Settings page'>
-          <svg aria-hidden="true" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"></path></svg>
-        </SidebarBottomNavItem>
-        <Dropdown placement='top' triggeredBy="#countries">
-          <DropdownItem>
-            <div class="inline-flex items-center">
-              <svg aria-hidden="true" class="h-3.5 w-3.5 rounded-full mr-2" xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-us" viewBox="0 0 512 512">
-                <g fill-rule="evenodd">
-                  <g stroke-width="1pt">
-                    <path fill="#bd3d44" d="M0 0h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0z" transform="scale(3.9385)"/>
-                    <path fill="#fff" d="M0 10h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0z" transform="scale(3.9385)"/>
-                  </g>
-                  <path fill="#192f5d" d="M0 0h98.8v70H0z" transform="scale(3.9385)"/>
-                  <path fill="#fff" d="M8.2 3l1 2.8H12L9.7 7.5l.9 2.7-2.4-1.7L6 10.2l.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7L74 8.5l-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 7.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 24.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 21.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 38.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 35.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 52.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 49.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 66.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 63.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9z" transform="scale(3.9385)"/>
-                </g>
-              </svg>
-              English (US)
-            </div>
-          </DropdownItem>
-          <DropdownItem>
-            <div class="inline-flex items-center">
-              <svg aria-hidden="true" class="h-3.5 w-3.5 rounded-full mr-2" xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-de" viewBox="0 0 512 512">
-                <path fill="#ffce00" d="M0 341.3h512V512H0z"/>
-                <path d="M0 0h512v170.7H0z"/>
-                <path fill="#d00" d="M0 170.7h512v170.6H0z"/>
-              </svg>
-              Deutsch
-            </div>
-          </DropdownItem>
-          <DropdownItem>
-            <div class="inline-flex items-center">
-              <svg aria-hidden="true" class="h-3.5 w-3.5 rounded-full mr-2" xmlns="http://www.w3.org/2000/svg" id="flag-icon-css-it" viewBox="0 0 512 512">
-                <g fill-rule="evenodd" stroke-width="1pt">
-                  <path fill="#fff" d="M0 0h512v512H0z"/>
-                  <path fill="#009246" d="M0 0h170.7v512H0z"/>
-                  <path fill="#ce2b37" d="M341.3 0H512v512H341.3z"/>
-                </g>
-              </svg>
-              Italiano
-            </div>
-          </DropdownItem>
-          <DropdownItem>
-            <div class="inline-flex items-center">
-              <svg aria-hidden="true" class="h-3.5 w-3.5 rounded-full mr-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icon-css-cn" viewBox="0 0 512 512">
-                <defs>
-                  <path id="a" fill="#ffde00" d="M1-.3L-.7.8 0-1 .6.8-1-.3z"/>
-                </defs>
-                <path fill="#de2910" d="M0 0h512v512H0z"/>
-                <use width="30" height="20" transform="matrix(76.8 0 0 76.8 128 128)" xlink:href="#a"/>
-                <use width="30" height="20" transform="rotate(-121 142.6 -47) scale(25.5827)" xlink:href="#a"/>
-                <use width="30" height="20" transform="rotate(-98.1 198 -82) scale(25.6)" xlink:href="#a"/>
-                <use width="30" height="20" transform="rotate(-74 272.4 -114) scale(25.6137)" xlink:href="#a"/>
-                <use width="30" height="20" transform="matrix(16 -19.968 19.968 16 256 230.4)" xlink:href="#a"/>
-              </svg>
-              中文 (繁體)
-            </div>
-          </DropdownItem>
-        </Dropdown>
-        <Button color='dark' id='countries' class='inline-flex justify-center p-2 text-gray-500 rounded cursor-pointer dark:hover:text-white dark:text-gray-400 hover:text-gray-900 hover:bg-gray-100 dark:hover:bg-gray-600'>
-          <svg aria-hidden="true" class="h-5 w-5 rounded-full mt-0.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 3900 3900"><path fill="#b22234" d="M0 0h7410v3900H0z"/><path d="M0 450h7410m0 600H0m0 600h7410m0 600H0m0 600h7410m0 600H0" stroke="#fff" stroke-width="300"/><path fill="#3c3b6e" d="M0 0h2964v2100H0z"/><g fill="#fff"><g id="d"><g id="c"><g id="e"><g id="b"><path id="a" d="M247 90l70.534 217.082-184.66-134.164h228.253L176.466 307.082z"/><use xlink:href="#a" y="420"/><use xlink:href="#a" y="840"/><use xlink:href="#a" y="1260"/></g><use xlink:href="#a" y="1680"/></g><use xlink:href="#b" x="247" y="210"/></g><use xlink:href="#c" x="494"/></g><use xlink:href="#d" x="988"/><use xlink:href="#c" x="1976"/><use xlink:href="#e" x="2470"/></g>
-          </svg>
-        </Button>
-      </SidebarBottomNav>
-    </SidebarGroup>
-  </SidebarWrapper>
-</Sidebar>
-```
diff --git a/docs/social-proof.md b/docs/social-proof.md
deleted file mode 100644
index e5c1082..0000000
--- a/docs/social-proof.md
+++ /dev/null
@@ -1,26 +0,0 @@
-# Social Proof
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/social-proof)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import { Social } from 'flowbite-svelte-blocks';
-</script>
-
-<Social>
-  <div class="flex flex-col items-center justify-center">
-    <dt class="mb-2 text-3xl md:text-4xl font-extrabold">73M+</dt>
-    <dd class="font-light text-gray-500 dark:text-gray-400">developers</dd>
-  </div>
-  <div class="flex flex-col items-center justify-center">
-    <dt class="mb-2 text-3xl md:text-4xl font-extrabold">1B+</dt>
-    <dd class="font-light text-gray-500 dark:text-gray-400">contributors</dd>
-  </div>
-  <div class="flex flex-col items-center justify-center">
-    <dt class="mb-2 text-3xl md:text-4xl font-extrabold">4M+</dt>
-    <dd class="font-light text-gray-500 dark:text-gray-400">organizations</dd>
-  </div>
-</Social>
-```
diff --git a/docs/table-footers.md b/docs/table-footers.md
deleted file mode 100644
index 1e83f03..0000000
--- a/docs/table-footers.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Table Footers
-
-Coming soon
diff --git a/docs/table-headers.md b/docs/table-headers.md
deleted file mode 100644
index 6c43ff7..0000000
--- a/docs/table-headers.md
+++ /dev/null
@@ -1,103 +0,0 @@
-# Table headers
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/table-headers)
-
-## Default table header
-
-```html
-<script lang="ts">
-  import { TableHeader } from 'flowbite-svelte-blocks';
-  import {
-    Search,
-    Dropdown,
-    DropdownItem,
-    DropdownDivider,
-    Checkbox
-  } from 'flowbite-svelte';
-  import { Icon } from 'flowbite-svelte-icons';
-</script>
-
-<TableHeader>
-  <Search slot="search" size="md" />
-  <button>
-    <svg
-      class="h-3.5 w-3.5 mr-2"
-      fill="currentColor"
-      viewbox="0 0 20 20"
-      xmlns="http://www.w3.org/2000/svg"
-      aria-hidden="true"
-    >
-      <path
-        clip-rule="evenodd"
-        fill-rule="evenodd"
-        d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z"
-      />
-    </svg>
-    Add product
-  </button>
-  <button color="light">
-    <Icon name="chevron-down-outline" />Actions
-  </button>
-  <Dropdown>
-    <DropdownItem>Mass Edit</DropdownItem>
-    <DropdownDivider />
-    <DropdownItem>Delete all</DropdownItem>
-  </Dropdown>
-  <button color="light">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      aria-hidden="true"
-      class="w-4 h-4 mr-2 text-gray-400"
-      viewbox="0 0 20 20"
-      fill="currentColor"
-    >
-      <path
-        fill-rule="evenodd"
-        d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z"
-        clip-rule="evenodd"
-      />
-    </svg>
-    <Icon name="chevron-down-outline">Filter
-  </button>
-  <Dropdown class="w-48 p-2 text-sm">
-    <h6 class="mb-3 ml-1 text-sm font-medium text-gray-900 dark:text-white">Category</h6>
-    <li class="rounded p-1 hover:bg-gray-100 dark:hover:bg-gray-600">
-      <Checkbox>Apple (56)</Checkbox>
-    </li>
-    <li class="rounded p-1 hover:bg-gray-100 dark:hover:bg-gray-600">
-      <Checkbox>Fitbit (56)</Checkbox>
-    </li>
-    <li class="rounded p-1 hover:bg-gray-100 dark:hover:bg-gray-600">
-      <Checkbox checked>Dell (56)</Checkbox>
-    </li>
-    <li class="rounded p-1 hover:bg-gray-100 dark:hover:bg-gray-600">
-      <Checkbox>Asus (97)</Checkbox>
-    </li>
-  </Dropdown>
-</TableHeader>
-```
-
-## Table header with text and button
-
-```html
-<TableHeader headerType="textbtn">
-  <div>
-    <h5 class="mr-3 font-semibold dark:text-white">Flowbite Users</h5>
-    <p class="text-gray-500 dark:text-gray-400">Manage all your existing users or add a new one</p>
-  </div>
-  <button>
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      class="h-3.5 w-3.5 mr-2 -ml-1"
-      viewBox="0 0 20 20"
-      fill="currentColor"
-      aria-hidden="true"
-    >
-      <path
-        d="M8 9a3 3 0 100-6 3 3 0 000 6zM8 11a6 6 0 016 6H2a6 6 0 016-6zM16 7a1 1 0 10-2 0v1h-1a1 1 0 100 2h1v1a1 1 0 102 0v-1h1a1 1 0 100-2h-1V7z"
-      />
-    </svg>
-    Add new user
-  </button>
-</TableHeader>
-```
diff --git a/docs/team.md b/docs/team.md
deleted file mode 100644
index 2390b7a..0000000
--- a/docs/team.md
+++ /dev/null
@@ -1,76 +0,0 @@
-# Team Sections
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/team)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import {
-    TeamWrapper,
-    TeamHeader,
-    TeamBody,
-    TeamItem,
-    Facebook,
-    Github,
-    Twitter
-  } from 'flowbite-svelte-blocks';
-
-  let members = [
-    {
-      href: '/',
-      src: 'https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/bonnie-green.png',
-      alt: 'Bonnie Green',
-      name: 'Bonnie Green',
-      jobTitle: 'CEO & Web Developer',
-      description: 'Bonnie drives the technical strategy of the flowbite platform and brand.'
-    },
-    {
-      href: '/',
-      src: 'https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/jese-leos.png',
-      alt: 'Jese Leos',
-      name: 'Jese Leos',
-      jobTitle: 'CTO',
-      description: 'Jese drives the technical strategy of the flowbite platform and brand.'
-    },
-    {
-      href: '/',
-      src: 'https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/michael-gouch.png',
-      alt: 'Michael Gouch',
-      name: 'Michael Gouch',
-      jobTitle: 'Senior Front-end Developer',
-      description: 'Michael drives the technical strategy of the flowbite platform and brand'
-    },
-    {
-      href: '/',
-      src: 'https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/sofia-mcguire.png',
-      alt: 'Lana Byrd',
-      name: 'Lana Byrd',
-      jobTitle: 'Marketing & Sale',
-      description: 'Lana drives the technical strategy of the flowbite platform and brand.'
-    }
-  ];
-</script>
-
-<TeamWrapper>
-  <TeamHeader>
-    <svelte:fragment slot="label">Our Team</svelte:fragment>
-    <p class="font-light text-gray-500 lg:mb-16 sm:text-xl dark:text-gray-400">
-      Explore the whole collection of open-source web components and elements built with the utility
-      classes from Tailwind
-    </p>
-  </TeamHeader>
-  <TeamBody>
-    {#each members as { href, src, alt, name, jobTitle, description }}
-    <TeamItem {href} {src} {alt} {name} {jobTitle}>
-      <p class="mt-3 mb-4 font-light text-gray-500 dark:text-gray-400">{description}</p>
-      <svelte:fragment slot="social">
-        <Facebook href="/" />
-        <Github href="/" />
-        <Twitter href="/" />
-      </svelte:fragment>
-    </TeamItem>
-    {/each}
-  </TeamBody>
-</TeamWrapper>
-```
diff --git a/docs/testimonial.md b/docs/testimonial.md
deleted file mode 100644
index 3df0966..0000000
--- a/docs/testimonial.md
+++ /dev/null
@@ -1,160 +0,0 @@
-# Testimonial
-
-[Demo](https://flowbite-svelte-blocks.vercel.app/marketing/testimonial)
-
-## Example usage
-
-```html
-<script lang="ts">
-  import {
-    Quotes,
-    Testimonial,
-    TestimonialCard,
-    TestimonialCardItem
-  } from 'flowbite-svelte-blocks';
-</script>
-
-<Testimonial icon="{Quotes}">
-  <blockquote>
-    <p class="text-2xl font-medium text-gray-900 dark:text-white">
-      "Flowbite is just awesome. It contains tons of predesigned components and pages starting from
-      login screen to complex dashboard. Perfect choice for your next SaaS application."
-    </p>
-  </blockquote>
-  <svelte:fragment slot="footer">
-    <img
-      class="w-6 h-6 rounded-full"
-      src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/michael-gouch.png"
-      alt="michael profile"
-    />
-    <div class="flex items-center divide-x-2 divide-gray-500 dark:divide-gray-700">
-      <div class="pr-3 font-medium text-gray-900 dark:text-white">Micheal Gough</div>
-      <div class="pl-3 text-sm font-light text-gray-500 dark:text-gray-400">CEO at Google</div>
-    </div>
-  </svelte:fragment>
-</Testimonial>
-```
-
-## Example 2
-
-```html
-<TestimonialCard>
-  <svelte:fragment slot="header">
-    <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">
-      Testimonials
-    </h2>
-    <p class="mb-8 font-light text-gray-500 lg:mb-16 sm:text-xl dark:text-gray-400">
-      Explore the whole collection of open-source web components and elements built with the utility
-      classes from Tailwind
-    </p>
-  </svelte:fragment>
-</TestimonialCard>
-<div class="grid mb-8 lg:mb-12 lg:grid-cols-2">
-  <TestimonialCardItem>
-    <svelte:fragment slot="h3">Speechless with how easy this was to integrate</svelte:fragment>
-    <p class="my-4">
-      "I recently got my hands on Flowbite Pro, and holy crap, I'm speechless with how easy this was
-      to integrate within my application. Most templates are a pain, code is scattered, and near
-      impossible to theme.
-    </p>
-    <p class="my-4">
-      Flowbite has code in one place and I'm not joking when I say it took me a matter of minutes to
-      copy the code, customise it and integrate within a Laravel + Vue application.
-    </p>
-    <p class="my-4">If you care for your time, I hands down would go with this."</p>
-    <svelte:fragment slot="caption">
-      <img
-        class="w-9 h-9 rounded-full"
-        src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/karen-nelson.png"
-        alt="karen profile"
-      />
-      <div class="space-y-0.5 font-medium dark:text-white text-left">
-        <div>Bonnie Green</div>
-        <div class="text-sm font-light text-gray-500 dark:text-gray-400">Developer at Open AI</div>
-      </div>
-    </svelte:fragment>
-  </TestimonialCardItem>
-  <TestimonialCardItem>
-    <svelte:fragment slot="h3">Solid foundation for any project</svelte:fragment>
-    <p class="my-4">
-      "FlowBite provides a robust set of design tokens and components based on the popular Tailwind
-      CSS framework. From the most used UI components like forms and navigation bars to the whole
-      app screens designed both for desktop and mobile, this UI kit provides a solid foundation for
-      any project.
-    </p>
-    <p class="my-4">
-      Designing with Figma components that can be easily translated to the utility classes of
-      Tailwind CSS is a huge timesaver!"
-    </p>
-    <svelte:fragment slot="caption">
-      <img
-        class="w-9 h-9 rounded-full"
-        src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/roberta-casas.png"
-        alt="robert profile"
-      />
-      <div class="space-y-0.5 font-medium dark:text-white text-left">
-        <div>Roberta Casas</div>
-        <div class="text-sm font-light text-gray-500 dark:text-gray-400">
-          Lead designer at Dropbox
-        </div>
-      </div>
-    </svelte:fragment>
-  </TestimonialCardItem>
-  <TestimonialCardItem>
-    <svelte:fragment slot="h3">Mindblowing workflow and variants</svelte:fragment>
-    <p class="my-4">
-      "As someone who mainly designs in the browser, I've been a casual user of Figma, but as soon
-      as I saw and started playing with FlowBite my mind was 🤯.
-    </p>
-    <p class="my-4">
-      Everything is so well structured and simple to use (I've learnt so much about Figma by just
-      using the toolkit).
-    </p>
-    <p class="my-4">
-      Aesthetically, the well designed components are beautiful and will undoubtedly level up your
-      next application."
-    </p>
-    <svelte:fragment slot="caption">
-      <img
-        class="w-9 h-9 rounded-full"
-        src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/jese-leos.png"
-        alt="jese leos profile"
-      />
-      <div class="space-y-0.5 font-medium dark:text-white text-left">
-        <div>Jese Leos</div>
-        <div class="text-sm font-light text-gray-500 dark:text-gray-400">
-          Software Engineer at Facebook
-        </div>
-      </div>
-    </svelte:fragment>
-  </TestimonialCardItem>
-  <TestimonialCardItem>
-    <svelte:fragment slot="h3">Efficient Collaborating</svelte:fragment>
-    <p class="my-4">
-      "This is a very complex and beautiful set of elements. Under the hood it comes with the best
-      things from 2 different worlds: Figma and Tailwind.
-    </p>
-    <p class="my-4">
-      You have many examples that can be used to create a fast prototype for your team."
-    </p>
-    <svelte:fragment slot="caption">
-      <img
-        class="w-9 h-9 rounded-full"
-        src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/joseph-mcfall.png"
-        alt="joseph profile"
-      />
-      <div class="space-y-0.5 font-medium dark:text-white text-left">
-        <div>Joseph McFall</div>
-        <div class="text-sm font-light text-gray-500 dark:text-gray-400">CTO at Google</div>
-      </div>
-    </svelte:fragment>
-  </TestimonialCardItem>
-</div>
-<div class="text-center">
-  <a
-    href="/"
-    class="py-2.5 px-5 mr-2 mb-2 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"
-    >Show more...</a
-  >
-</div>
-```
diff --git a/docs/user-onboarding.md b/docs/user-onboarding.md
deleted file mode 100644
index a03ef46..0000000
--- a/docs/user-onboarding.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# User Onboarding
-
-Coming soon
diff --git a/package.json b/package.json
index 242cbf2..f7999aa 100644
--- a/package.json
+++ b/package.json
@@ -1,14 +1,14 @@
 {
   "name": "flowbite-svelte-blocks",
-  "version": "0.3.9",
+  "version": "0.4.5",
   "description": "Flowbite blocks components for Svelte",
   "author": {
     "name": "Shinichi Okada",
     "email": "connect@codewithshin.com",
     "url": "https://blog.codewithshin.com"
   },
-  "bugs": "https://github.com/shinokada/flowbite-svelte-blocks/issues",
-  "homepage": "https://github.com/shinokada/flowbite-svelte-blocks",
+  "bugs": "https://github.com/themesberg/flowbite-svelte-blocks/issues",
+  "homepage": "https://flowbite-svelte-blocks.vercel.app/",
   "license": "MIT",
   "scripts": {
     "dev": "vite dev",
@@ -24,7 +24,8 @@
     "test:integration": "playwright test",
     "test:unit": "vitest",
     "write-package-json": "node ./scripts/package-json-writer.js",
-    "package:publish": "standard-version && git push --follow-tags origin main && npm run package && npm run write-package-json && npm publish"
+    "add-exports": "node ./scripts/add-exports-to-package-json.js",
+    "package:publish": "standard-version && git push --follow-tags origin main && npm run package && npm run add-exports && npm run write-package-json && npm publish"
   },
   "devDependencies": {
     "@playwright/test": "^1.36.2",
@@ -72,9 +73,217 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/shinokada/flowbite-svelte-blocks"
+    "url": "https://github.com/themesberg/flowbite-svelte-blocks/"
   },
   "exports": {
+    "./ForgotPassword.svelte": {
+      "types": "./dist/acount-recovery/ForgotPassword.svelte.d.ts",
+      "svelte": "./dist/acount-recovery/ForgotPassword.svelte"
+    },
+    "./ForgotPasswordHeader.svelte": {
+      "types": "./dist/acount-recovery/ForgotPasswordHeader.svelte.d.ts",
+      "svelte": "./dist/acount-recovery/ForgotPasswordHeader.svelte"
+    },
+    "./Banner.svelte": {
+      "types": "./dist/banner/Banner.svelte.d.ts",
+      "svelte": "./dist/banner/Banner.svelte"
+    },
+    "./ArticleAuthor.svelte": {
+      "types": "./dist/blog/ArticleAuthor.svelte.d.ts",
+      "svelte": "./dist/blog/ArticleAuthor.svelte"
+    },
+    "./ArticleBody.svelte": {
+      "types": "./dist/blog/ArticleBody.svelte.d.ts",
+      "svelte": "./dist/blog/ArticleBody.svelte"
+    },
+    "./ArticleHead.svelte": {
+      "types": "./dist/blog/ArticleHead.svelte.d.ts",
+      "svelte": "./dist/blog/ArticleHead.svelte"
+    },
+    "./ArticleWrapper.svelte": {
+      "types": "./dist/blog/ArticleWrapper.svelte.d.ts",
+      "svelte": "./dist/blog/ArticleWrapper.svelte"
+    },
+    "./BlogBodyWrapper.svelte": {
+      "types": "./dist/blog/BlogBodyWrapper.svelte.d.ts",
+      "svelte": "./dist/blog/BlogBodyWrapper.svelte"
+    },
+    "./BlogHead.svelte": {
+      "types": "./dist/blog/BlogHead.svelte.d.ts",
+      "svelte": "./dist/blog/BlogHead.svelte"
+    },
+    "./Contact.svelte": {
+      "types": "./dist/contact/Contact.svelte.d.ts",
+      "svelte": "./dist/contact/Contact.svelte"
+    },
+    "./Content.svelte": {
+      "types": "./dist/content/Content.svelte.d.ts",
+      "svelte": "./dist/content/Content.svelte"
+    },
+    "./ContentWithImage.svelte": {
+      "types": "./dist/content/ContentWithImage.svelte.d.ts",
+      "svelte": "./dist/content/ContentWithImage.svelte"
+    },
+    "./Cta.svelte": {
+      "types": "./dist/cta/Cta.svelte.d.ts",
+      "svelte": "./dist/cta/Cta.svelte"
+    },
+    "./Faq.svelte": {
+      "types": "./dist/faq/Faq.svelte.d.ts",
+      "svelte": "./dist/faq/Faq.svelte"
+    },
+    "./FaqItem.svelte": {
+      "types": "./dist/faq/FaqItem.svelte.d.ts",
+      "svelte": "./dist/faq/FaqItem.svelte"
+    },
+    "./FeatureDefault.svelte": {
+      "types": "./dist/feature/FeatureDefault.svelte.d.ts",
+      "svelte": "./dist/feature/FeatureDefault.svelte"
+    },
+    "./FeatureItem.svelte": {
+      "types": "./dist/feature/FeatureItem.svelte.d.ts",
+      "svelte": "./dist/feature/FeatureItem.svelte"
+    },
+    "./Navigation.svelte": {
+      "types": "./dist/header/Navigation.svelte.d.ts",
+      "svelte": "./dist/header/Navigation.svelte"
+    },
+    "./HeroBody.svelte": {
+      "types": "./dist/hero/HeroBody.svelte.d.ts",
+      "svelte": "./dist/hero/HeroBody.svelte"
+    },
+    "./HeroHeader.svelte": {
+      "types": "./dist/hero/HeroHeader.svelte.d.ts",
+      "svelte": "./dist/hero/HeroHeader.svelte"
+    },
+    "./News.svelte": {
+      "types": "./dist/hero/News.svelte.d.ts",
+      "svelte": "./dist/hero/News.svelte"
+    },
+    "./Maintenance.svelte": {
+      "types": "./dist/maintenance/Maintenance.svelte.d.ts",
+      "svelte": "./dist/maintenance/Maintenance.svelte"
+    },
+    "./ToolsIcon.svelte": {
+      "types": "./dist/maintenance/ToolsIcon.svelte.d.ts",
+      "svelte": "./dist/maintenance/ToolsIcon.svelte"
+    },
+    "./Newsletter.svelte": {
+      "types": "./dist/newsletter/Newsletter.svelte.d.ts",
+      "svelte": "./dist/newsletter/Newsletter.svelte"
+    },
+    "./Page404.svelte": {
+      "types": "./dist/page404/Page404.svelte.d.ts",
+      "svelte": "./dist/page404/Page404.svelte"
+    },
+    "./Page500.svelte": {
+      "types": "./dist/page500/Page500.svelte.d.ts",
+      "svelte": "./dist/page500/Page500.svelte"
+    },
+    "./Popup.svelte": {
+      "types": "./dist/popup/Popup.svelte.d.ts",
+      "svelte": "./dist/popup/Popup.svelte"
+    },
+    "./Portfolio.svelte": {
+      "types": "./dist/portfolio/Portfolio.svelte.d.ts",
+      "svelte": "./dist/portfolio/Portfolio.svelte"
+    },
+    "./PortfolioItem.svelte": {
+      "types": "./dist/portfolio/PortfolioItem.svelte.d.ts",
+      "svelte": "./dist/portfolio/PortfolioItem.svelte"
+    },
+    "./PricingBodyHead.svelte": {
+      "types": "./dist/pricing/PricingBodyHead.svelte.d.ts",
+      "svelte": "./dist/pricing/PricingBodyHead.svelte"
+    },
+    "./PricingCard.svelte": {
+      "types": "./dist/pricing/PricingCard.svelte.d.ts",
+      "svelte": "./dist/pricing/PricingCard.svelte"
+    },
+    "./PricingHead.svelte": {
+      "types": "./dist/pricing/PricingHead.svelte.d.ts",
+      "svelte": "./dist/pricing/PricingHead.svelte"
+    },
+    "./PricingItem.svelte": {
+      "types": "./dist/pricing/PricingItem.svelte.d.ts",
+      "svelte": "./dist/pricing/PricingItem.svelte"
+    },
+    "./PricingItemWrapper.svelte": {
+      "types": "./dist/pricing/PricingItemWrapper.svelte.d.ts",
+      "svelte": "./dist/pricing/PricingItemWrapper.svelte"
+    },
+    "./Register.svelte": {
+      "types": "./dist/register/Register.svelte.d.ts",
+      "svelte": "./dist/register/Register.svelte"
+    },
+    "./Schedule.svelte": {
+      "types": "./dist/schedule/Schedule.svelte.d.ts",
+      "svelte": "./dist/schedule/Schedule.svelte"
+    },
+    "./ScheduleItem.svelte": {
+      "types": "./dist/schedule/ScheduleItem.svelte.d.ts",
+      "svelte": "./dist/schedule/ScheduleItem.svelte"
+    },
+    "./SidebarBottomNav.svelte": {
+      "types": "./dist/sidebar/SidebarBottomNav.svelte.d.ts",
+      "svelte": "./dist/sidebar/SidebarBottomNav.svelte"
+    },
+    "./SidebarBottomNavItem.svelte": {
+      "types": "./dist/sidebar/SidebarBottomNavItem.svelte.d.ts",
+      "svelte": "./dist/sidebar/SidebarBottomNavItem.svelte"
+    },
+    "./Social.svelte": {
+      "types": "./dist/social/Social.svelte.d.ts",
+      "svelte": "./dist/social/Social.svelte"
+    },
+    "./TableHeader.svelte": {
+      "types": "./dist/tableheader/TableHeader.svelte.d.ts",
+      "svelte": "./dist/tableheader/TableHeader.svelte"
+    },
+    "./TeamBody.svelte": {
+      "types": "./dist/team/TeamBody.svelte.d.ts",
+      "svelte": "./dist/team/TeamBody.svelte"
+    },
+    "./TeamHeader.svelte": {
+      "types": "./dist/team/TeamHeader.svelte.d.ts",
+      "svelte": "./dist/team/TeamHeader.svelte"
+    },
+    "./TeamItem.svelte": {
+      "types": "./dist/team/TeamItem.svelte.d.ts",
+      "svelte": "./dist/team/TeamItem.svelte"
+    },
+    "./TeamWrapper.svelte": {
+      "types": "./dist/team/TeamWrapper.svelte.d.ts",
+      "svelte": "./dist/team/TeamWrapper.svelte"
+    },
+    "./Testimonial.svelte": {
+      "types": "./dist/testimonial/Testimonial.svelte.d.ts",
+      "svelte": "./dist/testimonial/Testimonial.svelte"
+    },
+    "./TestimonialCard.svelte": {
+      "types": "./dist/testimonial/TestimonialCard.svelte.d.ts",
+      "svelte": "./dist/testimonial/TestimonialCard.svelte"
+    },
+    "./TestimonialCardItem.svelte": {
+      "types": "./dist/testimonial/TestimonialCardItem.svelte.d.ts",
+      "svelte": "./dist/testimonial/TestimonialCardItem.svelte"
+    },
+    "./Facebook.svelte": {
+      "types": "./dist/utils/Facebook.svelte.d.ts",
+      "svelte": "./dist/utils/Facebook.svelte"
+    },
+    "./Github.svelte": {
+      "types": "./dist/utils/Github.svelte.d.ts",
+      "svelte": "./dist/utils/Github.svelte"
+    },
+    "./Quotes.svelte": {
+      "types": "./dist/utils/Quotes.svelte.d.ts",
+      "svelte": "./dist/utils/Quotes.svelte"
+    },
+    "./Twitter.svelte": {
+      "types": "./dist/utils/Twitter.svelte.d.ts",
+      "svelte": "./dist/utils/Twitter.svelte"
+    },
     ".": {
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js"
@@ -85,4 +294,4 @@
   ],
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts"
-}
+}
\ No newline at end of file
diff --git a/scripts/add-exports-to-package-json.js b/scripts/add-exports-to-package-json.js
new file mode 100644
index 0000000..e2a7986
--- /dev/null
+++ b/scripts/add-exports-to-package-json.js
@@ -0,0 +1,42 @@
+import fs from 'fs';
+import path from 'path';
+
+const distDir = './dist';
+const packageJsonPath = './package.json';
+
+const componentNames = fs.readdirSync(distDir);
+const componentExports = {};
+
+for (const componentName of componentNames) {
+  const componentDir = path.join(distDir, componentName);
+  if (!fs.existsSync(componentDir) || !fs.lstatSync(componentDir).isDirectory()) {
+    continue;
+  }
+  const componentFiles = fs.readdirSync(componentDir);
+
+  const svelteFiles = componentFiles.filter((file) => file.endsWith('.svelte'));
+
+  for (const svelteFile of svelteFiles) {
+    const dtsFile = `${svelteFile}.d.ts`;
+    const exportKey = `./${svelteFile}`;
+
+    componentExports[exportKey] = {
+      types: `./dist/${componentName}/${dtsFile}`,
+      svelte: `./dist/${componentName}/${svelteFile}`
+    };
+  }
+}
+
+const indexDtsPath = path.join(distDir, 'index.d.ts');
+if (fs.existsSync(indexDtsPath) && fs.lstatSync(indexDtsPath).isFile()) {
+  componentExports['.'] = {
+    types: './dist/index.d.ts',
+    svelte: './dist/index.js'
+  };
+}
+
+const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
+
+packageJson.exports = componentExports;
+
+fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
\ No newline at end of file
diff --git a/src/app.html b/src/app.html
index 3e0cdce..768db89 100644
--- a/src/app.html
+++ b/src/app.html
@@ -14,7 +14,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     %sveltekit.head%
   </head>
-  <body class="antialiased">
+  <body data-sveltekit-preload-data class="antialiased">
     <div id="svelte" class="max-h-screen overflow-auto relative w-full">
     %sveltekit.body%
     </div>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index d21d960..4520f04 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import '../app.css';
   import { page } from '$app/stores';
+  import { afterNavigate } from '$app/navigation';
   import {
     Footer,
     FooterBrand,
@@ -27,6 +28,11 @@
   $: isHomePage = $page.route.id === '/';
   let version = import.meta.env.VITE_APP_VERSION;
 
+  // to fix scrolling problem
+  afterNavigate((navigation) => {
+    document.getElementById('svelte')?.scrollTo({ top: 0 });
+  });
+
   let divClass = 'w-full ml-auto lg:block lg:w-auto order-1 lg:order-none';
   let ulClass =
     'flex flex-col py-3 my-4 lg:flex-row lg:my-0 text-sm font-medium text-gray-900 dark:text-gray-300 gap-4';
@@ -81,7 +87,7 @@
         <DarkMode size="lg" class="inline-block dark:hover:text-white hover:text-gray-900" />
         <Tooltip class="dark:bg-gray-900" placement="bottom-end">Toggle dark mode</Tooltip>
       </div>
-      <a href="https://www.npmjs.com/package/flowbite-svelte" class="hidden sm:block">
+      <a href="https://www.npmjs.com/package/flowbite-svelte-blocks" class="hidden sm:block">
         <DocBadge
           large
           class="ml-2 xl:ml-6 hover:bg-primary-600 hover:text-white dark:hover:bg-primary-800 dark:hover:text-white">
diff --git a/src/routes/marketing/footer.md b/src/routes/marketing/footer.md
index 5eece33..01b74bc 100644
--- a/src/routes/marketing/footer.md
+++ b/src/routes/marketing/footer.md
@@ -122,7 +122,7 @@ Use this footer section to show the logo of your brand, the sitemap, social medi
         <FooterLink liClass="mb-4" href="https://discord.gg/4eeurUVvTy">Discord</FooterLink>
         <FooterLink
           liClass="mb-4"
-          href="https://github.com/shinokada/flowbite-svelte-blocks/issues">GitHub</FooterLink
+          href="https://github.com/themesberg/flowbite-svelte-blocks">GitHub</FooterLink
         >
       </FooterLinkGroup>
     </div>
@@ -142,7 +142,7 @@ Use this footer section to show the logo of your brand, the sitemap, social medi
       <FooterLinkGroup>
         <FooterLink
           liClass="mb-4"
-          href="https://github.com/shinokada/flowbite-svelte-blocks/LICENSE">LICENSE</FooterLink
+          href="https://github.com/themesberg/flowbite-svelte-blocks/blob/main/License">LICENSE</FooterLink
         >
       </FooterLinkGroup>
     </div>