diff --git a/README.md b/README.md
index ad63fac92..c41ecd129 100644
--- a/README.md
+++ b/README.md
@@ -92,13 +92,13 @@ The quickest way to get started working with Flowbite is to simply include the C
Require the following minified stylesheet inside the `head` tag:
```html
-<link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.1.0/flowbite.min.css" rel="stylesheet" />
+<link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.1.1/flowbite.min.css" rel="stylesheet" />
```
And include the following javascript file before the end of the `body` tag:
```html
-<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.1.0/flowbite.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.1.1/flowbite.min.js"></script>
```
### Bundled JavaScript
diff --git a/config.yml b/config.yml
index d770bf808..bfc60922e 100644
--- a/config.yml
+++ b/config.yml
@@ -5,7 +5,7 @@ enableInlineShortcodes: true
params:
homepage: "https://flowbite.com"
- current_version: 2.1.0
+ current_version: 2.1.1
authors: Themesberg
social_image_path: /docs/images/og-image.png
diff --git a/content/getting-started/blazor.md b/content/getting-started/blazor.md
index 95371f561..927f07785 100644
--- a/content/getting-started/blazor.md
+++ b/content/getting-started/blazor.md
@@ -219,7 +219,7 @@ module.exports = {
```bash
<!-- ... -->
- <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.1.0/flowbite.min.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.1.1/flowbite.min.js"></script>
</body>
</html>
```
diff --git a/content/getting-started/changelog.md b/content/getting-started/changelog.md
index 1a332a330..a17427989 100644
--- a/content/getting-started/changelog.md
+++ b/content/getting-started/changelog.md
@@ -15,6 +15,10 @@ nextLink: getting-started/react/
We strive to keep a good accountability of all of the version changes that we make for the Flowbite library.
+### v2.1.1
+
+- fixed the `InstanceOptions` type export for TypeScript
+
### v2.1.0
This update adds [full RTL support](https://flowbite.com/docs/customize/rtl/) to all of the UI components from Flowbite and also provides and update to the Instance Manager API which now allows you to set custom id's as the 4th parameter of each object class.
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index 2fdefdc4b..c596e69a8 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -1,6 +1,6 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/prism.min.js"
integrity="sha512-axJX7DJduStuBB8ePC8ryGzacZPr3rdLaIDZitiEgWWk2gsXxEFlm4UW0iNzj2h3wp5mOylgHAzBzM4nRSvTZA=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<script src="{{ .Site.BaseURL }}flowbite.min.js?v=2.1.0a"></script>
-<script src="{{ .Site.BaseURL }}datepicker.min.js?v=2.1.0a"></script>
-<script src="{{ .Site.BaseURL }}docs.js?v=2.1.0a"></script>
\ No newline at end of file
+<script src="{{ .Site.BaseURL }}flowbite.min.js?v=2.1.1a"></script>
+<script src="{{ .Site.BaseURL }}datepicker.min.js?v=2.1.1a"></script>
+<script src="{{ .Site.BaseURL }}docs.js?v=2.1.1a"></script>
\ No newline at end of file
diff --git a/layouts/partials/stylesheet.html b/layouts/partials/stylesheet.html
index e020b22c2..c6707fc24 100644
--- a/layouts/partials/stylesheet.html
+++ b/layouts/partials/stylesheet.html
@@ -3,5 +3,5 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism.min.css" integrity="sha512-tN7Ec6zAFaVSG3TpNAKtk4DOHNpSwKHxxrsiw4GHKESGPs5njn/0sMCUMl2svV4wo4BK/rCP7juYz+zx+l6oeQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@alpha" />
-<link rel="stylesheet" href="{{ .Site.BaseURL }}flowbite.css?v=2.1.0a">
-<link rel="stylesheet" href="{{ .Site.BaseURL }}docs.css?v=2.1.0a">
\ No newline at end of file
+<link rel="stylesheet" href="{{ .Site.BaseURL }}flowbite.css?v=2.1.1a">
+<link rel="stylesheet" href="{{ .Site.BaseURL }}docs.css?v=2.1.1a">
\ No newline at end of file
diff --git a/layouts/shortcodes/example.html b/layouts/shortcodes/example.html
index 0365b1068..aca470eee 100644
--- a/layouts/shortcodes/example.html
+++ b/layouts/shortcodes/example.html
@@ -102,7 +102,7 @@
<div class="code-preview-wrapper">
<div{{ with .Get "id" }} id="{{ . }}"{{ end }} class="flex p-0 bg-white border-gray-200 bg-gradient-to-r code-preview dark:bg-gray-900 border-x dark:border-gray-600">
<div class="w-full code-responsive-wrapper">
- <iframe {{ if $id }}title="{{ replace $id "-" " "}}"{{ end }} class="w-full h-0 mx-auto bg-white dark:bg-gray-900 iframe-code" {{ if $iframeMaxHeight }}style='max-height: {{ sub (int $iframeMaxHeight) 40 }}px'{{ end }} srcdoc="<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><meta name='viewport' content='width=device-width, initial-scale=1.0'><link rel='preconnect' href='https://fonts.googleapis.com'><link rel='preconnect' href='https://fonts.gstatic.com' crossorigin><link href='https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap' rel='stylesheet'><link rel='stylesheet' href='{{ .Site.BaseURL }}flowbite.css?v=2.1.0a'></head><body {{ if $iframeHeight }}style='height: {{ sub (int $iframeHeight) 40 }}px'{{ end }} class='p-5 bg-white dark:bg-gray-900 antialiased {{ if $bodyClass }}{{ $bodyClass }}{{ end }}'><div id='exampleWrapper' class='{{ if $class }}{{ $class }}{{ end }}'>{{- $input | safeHTMLAttr -}}{{ if $skeletonPlaceholders }}{{ $skeletonPlaceholdersMarkup }}{{ end }}</div><script src='{{ .Site.BaseURL }}flowbite.min.js'></script><script src='{{ .Site.BaseURL }}datepicker.min.js'></script>{{ if $charts }}<script src='https://cdn.jsdelivr.net/npm/apexcharts'></script>{{ end }}<script>window.onload = function () { const anchorTags = document.querySelectorAll('a'); anchorTags.forEach(function(a){a.addEventListener('click', function(ev){ev.preventDefault();})}); {{ if not $disable_init_js }} const dropdownEl = document.querySelector('[data-dropdown-toggle]'); if (dropdownEl) {dropdownEl.click();} const modalEl = document.querySelector('[data-modal-toggle]'); if(modalEl) {modalEl.click(); } {{ if $initDatepicker }} const datepickerEl = document.querySelector('[datepicker]'); if (datepickerEl) { datepickerEl.focus({preventScroll: true}); } {{ end }} const dateRangePickerEl = document.querySelector('[data-rangepicker] input'); if (dateRangePickerEl) { dateRangePickerEl.focus(); } const drawerEl = document.querySelector('[data-drawer-show]'); if (drawerEl) { drawerEl.click(); } {{ end }} }</script></body></html>" frameborder="0"></iframe>
+ <iframe {{ if $id }}title="{{ replace $id "-" " "}}"{{ end }} class="w-full h-0 mx-auto bg-white dark:bg-gray-900 iframe-code" {{ if $iframeMaxHeight }}style='max-height: {{ sub (int $iframeMaxHeight) 40 }}px'{{ end }} srcdoc="<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><meta name='viewport' content='width=device-width, initial-scale=1.0'><link rel='preconnect' href='https://fonts.googleapis.com'><link rel='preconnect' href='https://fonts.gstatic.com' crossorigin><link href='https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap' rel='stylesheet'><link rel='stylesheet' href='{{ .Site.BaseURL }}flowbite.css?v=2.1.1a'></head><body {{ if $iframeHeight }}style='height: {{ sub (int $iframeHeight) 40 }}px'{{ end }} class='p-5 bg-white dark:bg-gray-900 antialiased {{ if $bodyClass }}{{ $bodyClass }}{{ end }}'><div id='exampleWrapper' class='{{ if $class }}{{ $class }}{{ end }}'>{{- $input | safeHTMLAttr -}}{{ if $skeletonPlaceholders }}{{ $skeletonPlaceholdersMarkup }}{{ end }}</div><script src='{{ .Site.BaseURL }}flowbite.min.js'></script><script src='{{ .Site.BaseURL }}datepicker.min.js'></script>{{ if $charts }}<script src='https://cdn.jsdelivr.net/npm/apexcharts'></script>{{ end }}<script>window.onload = function () { const anchorTags = document.querySelectorAll('a'); anchorTags.forEach(function(a){a.addEventListener('click', function(ev){ev.preventDefault();})}); {{ if not $disable_init_js }} const dropdownEl = document.querySelector('[data-dropdown-toggle]'); if (dropdownEl) {dropdownEl.click();} const modalEl = document.querySelector('[data-modal-toggle]'); if(modalEl) {modalEl.click(); } {{ if $initDatepicker }} const datepickerEl = document.querySelector('[datepicker]'); if (datepickerEl) { datepickerEl.focus({preventScroll: true}); } {{ end }} const dateRangePickerEl = document.querySelector('[data-rangepicker] input'); if (dateRangePickerEl) { dateRangePickerEl.focus(); } const drawerEl = document.querySelector('[data-drawer-show]'); if (drawerEl) { drawerEl.click(); } {{ end }} }</script></body></html>" frameborder="0"></iframe>
<div class="flex items-center justify-center w-full p-5 bg-white dark:bg-gray-900" data-component-loader>
<div role="status">
<svg aria-hidden="true" class="w-8 h-8 mr-2 text-gray-200 animate-spin dark:text-gray-600 fill-blue-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
diff --git a/package.json b/package.json
index 23b170b7c..7c3a71af4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "flowbite",
- "version": "2.1.0",
+ "version": "2.1.1",
"description": "The most popular library of interactive components built with Tailwind CSS",
"keywords": [
"flowbite",